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

package/text-field/text-field.d.ts

@@ -1,18 +1,10 @@
-import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
-import { TextFieldProps as MuiTextFieldProps, GridProps } from '@mui/material';
-import { ReactNode } from "react";
-
-interface InternalTextFieldProps {
-  isReadOnly?: boolean;
-  isDisabled?: boolean;
-  isRequired?: boolean;
-  description?: ReactNode;
-  validateOnMount?: boolean;
-  FormFieldGridProps?: GridProps;
+import React from 'react';
+import type { BaseFieldProps } from '@data-driven-forms/react-form-renderer';
+export interface TextFieldProps extends BaseFieldProps {
+    placeholder?: string;
+    inputProps?: Record<string, any>;
+    FormFieldGridProps?: Record<string, any>;
+    [key: string]: any;
 }
-
-export type TextFieldProps = InternalTextFieldProps & MuiTextFieldProps & UseFieldApiComponentConfig;
-
-declare const TextField: React.ComponentType<TextFieldProps>;
-
+declare const TextField: React.FC<TextFieldProps>;
 export default TextField;

package/text-field/text-field.js

@@ -1,48 +1,39 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = 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 _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _formFieldGrid = _interopRequireDefault(require("../form-field-grid/form-field-grid"));
-var _validationError = require("../validation-error/validation-error");
-var _useFieldApi2 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
-var _excluded = ["input", "isReadOnly", "isDisabled", "placeholder", "isRequired", "label", "helperText", "description", "validateOnMount", "meta", "inputProps", "FormFieldGridProps"];
-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 TextField = function TextField(props) {
-  var _useFieldApi = (0, _useFieldApi2["default"])(props),
-    input = _useFieldApi.input,
-    isReadOnly = _useFieldApi.isReadOnly,
-    isDisabled = _useFieldApi.isDisabled,
-    placeholder = _useFieldApi.placeholder,
-    isRequired = _useFieldApi.isRequired,
-    label = _useFieldApi.label,
-    helperText = _useFieldApi.helperText,
-    description = _useFieldApi.description,
-    validateOnMount = _useFieldApi.validateOnMount,
-    meta = _useFieldApi.meta,
-    inputProps = _useFieldApi.inputProps,
-    FormFieldGridProps = _useFieldApi.FormFieldGridProps,
-    rest = (0, _objectWithoutProperties2["default"])(_useFieldApi, _excluded);
-  var invalid = (0, _validationError.validationError)(meta, validateOnMount);
-  return /*#__PURE__*/_react["default"].createElement(_formFieldGrid["default"], FormFieldGridProps, /*#__PURE__*/_react["default"].createElement(_TextField["default"], (0, _extends2["default"])({}, input, {
-    fullWidth: true,
-    error: !!invalid,
-    helperText: invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description,
-    disabled: isDisabled,
-    label: label,
-    placeholder: placeholder,
-    required: isRequired,
-    inputProps: _objectSpread({
-      readOnly: isReadOnly
-    }, inputProps)
-  }, rest)));
+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 _default = exports["default"] = TextField;
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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 TextField = function (props) {
+    var _a = (0, react_form_renderer_1.useFieldApi)(props), input = _a.input, isReadOnly = _a.isReadOnly, isDisabled = _a.isDisabled, placeholder = _a.placeholder, isRequired = _a.isRequired, label = _a.label, helperText = _a.helperText, description = _a.description, validateOnMount = _a.validateOnMount, meta = _a.meta, inputProps = _a.inputProps, FormFieldGridProps = _a.FormFieldGridProps, rest = __rest(_a, ["input", "isReadOnly", "isDisabled", "placeholder", "isRequired", "label", "helperText", "description", "validateOnMount", "meta", "inputProps", "FormFieldGridProps"]);
+    var invalid = (0, validation_error_1.validationError)(meta, validateOnMount);
+    return ((0, jsx_runtime_1.jsx)(form_field_grid_1.default, __assign({}, FormFieldGridProps, { children: (0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, input, { fullWidth: true, error: !!invalid, helperText: invalid || ((meta.touched || validateOnMount) && meta.warning) || helperText || description, disabled: isDisabled, label: label, placeholder: placeholder, required: isRequired, inputProps: __assign({ readOnly: isReadOnly }, inputProps) }, rest)) })));
+};
+exports.default = TextField;
+//# sourceMappingURL=text-field.js.map

package/text-field/text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../src/text-field/text-field.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0CAA0D;AAC1D,8EAAqE;AAGrE,uFAA+D;AAC/D,yEAAuE;AAWvE,IAAM,SAAS,GAA6B,UAAC,KAAK;IAChD,IAAM,KAcF,IAAA,iCAAW,EAAC,KAAK,CAAC,EAbpB,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EACf,IAAI,cAbH,uKAcL,CAAqB,CAAC;IACvB,IAAM,OAAO,GAAG,IAAA,kCAAe,EAAC,IAAyB,EAAE,eAAe,CAAC,CAAC;IAE5E,OAAO,CACL,uBAAC,yBAAa,eAAK,kBAAkB,cACnC,uBAAC,oBAAY,eACP,KAAK,IACT,SAAS,QACT,KAAK,EAAE,CAAC,CAAC,OAAO,EAChB,UAAU,EAAE,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,eAAe,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,UAAU,IAAI,WAAW,EACvG,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,UAAU,EACpB,UAAU,aACR,QAAQ,EAAE,UAAU,IACjB,UAAU,KAEX,IAAI,EACR,IACY,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/textarea/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 _textarea["default"];
-  }
-});
-var _textarea = _interopRequireWildcard(require("./textarea"));
-Object.keys(_textarea).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _textarea[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _textarea[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 textarea_1 = require("./textarea");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(textarea_1).default; } });
+__exportStar(require("./textarea"), exports);
+//# sourceMappingURL=index.js.map

