boottent-design 0.1.136 → 0.1.137

package/dist/components.es.js

@@ -5,8 +5,8 @@ import * as w from "react";
 import M, { useState as pr, useEffect as Po } from "react";
 import { a as $, d as ct, c as So } from "./index-CEwEyzHV.js";
 import { S as R } from "./index-TpPaGoFn.js";
-import { p as te, R as Eo } from "./portal-container-B5qVgCSZ.js";
-import { a as Xs, b as Zs, c as Ks, d as Js, e as Qs, f as el, g as tl, h as rl, i as nl, j as ol, k as al, A as il, l as sl, m as ll, n as cl, o as dl, q as ul, D as ml, r as pl, s as fl, u as gl, v as bl, w as hl, M as vl, P as wl, z as yl, B as xl, C as Cl, E as Tl, T as Nl, F as Pl, G as Sl, H as El, x as Ol, y as kl } from "./portal-container-B5qVgCSZ.js";
+import { p as te, R as Eo } from "./portal-container-kpgXLOax.js";
+import { c as Xs, d as Zs, e as Ks, f as Js, g as Qs, h as el, i as tl, j as rl, k as nl, l as ol, m as al, A as il, D as sl, n as ll, a as cl, o as dl, q as ul, b as ml, r as pl, s as fl, u as gl, v as bl, w as hl, M as vl, P as wl, z as yl, B as xl, C as Cl, E as Tl, T as Nl, F as Pl, G as Sl, H as El, x as Ol, y as kl } from "./portal-container-kpgXLOax.js";
 var Tt = "Collapsible", [Oo, fr] = wt(Tt), [ko, Nt] = Oo(Tt), gr = w.forwardRef(
   (r, e) => {
     const {

package/dist/{portal-container-B5qVgCSZ.js → portal-container-kpgXLOax.js}

@@ -1312,7 +1312,7 @@ export {
   ja as A,
   so as B,
   no as C,
-  Ya as D,
+  ma as D,
   lo as E,
   $a as F,
   io as G,
@@ -1321,20 +1321,20 @@ export {
   er as P,
   Qa as R,
   Za as T,
-  _t as a,
-  Me as b,
-  ge as c,
-  _e as d,
-  ae as e,
-  Oe as f,
-  Se as g,
-  St as h,
-  pa as i,
-  Ie as j,
-  qa as k,
-  ma as l,
-  va as m,
-  It as n,
+  It as a,
+  Ya as b,
+  _t as c,
+  Me as d,
+  ge as e,
+  _e as f,
+  ae as g,
+  Oe as h,
+  Se as i,
+  St as j,
+  pa as k,
+  Ie as l,
+  qa as m,
+  va as n,
   Lt as o,
   Ha as p,
   Ft as q,

package/dist/provider.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),o=require("./portal-container-CjCfY0e4.cjs"),n=require("react"),p=()=>{const[i,d]=n.useState([]);n.useEffect(()=>{const e=o.portalManager.subscribe((s,a)=>{d(t=>{const l=t.find(c=>c.id===s.id);return a?l?t:[...t,{...s,isOpen:a}]:t.map(c=>c.id===s.id?{...c,isOpen:!1}:c)})});return()=>{e()}},[]);const r=n.useCallback(e=>{o.portalManager.setPortalOpen(e,!1)},[]);n.useEffect(()=>{const e=[];return i.forEach(s=>{if(!s.isOpen){const a=setTimeout(()=>{d(t=>t.filter(l=>l.id!==s.id))},300);e.push(a)}}),()=>{e.forEach(s=>clearTimeout(s))}},[i]);const f=n.useCallback(e=>{const s=e.props;o.toast({title:s.title,description:s.description,action:s.action,closeButton:s.closeButton,variant:s.variant,position:s.position,size:s.size,className:s.className}),r(e.id)},[r]);return n.useEffect(()=>{i.forEach(e=>{e.type==="toast"&&e.isOpen&&f(e)})},[i,f]),u.jsxs(o.PortalContainer,{children:[u.jsx(o.ToastForm,{}),i.map(e=>{var s;if(!e.isOpen)return null;switch(e.type){case"modal":return u.jsx(o.ModalForm,{...e.props,onClose:()=>{e.props.onClose&&e.props.onClose(),r(e.id)},description:(s=e.props.description)==null?void 0:s.toString()},e.id);case"alert":return u.jsx(o.AlertForm,{...e.props,onClose:()=>{e.props.onClose&&e.props.onClose(),r(e.id)}},e.id);case"dialog":return u.jsx(o.DialogForm,{...e.props,onClose:()=>{e.props.onClose&&e.props.onClose(),r(e.id)}},e.id);case"toast":return null;default:return null}})]})};exports.PortalProvider=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("./portal-container-CjCfY0e4.cjs"),m=require("./index-Cv9m35ew.cjs"),r=require("react"),p=r.forwardRef(({open:t,onClose:u,className:n,contents:d},e)=>i.jsx(o.Dialog,{open:t,onOpenChange:s=>{!s&&u&&u()},children:i.jsx(o.DialogContent,{ref:e,className:m.cn(n),children:d})})),C=()=>{const[t,u]=r.useState([]);r.useEffect(()=>{const e=o.portalManager.subscribe((s,l)=>{u(c=>{const f=c.find(a=>a.id===s.id);return l?f?c:[...c,{...s,isOpen:l}]:c.map(a=>a.id===s.id?{...a,isOpen:!1}:a)})});return()=>{e()}},[]);const n=r.useCallback(e=>{o.portalManager.setPortalOpen(e,!1)},[]);r.useEffect(()=>{const e=[];return t.forEach(s=>{if(!s.isOpen){const l=setTimeout(()=>{u(c=>c.filter(f=>f.id!==s.id))},300);e.push(l)}}),()=>{e.forEach(s=>clearTimeout(s))}},[t]);const d=r.useCallback(e=>{const s=e.props;o.toast({title:s.title,description:s.description,action:s.action,closeButton:s.closeButton,variant:s.variant,position:s.position,size:s.size,className:s.className}),n(e.id)},[n]);return r.useEffect(()=>{t.forEach(e=>{e.type==="toast"&&e.isOpen&&d(e)})},[t,d]),i.jsxs(o.PortalContainer,{children:[i.jsx(o.ToastForm,{}),t.map(e=>{var s;if(!e.isOpen)return null;switch(e.type){case"modal":return i.jsx(o.ModalForm,{...e.props,onClose:()=>{e.props.onClose&&e.props.onClose(),n(e.id)},description:(s=e.props.description)==null?void 0:s.toString()},e.id);case"alert":return i.jsx(o.AlertForm,{...e.props,onClose:()=>{e.props.onClose&&e.props.onClose(),n(e.id)}},e.id);case"dialog":return i.jsx(o.DialogForm,{...e.props,onClose:()=>{e.props.onClose&&e.props.onClose(),n(e.id)}},e.id);case"custom":return i.jsx(p,{...e.props,onClose:()=>{e.props.onClose&&e.props.onClose(),n(e.id)}},e.id);case"toast":return null;default:return null}})]})};exports.PortalProvider=C;

package/dist/provider.es.js

@@ -1,39 +1,49 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { p as m, t as C, P as h, T as P, D as b, A as g, M as T } from "./portal-container-B5qVgCSZ.js";
-import { useState as x, useEffect as u, useCallback as f } from "react";
-const M = () => {
-  const [i, d] = x([]);
-  u(() => {
-    const s = m.subscribe((e, r) => {
-      d((o) => {
-        const c = o.find((n) => n.id === e.id);
-        return r ? c ? o : [...o, { ...e, isOpen: r }] : o.map((n) => n.id === e.id ? { ...n, isOpen: !1 } : n);
+import { jsx as i, jsxs as p } from "react/jsx-runtime";
+import { D as C, a as h, p as m, t as g, P, T as b, b as F, A as O, M as T } from "./portal-container-kpgXLOax.js";
+import { c as x } from "./index-CWHiF7D_.js";
+import { forwardRef as D, useState as E, useEffect as l, useCallback as f } from "react";
+const M = D(({ open: n, onClose: t, className: o, contents: a }, s) => /* @__PURE__ */ i(
+  C,
+  {
+    open: n,
+    onOpenChange: (e) => {
+      !e && t && t();
+    },
+    children: /* @__PURE__ */ i(h, { ref: s, className: x(o), children: a })
+  }
+)), z = () => {
+  const [n, t] = E([]);
+  l(() => {
+    const s = m.subscribe((e, u) => {
+      t((r) => {
+        const d = r.find((c) => c.id === e.id);
+        return u ? d ? r : [...r, { ...e, isOpen: u }] : r.map((c) => c.id === e.id ? { ...c, isOpen: !1 } : c);
       });
     });
     return () => {
       s();
     };
   }, []);
-  const t = f((s) => {
+  const o = f((s) => {
     m.setPortalOpen(s, !1);
   }, []);
-  u(() => {
+  l(() => {
     const s = [];
-    return i.forEach((e) => {
+    return n.forEach((e) => {
       if (!e.isOpen) {
-        const r = setTimeout(() => {
-          d((o) => o.filter((c) => c.id !== e.id));
+        const u = setTimeout(() => {
+          t((r) => r.filter((d) => d.id !== e.id));
         }, 300);
-        s.push(r);
+        s.push(u);
       }
     }), () => {
       s.forEach((e) => clearTimeout(e));
     };
-  }, [i]);
-  const l = f(
+  }, [n]);
+  const a = f(
     (s) => {
       const e = s.props;
-      C({
+      g({
         title: e.title,
         description: e.description,
         action: e.action,
@@ -42,50 +52,61 @@ const M = () => {
         position: e.position,
         size: e.size,
         className: e.className
-      }), t(s.id);
+      }), o(s.id);
     },
-    [t]
+    [o]
   );
-  return u(() => {
-    i.forEach((s) => {
-      s.type === "toast" && s.isOpen && l(s);
+  return l(() => {
+    n.forEach((s) => {
+      s.type === "toast" && s.isOpen && a(s);
     });
-  }, [i, l]), /* @__PURE__ */ p(h, { children: [
-    /* @__PURE__ */ a(P, {}),
-    i.map((s) => {
+  }, [n, a]), /* @__PURE__ */ p(P, { children: [
+    /* @__PURE__ */ i(b, {}),
+    n.map((s) => {
       var e;
       if (!s.isOpen) return null;
       switch (s.type) {
         case "modal":
-          return /* @__PURE__ */ a(
+          return /* @__PURE__ */ i(
             T,
             {
               ...s.props,
               onClose: () => {
-                s.props.onClose && s.props.onClose(), t(s.id);
+                s.props.onClose && s.props.onClose(), o(s.id);
               },
               description: (e = s.props.description) == null ? void 0 : e.toString()
             },
             s.id
           );
         case "alert":
-          return /* @__PURE__ */ a(
-            g,
+          return /* @__PURE__ */ i(
+            O,
             {
               ...s.props,
               onClose: () => {
-                s.props.onClose && s.props.onClose(), t(s.id);
+                s.props.onClose && s.props.onClose(), o(s.id);
               }
             },
             s.id
           );
         case "dialog":
-          return /* @__PURE__ */ a(
-            b,
+          return /* @__PURE__ */ i(
+            F,
+            {
+              ...s.props,
+              onClose: () => {
+                s.props.onClose && s.props.onClose(), o(s.id);
+              }
+            },
+            s.id
+          );
+        case "custom":
+          return /* @__PURE__ */ i(
+            M,
             {
               ...s.props,
               onClose: () => {
-                s.props.onClose && s.props.onClose(), t(s.id);
+                s.props.onClose && s.props.onClose(), o(s.id);
               }
             },
             s.id
@@ -99,5 +120,5 @@ const M = () => {
   ] });
 };
 export {
-  M as PortalProvider
+  z as PortalProvider
 };

package/dist/types/types.d.ts

@@ -34,6 +34,12 @@ declare const buttonVariants: (props?: ({
     shape?: "square" | "rounded" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare interface CustomPortalOptions {
+    id: string;
+    type: "custom";
+    props: FreeFormProps;
+}
+
 export declare interface DialogPortalOptions {
     id: string;
     type: "dialog";
@@ -138,7 +144,7 @@ export declare interface ModalProps {
     className?: string;
 }
 
-export declare type PortalOptions = ModalPortalOptions | ToastPortalOptions | AlertPortalOptions | DialogPortalOptions;
+export declare type PortalOptions = ModalPortalOptions | ToastPortalOptions | AlertPortalOptions | DialogPortalOptions | CustomPortalOptions;
 
 export declare type PortalType = "modal" | "toast" | "alert" | "dialog" | "custom";
 

package/package.json

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