@owp/core 2.2.3 → 2.2.5

package/dist/components/OwpSelectorBase/OwpSelectorAutocomplete.js

@@ -0,0 +1,381 @@
+var ge = Object.defineProperty;
+var n = (a, s) => ge(a, "name", { value: s, configurable: !0 });
+import { jsxs as C, jsx as r, 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";
+import { createElement as xe } from "@emotion/react";
+import { useOwpTranslation as be } 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 ve, Chip as E, Checkbox as Ae, TextField as ee, CircularProgress as te, Autocomplete as oe, ClickAwayListener as ye, Paper as Se, Popper as Me } from "@mui/material";
+import { alpha as g } 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 Ee, useRef as re, useEffect as ie } from "react";
+import { isSelectorAllOption as h } from "./utils/querySelectorUtils.js";
+const ae = 2, we = 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"), Be = /* @__PURE__ */ n(({ hookResult: a, props: s }) => {
+  const { t: u } = be(), {
+    autocompleteInputValue: d,
+    className: w,
+    disableAllValueItem: f,
+    disableClientFilter: k,
+    disabled: I,
+    error: L,
+    fullWidth: O,
+    helperText: D,
+    label: V,
+    loading: T,
+    loadingText: N,
+    multiple: z,
+    noOptionsText: me,
+    onAutocompleteInputChange: c,
+    placeholder: R,
+    required: P,
+    textFieldProps: o
+  } = s, {
+    allOption: x,
+    clearSelection: _,
+    isAllSelected: m,
+    resolvedOptions: H,
+    restoreAllSelection: W,
+    selectAll: B,
+    selectedOption: de,
+    selectedOptions: b,
+    selectMultipleValues: U,
+    selectSingleValue: $
+  } = a, q = f ? H : [x, ...H], v = le(
+    () => b.filter((e) => !h(e)),
+    [b]
+  ), K = le(
+    () => m ? [] : v.slice(ae),
+    [v, m]
+  ), p = K.length, [j, A] = Ee(null), Z = re(null), G = me ?? u("Message.검색 결과 없음"), J = re(
+    z && !f && ((s.value ?? s.defaultValue) == null || (s.value ?? s.defaultValue) === "")
+  ), Q = {
+    clearIndicator: {
+      className: "m-0 p-0",
+      size: "small"
+    },
+    paper: {
+      sx: {
+        "& .MuiAutocomplete-noOptions": {
+          fontSize: 14,
+          px: 1,
+          py: 1.5,
+          whiteSpace: "nowrap"
+        }
+      }
+    },
+    popupIndicator: {
+      className: "m-0 p-0",
+      size: "small"
+    }
+  }, X = {
+    minWidth: we,
+    "& .MuiAutocomplete-endAdornment": {
+      "& .MuiAutocomplete-clearIndicator + .MuiAutocomplete-popupIndicator": {
+        ml: 0
+      },
+      "& .MuiIconButton-root": {
+        m: 0,
+        p: 0
+      },
+      "& > :not(style) + :not(style)": {
+        ml: 0
+      },
+      alignItems: "center",
+      gap: 0,
+      right: 0
+    }
+  }, fe = {
+    ...X,
+    "& .MuiAutocomplete-inputRoot .MuiAutocomplete-input": {
+      flexBasis: se,
+      minWidth: se
+    }
+  };
+  ie(() => {
+    p || A(null);
+  }, [p]), ie(() => {
+    var l;
+    if (!J.current)
+      return;
+    const e = (l = Z.current) == null ? void 0 : l.closest("form");
+    if (!e)
+      return;
+    const t = /* @__PURE__ */ n(() => {
+      window.setTimeout(() => {
+        W();
+      }, 0);
+    }, "handleFormReset");
+    return e.addEventListener("reset", t), () => {
+      e.removeEventListener("reset", t);
+    };
+  }, [W]);
+  const he = /* @__PURE__ */ n(() => {
+    A(null);
+  }, "handleHiddenChipPopperClose"), Ie = /* @__PURE__ */ n((e) => {
+    e.preventDefault();
+  }, "handleHiddenChipSummaryMouseDown"), Oe = /* @__PURE__ */ n((e) => {
+    e.preventDefault(), e.stopPropagation(), A(
+      (t) => t === e.currentTarget ? null : e.currentTarget
+    );
+  }, "handleHiddenChipSummaryClick"), Te = /* @__PURE__ */ n((e) => {
+    U(
+      v.filter((t) => t.value !== e).map((t) => t.value)
+    );
+  }, "handleHiddenChipDelete"), Ce = /* @__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);
+  }, "handleMultipleRootKeyDown");
+  return z ? /* @__PURE__ */ C(M, { children: [
+    /* @__PURE__ */ r(
+      oe,
+      {
+        ref: Z,
+        className: ne("min-w-128", w),
+        disableCloseOnSelect: !0,
+        disabled: I,
+        filterOptions: k ? (e) => e : void 0,
+        fullWidth: O,
+        inputValue: d,
+        loading: T,
+        multiple: !0,
+        options: q,
+        clearText: "",
+        closeText: "",
+        clearIcon: /* @__PURE__ */ r(F, { sx: { fontSize: ue } }),
+        openText: "",
+        popupIcon: /* @__PURE__ */ r(Y, {}),
+        sx: fe,
+        value: b,
+        getOptionLabel: /* @__PURE__ */ n((e) => ce(e.label), "getOptionLabel"),
+        isOptionEqualToValue: /* @__PURE__ */ n((e, t) => e.value === t.value, "isOptionEqualToValue"),
+        loadingText: N ?? u("Common.로딩 중..."),
+        noOptionsText: G,
+        onChange: /* @__PURE__ */ n((e, t, l, i) => {
+          const y = e.type === "keydown" ? pe(
+            e,
+            d
+          ) : d ?? "";
+          if (l === "removeOption" && e.type === "keydown" && y === "" && (m || p > 0)) {
+            e.preventDefault(), e.stopPropagation();
+            return;
+          }
+          if (l === "clear") {
+            if (J.current) {
+              B();
+              return;
+            }
+            _();
+            return;
+          }
+          if (!f && (i != null && i.option) && h(i.option)) {
+            if (m) {
+              _();
+              return;
+            }
+            B();
+            return;
+          }
+          U(
+            t.filter((S) => !h(S)).map((S) => S.value)
+          );
+        }, "onChange"),
+        onInputChange: /* @__PURE__ */ n((e, t, l) => {
+          c == null || c(t, l);
+        }, "onInputChange"),
+        onKeyDown: Ce,
+        slotProps: Q,
+        renderInput: /* @__PURE__ */ n((e) => {
+          var t;
+          return /* @__PURE__ */ r(
+            ee,
+            {
+              ...e,
+              ...o,
+              disabled: I,
+              error: L,
+              fullWidth: O,
+              helperText: D,
+              label: V,
+              placeholder: R ?? u("Common.검색"),
+              required: P,
+              slotProps: {
+                ...o == null ? void 0 : o.slotProps,
+                input: {
+                  ...e.InputProps,
+                  ...(t = o == null ? void 0 : o.slotProps) == null ? void 0 : t.input,
+                  endAdornment: /* @__PURE__ */ C(M, { children: [
+                    T ? /* @__PURE__ */ r(te, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
+                    e.InputProps.endAdornment
+                  ] })
+                }
+              },
+              variant: (o == null ? void 0 : o.variant) ?? "standard"
+            }
+          );
+        }, "renderInput"),
+        renderOption: /* @__PURE__ */ n((e, t, l) => /* @__PURE__ */ C("li", { ...e, children: [
+          /* @__PURE__ */ r(Ae, { checked: l.selected, className: "!mr-8 !p-0", size: "small" }),
+          t.label
+        ] }), "renderOption"),
+        renderValue: /* @__PURE__ */ n((e, t) => !f && m ? [
+          /* @__PURE__ */ r(
+            ve,
+            {
+              component: "span",
+              sx: { color: "text.primary", fontWeight: 500, mr: 0.5 },
+              children: x.label
+            },
+            x.value
+          )
+        ] : [
+          ...e.filter((i) => !h(i)).slice(0, ae).map((i, y) => /* @__PURE__ */ xe(
+            E,
+            {
+              ...t({ index: y }),
+              key: i.value,
+              label: i.label,
+              size: "small",
+              sx: { borderRadius: 1, mr: 0.5 }
+            }
+          )),
+          ...p > 0 ? [
+            /* @__PURE__ */ r(
+              E,
+              {
+                clickable: !0,
+                label: `+${p}`,
+                onClick: Oe,
+                onMouseDown: Ie,
+                size: "small",
+                sx: /* @__PURE__ */ n((i) => ({
+                  backgroundColor: g(i.palette.primary.main, 0.14),
+                  border: `1px solid ${g(i.palette.primary.main, 0.22)}`,
+                  borderRadius: 1,
+                  color: i.palette.primary.dark,
+                  fontWeight: 600,
+                  mr: 0.5,
+                  "&:hover": {
+                    backgroundColor: g(i.palette.primary.main, 0.2)
+                  }
+                }), "sx")
+              },
+              "owp-selector-hidden-chip-summary"
+            )
+          ] : []
+        ], "renderValue")
+      }
+    ),
+    /* @__PURE__ */ r(
+      Me,
+      {
+        anchorEl: j,
+        open: !!j && p > 0,
+        placement: "bottom-start",
+        sx: { zIndex: /* @__PURE__ */ n((e) => e.zIndex.modal, "zIndex") },
+        children: /* @__PURE__ */ r(ye, { onClickAway: he, children: /* @__PURE__ */ r(
+          Se,
+          {
+            className: "mt-4",
+            sx: {
+              border: /* @__PURE__ */ n((e) => `1px solid ${g(e.palette.common.black, 0.12)}`, "border"),
+              display: "flex",
+              flexWrap: "wrap",
+              gap: 0.75,
+              maxWidth: 280,
+              p: 1
+            },
+            children: K.map((e) => /* @__PURE__ */ r(
+              E,
+              {
+                label: e.label,
+                onDelete: /* @__PURE__ */ n(() => Te(e.value), "onDelete"),
+                size: "small",
+                sx: { borderRadius: 1 }
+              },
+              e.value
+            ))
+          }
+        ) })
+      }
+    )
+  ] }) : /* @__PURE__ */ r(
+    oe,
+    {
+      className: ne("min-w-128", w),
+      disabled: I,
+      filterOptions: k ? (e) => e : void 0,
+      fullWidth: O,
+      inputValue: d,
+      loading: T,
+      options: q,
+      clearText: "",
+      closeText: "",
+      clearIcon: /* @__PURE__ */ r(F, { sx: { fontSize: ue } }),
+      openText: "",
+      popupIcon: /* @__PURE__ */ r(Y, {}),
+      sx: X,
+      value: de,
+      getOptionLabel: /* @__PURE__ */ n((e) => ce(e.label), "getOptionLabel"),
+      isOptionEqualToValue: /* @__PURE__ */ n((e, t) => e.value === t.value, "isOptionEqualToValue"),
+      loadingText: N ?? u("Common.로딩 중..."),
+      noOptionsText: G,
+      onChange: /* @__PURE__ */ n((e, t) => {
+        if (!t || !f && h(t)) {
+          $("");
+          return;
+        }
+        $(t.value);
+      }, "onChange"),
+      onInputChange: /* @__PURE__ */ n((e, t, l) => {
+        c == null || c(t, l);
+      }, "onInputChange"),
+      slotProps: Q,
+      renderInput: /* @__PURE__ */ n((e) => {
+        var t, l, i;
+        return /* @__PURE__ */ r(
+          ee,
+          {
+            ...e,
+            ...o,
+            disabled: I,
+            error: L,
+            fullWidth: O,
+            helperText: D,
+            label: V,
+            placeholder: R,
+            required: P,
+            slotProps: {
+              ...o == null ? void 0 : o.slotProps,
+              input: {
+                ...e.InputProps,
+                ...(t = o == null ? void 0 : o.slotProps) == null ? void 0 : t.input,
+                sx: {
+                  "& .MuiAutocomplete-input, & .MuiInputBase-input": {
+                    paddingLeft: "11px !important"
+                  },
+                  ...e.InputProps.sx ?? {},
+                  ...((i = (l = o == null ? void 0 : o.slotProps) == null ? void 0 : l.input) == null ? void 0 : i.sx) ?? {}
+                },
+                endAdornment: /* @__PURE__ */ C(M, { children: [
+                  T ? /* @__PURE__ */ r(te, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
+                  e.InputProps.endAdornment
+                ] })
+              }
+            },
+            variant: (o == null ? void 0 : o.variant) ?? "standard"
+          }
+        );
+      }, "renderInput"),
+      selectOnFocus: !0,
+      renderOption: /* @__PURE__ */ n((e, t) => /* @__PURE__ */ r("li", { ...e, children: t.label }), "renderOption")
+    }
+  );
+}, "OwpSelectorAutocomplete");
+export {
+  Be as OwpSelectorAutocomplete
+};
+//# sourceMappingURL=OwpSelectorAutocomplete.js.map