package/textarea/index.js.map

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

package/textarea/textarea.d.ts

@@ -1,19 +1,13 @@
-import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
-import { TextFieldProps, GridProps, InputProps } from "@mui/material";
-import { ReactNode } from "react";
-
-interface InternalTextareaProps {
-  isReadOnly?: boolean;
-  isDisabled?: boolean;
-  isRequired?: boolean;
-  validateOnMount?: boolean;
-  desciption?: ReactNode;
-  FormFieldGridProps?: GridProps;
-  inputProps?: InputProps;
+import React from 'react';
+import type { TextFieldProps as MuiTextFieldProps } from '@mui/material';
+import type { BaseFieldProps } from '@data-driven-forms/react-form-renderer';
+import type { FormFieldGridProps } from '../form-field-grid/form-field-grid';
+export interface TextareaProps extends BaseFieldProps {
+    placeholder?: string;
+    inputProps?: Record<string, any>;
+    FormFieldGridProps?: FormFieldGridProps;
+    TextFieldProps?: Omit<MuiTextFieldProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'onFocus'>;
+    [key: string]: any;
 }
-
-export type TextareaProps = InternalTextareaProps & TextFieldProps & UseFieldApiComponentConfig;
-
-declare const Textarea: React.ComponentType<TextareaProps>;
-
+declare const Textarea: React.FC<TextareaProps>;
 export default Textarea;

package/textarea/textarea.js

@@ -1,52 +1,39 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = 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 _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _formFieldGrid = _interopRequireDefault(require("../form-field-grid/form-field-grid"));
-var _validationError = require("../validation-error/validation-error");
-var _useFieldApi2 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
-var _excluded = ["input", "isReadOnly", "isDisabled", "placeholder", "isRequired", "label", "helperText", "description", "validateOnMount", "meta", "FormFieldGridProps", "inputProps"];
-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 Textarea = function Textarea(props) {
-  var _useFieldApi = (0, _useFieldApi2["default"])(props),
-    input = _useFieldApi.input,
-    isReadOnly = _useFieldApi.isReadOnly,
-    isDisabled = _useFieldApi.isDisabled,
-    placeholder = _useFieldApi.placeholder,
-    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$inputPro = _useFieldApi.inputProps,
-    inputProps = _useFieldApi$inputPro === void 0 ? {} : _useFieldApi$inputPro,
-    rest = (0, _objectWithoutProperties2["default"])(_useFieldApi, _excluded);
-  var invalid = (0, _validationError.validationError)(meta, validateOnMount);
-  return /*#__PURE__*/_react["default"].createElement(_formFieldGrid["default"], FormFieldGridProps, /*#__PURE__*/_react["default"].createElement(_TextField["default"], (0, _extends2["default"])({}, input, {
-    fullWidth: true,
-    error: !!invalid,
-    helperText: invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description,
-    disabled: isDisabled,
-    label: label,
-    placeholder: placeholder,
-    required: isRequired,
-    inputProps: _objectSpread({
-      readOnly: isReadOnly
-    }, inputProps)
-  }, rest, {
-    multiline: true
-  })));
+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 _default = exports["default"] = Textarea;
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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 Textarea = function (props) {
+    var _a = (0, react_form_renderer_1.useFieldApi)(props), input = _a.input, isReadOnly = _a.isReadOnly, isDisabled = _a.isDisabled, placeholder = _a.placeholder, 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.inputProps, inputProps = _c === void 0 ? {} : _c, _d = _a.TextFieldProps, TextFieldProps = _d === void 0 ? {} : _d, rest = __rest(_a, ["input", "isReadOnly", "isDisabled", "placeholder", "isRequired", "label", "helperText", "description", "validateOnMount", "meta", "FormFieldGridProps", "inputProps", "TextFieldProps"]);
+    var invalid = (0, validation_error_1.validationError)(meta, validateOnMount);
+    return ((0, jsx_runtime_1.jsx)(form_field_grid_1.default, __assign({}, FormFieldGridProps, { children: (0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, input, { fullWidth: true, error: !!invalid, helperText: invalid || ((meta.touched || validateOnMount) && meta.warning) || helperText || description, disabled: isDisabled, label: label, placeholder: placeholder, required: isRequired, inputProps: __assign({ readOnly: isReadOnly }, inputProps) }, TextFieldProps, rest, { multiline: true })) })));
+};
+exports.default = Textarea;
+//# sourceMappingURL=textarea.js.map

package/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../src/textarea/textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0CAA0D;AAE1D,8EAAqE;AAGrE,uFAA+D;AAE/D,yEAAuE;AAWvE,IAAM,QAAQ,GAA4B,UAAC,KAAK;IAC9C,IAAM,KAeF,IAAA,iCAAW,EAAC,KAAK,CAAC,EAdpB,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,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,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EAChB,IAAI,cAdH,yLAeL,CAAqB,CAAC;IAEvB,IAAM,OAAO,GAAG,IAAA,kCAAe,EAAC,IAAyB,EAAE,eAAe,CAAC,CAAC;IAE5E,OAAO,CACL,uBAAC,yBAAa,eAAK,kBAAkB,cACnC,uBAAC,oBAAY,eACP,KAAK,IACT,SAAS,QACT,KAAK,EAAE,CAAC,CAAC,OAAO,EAChB,UAAU,EAAE,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,eAAe,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,UAAU,IAAI,WAAW,EACvG,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,UAAU,EACpB,UAAU,aACR,QAAQ,EAAE,UAAU,IACjB,UAAU,KAEX,cAAc,EACd,IAAI,IACR,SAAS,UACT,IACY,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/time-picker/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 _timePicker["default"];
-  }
-});
-var _timePicker = _interopRequireWildcard(require("./time-picker"));
-Object.keys(_timePicker).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _timePicker[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _timePicker[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 time_picker_1 = require("./time-picker");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(time_picker_1).default; } });
+__exportStar(require("./time-picker"), exports);
+//# sourceMappingURL=index.js.map

