asma-ui-core 3.21.0 → 3.21.1

package/dist/components/inputs/select-autocomplete/StyledSelectAutocomplete.js

@@ -1,4 +1,4 @@
-import { cn as C } from "../../../helpers/cn.js";
+import { cn as v } from "../../../helpers/cn.js";
 import { ChevronDownIcon as re } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
 import { CloseIcon as le } from "../../icons/close-icon/CloseIcon.js";
 import { CheckIcon as oe } from "../../icons/check-icon/CheckIcon.js";
@@ -7,32 +7,32 @@ import { StyledChip as ne } from "../../data-display/chip/StyledChip.js";
 import { StyledCheckbox as H } from "../checkbox/base-ui/StyledCheckbox.js";
 import B from "./StyledSelectAutocomplete.module.js";
 import D from "clsx";
-import { createElement as v, useLayoutEffect as se, useRef as ce, useState as z } from "react";
+import { createElement as C, useLayoutEffect as se, useRef as ce, useState as z } from "react";
 import { Autocomplete as ie, Paper as de } from "@mui/material";
 import { jsx as l, jsxs as T } from "react/jsx-runtime";
-function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W, multiple: n, allowSelectAll: _, selectAllLabel: N, className: F, defaultValue: w, isOptionEqualToValue: p, ListboxProps: M, onChange: G, options: f, popupIcon: K, readOnly: h, renderOption: L, renderTags: O, sx: U, value: x, ...V }) {
-  const [k, E] = z("auto"), g = ce(null), o = n === !0 && _ === !0 && !h, A = x !== void 0, b = (e) => Array.isArray(e) ? e : [], [J, Q] = z(() => b(w));
+function Me({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W, multiple: n, allowSelectAll: _, selectAllLabel: M, className: F, defaultValue: N, isOptionEqualToValue: p, ListboxProps: k, onChange: G, options: h, popupIcon: K, readOnly: f, renderOption: L, renderTags: O, sx: U, value: x, ...V }) {
+  const [A, E] = z("auto"), g = ce(null), o = n === !0 && _ === !0 && !f, w = x !== void 0, b = (e) => Array.isArray(e) ? e : [], [J, Q] = z(() => b(N));
   se(() => {
     if (!m) return;
     const e = g.current?.getBoundingClientRect().height ?? 0, t = g.current?.getBoundingClientRect().top ?? 0, r = window.innerHeight - t - e - 40;
     E(r > 0 ? r : "auto");
   }, [m]);
   const y = m ? {
-    style: { maxHeight: k === "auto" ? "auto" : `${k}px` },
-    ...M
-  } : M, s = (e) => typeof e == "object" && e !== null && "label" in e ? e.label : String(e), X = (e) => typeof e == "object" && e !== null && "disabled" in e && !!e.disabled, I = {
+    style: { maxHeight: A === "auto" ? "auto" : `${A}px` },
+    ...k
+  } : k, s = (e) => typeof e == "object" && e !== null && "label" in e ? e.label : String(e), X = (e) => typeof e == "object" && e !== null && "disabled" in e && !!e.disabled, I = {
     padding: 0,
     "& .MuiAutocomplete-option": { paddingLeft: n ? "12px !important" : "6px !important" }
-  }, Y = y?.sx ? [I, y.sx] : I, $ = o ? b(A ? x : J) : [], c = o ? f.filter((e) => !X(e)) : f, Z = (e, t) => {
+  }, Y = y?.sx ? [I, y.sx] : I, $ = o ? b(w ? x : J) : [], c = o ? h.filter((e) => !X(e)) : h, Z = (e, t) => {
     const r = typeof e == "object" && e !== null;
     return r !== (typeof t == "object" && t !== null) || !r && typeof e != typeof t ? !1 : p ? p(e, t) : e === t;
   }, j = o ? c.filter((e) => $.some((t) => Z(e, t))).length : 0, R = o && c.length > 0 && j === c.length, q = o && j > 0 && !R, P = (e, t, r, a) => {
-    o && !A && Q(b(t)), G?.(e, t, r, a);
+    o && !w && Q(b(t)), G?.(e, t, r, a);
   }, ee = (e, t) => {
     P(e, t ? [...c] : [], t ? "selectOption" : "clear", void 0);
   }, te = (e, t) => e.map((r, a) => {
     const u = t({ index: a }), S = d?.(r) ?? s(r);
-    return /* @__PURE__ */ v(ne, {
+    return /* @__PURE__ */ C(ne, {
       ...u,
       key: `selected-chip-${S}-${a}`,
       dataTest: `selected-chip-${S}`,
@@ -41,12 +41,12 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
     });
   });
   return /* @__PURE__ */ l("div", {
-    className: C(B.styledSelectAutocompleteWrapper, W),
+    className: v(B.styledSelectAutocompleteWrapper, W),
     ref: g,
     children: /* @__PURE__ */ l(ie, {
       ...V,
       multiple: n,
-      defaultValue: o ? void 0 : w,
+      defaultValue: o ? void 0 : N,
       getOptionLabel: d,
       isOptionEqualToValue: p,
       ListboxProps: {
@@ -55,9 +55,9 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
       },
       className: D("!text-sm", F),
       onChange: P,
-      options: f,
+      options: h,
       renderTags: O ?? (n ? te : void 0),
-      popupIcon: h ? null : K ?? n ? /* @__PURE__ */ l(ae, {
+      popupIcon: f ? null : K ?? n ? /* @__PURE__ */ l(ae, {
         width: 24,
         height: 24
       }) : /* @__PURE__ */ l(re, {
@@ -65,7 +65,7 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
         height: 24,
         className: D(B["select-custom-icon"])
       }),
-      readOnly: h,
+      readOnly: f,
       "data-testid": i,
       value: o ? $ : x,
       PaperComponent: ({ children: e }) => /* @__PURE__ */ T(de, {
@@ -75,9 +75,12 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
           marginTop: "0px !important",
           "& .MuiAutocomplete-option.Mui-focused": { background: "var(--colors-delta-50) !important" },
           "& li[aria-selected=true]": { background: "var(--colors-gama-50) !important" },
-          "& li[aria-selected=true].MuiAutocomplete-option.Mui-focused": { background: "var(--colors-gama-50) !important" }
+          "& li[aria-selected=true].MuiAutocomplete-option.Mui-focused": { background: "var(--colors-gama-50) !important" },
+          "&:has([data-select-all-header]:hover) .MuiAutocomplete-option.Mui-focused": { background: "transparent !important" },
+          "&:has([data-select-all-header]:hover) li[aria-selected=true].MuiAutocomplete-option.Mui-focused": { background: "var(--colors-gama-50) !important" }
         },
         children: [o && c.length > 0 && /* @__PURE__ */ T("div", {
+          "data-select-all-header": !0,
           className: "flex items-center gap-x-[10px] border-[1px] border-b border-solid border-delta-200 bg-delta-50 py-2 pl-3 text-xs",
           onMouseDown: (t) => t.preventDefault(),
           role: "presentation",
@@ -88,19 +91,19 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
             indeterminate: q,
             hideWrapper: !0,
             onChange: ee,
-            "aria-label": N ?? "Select all"
+            "aria-label": M ?? "Select all"
           }), /* @__PURE__ */ l("span", {
             className: "truncate text-[10px] font-semibold uppercase text-delta-600",
-            children: N ?? "Select all"
+            children: M ?? "Select all"
           })]
         }), e]
       }),
       renderOption: L ?? ((e, t, { selected: r }) => {
         const a = e, u = e.id ?? s(t);
-        return n ? /* @__PURE__ */ v("li", {
+        return n ? /* @__PURE__ */ C("li", {
           ...a,
           key: u,
-          className: C(e.className, "flex items-center gap-x-[10px] border-0 border-b border-solid border-delta-200")
+          className: v(e.className, "flex items-center gap-x-[10px] border-0 border-b border-solid border-delta-200")
         }, /* @__PURE__ */ l(H, {
           dataTest: `${i}-${s(t)}-checkbox`,
           checked: r,
@@ -109,10 +112,10 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
         }), /* @__PURE__ */ l("span", {
           className: "flex-1 truncate py-2 text-sm text-delta-700",
           children: d?.(t) ?? s(t)
-        })) : /* @__PURE__ */ v("li", {
+        })) : /* @__PURE__ */ C("li", {
           ...a,
           key: u,
-          className: C(e.className, "flex items-center gap-x-1")
+          className: v(e.className, "flex items-center gap-x-1")
         }, /* @__PURE__ */ l("span", {
           className: "w-5",
           children: r && /* @__PURE__ */ l(oe, {
@@ -147,5 +150,5 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
   });
 }
 export {
-  Ne as StyledSelectAutocomplete
+  Me as StyledSelectAutocomplete
 };

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.21.0",
+    "version": "3.21.1",
     "type": "module",
     "sideEffects": [
         "**/*.css",