@deepnoid/ui 0.1.222 → 0.1.223

package/dist/components/toast/use-toast.js

@@ -5368,7 +5368,7 @@ var Toast = (0, import_react.forwardRef)((originalProps, ref) => {
       style: hasShadow ? { boxShadow: "0px 6px 18px rgba(0, 0, 0, 0.10)" } : {},
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
-          showIcon && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: originalProps.icon || "info-circle", fill: true, className: "mt-[2px]" }),
+          showIcon && (originalProps.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "loading", className: "mt-[2px] animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: originalProps.icon || "info-circle", fill: true, className: "mt-[2px]" })),
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: slots.title({ class: classNames == null ? void 0 : classNames.title }), children: title }),
           showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "close", className: "cursor-pointer", onClick: onClose })
         ] }),
@@ -5493,27 +5493,119 @@ var ToastProvider = ({
   const [toasts, setToasts] = (0, import_react2.useState)([]);
   const [containerStyle, setContainerStyle] = (0, import_react2.useState)({});
   const toastRef = (0, import_react2.useRef)(null);
+  const timersRef = (0, import_react2.useRef)(/* @__PURE__ */ new Map());
+  const startTimer = (0, import_react2.useCallback)((id, duration) => {
+    const existing = timersRef.current.get(id);
+    if (existing) clearTimeout(existing);
+    if (!isFinite(duration) || duration <= 0) {
+      timersRef.current.delete(id);
+      return;
+    }
+    const timer = setTimeout(() => {
+      setToasts((prev) => prev.filter((t) => t.id !== id));
+      timersRef.current.delete(id);
+    }, duration);
+    timersRef.current.set(id, timer);
+  }, []);
+  const clearTimer = (0, import_react2.useCallback)((id) => {
+    const timer = timersRef.current.get(id);
+    if (timer) {
+      clearTimeout(timer);
+      timersRef.current.delete(id);
+    }
+  }, []);
+  (0, import_react2.useEffect)(() => {
+    const timers = timersRef.current;
+    return () => {
+      timers.forEach((timer) => clearTimeout(timer));
+      timers.clear();
+    };
+  }, []);
   const addToast = (0, import_react2.useCallback)(
     (title, options = {}) => {
+      var _a, _b;
       const id = Date.now() + Math.floor(Math.random() * 1e5);
+      const duration = options.isLoading ? Infinity : (_b = (_a = options.duration) != null ? _a : globalOptions == null ? void 0 : globalOptions.duration) != null ? _b : 3e3;
       const newToast = {
+        ...globalOptions,
+        ...options,
         id,
         title,
-        duration: 3e3,
-        ...globalOptions,
-        ...options
+        duration
       };
       setToasts((prev) => [...prev, newToast]);
-      setTimeout(() => {
-        setToasts((prevToasts) => prevToasts.filter((toast2) => toast2.id !== id));
-      }, newToast.duration || 3e3);
+      startTimer(id, duration);
+      return id;
     },
-    [globalOptions]
+    [globalOptions, startTimer]
   );
-  const removeToast = (0, import_react2.useCallback)((id) => {
-    setToasts((prevToasts) => prevToasts.filter((toast2) => toast2.id !== id));
-  }, []);
-  const contextValue = addToast;
+  const removeToast = (0, import_react2.useCallback)(
+    (id) => {
+      clearTimer(id);
+      setToasts((prevToasts) => prevToasts.filter((toast2) => toast2.id !== id));
+    },
+    [clearTimer]
+  );
+  const updateToast = (0, import_react2.useCallback)(
+    (id, options) => {
+      setToasts(
+        (prev) => prev.map((t) => {
+          var _a, _b;
+          if (t.id !== id) return t;
+          const updated = { ...t, ...options };
+          if (t.isLoading && options.isLoading === false) {
+            const duration = (_b = (_a = options.duration) != null ? _a : globalOptions == null ? void 0 : globalOptions.duration) != null ? _b : 3e3;
+            updated.duration = duration;
+            startTimer(id, duration);
+          }
+          return updated;
+        })
+      );
+    },
+    [globalOptions == null ? void 0 : globalOptions.duration, startTimer]
+  );
+  const dismissToast = (0, import_react2.useCallback)(
+    (id) => {
+      if (id !== void 0) {
+        removeToast(id);
+      } else {
+        timersRef.current.forEach((timer) => clearTimeout(timer));
+        timersRef.current.clear();
+        setToasts([]);
+      }
+    },
+    [removeToast]
+  );
+  const loadingToast = (0, import_react2.useCallback)(
+    (title, options = {}) => {
+      return addToast(title, { ...options, isLoading: true });
+    },
+    [addToast]
+  );
+  const contextValue = (0, import_react2.useMemo)(() => {
+    const fn = (title, options) => {
+      return addToast(title, options);
+    };
+    fn.loading = loadingToast;
+    fn.update = updateToast;
+    fn.dismiss = dismissToast;
+    fn.promise = (promise, messages, options = {}) => {
+      const id = loadingToast(messages.loading, options);
+      return promise.then(
+        (data) => {
+          const title = typeof messages.success === "function" ? messages.success(data) : messages.success;
+          updateToast(id, { title, color: "success", isLoading: false });
+          return data;
+        },
+        (err) => {
+          const title = typeof messages.error === "function" ? messages.error(err) : messages.error;
+          updateToast(id, { title, color: "danger", isLoading: false });
+          throw err;
+        }
+      );
+    };
+    return fn;
+  }, [addToast, loadingToast, updateToast, dismissToast]);
   (0, import_react2.useEffect)(() => {
     var _a;
     const width = (globalOptions == null ? void 0 : globalOptions.width) ? globalOptions.width : typeof ((_a = toastRef.current) == null ? void 0 : _a.getWidth) === "function" ? toastRef.current.getWidth() : 300;

package/dist/components/toast/use-toast.mjs

@@ -2,9 +2,9 @@
 import {
   ToastProvider,
   useToast
-} from "../../chunk-6S6PH233.mjs";
+} from "../../chunk-RY5VVXQ4.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
-import "../../chunk-YMXYJUOP.mjs";
+import "../../chunk-2URJGQFC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-6AID2NLT.mjs";
 import "../../chunk-P5L4YI54.mjs";

package/dist/index.d.mts

@@ -27,7 +27,7 @@ export { default as Drawer } from './components/drawer/drawer.mjs';
 export { default as List } from './components/list/list.mjs';
 export { default as ListItem, ListItemProps } from './components/list/listItem.mjs';
 export { default as Toast } from './components/toast/toast.mjs';
-export { ToastProvider, useToast } from './components/toast/use-toast.mjs';
+export { CreateToastOptions, ToastFunction, ToastId, ToastPromiseMessages, ToastProvider, useToast } from './components/toast/use-toast.mjs';
 export { default as Day } from './components/picker/day.mjs';
 export { default as DatePicker, DatePickerProps, DateRangeValue, DateValue } from './components/picker/datePicker.mjs';
 export { default as TimePicker, TimePickerProps } from './components/picker/timePicker/index.mjs';

package/dist/index.d.ts

@@ -27,7 +27,7 @@ export { default as Drawer } from './components/drawer/drawer.js';
 export { default as List } from './components/list/list.js';
 export { default as ListItem, ListItemProps } from './components/list/listItem.js';
 export { default as Toast } from './components/toast/toast.js';
-export { ToastProvider, useToast } from './components/toast/use-toast.js';
+export { CreateToastOptions, ToastFunction, ToastId, ToastPromiseMessages, ToastProvider, useToast } from './components/toast/use-toast.js';
 export { default as Day } from './components/picker/day.js';
 export { default as DatePicker, DatePickerProps, DateRangeValue, DateValue } from './components/picker/datePicker.js';
 export { default as TimePicker, TimePickerProps } from './components/picker/timePicker/index.js';

package/dist/index.js

@@ -11273,7 +11273,7 @@ var Toast = (0, import_react33.forwardRef)((originalProps, ref) => {
       style: hasShadow ? { boxShadow: "0px 6px 18px rgba(0, 0, 0, 0.10)" } : {},
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
-          showIcon && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon_default, { name: originalProps.icon || "info-circle", fill: true, className: "mt-[2px]" }),
+          showIcon && (originalProps.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon_default, { name: "loading", className: "mt-[2px] animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon_default, { name: originalProps.icon || "info-circle", fill: true, className: "mt-[2px]" })),
           /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: slots.title({ class: classNames == null ? void 0 : classNames.title }), children: title }),
           showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon_default, { name: "close", className: "cursor-pointer", onClick: onClose })
         ] }),
