boottent-design 0.1.13 → 0.1.14

package/dist/types/utils.d.ts

@@ -1,5 +1,6 @@
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
+import { default as default_2 } from 'react';
 import * as React_2 from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
@@ -36,7 +37,7 @@ declare interface AlertPortalOptions {
 declare interface AlertProps {
     id?: string;
     title?: string;
-    description: string | React.ReactNode;
+    description: string | default_2.ReactNode;
     confirmText?: string;
     onConfirm?: () => void;
     size?: "sm" | "md" | "lg" | "fit";
@@ -54,7 +55,7 @@ declare interface DialogPortalOptions {
 declare interface DialogProps {
     id?: string;
     title: string;
-    content: string | React.ReactNode;
+    content: string | default_2.ReactNode;
     onConfirm?: () => void;
     onCancel?: () => void;
     onClose?: () => void;
@@ -70,15 +71,15 @@ declare interface ModalPortalOptions {
 
 declare interface ModalProps {
     id?: string;
-    title: string;
-    description?: string | React.ReactNode;
-    subDescription?: string | React.ReactNode;
+    title?: string;
+    description: string | default_2.ReactNode;
+    subDescription?: string | default_2.ReactNode;
     size?: "sm" | "md" | "lg" | "fit";
     confirmText?: string;
     onConfirm?: () => void;
     cancelText?: string;
-    onClose: () => void;
-    contents?: React.ReactNode;
+    onClose?: () => void;
+    contents?: default_2.ReactNode;
     className?: string;
 }
 
@@ -90,19 +91,28 @@ declare class PortalManager {
     private processQueue;
     private isPortalOpen;
     subscribe(listener: Listener): () => void;
-    showPortal(type: PortalType, props: any): string | null;
+    showPortal<T extends PortalType>(type: T, props: PortalTypeMap[T] & {
+        id?: string;
+    }): string | null;
     setPortalOpen(id: string, isOpen: boolean): void;
-    getIsPortalOpen(id: string): boolean | undefined;
+    getIsPortalOpen(id: string): boolean;
     getOpenPortals(): string[];
     private generateId;
 }
 
 export declare const portalManager: PortalManager;
 
-export declare type PortalOptions = ModalPortalOptions | ToastPortalOptions | AlertPortalOptions | DialogPortalOptions;
+declare type PortalOptions = ModalPortalOptions | ToastPortalOptions | AlertPortalOptions | DialogPortalOptions;
 
 export declare type PortalType = "modal" | "toast" | "alert" | "dialog";
 
+declare interface PortalTypeMap {
+    modal: ModalProps;
+    toast: ToasterProps;
+    alert: AlertProps;
+    dialog: DialogProps;
+}
+
 export declare const reducer: (state: State, action: Action) => State;
 
 declare interface State {
@@ -130,10 +140,10 @@ export declare function toaster(): {
 
 declare type ToasterProps = ToastProps & ToastViewportProps & {
     id?: string;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
+    title?: default_2.ReactNode;
+    description?: default_2.ReactNode;
     action?: () => void;
-    actionText?: string | React.ReactNode;
+    actionText?: string | default_2.ReactNode;
     closeButton?: boolean;
     onClose?: () => void;
 };
@@ -141,7 +151,7 @@ declare type ToasterProps = ToastProps & ToastViewportProps & {
 declare interface ToastPortalOptions {
     id: string;
     type: "toast";
-    props: ToastProps;
+    props: ToasterProps;
 }
 
 declare type ToastPositionsType = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";

package/dist/use-portal-B-W1cxuO.js

@@ -0,0 +1,32 @@
+import { p as o } from "./portal-manager-nNJ4SIa2.js";
+import { useState as c, useEffect as u } from "react";
+const b = () => {
+  const [l, r] = c([]);
+  return u(() => {
+    const t = (n, a) => {
+      r(a ? (s) => s.includes(n.id) ? s : [...s, n.id] : (s) => s.filter((i) => i !== n.id));
+    }, e = o.subscribe(t);
+    return r(o.getOpenPortals()), () => {
+      e();
+    };
+  }, []), { modal: (t) => {
+    const { onClose: e = () => {
+    } } = t;
+    return o.showPortal("modal", { ...t, onClose: e });
+  }, toast: (t) => {
+    let e;
+    return typeof t == "string" ? e = { description: t } : e = t, o.showPortal("toast", e);
+  }, alert: (t) => {
+    let e;
+    return typeof t == "string" ? e = { description: t, onClose: () => {
+    } } : e = { ...t, onClose: t.onClose || (() => {
+    }) }, o.showPortal("alert", e);
+  }, dialog: (t) => {
+    const { onClose: e = () => {
+    } } = t;
+    return o.showPortal("dialog", { ...t, onClose: e });
+  }, getIsOpen: (t) => o.getIsPortalOpen(t), openPortals: l };
+};
+export {
+  b as u
+};

package/dist/use-portal-D6lcMQX5.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./portal-manager-9WO01tNb.cjs"),s=require("react"),u=()=>{const[l,a]=s.useState([]);return s.useEffect(()=>{const t=(n,i)=>{a(i?o=>o.includes(n.id)?o:[...o,n.id]:o=>o.filter(c=>c!==n.id))},e=r.portalManager.subscribe(t);return a(r.portalManager.getOpenPortals()),()=>{e()}},[]),{modal:t=>{const{onClose:e=()=>{}}=t;return r.portalManager.showPortal("modal",{...t,onClose:e})},toast:t=>{let e;return typeof t=="string"?e={description:t}:e=t,r.portalManager.showPortal("toast",e)},alert:t=>{let e;return typeof t=="string"?e={description:t,onClose:()=>{}}:e={...t,onClose:t.onClose||(()=>{})},r.portalManager.showPortal("alert",e)},dialog:t=>{const{onClose:e=()=>{}}=t;return r.portalManager.showPortal("dialog",{...t,onClose:e})},getIsOpen:t=>r.portalManager.getIsPortalOpen(t),openPortals:l}};exports.usePortal=u;

package/package.json

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

package/dist/portal-manager-6YGufJVr.cjs

@@ -1 +0,0 @@
-"use strict";var o=Object.defineProperty;var l=(i,s,e)=>s in i?o(i,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[s]=e;var a=(i,s,e)=>l(i,typeof s!="symbol"?s+"":s,e);class h{constructor(){a(this,"listeners",[]);a(this,"portals",new Map);a(this,"queue",[]);a(this,"isProcessing",!1)}processQueue(){if(this.isProcessing||this.queue.length===0)return;this.isProcessing=!0;const s=this.queue.shift();s&&s(),this.isProcessing=!1,this.processQueue()}isPortalOpen(s){var e;return this.portals.has(s)&&((e=this.portals.get(s))==null?void 0:e.isOpen)}subscribe(s){return this.listeners.push(s),()=>{this.listeners=this.listeners.filter(e=>e!==s)}}showPortal(s,e){const t=e.id||this.generateId(s);if(this.isPortalOpen(t))return console.warn(`Portal with id "${t}" is already open.`),t;let r=null;switch(s){case"modal":r={id:t,type:s,props:e};break;case"toast":r={id:t,type:s,props:e};break;case"alert":r={id:t,type:s,props:e};break;case"dialog":r={id:t,type:s,props:e};break}return r&&(this.portals.set(t,{isOpen:!0,options:r}),this.queue.push(()=>{this.listeners.forEach(n=>n(r,!0))}),this.processQueue()),t}setPortalOpen(s,e){if(this.portals.has(s)){const t=this.portals.get(s);t.isOpen=e,this.portals.set(s,{...t}),this.queue.push(()=>{this.listeners.forEach(r=>r(t.options,e))}),this.processQueue()}}getIsPortalOpen(s){var e;return(e=this.portals.get(s))==null?void 0:e.isOpen}getOpenPortals(){return Array.from(this.portals.entries()).filter(([s,e])=>e.isOpen).map(([s,e])=>s)}generateId(s){return`${s}_${Date.now()}`}}const u=new h;exports.portalManager=u;

package/dist/portal-manager-CttMAZAu.js

@@ -1,73 +0,0 @@
-var o = Object.defineProperty;
-var l = (i, s, e) => s in i ? o(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e;
-var a = (i, s, e) => l(i, typeof s != "symbol" ? s + "" : s, e);
-class h {
-  constructor() {
-    a(this, "listeners", []);
-    a(this, "portals", /* @__PURE__ */ new Map());
-    a(this, "queue", []);
-    a(this, "isProcessing", !1);
-  }
-  processQueue() {
-    if (this.isProcessing || this.queue.length === 0) return;
-    this.isProcessing = !0;
-    const s = this.queue.shift();
-    s && s(), this.isProcessing = !1, this.processQueue();
-  }
-  isPortalOpen(s) {
-    var e;
-    return this.portals.has(s) && ((e = this.portals.get(s)) == null ? void 0 : e.isOpen);
-  }
-  subscribe(s) {
-    return this.listeners.push(s), () => {
-      this.listeners = this.listeners.filter((e) => e !== s);
-    };
-  }
-  showPortal(s, e) {
-    const t = e.id || this.generateId(s);
-    if (this.isPortalOpen(t))
-      return console.warn(`Portal with id "${t}" is already open.`), t;
-    let r = null;
-    switch (s) {
-      case "modal":
-        r = { id: t, type: s, props: e };
-        break;
-      case "toast":
-        r = { id: t, type: s, props: e };
-        break;
-      case "alert":
-        r = { id: t, type: s, props: e };
-        break;
-      case "dialog":
-        r = { id: t, type: s, props: e };
-        break;
-    }
-    return r && (this.portals.set(t, { isOpen: !0, options: r }), this.queue.push(() => {
-      this.listeners.forEach((n) => n(r, !0));
-    }), this.processQueue()), t;
-  }
-  setPortalOpen(s, e) {
-    if (this.portals.has(s)) {
-      const t = this.portals.get(s);
-      t.isOpen = e, this.portals.set(s, { ...t }), this.queue.push(() => {
-        this.listeners.forEach(
-          (r) => r(t.options, e)
-        );
-      }), this.processQueue();
-    }
-  }
-  getIsPortalOpen(s) {
-    var e;
-    return (e = this.portals.get(s)) == null ? void 0 : e.isOpen;
-  }
-  getOpenPortals() {
-    return Array.from(this.portals.entries()).filter(([s, e]) => e.isOpen).map(([s, e]) => s);
-  }
-  generateId(s) {
-    return `${s}_${Date.now()}`;
-  }
-}
-const c = new h();
-export {
-  c as p
-};

package/dist/portal-provider-Bwzhqa3P.js

@@ -1,106 +0,0 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { P as f, T as m, D as p, f as C, M as P } from "./tooltip-Beq86Qug.js";
-import { useState as h, useEffect as c } from "react";
-import { p as u } from "./portal-manager-CttMAZAu.js";
-import { toast as T } from "./boottent-design.utils.es.js";
-const j = () => {
-  const [t, d] = h([]);
-  c(() => {
-    const s = u.subscribe(
-      (e, o) => {
-        d((i) => {
-          if (o) {
-            if (!i.find((r) => r.id === e.id))
-              return [...i, { ...e, isOpen: o }];
-          } else
-            return i.map(
-              (r) => r.id === e.id ? { ...r, isOpen: o } : r
-            );
-          return i;
-        });
-      }
-    );
-    return () => {
-      s();
-    };
-  }, []);
-  const n = (s) => {
-    u.setPortalOpen(s, !1);
-  };
-  return c(() => {
-    t.forEach((s) => {
-      if (!s.isOpen) {
-        const e = setTimeout(() => {
-          d((o) => o.filter((i) => i.id !== s.id));
-        }, 300);
-        return () => clearTimeout(e);
-      }
-    });
-  }, [t]), c(() => {
-    const s = (e) => {
-      const o = e.props;
-      T({
-        title: o.title,
-        description: o.description,
-        action: o.action,
-        closeButton: o.closeButton,
-        variant: o.variant,
-        position: o.position,
-        size: o.size,
-        className: o.className
-      }), n(e.id);
-    };
-    t.forEach((e) => {
-      e.type === "toast" && e.isOpen && s(e);
-    });
-  }, [t, n]), /* @__PURE__ */ l(f, { children: [
-    /* @__PURE__ */ a(m, {}),
-    t.map((s) => {
-      var e;
-      if (!s.isOpen) return null;
-      switch (s.type) {
-        case "modal":
-          return /* @__PURE__ */ a(
-            P,
-            {
-              ...s.props,
-              onClose: () => {
-                s.props.onClose && s.props.onClose(), n(s.id);
-              },
-              description: (e = s.props.description) == null ? void 0 : e.toString()
-            },
-            s.id
-          );
-        case "alert":
-          return /* @__PURE__ */ a(
-            C,
-            {
-              ...s.props,
-              onClose: () => {
-                s.props.onClose && s.props.onClose(), n(s.id);
-              }
-            },
-            s.id
-          );
-        case "dialog":
-          return /* @__PURE__ */ a(
-            p,
-            {
-              ...s.props,
-              onClose: () => {
-                s.props.onClose && s.props.onClose(), n(s.id);
-              }
-            },
-            s.id
-          );
-        case "toast":
-          return null;
-        default:
-          return null;
-      }
-    })
-  ] });
-};
-export {
-  j as P
-};

package/dist/portal-provider-DXVWgfhq.cjs

@@ -1 +0,0 @@
-"use strict";const c=require("react/jsx-runtime"),u=require("./tooltip-DWrSWVcc.cjs"),a=require("react"),l=require("./portal-manager-6YGufJVr.cjs"),f=require("./boottent-design.utils.cjs.js"),p=()=>{const[o,d]=a.useState([]);a.useEffect(()=>{const e=l.portalManager.subscribe((s,t)=>{d(i=>{if(t){if(!i.find(r=>r.id===s.id))return[...i,{...s,isOpen:t}]}else return i.map(r=>r.id===s.id?{...r,isOpen:t}:r);return i})});return()=>{e()}},[]);const n=e=>{l.portalManager.setPortalOpen(e,!1)};return a.useEffect(()=>{o.forEach(e=>{if(!e.isOpen){const s=setTimeout(()=>{d(t=>t.filter(i=>i.id!==e.id))},300);return()=>clearTimeout(s)}})},[o]),a.useEffect(()=>{const e=s=>{const t=s.props;f.toast({title:t.title,description:t.description,action:t.action,closeButton:t.closeButton,variant:t.variant,position:t.position,size:t.size,className:t.className}),n(s.id)};o.forEach(s=>{s.type==="toast"&&s.isOpen&&e(s)})},[o,n]),c.jsxs(u.PortalContainer,{children:[c.jsx(u.Toaster,{}),o.map(e=>{var s;if(!e.isOpen)return null;switch(e.type){case"modal":return c.jsx(u.Modal,{...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 c.jsx(u.Alert,{...e.props,onClose:()=>{e.props.onClose&&e.props.onClose(),n(e.id)}},e.id);case"dialog":return c.jsx(u.Dialog,{...e.props,onClose:()=>{e.props.onClose&&e.props.onClose(),n(e.id)}},e.id);case"toast":return null;default:return null}})]})};exports.PortalProvider=p;

package/dist/use-portal-Ck3GPJQN.cjs

@@ -1 +0,0 @@
-"use strict";const r=require("./portal-manager-6YGufJVr.cjs"),s=require("react"),g=()=>{const[n,a]=s.useState([]);return s.useEffect(()=>{a(r.portalManager.getOpenPortals());const t=(o,u)=>{a(u?e=>[...e,o.id]:e=>e.filter(c=>c!==o.id))},l=r.portalManager.subscribe(t);return()=>{l()}},[]),{modal:t=>r.portalManager.showPortal("modal",t),toast:t=>r.portalManager.showPortal("toast",t),alert:t=>r.portalManager.showPortal("alert",t),dialog:t=>r.portalManager.showPortal("dialog",t),getIsOpen:t=>r.portalManager.getIsPortalOpen(t),openPortals:n}};exports.usePortal=g;

package/dist/use-portal-TiMPd_EZ.js

@@ -1,17 +0,0 @@
-import { p as r } from "./portal-manager-CttMAZAu.js";
-import { useState as c, useEffect as i } from "react";
-const b = () => {
-  const [a, o] = c([]);
-  return i(() => {
-    o(r.getOpenPortals());
-    const t = (s, l) => {
-      o(l ? (e) => [...e, s.id] : (e) => e.filter((u) => u !== s.id));
-    }, n = r.subscribe(t);
-    return () => {
-      n();
-    };
-  }, []), { modal: (t) => r.showPortal("modal", t), toast: (t) => r.showPortal("toast", t), alert: (t) => r.showPortal("alert", t), dialog: (t) => r.showPortal("dialog", t), getIsOpen: (t) => r.getIsPortalOpen(t), openPortals: a };
-};
-export {
-  b as u
-};