linear-react-components-ui 1.0.10-beta.13 → 1.0.10-beta.14

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 (280) hide show
  1. package/.eslintrc.json +1 -0
  2. package/README.md +19 -12
  3. package/lib/@types/Align.d.ts +2 -2
  4. package/lib/@types/ButtonTypes.d.ts +1 -1
  5. package/lib/@types/ColorStyles.d.ts +1 -1
  6. package/lib/@types/DataCombo.d.ts +1 -1
  7. package/lib/@types/Icon.d.ts +1 -1
  8. package/lib/@types/LabelStyles.d.ts +1 -1
  9. package/lib/@types/Period.d.ts +1 -1
  10. package/lib/@types/PermissionAttr.d.ts +2 -2
  11. package/lib/@types/PointerEvents.d.ts +1 -1
  12. package/lib/@types/Position.d.ts +1 -1
  13. package/lib/@types/PositionAlert.d.ts +1 -1
  14. package/lib/@types/Size.d.ts +1 -1
  15. package/lib/@types/SizePixels.d.ts +1 -1
  16. package/lib/alerts/AlertContainer.js +5 -21
  17. package/lib/alerts/AlertProvider.js +15 -45
  18. package/lib/alerts/BaseAlert.js +4 -20
  19. package/lib/alerts/Message.js +21 -32
  20. package/lib/alerts/helpers.js +0 -2
  21. package/lib/alerts/index.d.ts +4 -1
  22. package/lib/alerts/index.js +0 -4
  23. package/lib/alerts/types.d.ts +4 -4
  24. package/lib/alerts/withAlert.js +1 -12
  25. package/lib/assets/styles/dialog.scss +9 -4
  26. package/lib/assets/styles/effects.scss +2 -2
  27. package/lib/avatar/index.js +20 -35
  28. package/lib/badge/index.js +9 -14
  29. package/lib/buttons/ActivateButton.js +0 -6
  30. package/lib/buttons/AddButton.js +0 -7
  31. package/lib/buttons/Button.js +2 -15
  32. package/lib/buttons/ButtonGroups.js +0 -4
  33. package/lib/buttons/CancelButton.js +1 -11
  34. package/lib/buttons/DangerButton.js +1 -11
  35. package/lib/buttons/DefaultButton.js +47 -85
  36. package/lib/buttons/DestroyButton.js +1 -12
  37. package/lib/buttons/EditButton.js +0 -6
  38. package/lib/buttons/InactivateButton.js +0 -6
  39. package/lib/buttons/InfoButton.js +1 -11
  40. package/lib/buttons/PrimaryButton.js +1 -11
  41. package/lib/buttons/RestoreButton.js +0 -6
  42. package/lib/buttons/SaveButton.js +1 -11
  43. package/lib/buttons/SuccessButton.js +1 -11
  44. package/lib/buttons/WarningButton.js +1 -11
  45. package/lib/buttons/button_container/index.js +5 -11
  46. package/lib/buttons/index.d.ts +4 -1
  47. package/lib/buttons/index.js +0 -18
  48. package/lib/buttons/split_button/index.js +11 -17
  49. package/lib/calendar/DangerCalendar.js +1 -11
  50. package/lib/calendar/InfoCalendar.js +1 -11
  51. package/lib/calendar/PrimaryCalendar.js +1 -11
  52. package/lib/calendar/SuccessCalendar.js +1 -11
  53. package/lib/calendar/WarningCalendar.js +1 -11
  54. package/lib/calendar/base/Day.js +2 -13
  55. package/lib/calendar/base/Month.js +1 -18
  56. package/lib/calendar/base/Week.js +2 -18
  57. package/lib/calendar/base/helpers.js +8 -24
  58. package/lib/calendar/base/index.js +13 -37
  59. package/lib/calendar/index.d.ts +4 -1
  60. package/lib/calendar/index.js +0 -8
  61. package/lib/checkbox/Label.js +1 -7
  62. package/lib/checkbox/index.js +28 -54
  63. package/lib/checkbox/types.d.ts +2 -2
  64. package/lib/dialog/Alert.js +0 -8
  65. package/lib/dialog/Custom.js +5 -17
  66. package/lib/dialog/Error.js +0 -8
  67. package/lib/dialog/Information.js +0 -8
  68. package/lib/dialog/Question.js +4 -15
  69. package/lib/dialog/Warning.js +0 -8
  70. package/lib/dialog/base/Content.js +1 -6
  71. package/lib/dialog/base/Footer.js +0 -4
  72. package/lib/dialog/base/Header.js +17 -14
  73. package/lib/dialog/base/index.js +80 -42
  74. package/lib/dialog/base/style.js +0 -2
  75. package/lib/dialog/form/index.d.ts +4 -3
  76. package/lib/dialog/form/index.js +20 -33
  77. package/lib/dialog/index.d.ts +4 -1
  78. package/lib/dialog/index.js +0 -9
  79. package/lib/dialog/types.d.ts +4 -1
  80. package/lib/drawer/Content.js +2 -13
  81. package/lib/drawer/Drawer.js +24 -63
  82. package/lib/drawer/Header.js +10 -27
  83. package/lib/drawer/helpers.js +0 -4
  84. package/lib/drawer/index.js +0 -8
  85. package/lib/dropdown/Popup.js +19 -34
  86. package/lib/dropdown/helper.js +0 -4
  87. package/lib/dropdown/withDropdown.js +18 -47
  88. package/lib/fieldset/index.js +21 -46
  89. package/lib/form/Field.js +19 -46
  90. package/lib/form/FieldArray.js +15 -32
  91. package/lib/form/FieldNumber.js +6 -20
  92. package/lib/form/FieldPeriod.js +9 -21
  93. package/lib/form/helpers.js +5 -30
  94. package/lib/form/index.js +37 -93
  95. package/lib/form/types.d.ts +6 -6
  96. package/lib/form/withFieldHOC.js +15 -34
  97. package/lib/form/withFormSecurity.js +5 -28
  98. package/lib/gridlayout/GridCol.js +5 -11
  99. package/lib/gridlayout/GridRow.js +3 -9
  100. package/lib/gridlayout/index.d.ts +4 -1
  101. package/lib/gridlayout/index.js +0 -4
  102. package/lib/hint/index.js +6 -11
  103. package/lib/icons/helper.d.ts +4 -0
  104. package/lib/icons/helper.js +4 -0
  105. package/lib/icons/index.js +16 -26
  106. package/lib/icons/types.d.ts +1 -1
  107. package/lib/index.d.ts +1 -1
  108. package/lib/index.js +0 -10
  109. package/lib/inputs/base/InputTextBase.js +49 -75
  110. package/lib/inputs/base/helpers.js +6 -19
  111. package/lib/inputs/color/index.js +11 -38
  112. package/lib/inputs/date/Dialog.js +2 -7
  113. package/lib/inputs/date/Dropdown.js +1 -8
  114. package/lib/inputs/date/helpers.d.ts +1 -1
  115. package/lib/inputs/date/helpers.js +4 -12
  116. package/lib/inputs/date/index.js +65 -104
  117. package/lib/inputs/date/types.d.ts +2 -1
  118. package/lib/inputs/file/DefaultFile.js +13 -42
  119. package/lib/inputs/file/DragDropFile.js +37 -90
  120. package/lib/inputs/file/File.js +4 -25
  121. package/lib/inputs/file/FileButtonSettings.js +5 -11
  122. package/lib/inputs/file/helpers.js +0 -5
  123. package/lib/inputs/file/index.d.ts +4 -1
  124. package/lib/inputs/file/index.js +0 -6
  125. package/lib/inputs/file/types.d.ts +1 -1
  126. package/lib/inputs/inputHOC.js +10 -34
  127. package/lib/inputs/mask/BaseMask.js +21 -21
  128. package/lib/inputs/mask/Cnpj.js +12 -37
  129. package/lib/inputs/mask/Cpf.js +10 -33
  130. package/lib/inputs/mask/Phone.js +0 -6
  131. package/lib/inputs/mask/ZipCode.js +0 -6
  132. package/lib/inputs/mask/helpers.js +9 -21
  133. package/lib/inputs/mask/imaskHOC.js +53 -84
  134. package/lib/inputs/mask/index.d.ts +4 -1
  135. package/lib/inputs/mask/index.js +0 -7
  136. package/lib/inputs/mask/types.d.ts +1 -1
  137. package/lib/inputs/multiSelect/ActionButtons.js +6 -15
  138. package/lib/inputs/multiSelect/Dropdown.js +25 -48
  139. package/lib/inputs/multiSelect/helper.js +2 -6
  140. package/lib/inputs/multiSelect/index.js +52 -115
  141. package/lib/inputs/multiSelect/types.d.ts +5 -4
  142. package/lib/inputs/number/BaseNumber.js +3 -16
  143. package/lib/inputs/number/Currency.js +1 -7
  144. package/lib/inputs/number/Decimal.js +0 -5
  145. package/lib/inputs/number/format_number.d.ts +2 -1
  146. package/lib/inputs/number/format_number.js +6 -9
  147. package/lib/inputs/number/index.js +3 -13
  148. package/lib/inputs/number/types.d.ts +2 -2
  149. package/lib/inputs/period/Dialog.js +2 -7
  150. package/lib/inputs/period/Dropdown.js +0 -7
  151. package/lib/inputs/period/PeriodList.js +1 -7
  152. package/lib/inputs/period/helper.js +2 -12
  153. package/lib/inputs/period/index.js +43 -114
  154. package/lib/inputs/period/types.d.ts +1 -1
  155. package/lib/inputs/search/index.js +18 -63
  156. package/lib/inputs/select/ActionButtons.js +4 -12
  157. package/lib/inputs/select/Dropdown.js +28 -48
  158. package/lib/inputs/select/helper.js +9 -30
  159. package/lib/inputs/select/index.js +3 -18
  160. package/lib/inputs/select/multiple/Selecteds.js +3 -7
  161. package/lib/inputs/select/multiple/index.js +37 -96
  162. package/lib/inputs/select/simple/index.js +59 -125
  163. package/lib/inputs/select/types.d.ts +3 -3
  164. package/lib/inputs/text/index.js +1 -5
  165. package/lib/inputs/text/types.d.ts +1 -1
  166. package/lib/inputs/textarea/index.js +5 -11
  167. package/lib/inputs/types.d.ts +2 -2
  168. package/lib/internals/withTooltip.js +26 -71
  169. package/lib/labelMessages/index.js +24 -44
  170. package/lib/labels/DangerLabel.js +1 -11
  171. package/lib/labels/DefaultLabel.js +19 -41
  172. package/lib/labels/InfoLabel.js +1 -11
  173. package/lib/labels/PrimaryLabel.js +1 -11
  174. package/lib/labels/SuccessLabel.js +1 -11
  175. package/lib/labels/WarningLabel.js +1 -11
  176. package/lib/labels/index.d.ts +4 -1
  177. package/lib/labels/index.js +0 -10
  178. package/lib/labels/label_container/index.js +3 -7
  179. package/lib/list/Header.js +3 -7
  180. package/lib/list/Item.js +33 -68
  181. package/lib/list/Separator.js +0 -4
  182. package/lib/list/helpers.js +0 -4
  183. package/lib/list/index.js +25 -60
  184. package/lib/list/types.d.ts +1 -1
  185. package/lib/menus/float/MenuItem.js +9 -26
  186. package/lib/menus/float/SubMenuContainer.js +5 -17
  187. package/lib/menus/float/helpers.js +0 -4
  188. package/lib/menus/float/index.js +8 -21
  189. package/lib/menus/index.d.ts +4 -1
  190. package/lib/menus/index.js +0 -3
  191. package/lib/menus/sidenav/ExpandMenu.js +2 -7
  192. package/lib/menus/sidenav/MenuLink.js +3 -12
  193. package/lib/menus/sidenav/NavMenuGroup.js +3 -12
  194. package/lib/menus/sidenav/NavMenuItem.js +27 -56
  195. package/lib/menus/sidenav/NavSubMenuItem.js +8 -27
  196. package/lib/menus/sidenav/helpers.js +0 -9
  197. package/lib/menus/sidenav/index.js +26 -75
  198. package/lib/menus/sidenav/popup_menu_search/EmptyList.js +2 -7
  199. package/lib/menus/sidenav/popup_menu_search/index.js +15 -45
  200. package/lib/menus/sidenav/types.d.ts +1 -1
  201. package/lib/noPermission/index.js +0 -6
  202. package/lib/panel/Content.d.ts +1 -1
  203. package/lib/panel/Content.js +7 -22
  204. package/lib/panel/DangerPanel.d.ts +1 -1
  205. package/lib/panel/DangerPanel.js +0 -7
  206. package/lib/panel/Default.d.ts +1 -1
  207. package/lib/panel/Default.js +20 -44
  208. package/lib/panel/Header.d.ts +1 -1
  209. package/lib/panel/Header.js +11 -26
  210. package/lib/panel/InfoPanel.d.ts +1 -1
  211. package/lib/panel/InfoPanel.js +0 -7
  212. package/lib/panel/PrimaryPanel.d.ts +1 -1
  213. package/lib/panel/PrimaryPanel.js +0 -7
  214. package/lib/panel/SuccessPanel.d.ts +1 -1
  215. package/lib/panel/SuccessPanel.js +0 -7
  216. package/lib/panel/ToolBar.d.ts +1 -1
  217. package/lib/panel/ToolBar.js +0 -5
  218. package/lib/panel/WarningPanel.d.ts +1 -1
  219. package/lib/panel/WarningPanel.js +0 -7
  220. package/lib/panel/helpers.d.ts +1 -1
  221. package/lib/panel/helpers.js +2 -10
  222. package/lib/panel/index.d.ts +5 -2
  223. package/lib/panel/index.js +0 -11
  224. package/lib/panel/types.d.ts +1 -1
  225. package/lib/permissionValidations.js +3 -15
  226. package/lib/popover/PopoverText.js +0 -4
  227. package/lib/popover/PopoverTitle.js +0 -4
  228. package/lib/popover/index.js +11 -22
  229. package/lib/progress/Bar.js +20 -33
  230. package/lib/progress/index.js +5 -14
  231. package/lib/radio/index.js +25 -48
  232. package/lib/skeleton/SkeletonContainer.js +3 -9
  233. package/lib/skeleton/index.js +10 -22
  234. package/lib/spinner/SpinnerLoading.js +3 -7
  235. package/lib/spinner/index.js +18 -40
  236. package/lib/split/Split.js +32 -83
  237. package/lib/split/SplitSide.js +6 -18
  238. package/lib/split/helpers.d.ts +1 -1
  239. package/lib/split/helpers.js +0 -4
  240. package/lib/split/index.d.ts +4 -1
  241. package/lib/split/index.js +0 -5
  242. package/lib/table/Body.js +22 -39
  243. package/lib/table/Header.js +24 -42
  244. package/lib/table/HeaderColumn.js +10 -21
  245. package/lib/table/Row.js +25 -35
  246. package/lib/table/RowColumn.js +12 -29
  247. package/lib/table/helpers.js +0 -7
  248. package/lib/table/index.js +33 -62
  249. package/lib/table/types.d.ts +3 -1
  250. package/lib/tabs/DropdownItems.js +12 -21
  251. package/lib/tabs/Menu.js +5 -15
  252. package/lib/tabs/MenuItems.js +23 -33
  253. package/lib/tabs/Panel.js +14 -39
  254. package/lib/tabs/index.js +46 -113
  255. package/lib/tabs/tabHelpers.js +3 -16
  256. package/lib/toolbar/ButtonBar.js +13 -29
  257. package/lib/toolbar/LabelBar.js +11 -28
  258. package/lib/toolbar/Separator.js +0 -4
  259. package/lib/toolbar/ToolBarGroup.js +2 -6
  260. package/lib/toolbar/helpers.js +0 -2
  261. package/lib/toolbar/index.js +7 -23
  262. package/lib/tooltip/index.js +11 -26
  263. package/lib/tooltip/types.d.ts +1 -1
  264. package/lib/treetable/Body.js +9 -27
  265. package/lib/treetable/Header.js +1 -11
  266. package/lib/treetable/Row.js +58 -113
  267. package/lib/treetable/helpers.js +0 -10
  268. package/lib/treetable/index.js +0 -11
  269. package/lib/treeview/Header.js +2 -6
  270. package/lib/treeview/Node.js +47 -111
  271. package/lib/treeview/constants.js +0 -4
  272. package/lib/treeview/index.js +55 -134
  273. package/lib/treeview/types.d.ts +2 -2
  274. package/lib/treeview_old/Header.js +1 -6
  275. package/lib/treeview_old/Node.js +5 -32
  276. package/lib/treeview_old/index.js +1 -9
  277. package/lib/{types-c1d83632.d.ts → types-c1e2d0c9.d.ts} +1 -1
  278. package/lib/uitour/index.js +33 -73
  279. package/lib/uitour/types.d.ts +1 -1
  280. package/package.json +6 -3
