soda-heroui 0.6.9 → 0.7.0

package/dist/index.cjs

@@ -57,6 +57,9 @@ var __webpack_modules__ = {
     "@/components/FormTimeInput": function(module) {
         module.exports = require("./components/FormTimeInput.cjs");
     },
+    "@/utils/addBetterToast": function(module) {
+        module.exports = require("./utils/addBetterToast.cjs");
+    },
     "@/utils/getFieldProps": function(module) {
         module.exports = require("./utils/getFieldProps.cjs");
     },
@@ -224,22 +227,28 @@ var __webpack_exports__ = {};
         return _components_FormTimeInput__WEBPACK_IMPORTED_MODULE_18__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _utils_getFieldProps__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__("@/utils/getFieldProps");
+    var _utils_addBetterToast__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__("@/utils/addBetterToast");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _utils_addBetterToast__WEBPACK_IMPORTED_MODULE_19__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _utils_addBetterToast__WEBPACK_IMPORTED_MODULE_19__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _utils_getFieldProps__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__("@/utils/getFieldProps");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _utils_getFieldProps__WEBPACK_IMPORTED_MODULE_19__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _utils_getFieldProps__WEBPACK_IMPORTED_MODULE_19__[key];
+    for(var __WEBPACK_IMPORT_KEY__ in _utils_getFieldProps__WEBPACK_IMPORTED_MODULE_20__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _utils_getFieldProps__WEBPACK_IMPORTED_MODULE_20__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _utils_getTimeValue__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__("@/utils/getTimeValue");
+    var _utils_getTimeValue__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__("@/utils/getTimeValue");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _utils_getTimeValue__WEBPACK_IMPORTED_MODULE_20__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _utils_getTimeValue__WEBPACK_IMPORTED_MODULE_20__[key];
+    for(var __WEBPACK_IMPORT_KEY__ in _utils_getTimeValue__WEBPACK_IMPORTED_MODULE_21__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _utils_getTimeValue__WEBPACK_IMPORTED_MODULE_21__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _utils_parseTime__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__("@/utils/parseTime");
+    var _utils_parseTime__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__("@/utils/parseTime");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _utils_parseTime__WEBPACK_IMPORTED_MODULE_21__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _utils_parseTime__WEBPACK_IMPORTED_MODULE_21__[key];
+    for(var __WEBPACK_IMPORT_KEY__ in _utils_parseTime__WEBPACK_IMPORTED_MODULE_22__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _utils_parseTime__WEBPACK_IMPORTED_MODULE_22__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
 })();

package/dist/index.d.ts

@@ -17,6 +17,7 @@ export * from "./components/FormSelect";
 export * from "./components/FormSwitch";
 export * from "./components/FormTextarea";
 export * from "./components/FormTimeInput";
+export * from "./utils/addBetterToast";
 export * from "./utils/getFieldProps";
 export * from "./utils/getTimeValue";
 export * from "./utils/parseTime";

package/dist/index.js

@@ -17,6 +17,7 @@ export * from "./components/FormSelect.js";
 export * from "./components/FormSwitch.js";
 export * from "./components/FormTextarea.js";
 export * from "./components/FormTimeInput.js";
+export * from "./utils/addBetterToast.js";
 export * from "./utils/getFieldProps.js";
 export * from "./utils/getTimeValue.js";
 export * from "./utils/parseTime.js";

package/dist/utils/addBetterToast.cjs

@@ -0,0 +1,70 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    addBetterToast: ()=>addBetterToast,
+    closeToast: ()=>closeToast
+});
+const react_namespaceObject = require("@heroui/react");
+const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+function closeToast(key) {
+    const closeButton = document.querySelector(`.toast-${key}-close-button`);
+    if (!closeButton) console.warn(`Toast with key ${key} not found`);
+    closeButton?.click();
+}
+function addBetterToast({ key, loading, onClose, classNames, ...rest }) {
+    key ??= (0, external_deepsea_tools_namespaceObject.nanoid)();
+    classNames = {
+        ...classNames
+    };
+    classNames.closeButton = (0, external_deepsea_tools_namespaceObject.clsx)(classNames.closeButton, `toast-${key}-close-button`);
+    if (loading) {
+        const { promise, resolve } = Promise.withResolvers();
+        function newOnClose() {
+            resolve();
+            onClose?.();
+        }
+        (0, react_namespaceObject.addToast)({
+            classNames,
+            promise,
+            onClose: newOnClose,
+            ...rest
+        });
+    } else (0, react_namespaceObject.addToast)({
+        classNames,
+        onClose,
+        ...rest
+    });
+    return key;
+}
+exports.addBetterToast = __webpack_exports__.addBetterToast;
+exports.closeToast = __webpack_exports__.closeToast;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "addBetterToast",
+    "closeToast"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/utils/addBetterToast.d.ts

