@transferwise/components 0.0.0-experimental-4b93e2b → 0.0.0-experimental-f144cf1

package/build/Snackbar/SnackbarPortal.mjs

@@ -0,0 +1,89 @@
+import { useRef, useEffect } from 'react';
+import withNextPortalWrapper from '../WithNextPortal/WithNextPortal.mjs';
+import { SnackbarInternal } from './Snackbar.mjs';
+import useSnackbarManager from './useSnackbarManager.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const PortalledSnackbar = withNextPortalWrapper(SnackbarInternal);
+const hasSnackbarText = text => text !== null && text !== undefined && text !== '';
+const SnackbarPortal = ({
+  action,
+  duration,
+  loading,
+  media,
+  onDismiss,
+  sentiment,
+  text,
+  theme,
+  timeout,
+  timestamp
+}) => {
+  const hasText = hasSnackbarText(text);
+  const previousTimestamp = useRef(timestamp);
+  const previousText = useRef(text);
+  const isInitialRender = useRef(true);
+  const {
+    active,
+    announcementKey,
+    dismissSnackbar,
+    handleExited,
+    showSnackbar,
+    updateSnackbar,
+    visible
+  } = useSnackbarManager(hasText ? {
+    action,
+    duration,
+    loading,
+    media,
+    onDismiss,
+    sentiment,
+    text,
+    theme,
+    timeout
+  } : undefined);
+  useEffect(() => {
+    if (isInitialRender.current) {
+      isInitialRender.current = false;
+      return;
+    }
+    if (!hasText) {
+      dismissSnackbar();
+      previousTimestamp.current = timestamp;
+      previousText.current = text;
+      return;
+    }
+    const snackbar = {
+      action,
+      duration,
+      loading,
+      media,
+      onDismiss,
+      sentiment,
+      text,
+      theme,
+      timeout
+    };
+    if (timestamp === undefined) {
+      // Without the legacy identity prop, update in place so recreated callbacks/media do not
+      // repeatedly restart the exit animation or auto-dismiss timer.
+      updateSnackbar(snackbar, !hasSnackbarText(previousText.current));
+    } else if (!hasSnackbarText(previousText.current) || previousTimestamp.current !== timestamp) {
+      showSnackbar(snackbar);
+    }
+    previousTimestamp.current = timestamp;
+    previousText.current = text;
+  }, [dismissSnackbar, showSnackbar, action, duration, hasText, loading, media, onDismiss, sentiment, text, theme, timeout, timestamp, updateSnackbar]);
+  if (!active) {
+    return null;
+  }
+  return /*#__PURE__*/jsx(PortalledSnackbar, {
+    ...active.props,
+    announcementKey: announcementKey,
+    visible: visible,
+    onDismissRequest: dismissSnackbar,
+    onExited: handleExited
+  });
+};
+
+export { PortalledSnackbar, SnackbarPortal };
+//# sourceMappingURL=SnackbarPortal.mjs.map

