flipper-ui 0.31.7 → 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 (252) 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 +4 -4
  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/data-table/data-table-field.js +3 -3
  12. package/core/data-display/data-table/data-table.d.ts +3 -0
  13. package/core/data-display/data-table/data-table.js +22 -5
  14. package/core/data-display/data-table/data-table.stories.d.ts +2 -1
  15. package/core/data-display/data-table/index.d.ts +1 -1
  16. package/core/data-display/data-table/index.js +6 -6
  17. package/core/data-display/data-table/rows.js +6 -12
  18. package/core/data-display/data-table/styles.d.ts +1 -1
  19. package/core/data-display/data-table/use-paginated.js +7 -11
  20. package/core/data-display/data-table/use-rows-state.js +3 -5
  21. package/core/data-display/divider/divider.stories.d.ts +6 -6
  22. package/core/data-display/divider/index.d.ts +1 -1
  23. package/core/data-display/divider/index.js +2 -2
  24. package/core/data-display/fab-v2/fab.stories.d.ts +6 -0
  25. package/{experimental/fab/fab.d.ts → core/data-display/fab-v2/index.d.ts} +1 -1
  26. package/{experimental/fab/fab.js → core/data-display/fab-v2/index.js} +7 -6
  27. package/core/data-display/line/index.d.ts +1 -1
  28. package/core/data-display/line/index.js +2 -2
  29. package/core/data-display/line/line.stories.d.ts +6 -5
  30. package/core/data-display/list-item/index.d.ts +0 -1
  31. package/core/data-display/list-item/list-item.spec.d.ts +1 -1
  32. package/core/data-display/menu-item/index.d.ts +0 -1
  33. package/core/data-display/menu-item/styles.d.ts +1 -1
  34. package/core/data-display/password-visibility/index.d.ts +8 -0
  35. package/{experimental/visibility-icon → core/data-display/password-visibility}/index.js +3 -3
  36. package/core/data-display/password-visibility/password-visibility.stories.d.ts +6 -0
  37. package/core/data-display/password-visibility/styles.d.ts +2 -0
  38. package/{experimental/visibility-icon → core/data-display/password-visibility}/styles.js +2 -2
  39. package/core/data-display/table/table-cell.d.ts +1 -2
  40. package/core/data-display/table/table-head.d.ts +3 -9
  41. package/core/data-display/table/table-head.js +5 -25
  42. package/core/data-display/table/table.spec.d.ts +1 -1
  43. package/core/data-display/table/table.stories.d.ts +1 -1
  44. package/core/data-display/typography/typography.stories.d.ts +2 -2
  45. package/core/feedback/collapse/collapse.stories.d.ts +6 -6
  46. package/core/feedback/collapse/index.d.ts +1 -1
  47. package/core/feedback/collapse/index.js +2 -2
  48. package/core/feedback/dialog/dialog.stories.d.ts +6 -7
  49. package/core/feedback/dialog/index.d.ts +1 -1
  50. package/core/feedback/dialog/index.js +2 -2
  51. package/{experimental/dialog → core/feedback/dialog-v2}/confirm-dialog.d.ts +1 -1
  52. package/{experimental/dialog → core/feedback/dialog-v2}/dialog.d.ts +2 -1
  53. package/{experimental/dialog → core/feedback/dialog-v2}/dialog.js +7 -6
  54. package/core/feedback/dialog-v2/dialog.stories.d.ts +8 -0
  55. package/{experimental/dialog → core/feedback/dialog-v2}/index.d.ts +1 -1
  56. package/{experimental/dialog → core/feedback/dialog-v2}/index.js +1 -1
  57. package/{experimental/dialog → core/feedback/dialog-v2}/remove-dialog.d.ts +1 -1
  58. package/core/feedback/fade/fade.stories.d.ts +6 -4
  59. package/core/feedback/fade/index.d.ts +1 -1
  60. package/core/feedback/fade/index.js +2 -2
  61. package/{experimental → core/feedback}/loading/index.d.ts +1 -1
  62. package/{experimental → core/feedback}/loading/index.js +5 -4
  63. package/core/feedback/loading/loading.stories.d.ts +6 -0
  64. package/{experimental → core/feedback}/nothing-found/index.d.ts +1 -1
  65. package/{experimental → core/feedback}/nothing-found/index.js +2 -2
  66. package/core/feedback/nothing-found/nothing-found.stories.d.ts +6 -0
  67. package/core/feedback/nothing-found/styles.d.ts +26 -0
  68. package/{experimental → core/feedback}/nothing-found/styles.js +1 -1
  69. package/{experimental → core/feedback}/skeleton/index.js +1 -1
  70. package/core/feedback/validation-dialog/index.d.ts +3 -2
  71. package/core/feedback/validation-dialog/index.js +2 -2
  72. package/core/feedback/validation-dialog/styles.d.ts +4 -4
  73. package/core/feedback/validation-dialog/styles.js +2 -2
  74. package/core/inputs/add-button/add-button.stories.d.ts +6 -0
  75. package/{experimental/button → core/inputs/add-button}/index.d.ts +3 -1
  76. package/{experimental/button → core/inputs/add-button}/index.js +5 -3
  77. package/{experimental/button → core/inputs/add-button}/styles.js +1 -1
  78. package/core/inputs/auto-complete-lab/autocomplete-lab.stories.d.ts +4 -0
  79. package/core/inputs/auto-complete-lab/index.d.ts +3 -0
  80. package/core/{feedback/zoom → inputs/auto-complete-lab}/index.js +21 -18
  81. package/core/inputs/date-time/date-time.stories.d.ts +6 -5
  82. package/core/inputs/date-time/index.d.ts +1 -2
  83. package/core/inputs/date-time/index.js +2 -2
  84. package/core/inputs/mask-field/index.js +2 -2
  85. package/core/inputs/pin-input/index.d.ts +1 -1
  86. package/core/inputs/pin-input/index.js +5 -8
  87. package/core/inputs/pin-input/pin-input.stories.d.ts +6 -5
  88. package/core/inputs/text-field/index.d.ts +1 -1
  89. package/core/inputs/text-field/index.js +2 -2
  90. package/core/inputs/text-field/text-field.stories.d.ts +9 -10
  91. package/core/navigation/breadcrumbs/breadcrumbs.stories.d.ts +6 -0
  92. package/{experimental → core/navigation}/breadcrumbs/index.js +4 -4
  93. package/core/navigation/breadcrumbs/styles.d.ts +30 -0
  94. package/core/navigation/breadcrumbs/styles.js +17 -0
  95. package/core/navigation/drawer/drawer.stories.d.ts +6 -4
  96. package/core/navigation/drawer/index.d.ts +1 -1
  97. package/core/navigation/drawer/index.js +2 -2
  98. package/core/surfaces/box/index.js +2 -2
  99. package/core/surfaces/card/card.spec.d.ts +1 -1
  100. package/core/surfaces/card/card.stories.d.ts +6 -4
  101. package/core/surfaces/card/index.d.ts +21 -13
  102. package/core/surfaces/card/index.js +58 -87
  103. package/core/surfaces/card/styles.d.ts +31 -0
  104. package/core/surfaces/card/styles.js +22 -0
  105. package/core/surfaces/panel/panel.stories.d.ts +6 -0
  106. package/core/surfaces/panel/styles.d.ts +28 -0
  107. package/core/surfaces/panel/styles.js +15 -0
  108. package/core/surfaces/paper/index.d.ts +1 -1
  109. package/core/surfaces/paper/index.js +2 -2
  110. package/core/surfaces/paper/paper.stories.d.ts +6 -8
  111. package/core/surfaces/step-card/styles.d.ts +7 -5
  112. package/core/surfaces/step-card/styles.js +1 -1
  113. package/index.d.ts +44 -50
  114. package/index.js +184 -140
  115. package/package.json +21 -21
  116. package/test/mocks/data-table-hidden-mock.js +35 -34
  117. package/test/mocks/data-table-mock.js +36 -35
  118. package/test/mocks/date-time-mock.js +2 -2
  119. package/test/mocks/pin-input-mock.js +2 -2
  120. package/test/mocks/snackbar-mock.js +4 -3
  121. package/test/mocks/text-field-mock.js +2 -2
  122. package/test/mocks/text-field-options-mock.js +2 -2
  123. package/test/util.js +0 -2
  124. package/theme/index.d.ts +1 -0
  125. package/theme/index.js +14 -1
  126. package/core/context/styles-provider/index.d.ts +0 -2
  127. package/core/context/styles-provider/index.js +0 -8
  128. package/core/data-display/editable-table/editable-table.spec.d.ts +0 -1
  129. package/core/data-display/editable-table/editable-table.stories.d.ts +0 -4
  130. package/core/data-display/editable-table/index.d.ts +0 -70
  131. package/core/data-display/editable-table/index.js +0 -282
  132. package/core/data-display/editable-table/styles.d.ts +0 -35
  133. package/core/data-display/editable-table/styles.js +0 -27
  134. package/core/data-display/node/index.d.ts +0 -7
  135. package/core/data-display/node/index.js +0 -41
  136. package/core/data-display/node/node.spec.d.ts +0 -1
  137. package/core/data-display/node/node.stories.d.ts +0 -3
  138. package/core/data-display/node/styles.d.ts +0 -17
  139. package/core/data-display/node/styles.js +0 -20
  140. package/core/data-display/tree/index.d.ts +0 -10
  141. package/core/data-display/tree/index.js +0 -40
  142. package/core/data-display/tree/tree.spec.d.ts +0 -1
  143. package/core/data-display/tree/tree.stories.d.ts +0 -3
  144. package/core/feedback/zoom/index.d.ts +0 -13
  145. package/core/feedback/zoom/zoom.spec.d.ts +0 -1
  146. package/core/feedback/zoom/zooms.stories.d.ts +0 -4
  147. package/core/inputs/auto-complete/auto-complete.spec.d.ts +0 -1
  148. package/core/inputs/auto-complete/auto-complete.stories.d.ts +0 -7
  149. package/core/inputs/auto-complete/index.d.ts +0 -43
  150. package/core/inputs/auto-complete/index.js +0 -185
  151. package/core/inputs/input-base/index.d.ts +0 -28
  152. package/core/inputs/input-base/index.js +0 -33
  153. package/core/inputs/input-base/input-base.spec.d.ts +0 -1
  154. package/core/inputs/input-base/input-base.stories.d.ts +0 -3
  155. package/core/navigation/breadcrumb/breadcrumb.spec.d.ts +0 -1
  156. package/core/navigation/breadcrumb/breadcrumb.stories.d.ts +0 -13
  157. package/core/navigation/breadcrumb/index.d.ts +0 -4
  158. package/core/navigation/breadcrumb/index.js +0 -13
  159. package/core/navigation/link/index.d.ts +0 -2
  160. package/core/navigation/link/index.js +0 -9
  161. package/core/navigation/pagination/index.d.ts +0 -11
  162. package/core/navigation/pagination/index.js +0 -63
  163. package/core/navigation/pagination/pagination.spec.d.ts +0 -1
  164. package/core/navigation/pagination/pagination.stories.d.ts +0 -3
  165. package/core/navigation/pagination/styles.d.ts +0 -2
  166. package/core/navigation/pagination/styles.js +0 -11
  167. package/core/surfaces/container/container.spec.d.ts +0 -1
  168. package/core/surfaces/container/container.stories.d.ts +0 -3
  169. package/core/surfaces/container/index.d.ts +0 -4
  170. package/core/surfaces/container/index.js +0 -28
  171. package/core/surfaces/content/content.spec.d.ts +0 -1
  172. package/core/surfaces/content/content.stories.d.ts +0 -3
  173. package/core/surfaces/content/index.d.ts +0 -4
  174. package/core/surfaces/content/index.js +0 -25
  175. package/core/surfaces/content/styles.d.ts +0 -3
  176. package/core/surfaces/content/styles.js +0 -15
  177. package/experimental/actions/actions.stories.d.ts +0 -3
  178. package/experimental/actions/index.js +0 -39
  179. package/experimental/auto-complete-lab/autocomplete-lab.stories.d.ts +0 -4
  180. package/experimental/auto-complete-lab/index.d.ts +0 -4
  181. package/experimental/auto-complete-lab/index.js +0 -80
  182. package/experimental/avatar/avatar.spec.d.ts +0 -1
  183. package/experimental/avatar/avatar.stories.d.ts +0 -5
  184. package/experimental/avatar/index.d.ts +0 -10
  185. package/experimental/avatar/index.js +0 -20
  186. package/experimental/breadcrumbs/breadcrumbs.stories.d.ts +0 -9
  187. package/experimental/breadcrumbs/styles.d.ts +0 -27
  188. package/experimental/breadcrumbs/styles.js +0 -20
  189. package/experimental/button/button.spec.d.ts +0 -1
  190. package/experimental/button/button.stories.d.ts +0 -3
  191. package/experimental/card/card.spec.d.ts +0 -1
  192. package/experimental/card/card.stories.d.ts +0 -6
  193. package/experimental/card/index.d.ts +0 -35
  194. package/experimental/card/index.js +0 -51
  195. package/experimental/card/styles.d.ts +0 -30
  196. package/experimental/card/styles.js +0 -20
  197. package/experimental/dialog/dialog.stories.d.ts +0 -5
  198. package/experimental/fab/fab-wrapper.d.ts +0 -11
  199. package/experimental/fab/fab-wrapper.js +0 -28
  200. package/experimental/fab/fab.stories.d.ts +0 -3
  201. package/experimental/fab/index.d.ts +0 -2
  202. package/experimental/fab/index.js +0 -20
  203. package/experimental/fab/styles.d.ts +0 -2
  204. package/experimental/index.d.ts +0 -13
  205. package/experimental/index.js +0 -130
  206. package/experimental/loading/loading.stories.d.ts +0 -5
  207. package/experimental/nothing-found/nothing-found.stories.d.ts +0 -7
  208. package/experimental/nothing-found/styles.d.ts +0 -26
  209. package/experimental/panel/panel.stories.d.ts +0 -5
  210. package/experimental/panel/styles.d.ts +0 -28
  211. package/experimental/panel/styles.js +0 -14
  212. package/experimental/sidebar/index.d.ts +0 -20
  213. package/experimental/sidebar/index.js +0 -128
  214. package/experimental/sidebar/sidebar.spec.d.ts +0 -1
  215. package/experimental/sidebar/sidebar.stories.d.ts +0 -4
  216. package/experimental/sidebar/styles.d.ts +0 -6
  217. package/experimental/sidebar/styles.js +0 -20
  218. package/experimental/visibility-icon/index.d.ts +0 -8
  219. package/experimental/visibility-icon/styles.d.ts +0 -2
  220. package/experimental/visibility-icon/visibility-icon.spec.d.ts +0 -1
  221. package/experimental/visibility-icon/visibility-icon.stories.d.ts +0 -3
  222. package/lib/images.d.ts +0 -1
  223. package/lib/images.js +0 -9
  224. package/lib/localization.d.ts +0 -31
  225. package/lib/localization.js +0 -42
  226. package/test/mocks/editable-table-date-mock.d.ts +0 -11
  227. package/test/mocks/editable-table-date-mock.js +0 -14
  228. package/test/mocks/editable-table-mock.d.ts +0 -17
  229. package/test/mocks/editable-table-mock.js +0 -22
  230. /package/{experimental → core/data-display}/actions/actions.spec.d.ts +0 -0
  231. /package/{experimental/fab → core/data-display/fab-v2}/fab.spec.d.ts +0 -0
  232. /package/core/{context/theme-provider/theme-provider.spec.d.ts → data-display/password-visibility/password-visibility.spec.d.ts} +0 -0
  233. /package/{experimental/dialog → core/feedback/dialog-v2}/confirm-dialog.js +0 -0
  234. /package/{experimental/dialog → core/feedback/dialog-v2}/dialog.spec.d.ts +0 -0
  235. /package/{experimental/dialog → core/feedback/dialog-v2}/remove-dialog.js +0 -0
  236. /package/{experimental → core/feedback}/loading/loading.spec.d.ts +0 -0
  237. /package/{experimental → core/feedback}/loading/styles.d.ts +0 -0
  238. /package/{experimental → core/feedback}/loading/styles.js +0 -0
  239. /package/{experimental → core/feedback}/nothing-found/nothing-found.spec.d.ts +0 -0
  240. /package/{experimental → core/feedback}/skeleton/index.d.ts +0 -0
  241. /package/{experimental → core/feedback}/skeleton/skeleton.spec.d.ts +0 -0
  242. /package/{experimental → core/feedback}/skeleton/skeleton.stories.d.ts +0 -0
  243. /package/core/{data-display/editable-table/editable-table-with-date.spec.d.ts → inputs/add-button/add-button.spec.d.ts} +0 -0
  244. /package/{experimental/button → core/inputs/add-button}/styles.d.ts +0 -0
  245. /package/{experimental → core/inputs}/auto-complete-lab/autocomplete-lab.spec.d.ts +0 -0
  246. /package/{experimental → core/navigation}/breadcrumbs/breadcrumbs.spec.d.ts +0 -0
  247. /package/{experimental → core/navigation}/breadcrumbs/index.d.ts +0 -0
  248. /package/{experimental → core/surfaces}/panel/index.d.ts +0 -0
  249. /package/{experimental → core/surfaces}/panel/index.js +0 -0
  250. /package/{experimental → core/surfaces}/panel/panel.spec.d.ts +0 -0
  251. /package/{core/context/theme-provider/index.d.ts → theme/ThemeProvider.d.ts} +0 -0
  252. /package/{core/context/theme-provider/index.js → theme/ThemeProvider.js} +0 -0