@@ -0,0 +1,8 @@
+import { addToast } from "@heroui/react";
+export type AddToastParams = Parameters<typeof addToast>[0];
+export interface AddBetterToastParams extends Omit<AddToastParams, "promise"> {
+    key?: string;
+    loading?: boolean;
+}
+export declare function closeToast(key: string): void;
+export declare function addBetterToast({ key, loading, onClose, classNames, ...rest }: AddBetterToastParams): string;

package/dist/utils/addBetterToast.js

@@ -0,0 +1,33 @@
+import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
+import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+function closeToast(key) {
+    const closeButton = document.querySelector(`.toast-${key}-close-button`);
+    if (!closeButton) console.warn(`Toast with key ${key} not found`);
+    closeButton?.click();
+}
+function addBetterToast({ key, loading, onClose, classNames, ...rest }) {
+    key ??= (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.nanoid)();
+    classNames = {
+        ...classNames
+    };
+    classNames.closeButton = (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.clsx)(classNames.closeButton, `toast-${key}-close-button`);
+    if (loading) {
+        const { promise, resolve } = Promise.withResolvers();
+        function newOnClose() {
+            resolve();
+            onClose?.();
+        }
+        (0, __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.addToast)({
+            classNames,
+            promise,
+            onClose: newOnClose,
+            ...rest
+        });
+    } else (0, __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.addToast)({
+        classNames,
+        onClose,
+        ...rest
+    });
+    return key;
+}
+export { addBetterToast, closeToast };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "soda-heroui",
-  "version": "0.6.9",
+  "version": "0.7.0",
   "description": "",
   "type": "module",
   "exports": {
@@ -37,10 +37,10 @@
   "dependencies": {
     "@internationalized/date": "^3.7.0",
     "@tanstack/react-form": "^1.3.0",
-    "deepsea-tools": "5.33.0",
     "soda-hooks": "6.10.3",
-    "soda-tanstack-form": "0.2.1",
-    "soda-type": "6.3.0"
+    "deepsea-tools": "5.33.0",
+    "soda-type": "6.3.0",
+    "soda-tanstack-form": "0.2.1"
   },
   "devDependencies": {
     "@ianvs/prettier-plugin-sort-imports": "^4.4.1",

package/src/index.ts

@@ -17,6 +17,7 @@ export * from "@/components/FormSelect"
 export * from "@/components/FormSwitch"
 export * from "@/components/FormTextarea"
 export * from "@/components/FormTimeInput"
+export * from "@/utils/addBetterToast"
 export * from "@/utils/getFieldProps"
 export * from "@/utils/getTimeValue"
 export * from "@/utils/parseTime"

package/src/utils/addBetterToast.ts

@@ -0,0 +1,44 @@
+import { addToast } from "@heroui/react"
+import { clsx, nanoid } from "deepsea-tools"
+
+export type AddToastParams = Parameters<typeof addToast>[0]
+
+export interface AddBetterToastParams extends Omit<AddToastParams, "promise"> {
+    key?: string
+    loading?: boolean
+}
+
+export function closeToast(key: string) {
+    const closeButton = document.querySelector(`.toast-${key}-close-button`) as HTMLButtonElement
+    if (!closeButton) console.warn(`Toast with key ${key} not found`)
+    closeButton?.click()
+}
+
+export function addBetterToast({ key, loading, onClose, classNames, ...rest }: AddBetterToastParams) {
+    key ??= nanoid()
+    classNames = { ...classNames }
+    classNames.closeButton = clsx(classNames.closeButton, `toast-${key}-close-button`)
+    if (loading) {
+        const { promise, resolve } = Promise.withResolvers<void>()
+
+        function newOnClose() {
+            resolve()
+            onClose?.()
+        }
+
+        addToast({
+            classNames,
+            promise,
+            onClose: newOnClose,
+            ...rest,
+        })
+    } else {
+        addToast({
+            classNames,
+            onClose,
+            ...rest,
+        })
+    }
+
+    return key
+}