package/build/Snackbar/SnackbarPortal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnackbarPortal.mjs","sources":["../../src/Snackbar/SnackbarPortal.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport withNextPortal from '../WithNextPortal/WithNextPortal';\nimport { SnackbarInternal } from './Snackbar';\nimport type { SnackbarPortalProps } from './Snackbar.types';\nimport useSnackbarManager from './useSnackbarManager';\n\nexport const PortalledSnackbar = withNextPortal(SnackbarInternal);\n\nconst hasSnackbarText = (text: SnackbarPortalProps['text']) =>\n  text !== null && text !== undefined && text !== '';\n\nexport const SnackbarPortal = ({\n  action,\n  duration,\n  loading,\n  media,\n  onDismiss,\n  sentiment,\n  text,\n  theme,\n  timeout,\n  timestamp,\n}: SnackbarPortalProps) => {\n  const hasText = hasSnackbarText(text);\n  const previousTimestamp = useRef(timestamp);\n  const previousText = useRef(text);\n  const isInitialRender = useRef(true);\n  const {\n    active,\n    announcementKey,\n    dismissSnackbar,\n    handleExited,\n    showSnackbar,\n    updateSnackbar,\n    visible,\n  } = useSnackbarManager(\n    hasText\n      ? { action, duration, loading, media, onDismiss, sentiment, text, theme, timeout }\n      : undefined,\n  );\n\n  useEffect(() => {\n    if (isInitialRender.current) {\n      isInitialRender.current = false;\n      return;\n    }\n\n    if (!hasText) {\n      dismissSnackbar();\n      previousTimestamp.current = timestamp;\n      previousText.current = text;\n      return;\n    }\n\n    const snackbar = {\n      action,\n      duration,\n      loading,\n      media,\n      onDismiss,\n      sentiment,\n      text,\n      theme,\n      timeout,\n    };\n\n    if (timestamp === undefined) {\n      // Without the legacy identity prop, update in place so recreated callbacks/media do not\n      // repeatedly restart the exit animation or auto-dismiss timer.\n      updateSnackbar(snackbar, !hasSnackbarText(previousText.current));\n    } else if (!hasSnackbarText(previousText.current) || previousTimestamp.current !== timestamp) {\n      showSnackbar(snackbar);\n    }\n\n    previousTimestamp.current = timestamp;\n    previousText.current = text;\n  }, [\n    dismissSnackbar,\n    showSnackbar,\n    action,\n    duration,\n    hasText,\n    loading,\n    media,\n    onDismiss,\n    sentiment,\n    text,\n    theme,\n    timeout,\n    timestamp,\n    updateSnackbar,\n  ]);\n\n  if (!active) {\n    return null;\n  }\n\n  return (\n    <PortalledSnackbar\n      {...active.props}\n      announcementKey={announcementKey}\n      visible={visible}\n      onDismissRequest={dismissSnackbar}\n      onExited={handleExited}\n    />\n  );\n};\n\nexport default SnackbarPortal;\n"],"names":["PortalledSnackbar","withNextPortal","SnackbarInternal","hasSnackbarText","text","undefined","SnackbarPortal","action","duration","loading","media","onDismiss","sentiment","theme","timeout","timestamp","hasText","previousTimestamp","useRef","previousText","isInitialRender","active","announcementKey","dismissSnackbar","handleExited","showSnackbar","updateSnackbar","visible","useSnackbarManager","useEffect","current","snackbar","_jsx","props","onDismissRequest","onExited"],"mappings":";;;;;;MAOaA,iBAAiB,GAAGC,qBAAc,CAACC,gBAAgB;AAEhE,MAAMC,eAAe,GAAIC,IAAiC,IACxDA,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAKC,SAAS,IAAID,IAAI,KAAK,EAAE;AAE7C,MAAME,cAAc,GAAGA,CAAC;EAC7BC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC,SAAS;EACTC,SAAS;EACTR,IAAI;EACJS,KAAK;EACLC,OAAO;AACPC,EAAAA;AAAS,CACW,KAAI;AACxB,EAAA,MAAMC,OAAO,GAAGb,eAAe,CAACC,IAAI,CAAC;AACrC,EAAA,MAAMa,iBAAiB,GAAGC,MAAM,CAACH,SAAS,CAAC;AAC3C,EAAA,MAAMI,YAAY,GAAGD,MAAM,CAACd,IAAI,CAAC;AACjC,EAAA,MAAMgB,eAAe,GAAGF,MAAM,CAAC,IAAI,CAAC;EACpC,MAAM;IACJG,MAAM;IACNC,eAAe;IACfC,eAAe;IACfC,YAAY;IACZC,YAAY;IACZC,cAAc;AACdC,IAAAA;GACD,GAAGC,kBAAkB,CACpBZ,OAAO,GACH;IAAET,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,KAAK;IAAEC,SAAS;IAAEC,SAAS;IAAER,IAAI;IAAES,KAAK;AAAEC,IAAAA;GAAS,GAChFT,SAAS,CACd;AAEDwB,EAAAA,SAAS,CAAC,MAAK;IACb,IAAIT,eAAe,CAACU,OAAO,EAAE;MAC3BV,eAAe,CAACU,OAAO,GAAG,KAAK;AAC/B,MAAA;AACF,IAAA;IAEA,IAAI,CAACd,OAAO,EAAE;AACZO,MAAAA,eAAe,EAAE;MACjBN,iBAAiB,CAACa,OAAO,GAAGf,SAAS;MACrCI,YAAY,CAACW,OAAO,GAAG1B,IAAI;AAC3B,MAAA;AACF,IAAA;AAEA,IAAA,MAAM2B,QAAQ,GAAG;MACfxB,MAAM;MACNC,QAAQ;MACRC,OAAO;MACPC,KAAK;MACLC,SAAS;MACTC,SAAS;MACTR,IAAI;MACJS,KAAK;AACLC,MAAAA;KACD;IAED,IAAIC,SAAS,KAAKV,SAAS,EAAE;AAC3B;AACA;MACAqB,cAAc,CAACK,QAAQ,EAAE,CAAC5B,eAAe,CAACgB,YAAY,CAACW,OAAO,CAAC,CAAC;AAClE,IAAA,CAAC,MAAM,IAAI,CAAC3B,eAAe,CAACgB,YAAY,CAACW,OAAO,CAAC,IAAIb,iBAAiB,CAACa,OAAO,KAAKf,SAAS,EAAE;MAC5FU,YAAY,CAACM,QAAQ,CAAC;AACxB,IAAA;IAEAd,iBAAiB,CAACa,OAAO,GAAGf,SAAS;IACrCI,YAAY,CAACW,OAAO,GAAG1B,IAAI;AAC7B,EAAA,CAAC,EAAE,CACDmB,eAAe,EACfE,YAAY,EACZlB,MAAM,EACNC,QAAQ,EACRQ,OAAO,EACPP,OAAO,EACPC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTR,IAAI,EACJS,KAAK,EACLC,OAAO,EACPC,SAAS,EACTW,cAAc,CACf,CAAC;EAEF,IAAI,CAACL,MAAM,EAAE;AACX,IAAA,OAAO,IAAI;AACb,EAAA;EAEA,oBACEW,GAAA,CAAChC,iBAAiB,EAAA;IAAA,GACZqB,MAAM,CAACY,KAAK;AAChBX,IAAAA,eAAe,EAAEA,eAAgB;AACjCK,IAAAA,OAAO,EAAEA,OAAQ;AACjBO,IAAAA,gBAAgB,EAAEX,eAAgB;AAClCY,IAAAA,QAAQ,EAAEX;AAAa,GAAA,CACvB;AAEN;;"}

package/build/Snackbar/SnackbarProvider.js

@@ -3,46 +3,36 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var Snackbar = require('./Snackbar.js');
 var SnackbarContext = require('./SnackbarContext.js');
+var SnackbarPortal = require('./SnackbarPortal.js');
+var useSnackbarManager = require('./useSnackbarManager.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function SnackbarProvider({
-  timeout = 4500,
+  timeout,
   children
 }) {
-  const [state, setState] = React.useState({
-    text: '',
-    timestamp: 0
-  });
   const {
-    action,
-    text,
-    theme,
-    timestamp
-  } = state;
+    active,
+    announcementKey,
+    dismissSnackbar,
+    handleExited,
+    showSnackbar,
+    visible
+  } = useSnackbarManager.default();
+  const contextValue = React.useMemo(() => ({
+    createSnackbar: showSnackbar
+  }), [showSnackbar]);
   return /*#__PURE__*/jsxRuntime.jsxs(SnackbarContext.SnackbarContext.Provider, {
-    value: React.useMemo(() => ({
-      createSnackbar: ({
-        action,
-        text,
-        theme
-      }) => {
-        setState({
-          action,
-          text,
-          theme,
-          timestamp: Date.now()
-        });
-      }
-    }), []),
-    children: [/*#__PURE__*/jsxRuntime.jsx(Snackbar.default, {
-      action: action,
-      text: text,
-      timestamp: timestamp,
+    value: contextValue,
+    children: [active ? /*#__PURE__*/jsxRuntime.jsx(SnackbarPortal.PortalledSnackbar, {
+      ...active.props,
+      announcementKey: announcementKey,
       timeout: timeout,
-      theme: theme
-    }), children]
+      visible: visible,
+      onDismissRequest: dismissSnackbar,
+      onExited: handleExited
+    }, active.id) : null, children]
   });
 }
 

package/build/Snackbar/SnackbarProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarProvider.js","sources":["../../src/Snackbar/SnackbarProvider.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\n\nimport SnackbarPortal, { SnackbarProps } from './Snackbar';\nimport { SnackbarContext } from './SnackbarContext';\n\nexport interface SnackbarProviderProps {\n  timeout?: number;\n  children?: React.ReactNode;\n}\n\nexport default function SnackbarProvider({ timeout = 4500, children }: SnackbarProviderProps) {\n  const [state, setState] = useState<Omit<SnackbarProps, 'timeout'>>({\n    text: '',\n    timestamp: 0,\n  });\n  const { action, text, theme, timestamp } = state;\n\n  return (\n    <SnackbarContext.Provider\n      value={useMemo(\n        () => ({\n          createSnackbar: ({ action, text, theme }) => {\n            setState({ action, text, theme, timestamp: Date.now() });\n          },\n        }),\n        [],\n      )}\n    >\n      <SnackbarPortal\n        action={action}\n        text={text}\n        timestamp={timestamp}\n        timeout={timeout}\n        theme={theme}\n      />\n      {children}\n    </SnackbarContext.Provider>\n  );\n}\n"],"names":["SnackbarProvider","timeout","children","state","setState","useState","text","timestamp","action","theme","_jsxs","SnackbarContext","Provider","value","useMemo","createSnackbar","Date","now","_jsx","SnackbarPortal"],"mappings":";;;;;;;;;AAUc,SAAUA,gBAAgBA,CAAC;AAAEC,EAAAA,OAAO,GAAG,IAAI;AAAEC,EAAAA;AAAQ,CAAyB,EAAA;AAC1F,EAAA,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAQ,CAAiC;AACjEC,IAAAA,IAAI,EAAE,EAAE;AACRC,IAAAA,SAAS,EAAE;AACZ,GAAA,CAAC;EACF,MAAM;IAAEC,MAAM;IAAEF,IAAI;IAAEG,KAAK;AAAEF,IAAAA;AAAS,GAAE,GAAGJ,KAAK;AAEhD,EAAA,oBACEO,eAAA,CAACC,+BAAe,CAACC,QAAQ,EAAA;IACvBC,KAAK,EAAEC,aAAO,CACZ,OAAO;AACLC,MAAAA,cAAc,EAAEA,CAAC;QAAEP,MAAM;QAAEF,IAAI;AAAEG,QAAAA;AAAK,OAAE,KAAI;AAC1CL,QAAAA,QAAQ,CAAC;UAAEI,MAAM;UAAEF,IAAI;UAAEG,KAAK;AAAEF,UAAAA,SAAS,EAAES,IAAI,CAACC,GAAG;AAAE,SAAE,CAAC;AAC1D,MAAA;KACD,CAAC,EACF,EAAE,CACF;IAAAf,QAAA,EAAA,cAEFgB,cAAA,CAACC,gBAAc,EAAA;AACbX,MAAAA,MAAM,EAAEA,MAAO;AACfF,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,SAAS,EAAEA,SAAU;AACrBN,MAAAA,OAAO,EAAEA,OAAQ;AACjBQ,MAAAA,KAAK,EAAEA;KAAM,CAEf,EAACP,QAAQ;AAAA,GACe,CAAC;AAE/B;;"}
+{"version":3,"file":"SnackbarProvider.js","sources":["../../src/Snackbar/SnackbarProvider.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { SnackbarContext } from './SnackbarContext';\nimport { PortalledSnackbar } from './SnackbarPortal';\nimport useSnackbarManager from './useSnackbarManager';\n\nexport interface SnackbarProviderProps {\n  /**\n   * @deprecated Configure each Snackbar with semantic `duration` instead. Existing millisecond\n   * values remain supported temporarily while consumers migrate. A Snackbar's `duration` takes\n   * precedence when both are provided.\n   */\n  timeout?: number;\n  /** Application content that can create Snackbars through the Provider context. */\n  children?: React.ReactNode;\n}\n\nexport default function SnackbarProvider({ timeout, children }: SnackbarProviderProps) {\n  const { active, announcementKey, dismissSnackbar, handleExited, showSnackbar, visible } =\n    useSnackbarManager();\n  const contextValue = useMemo(() => ({ createSnackbar: showSnackbar }), [showSnackbar]);\n\n  return (\n    <SnackbarContext.Provider value={contextValue}>\n      {active ? (\n        <PortalledSnackbar\n          key={active.id}\n          {...active.props}\n          announcementKey={announcementKey}\n          timeout={timeout}\n          visible={visible}\n          onDismissRequest={dismissSnackbar}\n          onExited={handleExited}\n        />\n      ) : null}\n      {children}\n    </SnackbarContext.Provider>\n  );\n}\n"],"names":["SnackbarProvider","timeout","children","active","announcementKey","dismissSnackbar","handleExited","showSnackbar","visible","useSnackbarManager","contextValue","useMemo","createSnackbar","_jsxs","SnackbarContext","Provider","value","_jsx","PortalledSnackbar","props","onDismissRequest","onExited","id"],"mappings":";;;;;;;;;;AAiBc,SAAUA,gBAAgBA,CAAC;EAAEC,OAAO;AAAEC,EAAAA;AAAQ,CAAyB,EAAA;EACnF,MAAM;IAAEC,MAAM;IAAEC,eAAe;IAAEC,eAAe;IAAEC,YAAY;IAAEC,YAAY;AAAEC,IAAAA;GAAS,GACrFC,0BAAkB,EAAE;AACtB,EAAA,MAAMC,YAAY,GAAGC,aAAO,CAAC,OAAO;AAAEC,IAAAA,cAAc,EAAEL;GAAc,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;AAEtF,EAAA,oBACEM,eAAA,CAACC,+BAAe,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEN,YAAa;AAAAR,IAAAA,QAAA,EAAA,CAC3CC,MAAM,gBACLc,cAAA,CAACC,gCAAiB,EAAA;MAAA,GAEZf,MAAM,CAACgB,KAAK;AAChBf,MAAAA,eAAe,EAAEA,eAAgB;AACjCH,MAAAA,OAAO,EAAEA,OAAQ;AACjBO,MAAAA,OAAO,EAAEA,OAAQ;AACjBY,MAAAA,gBAAgB,EAAEf,eAAgB;AAClCgB,MAAAA,QAAQ,EAAEf;AAAa,KAAA,EANlBH,MAAM,CAACmB,EAMW,CACvB,GACA,IAAI,EACPpB,QAAQ;AAAA,GACe,CAAC;AAE/B;;"}

package/build/Snackbar/SnackbarProvider.mjs

@@ -1,44 +1,34 @@
-import { useState, useMemo } from 'react';
-import SnackbarPortal from './Snackbar.mjs';
+import { useMemo } from 'react';
 import { SnackbarContext } from './SnackbarContext.mjs';
+import { PortalledSnackbar } from './SnackbarPortal.mjs';
+import useSnackbarManager from './useSnackbarManager.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function SnackbarProvider({
-  timeout = 4500,
+  timeout,
   children
 }) {
-  const [state, setState] = useState({
-    text: '',
-    timestamp: 0
-  });
   const {
-    action,
-    text,
-    theme,
-    timestamp
-  } = state;
+    active,
+    announcementKey,
+    dismissSnackbar,
+    handleExited,
+    showSnackbar,
+    visible
+  } = useSnackbarManager();
+  const contextValue = useMemo(() => ({
+    createSnackbar: showSnackbar
+  }), [showSnackbar]);
   return /*#__PURE__*/jsxs(SnackbarContext.Provider, {
-    value: useMemo(() => ({
-      createSnackbar: ({
-        action,
-        text,
-        theme
-      }) => {
-        setState({
-          action,
-          text,
-          theme,
-          timestamp: Date.now()
-        });
-      }
-    }), []),
-    children: [/*#__PURE__*/jsx(SnackbarPortal, {
-      action: action,
-      text: text,
-      timestamp: timestamp,
+    value: contextValue,
+    children: [active ? /*#__PURE__*/jsx(PortalledSnackbar, {
+      ...active.props,
+      announcementKey: announcementKey,
       timeout: timeout,
-      theme: theme
-    }), children]
+      visible: visible,
+      onDismissRequest: dismissSnackbar,
+      onExited: handleExited
+    }, active.id) : null, children]
   });
 }
 

