@m4l/components 9.4.28 → 9.4.29-beta.1

package/components/extended/mui/Autocomplete/hooks/useMultipleChips.js

@@ -1,130 +1,88 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React, { useMemo } from "react";
-import { r as renderAdornment } from "../subcomponents/RenderAdornment/RenderAdornment.js";
-import { b as ContainerMultipleValuesStyled, c as ContainerWrapperStyled, d as ChipStyled, e as WrapperStartAdornmentStyled } from "../slots/AutocompleteSlots.js";
-function useMultipleChips(props) {
+import { jsx as d, jsxs as C } from "@emotion/react/jsx-runtime";
+import R, { useMemo as c } from "react";
+import { ContainerMultipleValuesStyled as x, ContainerWrapperStyled as z, ChipStyled as D, StartAdornmentRootStyled as E, WrapperStartAdornmentStyled as y } from "../slots/AutocompleteSlots.js";
+import { renderAdornment as S } from "../subcomponents/RenderAdornment/RenderAdornment.js";
+function q(M) {
   const {
-    selectedValue,
-    multiple,
-    adjustedSize,
-    getOptionLabelLocal,
-    ownerState,
-    handleDelete,
-    disabled,
-    startAdornment,
-    getOptionStartAdornment,
-    getOptionEndAdornment
-  } = props;
-  const externalStartAdornment = useMemo(() => {
-    if (!startAdornment) {
+    selectedValue: e,
+    multiple: n,
+    adjustedSize: t,
+    getOptionLabelLocal: a,
+    ownerState: i,
+    handleDelete: m,
+    disabled: g,
+    startAdornment: p,
+    getOptionStartAdornment: u,
+    getOptionEndAdornment: b
+  } = M, s = c(() => {
+    if (!p)
       return null;
-    }
     try {
-      return React.cloneElement(startAdornment, {
-        size: adjustedSize
+      return R.cloneElement(p, {
+        size: t
       });
-    } catch (error) {
-      console.warn("Error cloning startAdornment:", error);
-      return null;
+    } catch (r) {
+      return console.warn("Error cloning startAdornment:", r), null;
     }
-  }, [startAdornment, adjustedSize]);
-  const memoizedIcons = useMemo(() => {
-    if (!Array.isArray(selectedValue) || !multiple || selectedValue.length === 0) {
-      return null;
-    }
-    const iconMap = /* @__PURE__ */ new Map();
-    selectedValue.forEach((option) => {
-      const optionKey = getOptionLabelLocal(option);
-      const startAdornmentResource = getOptionStartAdornment?.(option);
-      const endAdornmentResource = getOptionEndAdornment?.(option);
-      if (startAdornmentResource) {
-        iconMap.set(`${optionKey}-start`, renderAdornment(startAdornmentResource, adjustedSize));
-      }
-      if (endAdornmentResource) {
-        iconMap.set(`${optionKey}-end`, renderAdornment(endAdornmentResource, adjustedSize));
-      }
-    });
-    return iconMap;
-  }, [
-    selectedValue,
-    multiple,
-    getOptionLabelLocal,
-    getOptionStartAdornment,
-    getOptionEndAdornment,
-    adjustedSize
-  ]);
-  const selectedOptionStartAdornment = useMemo(() => {
-    if (multiple || !selectedValue || Array.isArray(selectedValue) && selectedValue.length === 0) {
+  }, [p, t]), A = c(() => {
+    if (!Array.isArray(e) || !n || e.length === 0)
       return null;
-    }
-    const selectedOption = Array.isArray(selectedValue) ? selectedValue[0] : selectedValue;
-    const startAdornmentResource = getOptionStartAdornment?.(selectedOption);
-    if (startAdornmentResource) {
-      return renderAdornment(startAdornmentResource, adjustedSize);
-    }
-    return null;
+    const r = /* @__PURE__ */ new Map();
+    return e.forEach((o) => {
+      const l = a(o), O = u?.(o), $ = b?.(o);
+      O && r.set(`${l}-start`, S(O, t)), $ && r.set(`${l}-end`, S($, t));
+    }), r;
   }, [
-    multiple,
-    selectedValue,
-    getOptionStartAdornment,
-    adjustedSize
-  ]);
-  const multipleSelectionChips = useMemo(() => {
-    if (!(Array.isArray(selectedValue) && multiple && selectedValue.length > 0)) {
+    e,
+    n,
+    a,
+    u,
+    b,
+    t
+  ]), h = c(() => {
+    if (n || !e || Array.isArray(e) && e.length === 0)
       return null;
-    }
-    return /* @__PURE__ */ jsx(ContainerMultipleValuesStyled, { ownerState, role: "list", "aria-label": "Selected options", children: /* @__PURE__ */ jsx(ContainerWrapperStyled, { children: selectedValue.map((option, index) => {
-      const optionKey = getOptionLabelLocal(option);
-      return /* @__PURE__ */ jsx(
-        ChipStyled,
-        {
-          size: adjustedSize,
-          label: optionKey,
-          opacity: true,
-          onDeleted: () => handleDelete(option),
-          disabledDeleteButton: disabled,
-          ownerState,
-          startIcon: memoizedIcons?.get(`${optionKey}-start`),
-          endIcon: memoizedIcons?.get(`${optionKey}-end`)
-        },
-        `${optionKey}-${index}`
-      );
-    }) }) });
+    const r = Array.isArray(e) ? e[0] : e, o = u?.(r);
+    return o ? S(o, t) : null;
   }, [
-    selectedValue,
-    multiple,
-    adjustedSize,
-    getOptionLabelLocal,
-    handleDelete,
-    disabled,
-    ownerState,
-    memoizedIcons
+    n,
+    e,
+    u,
+    t
+  ]), f = c(() => Array.isArray(e) && n && e.length > 0 ? /* @__PURE__ */ d(x, { ownerState: i, role: "list", "aria-label": "Selected options", children: /* @__PURE__ */ d(z, { children: e.map((r, o) => {
+    const l = a(r);
+    return /* @__PURE__ */ d(
+      D,
+      {
+        size: t,
+        label: l,
+        opacity: !0,
+        onDeleted: () => m(r),
+        disabledDeleteButton: g,
+        ownerState: i,
+        startIcon: A?.get(`${l}-start`),
+        endIcon: A?.get(`${l}-end`)
+      },
+      `${l}-${o}`
+    );
+  }) }) }) : null, [
+    e,
+    n,
+    t,
+    a,
+    m,
+    g,
+    i,
+    A
   ]);
-  if (externalStartAdornment && multipleSelectionChips) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(WrapperStartAdornmentStyled, { role: "img", "aria-hidden": "true", ownerState, children: externalStartAdornment }),
-      multipleSelectionChips
-    ] });
-  }
-  if (externalStartAdornment) {
-    return /* @__PURE__ */ jsxs(WrapperStartAdornmentStyled, { role: "img", "aria-hidden": "true", ownerState, children: [
-      externalStartAdornment,
-      !multiple && selectedOptionStartAdornment
-    ] });
-  }
-  if (!multiple && selectedOptionStartAdornment && !externalStartAdornment) {
-    return /* @__PURE__ */ jsx(WrapperStartAdornmentStyled, { role: "img", "aria-hidden": "true", ownerState, children: selectedOptionStartAdornment });
-  }
-  if (!getOptionLabelLocal) {
-    console.error("useStartAdornments: getOptionLabelLocal is required");
-    return null;
-  }
-  if (!handleDelete) {
-    console.error("useStartAdornments: handleDelete is required");
-    return null;
-  }
-  return multipleSelectionChips;
+  return s && f ? /* @__PURE__ */ C(E, { children: [
+    /* @__PURE__ */ d(y, { role: "img", "aria-hidden": "true", ownerState: i, children: s }),
+    f
+  ] }) : s ? /* @__PURE__ */ C(y, { role: "img", "aria-hidden": "true", ownerState: i, children: [
+    s,
+    !n && h
+  ] }) : !n && h && !s ? /* @__PURE__ */ d(y, { role: "img", "aria-hidden": "true", ownerState: i, children: h }) : a ? m ? f : (console.error("useStartAdornments: handleDelete is required"), null) : (console.error("useStartAdornments: getOptionLabelLocal is required"), null);
 }
 export {
-  useMultipleChips as u
+  q as useMultipleChips
 };