package/time-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/time-picker/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAA/B,uHAAA,OAAO,OAAA;AAChB,gDAA8B"}

package/time-picker/time-picker.d.ts

@@ -1,18 +1,13 @@
-import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
-import { TimePickerProps as MuiTimePickerProps } from '@mui/x-date-pickers';
-import { ReactNode } from "react";
-import { GridProps } from "@mui/material";
-interface InternalTimePickerProps extends MuiTimePickerProps<unknown, unknown> {
-  isReadOnly?: boolean;
-  isDisabled?: boolean;
-  isRequired?: boolean;
-  description?: ReactNode;
-  validateOnMount?: boolean;
-  FormFieldGridProps?: GridProps;
+import React from 'react';
+import type { TimePickerProps as MUITimePickerProps } 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 TimePickerProps extends BaseFieldProps {
+    placeholder?: string;
+    FormFieldGridProps?: FormFieldGridProps;
+    TimePickerProps?: Omit<MUITimePickerProps<Date>, 'value' | 'onChange' | 'disabled' | 'readOnly'>;
+    MuiPickersUtilsProviderProps?: any;
+    [key: string]: any;
 }
-
-export type TimePickerProps = InternalTimePickerProps & UseFieldApiComponentConfig;
-
-declare const TimePicker: React.ComponentType<TimePickerProps>;
-
+declare const TimePicker: React.FC<TimePickerProps>;
 export default TimePicker;

package/time-picker/time-picker.js

@@ -1,67 +1,54 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _TimePicker = require("@mui/x-date-pickers/TimePicker");
-var _formFieldGrid = _interopRequireDefault(require("../form-field-grid/form-field-grid"));
-var _validationError = require("../validation-error/validation-error");
-var _useFieldApi2 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _excluded = ["input", "isReadOnly", "isDisabled", "placeholder", "isRequired", "label", "helperText", "description", "validateOnMount", "meta", "MuiPickersUtilsProviderProps", "FormFieldGridProps"];
-var TimePicker = function TimePicker(props) {
-  var _useFieldApi = (0, _useFieldApi2["default"])(props),
-    input = _useFieldApi.input,
-    isReadOnly = _useFieldApi.isReadOnly,
-    isDisabled = _useFieldApi.isDisabled,
-    placeholder = _useFieldApi.placeholder,
-    isRequired = _useFieldApi.isRequired,
-    label = _useFieldApi.label,
-    helperText = _useFieldApi.helperText,
-    description = _useFieldApi.description,
-    validateOnMount = _useFieldApi.validateOnMount,
-    meta = _useFieldApi.meta,
-    MuiPickersUtilsProviderProps = _useFieldApi.MuiPickersUtilsProviderProps,
-    _useFieldApi$FormFiel = _useFieldApi.FormFieldGridProps,
-    FormFieldGridProps = _useFieldApi$FormFiel === void 0 ? {} : _useFieldApi$FormFiel,
-    rest = (0, _objectWithoutProperties2["default"])(_useFieldApi, _excluded);
-  var invalid = (0, _validationError.validationError)(meta, validateOnMount);
-  return /*#__PURE__*/_react["default"].createElement(_formFieldGrid["default"], FormFieldGridProps, /*#__PURE__*/_react["default"].createElement(_TimePicker.TimePicker, (0, _extends2["default"])({
-    slotProps: {
-      textField: {
-        fullWidth: true,
-        margin: 'normal',
-        label: label,
-        helperText: invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description,
-        placeholder: placeholder,
-        required: isRequired,
-        error: !!invalid,
-        onBlur: input.onBlur,
-        onFocus: input.onFocus
-      }
-    }
-    // legacy version
-    ,
-    renderInput: function renderInput(props) {
-      return /*#__PURE__*/_react["default"].createElement(_TextField["default"], (0, _extends2["default"])({}, props, {
-        fullWidth: true,
-        margin: "normal",
-        label: label,
-        helperText: invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description,
-        placeholder: placeholder,
-        required: isRequired,
-        error: !!invalid
-      }));
-    },
-    readOnly: isReadOnly,
-    disabled: isDisabled || isReadOnly
-  }, input, {
-    value: input.value || null
-  }, rest)));
+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 _default = exports["default"] = TimePicker;
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var x_date_pickers_1 = require("@mui/x-date-pickers");
+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 TimePicker = function (props) {
+    var _a = (0, react_form_renderer_1.useFieldApi)(props), input = _a.input, isReadOnly = _a.isReadOnly, isDisabled = _a.isDisabled, placeholder = _a.placeholder, isRequired = _a.isRequired, label = _a.label, helperText = _a.helperText, description = _a.description, validateOnMount = _a.validateOnMount, meta = _a.meta, MuiPickersUtilsProviderProps = _a.MuiPickersUtilsProviderProps, _b = _a.FormFieldGridProps, FormFieldGridProps = _b === void 0 ? {} : _b, _c = _a.TimePickerProps, TimePickerProps = _c === void 0 ? {} : _c, rest = __rest(_a, ["input", "isReadOnly", "isDisabled", "placeholder", "isRequired", "label", "helperText", "description", "validateOnMount", "meta", "MuiPickersUtilsProviderProps", "FormFieldGridProps", "TimePickerProps"]);
+    var invalid = (0, validation_error_1.validationError)(meta, validateOnMount);
+    return ((0, jsx_runtime_1.jsx)(form_field_grid_1.default, __assign({}, FormFieldGridProps, { children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.TimePicker, __assign({ slotProps: {
+                textField: {
+                    fullWidth: true,
+                    margin: 'normal',
+                    label: label,
+                    helperText: invalid || ((meta.touched || validateOnMount) && meta.warning) || helperText || description,
+                    placeholder: placeholder,
+                    required: isRequired,
+                    error: !!invalid,
+                    onBlur: input.onBlur,
+                    onFocus: input.onFocus,
+                },
+            }, 
+            // legacy version
+            renderInput: function (props) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, props, { fullWidth: true, margin: "normal", label: label, helperText: invalid || ((meta.touched || validateOnMount) && meta.warning) || helperText || description, placeholder: placeholder, required: isRequired, error: !!invalid }))); }, readOnly: isReadOnly, disabled: isDisabled || isReadOnly }, input, { value: input.value || null }, TimePickerProps, rest)) })));
+};
+exports.default = TimePicker;
+//# sourceMappingURL=time-picker.js.map