package/build/Snackbar/SnackbarProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarProvider.mjs","sources":["../../src/Snackbar/SnackbarProvider.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\n\nimport SnackbarPortal, { SnackbarProps } from './Snackbar';\nimport { SnackbarContext } from './SnackbarContext';\n\nexport interface SnackbarProviderProps {\n  timeout?: number;\n  children?: React.ReactNode;\n}\n\nexport default function SnackbarProvider({ timeout = 4500, children }: SnackbarProviderProps) {\n  const [state, setState] = useState<Omit<SnackbarProps, 'timeout'>>({\n    text: '',\n    timestamp: 0,\n  });\n  const { action, text, theme, timestamp } = state;\n\n  return (\n    <SnackbarContext.Provider\n      value={useMemo(\n        () => ({\n          createSnackbar: ({ action, text, theme }) => {\n            setState({ action, text, theme, timestamp: Date.now() });\n          },\n        }),\n        [],\n      )}\n    >\n      <SnackbarPortal\n        action={action}\n        text={text}\n        timestamp={timestamp}\n        timeout={timeout}\n        theme={theme}\n      />\n      {children}\n    </SnackbarContext.Provider>\n  );\n}\n"],"names":["SnackbarProvider","timeout","children","state","setState","useState","text","timestamp","action","theme","_jsxs","SnackbarContext","Provider","value","useMemo","createSnackbar","Date","now","_jsx","SnackbarPortal"],"mappings":";;;;;AAUc,SAAUA,gBAAgBA,CAAC;AAAEC,EAAAA,OAAO,GAAG,IAAI;AAAEC,EAAAA;AAAQ,CAAyB,EAAA;AAC1F,EAAA,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,QAAQ,CAAiC;AACjEC,IAAAA,IAAI,EAAE,EAAE;AACRC,IAAAA,SAAS,EAAE;AACZ,GAAA,CAAC;EACF,MAAM;IAAEC,MAAM;IAAEF,IAAI;IAAEG,KAAK;AAAEF,IAAAA;AAAS,GAAE,GAAGJ,KAAK;AAEhD,EAAA,oBACEO,IAAA,CAACC,eAAe,CAACC,QAAQ,EAAA;IACvBC,KAAK,EAAEC,OAAO,CACZ,OAAO;AACLC,MAAAA,cAAc,EAAEA,CAAC;QAAEP,MAAM;QAAEF,IAAI;AAAEG,QAAAA;AAAK,OAAE,KAAI;AAC1CL,QAAAA,QAAQ,CAAC;UAAEI,MAAM;UAAEF,IAAI;UAAEG,KAAK;AAAEF,UAAAA,SAAS,EAAES,IAAI,CAACC,GAAG;AAAE,SAAE,CAAC;AAC1D,MAAA;KACD,CAAC,EACF,EAAE,CACF;IAAAf,QAAA,EAAA,cAEFgB,GAAA,CAACC,cAAc,EAAA;AACbX,MAAAA,MAAM,EAAEA,MAAO;AACfF,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,SAAS,EAAEA,SAAU;AACrBN,MAAAA,OAAO,EAAEA,OAAQ;AACjBQ,MAAAA,KAAK,EAAEA;KAAM,CAEf,EAACP,QAAQ;AAAA,GACe,CAAC;AAE/B;;"}
+{"version":3,"file":"SnackbarProvider.mjs","sources":["../../src/Snackbar/SnackbarProvider.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { SnackbarContext } from './SnackbarContext';\nimport { PortalledSnackbar } from './SnackbarPortal';\nimport useSnackbarManager from './useSnackbarManager';\n\nexport interface SnackbarProviderProps {\n  /**\n   * @deprecated Configure each Snackbar with semantic `duration` instead. Existing millisecond\n   * values remain supported temporarily while consumers migrate. A Snackbar's `duration` takes\n   * precedence when both are provided.\n   */\n  timeout?: number;\n  /** Application content that can create Snackbars through the Provider context. */\n  children?: React.ReactNode;\n}\n\nexport default function SnackbarProvider({ timeout, children }: SnackbarProviderProps) {\n  const { active, announcementKey, dismissSnackbar, handleExited, showSnackbar, visible } =\n    useSnackbarManager();\n  const contextValue = useMemo(() => ({ createSnackbar: showSnackbar }), [showSnackbar]);\n\n  return (\n    <SnackbarContext.Provider value={contextValue}>\n      {active ? (\n        <PortalledSnackbar\n          key={active.id}\n          {...active.props}\n          announcementKey={announcementKey}\n          timeout={timeout}\n          visible={visible}\n          onDismissRequest={dismissSnackbar}\n          onExited={handleExited}\n        />\n      ) : null}\n      {children}\n    </SnackbarContext.Provider>\n  );\n}\n"],"names":["SnackbarProvider","timeout","children","active","announcementKey","dismissSnackbar","handleExited","showSnackbar","visible","useSnackbarManager","contextValue","useMemo","createSnackbar","_jsxs","SnackbarContext","Provider","value","_jsx","PortalledSnackbar","props","onDismissRequest","onExited","id"],"mappings":";;;;;;AAiBc,SAAUA,gBAAgBA,CAAC;EAAEC,OAAO;AAAEC,EAAAA;AAAQ,CAAyB,EAAA;EACnF,MAAM;IAAEC,MAAM;IAAEC,eAAe;IAAEC,eAAe;IAAEC,YAAY;IAAEC,YAAY;AAAEC,IAAAA;GAAS,GACrFC,kBAAkB,EAAE;AACtB,EAAA,MAAMC,YAAY,GAAGC,OAAO,CAAC,OAAO;AAAEC,IAAAA,cAAc,EAAEL;GAAc,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;AAEtF,EAAA,oBACEM,IAAA,CAACC,eAAe,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEN,YAAa;AAAAR,IAAAA,QAAA,EAAA,CAC3CC,MAAM,gBACLc,GAAA,CAACC,iBAAiB,EAAA;MAAA,GAEZf,MAAM,CAACgB,KAAK;AAChBf,MAAAA,eAAe,EAAEA,eAAgB;AACjCH,MAAAA,OAAO,EAAEA,OAAQ;AACjBO,MAAAA,OAAO,EAAEA,OAAQ;AACjBY,MAAAA,gBAAgB,EAAEf,eAAgB;AAClCgB,MAAAA,QAAQ,EAAEf;AAAa,KAAA,EANlBH,MAAM,CAACmB,EAMW,CACvB,GACA,IAAI,EACPpB,QAAQ;AAAA,GACe,CAAC;AAE/B;;"}

