@data-driven-forms/mui-component-mapper 4.1.13 → 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 +11 -3
  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 +8 -10
  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,35 +1,32 @@
1
1
  "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
- var _react = _interopRequireDefault(require("react"));
11
- var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
12
- var _excluded = ["label", "name", "component", "element", "variant", "gutterBottom"];
13
- var PlainText = function PlainText(_ref) {
14
- var label = _ref.label,
15
- name = _ref.name,
16
- component = _ref.component,
17
- element = _ref.element,
18
- _ref$variant = _ref.variant,
19
- variant = _ref$variant === void 0 ? 'body1' : _ref$variant,
20
- _ref$gutterBottom = _ref.gutterBottom,
21
- gutterBottom = _ref$gutterBottom === void 0 ? true : _ref$gutterBottom,
22
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
23
- return typeof label === 'string' ? label.split('\n').map(function (paragraph, index) {
24
- return /*#__PURE__*/_react["default"].createElement(_Typography["default"], (0, _extends2["default"])({
25
- key: "".concat(index, "-").concat(name),
26
- variant: variant,
27
- gutterBottom: gutterBottom
28
- }, props, element && {
29
- component: element
30
- }), paragraph);
31
- }) : /*#__PURE__*/_react["default"].createElement(_Typography["default"], (0, _extends2["default"])({}, props, element && {
32
- component: element
33
- }), label);
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
34
12
  };
35
- var _default = exports["default"] = PlainText;
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ var jsx_runtime_1 = require("react/jsx-runtime");
26
+ var material_1 = require("@mui/material");
27
+ var PlainText = function (_a) {
28
+ var label = _a.label, name = _a.name, component = _a.component, element = _a.element, _b = _a.variant, variant = _b === void 0 ? 'body1' : _b, _c = _a.gutterBottom, gutterBottom = _c === void 0 ? true : _c, props = __rest(_a, ["label", "name", "component", "element", "variant", "gutterBottom"]);
29
+ return typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: label.split('\n').map(function (paragraph, index) { return ((0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: variant, gutterBottom: gutterBottom }, props, (element && { component: element }), { children: paragraph }), "".concat(index, "-").concat(name))); }) })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, __assign({}, props, (element && { component: element }), { children: label })));
30
+ };
31
+ exports.default = PlainText;
32
+ //# sourceMappingURL=plain-text.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"plain-text.js","sourceRoot":"","sources":["../src/plain-text/plain-text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,0CAA2C;AAY3C,IAAM,SAAS,GAA6B,UAAC,EAAqF;IAAnF,IAAA,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EAAE,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EAAK,KAAK,cAAnF,oEAAqF,CAAF;IAC9H,OAAA,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1B,2DACG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,UAAC,SAAS,EAAE,KAAK,IAAK,OAAA,CAC3C,uBAAC,qBAAU,aAA0B,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,IAAM,KAAK,EAAM,CAAC,OAAO,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,cAClI,SAAS,KADK,UAAG,KAAK,cAAI,IAAI,CAAE,CAEtB,CACd,EAJ4C,CAI5C,CAAC,GACD,CACJ,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAU,eAAK,KAAK,EAAM,CAAC,OAAO,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,cAC3D,KAAK,IACK,CACd,CAAA;CAAA,CAAC;AAEJ,kBAAe,SAAS,CAAC"}
package/radio/index.js CHANGED
@@ -1,26 +1,24 @@
1
1
  "use strict";
