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

package/.eslintrc.json

@@ -0,0 +1,27 @@
+{
+  "extends": ["../../.eslintrc.json"],
+  "ignorePatterns": ["**/*.html", "**/*.css", "**/*.scss"],
+  "overrides": [
+    {
+      "files": ["**/*.ts", "**/*.tsx"],
+      "parser": "@typescript-eslint/parser",
+      "parserOptions": {
+        "ecmaVersion": 2020,
+        "sourceType": "module",
+        "ecmaFeatures": {
+          "jsx": true
+        },
+        "project": ["packages/mui-component-mapper/tsconfig.json", "packages/mui-component-mapper/tsconfig.demo.json"]
+      },
+      "rules": {
+        "@typescript-eslint/no-unused-vars": "error",
+        "no-unused-vars": "off",
+        "@typescript-eslint/no-use-before-define": ["error", { "functions": false }],
+        "no-use-before-define": "off",
+        "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx", ".ts", ".tsx"] }],
+        "react/prop-types": "off",
+        "react/no-unused-prop-types": "off"
+      }
+    }
+  ]
+}

package/CHANGELOG.md

@@ -1,6 +1,14 @@
-## 4.1.13 (2026-02-09)
+## 4.1.14 (2026-02-11)
+
+### 🚀 Features
+
+- **mui:** migrate to TS ([36b60b6d](https://github.com/data-driven-forms/react-forms/commit/36b60b6d))
 
 ### 🧱 Updated Dependencies
 
-- Updated @data-driven-forms/common to 4.1.11
-- Updated @data-driven-forms/react-form-renderer to 4.1.11
+- Updated @data-driven-forms/common to 4.1.12
+- Updated @data-driven-forms/react-form-renderer to 4.1.12
+
+### ❤️ Thank You
+
+- Martin Marosi @Hyperkid123

package/checkbox/checkbox.d.ts

@@ -1,18 +1,31 @@
-import { UseFieldApiComponentConfig } from '@data-driven-forms/react-form-renderer';
-import { CheckboxProps as MuiCheckboxProps, GridProps, FormControlProps, FormGroupProps, FormControlLabelProps, FormLabelProps, FormHelperTextProps } from '@mui/material';
-
-interface InternalCheckboxProps extends MuiCheckboxProps {
-  FormFieldGridProps?: GridProps;
-  FormControlProps?: FormControlProps;
-  FormGroupProps?: FormGroupProps;
-  FormControlLabelProps: FormControlLabelProps;
-  CheckboxProps: MuiCheckboxProps;
-  FormLabelProps: FormLabelProps;
-  FormHelperTextProps: FormHelperTextProps;
+import React from 'react';
+import type { CheckboxProps as MUICheckboxProps, FormControlProps, FormControlLabelProps, FormHelperTextProps, FormGroupProps, FormLabelProps } from '@mui/material';
+import type { BaseFieldProps } from '@data-driven-forms/react-form-renderer';
+import type { SelectOption, OptionValue } from '@data-driven-forms/common';
+import type { FormFieldGridProps } from '../form-field-grid/form-field-grid';
+export interface SingleCheckboxProps extends BaseFieldProps {
+    FormFieldGridProps?: FormFieldGridProps;
+    FormControlProps?: FormControlProps;
+    FormGroupProps?: FormGroupProps;
+    FormControlLabelProps?: FormControlLabelProps;
+    CheckboxProps?: MUICheckboxProps;
+    FormLabelProps?: FormLabelProps;
+    FormHelperTextProps?: FormHelperTextProps;
+    inputProps?: Record<string, any>;
+    [key: string]: any;
 }
-
-export type CheckboxProps = InternalCheckboxProps & UseFieldApiComponentConfig;
-
-declare const Checkbox: React.ComponentType<CheckboxProps>;
-
+export interface CheckboxProps<T = OptionValue> extends BaseFieldProps {
+    options?: SelectOption<T>[];
+    FormFieldGridProps?: FormFieldGridProps;
+    FormControlProps?: FormControlProps;
+    FormGroupProps?: FormGroupProps;
+    FormControlLabelProps?: FormControlLabelProps;
+    CheckboxProps?: MUICheckboxProps;
+    FormLabelProps?: FormLabelProps;
+    FormHelperTextProps?: FormHelperTextProps;
+    inputProps?: Record<string, any>;
+    [key: string]: any;
+}
+export declare const SingleCheckbox: React.FC<SingleCheckboxProps>;
+declare function Checkbox<T = OptionValue>({ options, ...props }: CheckboxProps<T>): import("react/jsx-runtime").JSX.Element;
 export default Checkbox;

package/checkbox/checkbox.js

@@ -1,80 +1,47 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.SingleCheckbox = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
-var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
-var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
-var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
-var _FormGroup = _interopRequireDefault(require("@mui/material/FormGroup"));
-var _FormLabel = _interopRequireDefault(require("@mui/material/FormLabel"));
-var _formFieldGrid = _interopRequireDefault(require("../form-field-grid/form-field-grid"));
-var _validationError = require("../validation-error/validation-error");
-var _multipleChoiceList = _interopRequireDefault(require("../multiple-choice-list/multiple-choice-list"));
-var _useFieldApi2 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
-var _excluded = ["input", "isReadOnly", "isDisabled", "isRequired", "label", "helperText", "description", "validateOnMount", "meta", "FormFieldGridProps", "FormControlProps", "FormGroupProps", "FormControlLabelProps", "CheckboxProps", "FormLabelProps", "FormHelperTextProps", "inputProps"],
-  _excluded2 = ["options"];
-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; }
-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; }
-var SingleCheckbox = exports.SingleCheckbox = function SingleCheckbox(props) {
-  var _useFieldApi = (0, _useFieldApi2["default"])(_objectSpread(_objectSpread({}, props), {}, {
-      type: 'checkbox'
-    })),
-    input = _useFieldApi.input,
-    isReadOnly = _useFieldApi.isReadOnly,
-    isDisabled = _useFieldApi.isDisabled,
-    isRequired = _useFieldApi.isRequired,
-    label = _useFieldApi.label,
-    helperText = _useFieldApi.helperText,
-    description = _useFieldApi.description,
-    validateOnMount = _useFieldApi.validateOnMount,
-    meta = _useFieldApi.meta,
-    _useFieldApi$FormFiel = _useFieldApi.FormFieldGridProps,
-    FormFieldGridProps = _useFieldApi$FormFiel === void 0 ? {} : _useFieldApi$FormFiel,
-    _useFieldApi$FormCont = _useFieldApi.FormControlProps,
-    FormControlProps = _useFieldApi$FormCont === void 0 ? {} : _useFieldApi$FormCont,
-    _useFieldApi$FormGrou = _useFieldApi.FormGroupProps,
-    FormGroupProps = _useFieldApi$FormGrou === void 0 ? {} : _useFieldApi$FormGrou,
-    _useFieldApi$FormCont2 = _useFieldApi.FormControlLabelProps,
-    FormControlLabelProps = _useFieldApi$FormCont2 === void 0 ? {} : _useFieldApi$FormCont2,
-    _useFieldApi$Checkbox = _useFieldApi.CheckboxProps,
-    CheckboxProps = _useFieldApi$Checkbox === void 0 ? {} : _useFieldApi$Checkbox,
-    _useFieldApi$FormLabe = _useFieldApi.FormLabelProps,
-    FormLabelProps = _useFieldApi$FormLabe === void 0 ? {} : _useFieldApi$FormLabe,
-    _useFieldApi$FormHelp = _useFieldApi.FormHelperTextProps,
-    FormHelperTextProps = _useFieldApi$FormHelp === void 0 ? {} : _useFieldApi$FormHelp,
-    inputProps = _useFieldApi.inputProps,
-    rest = (0, _objectWithoutProperties2["default"])(_useFieldApi, _excluded);
-  var invalid = (0, _validationError.validationError)(meta, validateOnMount);
-  var text = invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description;
-  return /*#__PURE__*/_react["default"].createElement(_formFieldGrid["default"], FormFieldGridProps, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], (0, _extends2["default"])({
-    required: isRequired,
-    error: !!invalid,
-    component: "fieldset"
-  }, FormControlProps), /*#__PURE__*/_react["default"].createElement(_FormGroup["default"], FormGroupProps, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], (0, _extends2["default"])({}, FormControlLabelProps, {
-    control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], (0, _extends2["default"])({}, input, CheckboxProps, {
-      disabled: isDisabled || isReadOnly,
-      value: input.name,
-      inputProps: _objectSpread({
-        readOnly: isReadOnly
-      }, inputProps)
-    }, rest)),
-    disabled: isDisabled || isReadOnly,
-    label: /*#__PURE__*/_react["default"].createElement(_FormLabel["default"], FormLabelProps, label)
-  })), text && /*#__PURE__*/_react["default"].createElement(_FormHelperText["default"], FormHelperTextProps, text))));
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
-var Checkbox = function Checkbox(_ref) {
-  var options = _ref.options,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
-  return options ? /*#__PURE__*/_react["default"].createElement(_multipleChoiceList["default"], (0, _extends2["default"])({
-    options: options
-  }, props)) : /*#__PURE__*/_react["default"].createElement(SingleCheckbox, props);
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
-var _default = exports["default"] = Checkbox;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SingleCheckbox = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var react_form_renderer_1 = require("@data-driven-forms/react-form-renderer");
+var form_field_grid_1 = __importDefault(require("../form-field-grid/form-field-grid"));
+var validation_error_1 = require("../validation-error/validation-error");
+var multiple_choice_list_1 = __importDefault(require("../multiple-choice-list/multiple-choice-list"));
+var SingleCheckbox = function (props) {
+    var _a = (0, react_form_renderer_1.useFieldApi)(__assign(__assign({}, props), { type: 'checkbox' })), input = _a.input, isReadOnly = _a.isReadOnly, isDisabled = _a.isDisabled, isRequired = _a.isRequired, label = _a.label, helperText = _a.helperText, description = _a.description, validateOnMount = _a.validateOnMount, meta = _a.meta, _b = _a.FormFieldGridProps, FormFieldGridProps = _b === void 0 ? {} : _b, _c = _a.FormControlProps, FormControlProps = _c === void 0 ? {} : _c, _d = _a.FormGroupProps, FormGroupProps = _d === void 0 ? {} : _d, _e = _a.FormControlLabelProps, FormControlLabelProps = _e === void 0 ? {} : _e, _f = _a.CheckboxProps, CheckboxProps = _f === void 0 ? {} : _f, _g = _a.FormLabelProps, FormLabelProps = _g === void 0 ? {} : _g, _h = _a.FormHelperTextProps, FormHelperTextProps = _h === void 0 ? {} : _h, inputProps = _a.inputProps, rest = __rest(_a, ["input", "isReadOnly", "isDisabled", "isRequired", "label", "helperText", "description", "validateOnMount", "meta", "FormFieldGridProps", "FormControlProps", "FormGroupProps", "FormControlLabelProps", "CheckboxProps", "FormLabelProps", "FormHelperTextProps", "inputProps"]);
+    var invalid = (0, validation_error_1.validationError)(meta, validateOnMount);
+    var text = invalid || ((meta.touched || validateOnMount) && meta.warning) || helperText || description;
+    return ((0, jsx_runtime_1.jsx)(form_field_grid_1.default, __assign({}, FormFieldGridProps, { children: (0, jsx_runtime_1.jsx)(material_1.FormControl, __assign({ required: isRequired, error: !!invalid, component: "fieldset" }, FormControlProps, { children: (0, jsx_runtime_1.jsxs)(material_1.FormGroup, __assign({}, FormGroupProps, { children: [(0, jsx_runtime_1.jsx)(material_1.FormControlLabel, __assign({}, FormControlLabelProps, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, __assign({}, input, CheckboxProps, { disabled: isDisabled || isReadOnly, value: input.name, inputProps: __assign({ readOnly: isReadOnly }, inputProps) }, rest)), disabled: isDisabled || isReadOnly, label: (0, jsx_runtime_1.jsx)(material_1.FormLabel, __assign({}, FormLabelProps, { children: label })) })), text && (0, jsx_runtime_1.jsx)(material_1.FormHelperText, __assign({}, FormHelperTextProps, { children: text }))] })) })) })));
+};
+exports.SingleCheckbox = SingleCheckbox;
+function Checkbox(_a) {
+    var options = _a.options, props = __rest(_a, ["options"]);
+    return options ? (0, jsx_runtime_1.jsx)(multiple_choice_list_1.default, __assign({ options: options }, props)) : (0, jsx_runtime_1.jsx)(exports.SingleCheckbox, __assign({}, props));
+}
+exports.default = Checkbox;
+//# sourceMappingURL=checkbox.js.map

