@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.
Files changed (227) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/reactist.cjs.development.js +6749 -1832
  3. package/dist/reactist.cjs.development.js.map +1 -1
  4. package/dist/reactist.cjs.production.min.js +1 -1
  5. package/dist/reactist.cjs.production.min.js.map +1 -1
  6. package/es/avatar/avatar.js +106 -36
  7. package/es/avatar/avatar.js.map +1 -1
  8. package/es/avatar/utils.js +17 -19
  9. package/es/avatar/utils.js.map +1 -1
  10. package/es/badge/badge.js +50 -6
  11. package/es/badge/badge.js.map +1 -1
  12. package/es/banner/banner.js +384 -41
  13. package/es/banner/banner.js.map +1 -1
  14. package/es/base-field/base-field.js +367 -77
  15. package/es/base-field/base-field.js.map +1 -1
  16. package/es/box/box.js +139 -61
  17. package/es/box/box.js.map +1 -1
  18. package/es/button/button.js +346 -36
  19. package/es/button/button.js.map +1 -1
  20. package/es/checkbox-field/checkbox-field.js +71 -48
  21. package/es/checkbox-field/checkbox-field.js.map +1 -1
  22. package/es/checkbox-field/checkbox-icon.js +88 -28
  23. package/es/checkbox-field/checkbox-icon.js.map +1 -1
  24. package/es/checkbox-field/use-fork-ref.js +15 -20
  25. package/es/checkbox-field/use-fork-ref.js.map +1 -1
  26. package/es/columns/columns.js +46 -23
  27. package/es/columns/columns.js.map +1 -1
  28. package/es/components/color-picker/color-picker.js +190 -46
  29. package/es/components/color-picker/color-picker.js.map +1 -1
  30. package/es/components/deprecated-button/deprecated-button.js +102 -9
  31. package/es/components/deprecated-button/deprecated-button.js.map +1 -1
  32. package/es/components/deprecated-button/index.js +5 -2
  33. package/es/components/deprecated-button/index.js.map +1 -1
  34. package/es/components/deprecated-dropdown/dropdown.js +234 -134
  35. package/es/components/deprecated-dropdown/dropdown.js.map +1 -1
  36. package/es/components/deprecated-dropdown/index.js +4 -1
  37. package/es/components/deprecated-dropdown/index.js.map +1 -1
  38. package/es/components/deprecated-input/index.js +5 -2
  39. package/es/components/deprecated-input/index.js.map +1 -1
  40. package/es/components/deprecated-input/input.js +27 -4
  41. package/es/components/deprecated-input/input.js.map +1 -1
  42. package/es/components/deprecated-select/select.js +110 -7
  43. package/es/components/deprecated-select/select.js.map +1 -1
  44. package/es/components/key-capturer/key-capturer.js +190 -137
  45. package/es/components/key-capturer/key-capturer.js.map +1 -1
  46. package/es/components/keyboard-shortcut/keyboard-shortcut.js +65 -45
  47. package/es/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  48. package/es/components/progress-bar/progress-bar.js +61 -9
  49. package/es/components/progress-bar/progress-bar.js.map +1 -1
  50. package/es/components/time/index.js +5 -2
  51. package/es/components/time/index.js.map +1 -1
  52. package/es/components/time/time-utils.js +59 -53
  53. package/es/components/time/time-utils.js.map +1 -1
  54. package/es/components/time/time.js +94 -91
  55. package/es/components/time/time.js.map +1 -1
  56. package/es/divider/divider.js +44 -5
  57. package/es/divider/divider.js.map +1 -1
  58. package/es/heading/heading.js +122 -20
  59. package/es/heading/heading.js.map +1 -1
  60. package/es/hidden/hidden.js +36 -30
  61. package/es/hidden/hidden.js.map +1 -1
  62. package/es/hidden-visually/hidden-visually.js +9 -4
  63. package/es/hidden-visually/hidden-visually.js.map +1 -1
  64. package/es/icons/alert-icon.js +145 -18
  65. package/es/icons/alert-icon.js.map +1 -1
  66. package/es/icons/banner-icon.js +213 -25
  67. package/es/icons/banner-icon.js.map +1 -1
  68. package/es/icons/close-icon.js +26 -3
  69. package/es/icons/close-icon.js.map +1 -1
  70. package/es/icons/password-hidden-icon.js +40 -6
  71. package/es/icons/password-hidden-icon.js.map +1 -1
  72. package/es/icons/password-visible-icon.js +33 -5
  73. package/es/icons/password-visible-icon.js.map +1 -1
  74. package/es/index.js +9 -9
  75. package/es/inline/inline.js +24 -9
  76. package/es/inline/inline.js.map +1 -1
  77. package/es/loading/loading.js +63 -17
  78. package/es/loading/loading.js.map +1 -1
  79. package/es/menu/menu.js +469 -92
  80. package/es/menu/menu.js.map +1 -1
  81. package/es/modal/modal.js +675 -112
  82. package/es/modal/modal.js.map +1 -1
  83. package/es/notice/notice.js +77 -10
  84. package/es/notice/notice.js.map +1 -1
  85. package/es/password-field/password-field.js +89 -11
  86. package/es/password-field/password-field.js.map +1 -1
  87. package/es/prose/prose.js +48 -9
  88. package/es/prose/prose.js.map +1 -1
  89. package/es/select-field/select-field.js +150 -19
  90. package/es/select-field/select-field.js.map +1 -1
  91. package/es/spinner/spinner.js +39 -6
  92. package/es/spinner/spinner.js.map +1 -1
  93. package/es/stack/stack.js +29 -17
  94. package/es/stack/stack.js.map +1 -1
  95. package/es/switch-field/switch-field.js +225 -42
  96. package/es/switch-field/switch-field.js.map +1 -1
  97. package/es/tabs/tabs.js +207 -109
  98. package/es/tabs/tabs.js.map +1 -1
  99. package/es/text/text.js +27 -17
  100. package/es/text/text.js.map +1 -1
  101. package/es/text-area/text-area.js +264 -54
  102. package/es/text-area/text-area.js.map +1 -1
  103. package/es/text-field/text-field.js +204 -31
  104. package/es/text-field/text-field.js.map +1 -1
  105. package/es/text-link/text-link.js +21 -10
  106. package/es/text-link/text-link.js.map +1 -1
  107. package/es/toast/static-toast.js +143 -25
  108. package/es/toast/static-toast.js.map +1 -1
  109. package/es/toast/toast-animation.js +159 -109
  110. package/es/toast/toast-animation.js.map +1 -1
  111. package/es/toast/use-toasts.js +309 -84
  112. package/es/toast/use-toasts.js.map +1 -1
  113. package/es/tooltip/tooltip.js +88 -32
  114. package/es/tooltip/tooltip.js.map +1 -1
  115. package/es/utils/common-helpers.js +12 -11
  116. package/es/utils/common-helpers.js.map +1 -1
  117. package/es/utils/polymorphism.js +84 -1
  118. package/es/utils/polymorphism.js.map +1 -1
  119. package/es/utils/responsive-props.js +43 -32
  120. package/es/utils/responsive-props.js.map +1 -1
  121. package/lib/avatar/avatar.js +109 -35
  122. package/lib/avatar/avatar.js.map +1 -1
  123. package/lib/avatar/utils.js +17 -19
  124. package/lib/avatar/utils.js.map +1 -1
  125. package/lib/badge/badge.js +53 -5
  126. package/lib/badge/badge.js.map +1 -1
  127. package/lib/banner/banner.js +385 -38
  128. package/lib/banner/banner.js.map +1 -1
  129. package/lib/base-field/base-field.js +366 -73
  130. package/lib/base-field/base-field.js.map +1 -1
  131. package/lib/box/box.js +141 -61
  132. package/lib/box/box.js.map +1 -1
  133. package/lib/button/button.js +347 -35
  134. package/lib/button/button.js.map +1 -1
  135. package/lib/checkbox-field/checkbox-field.js +73 -46
  136. package/lib/checkbox-field/checkbox-field.js.map +1 -1
  137. package/lib/checkbox-field/checkbox-icon.js +92 -28
  138. package/lib/checkbox-field/checkbox-icon.js.map +1 -1
  139. package/lib/checkbox-field/use-fork-ref.js +15 -20
  140. package/lib/checkbox-field/use-fork-ref.js.map +1 -1
  141. package/lib/columns/columns.js +49 -22
  142. package/lib/columns/columns.js.map +1 -1
  143. package/lib/components/color-picker/color-picker.js +189 -45
  144. package/lib/components/color-picker/color-picker.js.map +1 -1
  145. package/lib/components/deprecated-button/deprecated-button.js +104 -9
  146. package/lib/components/deprecated-button/deprecated-button.js.map +1 -1
  147. package/lib/components/deprecated-dropdown/dropdown.js +235 -133
  148. package/lib/components/deprecated-dropdown/dropdown.js.map +1 -1
  149. package/lib/components/deprecated-input/input.js +28 -4
  150. package/lib/components/deprecated-input/input.js.map +1 -1
  151. package/lib/components/deprecated-select/select.js +112 -7
  152. package/lib/components/deprecated-select/select.js.map +1 -1
  153. package/lib/components/key-capturer/key-capturer.js +188 -135
  154. package/lib/components/key-capturer/key-capturer.js.map +1 -1
  155. package/lib/components/keyboard-shortcut/keyboard-shortcut.js +67 -45
  156. package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  157. package/lib/components/progress-bar/progress-bar.js +60 -8
  158. package/lib/components/progress-bar/progress-bar.js.map +1 -1
  159. package/lib/components/time/time-utils.js +59 -53
  160. package/lib/components/time/time-utils.js.map +1 -1
  161. package/lib/components/time/time.js +93 -90
  162. package/lib/components/time/time.js.map +1 -1
  163. package/lib/divider/divider.js +47 -4
  164. package/lib/divider/divider.js.map +1 -1
  165. package/lib/heading/heading.js +125 -19
  166. package/lib/heading/heading.js.map +1 -1
  167. package/lib/hidden/hidden.js +39 -29
  168. package/lib/hidden/hidden.js.map +1 -1
  169. package/lib/hidden-visually/hidden-visually.js +11 -3
  170. package/lib/hidden-visually/hidden-visually.js.map +1 -1
  171. package/lib/icons/alert-icon.js +149 -18
  172. package/lib/icons/alert-icon.js.map +1 -1
  173. package/lib/icons/banner-icon.js +217 -25
  174. package/lib/icons/banner-icon.js.map +1 -1
  175. package/lib/icons/close-icon.js +29 -3
  176. package/lib/icons/close-icon.js.map +1 -1
  177. package/lib/icons/password-hidden-icon.js +43 -6
  178. package/lib/icons/password-hidden-icon.js.map +1 -1
  179. package/lib/icons/password-visible-icon.js +36 -5
  180. package/lib/icons/password-visible-icon.js.map +1 -1
  181. package/lib/inline/inline.js +27 -8
  182. package/lib/inline/inline.js.map +1 -1
  183. package/lib/loading/loading.js +67 -17
  184. package/lib/loading/loading.js.map +1 -1
  185. package/lib/menu/menu.js +471 -91
  186. package/lib/menu/menu.js.map +1 -1
  187. package/lib/modal/modal.js +671 -106
  188. package/lib/modal/modal.js.map +1 -1
  189. package/lib/notice/notice.js +75 -8
  190. package/lib/notice/notice.js.map +1 -1
  191. package/lib/password-field/password-field.js +92 -10
  192. package/lib/password-field/password-field.js.map +1 -1
  193. package/lib/prose/prose.js +51 -8
  194. package/lib/prose/prose.js.map +1 -1
  195. package/lib/select-field/select-field.js +152 -17
  196. package/lib/select-field/select-field.js.map +1 -1
  197. package/lib/spinner/spinner.js +39 -6
  198. package/lib/spinner/spinner.js.map +1 -1
  199. package/lib/stack/stack.js +29 -15
  200. package/lib/stack/stack.js.map +1 -1
  201. package/lib/switch-field/switch-field.js +225 -38
  202. package/lib/switch-field/switch-field.js.map +1 -1
  203. package/lib/tabs/tabs.js +207 -107
  204. package/lib/tabs/tabs.js.map +1 -1
  205. package/lib/text/text.js +30 -16
  206. package/lib/text/text.js.map +1 -1
  207. package/lib/text-area/text-area.js +264 -52
  208. package/lib/text-area/text-area.js.map +1 -1
  209. package/lib/text-field/text-field.js +207 -30
  210. package/lib/text-field/text-field.js.map +1 -1
  211. package/lib/text-link/text-link.js +24 -9
  212. package/lib/text-link/text-link.js.map +1 -1
  213. package/lib/toast/static-toast.js +142 -22
  214. package/lib/toast/static-toast.js.map +1 -1
  215. package/lib/toast/toast-animation.js +158 -108
  216. package/lib/toast/toast-animation.js.map +1 -1
  217. package/lib/toast/use-toasts.js +310 -82
  218. package/lib/toast/use-toasts.js.map +1 -1
  219. package/lib/tooltip/tooltip.js +87 -31
  220. package/lib/tooltip/tooltip.js.map +1 -1
  221. package/lib/utils/common-helpers.js +12 -11
  222. package/lib/utils/common-helpers.js.map +1 -1
  223. package/lib/utils/polymorphism.js +84 -1
  224. package/lib/utils/polymorphism.js.map +1 -1
  225. package/lib/utils/responsive-props.js +43 -32
  226. package/lib/utils/responsive-props.js.map +1 -1
  227. 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 { __rest, __assign } from 'tslib';
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
- var TextLink = polymorphicComponent(function TextLink(_a, ref) {
8
- var _b = _a.as, as = _b === void 0 ? 'a' : _b, _c = _a.openInNewTab, openInNewTab = _c === void 0 ? false : _c, exceptionallySetClassName = _a.exceptionallySetClassName, _d = _a.color, color = _d === void 0 ? 'default' : _d, _e = _a.underline, underline = _e === void 0 ? true : _e, props = __rest(_a, ["as", "openInNewTab", "exceptionallySetClassName", "color", "underline"]);
9
- return (React.createElement(Box, __assign({}, props, { as: as, display: "inline", className: [
10
- exceptionallySetClassName,
11
- modules_3d05deee.container,
12
- modules_3d05deee[color],
13
- underline ? modules_3d05deee.underline : modules_3d05deee['no-underline'],
14
- ], ref: ref, target: openInNewTab ? '_blank' : undefined, rel: openInNewTab ? 'noopener noreferrer' : undefined })));
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":[null],"names":["styles"],"mappings":";;;;;;AAgBM,IAAA,QAAQ,GAAG,oBAAoB,CAAqB,SAAS,QAAQ,CACvE,EAOC,EACD,GAAG,EAAA;AAPC,IAAA,IAAA,EAAQ,GAAA,EAAA,CAAA,EAAA,EAAR,EAAE,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,GAAG,GAAA,EAAA,EACR,EAAoB,GAAA,EAAA,CAAA,YAAA,EAApB,YAAY,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EACpB,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EACzB,EAAiB,GAAA,EAAA,CAAA,KAAA,EAAjB,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,EACjB,EAAgB,GAAA,EAAA,CAAA,SAAA,EAAhB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,EACb,KAAK,GAAA,MAAA,CAAA,EAAA,EANZ,yEAOC,CADW,CAAA;AAIZ,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,QAAA,CAAA,EAAA,EACI,KAAK,EACT,EAAA,EAAE,EAAE,EAAE,EACN,OAAO,EAAC,QAAQ,EAChB,SAAS,EAAE;YACP,yBAAyB;AACzB,YAAAA,gBAAM,CAAC,SAAS;YAChBA,gBAAM,CAAC,KAAK,CAAC;AACb,YAAA,SAAS,GAAGA,gBAAM,CAAC,SAAS,GAAGA,gBAAM,CAAC,cAAc,CAAC;AACxD,SAAA,EACD,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,EAC3C,GAAG,EAAE,YAAY,GAAG,qBAAqB,GAAG,SAAS,EAAA,CAAA,CACvD,EACL;AACL,CAAC;;;;"}
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;;;;"}
@@ -1,12 +1,15 @@
1
- import { __rest, __assign } from 'tslib';
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 modules_d11e18f0 from './toast.module.css.js';
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
- var StaticToast = React__default.forwardRef(function Toast(_a, ref) {
25
- var message = _a.message, description = _a.description, icon = _a.icon, action = _a.action, onDismiss = _a.onDismiss, _b = _a.dismissLabel, dismissLabel = _b === void 0 ? 'Close' : _b, props = __rest(_a, ["message", "description", "icon", "action", "onDismiss", "dismissLabel"]);
26
- return (React__default.createElement(Box, __assign({ ref: ref, role: "alert", "aria-live": "polite", borderRadius: "full", width: "fitContent", background: "toast", display: "flex", padding: "large", alignItems: "center", className: modules_d11e18f0.toastContainer }, props),
27
- icon ? React__default.createElement(ToastContentSlot, null, icon) : null,
28
- React__default.createElement(Box, { flexGrow: 1, maxWidth: "small" }, description ? (React__default.createElement(Stack, { space: "small" },
29
- React__default.createElement(Text, { weight: "bold" },
30
- message,
31
- " "),
32
- React__default.createElement(Text, null, description))) : (React__default.createElement(Text, null, message))),
33
- action ? (React__default.createElement(ToastContentSlot, null, isActionObject(action) ? (React__default.createElement(Button, { variant: "tertiary", size: "small", onClick: action.onClick }, action.label)) : (action))) : null,
34
- onDismiss ? (React__default.createElement(ToastContentSlot, null,
35
- React__default.createElement(IconButton, { variant: "quaternary", size: "small", onClick: onDismiss, "aria-label": dismissLabel, icon: React__default.createElement(CloseIcon, null) }))) : null));
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
- return (action != null &&
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(_a) {
46
- var children = _a.children;
47
- return (React__default.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center", marginX: "-xsmall", marginY: "-medium", className: modules_d11e18f0.slot }, children));
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":";;;;;;;;;AA6DA;;;;;;;;;;;;;AAaG;AACG,IAAA,WAAW,GAAGA,cAAK,CAAC,UAAU,CAAmC,SAAS,KAAK,CACjF,EAAmF,EACnF,GAAG,EAAA;IADD,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,EAAsB,GAAA,EAAA,CAAA,YAAA,EAAtB,YAAY,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,OAAO,GAAA,EAAA,EAAK,KAAK,GAAjF,MAAA,CAAA,EAAA,EAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,EAAA,QAAA,EAAA,WAAA,EAAA,cAAA,CAAmF,CAAF,CAAA;IAGjF,QACIA,6BAAC,GAAG,EAAA,QAAA,CAAA,EACA,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACF,WAAA,EAAA,QAAQ,EAClB,YAAY,EAAC,MAAM,EACnB,KAAK,EAAC,YAAY,EAClB,UAAU,EAAC,OAAO,EAClB,OAAO,EAAC,MAAM,EACd,OAAO,EAAC,OAAO,EACf,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAEC,gBAAM,CAAC,cAAc,IAC5B,KAAK,CAAA;QAER,IAAI,GAAGD,cAAC,CAAA,aAAA,CAAA,gBAAgB,EAAE,IAAA,EAAA,IAAI,CAAoB,GAAG,IAAI;QAE1DA,cAAC,CAAA,aAAA,CAAA,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAC,OAAO,EAAA,EAC7B,WAAW,IACRA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAC,EAAA,KAAK,EAAC,OAAO,EAAA;AAChB,YAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAC,MAAM,EAAA;gBAAE,OAAO;AAAS,gBAAA,GAAA,CAAA;AACrC,YAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAE,IAAA,EAAA,WAAW,CAAQ,CACtB,KAERA,6BAAC,IAAI,EAAA,IAAA,EAAE,OAAO,CAAQ,CACzB,CACC;QAEL,MAAM,IACHA,6BAAC,gBAAgB,EAAA,IAAA,EACZ,cAAc,CAAC,MAAM,CAAC,IACnBA,cAAC,CAAA,aAAA,CAAA,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAC1D,EAAA,MAAM,CAAC,KAAK,CACR,KAET,MAAM,CACT,CACc,IACnB,IAAI;AAEP,QAAA,SAAS,IACNA,6BAAC,gBAAgB,EAAA,IAAA;AACb,YAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACP,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,SAAS,EACN,YAAA,EAAA,YAAY,EACxB,IAAI,EAAEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,CAAG,EACrB,CAAA,CACa,IACnB,IAAI,CACN,EACT;AACL,CAAC,EAAC;AAEF,SAAS,cAAc,CAAC,MAAkC,EAAA;IACtD,QACI,MAAM,IAAI,IAAI;QACd,OAAO,MAAM,KAAK,QAAQ;AAC1B,QAAA,OAAO,IAAI,MAAM;AACjB,QAAA,SAAS,IAAI,MAAM;AACnB,QAAA,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ;AAChC,QAAA,OAAO,MAAM,CAAC,OAAO,KAAK,UAAU,EACvC;AACL,CAAC;AAED,SAAS,gBAAgB,CAAC,EAA2C,EAAA;AAAzC,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA;AAChC,IAAA,QACIA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACA,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,OAAO,EAAC,SAAS,EACjB,OAAO,EAAC,SAAS,EACjB,SAAS,EAAEC,gBAAM,CAAC,IAAI,EAAA,EAErB,QAAQ,CACP,EACT;AACL;;;;"}
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 { useMemo, useLayoutEffect, useCallback } from 'react';
1
+ import { c } from 'react-compiler-runtime';
2
+ import { useLayoutEffect } from 'react';
2
3
 
3
- /**
4
- * Adapted with minor changes from https://github.com/seek-oss/braid-design-system/blob/7a5ebccb/packages/braid-design-system/lib/components/useToast/useFlipList.ts
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(_a) {
40
- var element = _a.element, transforms = _a.transforms, transition = _a.transition, done = _a.done;
41
- var fallbackTimeout = setTimeout(function () {
42
- done === null || done === void 0 ? void 0 : done();
43
- }, ANIMATION_TIMEOUT);
44
- transforms.forEach(function (_a) {
45
- var property = _a.property, _b = _a.from, from = _b === void 0 ? '' : _b;
46
- element.style.setProperty(property, from);
47
- });
48
- element.style.setProperty('transition', '');
49
- function transitionEndHandler(event) {
50
- if (event.target !== element) {
51
- return;
52
- }
53
- element.style.setProperty('transition', '');
54
- done === null || done === void 0 ? void 0 : done();
55
- element.removeEventListener('transitionend', transitionEndHandler);
56
- clearTimeout(fallbackTimeout);
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.addEventListener('transitionend', transitionEndHandler);
59
- // Call requestAnimationFrame twice to make sure we have a full animation frame at our disposal
60
- window.requestAnimationFrame(function () {
61
- window.requestAnimationFrame(function () {
62
- element.style.setProperty('transition', transition);
63
- transforms.forEach(function (_a) {
64
- var property = _a.property, _b = _a.to, to = _b === void 0 ? '' : _b;
65
- element.style.setProperty(property, to);
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
- var refs = useMemo(function () { return new Map(); }, []);
81
- var positions = useMemo(function () { return new Map(); }, []);
82
- useLayoutEffect(function () {
83
- var animations = [];
84
- Array.from(refs.entries()).forEach(function (_a) {
85
- var id = _a[0], element = _a[1];
86
- if (!element) {
87
- refs.delete(id);
88
- return;
89
- }
90
- var prevTop = positions.get(id);
91
- var _b = element.getBoundingClientRect(), top = _b.top, height = _b.height;
92
- if (typeof prevTop === 'number' && prevTop !== top) {
93
- // Move animation
94
- animations.push({
95
- element: element,
96
- transition: ENTRANCE_TRANSITION,
97
- transforms: [{ property: 'transform', from: "translateY(".concat(prevTop - top, "px)") }],
98
- });
99
- }
100
- else if (typeof prevTop !== 'number') {
101
- // Enter animation
102
- animations.push({
103
- element: element,
104
- transition: ENTRANCE_TRANSITION,
105
- transforms: [
106
- { property: 'transform', from: "translateY(".concat(height, "px)") },
107
- { property: 'opacity', from: '0' },
108
- ],
109
- });
110
- }
111
- positions.set(id, element.getBoundingClientRect().top);
112
- });
113
- animations.forEach(function (_a) {
114
- var element = _a.element, transforms = _a.transforms, transition = _a.transition;
115
- animate({ element: element, transforms: transforms, transition: transition });
116
- });
117
- });
118
- var animateRemove = useCallback(function animateRemove(id, onAnimationDone) {
119
- var element = refs.get(id);
120
- if (element) {
121
- // Removal animation
122
- animate({
123
- element: element,
124
- transforms: [{ property: 'opacity', to: '0' }],
125
- transition: EXIT_TRANSITION,
126
- done: onAnimationDone,
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
- }, [refs]);
130
- var mappedRef = useCallback(function (id) { return function (ref) {
131
- refs.set(id, ref);
132
- }; }, [refs]);
133
- return { mappedRef: mappedRef, animateRemove: animateRemove };
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 };