@data-driven-forms/mui-component-mapper 4.1.12 → 4.1.14

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 (245) hide show
  1. package/.eslintrc.json +27 -0
  2. package/CHANGELOG.md +13 -2
  3. package/checkbox/checkbox.d.ts +29 -16
  4. package/checkbox/checkbox.js +44 -77
  5. package/checkbox/checkbox.js.map +1 -0
  6. package/checkbox/index.js +22 -24
  7. package/checkbox/index.js.map +1 -0
  8. package/component-mapper/component-mapper.d.ts +35 -40
  9. package/component-mapper/component-mapper.js +55 -40
  10. package/component-mapper/component-mapper.js.map +1 -0
  11. package/component-mapper/index.js +22 -24
  12. package/component-mapper/index.js.map +1 -0
  13. package/date-picker/date-picker.d.ts +10 -10
  14. package/date-picker/date-picker.js +52 -63
  15. package/date-picker/date-picker.js.map +1 -0
  16. package/date-picker/index.js +22 -24
  17. package/date-picker/index.js.map +1 -0
  18. package/dual-list-select/dual-list-select.d.ts +3 -111
  19. package/dual-list-select/dual-list-select.js +93 -412
  20. package/dual-list-select/dual-list-select.js.map +1 -0
  21. package/dual-list-select/index.js +22 -24
  22. package/dual-list-select/index.js.map +1 -0
  23. package/esm/checkbox/checkbox.d.ts +31 -0
  24. package/esm/checkbox/checkbox.js +25 -69
  25. package/esm/checkbox/checkbox.js.map +1 -0
  26. package/esm/checkbox/index.d.ts +2 -0
  27. package/esm/checkbox/index.js +2 -1
  28. package/esm/checkbox/index.js.map +1 -0
  29. package/esm/component-mapper/component-mapper.d.ts +36 -0
  30. package/esm/component-mapper/component-mapper.js +34 -19
  31. package/esm/component-mapper/component-mapper.js.map +1 -0
  32. package/esm/component-mapper/index.d.ts +2 -0
  33. package/esm/component-mapper/index.js +2 -1
  34. package/esm/component-mapper/index.js.map +1 -0
  35. package/esm/date-picker/date-picker.d.ts +12 -0
  36. package/esm/date-picker/date-picker.js +35 -55
  37. package/esm/date-picker/date-picker.js.map +1 -0
  38. package/esm/date-picker/index.d.ts +2 -0
  39. package/esm/date-picker/index.js +2 -1
  40. package/esm/date-picker/index.js.map +1 -0
  41. package/esm/dual-list-select/dual-list-select.d.ts +3 -0
  42. package/esm/dual-list-select/dual-list-select.js +59 -404
  43. package/esm/dual-list-select/dual-list-select.js.map +1 -0
  44. package/esm/dual-list-select/index.d.ts +2 -0
  45. package/esm/dual-list-select/index.js +2 -1
  46. package/esm/dual-list-select/index.js.map +1 -0
  47. package/esm/field-array/field-array.d.ts +56 -0
  48. package/esm/field-array/field-array.js +107 -296
  49. package/esm/field-array/field-array.js.map +1 -0
  50. package/esm/field-array/index.d.ts +2 -0
  51. package/esm/field-array/index.js +2 -1
  52. package/esm/field-array/index.js.map +1 -0
  53. package/esm/form-field-grid/form-field-grid.d.ts +8 -0
  54. package/esm/form-field-grid/form-field-grid.js +26 -22
  55. package/esm/form-field-grid/form-field-grid.js.map +1 -0
  56. package/esm/form-field-grid/index.d.ts +2 -0
  57. package/esm/form-field-grid/index.js +3 -1
  58. package/esm/form-field-grid/index.js.map +1 -0
  59. package/esm/form-template/form-template.d.ts +17 -0
  60. package/esm/form-template/form-template.js +57 -126
  61. package/esm/form-template/form-template.js.map +1 -0
  62. package/esm/form-template/index.d.ts +2 -0
  63. package/esm/form-template/index.js +2 -1
  64. package/esm/form-template/index.js.map +1 -0
  65. package/esm/index.d.ts +21 -0
  66. package/esm/index.js +3 -2
  67. package/esm/index.js.map +1 -0
  68. package/esm/multiple-choice-list/index.d.ts +2 -0
  69. package/esm/multiple-choice-list/index.js +2 -1
  70. package/esm/multiple-choice-list/index.js.map +1 -0
  71. package/esm/multiple-choice-list/multiple-choice-list.d.ts +14 -0
  72. package/esm/multiple-choice-list/multiple-choice-list.js +39 -93
  73. package/esm/multiple-choice-list/multiple-choice-list.js.map +1 -0
  74. package/esm/plain-text/index.d.ts +2 -0
  75. package/esm/plain-text/index.js +2 -1
  76. package/esm/plain-text/index.js.map +1 -0
  77. package/esm/plain-text/plain-text.d.ts +12 -0
  78. package/esm/plain-text/plain-text.js +18 -27
  79. package/esm/plain-text/plain-text.js.map +1 -0
  80. package/esm/radio/index.d.ts +2 -0
  81. package/esm/radio/index.js +2 -1
  82. package/esm/radio/index.js.map +1 -0
  83. package/esm/radio/radio.d.ts +19 -0
  84. package/esm/radio/radio.js +38 -110
  85. package/esm/radio/radio.js.map +1 -0
  86. package/esm/select/index.d.ts +2 -0
  87. package/esm/select/index.js +2 -1
  88. package/esm/select/index.js.map +1 -0
  89. package/esm/select/select.d.ts +44 -0
  90. package/esm/select/select.js +55 -162
  91. package/esm/select/select.js.map +1 -0
  92. package/esm/slider/index.d.ts +2 -0
  93. package/esm/slider/index.js +2 -1
  94. package/esm/slider/index.js.map +1 -0
  95. package/esm/slider/slider.d.ts +24 -0
  96. package/esm/slider/slider.js +22 -63
  97. package/esm/slider/slider.js.map +1 -0
  98. package/esm/sub-form/index.d.ts +2 -0
  99. package/esm/sub-form/index.js +2 -1
  100. package/esm/sub-form/index.js.map +1 -0
  101. package/esm/sub-form/sub-form.d.ts +16 -0
  102. package/esm/sub-form/sub-form.js +29 -52
  103. package/esm/sub-form/sub-form.js.map +1 -0
  104. package/esm/switch/index.d.ts +2 -0
  105. package/esm/switch/index.js +2 -1
  106. package/esm/switch/index.js.map +1 -0
  107. package/esm/switch/switch.d.ts +18 -0
  108. package/esm/switch/switch.js +21 -62
  109. package/esm/switch/switch.js.map +1 -0
  110. package/esm/tabs/index.d.ts +2 -0
  111. package/esm/tabs/index.js +2 -1
  112. package/esm/tabs/index.js.map +1 -0
  113. package/esm/tabs/tabs.d.ts +19 -0
  114. package/esm/tabs/tabs.js +9 -73
  115. package/esm/tabs/tabs.js.map +1 -0
  116. package/esm/text-field/index.d.ts +2 -0
  117. package/esm/text-field/index.js +2 -1
  118. package/esm/text-field/index.js.map +1 -0
  119. package/esm/text-field/text-field.d.ts +10 -0
  120. package/esm/text-field/text-field.js +20 -38
  121. package/esm/text-field/text-field.js.map +1 -0
  122. package/esm/textarea/index.d.ts +2 -0
  123. package/esm/textarea/index.js +2 -1
  124. package/esm/textarea/index.js.map +1 -0
  125. package/esm/textarea/textarea.d.ts +13 -0
  126. package/esm/textarea/textarea.js +20 -42
  127. package/esm/textarea/textarea.js.map +1 -0
  128. package/esm/time-picker/index.d.ts +2 -0
  129. package/esm/time-picker/index.js +2 -1
  130. package/esm/time-picker/index.js.map +1 -0
  131. package/esm/time-picker/time-picker.d.ts +13 -0
  132. package/esm/time-picker/time-picker.js +35 -57
  133. package/esm/time-picker/time-picker.js.map +1 -0
  134. package/esm/validation-error/index.d.ts +2 -0
  135. package/esm/validation-error/index.js +2 -1
  136. package/esm/validation-error/index.js.map +1 -0
  137. package/esm/validation-error/validation-error.d.ts +6 -0
  138. package/esm/validation-error/validation-error.js +7 -6
  139. package/esm/validation-error/validation-error.js.map +1 -0
  140. package/esm/wizard/index.d.ts +2 -0
  141. package/esm/wizard/index.js +2 -1
  142. package/esm/wizard/index.js.map +1 -0
  143. package/esm/wizard/step-buttons.d.ts +33 -0
  144. package/esm/wizard/step-buttons.js +49 -104
  145. package/esm/wizard/step-buttons.js.map +1 -0
  146. package/esm/wizard/wizard-nav.d.ts +15 -0
  147. package/esm/wizard/wizard-nav.js +15 -33
  148. package/esm/wizard/wizard-nav.js.map +1 -0
  149. package/esm/wizard/wizard.d.ts +4 -0
  150. package/esm/wizard/wizard.js +21 -70
  151. package/esm/wizard/wizard.js.map +1 -0
  152. package/field-array/field-array.d.ts +54 -38
  153. package/field-array/field-array.js +138 -306
  154. package/field-array/field-array.js.map +1 -0
  155. package/field-array/index.js +22 -24
  156. package/field-array/index.js.map +1 -0
  157. package/form-field-grid/form-field-grid.d.ts +7 -5
  158. package/form-field-grid/form-field-grid.js +42 -28
  159. package/form-field-grid/form-field-grid.js.map +1 -0
  160. package/form-field-grid/index.js +23 -12
  161. package/form-field-grid/index.js.map +1 -0
  162. package/form-template/form-template.d.ts +17 -5
  163. package/form-template/form-template.js +78 -132
  164. package/form-template/form-template.js.map +1 -0
  165. package/form-template/index.js +22 -24
  166. package/form-template/index.js.map +1 -0
  167. package/index.d.ts +10 -29
  168. package/index.js +45 -146
  169. package/index.js.map +1 -0
  170. package/multiple-choice-list/index.js +22 -24
  171. package/multiple-choice-list/index.js.map +1 -0
  172. package/multiple-choice-list/multiple-choice-list.d.ts +12 -24
  173. package/multiple-choice-list/multiple-choice-list.js +53 -101
  174. package/multiple-choice-list/multiple-choice-list.js.map +1 -0
  175. package/package.json +9 -11
  176. package/plain-text/index.js +22 -24
  177. package/plain-text/index.js.map +1 -0
  178. package/plain-text/plain-text.d.ts +10 -10
  179. package/plain-text/plain-text.js +30 -33
  180. package/plain-text/plain-text.js.map +1 -0
  181. package/radio/index.js +22 -24
  182. package/radio/index.js.map +1 -0
  183. package/radio/radio.d.ts +17 -25
  184. package/radio/radio.js +56 -116
  185. package/radio/radio.js.map +1 -0
  186. package/select/index.js +22 -24
  187. package/select/index.js.map +1 -0
  188. package/select/select.d.ts +42 -27
  189. package/select/select.js +78 -172
  190. package/select/select.js.map +1 -0
  191. package/slider/index.js +22 -24
  192. package/slider/index.js.map +1 -0
  193. package/slider/slider.d.ts +22 -28
  194. package/slider/slider.js +39 -71
  195. package/slider/slider.js.map +1 -0
  196. package/sub-form/index.js +22 -24
  197. package/sub-form/index.js.map +1 -0
  198. package/sub-form/sub-form.d.ts +14 -16
  199. package/sub-form/sub-form.js +42 -56
  200. package/sub-form/sub-form.js.map +1 -0
  201. package/switch/index.js +22 -24
  202. package/switch/index.js.map +1 -0
  203. package/switch/switch.d.ts +16 -26
  204. package/switch/switch.js +43 -70
  205. package/switch/switch.js.map +1 -0
  206. package/tabs/index.js +22 -24
  207. package/tabs/index.js.map +1 -0
  208. package/tabs/tabs.d.ts +18 -14
  209. package/tabs/tabs.js +33 -82
  210. package/tabs/tabs.js.map +1 -0
  211. package/text-field/index.js +22 -24
  212. package/text-field/index.js.map +1 -0
  213. package/text-field/text-field.d.ts +8 -16
  214. package/text-field/text-field.js +37 -46
  215. package/text-field/text-field.js.map +1 -0
  216. package/textarea/index.js +22 -24
  217. package/textarea/index.js.map +1 -0
  218. package/textarea/textarea.d.ts +11 -17
  219. package/textarea/textarea.js +37 -50
  220. package/textarea/textarea.js.map +1 -0
  221. package/time-picker/index.js +22 -24
  222. package/time-picker/index.js.map +1 -0
  223. package/time-picker/time-picker.d.ts +11 -16
  224. package/time-picker/time-picker.js +52 -65
  225. package/time-picker/time-picker.js.map +1 -0
  226. package/tsconfig.cjs.json +8 -0
  227. package/tsconfig.demo.json +31 -0
  228. package/tsconfig.esm.json +8 -0
  229. package/tsconfig.json +17 -9
  230. package/validation-error/index.js +22 -24
  231. package/validation-error/index.js.map +1 -0
  232. package/validation-error/validation-error.d.ts +5 -4
  233. package/validation-error/validation-error.js +10 -11
  234. package/validation-error/validation-error.js.map +1 -0
  235. package/wizard/index.js +22 -24
  236. package/wizard/index.js.map +1 -0
  237. package/wizard/step-buttons.d.ts +33 -0
  238. package/wizard/step-buttons.js +68 -110
  239. package/wizard/step-buttons.js.map +1 -0
  240. package/wizard/wizard-nav.d.ts +15 -0
  241. package/wizard/wizard-nav.js +37 -37
  242. package/wizard/wizard-nav.js.map +1 -0
  243. package/wizard/wizard.d.ts +4 -28
  244. package/wizard/wizard.js +41 -79
  245. package/wizard/wizard.js.map +1 -0