package/dist/components/OwpSelectorBase/OwpSelectorAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpSelectorAutocomplete.js","sources":["../../../src/components/OwpSelectorBase/OwpSelectorAutocomplete.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport {\n  Autocomplete,\n  Box,\n  Checkbox,\n  Chip,\n  CircularProgress,\n  ClickAwayListener,\n  Paper,\n  Popper,\n  TextField,\n} from '@mui/material';\nimport { alpha } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport {\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n  type MutableRefObject,\n  type SyntheticEvent,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { OwpSelectorBaseHookResult, OwpSelectorBaseOption, OwpSelectorBaseProps } from './types';\nimport { isSelectorAllOption } from './utils';\n\ninterface OwpSelectorAutocompleteProps {\n  hookResult: OwpSelectorBaseHookResult;\n  props: OwpSelectorBaseProps;\n}\n\nconst MULTIPLE_VISIBLE_CHIP_COUNT = 2;\nconst AUTOCOMPLETE_MIN_WIDTH = 152;\nconst MULTIPLE_AUTOCOMPLETE_INPUT_MIN_WIDTH = 72;\nconst SELECTOR_CLEAR_ICON_FONT_SIZE = 18.57;\n\ntype SelectorAutocompleteKeyDownEvent = ReactKeyboardEvent<HTMLDivElement> & {\n  defaultMuiPrevented?: boolean;\n};\n\n/**\n * 현재 키 이벤트 기준 입력값 반환\n * @param event 키보드 이벤트\n * @param fallbackValue 제어 입력 fallback 값\n */\nconst getCurrentAutocompleteInputValue = (\n  event: SelectorAutocompleteKeyDownEvent,\n  fallbackValue?: string,\n) => {\n  const eventTarget = event.target;\n\n  if (eventTarget instanceof HTMLInputElement) {\n    return eventTarget.value;\n  }\n\n  return fallbackValue ?? '';\n};\n\n/**\n * Autocomplete 옵션 라벨 문자열 변환\n * @param label 옵션 라벨\n */\nconst getAutocompleteOptionLabel = (label: OwpSelectorBaseOption['label']) => {\n  return typeof label === 'string' || typeof label === 'number' ? `${label}` : '';\n};\n\n/**\n * Autocomplete 기반 공통 선택기\n * @param props Autocomplete 렌더링 props\n */\nexport const OwpSelectorAutocomplete = ({ hookResult, props }: OwpSelectorAutocompleteProps) => {\n  const { t } = useOwpTranslation();\n  const {\n    autocompleteInputValue,\n    className,\n    disableAllValueItem,\n    disableClientFilter,\n    disabled,\n    error,\n    fullWidth,\n    helperText,\n    label,\n    loading,\n    loadingText,\n    multiple,\n    noOptionsText,\n    onAutocompleteInputChange,\n    placeholder,\n    required,\n    textFieldProps,\n  } = props;\n  const {\n    allOption,\n    clearSelection,\n    isAllSelected,\n    resolvedOptions,\n    restoreAllSelection,\n    selectAll,\n    selectedOption,\n    selectedOptions,\n    selectMultipleValues,\n    selectSingleValue,\n  } = hookResult;\n  const options = disableAllValueItem ? resolvedOptions : [allOption, ...resolvedOptions];\n  const filteredSelectedOptions = useMemo(\n    () => selectedOptions.filter((option) => !isSelectorAllOption(option)),\n    [selectedOptions],\n  );\n  const hiddenSelectedOptions = useMemo(\n    () =>\n      isAllSelected\n        ? []\n        : filteredSelectedOptions.slice(MULTIPLE_VISIBLE_CHIP_COUNT),\n    [filteredSelectedOptions, isAllSelected],\n  );\n  const hiddenSelectedOptionCount = hiddenSelectedOptions.length;\n  const [hiddenChipAnchorEl, setHiddenChipAnchorEl] = useState<HTMLElement | null>(null);\n  const autocompleteRootRef = useRef<HTMLDivElement | null>(null);\n  const resolvedNoOptionsText = noOptionsText ?? t('Message.검색 결과 없음');\n  const shouldRestoreAllOnClearRef = useRef(\n    multiple &&\n      !disableAllValueItem &&\n      ((props.value ?? props.defaultValue) == null || (props.value ?? props.defaultValue) === ''),\n  );\n  const autocompleteSlotProps = {\n    clearIndicator: {\n      className: 'm-0 p-0',\n      size: 'small',\n    },\n    paper: {\n      sx: {\n        '& .MuiAutocomplete-noOptions': {\n          fontSize: 14,\n          px: 1,\n          py: 1.5,\n          whiteSpace: 'nowrap',\n        },\n      },\n    },\n    popupIndicator: {\n      className: 'm-0 p-0',\n      size: 'small',\n    },\n  } as const;\n  const autocompleteSx = {\n    minWidth: AUTOCOMPLETE_MIN_WIDTH,\n    '& .MuiAutocomplete-endAdornment': {\n      '& .MuiAutocomplete-clearIndicator + .MuiAutocomplete-popupIndicator': {\n        ml: 0,\n      },\n      '& .MuiIconButton-root': {\n        m: 0,\n        p: 0,\n      },\n      '& > :not(style) + :not(style)': {\n        ml: 0,\n      },\n      alignItems: 'center',\n      gap: 0,\n      right: 0,\n    },\n  } as const;\n  const multipleAutocompleteSx = {\n    ...autocompleteSx,\n    '& .MuiAutocomplete-inputRoot .MuiAutocomplete-input': {\n      flexBasis: MULTIPLE_AUTOCOMPLETE_INPUT_MIN_WIDTH,\n      minWidth: MULTIPLE_AUTOCOMPLETE_INPUT_MIN_WIDTH,\n    },\n  } as const;\n\n  useEffect(() => {\n    if (!hiddenSelectedOptionCount) {\n      setHiddenChipAnchorEl(null);\n    }\n  }, [hiddenSelectedOptionCount]);\n\n  useEffect(() => {\n    if (!shouldRestoreAllOnClearRef.current) {\n      return;\n    }\n\n    const formElement = autocompleteRootRef.current?.closest('form');\n\n    if (!formElement) {\n      return;\n    }\n\n    const handleFormReset = () => {\n      window.setTimeout(() => {\n        restoreAllSelection();\n      }, 0);\n    };\n\n    formElement.addEventListener('reset', handleFormReset);\n\n    return () => {\n      formElement.removeEventListener('reset', handleFormReset);\n    };\n  }, [restoreAllSelection]);\n\n  const handleHiddenChipPopperClose = () => {\n    setHiddenChipAnchorEl(null);\n  };\n\n  const handleHiddenChipSummaryMouseDown = (event: ReactMouseEvent<HTMLElement>) => {\n    event.preventDefault();\n  };\n\n  const handleHiddenChipSummaryClick = (event: ReactMouseEvent<HTMLElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    setHiddenChipAnchorEl((previousAnchorElement) =>\n      previousAnchorElement === event.currentTarget ? null : event.currentTarget,\n    );\n  };\n\n  const handleHiddenChipDelete = (optionValue: string) => {\n    selectMultipleValues(\n      filteredSelectedOptions\n        .filter((option) => option.value !== optionValue)\n        .map((option) => option.value),\n    );\n  };\n\n  const handleMultipleRootKeyDown = (event: SelectorAutocompleteKeyDownEvent) => {\n    const currentInputValue = getCurrentAutocompleteInputValue(event, autocompleteInputValue);\n\n    if (\n      (isAllSelected || hiddenSelectedOptionCount > 0) &&\n      currentInputValue === '' &&\n      (event.key === 'Backspace' || event.key === 'Delete')\n    ) {\n      event.defaultMuiPrevented = true;\n      event.preventDefault();\n      event.stopPropagation();\n    }\n\n    textFieldProps?.onKeyDown?.(event as Parameters<NonNullable<typeof textFieldProps.onKeyDown>>[0]);\n  };\n\n  if (multiple) {\n    return (\n      <>\n        <Autocomplete\n          ref={autocompleteRootRef as MutableRefObject<HTMLDivElement | null>}\n          className={clsx('min-w-128', className)}\n          disableCloseOnSelect\n          disabled={disabled}\n          filterOptions={disableClientFilter ? (nextOptions) => nextOptions : undefined}\n          fullWidth={fullWidth}\n          inputValue={autocompleteInputValue}\n          loading={loading}\n          multiple\n          options={options}\n          clearText=\"\"\n          closeText=\"\"\n          clearIcon={<ClearIcon sx={{ fontSize: SELECTOR_CLEAR_ICON_FONT_SIZE }} />}\n          openText=\"\"\n          popupIcon={<ArrowDropDownIcon />}\n          sx={multipleAutocompleteSx}\n          value={selectedOptions}\n          getOptionLabel={(option) => getAutocompleteOptionLabel(option.label)}\n          isOptionEqualToValue={(option, selected) => option.value === selected.value}\n          loadingText={loadingText ?? t('Common.로딩 중...')}\n          noOptionsText={resolvedNoOptionsText}\n          onChange={(\n            _event: SyntheticEvent,\n            nextOptions: OwpSelectorBaseOption[],\n            reason: string,\n            details,\n          ) => {\n            const currentInputValue =\n              _event.type === 'keydown'\n                ? getCurrentAutocompleteInputValue(\n                    _event as SelectorAutocompleteKeyDownEvent,\n                    autocompleteInputValue,\n                  )\n                : autocompleteInputValue ?? '';\n\n            if (\n              reason === 'removeOption' &&\n              _event.type === 'keydown' &&\n              currentInputValue === '' &&\n              (isAllSelected || hiddenSelectedOptionCount > 0)\n            ) {\n              _event.preventDefault();\n              _event.stopPropagation();\n              return;\n            }\n\n            if (reason === 'clear') {\n              if (shouldRestoreAllOnClearRef.current) {\n                selectAll();\n                return;\n              }\n\n              clearSelection();\n              return;\n            }\n\n            if (!disableAllValueItem && details?.option && isSelectorAllOption(details.option)) {\n              if (isAllSelected) {\n                clearSelection();\n                return;\n              }\n\n              selectAll();\n              return;\n            }\n\n            selectMultipleValues(\n              nextOptions.filter((option) => !isSelectorAllOption(option)).map((option) => option.value),\n            );\n          }}\n          onInputChange={(_event, nextInputValue, reason) => {\n            onAutocompleteInputChange?.(nextInputValue, reason);\n          }}\n          onKeyDown={handleMultipleRootKeyDown}\n          slotProps={autocompleteSlotProps}\n          renderInput={(params) => (\n            <TextField\n              {...params}\n              {...textFieldProps}\n              disabled={disabled}\n              error={error}\n              fullWidth={fullWidth}\n              helperText={helperText}\n              label={label}\n              placeholder={placeholder ?? t('Common.검색')}\n              required={required}\n              slotProps={{\n                ...textFieldProps?.slotProps,\n                input: {\n                  ...params.InputProps,\n                  ...textFieldProps?.slotProps?.input,\n                  endAdornment: (\n                    <>\n                      {loading ? <CircularProgress color=\"inherit\" size={16} sx={{ mr: 0.5 }} /> : null}\n                      {params.InputProps.endAdornment}\n                    </>\n                  ),\n                },\n              }}\n              variant={textFieldProps?.variant ?? 'standard'}\n            />\n          )}\n          renderOption={(optionProps, option, state) => (\n            <li {...optionProps}>\n              <Checkbox checked={state.selected} className=\"!mr-8 !p-0\" size=\"small\" />\n              {option.label}\n            </li>\n          )}\n          renderValue={(nextSelectedOptions, getItemProps) => {\n            if (!disableAllValueItem && isAllSelected) {\n              return [\n                <Box\n                  component=\"span\"\n                  key={allOption.value}\n                  sx={{ color: 'text.primary', fontWeight: 500, mr: 0.5 }}\n                >\n                  {allOption.label}\n                </Box>,\n              ];\n            }\n\n            const visibleSelectedOptions = nextSelectedOptions\n              .filter((option) => !isSelectorAllOption(option))\n              .slice(0, MULTIPLE_VISIBLE_CHIP_COUNT);\n\n            return [\n              ...visibleSelectedOptions.map((option, index) => (\n                <Chip\n                  {...getItemProps({ index })}\n                  key={option.value}\n                  label={option.label}\n                  size=\"small\"\n                  sx={{ borderRadius: 1, mr: 0.5 }}\n                />\n              )),\n              ...(hiddenSelectedOptionCount > 0\n                ? [\n                    <Chip\n                      key=\"owp-selector-hidden-chip-summary\"\n                      clickable\n                      label={`+${hiddenSelectedOptionCount}`}\n                      onClick={handleHiddenChipSummaryClick}\n                      onMouseDown={handleHiddenChipSummaryMouseDown}\n                      size=\"small\"\n                      sx={(theme) => ({\n                        backgroundColor: alpha(theme.palette.primary.main, 0.14),\n                        border: `1px solid ${alpha(theme.palette.primary.main, 0.22)}`,\n                        borderRadius: 1,\n                        color: theme.palette.primary.dark,\n                        fontWeight: 600,\n                        mr: 0.5,\n                        '&:hover': {\n                          backgroundColor: alpha(theme.palette.primary.main, 0.2),\n                        },\n                      })}\n                    />,\n                  ]\n                : []),\n            ];\n          }}\n        />\n        <Popper\n          anchorEl={hiddenChipAnchorEl}\n          open={Boolean(hiddenChipAnchorEl) && hiddenSelectedOptionCount > 0}\n          placement=\"bottom-start\"\n          sx={{ zIndex: (theme) => theme.zIndex.modal }}\n        >\n          <ClickAwayListener onClickAway={handleHiddenChipPopperClose}>\n            <Paper\n              className=\"mt-4\"\n              sx={{\n                border: (theme) => `1px solid ${alpha(theme.palette.common.black, 0.12)}`,\n                display: 'flex',\n                flexWrap: 'wrap',\n                gap: 0.75,\n                maxWidth: 280,\n                p: 1,\n              }}\n            >\n              {hiddenSelectedOptions.map((option) => (\n                <Chip\n                  key={option.value}\n                  label={option.label}\n                  onDelete={() => handleHiddenChipDelete(option.value)}\n                  size=\"small\"\n                  sx={{ borderRadius: 1 }}\n                />\n              ))}\n            </Paper>\n          </ClickAwayListener>\n        </Popper>\n      </>\n    );\n  }\n\n  return (\n    <Autocomplete\n      className={clsx('min-w-128', className)}\n      disabled={disabled}\n      filterOptions={disableClientFilter ? (nextOptions) => nextOptions : undefined}\n      fullWidth={fullWidth}\n      inputValue={autocompleteInputValue}\n      loading={loading}\n      options={options}\n      clearText=\"\"\n      closeText=\"\"\n      clearIcon={<ClearIcon sx={{ fontSize: SELECTOR_CLEAR_ICON_FONT_SIZE }} />}\n      openText=\"\"\n      popupIcon={<ArrowDropDownIcon />}\n      sx={autocompleteSx}\n      value={selectedOption}\n      getOptionLabel={(option) => getAutocompleteOptionLabel(option.label)}\n      isOptionEqualToValue={(option, selected) => option.value === selected.value}\n      loadingText={loadingText ?? t('Common.로딩 중...')}\n      noOptionsText={resolvedNoOptionsText}\n      onChange={(_event: SyntheticEvent, nextOption) => {\n        if (!nextOption || (!disableAllValueItem && isSelectorAllOption(nextOption))) {\n          selectSingleValue('');\n          return;\n        }\n\n        selectSingleValue(nextOption.value);\n      }}\n      onInputChange={(_event, nextInputValue, reason) => {\n        onAutocompleteInputChange?.(nextInputValue, reason);\n      }}\n      slotProps={autocompleteSlotProps}\n      renderInput={(params) => (\n        <TextField\n          {...params}\n          {...textFieldProps}\n          disabled={disabled}\n          error={error}\n          fullWidth={fullWidth}\n          helperText={helperText}\n          label={label}\n          placeholder={placeholder}\n          required={required}\n          slotProps={{\n            ...textFieldProps?.slotProps,\n            input: {\n              ...params.InputProps,\n              ...textFieldProps?.slotProps?.input,\n              sx: {\n                '& .MuiAutocomplete-input, & .MuiInputBase-input': {\n                  paddingLeft: '11px !important',\n                },\n                ...((params.InputProps as { sx?: object }).sx ?? {}),\n                ...((textFieldProps?.slotProps?.input as { sx?: object } | undefined)?.sx ?? {}),\n              },\n              endAdornment: (\n                <>\n                  {loading ? <CircularProgress color=\"inherit\" size={16} sx={{ mr: 0.5 }} /> : null}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            },\n          }}\n          variant={textFieldProps?.variant ?? 'standard'}\n        />\n      )}\n      selectOnFocus\n      renderOption={(optionProps, option) => <li {...optionProps}>{option.label}</li>}\n    />\n  );\n};\n"],"names":["MULTIPLE_VISIBLE_CHIP_COUNT","AUTOCOMPLETE_MIN_WIDTH","MULTIPLE_AUTOCOMPLETE_INPUT_MIN_WIDTH","SELECTOR_CLEAR_ICON_FONT_SIZE","getCurrentAutocompleteInputValue","__name","event","fallbackValue","eventTarget","getAutocompleteOptionLabel","label","OwpSelectorAutocomplete","hookResult","props","t","useOwpTranslation","autocompleteInputValue","className","disableAllValueItem","disableClientFilter","disabled","error","fullWidth","helperText","loading","loadingText","multiple","noOptionsText","onAutocompleteInputChange","placeholder","required","textFieldProps","allOption","clearSelection","isAllSelected","resolvedOptions","restoreAllSelection","selectAll","selectedOption","selectedOptions","selectMultipleValues","selectSingleValue","options","filteredSelectedOptions","useMemo","option","isSelectorAllOption","hiddenSelectedOptions","hiddenSelectedOptionCount","hiddenChipAnchorEl","setHiddenChipAnchorEl","useState","autocompleteRootRef","useRef","resolvedNoOptionsText","shouldRestoreAllOnClearRef","autocompleteSlotProps","autocompleteSx","multipleAutocompleteSx","useEffect","formElement","_a","handleFormReset","handleHiddenChipPopperClose","handleHiddenChipSummaryMouseDown","handleHiddenChipSummaryClick","previousAnchorElement","handleHiddenChipDelete","optionValue","handleMultipleRootKeyDown","currentInputValue","jsxs","Fragment","jsx","Autocomplete","clsx","nextOptions","ClearIcon","ArrowDropDownIcon","selected","_event","reason","details","nextInputValue","params","TextField","CircularProgress","optionProps","state","Checkbox","nextSelectedOptions","getItemProps","Box","index","createElement","Chip","theme","alpha","Popper","ClickAwayListener","Paper","nextOption","_c","_b"],"mappings":"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"}

package/dist/components/OwpSelectorBase/OwpSelectorBase.js

@@ -0,0 +1,14 @@
+var c = Object.defineProperty;
+var o = (e, t) => c(e, "name", { value: t, configurable: !0 });
+import { jsx as r } 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 { OwpSelectorAutocomplete as m } from "./OwpSelectorAutocomplete.js";
+import { OwpSelectorSelect as l } from "./OwpSelectorSelect.js";
+import { useOwpSelectorBase as p } from "./hooks/useOwpSelectorBase.js";
+const n = /* @__PURE__ */ o((e) => {
+  const t = p(e);
+  return e.selectorType === "autocomplete" ? /* @__PURE__ */ r(m, { hookResult: t, props: e }) : /* @__PURE__ */ r(l, { hookResult: t, props: e });
+}, "OwpSelectorBase");
+export {
+  n as OwpSelectorBase
+};
+//# sourceMappingURL=OwpSelectorBase.js.map

package/dist/components/OwpSelectorBase/OwpSelectorBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpSelectorBase.js","sources":["../../../src/components/OwpSelectorBase/OwpSelectorBase.tsx"],"sourcesContent":["import { OwpSelectorAutocomplete } from './OwpSelectorAutocomplete';\nimport { OwpSelectorSelect } from './OwpSelectorSelect';\nimport { useOwpSelectorBase } from './hooks/useOwpSelectorBase';\nimport type { OwpSelectorBaseProps } from './types';\n\n/**\n * 공통 선택기 베이스\n * @param props 공통 선택기 props\n */\nexport const OwpSelectorBase = (props: OwpSelectorBaseProps) => {\n  const hookResult = useOwpSelectorBase(props);\n\n  if (props.selectorType === 'autocomplete') {\n    return <OwpSelectorAutocomplete hookResult={hookResult} props={props} />;\n  }\n\n  return <OwpSelectorSelect hookResult={hookResult} props={props} />;\n};\n"],"names":["OwpSelectorBase","__name","props","hookResult","useOwpSelectorBase","jsx","OwpSelectorAutocomplete","OwpSelectorSelect"],"mappings":";;;;;;AASO,MAAMA,IAAkB,gBAAAC,EAAA,CAACC,MAAgC;AAC9D,QAAMC,IAAaC,EAAmBF,CAAK;AAE3C,SAAIA,EAAM,iBAAiB,iBAClB,gBAAAG,EAACC,GAAA,EAAwB,YAAAH,GAAwB,OAAAD,EAAA,CAAc,IAGjE,gBAAAG,EAACE,GAAA,EAAkB,YAAAJ,GAAwB,OAAAD,EAAA,CAAc;AAClE,GAR+B;"}

package/dist/components/OwpSelectorBase/OwpSelectorSelect.js

@@ -0,0 +1,152 @@
+var Q = Object.defineProperty;
+var n = (a, x) => Q(a, "name", { value: x, configurable: !0 });
+import { jsxs as s, jsx as l } 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 { useOwpTranslation as U } from "../../hooks/useOwpTranslation.js";
+import { InputLabel as V, Select as $, MenuItem as f, FormHelperText as j, FormControl as B, Checkbox as M, ListItemText as O, Box as y, Tooltip as X } from "@mui/material";
+import { alpha as W } from "@mui/material/styles";
+import { clsx as z } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useId as Y, useMemo as H } from "react";
+import { getSelectorAllToken as N } from "./utils/querySelectorUtils.js";
+const E = /* @__PURE__ */ n((a) => typeof a == "string" || typeof a == "number" ? `${a}` : "", "getSelectorLabelText"), ne = /* @__PURE__ */ n(({ hookResult: a, props: x }) => {
+  const { t: g } = U(), {
+    className: L,
+    disableAllValueItem: p,
+    disabled: S,
+    error: T,
+    fullWidth: w,
+    helperText: h,
+    label: o,
+    loading: F,
+    multiple: q,
+    required: C,
+    selectProps: r
+  } = x, {
+    clearSelection: R,
+    isAllSelected: b,
+    resolvedOptions: m,
+    selectAll: D,
+    selectedValueList: d,
+    selectMultipleValues: G,
+    selectSingleValue: I
+  } = a, v = `owp-selector-base-label-${Y()}`, k = H(
+    () => m.filter((e) => d.includes(e.value)).map((e) => e.label),
+    [m, d]
+  ), A = H(
+    () => k.map((e) => E(e)).filter(Boolean),
+    [k]
+  ).join(", ");
+  if (!q)
+    return /* @__PURE__ */ s(
+      B,
+      {
+        className: z("min-w-128", L),
+        disabled: S,
+        error: T,
+        fullWidth: w,
+        required: C,
+        variant: (r == null ? void 0 : r.variant) ?? "standard",
+        children: [
+          o ? /* @__PURE__ */ l(V, { shrink: !0, id: v, children: o }) : null,
+          /* @__PURE__ */ s(
+            $,
+            {
+              displayEmpty: !0,
+              ...r,
+              labelId: o ? v : void 0,
+              value: d[0] ?? "",
+              onChange: /* @__PURE__ */ n((e) => {
+                const u = String(e.target.value ?? "");
+                if (!p && u === "") {
+                  I("");
+                  return;
+                }
+                I(u);
+              }, "onChange"),
+              children: [
+                p ? null : /* @__PURE__ */ l(f, { value: "", children: g("Common.전체") }),
+                m.map((e) => /* @__PURE__ */ l(f, { disabled: e.disabled, value: e.value, children: e.label }, `owp-selector-base-item-${e.value}`))
+              ]
+            }
+          ),
+          h ? /* @__PURE__ */ l(j, { children: h }) : null
+        ]
+      }
+    );
+  const J = /* @__PURE__ */ n((e) => {
+    const u = Array.isArray(e) ? e.map((t) => String(t)) : [], c = m.filter((t) => u.includes(t.value)).map((t) => E(t.label)).filter(Boolean), i = b ? 0 : Math.max(c.length - 2, 0), K = b ? g("Common.전체") : i > 0 ? `${c.slice(0, 2).join(", ")}...` : c.join(", ");
+    return /* @__PURE__ */ l(X, { title: A, placement: "top", disableHoverListener: !A, children: /* @__PURE__ */ s(y, { component: "span", sx: { alignItems: "center", display: "inline-flex", maxWidth: "100%" }, children: [
+      /* @__PURE__ */ l(y, { component: "span", sx: { minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: K }),
+      i > 0 ? /* @__PURE__ */ l(
+        y,
+        {
+          component: "span",
+          sx: /* @__PURE__ */ n((t) => ({
+            backgroundColor: W(t.palette.primary.main, 0.14),
+            border: `1px solid ${W(t.palette.primary.main, 0.22)}`,
+            borderRadius: 1,
+            color: t.palette.primary.dark,
+            fontSize: 12,
+            fontWeight: 600,
+            lineHeight: 1.4,
+            ml: 0.5,
+            px: 0.75,
+            py: 0.125
+          }), "sx"),
+          children: `+${i}`
+        }
+      ) : null
+    ] }) });
+  }, "renderValue");
+  return /* @__PURE__ */ s(
+    B,
+    {
+      className: z("w-128", L),
+      disabled: S,
+      error: T,
+      fullWidth: w,
+      required: C,
+      variant: (r == null ? void 0 : r.variant) ?? "standard",
+      children: [
+        o ? /* @__PURE__ */ l(V, { shrink: !0, id: v, children: o }) : null,
+        /* @__PURE__ */ s(
+          $,
+          {
+            displayEmpty: !0,
+            ...r,
+            labelId: o ? v : void 0,
+            multiple: !0,
+            renderValue: J,
+            value: d,
+            onChange: /* @__PURE__ */ n((e, u) => {
+              const c = Array.isArray(e.target.value) ? e.target.value.map((i) => String(i)) : String(e.target.value ?? "").split(",").map((i) => i.trim()).filter(Boolean);
+              if (c.includes(N())) {
+                if (b) {
+                  R();
+                  return;
+                }
+                D();
+                return;
+              }
+              G(c);
+            }, "onChange"),
+            children: [
+              p ? null : /* @__PURE__ */ s(f, { value: N(), children: [
+                /* @__PURE__ */ l(M, { checked: b, size: "small" }),
+                /* @__PURE__ */ l(O, { primary: g("Common.전체") })
+              ] }),
+              m.map((e) => /* @__PURE__ */ s(f, { disabled: e.disabled || F, value: e.value, children: [
+                /* @__PURE__ */ l(M, { checked: d.includes(e.value), size: "small" }),
+                /* @__PURE__ */ l(O, { primary: e.label })
+              ] }, `owp-selector-base-item-${e.value}`))
+            ]
+          }
+        ),
+        h ? /* @__PURE__ */ l(j, { children: h }) : null
+      ]
+    }
+  );
+}, "OwpSelectorSelect");
+export {
+  ne as OwpSelectorSelect
+};
+//# sourceMappingURL=OwpSelectorSelect.js.map

package/dist/components/OwpSelectorBase/OwpSelectorSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpSelectorSelect.js","sources":["../../../src/components/OwpSelectorBase/OwpSelectorSelect.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport {\n  Box,\n  Checkbox,\n  FormControl,\n  FormHelperText,\n  InputLabel,\n  ListItemText,\n  MenuItem,\n  Select,\n  Tooltip,\n  type SelectChangeEvent,\n  type SelectProps,\n} from '@mui/material';\nimport { alpha } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { type ReactNode, useId, useMemo } from 'react';\nimport type { OwpSelectorBaseHookResult, OwpSelectorBaseProps } from './types';\nimport { getSelectorAllToken } from './utils';\n\ninterface OwpSelectorSelectProps {\n  hookResult: OwpSelectorBaseHookResult;\n  props: OwpSelectorBaseProps;\n}\n\n/**\n * 선택 라벨 문자열 변환\n * @param label 선택 라벨\n */\nconst getSelectorLabelText = (label: ReactNode) => {\n  return typeof label === 'string' || typeof label === 'number' ? `${label}` : '';\n};\n\n/**\n * Select 기반 공통 선택기\n * @param props Select 렌더링 props\n */\nexport const OwpSelectorSelect = ({ hookResult, props }: OwpSelectorSelectProps) => {\n  const { t } = useOwpTranslation();\n  const {\n    className,\n    disableAllValueItem,\n    disabled,\n    error,\n    fullWidth,\n    helperText,\n    label,\n    loading,\n    multiple,\n    required,\n    selectProps,\n  } = props;\n  const {\n    clearSelection,\n    isAllSelected,\n    resolvedOptions,\n    selectAll,\n    selectedValueList,\n    selectMultipleValues,\n    selectSingleValue,\n  } = hookResult;\n  const labelId = `owp-selector-base-label-${useId()}`;\n  const selectedLabelList = useMemo(\n    () => resolvedOptions.filter((option) => selectedValueList.includes(option.value)).map((option) => option.label),\n    [resolvedOptions, selectedValueList],\n  );\n  const selectedLabelTextList = useMemo(\n    () => selectedLabelList.map((label) => getSelectorLabelText(label)).filter(Boolean),\n    [selectedLabelList],\n  );\n  const selectedTitle = selectedLabelTextList.join(', ');\n\n  if (!multiple) {\n    return (\n      <FormControl\n        className={clsx('min-w-128', className)}\n        disabled={disabled}\n        error={error}\n        fullWidth={fullWidth}\n        required={required}\n        variant={selectProps?.variant ?? 'standard'}\n      >\n        {label ? (\n          <InputLabel shrink id={labelId}>\n            {label}\n          </InputLabel>\n        ) : null}\n        <Select\n          displayEmpty\n          {...(selectProps as SelectProps<unknown>)}\n          labelId={label ? labelId : undefined}\n          value={(disableAllValueItem ? selectedValueList[0] ?? '' : selectedValueList[0] ?? '') as SelectProps<unknown>['value']}\n          onChange={(event) => {\n            const nextValue = String(event.target.value ?? '');\n\n            if (!disableAllValueItem && nextValue === '') {\n              selectSingleValue('');\n              return;\n            }\n\n            selectSingleValue(nextValue);\n          }}\n        >\n          {!disableAllValueItem ? <MenuItem value=\"\">{t('Common.전체')}</MenuItem> : null}\n          {resolvedOptions.map((option) => (\n            <MenuItem key={`owp-selector-base-item-${option.value}`} disabled={option.disabled} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </Select>\n        {helperText ? <FormHelperText>{helperText}</FormHelperText> : null}\n      </FormControl>\n    );\n  }\n\n  const renderValue = (selected: unknown) => {\n    const selectedValues = Array.isArray(selected) ? selected.map((item) => String(item)) : [];\n    const visibleLabelTextList = resolvedOptions\n      .filter((option) => selectedValues.includes(option.value))\n      .map((option) => getSelectorLabelText(option.label))\n      .filter(Boolean);\n    const hiddenLabelCount = isAllSelected ? 0 : Math.max(visibleLabelTextList.length - 2, 0);\n    const displayText = isAllSelected\n      ? t('Common.전체')\n      : hiddenLabelCount > 0\n        ? `${visibleLabelTextList.slice(0, 2).join(', ')}...`\n        : visibleLabelTextList.join(', ');\n\n    return (\n      <Tooltip title={selectedTitle} placement=\"top\" disableHoverListener={!selectedTitle}>\n        <Box component=\"span\" sx={{ alignItems: 'center', display: 'inline-flex', maxWidth: '100%' }}>\n          <Box component=\"span\" sx={{ minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>\n            {displayText}\n          </Box>\n          {hiddenLabelCount > 0 ? (\n            <Box\n              component=\"span\"\n              sx={(theme) => ({\n                backgroundColor: alpha(theme.palette.primary.main, 0.14),\n                border: `1px solid ${alpha(theme.palette.primary.main, 0.22)}`,\n                borderRadius: 1,\n                color: theme.palette.primary.dark,\n                fontSize: 12,\n                fontWeight: 600,\n                lineHeight: 1.4,\n                ml: 0.5,\n                px: 0.75,\n                py: 0.125,\n              })}\n            >\n              {`+${hiddenLabelCount}`}\n            </Box>\n          ) : null}\n        </Box>\n      </Tooltip>\n    );\n  };\n\n  return (\n    <FormControl\n      className={clsx('w-128', className)}\n      disabled={disabled}\n      error={error}\n      fullWidth={fullWidth}\n      required={required}\n      variant={selectProps?.variant ?? 'standard'}\n    >\n      {label ? (\n        <InputLabel shrink id={labelId}>\n          {label}\n        </InputLabel>\n      ) : null}\n      <Select\n        displayEmpty\n        {...(selectProps as SelectProps<unknown>)}\n        labelId={label ? labelId : undefined}\n        multiple\n        renderValue={renderValue}\n        value={selectedValueList as SelectProps<unknown>['value']}\n        onChange={(event: SelectChangeEvent<unknown>, child: ReactNode) => {\n          const selectedValues = Array.isArray(event.target.value)\n            ? event.target.value.map((item) => String(item))\n            : String(event.target.value ?? '')\n                .split(',')\n                .map((item) => item.trim())\n                .filter(Boolean);\n\n          if (selectedValues.includes(getSelectorAllToken())) {\n            if (isAllSelected) {\n              clearSelection();\n              return;\n            }\n\n            selectAll();\n            return;\n          }\n\n          selectMultipleValues(selectedValues);\n          void child;\n        }}\n      >\n        {!disableAllValueItem ? (\n          <MenuItem value={getSelectorAllToken()}>\n            <Checkbox checked={isAllSelected} size=\"small\" />\n            <ListItemText primary={t('Common.전체')} />\n          </MenuItem>\n        ) : null}\n        {resolvedOptions.map((option) => (\n          <MenuItem key={`owp-selector-base-item-${option.value}`} disabled={option.disabled || loading} value={option.value}>\n            <Checkbox checked={selectedValueList.includes(option.value)} size=\"small\" />\n            <ListItemText primary={option.label} />\n          </MenuItem>\n        ))}\n      </Select>\n      {helperText ? <FormHelperText>{helperText}</FormHelperText> : null}\n    </FormControl>\n  );\n};\n"],"names":["getSelectorLabelText","__name","label","OwpSelectorSelect","hookResult","props","t","useOwpTranslation","className","disableAllValueItem","disabled","error","fullWidth","helperText","loading","multiple","required","selectProps","clearSelection","isAllSelected","resolvedOptions","selectAll","selectedValueList","selectMultipleValues","selectSingleValue","labelId","useId","selectedLabelList","useMemo","option","selectedTitle","jsxs","FormControl","clsx","InputLabel","Select","event","nextValue","MenuItem","jsx","FormHelperText","renderValue","selected","selectedValues","item","visibleLabelTextList","hiddenLabelCount","displayText","Tooltip","Box","theme","alpha","child","getSelectorAllToken","Checkbox","ListItemText"],"mappings":"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"}