linear-react-components-ui 1.0.3-beta.3 → 1.0.4

package/lib/tabs/tabHelpers.js

@@ -9,26 +9,21 @@ exports.menuStyles = menuStyles;
 exports.numberAroundZeroAndOne = numberAroundZeroAndOne;
 exports.onDeniedOptions = void 0;
 exports.tabsClass = tabsClass;
-
 var _react = require("react");
-
 var _Panel = _interopRequireDefault(require("./Panel"));
-
 var _permissionValidations = require("../permissionValidations");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /**
  * Recursive funcion to get the panels passed as children elements to the Tabs Component.
  * Sometimes, when tabs were added dynamically, the children can came as array or Panels.
  */
+
 function buildPanels(children) {
   var panels = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   if (!Array.isArray(children)) return new Array(children);
   children.forEach(function (child) {
     if (child.type === _Panel.default) {
       var _child$props;
-
       if (!((_child$props = child.props) !== null && _child$props !== void 0 && _child$props.hidden)) {
         panels.push(child);
       }
@@ -38,28 +33,25 @@ function buildPanels(children) {
   });
   return panels;
 }
+
 /**
  * Get the css class according to the options passed to the Tabs Component
  */
-
-
 var positionsMenuClass = {
   top: '',
   left: 'menu-left',
   bottom: 'menu-bottom',
   right: 'menu-right'
 };
-
 function tabsClass(tabMenuPosition) {
   var cssClass = 'tabs-component ';
   cssClass += positionsMenuClass[tabMenuPosition];
   return cssClass;
 }
+
 /**
  * Menu Styles for tab menus
  */
-
-
 var flextJustifyContent = {
   left: 'flex-start',
   top: 'flex-start',
@@ -67,25 +59,20 @@ var flextJustifyContent = {
   bottom: 'flex-end',
   center: 'center'
 };
-
 function menuStyles(tabMenuAlign) {
   return {
     justifyContent: flextJustifyContent[tabMenuAlign]
   };
 }
-
 function numberAroundZeroAndOne(props, propName, componentName) {
   if (props[propName]) {
     var value = props[propName];
-
     if (typeof value === 'number') {
       return value >= 0 && value <= 1 ? null : new Error("invalid value of ".concat(propName, " in ").concat(componentName, " component, is not between 0 and 1"));
     }
   }
-
   return null;
 }
-
 var onDeniedOptions = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
 exports.onDeniedOptions = onDeniedOptions;
 var TabContext = /*#__PURE__*/(0, _react.createContext)({});

package/lib/tabs/tabs.spec.js

@@ -20,9 +20,9 @@ var _storageMock = _interopRequireWildcard(require("../../../config/jest/storage
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
@@ -31,10 +31,10 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var tabsMockRender = function tabsMockRender(tabProps, tabpanelProps) {
-  return /*#__PURE__*/_react.default.createElement(_.default, tabProps, /*#__PURE__*/_react.default.createElement(_.TabPanel, _extends({}, tabpanelProps, {
+  return /*#__PURE__*/_react["default"].createElement(_["default"], tabProps, /*#__PURE__*/_react["default"].createElement(_.TabPanel, _extends({}, tabpanelProps, {
     title: "Tab 0",
     id: "tab0"
-  }), "CONTENT 1"), /*#__PURE__*/_react.default.createElement(_.TabPanel, {
+  }), "CONTENT 1"), /*#__PURE__*/_react["default"].createElement(_.TabPanel, {
     title: "Tab 1",
     closeable: true,
     id: "tab1"
@@ -165,15 +165,15 @@ describe('Tabs', function () {
     });
     it('should apply toolbar', function () {
       var _render14 = (0, _react2.render)(tabsMockRender({
-        toolbar: /*#__PURE__*/_react.default.createElement(_toolbar.default, {
+        toolbar: /*#__PURE__*/_react["default"].createElement(_toolbar["default"], {
           style: {
             marginTop: 0
           }
-        }, /*#__PURE__*/_react.default.createElement(_toolbar.ToolBarGroup, null, /*#__PURE__*/_react.default.createElement(_toolbar.ButtonBar, {
+        }, /*#__PURE__*/_react["default"].createElement(_toolbar.ToolBarGroup, null, /*#__PURE__*/_react["default"].createElement(_toolbar.ButtonBar, {
           boxShadow: false,
           type: "primary",
           label: "Adicionar"
-        }), /*#__PURE__*/_react.default.createElement(_toolbar.ButtonBar, {
+        }), /*#__PURE__*/_react["default"].createElement(_toolbar.ButtonBar, {
           boxShadow: false,
           label: "Projetos"
         })))
@@ -185,15 +185,15 @@ describe('Tabs', function () {
     it('should apply toolbar', function () {
       var _render15 = (0, _react2.render)(tabsMockRender({
         customClassForToolBar: 'customClass',
-        toolbar: /*#__PURE__*/_react.default.createElement(_toolbar.default, {
+        toolbar: /*#__PURE__*/_react["default"].createElement(_toolbar["default"], {
           style: {
             marginTop: 0
           }
-        }, /*#__PURE__*/_react.default.createElement(_toolbar.ToolBarGroup, null, /*#__PURE__*/_react.default.createElement(_toolbar.ButtonBar, {
+        }, /*#__PURE__*/_react["default"].createElement(_toolbar.ToolBarGroup, null, /*#__PURE__*/_react["default"].createElement(_toolbar.ButtonBar, {
           boxShadow: false,
           type: "primary",
           label: "Adicionar"
-        }), /*#__PURE__*/_react.default.createElement(_toolbar.ButtonBar, {
+        }), /*#__PURE__*/_react["default"].createElement(_toolbar.ButtonBar, {
           boxShadow: false,
           label: "Projetos"
         })))
@@ -221,7 +221,7 @@ describe('Tabs', function () {
     });
     it('should apply icon', function () {
       var _render18 = (0, _react2.render)(tabsMockRender({}, {
-        icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+        icon: /*#__PURE__*/_react["default"].createElement(_icons["default"], {
           name: "user"
         })
       })),
@@ -246,72 +246,100 @@ describe('Tabs', function () {
 
       expect(container.querySelector('ul.menu li.menuitem button')).toHaveClass('icon-right');
     });
-    it('should apply tooltip', function () {
-      var _render21 = (0, _react2.render)(tabsMockRender({}, {
-        tooltip: 'TESTE'
-      })),
-          container = _render21.container;
+    it('should apply tooltip', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var _render21, container;
 
-      _react2.fireEvent.mouseOver(container.querySelector('ul.menu li.menuitem button'));
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _render21 = (0, _react2.render)(tabsMockRender({}, {
+                tooltip: 'TESTE'
+              })), container = _render21.container;
 
-      expect(document.querySelector('.tooltip-component')).toBeTruthy();
-    });
-    it('should apply tooltipPosition', function () {
-      var _render22 = (0, _react2.render)(tabsMockRender({}, {
-        tooltip: 'TESTE',
-        tooltipPosition: 'top'
-      })),
-          container = _render22.container;
+              _react2.fireEvent.mouseOver(container.querySelector('ul.menu li.menuitem button'));
 
-      _react2.fireEvent.mouseOver(container.querySelector('ul.menu li.menuitem button'));
+              _context.next = 4;
+              return (0, _react2.waitFor)(function () {
+                return _react2.screen.findByText('TESTE');
+              });
 
-      expect(document.querySelector('.tooltip-component')).toHaveClass('top');
-    });
-    it('should apply tooltipWidth', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var _render23, container;
+            case 4:
+              expect(_react2.screen.findByText('TESTE')).toBeTruthy();
 
-      return regeneratorRuntime.wrap(function _callee$(_context) {
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+    it('should apply tooltipPosition', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      var _render22, container;
+
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) {
-          switch (_context.prev = _context.next) {
+          switch (_context2.prev = _context2.next) {
             case 0:
-              _render23 = (0, _react2.render)(tabsMockRender({}, {
+              _render22 = (0, _react2.render)(tabsMockRender({}, {
                 tooltip: 'TESTE',
-                tooltipWidth: '50px'
-              })), container = _render23.container;
+                tooltipPosition: 'bottom'
+              })), container = _render22.container;
 
               _react2.fireEvent.mouseOver(container.querySelector('ul.menu li.menuitem button'));
 
-              expect(document.querySelector('.tooltip-component')).toHaveStyle('width: 50px');
+              _context2.next = 4;
+              return (0, _react2.waitFor)(function () {
+                return _react2.screen.findByText('TESTE');
+              });
+
+            case 4:
+              _context2.t0 = expect;
+              _context2.next = 7;
+              return _react2.screen.findByText('TESTE');
+
+            case 7:
+              _context2.t1 = _context2.sent.parentElement;
+              (0, _context2.t0)(_context2.t1).toHaveClass('bottom');
 
-            case 3:
+            case 9:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
         }
-      }, _callee);
+      }, _callee2);
     })));
+    /*
+    it('should apply tooltipWidth', async () => {
+      const { container } = render(tabsMockRender({}, { tooltip: 'TESTE', tooltipWidth: '50px' }));
+      fireEvent.mouseOver(container.querySelector('ul.menu li.menuitem button'));
+      await waitFor(() => screen.findByText('TESTE'));
+       expect((await screen.findByText('TESTE')).parentElement).toHaveStyle('width: 50px');
+    });
+    */
+
     it('should check permission', function () {
       Object.defineProperty(window, 'sessionStorage', {
-        value: (0, _storageMock.default)()
+        value: (0, _storageMock["default"])()
       });
 
-      var _render24 = (0, _react2.render)(tabsMockRender({}, {
+      var _render23 = (0, _react2.render)(tabsMockRender({}, {
         permissionAttr: (0, _storageMock.permissionAttrMockAuthorized)('disabled')
       })),
-          container = _render24.container;
+          container = _render23.container;
 
       var noPermissionComponent = container.querySelector('.no-permission-component');
       expect(noPermissionComponent).toBeFalsy();
     });
     it('should check permission and be unavailable', function () {
       Object.defineProperty(window, 'sessionStorage', {
-        value: (0, _storageMock.default)()
+        value: (0, _storageMock["default"])()
       });
 
-      var _render25 = (0, _react2.render)(tabsMockRender({}, {
+      var _render24 = (0, _react2.render)(tabsMockRender({}, {
         permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('hideContent')
       })),
-          container = _render25.container; // debug();
+          container = _render24.container; // debug();
 
 
       var noPermissionComponent = container.querySelector('.no-permission-component');

package/lib/toolbar/ButtonBar.js

@@ -1,50 +1,36 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _buttons = _interopRequireWildcard(require("../buttons"));
-
 var _helpers = _interopRequireDefault(require("./helpers"));
-
 var _excluded = ["size", "icon", "onClick", "iconName", "transparent", "customClass", "type", "iconAlign", "label"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var ButtonBar = function ButtonBar(_ref) {
   var size = _ref.size,
-      icon = _ref.icon,
-      onClick = _ref.onClick,
-      iconName = _ref.iconName,
-      transparent = _ref.transparent,
-      customClass = _ref.customClass,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'default' : _ref$type,
-      _ref$iconAlign = _ref.iconAlign,
-      iconAlign = _ref$iconAlign === void 0 ? 'left' : _ref$iconAlign,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? '' : _ref$label,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    icon = _ref.icon,
+    onClick = _ref.onClick,
+    iconName = _ref.iconName,
+    transparent = _ref.transparent,
+    customClass = _ref.customClass,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
+    _ref$iconAlign = _ref.iconAlign,
+    iconAlign = _ref$iconAlign === void 0 ? 'left' : _ref$iconAlign,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useContext = (0, _react.useContext)(_helpers.default),
-      skeletonize = _useContext.skeletonize;
-
+    skeletonize = _useContext.skeletonize;
   var getProps = function getProps() {
     return _extends({}, props, {
       size: size,
@@ -59,7 +45,6 @@ var ButtonBar = function ButtonBar(_ref) {
       customClass: "buttonbar ".concat(customClass)
     });
   };
-
   return {
     default: /*#__PURE__*/_react.default.createElement(_buttons.default, getProps()),
     primary: /*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, getProps()),
@@ -77,6 +62,5 @@ var ButtonBar = function ButtonBar(_ref) {
     restore: /*#__PURE__*/_react.default.createElement(_buttons.RestoreButton, getProps())
   }[type];
 };
-
 var _default = ButtonBar;
 exports.default = _default;

package/lib/toolbar/LabelBar.js

@@ -1,53 +1,38 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _labels = _interopRequireWildcard(require("../labels"));
-
 var _helpers = _interopRequireDefault(require("./helpers"));
-
 var _excluded = ["size", "icon", "children", "iconName", "style", "type", "bordered"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var LabelBar = function LabelBar(_ref) {
   var size = _ref.size,
-      icon = _ref.icon,
-      children = _ref.children,
-      iconName = _ref.iconName,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? {} : _ref$style,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'default' : _ref$type,
-      _ref$bordered = _ref.bordered,
-      bordered = _ref$bordered === void 0 ? false : _ref$bordered,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    icon = _ref.icon,
+    children = _ref.children,
+    iconName = _ref.iconName,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
+    _ref$bordered = _ref.bordered,
+    bordered = _ref$bordered === void 0 ? false : _ref$bordered,
+    props = _objectWithoutProperties(_ref, _excluded);
   var styles = _extends({
     lineHeight: 'unset',
     padding: '7px 10px 6px'
   }, style);
-
   var _useContext = (0, _react.useContext)(_helpers.default),
-      skeletonize = _useContext.skeletonize;
-
+    skeletonize = _useContext.skeletonize;
   var getProps = function getProps() {
     return _extends({}, props, {
       size: size,
@@ -60,7 +45,6 @@ var LabelBar = function LabelBar(_ref) {
       customClass: 'labelbar'
     });
   };
-
   return {
     default: /*#__PURE__*/_react.default.createElement(_labels.default, getProps()),
     primary: /*#__PURE__*/_react.default.createElement(_labels.PrimaryLabel, getProps()),
@@ -70,6 +54,5 @@ var LabelBar = function LabelBar(_ref) {
     warning: /*#__PURE__*/_react.default.createElement(_labels.WarningLabel, getProps())
   }[type];
 };
-
 var _default = LabelBar;
 exports.default = _default;

package/lib/toolbar/Separator.js

@@ -4,16 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var Separator = function Separator() {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "separator"
   });
 };
-
 var _default = Separator;
 exports.default = _default;

package/lib/toolbar/ToolBarGroup.js

@@ -4,20 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var ToolBarGroup = function ToolBarGroup(_ref) {
   var children = _ref.children,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? {} : _ref$style;
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "toolbar-group",
     style: style
   }, children);
 };
-
 var _default = ToolBarGroup;
 exports.default = _default;

package/lib/toolbar/helpers.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var ToolBarContext = /*#__PURE__*/(0, _react.createContext)({});
 var _default = ToolBarContext;
 exports.default = _default;

package/lib/toolbar/index.js

@@ -28,43 +28,28 @@ Object.defineProperty(exports, "ToolBarGroup", {
   }
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ToolBarGroup = _interopRequireDefault(require("./ToolBarGroup"));
-
 var _Separator = _interopRequireDefault(require("./Separator"));
-
 var _ButtonBar = _interopRequireDefault(require("./ButtonBar"));
-
 var _LabelBar = _interopRequireDefault(require("./LabelBar"));
-
 require("../assets/styles/toolbar.scss");
-
 var _helpers = _interopRequireDefault(require("./helpers"));
-
 var _excluded = ["innerRef", "children", "style", "size", "customClass"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var ToolBar = function ToolBar(_ref) {
   var innerRef = _ref.innerRef,
-      children = _ref.children,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? {} : _ref$style,
-      size = _ref.size,
-      _ref$customClass = _ref.customClass,
-      customClass = _ref$customClass === void 0 ? '' : _ref$customClass,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    children = _ref.children,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    size = _ref.size,
+    _ref$customClass = _ref.customClass,
+    customClass = _ref$customClass === void 0 ? '' : _ref$customClass,
+    props = _objectWithoutProperties(_ref, _excluded);
   var contextValues = _extends({}, props);
-
   return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
     value: contextValues
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -73,6 +58,5 @@ var ToolBar = function ToolBar(_ref) {
     style: style
   }, children));
 };
-
 var _default = ToolBar;
 exports.default = _default;

package/lib/toolbar/toolbar.spec.js

@@ -12,27 +12,27 @@ var _icons = _interopRequireDefault(require("../icons"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var toolBar = function toolBar(propsToolBar, propsButtonBar, propsLabelBar) {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
+  return /*#__PURE__*/_react["default"].createElement(_["default"], _extends({
     customClass: "toolBarCustomClass",
     style: {
       backgroundColor: '#00f'
     }
-  }, propsToolBar), /*#__PURE__*/_react.default.createElement(_.ToolBarGroup, {
+  }, propsToolBar), /*#__PURE__*/_react["default"].createElement(_.ToolBarGroup, {
     style: {
       marginBottom: '10px'
     }
-  }, /*#__PURE__*/_react.default.createElement(_.ButtonBar, propsButtonBar)), /*#__PURE__*/_react.default.createElement(_.Separator, null), /*#__PURE__*/_react.default.createElement(_.ToolBarGroup, {
+  }, /*#__PURE__*/_react["default"].createElement(_.ButtonBar, propsButtonBar)), /*#__PURE__*/_react["default"].createElement(_.Separator, null), /*#__PURE__*/_react["default"].createElement(_.ToolBarGroup, {
     style: {
-      float: 'right'
+      "float": 'right'
     }
-  }, /*#__PURE__*/_react.default.createElement(_.LabelBar, propsLabelBar, "LabelBar")));
+  }, /*#__PURE__*/_react["default"].createElement(_.LabelBar, propsLabelBar, "LabelBar")));
 };
 
 describe('Toolbar', function () {
@@ -104,7 +104,7 @@ describe('Toolbar', function () {
         marginBottom: '10px'
       });
       expect(container.querySelectorAll('.toolbar-group')[1]).toHaveStyle({
-        float: 'right'
+        "float": 'right'
       });
     });
   });
@@ -143,7 +143,7 @@ describe('Toolbar', function () {
     });
     it('should render icon with icon', function () {
       var _render14 = (0, _react2.render)(toolBar({}, {
-        icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+        icon: /*#__PURE__*/_react["default"].createElement(_icons["default"], {
           name: "user"
         })
       })),
@@ -339,7 +339,7 @@ describe('Toolbar', function () {
     });
     it('should render icon with icon', function () {
       var _render33 = (0, _react2.render)(toolBar({}, {}, {
-        icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+        icon: /*#__PURE__*/_react["default"].createElement(_icons["default"], {
           name: "user"
         })
       })),