@owp/core 2.5.8 → 2.5.9

package/dist/components/OwpSelectorBase/OwpSelectorAutocomplete.js

@@ -1,57 +1,57 @@
-var xe = Object.defineProperty;
-var n = (a, s) => xe(a, "name", { value: s, configurable: !0 });
-import { jsxs as x, jsx as i, Fragment as M } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+var Ee = Object.defineProperty;
+var n = (a, s) => Ee(a, "name", { value: s, configurable: !0 });
+import { jsxs as g, jsx as i, Fragment as S } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
 import { createElement as be } from "@emotion/react";
-import { useOwpTranslation as ye } from "../../hooks/useOwpTranslation.js";
-import Y from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/ArrowDropDown.js";
-import F from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Clear.js";
-import { Box as Ae, Chip as E, Checkbox as ve, TextField as ee, CircularProgress as te, Autocomplete as oe, ClickAwayListener as Se, Paper as Me, Popper as Ee } from "@mui/material";
-import { alpha as b } from "@mui/material/styles";
-import { clsx as ne } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { useMemo as le, useState as we, useRef as re, useEffect as ie } from "react";
-import { isSelectorAllOption as O } from "./utils/querySelectorUtils.js";
-const ae = 2, ke = 152, se = 72, ue = 18.57, pe = /* @__PURE__ */ n((a, s) => {
-  const u = a.target;
-  return u instanceof HTMLInputElement ? u.value : s ?? "";
-}, "getCurrentAutocompleteInputValue"), ce = /* @__PURE__ */ n((a) => typeof a == "string" || typeof a == "number" ? `${a}` : "", "getAutocompleteOptionLabel"), Ue = /* @__PURE__ */ n(({ hookResult: a, props: s }) => {
-  const { t: u } = ye(), {
+import { useOwpTranslation as ve } from "../../hooks/useOwpTranslation.js";
+import F from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/ArrowDropDown.js";
+import ee from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Clear.js";
+import { Box as ye, Chip as M, Checkbox as Le, TextField as te, CircularProgress as oe, Autocomplete as ne, ClickAwayListener as Se, Paper as Me, Popper as De } from "@mui/material";
+import { alpha as E } from "@mui/material/styles";
+import { clsx as le } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useMemo as re, useState as _e, useRef as ie, useEffect as ae } from "react";
+import { isSelectorAllOption as I } from "./utils/querySelectorUtils.js";
+const se = 2, Pe = 152, pe = 72, ue = 18.57, Ne = "11px !important", we = "2px !important", ke = "5px !important", ce = /* @__PURE__ */ n((a, s) => {
+  const p = a.target;
+  return p instanceof HTMLInputElement ? p.value : s ?? "";
+}, "getCurrentAutocompleteInputValue"), me = /* @__PURE__ */ n((a) => typeof a == "string" || typeof a == "number" ? `${a}` : "", "getAutocompleteOptionLabel"), je = /* @__PURE__ */ n(({ hookResult: a, props: s }) => {
+  const { t: p } = ve(), {
     autocompleteInputValue: d,
-    className: w,
+    className: D,
     disableAllValueItem: f,
-    disableClientFilter: k,
-    disabled: T,
-    error: L,
-    fullWidth: C,
-    helperText: D,
-    label: P,
-    loading: g,
-    loadingText: V,
-    multiple: N,
-    noOptionsText: me,
+    disableClientFilter: _,
+    disabled: O,
+    error: P,
+    fullWidth: A,
+    helperText: N,
+    label: w,
+    loading: C,
+    loadingText: k,
+    multiple: V,
+    noOptionsText: de,
     onAutocompleteInputChange: c,
     placeholder: z,
     required: R,
     textFieldProps: o
   } = s, {
-    allOption: y,
-    clearSelection: _,
+    allOption: b,
+    clearSelection: U,
     isAllSelected: m,
     resolvedOptions: H,
     restoreAllSelection: W,
     selectAll: B,
-    selectedOption: de,
-    selectedOptions: A,
-    selectMultipleValues: U,
-    selectSingleValue: $
-  } = a, q = f ? H : [y, ...H], v = le(
-    () => A.filter((e) => !O(e)),
-    [A]
-  ), K = le(
-    () => m ? [] : v.slice(ae),
-    [v, m]
-  ), p = K.length, [j, S] = we(null), Z = re(null), G = me ?? u("Message.검색 결과 없음"), J = re(
-    N && !f && ((s.value ?? s.defaultValue) == null || (s.value ?? s.defaultValue) === "")
-  ), Q = {
+    selectedOption: fe,
+    selectedOptions: v,
+    selectMultipleValues: $,
+    selectSingleValue: q
+  } = a, G = f ? H : [b, ...H], y = re(
+    () => v.filter((e) => !I(e)),
+    [v]
+  ), K = re(
+    () => m ? [] : y.slice(se),
+    [y, m]
+  ), u = K.length, [j, L] = _e(null), Z = ie(null), J = de ?? p("Message.검색 결과 없음"), Q = ie(
+    V && !f && ((s.value ?? s.defaultValue) == null || (s.value ?? s.defaultValue) === "")
+  ), X = {
     clearIndicator: {
       className: "m-0 p-0",
       size: "small"
@@ -70,8 +70,16 @@ const ae = 2, ke = 152, se = 72, ue = 18.57, pe = /* @__PURE__ */ n((a, s) => {
       className: "m-0 p-0",
       size: "small"
     }
-  }, X = {
-    minWidth: ke,
+  }, x = (o == null ? void 0 : o.variant) ?? "standard", Te = x === "standard" ? {
+    "& .MuiAutocomplete-input": {
+      paddingLeft: Ne
+    }
+  } : x === "outlined" ? {
+    "& .MuiAutocomplete-input": {
+      paddingLeft: (o == null ? void 0 : o.size) === "small" ? ke : we
+    }
+  } : void 0, Y = {
+    minWidth: Pe,
     "& .MuiAutocomplete-endAdornment": {
       "& .MuiAutocomplete-clearIndicator + .MuiAutocomplete-popupIndicator": {
         ml: 0
@@ -87,18 +95,18 @@ const ae = 2, ke = 152, se = 72, ue = 18.57, pe = /* @__PURE__ */ n((a, s) => {
       gap: 0,
       right: 0
     }
-  }, fe = {
-    ...X,
+  }, he = {
+    ...Y,
     "& .MuiAutocomplete-inputRoot .MuiAutocomplete-input": {
-      flexBasis: se,
-      minWidth: se
+      flexBasis: pe,
+      minWidth: pe
     }
   };
-  ie(() => {
-    p || S(null);
-  }, [p]), ie(() => {
+  ae(() => {
+    u || L(null);
+  }, [u]), ae(() => {
     var l;
-    if (!J.current)
+    if (!Q.current)
       return;
     const e = (l = Z.current) == null ? void 0 : l.closest("form");
     if (!e)
@@ -112,160 +120,163 @@ const ae = 2, ke = 152, se = 72, ue = 18.57, pe = /* @__PURE__ */ n((a, s) => {
       e.removeEventListener("reset", t);
     };
   }, [W]);
-  const he = /* @__PURE__ */ n(() => {
-    S(null);
-  }, "handleHiddenChipPopperClose"), Ie = /* @__PURE__ */ n((e) => {
+  const Ie = /* @__PURE__ */ n(() => {
+    L(null);
+  }, "handleHiddenChipPopperClose"), Oe = /* @__PURE__ */ n((e) => {
     e.preventDefault();
-  }, "handleHiddenChipSummaryMouseDown"), Oe = /* @__PURE__ */ n((e) => {
-    e.preventDefault(), e.stopPropagation(), S(
+  }, "handleHiddenChipSummaryMouseDown"), Ae = /* @__PURE__ */ n((e) => {
+    e.preventDefault(), e.stopPropagation(), L(
       (t) => t === e.currentTarget ? null : e.currentTarget
     );
-  }, "handleHiddenChipSummaryClick"), Te = /* @__PURE__ */ n((e) => {
-    U(
-      v.filter((t) => t.value !== e).map((t) => t.value)
+  }, "handleHiddenChipSummaryClick"), Ce = /* @__PURE__ */ n((e) => {
+    $(
+      y.filter((t) => t.value !== e).map((t) => t.value)
     );
-  }, "handleHiddenChipDelete"), Ce = /* @__PURE__ */ n((e) => {
+  }, "handleHiddenChipDelete"), xe = /* @__PURE__ */ n((e) => {
     var l;
-    const t = pe(e, d);
-    (m || p > 0) && t === "" && (e.key === "Backspace" || e.key === "Delete") && (e.defaultMuiPrevented = !0, e.preventDefault(), e.stopPropagation()), (l = o == null ? void 0 : o.onKeyDown) == null || l.call(o, e);
+    const t = ce(e, d);
+    (m || u > 0) && t === "" && (e.key === "Backspace" || e.key === "Delete") && (e.defaultMuiPrevented = !0, e.preventDefault(), e.stopPropagation()), (l = o == null ? void 0 : o.onKeyDown) == null || l.call(
+      o,
+      e
+    );
   }, "handleMultipleRootKeyDown");
-  return N ? /* @__PURE__ */ x(M, { children: [
+  return V ? /* @__PURE__ */ g(S, { children: [
     /* @__PURE__ */ i(
-      oe,
+      ne,
       {
         ref: Z,
-        className: ne("min-w-128", w),
+        className: le("min-w-128", D),
         disableCloseOnSelect: !0,
-        disabled: T,
-        filterOptions: k ? (e) => e : void 0,
-        fullWidth: C,
+        disabled: O,
+        filterOptions: _ ? (e) => e : void 0,
+        fullWidth: A,
         inputValue: d,
-        loading: g,
+        loading: C,
         multiple: !0,
-        options: q,
+        options: G,
         clearText: "",
         closeText: "",
-        clearIcon: /* @__PURE__ */ i(F, { sx: { fontSize: ue } }),
+        clearIcon: /* @__PURE__ */ i(ee, { sx: { fontSize: ue } }),
         openText: "",
-        popupIcon: /* @__PURE__ */ i(Y, {}),
-        sx: fe,
-        value: A,
-        getOptionLabel: /* @__PURE__ */ n((e) => ce(e.label), "getOptionLabel"),
+        popupIcon: /* @__PURE__ */ i(F, {}),
+        sx: he,
+        value: v,
+        getOptionLabel: /* @__PURE__ */ n((e) => me(e.label), "getOptionLabel"),
         isOptionEqualToValue: /* @__PURE__ */ n((e, t) => e.value === t.value, "isOptionEqualToValue"),
-        loadingText: V ?? u("Common.로딩 중..."),
-        noOptionsText: G,
+        loadingText: k ?? p("Common.로딩 중..."),
+        noOptionsText: J,
         onChange: /* @__PURE__ */ n((e, t, l, r) => {
-          const h = e.type === "keydown" ? pe(
+          const T = e.type === "keydown" ? ce(
             e,
             d
           ) : d ?? "";
-          if (l === "removeOption" && e.type === "keydown" && h === "" && (m || p > 0)) {
+          if (l === "removeOption" && e.type === "keydown" && T === "" && (m || u > 0)) {
             e.preventDefault(), e.stopPropagation();
             return;
           }
           if (l === "clear") {
-            if (J.current) {
+            if (Q.current) {
               B();
               return;
             }
-            _();
+            U();
             return;
           }
-          if (!f && (r != null && r.option) && O(r.option)) {
+          if (!f && (r != null && r.option) && I(r.option)) {
             if (m) {
-              _();
+              U();
               return;
             }
             B();
             return;
           }
-          U(
-            t.filter((I) => !O(I)).map((I) => I.value)
+          $(
+            t.filter((h) => !I(h)).map((h) => h.value)
           );
         }, "onChange"),
         onInputChange: /* @__PURE__ */ n((e, t, l) => {
           c == null || c(t, l);
         }, "onInputChange"),
-        onKeyDown: Ce,
-        slotProps: Q,
+        onKeyDown: xe,
+        slotProps: X,
         renderInput: /* @__PURE__ */ n((e) => {
           var t;
           return /* @__PURE__ */ i(
-            ee,
+            te,
             {
               ...e,
               ...o,
-              disabled: T,
-              error: L,
-              fullWidth: C,
-              helperText: D,
-              label: P,
-              placeholder: z ?? u("Common.검색"),
+              disabled: O,
+              error: P,
+              fullWidth: A,
+              helperText: N,
+              label: w,
+              placeholder: z ?? p("Common.검색"),
               required: R,
               slotProps: {
                 ...o == null ? void 0 : o.slotProps,
                 input: {
                   ...e.InputProps,
                   ...(t = o == null ? void 0 : o.slotProps) == null ? void 0 : t.input,
-                  endAdornment: /* @__PURE__ */ x(M, { children: [
-                    g ? /* @__PURE__ */ i(te, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
+                  endAdornment: /* @__PURE__ */ g(S, { children: [
+                    C ? /* @__PURE__ */ i(oe, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
                     e.InputProps.endAdornment
                   ] })
                 }
               },
-              variant: (o == null ? void 0 : o.variant) ?? "standard"
+              variant: x
             }
           );
         }, "renderInput"),
         renderOption: /* @__PURE__ */ n((e, t, l) => {
-          const { key: r, ...h } = e;
-          return /* @__PURE__ */ x("li", { ...h, children: [
-            /* @__PURE__ */ i(ve, { checked: l.selected, className: "!mr-8 !p-0", size: "small" }),
+          const { key: r, ...T } = e;
+          return /* @__PURE__ */ g("li", { ...T, children: [
+            /* @__PURE__ */ i(Le, { checked: l.selected, className: "!mr-8 !p-0", size: "small" }),
             t.label
           ] }, r);
         }, "renderOption"),
         renderValue: /* @__PURE__ */ n((e, t) => !f && m ? [
           /* @__PURE__ */ i(
-            Ae,
+            ye,
             {
               component: "span",
               sx: { color: "text.primary", fontWeight: 500, mr: 0.5 },
-              children: y.label
+              children: b.label
             },
-            y.value
+            b.value
           )
         ] : [
-          ...e.filter((r) => !O(r)).slice(0, ae).map((r, h) => {
-            const { key: I, ...ge } = t({ index: h });
+          ...e.filter((r) => !I(r)).slice(0, se).map((r, T) => {
+            const { key: h, ...ge } = t({ index: T });
             return /* @__PURE__ */ be(
-              E,
+              M,
               {
                 ...ge,
-                key: I,
+                key: h,
                 label: r.label,
                 size: "small",
                 sx: { borderRadius: 1, mr: 0.5 }
               }
             );
           }),
-          ...p > 0 ? [
+          ...u > 0 ? [
             /* @__PURE__ */ i(
-              E,
+              M,
               {
                 clickable: !0,
-                label: `+${p}`,
-                onClick: Oe,
-                onMouseDown: Ie,
+                label: `+${u}`,
+                onClick: Ae,
+                onMouseDown: Oe,
                 size: "small",
                 sx: /* @__PURE__ */ n((r) => ({
-                  backgroundColor: b(r.palette.primary.main, 0.14),
-                  border: `1px solid ${b(r.palette.primary.main, 0.22)}`,
+                  backgroundColor: E(r.palette.primary.main, 0.14),
+                  border: `1px solid ${E(r.palette.primary.main, 0.22)}`,
                   borderRadius: 1,
                   color: r.palette.primary.dark,
                   fontWeight: 600,
                   mr: 0.5,
                   "&:hover": {
-                    backgroundColor: b(r.palette.primary.main, 0.2)
+                    backgroundColor: E(r.palette.primary.main, 0.2)
                   }
                 }), "sx")
               },
@@ -276,18 +287,18 @@ const ae = 2, ke = 152, se = 72, ue = 18.57, pe = /* @__PURE__ */ n((a, s) => {
       }
     ),
     /* @__PURE__ */ i(
-      Ee,
+      De,
       {
         anchorEl: j,
-        open: !!j && p > 0,
+        open: !!j && u > 0,
         placement: "bottom-start",
         sx: { zIndex: /* @__PURE__ */ n((e) => e.zIndex.modal, "zIndex") },
-        children: /* @__PURE__ */ i(Se, { onClickAway: he, children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ i(Se, { onClickAway: Ie, children: /* @__PURE__ */ i(
           Me,
           {
             className: "mt-4",
             sx: {
-              border: /* @__PURE__ */ n((e) => `1px solid ${b(e.palette.common.black, 0.12)}`, "border"),
+              border: /* @__PURE__ */ n((e) => `1px solid ${E(e.palette.common.black, 0.12)}`, "border"),
               display: "flex",
               flexWrap: "wrap",
               gap: 0.75,
@@ -295,10 +306,10 @@ const ae = 2, ke = 152, se = 72, ue = 18.57, pe = /* @__PURE__ */ n((a, s) => {
               p: 1
             },
             children: K.map((e) => /* @__PURE__ */ i(
-              E,
+              M,
               {
                 label: e.label,
-                onDelete: /* @__PURE__ */ n(() => Te(e.value), "onDelete"),
+                onDelete: /* @__PURE__ */ n(() => Ce(e.value), "onDelete"),
                 size: "small",
                 sx: { borderRadius: 1 }
               },
@@ -309,49 +320,49 @@ const ae = 2, ke = 152, se = 72, ue = 18.57, pe = /* @__PURE__ */ n((a, s) => {
       }
     )
   ] }) : /* @__PURE__ */ i(
-    oe,
+    ne,
     {
-      className: ne("min-w-128", w),
-      disabled: T,
-      filterOptions: k ? (e) => e : void 0,
-      fullWidth: C,
+      className: le("min-w-128", D),
+      disabled: O,
+      filterOptions: _ ? (e) => e : void 0,
+      fullWidth: A,
       inputValue: d,
-      loading: g,
-      options: q,
+      loading: C,
+      options: G,
       clearText: "",
       closeText: "",
-      clearIcon: /* @__PURE__ */ i(F, { sx: { fontSize: ue } }),
+      clearIcon: /* @__PURE__ */ i(ee, { sx: { fontSize: ue } }),
       openText: "",
-      popupIcon: /* @__PURE__ */ i(Y, {}),
-      sx: X,
-      value: de,
-      getOptionLabel: /* @__PURE__ */ n((e) => ce(e.label), "getOptionLabel"),
+      popupIcon: /* @__PURE__ */ i(F, {}),
+      sx: Y,
+      value: fe,
+      getOptionLabel: /* @__PURE__ */ n((e) => me(e.label), "getOptionLabel"),
       isOptionEqualToValue: /* @__PURE__ */ n((e, t) => e.value === t.value, "isOptionEqualToValue"),
-      loadingText: V ?? u("Common.로딩 중..."),
-      noOptionsText: G,
+      loadingText: k ?? p("Common.로딩 중..."),
+      noOptionsText: J,
       onChange: /* @__PURE__ */ n((e, t) => {
-        if (!t || !f && O(t)) {
-          $("");
+        if (!t || !f && I(t)) {
+          q("");
           return;
         }
-        $(t.value);
+        q(t.value);
       }, "onChange"),
       onInputChange: /* @__PURE__ */ n((e, t, l) => {
         c == null || c(t, l);
       }, "onInputChange"),
-      slotProps: Q,
+      slotProps: X,
       renderInput: /* @__PURE__ */ n((e) => {
         var t, l, r;
         return /* @__PURE__ */ i(
-          ee,
+          te,
           {
             ...e,
             ...o,
-            disabled: T,
-            error: L,
-            fullWidth: C,
-            helperText: D,
-            label: P,
+            disabled: O,
+            error: P,
+            fullWidth: A,
+            helperText: N,
+            label: w,
             placeholder: z,
             required: R,
             slotProps: {
@@ -360,19 +371,17 @@ const ae = 2, ke = 152, se = 72, ue = 18.57, pe = /* @__PURE__ */ n((a, s) => {
                 ...e.InputProps,
                 ...(t = o == null ? void 0 : o.slotProps) == null ? void 0 : t.input,
                 sx: {
-                  "& .MuiAutocomplete-input, & .MuiInputBase-input": {
-                    paddingLeft: "11px !important"
-                  },
+                  ...Te ?? {},
                   ...e.InputProps.sx ?? {},
                   ...((r = (l = o == null ? void 0 : o.slotProps) == null ? void 0 : l.input) == null ? void 0 : r.sx) ?? {}
                 },
-                endAdornment: /* @__PURE__ */ x(M, { children: [
-                  g ? /* @__PURE__ */ i(te, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
+                endAdornment: /* @__PURE__ */ g(S, { children: [
+                  C ? /* @__PURE__ */ i(oe, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
                   e.InputProps.endAdornment
                 ] })
               }
             },
-            variant: (o == null ? void 0 : o.variant) ?? "standard"
+            variant: x
           }
         );
       }, "renderInput"),
@@ -385,6 +394,6 @@ const ae = 2, ke = 152, se = 72, ue = 18.57, pe = /* @__PURE__ */ n((a, s) => {
   );
 }, "OwpSelectorAutocomplete");
 export {
-  Ue as OwpSelectorAutocomplete
+  je as OwpSelectorAutocomplete
 };
 //# sourceMappingURL=OwpSelectorAutocomplete.js.map