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

package/build/Snackbar/useSnackbarManager.js

@@ -0,0 +1,164 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const emptyState = {
+  active: null,
+  activeHasRendered: false,
+  announcementKey: 0,
+  pending: null,
+  visible: false
+};
+const createInitialState = initialSnackbar => initialSnackbar ? {
+  active: {
+    id: 1,
+    props: initialSnackbar
+  },
+  activeHasRendered: false,
+  announcementKey: 1,
+  pending: null,
+  visible: true
+} : emptyState;
+const snackbarManagerReducer = (state, action) => {
+  switch (action.type) {
+    case 'show':
+      if (!state.active || !state.activeHasRendered) {
+        // Nothing has rendered yet, so consecutive creates from the same React batch collapse to
+        // the latest Snackbar instead of trying to animate out an instance that never entered.
+        return {
+          active: action.instance,
+          activeHasRendered: false,
+          announcementKey: state.announcementKey + 1,
+          pending: null,
+          visible: true
+        };
+      }
+      // Latest wins: replace any pending Snackbar while the active one completes its exit.
+      return {
+        ...state,
+        pending: action.instance,
+        visible: false
+      };
+    case 'rendered':
+      if (state.active?.id !== action.instanceId || state.activeHasRendered) {
+        return state;
+      }
+      return {
+        ...state,
+        activeHasRendered: true
+      };
+    case 'update':
+      if (!state.active) {
+        return {
+          active: action.instance,
+          activeHasRendered: false,
+          announcementKey: state.announcementKey + 1,
+          pending: null,
+          visible: true
+        };
+      }
+      return {
+        ...state,
+        active: {
+          ...state.active,
+          props: action.instance.props
+        },
+        pending: action.reactivate ? null : state.pending,
+        visible: action.reactivate ? true : state.visible,
+        announcementKey: state.active.props.text === action.instance.props.text ? state.announcementKey : state.announcementKey + 1
+      };
+    case 'dismiss':
+      if (!state.active) {
+        return state;
+      }
+      return state.activeHasRendered ? {
+        ...state,
+        visible: false
+      } : {
+        ...emptyState,
+        announcementKey: state.announcementKey
+      };
+    case 'exited':
+      if (state.active?.id !== action.instanceId) {
+        return state;
+      }
+      if (state.pending) {
+        return {
+          active: state.pending,
+          activeHasRendered: false,
+          announcementKey: state.announcementKey + 1,
+          pending: null,
+          visible: true
+        };
+      }
+      return {
+        ...emptyState,
+        announcementKey: state.announcementKey
+      };
+    default:
+      return state;
+  }
+};
+/** Owns the shared latest-wins and exit-before-enter lifecycle used by Snackbar portals. */
+const useSnackbarManager = initialSnackbar => {
+  const [state, dispatch] = React.useReducer(snackbarManagerReducer, initialSnackbar, createInitialState);
+  const nextInstanceId = React.useRef(initialSnackbar ? 1 : 0);
+  const createInstance = React.useCallback(props => {
+    nextInstanceId.current += 1;
+    return {
+      id: nextInstanceId.current,
+      props
+    };
+  }, []);
+  const showSnackbar = React.useCallback(props => dispatch({
+    type: 'show',
+    instance: createInstance(props)
+  }), [createInstance]);
+  const updateSnackbar = React.useCallback((props, reactivate = false) => dispatch({
+    type: 'update',
+    instance: createInstance(props),
+    reactivate
+  }), [createInstance]);
+  const dismissSnackbar = React.useCallback(() => dispatch({
+    type: 'dismiss'
+  }), []);
+  const handleExited = React.useCallback(() => {
+    if (!state.active) {
+      return;
+    }
+    try {
+      state.active.props.onDismiss?.();
+    } finally {
+      // Consumer callbacks must not prevent a pending Snackbar from being promoted.
+      dispatch({
+        type: 'exited',
+        instanceId: state.active.id
+      });
+    }
+  }, [state.active]);
+  React.useEffect(() => {
+    if (!state.active || !state.visible || state.activeHasRendered) {
+      return;
+    }
+    // This runs after React commits the active Snackbar. Later creates can now safely wait for its
+    // exit transition; creates dispatched before this point continue to coalesce to the latest.
+    dispatch({
+      type: 'rendered',
+      instanceId: state.active.id
+    });
+  }, [state.active, state.activeHasRendered, state.visible]);
+  return {
+    active: state.active,
+    announcementKey: state.announcementKey,
+    dismissSnackbar,
+    handleExited,
+    showSnackbar,
+    updateSnackbar,
+    visible: state.visible
+  };
+};
+
+exports.default = useSnackbarManager;
+//# sourceMappingURL=useSnackbarManager.js.map