package/build/Snackbar/constants.js

@@ -0,0 +1,14 @@
+'use strict';
+
+const SNACKBAR_ENTER_DURATION = 300;
+const SNACKBAR_EXIT_DURATION = 150;
+const SNACKBAR_DEFAULT_DURATION = 4000;
+const SNACKBAR_EXTENDED_DURATION = 6000;
+const SWIPE_DISMISS_THRESHOLD_RATIO = 0.5;
+
+exports.SNACKBAR_DEFAULT_DURATION = SNACKBAR_DEFAULT_DURATION;
+exports.SNACKBAR_ENTER_DURATION = SNACKBAR_ENTER_DURATION;
+exports.SNACKBAR_EXIT_DURATION = SNACKBAR_EXIT_DURATION;
+exports.SNACKBAR_EXTENDED_DURATION = SNACKBAR_EXTENDED_DURATION;
+exports.SWIPE_DISMISS_THRESHOLD_RATIO = SWIPE_DISMISS_THRESHOLD_RATIO;
+//# sourceMappingURL=constants.js.map

package/build/Snackbar/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../src/Snackbar/constants.ts"],"sourcesContent":["export const SNACKBAR_ENTER_DURATION = 300;\nexport const SNACKBAR_EXIT_DURATION = 150;\nexport const SNACKBAR_DEFAULT_DURATION = 4000;\nexport const SNACKBAR_EXTENDED_DURATION = 6000;\nexport const SWIPE_DISMISS_THRESHOLD_RATIO = 0.5;\n"],"names":["SNACKBAR_ENTER_DURATION","SNACKBAR_EXIT_DURATION","SNACKBAR_DEFAULT_DURATION","SNACKBAR_EXTENDED_DURATION","SWIPE_DISMISS_THRESHOLD_RATIO"],"mappings":";;AAAO,MAAMA,uBAAuB,GAAG;AAChC,MAAMC,sBAAsB,GAAG;AAC/B,MAAMC,yBAAyB,GAAG;AAClC,MAAMC,0BAA0B,GAAG;AACnC,MAAMC,6BAA6B,GAAG;;;;;;"}

package/build/Snackbar/constants.mjs

@@ -0,0 +1,8 @@
+const SNACKBAR_ENTER_DURATION = 300;
+const SNACKBAR_EXIT_DURATION = 150;
+const SNACKBAR_DEFAULT_DURATION = 4000;
+const SNACKBAR_EXTENDED_DURATION = 6000;
+const SWIPE_DISMISS_THRESHOLD_RATIO = 0.5;
+
+export { SNACKBAR_DEFAULT_DURATION, SNACKBAR_ENTER_DURATION, SNACKBAR_EXIT_DURATION, SNACKBAR_EXTENDED_DURATION, SWIPE_DISMISS_THRESHOLD_RATIO };
+//# sourceMappingURL=constants.mjs.map