2
-
3
- var _typeof = require("@babel/runtime/helpers/typeof");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- var _exportNames = {};
8
- Object.defineProperty(exports, "default", {
9
- enumerable: true,
10
- get: function get() {
11
- return _radio["default"];
12
- }
13
- });
14
- var _radio = _interopRequireWildcard(require("./radio"));
15
- Object.keys(_radio).forEach(function (key) {
16
- if (key === "default" || key === "__esModule") return;
17
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
18
- if (key in exports && exports[key] === _radio[key]) return;
19
- Object.defineProperty(exports, key, {
20
- enumerable: true,
21
- get: function get() {
22
- return _radio[key];
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
23
7
  }
24
- });
25
- });
26
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ var __importDefault = (this && this.__importDefault) || function (mod) {
17
+ return (mod && mod.__esModule) ? mod : { "default": mod };
18
+ };
19
+ Object.defineProperty(exports, "__esModule", { value: true });
20
+ exports.default = void 0;
21
+ var radio_1 = require("./radio");
22
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(radio_1).default; } });
23
+ __exportStar(require("./radio"), exports);
24
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/radio/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,iCAAkC;AAAzB,iHAAA,OAAO,OAAA;AAChB,0CAAwB"}
package/radio/radio.d.ts CHANGED
@@ -1,27 +1,19 @@
1
- import { UseFieldApiComponentConfig, AnyObject } from "@data-driven-forms/react-form-renderer";
2
- import { RadioProps as MuiRadioProps, GridProps, FormControlProps, FormControlLabelProps, FormLabelProps, FormHelperTextProps } from '@mui/material';
3
- import { ReactNode } from "react";
4
-
5
- export interface RadioOption extends AnyObject {
6
- label: ReactNode;
7
- value?: any;
1
+ import type { FormControlLabelProps, FormControlProps, FormLabelProps, FormHelperTextProps } from '@mui/material';
2
+ import type { BaseFieldProps } from '@data-driven-forms/react-form-renderer';
3
+ import type { SelectOption, OptionValue } from '@data-driven-forms/common';
4
+ import type { FormFieldGridProps } from '../form-field-grid/form-field-grid';
5
+ export interface RadioProps<T = OptionValue> extends BaseFieldProps {
6
+ options: SelectOption<T>[];
7
+ FormFieldGridProps?: FormFieldGridProps;
8
+ FormControlProps?: FormControlProps;
9
+ FormLabelProps?: FormLabelProps;
10
+ FormHelperTextProps?: FormHelperTextProps;
11
+ FormControlLabelProps?: FormControlLabelProps;
12
+ RadioProps?: {
13
+ inputProps?: Record<string, any>;
14
+ [key: string]: any;
15
+ };
16
+ [key: string]: any;
8
17
  }
9
- interface InternalRadioProps extends MuiRadioProps {
10
- options?: RadioOption[];
11
- FormFieldGridProps?: GridProps;
12
- FormControlProps?: FormControlProps;
13
- FormControlLabelProps?: FormControlLabelProps;
14
- RadioProps?: MuiRadioProps;
15
- FormLabelProps?: FormLabelProps;
16
- FormHelperTextProps?: FormHelperTextProps;
17
- isDisabled?: boolean;
18
- description?: ReactNode;
19
- helperText?: ReactNode;
20
- validateOnMount?: boolean;
21
- }
22
-
23
- export type RadioProps = InternalRadioProps & UseFieldApiComponentConfig;
24
-
25
- declare const Radio: React.ComponentType<RadioProps>;
26
-
18
+ declare function Radio<T = OptionValue>({ name, ...props }: RadioProps<T>): import("react/jsx-runtime").JSX.Element;
27
19
  export default Radio;
package/radio/radio.js CHANGED
@@ -1,121 +1,61 @@
1
1
  "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
- var _react = _interopRequireDefault(require("react"));
12
- var _styles = require("@mui/material/styles");
13
- var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
14
- var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
15
- var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
16
- var _FormLabel = _interopRequireDefault(require("@mui/material/FormLabel"));
17
- var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
18
- var _formFieldGrid = _interopRequireDefault(require("../form-field-grid/form-field-grid"));
19
- var _validationError = require("../validation-error/validation-error");
20
- var _useFieldApi3 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
21
- var _excluded = ["inputProps"],
22
- _excluded2 = ["name", "option", "isDisabled", "isReadOnly", "FormControlLabelProps", "RadioProps"],
23
- _excluded3 = ["name"],
24
- _excluded4 = ["options", "isDisabled", "label", "isRequired", "helperText", "description", "isReadOnly", "meta", "validateOnMount", "FormFieldGridProps", "FormControlProps", "FormLabelProps", "FormHelperTextProps", "FormControlLabelProps", "RadioProps"];
25
- 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; }
26
- 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; }
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ var jsx_runtime_1 = require("react/jsx-runtime");
29
+ var styles_1 = require("@mui/material/styles");
30
+ var material_1 = require("@mui/material");
31
+ var react_form_renderer_1 = require("@data-driven-forms/react-form-renderer");
32
+ var form_field_grid_1 = __importDefault(require("../form-field-grid/form-field-grid"));
33
+ var validation_error_1 = require("../validation-error/validation-error");
27
34
  var PREFIX = 'Radio';
28
35
  var classes = {
29
- grid: "".concat(PREFIX, "-grid")
36
+ grid: "".concat(PREFIX, "-grid"),
30
37
  };
