flipper-ui 0.33.0 → 0.34.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 (211) hide show
  1. package/README.md +1 -1
  2. package/core/data-display/actions/index.d.ts +3 -4
  3. package/core/data-display/actions/styles.d.ts +0 -1
  4. package/core/data-display/advertise/advertise.stories.d.ts +3 -1
  5. package/core/data-display/advertise/index.js +1 -1
  6. package/core/data-display/advertise/styles.d.ts +6 -27
  7. package/core/data-display/advertise/styles.js +2 -2
  8. package/core/data-display/avatar/index.js +1 -2
  9. package/core/data-display/badge/badge.stories.d.ts +6 -6
  10. package/core/data-display/badge/index.d.ts +7 -11
  11. package/core/data-display/badge/index.js +17 -15
  12. package/core/data-display/chapter/chapter.stories.d.ts +3 -1
  13. package/core/data-display/chapter/index.d.ts +1 -2
  14. package/core/data-display/chapter/index.js +3 -2
  15. package/core/data-display/chapter/styles.d.ts +1 -2
  16. package/core/data-display/chapter/styles.js +3 -3
  17. package/core/data-display/chip/chip.stories.d.ts +3 -1
  18. package/core/data-display/chip/index.d.ts +11 -2
  19. package/core/data-display/chip/index.js +12 -10
  20. package/core/data-display/data-table/data-table-action.js +1 -1
  21. package/core/data-display/data-table/data-table-field.js +21 -19
  22. package/core/data-display/data-table/data-table-pagination-actions.js +5 -5
  23. package/core/data-display/data-table/data-table-query-paginated.d.ts +1 -1
  24. package/core/data-display/data-table/data-table-query-paginated.js +9 -9
  25. package/core/data-display/data-table/data-table-query-paginated.stories.d.ts +3 -1
  26. package/core/data-display/data-table/data-table.d.ts +1 -1
  27. package/core/data-display/data-table/data-table.js +12 -14
  28. package/core/data-display/data-table/data-table.stories.d.ts +3 -1
  29. package/core/data-display/data-table/rows.js +2 -2
  30. package/core/data-display/data-table/styles.d.ts +2 -3
  31. package/core/data-display/data-table/use-paginated.d.ts +1 -1
  32. package/core/data-display/data-table/use-paginated.js +10 -7
  33. package/core/data-display/data-table/use-rows-state.d.ts +2 -2
  34. package/core/data-display/divider/index.d.ts +3 -3
  35. package/core/data-display/divider/index.js +2 -2
  36. package/core/data-display/fab/fab.stories.d.ts +3 -1
  37. package/core/data-display/fab/index.d.ts +3 -3
  38. package/core/data-display/fab/index.js +15 -2
  39. package/core/data-display/fab-v2/index.d.ts +2 -2
  40. package/core/data-display/list/index.d.ts +2 -2
  41. package/core/data-display/list/index.js +15 -21
  42. package/core/data-display/list/list.stories.d.ts +3 -1
  43. package/core/data-display/list-item/index.js +29 -30
  44. package/core/data-display/menu-item/index.d.ts +2 -5
  45. package/core/data-display/menu-item/index.js +3 -2
  46. package/core/data-display/password-visibility/styles.d.ts +1 -2
  47. package/core/data-display/table/index.d.ts +4 -4
  48. package/core/data-display/table/index.js +1 -1
  49. package/core/data-display/table/table-body.js +1 -1
  50. package/core/data-display/table/table-cell.d.ts +4 -4
  51. package/core/data-display/table/table-cell.js +2 -2
  52. package/core/data-display/table/table-head.js +1 -1
  53. package/core/data-display/table/table-row.d.ts +4 -4
  54. package/core/data-display/table/table-row.js +1 -1
  55. package/core/data-display/table/table.stories.d.ts +3 -8
  56. package/core/data-display/typography/index.d.ts +1 -1
  57. package/core/data-display/typography/index.js +1 -1
  58. package/core/data-display/typography/typography.stories.d.ts +3 -14
  59. package/core/feedback/collapse/index.d.ts +2 -2
  60. package/core/feedback/collapse/index.js +3 -3
  61. package/core/feedback/dialog/index.d.ts +4 -5
  62. package/core/feedback/dialog/index.js +24 -33
  63. package/core/feedback/dialog/styles.d.ts +0 -1
  64. package/core/feedback/dialog/styles.js +1 -1
  65. package/core/feedback/dialog-v2/dialog.d.ts +7 -4
  66. package/core/feedback/dialog-v2/dialog.js +9 -2
  67. package/core/feedback/fade/index.d.ts +3 -2
  68. package/core/feedback/fade/index.js +3 -3
  69. package/core/feedback/grow/grow.stories.d.ts +6 -4
  70. package/core/feedback/grow/index.d.ts +1 -1
  71. package/core/feedback/grow/index.js +3 -3
  72. package/core/feedback/loading/index.js +11 -19
  73. package/core/feedback/loading/styles.d.ts +0 -1
  74. package/core/feedback/nothing-found/index.d.ts +1 -1
  75. package/core/feedback/nothing-found/styles.d.ts +3 -26
  76. package/core/feedback/nothing-found/styles.js +2 -2
  77. package/core/feedback/progress/index.d.ts +5 -5
  78. package/core/feedback/progress/index.js +6 -6
  79. package/core/feedback/progress/progress.stories.d.ts +3 -1
  80. package/core/feedback/skeleton/skeleton.stories.d.ts +3 -1
  81. package/core/feedback/snackbar/index.d.ts +1 -1
  82. package/core/feedback/snackbar/index.js +25 -35
  83. package/core/feedback/snackbar/snackbar.stories.d.ts +3 -1
  84. package/core/feedback/tooltip/index.js +2 -2
  85. package/core/feedback/tooltip/tooltip.stories.d.ts +3 -1
  86. package/core/feedback/validation-dialog/index.js +4 -4
  87. package/core/feedback/validation-dialog/styles.d.ts +6 -27
  88. package/core/inputs/add-button/index.d.ts +2 -2
  89. package/core/inputs/add-button/index.js +1 -1
  90. package/core/inputs/add-button/styles.d.ts +1 -2
  91. package/core/inputs/autocomplete/autocomplete.stories.d.ts +6 -0
  92. package/core/inputs/autocomplete/index.d.ts +3 -0
  93. package/core/inputs/autocomplete/index.js +15 -0
  94. package/core/inputs/button/button.stories.d.ts +3 -1
  95. package/core/inputs/button/index.d.ts +12 -10
  96. package/core/inputs/button/index.js +12 -6
  97. package/core/inputs/checkbox/checkbox.stories.d.ts +3 -1
  98. package/core/inputs/checkbox/index.d.ts +4 -4
  99. package/core/inputs/checkbox/index.js +12 -12
  100. package/core/inputs/checkbox/styles.d.ts +0 -1
  101. package/core/inputs/date-time/index.d.ts +10 -13
  102. package/core/inputs/date-time/index.js +272 -67
  103. package/core/inputs/date-time/styles.d.ts +1 -0
  104. package/core/inputs/date-time/styles.js +11 -0
  105. package/core/inputs/icon-button/icon-button.stories.d.ts +3 -1
  106. package/core/inputs/icon-button/index.d.ts +4 -3
  107. package/core/inputs/icon-button/index.js +4 -2
  108. package/core/inputs/input-adornment/index.d.ts +3 -3
  109. package/core/inputs/input-adornment/index.js +2 -2
  110. package/core/inputs/input-adornment/input-adornment.stories.d.ts +4 -1
  111. package/core/inputs/mask-field/index.d.ts +2 -2
  112. package/core/inputs/mask-field/mask-field.stories.d.ts +3 -1
  113. package/core/inputs/pin-input/index.js +20 -28
  114. package/core/inputs/pin-input/styles.d.ts +0 -1
  115. package/core/inputs/radio/index.d.ts +5 -5
  116. package/core/inputs/radio/index.js +7 -4
  117. package/core/inputs/radio/radio.stories.d.ts +4 -2
  118. package/core/inputs/radio-group/index.d.ts +3 -2
  119. package/core/inputs/radio-group/index.js +15 -11
  120. package/core/inputs/radio-group/radio-group.stories.d.ts +3 -1
  121. package/core/inputs/select/index.d.ts +4 -4
  122. package/core/inputs/select/index.js +15 -31
  123. package/core/inputs/select/select.spec.d.ts +1 -1
  124. package/core/inputs/select/select.stories.d.ts +3 -1
  125. package/core/inputs/slider/index.d.ts +4 -4
  126. package/core/inputs/slider/index.js +33 -3
  127. package/core/inputs/slider/slider.spec.d.ts +1 -1
  128. package/core/inputs/slider/slider.stories.d.ts +3 -1
  129. package/core/inputs/text-field/index.d.ts +9 -18
  130. package/core/inputs/text-field/index.js +34 -91
  131. package/core/inputs/text-field/styles.d.ts +0 -1
  132. package/core/navigation/breadcrumbs/index.js +2 -2
  133. package/core/navigation/breadcrumbs/styles.d.ts +6 -30
  134. package/core/navigation/breadcrumbs/styles.js +4 -6
  135. package/core/navigation/drawer/index.d.ts +3 -3
  136. package/core/navigation/drawer/index.js +10 -23
  137. package/core/navigation/menu/index.d.ts +7 -3
  138. package/core/navigation/menu/index.js +12 -3
  139. package/core/navigation/menu/menu.stories.d.ts +3 -1
  140. package/core/navigation/sidebar/index.d.ts +3 -3
  141. package/core/navigation/sidebar/index.js +24 -47
  142. package/core/navigation/sidebar/sidebar.stories.d.ts +6 -3
  143. package/core/navigation/sidebar/styles.d.ts +4 -1
  144. package/core/navigation/sidebar/styles.js +10 -3
  145. package/core/navigation/stepper/index.js +6 -6
  146. package/core/navigation/stepper/stepper.stories.d.ts +3 -1
  147. package/core/navigation/tab/index.d.ts +7 -4
  148. package/core/navigation/tab/index.js +10 -4
  149. package/core/navigation/tabs/index.d.ts +5 -14
  150. package/core/navigation/tabs/index.js +7 -8
  151. package/core/navigation/tabs/tabs.stories.d.ts +3 -1
  152. package/core/surfaces/box/box.stories.d.ts +3 -1
  153. package/core/surfaces/box/index.d.ts +1 -1
  154. package/core/surfaces/box/index.js +4 -4
  155. package/core/surfaces/card/index.d.ts +2 -2
  156. package/core/surfaces/card/index.js +8 -4
  157. package/core/surfaces/card/styles.d.ts +6 -29
  158. package/core/surfaces/card/styles.js +1 -7
  159. package/core/surfaces/expansion-panel/expansion-panel.stories.d.ts +3 -1
  160. package/core/surfaces/expansion-panel/index.d.ts +5 -5
  161. package/core/surfaces/expansion-panel/index.js +25 -20
  162. package/core/surfaces/expansion-panel/styles.d.ts +0 -1
  163. package/core/surfaces/header/header.stories.d.ts +3 -1
  164. package/core/surfaces/header/index.d.ts +5 -3
  165. package/core/surfaces/header/index.js +4 -4
  166. package/core/surfaces/panel/index.d.ts +3 -3
  167. package/core/surfaces/panel/index.js +13 -12
  168. package/core/surfaces/panel/styles.d.ts +6 -27
  169. package/core/surfaces/panel/styles.js +2 -2
  170. package/core/surfaces/paper/index.d.ts +3 -3
  171. package/core/surfaces/paper/index.js +2 -2
  172. package/core/surfaces/step-card/index.d.ts +4 -3
  173. package/core/surfaces/step-card/index.js +2 -2
  174. package/core/surfaces/step-card/step-card-details.js +3 -3
  175. package/core/surfaces/step-card/step-card-panel.js +14 -22
  176. package/core/surfaces/step-card/step-card-skeleton.js +17 -21
  177. package/core/surfaces/step-card/step-card.stories.d.ts +3 -1
  178. package/core/surfaces/step-card/styles.d.ts +1 -4
  179. package/core/surfaces/step-card/styles.js +3 -6
  180. package/index.d.ts +1 -3
  181. package/index.js +4 -20
  182. package/package.json +30 -38
  183. package/test/mocks/data-table-hidden-mock.js +2 -4
  184. package/test/mocks/data-table-mock.js +2 -4
  185. package/test/mocks/date-time-mock.d.ts +2 -3
  186. package/test/mocks/date-time-mock.js +1 -5
  187. package/test/mocks/pin-input-mock.js +1 -2
  188. package/test/mocks/select-mock.d.ts +2 -2
  189. package/test/mocks/select-mock.js +4 -4
  190. package/test/mocks/snackbar-mock.js +2 -2
  191. package/test/mocks/text-field-mock.d.ts +2 -2
  192. package/test/mocks/text-field-mock.js +2 -2
  193. package/test/mocks/text-field-options-mock.d.ts +2 -2
  194. package/theme/ThemeProvider.d.ts +1 -1
  195. package/theme/ThemeProvider.js +1 -1
  196. package/core/data-display/menu-item/styles.d.ts +0 -4
  197. package/core/data-display/menu-item/styles.js +0 -12
  198. package/core/feedback/slide/index.d.ts +0 -14
  199. package/core/feedback/slide/index.js +0 -32
  200. package/core/feedback/slide/slide.spec.d.ts +0 -1
  201. package/core/feedback/slide/slide.stories.d.ts +0 -3
  202. package/core/inputs/auto-complete-lab/autocomplete-lab.stories.d.ts +0 -4
  203. package/core/inputs/auto-complete-lab/index.d.ts +0 -3
  204. package/core/inputs/auto-complete-lab/index.js +0 -33
  205. package/core/inputs/chip-field/chip-field.spec.d.ts +0 -1
  206. package/core/inputs/chip-field/chip-field.stories.d.ts +0 -3
  207. package/core/inputs/chip-field/index.d.ts +0 -25
  208. package/core/inputs/chip-field/index.js +0 -26
  209. package/core/inputs/chip-field/styles.d.ts +0 -2
  210. package/core/inputs/chip-field/styles.js +0 -12
  211. /package/core/inputs/{auto-complete-lab/autocomplete-lab.spec.d.ts → autocomplete/autocomplete.spec.d.ts} +0 -0
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "flipper-ui",
3
- "version": "0.33.0",
4
- "description": "",
3
+ "version": "0.34.0",
4
+ "description": "React UI based on the @mui/material toolkit for the web",
5
5
  "main": "dist/index.js",
