linear-react-components-ui 1.1.13 → 1.1.14-beta.0

package/lib/skeleton/SkeletonContainer.js

@@ -6,17 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const SkeletonContainer = _ref => {
-  let {
-    children,
-    row,
-    customClass,
-    style
-  } = _ref;
-  const getClass = () => "skeletoncontainer-component ".concat(customClass, "\n    ").concat(row && '-row');
+var SkeletonContainer = function SkeletonContainer(_ref) {
+  var children = _ref.children,
+    row = _ref.row,
+    customClass = _ref.customClass,
+    style = _ref.style;
+  var getClass = function getClass() {
+    return "skeletoncontainer-component ".concat(customClass, "\n    ").concat(row && '-row');
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: getClass(),
     style: style
   }, children);
 };
-var _default = exports.default = SkeletonContainer;
+var _default = SkeletonContainer;
+exports.default = _default;

package/lib/skeleton/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "SkeletonContainer", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _SkeletonContainer.default;
   }
 });
@@ -15,31 +15,37 @@ 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const Skeleton = props => {
-  const {
-    customClass = '',
-    style,
-    width,
-    height,
-    round,
-    color = 'default',
-    size = 'medium',
-    gridLayout
-  } = props;
-  const customStyles = {
-    width,
-    height
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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;
+  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: _objectSpread(_objectSpread({}, customStyles), style)
+    });
   };
-  const getClass = () => "skeleton-component ".concat(customClass, "\n    ").concat(color && "-".concat(color), "\n    ").concat(round && '-round', "\n    ").concat(round && size && "-".concat(size));
-  const renderContent = () => /*#__PURE__*/_react.default.createElement("div", {
-    className: getClass(),
-    style: _objectSpread(_objectSpread({}, customStyles), style)
-  });
   if (gridLayout !== undefined) {
     return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
       customClass: "-withskeleton",
@@ -48,4 +54,5 @@ const Skeleton = props => {
   }
   return renderContent();
 };
-var _default = exports.default = Skeleton;
+var _default = Skeleton;
+exports.default = _default;

package/lib/spinner/SpinnerLoading.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const SpinnerLoading = _ref => {
-  let {
-    color = '#3B3B3B',
-    size = '50px'
-  } = _ref;
+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;
   return /*#__PURE__*/_react.default.createElement("svg", {
     "data-testid": "spinner",
     className: "lds-spinner spinnerloading",
@@ -216,4 +216,5 @@ const SpinnerLoading = _ref => {
     repeatCount: "indefinite"
   }))));
 };
-var _default = exports.default = SpinnerLoading;
+var _default = SpinnerLoading;
+exports.default = _default;

package/lib/spinner/index.js

@@ -1,5 +1,6 @@
 "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
 });
@@ -8,36 +9,48 @@ 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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Spinner = props => {
-  const {
-    align = 'center',
-    customClass,
-    style,
-    text,
-    visible = true,
-    delayTime = 1000,
-    heightAuto,
-    color = '#3B3B3B',
-    size = '50px'
-  } = props;
-  const [delay, setDelay] = (0, _react.useState)(!!delayTime);
-  const delayTimeout = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
+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 = 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;
+  var _useState = (0, _react.useState)(!!delayTime),
+    _useState2 = _slicedToArray(_useState, 2),
+    delay = _useState2[0],
+    setDelay = _useState2[1];
+  var delayTimeout = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
     if (delayTime) {
-      delayTimeout.current = setTimeout(() => {
+      delayTimeout.current = setTimeout(function () {
         setDelay(false);
       }, delayTime);
     }
-    return () => {
+    return function () {
       if (delayTimeout.current) {
         clearTimeout(delayTimeout.current);
       }
     };
   }, []);
-  const getCssClass = () => {
-    let css = "spinner-component -".concat(align, " ").concat(customClass, " ");
+  var getCssClass = function getCssClass() {
+    var css = "spinner-component -".concat(align, " ").concat(customClass, " ");
     if (heightAuto) css = "".concat(css, " -heightauto");
     return css;
   };
@@ -57,4 +70,5 @@ const Spinner = props => {
     size: size
   });
 };
-var _default = exports.default = Spinner;
+var _default = Spinner;
+exports.default = _default;

package/lib/split/Split.js

@@ -1,5 +1,6 @@
 "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
 });
