@owp/core 2.5.23 → 2.5.25

package/dist/components/OwpSelectorBase/OwpSelectorAutocomplete.js

@@ -1,57 +1,58 @@
-var Ee = Object.defineProperty;
-var o = (a, s) => Ee(a, "name", { value: s, configurable: !0 });
-import { jsxs as C, 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 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 D, Checkbox as Le, TextField as te, CircularProgress as oe, Autocomplete as ne, ClickAwayListener as Me, Paper as Se, Popper as De } from "@mui/material";
+var be = Object.defineProperty;
+var o = (a, s) => be(a, "name", { value: s, configurable: !0 });
+import { jsxs as C, jsx as i, Fragment as P } 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 ye } from "@emotion/react";
+import { useOwpTranslation as Le } from "../../hooks/useOwpTranslation.js";
+import te 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 oe 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 Se, Chip as _, Checkbox as Me, TextField as ne, CircularProgress as le, Autocomplete as re, ClickAwayListener as De, Paper as Pe, Popper as _e } 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 h } 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__ */ o((a, s) => {
+import { clsx as ie } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useMemo as ae, useState as Ne, useRef as se, useEffect as pe } from "react";
+import { isSelectorAllOption as O } from "./utils/querySelectorUtils.js";
+const ue = 2, we = 152, ce = 72, me = 18.57, ke = "11px !important", Ve = "2px !important", ze = "5px !important", de = /* @__PURE__ */ o((a, s) => {
   const p = a.target;
   return p instanceof HTMLInputElement ? p.value : s ?? "";
-}, "getCurrentAutocompleteInputValue"), me = /* @__PURE__ */ o((a) => typeof a == "string" || typeof a == "number" ? `${a}` : "", "getAutocompleteOptionLabel"), je = /* @__PURE__ */ o(({ hookResult: a, props: s }) => {
-  const { t: p } = ve(), {
+}, "getCurrentAutocompleteInputValue"), fe = /* @__PURE__ */ o((a) => typeof a == "string" || typeof a == "number" ? `${a}` : "", "getAutocompleteOptionLabel"), Je = /* @__PURE__ */ o(({ hookResult: a, props: s }) => {
+  const { t: p } = Le(), {
     autocompleteInputValue: d,
-    className: _,
-    disableClientFilter: b,
-    disabled: I,
-    error: P,
+    className: N,
+    disableClientFilter: v,
+    disabled: h,
+    error: w,
     fullWidth: A,
-    helperText: N,
-    label: w,
-    loading: x,
-    loadingText: k,
-    multiple: V,
-    noOptionsText: de,
+    helperText: k,
+    label: V,
+    loading: g,
+    loadingText: z,
+    multiple: R,
+    noOptionsText: Te,
     onAutocompleteInputChange: c,
-    placeholder: z,
-    required: R,
+    placeholder: U,
+    required: H,
     showAllOption: f = !0,
-    textFieldProps: n
+    textFieldProps: n,
+    valueTextAlign: b
   } = s, {
-    allOption: v,
-    clearSelection: U,
+    allOption: y,
+    clearSelection: W,
     isAllSelected: m,
-    resolvedOptions: H,
-    restoreAllSelection: W,
-    selectAll: B,
-    selectedOption: fe,
-    selectedOptions: y,
-    selectMultipleValues: K,
-    selectSingleValue: $
-  } = a, q = f ? [v, ...H] : H, L = re(
-    () => y.filter((e) => !h(e)),
-    [y]
-  ), G = re(
-    () => m ? [] : L.slice(se),
-    [L, m]
-  ), u = G.length, [j, M] = _e(null), Z = ie(null), J = de ?? p(b ? "Message.검색 결과 없음" : "Message.조회된 결과가 없습니다."), Q = ie(
-    V && f && ((s.value ?? s.defaultValue) == null || (s.value ?? s.defaultValue) === "")
-  ), X = {
+    resolvedOptions: B,
+    restoreAllSelection: K,
+    selectAll: $,
+    selectedOption: Ie,
+    selectedOptions: L,
+    selectMultipleValues: q,
+    selectSingleValue: G
+  } = a, j = f ? [y, ...B] : B, S = ae(
+    () => L.filter((e) => !O(e)),
+    [L]
+  ), Z = ae(
+    () => m ? [] : S.slice(ue),
+    [S, m]
+  ), u = Z.length, [J, M] = Ne(null), Q = se(null), X = Te ?? p(v ? "Message.검색 결과 없음" : "Message.조회된 결과가 없습니다."), Y = se(
+    R && f && ((s.value ?? s.defaultValue) == null || (s.value ?? s.defaultValue) === "")
+  ), F = {
     clearIndicator: {
       className: "m-0 p-0",
       size: "small",
@@ -72,16 +73,13 @@ const se = 2, Pe = 152, pe = 72, ue = 18.57, Ne = "11px !important", we = "2px !
       size: "small",
       tabIndex: -1
     }
-  }, g = (n == null ? void 0 : n.variant) ?? "standard", Te = g === "standard" ? {
+  }, x = (n == null ? void 0 : n.variant) ?? "standard", D = x === "standard" ? ke : x === "outlined" ? (n == null ? void 0 : n.size) === "small" ? ze : Ve : void 0, Oe = D || b ? {
     "& .MuiAutocomplete-input": {
-      paddingLeft: Ne
+      ...D ? { paddingLeft: D } : {},
+      ...b ? { textAlign: b } : {}
     }
-  } : g === "outlined" ? {
-    "& .MuiAutocomplete-input": {
-      paddingLeft: (n == null ? void 0 : n.size) === "small" ? ke : we
-    }
-  } : void 0, Y = {
-    minWidth: Pe,
+  } : void 0, ee = {
+    minWidth: we,
     "& .MuiAutocomplete-endAdornment": {
       "& .MuiAutocomplete-clearIndicator + .MuiAutocomplete-popupIndicator": {
         ml: 0
@@ -97,79 +95,79 @@ const se = 2, Pe = 152, pe = 72, ue = 18.57, Ne = "11px !important", we = "2px !
       gap: 0,
       right: 0
     }
-  }, Oe = {
-    ...Y,
+  }, he = {
+    ...ee,
     "& .MuiAutocomplete-inputRoot .MuiAutocomplete-input": {
-      flexBasis: pe,
-      minWidth: pe
+      flexBasis: ce,
+      minWidth: ce
     }
   };
-  ae(() => {
+  pe(() => {
     u || M(null);
-  }, [u]), ae(() => {
+  }, [u]), pe(() => {
     var l;
-    if (!Q.current)
+    if (!Y.current)
       return;
-    const e = (l = Z.current) == null ? void 0 : l.closest("form");
+    const e = (l = Q.current) == null ? void 0 : l.closest("form");
     if (!e)
       return;
     const t = /* @__PURE__ */ o(() => {
       window.setTimeout(() => {
-        W();
+        K();
       }, 0);
     }, "handleFormReset");
     return e.addEventListener("reset", t), () => {
       e.removeEventListener("reset", t);
     };
-  }, [W]);
-  const he = /* @__PURE__ */ o(() => {
+  }, [K]);
+  const Ae = /* @__PURE__ */ o(() => {
     M(null);
-  }, "handleHiddenChipPopperClose"), Ie = /* @__PURE__ */ o((e) => {
+  }, "handleHiddenChipPopperClose"), ge = /* @__PURE__ */ o((e) => {
     e.preventDefault();
-  }, "handleHiddenChipSummaryMouseDown"), Ae = /* @__PURE__ */ o((e) => {
+  }, "handleHiddenChipSummaryMouseDown"), xe = /* @__PURE__ */ o((e) => {
     e.preventDefault(), e.stopPropagation(), M(
       (t) => t === e.currentTarget ? null : e.currentTarget
     );
-  }, "handleHiddenChipSummaryClick"), xe = /* @__PURE__ */ o((e) => {
-    K(
-      L.filter((t) => t.value !== e).map((t) => t.value)
+  }, "handleHiddenChipSummaryClick"), Ce = /* @__PURE__ */ o((e) => {
+    q(
+      S.filter((t) => t.value !== e).map((t) => t.value)
     );
-  }, "handleHiddenChipDelete"), ge = /* @__PURE__ */ o((e) => {
+  }, "handleHiddenChipDelete"), Ee = /* @__PURE__ */ o((e) => {
     var l;
-    const t = ce(e, d);
+    const t = de(e, d);
     (m || u > 0) && t === "" && (e.key === "Backspace" || e.key === "Delete") && (e.defaultMuiPrevented = !0, e.preventDefault(), e.stopPropagation()), (l = n == null ? void 0 : n.onKeyDown) == null || l.call(
       n,
       e
     );
   }, "handleMultipleRootKeyDown");
-  return V ? /* @__PURE__ */ C(S, { children: [
+  return R ? /* @__PURE__ */ C(P, { children: [
     /* @__PURE__ */ i(
-      ne,
+      re,
       {
-        ref: Z,
-        className: le("min-w-128", _),
+        ref: Q,
+        className: ie("min-w-128", N),
         disableCloseOnSelect: !0,
-        disabled: I,
-        filterOptions: b ? (e) => e : void 0,
+        disabled: h,
+        filterOptions: v ? (e) => e : void 0,
         fullWidth: A,
         inputValue: d,
-        loading: x,
+        loading: g,
         multiple: !0,
-        options: q,
+        options: j,
         clearText: "",
         closeText: "",
-        clearIcon: /* @__PURE__ */ i(ee, { sx: { fontSize: ue } }),
+        clearIcon: /* @__PURE__ */ i(oe, { sx: { fontSize: me } }),
         openText: "",
-        popupIcon: /* @__PURE__ */ i(F, {}),
-        sx: Oe,
-        value: y,
-        getOptionLabel: /* @__PURE__ */ o((e) => me(e.label), "getOptionLabel"),
+        popupIcon: /* @__PURE__ */ i(te, {}),
+        sx: he,
+        value: L,
+        getOptionLabel: /* @__PURE__ */ o((e) => fe(e.label), "getOptionLabel"),
         getOptionKey: /* @__PURE__ */ o((e) => e.value, "getOptionKey"),
         isOptionEqualToValue: /* @__PURE__ */ o((e, t) => e.value === t.value, "isOptionEqualToValue"),
-        loadingText: k ?? p("Common.로딩 중..."),
-        noOptionsText: J,
+        loadingText: z ?? p("Common.로딩 중..."),
+        noOptionsText: X,
         onChange: /* @__PURE__ */ o((e, t, l, r) => {
-          const T = e.type === "keydown" ? ce(
+          const T = e.type === "keydown" ? de(
             e,
             d
           ) : d ?? "";
@@ -178,84 +176,84 @@ const se = 2, Pe = 152, pe = 72, ue = 18.57, Ne = "11px !important", we = "2px !
             return;
           }
           if (l === "clear") {
-            if (Q.current) {
-              B();
+            if (Y.current) {
+              $();
               return;
             }
-            U();
+            W();
             return;
           }
-          if (f && (r != null && r.option) && h(r.option)) {
+          if (f && (r != null && r.option) && O(r.option)) {
             if (m) {
-              U();
+              W();
               return;
             }
-            B();
+            $();
             return;
           }
-          K(
-            t.filter((O) => !h(O)).map((O) => O.value)
+          q(
+            t.filter((I) => !O(I)).map((I) => I.value)
           );
         }, "onChange"),
         onInputChange: /* @__PURE__ */ o((e, t, l) => {
           c == null || c(t, l);
         }, "onInputChange"),
-        onKeyDown: ge,
-        slotProps: X,
+        onKeyDown: Ee,
+        slotProps: F,
         renderInput: /* @__PURE__ */ o((e) => {
           var t;
           return /* @__PURE__ */ i(
-            te,
+            ne,
             {
               ...e,
               ...n,
-              disabled: I,
-              error: P,
+              disabled: h,
+              error: w,
               fullWidth: A,
-              helperText: N,
-              label: w,
-              placeholder: z ?? p("Common.검색"),
-              required: R,
+              helperText: k,
+              label: V,
+              placeholder: U ?? p("Common.검색"),
+              required: H,
               slotProps: {
                 ...n == null ? void 0 : n.slotProps,
                 input: {
                   ...e.InputProps,
                   ...(t = n == null ? void 0 : n.slotProps) == null ? void 0 : t.input,
-                  endAdornment: /* @__PURE__ */ C(S, { children: [
-                    x ? /* @__PURE__ */ i(oe, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
+                  endAdornment: /* @__PURE__ */ C(P, { children: [
+                    g ? /* @__PURE__ */ i(le, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
                     e.InputProps.endAdornment
                   ] })
                 }
               },
-              variant: g
+              variant: x
             }
           );
         }, "renderInput"),
         renderOption: /* @__PURE__ */ o((e, t, l) => {
           const { key: r, ...T } = e;
           return /* @__PURE__ */ C("li", { ...T, children: [
-            /* @__PURE__ */ i(Le, { checked: l.selected, className: "!mr-8 !p-0", size: "small" }),
+            /* @__PURE__ */ i(Me, { checked: l.selected, className: "!mr-8 !p-0", size: "small" }),
             t.label
           ] }, r);
         }, "renderOption"),
         renderValue: /* @__PURE__ */ o((e, t) => f && m ? [
           /* @__PURE__ */ i(
-            ye,
+            Se,
             {
               component: "span",
               sx: { color: "text.primary", fontWeight: 500, mr: 0.5 },
-              children: v.label
+              children: y.label
             },
-            v.value
+            y.value
           )
         ] : [
-          ...e.filter((r) => !h(r)).slice(0, se).map((r, T) => {
-            const { key: O, ...Ce } = t({ index: T });
-            return /* @__PURE__ */ be(
-              D,
+          ...e.filter((r) => !O(r)).slice(0, ue).map((r, T) => {
+            const { key: I, ...ve } = t({ index: T });
+            return /* @__PURE__ */ ye(
+              _,
               {
-                ...Ce,
-                key: O,
+                ...ve,
+                key: I,
                 label: r.label,
                 size: "small",
                 sx: { borderRadius: 1, mr: 0.5 }
@@ -264,12 +262,12 @@ const se = 2, Pe = 152, pe = 72, ue = 18.57, Ne = "11px !important", we = "2px !
           }),
           ...u > 0 ? [
             /* @__PURE__ */ i(
-              D,
+              _,
               {
                 clickable: !0,
                 label: `+${u}`,
-                onClick: Ae,
-                onMouseDown: Ie,
+                onClick: xe,
+                onMouseDown: ge,
                 size: "small",
                 sx: /* @__PURE__ */ o((r) => ({
                   backgroundColor: E(r.palette.primary.main, 0.14),
@@ -290,14 +288,14 @@ const se = 2, Pe = 152, pe = 72, ue = 18.57, Ne = "11px !important", we = "2px !
       }
     ),
     /* @__PURE__ */ i(
-      De,
+      _e,
       {
-        anchorEl: j,
-        open: !!j && u > 0,
+        anchorEl: J,
+        open: !!J && u > 0,
         placement: "bottom-start",
         sx: { zIndex: /* @__PURE__ */ o((e) => e.zIndex.modal, "zIndex") },
-        children: /* @__PURE__ */ i(Me, { onClickAway: he, children: /* @__PURE__ */ i(
-          Se,
+        children: /* @__PURE__ */ i(De, { onClickAway: Ae, children: /* @__PURE__ */ i(
+          Pe,
           {
             className: "mt-4",
             sx: {
@@ -308,11 +306,11 @@ const se = 2, Pe = 152, pe = 72, ue = 18.57, Ne = "11px !important", we = "2px !
               maxWidth: 280,
               p: 1
             },
-            children: G.map((e) => /* @__PURE__ */ i(
-              D,
+            children: Z.map((e) => /* @__PURE__ */ i(
+              _,
               {
                 label: e.label,
-                onDelete: /* @__PURE__ */ o(() => xe(e.value), "onDelete"),
+                onDelete: /* @__PURE__ */ o(() => Ce(e.value), "onDelete"),
                 size: "small",
                 sx: { borderRadius: 1 }
               },
@@ -323,69 +321,69 @@ const se = 2, Pe = 152, pe = 72, ue = 18.57, Ne = "11px !important", we = "2px !
       }
     )
   ] }) : /* @__PURE__ */ i(
-    ne,
+    re,
     {
-      className: le("min-w-128", _),
-      disabled: I,
-      filterOptions: b ? (e) => e : void 0,
+      className: ie("min-w-128", N),
+      disabled: h,
+      filterOptions: v ? (e) => e : void 0,
       fullWidth: A,
       inputValue: d,
-      loading: x,
-      options: q,
+      loading: g,
+      options: j,
       clearText: "",
       closeText: "",
-      clearIcon: /* @__PURE__ */ i(ee, { sx: { fontSize: ue } }),
+      clearIcon: /* @__PURE__ */ i(oe, { sx: { fontSize: me } }),
       openText: "",
-      popupIcon: /* @__PURE__ */ i(F, {}),
-      sx: Y,
-      value: fe,
-      getOptionLabel: /* @__PURE__ */ o((e) => me(e.label), "getOptionLabel"),
+      popupIcon: /* @__PURE__ */ i(te, {}),
+      sx: ee,
+      value: Ie,
+      getOptionLabel: /* @__PURE__ */ o((e) => fe(e.label), "getOptionLabel"),
       getOptionKey: /* @__PURE__ */ o((e) => e.value, "getOptionKey"),
       isOptionEqualToValue: /* @__PURE__ */ o((e, t) => e.value === t.value, "isOptionEqualToValue"),
-      loadingText: k ?? p("Common.로딩 중..."),
-      noOptionsText: J,
+      loadingText: z ?? p("Common.로딩 중..."),
+      noOptionsText: X,
       onChange: /* @__PURE__ */ o((e, t) => {
-        if (!t || f && h(t)) {
-          $("");
+        if (!t || f && O(t)) {
+          G("");
           return;
         }
-        $(t.value);
+        G(t.value);
       }, "onChange"),
       onInputChange: /* @__PURE__ */ o((e, t, l) => {
         c == null || c(t, l);
       }, "onInputChange"),
-      slotProps: X,
+      slotProps: F,
       renderInput: /* @__PURE__ */ o((e) => {
         var t, l, r;
         return /* @__PURE__ */ i(
-          te,
+          ne,
           {
             ...e,
             ...n,
-            disabled: I,
-            error: P,
+            disabled: h,
+            error: w,
             fullWidth: A,
-            helperText: N,
-            label: w,
-            placeholder: z,
-            required: R,
+            helperText: k,
+            label: V,
+            placeholder: U,
+            required: H,
             slotProps: {
               ...n == null ? void 0 : n.slotProps,
               input: {
                 ...e.InputProps,
                 ...(t = n == null ? void 0 : n.slotProps) == null ? void 0 : t.input,
                 sx: {
-                  ...Te ?? {},
+                  ...Oe ?? {},
                   ...e.InputProps.sx ?? {},
                   ...((r = (l = n == null ? void 0 : n.slotProps) == null ? void 0 : l.input) == null ? void 0 : r.sx) ?? {}
                 },
-                endAdornment: /* @__PURE__ */ C(S, { children: [
-                  x ? /* @__PURE__ */ i(oe, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
+                endAdornment: /* @__PURE__ */ C(P, { children: [
+                  g ? /* @__PURE__ */ i(le, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
                   e.InputProps.endAdornment
                 ] })
               }
             },
-            variant: g
+            variant: x
           }
         );
       }, "renderInput"),
@@ -398,6 +396,6 @@ const se = 2, Pe = 152, pe = 72, ue = 18.57, Ne = "11px !important", we = "2px !
   );
 }, "OwpSelectorAutocomplete");
 export {
-  je as OwpSelectorAutocomplete
+  Je as OwpSelectorAutocomplete
 };
 //# sourceMappingURL=OwpSelectorAutocomplete.js.map