package/components/extended/mui/Autocomplete/hooks/useValuesAndHandlers.d.ts

@@ -17,5 +17,6 @@ export declare function useValuesAndHandlers<T, Multiple extends boolean | undef
     onOpenLocal: (event: React.SyntheticEvent) => void;
     getOptionLabelLocal: (option: unknown) => string;
     checkKeyDown: (e: KeyboardEvent<HTMLDivElement>) => void;
-    scrollPositionOptionsRef: import('react').MutableRefObject<number>;
+    scrollPositionOptionsRef: import('react').RefObject<number>;
 };
+//# sourceMappingURL=useValuesAndHandlers.d.ts.map

package/components/extended/mui/Autocomplete/hooks/useValuesAndHandlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValuesAndHandlers.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/Autocomplete/hooks/useValuesAndHandlers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAClF,OAAO,EACL,aAAa,EAKd,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,QAAQ,SAAS,OAAO,GAAG,SAAS,EAC1E,KAAK,EAAE,iBAAiB,CAAC,CAAC,EAAE,QAAQ,CAAC;;;;wCAqD1B,OAAO,OAAO,OAAO;mCAakB,CAAC;;0BA+B1C,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,oBACzB,OAAO,UACjB,wBAAwB;gCAqBxB,KAAK,CAAC,cAAc,YAClB,MAAM,UACR,MAAM;0BAmBP,KAAK,CAAC,cAAc,UACnB,uBAAuB;yBAwBO,KAAK,CAAC,cAAc;kCAejD,OAAO;sBAqCO,aAAa,CAAC,cAAc,CAAC;;EAkCvD"}

