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

package/select/select.js

@@ -1,184 +1,90 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof3 = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getOptionLabel = exports["default"] = exports.createValue = 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 _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _react = _interopRequireWildcard(require("react"));
-var _formFieldGrid = _interopRequireDefault(require("../form-field-grid/form-field-grid"));
-var _validationError = require("../validation-error/validation-error");
-var _select = _interopRequireDefault(require("@data-driven-forms/common/select"));
-var _parseInternalValue = _interopRequireDefault(require("@data-driven-forms/common/select/parse-internal-value"));
-var _useFieldApi2 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
-var _Autocomplete = _interopRequireDefault(require("@mui/material/Autocomplete"));
-var _excluded = ["inputProps"],
-  _excluded2 = ["value", "options", "label", "helperText", "validateOnMount", "meta", "isSearchable", "description", "classNamePrefix", "isMulti", "placeholder", "onInputChange", "isFetching", "noOptionsMessage", "hideSelectedOptions", "closeMenuOnSelect", "required", "onChange", "onFocus", "onBlur", "FormFieldGridProps", "TextFieldProps", "inputProps", "isClearable", "isDisabled", "loadingText"],
-  _excluded3 = ["input", "isRequired", "isDisabled", "isReadOnly", "disabled", "multiple", "isMulti", "isClearable", "disableClearable", "loadingMessage", "loadingText", "noOptionsMessage", "noOptionsText", "closeMenuOnSelect"];
-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" != _typeof3(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); }
-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 __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 __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 });
+exports.getOptionLabel = getOptionLabel;
+exports.createValue = createValue;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_form_renderer_1 = require("@data-driven-forms/react-form-renderer");
+var select_1 = __importDefault(require("@data-driven-forms/common/select"));
+var parse_internal_value_1 = __importDefault(require("@data-driven-forms/common/select/parse-internal-value"));
+var material_1 = require("@mui/material");
+var ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
+var material_2 = require("@mui/material");
+var form_field_grid_1 = __importDefault(require("../form-field-grid/form-field-grid"));
+var validation_error_1 = require("../validation-error/validation-error");
 /**
  * Returns label of selected option
  * @param {Object|Array} option currently selected option
- * @param {Array<Object>} options all options avaiable
+ * @param {Array<Object>} options all options available
  * @returns {String}
  */
-var _getOptionLabel = exports.getOptionLabel = function getOptionLabel(option, options) {
-  if (typeof option === 'undefined') {
-    return '';
-  }
-  if (option === '') {
-    return '';
-  }
-  if (Array.isArray(option) && option.length === 0) {
-    return '';
-  }
-  if ((0, _typeof2["default"])(option) === 'object') {
-    return option.label;
-  }
-  var item = options.find(function (_ref) {
-    var value = _ref.value;
-    return value === option;
-  });
-  return item && item.label || '';
-};
-
+function getOptionLabel(option, options) {
+    if (typeof option === 'undefined') {
+        return '';
+    }
+    if (option === '') {
+        return '';
+    }
+    if (Array.isArray(option) && option.length === 0) {
+        return '';
+    }
+    if (typeof option === 'object') {
+        return String(option.label);
+    }
+    var item = options.find(function (_a) {
+        var value = _a.value;
+        return value === option;
+    });
+    return (item && String(item.label)) || '';
+}
 /**
  * Function that creates correct DDF select value format
  * @param {Object|Array} option currently selected values
  * @param {Boolean} isMulti multiple select flag
  * @returns {Object|Array<Object>}
  */