package/build/Snackbar/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../src/Snackbar/constants.ts"],"sourcesContent":["export const SNACKBAR_ENTER_DURATION = 300;\nexport const SNACKBAR_EXIT_DURATION = 150;\nexport const SNACKBAR_DEFAULT_DURATION = 4000;\nexport const SNACKBAR_EXTENDED_DURATION = 6000;\nexport const SWIPE_DISMISS_THRESHOLD_RATIO = 0.5;\n"],"names":["SNACKBAR_ENTER_DURATION","SNACKBAR_EXIT_DURATION","SNACKBAR_DEFAULT_DURATION","SNACKBAR_EXTENDED_DURATION","SWIPE_DISMISS_THRESHOLD_RATIO"],"mappings":"AAAO,MAAMA,uBAAuB,GAAG;AAChC,MAAMC,sBAAsB,GAAG;AAC/B,MAAMC,yBAAyB,GAAG;AAClC,MAAMC,0BAA0B,GAAG;AACnC,MAAMC,6BAA6B,GAAG;;"}

package/build/Snackbar/useSnackbarAutoDismiss.js

@@ -0,0 +1,135 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var constants = require('./constants.js');
+
+const getAutoDismissDuration = ({
+  duration,
+  loading,
+  timeout
+}) => {
+  if (loading || duration === 'indefinite') {
+    return null;
+  }
+  if (duration === 'extended') {
+    return constants.SNACKBAR_EXTENDED_DURATION;
+  }
+  if (duration === 'default') {
+    return constants.SNACKBAR_DEFAULT_DURATION;
+  }
+  return timeout ?? constants.SNACKBAR_DEFAULT_DURATION;
+};
+const useSnackbarAutoDismiss = ({
+  duration,
+  loading,
+  onDismissRequest,
+  resetKey,
+  timeout,
+  visible
+}) => {
+  const surfaceRef = React.useRef(null);
+  const timeoutRef = React.useRef(0);
+  const remainingDurationRef = React.useRef(null);
+  const timerStartedAtRef = React.useRef(0);
+  const interactionStateRef = React.useRef({
+    focusWithin: false,
+    hovered: false
+  });
+  const isInterrupted = React.useCallback(() => {
+    const {
+      focusWithin,
+      hovered
+    } = interactionStateRef.current;
+    return focusWithin || hovered;
+  }, []);
+  const clearTimer = React.useCallback(() => {
+    window.clearTimeout(timeoutRef.current);
+    timeoutRef.current = 0;
+  }, []);
+  const startTimer = React.useCallback((remainingDuration = getAutoDismissDuration({
+    duration,
+    loading,
+    timeout
+  })) => {
+    clearTimer();
+    remainingDurationRef.current = remainingDuration;
+    if (!visible || remainingDuration === null || isInterrupted()) {
+      return;
+    }
+    timerStartedAtRef.current = Date.now();
+    timeoutRef.current = window.setTimeout(() => {
+      timeoutRef.current = 0;
+      remainingDurationRef.current = 0;
+      onDismissRequest();
+    }, remainingDuration);
+  }, [clearTimer, duration, isInterrupted, loading, onDismissRequest, timeout, visible]);
+  const pauseTimer = React.useCallback(() => {
+    if (!timeoutRef.current || remainingDurationRef.current === null) {
+      return;
+    }
+    clearTimer();
+    remainingDurationRef.current = Math.max(0, remainingDurationRef.current - (Date.now() - timerStartedAtRef.current));
+  }, [clearTimer]);
+  const resumeTimer = React.useCallback(() => {
+    if (isInterrupted() || remainingDurationRef.current === null) {
+      return;
+    }
+    startTimer(remainingDurationRef.current);
+  }, [isInterrupted, startTimer]);
+  const handleMouseEnter = React.useCallback(() => {
+    interactionStateRef.current = {
+      ...interactionStateRef.current,
+      hovered: true
+    };
+    pauseTimer();
+  }, [pauseTimer]);
+  const handleMouseLeave = React.useCallback(() => {
+    interactionStateRef.current = {
+      ...interactionStateRef.current,
+      hovered: false
+    };
+    resumeTimer();
+  }, [resumeTimer]);
+  const handleFocus = React.useCallback(() => {
+    interactionStateRef.current = {
+      ...interactionStateRef.current,
+      focusWithin: true
+    };
+    pauseTimer();
+  }, [pauseTimer]);
+  const handleBlur = React.useCallback(event => {
+    if (event.currentTarget.contains(event.relatedTarget)) {
+      return;
+    }
+    interactionStateRef.current = {
+      ...interactionStateRef.current,
+      focusWithin: false
+    };
+    resumeTimer();
+  }, [resumeTimer]);
+  React.useEffect(() => {
+    if (!visible) {
+      clearTimer();
+      return undefined;
+    }
+    const snackbar = surfaceRef.current;
+    interactionStateRef.current = {
+      focusWithin: Boolean(snackbar?.contains(document.activeElement)),
+      hovered: snackbar?.matches(':hover') ?? false
+    };
+    startTimer();
+    return clearTimer;
+  }, [clearTimer, resetKey, startTimer, visible]);
+  return {
+    handleBlur,
+    handleFocus,
+    handleMouseEnter,
+    handleMouseLeave,
+    surfaceRef
+  };
+};
+
+exports.default = useSnackbarAutoDismiss;
+//# sourceMappingURL=useSnackbarAutoDismiss.js.map