package/lib/table/Body.js CHANGED
@@ -1,38 +1,26 @@
1
1
  "use strict";
2
2
 
3
3
  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); }
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _helpers = _interopRequireWildcard(require("./helpers"));
13
-
14
10
  var _skeleton = _interopRequireDefault(require("../skeleton"));
15
-
16
11
  var _index = require("./index");
17
-
18
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
13
  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); }
21
-
22
14
  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; }
23
-
24
- 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); }
25
-
26
- var renderChildren = function renderChildren(_ref) {
27
- var children = _ref.children,
28
- columnsCount = _ref.columnsCount,
29
- vertical = _ref.vertical,
30
- skeletonize = _ref.skeletonize,
31
- _ref$skeletonInRows = _ref.skeletonInRows,
32
- skeletonInRows = _ref$skeletonInRows === void 0 ? 10 : _ref$skeletonInRows,
33
- _ref$skeletonHeight = _ref.skeletonHeight,
34
- skeletonHeight = _ref$skeletonHeight === void 0 ? 16 : _ref$skeletonHeight;
35
-
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;
36
24
  if (skeletonize && !vertical && columnsCount && skeletonInRows) {
37
25
  var rows = (0, _helpers.getArrayFromNumber)(skeletonInRows);
38
26
  var columns = (0, _helpers.getArrayFromNumber)(columnsCount);
@@ -42,6 +30,9 @@ var renderChildren = function renderChildren(_ref) {
42
30
  key: index
43
31
  }, columns.map(function (id) {
44
32
  return /*#__PURE__*/_react.default.createElement(_index.Td, {
33
+ style: {
34
+ width: columnsWidth === null || columnsWidth === void 0 ? void 0 : columnsWidth[id - 1]
35
+ },
45
36
  key: id
46
37
  }, /*#__PURE__*/_react.default.createElement(_skeleton.default, {
47
38
  height: skeletonHeight
@@ -50,22 +41,20 @@ var renderChildren = function renderChildren(_ref) {
50
41
  });
51
42
  return skeletonChildrens;
52
43
  }
53
-
54
44
  return children;
55
45
  };
56
-
57
46
  var TableBody = function TableBody(_ref2) {
58
47
  var children = _ref2.children,
59
- customClass = _ref2.customClass;
48
+ customClass = _ref2.customClass;
60
49
  var context = (0, _react.useContext)(_helpers.default);
61
50
  var bodyScrollable = context.bodyScrollable,
62
- bodyContainerRef = context.bodyContainerRef,
63
- skeletonize = context.skeletonize,
64
- _context$skeletonInRo = context.skeletonInRows,
65
- skeletonInRows = _context$skeletonInRo === void 0 ? 10 : _context$skeletonInRo,
66
- strict = context.strict,
67
- vertical = context.vertical,
68
- columnsCount = context.columnsCount;
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;
69
58
  var isSkeletonized = !!(skeletonize && !vertical && skeletonInRows && columnsCount);
70
59
  return bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
71
60
  className: "bodycontainer",
@@ -73,19 +62,13 @@ var TableBody = function TableBody(_ref2) {
73
62
  }, /*#__PURE__*/_react.default.createElement("table", {
74
63
  className: "innertable",
75
64
  style: {
76
- tableLayout: 'fixed',
77
65
  contain: strict ? 'strict' : 'size layout style'
78
66
  }
79
67
  }, /*#__PURE__*/_react.default.createElement("tbody", {
80
68
  className: "tbody ".concat(isSkeletonized ? 'skeleton-transparency' : '', " ").concat(customClass)
81
- }, renderChildren(_extends({}, context, {
82
- children: children
83
- }))))) : /*#__PURE__*/_react.default.createElement("tbody", {
69
+ }, renderChildren(children, context)))) : /*#__PURE__*/_react.default.createElement("tbody", {
84
70
  className: "tbody ".concat(isSkeletonized ? 'skeleton-transparency' : '', " ").concat(customClass)
85
- }, renderChildren(_extends({}, context, {
86
- children: children
87
- })));
71
+ }, renderChildren(children, context));
88
72
  };