package/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../src/checkbox/checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0CAA6H;AAS7H,8EAAqE;AAIrE,uFAA+D;AAC/D,yEAAuE;AAEvE,sGAA8E;AA4BvE,IAAM,cAAc,GAAkC,UAAC,KAAK;IACjE,IAAM,KAmBF,IAAA,iCAAW,wBACV,KAAK,KACR,IAAI,EAAE,UAAU,IAChB,EArBA,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,0BAAuB,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,wBAAqB,EAArB,gBAAgB,mBAAG,EAAE,KAAA,EACrB,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,6BAA0B,EAA1B,qBAAqB,mBAAG,EAAE,KAAA,EAC1B,qBAAkB,EAAlB,aAAa,mBAAG,EAAE,KAAA,EAClB,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,2BAAwB,EAAxB,mBAAmB,mBAAG,EAAE,KAAA,EACxB,UAAU,gBAAA,EACP,IAAI,cAlBH,iRAmBL,CAGC,CAAC;IACH,IAAM,OAAO,GAAG,IAAA,kCAAe,EAAC,IAAyB,EAAE,eAAe,CAAC,CAAC;IAC5E,IAAM,IAAI,GAAG,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,eAAe,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,UAAU,IAAI,WAAW,CAAC;IAEzG,OAAO,CACL,uBAAC,yBAAa,eAAK,kBAAkB,cACnC,uBAAC,sBAAW,aAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,EAAE,SAAS,EAAC,UAAU,IAAK,gBAAgB,cAC5F,wBAAC,oBAAS,eAAK,cAAc,eAC3B,uBAAC,2BAAgB,eACX,qBAAqB,IACzB,OAAO,EACL,uBAAC,mBAAW,eACN,KAAK,EACL,aAAa,IACjB,QAAQ,EAAE,UAAU,IAAI,UAAU,EAClC,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,UAAU,aACR,QAAQ,EAAE,UAAU,IACjB,UAAU,KAEX,IAAI,EACR,EAEJ,QAAQ,EAAE,UAAU,IAAI,UAAU,EAClC,KAAK,EAAE,uBAAC,oBAAS,eAAK,cAAc,cAAG,KAAK,IAAa,IACzD,EACD,IAAI,IAAI,uBAAC,yBAAc,eAAK,mBAAmB,cAAG,IAAI,IAAkB,KAC/D,IACA,IACA,CACjB,CAAC;AACJ,CAAC,CAAC;AAtDW,QAAA,cAAc,kBAsDzB;AAEF,SAAS,QAAQ,CAAkB,EAAuC;IAArC,IAAA,OAAO,aAAA,EAAK,KAAK,cAAnB,WAAqB,CAAF;IACpD,OAAO,OAAO,CAAC,CAAC,CAAC,uBAAC,8BAAkB,aAAC,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CAAC,CAAC,CAAC,uBAAC,sBAAc,eAAK,KAAK,EAAI,CAAC;AACvG,CAAC;AAED,kBAAe,QAAQ,CAAC"}

