@owp/core 2.5.20 → 2.5.22

package/dist/components/OwpSelectorBase/OwpSelectorSelect.js

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

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

@@ -1 +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\nconst SELECT_HELPER_TEXT_SX = { marginLeft: '11px' } as const;\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 sx={SELECT_HELPER_TEXT_SX}>{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 sx={SELECT_HELPER_TEXT_SX}>{helperText}</FormHelperText> : null}\n    </FormControl>\n  );\n};\n"],"names":["SELECT_HELPER_TEXT_SX","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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"}
+{"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\nconst SELECT_HELPER_TEXT_SX = { marginLeft: '11px' } as const;\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    disabled,\n    error,\n    fullWidth,\n    helperText,\n    label,\n    loading,\n    multiple,\n    noOptionsText,\n    required,\n    selectProps,\n    showAllOption = true,\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 hasOptions = resolvedOptions.length > 0;\n  const shouldShowNoOptions = !loading && !showAllOption && !hasOptions;\n  const resolvedNoOptionsText = noOptionsText ?? t('Message.조회된 결과가 없습니다.');\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={(selectedValueList[0] ?? '') as SelectProps<unknown>['value']}\n          onChange={(event) => {\n            const nextValue = String(event.target.value ?? '');\n\n            if (showAllOption && nextValue === '') {\n              selectSingleValue('');\n              return;\n            }\n\n            selectSingleValue(nextValue);\n          }}\n        >\n          {showAllOption ? <MenuItem value=\"\">{t('Common.전체')}</MenuItem> : null}\n          {shouldShowNoOptions ? (\n            <MenuItem disabled value=\"\">\n              {resolvedNoOptionsText}\n            </MenuItem>\n          ) : 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 sx={SELECT_HELPER_TEXT_SX}>{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        {showAllOption ? (\n          <MenuItem value={getSelectorAllToken()}>\n            <Checkbox checked={isAllSelected} size=\"small\" />\n            <ListItemText primary={t('Common.전체')} />\n          </MenuItem>\n        ) : null}\n        {shouldShowNoOptions ? (\n          <MenuItem disabled value=\"\">\n            <ListItemText primary={resolvedNoOptionsText} />\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 sx={SELECT_HELPER_TEXT_SX}>{helperText}</FormHelperText> : null}\n    </FormControl>\n  );\n};\n"],"names":["SELECT_HELPER_TEXT_SX","getSelectorLabelText","__name","label","OwpSelectorSelect","hookResult","props","t","useOwpTranslation","className","disabled","error","fullWidth","helperText","loading","multiple","noOptionsText","required","selectProps","showAllOption","clearSelection","isAllSelected","resolvedOptions","selectAll","selectedValueList","selectMultipleValues","selectSingleValue","labelId","useId","hasOptions","shouldShowNoOptions","resolvedNoOptionsText","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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"}

package/dist/components/OwpSelectorBase/hooks/useOwpSelectorBase.js