89
-
90
73
  var _default = TableBody;
91
74
  exports.default = _default;
@@ -1,96 +1,79 @@
1
1
  "use strict";
2
2
 
3
3
  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); }
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _lodash = _interopRequireDefault(require("lodash"));
13
-
14
10
  var _helpers = _interopRequireDefault(require("./helpers"));
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  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); }
19
-
20
13
  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; }
21
-
22
14
  var getColumnsWidth = function getColumnsWidth(children) {
23
15
  var columnsWidth = [];
24
-
25
16
  if ( /*#__PURE__*/(0, _react.isValidElement)(children) && children.props) {
26
17
  var columns = children.props.children;
27
18
  if (!_lodash.default.isArray(columns)) columns = [columns];
28
19
  columns.forEach(function (element) {
29
20
  var colWidth = 0;
30
-
31
21
  if (_lodash.default.isArray(element)) {
32
22
  element.forEach(function (elementArray) {
33
- if (elementArray && elementArray.props.style && elementArray.props.style.width) {
34
- colWidth = elementArray.props.style.width;
23
+ if (elementArray && elementArray.props) {
24
+ var _elementArray$props, _elementArray$props$s;
25
+ 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
26
  }
36
-
37
27
  columnsWidth.push(colWidth);
38
28
  });
39
- } else if (element && element.props.style && element.props.style.width) {
40
- colWidth = element.props.style.width;
29
+ } else if (element && element.props) {
30
+ var _element$props, _element$props$style;
31
+ colWidth = (_element$props = element.props) === null || _element$props === void 0 ? void 0 : (_element$props$style = _element$props.style) === null || _element$props$style === void 0 ? void 0 : _element$props$style.width;
41
32
  columnsWidth.push(colWidth);
42
33
  }
43
34
  });
44
35
  }
45
-
46
36
  return columnsWidth;
47
37
  };
48
-
49
- var columnsCount = 0;
50
-
51
- var countColumnsFromChildren = function countColumnsFromChildren(element) {
38
+ var countColumnsFromChildren = function countColumnsFromChildren(element, columnsCount) {
39
+ var count = columnsCount;
52
40
  if ( /*#__PURE__*/(0, _react.isValidElement)(element)) {
53
- var _element$props;
54
-
55
- if (_lodash.default.isArray(element === null || element === void 0 ? void 0 : (_element$props = element.props) === null || _element$props === void 0 ? void 0 : _element$props.children)) {
41
+ 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)) {
56
43
  var currentElement = element.props;
57
44
  currentElement.children.forEach(function (child) {
58
- return countColumnsFromChildren(child);
45
+ return countColumnsFromChildren(child, count);
59
46
  });
60
47
  } else if (element) {
61
- columnsCount += 1;
48
+ count.current += 1;
62
49
  }
63
50
  } else if (_lodash.default.isArray(element) && element.length > 0) {
64
51
  element.forEach(function (child) {
65
- return countColumnsFromChildren(child);
52
+ return countColumnsFromChildren(child, count);
66
53
  });
67
54
  }
68
55
  };
69
-
70
- var getColumnsCount = function getColumnsCount(children) {
56
+ var getColumnsCount = function getColumnsCount(children, columnsCount) {
71
57
  if (_lodash.default.isArray(children) && children.length > 0 && children[0].props) {
72
- countColumnsFromChildren(children[0].props.children);
58
+ countColumnsFromChildren(children[0].props.children, columnsCount);
73
59
  } else if ( /*#__PURE__*/(0, _react.isValidElement)(children) && children.props && children.props.children) {
74
- countColumnsFromChildren(children.props.children);
60
+ countColumnsFromChildren(children.props.children, columnsCount);
75
61
  }
76
-
77
- return columnsCount;
62
+ return columnsCount.current;
78
63
  };
79
-
80
64
  var Header = function Header(_ref) {
81
65
  var customClass = _ref.customClass,
82
- children = _ref.children;
83
-
66
+ children = _ref.children;
84
67
  var _useContext = (0, _react.useContext)(_helpers.default),
85
- bodyScrollWidth = _useContext.bodyScrollWidth,
86
- bodyScrollable = _useContext.bodyScrollable,
87
- handlerSetColumnsWidth = _useContext.handlerSetColumnsWidth,
88
- handlerSetColumnsCount = _useContext.handlerSetColumnsCount;
89
-
68
+ bodyScrollWidth = _useContext.bodyScrollWidth,
69
+ bodyScrollable = _useContext.bodyScrollable,
70
+ handlerSetColumnsWidth = _useContext.handlerSetColumnsWidth,
71
+ handlerSetColumnsCount = _useContext.handlerSetColumnsCount;
72
+ var columnsCount = (0, _react.useRef)(0);
90
73
  (0, _react.useEffect)(function () {
91
74
  if (children && handlerSetColumnsWidth && handlerSetColumnsCount) {
92
75
  handlerSetColumnsWidth(getColumnsWidth(children));
93
- handlerSetColumnsCount(getColumnsCount(children));
76
+ handlerSetColumnsCount(getColumnsCount(children, columnsCount));
94
77
  }
95
78
  }, []);
96
79
  return bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
@@ -109,6 +92,5 @@ var Header = function Header(_ref) {
109
92
  className: "theader ".concat(customClass)
110
93
  }, children);
111
94
  };
112
-
113
95
  var _default = Header;
114
96
  exports.default = _default;
@@ -1,39 +1,29 @@
1
1
  "use strict";
2
2
 
3
3
  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); }
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _skeleton = _interopRequireDefault(require("../skeleton"));
13
-
14
10
  var _helpers = _interopRequireDefault(require("./helpers"));
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  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); }
19
-
20
13
  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; }