@@ -7,41 +8,54 @@ 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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const Split = _ref => {
-  let {
-    hotKey,
-    secondaryInitialSize = 0,
-    onSecondaryPaneSizeChange,
-    vertical,
-    primaryIndex = 0,
-    percentage,
-    primaryMinSize = 0,
-    secondaryMinSize = 0,
-    customClass,
-    children = [],
-    hideSplitSideOnToggleClick = 'primary',
-    style,
-    nodeParameter
-  } = _ref;
-  const [state, setState] = (0, _react.useState)({
-    secondaryPaneSize: 0,
-    resizing: false,
-    visibleSplitSide: true,
-    isHidePane: true
-  });
-  const container = (0, _react.useRef)();
-  const splitter = (0, _react.useRef)();
-  const getSecondaryPaneSize = (containerRect, splitterRect, clientPosition, offsetMouse) => {
-    let totalSize = vertical ? containerRect.height : containerRect.width;
-    let splitterSize = vertical ? splitterRect.height : splitterRect.width;
-    let offset = vertical ? clientPosition.top - containerRect.top : clientPosition.left - containerRect.left;
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 = 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;
+  var _useState = (0, _react.useState)({
+      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;
     }
@@ -50,9 +64,9 @@ const Split = _ref => {
     } else if (offset > totalSize - splitterSize) {
       offset = totalSize - splitterSize;
     }
-    let secondaryPaneSize;
+    var secondaryPaneSize;
     secondaryPaneSize = primaryIndex === 1 ? offset : totalSize - splitterSize - offset;
-    let primaryPaneSize = totalSize - splitterSize - secondaryPaneSize;
+    var primaryPaneSize = totalSize - splitterSize - secondaryPaneSize;
     if (percentage) {
       secondaryPaneSize = secondaryPaneSize * 100 / totalSize;
       primaryPaneSize = primaryPaneSize * 100 / totalSize;
@@ -66,14 +80,14 @@ const Split = _ref => {
     }
     return secondaryPaneSize;
   };
-  const clearSelection = () => {
-    const docuemntSelection = Selection;
+  var clearSelection = function clearSelection() {
+    var docuemntSelection = Selection;
     if (document.createRange() && nodeParameter) {
-      const range = document.createRange();
+      var range = document.createRange();
       range.collapse();
       range.selectNode(nodeParameter);
     } else if (window.getSelection) {
-      const selection = window.getSelection();
+      var selection = window.getSelection();
       if (selection && selection.empty) {
         selection.empty();
       } else if (selection && selection.removeAllRanges) {
@@ -83,52 +97,50 @@ const Split = _ref => {
       docuemntSelection.empty();
     }
   };
-  const handleResize = () => {
+  var handleResize = function handleResize() {
     if (container.current && splitter.current && !percentage) {
-      const containerRect = container.current.getBoundingClientRect();
-      const splitterRect = splitter.current.getBoundingClientRect();
-      const secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
+      var containerRect = container.current.getBoundingClientRect();
+      var splitterRect = splitter.current.getBoundingClientRect();
+      var secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
         left: splitterRect.left,
         top: splitterRect.top
       }, false);
       setState(_objectSpread(_objectSpread({}, state), {}, {
-        secondaryPaneSize
+        secondaryPaneSize: secondaryPaneSize
       }));
     }
   };
-  const handleMouseMove = e => {
+  var handleMouseMove = function handleMouseMove(e) {
     if (container.current && splitter.current && state.resizing) {
-      const containerRect = container.current.getBoundingClientRect();
-      const splitterRect = splitter.current.getBoundingClientRect();
-      const secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
+      var containerRect = container.current.getBoundingClientRect();
+      var splitterRect = splitter.current.getBoundingClientRect();
+      var secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
         left: e.clientX,
         top: e.clientY
       }, true);
       clearSelection();
       setState(_objectSpread(_objectSpread({}, state), {}, {
-        secondaryPaneSize
+        secondaryPaneSize: secondaryPaneSize
       }));
     }
   };
-  const handleSplitterMouseDown = () => {
+  var handleSplitterMouseDown = function handleSplitterMouseDown() {
     clearSelection();
     setState(_objectSpread(_objectSpread({}, state), {}, {
       resizing: true
     }));
   };
-  const expandAndCollapseSide = event => {
-    const keyCode = event.keyCode || event.which;
-    const secondaryPaneValue = secondaryInitialSize;
-    const arrow = {
+  var expandAndCollapseSide = function expandAndCollapseSide(event) {
+    var keyCode = event.keyCode || event.which;
+    var secondaryPaneValue = secondaryInitialSize;
+    var arrow = {
       left: 37,
       up: 38,
       right: 39,
       down: 40
     };
-    const {
-      isHidePane,
-      visibleSplitSide
-    } = state;
+    var isHidePane = state.isHidePane,
+      visibleSplitSide = state.visibleSplitSide;
     if (event.ctrlKey) {
       setState(_objectSpread(_objectSpread({}, state), {}, {
         visibleSplitSide: false
@@ -199,15 +211,15 @@ const Split = _ref => {
       }
     }
   };
-  (0, _react.useEffect)(() => {
-    let secondaryPaneSize;
+  (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) {
-      const containerRect = container.current.getBoundingClientRect();
-      const splitterRect = splitter.current.getBoundingClientRect();
+      var containerRect = container.current.getBoundingClientRect();
+      var splitterRect = splitter.current.getBoundingClientRect();
       secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
         left: containerRect.left + (containerRect.width - splitterRect.width) / 2,
         top: containerRect.top + (containerRect.height - splitterRect.height) / 2
@@ -216,35 +228,35 @@ const Split = _ref => {
     secondaryPaneSize = secondaryPaneSize;
     // TODO: Ao revisar este componente, encontrar solução melhor
     setState(_objectSpread(_objectSpread({}, state), {}, {
-      secondaryPaneSize
+      secondaryPaneSize: secondaryPaneSize
     }));
-    return () => {
+    return function () {
       window.removeEventListener('resize', handleResize);
       if (hotKey) document.removeEventListener('keyup', expandAndCollapseSide);
     };
   }, []);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (onSecondaryPaneSizeChange) onSecondaryPaneSizeChange(state.secondaryPaneSize);
   }, [state.secondaryPaneSize]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (state.resizing) {
       document.addEventListener('mousemove', handleMouseMove);
     }
-    return () => {
+    return function () {
       document.removeEventListener('mousemove', handleMouseMove);
     };
   }, [state.resizing]);
-  const getChildContext = () => ({
-    size: state.secondaryPaneSize,
-    percentage,
-    vertical,
-    primary: children[1] && false
-  });
-  const {
-    resizing,
-    visibleSplitSide
-  } = state;
-  let containerClasses = 'split-component';
+  var getChildContext = function getChildContext() {
+    return {
+      size: state.secondaryPaneSize,
+      percentage: percentage,
+      vertical: vertical,
+      primary: children[1] && false
+    };
+  };
+  var resizing = state.resizing,
+    visibleSplitSide = state.visibleSplitSide;
+  var containerClasses = 'split-component';
   if (customClass) {
     containerClasses += " ".concat(customClass);
   }
@@ -259,7 +271,7 @@ const Split = _ref => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: containerClasses,
     style: style,
-    ref: r => {
+    ref: function ref(r) {
       container.current = r;
     }
   }, hideSplitSideOnToggleClick === 'primary' ? visibleSplitSide && children[0] : children[0], /*#__PURE__*/_react.default.createElement("div", {
@@ -267,26 +279,31 @@ const Split = _ref => {
     onKeyPress: undefined,
     tabIndex: -1,
     className: "layout-splitter",
-    ref: r => {
+    ref: function ref(r) {
       splitter.current = r;
     },
-    onMouseUp: () => setState(_objectSpread(_objectSpread({}, state), {}, {
-      resizing: false
-    })),
-    onMouseDown: () => {
+    onMouseUp: function onMouseUp() {
+      return setState(_objectSpread(_objectSpread({}, state), {}, {
+        resizing: false
+      }));
+    },
+    onMouseDown: function onMouseDown() {
       handleSplitterMouseDown();
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
     tabIndex: -1,
-    onDoubleClick: () => state.secondaryPaneSize === 100 ? setState(_objectSpread(_objectSpread({}, state), {}, {
-      secondaryPaneSize: 50,
-      resizing: false
-    })) : setState(_objectSpread(_objectSpread({}, state), {}, {
-      secondaryPaneSize: 100,
-      resizing: false
-    })),
+    onDoubleClick: function onDoubleClick() {
+      return state.secondaryPaneSize === 100 ? setState(_objectSpread(_objectSpread({}, state), {}, {
+        secondaryPaneSize: 50,
+        resizing: false
+      })) : setState(_objectSpread(_objectSpread({}, state), {}, {
+        secondaryPaneSize: 100,
+        resizing: false
+      }));
+    },
     className: vertical ? 'toggler-vertical' : 'toggler-horizontal'
   })), hideSplitSideOnToggleClick === 'secondary' ? visibleSplitSide && children[1] : children[1]));
 };
-var _default = exports.default = Split;
+var _default = Split;
+exports.default = _default;

package/lib/split/SplitSide.js

@@ -1,5 +1,6 @@
 "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
 });
@@ -7,24 +8,21 @@ 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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const SplitSide = _ref => {
-  let {
-    primary,
-    children,
-    customClass,
-    style
-  } = _ref;
-  const {
-    size,
-    percentage,
-    vertical
-  } = (0, _react.useContext)(_helpers.default);
-  const sizeSplitSide = size || 0;
-  const unit = percentage ? '%' : 'px';
-  let classes = 'layout-pane';
-  const splitSideStyle = {};
+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;
+  var _useContext = (0, _react.useContext)(_helpers.default),
+    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);
@@ -39,4 +37,5 @@ const SplitSide = _ref => {
     style: Object.assign({}, splitSideStyle, style)
   }, children);
 };
-var _default = exports.default = SplitSide;
+var _default = SplitSide;
+exports.default = _default;

package/lib/split/helpers.js

@@ -6,5 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const SplitContext = /*#__PURE__*/_react.default.createContext({});
-var _default = exports.default = SplitContext;
+var SplitContext = /*#__PURE__*/_react.default.createContext({});
+var _default = SplitContext;
+exports.default = _default;