linear-react-components-ui 1.0.10-beta.6 → 1.0.10-beta.8

package/lib/skeleton/index.js

@@ -10,56 +10,44 @@ Object.defineProperty(exports, "SkeletonContainer", {
   }
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _gridlayout = _interopRequireDefault(require("../gridlayout"));
-
 var _SkeletonContainer = _interopRequireDefault(require("./SkeletonContainer"));
-
 require("../assets/styles/skeleton.scss");
-
 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); }
-
 var Skeleton = function Skeleton(props) {
   var _props$customClass = props.customClass,
-      customClass = _props$customClass === void 0 ? '' : _props$customClass,
-      style = props.style,
-      width = props.width,
-      height = props.height,
-      round = props.round,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'default' : _props$color,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'medium' : _props$size,
-      gridLayout = props.gridLayout;
+    customClass = _props$customClass === void 0 ? '' : _props$customClass,
+    style = props.style,
+    width = props.width,
+    height = props.height,
+    round = props.round,
+    _props$color = props.color,
+    color = _props$color === void 0 ? 'default' : _props$color,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    gridLayout = props.gridLayout;
   var customStyles = {
     width: width,
     height: height
   };
-
   var getClass = function getClass() {
     return "skeleton-component ".concat(customClass, "\n    ").concat(color && "-".concat(color), "\n    ").concat(round && '-round', "\n    ").concat(round && size && "-".concat(size));
   };
-
   var renderContent = function renderContent() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: getClass(),
       style: _extends({}, customStyles, style)
     });
   };
-
   if (gridLayout !== undefined) {
     return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
       customClass: "-withskeleton",
       cols: gridLayout
     }, renderContent());
   }
-
   return renderContent();
 };
-
 var _default = Skeleton;
 exports.default = _default;

package/lib/spinner/SpinnerLoading.js

@@ -4,16 +4,13 @@ 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 SpinnerLoading = function SpinnerLoading(_ref) {
   var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? '#3B3B3B' : _ref$color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? '50px' : _ref$size;
+    color = _ref$color === void 0 ? '#3B3B3B' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '50px' : _ref$size;
   return /*#__PURE__*/_react.default.createElement("svg", {
     "data-testid": "spinner",
     className: "lds-spinner spinnerloading",
@@ -219,6 +216,5 @@ var SpinnerLoading = function SpinnerLoading(_ref) {
     repeatCount: "indefinite"
   }))));
 };
-
 var _default = SpinnerLoading;
 exports.default = _default;

package/lib/spinner/index.js

@@ -1,57 +1,41 @@
 "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 _SpinnerLoading = _interopRequireDefault(require("./SpinnerLoading"));
-
 require("../assets/styles/spinner.scss");
-
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var Spinner = function Spinner(props) {
   var _props$align = props.align,
-      align = _props$align === void 0 ? 'center' : _props$align,
-      customClass = props.customClass,
-      style = props.style,
-      text = props.text,
-      _props$visible = props.visible,
-      visible = _props$visible === void 0 ? true : _props$visible,
-      _props$delayTime = props.delayTime,
-      delayTime = _props$delayTime === void 0 ? 1000 : _props$delayTime,
-      heightAuto = props.heightAuto,
-      _props$color = props.color,
-      color = _props$color === void 0 ? '#3B3B3B' : _props$color,
-      _props$size = props.size,
-      size = _props$size === void 0 ? '50px' : _props$size;
-
+    align = _props$align === void 0 ? 'center' : _props$align,
+    customClass = props.customClass,
+    style = props.style,
+    text = props.text,
+    _props$visible = props.visible,
+    visible = _props$visible === void 0 ? true : _props$visible,
+    _props$delayTime = props.delayTime,
+    delayTime = _props$delayTime === void 0 ? 1000 : _props$delayTime,
+    heightAuto = props.heightAuto,
+    _props$color = props.color,
+    color = _props$color === void 0 ? '#3B3B3B' : _props$color,
+    _props$size = props.size,
+    size = _props$size === void 0 ? '50px' : _props$size;
   var _useState = (0, _react.useState)(!!delayTime),
-      _useState2 = _slicedToArray(_useState, 2),
-      delay = _useState2[0],
-      setDelay = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    delay = _useState2[0],
+    setDelay = _useState2[1];
   var delayTimeout = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     if (delayTime) {
@@ -59,23 +43,19 @@ var Spinner = function Spinner(props) {
         setDelay(false);
       }, delayTime);
     }