@@ -1,282 +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 _ChevronRight2 = _interopRequireDefault(require("@mui/icons-material/ChevronRight"));
10
- var _LastPage2 = _interopRequireDefault(require("@mui/icons-material/LastPage"));
11
- var _ChevronLeft2 = _interopRequireDefault(require("@mui/icons-material/ChevronLeft"));
12
- var _FirstPage2 = _interopRequireDefault(require("@mui/icons-material/FirstPage"));
13
- var _Edit2 = _interopRequireDefault(require("@mui/icons-material/Edit"));
14
- var _Clear2 = _interopRequireDefault(require("@mui/icons-material/Clear"));
15
- var _Done2 = _interopRequireDefault(require("@mui/icons-material/Done"));
16
- var _Delete2 = _interopRequireDefault(require("@mui/icons-material/Delete"));
17
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
18
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
19
- var _propOr2 = _interopRequireDefault(require("ramda/es/propOr"));
20
- var _NoteAdd2 = _interopRequireDefault(require("@mui/icons-material/NoteAdd"));
21
- var _contains2 = _interopRequireDefault(require("ramda/es/contains"));
22
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
23
- var _omit2 = _interopRequireDefault(require("ramda/es/omit"));
24
- var _react = _interopRequireWildcard(require("react"));
25
- var _ptBR = _interopRequireDefault(require("date-fns/locale/pt-BR"));
26
- var _materialTable = _interopRequireWildcard(require("material-table"));
27
- var _listItem = _interopRequireDefault(require("../list-item"));
28
- var _autoComplete = _interopRequireDefault(require("../../inputs/auto-complete"));
29
- var _button = _interopRequireDefault(require("../../inputs/button"));
30
- var _dateTime = require("../../inputs/date-time");
31
- var _maskField = _interopRequireDefault(require("../../inputs/mask-field"));
32
- var _textField = require("../../inputs/text-field");
33
- var _localization = require("../../../lib/localization");
34
- var _styles = require("./styles");
35
- 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); }
36
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
37
- 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; }
38
- 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 */
39
- var handlePagination = function handlePagination(paginationInfo, noRowsExpand, title) {
40
- var pagination = !paginationInfo ? {
41
- Pagination: function Pagination() {
42
- return null;
43
- }
44
- } : noRowsExpand && {
45
- Pagination: function Pagination(item) {
46
- return /*#__PURE__*/_react["default"].createElement(_styles.RightPagination, {
47
- "data-id": "pagination"
48
- }, /*#__PURE__*/_react["default"].createElement(_materialTable.MTablePagination, (0, _extends2["default"])({}, (0, _omit2["default"])(['classes'], item), {
49
- localization: (0, _localization.getLocalization)(title).pagination
50
- })));
51
- }
52
- };
53
- return pagination;
54
- };
55
- var EditableTable = function EditableTable(props) {
56
- var _props$data;
57
- var addButtonColor = props.color !== 'disabled' && props.color || 'primary';
58
- var valueRef = (0, _react.useRef)();
59
- var getErrors = function getErrors(field) {
60
- return (0, _contains2["default"])(field, props.errors || []);
61
- };
62
- var renderMaskField = function renderMaskField(item, error) {
63
- var _item$value;
64
- return /*#__PURE__*/_react["default"].createElement(_styles.Wrapper, null, /*#__PURE__*/_react["default"].createElement(_maskField["default"], (0, _extends2["default"])({}, item, {
65
- fixedDecimalScale: true,
66
- error: props.errors ? error : item.error,
67
- type: "text",
68
- thousandSeparator: ".",
69
- decimalSeparator: ",",
70
- decimalScale: 0
71
- // This approach was necessary to fix the problem with the
72
- // state values of the inputs
73
- ,
74
- value: error ? valueRef.current : (_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : valueRef.current,
75
- name: item.columnDef.field + '-input',
76
- onChange: function onChange(event) {
77
- item.onChange(event.target.value);
78
- valueRef.current = event.target.value;
79
- }
80
- })));
81
- };
82
- var renderAddComponent = /*#__PURE__*/_react["default"].createElement(_styles.AddRowButton, {
83
- "data-id": "add-row"
84
- }, /*#__PURE__*/_react["default"].createElement(_NoteAdd2["default"], null), /*#__PURE__*/_react["default"].createElement(_styles.AddRowText, null, " Adicionar ", props.title, " "));
85
- var toolbar = props.noHeader && {
86
- Toolbar: function Toolbar() {
87
- return null;
88
- }
89
- };
90
- var renderAutoComplete = function renderAutoComplete(inputProps) {
91
- return /*#__PURE__*/_react["default"].createElement(_autoComplete["default"], {
92
- openOnFocus: true,
93
- selectTextOnFocus: true,
94
- "data-testid": "autocomplete-container",
95
- value: inputProps.value,
96
- suggestions: (0, _propOr2["default"])([], 'autoCompleteSuggestions', props),
97
- renderSuggestion: function renderSuggestion(item, props, selected) {
98
- return /*#__PURE__*/_react["default"].createElement(_listItem["default"], (0, _extends2["default"])({
99
- key: item.value,
100
- selected: selected
101
- }, props), item.label);
102
- },
103
- renderInput: function renderInput(itemProps) {
104
- return /*#__PURE__*/_react["default"].createElement(_textField.TextField, (0, _extends2["default"])({
105
- fullWidth: true,
106
- error: getErrors(inputProps.columnDef.field),
107
- name: inputProps.columnDef.field + '-input'
108
- }, itemProps));
109
- },
110
- actions: props.onClickAdd && /*#__PURE__*/_react["default"].createElement(_styles.FullWidthButton, {
111
- color: addButtonColor,
112
- name: "dialog-add",
113
- "data-testid": "dialog-add",
114
- variant: "dashed",
115
- onClick: props.onClickAdd
116
- }, /*#__PURE__*/_react["default"].createElement(_NoteAdd2["default"], null), "Adicionar"),
117
- onChange: inputProps.onChange
118
- });
119
- };
120
- return /*#__PURE__*/_react["default"].createElement(_styles.Container, null, /*#__PURE__*/_react["default"].createElement(_materialTable["default"], {
121
- components: _objectSpread(_objectSpread({
122
- EditRow: function EditRow(props) {
123
- return /*#__PURE__*/_react["default"].createElement(_styles.CustomRemove, props);
124
- },
125
- Row: function Row(props) {
126
- return /*#__PURE__*/_react["default"].createElement(_styles.CustomRows, props);
127
- },
128
- Toolbar: function Toolbar(props) {
129
- var _props$actions = (0, _slicedToArray2["default"])(props.actions, 1),
130
- actions = _props$actions[0];
131
- return /*#__PURE__*/_react["default"].createElement(_materialTable.MTableActions, (0, _extends2["default"])({}, props, {
132
- actions: [actions],
133
- components: {
134
- Action: props.components.Action
135
- }
136
- }));
137
- },
138
- Action: function Action(localProps) {
139
- var disabled = localProps.disabled,
140
- size = localProps.size,
141
- data = localProps.data;
142
- var isDisabled = !!disabled;
143
- var renderToolbarButton = function renderToolbarButton() {
144
- var ActionIcon = localProps.action.icon;
145
- return /*#__PURE__*/_react["default"].createElement(_button["default"], {
146
- fullWidth: true,
147
- disabled: props.disableAddHeader,
148
- variant: "dashed",
149
- color: localProps.color || 'primary',
150
- onClick: function onClick() {
151
- localProps.action.onClick();
152
- valueRef.current = '';
153
- }
154
- }, /*#__PURE__*/_react["default"].createElement(ActionIcon, null));
155
- };
156
- var renderActionButton = function renderActionButton() {
157
- return /*#__PURE__*/_react["default"].createElement(_materialTable.MTableAction, {
158
- disabled: isDisabled,
159
- size: size,
160
- data: data,
161
- action: localProps.action
162
- });
163
- };
164
- var isToolbar = localProps.action && 'position' in localProps.action && localProps.action.position === 'toolbar';
165
- if (isToolbar) {
166
- return renderToolbarButton();
167
- }
168
- return renderActionButton();
169
- },
170
- EditField: function EditField(localProps) {
171
- if (localProps.columnDef.type === 'datetime') {
172
- return /*#__PURE__*/_react["default"].createElement(_dateTime.DateTime, {
173
- error: props.errors ? getErrors(localProps.columnDef.field) : localProps.error,
174
- name: localProps.columnDef.field + '-input',
175
- type: localProps.columnDef.type,
176
- value: localProps.value,
177
- locale: _ptBR["default"],
178
- onChange: localProps.onChange
179
- });
180
- }
181
- if (localProps.columnDef.type === 'numeric') {
182
- var error = getErrors(localProps.columnDef.field);
183
- return renderMaskField(localProps, error);
184
- }
185
- if (localProps.columnDef.field === props.autoCompleteField && props.autoCompleteSuggestions) {
186
- return renderAutoComplete(localProps);
187
- }
188
- return /*#__PURE__*/_react["default"].createElement(_materialTable.MTableEditField, (0, _extends2["default"])({
189
- "data-testid": "mui-input",
190
- role: "".concat(localProps.columnDef.field, "-input"),
191
- name: localProps.columnDef.field + '-input'
192
- }, localProps));
193
- }
194
- }, handlePagination(props.paginationInfo, props.noRowsExpand, props.title)), toolbar),
195
- localization: (0, _localization.getLocalization)(props.title),
196
- icons: {
197
- Add: /*#__PURE__*/(0, _react.forwardRef)(function () {
198
- return renderAddComponent;
199
- }),
200
- Delete: /*#__PURE__*/(0, _react.forwardRef)(function () {
201
- return /*#__PURE__*/_react["default"].createElement(_Delete2["default"], {
202
- name: "row-remove",
203
- color: props.color || 'primary'
204
- });
205
- }),
206
- Check: /*#__PURE__*/(0, _react.forwardRef)(function () {
207
- return /*#__PURE__*/_react["default"].createElement(_Done2["default"], {
208
- name: "confirm-row-edit",
209
- color: props.color || 'primary'
210
- });
211
- }),
212
- Clear: /*#__PURE__*/(0, _react.forwardRef)(function () {
213
- return /*#__PURE__*/_react["default"].createElement(_Clear2["default"], {
214
- name: "cancel-row-edit",
215
- color: props.color || 'primary'
216
- });
217
- }),
218
- Edit: /*#__PURE__*/(0, _react.forwardRef)(function () {
219
- return /*#__PURE__*/_react["default"].createElement(_Edit2["default"], {
220
- name: "row-edit",
221
- color: props.color || 'primary'
222
- });
223
- }),
224
- FirstPage: /*#__PURE__*/(0, _react.forwardRef)(function () {
225
- return /*#__PURE__*/_react["default"].createElement(_FirstPage2["default"], {
226
- color: props.color || 'primary'
227
- });
228
- }),
229
- PreviousPage: /*#__PURE__*/(0, _react.forwardRef)(function () {
230
- return /*#__PURE__*/_react["default"].createElement(_ChevronLeft2["default"], {
231
- color: props.color || 'primary'
232
- });
233
- }),
234
- LastPage: /*#__PURE__*/(0, _react.forwardRef)(function () {
235
- return /*#__PURE__*/_react["default"].createElement(_LastPage2["default"], {
236
- color: props.color || 'primary'
237
- });
238
- }),
239
- NextPage: /*#__PURE__*/(0, _react.forwardRef)(function () {
240
- return /*#__PURE__*/_react["default"].createElement(_ChevronRight2["default"], {
241
- "data-testid": "next-page",
242
- color: props.color || 'primary'
243
- });
244
- })
245
- },
246
- style: {
247
- display: 'flex',
248
- border: '1px solid #CED4DE',
249
- boxShadow: 'none',
250
- height: props.noRowsExpand ? '270px' : undefined,
251
- justifyContent: 'space-between',
252
- flexDirection: 'column'
253
- },
254
- columns: props.columns || [],
255
- data: (_props$data = props.data) !== null && _props$data !== void 0 ? _props$data : [],
256
- options: _objectSpread({
257
- search: false,
258
- draggable: false,
259
- sorting: false,
260
- showTitle: false,
261
- addRowPosition: 'first',
262
- actionsColumnIndex: 4,
263
- toolbarButtonAlignment: 'left',
264
- padding: 'dense',
265
- rowStyle: {
266
- fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif'
267
- },
268
- headerStyle: {
269
- borderBottom: '2px #CED4DE solid'
270
- }
271
- }, props.options),
272
- editable: {
273
- onRowUpdate: props.onUpdateRow,
274
- onRowAdd: props.onAddRow,
275
- onRowDelete: props.onDeleteRow,
276
- onRowAddCancelled: props.onRowAddCancelled,
277
- onRowUpdateCancelled: props.onRowUpdateCancelled
278
- },
279
- onRowClick: props.onRowClick
280
- }));
281
- };
282
- 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/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
5
- export declare const AddRowButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
- export declare const AddRowText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").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>> & string & 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/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@/core/inputs/button").ButtonProps, never>> & string & 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/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never>> & string & 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/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never>> & string & 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/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
35
- export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -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 && {}.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/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
6
- export declare const ListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, IListItem>> & string;
7
- export declare const IconUp: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").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>> & string & 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/dist/types").IStyledComponentBase<"web", import("styled-components").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>> & string & Omit<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
15
- muiName: string;
16
- }, keyof import("react").Component<any, {}, any>>;
17
- export {};
@@ -1,20 +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 _KeyboardArrowDown2 = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowDown"));
9
- var _KeyboardArrowUp2 = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowUp"));
10
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
- var _styledComponents = _interopRequireDefault(require("styled-components"));
12
- var _theme = require("../../../theme");
13
- var _templateObject, _templateObject2, _templateObject3, _templateObject4;
14
- var grays = _theme.theme.colors.grays;
15
- var List = exports.List = _styledComponents["default"].ul(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n width: 350px;\n"])));
16
- 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) {
17
- return props.inset ? '12px' : '48px';
18
- }, grays.g5, grays.g7);
19
- var IconUp = exports.IconUp = (0, _styledComponents["default"])(_KeyboardArrowUp2["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n && {\n font-size: 24px;\n margin-right: 12px;\n }\n"])));
20
- var IconDown = exports.IconDown = (0, _styledComponents["default"])(_KeyboardArrowDown2["default"])(_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 _omit2 = _interopRequireDefault(require("ramda/es/omit"));
10
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
- var _react = _interopRequireDefault(require("react"));
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, _omit2["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 {};
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").AutoCompleteProps>;
3
- export default _default;
4
- export declare const Default: () => React.JSX.Element;
5
- export declare const OpeningWhenFocused: () => React.JSX.Element;
6
- export declare const WithSubheader: () => React.JSX.Element;
7
- export declare const MockAtuoComplete: () => React.JSX.Element;
@@ -1,43 +0,0 @@
1
- import React from 'react';
2
- import type { ReactNode, ChangeEvent, KeyboardEvent, CSSProperties, Ref, FocusEvent, MouseEvent, ReactElement } from 'react';
3
- export interface AutoCompleteProps {
4
- autoFocus?: boolean;
5
- defaultIsOpen?: boolean;
6
- openOnFocus?: boolean;
7
- selectTextOnFocus?: boolean;
8
- caseSensitive?: boolean;
9
- fade?: boolean;
10
- focusDelay?: number;
11
- suggestions: ISelected[];
12
- value?: TSelected;
13
- defaultValue?: string;
14
- style?: CSSProperties;
15
- maxHeight?: number;
16
- actions?: ReactNode | JSX.Element;
17
- renderSuggestion: (suggestion: TSelected, itemProps: {
18
- onClick: (event?: MouseEvent) => void;
19
- }, selected: boolean) => ReactNode;
20
- onChange: (value: TSelected) => void;
21
- onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
22
- onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
23
- renderInput(props: IInputProps): ReactElement;
24
- }
25
- export interface IInputProps {
26
- value: string;
27
- inputProps: {
28
- ref: Ref<HTMLInputElement>;
29
- };
30
- onChange(event: ChangeEvent<HTMLInputElement>): void;
31
- onFocus(event: FocusEvent<HTMLInputElement>): void;
32
- onBlur(event: FocusEvent<HTMLInputElement>): void;
33
- onKeyDown(event: KeyboardEvent): void;
34
- }
35
- export interface ISelected {
36
- label: string;
37
- value?: string;
38
- type?: string;
39
- subheader?: boolean;
40
- }
41
- export type TSelected = ISelected | string;
42
- export declare const AutoComplete: (props: AutoCompleteProps) => React.JSX.Element;
43
- export default AutoComplete;