21
-
22
14
  var HeaderColumn = function HeaderColumn(_ref) {
23
15
  var customClass = _ref.customClass,
24
- style = _ref.style,
25
- children = _ref.children,
26
- textAlign = _ref.textAlign,
27
- _ref$visible = _ref.visible,
28
- visible = _ref$visible === void 0 ? true : _ref$visible;
29
-
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;
30
21
  var _useContext = (0, _react.useContext)(_helpers.default),
31
- skeletonize = _useContext.skeletonize,
32
- vertical = _useContext.vertical,
33
- skeletonInHeader = _useContext.skeletonInHeader,
34
- _useContext$skeletonI = _useContext.skeletonInRows,
35
- skeletonInRows = _useContext$skeletonI === void 0 ? 10 : _useContext$skeletonI;
36
-
22
+ skeletonize = _useContext.skeletonize,
23
+ vertical = _useContext.vertical,
24
+ skeletonInHeader = _useContext.skeletonInHeader,
25
+ _useContext$skeletonI = _useContext.skeletonInRows,
26
+ skeletonInRows = _useContext$skeletonI === void 0 ? 10 : _useContext$skeletonI;
37
27
  if (!visible) return null;
38
28
  return /*#__PURE__*/_react.default.createElement("th", {
39
29
  className: "headercolumn ".concat(customClass, " text-align-").concat(textAlign),
@@ -45,6 +35,5 @@ var HeaderColumn = function HeaderColumn(_ref) {
45
35
  }
46
36
  }) : children);