package/build/Snackbar/useSnackbarAutoDismiss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSnackbarAutoDismiss.js","sources":["../../src/Snackbar/useSnackbarAutoDismiss.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { SNACKBAR_DEFAULT_DURATION, SNACKBAR_EXTENDED_DURATION } from './constants';\nimport type { SnackbarDuration } from './Snackbar.types';\n\ntype UseSnackbarAutoDismissOptions = {\n  duration?: SnackbarDuration;\n  loading?: boolean;\n  onDismissRequest: () => void;\n  resetKey: string | number;\n  timeout?: number;\n  visible: boolean;\n};\n\ntype InteractionState = {\n  focusWithin: boolean;\n  hovered: boolean;\n};\n\nconst getAutoDismissDuration = ({\n  duration,\n  loading,\n  timeout,\n}: Pick<UseSnackbarAutoDismissOptions, 'duration' | 'loading' | 'timeout'>) => {\n  if (loading || duration === 'indefinite') {\n    return null;\n  }\n\n  if (duration === 'extended') {\n    return SNACKBAR_EXTENDED_DURATION;\n  }\n\n  if (duration === 'default') {\n    return SNACKBAR_DEFAULT_DURATION;\n  }\n\n  return timeout ?? SNACKBAR_DEFAULT_DURATION;\n};\n\nconst useSnackbarAutoDismiss = ({\n  duration,\n  loading,\n  onDismissRequest,\n  resetKey,\n  timeout,\n  visible,\n}: UseSnackbarAutoDismissOptions) => {\n  const surfaceRef = useRef<HTMLDivElement>(null);\n  const timeoutRef = useRef(0);\n  const remainingDurationRef = useRef<number | null>(null);\n  const timerStartedAtRef = useRef(0);\n  const interactionStateRef = useRef<InteractionState>({ focusWithin: false, hovered: false });\n\n  const isInterrupted = useCallback(() => {\n    const { focusWithin, hovered } = interactionStateRef.current;\n    return focusWithin || hovered;\n  }, []);\n\n  const clearTimer = useCallback(() => {\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = 0;\n  }, []);\n\n  const startTimer = useCallback(\n    (remainingDuration = getAutoDismissDuration({ duration, loading, timeout })) => {\n      clearTimer();\n      remainingDurationRef.current = remainingDuration;\n\n      if (!visible || remainingDuration === null || isInterrupted()) {\n        return;\n      }\n\n      timerStartedAtRef.current = Date.now();\n      timeoutRef.current = window.setTimeout(() => {\n        timeoutRef.current = 0;\n        remainingDurationRef.current = 0;\n        onDismissRequest();\n      }, remainingDuration);\n    },\n    [clearTimer, duration, isInterrupted, loading, onDismissRequest, timeout, visible],\n  );\n\n  const pauseTimer = useCallback(() => {\n    if (!timeoutRef.current || remainingDurationRef.current === null) {\n      return;\n    }\n\n    clearTimer();\n    remainingDurationRef.current = Math.max(\n      0,\n      remainingDurationRef.current - (Date.now() - timerStartedAtRef.current),\n    );\n  }, [clearTimer]);\n\n  const resumeTimer = useCallback(() => {\n    if (isInterrupted() || remainingDurationRef.current === null) {\n      return;\n    }\n\n    startTimer(remainingDurationRef.current);\n  }, [isInterrupted, startTimer]);\n\n  const handleMouseEnter = useCallback(() => {\n    interactionStateRef.current = { ...interactionStateRef.current, hovered: true };\n    pauseTimer();\n  }, [pauseTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    interactionStateRef.current = { ...interactionStateRef.current, hovered: false };\n    resumeTimer();\n  }, [resumeTimer]);\n\n  const handleFocus = useCallback(() => {\n    interactionStateRef.current = { ...interactionStateRef.current, focusWithin: true };\n    pauseTimer();\n  }, [pauseTimer]);\n\n  const handleBlur = useCallback(\n    (event: React.FocusEvent<HTMLDivElement>) => {\n      if (event.currentTarget.contains(event.relatedTarget)) {\n        return;\n      }\n\n      interactionStateRef.current = { ...interactionStateRef.current, focusWithin: false };\n      resumeTimer();\n    },\n    [resumeTimer],\n  );\n\n  useEffect(() => {\n    if (!visible) {\n      clearTimer();\n      return undefined;\n    }\n\n    const snackbar = surfaceRef.current;\n    interactionStateRef.current = {\n      focusWithin: Boolean(snackbar?.contains(document.activeElement)),\n      hovered: snackbar?.matches(':hover') ?? false,\n    };\n    startTimer();\n\n    return clearTimer;\n  }, [clearTimer, resetKey, startTimer, visible]);\n\n  return {\n    handleBlur,\n    handleFocus,\n    handleMouseEnter,\n    handleMouseLeave,\n    surfaceRef,\n  };\n};\n\nexport default useSnackbarAutoDismiss;\n"],"names":["getAutoDismissDuration","duration","loading","timeout","SNACKBAR_EXTENDED_DURATION","SNACKBAR_DEFAULT_DURATION","useSnackbarAutoDismiss","onDismissRequest","resetKey","visible","surfaceRef","useRef","timeoutRef","remainingDurationRef","timerStartedAtRef","interactionStateRef","focusWithin","hovered","isInterrupted","useCallback","current","clearTimer","window","clearTimeout","startTimer","remainingDuration","Date","now","setTimeout","pauseTimer","Math","max","resumeTimer","handleMouseEnter","handleMouseLeave","handleFocus","handleBlur","event","currentTarget","contains","relatedTarget","useEffect","undefined","snackbar","Boolean","document","activeElement","matches"],"mappings":";;;;;;;AAmBA,MAAMA,sBAAsB,GAAGA,CAAC;EAC9BC,QAAQ;EACRC,OAAO;AACPC,EAAAA;AAAO,CACiE,KAAI;AAC5E,EAAA,IAAID,OAAO,IAAID,QAAQ,KAAK,YAAY,EAAE;AACxC,IAAA,OAAO,IAAI;AACb,EAAA;EAEA,IAAIA,QAAQ,KAAK,UAAU,EAAE;AAC3B,IAAA,OAAOG,oCAA0B;AACnC,EAAA;EAEA,IAAIH,QAAQ,KAAK,SAAS,EAAE;AAC1B,IAAA,OAAOI,mCAAyB;AAClC,EAAA;EAEA,OAAOF,OAAO,IAAIE,mCAAyB;AAC7C,CAAC;AAED,MAAMC,sBAAsB,GAAGA,CAAC;EAC9BL,QAAQ;EACRC,OAAO;EACPK,gBAAgB;EAChBC,QAAQ;EACRL,OAAO;AACPM,EAAAA;AAAO,CACuB,KAAI;AAClC,EAAA,MAAMC,UAAU,GAAGC,YAAM,CAAiB,IAAI,CAAC;AAC/C,EAAA,MAAMC,UAAU,GAAGD,YAAM,CAAC,CAAC,CAAC;AAC5B,EAAA,MAAME,oBAAoB,GAAGF,YAAM,CAAgB,IAAI,CAAC;AACxD,EAAA,MAAMG,iBAAiB,GAAGH,YAAM,CAAC,CAAC,CAAC;EACnC,MAAMI,mBAAmB,GAAGJ,YAAM,CAAmB;AAAEK,IAAAA,WAAW,EAAE,KAAK;AAAEC,IAAAA,OAAO,EAAE;AAAK,GAAE,CAAC;AAE5F,EAAA,MAAMC,aAAa,GAAGC,iBAAW,CAAC,MAAK;IACrC,MAAM;MAAEH,WAAW;AAAEC,MAAAA;KAAS,GAAGF,mBAAmB,CAACK,OAAO;IAC5D,OAAOJ,WAAW,IAAIC,OAAO;EAC/B,CAAC,EAAE,EAAE,CAAC;AAEN,EAAA,MAAMI,UAAU,GAAGF,iBAAW,CAAC,MAAK;AAClCG,IAAAA,MAAM,CAACC,YAAY,CAACX,UAAU,CAACQ,OAAO,CAAC;IACvCR,UAAU,CAACQ,OAAO,GAAG,CAAC;EACxB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,UAAU,GAAGL,iBAAW,CAC5B,CAACM,iBAAiB,GAAGzB,sBAAsB,CAAC;IAAEC,QAAQ;IAAEC,OAAO;AAAEC,IAAAA;AAAO,GAAE,CAAC,KAAI;AAC7EkB,IAAAA,UAAU,EAAE;IACZR,oBAAoB,CAACO,OAAO,GAAGK,iBAAiB;IAEhD,IAAI,CAAChB,OAAO,IAAIgB,iBAAiB,KAAK,IAAI,IAAIP,aAAa,EAAE,EAAE;AAC7D,MAAA;AACF,IAAA;AAEAJ,IAAAA,iBAAiB,CAACM,OAAO,GAAGM,IAAI,CAACC,GAAG,EAAE;AACtCf,IAAAA,UAAU,CAACQ,OAAO,GAAGE,MAAM,CAACM,UAAU,CAAC,MAAK;MAC1ChB,UAAU,CAACQ,OAAO,GAAG,CAAC;MACtBP,oBAAoB,CAACO,OAAO,GAAG,CAAC;AAChCb,MAAAA,gBAAgB,EAAE;IACpB,CAAC,EAAEkB,iBAAiB,CAAC;AACvB,EAAA,CAAC,EACD,CAACJ,UAAU,EAAEpB,QAAQ,EAAEiB,aAAa,EAAEhB,OAAO,EAAEK,gBAAgB,EAAEJ,OAAO,EAAEM,OAAO,CAAC,CACnF;AAED,EAAA,MAAMoB,UAAU,GAAGV,iBAAW,CAAC,MAAK;IAClC,IAAI,CAACP,UAAU,CAACQ,OAAO,IAAIP,oBAAoB,CAACO,OAAO,KAAK,IAAI,EAAE;AAChE,MAAA;AACF,IAAA;AAEAC,IAAAA,UAAU,EAAE;IACZR,oBAAoB,CAACO,OAAO,GAAGU,IAAI,CAACC,GAAG,CACrC,CAAC,EACDlB,oBAAoB,CAACO,OAAO,IAAIM,IAAI,CAACC,GAAG,EAAE,GAAGb,iBAAiB,CAACM,OAAO,CAAC,CACxE;AACH,EAAA,CAAC,EAAE,CAACC,UAAU,CAAC,CAAC;AAEhB,EAAA,MAAMW,WAAW,GAAGb,iBAAW,CAAC,MAAK;IACnC,IAAID,aAAa,EAAE,IAAIL,oBAAoB,CAACO,OAAO,KAAK,IAAI,EAAE;AAC5D,MAAA;AACF,IAAA;AAEAI,IAAAA,UAAU,CAACX,oBAAoB,CAACO,OAAO,CAAC;AAC1C,EAAA,CAAC,EAAE,CAACF,aAAa,EAAEM,UAAU,CAAC,CAAC;AAE/B,EAAA,MAAMS,gBAAgB,GAAGd,iBAAW,CAAC,MAAK;IACxCJ,mBAAmB,CAACK,OAAO,GAAG;MAAE,GAAGL,mBAAmB,CAACK,OAAO;AAAEH,MAAAA,OAAO,EAAE;KAAM;AAC/EY,IAAAA,UAAU,EAAE;AACd,EAAA,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;AAEhB,EAAA,MAAMK,gBAAgB,GAAGf,iBAAW,CAAC,MAAK;IACxCJ,mBAAmB,CAACK,OAAO,GAAG;MAAE,GAAGL,mBAAmB,CAACK,OAAO;AAAEH,MAAAA,OAAO,EAAE;KAAO;AAChFe,IAAAA,WAAW,EAAE;AACf,EAAA,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;AAEjB,EAAA,MAAMG,WAAW,GAAGhB,iBAAW,CAAC,MAAK;IACnCJ,mBAAmB,CAACK,OAAO,GAAG;MAAE,GAAGL,mBAAmB,CAACK,OAAO;AAAEJ,MAAAA,WAAW,EAAE;KAAM;AACnFa,IAAAA,UAAU,EAAE;AACd,EAAA,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;AAEhB,EAAA,MAAMO,UAAU,GAAGjB,iBAAW,CAC3BkB,KAAuC,IAAI;IAC1C,IAAIA,KAAK,CAACC,aAAa,CAACC,QAAQ,CAACF,KAAK,CAACG,aAAa,CAAC,EAAE;AACrD,MAAA;AACF,IAAA;IAEAzB,mBAAmB,CAACK,OAAO,GAAG;MAAE,GAAGL,mBAAmB,CAACK,OAAO;AAAEJ,MAAAA,WAAW,EAAE;KAAO;AACpFgB,IAAAA,WAAW,EAAE;AACf,EAAA,CAAC,EACD,CAACA,WAAW,CAAC,CACd;AAEDS,EAAAA,eAAS,CAAC,MAAK;IACb,IAAI,CAAChC,OAAO,EAAE;AACZY,MAAAA,UAAU,EAAE;AACZ,MAAA,OAAOqB,SAAS;AAClB,IAAA;AAEA,IAAA,MAAMC,QAAQ,GAAGjC,UAAU,CAACU,OAAO;IACnCL,mBAAmB,CAACK,OAAO,GAAG;MAC5BJ,WAAW,EAAE4B,OAAO,CAACD,QAAQ,EAAEJ,QAAQ,CAACM,QAAQ,CAACC,aAAa,CAAC,CAAC;AAChE7B,MAAAA,OAAO,EAAE0B,QAAQ,EAAEI,OAAO,CAAC,QAAQ,CAAC,IAAI;KACzC;AACDvB,IAAAA,UAAU,EAAE;AAEZ,IAAA,OAAOH,UAAU;EACnB,CAAC,EAAE,CAACA,UAAU,EAAEb,QAAQ,EAAEgB,UAAU,EAAEf,OAAO,CAAC,CAAC;EAE/C,OAAO;IACL2B,UAAU;IACVD,WAAW;IACXF,gBAAgB;IAChBC,gBAAgB;AAChBxB,IAAAA;GACD;AACH;;"}

