@itwin/itwinui-react 3.0.0-dev.4 → 3.0.0-dev.5

package/cjs/core/TimePicker/index.js

@@ -1,10 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.TimePicker = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var TimePicker_js_1 = require("./TimePicker.js");
-Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return TimePicker_js_1.TimePicker; } });
+var TimePicker_js_1 = require('./TimePicker.js');
+Object.defineProperty(exports, 'TimePicker', {
+  enumerable: true,
+  get: function () {
+    return TimePicker_js_1.TimePicker;
+  },
+});
 exports.default = './TimePicker';

package/cjs/core/Toast/Toast.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { CommonProps } from '../utils/index.js';
-export declare type ToastCategory = 'informational' | 'negative' | 'positive' | 'warning';
-export declare type ToastProps = {
+export type ToastCategory = 'informational' | 'negative' | 'positive' | 'warning';
+export type ToastProps = {
     /**
      * Internal id of the toast. Used for closing the toasts.
      */
@@ -59,13 +59,13 @@ export declare type ToastProps = {
  * <Toast type='temporary' content='26 files are available for synchronization.' category='informational' />
  * <Toast type='persisting' content='Job processing error.' category='negative' />
  */
-export declare const Toast: (props: ToastProps) => JSX.Element;
-export declare type ToastPresentationProps = Omit<ToastProps, 'duration' | 'id' | 'isVisible' | 'onRemove'> & {
+export declare const Toast: (props: ToastProps) => React.JSX.Element;
+export type ToastPresentationProps = Omit<ToastProps, 'duration' | 'id' | 'isVisible' | 'onRemove'> & {
     onClose?: () => void;
 } & CommonProps;
 /**
  * The presentational part of a toast, without any animation or logic.
  * @private
  */
-export declare const ToastPresentation: (props: ToastPresentationProps) => JSX.Element;
+export declare const ToastPresentation: (props: ToastPresentationProps) => React.JSX.Element;
 export default Toast;

package/cjs/core/Toast/Toast.js

@@ -1,43 +1,21 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.ToastPresentation = exports.Toast = void 0;
+const tslib_1 = require('tslib');
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const react_transition_group_1 = require("react-transition-group");
-const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
-const index_js_2 = require("../Buttons/index.js");
-const Toaster_js_1 = require("./Toaster.js");
-const isMotionOk = () => (0, index_js_1.getWindow)()?.matchMedia?.('(prefers-reduced-motion: no-preference)')?.matches;
+const React = tslib_1.__importStar(require('react'));
+const react_transition_group_1 = require('react-transition-group');
+const classnames_1 = tslib_1.__importDefault(require('classnames'));
+const index_js_1 = require('../utils/index.js');
+const index_js_2 = require('../Buttons/index.js');
+const Toaster_js_1 = require('./Toaster.js');
+const isMotionOk = () =>
+  (0, index_js_1.getWindow)()?.matchMedia?.(
+    '(prefers-reduced-motion: no-preference)',
+  )?.matches;
 /**
  * Generic Toast Component
  * @example
@@ -47,99 +25,140 @@ const isMotionOk = () => (0, index_js_1.getWindow)()?.matchMedia?.('(prefers-red
  * <Toast type='persisting' content='Job processing error.' category='negative' />
  */
 const Toast = (props) => {
-    const { content, category, type = 'temporary', isVisible: isVisibleProp, link, duration = 7000, hasCloseButton, onRemove, animateOutTo, } = props;
-    const closeTimeout = React.useRef(0);
-    const { placement } = (0, index_js_1.useSafeContext)(Toaster_js_1.ToasterStateContext).settings;
-    const placementPosition = placement.startsWith('top') ? 'top' : 'bottom';
-    const [visible, setVisible] = React.useState(isVisibleProp ?? true);
-    const isVisible = isVisibleProp ?? visible;
-    const [height, setHeight] = React.useState(0);
-    const thisElement = React.useRef(null);
-    const [margin, setMargin] = React.useState(0);
-    const marginStyle = () => {
-        if (placementPosition === 'top') {
-            return { marginBottom: margin };
-        }
-        return { marginTop: margin };
-    };
-    React.useEffect(() => {
-        if (type === 'temporary') {
-            setCloseTimeout(duration);
-        }
-        return () => {
-            clearCloseTimeout();
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [duration, type]);
-    React.useEffect(() => {
-        // if we don't have animateOutTo point and not isVisible, set negative margin to move other toasts up.
-        // Close all and close on toasts with no anchor.
-        if (!isVisible && !animateOutTo) {
-            setMargin(-height);
-        }
-    }, [isVisible, animateOutTo, setMargin, height]);
-    const close = () => {
-        clearCloseTimeout();
-        // move element up when this element is closed.
-        setMargin(-height);
-        setVisible(false);
+  const {
+    content,
+    category,
+    type = 'temporary',
+    isVisible: isVisibleProp,
+    link,
+    duration = 7000,
+    hasCloseButton,
+    onRemove,
+    animateOutTo,
+  } = props;
+  const closeTimeout = React.useRef(0);
+  const { placement } = (0, index_js_1.useSafeContext)(
+    Toaster_js_1.ToasterStateContext,
+  ).settings;
+  const placementPosition = placement.startsWith('top') ? 'top' : 'bottom';
+  const [visible, setVisible] = React.useState(isVisibleProp ?? true);
+  const isVisible = isVisibleProp ?? visible;
+  const [height, setHeight] = React.useState(0);
+  const thisElement = React.useRef(null);
+  const [margin, setMargin] = React.useState(0);
+  const marginStyle = () => {
+    if (placementPosition === 'top') {
+      return { marginBottom: margin };
+    }
+    return { marginTop: margin };
+  };
+  React.useEffect(() => {
+    if (type === 'temporary') {
+      setCloseTimeout(duration);
+    }
+    return () => {
+      clearCloseTimeout();
     };
-    const setCloseTimeout = (timeout) => {
-        const definedWindow = (0, index_js_1.getWindow)();
-        if (!definedWindow) {
-            return;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [duration, type]);
+  React.useEffect(() => {
+    // if we don't have animateOutTo point and not isVisible, set negative margin to move other toasts up.
+    // Close all and close on toasts with no anchor.
+    if (!isVisible && !animateOutTo) {
+      setMargin(-height);
+    }
+  }, [isVisible, animateOutTo, setMargin, height]);
+  const close = () => {
+    clearCloseTimeout();
+    // move element up when this element is closed.
+    setMargin(-height);
+    setVisible(false);
+  };
+  const setCloseTimeout = (timeout) => {
+    const definedWindow = (0, index_js_1.getWindow)();
+    if (!definedWindow) {
+      return;
+    }
+    closeTimeout.current = definedWindow.setTimeout(() => {
+      close();
+    }, timeout);
+  };
+  const clearCloseTimeout = () => {
+    (0, index_js_1.getWindow)()?.clearTimeout(closeTimeout.current);
+  };
+  const onRef = (ref) => {
+    if (ref) {
+      const { height } = ref.getBoundingClientRect();
+      setHeight(height);
+    }
+  };
+  const calculateOutAnimation = (node) => {
+    // calculation translate x and y pixels.
+    let translateX = 0;
+    let translateY = 0;
+    if (animateOutTo && node) {
+      const { x: startX, y: startY } = node.getBoundingClientRect(); // current element
+      const { x: endX, y: endY } = animateOutTo.getBoundingClientRect(); // anchor point
+      translateX = endX - startX;
+      translateY = endY - startY;
+    }
+    return { translateX, translateY };
+  };
+  return React.createElement(
+    react_transition_group_1.Transition,
+    {
+      timeout: { enter: 240, exit: animateOutTo ? 400 : 120 },
+      in: isVisible,
+      appear: true,
+      unmountOnExit: true,
+      onEnter: (node) => {
+        if (isMotionOk()) {
+          node.style.transform = 'translateY(15%)';
+          node.style.transitionTimingFunction = 'ease';
         }
-        closeTimeout.current = definedWindow.setTimeout(() => {
-            close();
-        }, timeout);
-    };
-    const clearCloseTimeout = () => {
-        (0, index_js_1.getWindow)()?.clearTimeout(closeTimeout.current);
-    };
-    const onRef = (ref) => {
-        if (ref) {
-            const { height } = ref.getBoundingClientRect();
-            setHeight(height);
+      },
+      onEntered: (node) => {
+        if (isMotionOk()) {
+          node.style.transform = 'translateY(0)';
         }
-    };
-    const calculateOutAnimation = (node) => {
-        // calculation translate x and y pixels.
-        let translateX = 0;
-        let translateY = 0;
-        if (animateOutTo && node) {
-            const { x: startX, y: startY } = node.getBoundingClientRect(); // current element
-            const { x: endX, y: endY } = animateOutTo.getBoundingClientRect(); // anchor point
-            translateX = endX - startX;
-            translateY = endY - startY;
+      },
+      onExiting: (node) => {
+        if (isMotionOk()) {
+          const { translateX, translateY } = calculateOutAnimation(node);
+          node.style.transform = animateOutTo
+            ? `scale(0.9) translate(${translateX}px,${translateY}px)`
+            : `scale(0.9)`;
+          node.style.opacity = '0';
+          node.style.transitionDuration = animateOutTo ? '400ms' : '120ms';
+          node.style.transitionTimingFunction = 'cubic-bezier(0.4, 0, 1, 1)';
         }
-        return { translateX, translateY };
-    };
-    return (React.createElement(react_transition_group_1.Transition, { timeout: { enter: 240, exit: animateOutTo ? 400 : 120 }, in: isVisible, appear: true, unmountOnExit: true, onEnter: (node) => {
-            if (isMotionOk()) {
-                node.style.transform = 'translateY(15%)';
-                node.style.transitionTimingFunction = 'ease';
-            }
-        }, onEntered: (node) => {
-            if (isMotionOk()) {
-                node.style.transform = 'translateY(0)';
-            }
-        }, onExiting: (node) => {
-            if (isMotionOk()) {
-                const { translateX, translateY } = calculateOutAnimation(node);
-                node.style.transform = animateOutTo
-                    ? `scale(0.9) translate(${translateX}px,${translateY}px)`
-                    : `scale(0.9)`;
-                node.style.opacity = '0';
-                node.style.transitionDuration = animateOutTo ? '400ms' : '120ms';
-                node.style.transitionTimingFunction = 'cubic-bezier(0.4, 0, 1, 1)';
-            }
-        }, onExited: onRemove },
-        React.createElement(index_js_1.Box, { ref: thisElement, className: 'iui-toast-all', style: {
-                height,
-                ...marginStyle(),
-            } },
-            React.createElement("div", { ref: onRef },
-                React.createElement(exports.ToastPresentation, { category: category, content: content, link: link, type: type, hasCloseButton: hasCloseButton, onClose: close })))));
+      },
+      onExited: onRemove,
+    },
+    React.createElement(
+      index_js_1.Box,
+      {
+        ref: thisElement,
+        className: 'iui-toast-all',
+        style: {
+          height,
+          ...marginStyle(),
+        },
+      },
+      React.createElement(
+        'div',
+        { ref: onRef },
+        React.createElement(exports.ToastPresentation, {
+          category: category,
+          content: content,
+          link: link,
+          type: type,
+          hasCloseButton: hasCloseButton,
+          onClose: close,
+        }),
+      ),
+    ),
+  );
 };
 exports.Toast = Toast;
 /**
@@ -147,14 +166,55 @@ exports.Toast = Toast;
  * @private
  */
 const ToastPresentation = (props) => {
-    const { content, category, type = 'temporary', link, hasCloseButton, onClose, className, ...rest } = props;
-    const StatusIcon = index_js_1.StatusIconMap[category];
-    return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)(`iui-toast iui-${category}`, className), ...rest },
-        React.createElement(index_js_1.Box, { className: 'iui-status-area' }, React.createElement(StatusIcon, { className: 'iui-icon' })),
-        React.createElement(index_js_1.Box, { className: 'iui-message' }, content),
-        link && (React.createElement(index_js_1.Box, { as: 'button', className: 'iui-toast-anchor', ...link, title: undefined }, link.title)),
-        (type === 'persisting' || hasCloseButton) && (React.createElement(index_js_2.IconButton, { size: 'small', styleType: 'borderless', onClick: onClose, "aria-label": 'Close' },
-            React.createElement(index_js_1.SvgCloseSmall, null)))));
+  const {
+    content,
+    category,
+    type = 'temporary',
+    link,
+    hasCloseButton,
+    onClose,
+    className,
+    ...rest
+  } = props;
+  const StatusIcon = index_js_1.StatusIconMap[category];
+  return React.createElement(
+    index_js_1.Box,
+    {
+      className: (0, classnames_1.default)(
+        `iui-toast iui-${category}`,
+        className,
+      ),
+      ...rest,
+    },
+    React.createElement(
+      index_js_1.Box,
+      { className: 'iui-status-area' },
+      React.createElement(StatusIcon, { className: 'iui-icon' }),
+    ),
+    React.createElement(index_js_1.Box, { className: 'iui-message' }, content),
+    link &&
+      React.createElement(
+        index_js_1.Box,
+        {
+          as: 'button',
+          className: 'iui-toast-anchor',
+          ...link,
+          title: undefined,
+        },
+        link.title,
+      ),
+    (type === 'persisting' || hasCloseButton) &&
+      React.createElement(
+        index_js_2.IconButton,
+        {
+          size: 'small',
+          styleType: 'borderless',
+          onClick: onClose,
+          'aria-label': 'Close',
+        },
+        React.createElement(index_js_1.SvgCloseSmall, null),
+      ),
+  );
 };
 exports.ToastPresentation = ToastPresentation;
 exports.default = exports.Toast;

package/cjs/core/Toast/Toaster.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { ToastProps } from './Toast.js';
-export declare type ToasterSettings = {
+export type ToasterSettings = {
     /**
      * Order of toasts.
      * When set to 'descending', most recent toasts are on top. When set to 'ascending', most recent toasts are on bottom.
@@ -17,7 +17,7 @@ export declare type ToasterSettings = {
      */
     placement: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';
 };
-export declare type ToastOptions = Omit<ToastProps, 'category' | 'isVisible' | 'id' | 'content'>;
+export type ToastOptions = Omit<ToastProps, 'category' | 'isVisible' | 'id' | 'content'>;
 export declare const useToaster: () => {
     positive: (content: React.ReactNode, options?: ToastOptions) => {
         close: () => void;
@@ -34,12 +34,12 @@ export declare const useToaster: () => {
     closeAll: () => void;
     setSettings: (settings: Partial<ToasterSettings>) => void;
 };
-export declare const Toaster: () => JSX.Element;
+export declare const Toaster: () => React.JSX.Element;
 export declare const ToastProvider: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const ToasterStateContext: React.Context<ToasterState | undefined>;
-declare type ToasterState = {
+type ToasterState = {
     toasts: ToastProps[];
     settings: ToasterSettings;
 };

package/cjs/core/Toast/Toaster.js

@@ -1,119 +1,122 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToasterStateContext = exports.ToastProvider = exports.Toaster = exports.useToaster = void 0;
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.ToasterStateContext =
+  exports.ToastProvider =
+  exports.Toaster =
+  exports.useToaster =
+    void 0;
+const tslib_1 = require('tslib');
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
-const Toast_js_1 = require("./Toast.js");
+const React = tslib_1.__importStar(require('react'));
+const classnames_1 = tslib_1.__importDefault(require('classnames'));
+const index_js_1 = require('../utils/index.js');
+const Toast_js_1 = require('./Toast.js');
 // ----------------------------------------------------------------------------
 const useToaster = () => {
-    const dispatch = (0, index_js_1.useSafeContext)(ToasterDispatchContext);
-    const showToast = React.useCallback((category) => (content, options) => {
-        const id = nextId();
-        dispatch({
-            type: 'add',
-            toast: { ...options, id, content, category },
-        });
-        return { close: () => dispatch({ type: 'remove', id }) };
-    }, [dispatch]);
-    return {
-        positive: showToast('positive'),
-        informational: showToast('informational'),
-        negative: showToast('negative'),
-        warning: showToast('warning'),
-        closeAll: () => {
-            dispatch({ type: 'close-all' });
-        },
-        setSettings: (settings) => {
-            dispatch({ type: 'settings', settings });
-        },
-    };
+  const dispatch = (0, index_js_1.useSafeContext)(ToasterDispatchContext);
+  const showToast = React.useCallback(
+    (category) => (content, options) => {
+      const id = nextId();
+      dispatch({
+        type: 'add',
+        toast: { ...options, id, content, category },
+      });
+      return { close: () => dispatch({ type: 'remove', id }) };
+    },
+    [dispatch],
+  );
+  return {
+    positive: showToast('positive'),
+    informational: showToast('informational'),
+    negative: showToast('negative'),
+    warning: showToast('warning'),
+    closeAll: () => {
+      dispatch({ type: 'close-all' });
+    },
+    setSettings: (settings) => {
+      dispatch({ type: 'settings', settings });
+    },
+  };
 };
 exports.useToaster = useToaster;
 // ----------------------------------------------------------------------------
 const Toaster = () => {
-    const { toasts, settings } = (0, index_js_1.useSafeContext)(exports.ToasterStateContext);
-    return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)(`iui-toast-wrapper`, `iui-placement-${settings.placement}`) }, toasts.map((toastProps) => {
-        return React.createElement(Toast_js_1.Toast, { key: toastProps.id, ...toastProps });
-    })));
+  const { toasts, settings } = (0, index_js_1.useSafeContext)(
+    exports.ToasterStateContext,
+  );
+  return React.createElement(
+    index_js_1.Box,
+    {
+      className: (0, classnames_1.default)(
+        `iui-toast-wrapper`,
+        `iui-placement-${settings.placement}`,
+      ),
+    },
+    toasts.map((toastProps) => {
+      return React.createElement(Toast_js_1.Toast, {
+        key: toastProps.id,
+        ...toastProps,
+      });
+    }),
+  );
 };
 exports.Toaster = Toaster;
 // ----------------------------------------------------------------------------
 const ToastProvider = ({ children }) => {
-    const [toasterState, dispatch] = React.useReducer(toastReducer, {
-        toasts: [],
-        settings: {
-            order: 'auto',
-            placement: 'top',
-        },
-    });
-    return (React.createElement(ToasterDispatchContext.Provider, { value: dispatch },
-        React.createElement(exports.ToasterStateContext.Provider, { value: toasterState }, children)));
+  const [toasterState, dispatch] = React.useReducer(toastReducer, {
+    toasts: [],
+    settings: {
+      order: 'auto',
+      placement: 'top',
+    },
+  });
+  return React.createElement(
+    ToasterDispatchContext.Provider,
+    { value: dispatch },
+    React.createElement(
+      exports.ToasterStateContext.Provider,
+      { value: toasterState },
+      children,
+    ),
+  );
 };
 exports.ToastProvider = ToastProvider;
 const toastReducer = (state, action) => {
-    if (action.type === 'add') {
-        let order = state.settings.order;
-        if (order === 'auto') {
-            order = state.settings.placement.startsWith('top')
-                ? 'descending'
-                : 'ascending';
-        }
-        return {
-            ...state,
-            toasts: [
-                ...(order === 'ascending' ? state.toasts : []),
-                action.toast,
-                ...(order === 'descending' ? state.toasts : []),
-            ],
-        };
-    }
-    if (action.type === 'remove') {
-        return {
-            ...state,
-            toasts: state.toasts.filter((toast) => toast.id !== action.id),
-        };
-    }
-    if (action.type === 'close-all') {
-        return {
-            ...state,
-            toasts: state.toasts.map((toast) => ({ ...toast, isVisible: false })),
-        };
+  if (action.type === 'add') {
+    let order = state.settings.order;
+    if (order === 'auto') {
+      order = state.settings.placement.startsWith('top')
+        ? 'descending'
+        : 'ascending';
     }
-    if (action.type === 'settings') {
-        return { ...state, settings: { ...state.settings, ...action.settings } };
-    }
-    return state;
+    return {
+      ...state,
+      toasts: [
+        ...(order === 'ascending' ? state.toasts : []),
+        action.toast,
+        ...(order === 'descending' ? state.toasts : []),
+      ],
+    };
+  }
+  if (action.type === 'remove') {
+    return {
+      ...state,
+      toasts: state.toasts.filter((toast) => toast.id !== action.id),
+    };
+  }
+  if (action.type === 'close-all') {
+    return {
+      ...state,
+      toasts: state.toasts.map((toast) => ({ ...toast, isVisible: false })),
+    };
+  }
+  if (action.type === 'settings') {
+    return { ...state, settings: { ...state.settings, ...action.settings } };
+  }
+  return state;
 };
 // ----------------------------------------------------------------------------
 exports.ToasterStateContext = React.createContext(undefined);
@@ -123,6 +126,6 @@ const ToasterDispatchContext = React.createContext(undefined);
 ToasterDispatchContext.displayName = 'ToasterDispatchContext';
 // ----------------------------------------------------------------------------
 const nextId = (() => {
-    let count = 0;
-    return () => ++count;
+  let count = 0;
+  return () => ++count;
 })();