-
     return function () {
       if (delayTimeout.current) {
         clearTimeout(delayTimeout.current);
       }
     };
   }, []);
-
   var getCssClass = function getCssClass() {
     var css = "spinner-component -".concat(align, " ").concat(customClass, " ");
     if (heightAuto) css = "".concat(css, " -heightauto");
     return css;
   };
-
   if (delay) return null;
   if (!visible) return null;
-
   if (align !== 'none') {
     return /*#__PURE__*/_react.default.createElement("div", {
       style: style,
@@ -85,12 +65,10 @@ var Spinner = function Spinner(props) {
       size: size
     }), align === 'left' && text, align === 'center' && text);
   }
-
   return /*#__PURE__*/_react.default.createElement(_SpinnerLoading.default, {
     color: color,
     size: size
   });
 };
-
 var _default = Spinner;
 exports.default = _default;

package/lib/split/Split.js

@@ -1,115 +1,89 @@
 "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 _helpers = _interopRequireDefault(require("./helpers"));
-
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var Split = function Split(_ref) {
   var hotKey = _ref.hotKey,
-      _ref$secondaryInitial = _ref.secondaryInitialSize,
-      secondaryInitialSize = _ref$secondaryInitial === void 0 ? 0 : _ref$secondaryInitial,
-      onSecondaryPaneSizeChange = _ref.onSecondaryPaneSizeChange,
-      vertical = _ref.vertical,
-      _ref$primaryIndex = _ref.primaryIndex,
-      primaryIndex = _ref$primaryIndex === void 0 ? 0 : _ref$primaryIndex,
-      percentage = _ref.percentage,
-      _ref$primaryMinSize = _ref.primaryMinSize,
-      primaryMinSize = _ref$primaryMinSize === void 0 ? 0 : _ref$primaryMinSize,
-      _ref$secondaryMinSize = _ref.secondaryMinSize,
-      secondaryMinSize = _ref$secondaryMinSize === void 0 ? 0 : _ref$secondaryMinSize,
-      customClass = _ref.customClass,
-      _ref$children = _ref.children,
-      children = _ref$children === void 0 ? [] : _ref$children,
-      _ref$hideSplitSideOnT = _ref.hideSplitSideOnToggleClick,
-      hideSplitSideOnToggleClick = _ref$hideSplitSideOnT === void 0 ? 'primary' : _ref$hideSplitSideOnT,
-      style = _ref.style,
-      nodeParameter = _ref.nodeParameter;
-
+    _ref$secondaryInitial = _ref.secondaryInitialSize,
+    secondaryInitialSize = _ref$secondaryInitial === void 0 ? 0 : _ref$secondaryInitial,
+    onSecondaryPaneSizeChange = _ref.onSecondaryPaneSizeChange,
+    vertical = _ref.vertical,
+    _ref$primaryIndex = _ref.primaryIndex,
+    primaryIndex = _ref$primaryIndex === void 0 ? 0 : _ref$primaryIndex,
+    percentage = _ref.percentage,
+    _ref$primaryMinSize = _ref.primaryMinSize,
+    primaryMinSize = _ref$primaryMinSize === void 0 ? 0 : _ref$primaryMinSize,
+    _ref$secondaryMinSize = _ref.secondaryMinSize,
+    secondaryMinSize = _ref$secondaryMinSize === void 0 ? 0 : _ref$secondaryMinSize,
+    customClass = _ref.customClass,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? [] : _ref$children,
+    _ref$hideSplitSideOnT = _ref.hideSplitSideOnToggleClick,
+    hideSplitSideOnToggleClick = _ref$hideSplitSideOnT === void 0 ? 'primary' : _ref$hideSplitSideOnT,
+    style = _ref.style,
+    nodeParameter = _ref.nodeParameter;
   var _useState = (0, _react.useState)({
-    secondaryPaneSize: 0,
-    resizing: false,
-    visibleSplitSide: true,
-    isHidePane: true
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+      secondaryPaneSize: 0,
+      resizing: false,
+      visibleSplitSide: true,
+      isHidePane: true
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var container = (0, _react.useRef)();
   var splitter = (0, _react.useRef)();
-
   var getSecondaryPaneSize = function getSecondaryPaneSize(containerRect, splitterRect, clientPosition, offsetMouse) {
     var totalSize = vertical ? containerRect.height : containerRect.width;
     var splitterSize = vertical ? splitterRect.height : splitterRect.width;
     var offset = vertical ? clientPosition.top - containerRect.top : clientPosition.left - containerRect.left;
-
     if (offsetMouse) {
       offset -= splitterSize / 2;
     }
-
     if (offset < 0) {
       offset = 0;
     } else if (offset > totalSize - splitterSize) {
       offset = totalSize - splitterSize;
     }
-
     var secondaryPaneSize;
     secondaryPaneSize = primaryIndex === 1 ? offset : totalSize - splitterSize - offset;
     var primaryPaneSize = totalSize - splitterSize - secondaryPaneSize;
-
     if (percentage) {
       secondaryPaneSize = secondaryPaneSize * 100 / totalSize;
       primaryPaneSize = primaryPaneSize * 100 / totalSize;
       splitterSize = splitterSize * 100 / totalSize;
       totalSize = 100;
     }
-
     if (primaryPaneSize < primaryMinSize) {
       secondaryPaneSize = Math.max(secondaryPaneSize - (primaryMinSize - primaryPaneSize), 0);
     } else if (secondaryPaneSize < secondaryMinSize) {
       secondaryPaneSize = Math.min(totalSize - splitterSize - primaryMinSize, secondaryMinSize);
     }
-
     return secondaryPaneSize;
   };
-
   var clearSelection = function clearSelection() {
     var docuemntSelection = Selection;
-
     if (document.createRange() && nodeParameter) {
       var range = document.createRange();
       range.collapse();
       range.selectNode(nodeParameter);
     } else if (window.getSelection) {
       var selection = window.getSelection();
-
       if (selection && selection.empty) {
         selection.empty();
       } else if (selection && selection.removeAllRanges) {
@@ -119,7 +93,6 @@ var Split = function Split(_ref) {
       docuemntSelection.empty();
     }
   };
-
   var handleResize = function handleResize() {
     if (container.current && splitter.current && !percentage) {
       var containerRect = container.current.getBoundingClientRect();
@@ -133,7 +106,6 @@ var Split = function Split(_ref) {
       }));
     }
   };
-
   var handleMouseMove = function handleMouseMove(e) {
     if (container.current && splitter.current && state.resizing) {
       var containerRect = container.current.getBoundingClientRect();
@@ -148,14 +120,12 @@ var Split = function Split(_ref) {
       }));
     }
   };
-
   var handleSplitterMouseDown = function handleSplitterMouseDown() {
     clearSelection();
     setState(_extends({}, state, {
       resizing: true
     }));
   };
-
   var expandAndCollapseSide = function expandAndCollapseSide(event) {
     var keyCode = event.keyCode || event.which;
     var secondaryPaneValue = secondaryInitialSize;
@@ -166,13 +136,11 @@ var Split = function Split(_ref) {
       down: 40
     };
     var isHidePane = state.isHidePane,
-        visibleSplitSide = state.visibleSplitSide;
-
+      visibleSplitSide = state.visibleSplitSide;
     if (event.ctrlKey) {
       setState(_extends({}, state, {
         visibleSplitSide: false
       }));
-
       switch (keyCode) {
         case arrow.left:
           if (isHidePane) {
@@ -188,9 +156,7 @@ var Split = function Split(_ref) {
               isHidePane: true
             }));
           }
-
           break;
-
         case arrow.right:
           if (isHidePane) {
             setState(_extends({}, state, {
@@ -205,9 +171,7 @@ var Split = function Split(_ref) {
               isHidePane: true
             }));
           }
-
           break;
-
         case arrow.up:
           if (isHidePane) {
             setState(_extends({}, state, {
@@ -222,9 +186,7 @@ var Split = function Split(_ref) {
               isHidePane: true
             }));
           }
-
           break;
-
         case arrow.down:
           if (isHidePane) {
             setState(_extends({}, state, {
@@ -239,20 +201,16 @@ var Split = function Split(_ref) {
               isHidePane: true
             }));
           }
-
           break;
-
         default:
           break;
       }
     }
   };
-
   (0, _react.useEffect)(function () {
     var secondaryPaneSize;
     window.addEventListener('resize', handleResize);
     if (hotKey) document.addEventListener('keyup', expandAndCollapseSide);
-
     if (secondaryInitialSize) {
       secondaryPaneSize = secondaryInitialSize;
     } else if (container.current && splitter.current) {
@@ -263,9 +221,8 @@ var Split = function Split(_ref) {
         top: containerRect.top + (containerRect.height - splitterRect.height) / 2
       }, false);
     }
-
-    secondaryPaneSize = secondaryPaneSize; // TODO: Ao revisar este componente, encontrar solução melhor
-
+    secondaryPaneSize = secondaryPaneSize;
+    // TODO: Ao revisar este componente, encontrar solução melhor
     setState(_extends({}, state, {
       secondaryPaneSize: secondaryPaneSize
     }));
@@ -281,12 +238,10 @@ var Split = function Split(_ref) {
     if (state.resizing) {
       document.addEventListener('mousemove', handleMouseMove);
     }
-
     return function () {
       document.removeEventListener('mousemove', handleMouseMove);
     };
   }, [state.resizing]);
-
   var getChildContext = function getChildContext() {
     return {
       size: state.secondaryPaneSize,
@@ -295,23 +250,18 @@ var Split = function Split(_ref) {
       primary: children[1] && false
     };
   };
-
   var resizing = state.resizing,
-      visibleSplitSide = state.visibleSplitSide;
+    visibleSplitSide = state.visibleSplitSide;
   var containerClasses = 'split-component';
-
   if (customClass) {
     containerClasses += " ".concat(customClass);
   }
-
   if (vertical) {
     containerClasses += ' splitter-layout-vertical';
   }
-
   if (resizing) {
     containerClasses += ' layout-changing';
   }
-
   return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
     value: getChildContext()
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -351,6 +301,5 @@ var Split = function Split(_ref) {
     className: vertical ? 'toggler-vertical' : 'toggler-horizontal'
   })), hideSplitSideOnToggleClick === 'secondary' ? visibleSplitSide && children[1] : children[1]));
 };