@@ -1,120 +1,120 @@
-var b = Object.defineProperty;
-var U = (a, c) => b(a, "name", { value: c, configurable: !0 });
-import { useOwpTranslation as m } from "../../../hooks/useOwpTranslation.js";
-import { mergeSelectorOptions as I, joinSelectorValue as W, splitSelectorValue as X, getSelectorAllToken as nn, createSelectorChangeEvent as en } from "../utils/querySelectorUtils.js";
-import { useState as Y, useRef as k, useMemo as i, useCallback as d, useEffect as q } from "react";
-const sn = /* @__PURE__ */ U(({
-  allOptions: a,
-  allValueMode: c = "joined",
-  defaultValue: L,
-  disableAllValueItem: r,
-  multiple: n,
-  name: F,
-  onChange: G,
-  options: H,
-  value: j
+var O = Object.defineProperty;
+var R = (B, s) => O(B, "name", { value: s, configurable: !0 });
+import { useOwpTranslation as w } from "../../../hooks/useOwpTranslation.js";
+import { mergeSelectorOptions as p, joinSelectorValue as U, splitSelectorValue as W, getSelectorAllToken as ee, createSelectorChangeEvent as ne } from "../utils/querySelectorUtils.js";
+import { useState as X, useRef as m, useMemo as a, useCallback as g, useEffect as P } from "react";
+const oe = /* @__PURE__ */ R(({
+  allOptions: B,
+  allValueMode: s = "joined",
+  defaultValue: z,
+  multiple: e,
+  name: q,
+  onChange: F,
+  options: G,
+  showAllOption: r = !0,
+  value: L
 }) => {
-  const { t: J } = m(), f = j !== void 0, K = L ?? "", [w, x] = Y(L), [h, v] = Y(
-    () => n && !r && (j ?? K) === "" ? "all" : "none"
-  ), Q = k(!1), O = k(j ?? K), g = k(null), B = k(G);
-  B.current = G;
-  const y = i(
-    () => I(H, a),
-    [a, H]
-  ), t = i(
-    () => y.filter((e) => !e.disabled).map((e) => e.value),
-    [y]
-  ), Z = i(() => W(t), [t]), o = f ? j : w, R = i(() => X(o), [o]), T = i(() => n && !r && (o == null || o === "") && h === "all" ? t : R, [t, r, h, n, o, R]), E = i(() => new Set(T), [T]), p = i(
+  const { t: H } = w(), u = L !== void 0, J = z ?? "", [j, x] = X(z), [v, f] = X(
+    () => e && r && (L ?? J) === "" ? "all" : "none"
+  ), K = m(!1), V = m(L ?? J), d = m(null), E = m(F);
+  E.current = F;
+  const S = a(
+    () => p(G, B),
+    [B, G]
+  ), t = a(
+    () => S.filter((n) => !n.disabled).map((n) => n.value),
+    [S]
+  ), Y = a(() => U(t), [t]), c = u ? L : j, Q = a(() => W(c), [c]), I = a(() => e && r && (c == null || c === "") && v === "all" ? t : Q, [t, v, e, c, r, Q]), b = a(() => new Set(I), [I]), C = a(
     () => ({
-      label: J("Common.전체"),
+      label: H("Common.전체"),
       raw: null,
-      value: nn()
+      value: ee()
     }),
-    [J]
-  ), D = i(
-    () => y.filter((e) => E.has(e.value)),
-    [y, E]
-  ), C = i(() => r ? !1 : n ? (o == null || o === "") && h === "all" ? !0 : c === "empty" ? h === "all" : !!t.length && t.every((e) => E.has(e)) : o == null || o === "", [
+    [H]
+  ), T = a(
+    () => S.filter((n) => b.has(n.value)),
+    [S, b]
+  ), N = a(() => r ? e ? (c == null || c === "") && v === "all" ? !!t.length : s === "empty" ? !!t.length && v === "all" : !!t.length && t.every((n) => b.has(n)) : !!t.length && (c == null || c === "") : !1, [
     t,
+    s,
+    v,
+    e,
     c,
-    r,
-    h,
-    n,
-    o,
-    E
-  ]), _ = i(() => !n && C && !r ? p : D[0] ?? null, [p, r, C, n, D]), z = n && c === "joined" ? Z : "", s = d(
-    (e, S) => {
-      var u;
-      n && !r && (e === "" ? (g.current = S ?? "none", v(S ?? "none")) : (g.current = null, v("none"))), f || x(e), (u = B.current) == null || u.call(B, en(F, e));
+    b,
+    r
+  ]), Z = a(() => !e && N && r ? C : T[0] ?? null, [C, N, e, T, r]), y = e && s === "joined" ? Y : "", o = g(
+    (n, i) => {
+      var l;
+      e && r && (n === "" ? (d.current = i ?? "none", f(i ?? "none")) : (d.current = null, f("none"))), u || x(n), (l = E.current) == null || l.call(E, ne(q, n));
     },
-    [r, f, n, F]
-  ), P = d(() => {
-    s(z, n && c === "empty" ? "all" : void 0);
-  }, [z, c, s, n]), $ = d(() => {
-    !n || r || (g.current = "all", O.current = "", v("all"), f || x(""));
-  }, [r, f, n]), l = d(() => {
-    s("", n ? "none" : void 0);
-  }, [s, n]), M = d(
-    (e) => {
-      s(e);
+    [u, e, q, r]
+  ), D = g(() => {
+    o(y, e && s === "empty" ? "all" : void 0);
+  }, [y, s, o, e]), _ = g(() => {
+    !e || !r || (d.current = "all", V.current = "", f("all"), u || x(""));
+  }, [u, e, r]), $ = g(() => {
+    o("", e ? "none" : void 0);
+  }, [o, e]), M = g(
+    (n) => {
+      o(n);
     },
-    [s]
-  ), V = d(
-    (e) => {
-      const S = e.filter((u) => u !== "");
-      if (!r && t.length && t.every((u) => S.includes(u))) {
-        P();
+    [o]
+  ), h = g(
+    (n) => {
+      const i = n.filter((l) => l !== "");
+      if (r && t.length && t.every((l) => i.includes(l))) {
+        D();
         return;
       }
-      s(
-        W(S),
-        c === "empty" ? "none" : void 0
+      o(
+        U(i),
+        s === "empty" ? "none" : void 0
       );
     },
-    [t, c, r, s, P]
+    [t, s, o, D, r]
   );
-  return q(() => {
-    f || x(L);
-  }, [L, f]), q(() => {
-    if (n && !r) {
-      const e = o ?? "", S = O.current;
-      if (e === "") {
-        const N = g.current;
-        N ? (v(N), g.current = null) : S !== e && v("all"), O.current = e;
+  return P(() => {
+    u || x(z);
+  }, [z, u]), P(() => {
+    if (e && r) {
+      const n = c ?? "", i = V.current;
+      if (n === "") {
+        const k = d.current;
+        k ? (f(k), d.current = null) : i !== n && f("all"), V.current = n;
         return;
       }
-      const u = X(e), A = !!t.length && t.every((N) => u.includes(N));
-      v(A ? "all" : "none"), g.current = null, O.current = e;
+      const l = W(n), A = !!t.length && t.every((k) => l.includes(k));
+      f(A ? "all" : "none"), d.current = null, V.current = n;
       return;
     }
-    O.current = o ?? "";
-  }, [t, r, n, o]), q(() => {
-    !n || r || Q.current || f || w !== void 0 && w !== "" || !t.length || (Q.current = !0, s(z, n && c === "empty" ? "all" : void 0));
+    V.current = c ?? "";
+  }, [t, e, c, r]), P(() => {
+    !e || !r || K.current || u || j !== void 0 && j !== "" || !t.length || (K.current = !0, o(y, e && s === "empty" ? "all" : void 0));
   }, [
-    z,
+    y,
     t.length,
-    c,
-    r,
     s,
-    w,
-    f,
-    n
+    o,
+    j,
+    u,
+    e,
+    r
   ]), {
-    allOption: p,
-    allValue: z,
-    clearSelection: l,
-    isAllSelected: C,
-    resolvedOptions: y,
-    restoreAllSelection: $,
-    selectAll: P,
-    selectedOption: _,
-    selectedOptions: C && n && !r ? [p, ...y] : D,
-    selectedValueList: T,
-    selectMultipleValues: V,
+    allOption: C,
+    allValue: y,
+    clearSelection: $,
+    isAllSelected: N,
+    resolvedOptions: S,
+    restoreAllSelection: _,
+    selectAll: D,
+    selectedOption: Z,
+    selectedOptions: N && e && r ? [C, ...S] : T,
+    selectedValueList: I,
+    selectMultipleValues: h,
     selectSingleValue: M
   };
 }, "useOwpSelectorBase");
 export {
-  sn as useOwpSelectorBase
+  oe as useOwpSelectorBase
 };
 //# sourceMappingURL=useOwpSelectorBase.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useOwpSelectorBase.js","sources":["../../../../src/components/OwpSelectorBase/hooks/useOwpSelectorBase.ts"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport {\n  type OwpSelectorBaseHookResult,\n  type OwpSelectorBaseOption,\n  type OwpSelectorBaseProps,\n  type OwpSelectorEmptyValueMode,\n} from '../types';\nimport {\n  createSelectorChangeEvent,\n  getSelectorAllToken,\n  joinSelectorValue,\n  mergeSelectorOptions,\n  splitSelectorValue,\n} from '../utils';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\n/**\n * 공통 선택기 상태 훅\n * @param props 공통 선택기 props\n */\nexport const useOwpSelectorBase = ({\n  allOptions,\n  allValueMode = 'joined',\n  defaultValue,\n  disableAllValueItem,\n  multiple,\n  name,\n  onChange,\n  options,\n  value,\n}: OwpSelectorBaseProps): OwpSelectorBaseHookResult => {\n  const { t } = useOwpTranslation();\n  const isControlled = value !== undefined;\n  const normalizedDefaultValue = defaultValue ?? '';\n  const [internalValue, setInternalValue] = useState(defaultValue);\n  const [emptyValueMode, setEmptyValueMode] = useState<OwpSelectorEmptyValueMode>(() =>\n    multiple && !disableAllValueItem && (value ?? normalizedDefaultValue) === ''\n      ? 'all'\n      : 'none',\n  );\n  const didInitializeAllValue = useRef(false);\n  const previousNormalizedValue = useRef(value ?? normalizedDefaultValue);\n  const pendingEmptyValueMode = useRef<OwpSelectorEmptyValueMode | null>(null);\n  const onChangeRef = useRef(onChange);\n\n  onChangeRef.current = onChange;\n\n  const resolvedOptions = useMemo(\n    () => mergeSelectorOptions(options, allOptions),\n    [allOptions, options],\n  );\n  const allValueList = useMemo(\n    () => resolvedOptions.filter((option) => !option.disabled).map((option) => option.value),\n    [resolvedOptions],\n  );\n  const joinedAllValue = useMemo(() => joinSelectorValue(allValueList), [allValueList]);\n  const normalizedValue = isControlled ? value : internalValue;\n  const splitValueList = useMemo(() => splitSelectorValue(normalizedValue), [normalizedValue]);\n  const selectedValueList = useMemo(() => {\n    if (\n      multiple &&\n      !disableAllValueItem &&\n      (normalizedValue == null || normalizedValue === '') &&\n      emptyValueMode === 'all'\n    ) {\n      return allValueList;\n    }\n\n    return splitValueList;\n  }, [allValueList, disableAllValueItem, emptyValueMode, multiple, normalizedValue, splitValueList]);\n  const selectedValueSet = useMemo(() => new Set(selectedValueList), [selectedValueList]);\n  const allOption = useMemo<OwpSelectorBaseOption<null>>(\n    () => ({\n      label: t('Common.전체'),\n      raw: null,\n      value: getSelectorAllToken(),\n    }),\n    [t],\n  );\n  const selectedOptions = useMemo(\n    () => resolvedOptions.filter((option) => selectedValueSet.has(option.value)),\n    [resolvedOptions, selectedValueSet],\n  );\n  const isAllSelected = useMemo(() => {\n    if (disableAllValueItem) {\n      return false;\n    }\n\n    if (!multiple) {\n      return normalizedValue == null || normalizedValue === '';\n    }\n\n    if ((normalizedValue == null || normalizedValue === '') && emptyValueMode === 'all') {\n      return true;\n    }\n\n    if (allValueMode === 'empty') {\n      return emptyValueMode === 'all';\n    }\n\n    return Boolean(allValueList.length) && allValueList.every((item) => selectedValueSet.has(item));\n  }, [\n    allValueList,\n    allValueMode,\n    disableAllValueItem,\n    emptyValueMode,\n    multiple,\n    normalizedValue,\n    selectedValueSet,\n  ]);\n  const selectedOption = useMemo(() => {\n    if (!multiple && isAllSelected && !disableAllValueItem) {\n      return allOption;\n    }\n\n    return selectedOptions[0] ?? null;\n  }, [allOption, disableAllValueItem, isAllSelected, multiple, selectedOptions]);\n  const allValue = multiple\n    ? allValueMode === 'joined'\n      ? joinedAllValue\n      : ''\n    : '';\n\n  const emitChange = useCallback(\n    (nextValue: string, nextEmptyMode?: OwpSelectorEmptyValueMode) => {\n      if (multiple && !disableAllValueItem) {\n        if (nextValue === '') {\n          pendingEmptyValueMode.current = nextEmptyMode ?? 'none';\n          setEmptyValueMode(nextEmptyMode ?? 'none');\n        } else {\n          pendingEmptyValueMode.current = null;\n          setEmptyValueMode('none');\n        }\n      }\n\n      if (!isControlled) {\n        setInternalValue(nextValue);\n      }\n\n      onChangeRef.current?.(createSelectorChangeEvent(name, nextValue));\n    },\n    [disableAllValueItem, isControlled, multiple, name],\n  );\n\n  const selectAll = useCallback(() => {\n    emitChange(allValue, multiple && allValueMode === 'empty' ? 'all' : undefined);\n  }, [allValue, allValueMode, emitChange, multiple]);\n\n  const restoreAllSelection = useCallback(() => {\n    if (!multiple || disableAllValueItem) {\n      return;\n    }\n\n    pendingEmptyValueMode.current = 'all';\n    previousNormalizedValue.current = '';\n    setEmptyValueMode('all');\n\n    if (!isControlled) {\n      setInternalValue('');\n    }\n  }, [disableAllValueItem, isControlled, multiple]);\n\n  const clearSelection = useCallback(() => {\n    emitChange('', multiple ? 'none' : undefined);\n  }, [emitChange, multiple]);\n\n  const selectSingleValue = useCallback(\n    (nextValue: string) => {\n      emitChange(nextValue);\n    },\n    [emitChange],\n  );\n\n  const selectMultipleValues = useCallback(\n    (nextSelectedValueList: string[]) => {\n      const normalizedSelectedValueList = nextSelectedValueList.filter((item) => item !== '');\n\n      if (\n        !disableAllValueItem &&\n        Boolean(allValueList.length) &&\n        allValueList.every((item) => normalizedSelectedValueList.includes(item))\n      ) {\n        selectAll();\n        return;\n      }\n\n      emitChange(\n        joinSelectorValue(normalizedSelectedValueList),\n        allValueMode === 'empty' ? 'none' : undefined,\n      );\n    },\n    [allValueList, allValueMode, disableAllValueItem, emitChange, selectAll],\n  );\n\n  useEffect(() => {\n    if (isControlled) {\n      return;\n    }\n\n    setInternalValue(defaultValue);\n  }, [defaultValue, isControlled]);\n\n  useEffect(() => {\n    if (multiple && !disableAllValueItem) {\n      const nextNormalizedValue = normalizedValue ?? '';\n      const previousValue = previousNormalizedValue.current;\n\n      if (nextNormalizedValue === '') {\n        const nextPendingEmptyValueMode = pendingEmptyValueMode.current;\n\n        if (nextPendingEmptyValueMode) {\n          setEmptyValueMode(nextPendingEmptyValueMode);\n          pendingEmptyValueMode.current = null;\n        } else if (previousValue !== nextNormalizedValue) {\n          setEmptyValueMode('all');\n        }\n\n        previousNormalizedValue.current = nextNormalizedValue;\n\n        return;\n      }\n\n      const nextSelectedValueList = splitSelectorValue(nextNormalizedValue);\n      const isNextAllSelected =\n        Boolean(allValueList.length) &&\n        allValueList.every((item) => nextSelectedValueList.includes(item));\n\n      setEmptyValueMode(isNextAllSelected ? 'all' : 'none');\n      pendingEmptyValueMode.current = null;\n      previousNormalizedValue.current = nextNormalizedValue;\n\n      return;\n    }\n\n    previousNormalizedValue.current = normalizedValue ?? '';\n  }, [allValueList, disableAllValueItem, multiple, normalizedValue]);\n\n  useEffect(() => {\n    if (\n      !multiple ||\n      disableAllValueItem ||\n      didInitializeAllValue.current ||\n      isControlled ||\n      (internalValue !== undefined && internalValue !== '') ||\n      !allValueList.length\n    ) {\n      return;\n    }\n\n    didInitializeAllValue.current = true;\n    emitChange(allValue, multiple && allValueMode === 'empty' ? 'all' : undefined);\n  }, [\n    allValue,\n    allValueList.length,\n    allValueMode,\n    disableAllValueItem,\n    emitChange,\n    internalValue,\n    isControlled,\n    multiple,\n  ]);\n\n  return {\n    allOption,\n    allValue,\n    clearSelection,\n    isAllSelected,\n    resolvedOptions,\n    restoreAllSelection,\n    selectAll,\n    selectedOption,\n    selectedOptions: isAllSelected && multiple && !disableAllValueItem ? [allOption, ...resolvedOptions] : selectedOptions,\n    selectedValueList,\n    selectMultipleValues,\n    selectSingleValue,\n  };\n};\n"],"names":["useOwpSelectorBase","__name","allOptions","allValueMode","defaultValue","disableAllValueItem","multiple","name","onChange","options","value","t","useOwpTranslation","isControlled","normalizedDefaultValue","internalValue","setInternalValue","useState","emptyValueMode","setEmptyValueMode","didInitializeAllValue","useRef","previousNormalizedValue","pendingEmptyValueMode","onChangeRef","resolvedOptions","useMemo","mergeSelectorOptions","allValueList","option","joinedAllValue","joinSelectorValue","normalizedValue","splitValueList","splitSelectorValue","selectedValueList","selectedValueSet","allOption","getSelectorAllToken","selectedOptions","isAllSelected","item","selectedOption","allValue","emitChange","useCallback","nextValue","nextEmptyMode","_a","createSelectorChangeEvent","selectAll","restoreAllSelection","clearSelection","selectSingleValue","selectMultipleValues","nextSelectedValueList","normalizedSelectedValueList","useEffect","nextNormalizedValue","previousValue","nextPendingEmptyValueMode","isNextAllSelected"],"mappings":"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"}
+{"version":3,"file":"useOwpSelectorBase.js","sources":["../../../../src/components/OwpSelectorBase/hooks/useOwpSelectorBase.ts"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport {\n  type OwpSelectorBaseHookResult,\n  type OwpSelectorBaseOption,\n  type OwpSelectorBaseProps,\n  type OwpSelectorEmptyValueMode,\n} from '../types';\nimport {\n  createSelectorChangeEvent,\n  getSelectorAllToken,\n  joinSelectorValue,\n  mergeSelectorOptions,\n  splitSelectorValue,\n} from '../utils';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\n/**\n * 공통 선택기 상태 훅\n * @param props 공통 선택기 props\n */\nexport const useOwpSelectorBase = ({\n  allOptions,\n  allValueMode = 'joined',\n  defaultValue,\n  multiple,\n  name,\n  onChange,\n  options,\n  showAllOption = true,\n  value,\n}: OwpSelectorBaseProps): OwpSelectorBaseHookResult => {\n  const { t } = useOwpTranslation();\n  const isControlled = value !== undefined;\n  const normalizedDefaultValue = defaultValue ?? '';\n  const [internalValue, setInternalValue] = useState(defaultValue);\n  const [emptyValueMode, setEmptyValueMode] = useState<OwpSelectorEmptyValueMode>(() =>\n    multiple && showAllOption && (value ?? normalizedDefaultValue) === ''\n      ? 'all'\n      : 'none',\n  );\n  const didInitializeAllValue = useRef(false);\n  const previousNormalizedValue = useRef(value ?? normalizedDefaultValue);\n  const pendingEmptyValueMode = useRef<OwpSelectorEmptyValueMode | null>(null);\n  const onChangeRef = useRef(onChange);\n\n  onChangeRef.current = onChange;\n\n  const resolvedOptions = useMemo(\n    () => mergeSelectorOptions(options, allOptions),\n    [allOptions, options],\n  );\n  const allValueList = useMemo(\n    () => resolvedOptions.filter((option) => !option.disabled).map((option) => option.value),\n    [resolvedOptions],\n  );\n  const joinedAllValue = useMemo(() => joinSelectorValue(allValueList), [allValueList]);\n  const normalizedValue = isControlled ? value : internalValue;\n  const splitValueList = useMemo(() => splitSelectorValue(normalizedValue), [normalizedValue]);\n  const selectedValueList = useMemo(() => {\n    if (\n      multiple &&\n      showAllOption &&\n      (normalizedValue == null || normalizedValue === '') &&\n      emptyValueMode === 'all'\n    ) {\n      return allValueList;\n    }\n\n    return splitValueList;\n  }, [allValueList, emptyValueMode, multiple, normalizedValue, showAllOption, splitValueList]);\n  const selectedValueSet = useMemo(() => new Set(selectedValueList), [selectedValueList]);\n  const allOption = useMemo<OwpSelectorBaseOption<null>>(\n    () => ({\n      label: t('Common.전체'),\n      raw: null,\n      value: getSelectorAllToken(),\n    }),\n    [t],\n  );\n  const selectedOptions = useMemo(\n    () => resolvedOptions.filter((option) => selectedValueSet.has(option.value)),\n    [resolvedOptions, selectedValueSet],\n  );\n  const isAllSelected = useMemo(() => {\n    if (!showAllOption) {\n      return false;\n    }\n\n    if (!multiple) {\n      return Boolean(allValueList.length) && (normalizedValue == null || normalizedValue === '');\n    }\n\n    if ((normalizedValue == null || normalizedValue === '') && emptyValueMode === 'all') {\n      return Boolean(allValueList.length);\n    }\n\n    if (allValueMode === 'empty') {\n      return Boolean(allValueList.length) && emptyValueMode === 'all';\n    }\n\n    return Boolean(allValueList.length) && allValueList.every((item) => selectedValueSet.has(item));\n  }, [\n    allValueList,\n    allValueMode,\n    emptyValueMode,\n    multiple,\n    normalizedValue,\n    selectedValueSet,\n    showAllOption,\n  ]);\n  const selectedOption = useMemo(() => {\n    if (!multiple && isAllSelected && showAllOption) {\n      return allOption;\n    }\n\n    return selectedOptions[0] ?? null;\n  }, [allOption, isAllSelected, multiple, selectedOptions, showAllOption]);\n  const allValue = multiple\n    ? allValueMode === 'joined'\n      ? joinedAllValue\n      : ''\n    : '';\n\n  const emitChange = useCallback(\n    (nextValue: string, nextEmptyMode?: OwpSelectorEmptyValueMode) => {\n      if (multiple && showAllOption) {\n        if (nextValue === '') {\n          pendingEmptyValueMode.current = nextEmptyMode ?? 'none';\n          setEmptyValueMode(nextEmptyMode ?? 'none');\n        } else {\n          pendingEmptyValueMode.current = null;\n          setEmptyValueMode('none');\n        }\n      }\n\n      if (!isControlled) {\n        setInternalValue(nextValue);\n      }\n\n      onChangeRef.current?.(createSelectorChangeEvent(name, nextValue));\n    },\n    [isControlled, multiple, name, showAllOption],\n  );\n\n  const selectAll = useCallback(() => {\n    emitChange(allValue, multiple && allValueMode === 'empty' ? 'all' : undefined);\n  }, [allValue, allValueMode, emitChange, multiple]);\n\n  const restoreAllSelection = useCallback(() => {\n    if (!multiple || !showAllOption) {\n      return;\n    }\n\n    pendingEmptyValueMode.current = 'all';\n    previousNormalizedValue.current = '';\n    setEmptyValueMode('all');\n\n    if (!isControlled) {\n      setInternalValue('');\n    }\n  }, [isControlled, multiple, showAllOption]);\n\n  const clearSelection = useCallback(() => {\n    emitChange('', multiple ? 'none' : undefined);\n  }, [emitChange, multiple]);\n\n  const selectSingleValue = useCallback(\n    (nextValue: string) => {\n      emitChange(nextValue);\n    },\n    [emitChange],\n  );\n\n  const selectMultipleValues = useCallback(\n    (nextSelectedValueList: string[]) => {\n      const normalizedSelectedValueList = nextSelectedValueList.filter((item) => item !== '');\n\n      if (\n        showAllOption &&\n        Boolean(allValueList.length) &&\n        allValueList.every((item) => normalizedSelectedValueList.includes(item))\n      ) {\n        selectAll();\n        return;\n      }\n\n      emitChange(\n        joinSelectorValue(normalizedSelectedValueList),\n        allValueMode === 'empty' ? 'none' : undefined,\n      );\n    },\n    [allValueList, allValueMode, emitChange, selectAll, showAllOption],\n  );\n\n  useEffect(() => {\n    if (isControlled) {\n      return;\n    }\n\n    setInternalValue(defaultValue);\n  }, [defaultValue, isControlled]);\n\n  useEffect(() => {\n    if (multiple && showAllOption) {\n      const nextNormalizedValue = normalizedValue ?? '';\n      const previousValue = previousNormalizedValue.current;\n\n      if (nextNormalizedValue === '') {\n        const nextPendingEmptyValueMode = pendingEmptyValueMode.current;\n\n        if (nextPendingEmptyValueMode) {\n          setEmptyValueMode(nextPendingEmptyValueMode);\n          pendingEmptyValueMode.current = null;\n        } else if (previousValue !== nextNormalizedValue) {\n          setEmptyValueMode('all');\n        }\n\n        previousNormalizedValue.current = nextNormalizedValue;\n\n        return;\n      }\n\n      const nextSelectedValueList = splitSelectorValue(nextNormalizedValue);\n      const isNextAllSelected =\n        Boolean(allValueList.length) &&\n        allValueList.every((item) => nextSelectedValueList.includes(item));\n\n      setEmptyValueMode(isNextAllSelected ? 'all' : 'none');\n      pendingEmptyValueMode.current = null;\n      previousNormalizedValue.current = nextNormalizedValue;\n\n      return;\n    }\n\n    previousNormalizedValue.current = normalizedValue ?? '';\n  }, [allValueList, multiple, normalizedValue, showAllOption]);\n\n  useEffect(() => {\n    if (\n      !multiple ||\n      !showAllOption ||\n      didInitializeAllValue.current ||\n      isControlled ||\n      (internalValue !== undefined && internalValue !== '') ||\n      !allValueList.length\n    ) {\n      return;\n    }\n\n    didInitializeAllValue.current = true;\n    emitChange(allValue, multiple && allValueMode === 'empty' ? 'all' : undefined);\n  }, [\n    allValue,\n    allValueList.length,\n    allValueMode,\n    emitChange,\n    internalValue,\n    isControlled,\n    multiple,\n    showAllOption,\n  ]);\n\n  return {\n    allOption,\n    allValue,\n    clearSelection,\n    isAllSelected,\n    resolvedOptions,\n    restoreAllSelection,\n    selectAll,\n    selectedOption,\n    selectedOptions: isAllSelected && multiple && showAllOption ? [allOption, ...resolvedOptions] : selectedOptions,\n    selectedValueList,\n    selectMultipleValues,\n    selectSingleValue,\n  };\n};\n"],"names":["useOwpSelectorBase","__name","allOptions","allValueMode","defaultValue","multiple","name","onChange","options","showAllOption","value","t","useOwpTranslation","isControlled","normalizedDefaultValue","internalValue","setInternalValue","useState","emptyValueMode","setEmptyValueMode","didInitializeAllValue","useRef","previousNormalizedValue","pendingEmptyValueMode","onChangeRef","resolvedOptions","useMemo","mergeSelectorOptions","allValueList","option","joinedAllValue","joinSelectorValue","normalizedValue","splitValueList","splitSelectorValue","selectedValueList","selectedValueSet","allOption","getSelectorAllToken","selectedOptions","isAllSelected","item","selectedOption","allValue","emitChange","useCallback","nextValue","nextEmptyMode","_a","createSelectorChangeEvent","selectAll","restoreAllSelection","clearSelection","selectSingleValue","selectMultipleValues","nextSelectedValueList","normalizedSelectedValueList","useEffect","nextNormalizedValue","previousValue","nextPendingEmptyValueMode","isNextAllSelected"],"mappings":"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"}