-var createValue = exports.createValue = function createValue(option, isMulti) {
-  if (isMulti) {
-    return Array.isArray(option) ? option.map(function (item) {
-      return (0, _typeof2["default"])(item) === 'object' ? item : {
-        value: item
-      };
-    }) : option;
-  }
-  return option;
-};
-var InternalSelect = function InternalSelect(_ref2) {
-  var value = _ref2.value,
-    options = _ref2.options,
-    label = _ref2.label,
-    helperText = _ref2.helperText,
-    validateOnMount = _ref2.validateOnMount,
-    meta = _ref2.meta,
-    isSearchable = _ref2.isSearchable,
-    description = _ref2.description,
-    classNamePrefix = _ref2.classNamePrefix,
-    isMulti = _ref2.isMulti,
-    _ref2$placeholder = _ref2.placeholder,
-    placeholder = _ref2$placeholder === void 0 ? 'Please choose' : _ref2$placeholder,
-    _onInputChange = _ref2.onInputChange,
-    isFetching = _ref2.isFetching,
-    noOptionsMessage = _ref2.noOptionsMessage,
-    hideSelectedOptions = _ref2.hideSelectedOptions,
-    closeMenuOnSelect = _ref2.closeMenuOnSelect,
-    required = _ref2.required,
-    _onChange = _ref2.onChange,
-    onFocus = _ref2.onFocus,
-    onBlur = _ref2.onBlur,
-    _ref2$FormFieldGridPr = _ref2.FormFieldGridProps,
-    FormFieldGridProps = _ref2$FormFieldGridPr === void 0 ? {} : _ref2$FormFieldGridPr,
-    _ref2$TextFieldProps = _ref2.TextFieldProps,
-    _ref2$TextFieldProps2 = _ref2$TextFieldProps === void 0 ? {} : _ref2$TextFieldProps,
-    textFieldInputProps = _ref2$TextFieldProps2.inputProps,
-    TextFieldProps = (0, _objectWithoutProperties2["default"])(_ref2$TextFieldProps2, _excluded),
-    _ref2$inputProps = _ref2.inputProps,
-    inputProps = _ref2$inputProps === void 0 ? {} : _ref2$inputProps,
-    isClearable = _ref2.isClearable,
-    isDisabled = _ref2.isDisabled,
-    _ref2$loadingText = _ref2.loadingText,
-    loadingText = _ref2$loadingText === void 0 ? 'Loading...' : _ref2$loadingText,
-    rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
-  var invalid = (0, _validationError.validationError)(meta, validateOnMount);
-  // When isMulti is true, the "parseInternalValue" always creates new value array, we need to memoize it to not create new array instance
-  // Memo is required to fix https://github.com/data-driven-forms/react-forms/issues/1366
-  var internalValue = (0, _react.useMemo)(function () {
-    return (0, _parseInternalValue["default"])(value, isMulti);
-  }, [value, isMulti]);
-  return /*#__PURE__*/_react["default"].createElement(_formFieldGrid["default"], FormFieldGridProps, /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], (0, _extends2["default"])({
-    filterSelectedOptions: hideSelectedOptions,
-    disabled: isDisabled,
-    disableClearable: isClearable,
-    popupIcon: isFetching ? /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], {
-      size: 20,
-      color: "inherit"
-    }) : /*#__PURE__*/_react["default"].createElement(_ArrowDropDown["default"], null),
-    fullWidth: true,
-    loadingText: loadingText
-  }, rest, {
-    renderInput: function renderInput(params) {
-      return /*#__PURE__*/_react["default"].createElement(_TextField["default"], (0, _extends2["default"])({
-        onFocus: onFocus,
-        onBlur: onBlur
-      }, params, {
-        required: required,
-        error: !!invalid,
-        helperText: invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description,
-        label: label,
-        margin: "normal"
-      }, TextFieldProps, {
-        inputProps: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, params.inputProps), textFieldInputProps), inputProps), {}, {
-          readOnly: !isSearchable,
-          placeholder: !internalValue || internalValue.length === 0 ? placeholder : undefined
-        })
-      }));
-    },
-    noOptionsText: noOptionsMessage(),
-    onInputChange: function onInputChange(_event, value) {
-      return _onInputChange(value);
-    },
-    options: options,
-    multiple: isMulti,
-    getOptionLabel: function getOptionLabel(option) {
-      return _getOptionLabel(option, options);
-    },
-    value: typeof internalValue === 'undefined' ? null : internalValue,
-    onChange: function onChange(_event, option) {
-      return _onChange(createValue(option, isMulti));
-    },
-    loading: isFetching
-  })));
-};
-var Select = function Select(props) {
-  var _useFieldApi = (0, _useFieldApi2["default"])(props),
-    input = _useFieldApi.input,
-    isRequired = _useFieldApi.isRequired,
-    isDisabled = _useFieldApi.isDisabled,
-    isReadOnly = _useFieldApi.isReadOnly,
-    disabled = _useFieldApi.disabled,
-    multiple = _useFieldApi.multiple,
-    isMulti = _useFieldApi.isMulti,
-    isClearable = _useFieldApi.isClearable,
-    disableClearable = _useFieldApi.disableClearable,
-    loadingMessage = _useFieldApi.loadingMessage,
-    loadingText = _useFieldApi.loadingText,
-    noOptionsMessage = _useFieldApi.noOptionsMessage,
-    noOptionsText = _useFieldApi.noOptionsText,
-    closeMenuOnSelect = _useFieldApi.closeMenuOnSelect,
-    rest = (0, _objectWithoutProperties2["default"])(_useFieldApi, _excluded3);
-  return /*#__PURE__*/_react["default"].createElement(_select["default"], (0, _extends2["default"])({}, input, {
-    isMulti: multiple || isMulti,
-    required: isRequired,
-    disabled: isDisabled || isReadOnly || disabled,
-    disableClearable: !isClearable || disableClearable,
-    loadingText: loadingMessage || loadingText,
-    noOptionsMessage: noOptionsMessage || noOptionsText
-  }, rest, {
-    SelectComponent: InternalSelect
-  }));
-};
-var _default = exports["default"] = Select;
+function createValue(option, isMulti) {
+    if (isMulti) {
+        return Array.isArray(option) ? option.map(function (item) { return (typeof item === 'object' ? item : { value: item }); }) : option;
+    }
+    return option;
+}
+function InternalSelect(_a) {
+    var value = _a.value, options = _a.options, label = _a.label, helperText = _a.helperText, validateOnMount = _a.validateOnMount, meta = _a.meta, isSearchable = _a.isSearchable, description = _a.description, classNamePrefix = _a.classNamePrefix, isMulti = _a.isMulti, _b = _a.placeholder, placeholder = _b === void 0 ? 'Please choose' : _b, onInputChange = _a.onInputChange, isFetching = _a.isFetching, noOptionsMessage = _a.noOptionsMessage, hideSelectedOptions = _a.hideSelectedOptions, closeMenuOnSelect = _a.closeMenuOnSelect, required = _a.required, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, _c = _a.FormFieldGridProps, FormFieldGridProps = _c === void 0 ? {} : _c, _d = _a.TextFieldProps, _e = _d === void 0 ? {} : _d, textFieldInputProps = _e.inputProps, TextFieldProps = __rest(_e, ["inputProps"]), _f = _a.inputProps, inputProps = _f === void 0 ? {} : _f, isClearable = _a.isClearable, isDisabled = _a.isDisabled, _g = _a.loadingText, loadingText = _g === void 0 ? 'Loading...' : _g, rest = __rest(_a, ["value", "options", "label", "helperText", "validateOnMount", "meta", "isSearchable", "description", "classNamePrefix", "isMulti", "placeholder", "onInputChange", "isFetching", "noOptionsMessage", "hideSelectedOptions", "closeMenuOnSelect", "required", "onChange", "onFocus", "onBlur", "FormFieldGridProps", "TextFieldProps", "inputProps", "isClearable", "isDisabled", "loadingText"]);
+    var invalid = (0, validation_error_1.validationError)(meta, validateOnMount);
+    // When isMulti is true, the "parseInternalValue" always creates new value array, we need to memoize it to not create new array instance
+    // Memo is required to fix https://github.com/data-driven-forms/react-forms/issues/1366
+    var internalValue = (0, react_1.useMemo)(function () { return (0, parse_internal_value_1.default)(value, isMulti); }, [value, isMulti]);
+    return ((0, jsx_runtime_1.jsx)(form_field_grid_1.default, __assign({}, FormFieldGridProps, { children: (0, jsx_runtime_1.jsx)(material_2.Autocomplete, __assign({ filterSelectedOptions: hideSelectedOptions, disabled: isDisabled, disableClearable: isClearable, popupIcon: isFetching ? (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 20, color: "inherit" }) : (0, jsx_runtime_1.jsx)(ArrowDropDown_1.default, {}), fullWidth: true, loadingText: loadingText }, rest, { renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({ onFocus: onFocus, onBlur: onBlur }, params, { required: required, error: !!invalid, helperText: invalid || ((meta.touched || validateOnMount) && meta.warning) || helperText || description, label: label, margin: "normal" }, TextFieldProps, { inputProps: __assign(__assign(__assign(__assign({}, params.inputProps), textFieldInputProps), inputProps), { readOnly: !isSearchable, placeholder: !internalValue || internalValue.length === 0 ? placeholder : undefined }) }))); }, noOptionsText: noOptionsMessage && noOptionsMessage(), onInputChange: function (_event, value) { return onInputChange(value); }, options: options, multiple: isMulti, getOptionLabel: function (option) { return getOptionLabel(option, options); }, value: typeof internalValue === 'undefined' ? null : internalValue, onChange: function (_event, option) { return onChange(createValue(option, isMulti)); }, loading: isFetching })) })));
+}
+function Select(props) {
+    var _a = (0, react_form_renderer_1.useFieldApi)(props), input = _a.input, isRequired = _a.isRequired, isDisabled = _a.isDisabled, isReadOnly = _a.isReadOnly, disabled = _a.disabled, multiple = _a.multiple, isMulti = _a.isMulti, isClearable = _a.isClearable, disableClearable = _a.disableClearable, loadingMessage = _a.loadingMessage, loadingText = _a.loadingText, noOptionsMessage = _a.noOptionsMessage, noOptionsText = _a.noOptionsText, closeMenuOnSelect = _a.closeMenuOnSelect, rest = __rest(_a, ["input", "isRequired", "isDisabled", "isReadOnly", "disabled", "multiple", "isMulti", "isClearable", "disableClearable", "loadingMessage", "loadingText", "noOptionsMessage", "noOptionsText", "closeMenuOnSelect"]);
+    return ((0, jsx_runtime_1.jsx)(select_1.default, __assign({}, input, { isMulti: multiple || isMulti, required: isRequired, disabled: isDisabled || isReadOnly || disabled, disableClearable: !isClearable || disableClearable, loadingText: loadingMessage || loadingText, noOptionsMessage: noOptionsMessage || noOptionsText }, rest, { SelectComponent: InternalSelect })));
+}
+exports.default = Select;
+//# sourceMappingURL=select.js.map

