flipper-ui 0.31.6 → 0.32.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 (301) hide show
  1. package/README.md +15 -63
  2. package/core/data-display/actions/actions.stories.d.ts +6 -0
  3. package/{experimental → core/data-display}/actions/index.d.ts +7 -11
  4. package/core/data-display/actions/index.js +32 -0
  5. package/core/data-display/actions/styles.d.ts +8 -0
  6. package/{experimental/fab → core/data-display/actions}/styles.js +7 -1
  7. package/core/data-display/advertise/styles.d.ts +6 -6
  8. package/core/data-display/avatar/avatar.stories.d.ts +9 -5
  9. package/core/data-display/avatar/index.d.ts +7 -8
  10. package/core/data-display/avatar/index.js +10 -21
  11. package/core/data-display/badge/index.js +2 -2
  12. package/core/data-display/chapter/styles.d.ts +2 -2
  13. package/core/data-display/chip/index.js +2 -2
  14. package/core/data-display/data-table/data-table-field.js +15 -11
  15. package/core/data-display/data-table/data-table-pagination-actions.js +8 -5
  16. package/core/data-display/data-table/data-table-query-paginated.js +3 -3
  17. package/core/data-display/data-table/data-table.d.ts +3 -0
  18. package/core/data-display/data-table/data-table.js +28 -11
  19. package/core/data-display/data-table/data-table.stories.d.ts +2 -1
  20. package/core/data-display/data-table/index.d.ts +1 -1
  21. package/core/data-display/data-table/index.js +6 -6
  22. package/core/data-display/data-table/rows.js +7 -13
  23. package/core/data-display/data-table/styles.d.ts +5 -5
  24. package/core/data-display/data-table/styles.js +4 -3
  25. package/core/data-display/data-table/use-paginated.js +9 -13
  26. package/core/data-display/data-table/use-rows-state.js +3 -5
  27. package/core/data-display/divider/divider.stories.d.ts +6 -6
  28. package/core/data-display/divider/index.d.ts +1 -1
  29. package/core/data-display/divider/index.js +4 -4
  30. package/core/data-display/fab/index.js +2 -2
  31. package/core/data-display/fab-v2/fab.stories.d.ts +6 -0
  32. package/{experimental/fab/fab.d.ts → core/data-display/fab-v2/index.d.ts} +1 -1
  33. package/{experimental/fab/fab.js → core/data-display/fab-v2/index.js} +7 -6
  34. package/core/data-display/line/index.d.ts +1 -1
  35. package/core/data-display/line/index.js +2 -2
  36. package/core/data-display/line/line.stories.d.ts +6 -5
  37. package/core/data-display/list/index.js +4 -4
  38. package/core/data-display/list-item/index.d.ts +0 -1
  39. package/core/data-display/list-item/index.js +11 -11
  40. package/core/data-display/list-item/list-item.spec.d.ts +1 -1
  41. package/core/data-display/menu-item/index.d.ts +2 -3
  42. package/core/data-display/menu-item/styles.d.ts +2 -2
  43. package/core/data-display/menu-item/styles.js +2 -2
  44. package/core/data-display/password-visibility/index.d.ts +8 -0
  45. package/{experimental/visibility-icon → core/data-display/password-visibility}/index.js +7 -6
  46. package/core/data-display/password-visibility/password-visibility.stories.d.ts +6 -0
  47. package/core/data-display/password-visibility/styles.d.ts +2 -0
  48. package/{experimental/visibility-icon → core/data-display/password-visibility}/styles.js +2 -2
  49. package/core/data-display/table/table-cell.d.ts +1 -2
  50. package/core/data-display/table/table-cell.js +1 -1
  51. package/core/data-display/table/table-head.d.ts +3 -9
  52. package/core/data-display/table/table-head.js +6 -26
  53. package/core/data-display/table/table.spec.d.ts +1 -1
  54. package/core/data-display/table/table.stories.d.ts +1 -1
  55. package/core/data-display/typography/typography.stories.d.ts +2 -2
  56. package/core/feedback/collapse/collapse.stories.d.ts +6 -6
  57. package/core/feedback/collapse/index.d.ts +1 -1
  58. package/core/feedback/collapse/index.js +4 -4
  59. package/core/feedback/dialog/dialog.stories.d.ts +6 -7
  60. package/core/feedback/dialog/index.d.ts +1 -1
  61. package/core/feedback/dialog/index.js +2 -2
  62. package/core/feedback/dialog/styles.d.ts +5 -5
  63. package/{experimental/dialog → core/feedback/dialog-v2}/confirm-dialog.d.ts +1 -1
  64. package/{experimental/dialog → core/feedback/dialog-v2}/dialog.d.ts +2 -1
  65. package/{experimental/dialog → core/feedback/dialog-v2}/dialog.js +7 -6
  66. package/core/feedback/dialog-v2/dialog.stories.d.ts +8 -0
  67. package/{experimental/dialog → core/feedback/dialog-v2}/index.d.ts +1 -1
  68. package/{experimental/dialog → core/feedback/dialog-v2}/index.js +1 -1
  69. package/{experimental/dialog → core/feedback/dialog-v2}/remove-dialog.d.ts +1 -1
  70. package/{experimental/dialog → core/feedback/dialog-v2}/remove-dialog.js +2 -2
  71. package/core/feedback/fade/fade.stories.d.ts +6 -4
  72. package/core/feedback/fade/index.d.ts +1 -1
  73. package/core/feedback/fade/index.js +4 -4
  74. package/core/feedback/grow/index.js +2 -2
  75. package/{experimental → core/feedback}/loading/index.d.ts +1 -1
  76. package/{experimental → core/feedback}/loading/index.js +6 -5
  77. package/core/feedback/loading/loading.stories.d.ts +6 -0
  78. package/core/feedback/loading/styles.d.ts +2 -0
  79. package/{experimental → core/feedback}/nothing-found/index.d.ts +1 -1
  80. package/{experimental → core/feedback}/nothing-found/index.js +2 -2
  81. package/core/feedback/nothing-found/nothing-found.stories.d.ts +6 -0
  82. package/core/feedback/nothing-found/styles.d.ts +26 -0
  83. package/{experimental → core/feedback}/nothing-found/styles.js +1 -1
  84. package/core/feedback/progress/index.d.ts +11 -1
  85. package/core/feedback/progress/index.js +47 -6
  86. package/core/feedback/progress/progress.stories.d.ts +1 -0
  87. package/{experimental → core/feedback}/skeleton/index.js +1 -1
  88. package/core/feedback/slide/index.js +2 -2
  89. package/core/feedback/snackbar/index.js +16 -12
  90. package/core/feedback/tooltip/index.js +2 -2
  91. package/core/feedback/validation-dialog/index.d.ts +3 -2
  92. package/core/feedback/validation-dialog/index.js +2 -2
  93. package/core/feedback/validation-dialog/styles.d.ts +7 -7
  94. package/core/feedback/validation-dialog/styles.js +2 -2
  95. package/core/inputs/add-button/add-button.stories.d.ts +6 -0
  96. package/{experimental/button → core/inputs/add-button}/index.d.ts +3 -1
  97. package/{experimental/button → core/inputs/add-button}/index.js +7 -5
  98. package/core/inputs/add-button/styles.d.ts +2 -0
  99. package/{experimental/button → core/inputs/add-button}/styles.js +1 -1
  100. package/core/inputs/auto-complete-lab/autocomplete-lab.stories.d.ts +4 -0
  101. package/core/inputs/auto-complete-lab/index.d.ts +3 -0
  102. package/core/{feedback/zoom → inputs/auto-complete-lab}/index.js +21 -18
  103. package/core/inputs/button/index.js +2 -2
  104. package/core/inputs/checkbox/index.js +8 -8
  105. package/core/inputs/checkbox/styles.d.ts +1 -1
  106. package/core/inputs/chip-field/index.js +1 -1
  107. package/core/inputs/chip-field/styles.d.ts +1 -1
  108. package/core/inputs/date-time/date-time.stories.d.ts +6 -5
  109. package/core/inputs/date-time/index.d.ts +1 -2
  110. package/core/inputs/date-time/index.js +2 -2
  111. package/core/inputs/input-adornment/index.js +2 -2
  112. package/core/inputs/mask-field/index.js +2 -2
  113. package/core/inputs/pin-input/index.d.ts +1 -1
  114. package/core/inputs/pin-input/index.js +8 -11
  115. package/core/inputs/pin-input/pin-input.stories.d.ts +6 -5
  116. package/core/inputs/pin-input/styles.d.ts +3 -3
  117. package/core/inputs/radio/index.js +2 -2
  118. package/core/inputs/radio-group/index.js +10 -10
  119. package/core/inputs/select/index.js +8 -8
  120. package/core/inputs/text-field/index.d.ts +1 -1
  121. package/core/inputs/text-field/index.js +27 -24
  122. package/core/inputs/text-field/styles.d.ts +5 -5
  123. package/core/inputs/text-field/text-field.stories.d.ts +9 -10
  124. package/core/navigation/breadcrumbs/breadcrumbs.stories.d.ts +6 -0
  125. package/{experimental → core/navigation}/breadcrumbs/index.js +9 -9
  126. package/core/navigation/breadcrumbs/styles.d.ts +30 -0
  127. package/core/navigation/breadcrumbs/styles.js +17 -0
  128. package/core/navigation/drawer/drawer.stories.d.ts +6 -4
  129. package/core/navigation/drawer/index.d.ts +1 -1
  130. package/core/navigation/drawer/index.js +2 -2
  131. package/core/navigation/menu/index.js +2 -2
  132. package/core/navigation/sidebar/index.js +4 -3
  133. package/core/navigation/sidebar/styles.d.ts +1 -1
  134. package/core/navigation/stepper/index.js +7 -7
  135. package/core/navigation/tab/index.js +2 -2
  136. package/core/navigation/tabs/index.js +2 -2
  137. package/core/surfaces/box/index.js +2 -2
  138. package/core/surfaces/card/card.spec.d.ts +1 -1
  139. package/core/surfaces/card/card.stories.d.ts +6 -4
  140. package/core/surfaces/card/index.d.ts +21 -13
  141. package/core/surfaces/card/index.js +58 -87
  142. package/core/surfaces/card/styles.d.ts +31 -0
  143. package/core/surfaces/card/styles.js +22 -0
  144. package/core/surfaces/expansion-panel/styles.d.ts +1 -1
  145. package/core/surfaces/header/index.js +4 -4
  146. package/{experimental → core/surfaces}/panel/index.js +5 -5
  147. package/core/surfaces/panel/panel.stories.d.ts +6 -0
  148. package/core/surfaces/panel/styles.d.ts +28 -0
  149. package/core/surfaces/panel/styles.js +15 -0
  150. package/core/surfaces/paper/index.d.ts +1 -1
  151. package/core/surfaces/paper/index.js +4 -4
  152. package/core/surfaces/paper/paper.stories.d.ts +6 -8
  153. package/core/surfaces/step-card/index.js +2 -2
  154. package/core/surfaces/step-card/step-card-details.js +6 -5
  155. package/core/surfaces/step-card/step-card-panel.js +7 -6
  156. package/core/surfaces/step-card/step-card-skeleton.js +11 -11
  157. package/core/surfaces/step-card/styles.d.ts +14 -12
  158. package/core/surfaces/step-card/styles.js +2 -2
  159. package/index.d.ts +44 -49
  160. package/index.js +184 -136
  161. package/package.json +33 -39
  162. package/test/mocks/data-table-hidden-mock.js +49 -42
  163. package/test/mocks/data-table-mock.js +46 -41
  164. package/test/mocks/date-time-mock.js +7 -7
  165. package/test/mocks/pin-input-mock.js +5 -5
  166. package/test/mocks/radio-group-mock.js +1 -1
  167. package/test/mocks/select-mock.js +1 -1
  168. package/test/mocks/snackbar-mock.js +9 -8
  169. package/test/mocks/step-card-mock.js +1 -1
  170. package/test/mocks/text-field-mock.js +3 -3
  171. package/test/mocks/text-field-options-mock.js +3 -3
  172. package/test/util.js +0 -2
  173. package/theme/index.d.ts +1 -0
  174. package/theme/index.js +14 -1
  175. package/core/context/styles-provider/index.d.ts +0 -2
  176. package/core/context/styles-provider/index.js +0 -8
  177. package/core/data-display/editable-table/editable-table.spec.d.ts +0 -1
  178. package/core/data-display/editable-table/editable-table.stories.d.ts +0 -4
  179. package/core/data-display/editable-table/index.d.ts +0 -70
  180. package/core/data-display/editable-table/index.js +0 -274
  181. package/core/data-display/editable-table/styles.d.ts +0 -35
  182. package/core/data-display/editable-table/styles.js +0 -27
  183. package/core/data-display/node/index.d.ts +0 -7
  184. package/core/data-display/node/index.js +0 -41
  185. package/core/data-display/node/node.spec.d.ts +0 -1
  186. package/core/data-display/node/node.stories.d.ts +0 -3
  187. package/core/data-display/node/styles.d.ts +0 -17
  188. package/core/data-display/node/styles.js +0 -19
  189. package/core/data-display/tree/index.d.ts +0 -10
  190. package/core/data-display/tree/index.js +0 -40
  191. package/core/data-display/tree/tree.spec.d.ts +0 -1
  192. package/core/data-display/tree/tree.stories.d.ts +0 -3
  193. package/core/feedback/zoom/index.d.ts +0 -13
  194. package/core/feedback/zoom/zoom.spec.d.ts +0 -1
  195. package/core/feedback/zoom/zooms.stories.d.ts +0 -4
  196. package/core/inputs/auto-complete/auto-complete.spec.d.ts +0 -1
  197. package/core/inputs/auto-complete/auto-complete.stories.d.ts +0 -7
  198. package/core/inputs/auto-complete/index.d.ts +0 -43
  199. package/core/inputs/auto-complete/index.js +0 -185
  200. package/core/inputs/input-base/index.d.ts +0 -28
  201. package/core/inputs/input-base/index.js +0 -33
  202. package/core/inputs/input-base/input-base.spec.d.ts +0 -1
  203. package/core/inputs/input-base/input-base.stories.d.ts +0 -3
  204. package/core/navigation/breadcrumb/breadcrumb.spec.d.ts +0 -1
  205. package/core/navigation/breadcrumb/breadcrumb.stories.d.ts +0 -13
  206. package/core/navigation/breadcrumb/index.d.ts +0 -4
  207. package/core/navigation/breadcrumb/index.js +0 -13
  208. package/core/navigation/link/index.d.ts +0 -2
  209. package/core/navigation/link/index.js +0 -9
  210. package/core/navigation/pagination/index.d.ts +0 -11
  211. package/core/navigation/pagination/index.js +0 -62
  212. package/core/navigation/pagination/pagination.spec.d.ts +0 -1
  213. package/core/navigation/pagination/pagination.stories.d.ts +0 -3
  214. package/core/navigation/pagination/styles.d.ts +0 -2
  215. package/core/navigation/pagination/styles.js +0 -11
  216. package/core/surfaces/container/container.spec.d.ts +0 -1
  217. package/core/surfaces/container/container.stories.d.ts +0 -3
  218. package/core/surfaces/container/index.d.ts +0 -4
  219. package/core/surfaces/container/index.js +0 -28
  220. package/core/surfaces/content/content.spec.d.ts +0 -1
  221. package/core/surfaces/content/content.stories.d.ts +0 -3
  222. package/core/surfaces/content/index.d.ts +0 -4
  223. package/core/surfaces/content/index.js +0 -25
  224. package/core/surfaces/content/styles.d.ts +0 -3
  225. package/core/surfaces/content/styles.js +0 -15
  226. package/experimental/actions/actions.stories.d.ts +0 -3
  227. package/experimental/actions/index.js +0 -39
  228. package/experimental/auto-complete-lab/autocomplete-lab.stories.d.ts +0 -4
  229. package/experimental/auto-complete-lab/index.d.ts +0 -4
  230. package/experimental/auto-complete-lab/index.js +0 -80
  231. package/experimental/avatar/avatar.spec.d.ts +0 -1
  232. package/experimental/avatar/avatar.stories.d.ts +0 -5
  233. package/experimental/avatar/index.d.ts +0 -10
  234. package/experimental/avatar/index.js +0 -20
  235. package/experimental/breadcrumbs/breadcrumbs.stories.d.ts +0 -9
  236. package/experimental/breadcrumbs/styles.d.ts +0 -27
  237. package/experimental/breadcrumbs/styles.js +0 -20
  238. package/experimental/button/button.spec.d.ts +0 -1
  239. package/experimental/button/button.stories.d.ts +0 -3
  240. package/experimental/button/styles.d.ts +0 -2
  241. package/experimental/card/card.spec.d.ts +0 -1
  242. package/experimental/card/card.stories.d.ts +0 -6
  243. package/experimental/card/index.d.ts +0 -35
  244. package/experimental/card/index.js +0 -50
  245. package/experimental/card/styles.d.ts +0 -30
  246. package/experimental/card/styles.js +0 -20
  247. package/experimental/dialog/dialog.stories.d.ts +0 -5
  248. package/experimental/fab/fab-wrapper.d.ts +0 -11
  249. package/experimental/fab/fab-wrapper.js +0 -28
  250. package/experimental/fab/fab.stories.d.ts +0 -3
  251. package/experimental/fab/index.d.ts +0 -2
  252. package/experimental/fab/index.js +0 -20
  253. package/experimental/fab/styles.d.ts +0 -2
  254. package/experimental/index.d.ts +0 -13
  255. package/experimental/index.js +0 -130
  256. package/experimental/loading/loading.stories.d.ts +0 -5
  257. package/experimental/loading/styles.d.ts +0 -2
  258. package/experimental/nothing-found/nothing-found.stories.d.ts +0 -7
  259. package/experimental/nothing-found/styles.d.ts +0 -26
  260. package/experimental/panel/panel.stories.d.ts +0 -5
  261. package/experimental/panel/styles.d.ts +0 -28
  262. package/experimental/panel/styles.js +0 -14
  263. package/experimental/sidebar/index.d.ts +0 -20
  264. package/experimental/sidebar/index.js +0 -128
  265. package/experimental/sidebar/sidebar.spec.d.ts +0 -1
  266. package/experimental/sidebar/sidebar.stories.d.ts +0 -4
  267. package/experimental/sidebar/styles.d.ts +0 -6
  268. package/experimental/sidebar/styles.js +0 -20
  269. package/experimental/visibility-icon/index.d.ts +0 -8
  270. package/experimental/visibility-icon/styles.d.ts +0 -2
  271. package/experimental/visibility-icon/visibility-icon.spec.d.ts +0 -1
  272. package/experimental/visibility-icon/visibility-icon.stories.d.ts +0 -3
  273. package/icons/index.d.ts +0 -1
  274. package/icons/index.js +0 -16
  275. package/lib/images.d.ts +0 -1
  276. package/lib/images.js +0 -9
  277. package/lib/localization.d.ts +0 -31
  278. package/lib/localization.js +0 -42
  279. package/test/mocks/editable-table-date-mock.d.ts +0 -11
  280. package/test/mocks/editable-table-date-mock.js +0 -14
  281. package/test/mocks/editable-table-mock.d.ts +0 -17
  282. package/test/mocks/editable-table-mock.js +0 -22
  283. /package/{experimental → core/data-display}/actions/actions.spec.d.ts +0 -0
  284. /package/{experimental/fab → core/data-display/fab-v2}/fab.spec.d.ts +0 -0
  285. /package/core/{context/theme-provider/theme-provider.spec.d.ts → data-display/password-visibility/password-visibility.spec.d.ts} +0 -0
  286. /package/{experimental/dialog → core/feedback/dialog-v2}/confirm-dialog.js +0 -0
  287. /package/{experimental/dialog → core/feedback/dialog-v2}/dialog.spec.d.ts +0 -0
  288. /package/{experimental → core/feedback}/loading/loading.spec.d.ts +0 -0
  289. /package/{experimental → core/feedback}/loading/styles.js +0 -0
  290. /package/{experimental → core/feedback}/nothing-found/nothing-found.spec.d.ts +0 -0
  291. /package/{experimental → core/feedback}/skeleton/index.d.ts +0 -0
  292. /package/{experimental → core/feedback}/skeleton/skeleton.spec.d.ts +0 -0
  293. /package/{experimental → core/feedback}/skeleton/skeleton.stories.d.ts +0 -0
  294. /package/core/{data-display/editable-table/editable-table-with-date.spec.d.ts → inputs/add-button/add-button.spec.d.ts} +0 -0
  295. /package/{experimental → core/inputs}/auto-complete-lab/autocomplete-lab.spec.d.ts +0 -0
  296. /package/{experimental → core/navigation}/breadcrumbs/breadcrumbs.spec.d.ts +0 -0
  297. /package/{experimental → core/navigation}/breadcrumbs/index.d.ts +0 -0
  298. /package/{experimental → core/surfaces}/panel/index.d.ts +0 -0
  299. /package/{experimental → core/surfaces}/panel/panel.spec.d.ts +0 -0
  300. /package/{core/context/theme-provider/index.d.ts → theme/ThemeProvider.d.ts} +0 -0
  301. /package/{core/context/theme-provider/index.js → theme/ThemeProvider.js} +0 -0
