@owp/core 2.5.33 → 2.5.35

package/dist/_virtual/index16.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/match/index.js";
-var o = t();
-const m = /* @__PURE__ */ r(o);
+import { __require as o } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  m as default
+  s as default
 };
 //# sourceMappingURL=index16.js.map

package/dist/_virtual/index17.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/parse/index.js";
-var o = e();
-const s = /* @__PURE__ */ r(o);
+import { __require as t } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/match/index.js";
+var o = t();
+const m = /* @__PURE__ */ r(o);
 export {
-  s as default
+  m as default
 };
 //# sourceMappingURL=index17.js.map

package/dist/_virtual/index18.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/.pnpm/react-autosuggest@10.1.0_react@19.2.4/node_modules/react-autosuggest/dist/index.js";
-var o = t();
-const i = /* @__PURE__ */ r(o);
+import { __require as e } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/parse/index.js";
+var o = e();
+const s = /* @__PURE__ */ r(o);
 export {
-  i as default
+  s as default
 };
 //# sourceMappingURL=index18.js.map

package/dist/_virtual/index19.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+import { __require as t } from "../node_modules/.pnpm/react-autosuggest@10.1.0_react@19.2.4/node_modules/react-autosuggest/dist/index.js";
+var o = t();
+const i = /* @__PURE__ */ r(o);
 export {
-  s as default
+  i as default
 };
 //# sourceMappingURL=index19.js.map

package/dist/_virtual/index20.js

@@ -1,5 +1,5 @@
-var a = { exports: {} };
+var p = { exports: {} };
 export {
-  a as __module
+  p as __module
 };
 //# sourceMappingURL=index20.js.map

package/dist/_virtual/index21.js

@@ -1,5 +1,5 @@
-var e = { exports: {} };
+var a = { exports: {} };
 export {
-  e as __module
+  a as __module
 };
 //# sourceMappingURL=index21.js.map

package/dist/_virtual/index22.js

@@ -1,5 +1,5 @@
-var p = { exports: {} };
+var e = { exports: {} };
 export {
-  p as __module
+  e as __module
 };
 //# sourceMappingURL=index22.js.map

package/dist/_virtual/index3.js

@@ -1,5 +1,5 @@
-var r = {};
+var o = { exports: {} };
 export {
-  r as __exports
+  o as __module
 };
 //# sourceMappingURL=index3.js.map

package/dist/_virtual/index4.js

@@ -1,5 +1,5 @@
-var o = { exports: {} };
+var r = {};
 export {
-  o as __module
+  r as __exports
 };
 //# sourceMappingURL=index4.js.map

package/dist/components/OwpAutoLogoutDialog/OwpAutoLogoutDialog.js

@@ -1,85 +1,91 @@
-var _ = Object.defineProperty;
-var i = (t, o) => _(t, "name", { value: o, configurable: !0 });
+var w = Object.defineProperty;
+var o = (t, i) => w(t, "name", { value: i, configurable: !0 });
 import { jsx as v } 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 { useConfirm as L } from "../../hooks/useConfirm.js";
-import { useOwpTranslation as N } from "../../hooks/useOwpTranslation.js";
-import { useStorage as E } from "../../hooks/useStorage.js";
+import { useConfirm as E } from "../../hooks/useConfirm.js";
+import { useOwpTranslation as L } from "../../hooks/useOwpTranslation.js";
+import { useStorage as N } from "../../hooks/useStorage.js";
 import { Typography as R } from "@mui/material";
-import { useState as M, useRef as x, useEffect as O, useCallback as S } from "react";
+import { useState as M, useRef as x, useCallback as O, useEffect as I } from "react";
 import { useIdleTimer as y } from "../../node_modules/.pnpm/react-idle-timer@5.7.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-idle-timer/dist/index.legacy.esm.js";
-import { useNavigate as C, useLocation as D } from "react-router-dom";
-import { isNumber as a } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNumber.js";
+import { useNavigate as A, useLocation as C } from "react-router-dom";
 import { OwpDialog as b } from "../OwpDialog/OwpDialog.js";