package/checkbox/index.js

@@ -1,26 +1,24 @@
 "use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _checkbox["default"];
-  }
-});
-var _checkbox = _interopRequireWildcard(require("./checkbox"));
-Object.keys(_checkbox).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _checkbox[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _checkbox[key];
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
     }
-  });
-});
-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); }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var checkbox_1 = require("./checkbox");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(checkbox_1).default; } });
+__exportStar(require("./checkbox"), exports);
+//# sourceMappingURL=index.js.map

package/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/checkbox/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,uCAAqC;AAA5B,oHAAA,OAAO,OAAA;AAChB,6CAA2B"}

package/component-mapper/component-mapper.d.ts

@@ -1,41 +1,36 @@
-import { ComponentTypes, ComponentMapper } from '@data-driven-forms/react-form-renderer';
-
-interface Components  {
-  TextField: React.ComponentType;
-  Textarea: React.ComponentType;
-  Select: React.ComponentType;
-  Checkbox: React.ComponentType;
-  Radio: React.ComponentType;
-  Switch: React.ComponentType;
-  DatePicker: React.ComponentType;
-  TimePicker: React.ComponentType;
-  PlainText: React.ComponentType;
-  SubForm: React.ComponentType;
-  Wizard: React.ComponentType;
-  DualListSelect: React.ComponentType;
-  Slider: React.ComponentType;
-}
-
-interface componentMapper extends ComponentMapper  {
-  [ComponentTypes.TEXT_FIELD]: React.ComponentType;
-  [ComponentTypes.TEXTAREA]: React.ComponentType;
-  [ComponentTypes.SELECT]: React.ComponentType;
-  [ComponentTypes.CHECKBOX]: React.ComponentType;
-  [ComponentTypes.SUB_FORM]: React.ComponentType;
-  [ComponentTypes.RADIO]: React.ComponentType;
-  [ComponentTypes.TABS]: React.ComponentType;
-  [ComponentTypes.DATE_PICKER]: React.ComponentType;
-  [ComponentTypes.TIME_PICKER]: React.ComponentType;
-  [ComponentTypes.SWITCH]: React.ComponentType;
-  [ComponentTypes.PLAIN_TEXT]: React.ComponentType;
-  [ComponentTypes.WIZARD]: React.ComponentType;
-  [ComponentTypes.FIELD_ARRAY]: React.ComponentType;
-  [ComponentTypes.DUAL_LIST_SELECT]: React.ComponentType;
-  [ComponentTypes.SLIDER]: React.ComponentType;
-}
-
-declare const componentMapper: componentMapper;
-
-export const Components: Components;
-
+import Checkbox from '../checkbox';
+import Select from '../select';
+import Radio from '../radio';
+export declare const components: {
+    readonly TextField: import("react").FC<import("../text-field").TextFieldProps>;
+    readonly Textarea: import("react").FC<import("../textarea").TextareaProps>;
+    readonly Select: typeof Select;
+    readonly Checkbox: typeof Checkbox;
+    readonly Radio: typeof Radio;
+    readonly Switch: import("react").FC<import("../switch").SwitchProps>;
+    readonly DatePicker: import("react").FC<import("../date-picker").DatePickerProps>;
+    readonly TimePicker: import("react").FC<import("../time-picker").TimePickerProps>;
+    readonly PlainText: import("react").FC<import("../plain-text").PlainTextProps>;
+    readonly SubForm: import("react").FC<import("../sub-form").SubFormProps>;
+    readonly Wizard: import("react").FC<import("@data-driven-forms/common").WizardProps>;
+    readonly DualListSelect: import("react").FC<any>;
+    readonly Slider: import("react").FC<import("../slider").SliderProps>;
+};
+declare const componentMapper: {
+    readonly "text-field": import("react").FC<import("../text-field").TextFieldProps>;
+    readonly textarea: import("react").FC<import("../textarea").TextareaProps>;
+    readonly select: typeof Select;
+    readonly checkbox: typeof Checkbox;
+    readonly "sub-form": import("react").FC<import("../sub-form").SubFormProps>;
+    readonly radio: typeof Radio;
+    readonly tabs: import("react").FC<import("../tabs").FormTabsProps>;
+    readonly "date-picker": import("react").FC<import("../date-picker").DatePickerProps>;
+    readonly "time-picker": import("react").FC<import("../time-picker").TimePickerProps>;
+    readonly switch: import("react").FC<import("../switch").SwitchProps>;
+    readonly "plain-text": import("react").FC<import("../plain-text").PlainTextProps>;
+    readonly wizard: import("react").FC<import("@data-driven-forms/common").WizardProps>;
+    readonly "field-array": import("react").FC<import("../field-array").DynamicArrayProps>;
+    readonly "dual-list-select": import("react").FC<any>;
+    readonly slider: import("react").FC<import("../slider").SliderProps>;
+};
 export default componentMapper;