package/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../src/select/select.tsx"],"names":[],"mappings":"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"}

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

package/slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/slider/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA;AAChB,2CAAyB"}

package/slider/slider.d.ts

@@ -1,30 +1,24 @@
-import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
-import { SliderProps as MuiSliderProps, GridProps, FormControlProps, FormGroupProps, FormLabelProps, FormHelperTextProps } from '@mui/material';
-import { ReactNode } from "react";
-
-interface InternalSliderProps extends MuiSliderProps {
-  isReadOnly?: boolean;
-  isDisabled?: boolean;
-  isRequired?: boolean;
-  label?: ReactNode;
-  helperText?: ReactNode;
-  description?: ReactNode;
-  validateOnMount?: boolean;
-  FormFieldGridProps?: GridProps;
-  FormControlProps?: FormControlProps;
-  FormGroupProps?: FormGroupProps;
-  FormLabelProps?: FormLabelProps;
-  FormHelperTextProps?: FormHelperTextProps;
-  before?: ReactNode;
-  after?: ReactNode;
-  InputGridProps?: GridProps;
-  BeforeGridProps?: GridProps;
-  SliderGridProps?: GridProps;
-  AfterGridProps?: GridProps;
+import React from 'react';
+import type { FormControlProps, FormGroupProps, FormHelperTextProps, SliderProps as MUISliderProps, FormLabelProps, GridProps } 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 SliderProps extends BaseFieldProps {
+    FormFieldGridProps?: FormFieldGridProps;
+    FormControlProps?: FormControlProps;
+    FormGroupProps?: FormGroupProps;
+    FormLabelProps?: FormLabelProps;
+    FormHelperTextProps?: FormHelperTextProps;
+    before?: React.ReactNode;
+    after?: React.ReactNode;
+    InputGridProps?: GridProps;
+    BeforeGridProps?: GridProps;
+    SliderGridProps?: GridProps;
+    AfterGridProps?: GridProps;
+    min?: number;
+    max?: number;
+    step?: number;
+    SliderProps?: Omit<MUISliderProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'onFocus'>;
+    [key: string]: any;
 }
-
-export type SliderProps = InternalSliderProps & UseFieldApiComponentConfig;
-
-declare const Slider: React.ComponentType<SliderProps>;
-
+declare const Slider: React.FC<SliderProps>;
 export default Slider;

package/slider/slider.js

@@ -1,73 +1,41 @@
 "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 _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
-var _FormGroup = _interopRequireDefault(require("@mui/material/FormGroup"));
-var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
-var _Slider = _interopRequireDefault(require("@mui/material/Slider"));
-var _FormLabel = _interopRequireDefault(require("@mui/material/FormLabel"));
-var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
-var _useFieldApi2 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
-var _formFieldGrid = _interopRequireDefault(require("../form-field-grid/form-field-grid"));
-var _validationError = require("../validation-error/validation-error");
-var _excluded = ["input", "isReadOnly", "isDisabled", "isRequired", "label", "helperText", "description", "validateOnMount", "meta", "FormFieldGridProps", "FormControlProps", "FormGroupProps", "FormLabelProps", "FormHelperTextProps", "before", "after", "InputGridProps", "BeforeGridProps", "SliderGridProps", "AfterGridProps"];
-var Slider = function Slider(props) {
-  var _useFieldApi = (0, _useFieldApi2["default"])(props),
-    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,
-    FormFieldGridProps = _useFieldApi.FormFieldGridProps,
-    FormControlProps = _useFieldApi.FormControlProps,
-    FormGroupProps = _useFieldApi.FormGroupProps,
-    FormLabelProps = _useFieldApi.FormLabelProps,
-    FormHelperTextProps = _useFieldApi.FormHelperTextProps,
-    before = _useFieldApi.before,
-    after = _useFieldApi.after,
-    InputGridProps = _useFieldApi.InputGridProps,
-    BeforeGridProps = _useFieldApi.BeforeGridProps,
-    SliderGridProps = _useFieldApi.SliderGridProps,
-    AfterGridProps = _useFieldApi.AfterGridProps,
-    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"])({
-    fullWidth: true,
-    required: isRequired,
-    error: !!invalid,
-    component: "fieldset"
-  }, FormControlProps), /*#__PURE__*/_react["default"].createElement(_FormGroup["default"], FormGroupProps, /*#__PURE__*/_react["default"].createElement(_FormLabel["default"], (0, _extends2["default"])({
-    component: "legend"
-  }, FormLabelProps), label), /*#__PURE__*/_react["default"].createElement(_Grid["default"], (0, _extends2["default"])({
-    container: true,
-    spacing: 2,
-    alignItems: "center"
-  }, InputGridProps), before && /*#__PURE__*/_react["default"].createElement(_Grid["default"], (0, _extends2["default"])({
-    item: true
-  }, BeforeGridProps), before), /*#__PURE__*/_react["default"].createElement(_Grid["default"], (0, _extends2["default"])({
-    item: true,
-    xs: true
-  }, SliderGridProps), /*#__PURE__*/_react["default"].createElement(_Slider["default"], (0, _extends2["default"])({}, input, {
-    value: input.value || (rest.max + rest.min) / 2 || 50
-  }, rest, {
-    disabled: isDisabled || isReadOnly,
-    onChange: function onChange(_e, value) {
-      return input.onChange(value);
-    }
-  }))), after && /*#__PURE__*/_react["default"].createElement(_Grid["default"], (0, _extends2["default"])({
-    item: true
-  }, AfterGridProps), after)), 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 _default = exports["default"] = Slider;
+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 Slider = function (props) {
+    var _a = (0, react_form_renderer_1.useFieldApi)(props), 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, _f = _a.FormLabelProps, FormLabelProps = _f === void 0 ? {} : _f, _g = _a.FormHelperTextProps, FormHelperTextProps = _g === void 0 ? {} : _g, before = _a.before, after = _a.after, _h = _a.InputGridProps, InputGridProps = _h === void 0 ? {} : _h, _j = _a.BeforeGridProps, BeforeGridProps = _j === void 0 ? {} : _j, _k = _a.SliderGridProps, SliderGridProps = _k === void 0 ? {} : _k, _l = _a.AfterGridProps, AfterGridProps = _l === void 0 ? {} : _l, _m = _a.min, min = _m === void 0 ? 0 : _m, _o = _a.max, max = _o === void 0 ? 100 : _o, _p = _a.SliderProps, SliderProps = _p === void 0 ? {} : _p, rest = __rest(_a, ["input", "isReadOnly", "isDisabled", "isRequired", "label", "helperText", "description", "validateOnMount", "meta", "FormFieldGridProps", "FormControlProps", "FormGroupProps", "FormLabelProps", "FormHelperTextProps", "before", "after", "InputGridProps", "BeforeGridProps", "SliderGridProps", "AfterGridProps", "min", "max", "SliderProps"]);
+    var invalid = (0, validation_error_1.validationError)(meta, validateOnMount);
+    var text = invalid || ((meta.touched || validateOnMount) && meta.warning) || helperText || description;
+    var defaultValue = (max + min) / 2;
+    return ((0, jsx_runtime_1.jsx)(form_field_grid_1.default, __assign({}, FormFieldGridProps, { children: (0, jsx_runtime_1.jsx)(material_1.FormControl, __assign({ fullWidth: true, 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.FormLabel, __assign({ component: "legend" }, FormLabelProps, { children: label })), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, spacing: 2, alignItems: "center" }, InputGridProps, { children: [before && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, BeforeGridProps, { children: before }))), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: true }, SliderGridProps, { children: (0, jsx_runtime_1.jsx)(material_1.Slider, __assign({}, input, { value: input.value || defaultValue, min: min, max: max, disabled: isDisabled || isReadOnly, onChange: function (_e, value) { return input.onChange(value); } }, SliderProps, rest)) })), after && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, AfterGridProps, { children: after })))] })), text && (0, jsx_runtime_1.jsx)(material_1.FormHelperText, __assign({}, FormHelperTextProps, { children: text }))] })) })) })));
+};
+exports.default = Slider;
+//# sourceMappingURL=slider.js.map

