linear-react-components-ui 0.4.77-beta.23 → 0.4.77-beta.25

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 (326) hide show
  1. package/.eslintrc.json +97 -0
  2. package/.gitlab-ci.yml +19 -0
  3. package/.husky/pre-push +4 -0
  4. package/.vscode/launch.json +15 -0
  5. package/.vscode/settings.json +4 -2
  6. package/config/getHttpsConfig.js +56 -0
  7. package/config/paths.js +140 -0
  8. package/config/webpackDevServer.config.js +128 -0
  9. package/images.d.ts +3 -0
  10. package/jest.config.js +3 -3
  11. package/lib/@types/Align.js +5 -0
  12. package/lib/@types/ButtonTypes.js +5 -0
  13. package/lib/@types/ColorStyles.js +5 -0
  14. package/lib/@types/DataCombo.js +5 -0
  15. package/lib/@types/Icon.js +5 -0
  16. package/lib/@types/LabelStyles.js +5 -0
  17. package/lib/@types/Period.js +5 -0
  18. package/lib/@types/PermissionAttr.js +5 -0
  19. package/lib/@types/PointerEvents.js +5 -0
  20. package/lib/@types/Position.js +5 -0
  21. package/lib/@types/PositionAlert.js +5 -0
  22. package/lib/@types/Size.js +5 -0
  23. package/lib/@types/SizePixels.js +5 -0
  24. package/lib/@types/StorageMock.js +5 -0
  25. package/lib/alerts/AlertContainer.js +28 -26
  26. package/lib/alerts/AlertProvider.js +29 -24
  27. package/lib/alerts/BaseAlert.js +22 -15
  28. package/lib/alerts/Message.js +41 -50
  29. package/lib/alerts/alert.spec.js +15 -11
  30. package/lib/alerts/helpers.js +4 -7
  31. package/lib/alerts/index.js +6 -6
  32. package/lib/alerts/types.js +5 -0
  33. package/lib/alerts/withAlert.js +10 -12
  34. package/lib/assets/styles/commons.scss +0 -10
  35. package/lib/assets/styles/dropdown.scss +0 -1
  36. package/lib/assets/styles/list.scss +0 -8
  37. package/lib/assets/styles/table.scss +7 -2
  38. package/lib/assets/styles/treetable.scss +10 -12
  39. package/lib/avatar/avatar.spec.js +30 -28
  40. package/lib/avatar/index.js +24 -69
  41. package/lib/avatar/types.js +5 -0
  42. package/lib/badge/badge.spec.js +6 -6
  43. package/lib/badge/index.js +12 -28
  44. package/lib/badge/types.js +5 -0
  45. package/lib/buttons/ActivateButton.js +8 -8
  46. package/lib/buttons/AddButton.js +8 -8
  47. package/lib/buttons/Button.js +22 -14
  48. package/lib/buttons/ButtonGroups.js +4 -9
  49. package/lib/buttons/CancelButton.js +20 -7
  50. package/lib/buttons/DangerButton.js +18 -23
  51. package/lib/buttons/DefaultButton.js +91 -145
  52. package/lib/buttons/DestroyButton.js +18 -9
  53. package/lib/buttons/EditButton.js +8 -8
  54. package/lib/buttons/InactivateButton.js +8 -8
  55. package/lib/buttons/InfoButton.js +18 -23
  56. package/lib/buttons/PrimaryButton.js +18 -23
  57. package/lib/buttons/RestoreButton.js +8 -8
  58. package/lib/buttons/SaveButton.js +19 -6
  59. package/lib/buttons/SuccessButton.js +17 -22
  60. package/lib/buttons/WarningButton.js +17 -22
  61. package/lib/buttons/button_container/index.js +12 -25
  62. package/lib/buttons/buttons.spec.js +52 -52
  63. package/lib/buttons/index.js +33 -33
  64. package/lib/buttons/split_button/index.js +9 -46
  65. package/lib/buttons/types.js +5 -0
  66. package/lib/calendar/DangerCalendar.js +17 -8
  67. package/lib/calendar/InfoCalendar.js +17 -8
  68. package/lib/calendar/PrimaryCalendar.js +17 -8
  69. package/lib/calendar/SuccessCalendar.js +17 -8
  70. package/lib/calendar/WarningCalendar.js +17 -8
  71. package/lib/calendar/base/Day.js +9 -15
  72. package/lib/calendar/base/Month.js +19 -14
  73. package/lib/calendar/base/Week.js +19 -15
  74. package/lib/calendar/base/helpers.js +16 -16
  75. package/lib/calendar/base/index.js +58 -51
  76. package/lib/calendar/calendar.spec.js +27 -25
  77. package/lib/calendar/index.js +15 -15
  78. package/lib/calendar/types.js +5 -0
  79. package/lib/checkbox/Label.js +8 -18
  80. package/lib/checkbox/checkbox.spec.js +34 -33
  81. package/lib/checkbox/index.js +67 -94
  82. package/lib/checkbox/types.js +5 -0
  83. package/lib/dialog/Alert.js +11 -16
  84. package/lib/dialog/Custom.js +26 -34
  85. package/lib/dialog/Error.js +9 -14
  86. package/lib/dialog/Information.js +9 -14
  87. package/lib/dialog/Question.js +16 -27
  88. package/lib/dialog/Warning.js +9 -14
  89. package/lib/dialog/base/Content.js +5 -14
  90. package/lib/dialog/base/Footer.js +6 -12
  91. package/lib/dialog/base/Header.js +17 -31
  92. package/lib/dialog/base/index.js +14 -36
  93. package/lib/dialog/base/style.js +2 -2
  94. package/lib/dialog/dialog.spec.js +42 -38
  95. package/lib/dialog/form/index.js +37 -47
  96. package/lib/dialog/index.js +16 -16
  97. package/lib/dialog/types.js +5 -0
  98. package/lib/drawer/Content.js +8 -17
  99. package/lib/drawer/Drawer.js +50 -61
  100. package/lib/drawer/Drawer.spec.js +35 -32
  101. package/lib/drawer/Header.js +29 -48
  102. package/lib/drawer/helpers.js +5 -5
  103. package/lib/drawer/index.js +9 -9
  104. package/lib/drawer/types.js +5 -0
  105. package/lib/dropdown/Popup.js +35 -21
  106. package/lib/dropdown/dropdown.spec.js +41 -29
  107. package/lib/dropdown/helper.js +2 -2
  108. package/lib/dropdown/types.js +5 -0
  109. package/lib/dropdown/withDropdown.js +34 -51
  110. package/lib/fieldset/fieldset.spec.js +5 -5
  111. package/lib/fieldset/index.js +34 -55
  112. package/lib/fieldset/types.js +5 -0
  113. package/lib/form/Field.js +40 -30
  114. package/lib/form/FieldArray.js +31 -31
  115. package/lib/form/FieldNumber.js +18 -18
  116. package/lib/form/FieldPeriod.js +25 -25
  117. package/lib/form/form.spec.js +25 -23
  118. package/lib/form/helpers.js +24 -13
  119. package/lib/form/index.js +72 -55
  120. package/lib/form/withFieldHOC.js +38 -32
  121. package/lib/form/withFormSecurity.js +32 -19
  122. package/lib/gridlayout/GridCol.js +8 -23
  123. package/lib/gridlayout/GridRow.js +9 -29
  124. package/lib/gridlayout/gridLayout.spec.js +8 -8
  125. package/lib/gridlayout/index.js +6 -6
  126. package/lib/gridlayout/types.js +5 -0
  127. package/lib/icons/helper.js +560 -563
  128. package/lib/icons/icons.spec.js +12 -12
  129. package/lib/icons/index.js +29 -46
  130. package/lib/icons/types.js +5 -0
  131. package/lib/index.js +18 -18
  132. package/lib/inputs/base/InputTextBase.js +58 -157
  133. package/lib/inputs/base/base.spec.js +39 -38
  134. package/lib/inputs/base/helpers.js +10 -10
  135. package/lib/inputs/base/types.js +5 -0
  136. package/lib/inputs/color/color_input.spec.js +10 -10
  137. package/lib/inputs/color/index.js +55 -43
  138. package/lib/inputs/color/types.js +5 -0
  139. package/lib/inputs/date/Dialog.js +5 -12
  140. package/lib/inputs/date/Dropdown.js +21 -63
  141. package/lib/inputs/date/date.spec.js +12 -14
  142. package/lib/inputs/date/helpers.js +6 -6
  143. package/lib/inputs/date/index.js +265 -415
  144. package/lib/inputs/date/types.js +5 -0
  145. package/lib/inputs/inputHOC.js +53 -99
  146. package/lib/inputs/mask/BaseMask.js +14 -25
  147. package/lib/inputs/mask/Cnpj.js +33 -32
  148. package/lib/inputs/mask/Cpf.js +33 -34
  149. package/lib/inputs/mask/Phone.js +7 -15
  150. package/lib/inputs/mask/ZipCode.js +7 -7
  151. package/lib/inputs/mask/helpers.js +25 -40
  152. package/lib/inputs/mask/imaskHOC.js +190 -251
  153. package/lib/inputs/mask/index.js +11 -11
  154. package/lib/inputs/mask/input_mask.spec.js +103 -126
  155. package/lib/inputs/mask/types.js +5 -0
  156. package/lib/inputs/multiSelect/ActionButtons.js +10 -22
  157. package/lib/inputs/multiSelect/Dropdown.js +76 -93
  158. package/lib/inputs/multiSelect/helper.js +2 -2
  159. package/lib/inputs/multiSelect/index.js +97 -104
  160. package/lib/inputs/multiSelect/types.js +5 -0
  161. package/lib/inputs/number/BaseNumber.js +18 -30
  162. package/lib/inputs/number/Currency.js +10 -20
  163. package/lib/inputs/number/Decimal.js +5 -5
  164. package/lib/inputs/number/format_number.js +1 -1
  165. package/lib/inputs/number/index.js +16 -22
  166. package/lib/inputs/number/numberfield.spec.js +9 -8
  167. package/lib/inputs/number/types.js +5 -0
  168. package/lib/inputs/period/Dialog.js +5 -12
  169. package/lib/inputs/period/Dropdown.js +19 -63
  170. package/lib/inputs/period/PeriodList.js +12 -25
  171. package/lib/inputs/period/helper.js +34 -74
  172. package/lib/inputs/period/index.js +156 -198
  173. package/lib/inputs/period/types.js +5 -0
  174. package/lib/inputs/search/index.js +150 -263
  175. package/lib/inputs/search/search_input.spec.js +19 -13
  176. package/lib/inputs/select/ActionButtons.js +20 -26
  177. package/lib/inputs/select/Dropdown.js +59 -82
  178. package/lib/inputs/select/helper.js +19 -15
  179. package/lib/inputs/select/index.js +22 -20
  180. package/lib/inputs/select/multiple/Selecteds.js +9 -17
  181. package/lib/inputs/select/multiple/index.js +299 -408
  182. package/lib/inputs/select/select.spec.js +71 -54
  183. package/lib/inputs/select/simple/index.js +310 -457
  184. package/lib/inputs/select/types.js +5 -0
  185. package/lib/inputs/text/index.js +6 -5
  186. package/lib/inputs/text/textfield.spec.js +7 -7
  187. package/lib/inputs/text/types.js +5 -0
  188. package/lib/inputs/textarea/index.js +11 -21
  189. package/lib/inputs/textarea/textarea.spec.js +7 -7
  190. package/lib/inputs/textarea/types.js +5 -0
  191. package/lib/inputs/types.js +5 -0
  192. package/lib/internals/colorStyles.js +2 -2
  193. package/lib/internals/constants.js +1 -1
  194. package/lib/internals/types.js +5 -0
  195. package/lib/internals/withTooltip.js +50 -48
  196. package/lib/labelMessages/index.js +48 -56
  197. package/lib/labelMessages/labelMessages.spec.js +17 -17
  198. package/lib/labelMessages/types.js +5 -0
  199. package/lib/labels/DangerLabel.js +18 -9
  200. package/lib/labels/DefaultLabel.js +44 -66
  201. package/lib/labels/InfoLabel.js +18 -9
  202. package/lib/labels/PrimaryLabel.js +18 -9
  203. package/lib/labels/SuccessLabel.js +18 -9
  204. package/lib/labels/WarningLabel.js +18 -9
  205. package/lib/labels/index.js +16 -16
  206. package/lib/labels/label.spec.js +20 -20
  207. package/lib/labels/label_container/index.js +7 -17
  208. package/lib/labels/types.js +5 -0
  209. package/lib/list/Header.js +5 -18
  210. package/lib/list/Item.js +54 -84
  211. package/lib/list/Separator.js +5 -5
  212. package/lib/list/helpers.js +6 -11
  213. package/lib/list/index.js +45 -123
  214. package/lib/list/list.spec.js +102 -131
  215. package/lib/list/types.js +5 -0
  216. package/lib/menus/float/MenuItem.js +18 -38
  217. package/lib/menus/float/float-menu.spec.js +39 -33
  218. package/lib/menus/float/helpers.js +5 -5
  219. package/lib/menus/float/index.js +18 -38
  220. package/lib/menus/float/types.js +5 -0
  221. package/lib/menus/index.js +5 -5
  222. package/lib/menus/sidenav/ExpandMenu.js +7 -19
  223. package/lib/menus/sidenav/MenuLink.js +6 -20
  224. package/lib/menus/sidenav/NavMenuGroup.js +6 -17
  225. package/lib/menus/sidenav/NavMenuItem.js +46 -62
  226. package/lib/menus/sidenav/NavSubMenuItem.js +23 -24
  227. package/lib/menus/sidenav/helpers.js +6 -6
  228. package/lib/menus/sidenav/index.js +71 -83
  229. package/lib/menus/sidenav/popup_menu_search/EmptyList.js +10 -19
  230. package/lib/menus/sidenav/popup_menu_search/index.js +41 -28
  231. package/lib/menus/sidenav/sidenav.spec.js +30 -26
  232. package/lib/menus/sidenav/types.js +5 -0
  233. package/lib/noPermission/index.js +8 -8
  234. package/lib/panel/Content.js +15 -27
  235. package/lib/panel/DangerPanel.js +8 -8
  236. package/lib/panel/Default.js +40 -57
  237. package/lib/panel/Header.js +19 -41
  238. package/lib/panel/InfoPanel.js +8 -8
  239. package/lib/panel/PrimaryPanel.js +8 -8
  240. package/lib/panel/SuccessPanel.js +8 -8
  241. package/lib/panel/ToolBar.js +5 -10
  242. package/lib/panel/WarningPanel.js +8 -8
  243. package/lib/panel/helpers.js +10 -6
  244. package/lib/panel/index.js +19 -19
  245. package/lib/panel/panel.spec.js +30 -30
  246. package/lib/panel/types.js +5 -0
  247. package/lib/permissionValidations.js +2 -2
  248. package/lib/popover/PopoverText.js +4 -9
  249. package/lib/popover/PopoverTitle.js +4 -9
  250. package/lib/popover/index.js +35 -49
  251. package/lib/popover/popover.spec.js +18 -18
  252. package/lib/popover/types.js +5 -0
  253. package/lib/progress/Bar.js +42 -52
  254. package/lib/progress/index.js +19 -27
  255. package/lib/progress/progress.spec.js +25 -17
  256. package/lib/progress/types.js +5 -0
  257. package/lib/radio/index.js +44 -58
  258. package/lib/radio/radio.spec.js +22 -20
  259. package/lib/radio/types.js +5 -0
  260. package/lib/skeleton/SkeletonContainer.js +9 -9
  261. package/lib/skeleton/index.js +18 -18
  262. package/lib/spinner/SpinnerLoading.js +45 -53
  263. package/lib/spinner/index.js +42 -37
  264. package/lib/spinner/spinner.spec.js +14 -10
  265. package/lib/spinner/types.js +5 -0
  266. package/lib/split/Split.js +83 -90
  267. package/lib/split/SplitSide.js +8 -28
  268. package/lib/split/helpers.js +5 -5
  269. package/lib/split/index.js +6 -6
  270. package/lib/split/split.spec.js +57 -40
  271. package/lib/split/types.js +5 -0
  272. package/lib/table/Body.js +25 -32
  273. package/lib/table/Header.js +19 -26
  274. package/lib/table/HeaderColumn.js +14 -28
  275. package/lib/table/Row.js +23 -39
  276. package/lib/table/RowColumn.js +23 -41
  277. package/lib/table/helpers.js +6 -6
  278. package/lib/table/index.js +45 -71
  279. package/lib/table/table.spec.js +52 -51
  280. package/lib/table/types.js +5 -0
  281. package/lib/tabs/DropdownItems.js +21 -31
  282. package/lib/tabs/Menu.js +22 -26
  283. package/lib/tabs/MenuItems.js +33 -47
  284. package/lib/tabs/Panel.js +37 -60
  285. package/lib/tabs/index.js +125 -99
  286. package/lib/tabs/tabHelpers.js +13 -11
  287. package/lib/tabs/tabs.spec.js +76 -111
  288. package/lib/tabs/types.js +5 -0
  289. package/lib/toolbar/ButtonBar.js +54 -35
  290. package/lib/toolbar/LabelBar.js +45 -32
  291. package/lib/toolbar/Separator.js +5 -5
  292. package/lib/toolbar/ToolBarGroup.js +10 -16
  293. package/lib/toolbar/helpers.js +3 -3
  294. package/lib/toolbar/index.js +35 -40
  295. package/lib/toolbar/toolbar.spec.js +42 -42
  296. package/lib/toolbar/types.js +5 -0
  297. package/lib/tooltip/index.js +35 -44
  298. package/lib/tooltip/tooltip.spec.js +42 -23
  299. package/lib/tooltip/types.js +5 -0
  300. package/lib/treetable/Body.js +64 -0
  301. package/lib/treetable/Header.js +37 -0
  302. package/lib/treetable/Row.js +317 -0
  303. package/lib/treetable/helpers.js +32 -53
  304. package/lib/treetable/index.js +16 -104
  305. package/lib/treetable/types.d.js +5 -0
  306. package/lib/treeview/Header.js +5 -17
  307. package/lib/treeview/Node.js +268 -390
  308. package/lib/treeview/constants.js +3 -3
  309. package/lib/treeview/index.js +379 -555
  310. package/lib/treeview/treeview.spec.js +38 -28
  311. package/lib/treeview/types.js +5 -0
  312. package/lib/treeview_old/Header.js +8 -8
  313. package/lib/treeview_old/Node.js +38 -32
  314. package/lib/treeview_old/index.js +10 -10
  315. package/lib/uitour/helpers.js +1 -1
  316. package/lib/uitour/index.js +53 -41
  317. package/lib/uitour/uitour.spec.js +22 -22
  318. package/package.json +44 -15
  319. package/scripts/start.js +135 -0
  320. package/tsconfig.json +17 -0
  321. package/.eslintrc.js +0 -26
  322. package/.husky/pre-commit +0 -4
  323. package/lib/buttons/SpinnerLoading.js +0 -230
  324. package/lib/inputs/base/index.js +0 -1
  325. package/lib/treetable/TRow.js +0 -255
  326. package/lib/treetable/treetable.spec.js +0 -302