package/components/extended/mui/Autocomplete/hooks/useValuesAndHandlers.js

@@ -1,137 +1,76 @@
-import { useState, useRef, useEffect, useCallback } from "react";
-import { deepEqual } from "fast-equals";
-function useValuesAndHandlers(props) {
+import { useState as O, useRef as D, useEffect as E, useCallback as i } from "react";
+import { deepEqual as K } from "fast-equals";
+function B(b) {
   const {
-    getOptionLabel,
-    isOptionEqualToValue,
-    options = [],
-    onOpen,
-    onClose,
-    onChangeFilterParmsLocal,
-    multiple,
-    refresh,
-    onChange,
-    value,
-    readOnly
-  } = props;
-  const [open, setOpen] = useState(false);
-  const scrollPositionOptionsRef = useRef(0);
-  const [selectedValue, setSelectedValue] = useState(
-    value || (multiple ? [] : null)
-  );
-  const refValue = useRef(selectedValue);
-  useEffect(() => {
-    if (deepEqual(refValue.current, value)) {
+    getOptionLabel: A,
+    isOptionEqualToValue: g,
+    options: k = [],
+    onOpen: c,
+    onClose: V,
+    onChangeFilterParmsLocal: w,
+    multiple: n,
+    refresh: C,
+    onChange: p,
+    value: o,
+    readOnly: r
+  } = b, [P, d] = O(!1), L = D(0), [s, y] = O(
+    o || (n ? [] : null)
+  ), v = D(s);
+  E(() => {
+    if (K(v.current, o))
       return;
-    }
-    const newValue = value || (multiple ? [] : null);
-    if (deepEqual(selectedValue, newValue)) {
-      return;
-    }
-    refValue.current = newValue;
-    setSelectedValue(newValue);
-  }, [multiple, value, selectedValue]);
-  const isOptionEqualToValueLocal = useCallback(
-    (option, val) => {
-      if (val === null || val === void 0) {
-        return false;
-      }
-      return isOptionEqualToValue(option, val);
-    },
-    [isOptionEqualToValue]
-  );
-  const handleDelete = useCallback((optionToDelete) => {
-    if (readOnly) {
-      return;
-    }
-    if (Array.isArray(selectedValue)) {
-      const updatedValue = selectedValue.filter(
-        (val) => !isOptionEqualToValueLocal(val, optionToDelete)
+    const e = o || (n ? [] : null);
+    K(s, e) || (v.current = e, y(e));
+  }, [n, o, s]);
+  const u = i(
+    (e, t) => t == null ? !1 : g(e, t),
+    [g]
+  ), R = i((e) => {
+    if (!r && Array.isArray(s)) {
+      const t = s.filter(
+        (l) => !u(l, e)
       );
-      setSelectedValue(updatedValue);
-      onChange?.(
+      y(t), p?.(
         {},
-        updatedValue,
+        t,
         "removeOption"
       );
     }
-  }, [selectedValue, isOptionEqualToValueLocal, onChange, readOnly]);
-  const handleRefresh = useCallback(() => {
-    refresh?.();
-    setOpen(true);
-  }, [refresh]);
-  const handleChange = (event, newSelectedValue, reason) => {
-    let updatedValue = multiple ? Array.isArray(newSelectedValue) ? newSelectedValue : [] : newSelectedValue;
-    if (multiple && Array.isArray(updatedValue)) {
-      updatedValue = updatedValue?.filter((option) => options.some((opt) => isOptionEqualToValueLocal(opt, option)));
-    }
-    setSelectedValue(updatedValue);
-    onChange?.(event, updatedValue, reason);
-  };
-  const handleInputChange = (_event, newValue, reason) => {
-    if (readOnly) {
-      return;
-    }
-    setInputValue(newValue);
-    if (onChangeFilterParmsLocal && reason === "input") {
-      onChangeFilterParmsLocal(newValue, reason);
-    }
-  };
-  const onCloseLocal = (event, reason) => {
-    let mustClose = true;
-    if (!(reason !== "selectOption" && reason !== "removeOption")) {
-      if (multiple) {
-        mustClose = false;
-      }
-    }
-    if (mustClose) {
-      scrollPositionOptionsRef.current = 0;
-      setOpen(false);
-      if (onClose) {
-        onClose(event, reason);
-      }
-    }
-  };
-  const onOpenLocal = useCallback((event) => {
-    if (readOnly) {
-      return;
-    }
-    setOpen((currentState) => !currentState);
-    if (onOpen) {
-      onOpen(event);
-    }
-  }, [onOpen, readOnly]);
-  const getOptionLabelLocal = useCallback(
-    (option) => {
-      if (typeof option === "string") {
-        return option;
-      }
-      if (option === null || option === void 0) {
-        return "";
-      }
-      return getOptionLabel(option);
-    },
-    [getOptionLabel]
-  );
-  const [inputValue, setInputValue] = useState("");
-  useEffect(() => {
-    if (readOnly && value !== null && value !== void 0 && !multiple) {
-      const displayValue = getOptionLabelLocal(value);
-      if (inputValue !== displayValue) {
-        setInputValue(displayValue);
-      }
-    } else if (readOnly && multiple) {
-      if (inputValue !== "") {
-        setInputValue("");
-      }
-    }
-  }, [readOnly, value, getOptionLabelLocal, multiple, inputValue]);
-  const checkKeyDown = (e) => {
-    if (e.code === "Enter") {
-      e.preventDefault();
-    }
-    if (readOnly) {
-      const allowedKeys = [
+  }, [s, u, p, r]), q = i(() => {
+    C?.(), d(!0);
+  }, [C]), T = (e, t, l) => {
+    let a = n ? Array.isArray(t) ? t : [] : t;
+    n && Array.isArray(a) && (a = a?.filter((x) => k.some((F) => u(F, x)))), y(a), p?.(e, a, l);
+  }, H = (e, t, l) => {
+    r || (m(t), w && l === "input" && w(t, l));
+  }, I = (e, t) => {
+    let l = !0;
+    t !== "selectOption" && t !== "removeOption" || n && (l = !1), l && (L.current = 0, d(!1), V && V(e, t));
+  }, U = i((e) => {
+    r || (d((t) => !t), c && c(e));
+  }, [c, r]), h = i(
+    (e) => typeof e == "string" ? e : e == null ? "" : A(e),
+    [A]
+  ), [f, m] = O("");
+  return E(() => {
+    if (r && o !== null && o !== void 0 && !n) {
+      const e = h(o);
+      f !== e && m(e);
+    } else r && n && f !== "" && m("");
+  }, [r, o, h, n, f]), {
+    open: P,
+    inputValue: f,
+    selectedValue: s,
+    isOptionEqualToValueLocal: u,
+    handleDelete: R,
+    handleRefresh: q,
+    handleChange: T,
+    handleInputChange: H,
+    onCloseLocal: I,
+    onOpenLocal: U,
+    getOptionLabelLocal: h,
+    checkKeyDown: (e) => {
+      e.code === "Enter" && e.preventDefault(), r && ![
         "Tab",
         "Escape",
         "ArrowUp",
@@ -142,28 +81,11 @@ function useValuesAndHandlers(props) {
         "End",
         "PageUp",
         "PageDown"
-      ];
-      if (!allowedKeys.includes(e.key) && !e.ctrlKey && !e.metaKey) {
-        e.preventDefault();
-      }
-    }
-  };
-  return {
-    open,
-    inputValue,
-    selectedValue,
-    isOptionEqualToValueLocal,
-    handleDelete,
-    handleRefresh,
-    handleChange,
-    handleInputChange,
-    onCloseLocal,
-    onOpenLocal,
-    getOptionLabelLocal,
-    checkKeyDown,
-    scrollPositionOptionsRef
+      ].includes(e.key) && !e.ctrlKey && !e.metaKey && e.preventDefault();
+    },
+    scrollPositionOptionsRef: L
   };
 }
 export {
-  useValuesAndHandlers as u
+  B as useValuesAndHandlers
 };

package/components/extended/mui/Autocomplete/icons.d.ts

@@ -2,3 +2,4 @@ export declare const icons: {
     refresh: string;
     chevronDown: string;
 };
+//# sourceMappingURL=icons.d.ts.map

package/components/extended/mui/Autocomplete/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Autocomplete/icons.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;CAGjB,CAAC"}

package/components/extended/mui/Autocomplete/index.d.ts

@@ -1 +1,2 @@
 export { Autocomplete } from './Autocomplete';
+//# sourceMappingURL=index.d.ts.map

package/components/extended/mui/Autocomplete/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/components/extended/mui/Autocomplete/slots/AutocompleteEnum.d.ts

@@ -15,9 +15,11 @@ export declare enum AutocompleteSlots {
     containerMultipleValues = "containerMultipleValues",
     containerWrapper = "containerWrapper",
     wrapperStartAdornment = "wrapperStartAdornment",
+    startAdornmentRoot = "startAdornmentRoot",
     wrapperEndAdornment = "wrapperEndAdornment"
 }
 export declare enum AutocompleteComplementaryClasses {
     multiple = "multiple",
     refreshRotating = "refresh-rotating"
 }
+//# sourceMappingURL=AutocompleteEnum.d.ts.map

package/components/extended/mui/Autocomplete/slots/AutocompleteEnum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteEnum.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/Autocomplete/slots/AutocompleteEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,iBAAiB;IAC3B,IAAI,SAAS;IACb,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,oBAAoB,yBAAyB;IAC7C,gBAAgB,qBAAqB;IACrC,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,eAAe,oBAAoB;IACnC,uBAAuB,4BAA4B;IACnD,gBAAgB,qBAAqB;IACrC,qBAAqB,0BAA0B;IAC/C,kBAAkB,uBAAuB;IACzC,mBAAmB,wBAAwB;CAC5C;AACD,oBAAY,gCAAgC;IAC1C,QAAQ,aAAa;IACrB,eAAe,qBAAqB;CACrC"}

package/components/extended/mui/Autocomplete/slots/AutocompleteEnum.js

@@ -1,29 +1,5 @@
-var AutocompleteSlots = /* @__PURE__ */ ((AutocompleteSlots2) => {
-  AutocompleteSlots2["root"] = "root";
-  AutocompleteSlots2["chip"] = "chip";
-  AutocompleteSlots2["popper"] = "popper";
-  AutocompleteSlots2["typography"] = "typography";
-  AutocompleteSlots2["adorments"] = "adorments";
-  AutocompleteSlots2["iconButton"] = "iconButton";
-  AutocompleteSlots2["menuItem"] = "menuItem";
-  AutocompleteSlots2["menuList"] = "menuList";
-  AutocompleteSlots2["skeletonAutocomplete"] = "skeletonAutocomplete";
-  AutocompleteSlots2["circularProgress"] = "circularProgress";
-  AutocompleteSlots2["textField"] = "textField";
-  AutocompleteSlots2["image"] = "image";
-  AutocompleteSlots2["renderInputText"] = "renderInputText";
-  AutocompleteSlots2["containerMultipleValues"] = "containerMultipleValues";
-  AutocompleteSlots2["containerWrapper"] = "containerWrapper";
-  AutocompleteSlots2["wrapperStartAdornment"] = "wrapperStartAdornment";
-  AutocompleteSlots2["wrapperEndAdornment"] = "wrapperEndAdornment";
-  return AutocompleteSlots2;
-})(AutocompleteSlots || {});
-var AutocompleteComplementaryClasses = /* @__PURE__ */ ((AutocompleteComplementaryClasses2) => {
-  AutocompleteComplementaryClasses2["multiple"] = "multiple";
-  AutocompleteComplementaryClasses2["refreshRotating"] = "refresh-rotating";
-  return AutocompleteComplementaryClasses2;
-})(AutocompleteComplementaryClasses || {});
+var n = /* @__PURE__ */ ((r) => (r.root = "root", r.chip = "chip", r.popper = "popper", r.typography = "typography", r.adorments = "adorments", r.iconButton = "iconButton", r.menuItem = "menuItem", r.menuList = "menuList", r.skeletonAutocomplete = "skeletonAutocomplete", r.circularProgress = "circularProgress", r.textField = "textField", r.image = "image", r.renderInputText = "renderInputText", r.containerMultipleValues = "containerMultipleValues", r.containerWrapper = "containerWrapper", r.wrapperStartAdornment = "wrapperStartAdornment", r.startAdornmentRoot = "startAdornmentRoot", r.wrapperEndAdornment = "wrapperEndAdornment", r))(n || {}), a = /* @__PURE__ */ ((r) => (r.multiple = "multiple", r.refreshRotating = "refresh-rotating", r))(a || {});
 export {
-  AutocompleteComplementaryClasses as A,
-  AutocompleteSlots as a
+  a as AutocompleteComplementaryClasses,
+  n as AutocompleteSlots
 };