@@ -1,70 +0,0 @@
1
- import React from 'react';
2
- import type { MouseEvent } from 'react';
3
- import type { Column, Options } from 'material-table';
4
- export interface EditableTableProps<T extends object> {
5
- /**
6
- * The title of the table
7
- */
8
- title?: string;
9
- /**
10
- * The color of the add button
11
- */
12
- color?: 'primary' | 'inherit' | 'secondary' | 'disabled';
13
- /**
14
- * The columns of the table
15
- */
16
- columns?: Column<object>[];
17
- /**
18
- * The data of the table
19
- */
20
- data?: T[];
21
- /**
22
- * The options of the table
23
- */
24
- options?: Options<T>;
25
- /**
26
- * Show the pagination info
27
- */
28
- paginationInfo?: boolean;
29
- /**
30
- * If 'true', the rows wont expand
31
- */
32
- noRowsExpand?: boolean;
33
- /**
34
- * If 'true', the table will have no header
35
- */
36
- noHeader?: boolean;
37
- /**
38
- * List of suggestions for the autocomplete field
39
- */
40
- autoCompleteSuggestions?: TSuggestion[];
41
- /**
42
- * The field to be used as the autocomplete field
43
- */
44
- autoCompleteField?: string;
45
- /**
46
- * If 'true', the add button will be disabled
47
- */
48
- disableAddHeader?: boolean;
49
- /**
50
- * The error message to be displayed
51
- */
52
- errors?: string[];
53
- /**
54
- * The input value
55
- */
56
- value?: string;
57
- onRowClick?: (event?: MouseEvent, rowData?: T) => void;
58
- onUpdateRow?: (newData: object, oldData?: object) => Promise<void>;
59
- onDeleteRow?: (newData: object, oldData?: object) => Promise<void>;
60
- onAddRow?: (oldData: object) => Promise<void>;
61
- onRowAddCancelled?: (newData: object) => Promise<void>;
62
- onRowUpdateCancelled?: (newData: object) => Promise<void>;
63
- onClickAdd?(): void;
64
- }
65
- export type TSuggestion = {
66
- label: string;
67
- value: string;
68
- };
69
- declare const EditableTable: <T extends object>(props: EditableTableProps<T>) => React.JSX.Element;
70
- export default EditableTable;
@@ -1,274 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
12
- var _react = _interopRequireWildcard(require("react"));
13
- var _ptBR = _interopRequireDefault(require("date-fns/locale/pt-BR"));
14
- var _materialTable = _interopRequireWildcard(require("material-table"));
15
- var _omit = _interopRequireDefault(require("ramda/es/omit"));
16
- var _contains = _interopRequireDefault(require("ramda/es/contains"));
17
- var _propOr = _interopRequireDefault(require("ramda/es/propOr"));
18
- var _listItem = _interopRequireDefault(require("../list-item"));
19
- var _autoComplete = _interopRequireDefault(require("../../inputs/auto-complete"));
20
- var _button = _interopRequireDefault(require("../../inputs/button"));
21
- var _dateTime = require("../../inputs/date-time");
22
- var _maskField = _interopRequireDefault(require("../../inputs/mask-field"));
23
- var _textField = require("../../inputs/text-field");
24
- var _localization = require("../../../lib/localization");
25
- var _styles = require("./styles");
26
- var _icons = require("../../../icons");
27
- 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); }
28
- 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; }
29
- 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; }
30
- 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) { (0, _defineProperty2["default"])(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; } /* eslint-disable @typescript-eslint/no-explicit-any */
31
- var handlePagination = function handlePagination(paginationInfo, noRowsExpand, title) {
32
- var pagination = !paginationInfo ? {
33
- Pagination: function Pagination() {
34
- return null;
35
- }
36
- } : noRowsExpand && {
37
- Pagination: function Pagination(item) {
38
- return /*#__PURE__*/_react["default"].createElement(_styles.RightPagination, {
39
- "data-id": "pagination"
40
- }, /*#__PURE__*/_react["default"].createElement(_materialTable.MTablePagination, (0, _extends2["default"])({}, (0, _omit["default"])(['classes'], item), {
41
- localization: (0, _localization.getLocalization)(title).pagination
42
- })));
43
- }
44
- };
45
- return pagination;
46
- };
47
- var EditableTable = function EditableTable(props) {
48
- var _props$data;
49
- var addButtonColor = props.color !== 'disabled' && props.color || 'primary';
50
- var valueRef = (0, _react.useRef)();
51
- var getErrors = function getErrors(field) {
52
- return (0, _contains["default"])(field, props.errors || []);
53
- };
54
- var renderMaskField = function renderMaskField(item, error) {
55
- var _item$value;
56
- return /*#__PURE__*/_react["default"].createElement(_styles.Wrapper, null, /*#__PURE__*/_react["default"].createElement(_maskField["default"], (0, _extends2["default"])({}, item, {
57
- fixedDecimalScale: true,
58
- error: props.errors ? error : item.error,
59
- type: "text",
60
- thousandSeparator: ".",
61
- decimalSeparator: ",",
62
- decimalScale: 0
63
- // This approach was necessary to fix the problem with the
64
- // state values of the inputs
65
- ,
66
- value: error ? valueRef.current : (_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : valueRef.current,
67
- name: item.columnDef.field + '-input',
68
- onChange: function onChange(event) {
69
- item.onChange(event.target.value);
70
- valueRef.current = event.target.value;
71
- }
72
- })));
73
- };
74
- var renderAddComponent = /*#__PURE__*/_react["default"].createElement(_styles.AddRowButton, {
75
- "data-id": "add-row"
76
- }, /*#__PURE__*/_react["default"].createElement(_icons.NoteAdd, null), /*#__PURE__*/_react["default"].createElement(_styles.AddRowText, null, " Adicionar ", props.title, " "));
77
- var toolbar = props.noHeader && {
78
- Toolbar: function Toolbar() {
79
- return null;
80
- }
81
- };
82
- var renderAutoComplete = function renderAutoComplete(inputProps) {
83
- return /*#__PURE__*/_react["default"].createElement(_autoComplete["default"], {
84
- openOnFocus: true,
85
- selectTextOnFocus: true,
86
- "data-testid": "autocomplete-container",
87
- value: inputProps.value,
88
- suggestions: (0, _propOr["default"])([], 'autoCompleteSuggestions', props),
89
- renderSuggestion: function renderSuggestion(item, props, selected) {
90
- return /*#__PURE__*/_react["default"].createElement(_listItem["default"], (0, _extends2["default"])({
91
- key: item.value,
92
- selected: selected
93
- }, props), item.label);
94
- },
95
- renderInput: function renderInput(itemProps) {
96
- return /*#__PURE__*/_react["default"].createElement(_textField.TextField, (0, _extends2["default"])({
97
- fullWidth: true,
98
- error: getErrors(inputProps.columnDef.field),
99
- name: inputProps.columnDef.field + '-input'
100
- }, itemProps));
101
- },
102
- actions: props.onClickAdd && /*#__PURE__*/_react["default"].createElement(_styles.FullWidthButton, {
103
- color: addButtonColor,
104
- name: "dialog-add",
105
- "data-testid": "dialog-add",
106
- variant: "dashed",
107
- onClick: props.onClickAdd
108
- }, /*#__PURE__*/_react["default"].createElement(_icons.NoteAdd, null), "Adicionar"),
109
- onChange: inputProps.onChange
110
- });
111
- };
112
- return /*#__PURE__*/_react["default"].createElement(_styles.Container, null, /*#__PURE__*/_react["default"].createElement(_materialTable["default"], {
113
- components: _objectSpread(_objectSpread({
114
- EditRow: function EditRow(props) {
115
- return /*#__PURE__*/_react["default"].createElement(_styles.CustomRemove, props);
116
- },
117
- Row: function Row(props) {
118
- return /*#__PURE__*/_react["default"].createElement(_styles.CustomRows, props);
119
- },
120
- Toolbar: function Toolbar(props) {
121
- var _props$actions = (0, _slicedToArray2["default"])(props.actions, 1),
122
- actions = _props$actions[0];
123
- return /*#__PURE__*/_react["default"].createElement(_materialTable.MTableActions, (0, _extends2["default"])({}, props, {
124
- actions: [actions],
125
- components: {
126
- Action: props.components.Action
127
- }
128
- }));
129
- },
130
- Action: function Action(localProps) {
131
- var disabled = localProps.disabled,
132
- size = localProps.size,
133
- data = localProps.data;
134
- var isDisabled = !!disabled;
135
- var renderToolbarButton = function renderToolbarButton() {
136
- var ActionIcon = localProps.action.icon;
137
- return /*#__PURE__*/_react["default"].createElement(_button["default"], {
138
- fullWidth: true,
139
- disabled: props.disableAddHeader,
140
- variant: "dashed",
141
- color: localProps.color || 'primary',
142
- onClick: function onClick() {
143
- localProps.action.onClick();
144
- valueRef.current = '';
145
- }
146
- }, /*#__PURE__*/_react["default"].createElement(ActionIcon, null));
147
- };
148
- var renderActionButton = function renderActionButton() {
149
- return /*#__PURE__*/_react["default"].createElement(_materialTable.MTableAction, {
150
- disabled: isDisabled,
151
- size: size,
152
- data: data,
153
- action: localProps.action
154
- });
155
- };
156
- var isToolbar = localProps.action && 'position' in localProps.action && localProps.action.position === 'toolbar';
157
- if (isToolbar) {
158
- return renderToolbarButton();
159
- }
160
- return renderActionButton();
161
- },
162
- EditField: function EditField(localProps) {
163
- if (localProps.columnDef.type === 'datetime') {
164
- return /*#__PURE__*/_react["default"].createElement(_dateTime.DateTime, {
165
- error: props.errors ? getErrors(localProps.columnDef.field) : localProps.error,
166
- name: localProps.columnDef.field + '-input',
167
- type: localProps.columnDef.type,
168
- value: localProps.value,
169
- locale: _ptBR["default"],
170
- onChange: localProps.onChange
171
- });
172
- }
173
- if (localProps.columnDef.type === 'numeric') {
174
- var error = getErrors(localProps.columnDef.field);
175
- return renderMaskField(localProps, error);
176
- }
177
- if (localProps.columnDef.field === props.autoCompleteField && props.autoCompleteSuggestions) {
178
- return renderAutoComplete(localProps);
179
- }
180
- return /*#__PURE__*/_react["default"].createElement(_materialTable.MTableEditField, (0, _extends2["default"])({
181
- "data-testid": "mui-input",
182
- role: "".concat(localProps.columnDef.field, "-input"),
183
- name: localProps.columnDef.field + '-input'
184
- }, localProps));
185
- }
186
- }, handlePagination(props.paginationInfo, props.noRowsExpand, props.title)), toolbar),
187
- localization: (0, _localization.getLocalization)(props.title),
188
- icons: {
189
- Add: /*#__PURE__*/(0, _react.forwardRef)(function () {
190
- return renderAddComponent;
191
- }),
192
- Delete: /*#__PURE__*/(0, _react.forwardRef)(function () {
193
- return /*#__PURE__*/_react["default"].createElement(_icons.Delete, {
194
- name: "row-remove",
195
- color: props.color || 'primary'
196
- });
197
- }),
198
- Check: /*#__PURE__*/(0, _react.forwardRef)(function () {
199
- return /*#__PURE__*/_react["default"].createElement(_icons.Done, {
200
- name: "confirm-row-edit",
201
- color: props.color || 'primary'
202
- });
203
- }),
204
- Clear: /*#__PURE__*/(0, _react.forwardRef)(function () {
205
- return /*#__PURE__*/_react["default"].createElement(_icons.Clear, {
206
- name: "cancel-row-edit",
207
- color: props.color || 'primary'
208
- });
209
- }),
210
- Edit: /*#__PURE__*/(0, _react.forwardRef)(function () {
211
- return /*#__PURE__*/_react["default"].createElement(_icons.Edit, {
212
- name: "row-edit",
213
- color: props.color || 'primary'
214
- });
215
- }),
216
- FirstPage: /*#__PURE__*/(0, _react.forwardRef)(function () {
217
- return /*#__PURE__*/_react["default"].createElement(_icons.FirstPage, {
218
- color: props.color || 'primary'
219
- });
220
- }),
221
- PreviousPage: /*#__PURE__*/(0, _react.forwardRef)(function () {
222
- return /*#__PURE__*/_react["default"].createElement(_icons.ChevronLeft, {
223
- color: props.color || 'primary'
224
- });
225
- }),
226
- LastPage: /*#__PURE__*/(0, _react.forwardRef)(function () {
227
- return /*#__PURE__*/_react["default"].createElement(_icons.LastPage, {
228
- color: props.color || 'primary'
229
- });
230
- }),
231
- NextPage: /*#__PURE__*/(0, _react.forwardRef)(function () {
232
- return /*#__PURE__*/_react["default"].createElement(_icons.ChevronRight, {
233
- "data-testid": "next-page",
234
- color: props.color || 'primary'
235
- });
236
- })
237
- },
238
- style: {
239
- display: 'flex',
240
- border: '1px solid #CED4DE',
241
- boxShadow: 'none',
242
- height: props.noRowsExpand ? '270px' : undefined,
243
- justifyContent: 'space-between',
244
- flexDirection: 'column'
245
- },
246
- columns: props.columns || [],
247
- data: (_props$data = props.data) !== null && _props$data !== void 0 ? _props$data : [],
248
- options: _objectSpread({
249
- search: false,
250
- draggable: false,
251
- sorting: false,
252
- showTitle: false,
253
- addRowPosition: 'first',
254
- actionsColumnIndex: 4,
255
- toolbarButtonAlignment: 'left',
256
- padding: 'dense',
257
- rowStyle: {
258
- fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif'
259
- },
260
- headerStyle: {
261
- borderBottom: '2px #CED4DE solid'
262
- }
263
- }, props.options),
264
- editable: {
265
- onRowUpdate: props.onUpdateRow,
266
- onRowAdd: props.onAddRow,
267
- onRowDelete: props.onDeleteRow,
268
- onRowAddCancelled: props.onRowAddCancelled,
269
- onRowUpdateCancelled: props.onRowUpdateCancelled
270
- },
271
- onRowClick: props.onRowClick
272
- }));
273
- };
274
- var _default = exports["default"] = EditableTable;
@@ -1,35 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const DARK = "rgba(189,189,189,0)";
3
- export declare const GREY = "rgba(189,189,189,1)";
4
- export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
5
- export declare const AddRowButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
6
- export declare const AddRowText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<{
7
- align?: import("@material-ui/core").PropTypes.Alignment | undefined;
8
- children?: import("react").ReactNode;
9
- color?: "inherit" | "initial" | "primary" | "secondary" | "textPrimary" | "textSecondary" | "error" | undefined;
10
- display?: "initial" | "block" | "inline" | undefined;
11
- gutterBottom?: boolean | undefined;
12
- noWrap?: boolean | undefined;
13
- paragraph?: boolean | undefined;
14
- variant?: "inherit" | (import("@material-ui/core").TypographyVariant | "srOnly") | undefined;
15
- variantMapping?: Partial<Record<import("@material-ui/core").TypographyVariant | "srOnly", string>> | undefined;
16
- } & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").TypographyTypeMap<{}, "span">> & Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
17
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
18
- }, "ref" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("../../types").DefaultProps, never>> & Omit<({ children, margin, padding, style, variant, ...otherProps }: {
19
- align?: import("@material-ui/core").PropTypes.Alignment | undefined;
20
- children?: import("react").ReactNode;
21
- color?: "inherit" | "initial" | "primary" | "secondary" | "textPrimary" | "textSecondary" | "error" | undefined;
22
- display?: "initial" | "block" | "inline" | undefined;
23
- gutterBottom?: boolean | undefined;
24
- noWrap?: boolean | undefined;
25
- paragraph?: boolean | undefined;
26
- variant?: "inherit" | (import("@material-ui/core").TypographyVariant | "srOnly") | undefined;
27
- variantMapping?: Partial<Record<import("@material-ui/core").TypographyVariant | "srOnly", string>> | undefined;
28
- } & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").TypographyTypeMap<{}, "span">> & Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
29
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
30
- }, "ref" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("../../types").DefaultProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
31
- export declare const FullWidthButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("@/core/inputs/button").ButtonProps, never>> & Omit<({ children, margin, padding, style, variant, ...otherProps }: import("@/core/inputs/button").ButtonProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
32
- export declare const CustomRemove: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<any, never>> & Omit<(props: any) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
33
- export declare const CustomRows: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<any, never>> & Omit<(props: any) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
34
- export declare const RightPagination: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
35
- export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.Wrapper = exports.RightPagination = exports.GREY = exports.FullWidthButton = exports.DARK = exports.CustomRows = exports.CustomRemove = exports.Container = exports.AddRowText = exports.AddRowButton = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
- var _materialTable = require("material-table");
10
- var _styledComponents = _interopRequireDefault(require("styled-components"));
11
- var _typography = _interopRequireDefault(require("../typography"));
12
- var _button = _interopRequireDefault(require("../../inputs/button"));
13
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
14
- var DARK = exports.DARK = 'rgba(189,189,189,0)';
15
- var GREY = exports.GREY = 'rgba(189,189,189,1)';
16
- var Container = exports.Container = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n width: 100%;\n"])));
17
- var AddRowButton = exports.AddRowButton = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n"])));
18
- var AddRowText = exports.AddRowText = (0, _styledComponents["default"])(_typography["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n margin-left: 4px;\n font-weight: 500 !important;\n"])));
19
- var FullWidthButton = exports.FullWidthButton = (0, _styledComponents["default"])(_button["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n width: calc(100% - 24px);\n margin: 12px !important;\n"])));
20
- var CustomRemove = exports.CustomRemove = (0, _styledComponents["default"])(_materialTable.MTableEditRow)({
21
- '& h6': {
22
- fontSize: '0.85em'
23
- }
24
- });
25
- var CustomRows = exports.CustomRows = (0, _styledComponents["default"])(_materialTable.MTableBodyRow)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n transition: opacity 200ms ease;\n button {\n display: none;\n }\n &:hover {\n background: -moz-linear-gradient(left, ", " 0%, ", " 100%);\n background: -webkit-linear-gradient(left, ", " 0%, ", " 100%);\n background: linear-gradient(to right, ", " 0%, ", " 100%);\n }\n &:hover button {\n display: inline-block !important;\n }\n td {\n min-width: 64px;\n }\n"])), DARK, GREY, DARK, GREY, DARK, GREY);
26
- var RightPagination = exports.RightPagination = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n & > div {\n display: block;\n float: right;\n }\n"])));
27
- var Wrapper = exports.Wrapper = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n & > div {\n justify-content: flex-end;\n }\n"])));
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import type { DefaultProps } from '../../types';
3
- export interface NodeProps extends DefaultProps {
4
- name: string;
5
- }
6
- declare const Node: (props: NodeProps) => React.JSX.Element;
7
- export default Node;
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
- var _react = _interopRequireWildcard(require("react"));
12
- var _styles = require("./styles");
13
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
15
- var Node = function Node(props) {
16
- var _useState = (0, _react.useState)(false),
17
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
18
- open = _useState2[0],
19
- setOpen = _useState2[1];
20
- var id = props.id,
21
- name = props.name,
22
- children = props.children,
23
- _props$style = props.style,
24
- style = _props$style === void 0 ? {} : _props$style,
25
- className = props.className;
26
- var handleToggleOpen = function handleToggleOpen() {
27
- setOpen(!open);
28
- };
29
- var renderDropdownIcon = function renderDropdownIcon() {
30
- return open ? /*#__PURE__*/_react["default"].createElement(_styles.IconUp, null) : /*#__PURE__*/_react["default"].createElement(_styles.IconDown, null);
31
- };
32
- return /*#__PURE__*/_react["default"].createElement(_styles.List, (0, _extends2["default"])({}, props, {
33
- key: id || name,
34
- style: style,
35
- className: className
36
- }), /*#__PURE__*/_react["default"].createElement(_styles.ListItem, {
37
- inset: Boolean(children),
38
- onClick: handleToggleOpen
39
- }, children && renderDropdownIcon(), name), open && children);
40
- };
41
- var _default = exports["default"] = Node;
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").NodeProps>;
2
- export default _default;
3
- export declare const Default: any;
@@ -1,17 +0,0 @@
1
- /// <reference types="react" />
2
- interface IListItem {
3
- inset: boolean;
4
- }
5
- export declare const List: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>>;
6
- export declare const ListItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, IListItem>>;
7
- export declare const IconUp: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
8
- ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
9
- }, "className" | "style" | "classes" | "color" | "children" | "fontSize" | "shapeRendering" | "viewBox" | "htmlColor" | "inheritViewBox" | "sx" | "titleAccess">, never>> & Omit<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
10
- muiName: string;
11
- }, keyof import("react").Component<any, {}, any>>;
12
- export declare const IconDown: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
13
- ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
14
- }, "className" | "style" | "classes" | "color" | "children" | "fontSize" | "shapeRendering" | "viewBox" | "htmlColor" | "inheritViewBox" | "sx" | "titleAccess">, never>> & Omit<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
15
- muiName: string;
16
- }, keyof import("react").Component<any, {}, any>>;
17
- export {};
@@ -1,19 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.ListItem = exports.List = exports.IconUp = exports.IconDown = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
- var _styledComponents = _interopRequireDefault(require("styled-components"));
10
- var _icons = require("../../../icons");
11
- var _theme = require("../../../theme");
12
- var _templateObject, _templateObject2, _templateObject3, _templateObject4;
13
- var grays = _theme.theme.colors.grays;
14
- var List = exports.List = _styledComponents["default"].ul(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n width: 350px;\n"])));
15
- var ListItem = exports.ListItem = _styledComponents["default"].li(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n font-size: 16px;\n margin: 12px;\n background: #ffffff00;\n padding: 12px;\n padding-left: ", ";\n list-style: none;\n border-radius: 6px;\n border: 1px solid ", ";\n transition: all 500ms ease;\n cursor: pointer;\n align-items: center;\n display: flex;\n &:hover {\n background: ", ";\n border: 1px solid #009688;\n }\n"])), function (props) {
16
- return props.inset ? '12px' : '48px';
17
- }, grays.g5, grays.g7);
18
- var IconUp = exports.IconUp = (0, _styledComponents["default"])(_icons.KeyboardArrowUp)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n && {\n font-size: 24px;\n margin-right: 12px;\n }\n"])));
19
- var IconDown = exports.IconDown = (0, _styledComponents["default"])(_icons.KeyboardArrowDown)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n && {\n font-size: 24px;\n margin-right: 12px;\n }\n"])));
@@ -1,10 +0,0 @@
1
- export interface INode {
2
- id: string | number;
3
- name: string;
4
- nodes?: INode[];
5
- }
6
- export interface TreeProps {
7
- nodes?: INode[];
8
- }
9
- declare const Tree: ({ nodes, ...otherProps }: TreeProps) => JSX.Element;
10
- export default Tree;
@@ -1,40 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
- var _react = _interopRequireDefault(require("react"));
11
- var _omit = _interopRequireDefault(require("ramda/es/omit"));
12
- var _node = _interopRequireDefault(require("../node"));
13
- var _excluded = ["nodes"];
14
- var Tree = function Tree(_ref) {
15
- var _ref$nodes = _ref.nodes,
16
- nodes = _ref$nodes === void 0 ? [] : _ref$nodes,
17
- otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
18
- var renderNode = function renderNode(node, index) {
19
- var root = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
20
- var id = node.id,
21
- name = node.name,
22
- nodes = node.nodes;
23
- return /*#__PURE__*/_react["default"].createElement(_node["default"], {
24
- id: index,
25
- name: name,
26
- key: id || index,
27
- style: root ? {
28
- padding: 0
29
- } : {}
30
- }, nodes === null || nodes === void 0 ? void 0 : nodes.map(function (node) {
31
- return renderNode((0, _omit["default"])(['array'], node), index.toString());
32
- }));
33
- };
34
- return /*#__PURE__*/_react["default"].createElement(_node["default"], (0, _extends2["default"])({}, otherProps, {
35
- name: "root"
36
- }), nodes.map(function (node, index) {
37
- return renderNode(node, index.toString(), true);
38
- }));
39
- };
40
- var _default = exports["default"] = Tree;
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").TreeProps>;
2
- export default _default;
3
- export declare const Default: any;
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import type { ReactElement } from 'react';
3
- import type { DefaultProps } from '../../types';
4
- export interface ZoomProps extends DefaultProps {
5
- in: boolean;
6
- timeout?: number | {
7
- enter?: number;
8
- exit?: number;
9
- };
10
- children?: ReactElement<Record<string, unknown>>;
11
- }
12
- export declare const Zoom: ({ children, padding, margin, style, ...otherProps }: ZoomProps) => React.JSX.Element;
13
- export default Zoom;
@@ -1 +0,0 @@
1
- export {};
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").ZoomProps>;
3
- export default _default;
4
- export declare const Default: () => React.JSX.Element;
@@ -1 +0,0 @@
1
- export {};