@mmb-digital/ds-lilly 0.3.12 → 0.3.13

package/dist/ds-lilly.js

@@ -96928,62 +96928,34 @@ var Tile = function (_a) {
 
 
 // CONCATENATED MODULE: ./src/components/Components/Toast/Toast.hook.ts
-var Toast_hook_assign = (undefined && undefined.__assign) || function () {
-    Toast_hook_assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return Toast_hook_assign.apply(this, arguments);
+var ADD_TOAST_EVENT = 'toast/add';
+var REMOVE_TOAST_EVENT = 'toast/remove';
+var REMOVE_ALL_TOASTS_EVENT = 'toast/removeAll';
+var triggerEvent = function (eventType, data) {
+    try {
+        var event_1 = new CustomEvent(eventType, { detail: data });
+        document.dispatchEvent(event_1);
+    }
+    catch (err) {
+        var event_2 = document.createEvent('CustomEvent');
+        event_2.initCustomEvent(eventType, true, false, data);
+        document.dispatchEvent(event_2);
+    }
 };
-var Toast_hook_rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+var addToast = function (toast) {
+    triggerEvent(ADD_TOAST_EVENT, toast);
 };
-var Toast_hook_spreadArray = (undefined && undefined.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var removeToast = function (toastId) {
+    triggerEvent(REMOVE_TOAST_EVENT, toastId);
 };
-
-var Toast_hook_toasts = [];
-var useToast = function (_a) {
-    var _b = _a === void 0 ? {} : _a, autoCloseMilliseconds = _b.autoCloseMilliseconds;
-    var _c = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useReducer"])(function (x) { return x + 1; }, 0), forceUpdate = _c[1];
-    var removeAllToasts = function () {
-        Toast_hook_toasts = [];
-        forceUpdate();
-    };
-    var removeToast = function (toastId) {
-        Toast_hook_toasts = Toast_hook_toasts.filter(function (toast) { return toast.toastId !== toastId; });
-        forceUpdate();
-    };
-    var addToast = function (toast) {
-        var toastAutoCloseMilliseconds = toast.autoCloseMilliseconds, rest = Toast_hook_rest(toast, ["autoCloseMilliseconds"]);
-        var toastId = rest.toastId || "toast-" + Math.random().toString();
-        Toast_hook_toasts = Toast_hook_spreadArray([Toast_hook_assign(Toast_hook_assign({}, rest), { toastId: toastId })], Toast_hook_toasts);
-        forceUpdate();
-        if ((autoCloseMilliseconds || toastAutoCloseMilliseconds) && toastAutoCloseMilliseconds !== 0) {
-            setTimeout(function () { return removeToast(toastId); }, autoCloseMilliseconds || toastAutoCloseMilliseconds);
-        }
-    };
-    return {
-        toasts: Toast_hook_toasts,
-        addToast: addToast,
-        removeToast: removeToast,
-        removeAllToasts: removeAllToasts
-    };
+var removeAllToasts = function () {
+    triggerEvent(REMOVE_ALL_TOASTS_EVENT);
 };
+var useToast = function () { return ({
+    addToast: addToast,
+    removeToast: removeToast,
+    removeAllToasts: removeAllToasts
+}); };
 
 // CONCATENATED MODULE: ./src/components/Components/Toast/Toast.tsx
 var Toast_assign = (undefined && undefined.__assign) || function () {
@@ -97008,18 +96980,41 @@ var Toast_rest = (undefined && undefined.__rest) || function (s, e) {
         }
     return t;
 };
+var Toast_spreadArray = (undefined && undefined.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
 
 
 
 
-var ToastContainer = function () {
-    var _a = useToast(), removeAllToasts = _a.removeAllToasts, removeToast = _a.removeToast, toasts = _a.toasts;
-    Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () { return function () {
-        removeAllToasts();
-    }; }, []);
-    var handleCloseToast = function (id) { return function () {
-        removeToast(id);
+
+var ToastContainer = function (_a) {
+    var autoCloseMilliseconds = _a.autoCloseMilliseconds;
+    var _b = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])([]), toasts = _b[0], setToasts = _b[1];
+    var handleCloseToast = function (toastId) { return function () {
+        setToasts(function (prev) { return prev.filter(function (toast) { return toast.toastId !== toastId; }); });
     }; };
+    var handleAddToast = function (event) {
+        var _a = event.detail, toastAutoCloseMilliseconds = _a.autoCloseMilliseconds, rest = Toast_rest(_a, ["autoCloseMilliseconds"]);
+        var toastId = rest.toastId || "toast-" + Math.random().toString();
+        setToasts(function (prev) { return Toast_spreadArray([Toast_assign(Toast_assign({}, rest), { toastId: toastId })], prev); });
+        if ((autoCloseMilliseconds || toastAutoCloseMilliseconds) && toastAutoCloseMilliseconds !== 0) {
+            setTimeout(function () { return handleCloseToast(toastId)(); }, autoCloseMilliseconds || toastAutoCloseMilliseconds);
+        }
+    };
+    var handleRemoveToast = function (event) { return handleCloseToast(event.detail)(); };
+    var handleRemoveAllToasts = function () { return setToasts([]); };
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    useEventListener(ADD_TOAST_EVENT, handleAddToast, document);
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    useEventListener(REMOVE_TOAST_EVENT, handleRemoveToast, document);
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    useEventListener(REMOVE_ALL_TOASTS_EVENT, handleRemoveAllToasts, document);
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-toast__container" },
         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(AnimatePresence, null, toasts.map(function (_a) {
             var content = _a.content, toastId = _a.toastId, props = Toast_rest(_a, ["content", "toastId"]);

package/dist/types/src/components/Components/Toast/Toast.d.ts

@@ -1,2 +1,12 @@
-export declare const ToastContainer: () => JSX.Element;
+import { ReactNode } from 'react';
+import { AlertPropsType } from '..';
+export declare type ToastType = Omit<AlertPropsType, 'alertRef' | 'children'> & {
+    autoCloseMilliseconds?: number;
+    toastId?: string;
+    content?: ReactNode;
+};
+export interface ToastContainerPropsType {
+    autoCloseMilliseconds?: number;
+}
+export declare const ToastContainer: ({ autoCloseMilliseconds }: ToastContainerPropsType) => JSX.Element;
 //# sourceMappingURL=Toast.d.ts.map

package/dist/types/src/components/Components/Toast/Toast.hook.d.ts

@@ -1,18 +1,12 @@
-import { ReactNode } from 'react';
-import { AlertPropsType } from '..';
-export declare type ToastType = Omit<AlertPropsType, 'alertRef' | 'children'> & {
-    autoCloseMilliseconds?: number;
-    toastId: string;
-    content?: ReactNode;
-};
-export interface ToastHookType {
-    toasts: ToastType[];
+import { ToastType } from '.';
+export declare const ADD_TOAST_EVENT = "toast/add";
+export declare const REMOVE_TOAST_EVENT = "toast/remove";
+export declare const REMOVE_ALL_TOASTS_EVENT = "toast/removeAll";
+interface UseToastType {
     addToast(toast: ToastType): void;
-    removeAllToasts(): void;
     removeToast(toastId?: string): void;
+    removeAllToasts(): void;
 }
-export interface UseToastHookPropsType {
-    autoCloseMilliseconds?: number;
-}
-export declare const useToast: ({ autoCloseMilliseconds }?: UseToastHookPropsType) => ToastHookType;
+export declare const useToast: () => UseToastType;
+export {};
 //# sourceMappingURL=Toast.hook.d.ts.map

package/dist/types/src/components/Components/Toast/index.d.ts

@@ -1,3 +1,3 @@
 export * from './Toast';
-export * from './Toast.hook';
+export { useToast } from './Toast.hook';
 //# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmb-digital/ds-lilly",
-  "version": "0.3.12",
+  "version": "0.3.13",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": false,