@doist/reactist 29.1.1 → 30.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/dist/reactist.cjs.development.js +6749 -1832
- package/dist/reactist.cjs.development.js.map +1 -1
- package/dist/reactist.cjs.production.min.js +1 -1
- package/dist/reactist.cjs.production.min.js.map +1 -1
- package/es/avatar/avatar.js +106 -36
- package/es/avatar/avatar.js.map +1 -1
- package/es/avatar/utils.js +17 -19
- package/es/avatar/utils.js.map +1 -1
- package/es/badge/badge.js +50 -6
- package/es/badge/badge.js.map +1 -1
- package/es/banner/banner.js +384 -41
- package/es/banner/banner.js.map +1 -1
- package/es/base-field/base-field.js +367 -77
- package/es/base-field/base-field.js.map +1 -1
- package/es/box/box.js +139 -61
- package/es/box/box.js.map +1 -1
- package/es/button/button.js +346 -36
- package/es/button/button.js.map +1 -1
- package/es/checkbox-field/checkbox-field.js +71 -48
- package/es/checkbox-field/checkbox-field.js.map +1 -1
- package/es/checkbox-field/checkbox-icon.js +88 -28
- package/es/checkbox-field/checkbox-icon.js.map +1 -1
- package/es/checkbox-field/use-fork-ref.js +15 -20
- package/es/checkbox-field/use-fork-ref.js.map +1 -1
- package/es/columns/columns.js +46 -23
- package/es/columns/columns.js.map +1 -1
- package/es/components/color-picker/color-picker.js +190 -46
- package/es/components/color-picker/color-picker.js.map +1 -1
- package/es/components/deprecated-button/deprecated-button.js +102 -9
- package/es/components/deprecated-button/deprecated-button.js.map +1 -1
- package/es/components/deprecated-button/index.js +5 -2
- package/es/components/deprecated-button/index.js.map +1 -1
- package/es/components/deprecated-dropdown/dropdown.js +234 -134
- package/es/components/deprecated-dropdown/dropdown.js.map +1 -1
- package/es/components/deprecated-dropdown/index.js +4 -1
- package/es/components/deprecated-dropdown/index.js.map +1 -1
- package/es/components/deprecated-input/index.js +5 -2
- package/es/components/deprecated-input/index.js.map +1 -1
- package/es/components/deprecated-input/input.js +27 -4
- package/es/components/deprecated-input/input.js.map +1 -1
- package/es/components/deprecated-select/select.js +110 -7
- package/es/components/deprecated-select/select.js.map +1 -1
- package/es/components/key-capturer/key-capturer.js +190 -137
- package/es/components/key-capturer/key-capturer.js.map +1 -1
- package/es/components/keyboard-shortcut/keyboard-shortcut.js +65 -45
- package/es/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/es/components/progress-bar/progress-bar.js +61 -9
- package/es/components/progress-bar/progress-bar.js.map +1 -1
- package/es/components/time/index.js +5 -2
- package/es/components/time/index.js.map +1 -1
- package/es/components/time/time-utils.js +59 -53
- package/es/components/time/time-utils.js.map +1 -1
- package/es/components/time/time.js +94 -91
- package/es/components/time/time.js.map +1 -1
- package/es/divider/divider.js +44 -5
- package/es/divider/divider.js.map +1 -1
- package/es/heading/heading.js +122 -20
- package/es/heading/heading.js.map +1 -1
- package/es/hidden/hidden.js +36 -30
- package/es/hidden/hidden.js.map +1 -1
- package/es/hidden-visually/hidden-visually.js +9 -4
- package/es/hidden-visually/hidden-visually.js.map +1 -1
- package/es/icons/alert-icon.js +145 -18
- package/es/icons/alert-icon.js.map +1 -1
- package/es/icons/banner-icon.js +213 -25
- package/es/icons/banner-icon.js.map +1 -1
- package/es/icons/close-icon.js +26 -3
- package/es/icons/close-icon.js.map +1 -1
- package/es/icons/password-hidden-icon.js +40 -6
- package/es/icons/password-hidden-icon.js.map +1 -1
- package/es/icons/password-visible-icon.js +33 -5
- package/es/icons/password-visible-icon.js.map +1 -1
- package/es/index.js +9 -9
- package/es/inline/inline.js +24 -9
- package/es/inline/inline.js.map +1 -1
- package/es/loading/loading.js +63 -17
- package/es/loading/loading.js.map +1 -1
- package/es/menu/menu.js +469 -92
- package/es/menu/menu.js.map +1 -1
- package/es/modal/modal.js +675 -112
- package/es/modal/modal.js.map +1 -1
- package/es/notice/notice.js +77 -10
- package/es/notice/notice.js.map +1 -1
- package/es/password-field/password-field.js +89 -11
- package/es/password-field/password-field.js.map +1 -1
- package/es/prose/prose.js +48 -9
- package/es/prose/prose.js.map +1 -1
- package/es/select-field/select-field.js +150 -19
- package/es/select-field/select-field.js.map +1 -1
- package/es/spinner/spinner.js +39 -6
- package/es/spinner/spinner.js.map +1 -1
- package/es/stack/stack.js +29 -17
- package/es/stack/stack.js.map +1 -1
- package/es/switch-field/switch-field.js +225 -42
- package/es/switch-field/switch-field.js.map +1 -1
- package/es/tabs/tabs.js +207 -109
- package/es/tabs/tabs.js.map +1 -1
- package/es/text/text.js +27 -17
- package/es/text/text.js.map +1 -1
- package/es/text-area/text-area.js +264 -54
- package/es/text-area/text-area.js.map +1 -1
- package/es/text-field/text-field.js +204 -31
- package/es/text-field/text-field.js.map +1 -1
- package/es/text-link/text-link.js +21 -10
- package/es/text-link/text-link.js.map +1 -1
- package/es/toast/static-toast.js +143 -25
- package/es/toast/static-toast.js.map +1 -1
- package/es/toast/toast-animation.js +159 -109
- package/es/toast/toast-animation.js.map +1 -1
- package/es/toast/use-toasts.js +309 -84
- package/es/toast/use-toasts.js.map +1 -1
- package/es/tooltip/tooltip.js +88 -32
- package/es/tooltip/tooltip.js.map +1 -1
- package/es/utils/common-helpers.js +12 -11
- package/es/utils/common-helpers.js.map +1 -1
- package/es/utils/polymorphism.js +84 -1
- package/es/utils/polymorphism.js.map +1 -1
- package/es/utils/responsive-props.js +43 -32
- package/es/utils/responsive-props.js.map +1 -1
- package/lib/avatar/avatar.js +109 -35
- package/lib/avatar/avatar.js.map +1 -1
- package/lib/avatar/utils.js +17 -19
- package/lib/avatar/utils.js.map +1 -1
- package/lib/badge/badge.js +53 -5
- package/lib/badge/badge.js.map +1 -1
- package/lib/banner/banner.js +385 -38
- package/lib/banner/banner.js.map +1 -1
- package/lib/base-field/base-field.js +366 -73
- package/lib/base-field/base-field.js.map +1 -1
- package/lib/box/box.js +141 -61
- package/lib/box/box.js.map +1 -1
- package/lib/button/button.js +347 -35
- package/lib/button/button.js.map +1 -1
- package/lib/checkbox-field/checkbox-field.js +73 -46
- package/lib/checkbox-field/checkbox-field.js.map +1 -1
- package/lib/checkbox-field/checkbox-icon.js +92 -28
- package/lib/checkbox-field/checkbox-icon.js.map +1 -1
- package/lib/checkbox-field/use-fork-ref.js +15 -20
- package/lib/checkbox-field/use-fork-ref.js.map +1 -1
- package/lib/columns/columns.js +49 -22
- package/lib/columns/columns.js.map +1 -1
- package/lib/components/color-picker/color-picker.js +189 -45
- package/lib/components/color-picker/color-picker.js.map +1 -1
- package/lib/components/deprecated-button/deprecated-button.js +104 -9
- package/lib/components/deprecated-button/deprecated-button.js.map +1 -1
- package/lib/components/deprecated-dropdown/dropdown.js +235 -133
- package/lib/components/deprecated-dropdown/dropdown.js.map +1 -1
- package/lib/components/deprecated-input/input.js +28 -4
- package/lib/components/deprecated-input/input.js.map +1 -1
- package/lib/components/deprecated-select/select.js +112 -7
- package/lib/components/deprecated-select/select.js.map +1 -1
- package/lib/components/key-capturer/key-capturer.js +188 -135
- package/lib/components/key-capturer/key-capturer.js.map +1 -1
- package/lib/components/keyboard-shortcut/keyboard-shortcut.js +67 -45
- package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/lib/components/progress-bar/progress-bar.js +60 -8
- package/lib/components/progress-bar/progress-bar.js.map +1 -1
- package/lib/components/time/time-utils.js +59 -53
- package/lib/components/time/time-utils.js.map +1 -1
- package/lib/components/time/time.js +93 -90
- package/lib/components/time/time.js.map +1 -1
- package/lib/divider/divider.js +47 -4
- package/lib/divider/divider.js.map +1 -1
- package/lib/heading/heading.js +125 -19
- package/lib/heading/heading.js.map +1 -1
- package/lib/hidden/hidden.js +39 -29
- package/lib/hidden/hidden.js.map +1 -1
- package/lib/hidden-visually/hidden-visually.js +11 -3
- package/lib/hidden-visually/hidden-visually.js.map +1 -1
- package/lib/icons/alert-icon.js +149 -18
- package/lib/icons/alert-icon.js.map +1 -1
- package/lib/icons/banner-icon.js +217 -25
- package/lib/icons/banner-icon.js.map +1 -1
- package/lib/icons/close-icon.js +29 -3
- package/lib/icons/close-icon.js.map +1 -1
- package/lib/icons/password-hidden-icon.js +43 -6
- package/lib/icons/password-hidden-icon.js.map +1 -1
- package/lib/icons/password-visible-icon.js +36 -5
- package/lib/icons/password-visible-icon.js.map +1 -1
- package/lib/inline/inline.js +27 -8
- package/lib/inline/inline.js.map +1 -1
- package/lib/loading/loading.js +67 -17
- package/lib/loading/loading.js.map +1 -1
- package/lib/menu/menu.js +471 -91
- package/lib/menu/menu.js.map +1 -1
- package/lib/modal/modal.js +671 -106
- package/lib/modal/modal.js.map +1 -1
- package/lib/notice/notice.js +75 -8
- package/lib/notice/notice.js.map +1 -1
- package/lib/password-field/password-field.js +92 -10
- package/lib/password-field/password-field.js.map +1 -1
- package/lib/prose/prose.js +51 -8
- package/lib/prose/prose.js.map +1 -1
- package/lib/select-field/select-field.js +152 -17
- package/lib/select-field/select-field.js.map +1 -1
- package/lib/spinner/spinner.js +39 -6
- package/lib/spinner/spinner.js.map +1 -1
- package/lib/stack/stack.js +29 -15
- package/lib/stack/stack.js.map +1 -1
- package/lib/switch-field/switch-field.js +225 -38
- package/lib/switch-field/switch-field.js.map +1 -1
- package/lib/tabs/tabs.js +207 -107
- package/lib/tabs/tabs.js.map +1 -1
- package/lib/text/text.js +30 -16
- package/lib/text/text.js.map +1 -1
- package/lib/text-area/text-area.js +264 -52
- package/lib/text-area/text-area.js.map +1 -1
- package/lib/text-field/text-field.js +207 -30
- package/lib/text-field/text-field.js.map +1 -1
- package/lib/text-link/text-link.js +24 -9
- package/lib/text-link/text-link.js.map +1 -1
- package/lib/toast/static-toast.js +142 -22
- package/lib/toast/static-toast.js.map +1 -1
- package/lib/toast/toast-animation.js +158 -108
- package/lib/toast/toast-animation.js.map +1 -1
- package/lib/toast/use-toasts.js +310 -82
- package/lib/toast/use-toasts.js.map +1 -1
- package/lib/tooltip/tooltip.js +87 -31
- package/lib/tooltip/tooltip.js.map +1 -1
- package/lib/utils/common-helpers.js +12 -11
- package/lib/utils/common-helpers.js.map +1 -1
- package/lib/utils/polymorphism.js +84 -1
- package/lib/utils/polymorphism.js.map +1 -1
- package/lib/utils/responsive-props.js +43 -32
- package/lib/utils/responsive-props.js.map +1 -1
- package/package.json +12 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.js","sources":["../../src/text-field/text-field.tsx"],"sourcesContent":[null],"names":["styles"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"text-field.js","sources":["../../src/text-field/text-field.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { useMergeRefs } from 'use-callback-ref'\n\nimport { BaseField } from '../base-field'\nimport { Box } from '../box'\n\nimport styles from './text-field.module.css'\n\nimport type { BaseFieldProps, BaseFieldVariantProps, FieldComponentProps } from '../base-field'\n\ntype TextFieldType = 'email' | 'search' | 'tel' | 'text' | 'url'\n\ninterface TextFieldProps\n extends Omit<FieldComponentProps<HTMLInputElement>, 'type' | 'supportsStartAndEndSlots'>,\n BaseFieldVariantProps,\n Pick<BaseFieldProps, 'characterCountPosition'> {\n type?: TextFieldType\n startSlot?: React.ReactElement | string | number\n endSlot?: React.ReactElement | string | number\n /**\n * The maximum number of characters that the input field can accept.\n * When this limit is reached, the input field will not accept any more characters.\n * The counter element will turn red when the number of characters is within 10 of the maximum limit.\n */\n maxLength?: number\n}\n\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(function TextField(\n {\n variant = 'default',\n id,\n label,\n value,\n auxiliaryLabel,\n message,\n tone,\n type = 'text',\n maxWidth,\n maxLength,\n hidden,\n 'aria-describedby': ariaDescribedBy,\n startSlot,\n endSlot,\n onChange: originalOnChange,\n characterCountPosition = 'below',\n endSlotPosition = 'bottom',\n ...props\n },\n ref,\n) {\n const internalRef = React.useRef<HTMLInputElement>(null)\n const combinedRef = useMergeRefs([ref, internalRef])\n\n function handleClick(event: React.MouseEvent) {\n if (event.currentTarget === combinedRef.current) return\n internalRef.current?.focus()\n }\n\n const displayEndSlot =\n endSlot &&\n (variant === 'default' || (variant === 'bordered' && endSlotPosition === 'bottom'))\n\n return (\n <BaseField\n variant={variant}\n id={id}\n label={label}\n value={value}\n auxiliaryLabel={auxiliaryLabel}\n message={message}\n tone={tone}\n maxWidth={maxWidth}\n maxLength={maxLength}\n hidden={hidden}\n aria-describedby={ariaDescribedBy}\n characterCountPosition={characterCountPosition}\n supportsStartAndEndSlots\n endSlot={endSlot}\n endSlotPosition={variant === 'bordered' ? endSlotPosition : undefined}\n >\n {({ onChange, characterCountElement, ...extraProps }) => (\n <Box\n display=\"flex\"\n alignItems=\"center\"\n className={[\n styles.inputWrapper,\n tone === 'error' ? styles.error : null,\n variant === 'bordered' ? styles.bordered : null,\n props.readOnly ? styles.readOnly : null,\n ]}\n onClick={handleClick}\n >\n {startSlot ? (\n <Box\n className={styles.slot}\n display=\"flex\"\n marginRight={variant === 'bordered' ? 'xsmall' : '-xsmall'}\n marginLeft={variant === 'bordered' ? '-xsmall' : 'xsmall'}\n >\n {startSlot}\n </Box>\n ) : null}\n <input\n {...props}\n {...extraProps}\n type={type}\n ref={combinedRef}\n maxLength={maxLength}\n onChange={(event) => {\n originalOnChange?.(event)\n onChange?.(event)\n }}\n />\n {displayEndSlot || characterCountElement ? (\n <Box\n className={styles.slot}\n display=\"flex\"\n marginRight={variant === 'bordered' ? '-xsmall' : 'xsmall'}\n marginLeft={variant === 'bordered' ? 'xsmall' : '-xsmall'}\n >\n {characterCountElement}\n {displayEndSlot ? endSlot : null}\n </Box>\n ) : null}\n </Box>\n )}\n </BaseField>\n )\n})\n\nexport { TextField }\nexport type { TextFieldProps, TextFieldType }\n"],"names":["TextField","React","forwardRef","t0","ref","$","_c","ariaDescribedBy","auxiliaryLabel","endSlot","hidden","id","label","maxLength","maxWidth","message","originalOnChange","props","startSlot","t1","t2","t3","t4","tone","value","_t","variant","type","onChange","characterCountPosition","endSlotPosition","_objectWithoutProperties","_excluded","undefined","internalRef","useRef","t5","combinedRef","useMergeRefs","t6","handleClick","event","currentTarget","current","focus","displayEndSlot","t7","t8","t9","characterCountElement","extraProps","_excluded2","createElement","Box","display","alignItems","className","styles","inputWrapper","error","bordered","readOnly","slot","marginRight","marginLeft","_extends","event_0","BaseField","supportsStartAndEndSlots"],"mappings":"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"}
|
|
@@ -1,17 +1,28 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _extends from '@babel/runtime/helpers/extends';
|
|
2
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
2
3
|
import * as React from 'react';
|
|
3
|
-
import { Box } from '../box/box.js';
|
|
4
4
|
import { polymorphicComponent } from '../utils/polymorphism.js';
|
|
5
5
|
import modules_3d05deee from './text-link.module.css.js';
|
|
6
|
+
import { Box } from '../box/box.js';
|
|
6
7
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
const _excluded = ["as", "openInNewTab", "exceptionallySetClassName", "color", "underline"];
|
|
9
|
+
const TextLink = polymorphicComponent(function TextLink(_ref, ref) {
|
|
10
|
+
let {
|
|
11
|
+
as = 'a',
|
|
12
|
+
openInNewTab = false,
|
|
13
|
+
exceptionallySetClassName,
|
|
14
|
+
color = 'default',
|
|
15
|
+
underline = true
|
|
16
|
+
} = _ref,
|
|
17
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
18
|
+
return /*#__PURE__*/React.createElement(Box, _extends({}, props, {
|
|
19
|
+
as: as,
|
|
20
|
+
display: "inline",
|
|
21
|
+
className: [exceptionallySetClassName, modules_3d05deee.container, modules_3d05deee[color], underline ? modules_3d05deee.underline : modules_3d05deee['no-underline']],
|
|
22
|
+
ref: ref,
|
|
23
|
+
target: openInNewTab ? '_blank' : undefined,
|
|
24
|
+
rel: openInNewTab ? 'noopener noreferrer' : undefined
|
|
25
|
+
}));
|
|
15
26
|
});
|
|
16
27
|
|
|
17
28
|
export { TextLink };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-link.js","sources":["../../src/text-link/text-link.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"text-link.js","sources":["../../src/text-link/text-link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\nimport { polymorphicComponent } from '../utils/polymorphism'\n\nimport styles from './text-link.module.css'\n\nimport type { OpenInNewTab } from '../utils/common-types'\n\ntype TextLinkColors = 'default' | 'inherit'\n\ntype TextLinkProps = OpenInNewTab & {\n color?: TextLinkColors\n underline?: boolean\n}\n\nconst TextLink = polymorphicComponent<'a', TextLinkProps>(function TextLink(\n {\n as = 'a',\n openInNewTab = false,\n exceptionallySetClassName,\n color = 'default',\n underline = true,\n ...props\n },\n ref,\n) {\n return (\n <Box\n {...props}\n as={as}\n display=\"inline\"\n className={[\n exceptionallySetClassName,\n styles.container,\n styles[color],\n underline ? styles.underline : styles['no-underline'],\n ]}\n ref={ref}\n target={openInNewTab ? '_blank' : undefined}\n rel={openInNewTab ? 'noopener noreferrer' : undefined}\n />\n )\n})\n\nexport { TextLink }\nexport type { TextLinkProps }\n"],"names":["TextLink","polymorphicComponent","_ref","ref","as","openInNewTab","exceptionallySetClassName","color","underline","props","_objectWithoutProperties","_excluded","React","createElement","Box","_extends","display","className","styles","container","target","undefined","rel"],"mappings":";;;;;;;;AAgBMA,MAAAA,QAAQ,GAAGC,oBAAoB,CAAqB,SAASD,QAAQA,CAAAE,IAAA,EASvEC,GAAG,EACL;EAAA,IATE;AACIC,MAAAA,EAAE,GAAG,GAAG;AACRC,MAAAA,YAAY,GAAG,KAAK;MACpBC,yBAAyB;AACzBC,MAAAA,KAAK,GAAG,SAAS;AACjBC,MAAAA,SAAS,GAAG,IAAA;AAEhB,KAAC,GAAAN,IAAA;AADMO,IAAAA,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA,CAAA;EAIZ,oBACIC,KAAA,CAAAC,aAAA,CAACC,GAAG,EAAAC,QAAA,KACIN,KAAK,EAAA;AACTL,IAAAA,EAAE,EAAEA,EAAG;AACPY,IAAAA,OAAO,EAAC,QAAQ;IAChBC,SAAS,EAAE,CACPX,yBAAyB,EACzBY,gBAAM,CAACC,SAAS,EAChBD,gBAAM,CAACX,KAAK,CAAC,EACbC,SAAS,GAAGU,gBAAM,CAACV,SAAS,GAAGU,gBAAM,CAAC,cAAc,CAAC,CACvD;AACFf,IAAAA,GAAG,EAAEA,GAAI;AACTiB,IAAAA,MAAM,EAAEf,YAAY,GAAG,QAAQ,GAAGgB,SAAU;AAC5CC,IAAAA,GAAG,EAAEjB,YAAY,GAAG,qBAAqB,GAAGgB,SAAAA;AAAU,GAAA,CACzD,CAAC,CAAA;AAEV,CAAC;;;;"}
|
package/es/toast/static-toast.js
CHANGED
|
@@ -1,12 +1,15 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _extends from '@babel/runtime/helpers/extends';
|
|
2
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
+
import { c } from 'react-compiler-runtime';
|
|
2
4
|
import React__default from 'react';
|
|
3
|
-
import { Box } from '../box/box.js';
|
|
4
|
-
import { Button, IconButton } from '../button/button.js';
|
|
5
5
|
import { CloseIcon } from '../icons/close-icon.js';
|
|
6
|
+
import modules_d11e18f0 from './toast.module.css.js';
|
|
6
7
|
import { Stack } from '../stack/stack.js';
|
|
7
8
|
import { Text } from '../text/text.js';
|
|
8
|
-
import
|
|
9
|
+
import { Button, IconButton } from '../button/button.js';
|
|
10
|
+
import { Box } from '../box/box.js';
|
|
9
11
|
|
|
12
|
+
const _excluded = ["message", "description", "icon", "action", "onDismiss", "dismissLabel"];
|
|
10
13
|
/**
|
|
11
14
|
* A toast that shows a message, and an optional action associated with it.
|
|
12
15
|
*
|
|
@@ -21,30 +24,145 @@ import modules_d11e18f0 from './toast.module.css.js';
|
|
|
21
24
|
*
|
|
22
25
|
* @see useToasts
|
|
23
26
|
*/
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
27
|
+
const StaticToast = /*#__PURE__*/React__default.forwardRef(function Toast(t0, ref) {
|
|
28
|
+
const $ = c(25);
|
|
29
|
+
let action;
|
|
30
|
+
let description;
|
|
31
|
+
let icon;
|
|
32
|
+
let message;
|
|
33
|
+
let onDismiss;
|
|
34
|
+
let props;
|
|
35
|
+
let t1;
|
|
36
|
+
if ($[0] !== t0) {
|
|
37
|
+
var _t = t0;
|
|
38
|
+
({
|
|
39
|
+
message,
|
|
40
|
+
description,
|
|
41
|
+
icon,
|
|
42
|
+
action,
|
|
43
|
+
onDismiss,
|
|
44
|
+
dismissLabel: t1
|
|
45
|
+
} = _t);
|
|
46
|
+
props = _objectWithoutProperties(_t, _excluded);
|
|
47
|
+
$[0] = t0;
|
|
48
|
+
$[1] = action;
|
|
49
|
+
$[2] = description;
|
|
50
|
+
$[3] = icon;
|
|
51
|
+
$[4] = message;
|
|
52
|
+
$[5] = onDismiss;
|
|
53
|
+
$[6] = props;
|
|
54
|
+
$[7] = t1;
|
|
55
|
+
} else {
|
|
56
|
+
action = $[1];
|
|
57
|
+
description = $[2];
|
|
58
|
+
icon = $[3];
|
|
59
|
+
message = $[4];
|
|
60
|
+
onDismiss = $[5];
|
|
61
|
+
props = $[6];
|
|
62
|
+
t1 = $[7];
|
|
63
|
+
}
|
|
64
|
+
const dismissLabel = t1 === undefined ? "Close" : t1;
|
|
65
|
+
let t2;
|
|
66
|
+
if ($[8] !== icon) {
|
|
67
|
+
t2 = icon ? /*#__PURE__*/React__default.createElement(ToastContentSlot, null, icon) : null;
|
|
68
|
+
$[8] = icon;
|
|
69
|
+
$[9] = t2;
|
|
70
|
+
} else {
|
|
71
|
+
t2 = $[9];
|
|
72
|
+
}
|
|
73
|
+
let t3;
|
|
74
|
+
if ($[10] !== description || $[11] !== message) {
|
|
75
|
+
t3 = /*#__PURE__*/React__default.createElement(Box, {
|
|
76
|
+
flexGrow: 1,
|
|
77
|
+
maxWidth: "small"
|
|
78
|
+
}, description ? /*#__PURE__*/React__default.createElement(Stack, {
|
|
79
|
+
space: "small"
|
|
80
|
+
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
81
|
+
weight: "bold"
|
|
82
|
+
}, message, " "), /*#__PURE__*/React__default.createElement(Text, null, description)) : /*#__PURE__*/React__default.createElement(Text, null, message));
|
|
83
|
+
$[10] = description;
|
|
84
|
+
$[11] = message;
|
|
85
|
+
$[12] = t3;
|
|
86
|
+
} else {
|
|
87
|
+
t3 = $[12];
|
|
88
|
+
}
|
|
89
|
+
let t4;
|
|
90
|
+
if ($[13] !== action) {
|
|
91
|
+
t4 = action ? /*#__PURE__*/React__default.createElement(ToastContentSlot, null, isActionObject(action) ? /*#__PURE__*/React__default.createElement(Button, {
|
|
92
|
+
variant: "tertiary",
|
|
93
|
+
size: "small",
|
|
94
|
+
onClick: action.onClick
|
|
95
|
+
}, action.label) : action) : null;
|
|
96
|
+
$[13] = action;
|
|
97
|
+
$[14] = t4;
|
|
98
|
+
} else {
|
|
99
|
+
t4 = $[14];
|
|
100
|
+
}
|
|
101
|
+
let t5;
|
|
102
|
+
if ($[15] !== dismissLabel || $[16] !== onDismiss) {
|
|
103
|
+
t5 = onDismiss ? /*#__PURE__*/React__default.createElement(ToastContentSlot, null, /*#__PURE__*/React__default.createElement(IconButton, {
|
|
104
|
+
variant: "quaternary",
|
|
105
|
+
size: "small",
|
|
106
|
+
onClick: onDismiss,
|
|
107
|
+
"aria-label": dismissLabel,
|
|
108
|
+
icon: /*#__PURE__*/React__default.createElement(CloseIcon, null)
|
|
109
|
+
})) : null;
|
|
110
|
+
$[15] = dismissLabel;
|
|
111
|
+
$[16] = onDismiss;
|
|
112
|
+
$[17] = t5;
|
|
113
|
+
} else {
|
|
114
|
+
t5 = $[17];
|
|
115
|
+
}
|
|
116
|
+
let t6;
|
|
117
|
+
if ($[18] !== props || $[19] !== ref || $[20] !== t2 || $[21] !== t3 || $[22] !== t4 || $[23] !== t5) {
|
|
118
|
+
t6 = /*#__PURE__*/React__default.createElement(Box, _extends({
|
|
119
|
+
ref: ref,
|
|
120
|
+
role: "alert",
|
|
121
|
+
"aria-live": "polite",
|
|
122
|
+
borderRadius: "full",
|
|
123
|
+
width: "fitContent",
|
|
124
|
+
background: "toast",
|
|
125
|
+
display: "flex",
|
|
126
|
+
padding: "large",
|
|
127
|
+
alignItems: "center",
|
|
128
|
+
className: modules_d11e18f0.toastContainer
|
|
129
|
+
}, props), t2, t3, t4, t5);
|
|
130
|
+
$[18] = props;
|
|
131
|
+
$[19] = ref;
|
|
132
|
+
$[20] = t2;
|
|
133
|
+
$[21] = t3;
|
|
134
|
+
$[22] = t4;
|
|
135
|
+
$[23] = t5;
|
|
136
|
+
$[24] = t6;
|
|
137
|
+
} else {
|
|
138
|
+
t6 = $[24];
|
|
139
|
+
}
|
|
140
|
+
return t6;
|
|
36
141
|
});
|
|
37
142
|
function isActionObject(action) {
|
|
38
|
-
|
|
39
|
-
typeof action === 'object' &&
|
|
40
|
-
'label' in action &&
|
|
41
|
-
'onClick' in action &&
|
|
42
|
-
typeof action.label === 'string' &&
|
|
43
|
-
typeof action.onClick === 'function');
|
|
143
|
+
return action != null && typeof action === 'object' && 'label' in action && 'onClick' in action && typeof action.label === 'string' && typeof action.onClick === 'function';
|
|
44
144
|
}
|
|
45
|
-
function ToastContentSlot(
|
|
46
|
-
|
|
47
|
-
|
|
145
|
+
function ToastContentSlot(t0) {
|
|
146
|
+
const $ = c(2);
|
|
147
|
+
const {
|
|
148
|
+
children
|
|
149
|
+
} = t0;
|
|
150
|
+
let t1;
|
|
151
|
+
if ($[0] !== children) {
|
|
152
|
+
t1 = /*#__PURE__*/React__default.createElement(Box, {
|
|
153
|
+
display: "flex",
|
|
154
|
+
alignItems: "center",
|
|
155
|
+
justifyContent: "center",
|
|
156
|
+
marginX: "-xsmall",
|
|
157
|
+
marginY: "-medium",
|
|
158
|
+
className: modules_d11e18f0.slot
|
|
159
|
+
}, children);
|
|
160
|
+
$[0] = children;
|
|
161
|
+
$[1] = t1;
|
|
162
|
+
} else {
|
|
163
|
+
t1 = $[1];
|
|
164
|
+
}
|
|
165
|
+
return t1;
|
|
48
166
|
}
|
|
49
167
|
|
|
50
168
|
export { StaticToast, isActionObject };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"static-toast.js","sources":["../../src/toast/static-toast.tsx"],"sourcesContent":[null],"names":["React","styles"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"static-toast.js","sources":["../../src/toast/static-toast.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Box } from '../box'\nimport { Button, IconButton } from '../button'\nimport { CloseIcon } from '../icons/close-icon'\nimport { Stack } from '../stack'\nimport { Text } from '../text'\n\nimport styles from './toast.module.css'\n\ntype ToastActionObject = {\n label: string\n onClick: () => void\n closeToast?: boolean\n}\n\ntype StaticToastProps = {\n /**\n * The message shown in the toast.\n */\n message: NonNullable<React.ReactNode>\n\n /**\n * An optional extra description that complements the main message shown in the toast.\n */\n description?: React.ReactNode\n\n /**\n * An icon to be shown in front of the message.\n */\n icon?: React.ReactNode\n\n /**\n * The action to call when the user clicks on the dismiss button. If omitted, the dismiss button\n * does not appear.\n */\n onDismiss?: () => void\n\n /**\n * The label for the button that dismisses the toast.\n */\n dismissLabel?: string\n\n /**\n * What to render in the action slot. Usually a button or link.\n *\n * You can also pass an object that containst the action label, and a function that performs the\n * action. This is used by the toast component to render a button for you.\n *\n * In general, you should prefer the action object most of the time. But it is possible to pass\n * a React element instead, if you need more control over what to render. For instance, you may\n * want to render a link instead of a button.\n *\n * Keep in mind, though, that the default button rendered uses `variant=\"tertiary\"` and\n * `size=\"small\"`. In most cases you should stick to the variants `tertiary` or `primary`, which\n * are the ones that look better in the toast's dark background. And in all cases you should use\n * size `small`.\n */\n action?: React.ReactElement | ToastActionObject\n}\n\n/**\n * A toast that shows a message, and an optional action associated with it.\n *\n * This component is generally not meant to be used directly. Most of the time you'll want to use\n * toasts generated via `useToasts` instead. However, this component is available in case you need\n * to take control of rendering a toast under different circumstances than that of notification-like\n * floating toasts.\n *\n * This component makes no assumptions outwardly about how it is positioned on the screen. That is,\n * it will not be shown floating or fixed to the viewport edges, as toasts normally show up. It only\n * provides the toast look and feel, but you are responsible for positioning it as you want.\n *\n * @see useToasts\n */\nconst StaticToast = React.forwardRef<HTMLDivElement, StaticToastProps>(function Toast(\n { message, description, icon, action, onDismiss, dismissLabel = 'Close', ...props },\n ref,\n) {\n return (\n <Box\n ref={ref}\n role=\"alert\"\n aria-live=\"polite\"\n borderRadius=\"full\"\n width=\"fitContent\"\n background=\"toast\"\n display=\"flex\"\n padding=\"large\"\n alignItems=\"center\"\n className={styles.toastContainer}\n {...props}\n >\n {icon ? <ToastContentSlot>{icon}</ToastContentSlot> : null}\n\n <Box flexGrow={1} maxWidth=\"small\">\n {description ? (\n <Stack space=\"small\">\n <Text weight=\"bold\">{message} </Text>\n <Text>{description}</Text>\n </Stack>\n ) : (\n <Text>{message}</Text>\n )}\n </Box>\n\n {action ? (\n <ToastContentSlot>\n {isActionObject(action) ? (\n <Button variant=\"tertiary\" size=\"small\" onClick={action.onClick}>\n {action.label}\n </Button>\n ) : (\n action\n )}\n </ToastContentSlot>\n ) : null}\n\n {onDismiss ? (\n <ToastContentSlot>\n <IconButton\n variant=\"quaternary\"\n size=\"small\"\n onClick={onDismiss}\n aria-label={dismissLabel}\n icon={<CloseIcon />}\n />\n </ToastContentSlot>\n ) : null}\n </Box>\n )\n})\n\nfunction isActionObject(action: StaticToastProps['action']): action is ToastActionObject {\n return (\n action != null &&\n typeof action === 'object' &&\n 'label' in action &&\n 'onClick' in action &&\n typeof action.label === 'string' &&\n typeof action.onClick === 'function'\n )\n}\n\nfunction ToastContentSlot({ children }: { children: React.ReactNode }) {\n return (\n <Box\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"center\"\n marginX=\"-xsmall\"\n marginY=\"-medium\"\n className={styles.slot}\n >\n {children}\n </Box>\n )\n}\n\nexport { isActionObject, StaticToast }\nexport type { StaticToastProps }\n"],"names":["StaticToast","React","forwardRef","Toast","t0","ref","$","_c","action","description","icon","message","onDismiss","props","t1","_t","dismissLabel","_objectWithoutProperties","_excluded","undefined","t2","createElement","ToastContentSlot","t3","Box","flexGrow","maxWidth","Stack","space","Text","weight","t4","isActionObject","Button","variant","size","onClick","label","t5","IconButton","CloseIcon","t6","_extends","role","borderRadius","width","background","display","padding","alignItems","className","styles","toastContainer","children","justifyContent","marginX","marginY","slot"],"mappings":"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"}
|
|
@@ -1,33 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { c } from 'react-compiler-runtime';
|
|
2
|
+
import { useLayoutEffect } from 'react';
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
* MIT License
|
|
7
|
-
*
|
|
8
|
-
* Copyright (c) 2018 SEEK
|
|
9
|
-
*
|
|
10
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
11
|
-
* of this software and associated documentation files (the "Software"), to deal
|
|
12
|
-
* in the Software without restriction, including without limitation the rights
|
|
13
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
14
|
-
* copies of the Software, and to permit persons to whom the Software is
|
|
15
|
-
* furnished to do so, subject to the following conditions:
|
|
16
|
-
*
|
|
17
|
-
* The above copyright notice and this permission notice shall be included in all
|
|
18
|
-
* copies or substantial portions of the Software.
|
|
19
|
-
*
|
|
20
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
21
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
22
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
23
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
24
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
25
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
26
|
-
* SOFTWARE.
|
|
27
|
-
*/
|
|
28
|
-
var ANIMATION_TIMEOUT = 400;
|
|
29
|
-
var ENTRANCE_TRANSITION = 'transform 0.3s ease, opacity 0.3s ease';
|
|
30
|
-
var EXIT_TRANSITION = 'opacity 0.2s ease';
|
|
4
|
+
const ANIMATION_TIMEOUT = 400;
|
|
5
|
+
const ENTRANCE_TRANSITION = 'transform 0.3s ease, opacity 0.3s ease';
|
|
6
|
+
const EXIT_TRANSITION = 'opacity 0.2s ease';
|
|
31
7
|
/**
|
|
32
8
|
* Applies the "from" value of given CSS properties, and also sets a transition CSS property. Then
|
|
33
9
|
* it waits an animation frame before setting the same CSS properties to the target "to" value. This
|
|
@@ -36,36 +12,45 @@ var EXIT_TRANSITION = 'opacity 0.2s ease';
|
|
|
36
12
|
* At the end of the animation, it cleans up, unsetting all the CSS properties (including the
|
|
37
13
|
* transition), and calls the "done" callback, if given.
|
|
38
14
|
*/
|
|
39
|
-
function animate(
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
15
|
+
function animate({
|
|
16
|
+
element,
|
|
17
|
+
transforms,
|
|
18
|
+
transition,
|
|
19
|
+
done
|
|
20
|
+
}) {
|
|
21
|
+
const fallbackTimeout = setTimeout(() => {
|
|
22
|
+
done?.();
|
|
23
|
+
}, ANIMATION_TIMEOUT);
|
|
24
|
+
transforms.forEach(({
|
|
25
|
+
property,
|
|
26
|
+
from = ''
|
|
27
|
+
}) => {
|
|
28
|
+
element.style.setProperty(property, from);
|
|
29
|
+
});
|
|
30
|
+
element.style.setProperty('transition', '');
|
|
31
|
+
function transitionEndHandler(event) {
|
|
32
|
+
if (event.target !== element) {
|
|
33
|
+
return;
|
|
57
34
|
}
|
|
58
|
-
element.
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
35
|
+
element.style.setProperty('transition', '');
|
|
36
|
+
done?.();
|
|
37
|
+
element.removeEventListener('transitionend', transitionEndHandler);
|
|
38
|
+
clearTimeout(fallbackTimeout);
|
|
39
|
+
}
|
|
40
|
+
element.addEventListener('transitionend', transitionEndHandler);
|
|
41
|
+
|
|
42
|
+
// Call requestAnimationFrame twice to make sure we have a full animation frame at our disposal
|
|
43
|
+
window.requestAnimationFrame(() => {
|
|
44
|
+
window.requestAnimationFrame(() => {
|
|
45
|
+
element.style.setProperty('transition', transition);
|
|
46
|
+
transforms.forEach(({
|
|
47
|
+
property,
|
|
48
|
+
to = ''
|
|
49
|
+
}) => {
|
|
50
|
+
element.style.setProperty(property, to);
|
|
51
|
+
});
|
|
68
52
|
});
|
|
53
|
+
});
|
|
69
54
|
}
|
|
70
55
|
/**
|
|
71
56
|
* Provides the functionality of animating the stacked toasts when they appear and before they
|
|
@@ -77,60 +62,125 @@ function animate(_a) {
|
|
|
77
62
|
* animations that smoothly transitions between both states.
|
|
78
63
|
*/
|
|
79
64
|
function useToastsAnimation() {
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
65
|
+
const $ = c(6);
|
|
66
|
+
let t0;
|
|
67
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
68
|
+
t0 = new Map();
|
|
69
|
+
$[0] = t0;
|
|
70
|
+
} else {
|
|
71
|
+
t0 = $[0];
|
|
72
|
+
}
|
|
73
|
+
const refs = t0;
|
|
74
|
+
let t1;
|
|
75
|
+
if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
|
|
76
|
+
t1 = new Map();
|
|
77
|
+
$[1] = t1;
|
|
78
|
+
} else {
|
|
79
|
+
t1 = $[1];
|
|
80
|
+
}
|
|
81
|
+
const positions = t1;
|
|
82
|
+
let t2;
|
|
83
|
+
if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
|
|
84
|
+
t2 = () => {
|
|
85
|
+
const animations = [];
|
|
86
|
+
Array.from(refs.entries()).forEach(t3 => {
|
|
87
|
+
const [id, element] = t3;
|
|
88
|
+
if (!element) {
|
|
89
|
+
refs.delete(id);
|
|
90
|
+
return;
|
|
91
|
+
}
|
|
92
|
+
const prevTop = positions.get(id);
|
|
93
|
+
const {
|
|
94
|
+
top,
|
|
95
|
+
height
|
|
96
|
+
} = element.getBoundingClientRect();
|
|
97
|
+
if (typeof prevTop === "number" && prevTop !== top) {
|
|
98
|
+
animations.push({
|
|
99
|
+
element,
|
|
100
|
+
transition: ENTRANCE_TRANSITION,
|
|
101
|
+
transforms: [{
|
|
102
|
+
property: "transform",
|
|
103
|
+
from: `translateY(${prevTop - top}px)`
|
|
104
|
+
}]
|
|
105
|
+
});
|
|
106
|
+
} else {
|
|
107
|
+
if (typeof prevTop !== "number") {
|
|
108
|
+
animations.push({
|
|
109
|
+
element,
|
|
110
|
+
transition: ENTRANCE_TRANSITION,
|
|
111
|
+
transforms: [{
|
|
112
|
+
property: "transform",
|
|
113
|
+
from: `translateY(${height}px)`
|
|
114
|
+
}, {
|
|
115
|
+
property: "opacity",
|
|
116
|
+
from: "0"
|
|
117
|
+
}]
|
|
127
118
|
});
|
|
119
|
+
}
|
|
128
120
|
}
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
};
|
|
133
|
-
|
|
121
|
+
positions.set(id, element.getBoundingClientRect().top);
|
|
122
|
+
});
|
|
123
|
+
animations.forEach(_temp);
|
|
124
|
+
};
|
|
125
|
+
$[2] = t2;
|
|
126
|
+
} else {
|
|
127
|
+
t2 = $[2];
|
|
128
|
+
}
|
|
129
|
+
useLayoutEffect(t2);
|
|
130
|
+
let t3;
|
|
131
|
+
if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
|
|
132
|
+
t3 = function animateRemove(id_0, onAnimationDone) {
|
|
133
|
+
const element_1 = refs.get(id_0);
|
|
134
|
+
if (element_1) {
|
|
135
|
+
animate({
|
|
136
|
+
element: element_1,
|
|
137
|
+
transforms: [{
|
|
138
|
+
property: "opacity",
|
|
139
|
+
to: "0"
|
|
140
|
+
}],
|
|
141
|
+
transition: EXIT_TRANSITION,
|
|
142
|
+
done: onAnimationDone
|
|
143
|
+
});
|
|
144
|
+
}
|
|
145
|
+
};
|
|
146
|
+
$[3] = t3;
|
|
147
|
+
} else {
|
|
148
|
+
t3 = $[3];
|
|
149
|
+
}
|
|
150
|
+
const animateRemove = t3;
|
|
151
|
+
let t4;
|
|
152
|
+
if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
|
|
153
|
+
t4 = id_1 => ref => {
|
|
154
|
+
refs.set(id_1, ref);
|
|
155
|
+
};
|
|
156
|
+
$[4] = t4;
|
|
157
|
+
} else {
|
|
158
|
+
t4 = $[4];
|
|
159
|
+
}
|
|
160
|
+
const mappedRef = t4;
|
|
161
|
+
let t5;
|
|
162
|
+
if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
|
|
163
|
+
t5 = {
|
|
164
|
+
mappedRef,
|
|
165
|
+
animateRemove
|
|
166
|
+
};
|
|
167
|
+
$[5] = t5;
|
|
168
|
+
} else {
|
|
169
|
+
t5 = $[5];
|
|
170
|
+
}
|
|
171
|
+
return t5;
|
|
172
|
+
}
|
|
173
|
+
function _temp(t0) {
|
|
174
|
+
const {
|
|
175
|
+
element: element_0,
|
|
176
|
+
transforms,
|
|
177
|
+
transition
|
|
178
|
+
} = t0;
|
|
179
|
+
animate({
|
|
180
|
+
element: element_0,
|
|
181
|
+
transforms,
|
|
182
|
+
transition
|
|
183
|
+
});
|
|
134
184
|
}
|
|
135
185
|
|
|
136
186
|
export { ANIMATION_TIMEOUT, useToastsAnimation };
|