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,25 +1,24 @@
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 _lodash = _interopRequireDefault(require("lodash"));
10
9
  var _helpers = _interopRequireDefault(require("./helpers"));
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 _getRequireWildcardCache(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 && 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; }
14
- var getColumnsWidth = function getColumnsWidth(children) {
15
- var columnsWidth = [];
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 (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 && {}.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
+ const getColumnsWidth = children => {
14
+ const columnsWidth = [];
16
15
  if ( /*#__PURE__*/(0, _react.isValidElement)(children) && children.props) {
17
- var columns = children.props.children;
18
- if (!_lodash["default"].isArray(columns)) columns = [columns];
19
- columns.forEach(function (element) {
20
- var colWidth = 0;
21
- if (_lodash["default"].isArray(element)) {
22
- element.forEach(function (elementArray) {
16
+ let columns = children.props.children;
17
+ if (!_lodash.default.isArray(columns)) columns = [columns];
18
+ columns.forEach(element => {
19
+ let colWidth = 0;
20
+ if (_lodash.default.isArray(element)) {
21
+ element.forEach(elementArray => {
23
22
  if (elementArray && elementArray.props) {
24
23
  var _elementArray$props, _elementArray$props$s;
25
24
  colWidth = (_elementArray$props = elementArray.props) === null || _elementArray$props === void 0 ? void 0 : (_elementArray$props$s = _elementArray$props.style) === null || _elementArray$props$s === void 0 ? void 0 : _elementArray$props$s.width;
@@ -35,61 +34,60 @@ var getColumnsWidth = function getColumnsWidth(children) {
35
34
  }
36
35
  return columnsWidth;
37
36
  };
38
- var countColumnsFromChildren = function countColumnsFromChildren(element, columnsCount) {
39
- var count = columnsCount;
37
+ const countColumnsFromChildren = (element, columnsCount) => {
38
+ const count = columnsCount;
40
39
  if ( /*#__PURE__*/(0, _react.isValidElement)(element)) {
41
40
  var _element$props2;
42
- if (_lodash["default"].isArray(element === null || element === void 0 ? void 0 : (_element$props2 = element.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.children)) {
43
- var currentElement = element.props;
44
- currentElement.children.forEach(function (child) {
45
- return countColumnsFromChildren(child, count);
46
- });
41
+ if (_lodash.default.isArray(element === null || element === void 0 ? void 0 : (_element$props2 = element.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.children)) {
42
+ const currentElement = element.props;
43
+ currentElement.children.forEach(child => countColumnsFromChildren(child, count));
47
44
  } else if (element) {
48
45
  count.current += 1;
49
46
  }
50
- } else if (_lodash["default"].isArray(element) && element.length > 0) {
51
- element.forEach(function (child) {
52
- return countColumnsFromChildren(child, count);
53
- });
47
+ } else if (_lodash.default.isArray(element) && element.length > 0) {
48
+ element.forEach(child => countColumnsFromChildren(child, count));
54
49
  }
55
50
  };
56
- var getColumnsCount = function getColumnsCount(children, columnsCount) {
57
- if (_lodash["default"].isArray(children) && children.length > 0 && children[0].props) {
51
+ const getColumnsCount = (children, columnsCount) => {
52
+ if (_lodash.default.isArray(children) && children.length > 0 && children[0].props) {
58
53
  countColumnsFromChildren(children[0].props.children, columnsCount);
59
54
  } else if ( /*#__PURE__*/(0, _react.isValidElement)(children) && children.props && children.props.children) {
60
55
  countColumnsFromChildren(children.props.children, columnsCount);
61
56
  }
62
57
  return columnsCount.current;
63
58
  };
64
- var Header = function Header(_ref) {
65
- var customClass = _ref.customClass,
66
- children = _ref.children;
67
- var _useContext = (0, _react.useContext)(_helpers["default"]),
68
- bodyScrollWidth = _useContext.bodyScrollWidth,
69
- bodyScrollable = _useContext.bodyScrollable,
70
- handlerSetColumnsWidth = _useContext.handlerSetColumnsWidth,
71
- handlerSetColumnsCount = _useContext.handlerSetColumnsCount;
72
- var columnsCount = (0, _react.useRef)(0);
73
- (0, _react.useEffect)(function () {
59
+ const Header = _ref => {
60
+ let {
61
+ customClass,
62
+ children
63
+ } = _ref;
64
+ const {
65
+ bodyScrollWidth,
66
+ bodyScrollable,
67
+ handlerSetColumnsWidth,
68
+ handlerSetColumnsCount
69
+ } = (0, _react.useContext)(_helpers.default);
70
+ const columnsCount = (0, _react.useRef)(0);
71
+ (0, _react.useEffect)(() => {
74
72
  if (children && handlerSetColumnsWidth && handlerSetColumnsCount) {
75
73
  handlerSetColumnsWidth(getColumnsWidth(children));
76
74
  handlerSetColumnsCount(getColumnsCount(children, columnsCount));
77
75
  }
78
76
  }, []);
79
- return bodyScrollable ? /*#__PURE__*/_react["default"].createElement("div", {
77
+ return bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
80
78
  className: "headercontainer",
81
79
  style: {
82
80
  paddingRight: bodyScrollWidth
83
81
  }
84
- }, /*#__PURE__*/_react["default"].createElement("table", {
82
+ }, /*#__PURE__*/_react.default.createElement("table", {
85
83
  className: "innertable",
86
84
  style: {
87
85
  tableLayout: 'fixed'
88
86
  }
89
- }, /*#__PURE__*/_react["default"].createElement("thead", {
87
+ }, /*#__PURE__*/_react.default.createElement("thead", {
90
88
  className: "theader ".concat(customClass)
91
- }, children))) : /*#__PURE__*/_react["default"].createElement("thead", {
89
+ }, children))) : /*#__PURE__*/_react.default.createElement("thead", {
92
90
  className: "theader ".concat(customClass)
93
91
  }, children);
94
92
  };
95
- var _default = exports["default"] = Header;
93
+ var _default = exports.default = Header;
@@ -1,40 +1,40 @@
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 _skeleton = _interopRequireDefault(require("../skeleton"));
10
9
  var _helpers = _interopRequireDefault(require("./helpers"));
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 _getRequireWildcardCache(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 && 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; }
14
- var HeaderColumn = function HeaderColumn(_ref) {
15
- var customClass = _ref.customClass,
16
- style = _ref.style,
17
- children = _ref.children,
18
- textAlign = _ref.textAlign,
19
- _ref$visible = _ref.visible,
20
- visible = _ref$visible === void 0 ? true : _ref$visible,
21
- id = _ref.id;
22
- var _useContext = (0, _react.useContext)(_helpers["default"]),
23
- skeletonize = _useContext.skeletonize,
24
- vertical = _useContext.vertical,
25
- skeletonInHeader = _useContext.skeletonInHeader,
26
- _useContext$skeletonI = _useContext.skeletonInRows,
27
- skeletonInRows = _useContext$skeletonI === void 0 ? 10 : _useContext$skeletonI;
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 (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 && {}.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
+ const HeaderColumn = _ref => {
14
+ let {
15
+ customClass,
16
+ style,
17
+ children,
18
+ textAlign,
19
+ visible = true,
20
+ id
21
+ } = _ref;
22
+ const {
23
+ skeletonize,
24
+ vertical,
25
+ skeletonInHeader,
26
+ skeletonInRows = 10
27
+ } = (0, _react.useContext)(_helpers.default);
28
28
  if (!visible) return null;
29
- return /*#__PURE__*/_react["default"].createElement("th", {
29
+ return /*#__PURE__*/_react.default.createElement("th", {
30
30
  id: id,
31
31
  className: "headercolumn ".concat(customClass, " text-align-").concat(textAlign),
32
32
  style: style
33
- }, skeletonize && (skeletonInHeader || !skeletonInRows) && !vertical ? /*#__PURE__*/_react["default"].createElement(_skeleton["default"], {
33
+ }, skeletonize && (skeletonInHeader || !skeletonInRows) && !vertical ? /*#__PURE__*/_react.default.createElement(_skeleton.default, {
34
34
  height: style && style.height ? undefined : 16,
35
35
  style: {
36
36
  marginBottom: 0
37
37
  }
38
38
  }) : children);
39
39
  };
40
- var _default = exports["default"] = HeaderColumn;
40
+ var _default = exports.default = HeaderColumn;
package/lib/table/Row.js CHANGED
@@ -3,78 +3,76 @@
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 = _interopRequireWildcard(require("react"));
8
8
  var _helpers = _interopRequireWildcard(require("./helpers"));
9
- 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); }
10
- 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; }
11
- 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); }
9
+ 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); }
10
+ 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
11
  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; }
13
12
  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; }
14
13
  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; }
15
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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
- var Row = function Row(props) {
18
- var customClass = props.customClass,
19
- children = props.children,
20
- rowId = props.rowId,
21
- dataId = props.dataId,
22
- _onClick = props.onClick,
23
- height = props.height,
24
- style = props.style,
25
- onMouseEnter = props.onMouseEnter,
26
- onMouseLeave = props.onMouseLeave,
27
- _props$rowBorder = props.rowBorder,
28
- rowBorder = _props$rowBorder === void 0 ? true : _props$rowBorder,
29
- divider = props.divider,
30
- dividerTitle = props.dividerTitle,
31
- dividerStyle = props.dividerStyle,
32
- _props$dividerColor = props.dividerColor,
33
- dividerColor = _props$dividerColor === void 0 ? 'info' : _props$dividerColor,
34
- _props$dividerColSpan = props.dividerColSpan,
35
- dividerColSpan = _props$dividerColSpan === void 0 ? 2 : _props$dividerColSpan;
36
- var _useContext = (0, _react.useContext)(_helpers["default"]),
37
- selectedRowId = _useContext.selectedRowId,
38
- handleSelectRow = _useContext.handleSelectRow,
39
- handleTableRowClick = _useContext.handleTableRowClick,
40
- handleTableColClick = _useContext.handleTableColClick,
41
- vertical = _useContext.vertical,
42
- skeletonize = _useContext.skeletonize,
43
- _useContext$skeletonI = _useContext.skeletonInRows,
44
- skeletonInRows = _useContext$skeletonI === void 0 ? 10 : _useContext$skeletonI;
45
- var contextValues = {
46
- dataId: dataId,
47
- rowBorder: rowBorder,
48
- handleTableColClick: handleTableColClick,
49
- vertical: vertical,
50
- skeletonize: skeletonize,
51
- skeletonInRows: skeletonInRows
14
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
15
+ 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); }
16
+ const Row = props => {
17
+ const {
18
+ customClass,
19
+ children,
20
+ rowId,
21
+ dataId,
22
+ onClick,
23
+ height,
24
+ style,
25
+ onMouseEnter,
26
+ onMouseLeave,
27
+ rowBorder = true,
28
+ divider,
29
+ dividerTitle,
30
+ dividerStyle,
31
+ dividerColor = 'info',
32
+ dividerColSpan = 2
33
+ } = props;
34
+ const {
35
+ selectedRowId,
36
+ handleSelectRow,
37
+ handleTableRowClick,
38
+ handleTableColClick,
39
+ vertical,
40
+ skeletonize,
41
+ skeletonInRows = 10
42
+ } = (0, _react.useContext)(_helpers.default);
43
+ const contextValues = {
44
+ dataId,
45
+ rowBorder,
46
+ handleTableColClick,
47
+ vertical,
48
+ skeletonize,
49
+ skeletonInRows
52
50
  };
53
- return /*#__PURE__*/_react["default"].createElement(_helpers.RowContext.Provider, {
51
+ return /*#__PURE__*/_react.default.createElement(_helpers.RowContext.Provider, {
54
52
  value: contextValues
55
- }, !divider ? /*#__PURE__*/_react["default"].createElement("tr", {
53
+ }, !divider ? /*#__PURE__*/_react.default.createElement("tr", {
56
54
  onMouseEnter: onMouseEnter,
57
55
  onMouseLeave: onMouseLeave,
58
56
  className: "trow ".concat(customClass, " ").concat(rowId && selectedRowId === rowId ? '-selected' : ''),
59
- onClick: function onClick(e) {
57
+ onClick: e => {
60
58
  if (handleSelectRow && (rowId !== undefined || rowId !== null)) handleSelectRow(rowId);
61
59
  if (handleTableRowClick) handleTableRowClick(e, dataId);
62
- if (_onClick) _onClick(e, dataId);
60
+ if (onClick) onClick(e, dataId);
63
61
  },
64
62
  id: rowId,
65
63
  style: _objectSpread(_objectSpread({}, style), {}, {
66
- height: height
64
+ height
67
65
  })
68
- }, children) : /*#__PURE__*/_react["default"].createElement("tr", {
66
+ }, children) : /*#__PURE__*/_react.default.createElement("tr", {
69
67
  className: "trow trow-divider"
70
- }, vertical ? /*#__PURE__*/_react["default"].createElement("th", {
68
+ }, vertical ? /*#__PURE__*/_react.default.createElement("th", {
71
69
  colSpan: dividerColSpan,
72
70
  className: "-divider -".concat(dividerColor),
73
71
  style: dividerStyle
74
- }, dividerTitle || '') : /*#__PURE__*/_react["default"].createElement("td", {
72
+ }, dividerTitle || '') : /*#__PURE__*/_react.default.createElement("td", {
75
73
  colSpan: dividerColSpan,
76
74
  className: "-divider -".concat(dividerColor),
77
75
  style: dividerStyle
78
76
  }, dividerTitle || '')));
79
77
  };
80
- var _default = exports["default"] = Row;
78
+ var _default = exports.default = Row;
@@ -3,24 +3,25 @@
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 = _interopRequireWildcard(require("react"));
8
8
  var _helpers = require("./helpers");
9
9
  var _skeleton = _interopRequireDefault(require("../skeleton"));
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
- 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); }
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 (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 && {}.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
13
  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; }
15
14
  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; }
16
15
  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; }
17
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
18
- 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); }
16
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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); }
19
18
  function getColClickEvent(event, _ref) {
20
- var ignoreTableColClick = _ref.ignoreTableColClick,
21
- handleTableColClick = _ref.handleTableColClick,
22
- onClick = _ref.onClick,
23
- dataId = _ref.dataId;
19
+ let {
20
+ ignoreTableColClick,
21
+ handleTableColClick,
22
+ onClick,
23
+ dataId
24
+ } = _ref;
24
25
  if (ignoreTableColClick) return undefined;
25
26
  if (onClick) {
26
27
  return onClick(event, dataId);
@@ -29,52 +30,53 @@ function getColClickEvent(event, _ref) {
29
30
  }
30
31
  return undefined;
31
32
  }
32
- var displayClass = {
33
+ const displayClass = {
33
34
  never: 'hidden',
34
35
  onRowHover: 'rowhover'
35
36
  };
36
- var RowColumn = function RowColumn(props) {
37
- var customClass = props.customClass,
38
- style = props.style,
39
- _props$displayContent = props.displayContent,
40
- displayContent = _props$displayContent === void 0 ? 'always' : _props$displayContent,
41
- textAlign = props.textAlign,
42
- _props$visible = props.visible,
43
- visible = _props$visible === void 0 ? true : _props$visible,
44
- rowSpan = props.rowSpan,
45
- colSpan = props.colSpan;
46
- var context = (0, _react.useContext)(_helpers.RowContext);
47
- var skeletonize = context.skeletonize,
48
- vertical = context.vertical,
49
- _context$skeletonInRo = context.skeletonInRows,
50
- skeletonInRows = _context$skeletonInRo === void 0 ? 10 : _context$skeletonInRo;
51
- var hiddenContent = displayContent !== 'always';
52
- var childrenProps = props.children;
53
- var renderContent = function renderContent() {
37
+ const RowColumn = props => {
38
+ const {
39
+ customClass,
40
+ style,
41
+ displayContent = 'always',
42
+ textAlign,
43
+ visible = true,
44
+ rowSpan,
45
+ colSpan
46
+ } = props;
47
+ const context = (0, _react.useContext)(_helpers.RowContext);
48
+ const {
49
+ skeletonize,
50
+ vertical,
51
+ skeletonInRows = 10
52
+ } = context;
53
+ const hiddenContent = displayContent !== 'always';
54
+ const childrenProps = props.children;
55
+ const renderContent = () => {
54
56
  if (skeletonize && vertical) {
55
- return /*#__PURE__*/_react["default"].createElement(_skeleton["default"], {
57
+ return /*#__PURE__*/_react.default.createElement(_skeleton.default, {
56
58
  height: 16,
57
59
  style: {
58
60
  marginBottom: 0
59
61
  }
60
62
  });
61
63
  }
62
- return hiddenContent && displayContent ? /*#__PURE__*/_react["default"].createElement("span", {
64
+ return hiddenContent && displayContent ? /*#__PURE__*/_react.default.createElement("span", {
63
65
  className: displayClass[displayContent]
64
66
  }, childrenProps) : childrenProps;
65
67
  };
66
68
  if (!visible) return null;
67
69
  if (skeletonize && !skeletonInRows && !vertical) return null;
68
- return /*#__PURE__*/_react["default"].createElement("td", {
70
+ return /*#__PURE__*/_react.default.createElement("td", {
69
71
  rowSpan: rowSpan,
70
72
  colSpan: colSpan,
71
73
  className: "rowcolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(!context.rowBorder && ' -noborder', " ").concat(!rowSpan ? ' -norowspan' : ''),
72
74
  style: style,
73
- onClick: function onClick(e) {
75
+ onClick: e => {
74
76
  getColClickEvent(e, _objectSpread(_objectSpread({}, context), props));
75
77
  },
76
78
  role: "presentation",
77
79
  tabIndex: -1
78
80
  }, renderContent());
79
81
  };
80
- var _default = exports["default"] = RowColumn;
82
+ var _default = exports.default = RowColumn;
@@ -3,16 +3,13 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.getArrayFromNumber = exports["default"] = exports.RowContext = void 0;
6
+ exports.getArrayFromNumber = exports.default = exports.RowContext = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
- var TableContext = /*#__PURE__*/_react["default"].createContext({});
10
- var RowContext = exports.RowContext = /*#__PURE__*/_react["default"].createContext({});
11
- var getArrayFromNumber = exports.getArrayFromNumber = function getArrayFromNumber(number) {
12
- return Array.from({
13
- length: number
14
- }, function (_, i) {
15
- return i + 1;
16
- });
17
- };
18
- var _default = exports["default"] = TableContext;
8
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
+ const TableContext = /*#__PURE__*/_react.default.createContext({});
10
+ const RowContext = exports.RowContext = /*#__PURE__*/_react.default.createContext({});
11
+ const getArrayFromNumber = number => Array.from({
12
+ length: number
13
+ }, (_, i) => i + 1);
14
+ exports.getArrayFromNumber = getArrayFromNumber;
15
+ var _default = exports.default = TableContext;