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

package/esm/radio/radio.js

@@ -1,114 +1,42 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["inputProps"],
-  _excluded2 = ["name", "option", "isDisabled", "isReadOnly", "FormControlLabelProps", "RadioProps"],
-  _excluded3 = ["name"],
-  _excluded4 = ["options", "isDisabled", "label", "isRequired", "helperText", "description", "isReadOnly", "meta", "validateOnMount", "FormFieldGridProps", "FormControlProps", "FormLabelProps", "FormHelperTextProps", "FormControlLabelProps", "RadioProps"];
-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) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { styled } from '@mui/material/styles';
-import MUIRadio from "@mui/material/Radio";
-import FormControlLabel from "@mui/material/FormControlLabel";
-import FormControl from "@mui/material/FormControl";
-import FormLabel from "@mui/material/FormLabel";
-import FormHelperText from "@mui/material/FormHelperText";
+import { Radio as MUIRadio, FormControlLabel, FormControl, FormLabel, FormHelperText } from '@mui/material';
+import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 import FormFieldGrid from '../form-field-grid/form-field-grid';
 import { validationError } from '../validation-error/validation-error';
-import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
-var PREFIX = 'Radio';
-var classes = {
-  grid: "".concat(PREFIX, "-grid")
-};
-var StyledFormFieldGrid = styled(FormFieldGrid)(function () {
-  return _defineProperty({}, "&.".concat(classes.grid), {
-    '&:first-of-type': {
-      marginTop: 8
-    }
-  });
-});
-var RadioOption = function RadioOption(_ref2) {
-  var name = _ref2.name,
-    option = _ref2.option,
-    isDisabled = _ref2.isDisabled,
-    isReadOnly = _ref2.isReadOnly,
-    FormControlLabelProps = _ref2.FormControlLabelProps,
-    _ref2$RadioProps = _ref2.RadioProps,
-    inputProps = _ref2$RadioProps.inputProps,
-    RadioProps = _objectWithoutProperties(_ref2$RadioProps, _excluded),
-    props = _objectWithoutProperties(_ref2, _excluded2);
-  var _useFieldApi = useFieldApi({
-      name: name,
-      type: 'radio',
-      value: option.value
-    }),
-    input = _useFieldApi.input;
-  return /*#__PURE__*/React.createElement(FormControlLabel, _extends({
-    key: "".concat(name, "-").concat(option.value),
-    control: /*#__PURE__*/React.createElement(MUIRadio, _extends({}, input, {
-      name: name,
-      disabled: isDisabled || isReadOnly,
-      onChange: function onChange() {
-        return input.onChange(option.value);
-      },
-      inputProps: _objectSpread({
-        readOnly: isReadOnly
-      }, inputProps)
-    }, RadioProps)),
-    label: option.label
-  }, FormControlLabelProps, props));
-};
-var Radio = function Radio(_ref3) {
-  var name = _ref3.name,
-    props = _objectWithoutProperties(_ref3, _excluded3);
-  var _useFieldApi2 = useFieldApi(_objectSpread(_objectSpread({}, props), {}, {
-      name: name,
-      type: 'radio'
-    })),
-    _useFieldApi2$options = _useFieldApi2.options,
-    options = _useFieldApi2$options === void 0 ? [] : _useFieldApi2$options,
-    isDisabled = _useFieldApi2.isDisabled,
-    label = _useFieldApi2.label,
-    isRequired = _useFieldApi2.isRequired,
-    helperText = _useFieldApi2.helperText,
-    description = _useFieldApi2.description,
-    isReadOnly = _useFieldApi2.isReadOnly,
-    meta = _useFieldApi2.meta,
-    validateOnMount = _useFieldApi2.validateOnMount,
-    _useFieldApi2$FormFie = _useFieldApi2.FormFieldGridProps,
-    FormFieldGridProps = _useFieldApi2$FormFie === void 0 ? {} : _useFieldApi2$FormFie,
-    _useFieldApi2$FormCon = _useFieldApi2.FormControlProps,
-    FormControlProps = _useFieldApi2$FormCon === void 0 ? {} : _useFieldApi2$FormCon,
-    _useFieldApi2$FormLab = _useFieldApi2.FormLabelProps,
-    FormLabelProps = _useFieldApi2$FormLab === void 0 ? {} : _useFieldApi2$FormLab,
-    _useFieldApi2$FormHel = _useFieldApi2.FormHelperTextProps,
-    FormHelperTextProps = _useFieldApi2$FormHel === void 0 ? {} : _useFieldApi2$FormHel,
-    _useFieldApi2$FormCon2 = _useFieldApi2.FormControlLabelProps,
-    FormControlLabelProps = _useFieldApi2$FormCon2 === void 0 ? {} : _useFieldApi2$FormCon2,
-    _useFieldApi2$RadioPr = _useFieldApi2.RadioProps,
-    RadioProps = _useFieldApi2$RadioPr === void 0 ? {} : _useFieldApi2$RadioPr,
-    rest = _objectWithoutProperties(_useFieldApi2, _excluded4);
-  var invalid = validationError(meta, validateOnMount);
-  var text = invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description;
-  return /*#__PURE__*/React.createElement(StyledFormFieldGrid, _extends({
-    className: classes.grid
-  }, FormFieldGridProps), /*#__PURE__*/React.createElement(FormControl, _extends({
-    required: isRequired,
-    error: !!invalid,
-    component: "fieldset"
-  }, FormControlProps), /*#__PURE__*/React.createElement(FormLabel, _extends({
-    component: "legend"
-  }, FormLabelProps), label), options.map(function (option) {
-    return /*#__PURE__*/React.createElement(RadioOption, _extends({
-      key: option.value,
-      name: name,
-      option: option,
-      isDisabled: isDisabled,
-      isReadOnly: isReadOnly,
-      FormControlLabelProps: FormControlLabelProps,
-      RadioProps: RadioProps
-    }, rest));
-  }), text && /*#__PURE__*/React.createElement(FormHelperText, FormHelperTextProps, text)));
+const PREFIX = 'Radio';
+const classes = {
+    grid: `${PREFIX}-grid`,
 };
-export default Radio;
+const StyledFormFieldGrid = styled(FormFieldGrid)(() => ({
+    [`&.${classes.grid}`]: {
+        '&:first-of-type': {
+            marginTop: 8,
+        },
+    },
+}));
+function RadioOption(_a) {
+    var { name, option, isDisabled, isReadOnly, FormControlLabelProps } = _a, _b = _a.RadioProps, _c = _b === void 0 ? {} : _b, { inputProps } = _c, RadioProps = __rest(_c, ["inputProps"]), props = __rest(_a, ["name", "option", "isDisabled", "isReadOnly", "FormControlLabelProps", "RadioProps"]);
+    const { input } = useFieldApi({ name, type: 'radio', value: option.value });
+    return (_jsx(FormControlLabel, Object.assign({ control: _jsx(MUIRadio, Object.assign({}, input, { name: name, disabled: isDisabled || isReadOnly, onChange: () => input.onChange(option.value), inputProps: Object.assign({ readOnly: isReadOnly }, inputProps) }, RadioProps)), label: option.label }, FormControlLabelProps, props), `${name}-${String(option.value)}`));
+}
+function Radio(_a) {
+    var { name } = _a, props = __rest(_a, ["name"]);
+    const _b = useFieldApi(Object.assign(Object.assign({}, props), { name, type: 'radio' })), { options = [], isDisabled, label, isRequired, helperText, description, isReadOnly, meta, validateOnMount, FormFieldGridProps = {}, FormControlProps = {}, FormLabelProps = {}, FormHelperTextProps = {}, FormControlLabelProps = {}, RadioProps = {} } = _b, rest = __rest(_b, ["options", "isDisabled", "label", "isRequired", "helperText", "description", "isReadOnly", "meta", "validateOnMount", "FormFieldGridProps", "FormControlProps", "FormLabelProps", "FormHelperTextProps", "FormControlLabelProps", "RadioProps"]);
+    const invalid = validationError(meta, validateOnMount);
+    const text = invalid || ((meta.touched || validateOnMount) && meta.warning) || helperText || description;
+    return (_jsx(StyledFormFieldGrid, Object.assign({ className: classes.grid }, FormFieldGridProps, { children: _jsxs(FormControl, Object.assign({ required: isRequired, error: !!invalid, component: "fieldset" }, FormControlProps, { children: [_jsx(FormLabel, Object.assign({ component: "legend" }, FormLabelProps, { children: label })), options.map((option) => (_jsx(RadioOption, Object.assign({ name: name || '', option: option, isDisabled: isDisabled, isReadOnly: isReadOnly, FormControlLabelProps: FormControlLabelProps, RadioProps: RadioProps }, rest), String(option.value)))), text && _jsx(FormHelperText, Object.assign({}, FormHelperTextProps, { children: text }))] })) })));
+}
+export default Radio;
+//# sourceMappingURL=radio.js.map

package/esm/radio/radio.js.map

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

package/esm/select/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './select';
+export * from './select';

package/esm/select/index.js

@@ -1,2 +1,3 @@
 export { default } from './select';
-export * from './select';
+export * from './select';
+//# sourceMappingURL=index.js.map

package/esm/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,cAAc,UAAU,CAAC"}

package/esm/select/select.d.ts

@@ -0,0 +1,44 @@
+import type { BaseFieldProps } from '@data-driven-forms/react-form-renderer';
+import type { SelectOption, OptionValue } from '@data-driven-forms/common';
+export interface SelectProps<T = OptionValue> extends BaseFieldProps {
+    options?: SelectOption<T>[];
+    loadOptions?: (inputValue: string) => Promise<SelectOption<T>[]>;
+    isSearchable?: boolean;
+    isMulti?: boolean;
+    multiple?: boolean;
+    isClearable?: boolean;
+    disableClearable?: boolean;
+    hideSelectedOptions?: boolean;
+    closeMenuOnSelect?: boolean;
+    isFetching?: boolean;
+    noOptionsMessage?: () => string;
+    noOptionsText?: () => string;
+    loadingMessage?: string;
+    loadingText?: string;
+    placeholder?: string;
+    FormFieldGridProps?: Record<string, any>;
+    TextFieldProps?: {
+        inputProps?: Record<string, any>;
+        [key: string]: any;
+    };
+    inputProps?: Record<string, any>;
+    classNamePrefix?: string;
+    onInputChange?: (value: string) => void;
+    [key: string]: any;
+}
+/**
+ * Returns label of selected option
+ * @param {Object|Array} option currently selected option
+ * @param {Array<Object>} options all options available
+ * @returns {String}
+ */
+export declare function getOptionLabel<T = OptionValue>(option: T | SelectOption<T> | undefined, options: SelectOption<T>[]): string;
+/**
+ * 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>}
+ */
+export declare function createValue<T = OptionValue>(option: T | SelectOption<T> | (T | SelectOption<T>)[] | null, isMulti: boolean): T | SelectOption<T> | (T | SelectOption<T>)[] | undefined;
+declare function Select<T = OptionValue>(props: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export default Select;

package/esm/select/select.js

@@ -1,176 +1,69 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _typeof from "@babel/runtime/helpers/typeof";
-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 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) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { useMemo } from 'react';
-import FormFieldGrid from '../form-field-grid/form-field-grid';
-import { validationError } from '../validation-error/validation-error';
+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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 import DDFSelect from '@data-driven-forms/common/select';
 import parseInternalValue from '@data-driven-forms/common/select/parse-internal-value';
-import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
-import TextField from "@mui/material/TextField";
-import CircularProgress from "@mui/material/CircularProgress";
+import { TextField, CircularProgress } from '@mui/material';
 import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
-import Autocomplete from "@mui/material/Autocomplete";
+import { Autocomplete } from '@mui/material';
+import FormFieldGrid from '../form-field-grid/form-field-grid';
+import { validationError } from '../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 = 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 option.label;
-  }
-  var item = options.find(function (_ref) {
-    var value = _ref.value;
-    return value === option;
-  });
-  return item && item.label || '';
-};
-
+export 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);
+    }
+    const item = options.find(({ value }) => 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>}
  */
-export { _getOptionLabel as getOptionLabel };
-export var createValue = function createValue(option, isMulti) {
-  if (isMulti) {
-    return Array.isArray(option) ? option.map(function (item) {
-      return _typeof(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 = _objectWithoutProperties(_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 = _objectWithoutProperties(_ref2, _excluded2);
-  var invalid = 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 = useMemo(function () {
-    return parseInternalValue(value, isMulti);
-  }, [value, isMulti]);
-  return /*#__PURE__*/React.createElement(FormFieldGrid, FormFieldGridProps, /*#__PURE__*/React.createElement(Autocomplete, _extends({
-    filterSelectedOptions: hideSelectedOptions,
-    disabled: isDisabled,
-    disableClearable: isClearable,
-    popupIcon: isFetching ? /*#__PURE__*/React.createElement(CircularProgress, {
-      size: 20,
-      color: "inherit"
-    }) : /*#__PURE__*/React.createElement(ArrowDropDownIcon, null),
-    fullWidth: true,
-    loadingText: loadingText
-  }, rest, {
-    renderInput: function renderInput(params) {
-      return /*#__PURE__*/React.createElement(TextField, _extends({
-        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 = useFieldApi(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 = _objectWithoutProperties(_useFieldApi, _excluded3);
-  return /*#__PURE__*/React.createElement(DDFSelect, _extends({}, input, {
-    isMulti: multiple || isMulti,
-    required: isRequired,
-    disabled: isDisabled || isReadOnly || disabled,
-    disableClearable: !isClearable || disableClearable,
-    loadingText: loadingMessage || loadingText,
-    noOptionsMessage: noOptionsMessage || noOptionsText
-  }, rest, {
-    SelectComponent: InternalSelect
-  }));
-};
-export default Select;
+export function createValue(option, isMulti) {
+    if (isMulti) {
+        return Array.isArray(option) ? option.map((item) => (typeof item === 'object' ? item : { value: item })) : option;
+    }
+    return option;
+}
+function InternalSelect(_a) {
+    var { value, options, label, helperText, validateOnMount, meta, isSearchable, description, classNamePrefix, isMulti, placeholder = 'Please choose', onInputChange, isFetching, noOptionsMessage, hideSelectedOptions, closeMenuOnSelect, required, onChange, onFocus, onBlur, FormFieldGridProps = {} } = _a, _b = _a.TextFieldProps, _c = _b === void 0 ? {} : _b, { inputProps: textFieldInputProps } = _c, TextFieldProps = __rest(_c, ["inputProps"]), { inputProps = {}, isClearable, isDisabled, loadingText = 'Loading...' } = _a, 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"]);
+    const invalid = 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
+    const internalValue = useMemo(() => parseInternalValue(value, isMulti), [value, isMulti]);
+    return (_jsx(FormFieldGrid, Object.assign({}, FormFieldGridProps, { children: _jsx(Autocomplete, Object.assign({ filterSelectedOptions: hideSelectedOptions, disabled: isDisabled, disableClearable: isClearable, popupIcon: isFetching ? _jsx(CircularProgress, { size: 20, color: "inherit" }) : _jsx(ArrowDropDownIcon, {}), fullWidth: true, loadingText: loadingText }, rest, { renderInput: (params) => (_jsx(TextField, Object.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: Object.assign(Object.assign(Object.assign(Object.assign({}, params.inputProps), textFieldInputProps), inputProps), { readOnly: !isSearchable, placeholder: !internalValue || internalValue.length === 0 ? placeholder : undefined }) }))), noOptionsText: noOptionsMessage && noOptionsMessage(), onInputChange: (_event, value) => onInputChange(value), options: options, multiple: isMulti, getOptionLabel: (option) => getOptionLabel(option, options), value: typeof internalValue === 'undefined' ? null : internalValue, onChange: (_event, option) => onChange(createValue(option, isMulti)), loading: isFetching })) })));
+}
+function Select(props) {
+    const _a = useFieldApi(props), { input, isRequired, isDisabled, isReadOnly, disabled, multiple, isMulti, isClearable, disableClearable, loadingMessage, loadingText, noOptionsMessage, noOptionsText, closeMenuOnSelect } = _a, rest = __rest(_a, ["input", "isRequired", "isDisabled", "isReadOnly", "disabled", "multiple", "isMulti", "isClearable", "disableClearable", "loadingMessage", "loadingText", "noOptionsMessage", "noOptionsText", "closeMenuOnSelect"]);
+    return (_jsx(DDFSelect, Object.assign({}, input, { isMulti: multiple || isMulti, required: isRequired, disabled: isDisabled || isReadOnly || disabled, disableClearable: !isClearable || disableClearable, loadingText: loadingMessage || loadingText, noOptionsMessage: noOptionsMessage || noOptionsText }, rest, { SelectComponent: InternalSelect })));
+}
+export default Select;
+//# sourceMappingURL=select.js.map

package/esm/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/esm/slider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './slider';
+export * from './slider';

package/esm/slider/index.js

@@ -1,2 +1,3 @@
 export { default } from './slider';
-export * from './slider';
+export * from './slider';
+//# sourceMappingURL=index.js.map

package/esm/slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,cAAc,UAAU,CAAC"}

package/esm/slider/slider.d.ts

@@ -0,0 +1,24 @@
+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;
+}
+declare const Slider: React.FC<SliderProps>;
+export default Slider;

package/esm/slider/slider.js

@@ -1,66 +1,25 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["input", "isReadOnly", "isDisabled", "isRequired", "label", "helperText", "description", "validateOnMount", "meta", "FormFieldGridProps", "FormControlProps", "FormGroupProps", "FormLabelProps", "FormHelperTextProps", "before", "after", "InputGridProps", "BeforeGridProps", "SliderGridProps", "AfterGridProps"];
-import React from 'react';
-import FormControl from "@mui/material/FormControl";
-import FormGroup from "@mui/material/FormGroup";
-import FormHelperText from "@mui/material/FormHelperText";
-import MUISlider from "@mui/material/Slider";
-import FormLabel from "@mui/material/FormLabel";
-import Grid from "@mui/material/Grid";
-import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormGroup, FormHelperText, Slider as MUISlider, FormLabel, Grid } from '@mui/material';
+import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 import FormFieldGrid from '../form-field-grid/form-field-grid';
 import { validationError } from '../validation-error/validation-error';
-var Slider = function Slider(props) {
-  var _useFieldApi = useFieldApi(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 = _objectWithoutProperties(_useFieldApi, _excluded);
-  var invalid = validationError(meta, validateOnMount);
-  var text = invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description;
-  return /*#__PURE__*/React.createElement(FormFieldGrid, FormFieldGridProps, /*#__PURE__*/React.createElement(FormControl, _extends({
-    fullWidth: true,
-    required: isRequired,
-    error: !!invalid,
-    component: "fieldset"
-  }, FormControlProps), /*#__PURE__*/React.createElement(FormGroup, FormGroupProps, /*#__PURE__*/React.createElement(FormLabel, _extends({
-    component: "legend"
-  }, FormLabelProps), label), /*#__PURE__*/React.createElement(Grid, _extends({
-    container: true,
-    spacing: 2,
-    alignItems: "center"
-  }, InputGridProps), before && /*#__PURE__*/React.createElement(Grid, _extends({
-    item: true
-  }, BeforeGridProps), before), /*#__PURE__*/React.createElement(Grid, _extends({
-    item: true,
-    xs: true
-  }, SliderGridProps), /*#__PURE__*/React.createElement(MUISlider, _extends({}, 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.createElement(Grid, _extends({
-    item: true
-  }, AfterGridProps), after)), text && /*#__PURE__*/React.createElement(FormHelperText, FormHelperTextProps, text))));
+const Slider = (props) => {
+    const _a = useFieldApi(props), { input, isReadOnly, isDisabled, isRequired, label, helperText, description, validateOnMount, meta, FormFieldGridProps = {}, FormControlProps = {}, FormGroupProps = {}, FormLabelProps = {}, FormHelperTextProps = {}, before, after, InputGridProps = {}, BeforeGridProps = {}, SliderGridProps = {}, AfterGridProps = {}, min = 0, max = 100, SliderProps = {} } = _a, 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"]);
+    const invalid = validationError(meta, validateOnMount);
+    const text = invalid || ((meta.touched || validateOnMount) && meta.warning) || helperText || description;
+    const defaultValue = (max + min) / 2;
+    return (_jsx(FormFieldGrid, Object.assign({}, FormFieldGridProps, { children: _jsx(FormControl, Object.assign({ fullWidth: true, required: isRequired, error: !!invalid, component: "fieldset" }, FormControlProps, { children: _jsxs(FormGroup, Object.assign({}, FormGroupProps, { children: [_jsx(FormLabel, Object.assign({ component: "legend" }, FormLabelProps, { children: label })), _jsxs(Grid, Object.assign({ container: true, spacing: 2, alignItems: "center" }, InputGridProps, { children: [before && (_jsx(Grid, Object.assign({ item: true }, BeforeGridProps, { children: before }))), _jsx(Grid, Object.assign({ item: true, xs: true }, SliderGridProps, { children: _jsx(MUISlider, Object.assign({}, input, { value: input.value || defaultValue, min: min, max: max, disabled: isDisabled || isReadOnly, onChange: (_e, value) => input.onChange(value) }, SliderProps, rest)) })), after && (_jsx(Grid, Object.assign({ item: true }, AfterGridProps, { children: after })))] })), text && _jsx(FormHelperText, Object.assign({}, FormHelperTextProps, { children: text }))] })) })) })));
 };
-export default Slider;
+export default Slider;
+//# sourceMappingURL=slider.js.map

package/esm/slider/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../src/slider/slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,IAAI,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE7G,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAGrE,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAsBvE,MAAM,MAAM,GAA0B,CAAC,KAAK,EAAE,EAAE;IAC9C,MAAM,KAyBF,WAAW,CAAC,KAAK,CAAC,EAzBhB,EACJ,KAAK,EACL,UAAU,EACV,UAAU,EACV,UAAU,EACV,KAAK,EACL,UAAU,EACV,WAAW,EACX,eAAe,EACf,IAAI,EACJ,kBAAkB,GAAG,EAAE,EACvB,gBAAgB,GAAG,EAAE,EACrB,cAAc,GAAG,EAAE,EACnB,cAAc,GAAG,EAAE,EACnB,mBAAmB,GAAG,EAAE,EACxB,MAAM,EACN,KAAK,EACL,cAAc,GAAG,EAAE,EACnB,eAAe,GAAG,EAAE,EACpB,eAAe,GAAG,EAAE,EACpB,cAAc,GAAG,EAAE,EACnB,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,WAAW,GAAG,EAAE,OAEI,EADjB,IAAI,cAxBH,mVAyBL,CAAqB,CAAC;IAEvB,MAAM,OAAO,GAAG,eAAe,CAAC,IAAyB,EAAE,eAAe,CAAC,CAAC;IAC5E,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,eAAe,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,UAAU,IAAI,WAAW,CAAC;IAEzG,MAAM,YAAY,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IAErC,OAAO,CACL,KAAC,aAAa,oBAAK,kBAAkB,cACnC,KAAC,WAAW,kBAAC,SAAS,QAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,EAAE,SAAS,EAAC,UAAU,IAAK,gBAAgB,cACtG,MAAC,SAAS,oBAAK,cAAc,eAC3B,KAAC,SAAS,kBAAC,SAAS,EAAC,QAAQ,IAAK,cAAc,cAC7C,KAAK,IACI,EACZ,MAAC,IAAI,kBAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,IAAK,cAAc,eAC/D,MAAM,IAAI,CACT,KAAC,IAAI,kBAAC,IAAI,UAAK,eAAe,cAC3B,MAAM,IACF,CACR,EACD,KAAC,IAAI,kBAAC,IAAI,QAAC,EAAE,UAAK,eAAe,cAC/B,KAAC,SAAS,oBACJ,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,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAC1C,WAAW,EACX,IAAI,EACR,IACG,EACN,KAAK,IAAI,CACR,KAAC,IAAI,kBAAC,IAAI,UAAK,cAAc,cAC1B,KAAK,IACD,CACR,KACI,EACN,IAAI,IAAI,KAAC,cAAc,oBAAK,mBAAmB,cAAG,IAAI,IAAkB,KAC/D,IACA,IACA,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,2 @@
+export { default } from './sub-form';
+export * from './sub-form';

package/esm/sub-form/index.js

@@ -1,2 +1,3 @@
 export { default } from './sub-form';
-export * from './sub-form';
+export * from './sub-form';
+//# sourceMappingURL=index.js.map

package/esm/sub-form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/sub-form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,cAAc,YAAY,CAAC"}