6
- "homepage": "https://flipper-ui.ngi.com.br/",
7
6
  "author": "NG",
8
7
  "license": "MIT",
8
+ "homepage": "https://flipper-ui.ngi.com.br/",
9
9
  "repository": {
10
10
  "type": "git",
11
11
  "url": "https://github.com/nginformatica/flipper-ui.git"
@@ -33,46 +33,43 @@
33
33
  "test": "jest --verbose --silent --passWithNoTests --noStackTrace --runInBand"
34
34
  },
35
35
  "dependencies": {
36
- "@date-io/date-fns": "1.3.6",
37
36
  "@emotion/react": "11.11.4",
38
37
  "@emotion/styled": "11.11.5",
39
- "@material-ui/core": "4.12.4",
40
- "@material-ui/lab": "4.0.0-alpha.61",
41
- "@material-ui/pickers": "3.3.11",
42
- "@mui/icons-material": "5.15.19",
43
- "@mui/material": "5.15.19",
38
+ "@mui/icons-material": "5.15.21",
39
+ "@mui/material": "5.15.21",
40
+ "@mui/styles": "5.15.21",
41
+ "@mui/x-date-pickers": "7.8.0",
44
42
  "date-fns": "2.30.0",
45
- "material-ui-chip-input": "2.0.0-beta.2",
46
43
  "ramda": "0.25.0",
47
44
  "react-loading-skeleton": "3.4.0",
48
45
  "react-number-format": "4.4.1",
49
46
  "sprintf-js": "1.1.3",
50
- "uuid": "9.0.1"
47
+ "uuid": "10.0.0"
51
48
  },