@@ -1,309 +1,120 @@
1
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
- import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
3
- import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
4
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
5
- import _extends from "@babel/runtime/helpers/extends";
6
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
- var _excluded = ["remove"],
8
- _excluded2 = ["remove"],
9
- _excluded3 = ["arrayValidator", "label", "description", "fields", "defaultItem", "meta", "minItems", "maxItems", "noItemsMessage", "FormFieldGridProps", "FormControlProps", "buttonLabels", "GridContainerProps", "HeaderGridProps", "HeaderProps", "UndoButtonProps", "RedoButtonProps", "AddButtonProps", "DescriptionGridProps", "DescriptionProps", "BodyGridProps", "NoItemsProps", "FormHelperTextGridProps", "FormHelperTextProps", "FieldContainerProps", "FieldGroupGridProps", "RemoveButtonGridProps", "RemoveButtonProps"];
10
- 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; }
11
- 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) { _defineProperty(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; }
12
- import React, { memo, useReducer } from 'react';
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import { memo, useReducer } from 'react';
13
14
  import { styled } from '@mui/material/styles';
14
- import useFormApi from "@data-driven-forms/react-form-renderer/use-form-api";
15
- import FieldArray from "@data-driven-forms/react-form-renderer/field-array";
15
+ import { useFormApi, FieldArray } from '@data-driven-forms/react-form-renderer';
16
16
  import isEqual from 'lodash/isEqual';
17
- import Grid from "@mui/material/Grid";
18
- import Button from "@mui/material/Button";
19
- import Typography from "@mui/material/Typography";
20
- import FormControl from "@mui/material/FormControl";
21
- import FormHelperText from "@mui/material/FormHelperText";
22
- import IconButton from "@mui/material/IconButton";
17
+ import { Grid, Button, Typography, FormControl, FormHelperText, IconButton } from '@mui/material';
23
18
  import RedoIcon from '@mui/icons-material/Redo';
24
19
  import UndoIcon from '@mui/icons-material/Undo';
25
- import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
20
+ import { useFieldApi } from '@data-driven-forms/react-form-renderer';
26
21
  import FormFieldGrid from '../form-field-grid/form-field-grid';
27
22
  import clsx from 'clsx';
28
- var PREFIX = 'DynamicArray';
29
- var classes = {
30
- formControl: "".concat(PREFIX, "-formControl"),
31
- centerText: "".concat(PREFIX, "-centerText"),
32
- buttonsToEnd: "".concat(PREFIX, "-buttonsToEnd"),
33
- header: "".concat(PREFIX, "-header"),
34
- label: "".concat(PREFIX, "-label"),
35
- fieldArrayGroup: "".concat(PREFIX, "-fieldArrayGroup")
23
+ const PREFIX = 'DynamicArray';
24
+ const classes = {
25
+ formControl: `${PREFIX}-formControl`,
26
+ centerText: `${PREFIX}-centerText`,
27
+ buttonsToEnd: `${PREFIX}-buttonsToEnd`,
28
+ header: `${PREFIX}-header`,
29
+ label: `${PREFIX}-label`,
30
+ fieldArrayGroup: `${PREFIX}-fieldArrayGroup`,
36
31
  };
37
- var StyledFormFieldGrid = styled(FormFieldGrid)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "& .".concat(classes.formControl), {
38
- width: '100%'
39
- }), "& .".concat(classes.centerText), {
40
- display: 'flex',
41
- justifyContent: 'center'
42
- }), "& .".concat(classes.buttonsToEnd), {
43
- display: 'flex',
44
- justifyContent: 'flex-end'
45
- }), "& .".concat(classes.header), {
46
- display: 'flex'
47
- }), "& .".concat(classes.label), {
48
- flexGrow: 1
49
- }), "&.".concat(classes.fieldArrayGroup), {
50
- marginBottom: 32
51
- }));
52
- var ArrayItem = /*#__PURE__*/memo(function (_ref) {
53
- var fields = _ref.fields,
54
- fieldIndex = _ref.fieldIndex,
55
- name = _ref.name,
56
- remove = _ref.remove,
57
- length = _ref.length,
58
- minItems = _ref.minItems,
59
- removeLabel = _ref.removeLabel,
60
- _ref$FieldContainerPr = _ref.FieldContainerProps,
61
- FieldContainerProps = _ref$FieldContainerPr === void 0 ? {} : _ref$FieldContainerPr,
62
- _ref$FieldGroupGridPr = _ref.FieldGroupGridProps,
63
- FieldGroupGridProps = _ref$FieldGroupGridPr === void 0 ? {} : _ref$FieldGroupGridPr,
64
- _ref$RemoveButtonGrid = _ref.RemoveButtonGridProps,
65
- RemoveButtonGridProps = _ref$RemoveButtonGrid === void 0 ? {} : _ref$RemoveButtonGrid,
66
- _ref$RemoveButtonProp = _ref.RemoveButtonProps,
67
- RemoveButtonProps = _ref$RemoveButtonProp === void 0 ? {} : _ref$RemoveButtonProp;
68
- var _useFormApi = useFormApi(),
69
- renderForm = _useFormApi.renderForm;
70
- var editedFields = fields.map(function (field, index) {
71
- var computedName = field.name ? "".concat(name, ".").concat(field.name) : name;
72
- return _objectSpread(_objectSpread({}, field), {}, {
73
- name: computedName,
74
- key: "".concat(computedName, "-").concat(index)
75
- });
76
- });
77
- return /*#__PURE__*/React.createElement(Grid, _extends({
78
- container: true,
79
- spacing: 3
80
- }, FieldContainerProps), /*#__PURE__*/React.createElement(Grid, _extends({
81
- item: true,
82
- xs: 12
83
- }, FieldGroupGridProps), /*#__PURE__*/React.createElement(Grid, {
84
- container: true,
85
- spacing: 3
86
- }, renderForm([editedFields]))), /*#__PURE__*/React.createElement(Grid, _extends({
87
- item: true,
88
- xs: 12,
89
- className: classes.buttonsToEnd
90
- }, RemoveButtonGridProps), /*#__PURE__*/React.createElement(Button, _extends({
91
- color: "secondary",
92
- onClick: function onClick() {
93
- return remove(fieldIndex);
32
+ const StyledFormFieldGrid = styled(FormFieldGrid)({
33
+ [`& .${classes.formControl}`]: {
34
+ width: '100%',
35
+ },
36
+ [`& .${classes.centerText}`]: {
37
+ display: 'flex',
38
+ justifyContent: 'center',
39
+ },
40
+ [`& .${classes.buttonsToEnd}`]: {
41
+ display: 'flex',
42
+ justifyContent: 'flex-end',
43
+ },
44
+ [`& .${classes.header}`]: {
45
+ display: 'flex',
46
+ },
47
+ [`& .${classes.label}`]: {
48
+ flexGrow: 1,
49
+ },
50
+ [`&.${classes.fieldArrayGroup}`]: {
51
+ marginBottom: 32,
94
52
  },
95
- disabled: length <= minItems
96
- }, RemoveButtonProps), removeLabel)));
97
- }, function (_ref2, _ref3) {
98
- var _prevRemove = _ref2.remove,
99
- prev = _objectWithoutProperties(_ref2, _excluded);
100
- var _nextRemove = _ref3.remove,
101
- next = _objectWithoutProperties(_ref3, _excluded2);
102
- return isEqual(prev, next);
103
53
  });
104
- var defaultButtonLabels = {
105
- add: 'ADD',
106
- remove: 'REMOVE'
54
+ const ArrayItem = memo(({ fields, fieldIndex, name, remove, length, minItems, removeLabel, FieldContainerProps = {}, FieldGroupGridProps = {}, RemoveButtonGridProps = {}, RemoveButtonProps = {}, }) => {
55
+ const { renderForm } = useFormApi();
56
+ const editedFields = fields.map((field, index) => {
57
+ const computedName = field.name ? `${name}.${field.name}` : name;
58
+ return Object.assign(Object.assign({}, field), { name: computedName, key: `${computedName}-${index}` });
59
+ });
60
+ return (_jsxs(Grid, Object.assign({ container: true, spacing: 3 }, FieldContainerProps, { children: [_jsx(Grid, Object.assign({ item: true, xs: 12 }, FieldGroupGridProps, { children: _jsx(Grid, { container: true, spacing: 3, children: renderForm(editedFields) }) })), _jsx(Grid, Object.assign({ item: true, xs: 12, className: classes.buttonsToEnd }, RemoveButtonGridProps, { children: _jsx(Button, Object.assign({ color: "secondary", onClick: () => remove(fieldIndex), disabled: length <= minItems }, RemoveButtonProps, { children: removeLabel })) }))] })));
61
+ }, (_a, _b) => {
62
+ var { remove: _prevRemove } = _a, prev = __rest(_a, ["remove"]);
63
+ var _nextRemove = _b.remove, next = __rest(_b, ["remove"]);
64
+ return isEqual(prev, next);
65
+ });
66
+ const defaultButtonLabels = {
67
+ add: 'ADD',
68
+ remove: 'REMOVE',
107
69
  };
108
- var initialState = {
109
- index: 0,
110
- history: []
70
+ const initialState = {
71
+ index: 0,
72
+ history: [],
111
73
  };
112
- export var reducer = function reducer(state, _ref4) {
113
- var type = _ref4.type,
114
- action = _ref4.action;
115
- switch (type) {
116
- case 'redo':
117
- return _objectSpread(_objectSpread({}, state), {}, {
118
- index: state.index + 1
119
- });
120
- case 'action':
121
- return {
122
- index: state.index + 1,
123
- history: [].concat(_toConsumableArray(state.history.slice(0, state.index)), [action])
124
- };
125
- case 'undo':
126
- return _objectSpread(_objectSpread({}, state), {}, {
127
- index: state.index - 1
128
- });
129
- case 'resetHistory':
130
- return _objectSpread(_objectSpread({}, state), {}, {
131
- history: state.history.slice(0, state.index)
132
- });
133
- default:
134
- return state;
135
- }
74
+ export const reducer = (state, actionObj) => {
75
+ const { type } = actionObj;
76
+ switch (type) {
77
+ case 'redo':
78
+ return Object.assign(Object.assign({}, state), { index: state.index + 1 });
79
+ case 'action':
80
+ return {
81
+ index: state.index + 1,
82
+ history: [...state.history.slice(0, state.index), actionObj.action],
83
+ };
84
+ case 'undo':
85
+ return Object.assign(Object.assign({}, state), { index: state.index - 1 });
86
+ case 'resetHistory':
87
+ return Object.assign(Object.assign({}, state), { history: state.history.slice(0, state.index) });
88
+ default:
89
+ return state;
90
+ }
136
91
  };
137
- var DynamicArray = function DynamicArray(_ref5) {
138
- var props = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
139
- var _useFieldApi = useFieldApi(props),
140
- arrayValidator = _useFieldApi.arrayValidator,
141
- label = _useFieldApi.label,
142
- description = _useFieldApi.description,
143
- formFields = _useFieldApi.fields,
144
- defaultItem = _useFieldApi.defaultItem,
145
- meta = _useFieldApi.meta,
146
- _useFieldApi$minItems = _useFieldApi.minItems,
147
- minItems = _useFieldApi$minItems === void 0 ? 0 : _useFieldApi$minItems,
148
- _useFieldApi$maxItems = _useFieldApi.maxItems,
149
- maxItems = _useFieldApi$maxItems === void 0 ? Infinity : _useFieldApi$maxItems,
150
- _useFieldApi$noItemsM = _useFieldApi.noItemsMessage,
151
- noItemsMessage = _useFieldApi$noItemsM === void 0 ? 'No items added' : _useFieldApi$noItemsM,
152
- _useFieldApi$FormFiel = _useFieldApi.FormFieldGridProps,
153
- FormFieldGridProps = _useFieldApi$FormFiel === void 0 ? {} : _useFieldApi$FormFiel,
154
- _useFieldApi$FormCont = _useFieldApi.FormControlProps,
155
- FormControlProps = _useFieldApi$FormCont === void 0 ? {} : _useFieldApi$FormCont,
156
- buttonLabels = _useFieldApi.buttonLabels,
157
- _useFieldApi$GridCont = _useFieldApi.GridContainerProps,
158
- GridContainerProps = _useFieldApi$GridCont === void 0 ? {} : _useFieldApi$GridCont,
159
- _useFieldApi$HeaderGr = _useFieldApi.HeaderGridProps,
160
- HeaderGridProps = _useFieldApi$HeaderGr === void 0 ? {} : _useFieldApi$HeaderGr,
161
- _useFieldApi$HeaderPr = _useFieldApi.HeaderProps,
162
- HeaderProps = _useFieldApi$HeaderPr === void 0 ? {} : _useFieldApi$HeaderPr,
163
- _useFieldApi$UndoButt = _useFieldApi.UndoButtonProps,
164
- UndoButtonProps = _useFieldApi$UndoButt === void 0 ? {} : _useFieldApi$UndoButt,
165
- _useFieldApi$RedoButt = _useFieldApi.RedoButtonProps,
166
- RedoButtonProps = _useFieldApi$RedoButt === void 0 ? {} : _useFieldApi$RedoButt,
167
- _useFieldApi$AddButto = _useFieldApi.AddButtonProps,
168
- AddButtonProps = _useFieldApi$AddButto === void 0 ? {} : _useFieldApi$AddButto,
169
- _useFieldApi$Descript = _useFieldApi.DescriptionGridProps,
170
- DescriptionGridProps = _useFieldApi$Descript === void 0 ? {} : _useFieldApi$Descript,
171
- _useFieldApi$Descript2 = _useFieldApi.DescriptionProps,
172
- DescriptionProps = _useFieldApi$Descript2 === void 0 ? {} : _useFieldApi$Descript2,
173
- _useFieldApi$BodyGrid = _useFieldApi.BodyGridProps,
174
- BodyGridProps = _useFieldApi$BodyGrid === void 0 ? {} : _useFieldApi$BodyGrid,
175
- _useFieldApi$NoItemsP = _useFieldApi.NoItemsProps,
176
- NoItemsProps = _useFieldApi$NoItemsP === void 0 ? {} : _useFieldApi$NoItemsP,
177
- _useFieldApi$FormHelp = _useFieldApi.FormHelperTextGridProps,
178
- FormHelperTextGridProps = _useFieldApi$FormHelp === void 0 ? {} : _useFieldApi$FormHelp,
179
- _useFieldApi$FormHelp2 = _useFieldApi.FormHelperTextProps,
180
- FormHelperTextProps = _useFieldApi$FormHelp2 === void 0 ? {} : _useFieldApi$FormHelp2,
181
- _useFieldApi$FieldCon = _useFieldApi.FieldContainerProps,
182
- FieldContainerProps = _useFieldApi$FieldCon === void 0 ? {} : _useFieldApi$FieldCon,
183
- _useFieldApi$FieldGro = _useFieldApi.FieldGroupGridProps,
184
- FieldGroupGridProps = _useFieldApi$FieldGro === void 0 ? {} : _useFieldApi$FieldGro,
185
- _useFieldApi$RemoveBu = _useFieldApi.RemoveButtonGridProps,
186
- RemoveButtonGridProps = _useFieldApi$RemoveBu === void 0 ? {} : _useFieldApi$RemoveBu,
187
- _useFieldApi$RemoveBu2 = _useFieldApi.RemoveButtonProps,
188
- RemoveButtonProps = _useFieldApi$RemoveBu2 === void 0 ? {} : _useFieldApi$RemoveBu2,
189
- rest = _objectWithoutProperties(_useFieldApi, _excluded3);
190
- var _useReducer = useReducer(reducer, initialState),
191
- _useReducer2 = _slicedToArray(_useReducer, 2),
192
- state = _useReducer2[0],
193
- dispatch = _useReducer2[1];
194
- var combinedButtonLabels = _objectSpread(_objectSpread({}, defaultButtonLabels), buttonLabels);
195
- var dirty = meta.dirty,
196
- submitFailed = meta.submitFailed,
197
- error = meta.error,
198
- submitError = meta.submitError;
199
- var isError = (dirty || submitFailed) && error && typeof error === 'string';
200
- return /*#__PURE__*/React.createElement(StyledFormFieldGrid, _extends({}, FormFieldGridProps, {
201
- className: clsx(classes.fieldArrayGroup, FormFieldGridProps.classname)
202
- }), /*#__PURE__*/React.createElement(FormControl, _extends({
203
- component: "fieldset",
204
- error: isError || submitError
205
- }, FormControlProps, {
206
- className: clsx(classes.formControl, FormControlProps.className)
207
- }), /*#__PURE__*/React.createElement(FieldArray, {
208
- key: rest.input.name,
209
- name: rest.input.name,
210
- validate: arrayValidator
211
- }, function (_ref6) {
212
- var _ref6$fields = _ref6.fields,
213
- map = _ref6$fields.map,
214
- _ref6$fields$value = _ref6$fields.value,
215
- value = _ref6$fields$value === void 0 ? [] : _ref6$fields$value,
216
- push = _ref6$fields.push,
217
- remove = _ref6$fields.remove;
218
- var pushWrapper = function pushWrapper() {
219
- dispatch({
220
- type: 'resetHistory'
221
- });
222
- push(defaultItem);
223
- };
224
- var removeWrapper = function removeWrapper(index) {
225
- dispatch({
226
- type: 'action',
227
- action: {
228
- action: 'remove',
229
- value: value[index]
230
- }
231
- });
232
- remove(index);
233
- };
234
- var undo = function undo() {
235
- push(state.history[state.index - 1].value);
236
- dispatch({
237
- type: 'undo'
238
- });
239
- };
240
- var redo = function redo() {
241
- remove(value.length - 1);
242
- dispatch({
243
- type: 'redo'
244
- });
245
- };
246
- return /*#__PURE__*/React.createElement(Grid, _extends({
247
- container: true,
248
- spacing: 3
249
- }, GridContainerProps), /*#__PURE__*/React.createElement(Grid, _extends({
250
- item: true,
251
- xs: 12,
252
- className: classes.header
253
- }, HeaderGridProps), label && /*#__PURE__*/React.createElement(Typography, _extends({
254
- variant: "h6",
255
- className: classes.label
256
- }, HeaderProps), label), /*#__PURE__*/React.createElement(IconButton, _extends({
257
- color: "primary",
258
- "aria-label": "undo",
259
- component: "span",
260
- disabled: state.index === 0,
261
- onClick: undo
262
- }, UndoButtonProps, {
263
- size: "large"
264
- }), /*#__PURE__*/React.createElement(UndoIcon, null)), /*#__PURE__*/React.createElement(IconButton, _extends({
265
- color: "primary",
266
- "aria-label": "redo",
267
- component: "span",
268
- disabled: state.index === state.history.length,
269
- onClick: redo
270
- }, RedoButtonProps, {
271
- size: "large"
272
- }), /*#__PURE__*/React.createElement(RedoIcon, null)), /*#__PURE__*/React.createElement(Button, _extends({
273
- color: "primary",
274
- onClick: pushWrapper,
275
- disabled: value.length >= maxItems
276
- }, AddButtonProps), combinedButtonLabels.add)), description && /*#__PURE__*/React.createElement(Grid, _extends({
277
- item: true,
278
- xs: 12
279
- }, DescriptionGridProps), /*#__PURE__*/React.createElement(Typography, _extends({
280
- variant: "subtitle1"
281
- }, DescriptionProps), description)), /*#__PURE__*/React.createElement(Grid, _extends({
282
- item: true,
283
- xs: 12
284
- }, BodyGridProps), value.length <= 0 ? /*#__PURE__*/React.createElement(Typography, _extends({
285
- variant: "body1",
286
- gutterBottom: true,
287
- className: classes.centerText
288
- }, NoItemsProps), noItemsMessage) : map(function (name, index) {
289
- return /*#__PURE__*/React.createElement(ArrayItem, {
290
- key: name,
291
- fields: formFields,
292
- name: name,
293
- fieldIndex: index,
294
- remove: removeWrapper,
295
- length: value.length,
296
- minItems: minItems,
297
- removeLabel: combinedButtonLabels.remove,
298
- FieldContainerProps: FieldContainerProps,
299
- FieldGroupGridProps: FieldGroupGridProps,
300
- RemoveButtonGridProps: RemoveButtonGridProps,
301
- RemoveButtonProps: RemoveButtonProps
302
- });
303
- })), (isError || submitError) && /*#__PURE__*/React.createElement(Grid, _extends({
304
- item: true,
305
- xs: 12
306
- }, FormHelperTextGridProps), /*#__PURE__*/React.createElement(FormHelperText, FormHelperTextProps, error || submitError)));
307
- })));
92
+ const DynamicArray = (_a) => {
93
+ var props = __rest(_a, []);
94
+ const _b = useFieldApi(props), { arrayValidator, label, description, fields: formFields, defaultItem, meta, minItems = 0, maxItems = Infinity, noItemsMessage = 'No items added', FormFieldGridProps = {}, FormControlProps = {}, buttonLabels, GridContainerProps = {}, HeaderGridProps = {}, HeaderProps = {}, UndoButtonProps = {}, RedoButtonProps = {}, AddButtonProps = {}, DescriptionGridProps = {}, DescriptionProps = {}, BodyGridProps = {}, NoItemsProps = {}, FormHelperTextGridProps = {}, FormHelperTextProps = {}, FieldContainerProps = {}, FieldGroupGridProps = {}, RemoveButtonGridProps = {}, RemoveButtonProps = {} } = _b, rest = __rest(_b, ["arrayValidator", "label", "description", "fields", "defaultItem", "meta", "minItems", "maxItems", "noItemsMessage", "FormFieldGridProps", "FormControlProps", "buttonLabels", "GridContainerProps", "HeaderGridProps", "HeaderProps", "UndoButtonProps", "RedoButtonProps", "AddButtonProps", "DescriptionGridProps", "DescriptionProps", "BodyGridProps", "NoItemsProps", "FormHelperTextGridProps", "FormHelperTextProps", "FieldContainerProps", "FieldGroupGridProps", "RemoveButtonGridProps", "RemoveButtonProps"]);
95
+ const [state, dispatch] = useReducer(reducer, initialState);
96
+ const combinedButtonLabels = Object.assign(Object.assign({}, defaultButtonLabels), buttonLabels);
97
+ const { dirty, submitFailed, error, submitError } = meta;
98
+ const isError = (dirty || submitFailed) && error && typeof error === 'string';
99
+ return (_jsx(StyledFormFieldGrid, Object.assign({}, FormFieldGridProps, { className: clsx(classes.fieldArrayGroup, FormFieldGridProps.className), children: _jsx(FormControl, Object.assign({ component: "fieldset", error: isError || submitError }, FormControlProps, { className: clsx(classes.formControl, FormControlProps.className), children: _jsx(FieldArray, { name: rest.input.name, validate: arrayValidator, children: ({ fields: { map, value = [], push, remove } }) => {
100
+ const pushWrapper = () => {
101
+ dispatch({ type: 'resetHistory' });
102
+ push(defaultItem);
103
+ };
104
+ const removeWrapper = (index) => {
105
+ dispatch({ type: 'action', action: { action: 'remove', value: value[index] } });
106
+ remove(index);
107
+ };
108
+ const undo = () => {
109
+ push(state.history[state.index - 1].value);
110
+ dispatch({ type: 'undo' });
111
+ };
112
+ const redo = () => {
113
+ remove(value.length - 1);
114
+ dispatch({ type: 'redo' });
115
+ };
116
+ return (_jsxs(Grid, Object.assign({ container: true, spacing: 3 }, GridContainerProps, { children: [_jsxs(Grid, Object.assign({ item: true, xs: 12, className: classes.header }, HeaderGridProps, { children: [label && (_jsx(Typography, Object.assign({ variant: "h6", className: classes.label }, HeaderProps, { children: label }))), _jsx(IconButton, Object.assign({ color: "primary", "aria-label": "undo", component: "span", disabled: state.index === 0, onClick: undo }, UndoButtonProps, { size: "large", children: _jsx(UndoIcon, {}) })), _jsx(IconButton, Object.assign({ color: "primary", "aria-label": "redo", component: "span", disabled: state.index === state.history.length, onClick: redo }, RedoButtonProps, { size: "large", children: _jsx(RedoIcon, {}) })), _jsx(Button, Object.assign({ color: "primary", onClick: pushWrapper, disabled: value.length >= maxItems }, AddButtonProps, { children: combinedButtonLabels.add }))] })), description && (_jsx(Grid, Object.assign({ item: true, xs: 12 }, DescriptionGridProps, { children: _jsx(Typography, Object.assign({ variant: "subtitle1" }, DescriptionProps, { children: description })) }))), _jsx(Grid, Object.assign({ item: true, xs: 12 }, BodyGridProps, { children: value.length <= 0 ? (_jsx(Typography, Object.assign({ variant: "body1", gutterBottom: true, className: classes.centerText }, NoItemsProps, { children: noItemsMessage }))) : (map((name, index) => (_jsx(ArrayItem, { fields: formFields, name: name, fieldIndex: index, remove: removeWrapper, length: value.length, minItems: minItems, removeLabel: combinedButtonLabels.remove, FieldContainerProps: FieldContainerProps, FieldGroupGridProps: FieldGroupGridProps, RemoveButtonGridProps: RemoveButtonGridProps, RemoveButtonProps: RemoveButtonProps }, name)))) })), (isError || submitError) && (_jsx(Grid, Object.assign({ item: true, xs: 12 }, FormHelperTextGridProps, { children: _jsx(FormHelperText, Object.assign({}, FormHelperTextProps, { children: error || submitError })) })))] })));
117
+ } }, rest.input.name) })) })));
308
118
  };
309
- export default DynamicArray;
119
+ export default DynamicArray;
120
+ //# sourceMappingURL=field-array.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"field-array.js","sourceRoot":"","sources":["../../src/field-array/field-array.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export { default } from './field-array';
2
+ export * from './field-array';
@@ -1,2 +1,3 @@
1
1
  export { default } from './field-array';
2
- export * from './field-array';
2
+ export * from './field-array';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/field-array/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,cAAc,eAAe,CAAC"}
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import type { GridProps } from '@mui/material';
3
+ export interface FormFieldGridProps extends Omit<GridProps, 'xs' | 'item'> {
4
+ children: React.ReactNode;
5
+ className?: string;
6
+ }
7
+ declare const FormFieldGrid: React.FC<FormFieldGridProps>;
8
+ export default FormFieldGrid;
@@ -1,26 +1,30 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
- var _excluded = ["children", "className"];
5
- import React from 'react';
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import { jsx as _jsx } from "react/jsx-runtime";
6
13
  import { styled } from '@mui/material/styles';
7
- import Grid from "@mui/material/Grid";
14
+ import { Grid } from '@mui/material';
8
15
  import clsx from 'clsx';
9
- var PREFIX = 'FormFieldGrid';
10
- var classes = {
11
- grid: "".concat(PREFIX, "-grid")
16
+ const PREFIX = 'FormFieldGrid';
17
+ const classes = {
18
+ grid: `${PREFIX}-grid`,
12
19
  };
13
- var StyledGrid = styled(Grid)(_defineProperty({}, "&.".concat(classes.grid), {
14
- position: 'relative'
15
- }));
16
- var FormFieldGrid = function FormFieldGrid(_ref) {
17
- var children = _ref.children,
18
- className = _ref.className,
19
- props = _objectWithoutProperties(_ref, _excluded);
20
- return /*#__PURE__*/React.createElement(StyledGrid, _extends({
21
- xs: 12,
22
- item: true,
23
- className: clsx(classes.grid, className)
24
- }, props), children);
20
+ const StyledGrid = styled(Grid)({
21
+ [`&.${classes.grid}`]: {
22
+ position: 'relative',
23
+ },
24
+ });
25
+ const FormFieldGrid = (_a) => {
26
+ var { children, className } = _a, props = __rest(_a, ["children", "className"]);
27
+ return (_jsx(StyledGrid, Object.assign({ xs: 12, item: true, className: clsx(classes.grid, className) }, props, { children: children })));
25
28
  };
26
- export default FormFieldGrid;
29
+ export default FormFieldGrid;
30
+ //# sourceMappingURL=form-field-grid.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-field-grid.js","sourceRoot":"","sources":["../../src/form-field-grid/form-field-grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,MAAM,GAAG,eAAe,CAAC;AAE/B,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE;QACrB,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC,CAAC;AAOH,MAAM,aAAa,GAAiC,CAAC,EAAiC,EAAE,EAAE;QAArC,EAAE,QAAQ,EAAE,SAAS,OAAY,EAAP,KAAK,cAA/B,yBAAiC,CAAF;IAAO,OAAA,CACzF,KAAC,UAAU,kBAAC,EAAE,EAAE,EAAE,EAAE,IAAI,QAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,KAAK,cACzE,QAAQ,IACE,CACd,CAAA;CAAA,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { default } from './form-field-grid';
2
+ export * from './form-field-grid';
@@ -1 +1,3 @@
1
- export { default } from './form-field-grid';
1
+ export { default } from './form-field-grid';
2
+ export * from './form-field-grid';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/form-field-grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,cAAc,mBAAmB,CAAC"}
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import type { AlertProps, AlertTitleProps } from '@mui/material';
3
+ import type { FormTemplateCommonProps } from '@data-driven-forms/common/form-template';
4
+ interface FormErrorObject {
5
+ title?: React.ReactNode;
6
+ description?: React.ReactNode;
7
+ TitleProps?: AlertTitleProps;
8
+ className?: string;
9
+ [key: string]: any;
10
+ }
11
+ interface FormErrorProps {
12
+ formError?: string | FormErrorObject;
13
+ alertProps?: AlertProps;
14
+ }
15
+ export declare const FormError: React.FC<FormErrorProps>;
16
+ declare const MuiFormTemplate: React.FC<FormTemplateCommonProps>;
17
+ export default MuiFormTemplate;