package/component-mapper/component-mapper.js

@@ -1,42 +1,57 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.components = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _componentTypes = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/component-types"));
-var _subForm = _interopRequireDefault(require("../sub-form"));
-var _tabs = _interopRequireDefault(require("../tabs"));
-var _textField = _interopRequireDefault(require("../text-field"));
-var _textarea = _interopRequireDefault(require("../textarea"));
-var _checkbox = _interopRequireDefault(require("../checkbox"));
-var _switch = _interopRequireDefault(require("../switch"));
-var _timePicker = _interopRequireDefault(require("../time-picker"));
-var _datePicker = _interopRequireDefault(require("../date-picker"));
-var _plainText = _interopRequireDefault(require("../plain-text"));
-var _select = _interopRequireDefault(require("../select"));
-var _radio = _interopRequireDefault(require("../radio"));
-var _wizard = _interopRequireDefault(require("../wizard"));
-var _fieldArray = _interopRequireDefault(require("../field-array"));
-var _dualListSelect = _interopRequireDefault(require("../dual-list-select"));
-var _slider = _interopRequireDefault(require("../slider"));
-var _componentMapper;
-var components = exports.components = {
-  TextField: _textField["default"],
-  Textarea: _textarea["default"],
-  Select: _select["default"],
-  Checkbox: _checkbox["default"],
-  Radio: _radio["default"],
-  Switch: _switch["default"],
-  DatePicker: _datePicker["default"],
-  TimePicker: _timePicker["default"],
-  PlainText: _plainText["default"],
-  SubForm: _subForm["default"],
-  Wizard: _wizard["default"],
-  DualListSelect: _dualListSelect["default"],
-  Slider: _slider["default"]
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var componentMapper = (_componentMapper = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_componentMapper, _componentTypes["default"].TEXT_FIELD, _textField["default"]), _componentTypes["default"].TEXTAREA, _textarea["default"]), _componentTypes["default"].SELECT, _select["default"]), _componentTypes["default"].CHECKBOX, _checkbox["default"]), _componentTypes["default"].SUB_FORM, _subForm["default"]), _componentTypes["default"].RADIO, _radio["default"]), _componentTypes["default"].TABS, _tabs["default"]), _componentTypes["default"].DATE_PICKER, _datePicker["default"]), _componentTypes["default"].TIME_PICKER, _timePicker["default"]), _componentTypes["default"].SWITCH, _switch["default"]), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_componentMapper, _componentTypes["default"].PLAIN_TEXT, _plainText["default"]), _componentTypes["default"].WIZARD, _wizard["default"]), _componentTypes["default"].FIELD_ARRAY, _fieldArray["default"]), _componentTypes["default"].DUAL_LIST_SELECT, _dualListSelect["default"]), _componentTypes["default"].SLIDER, _slider["default"]));
-var _default = exports["default"] = componentMapper;
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.components = void 0;
+var react_form_renderer_1 = require("@data-driven-forms/react-form-renderer");
+var sub_form_1 = __importDefault(require("../sub-form"));
+var tabs_1 = __importDefault(require("../tabs"));
+var text_field_1 = __importDefault(require("../text-field"));
+var textarea_1 = __importDefault(require("../textarea"));
+var checkbox_1 = __importDefault(require("../checkbox"));
+var switch_1 = __importDefault(require("../switch"));
+var time_picker_1 = __importDefault(require("../time-picker"));
+var date_picker_1 = __importDefault(require("../date-picker"));
+var plain_text_1 = __importDefault(require("../plain-text"));
+var select_1 = __importDefault(require("../select"));
+var radio_1 = __importDefault(require("../radio"));
+var wizard_1 = __importDefault(require("../wizard"));
+var field_array_1 = __importDefault(require("../field-array"));
+var dual_list_select_1 = __importDefault(require("../dual-list-select"));
+var slider_1 = __importDefault(require("../slider"));
+exports.components = {
+    TextField: text_field_1.default,
+    Textarea: textarea_1.default,
+    Select: select_1.default,
+    Checkbox: checkbox_1.default,
+    Radio: radio_1.default,
+    Switch: switch_1.default,
+    DatePicker: date_picker_1.default,
+    TimePicker: time_picker_1.default,
+    PlainText: plain_text_1.default,
+    SubForm: sub_form_1.default,
+    Wizard: wizard_1.default,
+    DualListSelect: dual_list_select_1.default,
+    Slider: slider_1.default,
+};
+var componentMapper = (_a = {},
+    _a[react_form_renderer_1.componentTypes.TEXT_FIELD] = text_field_1.default,
+    _a[react_form_renderer_1.componentTypes.TEXTAREA] = textarea_1.default,
+    _a[react_form_renderer_1.componentTypes.SELECT] = select_1.default,
+    _a[react_form_renderer_1.componentTypes.CHECKBOX] = checkbox_1.default,
+    _a[react_form_renderer_1.componentTypes.SUB_FORM] = sub_form_1.default,
+    _a[react_form_renderer_1.componentTypes.RADIO] = radio_1.default,
+    _a[react_form_renderer_1.componentTypes.TABS] = tabs_1.default,
+    _a[react_form_renderer_1.componentTypes.DATE_PICKER] = date_picker_1.default,
+    _a[react_form_renderer_1.componentTypes.TIME_PICKER] = time_picker_1.default,
+    _a[react_form_renderer_1.componentTypes.SWITCH] = switch_1.default,
+    _a[react_form_renderer_1.componentTypes.PLAIN_TEXT] = plain_text_1.default,
+    _a[react_form_renderer_1.componentTypes.WIZARD] = wizard_1.default,
+    _a[react_form_renderer_1.componentTypes.FIELD_ARRAY] = field_array_1.default,
+    _a[react_form_renderer_1.componentTypes.DUAL_LIST_SELECT] = dual_list_select_1.default,
+    _a[react_form_renderer_1.componentTypes.SLIDER] = slider_1.default,
+    _a);
+exports.default = componentMapper;
+//# sourceMappingURL=component-mapper.js.map