52
49
  "devDependencies": {
53
- "@babel/cli": "7.24.6",
54
- "@babel/core": "7.24.6",
55
- "@babel/plugin-transform-runtime": "7.24.6",
56
- "@babel/preset-env": "7.24.6",
57
- "@babel/preset-typescript": "7.24.6",
50
+ "@babel/cli": "7.24.7",
51
+ "@babel/core": "7.24.7",
52
+ "@babel/plugin-transform-runtime": "7.24.7",
53
+ "@babel/preset-env": "7.24.7",
54
+ "@babel/preset-typescript": "7.24.7",
58
55
  "@faker-js/faker": "8.4.1",
59
56
  "@storybook/addon-essentials": "7.6.17",
60
57
  "@storybook/addon-styling-webpack": "1.0.0",
61
58
  "@storybook/react": "7.6.17",
62
59
  "@storybook/react-webpack5": "7.6.17",
63
- "@stylistic/eslint-plugin": "1.5.4",
64
- "@testing-library/dom": "10.1.0",
65
- "@testing-library/jest-dom": "6.4.5",
66
- "@testing-library/react": "15.0.7",
60
+ "@stylistic/eslint-plugin": "2.3.0",
61
+ "@testing-library/dom": "10.3.0",
62
+ "@testing-library/jest-dom": "6.4.6",
63
+ "@testing-library/react": "16.0.0",
67
64
  "@testing-library/user-event": "14.5.2",
68
65
  "@types/jest": "29.5.12",
69
- "@types/node": "20.12.12",
66
+ "@types/node": "20.14.9",
70
67
  "@types/ramda": "0.25.36",
71
68
  "@types/react": "18.3.3",
72
69
  "@types/sprintf-js": "1.1.4",
73
- "@types/uuid": "9.0.8",
74
- "@typescript-eslint/eslint-plugin": "7.2.0",
75
- "@typescript-eslint/parser": "7.2.0",
70
+ "@types/uuid": "10.0.0",
71
+ "@typescript-eslint/eslint-plugin": "7.15.0",
72
+ "@typescript-eslint/parser": "7.15.0",
76
73
  "babel-loader": "9.1.3",
77
74
  "babel-plugin-import": "1.13.8",
78
75
  "babel-plugin-module-resolver": "5.0.2",
@@ -81,36 +78,31 @@
81
78
  "eslint-import-resolver-typescript": "3.6.1",
82
79
  "eslint-plugin-import": "2.29.1",
83
80
  "eslint-plugin-prettier": "5.1.3",
84
- "eslint-plugin-react": "7.34.2",
81
+ "eslint-plugin-react": "7.34.3",
85
82
  "eslint-plugin-react-hooks": "4.6.2",
86
83
  "fs-extra": "11.2.0",
87
84
  "identity-obj-proxy": "3.0.0",
88
85
  "jest": "29.7.0",
89
86
  "jest-environment-jsdom": "29.7.0",
90
- "prettier": "3.2.5",
87
+ "prettier": "3.3.2",
91
88
  "react": "18.3.1",
92
89
  "react-dom": "18.3.1",
93
- "react-router": "6.23.1",
94
- "react-router-dom": "6.23.1",
95
90
  "storybook": "7.6.17",
96
91
  "styled-components": "6.1.11",
97
- "ts-jest": "29.1.4",
92
+ "ts-jest": "29.1.5",
98
93
  "ts-loader": "9.5.1",
99
- "typescript": "5.4.5",
100
- "webpack": "5.91.0"
94
+ "typescript": "5.5.3",
95
+ "webpack": "5.92.1"
101
96
  },