package/build/Snackbar/useSnackbarAutoDismiss.mjs

@@ -0,0 +1,131 @@
+import { useRef, useCallback, useEffect } from 'react';
+import { SNACKBAR_EXTENDED_DURATION, SNACKBAR_DEFAULT_DURATION } from './constants.mjs';
+
+const getAutoDismissDuration = ({
+  duration,
+  loading,
+  timeout
+}) => {
+  if (loading || duration === 'indefinite') {
+    return null;
+  }
+  if (duration === 'extended') {
+    return SNACKBAR_EXTENDED_DURATION;
+  }
+  if (duration === 'default') {
+    return SNACKBAR_DEFAULT_DURATION;
+  }
+  return timeout ?? SNACKBAR_DEFAULT_DURATION;
+};
+const useSnackbarAutoDismiss = ({
+  duration,
+  loading,
+  onDismissRequest,
+  resetKey,
+  timeout,
+  visible
+}) => {
+  const surfaceRef = useRef(null);
+  const timeoutRef = useRef(0);
+  const remainingDurationRef = useRef(null);
+  const timerStartedAtRef = useRef(0);
+  const interactionStateRef = useRef({
+    focusWithin: false,
+    hovered: false
+  });
+  const isInterrupted = useCallback(() => {
+    const {
+      focusWithin,
+      hovered
+    } = interactionStateRef.current;
+    return focusWithin || hovered;
+  }, []);
+  const clearTimer = useCallback(() => {
+    window.clearTimeout(timeoutRef.current);
+    timeoutRef.current = 0;
+  }, []);
+  const startTimer = useCallback((remainingDuration = getAutoDismissDuration({
+    duration,
+    loading,
+    timeout
+  })) => {
+    clearTimer();
+    remainingDurationRef.current = remainingDuration;
+    if (!visible || remainingDuration === null || isInterrupted()) {
+      return;
+    }
+    timerStartedAtRef.current = Date.now();
+    timeoutRef.current = window.setTimeout(() => {
+      timeoutRef.current = 0;
+      remainingDurationRef.current = 0;
+      onDismissRequest();
+    }, remainingDuration);
+  }, [clearTimer, duration, isInterrupted, loading, onDismissRequest, timeout, visible]);
+  const pauseTimer = useCallback(() => {
+    if (!timeoutRef.current || remainingDurationRef.current === null) {
+      return;
+    }
+    clearTimer();
+    remainingDurationRef.current = Math.max(0, remainingDurationRef.current - (Date.now() - timerStartedAtRef.current));
+  }, [clearTimer]);
+  const resumeTimer = useCallback(() => {
+    if (isInterrupted() || remainingDurationRef.current === null) {
+      return;
+    }
+    startTimer(remainingDurationRef.current);
+  }, [isInterrupted, startTimer]);
+  const handleMouseEnter = useCallback(() => {
+    interactionStateRef.current = {
+      ...interactionStateRef.current,
+      hovered: true
+    };
+    pauseTimer();
+  }, [pauseTimer]);
+  const handleMouseLeave = useCallback(() => {
+    interactionStateRef.current = {
+      ...interactionStateRef.current,
+      hovered: false
+    };
+    resumeTimer();
+  }, [resumeTimer]);
+  const handleFocus = useCallback(() => {
+    interactionStateRef.current = {
+      ...interactionStateRef.current,
+      focusWithin: true
+    };
+    pauseTimer();
+  }, [pauseTimer]);
+  const handleBlur = useCallback(event => {
+    if (event.currentTarget.contains(event.relatedTarget)) {
+      return;
+    }
+    interactionStateRef.current = {
+      ...interactionStateRef.current,
+      focusWithin: false
+    };
+    resumeTimer();
+  }, [resumeTimer]);
+  useEffect(() => {
+    if (!visible) {
+      clearTimer();
+      return undefined;
+    }
+    const snackbar = surfaceRef.current;
+    interactionStateRef.current = {
+      focusWithin: Boolean(snackbar?.contains(document.activeElement)),
+      hovered: snackbar?.matches(':hover') ?? false
+    };
+    startTimer();
+    return clearTimer;
+  }, [clearTimer, resetKey, startTimer, visible]);
+  return {
+    handleBlur,
+    handleFocus,
+    handleMouseEnter,
+    handleMouseLeave,
+    surfaceRef
+  };
+};
+
+export { useSnackbarAutoDismiss as default };
+//# sourceMappingURL=useSnackbarAutoDismiss.mjs.map