package/slider/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../src/slider/slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0CAA6G;AAE7G,8EAAqE;AAGrE,uFAA+D;AAE/D,yEAAuE;AAsBvE,IAAM,MAAM,GAA0B,UAAC,KAAK;IAC1C,IAAM,KAyBF,IAAA,iCAAW,EAAC,KAAK,CAAC,EAxBpB,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,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,2BAAwB,EAAxB,mBAAmB,mBAAG,EAAE,KAAA,EACxB,MAAM,YAAA,EACN,KAAK,WAAA,EACL,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,uBAAoB,EAApB,eAAe,mBAAG,EAAE,KAAA,EACpB,uBAAoB,EAApB,eAAe,mBAAG,EAAE,KAAA,EACpB,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,WAAO,EAAP,GAAG,mBAAG,CAAC,KAAA,EACP,WAAS,EAAT,GAAG,mBAAG,GAAG,KAAA,EACT,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EACb,IAAI,cAxBH,mVAyBL,CAAqB,CAAC;IAEvB,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,IAAM,YAAY,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IAErC,OAAO,CACL,uBAAC,yBAAa,eAAK,kBAAkB,cACnC,uBAAC,sBAAW,aAAC,SAAS,QAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,EAAE,SAAS,EAAC,UAAU,IAAK,gBAAgB,cACtG,wBAAC,oBAAS,eAAK,cAAc,eAC3B,uBAAC,oBAAS,aAAC,SAAS,EAAC,QAAQ,IAAK,cAAc,cAC7C,KAAK,IACI,EACZ,wBAAC,eAAI,aAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,IAAK,cAAc,eAC/D,MAAM,IAAI,CACT,uBAAC,eAAI,aAAC,IAAI,UAAK,eAAe,cAC3B,MAAM,IACF,CACR,EACD,uBAAC,eAAI,aAAC,IAAI,QAAC,EAAE,UAAK,eAAe,cAC/B,uBAAC,iBAAS,eACJ,KAAK,IACT,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,YAAY,EAClC,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,UAAU,IAAI,UAAU,EAClC,QAAQ,EAAE,UAAC,EAAE,EAAE,KAAK,IAAK,OAAA,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAArB,CAAqB,IAC1C,WAAW,EACX,IAAI,EACR,IACG,EACN,KAAK,IAAI,CACR,uBAAC,eAAI,aAAC,IAAI,UAAK,cAAc,cAC1B,KAAK,IACD,CACR,KACI,EACN,IAAI,IAAI,uBAAC,yBAAc,eAAK,mBAAmB,cAAG,IAAI,IAAkB,KAC/D,IACA,IACA,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

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

