boottent-design 0.1.209 → 0.1.210
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hooks.cjs.js +1 -1
- package/dist/hooks.es.js +1 -1
- package/dist/{portal-manager-DZmFgCdy.cjs → portal-manager-BiLYvCuq.cjs} +1 -1
- package/dist/{portal-manager-C2SAuVCB.js → portal-manager-vOG4GRV5.js} +22 -15
- package/dist/provider.cjs.js +1 -1
- package/dist/provider.es.js +2 -2
- package/dist/utils.cjs.js +1 -1
- package/dist/utils.es.js +1 -1
- package/package.json +1 -1
package/dist/hooks.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./use-metadata-CZiZDN9j.cjs");require("react/jsx-runtime");const t=require("react"),o=require("./portal-manager-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./use-metadata-CZiZDN9j.cjs");require("react/jsx-runtime");const t=require("react"),o=require("./portal-manager-BiLYvCuq.cjs");require("./preview-9QZ5P9LT.cjs");require("./index-Cv4pTXfv.cjs");const s=require("./use-toastmodal-B1QxDevT.cjs"),q=()=>{const[u,r]=t.useState([]);t.useEffect(()=>{const e=(c,p)=>{r(n=>p?[...new Set([...n,c.id])]:n.filter(k=>k!==c.id))},l=o.portalManager.subscribe(e);return r(o.portalManager.getOpenPortals()),()=>l()},[]);const a=t.useCallback((e,l)=>o.portalManager.openPortal(e,{...l,onClose:l.onClose??(()=>{})}),[]),d=t.useCallback(e=>a("modal",e),[a]),i=t.useCallback(e=>typeof e=="string"?a("alert",{description:e}):a("alert",e),[a]),g=t.useCallback(e=>a("dialog",e),[a]),M=t.useCallback(e=>a("custom",e),[a]),b=t.useCallback(e=>o.portalManager.getIsPortalOpen(e),[]),P=t.useCallback(e=>o.portalManager.closePortal(e),[]),C=t.useCallback(()=>o.portalManager.closeAllPortals(),[]);return{open:a,confirm:d,alert:i,dialog:g,custom:M,getIsOpen:b,closePortal:P,closeAllPortals:C,openPortals:u}};exports.useMetadata=m.useMetadata;exports.modalReducer=s.modalReducer;exports.toast=s.toast;exports.toastModal=s.toastModal;exports.toastReducer=s.toastReducer;exports.useToast=s.useToast;exports.useToastModal=s.useToastModal;exports.usePortal=q;
|
package/dist/hooks.es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { u as w } from "./use-metadata-BrY8rtWx.js";
|
|
2
2
|
import "react/jsx-runtime";
|
|
3
3
|
import { useState as M, useEffect as O, useCallback as s } from "react";
|
|
4
|
-
import { p as e } from "./portal-manager-
|
|
4
|
+
import { p as e } from "./portal-manager-vOG4GRV5.js";
|
|
5
5
|
import "./preview-Cocn_vDi.js";
|
|
6
6
|
import "./index-DT339AZp.js";
|
|
7
7
|
import { m as E, a as h, b as j, t as q, u as z, c as B } from "./use-toastmodal-BpqFNqCw.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var d=Object.defineProperty;var p=(e,t,s)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var a=(e,t,s)=>p(e,typeof t!="symbol"?t+"":t,s);let u;const h=new Uint8Array(16);function g(){if(!u&&(u=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!u))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return u(h)}const o=[];for(let e=0;e<256;++e)o.push((e+256).toString(16).slice(1));function f(e,t=0){return o[e[t+0]]+o[e[t+1]]+o[e[t+2]]+o[e[t+3]]+"-"+o[e[t+4]]+o[e[t+5]]+"-"+o[e[t+6]]+o[e[t+7]]+"-"+o[e[t+8]]+o[e[t+9]]+"-"+o[e[t+10]]+o[e[t+11]]+o[e[t+12]]+o[e[t+13]]+o[e[t+14]]+o[e[t+15]]}const w=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),c={randomUUID:w};function y(e,t,s){if(c.randomUUID&&!e)return c.randomUUID();e=e||{};const n=e.random||(e.rng||g)();return n[6]=n[6]&15|64,n[8]=n[8]&63|128,f(n)}class m{constructor(){a(this,"listeners",new Set);a(this,"portals",new Map);a(this,"queue",[]);a(this,"isProcessing",!1);a(this,"pendingEvents",[]);a(this,"broadcastScheduled",!1)}schedule(t){typeof window<"u"&&typeof window.requestAnimationFrame=="function"?window.requestAnimationFrame(()=>t()):setTimeout(t,0)}processQueue(){if(this.isProcessing||this.queue.length===0)return;this.isProcessing=!0;const t=()=>{const s=this.queue.shift();if(!s){this.isProcessing=!1;return}try{s()}finally{this.schedule(t)}};t()}scheduleBroadcast(t){this.pendingEvents.push(t),!this.broadcastScheduled&&(this.broadcastScheduled=!0,this.queue.push(()=>{const s=this.pendingEvents.slice();this.pendingEvents=[],this.broadcastScheduled=!1;for(const n of s)this.listeners.forEach(r=>{try{r(n.options,n.isOpen)}catch(i){process.env.NODE_ENV!=="production"&&console.error("[PortalManager] listener error:",i)}})}),this.processQueue())}isPortalOpen(t){var s;return((s=this.portals.get(t))==null?void 0:s.isOpen)??!1}isDuplicateAllowed(t){return t==="toast"}subscribe(t){return this.listeners.add(t),()=>{this.listeners.delete(t)}}openPortal(t,s){const n=s.id??this.generateId(t);if(!this.isDuplicateAllowed(t)&&this.isPortalOpen(n))return n;const i={...{id:n,type:t,props:{...s,id:n}},isOpen:!0};return this.portals.set(n,i),this.scheduleBroadcast({options:i,isOpen:!0}),n}setPortalOpen(t,s){var r,i;const n=this.portals.get(t);if(n&&n.isOpen!==s){if(!s){const l=n._openedAt;if(l&&Date.now()-l<300)return}n.isOpen=s,s&&(n._openedAt=Date.now()),this.portals.set(t,n),this.scheduleBroadcast({options:n,isOpen:s}),s||(i=(r=n.props).onClose)==null||i.call(r)}}updatePortal(t,s,n){const r=this.portals.get(t);if(!r||r.type!==s)return;const i={...r,props:{...r.props,...n}};this.portals.set(t,i),this.scheduleBroadcast({options:i,isOpen:!0})}closePortal(t){this.setPortalOpen(t,!1)}closeAllPortals(){this.getOpenPortals().forEach(t=>this.closePortal(t))}getIsPortalOpen(t){var s;return((s=this.portals.get(t))==null?void 0:s.isOpen)??!1}getOpenPortals(){const t=[];for(const[s,n]of this.portals.entries())n.isOpen&&t.push(s);return t}generateId(t){const s=typeof window<"u"&&window.location?window.location.pathname:"ssr",n=`${t}_${s}`;return this.isDuplicateAllowed(t)?`${n}_${y()}`:n}}const P=new m;exports.portalManager=P;
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
var
|
|
2
|
-
var p = (e, t, s) => t in e ?
|
|
1
|
+
var d = Object.defineProperty;
|
|
2
|
+
var p = (e, t, s) => t in e ? d(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
|
|
3
3
|
var a = (e, t, s) => p(e, typeof t != "symbol" ? t + "" : t, s);
|
|
4
4
|
let u;
|
|
5
|
-
const
|
|
6
|
-
function
|
|
5
|
+
const h = new Uint8Array(16);
|
|
6
|
+
function g() {
|
|
7
7
|
if (!u && (u = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !u))
|
|
8
8
|
throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
|
|
9
|
-
return u(
|
|
9
|
+
return u(h);
|
|
10
10
|
}
|
|
11
11
|
const o = [];
|
|
12
12
|
for (let e = 0; e < 256; ++e)
|
|
13
13
|
o.push((e + 256).toString(16).slice(1));
|
|
14
|
-
function
|
|
14
|
+
function f(e, t = 0) {
|
|
15
15
|
return o[e[t + 0]] + o[e[t + 1]] + o[e[t + 2]] + o[e[t + 3]] + "-" + o[e[t + 4]] + o[e[t + 5]] + "-" + o[e[t + 6]] + o[e[t + 7]] + "-" + o[e[t + 8]] + o[e[t + 9]] + "-" + o[e[t + 10]] + o[e[t + 11]] + o[e[t + 12]] + o[e[t + 13]] + o[e[t + 14]] + o[e[t + 15]];
|
|
16
16
|
}
|
|
17
|
-
const w = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto),
|
|
17
|
+
const w = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), c = {
|
|
18
18
|
randomUUID: w
|
|
19
19
|
};
|
|
20
20
|
function y(e, t, s) {
|
|
21
|
-
if (
|
|
22
|
-
return
|
|
21
|
+
if (c.randomUUID && !e)
|
|
22
|
+
return c.randomUUID();
|
|
23
23
|
e = e || {};
|
|
24
|
-
const n = e.random || (e.rng ||
|
|
25
|
-
return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128,
|
|
24
|
+
const n = e.random || (e.rng || g)();
|
|
25
|
+
return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, f(n);
|
|
26
26
|
}
|
|
27
|
-
class
|
|
27
|
+
class m {
|
|
28
28
|
constructor() {
|
|
29
29
|
a(this, "listeners", /* @__PURE__ */ new Set());
|
|
30
30
|
a(this, "portals", /* @__PURE__ */ new Map());
|
|
@@ -93,7 +93,14 @@ class f {
|
|
|
93
93
|
setPortalOpen(t, s) {
|
|
94
94
|
var r, i;
|
|
95
95
|
const n = this.portals.get(t);
|
|
96
|
-
n && n.isOpen !== s
|
|
96
|
+
if (n && n.isOpen !== s) {
|
|
97
|
+
if (!s) {
|
|
98
|
+
const l = n._openedAt;
|
|
99
|
+
if (l && Date.now() - l < 300)
|
|
100
|
+
return;
|
|
101
|
+
}
|
|
102
|
+
n.isOpen = s, s && (n._openedAt = Date.now()), this.portals.set(t, n), this.scheduleBroadcast({ options: n, isOpen: s }), s || (i = (r = n.props).onClose) == null || i.call(r);
|
|
103
|
+
}
|
|
97
104
|
}
|
|
98
105
|
updatePortal(t, s, n) {
|
|
99
106
|
const r = this.portals.get(t);
|
|
@@ -125,7 +132,7 @@ class f {
|
|
|
125
132
|
return this.isDuplicateAllowed(t) ? `${n}_${y()}` : n;
|
|
126
133
|
}
|
|
127
134
|
}
|
|
128
|
-
const
|
|
135
|
+
const b = new m();
|
|
129
136
|
export {
|
|
130
|
-
|
|
137
|
+
b as p
|
|
131
138
|
};
|
package/dist/provider.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),h=require("./use-toastmodal-B1QxDevT.cjs"),l=require("./index-C1T36J_d.cjs"),P=require("./preview-9QZ5P9LT.cjs"),M=require("./toast-form-BjkW_vXG.cjs"),f=require("react"),g=require("./portal-manager-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),h=require("./use-toastmodal-B1QxDevT.cjs"),l=require("./index-C1T36J_d.cjs"),P=require("./preview-9QZ5P9LT.cjs"),M=require("./toast-form-BjkW_vXG.cjs"),f=require("react"),g=require("./portal-manager-BiLYvCuq.cjs");require("./index-z9hRvvSX.cjs");require("./index-Cv4pTXfv.cjs");const w=require("react-dom");function q(){const{modals:e,dismiss:s}=h.useToastModal(),a=e.some(o=>o.open);return r.jsxs(l.ToastModalProvider,{children:[e.map(function({id:o,title:m,description:T,content:t,onConfirm:n,confirmText:x="확인",onCancel:d,cancelText:u="취소",size:i,contents:c,variant:p,width:O,closeType:j,...E}){return r.jsxs(l.ToastModal,{width:O,...E,className:"flex flex-col gap-4",children:[r.jsx(l.ToastModalTitle,{children:m}),r.jsxs("div",{className:"flex flex-col gap-2",children:[T&&r.jsx(l.ToastModalDescription,{className:"text-sm text-foreground",children:T}),t&&r.jsx(l.ToastModalDescription,{children:t})]}),c&&r.jsx(l.ToastModalContents,{children:c}),r.jsxs("div",{className:P.cn("flex items-center justify-between gap-2",j&&"justify-end"),children:[!j&&r.jsx(l.ToastModalClose,{className:"w-1/2",size:i,variant:"outline",children:u}),r.jsx(l.ToastModalAction,{className:j?"":"w-1/2",altText:"confirm",size:i,variant:p,onClick:n,children:x})]})]},o)}),r.jsx(l.ToastModalViewport,{isOpen:a?"open":"close",onClick:()=>e.forEach(o=>!o.closeType&&s(o.id))})]})}const D={modal:(e,s)=>r.jsx(M.ModalForm,{...e.props,onClose:s},e.id),alert:(e,s)=>r.jsx(M.AlertForm,{...e.props,onClose:s},e.id),dialog:(e,s)=>r.jsx(M.DialogForm,{...e.props,onClose:s},e.id),custom:(e,s)=>r.jsx(M.FreeForm,{...e.props,onClose:s},e.id)},C=()=>{const[e,s]=f.useState([]),a=f.useRef(new Map),o=300,m=f.useRef(new Map);f.useEffect(()=>{const t=g.portalManager.subscribe((n,x)=>{s(d=>{const u=d.findIndex(i=>i.id===n.id);if(x)if(u===-1){const i=[...d,{...n,isOpen:!0}];m.current.set(n.id,Date.now());const c=a.current.get(n.id);return c&&(clearTimeout(c),a.current.delete(n.id)),i}else{const i=d.slice();i[u]={...i[u],...n,isOpen:!0},m.current.set(n.id,Date.now());const c=a.current.get(n.id);return c&&(clearTimeout(c),a.current.delete(n.id)),i}else{if(u===-1)return d;const i=m.current.get(n.id);if(i&&Date.now()-i<o)return d;const c=d.slice();return c[u]={...c[u],isOpen:!1},c}})});return()=>t()},[]);const T=f.useCallback(t=>{g.portalManager.setPortalOpen(t,!1)},[]);return f.useEffect(()=>(e.forEach(t=>{if(!t.isOpen&&!a.current.has(t.id)){const n=setTimeout(()=>{s(x=>x.filter(d=>d.id!==t.id)),a.current.delete(t.id)},300);a.current.set(t.id,n)}}),()=>{a.current.forEach(t=>clearTimeout(t)),a.current.clear()}),[e]),r.jsx(b,{children:e.map(t=>{if(!t.isOpen||t.type==="toast")return null;const n=D[t.type];return n(t,()=>T(t.id))})})},b=({children:e})=>{const[s,a]=f.useState(null);return f.useEffect(()=>{if(typeof document>"u")return;let o=document.getElementById("portal");o||(o=document.createElement("div"),o.id="portal",document.body.appendChild(o)),a(o)},[]),s?w.createPortal(e,s):null};function v(){const{toasts:e}=h.useToast();return r.jsxs(l.ToastProvider,{children:[e.map(s=>r.jsx(M.ToastForm,{...s},s.id)),r.jsx(l.ToastViewport,{})]})}exports.ModalManager=q;exports.PortalProvider=C;exports.ToastManager=v;
|
package/dist/provider.es.js
CHANGED
|
@@ -4,7 +4,7 @@ import { T as b, a as F, b as N, c as h, d as y, e as A, f as v, g as R, h as _,
|
|
|
4
4
|
import { c as k } from "./preview-Cocn_vDi.js";
|
|
5
5
|
import { F as S, D as I, A as U, M as V, T as B } from "./toast-form-B3hEA_lp.js";
|
|
6
6
|
import { useState as O, useRef as g, useEffect as M, useCallback as G } from "react";
|
|
7
|
-
import { p as x } from "./portal-manager-
|
|
7
|
+
import { p as x } from "./portal-manager-vOG4GRV5.js";
|
|
8
8
|
import "./index-CEwEyzHV.js";
|
|
9
9
|
import "./index-DT339AZp.js";
|
|
10
10
|
import J from "react-dom";
|
|
@@ -65,7 +65,7 @@ const q = {
|
|
|
65
65
|
dialog: (e, r) => /* @__PURE__ */ a(I, { ...e.props, onClose: r }, e.id),
|
|
66
66
|
custom: (e, r) => /* @__PURE__ */ a(S, { ...e.props, onClose: r }, e.id)
|
|
67
67
|
}, re = () => {
|
|
68
|
-
const [e, r] = O([]), o = g(/* @__PURE__ */ new Map()), s =
|
|
68
|
+
const [e, r] = O([]), o = g(/* @__PURE__ */ new Map()), s = 300, u = g(/* @__PURE__ */ new Map());
|
|
69
69
|
M(() => {
|
|
70
70
|
const t = x.subscribe((n, m) => {
|
|
71
71
|
r((l) => {
|
package/dist/utils.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./notion-Sqp-Xzqi.cjs"),t=require("./preview-9QZ5P9LT.cjs"),r=require("./portal-manager-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./notion-Sqp-Xzqi.cjs"),t=require("./preview-9QZ5P9LT.cjs"),r=require("./portal-manager-BiLYvCuq.cjs");exports.buildBlockTree=e.buildBlockTree;exports.getCampDateText=e.getCampDateText;exports.getCampDdayText=e.getCampDdayText;exports.getDropdownButtonText=e.getDropdownButtonText;exports.getEventCampCostValue=e.getEventCampCostValue;exports.getPriority=e.getPriority;exports.getWrapperComponent=e.getWrapperComponent;exports.getYoutubeEmbedUrl=e.getYoutubeEmbedUrl;exports.groupBlocks=e.groupBlocks;exports.isListOrInsideList=e.isListOrInsideList;exports.isPriorityHeading=e.isPriorityHeading;exports.listTypes=e.listTypes;exports.addUTMtoUrl=t.addUTMtoUrl;exports.cn=t.cn;exports.convertBorderColorToHex=t.convertBorderColorToHex;exports.createHexToTokenMap=t.createHexToTokenMap;exports.getDaysDifference=t.getDaysDifference;exports.hexToTokenMap=t.hexToTokenMap;exports.parseDateString=t.parseDateString;exports.parseInlineStyle=t.parseInlineStyle;exports.rgbToHex=t.rgbToHex;exports.portalManager=r.portalManager;
|
package/dist/utils.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { d as s, g as t, a as r, c as o, b as p, e as i, f as n, k as g, j as l, h as T, i as d, l as x } from "./notion-CfqLwM8d.js";
|
|
2
2
|
import { a as m, c as b, d as f, e as u, g as y, h as C, b as D, p as k, r as B } from "./preview-Cocn_vDi.js";
|
|
3
|
-
import { p as M } from "./portal-manager-
|
|
3
|
+
import { p as M } from "./portal-manager-vOG4GRV5.js";
|
|
4
4
|
export {
|
|
5
5
|
m as addUTMtoUrl,
|
|
6
6
|
s as buildBlockTree,
|