@me1a/ui 1.1.0 → 1.1.2

package/dist/index.es.js

@@ -2663,6 +2663,94 @@ function useForm(props = {}) {
     return _formControl.current;
 }
 
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+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 _objectSpread2(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;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose$1(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose$1(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -22272,24 +22360,49 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
   variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])
 } : void 0;
 
-function RHFSelect({ name, native, maxHeight = 220, helperText, children, PaperPropsSx, ...other }) {
-    const { control } = useFormContext();
-    return (jsxRuntimeExports.jsx(Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (jsxRuntimeExports.jsx(TextField, { ...field, select: true, fullWidth: true, slotProps: {
-                select: {
-                    native,
-                    MenuProps: {
-                        PaperProps: {
-                            sx: {
-                                ...(!native && {
-                                    maxHeight: typeof maxHeight === "number" ? maxHeight : "unset",
-                                }),
-                                ...PaperPropsSx,
-                            },
-                        },
-                    },
-                    sx: { textTransform: "capitalize" },
-                },
-            }, error: !!error, helperText: error ? error?.message : helperText, ...other, children: children })) }));
+var _excluded$5 = ["name", "native", "maxHeight", "helperText", "children", "PaperPropsSx"];
+function RHFSelect(_ref) {
+  var name = _ref.name,
+    _native = _ref["native"],
+    _ref$maxHeight = _ref.maxHeight,
+    maxHeight = _ref$maxHeight === void 0 ? 220 : _ref$maxHeight,
+    helperText = _ref.helperText,
+    children = _ref.children,
+    PaperPropsSx = _ref.PaperPropsSx,
+    other = _objectWithoutProperties(_ref, _excluded$5);
+  var _useFormContext = useFormContext(),
+    control = _useFormContext.control;
+  return jsxRuntimeExports.jsx(Controller, {
+    name: name,
+    control: control,
+    render: function render(_ref2) {
+      var field = _ref2.field,
+        error = _ref2.fieldState.error;
+      return jsxRuntimeExports.jsx(TextField, _objectSpread2(_objectSpread2(_objectSpread2({}, field), {}, {
+        select: true,
+        fullWidth: true,
+        slotProps: {
+          select: {
+            "native": _native,
+            MenuProps: {
+              PaperProps: {
+                sx: _objectSpread2(_objectSpread2({}, !_native && {
+                  maxHeight: typeof maxHeight === "number" ? maxHeight : "unset"
+                }), PaperPropsSx)
+              }
+            },
+            sx: {
+              textTransform: "capitalize"
+            }
+          }
+        },
+        error: !!error,
+        helperText: error ? error === null || error === void 0 ? void 0 : error.message : helperText
+      }, other), {}, {
+        children: children
+      }));
+    }
+  });
 }
 
 /**
@@ -24371,32 +24484,97 @@ process.env.NODE_ENV !== "production" ? FormControlLabel.propTypes /* remove-pro
   value: PropTypes.any
 } : void 0;
 
-function RHFCheckbox({ name, helperText, ...other }) {
-    const { control } = useFormContext();
-    return (jsxRuntimeExports.jsx(Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsx(FormControlLabel, { control: jsxRuntimeExports.jsx(Checkbox, { ...field, checked: field.value }), ...other }), (!!error || helperText) && (jsxRuntimeExports.jsx(FormHelperText, { error: !!error, children: error ? error?.message : helperText }))] })) }));
-}
-function RHFMultiCheckbox({ row, name, label, options, spacing, helperText, sx, ...other }) {
-    const { control } = useFormContext();
-    const getSelected = (selectedItems, item) => selectedItems.includes(item)
-        ? selectedItems.filter((value) => value !== item)
-        : [...selectedItems, item];
-    return (jsxRuntimeExports.jsx(Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (jsxRuntimeExports.jsxs(FormControl, { component: "fieldset", children: [label && (jsxRuntimeExports.jsx(FormLabel, { component: "legend", sx: { typography: "body2" }, children: label })), jsxRuntimeExports.jsx(FormGroup, { sx: {
-                        ...(row && {
-                            flexDirection: "row",
-                        }),
-                        [`& .${formControlLabelClasses.root}`]: {
-                            "&:not(:last-of-type)": {
-                                mb: spacing || 0,
-                            },
-                            ...(row && {
-                                mr: 0,
-                                "&:not(:last-of-type)": {
-                                    mr: spacing || 2,
-                                },
-                            }),
-                        },
-                        ...sx,
-                    }, children: options.map((option) => (jsxRuntimeExports.jsx(FormControlLabel, { control: jsxRuntimeExports.jsx(Checkbox, { checked: field.value.includes(option.value), onChange: () => field.onChange(getSelected(field.value, `${option.value}`)) }), label: option.label, ...other }, option.value))) }), (!!error || helperText) && (jsxRuntimeExports.jsx(FormHelperText, { error: !!error, sx: { mx: 0 }, children: error ? error?.message : helperText }))] })) }));
+var _excluded$4 = ["name", "helperText"],
+  _excluded2 = ["row", "name", "label", "options", "spacing", "helperText", "sx"];
+function RHFCheckbox(_ref) {
+  var name = _ref.name,
+    helperText = _ref.helperText,
+    other = _objectWithoutProperties(_ref, _excluded$4);
+  var _useFormContext = useFormContext(),
+    control = _useFormContext.control;
+  return jsxRuntimeExports.jsx(Controller, {
+    name: name,
+    control: control,
+    render: function render(_ref2) {
+      var field = _ref2.field,
+        error = _ref2.fieldState.error;
+      return jsxRuntimeExports.jsxs("div", {
+        children: [jsxRuntimeExports.jsx(FormControlLabel, _objectSpread2({
+          control: jsxRuntimeExports.jsx(Checkbox, _objectSpread2(_objectSpread2({}, field), {}, {
+            checked: field.value
+          }))
+        }, other)), (!!error || helperText) && jsxRuntimeExports.jsx(FormHelperText, {
+          error: !!error,
+          children: error ? error === null || error === void 0 ? void 0 : error.message : helperText
+        })]
+      });
+    }
+  });
+}
+function RHFMultiCheckbox(_ref3) {
+  var row = _ref3.row,
+    name = _ref3.name,
+    label = _ref3.label,
+    options = _ref3.options,
+    spacing = _ref3.spacing,
+    helperText = _ref3.helperText,
+    sx = _ref3.sx,
+    other = _objectWithoutProperties(_ref3, _excluded2);
+  var _useFormContext2 = useFormContext(),
+    control = _useFormContext2.control;
+  var getSelected = function getSelected(selectedItems, item) {
+    return selectedItems.includes(item) ? selectedItems.filter(function (value) {
+      return value !== item;
+    }) : [].concat(_toConsumableArray(selectedItems), [item]);
+  };
+  return jsxRuntimeExports.jsx(Controller, {
+    name: name,
+    control: control,
+    render: function render(_ref4) {
+      var field = _ref4.field,
+        error = _ref4.fieldState.error;
+      return jsxRuntimeExports.jsxs(FormControl, {
+        component: "fieldset",
+        children: [label && jsxRuntimeExports.jsx(FormLabel, {
+          component: "legend",
+          sx: {
+            typography: "body2"
+          },
+          children: label
+        }), jsxRuntimeExports.jsx(FormGroup, {
+          sx: _objectSpread2(_objectSpread2({}, row && {
+            flexDirection: "row"
+          }), {}, _defineProperty({}, "& .".concat(formControlLabelClasses.root), _objectSpread2({
+            "&:not(:last-of-type)": {
+              mb: spacing || 0
+            }
+          }, row && {
+            mr: 0,
+            "&:not(:last-of-type)": {
+              mr: spacing || 2
+            }
+          })), sx),
+          children: options.map(function (option) {
+            return jsxRuntimeExports.jsx(FormControlLabel, _objectSpread2({
+              control: jsxRuntimeExports.jsx(Checkbox, {
+                checked: field.value.includes(option.value),
+                onChange: function onChange() {
+                  return field.onChange(getSelected(field.value, "".concat(option.value)));
+                }
+              }),
+              label: option.label
+            }, other), option.value);
+          })
+        }), (!!error || helperText) && jsxRuntimeExports.jsx(FormHelperText, {
+          error: !!error,
+          sx: {
+            mx: 0
+          },
+          children: error ? error === null || error === void 0 ? void 0 : error.message : helperText
+        })]
+      });
+    }
+  });
 }
 
 function getSwitchUtilityClass(slot) {
@@ -24730,9 +24908,31 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
   value: PropTypes.any
 } : void 0;
 
-function RHFSwitch({ name, helperText, ...other }) {
-    const { control } = useFormContext();
-    return (jsxRuntimeExports.jsx(Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsx(FormControlLabel, { control: jsxRuntimeExports.jsx(Switch, { ...field, checked: field.value }), ...other }), (!!error || helperText) && (jsxRuntimeExports.jsx(FormHelperText, { error: !!error, children: error ? error?.message : helperText }))] })) }));
+var _excluded$3 = ["name", "helperText"];
+function RHFSwitch(_ref) {
+  var name = _ref.name,
+    helperText = _ref.helperText,
+    other = _objectWithoutProperties(_ref, _excluded$3);
+  var _useFormContext = useFormContext(),
+    control = _useFormContext.control;
+  return jsxRuntimeExports.jsx(Controller, {
+    name: name,
+    control: control,
+    render: function render(_ref2) {
+      var field = _ref2.field,
+        error = _ref2.fieldState.error;
+      return jsxRuntimeExports.jsxs("div", {
+        children: [jsxRuntimeExports.jsx(FormControlLabel, _objectSpread2({
+          control: jsxRuntimeExports.jsx(Switch, _objectSpread2(_objectSpread2({}, field), {}, {
+            checked: field.value
+          }))
+        }, other)), (!!error || helperText) && jsxRuntimeExports.jsx(FormHelperText, {
+          error: !!error,
+          children: error ? error === null || error === void 0 ? void 0 : error.message : helperText
+        })]
+      });
+    }
+  });
 }
 
 function areArraysEqual(array1, array2, itemComparer = (a, b) => a === b) {
@@ -26509,21 +26709,61 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
   valueLabelFormat: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
 } : void 0;
 
-function RHFSlider({ name, helperText, ...other }) {
-    const { control } = useFormContext();
-    return (jsxRuntimeExports.jsx(Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Slider, { ...field, valueLabelDisplay: "auto", ...other }), (!!error || helperText) && (jsxRuntimeExports.jsx(FormHelperText, { error: !!error, children: error ? error?.message : helperText }))] })) }));
+var _excluded$2 = ["name", "helperText"];
+function RHFSlider(_ref) {
+  var name = _ref.name,
+    helperText = _ref.helperText,
+    other = _objectWithoutProperties(_ref, _excluded$2);
+  var _useFormContext = useFormContext(),
+    control = _useFormContext.control;
+  return jsxRuntimeExports.jsx(Controller, {
+    name: name,
+    control: control,
+    render: function render(_ref2) {
+      var field = _ref2.field,
+        error = _ref2.fieldState.error;
+      return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+        children: [jsxRuntimeExports.jsx(Slider, _objectSpread2(_objectSpread2({}, field), {}, {
+          valueLabelDisplay: "auto"
+        }, other)), (!!error || helperText) && jsxRuntimeExports.jsx(FormHelperText, {
+          error: !!error,
+          children: error ? error === null || error === void 0 ? void 0 : error.message : helperText
+        })]
+      });
+    }
+  });
 }
 
-function RHFTextField({ name, helperText, type, ...other }) {
-    const { control } = useFormContext();
-    return (jsxRuntimeExports.jsx(Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (jsxRuntimeExports.jsx(TextField, { ...field, fullWidth: true, type: type, value: type === "number" && field.value === 0 ? "" : field.value, onChange: (event) => {
-                if (type === "number") {
-                    field.onChange(Number(event.target.value));
-                }
-                else {
-                    field.onChange(event.target.value);
-                }
-            }, error: !!error, helperText: error ? error?.message : helperText, ...other })) }));
+var _excluded$1 = ["name", "helperText", "type"];
+function RHFTextField(_ref) {
+  var name = _ref.name,
+    helperText = _ref.helperText,
+    type = _ref.type,
+    other = _objectWithoutProperties(_ref, _excluded$1);
+  var _useFormContext = useFormContext(),
+    control = _useFormContext.control;
+  return jsxRuntimeExports.jsx(Controller, {
+    name: name,
+    control: control,
+    render: function render(_ref2) {
+      var field = _ref2.field,
+        error = _ref2.fieldState.error;
+      return jsxRuntimeExports.jsx(TextField, _objectSpread2(_objectSpread2({}, field), {}, {
+        fullWidth: true,
+        type: type,
+        value: type === "number" && field.value === 0 ? "" : field.value,
+        onChange: function onChange(event) {
+          if (type === "number") {
+            field.onChange(Number(event.target.value));
+          } else {
+            field.onChange(event.target.value);
+          }
+        },
+        error: !!error,
+        helperText: error ? error === null || error === void 0 ? void 0 : error.message : helperText
+      }, other));
+    }
+  });
 }
 
 var RadioButtonUncheckedIcon = createSvgIcon(/*#__PURE__*/jsxRuntimeExports.jsx("path", {
@@ -26977,24 +27217,76 @@ process.env.NODE_ENV !== "production" ? RadioGroup.propTypes /* remove-proptypes
   value: PropTypes.any
 } : void 0;
 
-function RHFRadioGroup({ row, name, label, options, spacing, helperText, ...other }) {
-    const { control } = useFormContext();
-    const labelledby = label ? `${name}-${label}` : "";
-    return (jsxRuntimeExports.jsx(Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (jsxRuntimeExports.jsxs(FormControl, { component: "fieldset", children: [label && (jsxRuntimeExports.jsx(FormLabel, { component: "legend", id: labelledby, sx: { typography: "body2" }, children: label })), jsxRuntimeExports.jsx(RadioGroup, { ...field, "aria-labelledby": labelledby, row: row, ...other, children: options.map((option) => (jsxRuntimeExports.jsx(FormControlLabel, { value: option.value, control: jsxRuntimeExports.jsx(Radio, {}), label: option.label, sx: {
-                            "&:not(:last-of-type)": {
-                                mb: spacing || 0,
-                            },
-                            ...(row && {
-                                mr: 0,
-                                "&:not(:last-of-type)": {
-                                    mr: spacing || 2,
-                                },
-                            }),
-                        } }, option.value))) }), (!!error || helperText) && (jsxRuntimeExports.jsx(FormHelperText, { error: !!error, sx: { mx: 0 }, children: error ? error?.message : helperText }))] })) }));
-}
-
-function FormProvider({ children, onSubmit, methods, }) {
-    return (jsxRuntimeExports.jsx(FormProvider$1, { ...methods, children: jsxRuntimeExports.jsx("form", { onSubmit: onSubmit, children: children }) }));
+var _excluded = ["row", "name", "label", "options", "spacing", "helperText"];
+function RHFRadioGroup(_ref) {
+  var row = _ref.row,
+    name = _ref.name,
+    label = _ref.label,
+    options = _ref.options,
+    spacing = _ref.spacing,
+    helperText = _ref.helperText,
+    other = _objectWithoutProperties(_ref, _excluded);
+  var _useFormContext = useFormContext(),
+    control = _useFormContext.control;
+  var labelledby = label ? "".concat(name, "-").concat(label) : "";
+  return jsxRuntimeExports.jsx(Controller, {
+    name: name,
+    control: control,
+    render: function render(_ref2) {
+      var field = _ref2.field,
+        error = _ref2.fieldState.error;
+      return jsxRuntimeExports.jsxs(FormControl, {
+        component: "fieldset",
+        children: [label && jsxRuntimeExports.jsx(FormLabel, {
+          component: "legend",
+          id: labelledby,
+          sx: {
+            typography: "body2"
+          },
+          children: label
+        }), jsxRuntimeExports.jsx(RadioGroup, _objectSpread2(_objectSpread2(_objectSpread2({}, field), {}, {
+          "aria-labelledby": labelledby,
+          row: row
+        }, other), {}, {
+          children: options.map(function (option) {
+            return jsxRuntimeExports.jsx(FormControlLabel, {
+              value: option.value,
+              control: jsxRuntimeExports.jsx(Radio, {}),
+              label: option.label,
+              sx: _objectSpread2({
+                "&:not(:last-of-type)": {
+                  mb: spacing || 0
+                }
+              }, row && {
+                mr: 0,
+                "&:not(:last-of-type)": {
+                  mr: spacing || 2
+                }
+              })
+            }, option.value);
+          })
+        })), (!!error || helperText) && jsxRuntimeExports.jsx(FormHelperText, {
+          error: !!error,
+          sx: {
+            mx: 0
+          },
+          children: error ? error === null || error === void 0 ? void 0 : error.message : helperText
+        })]
+      });
+    }
+  });
+}
+
+function FormProvider(_ref) {
+  var children = _ref.children,
+    onSubmit = _ref.onSubmit,
+    methods = _ref.methods;
+  return jsxRuntimeExports.jsx(FormProvider$1, _objectSpread2(_objectSpread2({}, methods), {}, {
+    children: jsxRuntimeExports.jsx("form", {
+      onSubmit: onSubmit,
+      children: children
+    })
+  }));
 }
 
 export { Controller, Form, FormProvider, FormProvider$1 as FormProviderController, RHFCheckbox, RHFMultiCheckbox, RHFRadioGroup, RHFSelect, RHFSlider, RHFSwitch, RHFTextField, appendErrors, get, set, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch };