@doist/reactist 29.1.0 → 29.1.2

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 +14 -0
  2. package/dist/reactist.cjs.development.js +6749 -1829
  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 -16
  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 -14
  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 +10 -2
@@ -1 +1 @@
1
- {"version":3,"file":"text-field.js","sources":["../../src/text-field/text-field.tsx"],"sourcesContent":[null],"names":["React","__rest","useMergeRefs","BaseField","Box","styles","__assign"],"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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"}
@@ -2,12 +2,15 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib = require('tslib');
5
+ var _extends = require('@babel/runtime/helpers/extends');
6
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
6
7
  var React = require('react');
7
8
  var box = require('../box/box.js');
8
9
  var polymorphism = require('../utils/polymorphism.js');
9
10
  var textLink_module = require('./text-link.module.css.js');
10
11
 
12
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
+
11
14
  function _interopNamespace(e) {
12
15
  if (e && e.__esModule) return e;
13
16
  var n = Object.create(null);
@@ -26,16 +29,28 @@ function _interopNamespace(e) {
26
29
  return Object.freeze(n);
27
30
  }
28
31
 
32
+ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
33
+ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
29
34
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
30
35
 
31
- var TextLink = polymorphism.polymorphicComponent(function TextLink(_a, ref) {
32
- 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 = tslib.__rest(_a, ["as", "openInNewTab", "exceptionallySetClassName", "color", "underline"]);
33
- return (React__namespace.createElement(box.Box, tslib.__assign({}, props, { as: as, display: "inline", className: [
34
- exceptionallySetClassName,
35
- textLink_module["default"].container,
36
- textLink_module["default"][color],
37
- underline ? textLink_module["default"].underline : textLink_module["default"]['no-underline'],
38
- ], ref: ref, target: openInNewTab ? '_blank' : undefined, rel: openInNewTab ? 'noopener noreferrer' : undefined })));
36
+ const _excluded = ["as", "openInNewTab", "exceptionallySetClassName", "color", "underline"];
37
+ const TextLink = polymorphism.polymorphicComponent(function TextLink(_ref, ref) {
38
+ let {
39
+ as = 'a',
40
+ openInNewTab = false,
41
+ exceptionallySetClassName,
42
+ color = 'default',
43
+ underline = true
44
+ } = _ref,
45
+ props = _objectWithoutProperties__default["default"](_ref, _excluded);
46
+ return /*#__PURE__*/React__namespace.createElement(box.Box, _extends__default["default"]({}, props, {
47
+ as: as,
48
+ display: "inline",
49
+ className: [exceptionallySetClassName, textLink_module["default"].container, textLink_module["default"][color], underline ? textLink_module["default"].underline : textLink_module["default"]['no-underline']],
50
+ ref: ref,
51
+ target: openInNewTab ? '_blank' : undefined,
52
+ rel: openInNewTab ? 'noopener noreferrer' : undefined
53
+ }));
39
54
  });
40
55
 
41
56
  exports.TextLink = TextLink;
@@ -1 +1 @@
1
- {"version":3,"file":"text-link.js","sources":["../../src/text-link/text-link.tsx"],"sourcesContent":[null],"names":["polymorphicComponent","__rest","React","Box","__assign","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBM,IAAA,QAAQ,GAAGA,iCAAoB,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,GAAAC,YAAA,CAAA,EAAA,EANZ,yEAOC,CADW,CAAA;AAIZ,IAAA,QACIC,gBAAA,CAAA,aAAA,CAACC,OAAG,EAAAC,cAAA,CAAA,EAAA,EACI,KAAK,EACT,EAAA,EAAE,EAAE,EAAE,EACN,OAAO,EAAC,QAAQ,EAChB,SAAS,EAAE;YACP,yBAAyB;AACzB,YAAAC,0BAAM,CAAC,SAAS;YAChBA,0BAAM,CAAC,KAAK,CAAC;AACb,YAAA,SAAS,GAAGA,0BAAM,CAAC,SAAS,GAAGA,0BAAM,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,iCAAoB,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,4CAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA,CAAA;EAIZ,oBACIC,gBAAA,CAAAC,aAAA,CAACC,OAAG,EAAAC,4BAAA,KACIN,KAAK,EAAA;AACTL,IAAAA,EAAE,EAAEA,EAAG;AACPY,IAAAA,OAAO,EAAC,QAAQ;IAChBC,SAAS,EAAE,CACPX,yBAAyB,EACzBY,0BAAM,CAACC,SAAS,EAChBD,0BAAM,CAACX,KAAK,CAAC,EACbC,SAAS,GAAGU,0BAAM,CAACV,SAAS,GAAGU,0BAAM,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;;;;"}
@@ -2,7 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib = require('tslib');
5
+ var _extends = require('@babel/runtime/helpers/extends');
6
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
7
+ var reactCompilerRuntime = require('react-compiler-runtime');
6
8
  var React = require('react');
7
9
  var box = require('../box/box.js');
8
10
  var button = require('../button/button.js');
@@ -13,8 +15,11 @@ var toast_module = require('./toast.module.css.js');
13
15
 
14
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
17
 
18
+ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
19
+ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
16
20
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
21
 
22
+ const _excluded = ["message", "description", "icon", "action", "onDismiss", "dismissLabel"];
18
23
  /**
19
24
  * A toast that shows a message, and an optional action associated with it.
20
25
  *
@@ -29,30 +34,145 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
29
34
  *
30
35
  * @see useToasts
31
36
  */
32
- var StaticToast = React__default["default"].forwardRef(function Toast(_a, ref) {
33
- 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 = tslib.__rest(_a, ["message", "description", "icon", "action", "onDismiss", "dismissLabel"]);
34
- return (React__default["default"].createElement(box.Box, tslib.__assign({ ref: ref, role: "alert", "aria-live": "polite", borderRadius: "full", width: "fitContent", background: "toast", display: "flex", padding: "large", alignItems: "center", className: toast_module["default"].toastContainer }, props),
35
- icon ? React__default["default"].createElement(ToastContentSlot, null, icon) : null,
36
- React__default["default"].createElement(box.Box, { flexGrow: 1, maxWidth: "small" }, description ? (React__default["default"].createElement(stack.Stack, { space: "small" },
37
- React__default["default"].createElement(text.Text, { weight: "bold" },
38
- message,
39
- " "),
40
- React__default["default"].createElement(text.Text, null, description))) : (React__default["default"].createElement(text.Text, null, message))),
41
- action ? (React__default["default"].createElement(ToastContentSlot, null, isActionObject(action) ? (React__default["default"].createElement(button.Button, { variant: "tertiary", size: "small", onClick: action.onClick }, action.label)) : (action))) : null,
42
- onDismiss ? (React__default["default"].createElement(ToastContentSlot, null,
43
- React__default["default"].createElement(button.IconButton, { variant: "quaternary", size: "small", onClick: onDismiss, "aria-label": dismissLabel, icon: React__default["default"].createElement(closeIcon.CloseIcon, null) }))) : null));
37
+ const StaticToast = /*#__PURE__*/React__default["default"].forwardRef(function Toast(t0, ref) {
38
+ const $ = reactCompilerRuntime.c(25);
39
+ let action;
40
+ let description;
41
+ let icon;
42
+ let message;
43
+ let onDismiss;
44
+ let props;
45
+ let t1;
46
+ if ($[0] !== t0) {
47
+ var _t = t0;
48
+ ({
49
+ message,
50
+ description,
51
+ icon,
52
+ action,
53
+ onDismiss,
54
+ dismissLabel: t1
55
+ } = _t);
56
+ props = _objectWithoutProperties__default["default"](_t, _excluded);
57
+ $[0] = t0;
58
+ $[1] = action;
59
+ $[2] = description;
60
+ $[3] = icon;
61
+ $[4] = message;
62
+ $[5] = onDismiss;
63
+ $[6] = props;
64
+ $[7] = t1;
65
+ } else {
66
+ action = $[1];
67
+ description = $[2];
68
+ icon = $[3];
69
+ message = $[4];
70
+ onDismiss = $[5];
71
+ props = $[6];
72
+ t1 = $[7];
73
+ }
74
+ const dismissLabel = t1 === undefined ? "Close" : t1;
75
+ let t2;
76
+ if ($[8] !== icon) {
77
+ t2 = icon ? /*#__PURE__*/React__default["default"].createElement(ToastContentSlot, null, icon) : null;
78
+ $[8] = icon;
79
+ $[9] = t2;
80
+ } else {
81
+ t2 = $[9];
82
+ }
83
+ let t3;
84
+ if ($[10] !== description || $[11] !== message) {
85
+ t3 = /*#__PURE__*/React__default["default"].createElement(box.Box, {
86
+ flexGrow: 1,
87
+ maxWidth: "small"
88
+ }, description ? /*#__PURE__*/React__default["default"].createElement(stack.Stack, {
89
+ space: "small"
90
+ }, /*#__PURE__*/React__default["default"].createElement(text.Text, {
91
+ weight: "bold"
92
+ }, message, " "), /*#__PURE__*/React__default["default"].createElement(text.Text, null, description)) : /*#__PURE__*/React__default["default"].createElement(text.Text, null, message));
93
+ $[10] = description;
94
+ $[11] = message;
95
+ $[12] = t3;
96
+ } else {
97
+ t3 = $[12];
98
+ }
99
+ let t4;
100
+ if ($[13] !== action) {
101
+ t4 = action ? /*#__PURE__*/React__default["default"].createElement(ToastContentSlot, null, isActionObject(action) ? /*#__PURE__*/React__default["default"].createElement(button.Button, {
102
+ variant: "tertiary",
103
+ size: "small",
104
+ onClick: action.onClick
105
+ }, action.label) : action) : null;
106
+ $[13] = action;
107
+ $[14] = t4;
108
+ } else {
109
+ t4 = $[14];
110
+ }
111
+ let t5;
112
+ if ($[15] !== dismissLabel || $[16] !== onDismiss) {
113
+ t5 = onDismiss ? /*#__PURE__*/React__default["default"].createElement(ToastContentSlot, null, /*#__PURE__*/React__default["default"].createElement(button.IconButton, {
114
+ variant: "quaternary",
115
+ size: "small",
116
+ onClick: onDismiss,
117
+ "aria-label": dismissLabel,
118
+ icon: /*#__PURE__*/React__default["default"].createElement(closeIcon.CloseIcon, null)
119
+ })) : null;
120
+ $[15] = dismissLabel;
121
+ $[16] = onDismiss;
122
+ $[17] = t5;
123
+ } else {
124
+ t5 = $[17];
125
+ }
126
+ let t6;
127
+ if ($[18] !== props || $[19] !== ref || $[20] !== t2 || $[21] !== t3 || $[22] !== t4 || $[23] !== t5) {
128
+ t6 = /*#__PURE__*/React__default["default"].createElement(box.Box, _extends__default["default"]({
129
+ ref: ref,
130
+ role: "alert",
131
+ "aria-live": "polite",
132
+ borderRadius: "full",
133
+ width: "fitContent",
134
+ background: "toast",
135
+ display: "flex",
136
+ padding: "large",
137
+ alignItems: "center",
138
+ className: toast_module["default"].toastContainer
139
+ }, props), t2, t3, t4, t5);
140
+ $[18] = props;
141
+ $[19] = ref;
142
+ $[20] = t2;
143
+ $[21] = t3;
144
+ $[22] = t4;
145
+ $[23] = t5;
146
+ $[24] = t6;
147
+ } else {
148
+ t6 = $[24];
149
+ }
150
+ return t6;
44
151
  });
45
152
  function isActionObject(action) {
46
- return (action != null &&
47
- typeof action === 'object' &&
48
- 'label' in action &&
49
- 'onClick' in action &&
50
- typeof action.label === 'string' &&
51
- typeof action.onClick === 'function');
153
+ return action != null && typeof action === 'object' && 'label' in action && 'onClick' in action && typeof action.label === 'string' && typeof action.onClick === 'function';
52
154
  }
53
- function ToastContentSlot(_a) {
54
- var children = _a.children;
55
- return (React__default["default"].createElement(box.Box, { display: "flex", alignItems: "center", justifyContent: "center", marginX: "-xsmall", marginY: "-medium", className: toast_module["default"].slot }, children));
155
+ function ToastContentSlot(t0) {
156
+ const $ = reactCompilerRuntime.c(2);
157
+ const {
158
+ children
159
+ } = t0;
160
+ let t1;
161
+ if ($[0] !== children) {
162
+ t1 = /*#__PURE__*/React__default["default"].createElement(box.Box, {
163
+ display: "flex",
164
+ alignItems: "center",
165
+ justifyContent: "center",
166
+ marginX: "-xsmall",
167
+ marginY: "-medium",
168
+ className: toast_module["default"].slot
169
+ }, children);
170
+ $[0] = children;
171
+ $[1] = t1;
172
+ } else {
173
+ t1 = $[1];
174
+ }
175
+ return t1;
56
176
  }
57
177
 
58
178
  exports.StaticToast = StaticToast;
@@ -1 +1 @@
1
- {"version":3,"file":"static-toast.js","sources":["../../src/toast/static-toast.tsx"],"sourcesContent":[null],"names":["React","__rest","Box","__assign","styles","Stack","Text","Button","IconButton","CloseIcon"],"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":";;;;;;;;;;;;;;;;;;;;;;AA6DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACMA,MAAAA,WAAW,gBAAGC,yBAAK,CAACC,UAAU,CAAmC,SAAAC,KAAAA,CAAAC,EAAA,EAAAC,GAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,sBAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,MAAA,CAAA;AAAA,EAAA,IAAAC,WAAA,CAAA;AAAA,EAAA,IAAAC,IAAA,CAAA;AAAA,EAAA,IAAAC,OAAA,CAAA;AAAA,EAAA,IAAAC,SAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;EAAA,IAAAR,CAAA,QAAAF,EAAA,EAAA;IAAA,IAAAW,EAAA,GACnEX,EAAmF,CAAA;AAAA,IAAA,CAAA;MAAAO,OAAA;MAAAF,WAAA;MAAAC,IAAA;MAAAF,MAAA;MAAAI,SAAA;AAAAI,MAAAA,YAAA,EAAAF,EAAAA;AAAA,KAAA,GAAAC,EAAA,EAAA;AAAAF,IAAAA,KAAA,GAAAI,4CAAA,CAAAF,EAAA,EAAAG,SAAA,CAAA,CAAA;AAAAZ,IAAAA,CAAA,MAAAF,EAAA,CAAA;AAAAE,IAAAA,CAAA,MAAAE,MAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAG,WAAA,CAAA;AAAAH,IAAAA,CAAA,MAAAI,IAAA,CAAA;AAAAJ,IAAAA,CAAA,MAAAK,OAAA,CAAA;AAAAL,IAAAA,CAAA,MAAAM,SAAA,CAAA;AAAAN,IAAAA,CAAA,MAAAO,KAAA,CAAA;AAAAP,IAAAA,CAAA,MAAAQ,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAN,IAAAA,MAAA,GAAAF,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAG,IAAAA,WAAA,GAAAH,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,IAAA,GAAAJ,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAK,IAAAA,OAAA,GAAAL,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAM,IAAAA,SAAA,GAAAN,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAO,IAAAA,KAAA,GAAAP,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAQ,IAAAA,EAAA,GAAAR,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;EAAlC,MAAAU,YAAA,GAAAF,EAAsB,KAAtBK,SAAsB,GAAtB,OAAsB,GAAtBL,EAAsB,CAAA;AAAA,EAAA,IAAAM,EAAA,CAAA;EAAA,IAAAd,CAAA,QAAAI,IAAA,EAAA;AAiB9DU,IAAAA,EAAA,GAAAV,IAAI,gBAAJT,yBAAA,CAAAoB,aAAA,CAAQC,gBAAgB,EAAEZ,IAAAA,EAAAA,IAA8B,CAAC,GAAzD,IAAyD,CAAA;AAAAJ,IAAAA,CAAA,MAAAI,IAAA,CAAA;AAAAJ,IAAAA,CAAA,MAAAc,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAd,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAiB,EAAA,CAAA;AAAA,EAAA,IAAAjB,CAAA,CAAAG,EAAAA,CAAAA,KAAAA,WAAA,IAAAH,CAAA,SAAAK,OAAA,EAAA;AAE1DY,IAAAA,EAAA,gBAAAtB,yBAAA,CAAAoB,aAAA,CAACG,OAAG,EAAA;AAAWC,MAAAA,QAAC,EAAD,CAAC;AAAWC,MAAAA,QAAO,EAAP,OAAA;AAAO,KAAA,EAC7BjB,WAAW,gBAAXR,yBAAA,CAAAoB,aAAA,CACIM,WAAK,EAAA;AAAOC,MAAAA,KAAO,EAAP,OAAA;AAAO,KAAA,eAChB3B,yBAAA,CAAAoB,aAAA,CAACQ,SAAI,EAAA;AAAQC,MAAAA,MAAM,EAAN,MAAA;KAAQnB,EAAAA,OAAO,EAAC,GAAO,CAAC,eACrCV,yBAAA,CAAAoB,aAAA,CAACQ,SAAI,EAAA,IAAA,EAAEpB,WAAkB,CAIjC,CAAC,gBAPAR,yBAAA,CAAAoB,aAAA,CAMIQ,SAAI,EAAA,IAAA,EAAElB,OACX,CACC,CAAC,CAAA;AAAAL,IAAAA,CAAA,OAAAG,WAAA,CAAA;AAAAH,IAAAA,CAAA,OAAAK,OAAA,CAAA;AAAAL,IAAAA,CAAA,OAAAiB,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAjB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAyB,EAAA,CAAA;EAAA,IAAAzB,CAAA,SAAAE,MAAA,EAAA;AAELuB,IAAAA,EAAA,GAAAvB,MAAM,gBAANP,yBAAA,CAAAoB,aAAA,CACIC,gBAAgB,EAAA,IAAA,EACZU,cAAc,CAACxB,MAMhB,CAAC,gBANAP,yBAAA,CAAAoB,aAAA,CACIY,aAAM,EAAA;AAASC,MAAAA,OAAU,EAAV,UAAU;AAAMC,MAAAA,IAAO,EAAP,OAAO;MAAUC,OAAc,EAAd5B,MAAM,CAAA4B,OAAAA;KAClD5B,EAAAA,MAAM,CAAA6B,KAIf,CAAC,GANA7B,MAQF,CAAC,GAVP,IAUO,CAAA;AAAAF,IAAAA,CAAA,OAAAE,MAAA,CAAA;AAAAF,IAAAA,CAAA,OAAAyB,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAzB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAgC,EAAA,CAAA;AAAA,EAAA,IAAAhC,CAAA,CAAAU,EAAAA,CAAAA,KAAAA,YAAA,IAAAV,CAAA,SAAAM,SAAA,EAAA;AAEP0B,IAAAA,EAAA,GAAA1B,SAAS,gBAATX,yBAAA,CAAAoB,aAAA,CACIC,gBAAgB,EACbrB,IAAAA,eAAAA,yBAAA,CAAAoB,aAAA,CAACkB,iBAAU,EAAA;AACCL,MAAAA,OAAY,EAAZ,YAAY;AACfC,MAAAA,IAAO,EAAP,OAAO;AACHvB,MAAAA,OAAS,EAATA,SAAS;AACNI,MAAAA,YAAAA,EAAAA,YAAY;AAClBN,MAAAA,IAAa,eAAbT,yBAAA,CAAAoB,aAAA,CAACmB,mBAAS,EAAE,IAAA,CAAA;KACrB,CAEF,CAAC,GAVP,IAUO,CAAA;AAAAlC,IAAAA,CAAA,OAAAU,YAAA,CAAA;AAAAV,IAAAA,CAAA,OAAAM,SAAA,CAAA;AAAAN,IAAAA,CAAA,OAAAgC,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAhC,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAmC,EAAA,CAAA;EAAA,IAAAnC,CAAA,SAAAO,KAAA,IAAAP,CAAA,CAAAD,EAAAA,CAAAA,KAAAA,GAAA,IAAAC,CAAA,CAAAc,EAAAA,CAAAA,KAAAA,EAAA,IAAAd,CAAA,CAAA,EAAA,CAAA,KAAAiB,EAAA,IAAAjB,CAAA,SAAAyB,EAAA,IAAAzB,CAAA,CAAA,EAAA,CAAA,KAAAgC,EAAA,EAAA;AAhDZG,IAAAA,EAAA,gBAAAxC,yBAAA,CAAAoB,aAAA,CAACG,OAAG,EAAAkB,4BAAA,CAAA;AACKrC,MAAAA,GAAG,EAAHA,GAAG;AACHsC,MAAAA,IAAO,EAAP,OAAO;MACF,WAAQ,EAAA,QAAA;AACLC,MAAAA,YAAM,EAAN,MAAM;AACbC,MAAAA,KAAY,EAAZ,YAAY;AACPC,MAAAA,UAAO,EAAP,OAAO;AACVC,MAAAA,OAAM,EAAN,MAAM;AACNC,MAAAA,OAAO,EAAP,OAAO;AACJC,MAAAA,UAAQ,EAAR,QAAQ;MACRC,SAAqB,EAArBC,uBAAM,CAAAC,cAAAA;KACbvC,EAAAA,KAAK,GAERO,EAAyD,EAE1DG,EASM,EAELQ,EAUO,EAEPO,EAWA,CAAC,CAAA;AAAAhC,IAAAA,CAAA,OAAAO,KAAA,CAAA;AAAAP,IAAAA,CAAA,OAAAD,GAAA,CAAA;AAAAC,IAAAA,CAAA,OAAAc,EAAA,CAAA;AAAAd,IAAAA,CAAA,OAAAiB,EAAA,CAAA;AAAAjB,IAAAA,CAAA,OAAAyB,EAAA,CAAA;AAAAzB,IAAAA,CAAA,OAAAgC,EAAA,CAAA;AAAAhC,IAAAA,CAAA,OAAAmC,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAnC,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAjDNmC,EAiDM,CAAA;AAAA,CAEb,EAAC;AAEF,SAAST,cAAcA,CAACxB,MAAkC,EAA+B;AACrF,EAAA,OACIA,MAAM,IAAI,IAAI,IACd,OAAOA,MAAM,KAAK,QAAQ,IAC1B,OAAO,IAAIA,MAAM,IACjB,SAAS,IAAIA,MAAM,IACnB,OAAOA,MAAM,CAAC6B,KAAK,KAAK,QAAQ,IAChC,OAAO7B,MAAM,CAAC4B,OAAO,KAAK,UAAU,CAAA;AAE5C,CAAA;AAEA,SAAAd,iBAAAlB,EAAA,EAAA;EAAA,MAAAE,CAAA,GAAAC,sBAAA,CAAA,CAAA,CAAA,CAAA;AAA0B,EAAA,MAAA;AAAA8C,IAAAA,QAAAA;AAAA,GAAA,GAAAjD,EAA2C,CAAA;AAAA,EAAA,IAAAU,EAAA,CAAA;EAAA,IAAAR,CAAA,QAAA+C,QAAA,EAAA;AAE7DvC,IAAAA,EAAA,gBAAAb,yBAAA,CAAAoB,aAAA,CAACG,OAAG,EAAA;AACQuB,MAAAA,OAAM,EAAN,MAAM;AACHE,MAAAA,UAAQ,EAAR,QAAQ;AACJK,MAAAA,cAAQ,EAAR,QAAQ;AACfC,MAAAA,OAAS,EAAT,SAAS;AACTC,MAAAA,OAAS,EAAT,SAAS;MACNN,SAAW,EAAXC,uBAAM,CAAAM,IAAAA;AAAK,KAAA,EAErBJ,QACA,CAAC,CAAA;AAAA/C,IAAAA,CAAA,MAAA+C,QAAA,CAAA;AAAA/C,IAAAA,CAAA,MAAAQ,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAR,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OATNQ,EASM,CAAA;AAAA;;;;;"}
@@ -2,36 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var reactCompilerRuntime = require('react-compiler-runtime');
5
6
  var React = require('react');
6
7
 
7
- /**
8
- * Adapted with minor changes from https://github.com/seek-oss/braid-design-system/blob/7a5ebccb/packages/braid-design-system/lib/components/useToast/useFlipList.ts
9
- *
10
- * MIT License
11
- *
12
- * Copyright (c) 2018 SEEK
13
- *
14
- * Permission is hereby granted, free of charge, to any person obtaining a copy
15
- * of this software and associated documentation files (the "Software"), to deal
16
- * in the Software without restriction, including without limitation the rights
17
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
18
- * copies of the Software, and to permit persons to whom the Software is
19
- * furnished to do so, subject to the following conditions:
20
- *
21
- * The above copyright notice and this permission notice shall be included in all
22
- * copies or substantial portions of the Software.
23
- *
24
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
25
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
26
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
27
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
28
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
29
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
30
- * SOFTWARE.
31
- */
32
- var ANIMATION_TIMEOUT = 400;
33
- var ENTRANCE_TRANSITION = 'transform 0.3s ease, opacity 0.3s ease';
34
- var EXIT_TRANSITION = 'opacity 0.2s ease';
8
+ const ANIMATION_TIMEOUT = 400;
9
+ const ENTRANCE_TRANSITION = 'transform 0.3s ease, opacity 0.3s ease';
10
+ const EXIT_TRANSITION = 'opacity 0.2s ease';
35
11
  /**
36
12
  * Applies the "from" value of given CSS properties, and also sets a transition CSS property. Then
37
13
  * it waits an animation frame before setting the same CSS properties to the target "to" value. This
@@ -40,36 +16,45 @@ var EXIT_TRANSITION = 'opacity 0.2s ease';
40
16
  * At the end of the animation, it cleans up, unsetting all the CSS properties (including the
41
17
  * transition), and calls the "done" callback, if given.
42
18
  */
43
- function animate(_a) {
44
- var element = _a.element, transforms = _a.transforms, transition = _a.transition, done = _a.done;
45
- var fallbackTimeout = setTimeout(function () {
46
- done === null || done === void 0 ? void 0 : done();
47
- }, ANIMATION_TIMEOUT);
48
- transforms.forEach(function (_a) {
49
- var property = _a.property, _b = _a.from, from = _b === void 0 ? '' : _b;
50
- element.style.setProperty(property, from);
51
- });
52
- element.style.setProperty('transition', '');
53
- function transitionEndHandler(event) {
54
- if (event.target !== element) {
55
- return;
56
- }
57
- element.style.setProperty('transition', '');
58
- done === null || done === void 0 ? void 0 : done();
59
- element.removeEventListener('transitionend', transitionEndHandler);
60
- clearTimeout(fallbackTimeout);
19
+ function animate({
20
+ element,
21
+ transforms,
22
+ transition,
23
+ done
24
+ }) {
25
+ const fallbackTimeout = setTimeout(() => {
26
+ done?.();
27
+ }, ANIMATION_TIMEOUT);
28
+ transforms.forEach(({
29
+ property,
30
+ from = ''
31
+ }) => {
32
+ element.style.setProperty(property, from);
33
+ });
34
+ element.style.setProperty('transition', '');
35
+ function transitionEndHandler(event) {
36
+ if (event.target !== element) {
37
+ return;
61
38
  }
62
- element.addEventListener('transitionend', transitionEndHandler);
63
- // Call requestAnimationFrame twice to make sure we have a full animation frame at our disposal
64
- window.requestAnimationFrame(function () {
65
- window.requestAnimationFrame(function () {
66
- element.style.setProperty('transition', transition);
67
- transforms.forEach(function (_a) {
68
- var property = _a.property, _b = _a.to, to = _b === void 0 ? '' : _b;
69
- element.style.setProperty(property, to);
70
- });
71
- });
39
+ element.style.setProperty('transition', '');
40
+ done?.();
41
+ element.removeEventListener('transitionend', transitionEndHandler);
42
+ clearTimeout(fallbackTimeout);
43
+ }
44
+ element.addEventListener('transitionend', transitionEndHandler);
45
+
46
+ // Call requestAnimationFrame twice to make sure we have a full animation frame at our disposal
47
+ window.requestAnimationFrame(() => {
48
+ window.requestAnimationFrame(() => {
49
+ element.style.setProperty('transition', transition);
50
+ transforms.forEach(({
51
+ property,
52
+ to = ''
53
+ }) => {
54
+ element.style.setProperty(property, to);
55
+ });
72
56
  });
57
+ });
73
58
  }
74
59
  /**
75
60
  * Provides the functionality of animating the stacked toasts when they appear and before they
@@ -81,60 +66,125 @@ function animate(_a) {
81
66
  * animations that smoothly transitions between both states.
82
67
  */
83
68
  function useToastsAnimation() {
84
- var refs = React.useMemo(function () { return new Map(); }, []);
85
- var positions = React.useMemo(function () { return new Map(); }, []);
86
- React.useLayoutEffect(function () {
87
- var animations = [];
88
- Array.from(refs.entries()).forEach(function (_a) {
89
- var id = _a[0], element = _a[1];
90
- if (!element) {
91
- refs.delete(id);
92
- return;
93
- }
94
- var prevTop = positions.get(id);
95
- var _b = element.getBoundingClientRect(), top = _b.top, height = _b.height;
96
- if (typeof prevTop === 'number' && prevTop !== top) {
97
- // Move animation
98
- animations.push({
99
- element: element,
100
- transition: ENTRANCE_TRANSITION,
101
- transforms: [{ property: 'transform', from: "translateY(".concat(prevTop - top, "px)") }],
102
- });
103
- }
104
- else if (typeof prevTop !== 'number') {
105
- // Enter animation
106
- animations.push({
107
- element: element,
108
- transition: ENTRANCE_TRANSITION,
109
- transforms: [
110
- { property: 'transform', from: "translateY(".concat(height, "px)") },
111
- { property: 'opacity', from: '0' },
112
- ],
113
- });
114
- }
115
- positions.set(id, element.getBoundingClientRect().top);
116
- });
117
- animations.forEach(function (_a) {
118
- var element = _a.element, transforms = _a.transforms, transition = _a.transition;
119
- animate({ element: element, transforms: transforms, transition: transition });
120
- });
121
- });
122
- var animateRemove = React.useCallback(function animateRemove(id, onAnimationDone) {
123
- var element = refs.get(id);
124
- if (element) {
125
- // Removal animation
126
- animate({
127
- element: element,
128
- transforms: [{ property: 'opacity', to: '0' }],
129
- transition: EXIT_TRANSITION,
130
- done: onAnimationDone,
69
+ const $ = reactCompilerRuntime.c(6);
70
+ let t0;
71
+ if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
72
+ t0 = new Map();
73
+ $[0] = t0;
74
+ } else {
75
+ t0 = $[0];
76
+ }
77
+ const refs = t0;
78
+ let t1;
79
+ if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
80
+ t1 = new Map();
81
+ $[1] = t1;
82
+ } else {
83
+ t1 = $[1];
84
+ }
85
+ const positions = t1;
86
+ let t2;
87
+ if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
88
+ t2 = () => {
89
+ const animations = [];
90
+ Array.from(refs.entries()).forEach(t3 => {
91
+ const [id, element] = t3;
92
+ if (!element) {
93
+ refs.delete(id);
94
+ return;
95
+ }
96
+ const prevTop = positions.get(id);
97
+ const {
98
+ top,
99
+ height
100
+ } = element.getBoundingClientRect();
101
+ if (typeof prevTop === "number" && prevTop !== top) {
102
+ animations.push({
103
+ element,
104
+ transition: ENTRANCE_TRANSITION,
105
+ transforms: [{
106
+ property: "transform",
107
+ from: `translateY(${prevTop - top}px)`
108
+ }]
109
+ });
110
+ } else {
111
+ if (typeof prevTop !== "number") {
112
+ animations.push({
113
+ element,
114
+ transition: ENTRANCE_TRANSITION,
115
+ transforms: [{
116
+ property: "transform",
117
+ from: `translateY(${height}px)`
118
+ }, {
119
+ property: "opacity",
120
+ from: "0"
121
+ }]
131
122
  });
123
+ }
132
124
  }
133
- }, [refs]);
134
- var mappedRef = React.useCallback(function (id) { return function (ref) {
135
- refs.set(id, ref);
136
- }; }, [refs]);
137
- return { mappedRef: mappedRef, animateRemove: animateRemove };
125
+ positions.set(id, element.getBoundingClientRect().top);
126
+ });
127
+ animations.forEach(_temp);
128
+ };
129
+ $[2] = t2;
130
+ } else {
131
+ t2 = $[2];
132
+ }
133
+ React.useLayoutEffect(t2);
134
+ let t3;
135
+ if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
136
+ t3 = function animateRemove(id_0, onAnimationDone) {
137
+ const element_1 = refs.get(id_0);
138
+ if (element_1) {
139
+ animate({
140
+ element: element_1,
141
+ transforms: [{
142
+ property: "opacity",
143
+ to: "0"
144
+ }],
145
+ transition: EXIT_TRANSITION,
146
+ done: onAnimationDone
147
+ });
148
+ }
149
+ };
150
+ $[3] = t3;
151
+ } else {
152
+ t3 = $[3];
153
+ }
154
+ const animateRemove = t3;
155
+ let t4;
156
+ if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
157
+ t4 = id_1 => ref => {
158
+ refs.set(id_1, ref);
159
+ };
160
+ $[4] = t4;
161
+ } else {
162
+ t4 = $[4];
163
+ }
164
+ const mappedRef = t4;
165
+ let t5;
166
+ if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
167
+ t5 = {
168
+ mappedRef,
169
+ animateRemove
170
+ };
171
+ $[5] = t5;
172
+ } else {
173
+ t5 = $[5];
174
+ }
175
+ return t5;
176
+ }
177
+ function _temp(t0) {
178
+ const {
179
+ element: element_0,
180
+ transforms,
181
+ transition
182
+ } = t0;
183
+ animate({
184
+ element: element_0,
185
+ transforms,
186
+ transition
187
+ });
138
188
  }
139
189
 
140
190
  exports.ANIMATION_TIMEOUT = ANIMATION_TIMEOUT;