linear-react-components-ui 0.4.77-beta.8 → 1.0.0-rc.1

package/lib/spinner/SpinnerLoading.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var SpinnerLoading = function SpinnerLoading(_ref) {
-  var color = _ref.color,
-      size = _ref.size;
-  return /*#__PURE__*/_react["default"].createElement("svg", {
+  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",
     fill: color,
@@ -23,194 +23,194 @@ var SpinnerLoading = function SpinnerLoading(_ref) {
     preserveAspectRatio: "xMidYMid",
     style: {
       background: 'none',
-      "float": 'right'
+      float: 'right'
     }
-  }, /*#__PURE__*/_react["default"].createElement("g", {
+  }, /*#__PURE__*/_react.default.createElement("g", {
     transform: "rotate(0 50 50)"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
+  }, /*#__PURE__*/_react.default.createElement("rect", {
     x: "47",
     y: "24",
     rx: "9.4",
     ry: "4.8",
     width: "6",
     height: "12"
-  }, /*#__PURE__*/_react["default"].createElement("animate", {
+  }, /*#__PURE__*/_react.default.createElement("animate", {
     attributeName: "opacity",
     values: "1;0",
     keyTimes: "0;1",
     dur: "1s",
     begin: "-0.9166666666666666s",
     repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react["default"].createElement("g", {
+  }))), /*#__PURE__*/_react.default.createElement("g", {
     transform: "rotate(30 50 50)"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
+  }, /*#__PURE__*/_react.default.createElement("rect", {
     x: "47",
     y: "24",
     rx: "9.4",
     ry: "4.8",
     width: "6",
     height: "12"
-  }, /*#__PURE__*/_react["default"].createElement("animate", {
+  }, /*#__PURE__*/_react.default.createElement("animate", {
     attributeName: "opacity",
     values: "1;0",
     keyTimes: "0;1",
     dur: "1s",
     begin: "-0.8333333333333334s",
     repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react["default"].createElement("g", {
+  }))), /*#__PURE__*/_react.default.createElement("g", {
     transform: "rotate(60 50 50)"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
+  }, /*#__PURE__*/_react.default.createElement("rect", {
     x: "47",
     y: "24",
     rx: "9.4",
     ry: "4.8",
     width: "6",
     height: "12"
-  }, /*#__PURE__*/_react["default"].createElement("animate", {
+  }, /*#__PURE__*/_react.default.createElement("animate", {
     attributeName: "opacity",
     values: "1;0",
     keyTimes: "0;1",
     dur: "1s",
     begin: "-0.75s",
     repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react["default"].createElement("g", {
+  }))), /*#__PURE__*/_react.default.createElement("g", {
     transform: "rotate(90 50 50)"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
+  }, /*#__PURE__*/_react.default.createElement("rect", {
     x: "47",
     y: "24",
     rx: "9.4",
     ry: "4.8",
     width: "6",
     height: "12"
-  }, /*#__PURE__*/_react["default"].createElement("animate", {
+  }, /*#__PURE__*/_react.default.createElement("animate", {
     attributeName: "opacity",
     values: "1;0",
     keyTimes: "0;1",
     dur: "1s",
     begin: "-0.6666666666666666s",
     repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react["default"].createElement("g", {
+  }))), /*#__PURE__*/_react.default.createElement("g", {
     transform: "rotate(120 50 50)"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
+  }, /*#__PURE__*/_react.default.createElement("rect", {
     x: "47",
     y: "24",
     rx: "9.4",
     ry: "4.8",
     width: "6",
     height: "12"
-  }, /*#__PURE__*/_react["default"].createElement("animate", {
+  }, /*#__PURE__*/_react.default.createElement("animate", {
     attributeName: "opacity",
     values: "1;0",
     keyTimes: "0;1",
     dur: "1s",
     begin: "-0.5833333333333334s",
     repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react["default"].createElement("g", {
+  }))), /*#__PURE__*/_react.default.createElement("g", {
     transform: "rotate(150 50 50)"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
+  }, /*#__PURE__*/_react.default.createElement("rect", {
     x: "47",
     y: "24",
     rx: "9.4",
     ry: "4.8",
     width: "6",
     height: "12"
-  }, /*#__PURE__*/_react["default"].createElement("animate", {
+  }, /*#__PURE__*/_react.default.createElement("animate", {
     attributeName: "opacity",
     values: "1;0",
     keyTimes: "0;1",
     dur: "1s",
     begin: "-0.5s",
     repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react["default"].createElement("g", {
+  }))), /*#__PURE__*/_react.default.createElement("g", {
     transform: "rotate(180 50 50)"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
+  }, /*#__PURE__*/_react.default.createElement("rect", {
     x: "47",
     y: "24",
     rx: "9.4",
     ry: "4.8",
     width: "6",
     height: "12"
-  }, /*#__PURE__*/_react["default"].createElement("animate", {
+  }, /*#__PURE__*/_react.default.createElement("animate", {
     attributeName: "opacity",
     values: "1;0",
     keyTimes: "0;1",
     dur: "1s",
     begin: "-0.4166666666666667s",
     repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react["default"].createElement("g", {
+  }))), /*#__PURE__*/_react.default.createElement("g", {
     transform: "rotate(210 50 50)"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
+  }, /*#__PURE__*/_react.default.createElement("rect", {
     x: "47",
     y: "24",
     rx: "9.4",
     ry: "4.8",
     width: "6",
     height: "12"
-  }, /*#__PURE__*/_react["default"].createElement("animate", {
+  }, /*#__PURE__*/_react.default.createElement("animate", {
     attributeName: "opacity",
     values: "1;0",
     keyTimes: "0;1",
     dur: "1s",
     begin: "-0.3333333333333333s",
     repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react["default"].createElement("g", {
+  }))), /*#__PURE__*/_react.default.createElement("g", {
     transform: "rotate(240 50 50)"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
+  }, /*#__PURE__*/_react.default.createElement("rect", {
     x: "47",
     y: "24",
     rx: "9.4",
     ry: "4.8",
     width: "6",
     height: "12"
-  }, /*#__PURE__*/_react["default"].createElement("animate", {
+  }, /*#__PURE__*/_react.default.createElement("animate", {
     attributeName: "opacity",
     values: "1;0",
     keyTimes: "0;1",
     dur: "1s",
     begin: "-0.25s",
     repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react["default"].createElement("g", {
+  }))), /*#__PURE__*/_react.default.createElement("g", {
     transform: "rotate(270 50 50)"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
+  }, /*#__PURE__*/_react.default.createElement("rect", {
     x: "47",
     y: "24",
     rx: "9.4",
     ry: "4.8",
     width: "6",
     height: "12"
-  }, /*#__PURE__*/_react["default"].createElement("animate", {
+  }, /*#__PURE__*/_react.default.createElement("animate", {
     attributeName: "opacity",
     values: "1;0",
     keyTimes: "0;1",
     dur: "1s",
     begin: "-0.16666666666666666s",
     repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react["default"].createElement("g", {
+  }))), /*#__PURE__*/_react.default.createElement("g", {
     transform: "rotate(300 50 50)"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
+  }, /*#__PURE__*/_react.default.createElement("rect", {
     x: "47",
     y: "24",
     rx: "9.4",
     ry: "4.8",
     width: "6",
     height: "12"
-  }, /*#__PURE__*/_react["default"].createElement("animate", {
+  }, /*#__PURE__*/_react.default.createElement("animate", {
     attributeName: "opacity",
     values: "1;0",
     keyTimes: "0;1",
     dur: "1s",
     begin: "-0.08333333333333333s",
     repeatCount: "indefinite"
-  }))), /*#__PURE__*/_react["default"].createElement("g", {
+  }))), /*#__PURE__*/_react.default.createElement("g", {
     transform: "rotate(330 50 50)"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
+  }, /*#__PURE__*/_react.default.createElement("rect", {
     x: "47",
     y: "24",
     rx: "9.4",
     ry: "4.8",
     width: "6",
     height: "12"
-  }, /*#__PURE__*/_react["default"].createElement("animate", {
+  }, /*#__PURE__*/_react.default.createElement("animate", {
     attributeName: "opacity",
     values: "1;0",
     keyTimes: "0;1",
@@ -220,13 +220,5 @@ var SpinnerLoading = function SpinnerLoading(_ref) {
   }))));
 };
 
-SpinnerLoading.propTypes = {
-  size: _propTypes["default"].string,
-  color: _propTypes["default"].string
-};
-SpinnerLoading.defaultProps = {
-  size: '50px',
-  color: '#3B3B3B'
-};
 var _default = SpinnerLoading;
-exports["default"] = _default;
+exports.default = _default;

package/lib/spinner/index.d.ts

@@ -0,0 +1,7 @@
+import { ISpinnerProps } from './types.js';
+import 'react';
+import '../@types/Align.js';
+
+declare const Spinner: (props: ISpinnerProps) => JSX.Element | null;
+
+export { Spinner as default };

package/lib/spinner/index.js

@@ -1,25 +1,23 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _SpinnerLoading = _interopRequireDefault(require("./SpinnerLoading"));
 
 require("../assets/styles/spinner.scss");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 _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(); }
 
@@ -34,13 +32,20 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var Spinner = function Spinner(props) {
-  var align = props.align,
+  var _props$align = props.align,
+      align = _props$align === void 0 ? 'center' : _props$align,
       customClass = props.customClass,
       style = props.style,
       text = props.text,
-      visible = props.visible,
-      delayTime = props.delayTime,
-      heightAuto = props.heightAuto;
+      _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),
@@ -56,7 +61,9 @@ var Spinner = function Spinner(props) {
     }
 
     return function () {
-      clearTimeout(delayTimeout.current);
+      if (delayTimeout.current) {
+        clearTimeout(delayTimeout.current);
+      }
     };
   }, []);
 
@@ -70,32 +77,20 @@ var Spinner = function Spinner(props) {
   if (!visible) return null;
 
   if (align !== 'none') {
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       style: style,
       className: getCssClass()
-    }, align === 'right' && text, /*#__PURE__*/_react["default"].createElement(_SpinnerLoading["default"], props), align === 'left' && text, align === 'center' && text);
+    }, align === 'right' && text, /*#__PURE__*/_react.default.createElement(_SpinnerLoading.default, {
+      color: color,
+      size: size
+    }), align === 'left' && text, align === 'center' && text);
   }
 
-  return /*#__PURE__*/_react["default"].createElement(_SpinnerLoading["default"], props);
+  return /*#__PURE__*/_react.default.createElement(_SpinnerLoading.default, {
+    color: color,
+    size: size
+  });
 };
 
-Spinner.propTypes = {
-  align: _propTypes["default"].string,
-  customClass: _propTypes["default"].string,
-  text: _propTypes["default"].string,
-  style: _propTypes["default"].object,
-  visible: _propTypes["default"].bool,
-  delayTime: _propTypes["default"].number,
-  heightAuto: _propTypes["default"].bool
-};
-Spinner.defaultProps = {
-  align: 'center',
-  customClass: '',
-  text: '',
-  style: {},
-  visible: true,
-  delayTime: 1000,
-  heightAuto: false
-};
 var _default = Spinner;
-exports["default"] = _default;
+exports.default = _default;

package/lib/spinner/types.d.ts

@@ -0,0 +1,20 @@
+import { CSSProperties } from 'react';
+import { Align } from '../@types/Align.js';
+
+interface ISpinnerProps {
+    align?: Exclude<Align, 'top' | 'bottom'>;
+    customClass?: string;
+    text?: string;
+    style?: CSSProperties;
+    visible?: boolean;
+    delayTime?: number;
+    heightAuto?: boolean;
+    color?: string;
+    size?: string;
+}
+interface ISpinnerLoadingProps {
+    color?: string;
+    size: string;
+}
+
+export { ISpinnerLoadingProps, ISpinnerProps };

package/lib/spinner/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/split/Split.d.ts

@@ -0,0 +1,6 @@
+import { ISplitProps } from './types.js';
+import 'react';
+
+declare const Split: ({ hotKey, secondaryInitialSize, onSecondaryPaneSizeChange, vertical, primaryIndex, percentage, primaryMinSize, secondaryMinSize, customClass, children, hideSplitSideOnToggleClick, style, nodeParameter, }: ISplitProps) => JSX.Element;
+
+export { Split as default };

package/lib/split/Split.js

@@ -1,25 +1,23 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _helpers = _interopRequireDefault(require("./helpers"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 _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 || 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 _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(); }
 
@@ -33,7 +31,27 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var Split = function Split(props) {
+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,
@@ -46,18 +64,6 @@ var Split = function Split(props) {
 
   var container = (0, _react.useRef)();
   var splitter = (0, _react.useRef)();
-  var hotKey = props.hotKey,
-      secondaryInitialSize = props.secondaryInitialSize,
-      onSecondaryPaneSizeChange = props.onSecondaryPaneSizeChange,
-      vertical = props.vertical,
-      primaryIndex = props.primaryIndex,
-      percentage = props.percentage,
-      primaryMinSize = props.primaryMinSize,
-      secondaryMinSize = props.secondaryMinSize,
-      customClass = props.customClass,
-      children = props.children,
-      hideSplitSideOnToggleClick = props.hideSplitSideOnToggleClick,
-      style = props.style;
 
   var getSecondaryPaneSize = function getSecondaryPaneSize(containerRect, splitterRect, clientPosition, offsetMouse) {
     var totalSize = vertical ? containerRect.height : containerRect.width;
@@ -95,23 +101,27 @@ var Split = function Split(props) {
   };
 
   var clearSelection = function clearSelection() {
-    if (document.body.createTextRange) {
-      var range = document.body.createTextRange();
+    var docuemntSelection = Selection;
+
+    if (document.createRange() && nodeParameter) {
+      var range = document.createRange();
       range.collapse();
-      range.select();
+      range.selectNode(nodeParameter);
     } else if (window.getSelection) {
-      if (window.getSelection().empty) {
-        window.getSelection().empty();
-      } else if (window.getSelection().removeAllRanges) {
-        window.getSelection().removeAllRanges();
+      var selection = window.getSelection();
+
+      if (selection && selection.empty) {
+        selection.empty();
+      } else if (selection && selection.removeAllRanges) {
+        selection.removeAllRanges();
       }
-    } else if (document.selection) {
-      document.selection.empty();
+    } else if (docuemntSelection) {
+      docuemntSelection.empty();
     }
   };
 
   var handleResize = function handleResize() {
-    if (splitter.current && !percentage) {
+    if (container.current && splitter.current && !percentage) {
       var containerRect = container.current.getBoundingClientRect();
       var splitterRect = splitter.current.getBoundingClientRect();
       var secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
@@ -125,7 +135,7 @@ var Split = function Split(props) {
   };
 
   var handleMouseMove = function handleMouseMove(e) {
-    if (state.resizing) {
+    if (container.current && splitter.current && state.resizing) {
       var containerRect = container.current.getBoundingClientRect();
       var splitterRect = splitter.current.getBoundingClientRect();
       var secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
@@ -171,7 +181,7 @@ var Split = function Split(props) {
               secondaryPaneSize: 100,
               isHidePane: false
             }));
-          } else {
+          } else if (state.secondaryPaneSize) {
             setState(_extends({}, state, {
               visibleSplitSide: !visibleSplitSide,
               secondaryPaneSize: secondaryPaneValue,
@@ -245,15 +255,16 @@ var Split = function Split(props) {
 
     if (secondaryInitialSize) {
       secondaryPaneSize = secondaryInitialSize;
-    } else {
+    } else if (container.current && splitter.current) {
       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
       }, false);
-    } // 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
@@ -301,17 +312,17 @@ var Split = function Split(props) {
     containerClasses += ' layout-changing';
   }
 
-  return /*#__PURE__*/_react["default"].createElement(_helpers["default"].Provider, {
+  return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
     value: getChildContext()
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: containerClasses,
     style: style,
     ref: function ref(r) {
       container.current = r;
     }
-  }, hideSplitSideOnToggleClick === 'primary' ? visibleSplitSide && children[0] : children[0], /*#__PURE__*/_react["default"].createElement("div", {
+  }, hideSplitSideOnToggleClick === 'primary' ? visibleSplitSide && children[0] : children[0], /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
-    onKeyPress: null,
+    onKeyPress: undefined,
     tabIndex: -1,
     className: "layout-splitter",
     ref: function ref(r) {
@@ -325,9 +336,9 @@ var Split = function Split(props) {
     onMouseDown: function onMouseDown() {
       handleSplitterMouseDown();
     }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
-    tabIndex: "-1",
+    tabIndex: -1,
     onDoubleClick: function onDoubleClick() {
       return state.secondaryPaneSize === 100 ? setState(_extends({}, state, {
         secondaryPaneSize: 50,
@@ -341,33 +352,5 @@ var Split = function Split(props) {
   })), hideSplitSideOnToggleClick === 'secondary' ? visibleSplitSide && children[1] : children[1]));
 };
 
-Split.propTypes = {
-  style: _propTypes["default"].object,
-  customClass: _propTypes["default"].string,
-  vertical: _propTypes["default"].bool,
-  percentage: _propTypes["default"].bool,
-  primaryIndex: _propTypes["default"].number,
-  primaryMinSize: _propTypes["default"].number,
-  hotKey: _propTypes["default"].bool,
-  secondaryInitialSize: _propTypes["default"].number,
-  secondaryMinSize: _propTypes["default"].number,
-  hideSplitSideOnToggleClick: _propTypes["default"].string,
-  onSecondaryPaneSizeChange: _propTypes["default"].func,
-  children: _propTypes["default"].arrayOf(_propTypes["default"].node)
-};
-Split.defaultProps = {
-  style: {},
-  customClass: '',
-  vertical: false,
-  percentage: false,
-  primaryIndex: 0,
-  primaryMinSize: 0,
-  secondaryInitialSize: undefined,
-  secondaryMinSize: 0,
-  hideSplitSideOnToggleClick: 'primary',
-  onSecondaryPaneSizeChange: null,
-  children: [],
-  hotKey: false
-};
 var _default = Split;
-exports["default"] = _default;
+exports.default = _default;

package/lib/split/SplitSide.d.ts

@@ -0,0 +1,6 @@
+import { ISplitSideProps } from './types.js';
+import 'react';
+
+declare const SplitSide: ({ primary, children, customClass, style }: ISplitSideProps) => JSX.Element;
+
+export { SplitSide as default };