boottent-design 0.1.185 → 0.1.186

package/dist/hooks.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./use-metadata-CZiZDN9j.cjs");require("react/jsx-runtime");const l=require("react"),e=require("./use-toastmodal-BiqEXQyI.cjs");require("./index-BoeM4gLz.cjs");const d=()=>{const[n,s]=l.useState([]);return l.useEffect(()=>{const t=(r,c)=>{s(c?a=>a.includes(r.id)?a:[...a,r.id]:a=>a.filter(u=>u!==r.id))},o=e.portalManager.subscribe(t);return s(e.portalManager.getOpenPortals()),()=>{o()}},[]),{modal:t=>{const{onClose:o=()=>{}}=t;return e.portalManager.showPortal("modal",{...t,onClose:o})},toast:t=>{let o;return typeof t=="string"?o={description:t}:o=t,e.portalManager.showPortal("toast",o)},alert:t=>{let o;return typeof t=="string"?o={description:t,onClose:()=>{}}:o={...t,onClose:t.onClose||(()=>{})},e.portalManager.showPortal("alert",o)},dialog:t=>{const{onClose:o=()=>{}}=t;return e.portalManager.showPortal("dialog",{...t,onClose:o})},custom:t=>{const{onClose:o=()=>{}}=t;return e.portalManager.showPortal("custom",{...t,onClose:o})},getIsOpen:t=>e.portalManager.getIsPortalOpen(t),closePortal:t=>{e.portalManager.closePortal(t)},closeAllPortals:()=>{e.portalManager.closeAllPortals()},openPortals:n}};exports.useMetadata=i.useMetadata;exports.modalReducer=e.modalReducer;exports.toast=e.toast;exports.toastModal=e.toastModal;exports.toastReducer=e.toastReducer;exports.useToast=e.useToast;exports.useToastModal=e.useToastModal;exports.usePortal=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./use-metadata-CZiZDN9j.cjs");require("react/jsx-runtime");const l=require("react"),e=require("./use-toastmodal-BiqEXQyI.cjs");require("./index-BoeM4gLz.cjs");const i=()=>{const[n,r]=l.useState([]);return l.useEffect(()=>{const t=(s,c)=>{r(c?a=>a.includes(s.id)?a:[...a,s.id]:a=>a.filter(u=>u!==s.id))},o=e.portalManager.subscribe(t);return r(e.portalManager.getOpenPortals()),()=>{o()}},[]),{confirm:t=>{const{onClose:o=()=>{}}=t;return e.portalManager.showPortal("modal",{...t,onClose:o})},alert:t=>{let o;return typeof t=="string"?o={description:t,onClose:()=>{}}:o={...t,onClose:t.onClose||(()=>{})},e.portalManager.showPortal("alert",o)},dialog:t=>{const{onClose:o=()=>{}}=t;return e.portalManager.showPortal("dialog",{...t,onClose:o})},custom:t=>{const{onClose:o=()=>{}}=t;return e.portalManager.showPortal("custom",{...t,onClose:o})},getIsOpen:t=>e.portalManager.getIsPortalOpen(t),closePortal:t=>{e.portalManager.closePortal(t)},closeAllPortals:()=>{e.portalManager.closeAllPortals()},openPortals:n}};exports.useMetadata=d.useMetadata;exports.modalReducer=e.modalReducer;exports.toast=e.toast;exports.toastModal=e.toastModal;exports.toastReducer=e.toastReducer;exports.useToast=e.useToast;exports.useToastModal=e.useToastModal;exports.usePortal=i;

package/dist/hooks.es.js

@@ -1,10 +1,10 @@
-import { u as R } from "./use-metadata-BrY8rtWx.js";
+import { u as p } from "./use-metadata-BrY8rtWx.js";
 import "react/jsx-runtime";
 import { useState as u, useEffect as i } from "react";
 import { p as s } from "./use-toastmodal-BhR-ysRN.js";
-import { m as p, a as E, b as S, t as j, u as k, c as q } from "./use-toastmodal-BhR-ysRN.js";
+import { m as T, a as y, b as E, t as S, u as j, c as k } from "./use-toastmodal-BhR-ysRN.js";
 import "./index-haM7BOE0.js";