@@ -1,230 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var SpinnerLoading = function SpinnerLoading() {
13
- return /*#__PURE__*/_react["default"].createElement("svg", {
14
- className: "lds-spinner spinnerloading",
15
- width: "50px",
16
- viewBox: "0 0 100 100",
17
- preserveAspectRatio: "xMidYMid",
18
- style: {
19
- background: 'none',
20
- "float": 'right'
21
- }
22
- }, /*#__PURE__*/_react["default"].createElement("g", {
23
- transform: "rotate(0 50 50)"
24
- }, /*#__PURE__*/_react["default"].createElement("rect", {
25
- x: "47",
26
- y: "24",
27
- rx: "9.4",
28
- ry: "4.8",
29
- width: "6",
30
- height: "12",
31
- fill: "#3B3B3B"
32
- }, /*#__PURE__*/_react["default"].createElement("animate", {
33
- attributeName: "opacity",
34
- values: "1;0",
35
- keyTimes: "0;1",
36
- dur: "1s",
37
- begin: "-0.9166666666666666s",
38
- repeatCount: "indefinite"
39
- }))), /*#__PURE__*/_react["default"].createElement("g", {
40
- transform: "rotate(30 50 50)"
41
- }, /*#__PURE__*/_react["default"].createElement("rect", {
42
- x: "47",
43
- y: "24",
44
- rx: "9.4",
45
- ry: "4.8",
46
- width: "6",
47
- height: "12",
48
- fill: "#3B3B3B"
49
- }, /*#__PURE__*/_react["default"].createElement("animate", {
50
- attributeName: "opacity",
51
- values: "1;0",
52
- keyTimes: "0;1",
53
- dur: "1s",
54
- begin: "-0.8333333333333334s",
55
- repeatCount: "indefinite"
56
- }))), /*#__PURE__*/_react["default"].createElement("g", {
57
- transform: "rotate(60 50 50)"
58
- }, /*#__PURE__*/_react["default"].createElement("rect", {
59
- x: "47",
60
- y: "24",
61
- rx: "9.4",
62
- ry: "4.8",
63
- width: "6",
64
- height: "12",
65
- fill: "#3B3B3B"
66
- }, /*#__PURE__*/_react["default"].createElement("animate", {
67
- attributeName: "opacity",
68
- values: "1;0",
69
- keyTimes: "0;1",
70
- dur: "1s",
71
- begin: "-0.75s",
72
- repeatCount: "indefinite"
73
- }))), /*#__PURE__*/_react["default"].createElement("g", {
74
- transform: "rotate(90 50 50)"
75
- }, /*#__PURE__*/_react["default"].createElement("rect", {
76
- x: "47",
77
- y: "24",
78
- rx: "9.4",
79
- ry: "4.8",
80
- width: "6",
81
- height: "12",
82
- fill: "#3B3B3B"
83
- }, /*#__PURE__*/_react["default"].createElement("animate", {
84
- attributeName: "opacity",
85
- values: "1;0",
86
- keyTimes: "0;1",
87
- dur: "1s",
88
- begin: "-0.6666666666666666s",
89
- repeatCount: "indefinite"
90
- }))), /*#__PURE__*/_react["default"].createElement("g", {
91
- transform: "rotate(120 50 50)"
92
- }, /*#__PURE__*/_react["default"].createElement("rect", {
93
- x: "47",
94
- y: "24",
95
- rx: "9.4",
96
- ry: "4.8",
97
- width: "6",
98
- height: "12",
99
- fill: "#3B3B3B"
100
- }, /*#__PURE__*/_react["default"].createElement("animate", {
101
- attributeName: "opacity",
102
- values: "1;0",
103
- keyTimes: "0;1",
104
- dur: "1s",
105
- begin: "-0.5833333333333334s",
106
- repeatCount: "indefinite"
107
- }))), /*#__PURE__*/_react["default"].createElement("g", {
108
- transform: "rotate(150 50 50)"
109
- }, /*#__PURE__*/_react["default"].createElement("rect", {
110
- x: "47",
111
- y: "24",
112
- rx: "9.4",
113
- ry: "4.8",
114
- width: "6",
115
- height: "12",
116
- fill: "#3B3B3B"
117
- }, /*#__PURE__*/_react["default"].createElement("animate", {
118
- attributeName: "opacity",
119
- values: "1;0",
120
- keyTimes: "0;1",
121
- dur: "1s",
122
- begin: "-0.5s",
123
- repeatCount: "indefinite"
124
- }))), /*#__PURE__*/_react["default"].createElement("g", {
125
- transform: "rotate(180 50 50)"
126
- }, /*#__PURE__*/_react["default"].createElement("rect", {
127
- x: "47",
128
- y: "24",
129
- rx: "9.4",
130
- ry: "4.8",
131
- width: "6",
132
- height: "12",
133
- fill: "#3B3B3B"
134
- }, /*#__PURE__*/_react["default"].createElement("animate", {
135
- attributeName: "opacity",
136
- values: "1;0",
137
- keyTimes: "0;1",
138
- dur: "1s",
139
- begin: "-0.4166666666666667s",
140
- repeatCount: "indefinite"
141
- }))), /*#__PURE__*/_react["default"].createElement("g", {
142
- transform: "rotate(210 50 50)"
143
- }, /*#__PURE__*/_react["default"].createElement("rect", {
144
- x: "47",
145
- y: "24",
146
- rx: "9.4",
147
- ry: "4.8",
148
- width: "6",
149
- height: "12",
150
- fill: "#3B3B3B"
151
- }, /*#__PURE__*/_react["default"].createElement("animate", {
152
- attributeName: "opacity",
153
- values: "1;0",
154
- keyTimes: "0;1",
155
- dur: "1s",
156
- begin: "-0.3333333333333333s",
157
- repeatCount: "indefinite"
158
- }))), /*#__PURE__*/_react["default"].createElement("g", {
159
- transform: "rotate(240 50 50)"
160
- }, /*#__PURE__*/_react["default"].createElement("rect", {
161
- x: "47",
162
- y: "24",
163
- rx: "9.4",
164
- ry: "4.8",
165
- width: "6",
166
- height: "12",
167
- fill: "#3B3B3B"
168
- }, /*#__PURE__*/_react["default"].createElement("animate", {
169
- attributeName: "opacity",
170
- values: "1;0",
171
- keyTimes: "0;1",
172
- dur: "1s",
173
- begin: "-0.25s",
174
- repeatCount: "indefinite"
175
- }))), /*#__PURE__*/_react["default"].createElement("g", {
176
- transform: "rotate(270 50 50)"
177
- }, /*#__PURE__*/_react["default"].createElement("rect", {
178
- x: "47",
179
- y: "24",
180
- rx: "9.4",
181
- ry: "4.8",
182
- width: "6",
183
- height: "12",
184
- fill: "#3B3B3B"
185
- }, /*#__PURE__*/_react["default"].createElement("animate", {
186
- attributeName: "opacity",
187
- values: "1;0",
188
- keyTimes: "0;1",
189
- dur: "1s",
190
- begin: "-0.16666666666666666s",
191
- repeatCount: "indefinite"
192
- }))), /*#__PURE__*/_react["default"].createElement("g", {
193
- transform: "rotate(300 50 50)"
194
- }, /*#__PURE__*/_react["default"].createElement("rect", {
195
- x: "47",
196
- y: "24",
197
- rx: "9.4",
198
- ry: "4.8",
199
- width: "6",
200
- height: "12",
201
- fill: "#3B3B3B"
202
- }, /*#__PURE__*/_react["default"].createElement("animate", {
203
- attributeName: "opacity",
204
- values: "1;0",
205
- keyTimes: "0;1",
206
- dur: "1s",
207
- begin: "-0.08333333333333333s",
208
- repeatCount: "indefinite"
209
- }))), /*#__PURE__*/_react["default"].createElement("g", {
210
- transform: "rotate(330 50 50)"
211
- }, /*#__PURE__*/_react["default"].createElement("rect", {
212
- x: "47",
213
- y: "24",
214
- rx: "9.4",
215
- ry: "4.8",
216
- width: "6",
217
- height: "12",
218
- fill: "#3B3B3B"
219
- }, /*#__PURE__*/_react["default"].createElement("animate", {
220
- attributeName: "opacity",
221
- values: "1;0",
222
- keyTimes: "0;1",
223
- dur: "1s",
224
- begin: "0s",
225
- repeatCount: "indefinite"
226
- }))));
227
- };
228
-
229
- var _default = SpinnerLoading;
230
- exports["default"] = _default;
@@ -1 +0,0 @@
1
- "use strict";
@@ -1,255 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = void 0;
11
-
12
- var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
13
-
14
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
15
-
16
- var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
17
-
18
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
19
-
20
- var _propTypes = _interopRequireDefault(require("prop-types"));
21
-
22
- var _react = _interopRequireWildcard(require("react"));
23
-
24
- var _uuid = require("uuid");
25
-
26
- require("../assets/styles/treetable.scss");
27
-
28
- var _icons = _interopRequireDefault(require("../icons"));
29
-
30
- var _SpinnerLoading = _interopRequireDefault(require("../spinner/SpinnerLoading"));
31
-
32
- var _table = require("../table");
33
-
34
- var _toolbar = _interopRequireWildcard(require("../toolbar"));
35
-
36
- var _helpers = require("./helpers");
37
-
38
- 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); }
39
-
40
- 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; }
41
-
42
- var TRow = function TRow(props) {
43
- var id = props.id,
44
- label = props.label,
45
- style = props.style,
46
- content = props.content,
47
- rowLevel = props.rowLevel,
48
- onClickRow = props.onClickRow,
49
- statusEnum = props.statusEnum,
50
- customClass = props.customClass,
51
- hasChildren = props.hasChildren,
52
- getChildrens = props.getChildrens;
53
-
54
- var _useState = (0, _react.useState)(false),
55
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
56
- open = _useState2[0],
57
- setOpen = _useState2[1];
58
-
59
- var _useState3 = (0, _react.useState)(),
60
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
61
- children = _useState4[0],
62
- setChildren = _useState4[1];
63
-
64
- var _useState5 = (0, _react.useState)(false),
65
- _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
66
- showToolbar = _useState6[0],
67
- setShowToolbar = _useState6[1];
68
-
69
- var _useContext = (0, _react.useContext)(_helpers.TreeTableContext),
70
- valuePropName = _useContext.valuePropName,
71
- labelPropName = _useContext.labelPropName,
72
- propHasChildren = _useContext.propHasChildren,
73
- onClickRowItem = _useContext.onClickRowItem,
74
- toolbarElements = _useContext.toolbarElements,
75
- onClickGetChildrens = _useContext.onClickGetChildrens;
76
-
77
- var onClickOpenChildren = /*#__PURE__*/function () {
78
- var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
79
- var dataReturnAfterGetChildrens, dataWithNewProps;
80
- return _regenerator["default"].wrap(function _callee$(_context) {
81
- while (1) {
82
- switch (_context.prev = _context.next) {
83
- case 0:
84
- setOpen(function (prevState) {
85
- return !prevState;
86
- });
87
-
88
- if (open) {
89
- _context.next = 7;
90
- break;
91
- }
92
-
93
- _context.next = 4;
94
- return getChildrens(id);
95
-
96
- case 4:
97
- dataReturnAfterGetChildrens = _context.sent;
98
- dataWithNewProps = (0, _helpers.assignableObjectArrayWithNewProps)({
99
- childrenData: dataReturnAfterGetChildrens,
100
- rowLevel: rowLevel ? rowLevel + 1 : 1
101
- });
102
- setChildren(dataWithNewProps);
103
-
104
- case 7:
105
- case "end":
106
- return _context.stop();
107
- }
108
- }
109
- }, _callee);
110
- }));
111
-
112
- return function onClickOpenChildren() {
113
- return _ref.apply(this, arguments);
114
- };
115
- }();
116
-
117
- var buildToolbarElements = function buildToolbarElements(elements) {
118
- var newElements = [];
119
-
120
- if (elements) {
121
- newElements = elements.map(function (element) {
122
- var _onClick = element.props.onClick;
123
- var newProps = (0, _extends2["default"])({}, element.props, {
124
- key: (0, _uuid.v1)(),
125
- onClick: function onClick(event) {
126
- _onClick(props);
127
-
128
- if (event.stopPropagation) event.stopPropagation();
129
- }
130
- });
131
- return /*#__PURE__*/(0, _react.cloneElement)(element, (0, _extends2["default"])({}, newProps));
132
- });
133
- }
134
-
135
- return newElements;
136
- };
137
-
138
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_table.TRow, {
139
- style: style,
140
- key: id,
141
- rowId: id,
142
- dataId: id,
143
- customClass: customClass
144
- }, /*#__PURE__*/_react["default"].createElement(_table.Td, {
145
- style: {
146
- width: '50%'
147
- }
148
- }, /*#__PURE__*/_react["default"].createElement("div", {
149
- className: "column-container",
150
- onMouseEnter: function onMouseEnter() {
151
- return toolbarElements ? setShowToolbar(true) : null;
152
- },
153
- onMouseLeave: function onMouseLeave() {
154
- return toolbarElements ? setShowToolbar(false) : null;
155
- }
156
- }, /*#__PURE__*/_react["default"].createElement("span", {
157
- className: "column-more-childrens ".concat(rowLevel && 'line-path-decoration'),
158
- style: {
159
- marginLeft: "".concat(rowLevel, "rem")
160
- }
161
- }, hasChildren && /*#__PURE__*/_react["default"].createElement("button", {
162
- onClick: function onClick() {
163
- return onClickOpenChildren();
164
- },
165
- className: "open-close-children"
166
- }, open ? /*#__PURE__*/_react["default"].createElement(_icons["default"], {
167
- name: "up",
168
- size: 10
169
- }) : /*#__PURE__*/_react["default"].createElement(_icons["default"], {
170
- name: "arrow_right",
171
- size: 10
172
- })), /*#__PURE__*/_react["default"].createElement("span", {
173
- className: "value-button",
174
- style: {
175
- marginLeft: "".concat(!hasChildren ? 'calc(1rem + 2px)' : '0')
176
- },
177
- onKeyPress: function onKeyPress() {},
178
- role: "button",
179
- tabIndex: 0,
180
- onClick: function onClick() {
181
- return onClickRow ? onClickRow(props) : null;
182
- }
183
- }, content)), toolbarElements && /*#__PURE__*/_react["default"].createElement("span", {
184
- className: "container-toolbar-buttons"
185
- }, showToolbar && /*#__PURE__*/_react["default"].createElement(_toolbar["default"], {
186
- size: "small",
187
- customClass: "row-toolbar"
188
- }, /*#__PURE__*/_react["default"].createElement(_toolbar.ToolBarGroup, {
189
- style: {
190
- "float": 'left'
191
- }
192
- }, buildToolbarElements(toolbarElements)))))), /*#__PURE__*/_react["default"].createElement(_table.Td, {
193
- style: {
194
- width: '10%'
195
- }
196
- }, /*#__PURE__*/_react["default"].createElement("span", {
197
- className: "container-toolbar-status"
198
- }, /*#__PURE__*/_react["default"].createElement(_toolbar["default"], null, /*#__PURE__*/_react["default"].createElement(_toolbar.ToolBarGroup, {
199
- style: {
200
- "float": 'left'
201
- }
202
- }, (0, _helpers.labelStatusItem)(statusEnum))))), /*#__PURE__*/_react["default"].createElement(_table.Td, {
203
- style: {
204
- width: '40%'
205
- }
206
- }, label)), open && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !children ? /*#__PURE__*/_react["default"].createElement(_table.TRow, {
207
- key: "tr-for-loading-childrens-".concat((0, _uuid.v1)())
208
- }, /*#__PURE__*/_react["default"].createElement("td", {
209
- colSpan: 3,
210
- className: "td-loading-childrens"
211
- }, /*#__PURE__*/_react["default"].createElement("div", {
212
- className: "td-loading-childrens-container"
213
- }, /*#__PURE__*/_react["default"].createElement(_SpinnerLoading["default"], {
214
- align: "center",
215
- text: "Carregando...",
216
- delayTime: 0,
217
- heightAuto: true
218
- })))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children.map(function (item) {
219
- return /*#__PURE__*/_react["default"].createElement(TRow, (0, _extends2["default"])({}, item, {
220
- key: item.id,
221
- id: item.id,
222
- style: style,
223
- customClass: customClass,
224
- label: item[labelPropName],
225
- content: item[valuePropName],
226
- hasChildren: item[propHasChildren] !== null || undefined,
227
- onClickRow: onClickRowItem,
228
- getChildrens: onClickGetChildrens,
229
- toolbarElements: toolbarElements
230
- }));
231
- }))));
232
- };
233
-
234
- TRow.propTypes = {
235
- id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
236
- label: _propTypes["default"].string.isRequired,
237
- content: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
238
- style: _propTypes["default"].object,
239
- customClass: _propTypes["default"].string,
240
- statusEnum: _propTypes["default"].object,
241
- rowLevel: _propTypes["default"].number,
242
- hasChildren: _propTypes["default"].bool,
243
- getChildrens: _propTypes["default"].func.isRequired,
244
- onClickRow: _propTypes["default"].func
245
- };
246
- TRow.defaultProps = {
247
- style: undefined,
248
- rowLevel: undefined,
249
- onClickRow: undefined,
250
- statusEnum: undefined,
251
- hasChildren: undefined,
252
- customClass: undefined
253
- };
254
- var _default = TRow;
255
- exports["default"] = _default;