47
37
  };
48
-
49
38
  var _default = HeaderColumn;
50
39
  exports.default = _default;
package/lib/table/Row.js CHANGED
@@ -1,52 +1,43 @@
1
1
  "use strict";
2
2
 
3
3
  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); }
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _helpers = _interopRequireWildcard(require("./helpers"));
13
-
14
10
  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); }
15
-
16
11
  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; }
17
-
18
12
  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); }
19
-
20
13
  var Row = function Row(props) {
21
14
  var customClass = props.customClass,
22
- children = props.children,
23
- rowId = props.rowId,
24
- dataId = props.dataId,
25
- _onClick = props.onClick,
26
- height = props.height,
27
- style = props.style,
28
- onMouseEnter = props.onMouseEnter,
29
- onMouseLeave = props.onMouseLeave,
30
- _props$rowBorder = props.rowBorder,
31
- rowBorder = _props$rowBorder === void 0 ? true : _props$rowBorder,
32
- divider = props.divider,
33
- dividerTitle = props.dividerTitle,
34
- dividerStyle = props.dividerStyle,
35
- _props$dividerColor = props.dividerColor,
36
- dividerColor = _props$dividerColor === void 0 ? 'info' : _props$dividerColor,
37
- _props$dividerColSpan = props.dividerColSpan,
38
- dividerColSpan = _props$dividerColSpan === void 0 ? 2 : _props$dividerColSpan;
39
-
15
+ children = props.children,
16
+ rowId = props.rowId,
17
+ dataId = props.dataId,
18
+ _onClick = props.onClick,
19
+ height = props.height,
20
+ style = props.style,
21
+ onMouseEnter = props.onMouseEnter,
22
+ onMouseLeave = props.onMouseLeave,
23
+ _props$rowBorder = props.rowBorder,
24
+ rowBorder = _props$rowBorder === void 0 ? true : _props$rowBorder,
25
+ divider = props.divider,
26
+ dividerTitle = props.dividerTitle,
27
+ dividerStyle = props.dividerStyle,
28
+ _props$dividerColor = props.dividerColor,
29
+ dividerColor = _props$dividerColor === void 0 ? 'info' : _props$dividerColor,
30
+ _props$dividerColSpan = props.dividerColSpan,
31
+ dividerColSpan = _props$dividerColSpan === void 0 ? 2 : _props$dividerColSpan;
40
32
  var _useContext = (0, _react.useContext)(_helpers.default),
41
- selectedRowId = _useContext.selectedRowId,
42
- handleSelectRow = _useContext.handleSelectRow,
43
- handleTableRowClick = _useContext.handleTableRowClick,
44
- handleTableColClick = _useContext.handleTableColClick,
45
- vertical = _useContext.vertical,
46
- skeletonize = _useContext.skeletonize,
47
- _useContext$skeletonI = _useContext.skeletonInRows,
48
- skeletonInRows = _useContext$skeletonI === void 0 ? 10 : _useContext$skeletonI;
49
-
33
+ selectedRowId = _useContext.selectedRowId,
34
+ handleSelectRow = _useContext.handleSelectRow,
35
+ handleTableRowClick = _useContext.handleTableRowClick,
36
+ handleTableColClick = _useContext.handleTableColClick,
37
+ vertical = _useContext.vertical,
38
+ skeletonize = _useContext.skeletonize,
39
+ _useContext$skeletonI = _useContext.skeletonInRows,
40
+ skeletonInRows = _useContext$skeletonI === void 0 ? 10 : _useContext$skeletonI;
50
41
  var contextValues = {
51
42
  dataId: dataId,
52
43
  rowBorder: rowBorder,
@@ -82,6 +73,5 @@ var Row = function Row(props) {
82
73
  style: dividerStyle
83
74
  }, dividerTitle || '')));