package/component-mapper/component-mapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-mapper.js","sourceRoot":"","sources":["../src/component-mapper/component-mapper.ts"],"names":[],"mappings":";;;;;;;AAAA,8EAAwE;AAExE,yDAAkC;AAClC,iDAA2B;AAC3B,6DAAsC;AACtC,yDAAmC;AACnC,yDAAmC;AACnC,qDAA+B;AAC/B,+DAAwC;AACxC,+DAAwC;AACxC,6DAAsC;AACtC,qDAA+B;AAC/B,mDAA6B;AAC7B,qDAA+B;AAC/B,+DAAwC;AACxC,yEAAiD;AACjD,qDAA+B;AAElB,QAAA,UAAU,GAAG;IACxB,SAAS,sBAAA;IACT,QAAQ,oBAAA;IACR,MAAM,kBAAA;IACN,QAAQ,oBAAA;IACR,KAAK,iBAAA;IACL,MAAM,kBAAA;IACN,UAAU,uBAAA;IACV,UAAU,uBAAA;IACV,SAAS,sBAAA;IACT,OAAO,oBAAA;IACP,MAAM,kBAAA;IACN,cAAc,4BAAA;IACd,MAAM,kBAAA;CACE,CAAC;AAEX,IAAM,eAAe,GAAG,CAAA;IACtB,GAAC,oCAAc,CAAC,UAAU,IAAG,oBAAS;IACtC,GAAC,oCAAc,CAAC,QAAQ,IAAG,kBAAQ;IACnC,GAAC,oCAAc,CAAC,MAAM,IAAG,gBAAM;IAC/B,GAAC,oCAAc,CAAC,QAAQ,IAAG,kBAAQ;IACnC,GAAC,oCAAc,CAAC,QAAQ,IAAG,kBAAO;IAClC,GAAC,oCAAc,CAAC,KAAK,IAAG,eAAK;IAC7B,GAAC,oCAAc,CAAC,IAAI,IAAG,cAAI;IAC3B,GAAC,oCAAc,CAAC,WAAW,IAAG,qBAAU;IACxC,GAAC,oCAAc,CAAC,WAAW,IAAG,qBAAU;IACxC,GAAC,oCAAc,CAAC,MAAM,IAAG,gBAAM;IAC/B,GAAC,oCAAc,CAAC,UAAU,IAAG,oBAAS;IACtC,GAAC,oCAAc,CAAC,MAAM,IAAG,gBAAM;IAC/B,GAAC,oCAAc,CAAC,WAAW,IAAG,qBAAU;IACxC,GAAC,oCAAc,CAAC,gBAAgB,IAAG,0BAAc;IACjD,GAAC,oCAAc,CAAC,MAAM,IAAG,gBAAM;MACvB,CAAA,CAAC;AAEX,kBAAe,eAAe,CAAC"}