@@ -11437,27 +11437,119 @@ var ToastProvider = ({
   const [toasts, setToasts] = (0, import_react34.useState)([]);
   const [containerStyle, setContainerStyle] = (0, import_react34.useState)({});
   const toastRef = (0, import_react34.useRef)(null);
+  const timersRef = (0, import_react34.useRef)(/* @__PURE__ */ new Map());
+  const startTimer = (0, import_react34.useCallback)((id, duration) => {
+    const existing = timersRef.current.get(id);
+    if (existing) clearTimeout(existing);
+    if (!isFinite(duration) || duration <= 0) {
+      timersRef.current.delete(id);
+      return;
+    }
+    const timer = setTimeout(() => {
+      setToasts((prev) => prev.filter((t) => t.id !== id));
+      timersRef.current.delete(id);
+    }, duration);
+    timersRef.current.set(id, timer);
+  }, []);
+  const clearTimer = (0, import_react34.useCallback)((id) => {
+    const timer = timersRef.current.get(id);
+    if (timer) {
+      clearTimeout(timer);
+      timersRef.current.delete(id);
+    }
+  }, []);
+  (0, import_react34.useEffect)(() => {
+    const timers = timersRef.current;
+    return () => {
+      timers.forEach((timer) => clearTimeout(timer));
+      timers.clear();
+    };
+  }, []);
   const addToast = (0, import_react34.useCallback)(
     (title, options = {}) => {
+      var _a, _b;
       const id = Date.now() + Math.floor(Math.random() * 1e5);
+      const duration = options.isLoading ? Infinity : (_b = (_a = options.duration) != null ? _a : globalOptions == null ? void 0 : globalOptions.duration) != null ? _b : 3e3;
       const newToast = {
+        ...globalOptions,
+        ...options,
         id,
         title,
-        duration: 3e3,
-        ...globalOptions,
-        ...options
+        duration
       };
       setToasts((prev) => [...prev, newToast]);
-      setTimeout(() => {
-        setToasts((prevToasts) => prevToasts.filter((toast2) => toast2.id !== id));
-      }, newToast.duration || 3e3);
+      startTimer(id, duration);
+      return id;
     },
-    [globalOptions]
+    [globalOptions, startTimer]
   );
-  const removeToast = (0, import_react34.useCallback)((id) => {
-    setToasts((prevToasts) => prevToasts.filter((toast2) => toast2.id !== id));
-  }, []);
-  const contextValue = addToast;
+  const removeToast = (0, import_react34.useCallback)(
+    (id) => {
+      clearTimer(id);
+      setToasts((prevToasts) => prevToasts.filter((toast2) => toast2.id !== id));
+    },
+    [clearTimer]
+  );
+  const updateToast = (0, import_react34.useCallback)(
+    (id, options) => {
+      setToasts(
+        (prev) => prev.map((t) => {
+          var _a, _b;
+          if (t.id !== id) return t;
+          const updated = { ...t, ...options };
+          if (t.isLoading && options.isLoading === false) {
+            const duration = (_b = (_a = options.duration) != null ? _a : globalOptions == null ? void 0 : globalOptions.duration) != null ? _b : 3e3;
+            updated.duration = duration;
+            startTimer(id, duration);
+          }
+          return updated;
+        })
+      );
+    },
+    [globalOptions == null ? void 0 : globalOptions.duration, startTimer]
+  );
+  const dismissToast = (0, import_react34.useCallback)(
+    (id) => {
+      if (id !== void 0) {
+        removeToast(id);
+      } else {
+        timersRef.current.forEach((timer) => clearTimeout(timer));
+        timersRef.current.clear();
+        setToasts([]);
+      }
+    },
+    [removeToast]
+  );
+  const loadingToast = (0, import_react34.useCallback)(
+    (title, options = {}) => {
+      return addToast(title, { ...options, isLoading: true });
+    },
+    [addToast]
+  );
+  const contextValue = (0, import_react34.useMemo)(() => {
+    const fn = (title, options) => {
+      return addToast(title, options);
+    };
+    fn.loading = loadingToast;
+    fn.update = updateToast;
+    fn.dismiss = dismissToast;
+    fn.promise = (promise, messages, options = {}) => {
+      const id = loadingToast(messages.loading, options);
+      return promise.then(
+        (data) => {
+          const title = typeof messages.success === "function" ? messages.success(data) : messages.success;
+          updateToast(id, { title, color: "success", isLoading: false });
+          return data;
+        },
+        (err) => {
+          const title = typeof messages.error === "function" ? messages.error(err) : messages.error;
+          updateToast(id, { title, color: "danger", isLoading: false });
+          throw err;
+        }
+      );
+    };
+    return fn;
+  }, [addToast, loadingToast, updateToast, dismissToast]);
   (0, import_react34.useEffect)(() => {
     var _a;
     const width = (globalOptions == null ? void 0 : globalOptions.width) ? globalOptions.width : typeof ((_a = toastRef.current) == null ? void 0 : _a.getWidth) === "function" ? toastRef.current.getWidth() : 300;

package/dist/index.mjs

@@ -21,11 +21,11 @@ import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "./chunk-6S6PH233.mjs";
+} from "./chunk-RY5VVXQ4.mjs";
 import "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "./chunk-YMXYJUOP.mjs";
+} from "./chunk-2URJGQFC.mjs";
 import "./chunk-LVFI2NOH.mjs";
 import {
   switch_default
@@ -36,7 +36,7 @@ import {
 } from "./chunk-BH3I4LIZ.mjs";
 import {
   table_default
-} from "./chunk-DQHNPDVN.mjs";
+} from "./chunk-Q3KBMVJS.mjs";
 import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
@@ -88,11 +88,15 @@ import {
 import {
   modal_default
 } from "./chunk-EVJ46M3U.mjs";
-import "./chunk-QZ3LVYJW.mjs";
 import "./chunk-MGEWSREV.mjs";
+import "./chunk-QZ3LVYJW.mjs";
 import {
-  chip_default
-} from "./chunk-V2YH54JQ.mjs";
+  checkbox_default
+} from "./chunk-3DCUMRYP.mjs";
+import "./chunk-32GA3YW4.mjs";
+import {
+  drawer_default
+} from "./chunk-ZFC5O2V3.mjs";
 import "./chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
@@ -105,10 +109,6 @@ import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
 } from "./chunk-EJ4GDC6K.mjs";
-import "./chunk-32GA3YW4.mjs";
-import {
-  drawer_default
-} from "./chunk-ZFC5O2V3.mjs";
 import "./chunk-3OCNT22V.mjs";
 import {
   areaChart_default
@@ -131,8 +131,8 @@ import {
   simpleBarChart_default
 } from "./chunk-6WD32ERF.mjs";
 import {
-  checkbox_default
-} from "./chunk-3DCUMRYP.mjs";
+  chip_default
+} from "./chunk-V2YH54JQ.mjs";
 import "./chunk-SE5TU755.mjs";
 import {
   backdrop_default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.222",
+  "version": "0.1.223",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
@@ -22,6 +22,7 @@
     "copy:font": "copyfiles -u 2 src/fonts/**/* dist/fonts",
     "deploy:npm": "npm publish --access=public",
     "lint": "TIMING=1 eslint \"**/*.{ts,tsx,js,jsx}\" --fix",
+    "check-types": "tsc --noEmit",
     "publish:npm": "npm version patch --no-git-tag-version && npm publish --access=public"
   },
   "dependencies": {

package/dist/chunk-6S6PH233.mjs

@@ -1,71 +0,0 @@
-"use client";
-import {
-  getToastPosition
-} from "./chunk-ZOTHPHXA.mjs";
-import {
-  toast_default
-} from "./chunk-YMXYJUOP.mjs";
-
-// src/components/toast/use-toast.tsx
-import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ToastContext = createContext(null);
-var useToast = () => {
-  const context = useContext(ToastContext);
-  if (!context) {
-    throw new Error("useToast must be used within a ToastProvider");
-  }
-  return context;
-};
-var ToastProvider = ({
-  globalOptions,
-  children
-}) => {
-  const [toasts, setToasts] = useState([]);
-  const [containerStyle, setContainerStyle] = useState({});
-  const toastRef = useRef(null);
-  const addToast = useCallback(
-    (title, options = {}) => {
-      const id = Date.now() + Math.floor(Math.random() * 1e5);
-      const newToast = {
-        id,
-        title,
-        duration: 3e3,
-        ...globalOptions,
-        ...options
-      };
-      setToasts((prev) => [...prev, newToast]);
-      setTimeout(() => {
-        setToasts((prevToasts) => prevToasts.filter((toast) => toast.id !== id));
-      }, newToast.duration || 3e3);
-    },
-    [globalOptions]
-  );
-  const removeToast = useCallback((id) => {
-    setToasts((prevToasts) => prevToasts.filter((toast) => toast.id !== id));
-  }, []);
-  const contextValue = addToast;
-  useEffect(() => {
-    var _a;
-    const width = (globalOptions == null ? void 0 : globalOptions.width) ? globalOptions.width : typeof ((_a = toastRef.current) == null ? void 0 : _a.getWidth) === "function" ? toastRef.current.getWidth() : 300;
-    const offset = 20;
-    const placement = (globalOptions == null ? void 0 : globalOptions.placement) || "bottom-right";
-    const { top, left, bottom, right } = getToastPosition(placement, width, offset);
-    setContainerStyle({
-      position: "fixed",
-      top: top !== void 0 ? `${top}px` : void 0,
-      left: left !== void 0 ? `${left}px` : void 0,
-      bottom: bottom !== void 0 ? `${bottom}px` : void 0,
-      right: right !== void 0 ? `${right}px` : void 0
-    });
-  }, [globalOptions == null ? void 0 : globalOptions.placement, globalOptions == null ? void 0 : globalOptions.width]);
-  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: contextValue, children: [
-    children,
-    /* @__PURE__ */ jsx("div", { id: "deepnoid-toast-container", className: "flex flex-col gap-[10px]", style: containerStyle, children: toasts.map((toast) => /* @__PURE__ */ jsx(toast_default, { ref: toastRef, onClose: () => removeToast(toast.id), ...toast }, toast.id)) })
-  ] });
-};
-
-export {
-  useToast,
-  ToastProvider
-};

package/dist/{chunk-DQHNPDVN.mjs → chunk-Q3KBMVJS.mjs}

@@ -2,12 +2,12 @@
 import {
   pagination_default
 } from "./chunk-TE5JU3WA.mjs";
-import {
-  scrollArea_default
-} from "./chunk-EWS3FESG.mjs";
 import {
   checkbox_default
 } from "./chunk-3DCUMRYP.mjs";
+import {
+  scrollArea_default
+} from "./chunk-EWS3FESG.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";