flipper-ui 0.31.7 → 0.33.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 +24 -23
  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
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports["default"] = void 0;
9
- var _Check2 = _interopRequireDefault(require("@mui/icons-material/Check"));
10
- var _Cancel2 = _interopRequireDefault(require("@mui/icons-material/Cancel"));
11
9
  var _Save2 = _interopRequireDefault(require("@mui/icons-material/Save"));
12
10
  var _VisibilityOff2 = _interopRequireDefault(require("@mui/icons-material/VisibilityOff"));
13
11
  var _Delete2 = _interopRequireDefault(require("@mui/icons-material/Delete"));
@@ -16,6 +14,8 @@ var _Visibility2 = _interopRequireDefault(require("@mui/icons-material/Visibilit
16
14
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
17
15
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
18
16
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
17
+ var _Cancel2 = _interopRequireDefault(require("@mui/icons-material/Cancel"));
18
+ var _Check2 = _interopRequireDefault(require("@mui/icons-material/Check"));
19
19
  var _react = _interopRequireWildcard(require("react"));
20
20
  var _uuid = require("uuid");
21
21
  var _dataTable = require("../../core/data-display/data-table");
@@ -26,7 +26,37 @@ var _button = _interopRequireDefault(require("../../core/inputs/button"));
26
26
  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); }
27
27
  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; }
28
28
  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; }
29
- 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/ban-ts-comment */
29
+ 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; }
30
+ var rows = function rows(data, setData, controllerRef) {
31
+ return /*#__PURE__*/_react["default"].createElement("td", {
32
+ colSpan: 5
33
+ }, /*#__PURE__*/_react["default"].createElement("div", {
34
+ style: {
35
+ display: 'flex',
36
+ padding: '16px',
37
+ justifyContent: 'space-between'
38
+ }
39
+ }, /*#__PURE__*/_react["default"].createElement(_typography["default"], null, "Confirm Delete \"", data.name, "\"?"), /*#__PURE__*/_react["default"].createElement("div", {
40
+ style: {
41
+ display: 'flex'
42
+ }
43
+ }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
44
+ label: "CheckIcon",
45
+ onClick: function onClick() {
46
+ controllerRef.current.popRowView(data.id);
47
+ setData(function (dataList) {
48
+ return dataList.filter(function (item) {
49
+ return item.id !== data.id;
50
+ });
51
+ });
52
+ }
53
+ }, /*#__PURE__*/_react["default"].createElement(_Check2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
54
+ label: "CancelIcon",
55
+ onClick: function onClick() {
56
+ controllerRef.current.popRowView(data.id);
57
+ }
58
+ }, /*#__PURE__*/_react["default"].createElement(_Cancel2["default"], null)))));
59
+ };
30
60
  var Default = function Default() {
31
61
  var controllerRef = (0, _react.useRef)();
32
62
  var _useState = (0, _react.useState)({}),
@@ -103,7 +133,6 @@ var Default = function Default() {
103
133
  }].filter(function (_ref) {
104
134
  var field = _ref.field,
105
135
  isErrorIf = _ref.isErrorIf;
106
- // @ts-ignore
107
136
  var value = nextItem[field];
108
137
  if (isNullable(value)) {
109
138
  if (isPartial) {
@@ -255,36 +284,8 @@ var Default = function Default() {
255
284
  var rowViews = {
256
285
  confirmDelete: function confirmDelete(_ref6) {
257
286
  var data = _ref6.data;
258
- return /*#__PURE__*/_react["default"].createElement("td", {
259
- colSpan: 5
260
- }, /*#__PURE__*/_react["default"].createElement("div", {
261
- style: {
262
- display: 'flex',
263
- padding: '16px',
264
- justifyContent: 'space-between'
265
- }
266
- }, /*#__PURE__*/_react["default"].createElement(_typography["default"], null, "Confirm Delete \"", data.name, "\"?"), /*#__PURE__*/_react["default"].createElement("div", {
267
- style: {
268
- display: 'flex'
269
- }
270
- }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
271
- label: "CheckIcon",
272
- onClick: function onClick() {
273
- var _controllerRef$curren8;
274
- (_controllerRef$curren8 = controllerRef.current) === null || _controllerRef$curren8 === void 0 || _controllerRef$curren8.popRowView(data.id);
275
- setData(function (dataList) {
276
- return dataList.filter(function (item) {
277
- return item.id !== data.id;
278
- });
279
- });
280
- }
281
- }, /*#__PURE__*/_react["default"].createElement(_Check2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
282
- label: "CancelIcon",
283
- onClick: function onClick() {
284
- var _controllerRef$curren9;
285
- (_controllerRef$curren9 = controllerRef.current) === null || _controllerRef$curren9 === void 0 || _controllerRef$curren9.popRowView(data.id);
286
- }
287
- }, /*#__PURE__*/_react["default"].createElement(_Cancel2["default"], null)))));
287
+ // @ts-expect-error TODO: fix controller type
288
+ return rows(data, setData, controllerRef);
288
289
  }
289
290
  };
290
291
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports["default"] = void 0;
9
- var _Check2 = _interopRequireDefault(require("@mui/icons-material/Check"));
10
- var _Cancel2 = _interopRequireDefault(require("@mui/icons-material/Cancel"));
11
9
  var _Save2 = _interopRequireDefault(require("@mui/icons-material/Save"));
12
10
  var _Delete2 = _interopRequireDefault(require("@mui/icons-material/Delete"));
13
11
  var _Edit2 = _interopRequireDefault(require("@mui/icons-material/Edit"));
@@ -15,6 +13,8 @@ var _format2 = _interopRequireDefault(require("date-fns/format"));
15
13
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
16
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
17
15
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
16
+ var _Cancel2 = _interopRequireDefault(require("@mui/icons-material/Cancel"));
17
+ var _Check2 = _interopRequireDefault(require("@mui/icons-material/Check"));
18
18
  var _react = _interopRequireWildcard(require("react"));
19
19
  var _dataTable = require("../../core/data-display/data-table");
20
20
  var _dataTable2 = require("../../core/data-display/data-table/data-table");
@@ -24,7 +24,37 @@ var _button = _interopRequireDefault(require("../../core/inputs/button"));
24
24
  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); }
25
25
  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; }
