linear-react-components-ui 1.1.0-beta.6 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (224) hide show
  1. package/babel.config.json +2 -2
  2. package/lib/alerts/AlertContainer.js +46 -54
  3. package/lib/alerts/AlertProvider.js +36 -53
  4. package/lib/alerts/BaseAlert.js +14 -20
  5. package/lib/alerts/Message.js +37 -46
  6. package/lib/alerts/helpers.js +3 -3
  7. package/lib/alerts/index.js +5 -5
  8. package/lib/alerts/withAlert.js +11 -11
  9. package/lib/assets/styles/checkbox.scss +0 -8
  10. package/lib/avatar/index.js +42 -41
  11. package/lib/badge/index.js +15 -16
  12. package/lib/buttons/ActivateButton.js +6 -8
  13. package/lib/buttons/AddButton.js +9 -11
  14. package/lib/buttons/Button.js +11 -11
  15. package/lib/buttons/ButtonGroups.js +8 -6
  16. package/lib/buttons/CancelButton.js +9 -7
  17. package/lib/buttons/DangerButton.js +9 -7
  18. package/lib/buttons/DefaultButton.js +66 -85
  19. package/lib/buttons/DestroyButton.js +10 -8
  20. package/lib/buttons/EditButton.js +6 -8
  21. package/lib/buttons/InactivateButton.js +6 -8
  22. package/lib/buttons/InfoButton.js +9 -7
  23. package/lib/buttons/PrimaryButton.js +9 -7
  24. package/lib/buttons/RestoreButton.js +6 -8
  25. package/lib/buttons/SaveButton.js +9 -7
  26. package/lib/buttons/SuccessButton.js +9 -7
  27. package/lib/buttons/WarningButton.js +9 -7
  28. package/lib/buttons/button_container/index.js +16 -19
  29. package/lib/buttons/index.js +31 -31
  30. package/lib/buttons/split_button/index.js +24 -26
  31. package/lib/calendar/DangerCalendar.js +9 -7
  32. package/lib/calendar/InfoCalendar.js +9 -7
  33. package/lib/calendar/PrimaryCalendar.js +9 -7
  34. package/lib/calendar/SuccessCalendar.js +9 -7
  35. package/lib/calendar/WarningCalendar.js +9 -7
  36. package/lib/calendar/base/Day.js +16 -14
  37. package/lib/calendar/base/Month.js +15 -19
  38. package/lib/calendar/base/Week.js +15 -19
  39. package/lib/calendar/base/helpers.js +17 -15
  40. package/lib/calendar/base/index.js +38 -51
  41. package/lib/calendar/index.js +13 -13
  42. package/lib/checkbox/Label.js +10 -8
  43. package/lib/checkbox/index.d.ts +1 -1
  44. package/lib/checkbox/index.js +75 -97
  45. package/lib/checkbox/types.d.ts +0 -1
  46. package/lib/dialog/Alert.js +7 -7
  47. package/lib/dialog/Custom.js +20 -23
  48. package/lib/dialog/Error.js +7 -7
  49. package/lib/dialog/Information.js +7 -7
  50. package/lib/dialog/Question.js +16 -16
  51. package/lib/dialog/Warning.js +7 -7
  52. package/lib/dialog/base/Content.js +9 -7
  53. package/lib/dialog/base/Footer.js +6 -8
  54. package/lib/dialog/base/Header.js +32 -34
  55. package/lib/dialog/base/index.js +64 -72
  56. package/lib/dialog/base/style.js +8 -10
  57. package/lib/dialog/form/index.js +35 -38
  58. package/lib/dialog/index.js +15 -15
  59. package/lib/drawer/Content.js +14 -12
  60. package/lib/drawer/Drawer.js +68 -82
  61. package/lib/drawer/Header.js +45 -48
  62. package/lib/drawer/helpers.js +4 -4
  63. package/lib/drawer/index.js +7 -7
  64. package/lib/dropdown/Popup.js +37 -40
  65. package/lib/dropdown/helper.js +6 -6
  66. package/lib/dropdown/withDropdown.js +44 -63
  67. package/lib/fieldset/index.js +49 -56
  68. package/lib/form/Field.js +73 -79
  69. package/lib/form/FieldArray.js +76 -85
  70. package/lib/form/FieldNumber.js +34 -42
  71. package/lib/form/FieldPeriod.js +54 -59
  72. package/lib/form/helpers.js +29 -28
  73. package/lib/form/index.js +121 -151
  74. package/lib/form/withFieldHOC.js +36 -42
  75. package/lib/form/withFormSecurity.js +27 -35
  76. package/lib/gridlayout/GridCol.js +16 -15
  77. package/lib/gridlayout/GridRow.js +11 -12
  78. package/lib/gridlayout/index.js +5 -5
  79. package/lib/hint/index.js +25 -29
  80. package/lib/icons/helper.js +2 -2
  81. package/lib/icons/index.js +37 -48
  82. package/lib/index.js +19 -19
  83. package/lib/inputs/base/InputTextBase.js +99 -109
  84. package/lib/inputs/base/helpers.js +29 -23
  85. package/lib/inputs/color/index.js +34 -44
  86. package/lib/inputs/date/Dialog.js +10 -8
  87. package/lib/inputs/date/Dropdown.js +14 -12
  88. package/lib/inputs/date/helpers.js +18 -14
  89. package/lib/inputs/date/index.js +96 -133
  90. package/lib/inputs/file/DefaultFile.js +50 -74
  91. package/lib/inputs/file/DragDropFile.js +119 -172
  92. package/lib/inputs/file/File.js +22 -28
  93. package/lib/inputs/file/FileButtonSettings.js +14 -16
  94. package/lib/inputs/file/helpers.js +6 -7
  95. package/lib/inputs/file/index.js +7 -7
  96. package/lib/inputs/inputHOC.js +23 -35
  97. package/lib/inputs/mask/BaseMask.js +33 -27
  98. package/lib/inputs/mask/Cnpj.js +19 -31
  99. package/lib/inputs/mask/Cpf.js +20 -35
  100. package/lib/inputs/mask/Phone.js +8 -6
  101. package/lib/inputs/mask/ZipCode.js +6 -8
  102. package/lib/inputs/mask/helpers.js +21 -26
  103. package/lib/inputs/mask/imaskHOC.js +102 -122
  104. package/lib/inputs/mask/index.js +11 -11
  105. package/lib/inputs/multiSelect/ActionButtons.js +18 -18
  106. package/lib/inputs/multiSelect/Dropdown.js +63 -75
  107. package/lib/inputs/multiSelect/helper.js +9 -7
  108. package/lib/inputs/multiSelect/index.js +85 -136
  109. package/lib/inputs/number/BaseNumber.js +23 -21
  110. package/lib/inputs/number/Currency.js +9 -8
  111. package/lib/inputs/number/Decimal.js +4 -6
  112. package/lib/inputs/number/format_number.js +9 -6
  113. package/lib/inputs/number/index.js +13 -13
  114. package/lib/inputs/period/Dialog.js +10 -8
  115. package/lib/inputs/period/Dropdown.js +12 -12
  116. package/lib/inputs/period/PeriodList.js +19 -17
  117. package/lib/inputs/period/helper.js +38 -37
  118. package/lib/inputs/period/index.js +147 -196
  119. package/lib/inputs/search/index.js +45 -67
  120. package/lib/inputs/select/ActionButtons.js +18 -18
  121. package/lib/inputs/select/Dropdown.js +51 -65
  122. package/lib/inputs/select/helper.js +55 -44
  123. package/lib/inputs/select/index.js +13 -11
  124. package/lib/inputs/select/multiple/Selecteds.js +20 -22
  125. package/lib/inputs/select/multiple/index.js +90 -143
  126. package/lib/inputs/select/simple/index.js +103 -156
  127. package/lib/inputs/text/index.js +4 -6
  128. package/lib/inputs/textarea/index.js +11 -10
  129. package/lib/internals/colorStyles.js +3 -3
  130. package/lib/internals/constants.js +2 -2
  131. package/lib/internals/withTooltip.js +54 -68
  132. package/lib/labelMessages/index.js +28 -47
  133. package/lib/labels/DangerLabel.js +9 -7
  134. package/lib/labels/DefaultLabel.js +29 -42
  135. package/lib/labels/InfoLabel.js +9 -7
  136. package/lib/labels/PrimaryLabel.js +9 -7
  137. package/lib/labels/SuccessLabel.js +9 -7
  138. package/lib/labels/WarningLabel.js +9 -7
  139. package/lib/labels/index.js +15 -15
  140. package/lib/labels/label_container/index.js +11 -10
  141. package/lib/list/Header.js +12 -10
  142. package/lib/list/Item.js +58 -72
  143. package/lib/list/Separator.js +6 -8
  144. package/lib/list/helpers.js +3 -3
  145. package/lib/list/index.js +81 -107
  146. package/lib/menus/float/MenuItem.js +27 -27
  147. package/lib/menus/float/SubMenuContainer.js +39 -44
  148. package/lib/menus/float/helpers.js +4 -4
  149. package/lib/menus/float/index.js +25 -25
  150. package/lib/menus/index.js +3 -3
  151. package/lib/menus/sidenav/ExpandMenu.js +12 -10
  152. package/lib/menus/sidenav/MenuLink.js +12 -10
  153. package/lib/menus/sidenav/NavMenuGroup.js +15 -13
  154. package/lib/menus/sidenav/NavMenuItem.js +56 -69
  155. package/lib/menus/sidenav/NavSubMenuItem.js +24 -28
  156. package/lib/menus/sidenav/helpers.js +7 -7
  157. package/lib/menus/sidenav/index.js +92 -119
  158. package/lib/menus/sidenav/popup_menu_search/EmptyList.js +12 -11
  159. package/lib/menus/sidenav/popup_menu_search/index.js +64 -84
  160. package/lib/noPermission/index.js +15 -17
  161. package/lib/panel/Content.js +46 -58
  162. package/lib/panel/DangerPanel.js +6 -8
  163. package/lib/panel/Default.js +45 -59
  164. package/lib/panel/Header.js +37 -34
  165. package/lib/panel/InfoPanel.js +6 -8
  166. package/lib/panel/PrimaryPanel.js +6 -8
  167. package/lib/panel/SuccessPanel.js +6 -8
  168. package/lib/panel/ToolBar.js +8 -6
  169. package/lib/panel/WarningPanel.js +6 -8
  170. package/lib/panel/helpers.js +13 -11
  171. package/lib/panel/index.js +17 -17
  172. package/lib/permissionValidations.js +26 -28
  173. package/lib/popover/PopoverText.js +8 -6
  174. package/lib/popover/PopoverTitle.js +8 -6
  175. package/lib/popover/index.js +21 -24
  176. package/lib/progress/Bar.js +34 -39
  177. package/lib/progress/index.js +19 -20
  178. package/lib/radio/index.js +37 -57
  179. package/lib/shortcuts/index.js +13 -11
  180. package/lib/skeleton/SkeletonContainer.js +12 -12
  181. package/lib/skeleton/index.js +27 -33
  182. package/lib/spinner/SpinnerLoading.js +46 -46
  183. package/lib/spinner/index.js +27 -40
  184. package/lib/split/Split.js +97 -113
  185. package/lib/split/SplitSide.js +22 -20
  186. package/lib/split/helpers.js +4 -4
  187. package/lib/split/index.js +5 -5
  188. package/lib/table/Body.js +47 -49
  189. package/lib/table/Header.js +39 -41
  190. package/lib/table/HeaderColumn.js +22 -22
  191. package/lib/table/Row.js +48 -50
  192. package/lib/table/RowColumn.js +37 -35
  193. package/lib/table/helpers.js +9 -12
  194. package/lib/table/index.js +89 -108
  195. package/lib/tabs/DropdownTabs.js +39 -43
  196. package/lib/tabs/Menu.js +20 -19
  197. package/lib/tabs/MenuTabs.js +48 -55
  198. package/lib/tabs/Panel.js +54 -73
  199. package/lib/tabs/context.js +62 -93
  200. package/lib/tabs/index.js +30 -35
  201. package/lib/tabs/tabHelpers.js +24 -21
  202. package/lib/toolbar/ButtonBar.js +49 -52
  203. package/lib/toolbar/LabelBar.js +38 -41
  204. package/lib/toolbar/Separator.js +6 -8
  205. package/lib/toolbar/ToolBarGroup.js +9 -8
  206. package/lib/toolbar/helpers.js +3 -3
  207. package/lib/toolbar/index.js +25 -26
  208. package/lib/tooltip/index.js +29 -33
  209. package/lib/treetable/Body.js +22 -33
  210. package/lib/treetable/Header.js +13 -15
  211. package/lib/treetable/Row.d.ts +1 -1
  212. package/lib/treetable/Row.js +107 -158
  213. package/lib/treetable/helpers.d.ts +1 -1
  214. package/lib/treetable/helpers.js +18 -24
  215. package/lib/treetable/index.d.ts +2 -2
  216. package/lib/treetable/index.js +11 -12
  217. package/lib/treeview/Header.js +11 -9
  218. package/lib/treeview/Node.js +109 -148
  219. package/lib/treeview/constants.js +2 -2
  220. package/lib/treeview/index.js +156 -221
  221. package/lib/uitour/helpers.js +3 -3
  222. package/lib/uitour/index.js +67 -106
  223. package/package.json +5 -14
  224. /package/lib/{types.d-BfM3lUbt.d.ts → types.d-DvJcBS8L.d.ts} +0 -0