package/component-mapper/index.js

@@ -1,26 +1,24 @@
 "use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _componentMapper["default"];
-  }
-});
-var _componentMapper = _interopRequireWildcard(require("./component-mapper"));
-Object.keys(_componentMapper).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _componentMapper[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _componentMapper[key];
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
     }
-  });
-});
-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); }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var component_mapper_1 = require("./component-mapper");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(component_mapper_1).default; } });
+__exportStar(require("./component-mapper"), exports);
+//# sourceMappingURL=index.js.map

package/component-mapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/component-mapper/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,uDAA6C;AAApC,4HAAA,OAAO,OAAA;AAChB,qDAAmC"}

package/date-picker/date-picker.d.ts

@@ -1,12 +1,12 @@
-import { DatePickerProps as MuiDatePickerProps } from "@mui/x-date-pickers/DatePicker";
-import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
-import { GridProps } from "@mui/material";
-type InternalDatePickerProps<TInputDate, TDate> = MuiDatePickerProps<TInputDate, TDate> & {
-  FormFieldGridProps: GridProps;
+import React from 'react';
+import type { DatePickerProps as MUIDatePickerProps } from '@mui/x-date-pickers';
+import type { BaseFieldProps } from '@data-driven-forms/react-form-renderer';
+import type { FormFieldGridProps } from '../form-field-grid/form-field-grid';
+export interface DatePickerProps extends BaseFieldProps {
+    placeholder?: string;
+    FormFieldGridProps?: FormFieldGridProps;
+    DatePickerProps?: Omit<MUIDatePickerProps<Date>, 'value' | 'onChange' | 'disabled' | 'readOnly'>;
+    [key: string]: any;
 }
-
-export type DatePickerProps<TInputDate, TDate> = InternalDatePickerProps<TInputDate, TDate> & UseFieldApiComponentConfig;
-
-declare const DatePicker: React.ComponentType<DatePickerProps<any, any>>;
-
+declare const DatePicker: React.FC<DatePickerProps>;
 export default DatePicker;