package/sub-form/index.js.map

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

package/sub-form/sub-form.d.ts

@@ -1,18 +1,16 @@
-import { Field } from "@data-driven-forms/react-form-renderer";
-import { GridProps, TypographyProps } from "@mui/material";
-import { ReactNode } from "react";
-
-export interface SubFormProps {
-  fields: Field[] | Field;
-  title?: ReactNode;
-  description?: ReactNode;
-  TitleGridProps?: GridProps;
-  TitleProps?: TypographyProps;
-  DescriptionProps?: TypographyProps;
-  DescriptionGridProps?: GridProps;
-  ItemsGridProps?: GridProps;
+import React from 'react';
+import type { TypographyProps, GridProps } from '@mui/material';
+import type { Field } from '@data-driven-forms/react-form-renderer';
+export interface SubFormProps extends Omit<GridProps, 'component' | 'title'> {
+    fields: Field[];
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    component?: string;
+    TitleGridProps?: GridProps;
+    TitleProps?: TypographyProps;
+    DescriptionProps?: TypographyProps;
+    DescriptionGridProps?: GridProps;
+    ItemsGridProps?: GridProps;
 }
-
-declare const SubForm: React.ComponentType<SubFormProps>;
-
+declare const SubForm: React.FC<SubFormProps>;
 export default SubForm;