-const A = () => {
+const x = () => {
   const [a, r] = u([]);
   return i(() => {
     const t = (l, n) => {
@@ -13,13 +13,10 @@ const A = () => {
     return r(s.getOpenPortals()), () => {
       o();
     };
-  }, []), { modal: (t) => {
+  }, []), { confirm: (t) => {
     const { onClose: o = () => {
     } } = t;
     return s.showPortal("modal", { ...t, onClose: o });
-  }, toast: (t) => {
-    let o;
-    return typeof t == "string" ? o = { description: t } : o = t, s.showPortal("toast", o);
   }, alert: (t) => {
     let o;
     return typeof t == "string" ? o = { description: t, onClose: () => {
@@ -40,12 +37,12 @@ const A = () => {
   }, openPortals: a };
 };
 export {
-  p as modalReducer,
-  E as toast,
-  S as toastModal,
-  j as toastReducer,
-  R as useMetadata,
-  A as usePortal,
-  k as useToast,
-  q as useToastModal
+  T as modalReducer,
+  y as toast,
+  E as toastModal,
+  S as toastReducer,
+  p as useMetadata,
+  x as usePortal,
+  j as useToast,
+  k as useToastModal
 };

package/dist/provider.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),x=require("./use-toastmodal-BiqEXQyI.cjs"),r=require("./index-BydYbLSq.cjs"),E=require("./index-BoeM4gLz.cjs"),m=require("./toast-form-D-mN24Yl.cjs"),l=require("react"),P=require("react-dom");require("./index-z9hRvvSX.cjs");function v(){const{modals:n,dismiss:a}=x.useToastModal(),i=n.some(t=>t.open);return o.jsxs(r.ToastModalProvider,{children:[n.map(function({id:t,title:e,description:s,content:d,onConfirm:c,confirmText:f="확인",onCancel:u,cancelText:C="취소",size:T,contents:j,variant:M,width:h,closeType:p,...g}){return o.jsxs(r.ToastModal,{width:h,...g,className:"flex flex-col gap-4",children:[o.jsx(r.ToastModalTitle,{children:e}),o.jsxs("div",{className:"flex flex-col gap-2",children:[s&&o.jsx(r.ToastModalDescription,{className:"text-sm text-foreground",children:s}),d&&o.jsx(r.ToastModalDescription,{children:d})]}),j&&o.jsx(r.ToastModalContents,{children:j}),o.jsxs("div",{className:E.cn("flex items-center justify-between gap-2",p&&"justify-end"),children:[!p&&o.jsx(r.ToastModalClose,{className:"w-1/2",size:T,variant:"outline",children:C}),o.jsx(r.ToastModalAction,{className:p?"":"w-1/2",altText:"confirm",size:T,variant:M,onClick:c,children:f})]})]},t)}),o.jsx(r.ToastModalViewport,{isOpen:i?"open":"close",onClick:()=>n.forEach(t=>!t.closeType&&a(t.id))})]})}const b=()=>{const[n,a]=l.useState([]);l.useEffect(()=>{const e=x.portalManager.subscribe((s,d)=>{a(c=>{const f=c.find(u=>u.id===s.id);return d?f?c:[...c,{...s,isOpen:d}]:c.map(u=>u.id===s.id?{...u,isOpen:!1}:u)})});return()=>{e()}},[]);const i=l.useCallback(e=>{x.portalManager.setPortalOpen(e,!1)},[]);l.useEffect(()=>{const e=[];return n.forEach(s=>{if(!s.isOpen){const d=setTimeout(()=>{a(c=>c.filter(f=>f.id!==s.id))},300);e.push(d)}}),()=>{e.forEach(s=>clearTimeout(s))}},[n]);const t=l.useCallback(e=>{const s=e.props;x.toast({title:s.title,description:s.description,onAction:s.onAction,actionBtnText:s.actionBtnText,closeButton:s.closeButton,variant:s.variant,position:s.position,size:s.size,className:s.className}),i(e.id)},[i]);return l.useEffect(()=>{n.forEach(e=>{e.type==="toast"&&e.isOpen&&t(e)})},[n,t]),o.jsxs(q,{children:[o.jsx(m.ToastForm,{}),n.map(e=>{var s;if(!e.isOpen)return null;switch(e.type){case"modal":return o.jsx(m.ModalForm,{...e.props,onClose:()=>{e.props.onClose&&e.props.onClose(),i(e.id)},description:(s=e.props.description)==null?void 0:s.toString()},e.id);case"alert":return o.jsx(m.AlertForm,{...e.props,onClose:()=>{e.props.onClose&&e.props.onClose(),i(e.id)}},e.id);case"dialog":return o.jsx(m.DialogForm,{...e.props,onClose:()=>{e.props.onClose&&e.props.onClose(),i(e.id)}},e.id);case"custom":return o.jsx(m.FreeForm,{...e.props,onClose:()=>{e.props.onClose&&e.props.onClose(),i(e.id)},contents:e.props.contents},e.id);case"toast":return null;default:return null}})]})},q=({children:n})=>{const[a,i]=l.useState(null);return l.useEffect(()=>{let t=document.getElementById("portal");t||(t=document.createElement("div"),t.id="portal",document.body.appendChild(t)),i(t)},[]),a?P.createPortal(n,a):null};function F(){const{toasts:n}=x.useToast();return o.jsxs(r.ToastProvider,{children:[n.map(function({id:a,title:i,description:t,onAction:e,...s}){return o.jsx(m.ToastForm,{...s})}),o.jsx(r.ToastViewport,{})]})}exports.ModalManager=v;exports.PortalProvider=b;exports.ToastManager=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),f=require("./use-toastmodal-BiqEXQyI.cjs"),t=require("./index-BydYbLSq.cjs"),g=require("./index-BoeM4gLz.cjs"),m=require("./toast-form-D-mN24Yl.cjs"),d=require("react");require("./index-z9hRvvSX.cjs");const P=require("react-dom");function E(){const{modals:n,dismiss:r}=f.useToastModal(),a=n.some(e=>e.open);return s.jsxs(t.ToastModalProvider,{children:[n.map(function({id:e,title:o,description:l,content:i,onConfirm:u,confirmText:c="확인",onCancel:F,cancelText:M="취소",size:p,contents:j,variant:C,width:T,closeType:x,...h}){return s.jsxs(t.ToastModal,{width:T,...h,className:"flex flex-col gap-4",children:[s.jsx(t.ToastModalTitle,{children:o}),s.jsxs("div",{className:"flex flex-col gap-2",children:[l&&s.jsx(t.ToastModalDescription,{className:"text-sm text-foreground",children:l}),i&&s.jsx(t.ToastModalDescription,{children:i})]}),j&&s.jsx(t.ToastModalContents,{children:j}),s.jsxs("div",{className:g.cn("flex items-center justify-between gap-2",x&&"justify-end"),children:[!x&&s.jsx(t.ToastModalClose,{className:"w-1/2",size:p,variant:"outline",children:M}),s.jsx(t.ToastModalAction,{className:x?"":"w-1/2",altText:"confirm",size:p,variant:C,onClick:u,children:c})]})]},e)}),s.jsx(t.ToastModalViewport,{isOpen:a?"open":"close",onClick:()=>n.forEach(e=>!e.closeType&&r(e.id))})]})}const v=()=>{const[n,r]=d.useState([]);d.useEffect(()=>{const e=f.portalManager.subscribe((o,l)=>{r(i=>{const u=i.find(c=>c.id===o.id);return l?u?i:[...i,{...o,isOpen:l}]:i.map(c=>c.id===o.id?{...c,isOpen:!1}:c)})});return()=>{e()}},[]);const a=d.useCallback(e=>{f.portalManager.setPortalOpen(e,!1)},[]);return d.useEffect(()=>{const e=[];return n.forEach(o=>{if(!o.isOpen){const l=setTimeout(()=>{r(i=>i.filter(u=>u.id!==o.id))},300);e.push(l)}}),()=>{e.forEach(o=>clearTimeout(o))}},[n]),s.jsx(b,{children:n.map(e=>{var o;if(!e.isOpen)return null;switch(e.type){case"modal":return s.jsx(m.ModalForm,{...e.props,onClose:()=>{e.props.onClose&&e.props.onClose(),a(e.id)},description:(o=e.props.description)==null?void 0:o.toString()},e.id);case"alert":return s.jsx(m.AlertForm,{...e.props,onClose:()=>{e.props.onClose&&e.props.onClose(),a(e.id)}},e.id);case"dialog":return s.jsx(m.DialogForm,{...e.props,onClose:()=>{e.props.onClose&&e.props.onClose(),a(e.id)}},e.id);case"custom":return s.jsx(m.FreeForm,{...e.props,onClose:()=>{e.props.onClose&&e.props.onClose(),a(e.id)},contents:e.props.contents},e.id);default:return null}})})},b=({children:n})=>{const[r,a]=d.useState(null);return d.useEffect(()=>{let e=document.getElementById("portal");e||(e=document.createElement("div"),e.id="portal",document.body.appendChild(e)),a(e)},[]),r?P.createPortal(n,r):null};function q(){const{toasts:n}=f.useToast();return s.jsxs(t.ToastProvider,{children:[n.map(function(r){return s.jsx(m.ToastForm,{...r})}),s.jsx(t.ToastViewport,{})]})}exports.ModalManager=E;exports.PortalProvider=v;exports.ToastManager=q;

package/dist/provider.es.js

@@ -1,189 +1,162 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { c as b, p as T, a as F, u as O } from "./use-toastmodal-BhR-ysRN.js";
-import { T as w, a as A, b as y, c as C, d as B, e as D, f as j, g as k, h as S, i as V } from "./index-D6lL3AG_.js";
-import { c as _ } from "./index-haM7BOE0.js";
-import { T as x, F as z, D as I, A as R, M as q } from "./toast-form-tgb0rBlD.js";
-import { useState as g, useEffect as m, useCallback as M } from "react";
-import G from "react-dom";
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { c as E, p as C, u as b } from "./use-toastmodal-BhR-ysRN.js";
+import { T as v, a as F, b as w, c as h, d as N, e as O, f as D, g as j, h as y, i as k } from "./index-D6lL3AG_.js";
+import { c as A } from "./index-haM7BOE0.js";
+import { F as S, D as V, A as _, M as B, T as I } from "./toast-form-tgb0rBlD.js";
+import { useState as T, useEffect as m, useCallback as R } from "react";
 import "./index-CEwEyzHV.js";
+import q from "react-dom";
 function Z() {
-  const { modals: n, dismiss: a } = b(), i = n.some((o) => o.open);
-  return /* @__PURE__ */ d(w, { children: [
+  const { modals: n, dismiss: t } = E(), a = n.some((e) => e.open);
+  return /* @__PURE__ */ d(v, { children: [
     n.map(function({
-      id: o,
-      title: e,
-      description: s,
-      content: c,
-      onConfirm: r,
-      confirmText: u = "확인",
-      onCancel: l,
-      cancelText: v = "취소",
-      size: p,
-      contents: h,
-      variant: E,
-      width: P,
-      closeType: f,
-      ...N
+      id: e,
+      title: o,
+      description: i,
+      content: r,
+      onConfirm: c,
+      confirmText: l = "확인",
+      onCancel: H,
+      cancelText: M = "취소",
+      size: f,
+      contents: p,
+      variant: g,
+      width: x,
+      closeType: u,
+      ...P
     }) {
-      return /* @__PURE__ */ d(A, { width: P, ...N, className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ t(y, { children: e }),
+      return /* @__PURE__ */ d(F, { width: x, ...P, className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ s(w, { children: o }),
         /* @__PURE__ */ d("div", { className: "flex flex-col gap-2", children: [
-          s && /* @__PURE__ */ t(C, { className: "text-sm text-foreground", children: s }),
-          c && /* @__PURE__ */ t(C, { children: c })
+          i && /* @__PURE__ */ s(h, { className: "text-sm text-foreground", children: i }),
+          r && /* @__PURE__ */ s(h, { children: r })
         ] }),
-        h && /* @__PURE__ */ t(B, { children: h }),
-        /* @__PURE__ */ d("div", { className: _("flex items-center justify-between gap-2", f && "justify-end"), children: [
-          !f && /* @__PURE__ */ t(D, { className: "w-1/2", size: p, variant: "outline", children: v }),
-          /* @__PURE__ */ t(
-            j,
+        p && /* @__PURE__ */ s(N, { children: p }),
+        /* @__PURE__ */ d("div", { className: A("flex items-center justify-between gap-2", u && "justify-end"), children: [
+          !u && /* @__PURE__ */ s(O, { className: "w-1/2", size: f, variant: "outline", children: M }),
+          /* @__PURE__ */ s(
+            D,
             {
-              className: f ? "" : "w-1/2",
+              className: u ? "" : "w-1/2",
               altText: "confirm",
-              size: p,
-              variant: E,
-              onClick: r,
-              children: u
+              size: f,
+              variant: g,
+              onClick: c,
+              children: l
             }
           )
         ] })
-      ] }, o);
+      ] }, e);
     }),
-    /* @__PURE__ */ t(
-      k,
+    /* @__PURE__ */ s(
+      j,
       {
-        isOpen: i ? "open" : "close",
-        onClick: () => n.forEach((o) => !o.closeType && a(o.id))
+        isOpen: a ? "open" : "close",
+        onClick: () => n.forEach((e) => !e.closeType && t(e.id))
       }
     )
   ] });
 }
 const $ = () => {
-  const [n, a] = g([]);
+  const [n, t] = T([]);
   m(() => {
-    const e = T.subscribe((s, c) => {
-      a((r) => {
-        const u = r.find((l) => l.id === s.id);
-        return c ? u ? r : [...r, { ...s, isOpen: c }] : r.map((l) => l.id === s.id ? { ...l, isOpen: !1 } : l);
+    const e = C.subscribe((o, i) => {
+      t((r) => {
+        const c = r.find((l) => l.id === o.id);
+        return i ? c ? r : [...r, { ...o, isOpen: i }] : r.map((l) => l.id === o.id ? { ...l, isOpen: !1 } : l);
       });
     });
     return () => {
       e();
     };
   }, []);
-  const i = M((e) => {
-    T.setPortalOpen(e, !1);
+  const a = R((e) => {
+    C.setPortalOpen(e, !1);
   }, []);
-  m(() => {
+  return m(() => {
     const e = [];
-    return n.forEach((s) => {
-      if (!s.isOpen) {
-        const c = setTimeout(() => {
-          a((r) => r.filter((u) => u.id !== s.id));
+    return n.forEach((o) => {
+      if (!o.isOpen) {
+        const i = setTimeout(() => {
+          t((r) => r.filter((c) => c.id !== o.id));
         }, 300);
-        e.push(c);
+        e.push(i);
       }
     }), () => {
-      e.forEach((s) => clearTimeout(s));
+      e.forEach((o) => clearTimeout(o));
     };
-  }, [n]);
-  const o = M(
-    (e) => {
-      const s = e.props;
-      F({
-        title: s.title,
-        description: s.description,
-        onAction: s.onAction,
-        actionBtnText: s.actionBtnText,
-        closeButton: s.closeButton,
-        variant: s.variant,
-        position: s.position,
-        size: s.size,
-        className: s.className
-      }), i(e.id);
-    },
-    [i]
-  );
-  return m(() => {
-    n.forEach((e) => {
-      e.type === "toast" && e.isOpen && o(e);
-    });
-  }, [n, o]), /* @__PURE__ */ d(H, { children: [
-    /* @__PURE__ */ t(x, {}),
-    n.map((e) => {
-      var s;
-      if (!e.isOpen) return null;
-      switch (e.type) {
-        case "modal":
-          return /* @__PURE__ */ t(
-            q,
-            {
-              ...e.props,
-              onClose: () => {
-                e.props.onClose && e.props.onClose(), i(e.id);
-              },
-              description: (s = e.props.description) == null ? void 0 : s.toString()
-            },
-            e.id
-          );
-        case "alert":
-          return /* @__PURE__ */ t(
-            R,
-            {
-              ...e.props,
-              onClose: () => {
-                e.props.onClose && e.props.onClose(), i(e.id);
-              }
+  }, [n]), /* @__PURE__ */ s(G, { children: n.map((e) => {
+    var o;
+    if (!e.isOpen) return null;
+    switch (e.type) {
+      case "modal":
+        return /* @__PURE__ */ s(
+          B,
+          {
+            ...e.props,
+            onClose: () => {
+              e.props.onClose && e.props.onClose(), a(e.id);
             },
-            e.id
-          );
-        case "dialog":
-          return /* @__PURE__ */ t(
-            I,
-            {
-              ...e.props,
-              onClose: () => {
-                e.props.onClose && e.props.onClose(), i(e.id);
-              }
-            },
-            e.id
-          );
-        case "custom":
-          return /* @__PURE__ */ t(
-            z,
-            {
-              ...e.props,
-              onClose: () => {
-                e.props.onClose && e.props.onClose(), i(e.id);
-              },
-              contents: e.props.contents
+            description: (o = e.props.description) == null ? void 0 : o.toString()
+          },
+          e.id
+        );
+      case "alert":
+        return /* @__PURE__ */ s(
+          _,
+          {
+            ...e.props,
+            onClose: () => {
+              e.props.onClose && e.props.onClose(), a(e.id);
+            }
+          },
+          e.id
+        );
+      case "dialog":
+        return /* @__PURE__ */ s(
+          V,
+          {
+            ...e.props,
+            onClose: () => {
+              e.props.onClose && e.props.onClose(), a(e.id);
+            }
+          },
+          e.id
+        );
+      case "custom":
+        return /* @__PURE__ */ s(
+          S,
+          {
+            ...e.props,
+            onClose: () => {
+              e.props.onClose && e.props.onClose(), a(e.id);
             },
-            e.id
-          );
-        case "toast":
-          return null;
-        default:
-          return null;
-      }
-    })
-  ] });
-}, H = ({ children: n }) => {
-  const [a, i] = g(null);
+            contents: e.props.contents
+          },
+          e.id
+        );
+      default:
+        return null;
+    }
+  }) });
+}, G = ({ children: n }) => {
+  const [t, a] = T(null);
   return m(() => {
-    let o = document.getElementById("portal");
-    o || (o = document.createElement("div"), o.id = "portal", document.body.appendChild(o)), i(o);
-  }, []), a ? G.createPortal(n, a) : null;
+    let e = document.getElementById("portal");
+    e || (e = document.createElement("div"), e.id = "portal", document.body.appendChild(e)), a(e);
+  }, []), t ? q.createPortal(n, t) : null;
 };
-function ee() {
-  const { toasts: n } = O();
-  return /* @__PURE__ */ d(S, { children: [
-    n.map(function({ id: a, title: i, description: o, onAction: e, ...s }) {
-      return /* @__PURE__ */ t(x, { ...s });
+function z() {
+  const { toasts: n } = b();
+  return /* @__PURE__ */ d(y, { children: [
+    n.map(function(t) {
+      return /* @__PURE__ */ s(I, { ...t });
     }),
-    /* @__PURE__ */ t(V, {})
+    /* @__PURE__ */ s(k, {})
   ] });
 }
 export {
   Z as ModalManager,
   $ as PortalProvider,
-  ee as ToastManager
+  z as ToastManager
 };

package/dist/types/hooks.d.ts

@@ -207,8 +207,7 @@ export declare function useMetadata(url: string | null): {
 };
 
 export declare const usePortal: () => {
-    modal: (props: ModalProps) => string | null;
-    toast: (props: ToasterProps | string) => string | null;
+    confirm: (props: ModalProps) => string | null;
     alert: (props: AlertProps | string) => string | null;
     dialog: (props: DialogProps) => string | null;
     custom: (props: FreeFormProps) => string | null;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "boottent-design",
   "private": false,
-  "version": "0.1.185",
+  "version": "0.1.186",
   "description": "부트텐트 디자인시스템 라이브러리",
   "repository": {
     "type": "git",