package/time-picker/time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../src/time-picker/time-picker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,sDAAkE;AAElE,0CAA0C;AAE1C,8EAAqE;AAGrE,uFAA+D;AAE/D,yEAAuE;AAWvE,IAAM,UAAU,GAA8B,UAAC,KAAK;IAClD,IAAM,KAeF,IAAA,iCAAW,EAAC,KAAK,CAAC,EAdpB,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,4BAA4B,kCAAA,EAC5B,0BAAuB,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,uBAAoB,EAApB,eAAe,mBAAG,EAAE,KAAA,EACjB,IAAI,cAdH,4MAeL,CAAqB,CAAC;IAEvB,IAAM,OAAO,GAAG,IAAA,kCAAe,EAAC,IAAyB,EAAE,eAAe,CAAC,CAAC;IAE5E,OAAO,CACL,uBAAC,yBAAa,eAAK,kBAAkB,cACnC,uBAAC,2BAAa,aACZ,SAAS,EAAE;gBACT,SAAS,EAAE;oBACT,SAAS,EAAE,IAAI;oBACf,MAAM,EAAE,QAAQ;oBAChB,KAAK,OAAA;oBACL,UAAU,EAAE,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,eAAe,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,UAAU,IAAI,WAAW;oBACvG,WAAW,aAAA;oBACX,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,CAAC,CAAC,OAAO;oBAChB,MAAM,EAAE,KAAK,CAAC,MAAM;oBACpB,OAAO,EAAE,KAAK,CAAC,OAAO;iBACL;aACpB;YACD,iBAAiB;YACjB,WAAW,EAAE,UAAC,KAAK,IAAK,OAAA,CACtB,uBAAC,oBAAS,eACJ,KAAK,IACT,SAAS,QACT,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,eAAe,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,UAAU,IAAI,WAAW,EACvG,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,CAAC,CAAC,OAAO,IAChB,CACH,EAXuB,CAWvB,EACD,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,IAAI,UAAU,IAC9B,KAAK,IACT,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,IACtB,eAAe,EACf,IAAI,EACR,IACY,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/tsconfig.cjs.json