84
75
  };
85
-
86
76
  var _default = Row;
87
77
  exports.default = _default;
@@ -1,63 +1,49 @@
1
1
  "use strict";
2
2
 
3
3
  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); }
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _helpers = require("./helpers");
13
-
14
10
  var _skeleton = _interopRequireDefault(require("../skeleton"));
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  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); }
19
-
20
13
  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; }
21
-
22
14
  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); }
23
-
24
15
  function getColClickEvent(event, _ref) {
25
16
  var ignoreTableColClick = _ref.ignoreTableColClick,
26
- handleTableColClick = _ref.handleTableColClick,
27
- onClick = _ref.onClick,
28
- dataId = _ref.dataId;
17
+ handleTableColClick = _ref.handleTableColClick,
18
+ onClick = _ref.onClick,
19
+ dataId = _ref.dataId;
29
20
  if (ignoreTableColClick) return undefined;
30
-
31
21
  if (onClick) {
32
22
  return onClick(event, dataId);
33
23
  } else if (handleTableColClick) {
34
24
  return handleTableColClick(event, dataId);
35
25
  }
36
-
37
26
  return undefined;
38
27
  }
39
-
40
28
  var displayClass = {
41
29
  never: 'hidden',
42
30
  onRowHover: 'rowhover'
43
31
  };