-const T = 6e4, A = 36e5, I = "/auth/login";
-function P(t) {
-  return a(t) ? Math.floor(t / 1e3) : "";
+import { isNumber as D } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNumber.js";
+const P = 6e4, U = 36e5, s = "/auth/login", k = [
+  "mousemove",
+  "keydown",
+  "wheel",
+  "DOMMouseScroll",
+  "mousewheel",
+  "mousedown",
+  "touchstart",
+  "touchmove",
+  "MSPointerDown",
+  "MSPointerMove",
+  "visibilitychange"
+];
+function G(t) {
+  return D(t) ? Math.max(0, Math.ceil(t / 1e3)) : "";
 }
-i(P, "millisToSeconds");
-function J({ timeout: t }) {
-  const o = C(), { pathname: l } = D(), { t: n } = N(), { confirmInfo: m } = L(), { resetStorage: c } = E(), [r, s] = M(!1), [e, f] = M(null), p = x(!1), { getRemainingTime: g, reset: h } = y({
-    timeout: t ?? A,
-    events: [
-      "mousemove",
-      "keydown",
-      "wheel",
-      "DOMMouseScroll",
-      "mousewheel",
-      "mousedown",
-      "touchstart",
-      "touchmove",
-      "MSPointerDown",
-      "MSPointerMove",
-      "visibilitychange"
-    ],
-    throttle: 500
+o(G, "millisToSeconds");
+function X({ timeout: t }) {
+  const i = A(), { pathname: n } = C(), { t: a } = L(), { confirmInfo: f } = E(), { resetStorage: p } = N(), [u, r] = M(!1), [S, e] = M(null), l = x(!1), T = O(async () => {
+    l.current || (l.current = !0, e(null), r(!1), await f({
+      title: a("Message.로그인 페이지로 이동합니다.")
+    }), p(), i(s, { replace: !0 }));
+  }, [f, i, p, a]), g = t ?? U, { getRemainingTime: c, reset: h } = y({
+    timeout: g,
+    promptBeforeIdle: Math.min(g, P),
+    events: k,
+    throttle: 500,
+    disabled: n === s,
+    onPrompt: /* @__PURE__ */ o((d, m) => {
+      n === s || l.current || (e((m == null ? void 0 : m.getRemainingTime()) ?? null), r(!0));
+    }, "onPrompt"),
+    onIdle: /* @__PURE__ */ o(() => {
+      n !== s && T();
+    }, "onIdle"),
+    onActive: /* @__PURE__ */ o(() => {
+      e(null), r(!1);
+    }, "onActive")
   });
-  O(() => {
-    const w = setInterval(() => {
-      f(g());
-    }, 500);
+  I(() => {
+    if (!u)
+      return;
+    e(c());
+    const d = setInterval(() => {
+      e(c());
+    }, 1e3);
     return () => {
-      clearInterval(w);
+      clearInterval(d);
     };
-  }, [g]);
-  const u = S(() => {
-    s(!1), h();
-  }, [h]), d = S(async () => {
-    p.current || (p.current = !0, f(null), s(!1), await m({
-      title: n("Message.로그인 페이지로 이동합니다.")
-    }), c(), o(I));
-  }, [m, o, c, n]);
-  return O(() => {
-    if (l === I) {
-      s(!1);
-      return;
-    }
-    if (!r && a(e) && e > 0 && e <= T) {
-      s(!0);
-      return;
-    }
-    if (r && a(e) && e > T) {
-      u();
+  }, [c, u]);
+  const _ = O(() => {
+    r(!1), e(null), h();
+  }, [h]);
+  return I(() => {
+    if (n === s) {
+      e(null), r(!1);
       return;
     }
-    a(e) && e <= 0 && d();
-  }, [r, e, l, u, d]), /* @__PURE__ */ v(
+    l.current = !1;
+  }, [n]), /* @__PURE__ */ v(
     b,
     {
-      title: n("Title.로그인 연장"),
+      title: a("Title.로그인 연장"),
       canConfirm: !1,
-      open: r,
-      onClose: /* @__PURE__ */ i(() => u(), "onClose"),
+      open: u,
+      onClose: _,
       maxWidth: "xs",
       fullWidth: !0,
-      children: /* @__PURE__ */ v(R, { variant: "h6", children: n("Message.자동 로그아웃 남은 시간 안내", {
+      children: /* @__PURE__ */ v(R, { variant: "h6", children: a("Message.자동 로그아웃 남은 시간 안내", {
         defaultValue: "{{seconds}}초 후 로그인 페이지로 이동합니다.",
-        seconds: P(e)
+        seconds: G(S)
       }) })
     }
   );
 }
-i(J, "OwpAutoLogoutDialog");
+o(X, "OwpAutoLogoutDialog");
 export {
-  J as OwpAutoLogoutDialog
+  X as OwpAutoLogoutDialog
 };
 //# sourceMappingURL=OwpAutoLogoutDialog.js.map

package/dist/components/OwpAutoLogoutDialog/OwpAutoLogoutDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpAutoLogoutDialog.js","sources":["../../../src/components/OwpAutoLogoutDialog/OwpAutoLogoutDialog.tsx"],"sourcesContent":["import { OwpDialog } from '@/components/OwpDialog';\nimport { useConfirm } from '@/hooks/useConfirm';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useStorage } from '@/hooks/useStorage';\nimport { Typography } from '@mui/material';\nimport { isNumber } from 'es-toolkit/compat';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useIdleTimer } from 'react-idle-timer/legacy';\nimport { useLocation, useNavigate } from 'react-router-dom';\n\nconst ONE_MINUTE_TO_MILLIS = 60000;\nconst ONE_HOUR_TO_MILLIS = 3600000;\n\nconst LOGIN_PATH_NAME = '/auth/login';\n\n/**\n * 밀리초 초 단위 변환\n * @param millis 밀리초\n */\nfunction millisToSeconds(millis: number | null) {\n  if (!isNumber(millis)) {\n    return '';\n  }\n\n  return Math.floor(millis / 1000);\n}\n/**\n * OwpAutoLogoutDialog 컴포넌트\n * @param timeout 자동 로그아웃 시간(ms)\n */\nexport function OwpAutoLogoutDialog({ timeout }: { timeout?: number }) {\n  const navigate = useNavigate();\n  const { pathname } = useLocation();\n  const { t } = useOwpTranslation();\n  const { confirmInfo } = useConfirm();\n  const { resetStorage } = useStorage();\n  const [open, setOpenStatus] = useState(false);\n  const [remaining, setRemaining] = useState<number | null>(null);\n  const isRedirectingRef = useRef(false);\n  const { getRemainingTime, reset } = useIdleTimer({\n    timeout: timeout ?? ONE_HOUR_TO_MILLIS,\n    events: [\n      'mousemove',\n      'keydown',\n      'wheel',\n      'DOMMouseScroll',\n      'mousewheel',\n      'mousedown',\n      'touchstart',\n      'touchmove',\n      'MSPointerDown',\n      'MSPointerMove',\n      'visibilitychange',\n    ],\n    throttle: 500,\n  });\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setRemaining(getRemainingTime());\n    }, 500);\n\n    return () => {\n      clearInterval(interval);\n    };\n  }, [getRemainingTime]);\n\n  const handleClose = useCallback(() => {\n    setOpenStatus(false);\n    reset();\n  }, [reset]);\n\n  \n  const handleSessionExpired = useCallback(async () => {\n    if (isRedirectingRef.current) {\n      return;\n    }\n\n    isRedirectingRef.current = true;\n    setRemaining(null);\n    setOpenStatus(false);\n\n    await confirmInfo({\n      title: t('Message.로그인 페이지로 이동합니다.'),\n    });\n\n    resetStorage();\n    navigate(LOGIN_PATH_NAME);\n  }, [confirmInfo, navigate, resetStorage, t]);\n\n  useEffect(() => {\n    if (pathname === LOGIN_PATH_NAME) {\n      setOpenStatus(false);\n      return;\n    }\n\n    if (!open && isNumber(remaining) && remaining > 0 && remaining <= ONE_MINUTE_TO_MILLIS) {\n      setOpenStatus(true);\n      return;\n    }\n\n    if (open && isNumber(remaining) && remaining > ONE_MINUTE_TO_MILLIS) {\n      handleClose();\n      return;\n    }\n\n    if (isNumber(remaining) && remaining <= 0) {\n      void handleSessionExpired();\n    }\n  }, [open, remaining, pathname, handleClose, handleSessionExpired]);\n\n  return (\n    <OwpDialog\n      title={t('Title.로그인 연장')}\n      canConfirm={false}\n      open={open}\n      onClose={() => handleClose()}\n      maxWidth=\"xs\"\n      fullWidth\n    >\n      <Typography variant=\"h6\">\n        {t('Message.자동 로그아웃 남은 시간 안내', {\n          defaultValue: '{{seconds}}초 후 로그인 페이지로 이동합니다.',\n          seconds: millisToSeconds(remaining),\n        })}\n      </Typography>\n    </OwpDialog>\n  );\n}\n"],"names":["ONE_MINUTE_TO_MILLIS","ONE_HOUR_TO_MILLIS","LOGIN_PATH_NAME","millisToSeconds","millis","isNumber","__name","OwpAutoLogoutDialog","timeout","navigate","useNavigate","pathname","useLocation","t","useOwpTranslation","confirmInfo","useConfirm","resetStorage","useStorage","open","setOpenStatus","useState","remaining","setRemaining","isRedirectingRef","useRef","getRemainingTime","reset","useIdleTimer","useEffect","interval","handleClose","useCallback","handleSessionExpired","jsx","OwpDialog","Typography"],"mappings":";;;;;;;;;;;;AAUA,MAAMA,IAAuB,KACvBC,IAAqB,MAErBC,IAAkB;AAMxB,SAASC,EAAgBC,GAAuB;AAC9C,SAAKC,EAASD,CAAM,IAIb,KAAK,MAAMA,IAAS,GAAI,IAHtB;AAIX;AANSE,EAAAH,GAAA;AAWF,SAASI,EAAoB,EAAE,SAAAC,KAAiC;AACrE,QAAMC,IAAWC,EAAA,GACX,EAAE,UAAAC,EAAA,IAAaC,EAAA,GACf,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAClB,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnB,CAACC,GAAMC,CAAa,IAAIC,EAAS,EAAK,GACtC,CAACC,GAAWC,CAAY,IAAIF,EAAwB,IAAI,GACxDG,IAAmBC,EAAO,EAAK,GAC/B,EAAE,kBAAAC,GAAkB,OAAAC,EAAA,IAAUC,EAAa;AAAA,IAC/C,SAASpB,KAAWP;AAAA,IACpB,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,UAAU;AAAA,EAAA,CACX;AAED,EAAA4B,EAAU,MAAM;AACd,UAAMC,IAAW,YAAY,MAAM;AACjC,MAAAP,EAAaG,GAAkB;AAAA,IACjC,GAAG,GAAG;AAEN,WAAO,MAAM;AACX,oBAAcI,CAAQ;AAAA,IACxB;AAAA,EACF,GAAG,CAACJ,CAAgB,CAAC;AAErB,QAAMK,IAAcC,EAAY,MAAM;AACpC,IAAAZ,EAAc,EAAK,GACnBO,EAAA;AAAA,EACF,GAAG,CAACA,CAAK,CAAC,GAGJM,IAAuBD,EAAY,YAAY;AACnD,IAAIR,EAAiB,YAIrBA,EAAiB,UAAU,IAC3BD,EAAa,IAAI,GACjBH,EAAc,EAAK,GAEnB,MAAML,EAAY;AAAA,MAChB,OAAOF,EAAE,yBAAyB;AAAA,IAAA,CACnC,GAEDI,EAAA,GACAR,EAASP,CAAe;AAAA,EAC1B,GAAG,CAACa,GAAaN,GAAUQ,GAAcJ,CAAC,CAAC;AAE3C,SAAAgB,EAAU,MAAM;AACd,QAAIlB,MAAaT,GAAiB;AAChC,MAAAkB,EAAc,EAAK;AACnB;AAAA,IACF;AAEA,QAAI,CAACD,KAAQd,EAASiB,CAAS,KAAKA,IAAY,KAAKA,KAAatB,GAAsB;AACtF,MAAAoB,EAAc,EAAI;AAClB;AAAA,IACF;AAEA,QAAID,KAAQd,EAASiB,CAAS,KAAKA,IAAYtB,GAAsB;AACnE,MAAA+B,EAAA;AACA;AAAA,IACF;AAEA,IAAI1B,EAASiB,CAAS,KAAKA,KAAa,KACjCW,EAAA;AAAA,EAET,GAAG,CAACd,GAAMG,GAAWX,GAAUoB,GAAaE,CAAoB,CAAC,GAG/D,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOtB,EAAE,cAAc;AAAA,MACvB,YAAY;AAAA,MACZ,MAAAM;AAAA,MACA,SAAS,gBAAAb,EAAA,MAAMyB,EAAA,GAAN;AAAA,MACT,UAAS;AAAA,MACT,WAAS;AAAA,MAET,UAAA,gBAAAG,EAACE,GAAA,EAAW,SAAQ,MACjB,YAAE,4BAA4B;AAAA,QAC7B,cAAc;AAAA,QACd,SAASjC,EAAgBmB,CAAS;AAAA,MAAA,CACnC,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAlGgBhB,EAAAC,GAAA;"}
+{"version":3,"file":"OwpAutoLogoutDialog.js","sources":["../../../src/components/OwpAutoLogoutDialog/OwpAutoLogoutDialog.tsx"],"sourcesContent":["import { OwpDialog } from '@/components/OwpDialog';\nimport { useConfirm } from '@/hooks/useConfirm';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useStorage } from '@/hooks/useStorage';\nimport { Typography } from '@mui/material';\nimport { isNumber } from 'es-toolkit/compat';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useIdleTimer, type IIdleTimerProps } from 'react-idle-timer/legacy';\nimport { useLocation, useNavigate } from 'react-router-dom';\n\nconst ONE_MINUTE_TO_MILLIS = 60000;\nconst ONE_HOUR_TO_MILLIS = 3600000;\n\nconst LOGIN_PATH_NAME = '/auth/login';\nconst AUTO_LOGOUT_EVENTS: NonNullable<IIdleTimerProps['events']> = [\n  'mousemove',\n  'keydown',\n  'wheel',\n  'DOMMouseScroll',\n  'mousewheel',\n  'mousedown',\n  'touchstart',\n  'touchmove',\n  'MSPointerDown',\n  'MSPointerMove',\n  'visibilitychange',\n];\n\ntype OwpAutoLogoutDialogProps = { timeout?: number };\n\n/**\n * 밀리초 초 단위 변환\n * @param millis 밀리초\n */\nfunction millisToSeconds(millis: number | null) {\n  if (!isNumber(millis)) {\n    return '';\n  }\n\n  return Math.max(0, Math.ceil(millis / 1000));\n}\n/**\n * OwpAutoLogoutDialog 컴포넌트\n * @param timeout 자동 로그아웃 시간(ms)\n */\nexport function OwpAutoLogoutDialog({ timeout }: OwpAutoLogoutDialogProps) {\n  const navigate = useNavigate();\n  const { pathname } = useLocation();\n  const { t } = useOwpTranslation();\n  const { confirmInfo } = useConfirm();\n  const { resetStorage } = useStorage();\n  const [open, setOpenStatus] = useState(false);\n  const [remaining, setRemaining] = useState<number | null>(null);\n  const isRedirectingRef = useRef(false);\n\n  const handleSessionExpired = useCallback(async () => {\n    if (isRedirectingRef.current) {\n      return;\n    }\n\n    isRedirectingRef.current = true;\n    setRemaining(null);\n    setOpenStatus(false);\n\n    await confirmInfo({\n      title: t('Message.로그인 페이지로 이동합니다.'),\n    });\n\n    resetStorage();\n    navigate(LOGIN_PATH_NAME, { replace: true });\n  }, [confirmInfo, navigate, resetStorage, t]);\n\n  const resolvedTimeout = timeout ?? ONE_HOUR_TO_MILLIS;\n  const { getRemainingTime, reset } = useIdleTimer({\n    timeout: resolvedTimeout,\n    promptBeforeIdle: Math.min(resolvedTimeout, ONE_MINUTE_TO_MILLIS),\n    events: AUTO_LOGOUT_EVENTS,\n    throttle: 500,\n    disabled: pathname === LOGIN_PATH_NAME,\n    onPrompt: (_event, idleTimer) => {\n      if (pathname === LOGIN_PATH_NAME || isRedirectingRef.current) {\n        return;\n      }\n\n      setRemaining(idleTimer?.getRemainingTime() ?? null);\n      setOpenStatus(true);\n    },\n    onIdle: () => {\n      if (pathname === LOGIN_PATH_NAME) {\n        return;\n      }\n\n      void handleSessionExpired();\n    },\n    onActive: () => {\n      setRemaining(null);\n      setOpenStatus(false);\n    },\n  });\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n\n    setRemaining(getRemainingTime());\n\n    const interval = setInterval(() => {\n      setRemaining(getRemainingTime());\n    }, 1000);\n\n    return () => {\n      clearInterval(interval);\n    };\n  }, [getRemainingTime, open]);\n\n  const handleClose = useCallback(() => {\n    setOpenStatus(false);\n    setRemaining(null);\n    reset();\n  }, [reset]);\n\n  useEffect(() => {\n    if (pathname === LOGIN_PATH_NAME) {\n      setRemaining(null);\n      setOpenStatus(false);\n      return;\n    }\n\n    isRedirectingRef.current = false;\n  }, [pathname]);\n\n  return (\n    <OwpDialog\n      title={t('Title.로그인 연장')}\n      canConfirm={false}\n      open={open}\n      onClose={handleClose}\n      maxWidth=\"xs\"\n      fullWidth\n    >\n      <Typography variant=\"h6\">\n        {t('Message.자동 로그아웃 남은 시간 안내', {\n          defaultValue: '{{seconds}}초 후 로그인 페이지로 이동합니다.',\n          seconds: millisToSeconds(remaining),\n        })}\n      </Typography>\n    </OwpDialog>\n  );\n}\n"],"names":["ONE_MINUTE_TO_MILLIS","ONE_HOUR_TO_MILLIS","LOGIN_PATH_NAME","AUTO_LOGOUT_EVENTS","millisToSeconds","millis","isNumber","__name","OwpAutoLogoutDialog","timeout","navigate","useNavigate","pathname","useLocation","t","useOwpTranslation","confirmInfo","useConfirm","resetStorage","useStorage","open","setOpenStatus","useState","remaining","setRemaining","isRedirectingRef","useRef","handleSessionExpired","useCallback","resolvedTimeout","getRemainingTime","reset","useIdleTimer","_event","idleTimer","useEffect","interval","handleClose","jsx","OwpDialog","Typography"],"mappings":"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"}

package/dist/components/OwpDialog/OwpAlertDialog.js

@@ -1,36 +1,37 @@
 var f = Object.defineProperty;
-var i = (t, r) => f(t, "name", { value: r, configurable: !0 });
-import { jsxs as s, jsx as e } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+var e = (t, o) => f(t, "name", { value: o, configurable: !0 });
+import { jsxs as s, jsx as i } 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 D } from "../../hooks/useOwpTranslation.js";
-import { DialogActions as T, Button as a, Dialog as k, DialogTitle as v, DialogContentText as B, DialogContent as b } from "@mui/material";
-const p = /* @__PURE__ */ i(({
+import { DialogActions as T, Button as a, Dialog as v, DialogTitle as k, DialogContentText as B, DialogContent as O } from "@mui/material";
+import { useDialogOpenFocusCleanup as b } from "./internal/useDialogOpenFocusCleanup.js";
+const C = /* @__PURE__ */ e(({
   payload: t,
-  open: r,
-  onClose: o
+  open: o,
+  onClose: r
 }) => {
-  const { title: n, description: l, okButtonProps: d, cancelButtonProps: g, severity: u, useInfo: x } = t, { t: c } = D(), h = (t == null ? void 0 : t.okText) ?? c("Button.확인"), m = (t == null ? void 0 : t.cancelText) ?? c("Button.취소");
+  const { title: n, description: l, okButtonProps: d, cancelButtonProps: u, severity: g, useInfo: m } = t, { t: c } = D(), x = b(o), h = (t == null ? void 0 : t.okText) ?? c("Button.확인"), p = (t == null ? void 0 : t.cancelText) ?? c("Button.취소");
   return /* @__PURE__ */ s(
-    k,
+    v,
     {
       fullWidth: !0,
       maxWidth: "xs",
-      open: r,
-      onClose: /* @__PURE__ */ i(() => o(!1), "onClose"),
+      open: x,
+      onClose: /* @__PURE__ */ e(() => r(!1), "onClose"),
       role: "alertdialog",
       "aria-labelledby": n ? "alert-dialog-title" : void 0,
       "aria-describedby": l ? "alert-dialog-description" : void 0,
       children: [
-        n && /* @__PURE__ */ e(v, { id: "alert-dialog-title", children: n }),
-        l && /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(B, { id: "alert-dialog-description", children: l }) }),
+        n && /* @__PURE__ */ i(k, { id: "alert-dialog-title", children: n }),
+        l && /* @__PURE__ */ i(O, { children: /* @__PURE__ */ i(B, { id: "alert-dialog-description", children: l }) }),
         /* @__PURE__ */ s(T, { children: [
-          !x && /* @__PURE__ */ e(a, { ...g, variant: "outlined", onClick: /* @__PURE__ */ i(() => o(!1), "onClick"), children: m }),
-          /* @__PURE__ */ e(
+          !m && /* @__PURE__ */ i(a, { ...u, variant: "outlined", onClick: /* @__PURE__ */ e(() => r(!1), "onClick"), children: p }),
+          /* @__PURE__ */ i(
             a,
             {
-              color: u ?? "primary",
+              color: g ?? "primary",
               variant: "contained",
               ...d,
-              onClick: /* @__PURE__ */ i(() => o(!0), "onClick"),
+              onClick: /* @__PURE__ */ e(() => r(!0), "onClick"),
               children: h
             }
           )
@@ -39,8 +40,8 @@ const p = /* @__PURE__ */ i(({
     }
   );
 }, "OwpAlertDialog");
-p.displayName = "OwpAlertDialog";
+C.displayName = "OwpAlertDialog";
 export {
-  p as OwpAlertDialog
+  C as OwpAlertDialog
 };
 //# sourceMappingURL=OwpAlertDialog.js.map

package/dist/components/OwpDialog/OwpAlertDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpAlertDialog.js","sources":["../../../src/components/OwpDialog/OwpAlertDialog.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n} from '@mui/material';\nimport type { ButtonProps } from '@mui/material';\nimport type { DialogProps } from '@toolpad/core/useDialogs';\nimport type { ReactNode } from 'react';\n\nexport type OwpAlertDialogSeverity =\n  | 'primary'\n  | 'secondary'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning';\n\nexport interface OwpAlertDialogPayload {\n  title?: ReactNode | string;\n  description?: ReactNode | string;\n  okText?: string;\n  cancelText?: string;\n  severity?: OwpAlertDialogSeverity;\n  useInfo?: boolean;\n  okButtonProps?: ButtonProps;\n  cancelButtonProps?: ButtonProps;\n}\n\n/**\n * 경고성 확인 대화상자 컴포넌트\n * @param payload 대화상자 표시 속성\n * @param open 열림 여부\n * @param onClose 닫힘 핸들러\n */\nconst OwpAlertDialog = ({\n  payload,\n  open,\n  onClose,\n}: DialogProps<OwpAlertDialogPayload, boolean>) => {\n  const { title, description, okButtonProps, cancelButtonProps, severity, useInfo } = payload;\n  const { t } = useOwpTranslation();\n\n  const okText = payload?.okText ?? t('Button.확인');\n  const cancelText = payload?.cancelText ?? t('Button.취소');\n\n  return (\n    <Dialog\n      fullWidth\n      maxWidth=\"xs\"\n      open={open}\n      onClose={() => onClose(false)}\n      role=\"alertdialog\"\n      aria-labelledby={title ? 'alert-dialog-title' : undefined}\n      aria-describedby={description ? 'alert-dialog-description' : undefined}\n    >\n      {title && <DialogTitle id=\"alert-dialog-title\">{title}</DialogTitle>}\n      {description && (\n        <DialogContent>\n          <DialogContentText id=\"alert-dialog-description\">{description}</DialogContentText>\n        </DialogContent>\n      )}\n      <DialogActions>\n        {!useInfo && (\n          <Button {...cancelButtonProps} variant=\"outlined\" onClick={() => onClose(false)}>\n            {cancelText}\n          </Button>\n        )}\n        <Button\n          color={severity ?? 'primary'}\n          variant=\"contained\"\n          {...okButtonProps}\n          onClick={() => onClose(true)}\n        >\n          {okText}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nOwpAlertDialog.displayName = 'OwpAlertDialog';\n\nexport { OwpAlertDialog };\n"],"names":["OwpAlertDialog","__name","payload","open","onClose","title","description","okButtonProps","cancelButtonProps","severity","useInfo","t","useOwpTranslation","okText","cancelText","jsxs","Dialog","jsx","DialogTitle","DialogContent","DialogContentText","DialogActions","Button"],"mappings":";;;;;AAsCA,MAAMA,IAAiB,gBAAAC,EAAA,CAAC;AAAA,EACtB,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AACF,MAAmD;AACjD,QAAM,EAAE,OAAAC,GAAO,aAAAC,GAAa,eAAAC,GAAe,mBAAAC,GAAmB,UAAAC,GAAU,SAAAC,MAAYR,GAC9E,EAAE,GAAAS,EAAA,IAAMC,EAAA,GAERC,KAASX,KAAA,gBAAAA,EAAS,WAAUS,EAAE,WAAW,GACzCG,KAAaZ,KAAA,gBAAAA,EAAS,eAAcS,EAAE,WAAW;AAEvD,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,UAAS;AAAA,MACT,MAAAb;AAAA,MACA,SAAS,gBAAAF,EAAA,MAAMG,EAAQ,EAAK,GAAnB;AAAA,MACT,MAAK;AAAA,MACL,mBAAiBC,IAAQ,uBAAuB;AAAA,MAChD,oBAAkBC,IAAc,6BAA6B;AAAA,MAE5D,UAAA;AAAA,QAAAD,KAAS,gBAAAY,EAACC,GAAA,EAAY,IAAG,sBAAsB,UAAAb,GAAM;AAAA,QACrDC,uBACEa,GAAA,EACC,UAAA,gBAAAF,EAACG,KAAkB,IAAG,4BAA4B,aAAY,EAAA,CAChE;AAAA,0BAEDC,GAAA,EACE,UAAA;AAAA,UAAA,CAACX,KACA,gBAAAO,EAACK,GAAA,EAAQ,GAAGd,GAAmB,SAAQ,YAAW,SAAS,gBAAAP,EAAA,MAAMG,EAAQ,EAAK,GAAnB,YACxD,UAAAU,EAAA,CACH;AAAA,UAEF,gBAAAG;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,OAAOb,KAAY;AAAA,cACnB,SAAQ;AAAA,cACP,GAAGF;AAAA,cACJ,SAAS,gBAAAN,EAAA,MAAMG,EAAQ,EAAI,GAAlB;AAAA,cAER,UAAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GA5CuB;AA8CvBb,EAAe,cAAc;"}
+{"version":3,"file":"OwpAlertDialog.js","sources":["../../../src/components/OwpDialog/OwpAlertDialog.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport type { DialogProps } from '@/types/OwpDialogTypes';\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n} from '@mui/material';\nimport type { ButtonProps } from '@mui/material';\nimport type { ReactNode } from 'react';\nimport { useDialogOpenFocusCleanup } from './internal/useDialogOpenFocusCleanup';\n\nexport type OwpAlertDialogSeverity =\n  | 'primary'\n  | 'secondary'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning';\n\nexport interface OwpAlertDialogPayload {\n  title?: ReactNode | string;\n  description?: ReactNode | string;\n  okText?: string;\n  cancelText?: string;\n  severity?: OwpAlertDialogSeverity;\n  useInfo?: boolean;\n  okButtonProps?: ButtonProps;\n  cancelButtonProps?: ButtonProps;\n}\n\n/**\n * 경고성 확인 대화상자 컴포넌트\n * @param payload 대화상자 표시 속성\n * @param open 열림 여부\n * @param onClose 닫힘 핸들러\n */\nconst OwpAlertDialog = ({\n  payload,\n  open,\n  onClose,\n}: DialogProps<OwpAlertDialogPayload, boolean>) => {\n  const { title, description, okButtonProps, cancelButtonProps, severity, useInfo } = payload;\n  const { t } = useOwpTranslation();\n  const resolvedOpen = useDialogOpenFocusCleanup(open);\n\n  const okText = payload?.okText ?? t('Button.확인');\n  const cancelText = payload?.cancelText ?? t('Button.취소');\n\n  return (\n    <Dialog\n      fullWidth\n      maxWidth=\"xs\"\n      open={resolvedOpen}\n      onClose={() => onClose(false)}\n      role=\"alertdialog\"\n      aria-labelledby={title ? 'alert-dialog-title' : undefined}\n      aria-describedby={description ? 'alert-dialog-description' : undefined}\n    >\n      {title && <DialogTitle id=\"alert-dialog-title\">{title}</DialogTitle>}\n      {description && (\n        <DialogContent>\n          <DialogContentText id=\"alert-dialog-description\">{description}</DialogContentText>\n        </DialogContent>\n      )}\n      <DialogActions>\n        {!useInfo && (\n          <Button {...cancelButtonProps} variant=\"outlined\" onClick={() => onClose(false)}>\n            {cancelText}\n          </Button>\n        )}\n        <Button\n          color={severity ?? 'primary'}\n          variant=\"contained\"\n          {...okButtonProps}\n          onClick={() => onClose(true)}\n        >\n          {okText}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nOwpAlertDialog.displayName = 'OwpAlertDialog';\n\nexport { OwpAlertDialog };\n"],"names":["OwpAlertDialog","__name","payload","open","onClose","title","description","okButtonProps","cancelButtonProps","severity","useInfo","t","useOwpTranslation","resolvedOpen","useDialogOpenFocusCleanup","okText","cancelText","jsxs","Dialog","jsx","DialogTitle","DialogContent","DialogContentText","DialogActions","Button"],"mappings":";;;;;;AAuCA,MAAMA,IAAiB,gBAAAC,EAAA,CAAC;AAAA,EACtB,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AACF,MAAmD;AACjD,QAAM,EAAE,OAAAC,GAAO,aAAAC,GAAa,eAAAC,GAAe,mBAAAC,GAAmB,UAAAC,GAAU,SAAAC,MAAYR,GAC9E,EAAE,GAAAS,EAAA,IAAMC,EAAA,GACRC,IAAeC,EAA0BX,CAAI,GAE7CY,KAASb,KAAA,gBAAAA,EAAS,WAAUS,EAAE,WAAW,GACzCK,KAAad,KAAA,gBAAAA,EAAS,eAAcS,EAAE,WAAW;AAEvD,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,UAAS;AAAA,MACT,MAAML;AAAA,MACN,SAAS,gBAAAZ,EAAA,MAAMG,EAAQ,EAAK,GAAnB;AAAA,MACT,MAAK;AAAA,MACL,mBAAiBC,IAAQ,uBAAuB;AAAA,MAChD,oBAAkBC,IAAc,6BAA6B;AAAA,MAE5D,UAAA;AAAA,QAAAD,KAAS,gBAAAc,EAACC,GAAA,EAAY,IAAG,sBAAsB,UAAAf,GAAM;AAAA,QACrDC,uBACEe,GAAA,EACC,UAAA,gBAAAF,EAACG,KAAkB,IAAG,4BAA4B,aAAY,EAAA,CAChE;AAAA,0BAEDC,GAAA,EACE,UAAA;AAAA,UAAA,CAACb,KACA,gBAAAS,EAACK,GAAA,EAAQ,GAAGhB,GAAmB,SAAQ,YAAW,SAAS,gBAAAP,EAAA,MAAMG,EAAQ,EAAK,GAAnB,YACxD,UAAAY,EAAA,CACH;AAAA,UAEF,gBAAAG;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,OAAOf,KAAY;AAAA,cACnB,SAAQ;AAAA,cACP,GAAGF;AAAA,cACJ,SAAS,gBAAAN,EAAA,MAAMG,EAAQ,EAAI,GAAlB;AAAA,cAER,UAAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GA7CuB;AA+CvBf,EAAe,cAAc;"}

package/dist/components/OwpDialog/OwpDialog.js

@@ -1,49 +1,52 @@
-var K = Object.defineProperty;
-var n = (e, c) => K(e, "name", { value: c, configurable: !0 });
+var P = Object.defineProperty;
+var n = (e, o) => P(e, "name", { value: o, configurable: !0 });
 import { jsxs as l, 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 { useOwpTranslation as N } from "../../hooks/useOwpTranslation.js";
-import { DialogContent as P, DialogActions as z, Dialog as H, DialogTitle as R, CircularProgress as W, Box as m, Button as y } from "@mui/material";
-import { forwardRef as q } from "react";
-const E = q(
+import { useOwpTranslation as z } from "../../hooks/useOwpTranslation.js";
+import { DialogContent as F, DialogActions as H, Dialog as R, DialogTitle as W, CircularProgress as q, Box as x, Button as y } from "@mui/material";
+import { forwardRef as E } from "react";
+import { useDialogOpenFocusCleanup as G } from "./internal/useDialogOpenFocusCleanup.js";
+const J = E(
   ({
     title: e,
-    children: c,
-    loading: o = !1,
+    children: o,
+    loading: c = !1,
     alertDialog: h = !1,
     canCancel: g = !0,
     canConfirm: s = !0,
     confirmText: D,
     cancelText: v,
     onConfirm: d,
-    onCancel: f,
+    onCancel: p,
     onClose: t,
+    open: w,
     useSubmit: a,
     actions: u,
-    contentProps: w,
-    role: T,
-    ...B
+    contentProps: T,
+    role: B,
+    ...O
   }, k) => {
-    const { t: p } = N(), b = D ?? p("Button.저장"), j = v ?? p(s ? "Button.취소" : "Button.닫기"), { sx: i, ...A } = w ?? {}, O = [
-      { position: "relative", minHeight: o ? 120 : void 0 },
+    const { t: f } = z(), b = D ?? f("Button.저장"), j = v ?? f(s ? "Button.취소" : "Button.닫기"), A = G(w), { sx: i, ...I } = T ?? {}, K = [
+      { position: "relative", minHeight: c ? 120 : void 0 },
       ...Array.isArray(i) ? i : i ? [i] : []
     ];
     return /* @__PURE__ */ l(
-      H,
+      R,
       {
         ref: k,
         fullWidth: !0,
+        open: A,
         component: a ? "form" : void 0,
-        role: h ? "alertdialog" : T,
-        onClose: /* @__PURE__ */ n((I, x) => {
-          x !== "backdropClick" && (t == null || t(I, x));
+        role: h ? "alertdialog" : B,
+        onClose: /* @__PURE__ */ n((N, m) => {
+          m !== "backdropClick" && (t == null || t(N, m));
         }, "onClose"),
-        ...B,
+        ...O,
         children: [
-          e && /* @__PURE__ */ r(R, { children: e }),
-          /* @__PURE__ */ l(P, { dividers: !0, "aria-busy": o, ...A, sx: O, children: [
-            c,
-            o && /* @__PURE__ */ r(
-              m,
+          e && /* @__PURE__ */ r(W, { children: e }),
+          /* @__PURE__ */ l(F, { dividers: !0, "aria-busy": c, ...I, sx: K, children: [
+            o,
+            c && /* @__PURE__ */ r(
+              x,
               {
                 "aria-hidden": "true",
                 sx: {
@@ -54,19 +57,19 @@ const E = q(
                   alignItems: "center",
                   justifyContent: "center"
                 },
-                children: /* @__PURE__ */ r(W, { color: "secondary" })
+                children: /* @__PURE__ */ r(q, { color: "secondary" })
               }
             )
           ] }),
-          /* @__PURE__ */ l(z, { children: [
-            u && /* @__PURE__ */ r(m, { className: "flex w-full items-start", children: u }),
+          /* @__PURE__ */ l(H, { children: [
+            u && /* @__PURE__ */ r(x, { className: "flex w-full items-start", children: u }),
             g && /* @__PURE__ */ r(
               y,
               {
                 variant: "outlined",
                 onClick: /* @__PURE__ */ n(() => {
-                  if (typeof f == "function") {
-                    f();
+                  if (typeof p == "function") {
+                    p();
                     return;
                   }
                   t == null || t({}, "escapeKeyDown");
@@ -98,8 +101,8 @@ const E = q(
     );
   }
 );
-E.displayName = "OwpDialog";
+J.displayName = "OwpDialog";
 export {
-  E as OwpDialog
+  J as OwpDialog
 };
 //# sourceMappingURL=OwpDialog.js.map

package/dist/components/OwpDialog/OwpDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpDialog.js","sources":["../../../src/components/OwpDialog/OwpDialog.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport {\n  Box,\n  Button,\n  CircularProgress,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentProps,\n  DialogProps,\n  DialogTitle,\n} from '@mui/material';\nimport { forwardRef, ReactNode } from 'react';\n\nexport interface OwpDialogProps extends Omit<DialogProps, 'title'> {\n  title?: ReactNode;\n  children?: ReactNode;\n  loading?: boolean;\n  alertDialog?: boolean;\n  canConfirm?: boolean;\n  canCancel?: boolean;\n  confirmText?: string;\n  cancelText?: string;\n  useSubmit?: boolean;\n  actions?: ReactNode;\n  contentProps?: DialogContentProps;\n  onConfirm?: () => void;\n  onCancel?: () => void;\n}\n\n/**\n * OwpDialog 컴포넌트\n * @param title 제목\n * @param children 하위 콘텐츠\n * @param loading 본문 로딩 여부\n * @param alertDialog alertdialog role 적용 여부\n * @param canCancel canCancel 값\n * @param canConfirm canConfirm 값\n * @param onConfirm onConfirm 핸들러\n * @param onCancel onCancel 핸들러\n */\nconst OwpDialog = forwardRef<HTMLDivElement, OwpDialogProps>(\n  (\n    {\n      title,\n      children,\n      loading = false,\n      alertDialog = false,\n      canCancel = true,\n      canConfirm = true,\n      confirmText: confirmTextProp,\n      cancelText: cancelTextProp,\n      onConfirm,\n      onCancel,\n      onClose,\n      useSubmit,\n      actions,\n      contentProps,\n      role: roleProp,\n      ...dialogProps\n    },\n    ref,\n  ) => {\n    const { t } = useOwpTranslation();\n    const confirmText = confirmTextProp ?? t('Button.저장');\n    const cancelText = cancelTextProp ?? t(canConfirm ? 'Button.취소' : 'Button.닫기');\n    const { sx: contentSx, ...restContentProps } = contentProps ?? {};\n    const resolvedContentSx = [\n      { position: 'relative', minHeight: loading ? 120 : undefined },\n      ...(Array.isArray(contentSx) ? contentSx : contentSx ? [contentSx] : []),\n    ];\n\n    return (\n      <Dialog\n        ref={ref}\n        fullWidth\n        component={useSubmit ? 'form' : undefined}\n        role={alertDialog ? 'alertdialog' : roleProp}\n        onClose={(event, reason) => {\n          if (reason === 'backdropClick') {\n            return;\n          }\n\n          onClose?.(event, reason);\n        }}\n        {...dialogProps}\n      >\n        {title && <DialogTitle>{title}</DialogTitle>}\n        <DialogContent dividers aria-busy={loading} {...restContentProps} sx={resolvedContentSx}>\n          {children}\n          {loading && (\n            <Box\n              aria-hidden=\"true\"\n              sx={{\n                position: 'absolute',\n                inset: 0,\n                zIndex: 1,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n              }}\n            >\n              <CircularProgress color=\"secondary\" />\n            </Box>\n          )}\n        </DialogContent>\n        <DialogActions>\n          {actions && <Box className=\"flex w-full items-start\">{actions}</Box>}\n          {canCancel && (\n            <Button\n              variant=\"outlined\"\n              onClick={() => {\n                if (typeof onCancel === 'function') {\n                  onCancel();\n                  return;\n                }\n\n                onClose?.({}, 'escapeKeyDown');\n              }}\n            >\n              {cancelText}\n            </Button>\n          )}\n          {canConfirm && (\n            <Button\n              variant=\"contained\"\n              color=\"secondary\"\n              type={useSubmit ? 'submit' : 'button'}\n              onClick={() => {\n                if (useSubmit) {\n                  return;\n                }\n\n                if (typeof onConfirm === 'function') {\n                  onConfirm();\n                  return;\n                }\n\n                onClose?.({}, 'escapeKeyDown');\n              }}\n            >\n              {confirmText}\n            </Button>\n          )}\n        </DialogActions>\n      </Dialog>\n    );\n  },\n);\n\nOwpDialog.displayName = 'OwpDialog';\nexport { OwpDialog };\n"],"names":["OwpDialog","forwardRef","title","children","loading","alertDialog","canCancel","canConfirm","confirmTextProp","cancelTextProp","onConfirm","onCancel","onClose","useSubmit","actions","contentProps","roleProp","dialogProps","ref","t","useOwpTranslation","confirmText","cancelText","contentSx","restContentProps","resolvedContentSx","jsxs","Dialog","__name","event","reason","jsx","DialogTitle","DialogContent","Box","CircularProgress","DialogActions","Button"],"mappings":"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"}
+{"version":3,"file":"OwpDialog.js","sources":["../../../src/components/OwpDialog/OwpDialog.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport {\n  Box,\n  Button,\n  CircularProgress,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentProps,\n  DialogProps,\n  DialogTitle,\n} from '@mui/material';\nimport { forwardRef, ReactNode } from 'react';\nimport { useDialogOpenFocusCleanup } from './internal/useDialogOpenFocusCleanup';\n\nexport interface OwpDialogProps extends Omit<DialogProps, 'title'> {\n  title?: ReactNode;\n  children?: ReactNode;\n  loading?: boolean;\n  alertDialog?: boolean;\n  canConfirm?: boolean;\n  canCancel?: boolean;\n  confirmText?: string;\n  cancelText?: string;\n  useSubmit?: boolean;\n  actions?: ReactNode;\n  contentProps?: DialogContentProps;\n  onConfirm?: () => void;\n  onCancel?: () => void;\n}\n\n/**\n * OwpDialog 컴포넌트\n * @param title 제목\n * @param children 하위 콘텐츠\n * @param loading 본문 로딩 여부\n * @param alertDialog alertdialog role 적용 여부\n * @param canCancel canCancel 값\n * @param canConfirm canConfirm 값\n * @param onConfirm onConfirm 핸들러\n * @param onCancel onCancel 핸들러\n */\nconst OwpDialog = forwardRef<HTMLDivElement, OwpDialogProps>(\n  (\n    {\n      title,\n      children,\n      loading = false,\n      alertDialog = false,\n      canCancel = true,\n      canConfirm = true,\n      confirmText: confirmTextProp,\n      cancelText: cancelTextProp,\n      onConfirm,\n      onCancel,\n      onClose,\n      open,\n      useSubmit,\n      actions,\n      contentProps,\n      role: roleProp,\n      ...dialogProps\n    },\n    ref,\n  ) => {\n    const { t } = useOwpTranslation();\n    const confirmText = confirmTextProp ?? t('Button.저장');\n    const cancelText = cancelTextProp ?? t(canConfirm ? 'Button.취소' : 'Button.닫기');\n    const resolvedOpen = useDialogOpenFocusCleanup(open);\n    const { sx: contentSx, ...restContentProps } = contentProps ?? {};\n    const resolvedContentSx = [\n      { position: 'relative', minHeight: loading ? 120 : undefined },\n      ...(Array.isArray(contentSx) ? contentSx : contentSx ? [contentSx] : []),\n    ];\n\n    return (\n      <Dialog\n        ref={ref}\n        fullWidth\n        open={resolvedOpen}\n        component={useSubmit ? 'form' : undefined}\n        role={alertDialog ? 'alertdialog' : roleProp}\n        onClose={(event, reason) => {\n          if (reason === 'backdropClick') {\n            return;\n          }\n\n          onClose?.(event, reason);\n        }}\n        {...dialogProps}\n      >\n        {title && <DialogTitle>{title}</DialogTitle>}\n        <DialogContent dividers aria-busy={loading} {...restContentProps} sx={resolvedContentSx}>\n          {children}\n          {loading && (\n            <Box\n              aria-hidden=\"true\"\n              sx={{\n                position: 'absolute',\n                inset: 0,\n                zIndex: 1,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n              }}\n            >\n              <CircularProgress color=\"secondary\" />\n            </Box>\n          )}\n        </DialogContent>\n        <DialogActions>\n          {actions && <Box className=\"flex w-full items-start\">{actions}</Box>}\n          {canCancel && (\n            <Button\n              variant=\"outlined\"\n              onClick={() => {\n                if (typeof onCancel === 'function') {\n                  onCancel();\n                  return;\n                }\n\n                onClose?.({}, 'escapeKeyDown');\n              }}\n            >\n              {cancelText}\n            </Button>\n          )}\n          {canConfirm && (\n            <Button\n              variant=\"contained\"\n              color=\"secondary\"\n              type={useSubmit ? 'submit' : 'button'}\n              onClick={() => {\n                if (useSubmit) {\n                  return;\n                }\n\n                if (typeof onConfirm === 'function') {\n                  onConfirm();\n                  return;\n                }\n\n                onClose?.({}, 'escapeKeyDown');\n              }}\n            >\n              {confirmText}\n            </Button>\n          )}\n        </DialogActions>\n      </Dialog>\n    );\n  },\n);\n\nOwpDialog.displayName = 'OwpDialog';\nexport { OwpDialog };\n"],"names":["OwpDialog","forwardRef","title","children","loading","alertDialog","canCancel","canConfirm","confirmTextProp","cancelTextProp","onConfirm","onCancel","onClose","open","useSubmit","actions","contentProps","roleProp","dialogProps","ref","t","useOwpTranslation","confirmText","cancelText","resolvedOpen","useDialogOpenFocusCleanup","contentSx","restContentProps","resolvedContentSx","jsxs","Dialog","__name","event","reason","jsx","DialogTitle","DialogContent","Box","CircularProgress","DialogActions","Button"],"mappings":"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"}

package/dist/components/OwpDialog/internal/useDialogOpenFocusCleanup.js

@@ -0,0 +1,18 @@
+var n = Object.defineProperty;
+var o = (t, e) => n(t, "name", { value: e, configurable: !0 });
+import { blurActiveElement as r } from "../../../utils/internal/blurActiveElement.js";
+import { useState as f, useLayoutEffect as c, useEffect as a } from "react";
+const l = typeof window < "u" ? c : a, m = /* @__PURE__ */ o((t) => {
+  const e = t === !0, [u, s] = f(!1);
+  return l(() => {
+    if (!e) {
+      s(!1);
+      return;
+    }
+    r(), s(!0);
+  }, [e]), e && u;
+}, "useDialogOpenFocusCleanup");
+export {
+  m as useDialogOpenFocusCleanup
+};
+//# sourceMappingURL=useDialogOpenFocusCleanup.js.map

package/dist/components/OwpDialog/internal/useDialogOpenFocusCleanup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialogOpenFocusCleanup.js","sources":["../../../../src/components/OwpDialog/internal/useDialogOpenFocusCleanup.ts"],"sourcesContent":["import { blurActiveElement } from '@/utils/internal/blurActiveElement';\nimport { useEffect, useLayoutEffect, useState } from 'react';\n\nconst useEnhancedEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\n/**\n * Dialog open 전 focus 정리 상태\n * @param open 요청 open 여부\n */\nexport const useDialogOpenFocusCleanup = (open?: boolean) => {\n  const shouldOpen = open === true;\n  const [isFocusCleared, setIsFocusCleared] = useState(false);\n\n  useEnhancedEffect(() => {\n    if (!shouldOpen) {\n      setIsFocusCleared(false);\n      return;\n    }\n\n    blurActiveElement();\n    setIsFocusCleared(true);\n  }, [shouldOpen]);\n\n  return shouldOpen && isFocusCleared;\n};\n"],"names":["useEnhancedEffect","useLayoutEffect","useEffect","useDialogOpenFocusCleanup","__name","open","shouldOpen","isFocusCleared","setIsFocusCleared","useState","blurActiveElement"],"mappings":";;;;AAGA,MAAMA,IAAoB,OAAO,SAAW,MAAcC,IAAkBC,GAM/DC,IAA4B,gBAAAC,EAAA,CAACC,MAAmB;AAC3D,QAAMC,IAAaD,MAAS,IACtB,CAACE,GAAgBC,CAAiB,IAAIC,EAAS,EAAK;AAE1D,SAAAT,EAAkB,MAAM;AACtB,QAAI,CAACM,GAAY;AACf,MAAAE,EAAkB,EAAK;AACvB;AAAA,IACF;AAEA,IAAAE,EAAA,GACAF,EAAkB,EAAI;AAAA,EACxB,GAAG,CAACF,CAAU,CAAC,GAERA,KAAcC;AACvB,GAfyC;"}