@peculiar/react-components 0.0.2-alpha.89 → 0.1.0-alpha.309
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/README.md +7 -5
- package/dist/cjs/Alert/alert.js +109 -0
- package/dist/cjs/Alert/alert.js.map +1 -0
- package/dist/cjs/Alert/index.js +6 -0
- package/dist/cjs/Alert/index.js.map +1 -0
- package/dist/cjs/Autocomplete/autocomplete.js +260 -0
- package/dist/cjs/Autocomplete/autocomplete.js.map +1 -0
- package/dist/cjs/Autocomplete/index.js +6 -0
- package/dist/cjs/Autocomplete/index.js.map +1 -0
- package/dist/cjs/Avatar/avatar.js +35 -55
- package/dist/cjs/Avatar/avatar.js.map +1 -1
- package/dist/cjs/Backdrop/backdrop.js +10 -6
- package/dist/cjs/Backdrop/backdrop.js.map +1 -1
- package/dist/cjs/Backdrop/index.js.map +1 -1
- package/dist/cjs/Box/box.js +24 -13
- package/dist/cjs/Box/box.js.map +1 -1
- package/dist/cjs/Box/index.js.map +1 -1
- package/dist/cjs/Button/button.js +51 -28
- package/dist/cjs/Button/button.js.map +1 -1
- package/dist/cjs/Button/index.js.map +1 -1
- package/dist/cjs/ButtonBase/button_base.js +156 -44
- package/dist/cjs/ButtonBase/button_base.js.map +1 -1
- package/dist/cjs/ButtonBase/index.js.map +1 -1
- package/dist/cjs/Checkbox/checkbox.js +148 -0
- package/dist/cjs/Checkbox/checkbox.js.map +1 -0
- package/dist/cjs/Checkbox/index.js +6 -0
- package/dist/cjs/Checkbox/index.js.map +1 -0
- package/dist/cjs/Chip/chip.js +219 -0
- package/dist/cjs/Chip/chip.js.map +1 -0
- package/dist/cjs/Chip/index.js +6 -0
- package/dist/cjs/Chip/index.js.map +1 -0
- package/dist/cjs/CircularProgress/circular_progress.js +92 -0
- package/dist/cjs/CircularProgress/circular_progress.js.map +1 -0
- package/dist/cjs/CircularProgress/index.js +6 -0
- package/dist/cjs/CircularProgress/index.js.map +1 -0
- package/dist/cjs/Collapse/collapse.js +14 -10
- package/dist/cjs/Collapse/collapse.js.map +1 -1
- package/dist/cjs/Dialog/dialog.js +104 -0
- package/dist/cjs/Dialog/dialog.js.map +1 -0
- package/dist/cjs/Dialog/dialog_actions.js +52 -0
- package/dist/cjs/Dialog/dialog_actions.js.map +1 -0
- package/dist/cjs/Dialog/dialog_content.js +76 -0
- package/dist/cjs/Dialog/dialog_content.js.map +1 -0
- package/dist/cjs/Dialog/dialog_title.js +58 -0
- package/dist/cjs/Dialog/dialog_title.js.map +1 -0
- package/dist/cjs/Dialog/index.js +12 -0
- package/dist/cjs/Dialog/index.js.map +1 -0
- package/dist/cjs/Drawer/drawer.js +14 -7
- package/dist/cjs/Drawer/drawer.js.map +1 -1
- package/dist/cjs/Fab/fab.js +21 -7
- package/dist/cjs/Fab/fab.js.map +1 -1
- package/dist/cjs/Fab/index.js.map +1 -1
- package/dist/cjs/Fade/fade.js +33 -9
- package/dist/cjs/Fade/fade.js.map +1 -1
- package/dist/cjs/FocusTrap/focus_trap.js +43 -0
- package/dist/cjs/FocusTrap/focus_trap.js.map +1 -0
- package/dist/cjs/FocusTrap/index.js +6 -0
- package/dist/cjs/FocusTrap/index.js.map +1 -0
- package/dist/cjs/IconButton/icon_button.js +83 -0
- package/dist/cjs/IconButton/icon_button.js.map +1 -0
- package/dist/cjs/IconButton/index.js +6 -0
- package/dist/cjs/IconButton/index.js.map +1 -0
- package/dist/cjs/Image/image.js +69 -0
- package/dist/cjs/Image/image.js.map +1 -0
- package/dist/cjs/Image/index.js +6 -0
- package/dist/cjs/Image/index.js.map +1 -0
- package/dist/cjs/LinearProgress/index.js +6 -0
- package/dist/cjs/LinearProgress/index.js.map +1 -0
- package/dist/cjs/LinearProgress/linear_progress.js +68 -0
- package/dist/cjs/LinearProgress/linear_progress.js.map +1 -0
- package/dist/cjs/Menu/index.js +6 -0
- package/dist/cjs/Menu/index.js.map +1 -0
- package/dist/cjs/Menu/menu.js +141 -0
- package/dist/cjs/Menu/menu.js.map +1 -0
- package/dist/cjs/Modal/index.js.map +1 -1
- package/dist/cjs/Modal/modal.js +46 -12
- package/dist/cjs/Modal/modal.js.map +1 -1
- package/dist/cjs/OverridableComponent.js +3 -0
- package/dist/cjs/OverridableComponent.js.map +1 -0
- package/dist/cjs/Popover/index.js +6 -0
- package/dist/cjs/Popover/index.js.map +1 -0
- package/dist/cjs/Popover/popover.js +83 -0
- package/dist/cjs/Popover/popover.js.map +1 -0
- package/dist/cjs/Popper/index.js +6 -0
- package/dist/cjs/Popper/index.js.map +1 -0
- package/dist/cjs/Popper/popper.js +71 -0
- package/dist/cjs/Popper/popper.js.map +1 -0
- package/dist/cjs/Portal/portal.js +6 -2
- package/dist/cjs/Portal/portal.js.map +1 -1
- package/dist/cjs/Radio/index.js +6 -0
- package/dist/cjs/Radio/index.js.map +1 -0
- package/dist/cjs/Radio/radio.js +149 -0
- package/dist/cjs/Radio/radio.js.map +1 -0
- package/dist/cjs/Select/select.js +59 -32
- package/dist/cjs/Select/select.js.map +1 -1
- package/dist/cjs/Skeleton/index.js +6 -0
- package/dist/cjs/Skeleton/index.js.map +1 -0
- package/dist/cjs/Skeleton/skeleton.js +103 -0
- package/dist/cjs/Skeleton/skeleton.js.map +1 -0
- package/dist/cjs/Slide/slide.js +48 -8
- package/dist/cjs/Slide/slide.js.map +1 -1
- package/dist/cjs/Slider/index.js +6 -0
- package/dist/cjs/Slider/index.js.map +1 -0
- package/dist/cjs/Slider/slider.js +126 -0
- package/dist/cjs/Slider/slider.js.map +1 -0
- package/dist/cjs/Switch/index.js +6 -0
- package/dist/cjs/Switch/index.js.map +1 -0
- package/dist/cjs/Switch/switch.js +138 -0
- package/dist/cjs/Switch/switch.js.map +1 -0
- package/dist/cjs/Tabs/index.js.map +1 -1
- package/dist/cjs/Tabs/tab.js +42 -15
- package/dist/cjs/Tabs/tab.js.map +1 -1
- package/dist/cjs/Tabs/tabs.js +7 -3
- package/dist/cjs/Tabs/tabs.js.map +1 -1
- package/dist/cjs/TextField/text_field.js +25 -22
- package/dist/cjs/TextField/text_field.js.map +1 -1
- package/dist/cjs/TextareaField/index.js +6 -0
- package/dist/cjs/TextareaField/index.js.map +1 -0
- package/dist/cjs/TextareaField/textarea_field.js +144 -0
- package/dist/cjs/TextareaField/textarea_field.js.map +1 -0
- package/dist/cjs/Toast/index.js +8 -0
- package/dist/cjs/Toast/index.js.map +1 -0
- package/dist/cjs/Toast/toast.js +63 -0
- package/dist/cjs/Toast/toast.js.map +1 -0
- package/dist/cjs/Toast/toast_container.js +76 -0
- package/dist/cjs/Toast/toast_container.js.map +1 -0
- package/dist/cjs/Toast/toast_context.js +37 -0
- package/dist/cjs/Toast/toast_context.js.map +1 -0
- package/dist/cjs/Toast/toast_provider.js +121 -0
- package/dist/cjs/Toast/toast_provider.js.map +1 -0
- package/dist/cjs/Toast/use_toast.js +31 -0
- package/dist/cjs/Toast/use_toast.js.map +1 -0
- package/dist/cjs/Tooltip/index.js +6 -0
- package/dist/cjs/Tooltip/index.js.map +1 -0
- package/dist/cjs/Tooltip/tooltip.js +146 -0
- package/dist/cjs/Tooltip/tooltip.js.map +1 -0
- package/dist/cjs/Typography/index.js.map +1 -1
- package/dist/cjs/Typography/typography.js +44 -23
- package/dist/cjs/Typography/typography.js.map +1 -1
- package/dist/cjs/hooks/index.js +17 -1
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/use_autocomplete.js +357 -0
- package/dist/cjs/hooks/use_autocomplete.js.map +1 -0
- package/dist/cjs/hooks/use_clipboard.js +57 -0
- package/dist/cjs/hooks/use_clipboard.js.map +1 -0
- package/dist/cjs/hooks/use_controllable.js +36 -0
- package/dist/cjs/hooks/use_controllable.js.map +1 -0
- package/dist/cjs/hooks/use_event_callback.js +48 -0
- package/dist/cjs/hooks/use_event_callback.js.map +1 -0
- package/dist/cjs/hooks/use_id.js +15 -0
- package/dist/cjs/hooks/use_id.js.map +1 -0
- package/dist/cjs/hooks/use_image.js +38 -0
- package/dist/cjs/hooks/use_image.js.map +1 -0
- package/dist/cjs/hooks/use_media_query.js +2 -2
- package/dist/cjs/hooks/use_media_query.js.map +1 -1
- package/dist/cjs/hooks/use_merged_ref.js +24 -0
- package/dist/cjs/hooks/use_merged_ref.js.map +1 -0
- package/dist/cjs/hooks/use_window_event_listener.js +22 -0
- package/dist/cjs/hooks/use_window_event_listener.js.map +1 -0
- package/dist/cjs/icons/arrow_drop_down_icon.js +22 -0
- package/dist/cjs/icons/arrow_drop_down_icon.js.map +1 -0
- package/dist/cjs/icons/check_circle_icon.js +23 -0
- package/dist/cjs/icons/check_circle_icon.js.map +1 -0
- package/dist/cjs/icons/check_icon.js +22 -0
- package/dist/cjs/icons/check_icon.js.map +1 -0
- package/dist/cjs/icons/close_circle_icon.js +23 -0
- package/dist/cjs/icons/close_circle_icon.js.map +1 -0
- package/dist/cjs/icons/close_icon.js +22 -0
- package/dist/cjs/icons/close_icon.js.map +1 -0
- package/dist/cjs/icons/close_small_icon.js +22 -0
- package/dist/cjs/icons/close_small_icon.js.map +1 -0
- package/dist/cjs/icons/dot_icon.js +22 -0
- package/dist/cjs/icons/dot_icon.js.map +1 -0
- package/dist/cjs/icons/index.js +22 -0
- package/dist/cjs/icons/index.js.map +1 -0
- package/dist/cjs/icons/plus_icon.js +22 -0
- package/dist/cjs/icons/plus_icon.js.map +1 -0
- package/dist/cjs/icons/warning_icon.js +24 -0
- package/dist/cjs/icons/warning_icon.js.map +1 -0
- package/dist/cjs/index.js +25 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/styles/colors/additional.js +0 -2
- package/dist/cjs/styles/colors/additional.js.map +1 -1
- package/dist/cjs/styles/colors/attention.js +24 -0
- package/dist/cjs/styles/colors/attention.js.map +1 -0
- package/dist/cjs/styles/colors/grayscale.js +11 -11
- package/dist/cjs/styles/colors/grayscale.js.map +1 -1
- package/dist/cjs/styles/colors/index.js +7 -1
- package/dist/cjs/styles/colors/index.js.map +1 -1
- package/dist/cjs/styles/colors/primary.js +1 -1
- package/dist/cjs/styles/colors/primary.js.map +1 -1
- package/dist/cjs/styles/colors/secondary.js +1 -1
- package/dist/cjs/styles/colors/secondary.js.map +1 -1
- package/dist/cjs/styles/colors/success.js +24 -0
- package/dist/cjs/styles/colors/success.js.map +1 -0
- package/dist/cjs/styles/colors/wrong.js +1 -1
- package/dist/cjs/styles/colors/wrong.js.map +1 -1
- package/dist/cjs/styles/css.js +1 -1
- package/dist/cjs/styles/css.js.map +1 -1
- package/dist/cjs/styles/default_theme.js +5 -3
- package/dist/cjs/styles/default_theme.js.map +1 -1
- package/dist/cjs/styles/index.js +8 -5
- package/dist/cjs/styles/index.js.map +1 -1
- package/dist/cjs/styles/sizes/base.js +26 -0
- package/dist/cjs/styles/sizes/base.js.map +1 -0
- package/dist/cjs/styles/sizes/index.js +7 -0
- package/dist/cjs/styles/sizes/index.js.map +1 -0
- package/dist/cjs/styles/theme_provider.js +36 -4
- package/dist/cjs/styles/theme_provider.js.map +1 -1
- package/dist/cjs/styles/utils.js +36 -51
- package/dist/cjs/styles/utils.js.map +1 -1
- package/dist/cjs/utils/owner_document.js +8 -0
- package/dist/cjs/utils/owner_document.js.map +1 -0
- package/dist/esm/Alert/alert.js +83 -0
- package/dist/esm/Alert/alert.js.map +1 -0
- package/dist/esm/Alert/index.js +2 -0
- package/dist/esm/Alert/index.js.map +1 -0
- package/dist/esm/Autocomplete/autocomplete.js +253 -0
- package/dist/esm/Autocomplete/autocomplete.js.map +1 -0
- package/dist/esm/Autocomplete/index.js +2 -0
- package/dist/esm/Autocomplete/index.js.map +1 -0
- package/dist/esm/Avatar/avatar.js +25 -49
- package/dist/esm/Avatar/avatar.js.map +1 -1
- package/dist/esm/Backdrop/backdrop.js +2 -2
- package/dist/esm/Backdrop/backdrop.js.map +1 -1
- package/dist/esm/Backdrop/index.js.map +1 -1
- package/dist/esm/Box/box.js +15 -8
- package/dist/esm/Box/box.js.map +1 -1
- package/dist/esm/Box/index.js +1 -1
- package/dist/esm/Box/index.js.map +1 -1
- package/dist/esm/Button/button.js +44 -25
- package/dist/esm/Button/button.js.map +1 -1
- package/dist/esm/Button/index.js +1 -1
- package/dist/esm/Button/index.js.map +1 -1
- package/dist/esm/ButtonBase/button_base.js +150 -42
- package/dist/esm/ButtonBase/button_base.js.map +1 -1
- package/dist/esm/ButtonBase/index.js +1 -1
- package/dist/esm/ButtonBase/index.js.map +1 -1
- package/dist/esm/Checkbox/checkbox.js +122 -0
- package/dist/esm/Checkbox/checkbox.js.map +1 -0
- package/dist/esm/Checkbox/index.js +2 -0
- package/dist/esm/Checkbox/index.js.map +1 -0
- package/dist/esm/Chip/chip.js +193 -0
- package/dist/esm/Chip/chip.js.map +1 -0
- package/dist/esm/Chip/index.js +2 -0
- package/dist/esm/Chip/index.js.map +1 -0
- package/dist/esm/CircularProgress/circular_progress.js +86 -0
- package/dist/esm/CircularProgress/circular_progress.js.map +1 -0
- package/dist/esm/CircularProgress/index.js +2 -0
- package/dist/esm/CircularProgress/index.js.map +1 -0
- package/dist/esm/Collapse/collapse.js +6 -6
- package/dist/esm/Collapse/collapse.js.map +1 -1
- package/dist/esm/Dialog/dialog.js +98 -0
- package/dist/esm/Dialog/dialog.js.map +1 -0
- package/dist/esm/Dialog/dialog_actions.js +46 -0
- package/dist/esm/Dialog/dialog_actions.js.map +1 -0
- package/dist/esm/Dialog/dialog_content.js +70 -0
- package/dist/esm/Dialog/dialog_content.js.map +1 -0
- package/dist/esm/Dialog/dialog_title.js +52 -0
- package/dist/esm/Dialog/dialog_title.js.map +1 -0
- package/dist/esm/Dialog/index.js +5 -0
- package/dist/esm/Dialog/index.js.map +1 -0
- package/dist/esm/Drawer/drawer.js +7 -4
- package/dist/esm/Drawer/drawer.js.map +1 -1
- package/dist/esm/Fab/fab.js +14 -4
- package/dist/esm/Fab/fab.js.map +1 -1
- package/dist/esm/Fab/index.js +1 -1
- package/dist/esm/Fab/index.js.map +1 -1
- package/dist/esm/Fade/fade.js +28 -7
- package/dist/esm/Fade/fade.js.map +1 -1
- package/dist/esm/FocusTrap/focus_trap.js +36 -0
- package/dist/esm/FocusTrap/focus_trap.js.map +1 -0
- package/dist/esm/FocusTrap/index.js +2 -0
- package/dist/esm/FocusTrap/index.js.map +1 -0
- package/dist/esm/IconButton/icon_button.js +57 -0
- package/dist/esm/IconButton/icon_button.js.map +1 -0
- package/dist/esm/IconButton/index.js +2 -0
- package/dist/esm/IconButton/index.js.map +1 -0
- package/dist/esm/Image/image.js +43 -0
- package/dist/esm/Image/image.js.map +1 -0
- package/dist/esm/Image/index.js +2 -0
- package/dist/esm/Image/index.js.map +1 -0
- package/dist/esm/LinearProgress/index.js +2 -0
- package/dist/esm/LinearProgress/index.js.map +1 -0
- package/dist/esm/LinearProgress/linear_progress.js +62 -0
- package/dist/esm/LinearProgress/linear_progress.js.map +1 -0
- package/dist/esm/Menu/index.js +2 -0
- package/dist/esm/Menu/index.js.map +1 -0
- package/dist/esm/Menu/menu.js +135 -0
- package/dist/esm/Menu/menu.js.map +1 -0
- package/dist/esm/Modal/index.js.map +1 -1
- package/dist/esm/Modal/modal.js +38 -8
- package/dist/esm/Modal/modal.js.map +1 -1
- package/dist/esm/OverridableComponent.js +2 -0
- package/dist/esm/OverridableComponent.js.map +1 -0
- package/dist/esm/Popover/index.js +2 -0
- package/dist/esm/Popover/index.js.map +1 -0
- package/dist/esm/Popover/popover.js +77 -0
- package/dist/esm/Popover/popover.js.map +1 -0
- package/dist/esm/Popper/index.js +2 -0
- package/dist/esm/Popper/index.js.map +1 -0
- package/dist/esm/Popper/popper.js +64 -0
- package/dist/esm/Popper/popper.js.map +1 -0
- package/dist/esm/Radio/index.js +2 -0
- package/dist/esm/Radio/index.js.map +1 -0
- package/dist/esm/Radio/radio.js +123 -0
- package/dist/esm/Radio/radio.js.map +1 -0
- package/dist/esm/Select/select.js +47 -24
- package/dist/esm/Select/select.js.map +1 -1
- package/dist/esm/Skeleton/index.js +2 -0
- package/dist/esm/Skeleton/index.js.map +1 -0
- package/dist/esm/Skeleton/skeleton.js +77 -0
- package/dist/esm/Skeleton/skeleton.js.map +1 -0
- package/dist/esm/Slide/slide.js +43 -6
- package/dist/esm/Slide/slide.js.map +1 -1
- package/dist/esm/Slider/index.js +2 -0
- package/dist/esm/Slider/index.js.map +1 -0
- package/dist/esm/Slider/slider.js +100 -0
- package/dist/esm/Slider/slider.js.map +1 -0
- package/dist/esm/Switch/index.js +2 -0
- package/dist/esm/Switch/index.js.map +1 -0
- package/dist/esm/Switch/switch.js +112 -0
- package/dist/esm/Switch/switch.js.map +1 -0
- package/dist/esm/Tabs/index.js +1 -1
- package/dist/esm/Tabs/index.js.map +1 -1
- package/dist/esm/Tabs/tab.js +36 -13
- package/dist/esm/Tabs/tab.js.map +1 -1
- package/dist/esm/Tabs/tabs.js.map +1 -1
- package/dist/esm/TextField/text_field.js +11 -12
- package/dist/esm/TextField/text_field.js.map +1 -1
- package/dist/esm/TextareaField/index.js +2 -0
- package/dist/esm/TextareaField/index.js.map +1 -0
- package/dist/esm/TextareaField/textarea_field.js +118 -0
- package/dist/esm/TextareaField/textarea_field.js.map +1 -0
- package/dist/esm/Toast/index.js +3 -0
- package/dist/esm/Toast/index.js.map +1 -0
- package/dist/esm/Toast/toast.js +36 -0
- package/dist/esm/Toast/toast.js.map +1 -0
- package/dist/esm/Toast/toast_container.js +49 -0
- package/dist/esm/Toast/toast_container.js.map +1 -0
- package/dist/esm/Toast/toast_context.js +11 -0
- package/dist/esm/Toast/toast_context.js.map +1 -0
- package/dist/esm/Toast/toast_provider.js +94 -0
- package/dist/esm/Toast/toast_provider.js.map +1 -0
- package/dist/esm/Toast/use_toast.js +4 -0
- package/dist/esm/Toast/use_toast.js.map +1 -0
- package/dist/esm/Tooltip/index.js +2 -0
- package/dist/esm/Tooltip/index.js.map +1 -0
- package/dist/esm/Tooltip/tooltip.js +139 -0
- package/dist/esm/Tooltip/tooltip.js.map +1 -0
- package/dist/esm/Typography/index.js +1 -1
- package/dist/esm/Typography/index.js.map +1 -1
- package/dist/esm/Typography/typography.js +35 -18
- package/dist/esm/Typography/typography.js.map +1 -1
- package/dist/esm/hooks/index.js +8 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/use_autocomplete.js +350 -0
- package/dist/esm/hooks/use_autocomplete.js.map +1 -0
- package/dist/esm/hooks/use_clipboard.js +50 -0
- package/dist/esm/hooks/use_clipboard.js.map +1 -0
- package/dist/esm/hooks/use_controllable.js +32 -0
- package/dist/esm/hooks/use_controllable.js.map +1 -0
- package/dist/esm/hooks/use_event_callback.js +21 -0
- package/dist/esm/hooks/use_event_callback.js.map +1 -0
- package/dist/esm/hooks/use_id.js +11 -0
- package/dist/esm/hooks/use_id.js.map +1 -0
- package/dist/esm/hooks/use_image.js +34 -0
- package/dist/esm/hooks/use_image.js.map +1 -0
- package/dist/esm/hooks/use_merged_ref.js +20 -0
- package/dist/esm/hooks/use_merged_ref.js.map +1 -0
- package/dist/esm/hooks/use_window_event_listener.js +15 -0
- package/dist/esm/hooks/use_window_event_listener.js.map +1 -0
- package/dist/esm/icons/arrow_drop_down_icon.js +15 -0
- package/dist/esm/icons/arrow_drop_down_icon.js.map +1 -0
- package/dist/esm/icons/check_circle_icon.js +16 -0
- package/dist/esm/icons/check_circle_icon.js.map +1 -0
- package/dist/esm/icons/check_icon.js +15 -0
- package/dist/esm/icons/check_icon.js.map +1 -0
- package/dist/esm/icons/close_circle_icon.js +16 -0
- package/dist/esm/icons/close_circle_icon.js.map +1 -0
- package/dist/esm/icons/close_icon.js +15 -0
- package/dist/esm/icons/close_icon.js.map +1 -0
- package/dist/esm/icons/close_small_icon.js +15 -0
- package/dist/esm/icons/close_small_icon.js.map +1 -0
- package/dist/esm/icons/dot_icon.js +15 -0
- package/dist/esm/icons/dot_icon.js.map +1 -0
- package/dist/esm/icons/index.js +10 -0
- package/dist/esm/icons/index.js.map +1 -0
- package/dist/esm/icons/plus_icon.js +15 -0
- package/dist/esm/icons/plus_icon.js.map +1 -0
- package/dist/esm/icons/warning_icon.js +17 -0
- package/dist/esm/icons/warning_icon.js.map +1 -0
- package/dist/esm/index.js +20 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/styles/colors/additional.js +0 -2
- package/dist/esm/styles/colors/additional.js.map +1 -1
- package/dist/esm/styles/colors/attention.js +20 -0
- package/dist/esm/styles/colors/attention.js.map +1 -0
- package/dist/esm/styles/colors/grayscale.js +11 -11
- package/dist/esm/styles/colors/grayscale.js.map +1 -1
- package/dist/esm/styles/colors/index.js +2 -0
- package/dist/esm/styles/colors/index.js.map +1 -1
- package/dist/esm/styles/colors/success.js +20 -0
- package/dist/esm/styles/colors/success.js.map +1 -0
- package/dist/esm/styles/default_theme.js +6 -4
- package/dist/esm/styles/default_theme.js.map +1 -1
- package/dist/esm/styles/index.js +1 -2
- package/dist/esm/styles/index.js.map +1 -1
- package/dist/esm/styles/sizes/base.js +22 -0
- package/dist/esm/styles/sizes/base.js.map +1 -0
- package/dist/esm/styles/sizes/index.js +2 -0
- package/dist/esm/styles/sizes/index.js.map +1 -0
- package/dist/esm/styles/theme_provider.js +13 -4
- package/dist/esm/styles/theme_provider.js.map +1 -1
- package/dist/esm/styles/utils.js +31 -48
- package/dist/esm/styles/utils.js.map +1 -1
- package/dist/esm/utils/owner_document.js +4 -0
- package/dist/esm/utils/owner_document.js.map +1 -0
- package/dist/esnext/Alert/alert.js +71 -0
- package/dist/esnext/Alert/alert.js.map +1 -0
- package/dist/esnext/Alert/index.js +2 -0
- package/dist/esnext/Alert/index.js.map +1 -0
- package/dist/esnext/Autocomplete/autocomplete.js +257 -0
- package/dist/esnext/Autocomplete/autocomplete.js.map +1 -0
- package/dist/esnext/Autocomplete/index.js +2 -0
- package/dist/esnext/Autocomplete/index.js.map +1 -0
- package/dist/esnext/Avatar/avatar.js +25 -49
- package/dist/esnext/Avatar/avatar.js.map +1 -1
- package/dist/esnext/Backdrop/backdrop.js +4 -4
- package/dist/esnext/Backdrop/backdrop.js.map +1 -1
- package/dist/esnext/Backdrop/index.js.map +1 -1
- package/dist/esnext/Box/box.js +13 -11
- package/dist/esnext/Box/box.js.map +1 -1
- package/dist/esnext/Box/index.js +1 -1
- package/dist/esnext/Box/index.js.map +1 -1
- package/dist/esnext/Button/button.js +59 -22
- package/dist/esnext/Button/button.js.map +1 -1
- package/dist/esnext/Button/index.js +1 -1
- package/dist/esnext/Button/index.js.map +1 -1
- package/dist/esnext/ButtonBase/button_base.js +150 -42
- package/dist/esnext/ButtonBase/button_base.js.map +1 -1
- package/dist/esnext/ButtonBase/index.js +1 -1
- package/dist/esnext/ButtonBase/index.js.map +1 -1
- package/dist/esnext/Checkbox/checkbox.js +99 -0
- package/dist/esnext/Checkbox/checkbox.js.map +1 -0
- package/dist/esnext/Checkbox/index.js +2 -0
- package/dist/esnext/Checkbox/index.js.map +1 -0
- package/dist/esnext/Chip/chip.js +203 -0
- package/dist/esnext/Chip/chip.js.map +1 -0
- package/dist/esnext/Chip/index.js +2 -0
- package/dist/esnext/Chip/index.js.map +1 -0
- package/dist/esnext/CircularProgress/circular_progress.js +78 -0
- package/dist/esnext/CircularProgress/circular_progress.js.map +1 -0
- package/dist/esnext/CircularProgress/index.js +2 -0
- package/dist/esnext/CircularProgress/index.js.map +1 -0
- package/dist/esnext/Collapse/collapse.js +6 -6
- package/dist/esnext/Collapse/collapse.js.map +1 -1
- package/dist/esnext/Dialog/dialog.js +89 -0
- package/dist/esnext/Dialog/dialog.js.map +1 -0
- package/dist/esnext/Dialog/dialog_actions.js +23 -0
- package/dist/esnext/Dialog/dialog_actions.js.map +1 -0
- package/dist/esnext/Dialog/dialog_content.js +47 -0
- package/dist/esnext/Dialog/dialog_content.js.map +1 -0
- package/dist/esnext/Dialog/dialog_title.js +29 -0
- package/dist/esnext/Dialog/dialog_title.js.map +1 -0
- package/dist/esnext/Dialog/index.js +5 -0
- package/dist/esnext/Dialog/index.js.map +1 -0
- package/dist/esnext/Drawer/drawer.js +8 -5
- package/dist/esnext/Drawer/drawer.js.map +1 -1
- package/dist/esnext/Fab/fab.js +16 -6
- package/dist/esnext/Fab/fab.js.map +1 -1
- package/dist/esnext/Fab/index.js +1 -1
- package/dist/esnext/Fab/index.js.map +1 -1
- package/dist/esnext/Fade/fade.js +20 -6
- package/dist/esnext/Fade/fade.js.map +1 -1
- package/dist/esnext/FocusTrap/focus_trap.js +31 -0
- package/dist/esnext/FocusTrap/focus_trap.js.map +1 -0
- package/dist/esnext/FocusTrap/index.js +2 -0
- package/dist/esnext/FocusTrap/index.js.map +1 -0
- package/dist/esnext/IconButton/icon_button.js +34 -0
- package/dist/esnext/IconButton/icon_button.js.map +1 -0
- package/dist/esnext/IconButton/index.js +2 -0
- package/dist/esnext/IconButton/index.js.map +1 -0
- package/dist/esnext/Image/image.js +21 -0
- package/dist/esnext/Image/image.js.map +1 -0
- package/dist/esnext/Image/index.js +2 -0
- package/dist/esnext/Image/index.js.map +1 -0
- package/dist/esnext/LinearProgress/index.js +2 -0
- package/dist/esnext/LinearProgress/index.js.map +1 -0
- package/dist/esnext/LinearProgress/linear_progress.js +41 -0
- package/dist/esnext/LinearProgress/linear_progress.js.map +1 -0
- package/dist/esnext/Menu/index.js +2 -0
- package/dist/esnext/Menu/index.js.map +1 -0
- package/dist/esnext/Menu/menu.js +114 -0
- package/dist/esnext/Menu/menu.js.map +1 -0
- package/dist/esnext/Modal/index.js.map +1 -1
- package/dist/esnext/Modal/modal.js +39 -9
- package/dist/esnext/Modal/modal.js.map +1 -1
- package/dist/esnext/OverridableComponent.js +2 -0
- package/dist/esnext/OverridableComponent.js.map +1 -0
- package/dist/esnext/Popover/index.js +2 -0
- package/dist/esnext/Popover/index.js.map +1 -0
- package/dist/esnext/Popover/popover.js +52 -0
- package/dist/esnext/Popover/popover.js.map +1 -0
- package/dist/esnext/Popper/index.js +2 -0
- package/dist/esnext/Popper/index.js.map +1 -0
- package/dist/esnext/Popper/popper.js +40 -0
- package/dist/esnext/Popper/popper.js.map +1 -0
- package/dist/esnext/Radio/index.js +2 -0
- package/dist/esnext/Radio/index.js.map +1 -0
- package/dist/esnext/Radio/radio.js +100 -0
- package/dist/esnext/Radio/radio.js.map +1 -0
- package/dist/esnext/Select/select.js +43 -20
- package/dist/esnext/Select/select.js.map +1 -1
- package/dist/esnext/Skeleton/index.js +2 -0
- package/dist/esnext/Skeleton/index.js.map +1 -0
- package/dist/esnext/Skeleton/skeleton.js +73 -0
- package/dist/esnext/Skeleton/skeleton.js.map +1 -0
- package/dist/esnext/Slide/slide.js +44 -7
- package/dist/esnext/Slide/slide.js.map +1 -1
- package/dist/esnext/Slider/index.js +2 -0
- package/dist/esnext/Slider/index.js.map +1 -0
- package/dist/esnext/Slider/slider.js +77 -0
- package/dist/esnext/Slider/slider.js.map +1 -0
- package/dist/esnext/Switch/index.js +2 -0
- package/dist/esnext/Switch/index.js.map +1 -0
- package/dist/esnext/Switch/switch.js +89 -0
- package/dist/esnext/Switch/switch.js.map +1 -0
- package/dist/esnext/Tabs/index.js +1 -1
- package/dist/esnext/Tabs/index.js.map +1 -1
- package/dist/esnext/Tabs/tab.js +37 -14
- package/dist/esnext/Tabs/tab.js.map +1 -1
- package/dist/esnext/Tabs/tabs.js +2 -2
- package/dist/esnext/Tabs/tabs.js.map +1 -1
- package/dist/esnext/TextField/text_field.js +12 -13
- package/dist/esnext/TextField/text_field.js.map +1 -1
- package/dist/esnext/TextareaField/index.js +2 -0
- package/dist/esnext/TextareaField/index.js.map +1 -0
- package/dist/esnext/TextareaField/textarea_field.js +95 -0
- package/dist/esnext/TextareaField/textarea_field.js.map +1 -0
- package/dist/esnext/Toast/index.js +3 -0
- package/dist/esnext/Toast/index.js.map +1 -0
- package/dist/esnext/Toast/toast.js +25 -0
- package/dist/esnext/Toast/toast.js.map +1 -0
- package/dist/esnext/Toast/toast_container.js +26 -0
- package/dist/esnext/Toast/toast_container.js.map +1 -0
- package/dist/esnext/Toast/toast_context.js +11 -0
- package/dist/esnext/Toast/toast_context.js.map +1 -0
- package/dist/esnext/Toast/toast_provider.js +80 -0
- package/dist/esnext/Toast/toast_provider.js.map +1 -0
- package/dist/esnext/Toast/use_toast.js +4 -0
- package/dist/esnext/Toast/use_toast.js.map +1 -0
- package/dist/esnext/Tooltip/index.js +2 -0
- package/dist/esnext/Tooltip/index.js.map +1 -0
- package/dist/esnext/Tooltip/tooltip.js +118 -0
- package/dist/esnext/Tooltip/tooltip.js.map +1 -0
- package/dist/esnext/Typography/index.js +1 -1
- package/dist/esnext/Typography/index.js.map +1 -1
- package/dist/esnext/Typography/typography.js +31 -19
- package/dist/esnext/Typography/typography.js.map +1 -1
- package/dist/esnext/hooks/index.js +8 -0
- package/dist/esnext/hooks/index.js.map +1 -1
- package/dist/esnext/hooks/use_autocomplete.js +345 -0
- package/dist/esnext/hooks/use_autocomplete.js.map +1 -0
- package/dist/esnext/hooks/use_clipboard.js +38 -0
- package/dist/esnext/hooks/use_clipboard.js.map +1 -0
- package/dist/esnext/hooks/use_controllable.js +26 -0
- package/dist/esnext/hooks/use_controllable.js.map +1 -0
- package/dist/esnext/hooks/use_event_callback.js +16 -0
- package/dist/esnext/hooks/use_event_callback.js.map +1 -0
- package/dist/esnext/hooks/use_id.js +11 -0
- package/dist/esnext/hooks/use_id.js.map +1 -0
- package/dist/esnext/hooks/use_image.js +33 -0
- package/dist/esnext/hooks/use_image.js.map +1 -0
- package/dist/esnext/hooks/use_merged_ref.js +14 -0
- package/dist/esnext/hooks/use_merged_ref.js.map +1 -0
- package/dist/esnext/hooks/use_window_event_listener.js +14 -0
- package/dist/esnext/hooks/use_window_event_listener.js.map +1 -0
- package/dist/esnext/icons/arrow_drop_down_icon.js +4 -0
- package/dist/esnext/icons/arrow_drop_down_icon.js.map +1 -0
- package/dist/esnext/icons/check_circle_icon.js +5 -0
- package/dist/esnext/icons/check_circle_icon.js.map +1 -0
- package/dist/esnext/icons/check_icon.js +4 -0
- package/dist/esnext/icons/check_icon.js.map +1 -0
- package/dist/esnext/icons/close_circle_icon.js +5 -0
- package/dist/esnext/icons/close_circle_icon.js.map +1 -0
- package/dist/esnext/icons/close_icon.js +4 -0
- package/dist/esnext/icons/close_icon.js.map +1 -0
- package/dist/esnext/icons/close_small_icon.js +4 -0
- package/dist/esnext/icons/close_small_icon.js.map +1 -0
- package/dist/esnext/icons/dot_icon.js +4 -0
- package/dist/esnext/icons/dot_icon.js.map +1 -0
- package/dist/esnext/icons/index.js +10 -0
- package/dist/esnext/icons/index.js.map +1 -0
- package/dist/esnext/icons/plus_icon.js +4 -0
- package/dist/esnext/icons/plus_icon.js.map +1 -0
- package/dist/esnext/icons/warning_icon.js +6 -0
- package/dist/esnext/icons/warning_icon.js.map +1 -0
- package/dist/esnext/index.js +20 -0
- package/dist/esnext/index.js.map +1 -1
- package/dist/esnext/styles/colors/additional.js +0 -2
- package/dist/esnext/styles/colors/additional.js.map +1 -1
- package/dist/esnext/styles/colors/attention.js +19 -0
- package/dist/esnext/styles/colors/attention.js.map +1 -0
- package/dist/esnext/styles/colors/grayscale.js +11 -11
- package/dist/esnext/styles/colors/grayscale.js.map +1 -1
- package/dist/esnext/styles/colors/index.js +2 -0
- package/dist/esnext/styles/colors/index.js.map +1 -1
- package/dist/esnext/styles/colors/success.js +19 -0
- package/dist/esnext/styles/colors/success.js.map +1 -0
- package/dist/esnext/styles/default_theme.js +24 -6
- package/dist/esnext/styles/default_theme.js.map +1 -1
- package/dist/esnext/styles/index.js +1 -2
- package/dist/esnext/styles/index.js.map +1 -1
- package/dist/esnext/styles/sizes/base.js +19 -0
- package/dist/esnext/styles/sizes/base.js.map +1 -0
- package/dist/esnext/styles/sizes/index.js +2 -0
- package/dist/esnext/styles/sizes/index.js.map +1 -0
- package/dist/esnext/styles/theme_provider.js +13 -4
- package/dist/esnext/styles/theme_provider.js.map +1 -1
- package/dist/esnext/styles/utils.js +37 -52
- package/dist/esnext/styles/utils.js.map +1 -1
- package/dist/esnext/utils/owner_document.js +4 -0
- package/dist/esnext/utils/owner_document.js.map +1 -0
- package/dist/types/Alert/alert.d.ts +27 -0
- package/dist/types/Alert/index.d.ts +1 -0
- package/dist/types/Autocomplete/autocomplete.d.ts +94 -0
- package/dist/types/Autocomplete/index.d.ts +1 -0
- package/dist/types/Avatar/avatar.d.ts +29 -9
- package/dist/types/Backdrop/backdrop.d.ts +4 -0
- package/dist/types/Backdrop/index.d.ts +1 -1
- package/dist/types/Box/box.d.ts +16 -9
- package/dist/types/Box/index.d.ts +1 -1
- package/dist/types/Button/button.d.ts +29 -10
- package/dist/types/Button/index.d.ts +1 -1
- package/dist/types/ButtonBase/button_base.d.ts +26 -7
- package/dist/types/ButtonBase/index.d.ts +1 -1
- package/dist/types/Checkbox/checkbox.d.ts +43 -0
- package/dist/types/Checkbox/index.d.ts +1 -0
- package/dist/types/Chip/chip.d.ts +50 -0
- package/dist/types/Chip/index.d.ts +1 -0
- package/dist/types/CircularProgress/circular_progress.d.ts +21 -0
- package/dist/types/CircularProgress/index.d.ts +1 -0
- package/dist/types/Dialog/dialog.d.ts +51 -0
- package/dist/types/Dialog/dialog_actions.d.ts +13 -0
- package/dist/types/Dialog/dialog_content.d.ts +21 -0
- package/dist/types/Dialog/dialog_title.d.ts +17 -0
- package/dist/types/Dialog/index.d.ts +4 -0
- package/dist/types/Drawer/drawer.d.ts +16 -5
- package/dist/types/Fab/fab.d.ts +22 -4
- package/dist/types/Fab/index.d.ts +1 -1
- package/dist/types/Fade/fade.d.ts +5 -2
- package/dist/types/FocusTrap/focus_trap.d.ts +19 -0
- package/dist/types/FocusTrap/index.d.ts +1 -0
- package/dist/types/IconButton/icon_button.d.ts +23 -0
- package/dist/types/IconButton/index.d.ts +1 -0
- package/dist/types/Image/image.d.ts +22 -0
- package/dist/types/Image/index.d.ts +1 -0
- package/dist/types/LinearProgress/index.d.ts +1 -0
- package/dist/types/LinearProgress/linear_progress.d.ts +17 -0
- package/dist/types/Menu/index.d.ts +1 -0
- package/dist/types/Menu/menu.d.ts +35 -0
- package/dist/types/Modal/index.d.ts +1 -1
- package/dist/types/Modal/modal.d.ts +37 -6
- package/dist/types/OverridableComponent.d.ts +50 -0
- package/dist/types/Popover/index.d.ts +1 -0
- package/dist/types/Popover/popover.d.ts +36 -0
- package/dist/types/Popper/index.d.ts +1 -0
- package/dist/types/Popper/popper.d.ts +31 -0
- package/dist/types/Radio/index.d.ts +1 -0
- package/dist/types/Radio/radio.d.ts +47 -0
- package/dist/types/Select/select.d.ts +9 -6
- package/dist/types/Skeleton/index.d.ts +1 -0
- package/dist/types/Skeleton/skeleton.d.ts +36 -0
- package/dist/types/Slide/slide.d.ts +6 -3
- package/dist/types/Slider/index.d.ts +1 -0
- package/dist/types/Slider/slider.d.ts +40 -0
- package/dist/types/Switch/index.d.ts +1 -0
- package/dist/types/Switch/switch.d.ts +43 -0
- package/dist/types/Tabs/index.d.ts +1 -1
- package/dist/types/Tabs/tab.d.ts +21 -5
- package/dist/types/Tabs/tabs.d.ts +5 -2
- package/dist/types/TextField/text_field.d.ts +14 -7
- package/dist/types/TextareaField/index.d.ts +1 -0
- package/dist/types/TextareaField/textarea_field.d.ts +72 -0
- package/dist/types/Toast/index.d.ts +3 -0
- package/dist/types/Toast/toast.d.ts +26 -0
- package/dist/types/Toast/toast_container.d.ts +10 -0
- package/dist/types/Toast/toast_context.d.ts +39 -0
- package/dist/types/Toast/toast_provider.d.ts +18 -0
- package/dist/types/Toast/use_toast.d.ts +2 -0
- package/dist/types/Tooltip/index.d.ts +1 -0
- package/dist/types/Tooltip/tooltip.d.ts +51 -0
- package/dist/types/Typography/index.d.ts +1 -1
- package/dist/types/Typography/typography.d.ts +16 -9
- package/dist/types/hooks/index.d.ts +8 -0
- package/dist/types/hooks/use_autocomplete.d.ts +97 -0
- package/dist/types/hooks/use_clipboard.d.ts +26 -0
- package/dist/types/hooks/use_controllable.d.ts +24 -0
- package/dist/types/hooks/use_event_callback.d.ts +4 -0
- package/dist/types/hooks/use_id.d.ts +5 -0
- package/dist/types/hooks/use_image.d.ts +34 -0
- package/dist/types/hooks/use_merged_ref.d.ts +6 -0
- package/dist/types/hooks/use_window_event_listener.d.ts +2 -0
- package/dist/types/icons/arrow_drop_down_icon.d.ts +4 -0
- package/dist/types/icons/check_circle_icon.d.ts +4 -0
- package/dist/types/icons/check_icon.d.ts +4 -0
- package/dist/types/icons/close_circle_icon.d.ts +4 -0
- package/dist/types/icons/close_icon.d.ts +4 -0
- package/dist/types/icons/close_small_icon.d.ts +4 -0
- package/dist/types/icons/dot_icon.d.ts +4 -0
- package/dist/types/icons/index.d.ts +9 -0
- package/dist/types/icons/plus_icon.d.ts +4 -0
- package/dist/types/icons/warning_icon.d.ts +4 -0
- package/dist/types/index.d.ts +20 -0
- package/dist/types/styles/colors/additional.d.ts +0 -2
- package/dist/types/styles/colors/attention.d.ts +26 -0
- package/dist/types/styles/colors/grayscale.d.ts +11 -11
- package/dist/types/styles/colors/index.d.ts +2 -0
- package/dist/types/styles/colors/success.d.ts +26 -0
- package/dist/types/styles/index.d.ts +1 -2
- package/dist/types/styles/sizes/base.d.ts +34 -0
- package/dist/types/styles/sizes/index.d.ts +1 -0
- package/dist/types/styles/theme_provider.d.ts +2 -0
- package/dist/types/styles/types.d.ts +12 -4
- package/dist/types/styles/utils.d.ts +30 -9
- package/dist/types/utils/owner_document.d.ts +1 -0
- package/dist/types/utils/use_enhanced_effect.d.ts +2 -2
- package/package.json +44 -24
|
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
16
20
|
}) : (function(o, m, k, k2) {
|
|
17
21
|
if (k2 === undefined) k2 = k;
|
|
18
22
|
o[k2] = m[k];
|
|
@@ -45,21 +49,21 @@ exports.TextField = void 0;
|
|
|
45
49
|
var React = __importStar(require("react"));
|
|
46
50
|
var styles_1 = require("../styles");
|
|
47
51
|
var Typography_1 = require("../Typography");
|
|
48
|
-
var stylesInputBase = function () { return styles_1.css({
|
|
52
|
+
var stylesInputBase = function () { return (0, styles_1.css)({
|
|
49
53
|
label: 'TextField',
|
|
50
54
|
fontFamily: 'inherit',
|
|
51
55
|
outline: 'none',
|
|
52
56
|
boxSizing: 'border-box',
|
|
53
57
|
width: '100%',
|
|
54
58
|
borderRadius: '4px',
|
|
55
|
-
padding: '0
|
|
59
|
+
padding: '0 var(--pv-size-base-2)',
|
|
56
60
|
color: 'var(--pv-color-black)',
|
|
57
61
|
backgroundColor: 'var(--pv-color-gray-1)',
|
|
58
62
|
borderStyle: 'solid',
|
|
59
63
|
borderWidth: '1px',
|
|
60
64
|
borderColor: 'var(--pv-color-gray-8)',
|
|
61
65
|
transition: 'background-color 200ms, color 200ms, border-color 200ms',
|
|
62
|
-
display: '
|
|
66
|
+
display: 'inline-flex',
|
|
63
67
|
appearance: 'none',
|
|
64
68
|
'&::placeholder': {
|
|
65
69
|
color: 'var(--pv-color-gray-9)',
|
|
@@ -87,47 +91,46 @@ var stylesInputBase = function () { return styles_1.css({
|
|
|
87
91
|
}, {
|
|
88
92
|
fontWeight: 'var(--pv-text-c1-weight)',
|
|
89
93
|
fontSize: 'var(--pv-text-c1-size)',
|
|
90
|
-
lineHeight: 'var(--pv-text-c1-height)',
|
|
91
94
|
letterSpacing: 'var(--pv-text-c1-spacing)',
|
|
92
95
|
}); };
|
|
93
|
-
var stylesInputSizeSmall = function () { return styles_1.css({
|
|
96
|
+
var stylesInputSizeSmall = function () { return (0, styles_1.css)({
|
|
94
97
|
label: 'small',
|
|
95
|
-
height: '
|
|
98
|
+
height: 'var(--pv-size-base-6)',
|
|
96
99
|
}); };
|
|
97
|
-
var stylesInputSizeMedium = function () { return styles_1.css({
|
|
100
|
+
var stylesInputSizeMedium = function () { return (0, styles_1.css)({
|
|
98
101
|
label: 'medium',
|
|
99
|
-
height: '
|
|
102
|
+
height: 'var(--pv-size-base-7)',
|
|
100
103
|
}); };
|
|
101
|
-
var stylesInputSizeLarge = function () { return styles_1.css({
|
|
104
|
+
var stylesInputSizeLarge = function () { return (0, styles_1.css)({
|
|
102
105
|
label: 'large',
|
|
103
|
-
height: '
|
|
106
|
+
height: 'var(--pv-size-base-8)',
|
|
104
107
|
}); };
|
|
105
|
-
var stylesLabel = function () { return styles_1.css({
|
|
106
|
-
label: '
|
|
108
|
+
var stylesLabel = function () { return (0, styles_1.css)({
|
|
109
|
+
label: 'TextField-label',
|
|
107
110
|
marginBottom: '2px',
|
|
108
111
|
display: 'inline-block',
|
|
109
112
|
}); };
|
|
110
|
-
var stylesError = function () { return styles_1.css({
|
|
111
|
-
label: '
|
|
113
|
+
var stylesError = function () { return (0, styles_1.css)({
|
|
114
|
+
label: 'TextField-error',
|
|
112
115
|
marginTop: '2px',
|
|
113
116
|
}); };
|
|
114
117
|
exports.TextField = React.forwardRef(function (props, ref) {
|
|
115
118
|
var _a, _b, _c;
|
|
116
|
-
var size = props.size, className = props.className, label = props.label,
|
|
117
|
-
return (React.createElement("div", __assign({}, other, { ref: ref,
|
|
118
|
-
label && (React.createElement("label", { htmlFor: id, className: styles_1.cx((_a = {},
|
|
119
|
+
var size = props.size, className = props.className, label = props.label, inputProps = props.inputProps, disabled = props.disabled, defaultValue = props.defaultValue, id = props.id, value = props.value, placeholder = props.placeholder, required = props.required, name = props.name, inputRef = props.inputRef, error = props.error, errorText = props.errorText, autoFocus = props.autoFocus, readOnly = props.readOnly, _d = props.type, type = _d === void 0 ? 'text' : _d, onChange = props.onChange, other = __rest(props, ["size", "className", "label", "inputProps", "disabled", "defaultValue", "id", "value", "placeholder", "required", "name", "inputRef", "error", "errorText", "autoFocus", "readOnly", "type", "onChange"]);
|
|
120
|
+
return (React.createElement("div", __assign({}, other, { ref: ref, className: className }),
|
|
121
|
+
label && (React.createElement("label", { htmlFor: id, className: (0, styles_1.cx)((_a = {},
|
|
119
122
|
_a[stylesLabel()] = true,
|
|
120
123
|
_a)) },
|
|
121
|
-
React.createElement(Typography_1.Typography, {
|
|
122
|
-
React.createElement("input", __assign({}, inputProps, { type:
|
|
124
|
+
React.createElement(Typography_1.Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
|
|
125
|
+
React.createElement("input", __assign({}, inputProps, { type: type, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef,
|
|
123
126
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
124
|
-
autoFocus: autoFocus, className: styles_1.cx((_b = {},
|
|
127
|
+
autoFocus: autoFocus, className: (0, styles_1.cx)((_b = {},
|
|
125
128
|
_b[stylesInputBase()] = true,
|
|
126
129
|
_b[stylesInputSizeSmall()] = size === 'small',
|
|
127
130
|
_b[stylesInputSizeMedium()] = size === 'medium',
|
|
128
131
|
_b[stylesInputSizeLarge()] = size === 'large',
|
|
129
132
|
_b)), "aria-invalid": error || undefined, onChange: onChange, placeholder: placeholder, readOnly: readOnly })),
|
|
130
|
-
error && errorText && (React.createElement(Typography_1.Typography, { variant: "c2", color: "wrong", className: styles_1.cx((_c = {},
|
|
133
|
+
error && errorText && (React.createElement(Typography_1.Typography, { variant: "c2", color: "wrong", className: (0, styles_1.cx)((_c = {},
|
|
131
134
|
_c[stylesError()] = true,
|
|
132
135
|
_c)) }, errorText))));
|
|
133
136
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text_field.js","sourceRoot":"","sources":["../../../src/TextField/text_field.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"text_field.js","sourceRoot":"","sources":["../../../src/TextField/text_field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TextareaField = void 0;
|
|
4
|
+
var textarea_field_1 = require("./textarea_field");
|
|
5
|
+
Object.defineProperty(exports, "TextareaField", { enumerable: true, get: function () { return textarea_field_1.TextareaField; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextareaField/index.ts"],"names":[],"mappings":";;;AAAA,mDAAiD;AAAxC,+GAAA,aAAa,OAAA"}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
+
var t = {};
|
|
38
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
+
t[p] = s[p];
|
|
40
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
+
t[p[i]] = s[p[i]];
|
|
44
|
+
}
|
|
45
|
+
return t;
|
|
46
|
+
};
|
|
47
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
+
exports.TextareaField = void 0;
|
|
49
|
+
var React = __importStar(require("react"));
|
|
50
|
+
var styles_1 = require("../styles");
|
|
51
|
+
var Typography_1 = require("../Typography");
|
|
52
|
+
var stylesInputBase = function () { return (0, styles_1.css)({
|
|
53
|
+
label: 'TextareaField',
|
|
54
|
+
fontFamily: 'inherit',
|
|
55
|
+
outline: 'none',
|
|
56
|
+
boxSizing: 'border-box',
|
|
57
|
+
width: '100%',
|
|
58
|
+
borderRadius: '4px',
|
|
59
|
+
padding: 'var(--pv-size-base) var(--pv-size-base-2)',
|
|
60
|
+
color: 'var(--pv-color-black)',
|
|
61
|
+
backgroundColor: 'var(--pv-color-gray-1)',
|
|
62
|
+
borderStyle: 'solid',
|
|
63
|
+
borderWidth: '1px',
|
|
64
|
+
borderColor: 'var(--pv-color-gray-8)',
|
|
65
|
+
transition: 'background-color 200ms, color 200ms, border-color 200ms',
|
|
66
|
+
display: 'block',
|
|
67
|
+
appearance: 'none',
|
|
68
|
+
resize: 'none',
|
|
69
|
+
'&::placeholder': {
|
|
70
|
+
color: 'var(--pv-color-gray-9)',
|
|
71
|
+
},
|
|
72
|
+
'&:hover': {
|
|
73
|
+
backgroundColor: 'var(--pv-color-gray-3)',
|
|
74
|
+
borderColor: 'var(--pv-color-gray-7)',
|
|
75
|
+
},
|
|
76
|
+
'&:disabled': {
|
|
77
|
+
cursor: 'not-allowed',
|
|
78
|
+
backgroundColor: 'var(--pv-color-gray-1)',
|
|
79
|
+
borderColor: 'var(--pv-color-gray-5)',
|
|
80
|
+
color: 'var(--pv-color-gray-7)',
|
|
81
|
+
},
|
|
82
|
+
'&:not(:disabled)': {
|
|
83
|
+
'&[aria-invalid]': {
|
|
84
|
+
backgroundColor: 'var(--pv-color-wrong-tint-5)',
|
|
85
|
+
borderColor: 'var(--pv-color-wrong-tint-3)',
|
|
86
|
+
},
|
|
87
|
+
'&:focus': {
|
|
88
|
+
backgroundColor: 'var(--pv-color-secondary-tint-5)',
|
|
89
|
+
borderColor: 'var(--pv-color-secondary-tint-3)',
|
|
90
|
+
},
|
|
91
|
+
},
|
|
92
|
+
}, {
|
|
93
|
+
fontWeight: 'var(--pv-text-c1-weight)',
|
|
94
|
+
fontSize: 'var(--pv-text-c1-size)',
|
|
95
|
+
lineHeight: 'var(--pv-text-c1-height)',
|
|
96
|
+
letterSpacing: 'var(--pv-text-c1-spacing)',
|
|
97
|
+
}); };
|
|
98
|
+
var stylesInputSizeSmall = function () { return (0, styles_1.css)({
|
|
99
|
+
label: 'small',
|
|
100
|
+
minHeight: 'var(--pv-size-base-12)',
|
|
101
|
+
}); };
|
|
102
|
+
var stylesInputSizeMedium = function () { return (0, styles_1.css)({
|
|
103
|
+
label: 'medium',
|
|
104
|
+
minHeight: 'var(--pv-size-base-14)',
|
|
105
|
+
}); };
|
|
106
|
+
var stylesInputSizeLarge = function () { return (0, styles_1.css)({
|
|
107
|
+
label: 'large',
|
|
108
|
+
minHeight: 'var(--pv-size-base-16)',
|
|
109
|
+
}); };
|
|
110
|
+
var stylesLabel = function () { return (0, styles_1.css)({
|
|
111
|
+
label: 'TextareaField-label',
|
|
112
|
+
marginBottom: '2px',
|
|
113
|
+
display: 'inline-block',
|
|
114
|
+
}); };
|
|
115
|
+
var stylesError = function () { return (0, styles_1.css)({
|
|
116
|
+
label: 'TextareaField-error',
|
|
117
|
+
marginTop: '2px',
|
|
118
|
+
}); };
|
|
119
|
+
exports.TextareaField = React.forwardRef(function (props, ref) {
|
|
120
|
+
var _a, _b, _c;
|
|
121
|
+
var size = props.size, className = props.className, label = props.label, onChange = props.onChange, inputProps = props.inputProps, disabled = props.disabled, defaultValue = props.defaultValue, id = props.id, value = props.value, placeholder = props.placeholder, required = props.required, name = props.name, inputRef = props.inputRef, error = props.error, errorText = props.errorText, autoFocus = props.autoFocus, readOnly = props.readOnly, other = __rest(props, ["size", "className", "label", "onChange", "inputProps", "disabled", "defaultValue", "id", "value", "placeholder", "required", "name", "inputRef", "error", "errorText", "autoFocus", "readOnly"]);
|
|
122
|
+
return (React.createElement("div", __assign({}, other, { ref: ref, className: className }),
|
|
123
|
+
label && (React.createElement("label", { htmlFor: id, className: (0, styles_1.cx)((_a = {},
|
|
124
|
+
_a[stylesLabel()] = true,
|
|
125
|
+
_a)) },
|
|
126
|
+
React.createElement(Typography_1.Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
|
|
127
|
+
React.createElement("textarea", __assign({}, inputProps, { disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef,
|
|
128
|
+
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
129
|
+
autoFocus: autoFocus, className: (0, styles_1.cx)((_b = {},
|
|
130
|
+
_b[stylesInputBase()] = true,
|
|
131
|
+
_b[stylesInputSizeSmall()] = size === 'small',
|
|
132
|
+
_b[stylesInputSizeMedium()] = size === 'medium',
|
|
133
|
+
_b[stylesInputSizeLarge()] = size === 'large',
|
|
134
|
+
_b)), "aria-invalid": error || undefined, onChange: onChange, placeholder: placeholder, readOnly: readOnly })),
|
|
135
|
+
error && errorText && (React.createElement(Typography_1.Typography, { variant: "c2", color: "wrong", className: (0, styles_1.cx)((_c = {},
|
|
136
|
+
_c[stylesError()] = true,
|
|
137
|
+
_c)) }, errorText))));
|
|
138
|
+
});
|
|
139
|
+
exports.TextareaField.displayName = 'TextareaField';
|
|
140
|
+
exports.TextareaField.defaultProps = {
|
|
141
|
+
disabled: false,
|
|
142
|
+
size: 'medium',
|
|
143
|
+
};
|
|
144
|
+
//# sourceMappingURL=textarea_field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textarea_field.js","sourceRoot":"","sources":["../../../src/TextareaField/textarea_field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useToast = exports.ToastProvider = void 0;
|
|
4
|
+
var toast_provider_1 = require("./toast_provider");
|
|
5
|
+
Object.defineProperty(exports, "ToastProvider", { enumerable: true, get: function () { return toast_provider_1.ToastProvider; } });
|
|
6
|
+
var use_toast_1 = require("./use_toast");
|
|
7
|
+
Object.defineProperty(exports, "useToast", { enumerable: true, get: function () { return use_toast_1.useToast; } });
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Toast/index.ts"],"names":[],"mappings":";;;AAAA,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.Toast = void 0;
|
|
38
|
+
var React = __importStar(require("react"));
|
|
39
|
+
var Alert_1 = require("../Alert");
|
|
40
|
+
var Fade_1 = require("../Fade");
|
|
41
|
+
var Toast = function (props) {
|
|
42
|
+
var id = props.id, duration = props.duration, isClosable = props.isClosable, alertProps = props.alertProps, children = props.children, onClose = props.onClose;
|
|
43
|
+
var handleClose = function () {
|
|
44
|
+
onClose(id);
|
|
45
|
+
};
|
|
46
|
+
React.useEffect(function () {
|
|
47
|
+
if (duration > 0) {
|
|
48
|
+
var timeout_1 = window.setTimeout(handleClose, duration);
|
|
49
|
+
return function () {
|
|
50
|
+
clearTimeout(timeout_1);
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
return null;
|
|
54
|
+
});
|
|
55
|
+
return (React.createElement(Fade_1.Fade, { in: true },
|
|
56
|
+
React.createElement(Alert_1.Alert, __assign({}, alertProps, { onClose: isClosable ? handleClose : undefined }), children)));
|
|
57
|
+
};
|
|
58
|
+
exports.Toast = Toast;
|
|
59
|
+
exports.Toast.displayName = 'Toast';
|
|
60
|
+
exports.Toast.defaultProps = {
|
|
61
|
+
duration: 4000,
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/Toast/toast.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,kCAA6C;AAC7C,gCAA+B;AAyBxB,IAAM,KAAK,GAAwB,UAAC,KAAK;IAE5C,IAAA,EAAE,GAMA,KAAK,GANL,EACF,QAAQ,GAKN,KAAK,SALC,EACR,UAAU,GAIR,KAAK,WAJG,EACV,UAAU,GAGR,KAAK,WAHG,EACV,QAAQ,GAEN,KAAK,SAFC,EACR,OAAO,GACL,KAAK,QADA,CACC;IAEV,IAAM,WAAW,GAAG;QAClB,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,QAAQ,GAAG,CAAC,EAAE;YAChB,IAAM,SAAO,GAAG,MAAM,CAAC,UAAU,CAC/B,WAAW,EACX,QAAQ,CACT,CAAC;YAEF,OAAO;gBACL,YAAY,CAAC,SAAO,CAAC,CAAC;YACxB,CAAC,CAAC;SACH;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,WAAI,IAAC,EAAE;QACN,oBAAC,aAAK,eACA,UAAU,IACd,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,KAE5C,QAAQ,CACH,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,KAAK,SAuChB;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,aAAK,CAAC,YAAY,GAAG;IACnB,QAAQ,EAAE,IAAI;CACf,CAAC"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
+
var t = {};
|
|
38
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
+
t[p] = s[p];
|
|
40
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
+
t[p[i]] = s[p[i]];
|
|
44
|
+
}
|
|
45
|
+
return t;
|
|
46
|
+
};
|
|
47
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
+
exports.ToastContainer = void 0;
|
|
49
|
+
var React = __importStar(require("react"));
|
|
50
|
+
var styles_1 = require("../styles");
|
|
51
|
+
var stylesBase = function () { return (0, styles_1.css)({
|
|
52
|
+
label: 'ToastContainer',
|
|
53
|
+
position: 'fixed',
|
|
54
|
+
bottom: 0,
|
|
55
|
+
padding: '10px',
|
|
56
|
+
zIndex: 1300,
|
|
57
|
+
width: '100%',
|
|
58
|
+
maxWidth: '460px',
|
|
59
|
+
wordBreak: 'break-word',
|
|
60
|
+
left: '50%',
|
|
61
|
+
transform: 'translateX(-50%)',
|
|
62
|
+
'& > * + *': {
|
|
63
|
+
marginTop: '10px',
|
|
64
|
+
},
|
|
65
|
+
}); };
|
|
66
|
+
var ToastContainer = function (props) {
|
|
67
|
+
var _a;
|
|
68
|
+
var children = props.children, className = props.className, other = __rest(props, ["children", "className"]);
|
|
69
|
+
return (React.createElement("div", __assign({ className: (0, styles_1.cx)((_a = {},
|
|
70
|
+
_a[stylesBase()] = true,
|
|
71
|
+
_a[className] = !!className,
|
|
72
|
+
_a)) }, other), children));
|
|
73
|
+
};
|
|
74
|
+
exports.ToastContainer = ToastContainer;
|
|
75
|
+
exports.ToastContainer.displayName = 'ToastContainer';
|
|
76
|
+
//# sourceMappingURL=toast_container.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast_container.js","sourceRoot":"","sources":["../../../src/Toast/toast_container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,oCAAoC;AAWpC,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,KAAK,EAAE,gBAAgB;IACvB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,kBAAkB;IAC7B,WAAW,EAAE;QACX,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,EAduB,CAcvB,CAAC;AAEI,IAAM,cAAc,GAAkC,UAAC,KAAK;;IACzD,IAAA,QAAQ,GAA0B,KAAK,SAA/B,EAAE,SAAS,GAAe,KAAK,UAApB,EAAK,KAAK,UAAK,KAAK,EAAzC,yBAAiC,CAAF,CAAW;IAEhD,OAAO,CACL,sCACE,SAAS,EAAE,IAAA,WAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,IACE,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,cAAc,kBAczB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.ToastContext = void 0;
|
|
27
|
+
var React = __importStar(require("react"));
|
|
28
|
+
var stub = function () {
|
|
29
|
+
throw new Error('You forgot to wrap your component in <ToastProvider>.');
|
|
30
|
+
};
|
|
31
|
+
var initialContext = {
|
|
32
|
+
addToast: stub,
|
|
33
|
+
removeToast: stub,
|
|
34
|
+
removeAllToasts: stub,
|
|
35
|
+
};
|
|
36
|
+
exports.ToastContext = React.createContext(initialContext);
|
|
37
|
+
//# sourceMappingURL=toast_context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast_context.js","sourceRoot":"","sources":["../../../src/Toast/toast_context.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AA0C/B,IAAM,IAAI,GAAG;IACX,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;AAC3E,CAAC,CAAC;AAEF,IAAM,cAAc,GAAqB;IACvC,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,IAAI;IACjB,eAAe,EAAE,IAAI;CACtB,CAAC;AAEW,QAAA,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB,cAAc,CAAC,CAAC"}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
37
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
38
|
+
if (ar || !(i in from)) {
|
|
39
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
40
|
+
ar[i] = from[i];
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
44
|
+
};
|
|
45
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
46
|
+
exports.ToastProvider = void 0;
|
|
47
|
+
var React = __importStar(require("react"));
|
|
48
|
+
var toast_context_1 = require("./toast_context");
|
|
49
|
+
var toast_container_1 = require("./toast_container");
|
|
50
|
+
var Portal_1 = require("../Portal");
|
|
51
|
+
var toast_1 = require("./toast");
|
|
52
|
+
var ToastProvider = function (props) {
|
|
53
|
+
var children = props.children, toastContainerProps = props.toastContainerProps, _a = props.maxToasts, maxToasts = _a === void 0 ? 1 : _a;
|
|
54
|
+
var _b = React.useState([]), toasts = _b[0], setToasts = _b[1];
|
|
55
|
+
var _c = React.useState([]), queue = _c[0], setQueue = _c[1];
|
|
56
|
+
var addToast = React.useCallback(function (options) {
|
|
57
|
+
var id = options.id || "".concat(Date.now()).concat(Math.random());
|
|
58
|
+
var newToast = __assign(__assign({}, options), { id: id, createdAt: Date.now() });
|
|
59
|
+
var inQueue = queue.findIndex(function (item) { return item.id === id; });
|
|
60
|
+
if (inQueue > -1) {
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
var inToasts = toasts.findIndex(function (item) { return item.id === id; });
|
|
64
|
+
if (inToasts > -1) {
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
if (toasts.length >= maxToasts) {
|
|
68
|
+
setQueue(function (prevState) { return (__spreadArray(__spreadArray([], prevState, true), [
|
|
69
|
+
newToast,
|
|
70
|
+
], false)); });
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
setToasts(function (prevState) { return (__spreadArray(__spreadArray([], prevState, true), [
|
|
74
|
+
newToast,
|
|
75
|
+
], false)); });
|
|
76
|
+
}, [toasts, queue]);
|
|
77
|
+
var removeToast = React.useCallback(function (id) {
|
|
78
|
+
var inToasts = toasts.findIndex(function (item) { return item.id === id; });
|
|
79
|
+
if (inToasts > -1 && queue.length) {
|
|
80
|
+
return setQueue(function (prevQueue) {
|
|
81
|
+
setToasts(function (prevToasts) {
|
|
82
|
+
var newList = __spreadArray([], prevToasts, true);
|
|
83
|
+
newList.splice(inToasts, 1);
|
|
84
|
+
newList.push(prevQueue[0]);
|
|
85
|
+
return newList;
|
|
86
|
+
});
|
|
87
|
+
return prevQueue.slice(1, prevQueue.length);
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
if (inToasts > -1) {
|
|
91
|
+
return setToasts(function (prevToasts) { return prevToasts.filter(function (item) { return item.id !== id; }); });
|
|
92
|
+
}
|
|
93
|
+
var inQueue = queue.findIndex(function (item) { return item.id === id; });
|
|
94
|
+
if (inQueue > -1) {
|
|
95
|
+
return setQueue(function (prevQueue) { return prevQueue.filter(function (item) { return item.id !== id; }); });
|
|
96
|
+
}
|
|
97
|
+
return undefined;
|
|
98
|
+
}, [toasts, queue]);
|
|
99
|
+
var removeAllToasts = function () {
|
|
100
|
+
setToasts([]);
|
|
101
|
+
setQueue([]);
|
|
102
|
+
};
|
|
103
|
+
var hasToasts = Boolean(toasts.length);
|
|
104
|
+
return (React.createElement(toast_context_1.ToastContext.Provider, { value: {
|
|
105
|
+
addToast: addToast,
|
|
106
|
+
removeToast: removeToast,
|
|
107
|
+
removeAllToasts: removeAllToasts,
|
|
108
|
+
} },
|
|
109
|
+
children,
|
|
110
|
+
hasToasts && (React.createElement(Portal_1.Portal, null,
|
|
111
|
+
React.createElement(toast_container_1.ToastContainer, __assign({}, toastContainerProps), toasts.map(function (toast) { return (React.createElement(toast_1.Toast, { key: toast.id, id: toast.id, onClose: removeToast, isClosable: toast.isClosable, duration: toast.duration, alertProps: {
|
|
112
|
+
disableIcon: toast.disableIcon,
|
|
113
|
+
variant: toast.variant,
|
|
114
|
+
} }, toast.message)); }))))));
|
|
115
|
+
};
|
|
116
|
+
exports.ToastProvider = ToastProvider;
|
|
117
|
+
exports.ToastProvider.displayName = 'ToastProvider';
|
|
118
|
+
exports.ToastProvider.defaultProps = {
|
|
119
|
+
maxToasts: 1,
|
|
120
|
+
};
|
|
121
|
+
//# sourceMappingURL=toast_provider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast_provider.js","sourceRoot":"","sources":["../../../src/Toast/toast_provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,iDAIyB;AACzB,qDAAwE;AACxE,oCAAmC;AACnC,iCAAgC;AAiBzB,IAAM,aAAa,GAAwB,UAAC,KAAK;IAEpD,IAAA,QAAQ,GAGN,KAAK,SAHC,EACR,mBAAmB,GAEjB,KAAK,oBAFY,EACnB,KACE,KAAK,UADM,EAAb,SAAS,mBAAG,CAAC,KAAA,CACL;IACJ,IAAA,KAAsB,KAAK,CAAC,QAAQ,CAAc,EAAE,CAAC,EAApD,MAAM,QAAA,EAAE,SAAS,QAAmC,CAAC;IACtD,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAc,EAAE,CAAC,EAAlD,KAAK,QAAA,EAAE,QAAQ,QAAmC,CAAC;IAE1D,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,OAAsB;QACxD,IAAM,EAAE,GAAG,OAAO,CAAC,EAAE,IAAI,UAAG,IAAI,CAAC,GAAG,EAAE,SAAG,IAAI,CAAC,MAAM,EAAE,CAAE,CAAC;QACzD,IAAM,QAAQ,yBACT,OAAO,KACV,EAAE,IAAA,EACF,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,GACtB,CAAC;QAEF,IAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,UAAC,IAAe,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,EAAE,EAAd,CAAc,CAAC,CAAC;QAErE,IAAI,OAAO,GAAG,CAAC,CAAC,EAAE;YAChB,OAAO;SACR;QAED,IAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,UAAC,IAAe,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,EAAE,EAAd,CAAc,CAAC,CAAC;QAEvE,IAAI,QAAQ,GAAG,CAAC,CAAC,EAAE;YACjB,OAAO;SACR;QAED,IAAI,MAAM,CAAC,MAAM,IAAI,SAAS,EAAE;YAC9B,QAAQ,CAAC,UAAC,SAAS,IAAK,OAAA,iCACnB,SAAS;gBACZ,QAAQ;sBACR,EAHsB,CAGtB,CAAC,CAAC;YAEJ,OAAO;SACR;QAED,SAAS,CAAC,UAAC,SAAS,IAAK,OAAA,iCACpB,SAAS;YACZ,QAAQ;kBACR,EAHuB,CAGvB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpB,IAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,EAAU;QAC/C,IAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,UAAC,IAAe,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,EAAE,EAAd,CAAc,CAAC,CAAC;QAEvE,IAAI,QAAQ,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE;YACjC,OAAO,QAAQ,CAAC,UAAC,SAAS;gBACxB,SAAS,CAAC,UAAC,UAAU;oBACnB,IAAM,OAAO,qBAAO,UAAU,OAAC,CAAC;oBAEhC,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;oBAC5B,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;oBAE3B,OAAO,OAAO,CAAC;gBACjB,CAAC,CAAC,CAAC;gBAEH,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;YAC9C,CAAC,CAAC,CAAC;SACJ;QAED,IAAI,QAAQ,GAAG,CAAC,CAAC,EAAE;YACjB,OAAO,SAAS,CAAC,UAAC,UAAU,IAAK,OAAA,UAAU,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,EAAE,EAAd,CAAc,CAAC,EAA3C,CAA2C,CAAC,CAAC;SAC/E;QAED,IAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,UAAC,IAAe,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,EAAE,EAAd,CAAc,CAAC,CAAC;QAErE,IAAI,OAAO,GAAG,CAAC,CAAC,EAAE;YAChB,OAAO,QAAQ,CAAC,UAAC,SAAS,IAAK,OAAA,SAAS,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,EAAE,EAAd,CAAc,CAAC,EAA1C,CAA0C,CAAC,CAAC;SAC5E;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpB,IAAM,eAAe,GAAG;QACtB,SAAS,CAAC,EAAE,CAAC,CAAC;QACd,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAEzC,OAAO,CACL,oBAAC,4BAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,QAAQ,UAAA;YACR,WAAW,aAAA;YACX,eAAe,iBAAA;SAChB;QAEA,QAAQ;QACR,SAAS,IAAI,CACZ,oBAAC,eAAM;YACL,oBAAC,gCAAc,eAAK,mBAAmB,GACpC,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACrB,oBAAC,aAAK,IACJ,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,UAAU,EAAE;oBACV,WAAW,EAAE,KAAK,CAAC,WAAW;oBAC9B,OAAO,EAAE,KAAK,CAAC,OAAO;iBACvB,IAEA,KAAK,CAAC,OAAO,CACR,CACT,EAdsB,CActB,CAAC,CACa,CACV,CACV,CACqB,CACzB,CAAC;AACJ,CAAC,CAAC;AAlHW,QAAA,aAAa,iBAkHxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,qBAAa,CAAC,YAAY,GAAG;IAC3B,SAAS,EAAE,CAAC;CACb,CAAC"}
|