package/build/Snackbar/useSnackbarManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSnackbarManager.js","sources":["../../src/Snackbar/useSnackbarManager.ts"],"sourcesContent":["import { useCallback, useEffect, useReducer, useRef } from 'react';\n\nimport type { SnackbarProps } from './Snackbar.types';\n\ntype SnackbarInstance = {\n  id: number;\n  props: SnackbarProps;\n};\n\ntype SnackbarManagerState = {\n  active: SnackbarInstance | null;\n  activeHasRendered: boolean;\n  announcementKey: number;\n  pending: SnackbarInstance | null;\n  visible: boolean;\n};\n\ntype SnackbarManagerAction =\n  | { type: 'show'; instance: SnackbarInstance }\n  | { type: 'update'; instance: SnackbarInstance; reactivate: boolean }\n  | { type: 'rendered'; instanceId: number }\n  | { type: 'dismiss' }\n  | { type: 'exited'; instanceId: number };\n\nconst emptyState: SnackbarManagerState = {\n  active: null,\n  activeHasRendered: false,\n  announcementKey: 0,\n  pending: null,\n  visible: false,\n};\n\nconst createInitialState = (initialSnackbar?: SnackbarProps): SnackbarManagerState =>\n  initialSnackbar\n    ? {\n        active: { id: 1, props: initialSnackbar },\n        activeHasRendered: false,\n        announcementKey: 1,\n        pending: null,\n        visible: true,\n      }\n    : emptyState;\n\nconst snackbarManagerReducer = (\n  state: SnackbarManagerState,\n  action: SnackbarManagerAction,\n): SnackbarManagerState => {\n  switch (action.type) {\n    case 'show':\n      if (!state.active || !state.activeHasRendered) {\n        // Nothing has rendered yet, so consecutive creates from the same React batch collapse to\n        // the latest Snackbar instead of trying to animate out an instance that never entered.\n        return {\n          active: action.instance,\n          activeHasRendered: false,\n          announcementKey: state.announcementKey + 1,\n          pending: null,\n          visible: true,\n        };\n      }\n\n      // Latest wins: replace any pending Snackbar while the active one completes its exit.\n      return {\n        ...state,\n        pending: action.instance,\n        visible: false,\n      };\n    case 'rendered':\n      if (state.active?.id !== action.instanceId || state.activeHasRendered) {\n        return state;\n      }\n\n      return { ...state, activeHasRendered: true };\n    case 'update':\n      if (!state.active) {\n        return {\n          active: action.instance,\n          activeHasRendered: false,\n          announcementKey: state.announcementKey + 1,\n          pending: null,\n          visible: true,\n        };\n      }\n\n      return {\n        ...state,\n        active: { ...state.active, props: action.instance.props },\n        pending: action.reactivate ? null : state.pending,\n        visible: action.reactivate ? true : state.visible,\n        announcementKey:\n          state.active.props.text === action.instance.props.text\n            ? state.announcementKey\n            : state.announcementKey + 1,\n      };\n    case 'dismiss':\n      if (!state.active) {\n        return state;\n      }\n\n      return state.activeHasRendered\n        ? { ...state, visible: false }\n        : { ...emptyState, announcementKey: state.announcementKey };\n    case 'exited':\n      if (state.active?.id !== action.instanceId) {\n        return state;\n      }\n\n      if (state.pending) {\n        return {\n          active: state.pending,\n          activeHasRendered: false,\n          announcementKey: state.announcementKey + 1,\n          pending: null,\n          visible: true,\n        };\n      }\n\n      return { ...emptyState, announcementKey: state.announcementKey };\n    default:\n      return state;\n  }\n};\n\n/** Owns the shared latest-wins and exit-before-enter lifecycle used by Snackbar portals. */\nconst useSnackbarManager = (initialSnackbar?: SnackbarProps) => {\n  const [state, dispatch] = useReducer(snackbarManagerReducer, initialSnackbar, createInitialState);\n  const nextInstanceId = useRef(initialSnackbar ? 1 : 0);\n\n  const createInstance = useCallback((props: SnackbarProps): SnackbarInstance => {\n    nextInstanceId.current += 1;\n    return { id: nextInstanceId.current, props };\n  }, []);\n\n  const showSnackbar = useCallback(\n    (props: SnackbarProps) => dispatch({ type: 'show', instance: createInstance(props) }),\n    [createInstance],\n  );\n\n  const updateSnackbar = useCallback(\n    (props: SnackbarProps, reactivate = false) =>\n      dispatch({ type: 'update', instance: createInstance(props), reactivate }),\n    [createInstance],\n  );\n\n  const dismissSnackbar = useCallback(() => dispatch({ type: 'dismiss' }), []);\n\n  const handleExited = useCallback(() => {\n    if (!state.active) {\n      return;\n    }\n\n    try {\n      state.active.props.onDismiss?.();\n    } finally {\n      // Consumer callbacks must not prevent a pending Snackbar from being promoted.\n      dispatch({ type: 'exited', instanceId: state.active.id });\n    }\n  }, [state.active]);\n\n  useEffect(() => {\n    if (!state.active || !state.visible || state.activeHasRendered) {\n      return;\n    }\n\n    // This runs after React commits the active Snackbar. Later creates can now safely wait for its\n    // exit transition; creates dispatched before this point continue to coalesce to the latest.\n    dispatch({ type: 'rendered', instanceId: state.active.id });\n  }, [state.active, state.activeHasRendered, state.visible]);\n\n  return {\n    active: state.active,\n    announcementKey: state.announcementKey,\n    dismissSnackbar,\n    handleExited,\n    showSnackbar,\n    updateSnackbar,\n    visible: state.visible,\n  };\n};\n\nexport default useSnackbarManager;\n"],"names":["emptyState","active","activeHasRendered","announcementKey","pending","visible","createInitialState","initialSnackbar","id","props","snackbarManagerReducer","state","action","type","instance","instanceId","reactivate","text","useSnackbarManager","dispatch","useReducer","nextInstanceId","useRef","createInstance","useCallback","current","showSnackbar","updateSnackbar","dismissSnackbar","handleExited","onDismiss","useEffect"],"mappings":"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"}

package/build/Snackbar/useSnackbarManager.mjs

@@ -0,0 +1,160 @@
+import { useReducer, useRef, useCallback, useEffect } from 'react';
+
+const emptyState = {
+  active: null,
+  activeHasRendered: false,
+  announcementKey: 0,
+  pending: null,
+  visible: false
+};
+const createInitialState = initialSnackbar => initialSnackbar ? {
+  active: {
+    id: 1,
+    props: initialSnackbar
+  },
+  activeHasRendered: false,
+  announcementKey: 1,
+  pending: null,
+  visible: true
+} : emptyState;
+const snackbarManagerReducer = (state, action) => {
+  switch (action.type) {
+    case 'show':
+      if (!state.active || !state.activeHasRendered) {
+        // Nothing has rendered yet, so consecutive creates from the same React batch collapse to
+        // the latest Snackbar instead of trying to animate out an instance that never entered.
+        return {
+          active: action.instance,
+          activeHasRendered: false,
+          announcementKey: state.announcementKey + 1,
+          pending: null,
+          visible: true
+        };
+      }
+      // Latest wins: replace any pending Snackbar while the active one completes its exit.
+      return {
+        ...state,
+        pending: action.instance,
+        visible: false
+      };
+    case 'rendered':
+      if (state.active?.id !== action.instanceId || state.activeHasRendered) {
+        return state;
+      }
+      return {
+        ...state,
+        activeHasRendered: true
+      };
+    case 'update':
+      if (!state.active) {
+        return {
+          active: action.instance,
+          activeHasRendered: false,
+          announcementKey: state.announcementKey + 1,
+          pending: null,
+          visible: true
+        };
+      }
+      return {
+        ...state,
+        active: {
+          ...state.active,
+          props: action.instance.props
+        },
+        pending: action.reactivate ? null : state.pending,
+        visible: action.reactivate ? true : state.visible,
+        announcementKey: state.active.props.text === action.instance.props.text ? state.announcementKey : state.announcementKey + 1
+      };
+    case 'dismiss':
+      if (!state.active) {
+        return state;
+      }
+      return state.activeHasRendered ? {
+        ...state,
+        visible: false
+      } : {
+        ...emptyState,
+        announcementKey: state.announcementKey
+      };
+    case 'exited':
+      if (state.active?.id !== action.instanceId) {
+        return state;
+      }
+      if (state.pending) {
+        return {
+          active: state.pending,
+          activeHasRendered: false,
+          announcementKey: state.announcementKey + 1,
+          pending: null,
+          visible: true
+        };
+      }
+      return {
+        ...emptyState,
+        announcementKey: state.announcementKey
+      };
+    default:
+      return state;
+  }
+};
+/** Owns the shared latest-wins and exit-before-enter lifecycle used by Snackbar portals. */
+const useSnackbarManager = initialSnackbar => {
+  const [state, dispatch] = useReducer(snackbarManagerReducer, initialSnackbar, createInitialState);
+  const nextInstanceId = useRef(initialSnackbar ? 1 : 0);
+  const createInstance = useCallback(props => {
+    nextInstanceId.current += 1;
+    return {
+      id: nextInstanceId.current,
+      props
+    };
+  }, []);
+  const showSnackbar = useCallback(props => dispatch({
+    type: 'show',
+    instance: createInstance(props)
+  }), [createInstance]);
+  const updateSnackbar = useCallback((props, reactivate = false) => dispatch({
+    type: 'update',
+    instance: createInstance(props),
+    reactivate
+  }), [createInstance]);
+  const dismissSnackbar = useCallback(() => dispatch({
+    type: 'dismiss'
+  }), []);
+  const handleExited = useCallback(() => {
+    if (!state.active) {
+      return;
+    }
+    try {
+      state.active.props.onDismiss?.();
+    } finally {
+      // Consumer callbacks must not prevent a pending Snackbar from being promoted.
+      dispatch({
+        type: 'exited',
+        instanceId: state.active.id
+      });
+    }
+  }, [state.active]);
+  useEffect(() => {
+    if (!state.active || !state.visible || state.activeHasRendered) {
+      return;
+    }
+    // This runs after React commits the active Snackbar. Later creates can now safely wait for its
+    // exit transition; creates dispatched before this point continue to coalesce to the latest.
+    dispatch({
+      type: 'rendered',
+      instanceId: state.active.id
+    });
+  }, [state.active, state.activeHasRendered, state.visible]);
+  return {
+    active: state.active,
+    announcementKey: state.announcementKey,
+    dismissSnackbar,
+    handleExited,
+    showSnackbar,
+    updateSnackbar,
+    visible: state.visible
+  };
+};
+
+export { useSnackbarManager as default };
+//# sourceMappingURL=useSnackbarManager.mjs.map

package/build/Snackbar/useSnackbarManager.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSnackbarManager.mjs","sources":["../../src/Snackbar/useSnackbarManager.ts"],"sourcesContent":["import { useCallback, useEffect, useReducer, useRef } from 'react';\n\nimport type { SnackbarProps } from './Snackbar.types';\n\ntype SnackbarInstance = {\n  id: number;\n  props: SnackbarProps;\n};\n\ntype SnackbarManagerState = {\n  active: SnackbarInstance | null;\n  activeHasRendered: boolean;\n  announcementKey: number;\n  pending: SnackbarInstance | null;\n  visible: boolean;\n};\n\ntype SnackbarManagerAction =\n  | { type: 'show'; instance: SnackbarInstance }\n  | { type: 'update'; instance: SnackbarInstance; reactivate: boolean }\n  | { type: 'rendered'; instanceId: number }\n  | { type: 'dismiss' }\n  | { type: 'exited'; instanceId: number };\n\nconst emptyState: SnackbarManagerState = {\n  active: null,\n  activeHasRendered: false,\n  announcementKey: 0,\n  pending: null,\n  visible: false,\n};\n\nconst createInitialState = (initialSnackbar?: SnackbarProps): SnackbarManagerState =>\n  initialSnackbar\n    ? {\n        active: { id: 1, props: initialSnackbar },\n        activeHasRendered: false,\n        announcementKey: 1,\n        pending: null,\n        visible: true,\n      }\n    : emptyState;\n\nconst snackbarManagerReducer = (\n  state: SnackbarManagerState,\n  action: SnackbarManagerAction,\n): SnackbarManagerState => {\n  switch (action.type) {\n    case 'show':\n      if (!state.active || !state.activeHasRendered) {\n        // Nothing has rendered yet, so consecutive creates from the same React batch collapse to\n        // the latest Snackbar instead of trying to animate out an instance that never entered.\n        return {\n          active: action.instance,\n          activeHasRendered: false,\n          announcementKey: state.announcementKey + 1,\n          pending: null,\n          visible: true,\n        };\n      }\n\n      // Latest wins: replace any pending Snackbar while the active one completes its exit.\n      return {\n        ...state,\n        pending: action.instance,\n        visible: false,\n      };\n    case 'rendered':\n      if (state.active?.id !== action.instanceId || state.activeHasRendered) {\n        return state;\n      }\n\n      return { ...state, activeHasRendered: true };\n    case 'update':\n      if (!state.active) {\n        return {\n          active: action.instance,\n          activeHasRendered: false,\n          announcementKey: state.announcementKey + 1,\n          pending: null,\n          visible: true,\n        };\n      }\n\n      return {\n        ...state,\n        active: { ...state.active, props: action.instance.props },\n        pending: action.reactivate ? null : state.pending,\n        visible: action.reactivate ? true : state.visible,\n        announcementKey:\n          state.active.props.text === action.instance.props.text\n            ? state.announcementKey\n            : state.announcementKey + 1,\n      };\n    case 'dismiss':\n      if (!state.active) {\n        return state;\n      }\n\n      return state.activeHasRendered\n        ? { ...state, visible: false }\n        : { ...emptyState, announcementKey: state.announcementKey };\n    case 'exited':\n      if (state.active?.id !== action.instanceId) {\n        return state;\n      }\n\n      if (state.pending) {\n        return {\n          active: state.pending,\n          activeHasRendered: false,\n          announcementKey: state.announcementKey + 1,\n          pending: null,\n          visible: true,\n        };\n      }\n\n      return { ...emptyState, announcementKey: state.announcementKey };\n    default:\n      return state;\n  }\n};\n\n/** Owns the shared latest-wins and exit-before-enter lifecycle used by Snackbar portals. */\nconst useSnackbarManager = (initialSnackbar?: SnackbarProps) => {\n  const [state, dispatch] = useReducer(snackbarManagerReducer, initialSnackbar, createInitialState);\n  const nextInstanceId = useRef(initialSnackbar ? 1 : 0);\n\n  const createInstance = useCallback((props: SnackbarProps): SnackbarInstance => {\n    nextInstanceId.current += 1;\n    return { id: nextInstanceId.current, props };\n  }, []);\n\n  const showSnackbar = useCallback(\n    (props: SnackbarProps) => dispatch({ type: 'show', instance: createInstance(props) }),\n    [createInstance],\n  );\n\n  const updateSnackbar = useCallback(\n    (props: SnackbarProps, reactivate = false) =>\n      dispatch({ type: 'update', instance: createInstance(props), reactivate }),\n    [createInstance],\n  );\n\n  const dismissSnackbar = useCallback(() => dispatch({ type: 'dismiss' }), []);\n\n  const handleExited = useCallback(() => {\n    if (!state.active) {\n      return;\n    }\n\n    try {\n      state.active.props.onDismiss?.();\n    } finally {\n      // Consumer callbacks must not prevent a pending Snackbar from being promoted.\n      dispatch({ type: 'exited', instanceId: state.active.id });\n    }\n  }, [state.active]);\n\n  useEffect(() => {\n    if (!state.active || !state.visible || state.activeHasRendered) {\n      return;\n    }\n\n    // This runs after React commits the active Snackbar. Later creates can now safely wait for its\n    // exit transition; creates dispatched before this point continue to coalesce to the latest.\n    dispatch({ type: 'rendered', instanceId: state.active.id });\n  }, [state.active, state.activeHasRendered, state.visible]);\n\n  return {\n    active: state.active,\n    announcementKey: state.announcementKey,\n    dismissSnackbar,\n    handleExited,\n    showSnackbar,\n    updateSnackbar,\n    visible: state.visible,\n  };\n};\n\nexport default useSnackbarManager;\n"],"names":["emptyState","active","activeHasRendered","announcementKey","pending","visible","createInitialState","initialSnackbar","id","props","snackbarManagerReducer","state","action","type","instance","instanceId","reactivate","text","useSnackbarManager","dispatch","useReducer","nextInstanceId","useRef","createInstance","useCallback","current","showSnackbar","updateSnackbar","dismissSnackbar","handleExited","onDismiss","useEffect"],"mappings":";;AAwBA,MAAMA,UAAU,GAAyB;AACvCC,EAAAA,MAAM,EAAE,IAAI;AACZC,EAAAA,iBAAiB,EAAE,KAAK;AACxBC,EAAAA,eAAe,EAAE,CAAC;AAClBC,EAAAA,OAAO,EAAE,IAAI;AACbC,EAAAA,OAAO,EAAE;CACV;AAED,MAAMC,kBAAkB,GAAIC,eAA+B,IACzDA,eAAe,GACX;AACEN,EAAAA,MAAM,EAAE;AAAEO,IAAAA,EAAE,EAAE,CAAC;AAAEC,IAAAA,KAAK,EAAEF;GAAiB;AACzCL,EAAAA,iBAAiB,EAAE,KAAK;AACxBC,EAAAA,eAAe,EAAE,CAAC;AAClBC,EAAAA,OAAO,EAAE,IAAI;AACbC,EAAAA,OAAO,EAAE;AACV,CAAA,GACDL,UAAU;AAEhB,MAAMU,sBAAsB,GAAGA,CAC7BC,KAA2B,EAC3BC,MAA6B,KACL;EACxB,QAAQA,MAAM,CAACC,IAAI;AACjB,IAAA,KAAK,MAAM;MACT,IAAI,CAACF,KAAK,CAACV,MAAM,IAAI,CAACU,KAAK,CAACT,iBAAiB,EAAE;AAC7C;AACA;QACA,OAAO;UACLD,MAAM,EAAEW,MAAM,CAACE,QAAQ;AACvBZ,UAAAA,iBAAiB,EAAE,KAAK;AACxBC,UAAAA,eAAe,EAAEQ,KAAK,CAACR,eAAe,GAAG,CAAC;AAC1CC,UAAAA,OAAO,EAAE,IAAI;AACbC,UAAAA,OAAO,EAAE;SACV;AACH,MAAA;AAEA;MACA,OAAO;AACL,QAAA,GAAGM,KAAK;QACRP,OAAO,EAAEQ,MAAM,CAACE,QAAQ;AACxBT,QAAAA,OAAO,EAAE;OACV;AACH,IAAA,KAAK,UAAU;AACb,MAAA,IAAIM,KAAK,CAACV,MAAM,EAAEO,EAAE,KAAKI,MAAM,CAACG,UAAU,IAAIJ,KAAK,CAACT,iBAAiB,EAAE;AACrE,QAAA,OAAOS,KAAK;AACd,MAAA;MAEA,OAAO;AAAE,QAAA,GAAGA,KAAK;AAAET,QAAAA,iBAAiB,EAAE;OAAM;AAC9C,IAAA,KAAK,QAAQ;AACX,MAAA,IAAI,CAACS,KAAK,CAACV,MAAM,EAAE;QACjB,OAAO;UACLA,MAAM,EAAEW,MAAM,CAACE,QAAQ;AACvBZ,UAAAA,iBAAiB,EAAE,KAAK;AACxBC,UAAAA,eAAe,EAAEQ,KAAK,CAACR,eAAe,GAAG,CAAC;AAC1CC,UAAAA,OAAO,EAAE,IAAI;AACbC,UAAAA,OAAO,EAAE;SACV;AACH,MAAA;MAEA,OAAO;AACL,QAAA,GAAGM,KAAK;AACRV,QAAAA,MAAM,EAAE;UAAE,GAAGU,KAAK,CAACV,MAAM;AAAEQ,UAAAA,KAAK,EAAEG,MAAM,CAACE,QAAQ,CAACL;SAAO;QACzDL,OAAO,EAAEQ,MAAM,CAACI,UAAU,GAAG,IAAI,GAAGL,KAAK,CAACP,OAAO;QACjDC,OAAO,EAAEO,MAAM,CAACI,UAAU,GAAG,IAAI,GAAGL,KAAK,CAACN,OAAO;QACjDF,eAAe,EACbQ,KAAK,CAACV,MAAM,CAACQ,KAAK,CAACQ,IAAI,KAAKL,MAAM,CAACE,QAAQ,CAACL,KAAK,CAACQ,IAAI,GAClDN,KAAK,CAACR,eAAe,GACrBQ,KAAK,CAACR,eAAe,GAAG;OAC/B;AACH,IAAA,KAAK,SAAS;AACZ,MAAA,IAAI,CAACQ,KAAK,CAACV,MAAM,EAAE;AACjB,QAAA,OAAOU,KAAK;AACd,MAAA;MAEA,OAAOA,KAAK,CAACT,iBAAiB,GAC1B;AAAE,QAAA,GAAGS,KAAK;AAAEN,QAAAA,OAAO,EAAE;AAAK,OAAE,GAC5B;AAAE,QAAA,GAAGL,UAAU;QAAEG,eAAe,EAAEQ,KAAK,CAACR;OAAiB;AAC/D,IAAA,KAAK,QAAQ;MACX,IAAIQ,KAAK,CAACV,MAAM,EAAEO,EAAE,KAAKI,MAAM,CAACG,UAAU,EAAE;AAC1C,QAAA,OAAOJ,KAAK;AACd,MAAA;MAEA,IAAIA,KAAK,CAACP,OAAO,EAAE;QACjB,OAAO;UACLH,MAAM,EAAEU,KAAK,CAACP,OAAO;AACrBF,UAAAA,iBAAiB,EAAE,KAAK;AACxBC,UAAAA,eAAe,EAAEQ,KAAK,CAACR,eAAe,GAAG,CAAC;AAC1CC,UAAAA,OAAO,EAAE,IAAI;AACbC,UAAAA,OAAO,EAAE;SACV;AACH,MAAA;MAEA,OAAO;AAAE,QAAA,GAAGL,UAAU;QAAEG,eAAe,EAAEQ,KAAK,CAACR;OAAiB;AAClE,IAAA;AACE,MAAA,OAAOQ,KAAK;AAChB;AACF,CAAC;AAED;AACA,MAAMO,kBAAkB,GAAIX,eAA+B,IAAI;AAC7D,EAAA,MAAM,CAACI,KAAK,EAAEQ,QAAQ,CAAC,GAAGC,UAAU,CAACV,sBAAsB,EAAEH,eAAe,EAAED,kBAAkB,CAAC;EACjG,MAAMe,cAAc,GAAGC,MAAM,CAACf,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC;AAEtD,EAAA,MAAMgB,cAAc,GAAGC,WAAW,CAAEf,KAAoB,IAAsB;IAC5EY,cAAc,CAACI,OAAO,IAAI,CAAC;IAC3B,OAAO;MAAEjB,EAAE,EAAEa,cAAc,CAACI,OAAO;AAAEhB,MAAAA;KAAO;EAC9C,CAAC,EAAE,EAAE,CAAC;AAEN,EAAA,MAAMiB,YAAY,GAAGF,WAAW,CAC7Bf,KAAoB,IAAKU,QAAQ,CAAC;AAAEN,IAAAA,IAAI,EAAE,MAAM;IAAEC,QAAQ,EAAES,cAAc,CAACd,KAAK;AAAC,GAAE,CAAC,EACrF,CAACc,cAAc,CAAC,CACjB;AAED,EAAA,MAAMI,cAAc,GAAGH,WAAW,CAChC,CAACf,KAAoB,EAAEO,UAAU,GAAG,KAAK,KACvCG,QAAQ,CAAC;AAAEN,IAAAA,IAAI,EAAE,QAAQ;AAAEC,IAAAA,QAAQ,EAAES,cAAc,CAACd,KAAK,CAAC;AAAEO,IAAAA;AAAU,GAAE,CAAC,EAC3E,CAACO,cAAc,CAAC,CACjB;AAED,EAAA,MAAMK,eAAe,GAAGJ,WAAW,CAAC,MAAML,QAAQ,CAAC;AAAEN,IAAAA,IAAI,EAAE;GAAW,CAAC,EAAE,EAAE,CAAC;AAE5E,EAAA,MAAMgB,YAAY,GAAGL,WAAW,CAAC,MAAK;AACpC,IAAA,IAAI,CAACb,KAAK,CAACV,MAAM,EAAE;AACjB,MAAA;AACF,IAAA;IAEA,IAAI;AACFU,MAAAA,KAAK,CAACV,MAAM,CAACQ,KAAK,CAACqB,SAAS,IAAI;AAClC,IAAA,CAAC,SAAS;AACR;AACAX,MAAAA,QAAQ,CAAC;AAAEN,QAAAA,IAAI,EAAE,QAAQ;AAAEE,QAAAA,UAAU,EAAEJ,KAAK,CAACV,MAAM,CAACO;AAAE,OAAE,CAAC;AAC3D,IAAA;AACF,EAAA,CAAC,EAAE,CAACG,KAAK,CAACV,MAAM,CAAC,CAAC;AAElB8B,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,IAAI,CAACpB,KAAK,CAACV,MAAM,IAAI,CAACU,KAAK,CAACN,OAAO,IAAIM,KAAK,CAACT,iBAAiB,EAAE;AAC9D,MAAA;AACF,IAAA;AAEA;AACA;AACAiB,IAAAA,QAAQ,CAAC;AAAEN,MAAAA,IAAI,EAAE,UAAU;AAAEE,MAAAA,UAAU,EAAEJ,KAAK,CAACV,MAAM,CAACO;AAAE,KAAE,CAAC;AAC7D,EAAA,CAAC,EAAE,CAACG,KAAK,CAACV,MAAM,EAAEU,KAAK,CAACT,iBAAiB,EAAES,KAAK,CAACN,OAAO,CAAC,CAAC;EAE1D,OAAO;IACLJ,MAAM,EAAEU,KAAK,CAACV,MAAM;IACpBE,eAAe,EAAEQ,KAAK,CAACR,eAAe;IACtCyB,eAAe;IACfC,YAAY;IACZH,YAAY;IACZC,cAAc;IACdtB,OAAO,EAAEM,KAAK,CAACN;GAChB;AACH;;"}

package/build/Snackbar/useSnackbarSwipeDismiss.js

@@ -0,0 +1,114 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var constants = require('./constants.js');
+
+const SWIPE_DISMISS_CLASS_NAME = 'wds-Snackbar--swipe-dismiss';
+const useSnackbarSwipeDismiss = onDismissRequest => {
+  const containerRef = React.useRef(null);
+  const initialXCoordinate = React.useRef(0);
+  const initialYCoordinate = React.useRef(0);
+  const moveOffsetX = React.useRef(0);
+  const moveOffsetY = React.useRef(0);
+  const dismissThreshold = React.useRef(0);
+  const activePointerId = React.useRef(null);
+  const captureTarget = React.useRef(null);
+  const suppressClick = React.useRef(false);
+  const clearSwipePosition = React.useCallback(() => {
+    activePointerId.current = null;
+    captureTarget.current = null;
+    suppressClick.current = false;
+    moveOffsetX.current = 0;
+    moveOffsetY.current = 0;
+    containerRef.current?.classList.remove(SWIPE_DISMISS_CLASS_NAME);
+    containerRef.current?.style.removeProperty('transform');
+  }, []);
+  const updateMoveOffset = ({
+    clientX,
+    clientY
+  }) => {
+    moveOffsetX.current = clientX - initialXCoordinate.current;
+    moveOffsetY.current = clientY - initialYCoordinate.current;
+  };
+  const releasePointerCapture = pointerId => {
+    const target = captureTarget.current;
+    if (target?.hasPointerCapture?.(pointerId)) {
+      target.releasePointerCapture(pointerId);
+    }
+    captureTarget.current = null;
+  };
+  const handlePointerDown = event => {
+    if (event.button !== 0 || !event.isPrimary || activePointerId.current !== null) {
+      return;
+    }
+    const target = event.target;
+    target.setPointerCapture?.(event.pointerId);
+    captureTarget.current = target;
+    activePointerId.current = event.pointerId;
+    initialXCoordinate.current = event.clientX;
+    initialYCoordinate.current = event.clientY;
+    moveOffsetX.current = 0;
+    moveOffsetY.current = 0;
+    dismissThreshold.current = event.currentTarget.offsetHeight * constants.SWIPE_DISMISS_THRESHOLD_RATIO;
+  };
+  const handlePointerMove = event => {
+    if (activePointerId.current !== event.pointerId) {
+      return;
+    }
+    updateMoveOffset(event);
+    if (moveOffsetY.current <= 0 || moveOffsetY.current <= Math.abs(moveOffsetX.current)) {
+      containerRef.current?.style.removeProperty('transform');
+      return;
+    }
+    containerRef.current?.style.setProperty('transform', `translateY(${moveOffsetY.current}px)`);
+  };
+  const handlePointerUp = event => {
+    if (activePointerId.current !== event.pointerId) {
+      return;
+    }
+    updateMoveOffset(event);
+    releasePointerCapture(event.pointerId);
+    activePointerId.current = null;
+    if (moveOffsetY.current >= dismissThreshold.current && moveOffsetY.current > Math.abs(moveOffsetX.current)) {
+      const container = containerRef.current;
+      if (container) {
+        const dismissOffset = Math.max(moveOffsetY.current, container.offsetHeight);
+        container.classList.add(SWIPE_DISMISS_CLASS_NAME);
+        container.style.setProperty('transform', `translateY(${dismissOffset}px)`);
+      }
+      suppressClick.current = true;
+      onDismissRequest();
+      return;
+    }
+    clearSwipePosition();
+  };
+  const handlePointerCancel = event => {
+    if (activePointerId.current !== event.pointerId) {
+      return;
+    }
+    releasePointerCapture(event.pointerId);
+    clearSwipePosition();
+  };
+  const handleClickCapture = event => {
+    if (!suppressClick.current) {
+      return;
+    }
+    suppressClick.current = false;
+    event.preventDefault();
+    event.stopPropagation();
+  };
+  return {
+    clearSwipePosition,
+    containerRef,
+    handleClickCapture,
+    handlePointerCancel,
+    handlePointerDown,
+    handlePointerMove,
+    handlePointerUp
+  };
+};
+
+exports.default = useSnackbarSwipeDismiss;
+//# sourceMappingURL=useSnackbarSwipeDismiss.js.map

package/build/Snackbar/useSnackbarSwipeDismiss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSnackbarSwipeDismiss.js","sources":["../../src/Snackbar/useSnackbarSwipeDismiss.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nimport { SWIPE_DISMISS_THRESHOLD_RATIO } from './constants';\n\nconst SWIPE_DISMISS_CLASS_NAME = 'wds-Snackbar--swipe-dismiss';\n\nconst useSnackbarSwipeDismiss = (onDismissRequest: () => void) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const initialXCoordinate = useRef(0);\n  const initialYCoordinate = useRef(0);\n  const moveOffsetX = useRef(0);\n  const moveOffsetY = useRef(0);\n  const dismissThreshold = useRef(0);\n  const activePointerId = useRef<number | null>(null);\n  const captureTarget = useRef<Element | null>(null);\n  const suppressClick = useRef(false);\n\n  const clearSwipePosition = useCallback(() => {\n    activePointerId.current = null;\n    captureTarget.current = null;\n    suppressClick.current = false;\n    moveOffsetX.current = 0;\n    moveOffsetY.current = 0;\n    containerRef.current?.classList.remove(SWIPE_DISMISS_CLASS_NAME);\n    containerRef.current?.style.removeProperty('transform');\n  }, []);\n\n  const updateMoveOffset = ({ clientX, clientY }: React.PointerEvent<HTMLDivElement>) => {\n    moveOffsetX.current = clientX - initialXCoordinate.current;\n    moveOffsetY.current = clientY - initialYCoordinate.current;\n  };\n\n  const releasePointerCapture = (pointerId: number) => {\n    const target = captureTarget.current;\n    if (target?.hasPointerCapture?.(pointerId)) {\n      target.releasePointerCapture(pointerId);\n    }\n    captureTarget.current = null;\n  };\n\n  const handlePointerDown = (event: React.PointerEvent<HTMLDivElement>) => {\n    if (event.button !== 0 || !event.isPrimary || activePointerId.current !== null) {\n      return;\n    }\n\n    const target = event.target as Element;\n    target.setPointerCapture?.(event.pointerId);\n    captureTarget.current = target;\n    activePointerId.current = event.pointerId;\n    initialXCoordinate.current = event.clientX;\n    initialYCoordinate.current = event.clientY;\n    moveOffsetX.current = 0;\n    moveOffsetY.current = 0;\n    dismissThreshold.current = event.currentTarget.offsetHeight * SWIPE_DISMISS_THRESHOLD_RATIO;\n  };\n\n  const handlePointerMove = (event: React.PointerEvent<HTMLDivElement>) => {\n    if (activePointerId.current !== event.pointerId) {\n      return;\n    }\n\n    updateMoveOffset(event);\n\n    if (moveOffsetY.current <= 0 || moveOffsetY.current <= Math.abs(moveOffsetX.current)) {\n      containerRef.current?.style.removeProperty('transform');\n      return;\n    }\n\n    containerRef.current?.style.setProperty('transform', `translateY(${moveOffsetY.current}px)`);\n  };\n\n  const handlePointerUp = (event: React.PointerEvent<HTMLDivElement>) => {\n    if (activePointerId.current !== event.pointerId) {\n      return;\n    }\n\n    updateMoveOffset(event);\n    releasePointerCapture(event.pointerId);\n    activePointerId.current = null;\n\n    if (\n      moveOffsetY.current >= dismissThreshold.current &&\n      moveOffsetY.current > Math.abs(moveOffsetX.current)\n    ) {\n      const container = containerRef.current;\n      if (container) {\n        const dismissOffset = Math.max(moveOffsetY.current, container.offsetHeight);\n        container.classList.add(SWIPE_DISMISS_CLASS_NAME);\n        container.style.setProperty('transform', `translateY(${dismissOffset}px)`);\n      }\n      suppressClick.current = true;\n      onDismissRequest();\n      return;\n    }\n\n    clearSwipePosition();\n  };\n\n  const handlePointerCancel = (event: React.PointerEvent<HTMLDivElement>) => {\n    if (activePointerId.current !== event.pointerId) {\n      return;\n    }\n\n    releasePointerCapture(event.pointerId);\n    clearSwipePosition();\n  };\n\n  const handleClickCapture = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!suppressClick.current) {\n      return;\n    }\n\n    suppressClick.current = false;\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  return {\n    clearSwipePosition,\n    containerRef,\n    handleClickCapture,\n    handlePointerCancel,\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n  };\n};\n\nexport default useSnackbarSwipeDismiss;\n"],"names":["SWIPE_DISMISS_CLASS_NAME","useSnackbarSwipeDismiss","onDismissRequest","containerRef","useRef","initialXCoordinate","initialYCoordinate","moveOffsetX","moveOffsetY","dismissThreshold","activePointerId","captureTarget","suppressClick","clearSwipePosition","useCallback","current","classList","remove","style","removeProperty","updateMoveOffset","clientX","clientY","releasePointerCapture","pointerId","target","hasPointerCapture","handlePointerDown","event","button","isPrimary","setPointerCapture","currentTarget","offsetHeight","SWIPE_DISMISS_THRESHOLD_RATIO","handlePointerMove","Math","abs","setProperty","handlePointerUp","container","dismissOffset","max","add","handlePointerCancel","handleClickCapture","preventDefault","stopPropagation"],"mappings":"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"}

package/build/Snackbar/useSnackbarSwipeDismiss.mjs

@@ -0,0 +1,110 @@
+import { useRef, useCallback } from 'react';
+import { SWIPE_DISMISS_THRESHOLD_RATIO } from './constants.mjs';
+
+const SWIPE_DISMISS_CLASS_NAME = 'wds-Snackbar--swipe-dismiss';
+const useSnackbarSwipeDismiss = onDismissRequest => {
+  const containerRef = useRef(null);
+  const initialXCoordinate = useRef(0);
+  const initialYCoordinate = useRef(0);
+  const moveOffsetX = useRef(0);
+  const moveOffsetY = useRef(0);
+  const dismissThreshold = useRef(0);
+  const activePointerId = useRef(null);
+  const captureTarget = useRef(null);
+  const suppressClick = useRef(false);
+  const clearSwipePosition = useCallback(() => {
+    activePointerId.current = null;
+    captureTarget.current = null;
+    suppressClick.current = false;
+    moveOffsetX.current = 0;
+    moveOffsetY.current = 0;
+    containerRef.current?.classList.remove(SWIPE_DISMISS_CLASS_NAME);
+    containerRef.current?.style.removeProperty('transform');
+  }, []);
+  const updateMoveOffset = ({
+    clientX,
+    clientY
+  }) => {
+    moveOffsetX.current = clientX - initialXCoordinate.current;
+    moveOffsetY.current = clientY - initialYCoordinate.current;
+  };
+  const releasePointerCapture = pointerId => {
+    const target = captureTarget.current;
+    if (target?.hasPointerCapture?.(pointerId)) {
+      target.releasePointerCapture(pointerId);
+    }
+    captureTarget.current = null;
+  };
+  const handlePointerDown = event => {
+    if (event.button !== 0 || !event.isPrimary || activePointerId.current !== null) {
+      return;
+    }
+    const target = event.target;
+    target.setPointerCapture?.(event.pointerId);
+    captureTarget.current = target;
+    activePointerId.current = event.pointerId;
+    initialXCoordinate.current = event.clientX;
+    initialYCoordinate.current = event.clientY;
+    moveOffsetX.current = 0;
+    moveOffsetY.current = 0;
+    dismissThreshold.current = event.currentTarget.offsetHeight * SWIPE_DISMISS_THRESHOLD_RATIO;
+  };
+  const handlePointerMove = event => {
+    if (activePointerId.current !== event.pointerId) {
+      return;
+    }
+    updateMoveOffset(event);
+    if (moveOffsetY.current <= 0 || moveOffsetY.current <= Math.abs(moveOffsetX.current)) {
+      containerRef.current?.style.removeProperty('transform');
+      return;
+    }
+    containerRef.current?.style.setProperty('transform', `translateY(${moveOffsetY.current}px)`);
+  };
+  const handlePointerUp = event => {
+    if (activePointerId.current !== event.pointerId) {
+      return;
+    }
+    updateMoveOffset(event);
+    releasePointerCapture(event.pointerId);
+    activePointerId.current = null;
+    if (moveOffsetY.current >= dismissThreshold.current && moveOffsetY.current > Math.abs(moveOffsetX.current)) {
+      const container = containerRef.current;
+      if (container) {
+        const dismissOffset = Math.max(moveOffsetY.current, container.offsetHeight);
+        container.classList.add(SWIPE_DISMISS_CLASS_NAME);
+        container.style.setProperty('transform', `translateY(${dismissOffset}px)`);
+      }
+      suppressClick.current = true;
+      onDismissRequest();
+      return;
+    }
+    clearSwipePosition();
+  };
+  const handlePointerCancel = event => {
+    if (activePointerId.current !== event.pointerId) {
+      return;
+    }
+    releasePointerCapture(event.pointerId);
+    clearSwipePosition();
+  };
+  const handleClickCapture = event => {
+    if (!suppressClick.current) {
+      return;
+    }
+    suppressClick.current = false;
+    event.preventDefault();
+    event.stopPropagation();
+  };
+  return {
+    clearSwipePosition,
+    containerRef,
+    handleClickCapture,
+    handlePointerCancel,
+    handlePointerDown,
+    handlePointerMove,
+    handlePointerUp
+  };
+};
+
+export { useSnackbarSwipeDismiss as default };
+//# sourceMappingURL=useSnackbarSwipeDismiss.mjs.map

package/build/Snackbar/useSnackbarSwipeDismiss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSnackbarSwipeDismiss.mjs","sources":["../../src/Snackbar/useSnackbarSwipeDismiss.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nimport { SWIPE_DISMISS_THRESHOLD_RATIO } from './constants';\n\nconst SWIPE_DISMISS_CLASS_NAME = 'wds-Snackbar--swipe-dismiss';\n\nconst useSnackbarSwipeDismiss = (onDismissRequest: () => void) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const initialXCoordinate = useRef(0);\n  const initialYCoordinate = useRef(0);\n  const moveOffsetX = useRef(0);\n  const moveOffsetY = useRef(0);\n  const dismissThreshold = useRef(0);\n  const activePointerId = useRef<number | null>(null);\n  const captureTarget = useRef<Element | null>(null);\n  const suppressClick = useRef(false);\n\n  const clearSwipePosition = useCallback(() => {\n    activePointerId.current = null;\n    captureTarget.current = null;\n    suppressClick.current = false;\n    moveOffsetX.current = 0;\n    moveOffsetY.current = 0;\n    containerRef.current?.classList.remove(SWIPE_DISMISS_CLASS_NAME);\n    containerRef.current?.style.removeProperty('transform');\n  }, []);\n\n  const updateMoveOffset = ({ clientX, clientY }: React.PointerEvent<HTMLDivElement>) => {\n    moveOffsetX.current = clientX - initialXCoordinate.current;\n    moveOffsetY.current = clientY - initialYCoordinate.current;\n  };\n\n  const releasePointerCapture = (pointerId: number) => {\n    const target = captureTarget.current;\n    if (target?.hasPointerCapture?.(pointerId)) {\n      target.releasePointerCapture(pointerId);\n    }\n    captureTarget.current = null;\n  };\n\n  const handlePointerDown = (event: React.PointerEvent<HTMLDivElement>) => {\n    if (event.button !== 0 || !event.isPrimary || activePointerId.current !== null) {\n      return;\n    }\n\n    const target = event.target as Element;\n    target.setPointerCapture?.(event.pointerId);\n    captureTarget.current = target;\n    activePointerId.current = event.pointerId;\n    initialXCoordinate.current = event.clientX;\n    initialYCoordinate.current = event.clientY;\n    moveOffsetX.current = 0;\n    moveOffsetY.current = 0;\n    dismissThreshold.current = event.currentTarget.offsetHeight * SWIPE_DISMISS_THRESHOLD_RATIO;\n  };\n\n  const handlePointerMove = (event: React.PointerEvent<HTMLDivElement>) => {\n    if (activePointerId.current !== event.pointerId) {\n      return;\n    }\n\n    updateMoveOffset(event);\n\n    if (moveOffsetY.current <= 0 || moveOffsetY.current <= Math.abs(moveOffsetX.current)) {\n      containerRef.current?.style.removeProperty('transform');\n      return;\n    }\n\n    containerRef.current?.style.setProperty('transform', `translateY(${moveOffsetY.current}px)`);\n  };\n\n  const handlePointerUp = (event: React.PointerEvent<HTMLDivElement>) => {\n    if (activePointerId.current !== event.pointerId) {\n      return;\n    }\n\n    updateMoveOffset(event);\n    releasePointerCapture(event.pointerId);\n    activePointerId.current = null;\n\n    if (\n      moveOffsetY.current >= dismissThreshold.current &&\n      moveOffsetY.current > Math.abs(moveOffsetX.current)\n    ) {\n      const container = containerRef.current;\n      if (container) {\n        const dismissOffset = Math.max(moveOffsetY.current, container.offsetHeight);\n        container.classList.add(SWIPE_DISMISS_CLASS_NAME);\n        container.style.setProperty('transform', `translateY(${dismissOffset}px)`);\n      }\n      suppressClick.current = true;\n      onDismissRequest();\n      return;\n    }\n\n    clearSwipePosition();\n  };\n\n  const handlePointerCancel = (event: React.PointerEvent<HTMLDivElement>) => {\n    if (activePointerId.current !== event.pointerId) {\n      return;\n    }\n\n    releasePointerCapture(event.pointerId);\n    clearSwipePosition();\n  };\n\n  const handleClickCapture = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!suppressClick.current) {\n      return;\n    }\n\n    suppressClick.current = false;\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  return {\n    clearSwipePosition,\n    containerRef,\n    handleClickCapture,\n    handlePointerCancel,\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n  };\n};\n\nexport default useSnackbarSwipeDismiss;\n"],"names":["SWIPE_DISMISS_CLASS_NAME","useSnackbarSwipeDismiss","onDismissRequest","containerRef","useRef","initialXCoordinate","initialYCoordinate","moveOffsetX","moveOffsetY","dismissThreshold","activePointerId","captureTarget","suppressClick","clearSwipePosition","useCallback","current","classList","remove","style","removeProperty","updateMoveOffset","clientX","clientY","releasePointerCapture","pointerId","target","hasPointerCapture","handlePointerDown","event","button","isPrimary","setPointerCapture","currentTarget","offsetHeight","SWIPE_DISMISS_THRESHOLD_RATIO","handlePointerMove","Math","abs","setProperty","handlePointerUp","container","dismissOffset","max","add","handlePointerCancel","handleClickCapture","preventDefault","stopPropagation"],"mappings":"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"}

package/build/common/PropsValues/typography.js

@@ -9,13 +9,7 @@ exports.Typography = void 0;
   Typography["DISPLAY_LARGE"] = "display-large";
   Typography["DISPLAY_MEDIUM"] = "display-medium";
   Typography["DISPLAY_SMALL"] = "display-small";
-  /**
-   * @deprecated Use {@link Typography.DISPLAY_NUMBER_SMALL} instead.
-   */
   Typography["DISPLAY_NUMBER"] = "display-number";
-  Typography["DISPLAY_NUMBER_SMALL"] = "display-number-small";
-  Typography["DISPLAY_NUMBER_MEDIUM"] = "display-number-medium";
-  Typography["DISPLAY_NUMBER_LARGE"] = "display-number-large";
   Typography["TITLE_SCREEN"] = "title-screen";
   Typography["TITLE_SECTION"] = "title-section";
   Typography["TITLE_SUBSECTION"] = "title-subsection";