26
26
  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; }
27
- 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/ban-ts-comment */
27
+ 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; }
28
+ var rows = function rows(data, setData, controllerRef) {
29
+ return /*#__PURE__*/_react["default"].createElement("td", {
30
+ colSpan: 5
31
+ }, /*#__PURE__*/_react["default"].createElement("div", {
32
+ style: {
33
+ display: 'flex',
34
+ padding: '16px',
35
+ justifyContent: 'space-between'
36
+ }
37
+ }, /*#__PURE__*/_react["default"].createElement(_typography["default"], null, "Confirm Delete \"", data.product, "\"?"), /*#__PURE__*/_react["default"].createElement("div", {
38
+ style: {
39
+ display: 'flex'
40
+ }
41
+ }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
42
+ label: "CheckIcon",
43
+ onClick: function onClick() {
44
+ controllerRef.current.popRowView(data.id);
45
+ setData(function (dataList) {
46
+ return dataList.filter(function (item) {
47
+ return item.id !== data.id;
48
+ });
49
+ });
50
+ }
51
+ }, /*#__PURE__*/_react["default"].createElement(_Check2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
52
+ label: "CancelIcon",
53
+ onClick: function onClick() {
54
+ controllerRef.current.popRowView(data.id);
55
+ }
56
+ }, /*#__PURE__*/_react["default"].createElement(_Cancel2["default"], null)))));
57
+ };
28
58
  var Default = function Default() {
29
59
  var date = function date() {
30
60
  return new Date();
@@ -144,7 +174,6 @@ var Default = function Default() {
144
174
  }].filter(function (_ref) {
145
175
  var field = _ref.field,
146
176
  isErrorIf = _ref.isErrorIf;
147
- // @ts-ignore
148
177
  var value = nextItem[field];
149
178
  if (isNullable(value)) {
150
179
  if (isPartial) {
@@ -153,7 +182,7 @@ var Default = function Default() {
153
182
  return true;
154
183
  }
155
184
  return isErrorIf.some(function (cond) {
156
- return cond;
185
+ return cond(value);
157
186
  });
158
187
  }).map(function (_ref2) {
159
188
  var field = _ref2.field;
@@ -268,36 +297,8 @@ var Default = function Default() {
268
297
  var rowViews = {
269
298
  confirmDelete: function confirmDelete(_ref4) {
270
299
  var data = _ref4.data;
271
- return /*#__PURE__*/_react["default"].createElement("td", {
272
- colSpan: 5
273
- }, /*#__PURE__*/_react["default"].createElement("div", {
274
- style: {
275
- display: 'flex',
276
- padding: '16px',
277
- justifyContent: 'space-between'
278
- }
279
- }, /*#__PURE__*/_react["default"].createElement(_typography["default"], null, "Confirm Delete \"", data.product, "\"?"), /*#__PURE__*/_react["default"].createElement("div", {
280
- style: {
281
- display: 'flex'
282
- }
283
- }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
284
- label: "CheckIcon",
285
- onClick: function onClick() {
286
- var _controllerRef$curren7;
287
- (_controllerRef$curren7 = controllerRef.current) === null || _controllerRef$curren7 === void 0 || _controllerRef$curren7.popRowView(data.id);
288
- setData(function (dataList) {
289
- return dataList.filter(function (item) {
290
- return item.id !== data.id;
291
- });
292
- });
293
- }
294
- }, /*#__PURE__*/_react["default"].createElement(_Check2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
295
- label: "CancelIcon",
296
- onClick: function onClick() {
297
- var _controllerRef$curren8;
298
- (_controllerRef$curren8 = controllerRef.current) === null || _controllerRef$curren8 === void 0 || _controllerRef$curren8.popRowView(data.id);
299
- }
300
- }, /*#__PURE__*/_react["default"].createElement(_Cancel2["default"], null)))));
300
+ // @ts-expect-error TODO: fix controller type
301
+ return rows(data, setData, controllerRef);
301
302
  }
302
303
  };
303
304
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
@@ -11,7 +11,7 @@ var _startOfDay2 = _interopRequireDefault(require("date-fns/startOfDay"));
11
11
  var _isValid2 = _interopRequireDefault(require("date-fns/isValid"));
12
12
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
13
  var _react = _interopRequireWildcard(require("react"));
14
- var _dateTime = require("../../core/inputs/date-time");
14
+ var _dateTime = _interopRequireDefault(require("../../core/inputs/date-time"));
15
15
  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); }
16
16
  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; }
17
17
  var Default = function Default(_ref) {
@@ -28,7 +28,7 @@ var Default = function Default(_ref) {
28
28
  setValue(value !== null && value !== void 0 ? value : '');
29
29
  }
30
30
  };
31
- return /*#__PURE__*/_react["default"].createElement(_dateTime.DateTime, (0, _extends2["default"])({
31
+ return /*#__PURE__*/_react["default"].createElement(_dateTime["default"], (0, _extends2["default"])({
32
32
  value: value,
33
33
  initialFocusedDate: (0, _startOfDay2["default"])(new Date()),
34
34
  onChange: handleChange
@@ -10,7 +10,7 @@ var _Button2 = _interopRequireDefault(require("@material-ui/core/Button"));
10
10
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
11
11
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
12
12
  var _react = _interopRequireWildcard(require("react"));
13
- var _pinInput = require("../../core/inputs/pin-input");
13
+ var _pinInput = _interopRequireDefault(require("../../core/inputs/pin-input"));
14
14
  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); }
15
15
  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; }
16
16
  var PIN_LENGTH = 6;
@@ -44,7 +44,7 @@ var Mock = function Mock(_ref) {
44
44
  }
45
45
  setIsValidating(false);
46
46
  };
47
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_pinInput.PinInput, {
47
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_pinInput["default"], {
48
48
  pin: pin,
49
49
  setPin: setPin,
50
50
  pinLength: PIN_LENGTH,
@@ -10,7 +10,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
10
10
  var _IconButton2 = _interopRequireDefault(require("@material-ui/core/IconButton"));
11
11
  var _Close2 = _interopRequireDefault(require("@mui/icons-material/Close"));
12
12
  var _react = _interopRequireWildcard(require("react"));
13
- var _ = require("../..");
13
+ var _snackbar = _interopRequireDefault(require("../../core/feedback/snackbar"));
14
+ var _button = _interopRequireDefault(require("../../core/inputs/button"));
14
15
  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); }
15
16
  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; }
16
17
  var Action = function Action(_ref) {
@@ -43,7 +44,7 @@ var Default = function Default(_ref2) {
43
44
  setOpen(!open);
44
45
  setBtnState(false);
45
46
  }
46
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.Button, {
47
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
47
48
  disabled: btnState,
48
49
  "data-testid": "snackbar-button",
49
50
  style: {
@@ -52,7 +53,7 @@ var Default = function Default(_ref2) {
52
53
  variant: "contained",
53
54
  color: "primary",
54
55
  onClick: handleClick
55
- }, "Open"), /*#__PURE__*/_react["default"].createElement(_.Snackbar, {
56
+ }, "Open"), /*#__PURE__*/_react["default"].createElement(_snackbar["default"], {
56
57
  message: snackProps === null || snackProps === void 0 ? void 0 : snackProps.message,
57
58
  autoHide: snackProps === null || snackProps === void 0 ? void 0 : snackProps.autoHide,
58
59
  action: withAction ? /*#__PURE__*/_react["default"].createElement(Action, {
@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
10
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var _listItem = _interopRequireDefault(require("../../core/data-display/list-item"));
13
- var _textField = require("../../core/inputs/text-field");
13
+ var _textField = _interopRequireDefault(require("../../core/inputs/text-field"));
14
14
  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); }
15
15
  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; }
16
16
  var LIST = [{
@@ -44,7 +44,7 @@ var Default = function Default(_ref) {
44
44
  var handleClear = function handleClear() {
45
45
  setValue('');
46
46
  };
47
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_textField.TextField, (0, _extends2["default"])({
47
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_textField["default"], (0, _extends2["default"])({
48
48
  value: value,
49
49
  characters: characters,
50
50
  onChange: handleChange,
@@ -9,7 +9,7 @@ exports["default"] = void 0;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
11
  var _react = _interopRequireWildcard(require("react"));
12
- var _textField = require("../../core/inputs/text-field");
12
+ var _textField = _interopRequireDefault(require("../../core/inputs/text-field"));
13
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
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
15
  var Default = function Default(_ref) {
@@ -26,7 +26,7 @@ var Default = function Default(_ref) {
26
26
  var handleClear = function handleClear() {
27
27
  setValue('');
28
28
  };
29
- return /*#__PURE__*/_react["default"].createElement(_textField.TextField, (0, _extends2["default"])({
29
+ return /*#__PURE__*/_react["default"].createElement(_textField["default"], (0, _extends2["default"])({
30
30
  value: value,
31
31
  onChange: handleChange,
32
32
  onClear: handleClear
package/test/util.js CHANGED
@@ -9,8 +9,6 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
9
9
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
10
10
  var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
11
11
  var _dom = require("@testing-library/dom");
12
- /* eslint-disable @typescript-eslint/no-explicit-any */
13
-
14
12
  function isElement(obj) {
15
13
  if ((0, _typeof2["default"])(obj) !== 'object') {
16
14
  return false;
package/theme/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export * from './theme';
2
2
  export * from './presets';
3
+ export { default as ThemeProviderFlipper } from './ThemeProvider';
package/theme/index.js CHANGED
@@ -1,11 +1,22 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
7
+ var _exportNames = {
8
+ ThemeProviderFlipper: true
9
+ };
10
+ Object.defineProperty(exports, "ThemeProviderFlipper", {
11
+ enumerable: true,
12
+ get: function get() {
13
+ return _ThemeProvider["default"];
14
+ }
15
+ });
6
16
  var _theme = require("./theme");
7
17
  Object.keys(_theme).forEach(function (key) {
8
18
  if (key === "default" || key === "__esModule") return;
19
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
9
20
  if (key in exports && exports[key] === _theme[key]) return;
10
21
  Object.defineProperty(exports, key, {
11
22
  enumerable: true,
@@ -17,6 +28,7 @@ Object.keys(_theme).forEach(function (key) {
17
28
  var _presets = require("./presets");
18
29
  Object.keys(_presets).forEach(function (key) {
19
30
  if (key === "default" || key === "__esModule") return;
31
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
20
32
  if (key in exports && exports[key] === _presets[key]) return;
21
33
  Object.defineProperty(exports, key, {
22
34
  enumerable: true,
@@ -24,4 +36,5 @@ Object.keys(_presets).forEach(function (key) {
24
36
  return _presets[key];
25
37
  }
26
38
  });
27
- });
39
+ });
40
+ var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
@@ -1,2 +0,0 @@
1
- import { StylesProvider } from '@material-ui/core/styles';
2
- export default StylesProvider;
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
- var _styles = require("@material-ui/core/styles");
8
- var _default = exports["default"] = _styles.StylesProvider;
@@ -1,4 +0,0 @@
1
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").EditableTableProps<object>>;
2
- export default _default;
3
- export declare const Default: any;
4
- export declare const WithAutocomplete: any;
@@ -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;