-
 var _default = Split;
 exports.default = _default;

package/lib/split/SplitSide.js

@@ -1,38 +1,28 @@
 "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 _helpers = _interopRequireDefault(require("./helpers"));
-
 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; }
-
 var SplitSide = function SplitSide(_ref) {
   var primary = _ref.primary,
-      children = _ref.children,
-      customClass = _ref.customClass,
-      style = _ref.style;
-
+    children = _ref.children,
+    customClass = _ref.customClass,
+    style = _ref.style;
   var _useContext = (0, _react.useContext)(_helpers.default),
-      size = _useContext.size,
-      percentage = _useContext.percentage,
-      vertical = _useContext.vertical;
-
+    size = _useContext.size,
+    percentage = _useContext.percentage,
+    vertical = _useContext.vertical;
   var sizeSplitSide = size || 0;
   var unit = percentage ? '%' : 'px';
   var classes = 'layout-pane';
   var splitSideStyle = {};
-
   if (!primary) {
     if (vertical) {
       splitSideStyle.height = "".concat(sizeSplitSide).concat(unit);
@@ -42,12 +32,10 @@ var SplitSide = function SplitSide(_ref) {
   } else {
     classes += ' layout-pane-primary';
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(classes, " ").concat(customClass),
     style: Object.assign({}, splitSideStyle, style)
   }, children);
 };
-
 var _default = SplitSide;
 exports.default = _default;

package/lib/split/helpers.d.ts

@@ -1,6 +1,6 @@
 import React__default from 'react';
 
-declare type ISplitContext = {
+type ISplitContext = {
     size?: number;
     percentage?: number | string;
     vertical?: boolean;

package/lib/split/helpers.js

@@ -4,12 +4,8 @@ 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 SplitContext = /*#__PURE__*/_react.default.createContext({});
-
 var _default = SplitContext;
 exports.default = _default;

package/lib/split/index.d.ts

@@ -1,5 +1,8 @@
 import Split from './Split.js';
-export { default } from './Split.js';
 export { default as SplitSide } from './SplitSide.js';
 import './types.js';
 import 'react';
+
+
+
+export { Split as default };

package/lib/split/index.js

@@ -10,14 +10,9 @@ Object.defineProperty(exports, "SplitSide", {
   }
 });
 exports.default = void 0;
-
 require("../assets/styles/split.scss");
-
 var _Split = _interopRequireDefault(require("./Split"));
-
 var _SplitSide = _interopRequireDefault(require("./SplitSide"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _Split.default;
 exports.default = _default;