@doist/reactist 28.7.2 → 28.7.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1457 -0
- package/CODE_OF_CONDUCT.md +83 -0
- package/CONTRIBUTING.md +46 -0
- package/dist/reactist.cjs.development.js +2091 -3811
- package/dist/reactist.cjs.development.js.map +1 -1
- package/dist/reactist.cjs.production.min.js +1 -1
- package/dist/reactist.cjs.production.min.js.map +1 -1
- package/es/avatar/avatar.js +35 -30
- package/es/avatar/avatar.js.map +1 -1
- package/es/avatar/utils.js +19 -22
- package/es/avatar/utils.js.map +1 -1
- package/es/badge/badge.js +5 -16
- package/es/badge/badge.js.map +1 -1
- package/es/banner/banner.js +39 -115
- package/es/banner/banner.js.map +1 -1
- package/es/banner/banner.module.css.js +1 -1
- package/es/base-field/base-field.js +80 -162
- package/es/base-field/base-field.js.map +1 -1
- package/es/base-field/base-field.module.css.js +1 -1
- package/es/box/box.js +61 -137
- package/es/box/box.js.map +1 -1
- package/es/button/button.js +42 -95
- package/es/button/button.js.map +1 -1
- package/es/checkbox-field/checkbox-field.js +46 -73
- package/es/checkbox-field/checkbox-field.js.map +1 -1
- package/es/checkbox-field/checkbox-field.module.css.js +1 -1
- package/es/checkbox-field/checkbox-icon.js +28 -55
- package/es/checkbox-field/checkbox-icon.js.map +1 -1
- package/es/checkbox-field/use-fork-ref.js +29 -25
- package/es/checkbox-field/use-fork-ref.js.map +1 -1
- package/es/columns/columns.js +22 -46
- package/es/columns/columns.js.map +1 -1
- package/es/columns/columns.module.css.js +1 -1
- package/es/components/color-picker/color-picker.js +45 -66
- package/es/components/color-picker/color-picker.js.map +1 -1
- package/es/components/deprecated-button/deprecated-button.js +11 -34
- package/es/components/deprecated-button/deprecated-button.js.map +1 -1
- package/es/components/deprecated-dropdown/dropdown.js +136 -197
- package/es/components/deprecated-dropdown/dropdown.js.map +1 -1
- package/es/components/deprecated-input/input.js +6 -10
- package/es/components/deprecated-input/input.js.map +1 -1
- package/es/components/deprecated-select/select.js +7 -31
- package/es/components/deprecated-select/select.js.map +1 -1
- package/es/components/key-capturer/key-capturer.js +130 -171
- package/es/components/key-capturer/key-capturer.js.map +1 -1
- package/es/components/keyboard-shortcut/keyboard-shortcut.js +48 -79
- package/es/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/es/components/progress-bar/progress-bar.js +8 -20
- package/es/components/progress-bar/progress-bar.js.map +1 -1
- package/es/components/time/time-utils.js +52 -64
- package/es/components/time/time-utils.js.map +1 -1
- package/es/components/time/time.js +90 -114
- package/es/components/time/time.js.map +1 -1
- package/es/divider/divider.js +4 -13
- package/es/divider/divider.js.map +1 -1
- package/es/heading/heading.js +19 -28
- package/es/heading/heading.js.map +1 -1
- package/es/hidden/hidden.js +36 -45
- package/es/hidden/hidden.js.map +1 -1
- package/es/hidden-visually/hidden-visually.js +7 -13
- package/es/hidden-visually/hidden-visually.js.map +1 -1
- package/es/icons/alert-icon.js +18 -64
- package/es/icons/alert-icon.js.map +1 -1
- package/es/icons/banner-icon.js +25 -97
- package/es/icons/banner-icon.js.map +1 -1
- package/es/icons/close-icon.js +3 -9
- package/es/icons/close-icon.js.map +1 -1
- package/es/icons/password-hidden-icon.js +6 -23
- package/es/icons/password-hidden-icon.js.map +1 -1
- package/es/icons/password-visible-icon.js +5 -16
- package/es/icons/password-visible-icon.js.map +1 -1
- package/es/inline/inline.js +8 -23
- package/es/inline/inline.js.map +1 -1
- package/es/loading/loading.js +17 -28
- package/es/loading/loading.js.map +1 -1
- package/es/menu/menu.js +127 -260
- package/es/menu/menu.js.map +1 -1
- package/es/modal/modal.js +143 -272
- package/es/modal/modal.js.map +1 -1
- package/es/modal/modal.module.css.js +1 -1
- package/es/notice/notice.js +8 -21
- package/es/notice/notice.js.map +1 -1
- package/es/notice/notice.module.css.js +1 -1
- package/es/password-field/password-field.js +10 -24
- package/es/password-field/password-field.js.map +1 -1
- package/es/prose/prose.js +10 -15
- package/es/prose/prose.js.map +1 -1
- package/es/select-field/select-field.js +14 -51
- package/es/select-field/select-field.js.map +1 -1
- package/es/spinner/spinner.js +6 -20
- package/es/spinner/spinner.js.map +1 -1
- package/es/stack/stack.js +15 -27
- package/es/stack/stack.js.map +1 -1
- package/es/switch-field/switch-field.js +38 -73
- package/es/switch-field/switch-field.js.map +1 -1
- package/es/switch-field/switch-field.module.css.js +1 -1
- package/es/tabs/tabs.js +120 -207
- package/es/tabs/tabs.js.map +1 -1
- package/es/text/text.js +16 -25
- package/es/text/text.js.map +1 -1
- package/es/text-area/text-area.js +54 -111
- package/es/text-area/text-area.js.map +1 -1
- package/es/text-field/text-field.js +30 -84
- package/es/text-field/text-field.js.map +1 -1
- package/es/text-link/text-link.js +9 -20
- package/es/text-link/text-link.js.map +1 -1
- package/es/text-link/text-link.module.css.js +1 -1
- package/es/toast/static-toast.js +35 -70
- package/es/toast/static-toast.js.map +1 -1
- package/es/toast/toast-animation.js +121 -159
- package/es/toast/toast-animation.js.map +1 -1
- package/es/toast/use-toasts.js +134 -197
- package/es/toast/use-toasts.js.map +1 -1
- package/es/tooltip/tooltip.js +31 -69
- package/es/tooltip/tooltip.js.map +1 -1
- package/es/utils/common-helpers.js +9 -13
- package/es/utils/common-helpers.js.map +1 -1
- package/es/utils/polymorphism.js +7 -8
- package/es/utils/polymorphism.js.map +1 -1
- package/es/utils/responsive-props.js +57 -66
- package/es/utils/responsive-props.js.map +1 -1
- package/lib/avatar/avatar.d.ts +21 -21
- package/lib/avatar/avatar.js +69 -1
- package/lib/avatar/avatar.js.map +1 -1
- package/lib/avatar/avatar.module.css.js +7 -1
- package/lib/avatar/avatar.module.css.js.map +1 -1
- package/lib/avatar/index.d.ts +1 -1
- package/lib/avatar/utils.d.ts +3 -3
- package/lib/avatar/utils.js +30 -1
- package/lib/avatar/utils.js.map +1 -1
- package/lib/badge/badge.d.ts +15 -15
- package/lib/badge/badge.js +36 -1
- package/lib/badge/badge.js.map +1 -1
- package/lib/badge/badge.module.css.js +7 -1
- package/lib/badge/badge.module.css.js.map +1 -1
- package/lib/badge/index.d.ts +1 -1
- package/lib/banner/banner.d.ts +87 -87
- package/lib/banner/banner.js +79 -1
- package/lib/banner/banner.js.map +1 -1
- package/lib/banner/banner.module.css.js +7 -1
- package/lib/banner/banner.module.css.js.map +1 -1
- package/lib/banner/index.d.ts +2 -2
- package/lib/banner/story-promo-image.d.ts +4 -4
- package/lib/base-field/base-field.d.ts +139 -139
- package/lib/base-field/base-field.js +127 -1
- package/lib/base-field/base-field.js.map +1 -1
- package/lib/base-field/base-field.module.css.js +7 -1
- package/lib/base-field/base-field.module.css.js.map +1 -1
- package/lib/base-field/index.d.ts +1 -1
- package/lib/box/box.d.ts +73 -73
- package/lib/box/box.js +103 -1
- package/lib/box/box.js.map +1 -1
- package/lib/box/box.module.css.js +7 -1
- package/lib/box/box.module.css.js.map +1 -1
- package/lib/box/gap.module.css.js +7 -1
- package/lib/box/gap.module.css.js.map +1 -1
- package/lib/box/index.d.ts +1 -1
- package/lib/box/margin.module.css.js +7 -1
- package/lib/box/margin.module.css.js.map +1 -1
- package/lib/box/padding.module.css.js +7 -1
- package/lib/box/padding.module.css.js.map +1 -1
- package/lib/box/width.module.css.js +7 -1
- package/lib/box/width.module.css.js.map +1 -1
- package/lib/button/button.d.ts +127 -127
- package/lib/button/button.js +86 -1
- package/lib/button/button.js.map +1 -1
- package/lib/button/button.module.css.js +7 -1
- package/lib/button/button.module.css.js.map +1 -1
- package/lib/button/index.d.ts +1 -1
- package/lib/checkbox-field/checkbox-field.d.ts +40 -40
- package/lib/checkbox-field/checkbox-field.js +82 -1
- package/lib/checkbox-field/checkbox-field.js.map +1 -1
- package/lib/checkbox-field/checkbox-field.module.css.js +7 -1
- package/lib/checkbox-field/checkbox-field.module.css.js.map +1 -1
- package/lib/checkbox-field/checkbox-icon.d.ts +8 -8
- package/lib/checkbox-field/checkbox-icon.js +59 -1
- package/lib/checkbox-field/checkbox-icon.js.map +1 -1
- package/lib/checkbox-field/index.d.ts +1 -1
- package/lib/checkbox-field/use-fork-ref.d.ts +11 -11
- package/lib/checkbox-field/use-fork-ref.js +42 -1
- package/lib/checkbox-field/use-fork-ref.js.map +1 -1
- package/lib/columns/columns.d.ts +20 -20
- package/lib/columns/columns.js +57 -1
- package/lib/columns/columns.js.map +1 -1
- package/lib/columns/columns.module.css.js +7 -1
- package/lib/columns/columns.module.css.js.map +1 -1
- package/lib/columns/index.d.ts +1 -1
- package/lib/components/color-picker/color-picker.d.ts +29 -29
- package/lib/components/color-picker/color-picker.js +86 -1
- package/lib/components/color-picker/color-picker.js.map +1 -1
- package/lib/components/color-picker/index.d.ts +3 -3
- package/lib/components/color-picker/index.js +11 -1
- package/lib/components/color-picker/index.js.map +1 -1
- package/lib/components/deprecated-button/deprecated-button.d.ts +54 -54
- package/lib/components/deprecated-button/deprecated-button.js +49 -1
- package/lib/components/deprecated-button/deprecated-button.js.map +1 -1
- package/lib/components/deprecated-button/index.d.ts +4 -4
- package/lib/components/deprecated-button/index.js +9 -1
- package/lib/components/deprecated-button/index.js.map +1 -1
- package/lib/components/deprecated-dropdown/dropdown.d.ts +55 -55
- package/lib/components/deprecated-dropdown/dropdown.js +182 -1
- package/lib/components/deprecated-dropdown/dropdown.js.map +1 -1
- package/lib/components/deprecated-dropdown/index.d.ts +2 -2
- package/lib/components/deprecated-dropdown/index.js +9 -1
- package/lib/components/deprecated-dropdown/index.js.map +1 -1
- package/lib/components/deprecated-input/index.d.ts +2 -2
- package/lib/components/deprecated-input/index.js +9 -1
- package/lib/components/deprecated-input/index.js.map +1 -1
- package/lib/components/deprecated-input/input.d.ts +10 -10
- package/lib/components/deprecated-input/input.js +41 -1
- package/lib/components/deprecated-input/input.js.map +1 -1
- package/lib/components/deprecated-select/index.d.ts +2 -2
- package/lib/components/deprecated-select/index.js +9 -1
- package/lib/components/deprecated-select/index.js.map +1 -1
- package/lib/components/deprecated-select/select.d.ts +33 -33
- package/lib/components/deprecated-select/select.js +43 -1
- package/lib/components/deprecated-select/select.js.map +1 -1
- package/lib/components/icons/CloseIcon.svg.d.ts +3 -3
- package/lib/components/icons/ThinQuestionMarkIcon.svg.d.ts +3 -3
- package/lib/components/icons/ThreeDotsIcon.svg.d.ts +12 -12
- package/lib/components/key-capturer/index.d.ts +3 -3
- package/lib/components/key-capturer/index.js +11 -1
- package/lib/components/key-capturer/index.js.map +1 -1
- package/lib/components/key-capturer/key-capturer.d.ts +40 -40
- package/lib/components/key-capturer/key-capturer.js +171 -1
- package/lib/components/key-capturer/key-capturer.js.map +1 -1
- package/lib/components/keyboard-shortcut/index.d.ts +2 -2
- package/lib/components/keyboard-shortcut/index.js +9 -1
- package/lib/components/keyboard-shortcut/index.js.map +1 -1
- package/lib/components/keyboard-shortcut/keyboard-shortcut.d.ts +44 -44
- package/lib/components/keyboard-shortcut/keyboard-shortcut.js +97 -1
- package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/lib/components/progress-bar/index.d.ts +2 -2
- package/lib/components/progress-bar/index.js +9 -1
- package/lib/components/progress-bar/index.js.map +1 -1
- package/lib/components/progress-bar/progress-bar.d.ts +14 -14
- package/lib/components/progress-bar/progress-bar.js +44 -1
- package/lib/components/progress-bar/progress-bar.js.map +1 -1
- package/lib/components/progress-bar/progress-bar.module.css.js +7 -1
- package/lib/components/progress-bar/progress-bar.module.css.js.map +1 -1
- package/lib/components/time/index.d.ts +2 -2
- package/lib/components/time/index.js +9 -1
- package/lib/components/time/index.js.map +1 -1
- package/lib/components/time/time-utils.d.ts +19 -19
- package/lib/components/time/time-utils.js +69 -1
- package/lib/components/time/time-utils.js.map +1 -1
- package/lib/components/time/time.d.ts +39 -39
- package/lib/components/time/time.js +124 -1
- package/lib/components/time/time.js.map +1 -1
- package/lib/divider/divider.d.ts +8 -8
- package/lib/divider/divider.js +36 -1
- package/lib/divider/divider.js.map +1 -1
- package/lib/divider/divider.module.css.js +7 -1
- package/lib/divider/divider.module.css.js.map +1 -1
- package/lib/divider/index.d.ts +1 -1
- package/lib/heading/heading.d.ts +112 -112
- package/lib/heading/heading.js +51 -1
- package/lib/heading/heading.js.map +1 -1
- package/lib/heading/heading.module.css.js +7 -1
- package/lib/heading/heading.module.css.js.map +1 -1
- package/lib/heading/index.d.ts +1 -1
- package/lib/hidden/hidden.d.ts +49 -49
- package/lib/hidden/hidden.js +70 -1
- package/lib/hidden/hidden.js.map +1 -1
- package/lib/hidden/hidden.module.css.js +7 -1
- package/lib/hidden/hidden.module.css.js.map +1 -1
- package/lib/hidden/index.d.ts +1 -1
- package/lib/hidden-visually/hidden-visually.d.ts +11 -11
- package/lib/hidden-visually/hidden-visually.js +40 -1
- package/lib/hidden-visually/hidden-visually.js.map +1 -1
- package/lib/hidden-visually/hidden-visually.module.css.js +7 -1
- package/lib/hidden-visually/hidden-visually.module.css.js.map +1 -1
- package/lib/hidden-visually/index.d.ts +1 -1
- package/lib/hooks/use-previous/index.d.ts +1 -1
- package/lib/hooks/use-previous/use-previous.d.ts +15 -15
- package/lib/icons/alert-icon.d.ts +6 -6
- package/lib/icons/alert-icon.js +56 -1
- package/lib/icons/alert-icon.js.map +1 -1
- package/lib/icons/banner-icon.d.ts +6 -6
- package/lib/icons/banner-icon.js +68 -1
- package/lib/icons/banner-icon.js.map +1 -1
- package/lib/icons/banner-icon.module.css.js +7 -1
- package/lib/icons/banner-icon.module.css.js.map +1 -1
- package/lib/icons/close-icon.d.ts +3 -3
- package/lib/icons/close-icon.js +33 -1
- package/lib/icons/close-icon.js.map +1 -1
- package/lib/icons/password-hidden-icon.d.ts +3 -3
- package/lib/icons/password-hidden-icon.js +36 -1
- package/lib/icons/password-hidden-icon.js.map +1 -1
- package/lib/icons/password-visible-icon.d.ts +3 -3
- package/lib/icons/password-visible-icon.js +35 -1
- package/lib/icons/password-visible-icon.js.map +1 -1
- package/lib/index.d.ts +38 -38
- package/lib/index.js +106 -1
- package/lib/index.js.map +1 -1
- package/lib/inline/index.d.ts +1 -1
- package/lib/inline/inline.d.ts +12 -12
- package/lib/inline/inline.js +40 -1
- package/lib/inline/inline.js.map +1 -1
- package/lib/loading/index.d.ts +1 -1
- package/lib/loading/loading.d.ts +26 -26
- package/lib/loading/loading.js +49 -1
- package/lib/loading/loading.js.map +1 -1
- package/lib/menu/index.d.ts +2 -2
- package/lib/menu/menu.d.ts +128 -128
- package/lib/menu/menu.js +179 -1
- package/lib/menu/menu.js.map +1 -1
- package/lib/modal/index.d.ts +1 -1
- package/lib/modal/modal-stories-components.d.ts +47 -47
- package/lib/modal/modal.d.ts +185 -185
- package/lib/modal/modal.js +209 -1
- package/lib/modal/modal.js.map +1 -1
- package/lib/modal/modal.module.css.js +7 -1
- package/lib/modal/modal.module.css.js.map +1 -1
- package/lib/notice/index.d.ts +1 -1
- package/lib/notice/notice.d.ts +10 -10
- package/lib/notice/notice.js +42 -1
- package/lib/notice/notice.js.map +1 -1
- package/lib/notice/notice.module.css.js +7 -1
- package/lib/notice/notice.module.css.js.map +1 -1
- package/lib/password-field/index.d.ts +1 -1
- package/lib/password-field/password-field.d.ts +10 -10
- package/lib/password-field/password-field.js +43 -1
- package/lib/password-field/password-field.js.map +1 -1
- package/lib/prose/index.d.ts +2 -2
- package/lib/prose/prose-example.d.ts +1 -1
- package/lib/prose/prose.d.ts +44 -44
- package/lib/prose/prose.js +42 -1
- package/lib/prose/prose.js.map +1 -1
- package/lib/prose/prose.module.css.js +7 -1
- package/lib/prose/prose.module.css.js.map +1 -1
- package/lib/select-field/index.d.ts +1 -1
- package/lib/select-field/select-field.d.ts +7 -7
- package/lib/select-field/select-field.js +48 -1
- package/lib/select-field/select-field.js.map +1 -1
- package/lib/select-field/select-field.module.css.js +7 -1
- package/lib/select-field/select-field.module.css.js.map +1 -1
- package/lib/spinner/index.d.ts +1 -1
- package/lib/spinner/spinner.d.ts +5 -5
- package/lib/spinner/spinner.js +36 -1
- package/lib/spinner/spinner.js.map +1 -1
- package/lib/spinner/spinner.module.css.js +7 -1
- package/lib/spinner/spinner.module.css.js.map +1 -1
- package/lib/stack/index.d.ts +1 -1
- package/lib/stack/stack.d.ts +15 -15
- package/lib/stack/stack.js +52 -1
- package/lib/stack/stack.js.map +1 -1
- package/lib/switch-field/index.d.ts +1 -1
- package/lib/switch-field/switch-field.d.ts +19 -19
- package/lib/switch-field/switch-field.js +74 -1
- package/lib/switch-field/switch-field.js.map +1 -1
- package/lib/switch-field/switch-field.module.css.js +7 -1
- package/lib/switch-field/switch-field.module.css.js.map +1 -1
- package/lib/tabs/index.d.ts +1 -1
- package/lib/tabs/tabs.d.ts +125 -125
- package/lib/tabs/tabs.js +177 -1
- package/lib/tabs/tabs.js.map +1 -1
- package/lib/tabs/tabs.module.css.js +7 -1
- package/lib/tabs/tabs.module.css.js.map +1 -1
- package/lib/text/index.d.ts +1 -1
- package/lib/text/text.d.ts +47 -47
- package/lib/text/text.js +49 -1
- package/lib/text/text.js.map +1 -1
- package/lib/text/text.module.css.js +7 -1
- package/lib/text/text.module.css.js.map +1 -1
- package/lib/text-area/index.d.ts +1 -1
- package/lib/text-area/text-area.d.ts +39 -39
- package/lib/text-area/text-area.js +92 -1
- package/lib/text-area/text-area.js.map +1 -1
- package/lib/text-area/text-area.module.css.js +7 -1
- package/lib/text-area/text-area.module.css.js.map +1 -1
- package/lib/text-field/index.d.ts +1 -1
- package/lib/text-field/text-field.d.ts +18 -18
- package/lib/text-field/text-field.js +63 -1
- package/lib/text-field/text-field.js.map +1 -1
- package/lib/text-field/text-field.module.css.js +7 -1
- package/lib/text-field/text-field.module.css.js.map +1 -1
- package/lib/text-link/index.d.ts +1 -1
- package/lib/text-link/text-link.d.ts +9 -9
- package/lib/text-link/text-link.js +41 -1
- package/lib/text-link/text-link.js.map +1 -1
- package/lib/text-link/text-link.module.css.js +7 -1
- package/lib/text-link/text-link.module.css.js.map +1 -1
- package/lib/toast/index.d.ts +4 -4
- package/lib/toast/static-toast.d.ts +63 -63
- package/lib/toast/static-toast.js +59 -1
- package/lib/toast/static-toast.js.map +1 -1
- package/lib/toast/toast-animation.d.ts +50 -50
- package/lib/toast/toast-animation.js +141 -1
- package/lib/toast/toast-animation.js.map +1 -1
- package/lib/toast/toast.module.css.js +7 -1
- package/lib/toast/toast.module.css.js.map +1 -1
- package/lib/toast/use-toasts.d.ts +132 -132
- package/lib/toast/use-toasts.js +166 -1
- package/lib/toast/use-toasts.js.map +1 -1
- package/lib/tooltip/index.d.ts +2 -2
- package/lib/tooltip/tooltip.d.ts +72 -72
- package/lib/tooltip/tooltip.js +67 -1
- package/lib/tooltip/tooltip.js.map +1 -1
- package/lib/tooltip/tooltip.module.css.js +7 -1
- package/lib/tooltip/tooltip.module.css.js.map +1 -1
- package/lib/utils/common-helpers.d.ts +2 -2
- package/lib/utils/common-helpers.js +44 -1
- package/lib/utils/common-helpers.js.map +1 -1
- package/lib/utils/common-types.d.ts +42 -42
- package/lib/utils/polymorphism.d.ts +135 -135
- package/lib/utils/polymorphism.js +39 -1
- package/lib/utils/polymorphism.js.map +1 -1
- package/lib/utils/responsive-props.d.ts +44 -44
- package/lib/utils/responsive-props.js +70 -1
- package/lib/utils/responsive-props.js.map +1 -1
- package/lib/utils/storybook-helper.d.ts +55 -0
- package/lib/utils/test-helpers.d.ts +22 -22
- package/package.json +32 -26
- package/styles/avatar.css +2 -2
- package/styles/avatar.module.css.css +1 -1
- package/styles/badge.css +2 -2
- package/styles/badge.module.css.css +1 -1
- package/styles/banner.css +6 -6
- package/styles/banner.module.css.css +1 -1
- package/styles/base-field.css +4 -4
- package/styles/base-field.module.css.css +1 -1
- package/styles/box.css +1 -1
- package/styles/box.module.css.css +1 -1
- package/styles/button.css +4 -4
- package/styles/button.module.css.css +1 -1
- package/styles/checkbox-field.css +3 -3
- package/styles/checkbox-field.module.css.css +1 -1
- package/styles/columns.css +1 -1
- package/styles/divider.css +1 -1
- package/styles/heading.css +2 -2
- package/styles/heading.module.css.css +1 -1
- package/styles/hidden-visually.css +2 -2
- package/styles/hidden-visually.module.css.css +1 -1
- package/styles/hidden.css +1 -1
- package/styles/index.css +4 -4
- package/styles/loading.css +2 -2
- package/styles/menu.css +1 -1
- package/styles/modal.css +5 -5
- package/styles/modal.module.css.css +1 -1
- package/styles/notice.css +1 -1
- package/styles/password-field.css +7 -7
- package/styles/progress-bar.module.css.css +1 -1
- package/styles/prose.css +2 -2
- package/styles/prose.module.css.css +1 -1
- package/styles/reactist.css +30 -30
- package/styles/select-field.css +5 -5
- package/styles/select-field.module.css.css +1 -1
- package/styles/spinner.css +1 -1
- package/styles/static-toast.css +6 -6
- package/styles/switch-field.css +6 -6
- package/styles/switch-field.module.css.css +1 -1
- package/styles/tabs.css +2 -2
- package/styles/tabs.module.css.css +1 -1
- package/styles/text-area.css +5 -5
- package/styles/text-area.module.css.css +1 -1
- package/styles/text-field.css +5 -5
- package/styles/text-field.module.css.css +1 -1
- package/styles/text-link.css +2 -2
- package/styles/text-link.module.css.css +1 -1
- package/styles/text.css +2 -2
- package/styles/text.module.css.css +1 -1
- package/styles/toast.module.css.css +1 -1
- package/styles/tooltip.css +2 -2
- package/styles/tooltip.module.css.css +1 -1
- package/styles/use-toasts.css +6 -6
- package/es/_virtual/_rollupPluginBabelHelpers.js +0 -91
- package/es/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
- package/lib/_virtual/_rollupPluginBabelHelpers.js +0 -2
- package/lib/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
package/es/toast/use-toasts.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __assign, __spreadArray, __rest } from 'tslib';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { Portal } from '@ariakit/react';
|
|
4
4
|
import { generateElementId } from '../utils/common-helpers.js';
|
|
@@ -8,212 +8,149 @@ import { isActionObject, StaticToast } from './static-toast.js';
|
|
|
8
8
|
import modules_d11e18f0 from './toast.module.css.js';
|
|
9
9
|
import { useToastsAnimation } from './toast-animation.js';
|
|
10
10
|
|
|
11
|
-
const _excluded = ["toastId"];
|
|
12
11
|
/** @private */
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}, [startTimeout, stopTimeout]);
|
|
44
|
-
/**
|
|
45
|
-
* If the action is toast action object and not a custom element,
|
|
46
|
-
* the `onClick` property is wrapped in another handler responsible
|
|
47
|
-
* for removing the toast when the action is triggered.
|
|
48
|
-
*/
|
|
49
|
-
|
|
50
|
-
const actionWithCustomActionHandler = React__default.useMemo(() => {
|
|
51
|
-
if (!isActionObject(action)) {
|
|
52
|
-
return action;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
return _objectSpread2(_objectSpread2({}, action), {}, {
|
|
56
|
-
closeToast: action.closeToast ?? true,
|
|
57
|
-
onClick: function handleActionClick() {
|
|
58
|
-
if (!action) {
|
|
59
|
-
return;
|
|
12
|
+
var InternalToast = React__default.forwardRef(function InternalToast(_a, ref) {
|
|
13
|
+
var message = _a.message, description = _a.description, icon = _a.icon, action = _a.action, autoDismissDelay = _a.autoDismissDelay, dismissLabel = _a.dismissLabel, _b = _a.showDismissButton, showDismissButton = _b === void 0 ? true : _b, toastId = _a.toastId, onDismiss = _a.onDismiss, onRemoveToast = _a.onRemoveToast;
|
|
14
|
+
var timeoutRef = React__default.useRef();
|
|
15
|
+
var removeToast = React__default.useCallback(function removeToast() {
|
|
16
|
+
onRemoveToast(toastId);
|
|
17
|
+
onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
|
|
18
|
+
}, [onDismiss, onRemoveToast, toastId]);
|
|
19
|
+
var startTimeout = React__default.useCallback(function startTimeout() {
|
|
20
|
+
if (!autoDismissDelay)
|
|
21
|
+
return;
|
|
22
|
+
timeoutRef.current = window.setTimeout(removeToast, autoDismissDelay * 1000);
|
|
23
|
+
}, [autoDismissDelay, removeToast]);
|
|
24
|
+
var stopTimeout = React__default.useCallback(function stopTimeout() {
|
|
25
|
+
clearTimeout(timeoutRef.current);
|
|
26
|
+
timeoutRef.current = undefined;
|
|
27
|
+
}, []);
|
|
28
|
+
React__default.useEffect(function setupAutoDismiss() {
|
|
29
|
+
stopTimeout();
|
|
30
|
+
startTimeout();
|
|
31
|
+
return stopTimeout;
|
|
32
|
+
}, [startTimeout, stopTimeout]);
|
|
33
|
+
/**
|
|
34
|
+
* If the action is toast action object and not a custom element,
|
|
35
|
+
* the `onClick` property is wrapped in another handler responsible
|
|
36
|
+
* for removing the toast when the action is triggered.
|
|
37
|
+
*/
|
|
38
|
+
var actionWithCustomActionHandler = React__default.useMemo(function () {
|
|
39
|
+
var _a;
|
|
40
|
+
if (!isActionObject(action)) {
|
|
41
|
+
return action;
|
|
60
42
|
}
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
message: message,
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
action: actionWithCustomActionHandler,
|
|
76
|
-
onDismiss: showDismissButton ? removeToast : undefined,
|
|
77
|
-
dismissLabel: dismissLabel,
|
|
78
|
-
// @ts-expect-error
|
|
79
|
-
onMouseEnter: stopTimeout,
|
|
80
|
-
onMouseLeave: startTimeout
|
|
81
|
-
});
|
|
43
|
+
return __assign(__assign({}, action), { closeToast: (_a = action.closeToast) !== null && _a !== void 0 ? _a : true, onClick: function handleActionClick() {
|
|
44
|
+
var _a;
|
|
45
|
+
if (!action) {
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
action.onClick();
|
|
49
|
+
if ((_a = action.closeToast) !== null && _a !== void 0 ? _a : true) {
|
|
50
|
+
removeToast();
|
|
51
|
+
}
|
|
52
|
+
} });
|
|
53
|
+
}, [action, removeToast]);
|
|
54
|
+
return (React__default.createElement(StaticToast, { ref: ref, message: message, description: description, icon: icon, action: actionWithCustomActionHandler, onDismiss: showDismissButton ? removeToast : undefined, dismissLabel: dismissLabel,
|
|
55
|
+
// @ts-expect-error
|
|
56
|
+
onMouseEnter: stopTimeout, onMouseLeave: startTimeout }));
|
|
82
57
|
});
|
|
83
|
-
|
|
84
|
-
/**
|
|
85
|
-
* Provides the state management and rendering of the toasts currently active.
|
|
86
|
-
*
|
|
87
|
-
* You need to render this near the top of your app components tree, in order to `useToasts`.
|
|
88
|
-
*
|
|
89
|
-
* @see useToasts
|
|
58
|
+
var ToastsContext = React__default.createContext(function () { return function () { return undefined; }; });
|
|
59
|
+
/**
|
|
60
|
+
* Provides the state management and rendering of the toasts currently active.
|
|
61
|
+
*
|
|
62
|
+
* You need to render this near the top of your app components tree, in order to `useToasts`.
|
|
63
|
+
*
|
|
64
|
+
* @see useToasts
|
|
90
65
|
*/
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
const newToast = _objectSpread2(_objectSpread2({
|
|
121
|
-
autoDismissDelay: defaultAutoDismissDelay,
|
|
122
|
-
dismissLabel: defaultDismissLabel
|
|
123
|
-
}, props), {}, {
|
|
124
|
-
toastId
|
|
125
|
-
});
|
|
126
|
-
|
|
127
|
-
setToasts(list => [...list, newToast]);
|
|
128
|
-
return () => removeToast(toastId);
|
|
129
|
-
}, [defaultAutoDismissDelay, defaultDismissLabel, removeToast]);
|
|
130
|
-
return /*#__PURE__*/React__default.createElement(ToastsContext.Provider, {
|
|
131
|
-
value: showToast
|
|
132
|
-
}, children, /*#__PURE__*/React__default.createElement(Portal, null, toasts.length === 0 ? null : /*#__PURE__*/React__default.createElement(Box, {
|
|
133
|
-
className: [modules_d11e18f0.stackedToastsView, containerClassName],
|
|
134
|
-
position: "fixed",
|
|
135
|
-
width: "full",
|
|
136
|
-
paddingX: padding,
|
|
137
|
-
paddingBottom: padding,
|
|
138
|
-
"data-testid": "toasts-container"
|
|
139
|
-
}, /*#__PURE__*/React__default.createElement(Stack, {
|
|
140
|
-
space: "medium"
|
|
141
|
-
}, toasts.map(_ref => {
|
|
142
|
-
let {
|
|
143
|
-
toastId
|
|
144
|
-
} = _ref,
|
|
145
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
146
|
-
|
|
147
|
-
return /*#__PURE__*/React__default.createElement(InternalToast, _objectSpread2({
|
|
148
|
-
key: toastId,
|
|
149
|
-
ref: mappedRef(toastId),
|
|
150
|
-
toastId: toastId,
|
|
151
|
-
onRemoveToast: removeToast
|
|
152
|
-
}, props));
|
|
153
|
-
})))));
|
|
66
|
+
function ToastsProvider(_a) {
|
|
67
|
+
var children = _a.children, _b = _a.padding, padding = _b === void 0 ? 'large' : _b, _c = _a.defaultAutoDismissDelay /* seconds */, defaultAutoDismissDelay = _c === void 0 ? 10 : _c /* seconds */, _d = _a.defaultDismissLabel, defaultDismissLabel = _d === void 0 ? 'Close' : _d, containerClassName = _a.containerClassName;
|
|
68
|
+
var _e = React__default.useState([]), toasts = _e[0], setToasts = _e[1];
|
|
69
|
+
var _f = useToastsAnimation(), mappedRef = _f.mappedRef, animateRemove = _f.animateRemove;
|
|
70
|
+
var removeToast = React__default.useCallback(function onRemoveToast(toastId) {
|
|
71
|
+
animateRemove(toastId, function () {
|
|
72
|
+
setToasts(function (list) {
|
|
73
|
+
var index = list.findIndex(function (n) { return n.toastId === toastId; });
|
|
74
|
+
if (index < 0)
|
|
75
|
+
return list;
|
|
76
|
+
var copy = __spreadArray([], list, true);
|
|
77
|
+
copy.splice(index, 1);
|
|
78
|
+
return copy;
|
|
79
|
+
});
|
|
80
|
+
});
|
|
81
|
+
}, [animateRemove]);
|
|
82
|
+
var showToast = React__default.useCallback(function showToast(props) {
|
|
83
|
+
var toastId = generateElementId('toast');
|
|
84
|
+
var newToast = __assign(__assign({ autoDismissDelay: defaultAutoDismissDelay, dismissLabel: defaultDismissLabel }, props), { toastId: toastId });
|
|
85
|
+
setToasts(function (list) { return __spreadArray(__spreadArray([], list, true), [newToast], false); });
|
|
86
|
+
return function () { return removeToast(toastId); };
|
|
87
|
+
}, [defaultAutoDismissDelay, defaultDismissLabel, removeToast]);
|
|
88
|
+
return (React__default.createElement(ToastsContext.Provider, { value: showToast },
|
|
89
|
+
children,
|
|
90
|
+
React__default.createElement(Portal, null, toasts.length === 0 ? null : (React__default.createElement(Box, { className: [modules_d11e18f0.stackedToastsView, containerClassName], position: "fixed", width: "full", paddingX: padding, paddingBottom: padding, "data-testid": "toasts-container" },
|
|
91
|
+
React__default.createElement(Stack, { space: "medium" }, toasts.map(function (_a) {
|
|
92
|
+
var toastId = _a.toastId, props = __rest(_a, ["toastId"]);
|
|
93
|
+
return (React__default.createElement(InternalToast, __assign({ key: toastId, ref: mappedRef(toastId), toastId: toastId, onRemoveToast: removeToast }, props)));
|
|
94
|
+
})))))));
|
|
154
95
|
}
|
|
155
|
-
/**
|
|
156
|
-
* Provides a function `showToast` that shows a new toast every time you call it.
|
|
157
|
-
*
|
|
158
|
-
* ```jsx
|
|
159
|
-
* const showToast = useToasts()
|
|
160
|
-
*
|
|
161
|
-
* <button onClick={() => showToast({ message: 'Hello' })}>
|
|
162
|
-
* Say hello
|
|
163
|
-
* </button>
|
|
164
|
-
* ```
|
|
165
|
-
*
|
|
166
|
-
* All toasts fired via this function are rendered in a global fixed location, and stacked one on
|
|
167
|
-
* top of the other.
|
|
168
|
-
*
|
|
169
|
-
* When called, `showToast` returns a function that dismisses the toast when called.
|
|
170
|
-
*
|
|
171
|
-
* @see ToastsProvider
|
|
96
|
+
/**
|
|
97
|
+
* Provides a function `showToast` that shows a new toast every time you call it.
|
|
98
|
+
*
|
|
99
|
+
* ```jsx
|
|
100
|
+
* const showToast = useToasts()
|
|
101
|
+
*
|
|
102
|
+
* <button onClick={() => showToast({ message: 'Hello' })}>
|
|
103
|
+
* Say hello
|
|
104
|
+
* </button>
|
|
105
|
+
* ```
|
|
106
|
+
*
|
|
107
|
+
* All toasts fired via this function are rendered in a global fixed location, and stacked one on
|
|
108
|
+
* top of the other.
|
|
109
|
+
*
|
|
110
|
+
* When called, `showToast` returns a function that dismisses the toast when called.
|
|
111
|
+
*
|
|
112
|
+
* @see ToastsProvider
|
|
172
113
|
*/
|
|
173
|
-
|
|
174
|
-
|
|
175
114
|
function useToasts() {
|
|
176
|
-
|
|
115
|
+
return React__default.useContext(ToastsContext);
|
|
177
116
|
}
|
|
178
|
-
/**
|
|
179
|
-
* Adds a toast to be rendered, stacked alongside any other currently active toasts.
|
|
180
|
-
*
|
|
181
|
-
* For most situations, you should prefer to use the `showToast` function obtained from `useToasts`.
|
|
182
|
-
* This component is provided for convenience to render toasts in the markup, but it has some
|
|
183
|
-
* peculiarities, which are discussed below.
|
|
184
|
-
*
|
|
185
|
-
* Internally, this calls `showToast`. It is provided for two reasons:
|
|
186
|
-
*
|
|
187
|
-
* 1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that
|
|
188
|
-
* toasts rendered in this way will be removed from view when the context where it is rendered
|
|
189
|
-
* is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either
|
|
190
|
-
* by the user or after a delay. They'll still be animated on their way out, though.
|
|
191
|
-
* 2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and
|
|
192
|
-
* `autoDismissDelay={false}` it provides a way to show "permanent" toasts that only go away when
|
|
193
|
-
* the component ceases to be rendered).
|
|
194
|
-
*
|
|
195
|
-
* This is useful for cases when the consumer wants to control when a toast is visible, and to keep
|
|
196
|
-
* it visible based on an app-specific condition.
|
|
197
|
-
*
|
|
198
|
-
* Something important to note about this component is that it triggers the toast based on the props
|
|
199
|
-
* passed when first rendered, and it does not update the toast if these props change on subsequent
|
|
200
|
-
* renders. In this sense, this is an imperative component, more than a descriptive one. This is
|
|
201
|
-
* done to simplify the internals, and to keep it in line with how `showToast` works: you fire up a
|
|
202
|
-
* toast imperatively, and you loose control over it. It remains rendered according to the props you
|
|
203
|
-
* first passed.
|
|
204
|
-
*
|
|
205
|
-
* @see useToasts
|
|
117
|
+
/**
|
|
118
|
+
* Adds a toast to be rendered, stacked alongside any other currently active toasts.
|
|
119
|
+
*
|
|
120
|
+
* For most situations, you should prefer to use the `showToast` function obtained from `useToasts`.
|
|
121
|
+
* This component is provided for convenience to render toasts in the markup, but it has some
|
|
122
|
+
* peculiarities, which are discussed below.
|
|
123
|
+
*
|
|
124
|
+
* Internally, this calls `showToast`. It is provided for two reasons:
|
|
125
|
+
*
|
|
126
|
+
* 1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that
|
|
127
|
+
* toasts rendered in this way will be removed from view when the context where it is rendered
|
|
128
|
+
* is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either
|
|
129
|
+
* by the user or after a delay. They'll still be animated on their way out, though.
|
|
130
|
+
* 2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and
|
|
131
|
+
* `autoDismissDelay={false}` it provides a way to show "permanent" toasts that only go away when
|
|
132
|
+
* the component ceases to be rendered).
|
|
133
|
+
*
|
|
134
|
+
* This is useful for cases when the consumer wants to control when a toast is visible, and to keep
|
|
135
|
+
* it visible based on an app-specific condition.
|
|
136
|
+
*
|
|
137
|
+
* Something important to note about this component is that it triggers the toast based on the props
|
|
138
|
+
* passed when first rendered, and it does not update the toast if these props change on subsequent
|
|
139
|
+
* renders. In this sense, this is an imperative component, more than a descriptive one. This is
|
|
140
|
+
* done to simplify the internals, and to keep it in line with how `showToast` works: you fire up a
|
|
141
|
+
* toast imperatively, and you loose control over it. It remains rendered according to the props you
|
|
142
|
+
* first passed.
|
|
143
|
+
*
|
|
144
|
+
* @see useToasts
|
|
206
145
|
*/
|
|
207
|
-
|
|
208
|
-
|
|
209
146
|
function Toast(props) {
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
147
|
+
var showToast = useToasts();
|
|
148
|
+
var propsRef = React__default.useRef(props);
|
|
149
|
+
React__default.useEffect(function () {
|
|
150
|
+
var dismissToast = showToast(propsRef.current);
|
|
151
|
+
return dismissToast;
|
|
152
|
+
}, [showToast]);
|
|
153
|
+
return null;
|
|
217
154
|
}
|
|
218
155
|
|
|
219
156
|
export { Toast, ToastsProvider, useToasts };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-toasts.js","sources":["../../src/toast/use-toasts.tsx"],"sourcesContent":["import React from 'react'\nimport { Portal } from '@ariakit/react'\n\nimport { generateElementId } from '../utils/common-helpers'\nimport { Box } from '../box'\nimport { Stack } from '../stack'\nimport { isActionObject, StaticToast, StaticToastProps } from './static-toast'\n\nimport styles from './toast.module.css'\n\nimport type { Space } from '../utils/common-types'\nimport { useToastsAnimation } from './toast-animation'\n\n/**\n * The props needed to fire up a new notification toast.\n */\ntype ToastProps = StaticToastProps & {\n /**\n * The number of seconds the toast is expected to be shown before it is dismissed automatically,\n * or false to disable auto-dismiss.\n *\n * It defaults to whatever is the autoDismissDelay set in the ToastsProvider.\n */\n autoDismissDelay?: number | false\n\n /**\n * The label for the button that dismisses the toast.\n *\n * It defaults to the value set in the ToastsProvider, but individual toasts can have a\n * different value if needed.\n */\n dismissLabel?: string\n\n /**\n * Whether to show the dismiss button or not.\n *\n * Use this value with care. If combined with disabling `autoDismissDelay`, it may leave you\n * with toasts that the user won't be able to dismiss at will. It then is your responsibility to\n * dismiss the toast by calling the function returned by `showToast`.\n */\n showDismissButton?: boolean\n}\n\n//\n// InternalToast component and its props\n//\n\ntype InternalToastProps = Omit<ToastProps, 'autoDismissDelay' | 'dismissLabel'> &\n Required<Pick<ToastProps, 'autoDismissDelay' | 'dismissLabel'>> & {\n toastId: string\n onRemoveToast: (toastId: string) => void\n }\n\n/** @private */\nconst InternalToast = React.forwardRef<HTMLDivElement, InternalToastProps>(function InternalToast(\n {\n message,\n description,\n icon,\n action,\n autoDismissDelay,\n dismissLabel,\n showDismissButton = true,\n toastId,\n onDismiss,\n onRemoveToast,\n },\n ref,\n) {\n const timeoutRef = React.useRef<number | undefined>()\n\n const removeToast = React.useCallback(\n function removeToast() {\n onRemoveToast(toastId)\n onDismiss?.()\n },\n [onDismiss, onRemoveToast, toastId],\n )\n\n const startTimeout = React.useCallback(\n function startTimeout() {\n if (!autoDismissDelay) return\n timeoutRef.current = window.setTimeout(removeToast, autoDismissDelay * 1000)\n },\n [autoDismissDelay, removeToast],\n )\n\n const stopTimeout = React.useCallback(function stopTimeout() {\n clearTimeout(timeoutRef.current)\n timeoutRef.current = undefined\n }, [])\n\n React.useEffect(\n function setupAutoDismiss() {\n stopTimeout()\n startTimeout()\n\n return stopTimeout\n },\n [startTimeout, stopTimeout],\n )\n\n /**\n * If the action is toast action object and not a custom element,\n * the `onClick` property is wrapped in another handler responsible\n * for removing the toast when the action is triggered.\n */\n const actionWithCustomActionHandler = React.useMemo(() => {\n if (!isActionObject(action)) {\n return action\n }\n\n return {\n ...action,\n closeToast: action.closeToast ?? true,\n onClick: function handleActionClick() {\n if (!action) {\n return\n }\n\n action.onClick()\n\n if (action.closeToast ?? true) {\n removeToast()\n }\n },\n }\n }, [action, removeToast])\n\n return (\n <StaticToast\n ref={ref}\n message={message}\n description={description}\n icon={icon}\n action={actionWithCustomActionHandler}\n onDismiss={showDismissButton ? removeToast : undefined}\n dismissLabel={dismissLabel}\n // @ts-expect-error\n onMouseEnter={stopTimeout}\n onMouseLeave={startTimeout}\n />\n )\n})\n\n//\n// Internal state and context\n//\n\ntype InternalToastEntry = Omit<InternalToastProps, 'onRemoveToast'>\ntype ToastsList = readonly InternalToastEntry[]\n\ntype ShowToastAction = (props: ToastProps) => () => void\nconst ToastsContext = React.createContext<ShowToastAction>(() => () => undefined)\n\n/**\n * The props needed by the ToastsProvider component.\n *\n * @see ToastsProvider\n */\ntype ToastsProviderProps = {\n /**\n * The default label to apply to toast dismiss buttons.\n *\n * This is useful in environments that need locatization, so you do not need to pass the same\n * translated label every time you trigger a toast.\n *\n * However, you can still apply a different label to a specific toast, by passing a different\n * value when calling showToast.\n *\n * @default 'Close'\n */\n defaultDismissLabel?: string\n\n /**\n * The default number of seconds after which the toast will be dismissed automatically.\n *\n * You can pass a different value to a specific toast when calling `showToast`. You can even\n * pass `false` if you want a certain toast to never be dismissed automatically.\n *\n * @default 10 (seconds)\n */\n defaultAutoDismissDelay?: number\n\n /**\n * The padding used to separate the toasts from the viewport borders.\n *\n * @default 'large'\n */\n padding?: Space\n\n /**\n * The app wrapped by the provider.\n */\n children: NonNullable<React.ReactNode>\n\n /**\n * Custom classname for the toasts container, if you need to fine-tune the position or other styles\n */\n containerClassName?: string\n}\n\n/**\n * Provides the state management and rendering of the toasts currently active.\n *\n * You need to render this near the top of your app components tree, in order to `useToasts`.\n *\n * @see useToasts\n */\nfunction ToastsProvider({\n children,\n padding = 'large',\n defaultAutoDismissDelay = 10 /* seconds */,\n defaultDismissLabel = 'Close',\n containerClassName,\n}: ToastsProviderProps) {\n const [toasts, setToasts] = React.useState<ToastsList>([])\n const { mappedRef, animateRemove } = useToastsAnimation()\n\n const removeToast = React.useCallback(\n function onRemoveToast(toastId: string) {\n animateRemove(toastId, () => {\n setToasts((list) => {\n const index = list.findIndex((n) => n.toastId === toastId)\n if (index < 0) return list\n const copy = [...list]\n copy.splice(index, 1)\n return copy\n })\n })\n },\n [animateRemove],\n )\n\n const showToast = React.useCallback(\n function showToast(props: ToastProps) {\n const toastId = generateElementId('toast')\n const newToast: InternalToastEntry = {\n autoDismissDelay: defaultAutoDismissDelay,\n dismissLabel: defaultDismissLabel,\n ...props,\n toastId,\n }\n setToasts((list) => [...list, newToast])\n return () => removeToast(toastId)\n },\n [defaultAutoDismissDelay, defaultDismissLabel, removeToast],\n )\n\n return (\n <ToastsContext.Provider value={showToast}>\n {children}\n <Portal>\n {toasts.length === 0 ? null : (\n <Box\n className={[styles.stackedToastsView, containerClassName]}\n position=\"fixed\"\n width=\"full\"\n paddingX={padding}\n paddingBottom={padding}\n data-testid=\"toasts-container\"\n >\n <Stack space=\"medium\">\n {toasts.map(({ toastId, ...props }) => (\n <InternalToast\n key={toastId}\n ref={mappedRef(toastId)}\n toastId={toastId}\n onRemoveToast={removeToast}\n {...props}\n />\n ))}\n </Stack>\n </Box>\n )}\n </Portal>\n </ToastsContext.Provider>\n )\n}\n\n/**\n * Provides a function `showToast` that shows a new toast every time you call it.\n *\n * ```jsx\n * const showToast = useToasts()\n *\n * <button onClick={() => showToast({ message: 'Hello' })}>\n * Say hello\n * </button>\n * ```\n *\n * All toasts fired via this function are rendered in a global fixed location, and stacked one on\n * top of the other.\n *\n * When called, `showToast` returns a function that dismisses the toast when called.\n *\n * @see ToastsProvider\n */\nfunction useToasts() {\n return React.useContext(ToastsContext)\n}\n\n/**\n * Adds a toast to be rendered, stacked alongside any other currently active toasts.\n *\n * For most situations, you should prefer to use the `showToast` function obtained from `useToasts`.\n * This component is provided for convenience to render toasts in the markup, but it has some\n * peculiarities, which are discussed below.\n *\n * Internally, this calls `showToast`. It is provided for two reasons:\n *\n * 1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that\n * toasts rendered in this way will be removed from view when the context where it is rendered\n * is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either\n * by the user or after a delay. They'll still be animated on their way out, though.\n * 2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and\n * `autoDismissDelay={false}` it provides a way to show \"permanent\" toasts that only go away when\n * the component ceases to be rendered).\n *\n * This is useful for cases when the consumer wants to control when a toast is visible, and to keep\n * it visible based on an app-specific condition.\n *\n * Something important to note about this component is that it triggers the toast based on the props\n * passed when first rendered, and it does not update the toast if these props change on subsequent\n * renders. In this sense, this is an imperative component, more than a descriptive one. This is\n * done to simplify the internals, and to keep it in line with how `showToast` works: you fire up a\n * toast imperatively, and you loose control over it. It remains rendered according to the props you\n * first passed.\n *\n * @see useToasts\n */\nfunction Toast(props: ToastProps) {\n const showToast = useToasts()\n const propsRef = React.useRef<ToastProps>(props)\n React.useEffect(() => {\n const dismissToast = showToast(propsRef.current)\n return dismissToast\n }, [showToast])\n return null\n}\n\nexport { Toast, ToastsProvider, useToasts }\nexport type { ToastProps, ToastsProviderProps }\n"],"names":["InternalToast","React","forwardRef","message","description","icon","action","autoDismissDelay","dismissLabel","showDismissButton","toastId","onDismiss","onRemoveToast","ref","timeoutRef","useRef","removeToast","useCallback","startTimeout","current","window","setTimeout","stopTimeout","clearTimeout","undefined","useEffect","setupAutoDismiss","actionWithCustomActionHandler","useMemo","isActionObject","_objectSpread","closeToast","onClick","handleActionClick","createElement","StaticToast","onMouseEnter","onMouseLeave","ToastsContext","createContext","ToastsProvider","children","padding","defaultAutoDismissDelay","defaultDismissLabel","containerClassName","toasts","setToasts","useState","mappedRef","animateRemove","useToastsAnimation","list","index","findIndex","n","copy","splice","showToast","props","generateElementId","newToast","Provider","value","Portal","length","Box","className","styles","stackedToastsView","position","width","paddingX","paddingBottom","Stack","space","map","key","useToasts","useContext","Toast","propsRef","dismissToast"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"use-toasts.js","sources":["../../src/toast/use-toasts.tsx"],"sourcesContent":[null],"names":["React","styles"],"mappings":"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"}
|
package/es/tooltip/tooltip.js
CHANGED
|
@@ -3,77 +3,39 @@ import { useTooltipStore, TooltipAnchor, Tooltip as Tooltip$1, TooltipArrow } fr
|
|
|
3
3
|
import { Box } from '../box/box.js';
|
|
4
4
|
import modules_95f1407a from './tooltip.module.css.js';
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
var defaultShowTimeout = 500;
|
|
7
|
+
var defaultHideTimeout = 100;
|
|
8
|
+
var TooltipContext = React.createContext({
|
|
9
|
+
showTimeout: defaultShowTimeout,
|
|
10
|
+
hideTimeout: defaultHideTimeout
|
|
11
11
|
});
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
children
|
|
17
|
-
}) {
|
|
18
|
-
const value = React.useMemo(() => ({
|
|
19
|
-
showTimeout,
|
|
20
|
-
hideTimeout
|
|
21
|
-
}), [showTimeout, hideTimeout]);
|
|
22
|
-
return /*#__PURE__*/React.createElement(TooltipContext.Provider, {
|
|
23
|
-
value: value
|
|
24
|
-
}, children);
|
|
12
|
+
function TooltipProvider(_a) {
|
|
13
|
+
var _b = _a.showTimeout, showTimeout = _b === void 0 ? defaultShowTimeout : _b, _c = _a.hideTimeout, hideTimeout = _c === void 0 ? defaultHideTimeout : _c, children = _a.children;
|
|
14
|
+
var value = React.useMemo(function () { return ({ showTimeout: showTimeout, hideTimeout: hideTimeout }); }, [showTimeout, hideTimeout]);
|
|
15
|
+
return React.createElement(TooltipContext.Provider, { value: value }, children);
|
|
25
16
|
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
const child = React.Children.only(children);
|
|
49
|
-
|
|
50
|
-
if (!child) {
|
|
51
|
-
return child;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
if (typeof child.ref === 'string') {
|
|
55
|
-
throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded');
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TooltipAnchor, {
|
|
59
|
-
render: child,
|
|
60
|
-
store: tooltip,
|
|
61
|
-
ref: child.ref
|
|
62
|
-
}), isOpen && content ? /*#__PURE__*/React.createElement(Tooltip$1, {
|
|
63
|
-
store: tooltip,
|
|
64
|
-
gutter: gapSize,
|
|
65
|
-
render: /*#__PURE__*/React.createElement(Box, {
|
|
66
|
-
className: [modules_95f1407a.tooltip, exceptionallySetClassName],
|
|
67
|
-
background: "toast",
|
|
68
|
-
borderRadius: "standard",
|
|
69
|
-
paddingX: "small",
|
|
70
|
-
paddingY: "xsmall",
|
|
71
|
-
maxWidth: "medium",
|
|
72
|
-
width: "fitContent",
|
|
73
|
-
overflow: "hidden",
|
|
74
|
-
textAlign: "center"
|
|
75
|
-
})
|
|
76
|
-
}, withArrow ? /*#__PURE__*/React.createElement(TooltipArrow, null) : null, typeof content === 'function' ? content() : content) : null);
|
|
17
|
+
var Tooltip = React.forwardRef(function (_a, ref) {
|
|
18
|
+
var children = _a.children, content = _a.content, _b = _a.position, position = _b === void 0 ? 'top' : _b, _c = _a.gapSize, gapSize = _c === void 0 ? 3 : _c, _d = _a.withArrow, withArrow = _d === void 0 ? false : _d, showTimeout = _a.showTimeout, hideTimeout = _a.hideTimeout, exceptionallySetClassName = _a.exceptionallySetClassName;
|
|
19
|
+
var _e = React.useContext(TooltipContext), globalShowTimeout = _e.showTimeout, globalHideTimeout = _e.hideTimeout;
|
|
20
|
+
var tooltip = useTooltipStore({
|
|
21
|
+
placement: position,
|
|
22
|
+
showTimeout: showTimeout !== null && showTimeout !== void 0 ? showTimeout : globalShowTimeout,
|
|
23
|
+
hideTimeout: hideTimeout !== null && hideTimeout !== void 0 ? hideTimeout : globalHideTimeout
|
|
24
|
+
});
|
|
25
|
+
React.useImperativeHandle(ref, function () { return tooltip; }, [tooltip]);
|
|
26
|
+
var isOpen = tooltip.useState('open');
|
|
27
|
+
var child = React.Children.only(children);
|
|
28
|
+
if (!child) {
|
|
29
|
+
return child;
|
|
30
|
+
}
|
|
31
|
+
if (typeof child.ref === 'string') {
|
|
32
|
+
throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded');
|
|
33
|
+
}
|
|
34
|
+
return (React.createElement(React.Fragment, null,
|
|
35
|
+
React.createElement(TooltipAnchor, { render: child, store: tooltip, ref: child.ref }),
|
|
36
|
+
isOpen && content ? (React.createElement(Tooltip$1, { store: tooltip, gutter: gapSize, render: React.createElement(Box, { className: [modules_95f1407a.tooltip, exceptionallySetClassName], background: "toast", borderRadius: "standard", paddingX: "small", paddingY: "xsmall", maxWidth: "medium", width: "fitContent", overflow: "hidden", textAlign: "center" }) },
|
|
37
|
+
withArrow ? React.createElement(TooltipArrow, null) : null,
|
|
38
|
+
typeof content === 'function' ? content() : content)) : null));
|
|
77
39
|
});
|
|
78
40
|
Tooltip.displayName = 'Tooltip';
|
|
79
41
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":[null],"names":["AriakitTooltip","styles"],"mappings":"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"}
|
|
@@ -1,23 +1,19 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
var uid = 0;
|
|
5
4
|
function uniqueId() {
|
|
6
|
-
|
|
5
|
+
return uid++;
|
|
7
6
|
}
|
|
8
|
-
|
|
9
7
|
function generateElementId(prefix) {
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
var num = uniqueId();
|
|
9
|
+
return "".concat(prefix, "-").concat(num);
|
|
12
10
|
}
|
|
13
11
|
function useId(providedId) {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
return ref.current;
|
|
12
|
+
var ref = React.useRef(providedId !== null && providedId !== void 0 ? providedId : null);
|
|
13
|
+
if (!ref.current) {
|
|
14
|
+
ref.current = generateElementId('element');
|
|
15
|
+
}
|
|
16
|
+
return ref.current;
|
|
21
17
|
}
|
|
22
18
|
|
|
23
19
|
export { generateElementId, useId };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common-helpers.js","sources":["../../src/utils/common-helpers.ts"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"common-helpers.js","sources":["../../src/utils/common-helpers.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,IAAI,GAAG,GAAG,CAAC,CAAA;AACX,SAAS,QAAQ,GAAA;IACb,OAAO,GAAG,EAAE,CAAA;AAChB,CAAC;AAEK,SAAU,iBAAiB,CAAC,MAAc,EAAA;AAC5C,IAAA,IAAM,GAAG,GAAG,QAAQ,EAAE,CAAA;AACtB,IAAA,OAAO,EAAG,CAAA,MAAA,CAAA,MAAM,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,GAAG,CAAE,CAAA;AAC7B,CAAC;AAEK,SAAU,KAAK,CAAC,UAAmB,EAAA;AACrC,IAAA,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAgB,UAAU,KAAV,IAAA,IAAA,UAAU,KAAV,KAAA,CAAA,GAAA,UAAU,GAAI,IAAI,CAAC,CAAA;AAC3D,IAAA,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;AACd,QAAA,GAAG,CAAC,OAAO,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAA;AAC7C,KAAA;IACD,OAAO,GAAG,CAAC,OAAO,CAAA;AACtB;;;;"}
|