@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./",
+    "module": "commonjs",
+    "target": "es5"
+  }
+}

package/tsconfig.demo.json

@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "sourceMap": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "target": "es5",
+    "lib": ["es6", "dom"],
+    "jsx": "react-jsx",
+    "allowSyntheticDefaultImports": true,
+    "noErrorTruncation": true,
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "strict": false,
+    "noEmit": false,
+    "isolatedModules": false,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "noImplicitAny": false,
+    "noImplicitReturns": false,
+    "noImplicitThis": false,
+    "rootDir": "."
+  },
+  "include": [
+    "./demo/**/*",
+    "./src/**/*"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/tsconfig.esm.json

@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./esm",
+    "module": "es2015",
+    "target": "es2015"
+  }
+}

package/tsconfig.json

@@ -1,17 +1,25 @@
 {
   "compilerOptions": {
     "sourceMap": true,
-    "module": "es6",
+    "module": "esnext",
     "moduleResolution": "node",
     "target": "es5",
-    "lib": ["es2020", "dom"],
-    "jsx": "preserve",
+    "lib": ["es6", "dom"],
+    "jsx": "react-jsx",
     "allowSyntheticDefaultImports": true,
     "noErrorTruncation": true,
-    "allowJs": true,
-    "strict": true,
-    "noEmit": true
+    "allowJs": false,
+    "strict": false,
+    "declaration": true,
+    "emitDeclarationOnly": false,
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "noImplicitAny": false,
+    "noImplicitReturns": false,
+    "noImplicitThis": false,
   },
-  "include": ["./src/**/*.ts", "./src/**/*.tsx", "./src/**/*.js"],
-  "exclude": ["./dist"]
-}
+  "include": ["./src/**/*.ts", "./src/**/*.tsx"],
+  "exclude": ["./dist", "./src/tests/**/*", "./node_modules", "../*/node_modules", "../../node_modules"]
+}