31
- var StyledFormFieldGrid = (0, _styles.styled)(_formFieldGrid["default"])(function () {
32
- return (0, _defineProperty2["default"])({}, "&.".concat(classes.grid), {
33
- '&:first-of-type': {
34
- marginTop: 8
35
- }
36
- });
38
+ var StyledFormFieldGrid = (0, styles_1.styled)(form_field_grid_1.default)(function () {
39
+ var _a;
40
+ return (_a = {},
41
+ _a["&.".concat(classes.grid)] = {
42
+ '&:first-of-type': {
43
+ marginTop: 8,
44
+ },
45
+ },
46
+ _a);
37
47
  });
38
- var RadioOption = function RadioOption(_ref2) {
39
- var name = _ref2.name,
40
- option = _ref2.option,
41
- isDisabled = _ref2.isDisabled,
42
- isReadOnly = _ref2.isReadOnly,
43
- FormControlLabelProps = _ref2.FormControlLabelProps,
44
- _ref2$RadioProps = _ref2.RadioProps,
45
- inputProps = _ref2$RadioProps.inputProps,
46
- RadioProps = (0, _objectWithoutProperties2["default"])(_ref2$RadioProps, _excluded),
47
- props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
48
- var _useFieldApi = (0, _useFieldApi3["default"])({
49
- name: name,
50
- type: 'radio',
51
- value: option.value
52
- }),
53
- input = _useFieldApi.input;
54
- return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], (0, _extends2["default"])({
55
- key: "".concat(name, "-").concat(option.value),
56
- control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], (0, _extends2["default"])({}, input, {
57
- name: name,
58
- disabled: isDisabled || isReadOnly,
59
- onChange: function onChange() {
60
- return input.onChange(option.value);
61
- },
62
- inputProps: _objectSpread({
63
- readOnly: isReadOnly
64
- }, inputProps)
65
- }, RadioProps)),
66
- label: option.label
67
- }, FormControlLabelProps, props));
68
- };
69
- var Radio = function Radio(_ref3) {
70
- var name = _ref3.name,
71
- props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded3);
72
- var _useFieldApi2 = (0, _useFieldApi3["default"])(_objectSpread(_objectSpread({}, props), {}, {
73
- name: name,
74
- type: 'radio'
75
- })),
76
- _useFieldApi2$options = _useFieldApi2.options,
77
- options = _useFieldApi2$options === void 0 ? [] : _useFieldApi2$options,
78
- isDisabled = _useFieldApi2.isDisabled,
79
- label = _useFieldApi2.label,
80
- isRequired = _useFieldApi2.isRequired,
81
- helperText = _useFieldApi2.helperText,
82
- description = _useFieldApi2.description,
83
- isReadOnly = _useFieldApi2.isReadOnly,
84
- meta = _useFieldApi2.meta,
85
- validateOnMount = _useFieldApi2.validateOnMount,
86
- _useFieldApi2$FormFie = _useFieldApi2.FormFieldGridProps,
87
- FormFieldGridProps = _useFieldApi2$FormFie === void 0 ? {} : _useFieldApi2$FormFie,
88
- _useFieldApi2$FormCon = _useFieldApi2.FormControlProps,
89
- FormControlProps = _useFieldApi2$FormCon === void 0 ? {} : _useFieldApi2$FormCon,
90
- _useFieldApi2$FormLab = _useFieldApi2.FormLabelProps,
91
- FormLabelProps = _useFieldApi2$FormLab === void 0 ? {} : _useFieldApi2$FormLab,
92
- _useFieldApi2$FormHel = _useFieldApi2.FormHelperTextProps,
93
- FormHelperTextProps = _useFieldApi2$FormHel === void 0 ? {} : _useFieldApi2$FormHel,
94
- _useFieldApi2$FormCon2 = _useFieldApi2.FormControlLabelProps,
95
- FormControlLabelProps = _useFieldApi2$FormCon2 === void 0 ? {} : _useFieldApi2$FormCon2,
96
- _useFieldApi2$RadioPr = _useFieldApi2.RadioProps,
97
- RadioProps = _useFieldApi2$RadioPr === void 0 ? {} : _useFieldApi2$RadioPr,
98
- rest = (0, _objectWithoutProperties2["default"])(_useFieldApi2, _excluded4);
99
- var invalid = (0, _validationError.validationError)(meta, validateOnMount);
100
- var text = invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description;
101
- return /*#__PURE__*/_react["default"].createElement(StyledFormFieldGrid, (0, _extends2["default"])({
102
- className: classes.grid
103
- }, FormFieldGridProps), /*#__PURE__*/_react["default"].createElement(_FormControl["default"], (0, _extends2["default"])({
104
- required: isRequired,
105
- error: !!invalid,
106
- component: "fieldset"
107
- }, FormControlProps), /*#__PURE__*/_react["default"].createElement(_FormLabel["default"], (0, _extends2["default"])({
108
- component: "legend"
109
- }, FormLabelProps), label), options.map(function (option) {
110
- return /*#__PURE__*/_react["default"].createElement(RadioOption, (0, _extends2["default"])({
111
- key: option.value,
112
- name: name,
113
- option: option,
114
- isDisabled: isDisabled,
115
- isReadOnly: isReadOnly,
116
- FormControlLabelProps: FormControlLabelProps,
117
- RadioProps: RadioProps
118
- }, rest));
119
- }), text && /*#__PURE__*/_react["default"].createElement(_FormHelperText["default"], FormHelperTextProps, text)));
120
- };
121
- var _default = exports["default"] = Radio;
48
+ function RadioOption(_a) {
49
+ var name = _a.name, option = _a.option, isDisabled = _a.isDisabled, isReadOnly = _a.isReadOnly, FormControlLabelProps = _a.FormControlLabelProps, _b = _a.RadioProps, _c = _b === void 0 ? {} : _b, inputProps = _c.inputProps, RadioProps = __rest(_c, ["inputProps"]), props = __rest(_a, ["name", "option", "isDisabled", "isReadOnly", "FormControlLabelProps", "RadioProps"]);
50
+ var input = (0, react_form_renderer_1.useFieldApi)({ name: name, type: 'radio', value: option.value }).input;
51
+ return ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, __assign({ control: (0, jsx_runtime_1.jsx)(material_1.Radio, __assign({}, input, { name: name, disabled: isDisabled || isReadOnly, onChange: function () { return input.onChange(option.value); }, inputProps: __assign({ readOnly: isReadOnly }, inputProps) }, RadioProps)), label: option.label }, FormControlLabelProps, props), "".concat(name, "-").concat(String(option.value))));
52
+ }
53
+ function Radio(_a) {
54
+ var name = _a.name, props = __rest(_a, ["name"]);
55
+ var _b = (0, react_form_renderer_1.useFieldApi)(__assign(__assign({}, props), { name: name, type: 'radio' })), _c = _b.options, options = _c === void 0 ? [] : _c, isDisabled = _b.isDisabled, label = _b.label, isRequired = _b.isRequired, helperText = _b.helperText, description = _b.description, isReadOnly = _b.isReadOnly, meta = _b.meta, validateOnMount = _b.validateOnMount, _d = _b.FormFieldGridProps, FormFieldGridProps = _d === void 0 ? {} : _d, _e = _b.FormControlProps, FormControlProps = _e === void 0 ? {} : _e, _f = _b.FormLabelProps, FormLabelProps = _f === void 0 ? {} : _f, _g = _b.FormHelperTextProps, FormHelperTextProps = _g === void 0 ? {} : _g, _h = _b.FormControlLabelProps, FormControlLabelProps = _h === void 0 ? {} : _h, _j = _b.RadioProps, RadioProps = _j === void 0 ? {} : _j, rest = __rest(_b, ["options", "isDisabled", "label", "isRequired", "helperText", "description", "isReadOnly", "meta", "validateOnMount", "FormFieldGridProps", "FormControlProps", "FormLabelProps", "FormHelperTextProps", "FormControlLabelProps", "RadioProps"]);
56
+ var invalid = (0, validation_error_1.validationError)(meta, validateOnMount);
57
+ var text = invalid || ((meta.touched || validateOnMount) && meta.warning) || helperText || description;
58
+ return ((0, jsx_runtime_1.jsx)(StyledFormFieldGrid, __assign({ className: classes.grid }, FormFieldGridProps, { children: (0, jsx_runtime_1.jsxs)(material_1.FormControl, __assign({ required: isRequired, error: !!invalid, component: "fieldset" }, FormControlProps, { children: [(0, jsx_runtime_1.jsx)(material_1.FormLabel, __assign({ component: "legend" }, FormLabelProps, { children: label })), options.map(function (option) { return ((0, jsx_runtime_1.jsx)(RadioOption, __assign({ name: name || '', option: option, isDisabled: isDisabled, isReadOnly: isReadOnly, FormControlLabelProps: FormControlLabelProps, RadioProps: RadioProps }, rest), String(option.value))); }), text && (0, jsx_runtime_1.jsx)(material_1.FormHelperText, __assign({}, FormHelperTextProps, { children: text }))] })) })));
59
+ }
60
+ exports.default = Radio;
61
+ //# sourceMappingURL=radio.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio.js","sourceRoot":"","sources":["../src/radio/radio.tsx"],"names":[],"mappings":"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"}
package/select/index.js CHANGED
@@ -1,26 +1,24 @@
1
1
  "use strict";