44
-
45
32
  var RowColumn = function RowColumn(props) {
46
33
  var customClass = props.customClass,
47
- style = props.style,
48
- _props$displayContent = props.displayContent,
49
- displayContent = _props$displayContent === void 0 ? 'always' : _props$displayContent,
50
- textAlign = props.textAlign,
51
- _props$visible = props.visible,
52
- visible = _props$visible === void 0 ? true : _props$visible;
34
+ style = props.style,
35
+ _props$displayContent = props.displayContent,
36
+ displayContent = _props$displayContent === void 0 ? 'always' : _props$displayContent,
37
+ textAlign = props.textAlign,
38
+ _props$visible = props.visible,
39
+ visible = _props$visible === void 0 ? true : _props$visible;
53
40
  var context = (0, _react.useContext)(_helpers.RowContext);
54
41
  var skeletonize = context.skeletonize,
55
- vertical = context.vertical,
56
- _context$skeletonInRo = context.skeletonInRows,
57
- skeletonInRows = _context$skeletonInRo === void 0 ? 10 : _context$skeletonInRo;
42
+ vertical = context.vertical,
43
+ _context$skeletonInRo = context.skeletonInRows,
44
+ skeletonInRows = _context$skeletonInRo === void 0 ? 10 : _context$skeletonInRo;
58
45
  var hiddenContent = displayContent !== 'always';
59
46
  var childrenProps = props.children;
60
-
61
47
  var renderContent = function renderContent() {
62
48
  if (skeletonize && vertical) {
63
49
  return /*#__PURE__*/_react.default.createElement(_skeleton.default, {
@@ -67,12 +53,10 @@ var RowColumn = function RowColumn(props) {
67
53
  }
68
54
  });
69
55
  }
70
-
71
56
  return hiddenContent && displayContent ? /*#__PURE__*/_react.default.createElement("span", {
72
57
  className: displayClass[displayContent]
73
58
  }, childrenProps) : childrenProps;
74
59
  };
75
-
76
60
  if (!visible) return null;
77
61
  if (skeletonize && !skeletonInRows && !vertical) return null;
78
62
  return /*#__PURE__*/_react.default.createElement("td", {
@@ -85,6 +69,5 @@ var RowColumn = function RowColumn(props) {
85
69
  tabIndex: -1
86
70
  }, renderContent());
87
71
  };
88
-
89
72
  var _default = RowColumn;
90
73
  exports.default = _default;
@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getArrayFromNumber = exports.default = exports.RowContext = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
-
12
9
  var TableContext = /*#__PURE__*/_react.default.createContext({});
13
-
14
10
  var RowContext = /*#__PURE__*/_react.default.createContext({});
15
-
16
11
  exports.RowContext = RowContext;
17
-
18
12
  var getArrayFromNumber = function getArrayFromNumber(number) {
19
13
  return Array.from({
20
14
  length: number
@@ -22,7 +16,6 @@ var getArrayFromNumber = function getArrayFromNumber(number) {
22
16
  return i + 1;
23
17
  });
24
18
  };
25
-
26
19
  exports.getArrayFromNumber = getArrayFromNumber;
27
20
  var _default = TableContext;
28
21
  exports.default = _default;