102
97
  "peerDependencies": {
103
- "react": ">=17.0.0",
104
- "react-dom": ">=17.0.0",
105
- "react-router": ">=5.0.0",
106
- "react-router-dom": ">=5.0.0",
107
- "styled-components": ">=5.0.0"
98
+ "react": "^17.0.0 || ^18.0.0",
99
+ "react-dom": "^17.0.0 || ^18.0.0",
100
+ "styled-components": "^6.0.0"
108
101
  },
109
102
  "publishConfig": {
110
103
  "ignore": [
111
104
  "!dist/",
112
105
  "!/node_modules/"
113
106
  ]
114
- },
115
- "packageManager": "yarn@4.3.1"
107
+ }
116
108
  }
@@ -21,8 +21,6 @@ var _uuid = require("uuid");
21
21
  var _dataTable = require("../../core/data-display/data-table");
22
22
  var _dataTable2 = require("../../core/data-display/data-table/data-table");
23
23
  var _types = require("../../core/data-display/data-table/types");
24
- var _typography = _interopRequireDefault(require("../../core/data-display/typography"));
25
- var _button = _interopRequireDefault(require("../../core/inputs/button"));
26
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); }
27
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; }
28
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; }
@@ -36,7 +34,7 @@ var rows = function rows(data, setData, controllerRef) {
36
34
  padding: '16px',
37
35
  justifyContent: 'space-between'
38
36
  }
