@owp/core 2.4.0 → 2.4.1

package/dist/components/OwpTextField/OwpTextMaskField.js

@@ -1,106 +1,157 @@
-var j = Object.defineProperty;
-var r = (o, t) => j(o, "name", { value: t, configurable: !0 });
-import { jsxs as v, jsx as n } 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 { FormHelperText as O } from "@mui/material";
-import P from "@mui/material/FormControl";
-import R from "@mui/material/Input";
-import V from "@mui/material/InputLabel";
-import { useId as b, forwardRef as A } from "react";
-import "../../node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/index.js";
-import "../../node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/controls/input.js";
-import "../../node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/masked/factory.js";
-import "../../node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/controls/mask-element.js";
-import "../../node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/controls/html-input-mask-element.js";
-import "../../node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/controls/html-mask-element.js";
-import "../../node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/controls/html-contenteditable-mask-element.js";
-import "../../node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/controls/input-history.js";
-import H from "../../node_modules/.pnpm/react-imask@7.6.1_react@19.2.4/node_modules/react-imask/esm/input.js";
-import "../../node_modules/.pnpm/react-imask@7.6.1_react@19.2.4/node_modules/react-imask/esm/mixin.js";
-const L = A(/* @__PURE__ */ r(function(t, e) {
-  const { onMaskChange: m, mask: i, definitions: p, name: s, ...a } = t, { onChange: c, ...u } = a;
-  return /* @__PURE__ */ n(
-    H,
+var z = Object.defineProperty;
+var i = (e, r) => z(e, "name", { value: r, configurable: !0 });
+import { jsxs as E, jsx 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 { FormHelperText as j } from "@mui/material";
+import y from "@mui/material/FormControl";
+import b from "@mui/material/Input";
+import A from "@mui/material/InputLabel";
+import { useId as H, forwardRef as L, useRef as s, useEffect as p } from "react";
+import { InputMask as P } from "imask";
+function $(e, r) {
+  if (typeof e == "function") {
+    e(r);
+    return;
+  }
+  e && (e.current = r);
+}
+i($, "assignInputRef");
+function T({
+  mask: e,
+  definitions: r
+}) {
+  return {
+    mask: e,
+    definitions: r,
+    overwrite: !0
+  };
+}
+i(T, "buildTextMaskOptions");
+const q = L(/* @__PURE__ */ i(function(r, h) {
+  const {
+    onMaskChange: c,
+    mask: a,
+    definitions: l,
+    name: f,
+    value: o,
+    defaultValue: d,
+    ownerState: O,
+    as: C,
+    onChange: R,
+    ...V
+  } = r, k = s(null), u = s(null), g = s(c), v = s(f), x = s(T({ mask: a, definitions: l })), m = s(o !== void 0 ? o : d);
+  p(() => {
+    g.current = c;
+  }, [c]), p(() => {
+    v.current = f;
+  }, [f]), p(() => {
+    const n = k.current;
+    if (!n)
+      return;
+    const t = new P(
+      n,
+      x.current
+    ), S = /* @__PURE__ */ i(() => {
+      g.current({
+        target: {
+          name: v.current ?? n.name ?? "",
+          value: t.value
+        },
+        unmaskedValue: t.unmaskedValue
+      });
+    }, "emitMaskChange");
+    if (t.on("accept", S), u.current = t, m.current !== void 0) {
+      const F = m.current == null ? "" : String(m.current);
+      t.value !== F && (t.value = F);
+    }
+    return () => {
+      t.off("accept", S), t.destroy(), u.current === t && (u.current = null);
+    };
+  }, []), p(() => {
+    const n = u.current;
+    n && n.updateOptions(T({ mask: a, definitions: l }));
+  }, [a, l]), p(() => {
+    const n = u.current;
+    if (!n || o === void 0)
+      return;
+    const t = o == null ? "" : String(o);
+    n.value !== t && (n.value = t);
+  }, [o]);
+  const I = o !== void 0 ? o : d, w = I == null ? "" : String(I);
+  return /* @__PURE__ */ M(
+    "input",
     {
-      ...u,
-      mask: i,
-      definitions: p,
-      inputRef: e,
-      onAccept: /* @__PURE__ */ r((d, f) => {
-        m({
-          target: {
-            name: s ?? "",
-            value: String(d ?? "")
-          },
-          unmaskedValue: f.unmaskedValue
-        });
-      }, "onAccept"),
-      overwrite: !0
+      ...V,
+      defaultValue: w,
+      onChange: R,
+      ref: /* @__PURE__ */ i((n) => {
+        k.current = n, $(h, n);
+      }, "ref")
     }
   );
 }, "TextMaskCustom2"));
-function Z({
-  className: o,
-  sx: t,
-  id: e,
-  name: m,
-  label: i,
-  value: p,
-  defaultValue: s,
-  color: a,
-  onChange: c,
-  error: u,
-  helperText: d,
-  mask: f,
-  definitions: l,
-  variant: h,
-  fullWidth: g,
-  disabled: x,
-  required: C,
-  placeholder: I,
-  autoFocus: M,
-  inputProps: F,
-  inputRef: T
+function W({
+  className: e,
+  sx: r,
+  id: h,
+  name: c,
+  label: a,
+  value: l,
+  defaultValue: f,
+  color: o,
+  onChange: d,
+  error: O,
+  helperText: C,
+  mask: R,
+  definitions: V,
+  variant: k,
+  fullWidth: u,
+  disabled: g,
+  required: v,
+  placeholder: x,
+  autoFocus: m,
+  inputProps: I,
+  inputRef: w
 }) {
-  const w = b(), k = e ?? `text-mask-input-${w}`;
-  return /* @__PURE__ */ v(
-    P,
+  const n = H(), t = h ?? `text-mask-input-${n}`;
+  return /* @__PURE__ */ E(
+    y,
     {
-      color: a,
-      variant: h,
-      fullWidth: g,
-      error: u,
-      disabled: x,
-      required: C,
+      color: o,
+      variant: k,
+      fullWidth: u,
+      error: O,
+      disabled: g,
+      required: v,
       children: [
-        /* @__PURE__ */ n(V, { htmlFor: k, children: i }),
-        /* @__PURE__ */ n(
-          R,
+        a ? /* @__PURE__ */ M(A, { htmlFor: t, children: a }) : null,
+        /* @__PURE__ */ M(
+          b,
           {
-            className: o,
-            sx: t,
-            value: p,
-            defaultValue: s,
-            name: m,
-            id: k,
-            placeholder: I,
-            autoFocus: M,
-            inputRef: T,
-            inputComponent: L,
+            className: e,
+            sx: r,
+            value: l,
+            defaultValue: f,
+            name: c,
+            id: t,
+            placeholder: x,
+            autoFocus: m,
+            inputRef: w,
+            inputComponent: q,
             inputProps: {
-              ...F,
-              onMaskChange: c,
-              mask: f,
-              definitions: l
+              ...I,
+              onMaskChange: d,
+              mask: R,
+              definitions: V
             }
           }
         ),
-        /* @__PURE__ */ n(O, { children: d })
+        C ? /* @__PURE__ */ M(j, { children: C }) : null
       ]
     }
   );
 }
-r(Z, "OwpTextMaskField");
+i(W, "OwpTextMaskField");
 export {
-  Z as OwpTextMaskField
+  W as OwpTextMaskField
 };
 //# sourceMappingURL=OwpTextMaskField.js.map

package/dist/components/OwpTextField/OwpTextMaskField.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpTextMaskField.js","sources":["../../../src/components/OwpTextField/OwpTextMaskField.tsx"],"sourcesContent":["import { FormHelperText } from '@mui/material';\nimport FormControl from '@mui/material/FormControl';\nimport type { FormControlProps } from '@mui/material/FormControl';\nimport Input from '@mui/material/Input';\nimport type { InputProps as MuiInputProps } from '@mui/material/Input';\nimport type { InputBaseComponentProps } from '@mui/material/InputBase';\nimport InputLabel from '@mui/material/InputLabel';\nimport { forwardRef, type ReactNode, useId } from 'react';\nimport { IMaskInput } from 'react-imask';\n\ntype TextMaskFieldChangeEvent = {\n  target: { name: string; value: string };\n  unmaskedValue: string;\n};\n\ninterface CustomProps {\n  onMaskChange: (event: TextMaskFieldChangeEvent) => void;\n  name?: string;\n  mask: string;\n  definitions?: Record<string, unknown>;\n}\n\ntype OwpTextMaskFieldProps = Omit<MuiInputProps, 'onChange' | 'inputComponent'> &\n  Omit<CustomProps, 'onMaskChange'> & {\n    label?: ReactNode;\n    helperText?: ReactNode;\n    variant?: FormControlProps['variant'];\n    onChange: CustomProps['onMaskChange'];\n  };\n\n/** 마스크 입력 어댑터 */\ntype TextMaskCustomProps = InputBaseComponentProps & CustomProps;\n\nconst TextMaskCustom = forwardRef<HTMLInputElement, TextMaskCustomProps>(function TextMaskCustom(\n  props,\n  ref,\n) {\n  const { onMaskChange, mask, definitions, name, ...other } = props;\n  const { onChange: ignoredOnChange, ...imaskInputProps } = other;\n\n  void ignoredOnChange;\n\n  return (\n    <IMaskInput\n      {...imaskInputProps}\n      mask={mask}\n      definitions={definitions}\n      inputRef={ref}\n      onAccept={(value, maskRef) => {\n        onMaskChange({\n          target: {\n            name: name ?? '',\n            value: String(value ?? ''),\n          },\n          unmaskedValue: maskRef.unmaskedValue,\n        });\n      }}\n      overwrite\n    />\n  );\n});\n\n/**\n * 마스크 텍스트 입력 필드\n * @param mask 입력 마스크 문자열\n * @param definitions 사용자 정의 마스크 정의\n * @param onChange 마스크 변경 이벤트 핸들러\n */\nexport function OwpTextMaskField({\n  className,\n  sx,\n  id: idProp,\n  name,\n  label,\n  value,\n  defaultValue,\n  color,\n  onChange,\n  error,\n  helperText,\n  mask,\n  definitions,\n  variant,\n  fullWidth,\n  disabled,\n  required,\n  placeholder,\n  autoFocus,\n  inputProps,\n  inputRef,\n}: OwpTextMaskFieldProps) {\n  const generatedId = useId();\n  const id = idProp ?? `text-mask-input-${generatedId}`;\n\n  return (\n    <FormControl\n      color={color}\n      variant={variant}\n      fullWidth={fullWidth}\n      error={error}\n      disabled={disabled}\n      required={required}\n    >\n      <InputLabel htmlFor={id}>{label}</InputLabel>\n      <Input\n        className={className}\n        sx={sx}\n        value={value}\n        defaultValue={defaultValue}\n        name={name}\n        id={id}\n        placeholder={placeholder}\n        autoFocus={autoFocus}\n        inputRef={inputRef}\n        inputComponent={TextMaskCustom}\n        inputProps={{\n          ...inputProps,\n          onMaskChange: onChange,\n          mask,\n          definitions,\n        }}\n      />\n      <FormHelperText>{helperText}</FormHelperText>\n    </FormControl>\n  );\n}\n"],"names":["TextMaskCustom","forwardRef","__name","props","ref","onMaskChange","mask","definitions","name","other","ignoredOnChange","imaskInputProps","jsx","IMaskInput","value","maskRef","OwpTextMaskField","className","sx","idProp","label","defaultValue","color","onChange","error","helperText","variant","fullWidth","disabled","required","placeholder","autoFocus","inputProps","inputRef","generatedId","useId","id","jsxs","FormControl","InputLabel","Input","FormHelperText"],"mappings":";;;;;;;;;;;;;;;;;;AAiCA,MAAMA,IAAiBC,EAAkD,gBAAAC,EAAA,SACvEC,GACAC,GACA;AACA,QAAM,EAAE,cAAAC,GAAc,MAAAC,GAAM,aAAAC,GAAa,MAAAC,GAAM,GAAGC,MAAUN,GACtD,EAAE,UAAUO,GAAiB,GAAGC,MAAoBF;AAI1D,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,MAAAL;AAAA,MACA,aAAAC;AAAA,MACA,UAAUH;AAAA,MACV,UAAU,gBAAAF,EAAA,CAACY,GAAOC,MAAY;AAC5B,QAAAV,EAAa;AAAA,UACX,QAAQ;AAAA,YACN,MAAMG,KAAQ;AAAA,YACd,OAAO,OAAOM,KAAS,EAAE;AAAA,UAAA;AAAA,UAE3B,eAAeC,EAAQ;AAAA,QAAA,CACxB;AAAA,MACH,GARU;AAAA,MASV,WAAS;AAAA,IAAA;AAAA,EAAA;AAGf,GA3ByE,kBA2BxE;AAQM,SAASC,EAAiB;AAAA,EAC/B,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,MAAAX;AAAA,EACA,OAAAY;AAAA,EACA,OAAAN;AAAA,EACA,cAAAO;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAnB;AAAA,EACA,aAAAC;AAAA,EACA,SAAAmB;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AACF,GAA0B;AACxB,QAAMC,IAAcC,EAAA,GACdC,IAAKjB,KAAU,mBAAmBe,CAAW;AAEnD,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAhB;AAAA,MACA,SAAAI;AAAA,MACA,WAAAC;AAAA,MACA,OAAAH;AAAA,MACA,UAAAI;AAAA,MACA,UAAAC;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAjB,EAAC2B,GAAA,EAAW,SAASH,GAAK,UAAAhB,GAAM;AAAA,QAChC,gBAAAR;AAAA,UAAC4B;AAAA,UAAA;AAAA,YACC,WAAAvB;AAAA,YACA,IAAAC;AAAA,YACA,OAAAJ;AAAA,YACA,cAAAO;AAAA,YACA,MAAAb;AAAA,YACA,IAAA4B;AAAA,YACA,aAAAN;AAAA,YACA,WAAAC;AAAA,YACA,UAAAE;AAAA,YACA,gBAAgBjC;AAAA,YAChB,YAAY;AAAA,cACV,GAAGgC;AAAA,cACH,cAAcT;AAAA,cACd,MAAAjB;AAAA,cACA,aAAAC;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAEF,gBAAAK,EAAC6B,KAAgB,UAAAhB,EAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlC;AAzDgBvB,EAAAc,GAAA;"}
+{"version":3,"file":"OwpTextMaskField.js","sources":["../../../src/components/OwpTextField/OwpTextMaskField.tsx"],"sourcesContent":["import { FormHelperText } from '@mui/material';\nimport FormControl from '@mui/material/FormControl';\nimport type { FormControlProps } from '@mui/material/FormControl';\nimport Input from '@mui/material/Input';\nimport type { InputProps as MuiInputProps } from '@mui/material/Input';\nimport type { InputBaseComponentProps } from '@mui/material/InputBase';\nimport InputLabel from '@mui/material/InputLabel';\nimport {\n  forwardRef,\n  type ForwardedRef,\n  type ReactNode,\n  useEffect,\n  useId,\n  useRef,\n} from 'react';\nimport { InputMask as IMaskInput, type Definitions, type FactoryOpts } from 'imask';\n\ntype TextMaskFieldChangeEvent = {\n  target: { name: string; value: string };\n  unmaskedValue: string;\n};\n\ntype TextMaskValue = FactoryOpts['mask'];\n\ninterface CustomProps {\n  onMaskChange: (event: TextMaskFieldChangeEvent) => void;\n  name?: string;\n  mask: TextMaskValue;\n  definitions?: Definitions;\n}\n\ntype OwpTextMaskFieldProps = Omit<MuiInputProps, 'onChange' | 'inputComponent'> &\n  Omit<CustomProps, 'onMaskChange'> & {\n    label?: ReactNode;\n    helperText?: ReactNode;\n    variant?: FormControlProps['variant'];\n    onChange: CustomProps['onMaskChange'];\n  };\n\n/** 마스크 입력 어댑터 */\ntype TextMaskCustomProps = InputBaseComponentProps & CustomProps;\n\ntype TextMaskOptions = FactoryOpts & {\n  definitions?: Definitions;\n  overwrite: true;\n};\n\n/** ref 전달 정규화 */\nfunction assignInputRef<T>(ref: ForwardedRef<T>, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value);\n    return;\n  }\n\n  if (ref) {\n    ref.current = value;\n  }\n}\n\n/** 마스크 옵션 생성 */\nfunction buildTextMaskOptions({\n  mask,\n  definitions,\n}: Pick<CustomProps, 'mask' | 'definitions'>): TextMaskOptions {\n  return {\n    mask,\n    definitions,\n    overwrite: true,\n  } as TextMaskOptions;\n}\n\nconst TextMaskCustom = forwardRef<HTMLInputElement, TextMaskCustomProps>(function TextMaskCustom(\n  props,\n  ref,\n) {\n  const {\n    onMaskChange,\n    mask,\n    definitions,\n    name,\n    value,\n    defaultValue,\n    ownerState: ignoredOwnerState,\n    as: ignoredAs,\n    onChange,\n    ...other\n  } = props;\n  const inputElementRef = useRef<HTMLInputElement | null>(null);\n  const maskRef = useRef<IMaskInput<FactoryOpts> | null>(null);\n  const onMaskChangeRef = useRef(onMaskChange);\n  const nameRef = useRef(name);\n  const initialMaskOptionsRef = useRef(buildTextMaskOptions({ mask, definitions }));\n  const initialValueRef = useRef(value !== undefined ? value : defaultValue);\n\n  void ignoredOwnerState;\n  void ignoredAs;\n\n  useEffect(() => {\n    onMaskChangeRef.current = onMaskChange;\n  }, [onMaskChange]);\n\n  useEffect(() => {\n    nameRef.current = name;\n  }, [name]);\n\n  useEffect(() => {\n    const inputElement = inputElementRef.current;\n\n    if (!inputElement) {\n      return;\n    }\n\n    const maskInstance = new IMaskInput(\n      inputElement,\n      initialMaskOptionsRef.current as FactoryOpts,\n    );\n    const emitMaskChange = () => {\n      onMaskChangeRef.current({\n        target: {\n          name: nameRef.current ?? inputElement.name ?? '',\n          value: maskInstance.value,\n        },\n        unmaskedValue: maskInstance.unmaskedValue,\n      });\n    };\n\n    maskInstance.on('accept', emitMaskChange);\n    maskRef.current = maskInstance;\n\n    if (initialValueRef.current !== undefined) {\n      const normalizedInitialValue =\n        initialValueRef.current == null ? '' : String(initialValueRef.current);\n\n      if (maskInstance.value !== normalizedInitialValue) {\n        maskInstance.value = normalizedInitialValue;\n      }\n    }\n\n    return () => {\n      maskInstance.off('accept', emitMaskChange);\n      maskInstance.destroy();\n\n      if (maskRef.current === maskInstance) {\n        maskRef.current = null;\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    const maskInstance = maskRef.current;\n\n    if (!maskInstance) {\n      return;\n    }\n\n    maskInstance.updateOptions(buildTextMaskOptions({ mask, definitions }) as FactoryOpts);\n  }, [mask, definitions]);\n\n  useEffect(() => {\n    const maskInstance = maskRef.current;\n\n    if (!maskInstance || value === undefined) {\n      return;\n    }\n\n    const normalizedValue = value == null ? '' : String(value);\n\n    if (maskInstance.value !== normalizedValue) {\n      maskInstance.value = normalizedValue;\n    }\n  }, [value]);\n\n  const initialValue = value !== undefined ? value : defaultValue;\n  const normalizedInitialValue = initialValue == null ? '' : String(initialValue);\n\n  return (\n    <input\n      {...other}\n      defaultValue={normalizedInitialValue}\n      onChange={onChange}\n      ref={(element) => {\n        inputElementRef.current = element;\n        assignInputRef(ref, element);\n      }}\n    />\n  );\n});\n\n/**\n * 마스크 텍스트 입력 필드\n * @param mask 입력 마스크 정의\n * @param definitions 사용자 정의 마스크 정의\n * @param onChange 마스크 변경 이벤트 핸들러\n */\nexport function OwpTextMaskField({\n  className,\n  sx,\n  id: idProp,\n  name,\n  label,\n  value,\n  defaultValue,\n  color,\n  onChange,\n  error,\n  helperText,\n  mask,\n  definitions,\n  variant,\n  fullWidth,\n  disabled,\n  required,\n  placeholder,\n  autoFocus,\n  inputProps,\n  inputRef,\n}: OwpTextMaskFieldProps) {\n  const generatedId = useId();\n  const id = idProp ?? `text-mask-input-${generatedId}`;\n\n  return (\n    <FormControl\n      color={color}\n      variant={variant}\n      fullWidth={fullWidth}\n      error={error}\n      disabled={disabled}\n      required={required}\n    >\n      {label ? <InputLabel htmlFor={id}>{label}</InputLabel> : null}\n      <Input\n        className={className}\n        sx={sx}\n        value={value}\n        defaultValue={defaultValue}\n        name={name}\n        id={id}\n        placeholder={placeholder}\n        autoFocus={autoFocus}\n        inputRef={inputRef}\n        inputComponent={TextMaskCustom}\n        inputProps={{\n          ...inputProps,\n          onMaskChange: onChange,\n          mask,\n          definitions,\n        }}\n      />\n      {helperText ? <FormHelperText>{helperText}</FormHelperText> : null}\n    </FormControl>\n  );\n}\n"],"names":["assignInputRef","ref","value","__name","buildTextMaskOptions","mask","definitions","TextMaskCustom","forwardRef","props","onMaskChange","name","defaultValue","ignoredOwnerState","ignoredAs","onChange","other","inputElementRef","useRef","maskRef","onMaskChangeRef","nameRef","initialMaskOptionsRef","initialValueRef","useEffect","inputElement","maskInstance","IMaskInput","emitMaskChange","normalizedInitialValue","normalizedValue","initialValue","jsx","element","OwpTextMaskField","className","sx","idProp","label","color","error","helperText","variant","fullWidth","disabled","required","placeholder","autoFocus","inputProps","inputRef","generatedId","useId","id","jsxs","FormControl","InputLabel","Input","FormHelperText"],"mappings":"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"}

package/dist/hooks/useCurrentUserSeq.js

@@ -1,11 +1,25 @@
 var s = Object.defineProperty;
-var e = (t, o) => s(t, "name", { value: o, configurable: !0 });
+var e = (t, r) => s(t, "name", { value: r, configurable: !0 });
 import { STORAGE_KEYS as u } from "../constants/storageKeys.js";
-import { useAtomValue as m, useSetAtom as n } from "jotai";
-import { atomWithStorage as S } from "jotai/utils";
-const r = S(u.currentUserSeq, ""), A = /* @__PURE__ */ e(() => m(r), "useGetCurrentUserSeq"), U = /* @__PURE__ */ e(() => n(r), "useSetCurrentUserSeq");
+import { useOwpTranslation as S } from "./useOwpTranslation.js";
+import { useAtomValue as m, useSetAtom as a } from "jotai";
+import { atomWithStorage as c } from "jotai/utils";
+import { enqueueSnackbar as i } from "notistack";
+const A = "Message.로그인 사용자 정보가 없습니다.", n = c(u.currentUserSeq, ""), p = /* @__PURE__ */ e(() => m(n), "useGetCurrentUserSeq"), _ = /* @__PURE__ */ e(() => a(n), "useSetCurrentUserSeq"), g = /* @__PURE__ */ e(({
+  snackbarMessageKey: t = A
+} = {}) => {
+  const r = p(), { t: o } = S();
+  return () => {
+    if (r == null || r === "") {
+      i(o(t), { variant: "warning" });
+      return;
+    }
+    return r;
+  };
+}, "useEnsureCurrentUserSeq");
 export {
-  A as useGetCurrentUserSeq,
-  U as useSetCurrentUserSeq
+  g as useEnsureCurrentUserSeq,
+  p as useGetCurrentUserSeq,
+  _ as useSetCurrentUserSeq
 };
 //# sourceMappingURL=useCurrentUserSeq.js.map

package/dist/hooks/useCurrentUserSeq.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCurrentUserSeq.js","sources":["../../src/hooks/useCurrentUserSeq.ts"],"sourcesContent":["import { STORAGE_KEYS } from '@/constants/storageKeys';\nimport { useAtomValue, useSetAtom } from 'jotai';\nimport { atomWithStorage } from 'jotai/utils';\n\nconst currentUserSeqAtom = atomWithStorage<string | number | ''>(STORAGE_KEYS.currentUserSeq, '');\n\n/**\n * 현재 사용자 USERSEQ 조회 훅\n */\nexport const useGetCurrentUserSeq = () => {\n  return useAtomValue(currentUserSeqAtom);\n};\n\n/**\n * 현재 사용자 USERSEQ 설정 훅\n */\nexport const useSetCurrentUserSeq = () => {\n  return useSetAtom(currentUserSeqAtom);\n};\n"],"names":["currentUserSeqAtom","atomWithStorage","STORAGE_KEYS","useGetCurrentUserSeq","__name","useAtomValue","useSetCurrentUserSeq","useSetAtom"],"mappings":";;;;;AAIA,MAAMA,IAAqBC,EAAsCC,EAAa,gBAAgB,EAAE,GAKnFC,IAAuB,gBAAAC,EAAA,MAC3BC,EAAaL,CAAkB,GADJ,yBAOvBM,IAAuB,gBAAAF,EAAA,MAC3BG,EAAWP,CAAkB,GADF;"}
+{"version":3,"file":"useCurrentUserSeq.js","sources":["../../src/hooks/useCurrentUserSeq.ts"],"sourcesContent":["import { STORAGE_KEYS } from '@/constants/storageKeys';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useAtomValue, useSetAtom } from 'jotai';\nimport { atomWithStorage } from 'jotai/utils';\nimport { enqueueSnackbar } from 'notistack';\n\nexport type CurrentUserSeq = string | number;\n\nexport interface UseEnsureCurrentUserSeqOptions {\n  snackbarMessageKey?: string;\n}\n\nconst DEFAULT_SNACKBAR_MESSAGE_KEY = 'Message.로그인 사용자 정보가 없습니다.';\n\nconst currentUserSeqAtom = atomWithStorage<CurrentUserSeq | ''>(STORAGE_KEYS.currentUserSeq, '');\n\n/**\n * 현재 사용자 USERSEQ 조회 훅\n */\nexport const useGetCurrentUserSeq = () => {\n  return useAtomValue(currentUserSeqAtom);\n};\n\n/**\n * 현재 사용자 USERSEQ 설정 훅\n */\nexport const useSetCurrentUserSeq = () => {\n  return useSetAtom(currentUserSeqAtom);\n};\n\n/**\n * 현재 사용자 USERSEQ 필수 검증 훅\n * @param snackbarMessageKey 사용자 정보 부재 안내 메시지 키\n */\nexport const useEnsureCurrentUserSeq = ({\n  snackbarMessageKey = DEFAULT_SNACKBAR_MESSAGE_KEY,\n}: UseEnsureCurrentUserSeqOptions = {}) => {\n  const currentUserSeq = useGetCurrentUserSeq();\n  const { t } = useOwpTranslation();\n\n  return () => {\n    if (currentUserSeq == null || currentUserSeq === '') {\n      enqueueSnackbar(t(snackbarMessageKey), { variant: 'warning' });\n      return undefined;\n    }\n\n    return currentUserSeq;\n  };\n};\n"],"names":["DEFAULT_SNACKBAR_MESSAGE_KEY","currentUserSeqAtom","atomWithStorage","STORAGE_KEYS","useGetCurrentUserSeq","__name","useAtomValue","useSetCurrentUserSeq","useSetAtom","useEnsureCurrentUserSeq","snackbarMessageKey","currentUserSeq","t","useOwpTranslation","enqueueSnackbar"],"mappings":";;;;;;;AAYA,MAAMA,IAA+B,6BAE/BC,IAAqBC,EAAqCC,EAAa,gBAAgB,EAAE,GAKlFC,IAAuB,gBAAAC,EAAA,MAC3BC,EAAaL,CAAkB,GADJ,yBAOvBM,IAAuB,gBAAAF,EAAA,MAC3BG,EAAWP,CAAkB,GADF,yBAQvBQ,IAA0B,gBAAAJ,EAAA,CAAC;AAAA,EACtC,oBAAAK,IAAqBV;AACvB,IAAoC,OAAO;AACzC,QAAMW,IAAiBP,EAAA,GACjB,EAAE,GAAAQ,EAAA,IAAMC,EAAA;AAEd,SAAO,MAAM;AACX,QAAIF,KAAkB,QAAQA,MAAmB,IAAI;AACnD,MAAAG,EAAgBF,EAAEF,CAAkB,GAAG,EAAE,SAAS,WAAW;AAC7D;AAAA,IACF;AAEA,WAAOC;AAAA,EACT;AACF,GAduC;"}

package/dist/hooks.js

@@ -2,83 +2,84 @@ import { useGetCommonCodeList as t, useSetCommonCodeList as o } from "./hooks/us
 import { useAccessTokenGuard as u } from "./hooks/useAccessTokenGuard.js";
 import { useConfirm as n } from "./hooks/useConfirm.js";
 import { useGetCurrentLanguage as a, useGetLanguageList as f, useSetCurrentLanguage as i } from "./hooks/useCurrentLanguage.js";
-import { useGetLogoSrc as C, useSetLogoSrc as G } from "./hooks/useLogoSrc.js";
+import { useGetLogoSrc as C, useSetLogoSrc as S } from "./hooks/useLogoSrc.js";
 import { useGetCurrentUser as g, useSetCurrentUser as L } from "./hooks/useCurrentUser.js";
 import { useGetCurrentUserId as d, useSetCurrentUserId as T } from "./hooks/useCurrentUserId.js";
-import { useGetCurrentUserSeq as E, useSetCurrentUserSeq as l } from "./hooks/useCurrentUserSeq.js";
+import { useEnsureCurrentUserSeq as h, useGetCurrentUserSeq as l, useSetCurrentUserSeq as v } from "./hooks/useCurrentUserSeq.js";
 import { useDebounce as b } from "./hooks/useDebounce.js";
-import { useDeepCompareEffect as N, useDeepCompareEffectNoCheck as U, useDeepCompareMemoize as D } from "./hooks/useDeepCompareEffect.js";
-import { useHeaderWrapState as k } from "./hooks/useHeaderWrapState.js";
+import { useDeepCompareEffect as N, useDeepCompareEffectNoCheck as D, useDeepCompareMemoize as I } from "./hooks/useDeepCompareEffect.js";
+import { useHeaderWrapState as q } from "./hooks/useHeaderWrapState.js";
 import { useInitApp as M } from "./hooks/useInitApp.js";
 import { useInitCommonCodes as P } from "./hooks/useInitCommonCodes.js";
-import { useGetNavbar as y, useNavbarActions as F } from "./hooks/useNavbar.js";
-import { useGetNavigationList as z, useSetNavigationList as B } from "./hooks/useNavigation.js";
-import { useChangeOwpTheme as K, useGetCurrentLayoutConfig as Q, useGetCurrentSettings as R, useGetCustomScrollbarsEnabled as W, useGetDefaultSettings as j, useGetFooterTheme as J, useGetMainTheme as V, useGetNavbarTheme as X, useGetOwpSettings as Y, useGetToolbarTheme as Z, useResetSettings as $, useSetDefaultSettings as ee, useSetSettings as re } from "./hooks/useOwpSettings.js";
-import { useOwpTranslation as oe } from "./hooks/useOwpTranslation.js";
-import { useGetPageLockLoading as ue, usePageLockLoading as me } from "./hooks/usePageLockLoading.js";
-import { usePrevious as pe } from "./hooks/usePrevious.js";
-import { useGetShortcuts as fe, useSetShortcuts as ie } from "./hooks/useShortcuts.js";
-import { getEnv as Ce, setEnv as Ge, useStorage as Se } from "./hooks/useStorage.js";
-import { useThemeMediaQuery as Le } from "./hooks/useThemeMediaQuery.js";
-import { useTimeout as de } from "./hooks/useTimeout.js";
+import { useGetNavbar as F, useNavbarActions as _ } from "./hooks/useNavbar.js";
+import { useGetNavigationList as B, useSetNavigationList as H } from "./hooks/useNavigation.js";
+import { useChangeOwpTheme as Q, useGetCurrentLayoutConfig as R, useGetCurrentSettings as W, useGetCustomScrollbarsEnabled as j, useGetDefaultSettings as J, useGetFooterTheme as V, useGetMainTheme as X, useGetNavbarTheme as Y, useGetOwpSettings as Z, useGetToolbarTheme as $, useResetSettings as ee, useSetDefaultSettings as re, useSetSettings as te } from "./hooks/useOwpSettings.js";
+import { useOwpTranslation as se } from "./hooks/useOwpTranslation.js";
+import { useGetPageLockLoading as me, usePageLockLoading as ne } from "./hooks/usePageLockLoading.js";
+import { usePrevious as ae } from "./hooks/usePrevious.js";
+import { useGetShortcuts as ie, useSetShortcuts as xe } from "./hooks/useShortcuts.js";
+import { getEnv as Se, setEnv as Ge, useStorage as ge } from "./hooks/useStorage.js";
+import { useThemeMediaQuery as ce } from "./hooks/useThemeMediaQuery.js";
+import { useTimeout as Te } from "./hooks/useTimeout.js";
 import { useTreeGridCommonCodeEnums as he } from "./hooks/useTreeGridCommonCodeEnums.js";
-import { useTreeGridEnums as le } from "./hooks/useTreeGridEnums.js";
+import { useTreeGridEnums as ve } from "./hooks/useTreeGridEnums.js";
 import { useTreeGridExcelExport as be } from "./hooks/useTreeGridExcelExport.js";
 import { FALLBACK_LANGUAGE_LIST as Ne } from "./constants/language.js";
 export {
   Ne as FALLBACK_LANGUAGE_LIST,
-  Ce as getEnv,
+  Se as getEnv,
   Ge as setEnv,
   u as useAccessTokenGuard,
-  K as useChangeOwpTheme,
+  Q as useChangeOwpTheme,
   n as useConfirm,
   b as useDebounce,
   N as useDeepCompareEffect,
-  U as useDeepCompareEffectNoCheck,
-  D as useDeepCompareMemoize,
+  D as useDeepCompareEffectNoCheck,
+  I as useDeepCompareMemoize,
+  h as useEnsureCurrentUserSeq,
   t as useGetCommonCodeList,
   a as useGetCurrentLanguage,
-  Q as useGetCurrentLayoutConfig,
-  R as useGetCurrentSettings,
+  R as useGetCurrentLayoutConfig,
+  W as useGetCurrentSettings,
   g as useGetCurrentUser,
   d as useGetCurrentUserId,
-  E as useGetCurrentUserSeq,
-  W as useGetCustomScrollbarsEnabled,
-  j as useGetDefaultSettings,
-  J as useGetFooterTheme,
+  l as useGetCurrentUserSeq,
+  j as useGetCustomScrollbarsEnabled,
+  J as useGetDefaultSettings,
+  V as useGetFooterTheme,
   f as useGetLanguageList,
   C as useGetLogoSrc,
-  V as useGetMainTheme,
-  y as useGetNavbar,
-  X as useGetNavbarTheme,
-  z as useGetNavigationList,
-  Y as useGetOwpSettings,
-  ue as useGetPageLockLoading,
-  fe as useGetShortcuts,
-  Z as useGetToolbarTheme,
-  k as useHeaderWrapState,
+  X as useGetMainTheme,
+  F as useGetNavbar,
+  Y as useGetNavbarTheme,
+  B as useGetNavigationList,
+  Z as useGetOwpSettings,
+  me as useGetPageLockLoading,
+  ie as useGetShortcuts,
+  $ as useGetToolbarTheme,
+  q as useHeaderWrapState,
   M as useInitApp,
   P as useInitCommonCodes,
-  F as useNavbarActions,
-  oe as useOwpTranslation,
-  me as usePageLockLoading,
-  pe as usePrevious,
-  $ as useResetSettings,
+  _ as useNavbarActions,
+  se as useOwpTranslation,
+  ne as usePageLockLoading,
+  ae as usePrevious,
+  ee as useResetSettings,
   o as useSetCommonCodeList,
   i as useSetCurrentLanguage,
   L as useSetCurrentUser,
   T as useSetCurrentUserId,
-  l as useSetCurrentUserSeq,
-  ee as useSetDefaultSettings,
-  G as useSetLogoSrc,
-  B as useSetNavigationList,
-  re as useSetSettings,
-  ie as useSetShortcuts,
-  Se as useStorage,
-  Le as useThemeMediaQuery,
-  de as useTimeout,
+  v as useSetCurrentUserSeq,
+  re as useSetDefaultSettings,
+  S as useSetLogoSrc,
+  H as useSetNavigationList,
+  te as useSetSettings,
+  xe as useSetShortcuts,
+  ge as useStorage,
+  ce as useThemeMediaQuery,
+  Te as useTimeout,
   he as useTreeGridCommonCodeEnums,
-  le as useTreeGridEnums,
+  ve as useTreeGridEnums,
   be as useTreeGridExcelExport
 };
 //# sourceMappingURL=hooks.js.map