react-bootstrap-widgets - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

lib/index.js

@@ -34,2 +34,11 @@ 'use strict';
 
+var _withModalConfirm = require('./withModalConfirm');
+
+Object.defineProperty(exports, 'withModalConfirm', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_withModalConfirm).default;
+  }
+});
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

lib/Topbar/index.js

@@ -114,3 +114,5 @@ 'use strict';
           offCanvasItemClass = _props.offCanvasItemClass,
-          offCanvasPosition = _props.offCanvasPosition;
+          offCanvasPosition = _props.offCanvasPosition,
+          offCanvasMenuOpenClass = _props.offCanvasMenuOpenClass,
+          offCanvasMenuClosedClass = _props.offCanvasMenuClosedClass;
 
@@ -132,2 +134,4 @@
         showOffCanvas && togglerPosition === 'left' && _react2.default.createElement(_TogglerButton2.default, {
+          openIconClass: offCanvasMenuOpenClass,
+          closedIconClass: offCanvasMenuClosedClass,
           className: togglerClassName,
@@ -157,2 +161,4 @@ onClick: this.toggleMenu,
         showOffCanvas && togglerPosition === 'right' && _react2.default.createElement(_TogglerButton2.default, {
+          openIconClass: offCanvasMenuOpenClass,
+          closedIconClass: offCanvasMenuClosedClass,
           className: togglerClassName,
@@ -198,2 +204,4 @@ onClick: this.toggleMenu,
   offCanvasItemClass: 'bg-dark',
+  offCanvasMenuOpenClass: 'fa fa-times',
+  offCanvasMenuClosedClass: 'fa fa-bars',
   navbarClass: 'navbar-dark bg-dark text-white'
@@ -200,0 +208,0 @@ };

lib/Topbar/TogglerButton.js

@@ -29,3 +29,5 @@ 'use strict';
       className = _ref.className,
-      classes = _ref.classes;
+      classes = _ref.classes,
+      openIconClass = _ref.openIconClass,
+      closedIconClass = _ref.closedIconClass;
   return _react2.default.createElement(
@@ -35,3 +37,3 @@ 'button',
     _react2.default.createElement('i', {
-      className: 'fa fa-' + (open ? 'times' : 'bars') + ' ' + className,
+      className: (open ? openIconClass : closedIconClass) + ' ' + className,
       'aria-hidden': 'true'
@@ -38,0 +40,0 @@ })

package.json

 {
   "name": "react-bootstrap-widgets",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Generic react components based on twitter bootstrap",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

playground/index.js

@@ -8,2 +8,3 @@ import ReactDOM from 'react-dom'
 import WithDataTableExample from './pages/WithDataTableExample'
+import WithModalConfirmExample from './pages/WithModalConfirmExample'
 import 'bootstrap/dist/css/bootstrap.css'
@@ -18,2 +19,3 @@
       <Route path='/withDataTable' exact component={WithDataTableExample} />
+      <Route path='/withModalConfirm' exact component={WithModalConfirmExample} />
     </Switch>
@@ -20,0 +22,0 @@ </Router>

playground/pages/Home.js

@@ -15,2 +15,3 @@ import React from 'react'
             <li><Link to='/withDataTable'>withDataTable</Link></li>
+            <li><Link to='/withModalConfirm'>withModalConfirm</Link></li>
           </ul>
@@ -17,0 +18,0 @@ </div>

playground/pages/TopBarExample.js

@@ -16,2 +16,4 @@ import React, { Fragment } from 'react'
         navbarClass='navbar-dark bg-dark text-white'
+        offCanvasMenuOpenClass='fab fa-android'
+        offCanvasMenuClosedClass='fas fa-heartbeat'
         leftLinks={[
@@ -18,0 +20,0 @@ // // Simple

playground/pages/WithModalConfirmExample.js

@@ -17,4 +17,6 @@ import React, { Fragment } from 'react'
 
-export default withModalConfirm({
-  action: 
-})(WithModalConfirmExample)
+export default WithModalConfirmExample
+
+// export default withModalConfirm({
+//   action:
+// })(WithModalConfirmExample)

src/index.js

 export { default as Topbar } from './Topbar'
 export { default as Paginator } from './Paginator'
 export { default as withDataTable } from './withDataTable'
+export { default as withModalConfirm } from './withModalConfirm'

src/Topbar/index.js

@@ -61,2 +61,4 @@ import 'match-media'
       offCanvasPosition,
+      offCanvasMenuOpenClass,
+      offCanvasMenuClosedClass,
     } = this.props
@@ -78,2 +80,4 @@
           <TogglerButton
+            openIconClass={offCanvasMenuOpenClass}
+            closedIconClass={offCanvasMenuClosedClass}
             className={togglerClassName}
@@ -100,2 +104,4 @@ onClick={this.toggleMenu}
           <TogglerButton
+            openIconClass={offCanvasMenuOpenClass}
+            closedIconClass={offCanvasMenuClosedClass}
             className={togglerClassName}
@@ -139,2 +145,4 @@ onClick={this.toggleMenu}
   offCanvasItemClass: 'bg-dark',
+  offCanvasMenuOpenClass: 'fa fa-times',
+  offCanvasMenuClosedClass: 'fa fa-bars',
   navbarClass: 'navbar-dark bg-dark text-white',
@@ -141,0 +149,0 @@ }

src/Topbar/TogglerButton.js

@@ -12,6 +12,6 @@ import React from 'react'
 
-const TogglerButton = ({ onClick, open, className, classes }) => (
+const TogglerButton = ({ onClick, open, className, classes, openIconClass, closedIconClass }) => (
   <button className={classes.offCanvasBtn} onClick={onClick}>
     <i
-      className={`fa fa-${open ? `times` : `bars`} ${className}`}
+      className={`${open ? openIconClass : closedIconClass} ${className}`}
       aria-hidden="true"
@@ -18,0 +18,0 @@ />

No alert changes

Improved metrics

Total package byte prevSize

263197

increased by0.6%

Lines of code

1434

increased by2.28%

No dependency changes