39
- }, /*#__PURE__*/_react["default"].createElement(_typography["default"], null, "Confirm Delete \"", data.name, "\"?"), /*#__PURE__*/_react["default"].createElement("div", {
37
+ }, /*#__PURE__*/_react["default"].createElement("div", null, "Confirm Delete \"", data.name, "\"?"), /*#__PURE__*/_react["default"].createElement("div", {
40
38
  style: {
41
39
  display: 'flex'
42
40
  }
@@ -288,7 +286,7 @@ var Default = function Default() {
288
286
  return rows(data, setData, controllerRef);
289
287
  }
290
288
  };
291
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
289
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
292
290
  onClick: handleAdd
293
291
  }, "Add Row"), /*#__PURE__*/_react["default"].createElement(_dataTable2.DataTable, {
294
292
  hidden: true,
@@ -19,8 +19,6 @@ 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");
21
21
  var _types = require("../../core/data-display/data-table/types");
22
- var _typography = _interopRequireDefault(require("../../core/data-display/typography"));
23
- var _button = _interopRequireDefault(require("../../core/inputs/button"));
24
22
  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
23
  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
24
  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; }
@@ -34,7 +32,7 @@ var rows = function rows(data, setData, controllerRef) {
34
32
  padding: '16px',
35
33
  justifyContent: 'space-between'
36
34
  }
37
- }, /*#__PURE__*/_react["default"].createElement(_typography["default"], null, "Confirm Delete \"", data.product, "\"?"), /*#__PURE__*/_react["default"].createElement("div", {
35
+ }, /*#__PURE__*/_react["default"].createElement("div", null, "Confirm Delete \"", data.product, "\"?"), /*#__PURE__*/_react["default"].createElement("div", {
38
36
  style: {
39
37
  display: 'flex'
40
38
  }
@@ -301,7 +299,7 @@ var Default = function Default() {
301
299
  return rows(data, setData, controllerRef);
302
300
  }
303
301
  };
304
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
302
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
305
303
  onClick: handleAdd
306
304
  }, "Add Row"), /*#__PURE__*/_react["default"].createElement(_dataTable2.DataTable, {
307
305
  data: data,
@@ -1,8 +1,7 @@
1
1
  import React from 'react';
2
- import type { DateTimeProps } from '@/core/inputs/date-time';
3
2
  interface IProps {
4
- initialValue?: string;
5
- dateProps?: Partial<DateTimeProps>;
3
+ initialValue?: Date;
4
+ dateProps?: object;
6
5
  }
7
6
  declare const Default: ({ dateProps, initialValue }: IProps) => React.JSX.Element;
8
7
  export default Default;
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports["default"] = void 0;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _startOfDay2 = _interopRequireDefault(require("date-fns/startOfDay"));
11
10
  var _isValid2 = _interopRequireDefault(require("date-fns/isValid"));
12
11
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
12
  var _react = _interopRequireWildcard(require("react"));
@@ -21,16 +20,13 @@ var Default = function Default(_ref) {
21
20
  _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
22
21
  value = _useState2[0],
23
22
  setValue = _useState2[1];
24
- var handleChange = function handleChange(date, value) {
23
+ var handleChange = function handleChange(date) {
25
24
  if ((0, _isValid2["default"])(date)) {
26
25
  setValue(date);
27
- } else {
28
- setValue(value !== null && value !== void 0 ? value : '');
29
26
  }
30
27
  };
31
28
  return /*#__PURE__*/_react["default"].createElement(_dateTime["default"], (0, _extends2["default"])({
32
29
  value: value,
33
- initialFocusedDate: (0, _startOfDay2["default"])(new Date()),
34
30
  onChange: handleChange
35
31
  }, dateProps));
36
32
  };
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports["default"] = void 0;
9
- var _Button2 = _interopRequireDefault(require("@material-ui/core/Button"));
10
9
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
11
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
12
11
  var _react = _interopRequireWildcard(require("react"));
@@ -53,7 +52,7 @@ var Mock = function Mock(_ref) {
53
52
  size: "".concat((pinInputProps === null || pinInputProps === void 0 ? void 0 : pinInputProps.size) || 'small'),
54
53
  variant: "outlined",
55
54
  onPinChanged: onPinChanged
56
- }), /*#__PURE__*/_react["default"].createElement(_Button2["default"], {
55
+ }), /*#__PURE__*/_react["default"].createElement("button", {
57
56
  onClick: function onClick() {
58
57
  handleValidation();
59
58
  }
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- import type { SelectProps } from '@/core/inputs/select';
2
+ import type { ISelectProps } from '@/core/inputs/select';
3
3
  interface IProps {
4
4
  initialValue?: string;
5
- selectProps?: Partial<SelectProps>;
5
+ selectProps?: Partial<ISelectProps>;
6
6
  }
7
7
  declare const Default: (props: IProps) => React.JSX.Element;
8
8
  export default Default;
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports["default"] = void 0;
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
10
  var _react = _interopRequireWildcard(require("react"));
11
- var _listItem = _interopRequireDefault(require("../../core/data-display/list-item"));
11
+ var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
12
12
  var _select = _interopRequireDefault(require("../../core/inputs/select"));
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; }
@@ -30,11 +30,11 @@ var Default = function Default(props) {
30
30
  "data-testid": "select-container",
31
31
  onClear: (_props$selectProps$on = (_props$selectProps2 = props.selectProps) === null || _props$selectProps2 === void 0 ? void 0 : _props$selectProps2.onClear) !== null && _props$selectProps$on !== void 0 ? _props$selectProps$on : handleClear,
32
32
  onChange: (_props$selectProps$on2 = (_props$selectProps3 = props.selectProps) === null || _props$selectProps3 === void 0 ? void 0 : _props$selectProps3.onChange) !== null && _props$selectProps$on2 !== void 0 ? _props$selectProps$on2 : handleChange
33
- }, /*#__PURE__*/_react["default"].createElement(_listItem["default"], {
33
+ }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
34
34
  value: "0"
35
- }, "Option 0"), /*#__PURE__*/_react["default"].createElement(_listItem["default"], {
35
+ }, "Option 0"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
36
36
  value: "1"
37
- }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_listItem["default"], {
37
+ }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
38
38
  value: "2"
39
39
  }, "Option 2"));