package/build/Snackbar/useSnackbarAutoDismiss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSnackbarAutoDismiss.mjs","sources":["../../src/Snackbar/useSnackbarAutoDismiss.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { SNACKBAR_DEFAULT_DURATION, SNACKBAR_EXTENDED_DURATION } from './constants';\nimport type { SnackbarDuration } from './Snackbar.types';\n\ntype UseSnackbarAutoDismissOptions = {\n  duration?: SnackbarDuration;\n  loading?: boolean;\n  onDismissRequest: () => void;\n  resetKey: string | number;\n  timeout?: number;\n  visible: boolean;\n};\n\ntype InteractionState = {\n  focusWithin: boolean;\n  hovered: boolean;\n};\n\nconst getAutoDismissDuration = ({\n  duration,\n  loading,\n  timeout,\n}: Pick<UseSnackbarAutoDismissOptions, 'duration' | 'loading' | 'timeout'>) => {\n  if (loading || duration === 'indefinite') {\n    return null;\n  }\n\n  if (duration === 'extended') {\n    return SNACKBAR_EXTENDED_DURATION;\n  }\n\n  if (duration === 'default') {\n    return SNACKBAR_DEFAULT_DURATION;\n  }\n\n  return timeout ?? SNACKBAR_DEFAULT_DURATION;\n};\n\nconst useSnackbarAutoDismiss = ({\n  duration,\n  loading,\n  onDismissRequest,\n  resetKey,\n  timeout,\n  visible,\n}: UseSnackbarAutoDismissOptions) => {\n  const surfaceRef = useRef<HTMLDivElement>(null);\n  const timeoutRef = useRef(0);\n  const remainingDurationRef = useRef<number | null>(null);\n  const timerStartedAtRef = useRef(0);\n  const interactionStateRef = useRef<InteractionState>({ focusWithin: false, hovered: false });\n\n  const isInterrupted = useCallback(() => {\n    const { focusWithin, hovered } = interactionStateRef.current;\n    return focusWithin || hovered;\n  }, []);\n\n  const clearTimer = useCallback(() => {\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = 0;\n  }, []);\n\n  const startTimer = useCallback(\n    (remainingDuration = getAutoDismissDuration({ duration, loading, timeout })) => {\n      clearTimer();\n      remainingDurationRef.current = remainingDuration;\n\n      if (!visible || remainingDuration === null || isInterrupted()) {\n        return;\n      }\n\n      timerStartedAtRef.current = Date.now();\n      timeoutRef.current = window.setTimeout(() => {\n        timeoutRef.current = 0;\n        remainingDurationRef.current = 0;\n        onDismissRequest();\n      }, remainingDuration);\n    },\n    [clearTimer, duration, isInterrupted, loading, onDismissRequest, timeout, visible],\n  );\n\n  const pauseTimer = useCallback(() => {\n    if (!timeoutRef.current || remainingDurationRef.current === null) {\n      return;\n    }\n\n    clearTimer();\n    remainingDurationRef.current = Math.max(\n      0,\n      remainingDurationRef.current - (Date.now() - timerStartedAtRef.current),\n    );\n  }, [clearTimer]);\n\n  const resumeTimer = useCallback(() => {\n    if (isInterrupted() || remainingDurationRef.current === null) {\n      return;\n    }\n\n    startTimer(remainingDurationRef.current);\n  }, [isInterrupted, startTimer]);\n\n  const handleMouseEnter = useCallback(() => {\n    interactionStateRef.current = { ...interactionStateRef.current, hovered: true };\n    pauseTimer();\n  }, [pauseTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    interactionStateRef.current = { ...interactionStateRef.current, hovered: false };\n    resumeTimer();\n  }, [resumeTimer]);\n\n  const handleFocus = useCallback(() => {\n    interactionStateRef.current = { ...interactionStateRef.current, focusWithin: true };\n    pauseTimer();\n  }, [pauseTimer]);\n\n  const handleBlur = useCallback(\n    (event: React.FocusEvent<HTMLDivElement>) => {\n      if (event.currentTarget.contains(event.relatedTarget)) {\n        return;\n      }\n\n      interactionStateRef.current = { ...interactionStateRef.current, focusWithin: false };\n      resumeTimer();\n    },\n    [resumeTimer],\n  );\n\n  useEffect(() => {\n    if (!visible) {\n      clearTimer();\n      return undefined;\n    }\n\n    const snackbar = surfaceRef.current;\n    interactionStateRef.current = {\n      focusWithin: Boolean(snackbar?.contains(document.activeElement)),\n      hovered: snackbar?.matches(':hover') ?? false,\n    };\n    startTimer();\n\n    return clearTimer;\n  }, [clearTimer, resetKey, startTimer, visible]);\n\n  return {\n    handleBlur,\n    handleFocus,\n    handleMouseEnter,\n    handleMouseLeave,\n    surfaceRef,\n  };\n};\n\nexport default useSnackbarAutoDismiss;\n"],"names":["getAutoDismissDuration","duration","loading","timeout","SNACKBAR_EXTENDED_DURATION","SNACKBAR_DEFAULT_DURATION","useSnackbarAutoDismiss","onDismissRequest","resetKey","visible","surfaceRef","useRef","timeoutRef","remainingDurationRef","timerStartedAtRef","interactionStateRef","focusWithin","hovered","isInterrupted","useCallback","current","clearTimer","window","clearTimeout","startTimer","remainingDuration","Date","now","setTimeout","pauseTimer","Math","max","resumeTimer","handleMouseEnter","handleMouseLeave","handleFocus","handleBlur","event","currentTarget","contains","relatedTarget","useEffect","undefined","snackbar","Boolean","document","activeElement","matches"],"mappings":"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"}