2
-
3
- var _typeof = require("@babel/runtime/helpers/typeof");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- var _exportNames = {};
8
- Object.defineProperty(exports, "default", {
9
- enumerable: true,
10
- get: function get() {
11
- return _select["default"];
12
- }
13
- });
14
- var _select = _interopRequireWildcard(require("./select"));
15
- Object.keys(_select).forEach(function (key) {
16
- if (key === "default" || key === "__esModule") return;
17
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
18
- if (key in exports && exports[key] === _select[key]) return;
19
- Object.defineProperty(exports, key, {
20
- enumerable: true,
21
- get: function get() {
22
- return _select[key];
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
23
7
  }
24
- });
25
- });
26
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ var __importDefault = (this && this.__importDefault) || function (mod) {
17
+ return (mod && mod.__esModule) ? mod : { "default": mod };
18
+ };
19
+ Object.defineProperty(exports, "__esModule", { value: true });
20
+ exports.default = void 0;
21
+ var select_1 = require("./select");
22
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(select_1).default; } });
23
+ __exportStar(require("./select"), exports);
24
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/select/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA;AAChB,2CAAyB"}
@@ -1,29 +1,44 @@
1
- import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
2
- import { AutocompleteProps } from '@mui/material/Autocomplete';
3
- import { ReactNode } from "react";
4
- import { GridProps, TextFieldProps, InputProps } from "@mui/material";
5
-
6
- interface InternalSelectProps<T> extends AutocompleteProps<T, boolean | undefined, boolean | undefined, boolean | undefined> {
7
- isRequired?: boolean;
8
- isDisabled?: boolean;
9
- isReadOnly?: boolean;
10
- disabled?: boolean;
11
- multiple?: boolean;
12
- isMulti?: boolean;
13
- isClearable?: boolean;
14
- disableClearable?: boolean;
15
- loadingMessage?: ReactNode;
16
- loadingText?: ReactNode;
17
- noOptionsMessage?: ReactNode;
18
- noOptionsText?: ReactNode;
19
- closeMenuOnSelect?: boolean;
20
- FormFieldGridProps?: GridProps;
21
- TextFieldProps?: TextFieldProps;
22
- inputProps?: InputProps;
1
+ import type { BaseFieldProps } from '@data-driven-forms/react-form-renderer';
2
+ import type { SelectOption, OptionValue } from '@data-driven-forms/common';
3
+ export interface SelectProps<T = OptionValue> extends BaseFieldProps {
4
+ options?: SelectOption<T>[];
5
+ loadOptions?: (inputValue: string) => Promise<SelectOption<T>[]>;
6
+ isSearchable?: boolean;
7
+ isMulti?: boolean;
8
+ multiple?: boolean;
9
+ isClearable?: boolean;
10
+ disableClearable?: boolean;
11
+ hideSelectedOptions?: boolean;
12
+ closeMenuOnSelect?: boolean;
13
+ isFetching?: boolean;
14
+ noOptionsMessage?: () => string;
15
+ noOptionsText?: () => string;
16
+ loadingMessage?: string;
17
+ loadingText?: string;
18
+ placeholder?: string;
19
+ FormFieldGridProps?: Record<string, any>;
20
+ TextFieldProps?: {
21
+ inputProps?: Record<string, any>;
22
+ [key: string]: any;
23
+ };
24
+ inputProps?: Record<string, any>;
25
+ classNamePrefix?: string;
26
+ onInputChange?: (value: string) => void;
27
+ [key: string]: any;
23
28
  }
24
-
25
- export type SelectProps<T> = InternalSelectProps<T> & UseFieldApiComponentConfig;
26
-
27
- declare const Select: React.ComponentType<SelectProps<any>>;
28
-
29
+ /**
30
+ * Returns label of selected option
31
+ * @param {Object|Array} option currently selected option
32
+ * @param {Array<Object>} options all options available
33
+ * @returns {String}
34
+ */
35
+ export declare function getOptionLabel<T = OptionValue>(option: T | SelectOption<T> | undefined, options: SelectOption<T>[]): string;
36
+ /**
37
+ * Function that creates correct DDF select value format
38
+ * @param {Object|Array} option currently selected values
39
+ * @param {Boolean} isMulti multiple select flag
40
+ * @returns {Object|Array<Object>}
41
+ */
42
+ export declare function createValue<T = OptionValue>(option: T | SelectOption<T> | (T | SelectOption<T>)[] | null, isMulti: boolean): T | SelectOption<T> | (T | SelectOption<T>)[] | undefined;
43
+ declare function Select<T = OptionValue>(props: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
29
44
  export default Select;