@@ -1,61 +1,47 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
- exports["default"] = void 0;
6
+ exports.default = void 0;
8
7
  var _react = _interopRequireWildcard(require("react"));
9
8
  var _helpers = _interopRequireDefault(require("./helpers"));
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- 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 && Object.prototype.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; }
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
+ 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); }
11
+ 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; }
13
12
  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; }
14
13
  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; }
15
14
  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; }
16
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
17
- 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); }
18
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
19
- 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."); }
20
- 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); }
21
- 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; }
22
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
23
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
24
- var Split = function Split(_ref) {
25
- var hotKey = _ref.hotKey,
26
- _ref$secondaryInitial = _ref.secondaryInitialSize,
27
- secondaryInitialSize = _ref$secondaryInitial === void 0 ? 0 : _ref$secondaryInitial,
28
- onSecondaryPaneSizeChange = _ref.onSecondaryPaneSizeChange,
29
- vertical = _ref.vertical,
30
- _ref$primaryIndex = _ref.primaryIndex,
31
- primaryIndex = _ref$primaryIndex === void 0 ? 0 : _ref$primaryIndex,
32
- percentage = _ref.percentage,
33
- _ref$primaryMinSize = _ref.primaryMinSize,
34
- primaryMinSize = _ref$primaryMinSize === void 0 ? 0 : _ref$primaryMinSize,
35
- _ref$secondaryMinSize = _ref.secondaryMinSize,
36
- secondaryMinSize = _ref$secondaryMinSize === void 0 ? 0 : _ref$secondaryMinSize,
37
- customClass = _ref.customClass,
38
- _ref$children = _ref.children,
39
- children = _ref$children === void 0 ? [] : _ref$children,
40
- _ref$hideSplitSideOnT = _ref.hideSplitSideOnToggleClick,
41
- hideSplitSideOnToggleClick = _ref$hideSplitSideOnT === void 0 ? 'primary' : _ref$hideSplitSideOnT,
42
- style = _ref.style,
43
- nodeParameter = _ref.nodeParameter;
44
- var _useState = (0, _react.useState)({
45
- secondaryPaneSize: 0,
46
- resizing: false,
47
- visibleSplitSide: true,
48
- isHidePane: true
49
- }),
50
- _useState2 = _slicedToArray(_useState, 2),
51
- state = _useState2[0],
52
- setState = _useState2[1];
53
- var container = (0, _react.useRef)();
54
- var splitter = (0, _react.useRef)();
55
- var getSecondaryPaneSize = function getSecondaryPaneSize(containerRect, splitterRect, clientPosition, offsetMouse) {
56
- var totalSize = vertical ? containerRect.height : containerRect.width;
57
- var splitterSize = vertical ? splitterRect.height : splitterRect.width;
58
- var offset = vertical ? clientPosition.top - containerRect.top : clientPosition.left - containerRect.left;
15
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
16
+ 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); }
17
+ const Split = _ref => {
18
+ let {
19
+ hotKey,
20
+ secondaryInitialSize = 0,
21
+ onSecondaryPaneSizeChange,
22
+ vertical,
23
+ primaryIndex = 0,
24
+ percentage,
25
+ primaryMinSize = 0,
26
+ secondaryMinSize = 0,
27
+ customClass,
28
+ children = [],
29
+ hideSplitSideOnToggleClick = 'primary',
30
+ style,
31
+ nodeParameter
32
+ } = _ref;
33
+ const [state, setState] = (0, _react.useState)({
34
+ secondaryPaneSize: 0,
35
+ resizing: false,
36
+ visibleSplitSide: true,
37
+ isHidePane: true
38
+ });
39
+ const container = (0, _react.useRef)();
40
+ const splitter = (0, _react.useRef)();
41
+ const getSecondaryPaneSize = (containerRect, splitterRect, clientPosition, offsetMouse) => {
42
+ let totalSize = vertical ? containerRect.height : containerRect.width;
43
+ let splitterSize = vertical ? splitterRect.height : splitterRect.width;
44
+ let offset = vertical ? clientPosition.top - containerRect.top : clientPosition.left - containerRect.left;
59
45
  if (offsetMouse) {
60
46
  offset -= splitterSize / 2;
61
47
  }
@@ -64,9 +50,9 @@ var Split = function Split(_ref) {
64
50
  } else if (offset > totalSize - splitterSize) {
65
51
  offset = totalSize - splitterSize;
66
52
  }
67
- var secondaryPaneSize;
53
+ let secondaryPaneSize;
68
54
  secondaryPaneSize = primaryIndex === 1 ? offset : totalSize - splitterSize - offset;
69
- var primaryPaneSize = totalSize - splitterSize - secondaryPaneSize;
55
+ let primaryPaneSize = totalSize - splitterSize - secondaryPaneSize;
70
56
  if (percentage) {
71
57
  secondaryPaneSize = secondaryPaneSize * 100 / totalSize;
72
58
  primaryPaneSize = primaryPaneSize * 100 / totalSize;
@@ -80,14 +66,14 @@ var Split = function Split(_ref) {
80
66
  }
81
67
  return secondaryPaneSize;
82
68
  };
83
- var clearSelection = function clearSelection() {
84
- var docuemntSelection = Selection;
69
+ const clearSelection = () => {
70
+ const docuemntSelection = Selection;
85
71
  if (document.createRange() && nodeParameter) {
86
- var range = document.createRange();
72
+ const range = document.createRange();
87
73
  range.collapse();
88
74
  range.selectNode(nodeParameter);
89
75
  } else if (window.getSelection) {
90
- var selection = window.getSelection();
76
+ const selection = window.getSelection();
91
77
  if (selection && selection.empty) {
92
78
  selection.empty();
93
79
  } else if (selection && selection.removeAllRanges) {
@@ -97,50 +83,52 @@ var Split = function Split(_ref) {
97
83
  docuemntSelection.empty();
98
84
  }
99
85
  };
100
- var handleResize = function handleResize() {
86
+ const handleResize = () => {
101
87
  if (container.current && splitter.current && !percentage) {
102
- var containerRect = container.current.getBoundingClientRect();
103
- var splitterRect = splitter.current.getBoundingClientRect();
104
- var secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
88
+ const containerRect = container.current.getBoundingClientRect();
89
+ const splitterRect = splitter.current.getBoundingClientRect();
90
+ const secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
105
91
  left: splitterRect.left,
106
92
  top: splitterRect.top
107
93
  }, false);
108
94
  setState(_objectSpread(_objectSpread({}, state), {}, {
109
- secondaryPaneSize: secondaryPaneSize
95
+ secondaryPaneSize
110
96
  }));
111
97
  }
112
98
  };
113
- var handleMouseMove = function handleMouseMove(e) {
99
+ const handleMouseMove = e => {
114
100
  if (container.current && splitter.current && state.resizing) {
115
- var containerRect = container.current.getBoundingClientRect();
116
- var splitterRect = splitter.current.getBoundingClientRect();
117
- var secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
101
+ const containerRect = container.current.getBoundingClientRect();
102
+ const splitterRect = splitter.current.getBoundingClientRect();
103
+ const secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
118
104
  left: e.clientX,
119
105
  top: e.clientY
120
106
  }, true);
121
107
  clearSelection();
122
108
  setState(_objectSpread(_objectSpread({}, state), {}, {
123
- secondaryPaneSize: secondaryPaneSize
109
+ secondaryPaneSize
124
110
  }));
125
111
  }
126
112
  };
127
- var handleSplitterMouseDown = function handleSplitterMouseDown() {
113
+ const handleSplitterMouseDown = () => {
128
114
  clearSelection();
129
115
  setState(_objectSpread(_objectSpread({}, state), {}, {
130
116
  resizing: true
131
117
  }));
132
118
  };
133
- var expandAndCollapseSide = function expandAndCollapseSide(event) {
134
- var keyCode = event.keyCode || event.which;
135
- var secondaryPaneValue = secondaryInitialSize;
136
- var arrow = {
119
+ const expandAndCollapseSide = event => {
120
+ const keyCode = event.keyCode || event.which;
121
+ const secondaryPaneValue = secondaryInitialSize;
122
+ const arrow = {
137
123
  left: 37,
138
124
  up: 38,
139
125
  right: 39,
140
126
  down: 40
141
127
  };
142
- var isHidePane = state.isHidePane,
143
- visibleSplitSide = state.visibleSplitSide;
128
+ const {
129
+ isHidePane,
130
+ visibleSplitSide
131
+ } = state;
144
132
  if (event.ctrlKey) {
145
133
  setState(_objectSpread(_objectSpread({}, state), {}, {
146
134
  visibleSplitSide: false
@@ -211,15 +199,15 @@ var Split = function Split(_ref) {
211
199
  }
212
200
  }
213
201
  };
214
- (0, _react.useEffect)(function () {
215
- var secondaryPaneSize;
202
+ (0, _react.useEffect)(() => {
203
+ let secondaryPaneSize;
216
204
  window.addEventListener('resize', handleResize);
217
205
  if (hotKey) document.addEventListener('keyup', expandAndCollapseSide);
218
206
  if (secondaryInitialSize) {
219
207
  secondaryPaneSize = secondaryInitialSize;
220
208
  } else if (container.current && splitter.current) {
221
- var containerRect = container.current.getBoundingClientRect();
222
- var splitterRect = splitter.current.getBoundingClientRect();
209
+ const containerRect = container.current.getBoundingClientRect();
210
+ const splitterRect = splitter.current.getBoundingClientRect();
223
211
  secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
224
212
  left: containerRect.left + (containerRect.width - splitterRect.width) / 2,
225
213
  top: containerRect.top + (containerRect.height - splitterRect.height) / 2
@@ -228,35 +216,35 @@ var Split = function Split(_ref) {
228
216
  secondaryPaneSize = secondaryPaneSize;
229
217
  // TODO: Ao revisar este componente, encontrar solução melhor
230
218
  setState(_objectSpread(_objectSpread({}, state), {}, {
231
- secondaryPaneSize: secondaryPaneSize
219
+ secondaryPaneSize
232
220
  }));
233
- return function () {
221
+ return () => {
234
222
  window.removeEventListener('resize', handleResize);
235
223
  if (hotKey) document.removeEventListener('keyup', expandAndCollapseSide);
236
224
  };
237
225
  }, []);
238
- (0, _react.useEffect)(function () {
226
+ (0, _react.useEffect)(() => {
239
227
  if (onSecondaryPaneSizeChange) onSecondaryPaneSizeChange(state.secondaryPaneSize);
240
228
  }, [state.secondaryPaneSize]);
241
- (0, _react.useEffect)(function () {
229
+ (0, _react.useEffect)(() => {
242
230
  if (state.resizing) {
243
231
  document.addEventListener('mousemove', handleMouseMove);
244
232
  }
245
- return function () {
233
+ return () => {
246
234
  document.removeEventListener('mousemove', handleMouseMove);
247
235
  };
248
236
  }, [state.resizing]);
249
- var getChildContext = function getChildContext() {
250
- return {
251
- size: state.secondaryPaneSize,
252
- percentage: percentage,
253
- vertical: vertical,
254
- primary: children[1] && false
255
- };
256
- };
257
- var resizing = state.resizing,
258
- visibleSplitSide = state.visibleSplitSide;
259
- var containerClasses = 'split-component';
237
+ const getChildContext = () => ({
238
+ size: state.secondaryPaneSize,
239
+ percentage,
240
+ vertical,
241
+ primary: children[1] && false
242
+ });
243
+ const {
244
+ resizing,
245
+ visibleSplitSide
246
+ } = state;
247
+ let containerClasses = 'split-component';
260
248
  if (customClass) {
261
249
  containerClasses += " ".concat(customClass);
262
250
  }
@@ -266,43 +254,39 @@ var Split = function Split(_ref) {
266
254
  if (resizing) {
267
255
  containerClasses += ' layout-changing';
268
256
  }
269
- return /*#__PURE__*/_react["default"].createElement(_helpers["default"].Provider, {
257
+ return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
270
258
  value: getChildContext()
271
- }, /*#__PURE__*/_react["default"].createElement("div", {
259
+ }, /*#__PURE__*/_react.default.createElement("div", {
272
260
  className: containerClasses,
273
261
  style: style,
274
- ref: function ref(r) {
262
+ ref: r => {
275
263
  container.current = r;
276
264
  }
277
- }, hideSplitSideOnToggleClick === 'primary' ? visibleSplitSide && children[0] : children[0], /*#__PURE__*/_react["default"].createElement("div", {
265
+ }, hideSplitSideOnToggleClick === 'primary' ? visibleSplitSide && children[0] : children[0], /*#__PURE__*/_react.default.createElement("div", {
278
266
  role: "button",
279
267
  onKeyPress: undefined,
280
268
  tabIndex: -1,
281
269
  className: "layout-splitter",
282
- ref: function ref(r) {
270
+ ref: r => {
283
271
  splitter.current = r;
284
272
  },
285
- onMouseUp: function onMouseUp() {
286
- return setState(_objectSpread(_objectSpread({}, state), {}, {
287
- resizing: false
288
- }));
289
- },
290
- onMouseDown: function onMouseDown() {
273
+ onMouseUp: () => setState(_objectSpread(_objectSpread({}, state), {}, {
274
+ resizing: false
275
+ })),
276
+ onMouseDown: () => {
291
277
  handleSplitterMouseDown();
292
278
  }
293
- }, /*#__PURE__*/_react["default"].createElement("div", {
279
+ }, /*#__PURE__*/_react.default.createElement("div", {
294
280
  role: "button",
295
281
  tabIndex: -1,
296
- onDoubleClick: function onDoubleClick() {
297
- return state.secondaryPaneSize === 100 ? setState(_objectSpread(_objectSpread({}, state), {}, {
298
- secondaryPaneSize: 50,
299
- resizing: false
300
- })) : setState(_objectSpread(_objectSpread({}, state), {}, {
301
- secondaryPaneSize: 100,
302
- resizing: false
303
- }));
304
- },
282
+ onDoubleClick: () => state.secondaryPaneSize === 100 ? setState(_objectSpread(_objectSpread({}, state), {}, {
283
+ secondaryPaneSize: 50,
284
+ resizing: false
285
+ })) : setState(_objectSpread(_objectSpread({}, state), {}, {
286
+ secondaryPaneSize: 100,
287
+ resizing: false
288
+ })),
305
289
  className: vertical ? 'toggler-vertical' : 'toggler-horizontal'
306
290
  })), hideSplitSideOnToggleClick === 'secondary' ? visibleSplitSide && children[1] : children[1]));
307
291
  };
308
- var _default = exports["default"] = Split;
292
+ var _default = exports.default = Split;
@@ -1,28 +1,30 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
- exports["default"] = void 0;
6
+ exports.default = void 0;
8
7
  var _react = _interopRequireWildcard(require("react"));
9
8
  var _helpers = _interopRequireDefault(require("./helpers"));
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- 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 && Object.prototype.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; }
13
- var SplitSide = function SplitSide(_ref) {
14
- var primary = _ref.primary,
15
- children = _ref.children,
16
- customClass = _ref.customClass,
17
- style = _ref.style;
18
- var _useContext = (0, _react.useContext)(_helpers["default"]),
19
- size = _useContext.size,
20
- percentage = _useContext.percentage,
21
- vertical = _useContext.vertical;
22
- var sizeSplitSide = size || 0;
23
- var unit = percentage ? '%' : 'px';
24
- var classes = 'layout-pane';
25
- var splitSideStyle = {};
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
+ 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); }
11
+ 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; }
12
+ const SplitSide = _ref => {
13
+ let {
14
+ primary,
15
+ children,
16
+ customClass,
17
+ style
18
+ } = _ref;
19
+ const {
20
+ size,
21
+ percentage,
22
+ vertical
23
+ } = (0, _react.useContext)(_helpers.default);
24
+ const sizeSplitSide = size || 0;
25
+ const unit = percentage ? '%' : 'px';
26
+ let classes = 'layout-pane';
27
+ const splitSideStyle = {};
26
28
  if (!primary) {
27
29
  if (vertical) {
28
30
  splitSideStyle.height = "".concat(sizeSplitSide).concat(unit);
@@ -32,9 +34,9 @@ var SplitSide = function SplitSide(_ref) {
32
34
  } else {
33
35
  classes += ' layout-pane-primary';
34
36
  }
35
- return /*#__PURE__*/_react["default"].createElement("div", {
37
+ return /*#__PURE__*/_react.default.createElement("div", {
36
38
  className: "".concat(classes, " ").concat(customClass),
37
39
  style: Object.assign({}, splitSideStyle, style)
38
40
  }, children);
39
41
  };
40
- var _default = exports["default"] = SplitSide;
42
+ var _default = exports.default = SplitSide;
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports["default"] = void 0;
6
+ exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
- var SplitContext = /*#__PURE__*/_react["default"].createContext({});
10
- var _default = exports["default"] = SplitContext;
8
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
+ const SplitContext = /*#__PURE__*/_react.default.createContext({});
10
+ var _default = exports.default = SplitContext;
@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "SplitSide", {
7
7
  enumerable: true,
8
- get: function get() {
9
- return _SplitSide["default"];
8
+ get: function () {
9
+ return _SplitSide.default;
10
10
  }
11
11
  });
12
- exports["default"] = void 0;
12
+ exports.default = void 0;
13
13
  require("../assets/styles/split.scss");
14
14
  var _Split = _interopRequireDefault(require("./Split"));
15
15
  var _SplitSide = _interopRequireDefault(require("./SplitSide"));
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
- var _default = exports["default"] = _Split["default"];
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+ var _default = exports.default = _Split.default;
package/lib/table/Body.js CHANGED
@@ -1,73 +1,71 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
- exports["default"] = void 0;
6
+ exports.default = void 0;
8
7
  var _react = _interopRequireWildcard(require("react"));
9
8
  var _helpers = _interopRequireWildcard(require("./helpers"));
10
9
  var _skeleton = _interopRequireDefault(require("../skeleton"));
11
10
  var _index = require("./index");
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
- 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 && Object.prototype.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; }
15
- var renderChildren = function renderChildren(children, _ref) {
16
- var columnsCount = _ref.columnsCount,
17
- vertical = _ref.vertical,
18
- skeletonize = _ref.skeletonize,
19
- _ref$skeletonInRows = _ref.skeletonInRows,
20
- skeletonInRows = _ref$skeletonInRows === void 0 ? 10 : _ref$skeletonInRows,
21
- _ref$skeletonHeight = _ref.skeletonHeight,
22
- skeletonHeight = _ref$skeletonHeight === void 0 ? 16 : _ref$skeletonHeight,
23
- columnsWidth = _ref.columnsWidth;
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
+ 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); }
13
+ 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; }
14
+ const renderChildren = (children, _ref) => {
15
+ let {
16
+ columnsCount,
17
+ vertical,
18
+ skeletonize,
19
+ skeletonInRows = 10,
20
+ skeletonHeight = 16,
21
+ columnsWidth
22
+ } = _ref;
24
23
  if (skeletonize && !vertical && columnsCount && skeletonInRows) {
25
- var rows = (0, _helpers.getArrayFromNumber)(skeletonInRows);
26
- var columns = (0, _helpers.getArrayFromNumber)(columnsCount);
27
- var skeletonChildrens = rows.map(function (index) {
28
- return /*#__PURE__*/_react["default"].createElement(_index.TRow, {
29
- customClass: "row-skeleton",
30
- key: index
31
- }, columns.map(function (id) {
32
- return /*#__PURE__*/_react["default"].createElement(_index.Td, {
33
- style: {
34
- width: columnsWidth === null || columnsWidth === void 0 ? void 0 : columnsWidth[id - 1]
35
- },
36
- key: id
37
- }, /*#__PURE__*/_react["default"].createElement(_skeleton["default"], {
38
- height: skeletonHeight
39
- }));
40
- }));
41
- });
24
+ const rows = (0, _helpers.getArrayFromNumber)(skeletonInRows);
25
+ const columns = (0, _helpers.getArrayFromNumber)(columnsCount);
26
+ const skeletonChildrens = rows.map(index => /*#__PURE__*/_react.default.createElement(_index.TRow, {
27
+ customClass: "row-skeleton",
28
+ key: index
29
+ }, columns.map(id => /*#__PURE__*/_react.default.createElement(_index.Td, {
30
+ style: {
31
+ width: columnsWidth === null || columnsWidth === void 0 ? void 0 : columnsWidth[id - 1]
32
+ },
33
+ key: id
34
+ }, /*#__PURE__*/_react.default.createElement(_skeleton.default, {
35
+ height: skeletonHeight
36
+ })))));
42
37
  return skeletonChildrens;
43
38
  }
44
39
  return children;
45
40
  };
46
- var TableBody = function TableBody(_ref2) {
47
- var children = _ref2.children,
48
- customClass = _ref2.customClass;
49
- var context = (0, _react.useContext)(_helpers["default"]);
50
- var bodyScrollable = context.bodyScrollable,
51
- bodyContainerRef = context.bodyContainerRef,
52
- skeletonize = context.skeletonize,
53
- _context$skeletonInRo = context.skeletonInRows,
54
- skeletonInRows = _context$skeletonInRo === void 0 ? 10 : _context$skeletonInRo,
55
- strict = context.strict,
56
- vertical = context.vertical,
57
- columnsCount = context.columnsCount;
58
- var isSkeletonized = !!(skeletonize && !vertical && skeletonInRows && columnsCount);
59
- return bodyScrollable ? /*#__PURE__*/_react["default"].createElement("div", {
41
+ const TableBody = _ref2 => {
42
+ let {
43
+ children,
44
+ customClass
45
+ } = _ref2;
46
+ const context = (0, _react.useContext)(_helpers.default);
47
+ const {
48
+ bodyScrollable,
49
+ bodyContainerRef,
50
+ skeletonize,
51
+ skeletonInRows = 10,
52
+ strict,
53
+ vertical,
54
+ columnsCount
55
+ } = context;
56
+ const isSkeletonized = !!(skeletonize && !vertical && skeletonInRows && columnsCount);
57
+ return bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
60
58
  className: "bodycontainer",
61
59
  ref: bodyContainerRef
62
- }, /*#__PURE__*/_react["default"].createElement("table", {
60
+ }, /*#__PURE__*/_react.default.createElement("table", {
63
61
  className: "innertable",
64
62
  style: {
65
63
  contain: strict ? 'strict' : 'size layout style'
66
64
  }
67
- }, /*#__PURE__*/_react["default"].createElement("tbody", {
65
+ }, /*#__PURE__*/_react.default.createElement("tbody", {
68
66
  className: "tbody ".concat(isSkeletonized ? 'skeleton-transparency' : '', " ").concat(customClass)
69
- }, renderChildren(children, context)))) : /*#__PURE__*/_react["default"].createElement("tbody", {
67
+ }, renderChildren(children, context)))) : /*#__PURE__*/_react.default.createElement("tbody", {
70
68
  className: "tbody ".concat(isSkeletonized ? 'skeleton-transparency' : '', " ").concat(customClass)
71
69
  }, renderChildren(children, context));
72
70
  };
73
- var _default = exports["default"] = TableBody;
71
+ var _default = exports.default = TableBody;