40
40
  };
@@ -7,17 +7,17 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports["default"] = void 0;
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
- var _IconButton2 = _interopRequireDefault(require("@material-ui/core/IconButton"));
11
10
  var _Close2 = _interopRequireDefault(require("@mui/icons-material/Close"));
12
11
  var _react = _interopRequireWildcard(require("react"));
13
12
  var _snackbar = _interopRequireDefault(require("../../core/feedback/snackbar"));
14
13
  var _button = _interopRequireDefault(require("../../core/inputs/button"));
14
+ var _iconButton = _interopRequireDefault(require("../../core/inputs/icon-button"));
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 Action = function Action(_ref) {
18
18
  var snackProps = _ref.snackProps,
19
19
  handleClose = _ref.handleClose;
20
- return /*#__PURE__*/_react["default"].createElement(_IconButton2["default"], {
20
+ return /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
21
21
  key: "close",
22
22
  role: "close-icon-button",
23
23
  "aria-label": "Close",
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- import type { TextFieldProps } from '@/core/inputs/text-field';
2
+ import type { ITextFieldProps } from '@/core/inputs/text-field';
3
3
  interface IProps {
4
4
  initialOption?: string;
5
- inputProps?: TextFieldProps;
5
+ inputProps?: ITextFieldProps;
6
6
  characters?: boolean;
7
7
  }
8
8
  declare const Default: ({ inputProps, initialOption, characters }: IProps) => React.JSX.Element;
@@ -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 _listItem = _interopRequireDefault(require("../../core/data-display/list-item"));
12
+ var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
13
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; }
@@ -52,7 +52,7 @@ var Default = function Default(_ref) {
52
52
  }, inputProps), inputProps !== null && inputProps !== void 0 && inputProps.select ? LIST.map(function (_ref2) {
53
53
  var label = _ref2.label,
54
54
  value = _ref2.value;
55
- return /*#__PURE__*/_react["default"].createElement(_listItem["default"], {
55
+ return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
56
56
  key: value,
57
57
  value: value
58
58
  }, label);
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- import type { IOption, TextFieldProps } from '@/core/inputs/text-field';
2
+ import type { IOption, ITextFieldProps } from '@/core/inputs/text-field';
3
3
  interface IProps {
4
4
  initialOption?: string;
5
- inputProps?: TextFieldProps;
5
+ inputProps?: ITextFieldProps;
6
6
  options?: IOption[] | string;
7
7
  }
8
8
  declare const Default: ({ inputProps, initialOption, options }: IProps) => React.JSX.Element;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import type { ReactNode } from 'react';
3
- import type { ThemeOptions } from '@material-ui/core/styles';
3
+ import type { ThemeOptions } from '@mui/material/styles';
4
4
  interface ThemeProviderProps {
5
5
  options?: ThemeOptions;
6
6
  children: ReactNode;
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports["default"] = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
- var _styles = require("@material-ui/core/styles");
9
+ var _styles = require("@mui/material/styles");
10
10
  var ThemeProviderFlipper = function ThemeProviderFlipper(_ref) {
11
11
  var _ref$options = _ref.options,
12
12
  options = _ref$options === void 0 ? {} : _ref$options,
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const MenuItems: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
3
- ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
4
- }, "disabled" | "children" | "style" | "className" | "classes" | "autoFocus" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "dense" | "selected" | "disableGutters" | "divider" | "sx" | "LinkComponent" | "touchRippleRef">, never>> & string & Omit<import("@mui/material").ExtendButtonBase<import("@mui/material").MenuItemTypeMap<{}, "li">>, keyof import("react").Component<any, {}, any>>;
@@ -1,12 +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.MenuItems = void 0;
8
- var _MenuItem2 = _interopRequireDefault(require("@mui/material/MenuItem"));
9
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
10
- var _styledComponents = _interopRequireDefault(require("styled-components"));
11
- var _templateObject;
12
- var MenuItems = exports.MenuItems = (0, _styledComponents["default"])(_MenuItem2["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n && {\n outline: none;\n cursor: pointer;\n font-family: Roboto, Helvetica, Arial, sans-serif;\n\n &:hover {\n background-color: #e0e0e0;\n }\n }\n"])));
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- import type { ReactElement } from 'react';
3
- import type { DefaultProps } from '../../types';
4
- export interface SlideProps extends DefaultProps {
5
- in: boolean;
6
- direction: 'left' | 'right' | 'up' | 'down';
7
- timeout?: number | {
8
- enter?: number;
9
- exit?: number;
10
- };
11
- children?: ReactElement<Record<string, unknown>>;
12
- }
13
- declare const Slide: ({ children, direction, margin, padding, style, ...otherProps }: SlideProps) => React.JSX.Element;
14
- export default Slide;
@@ -1,32 +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 _Slide2 = _interopRequireDefault(require("@material-ui/core/Slide"));
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
12
- var _react = _interopRequireDefault(require("react"));
13
- var _excluded = ["children", "direction", "margin", "padding", "style"];
14
- 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; }
15
- 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; }
16
- var Slide = function Slide(_ref) {
17
- var children = _ref.children,
18
- direction = _ref.direction,
19
- margin = _ref.margin,
20
- padding = _ref.padding,
21
- _ref$style = _ref.style,
22
- style = _ref$style === void 0 ? {} : _ref$style,
23
- otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
24
- return /*#__PURE__*/_react["default"].createElement(_Slide2["default"], (0, _extends2["default"])({
25
- direction: direction,
26
- style: _objectSpread({
27
- padding: padding,
28
- margin: margin
29
- }, style)
30
- }, otherProps), children);
31
- };
32
- var _default = exports["default"] = Slide;
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").SlideProps>;
2
- export default _default;
3
- export declare const Default: any;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@material-ui/lab/Autocomplete/Autocomplete").AutocompleteProps<unknown, boolean | undefined, boolean | undefined, boolean | undefined>>;
3
- export default _default;
4
- export declare const AutoCompleteLab: () => React.JSX.Element;
@@ -1,3 +0,0 @@
1
- import { default as MuiAutocomplete } from '@material-ui/lab/Autocomplete';
2
- export type { AutocompleteRenderInputParams, AutocompleteProps, AutocompleteCloseReason, AutocompleteChangeReason, AutocompleteInputChangeReason, AutocompleteGetTagProps, AutocompleteRenderOptionState } from '@material-ui/lab/Autocomplete';
3
- export declare const AutoComplete: typeof MuiAutocomplete;
@@ -1,33 +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.AutoComplete = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
- var _react = _interopRequireDefault(require("react"));
12
- var _styles = require("@material-ui/core/styles");
13
- var _Autocomplete = _interopRequireDefault(require("@material-ui/lab/Autocomplete"));
14
- var _excluded = ["classes"];
15
- 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; }
16
- 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; }
17
- var useStyles = (0, _styles.makeStyles)({
18
- inputRoot: {
19
- '&.MuiOutlinedInput-root': {
20
- padding: '0 62px 0 8px'
21
- }
22
- }
23
- });
24
- var AutoComplete = exports.AutoComplete = function AutoComplete(props) {
25
- var classes = props.classes,
26
- otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
27
- var styles = useStyles(props);
28
- return /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], (0, _extends2["default"])({}, otherProps, {
29
- classes: _objectSpread({
30
- inputRoot: styles.inputRoot
31
- }, classes)
32
- }));
33
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").ChipFieldProps<import(".").TChipValues>>;
2
- export default _default;
3
- export declare const Default: any;
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import type { ReactNode } from 'react';
3
- import type { InputLabelProps } from '@material-ui/core';
4
- import type { ChipRenderer } from 'material-ui-chip-input';
5
- export interface ChipFieldProps<T extends TChipValues> {
6
- allowDuplicates?: boolean;
7
- values: T[];
8
- variant?: 'outlined' | 'standard' | 'filled';
9
- disabled?: boolean;
10
- fullWidth?: boolean;
11
- fullWidthInput?: boolean;
12
- InputLabelProps?: InputLabelProps;
13
- label?: ReactNode;
14
- placeholder?: string;
15
- readOnly?: boolean;
16
- error?: boolean;
17
- chipRenderer?: ChipRenderer;
18
- onAdd: (values: string) => void;
19
- onDelete: (value: string, index?: number) => void;
20
- }
21
- export type TChipValues = {
22
- value: string | number;
23
- };
24
- declare const ChipField: <T extends TChipValues>(props: ChipFieldProps<T>) => React.JSX.Element;
25
- export default ChipField;
@@ -1,26 +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 _react = _interopRequireWildcard(require("react"));
11
- var _styles = require("./styles");
12
- 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); }
13
- 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; }
14
- var ChipField = function ChipField(props) {
15
- var values = (0, _react.useMemo)(function () {
16
- return props.values.map(function (item) {
17
- return item.value;
18
- });
19
- }, [props.values]);
20
- return /*#__PURE__*/_react["default"].createElement(_styles.StyledChipInput, (0, _extends2["default"])({}, props, {
21
- alwaysShowPlaceholder: true,
22
- id: "chip-field-root",
23
- value: values
24
- }));
25
- };
26
- var _default = exports["default"] = ChipField;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledChipInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("material-ui-chip-input").StandardTextFieldProps | import("material-ui-chip-input").FilledTextFieldProps | import("material-ui-chip-input").OutlinedTextFieldProps | (((Omit<import("material-ui-chip-input").StandardTextFieldProps, "ref"> | Omit<import("material-ui-chip-input").FilledTextFieldProps, "ref"> | Omit<import("material-ui-chip-input").OutlinedTextFieldProps, "ref">) & import("react").RefAttributes<import("react").Component<import("material-ui-chip-input").Props, any, any>>) & import("styled-components/dist/types").BaseObject), import("styled-components/dist/types").BaseObject>> & string & (Omit<import("react").ComponentClass<import("material-ui-chip-input").Props, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<import("material-ui-chip-input").Props>, keyof import("react").Component<any, {}, any>>);
@@ -1,12 +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.StyledChipInput = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
- var _materialUiChipInput = _interopRequireDefault(require("material-ui-chip-input"));
10
- var _styledComponents = _interopRequireDefault(require("styled-components"));
11
- var _templateObject;
12
- var StyledChipInput = exports.StyledChipInput = (0, _styledComponents["default"])(_materialUiChipInput["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n & > div > div {\n padding: 0px !important;\n }\n & > div > div > div {\n margin: 2px;\n }\n & > label {\n top: -6px !important;\n font-size: 14px !important;\n }\n & > label.MuiInputLabel-shrink {\n top: 0px !important;\n }\n & > div > div > input {\n padding: 10px !important;\n font-size: 14px !important;\n }\n"])));