@artsy/palette 41.8.1 → 42.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Theme.d.ts +2 -70
- package/dist/Theme.js +3 -6
- package/dist/Theme.js.map +1 -1
- package/dist/elements/AutocompleteInput/AutocompleteInput.js +3 -4
- package/dist/elements/AutocompleteInput/AutocompleteInput.js.map +1 -1
- package/dist/elements/AutocompleteInput/AutocompleteInput.story.js +8 -14
- package/dist/elements/AutocompleteInput/AutocompleteInput.story.js.map +1 -1
- package/dist/elements/AutocompleteInput/AutocompleteInputOption.js +1 -2
- package/dist/elements/AutocompleteInput/AutocompleteInputOption.js.map +1 -1
- package/dist/elements/AutocompleteInput/AutocompleteInputOptionLabel.js +1 -2
- package/dist/elements/AutocompleteInput/AutocompleteInputOptionLabel.js.map +1 -1
- package/dist/elements/Avatar/Avatar.js +3 -4
- package/dist/elements/Avatar/Avatar.js.map +1 -1
- package/dist/elements/Avatar/Avatar.story.js +5 -10
- package/dist/elements/Avatar/Avatar.story.js.map +1 -1
- package/dist/elements/Banner/Banner.d.ts +1 -1
- package/dist/elements/Banner/Banner.js +4 -6
- package/dist/elements/Banner/Banner.js.map +1 -1
- package/dist/elements/Banner/Banner.story.js +2 -4
- package/dist/elements/Banner/Banner.story.js.map +1 -1
- package/dist/elements/BaseTabs/BaseTab.d.ts +9 -9
- package/dist/elements/BaseTabs/BaseTab.js +1 -2
- package/dist/elements/BaseTabs/BaseTab.js.map +1 -1
- package/dist/elements/BaseTabs/BaseTabs.d.ts +1 -1
- package/dist/elements/BaseTabs/BaseTabs.js +1 -2
- package/dist/elements/BaseTabs/BaseTabs.js.map +1 -1
- package/dist/elements/BaseTabs/BaseTabs.story.js +10 -20
- package/dist/elements/BaseTabs/BaseTabs.story.js.map +1 -1
- package/dist/elements/BaseTabs/tokens.js +1 -2
- package/dist/elements/BaseTabs/tokens.js.map +1 -1
- package/dist/elements/BorderBox/BorderBox.d.ts +2 -3
- package/dist/elements/BorderBox/BorderBox.js +1 -2
- package/dist/elements/BorderBox/BorderBox.js.map +1 -1
- package/dist/elements/BorderBox/BorderBoxBase.d.ts +1 -2
- package/dist/elements/BorderBox/BorderBoxBase.js +1 -2
- package/dist/elements/BorderBox/BorderBoxBase.js.map +1 -1
- package/dist/elements/BorderedRadio/BorderedRadio.d.ts +1 -2
- package/dist/elements/BorderedRadio/BorderedRadio.js +1 -2
- package/dist/elements/BorderedRadio/BorderedRadio.js.map +1 -1
- package/dist/elements/BorderedRadio/BorderedRadio.story.js +2 -4
- package/dist/elements/BorderedRadio/BorderedRadio.story.js.map +1 -1
- package/dist/elements/Box/Box.d.ts +1 -2
- package/dist/elements/Box/Box.js +5 -8
- package/dist/elements/Box/Box.js.map +1 -1
- package/dist/elements/Box/Box.story.js +2 -4
- package/dist/elements/Box/Box.story.js.map +1 -1
- package/dist/elements/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/dist/elements/Breadcrumbs/Breadcrumbs.js +1 -2
- package/dist/elements/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/elements/Breadcrumbs/Breadcrumbs.story.js +2 -4
- package/dist/elements/Breadcrumbs/Breadcrumbs.story.js.map +1 -1
- package/dist/elements/Button/Button.js +2 -4
- package/dist/elements/Button/Button.js.map +1 -1
- package/dist/elements/Button/Button.story.js +12 -22
- package/dist/elements/Button/Button.story.js.map +1 -1
- package/dist/elements/Button/tokens.d.ts +1 -1
- package/dist/elements/Button/tokens.js +4 -8
- package/dist/elements/Button/tokens.js.map +1 -1
- package/dist/elements/Button/types.d.ts +3 -3
- package/dist/elements/Button/types.js +5 -6
- package/dist/elements/Button/types.js.map +1 -1
- package/dist/elements/CSSGrid/CSSGrid.d.ts +1 -2
- package/dist/elements/CSSGrid/CSSGrid.js +1 -2
- package/dist/elements/CSSGrid/CSSGrid.js.map +1 -1
- package/dist/elements/CSSGrid/CSSGrid.story.js +2 -4
- package/dist/elements/CSSGrid/CSSGrid.story.js.map +1 -1
- package/dist/elements/Cards/Card.js +1 -2
- package/dist/elements/Cards/Card.js.map +1 -1
- package/dist/elements/Cards/Cards.story.js +3 -6
- package/dist/elements/Cards/Cards.story.js.map +1 -1
- package/dist/elements/Cards/TriptychCard.d.ts +1 -1
- package/dist/elements/Cards/TriptychCard.js +4 -5
- package/dist/elements/Cards/TriptychCard.js.map +1 -1
- package/dist/elements/Carousel/Carousel.d.ts +4 -4
- package/dist/elements/Carousel/Carousel.js +6 -10
- package/dist/elements/Carousel/Carousel.js.map +1 -1
- package/dist/elements/Carousel/Carousel.story.js +21 -40
- package/dist/elements/Carousel/Carousel.story.js.map +1 -1
- package/dist/elements/Carousel/CarouselNavigation.d.ts +7 -8
- package/dist/elements/Carousel/CarouselNavigation.js +2 -4
- package/dist/elements/Carousel/CarouselNavigation.js.map +1 -1
- package/dist/elements/Carousel/paginate.d.ts +2 -2
- package/dist/elements/Carousel/paginate.js +5 -7
- package/dist/elements/Carousel/paginate.js.map +1 -1
- package/dist/elements/CarouselBar/CarouselBar.d.ts +1 -1
- package/dist/elements/CarouselBar/CarouselBar.js +1 -2
- package/dist/elements/CarouselBar/CarouselBar.js.map +1 -1
- package/dist/elements/CarouselBar/CarouselBar.story.js +2 -4
- package/dist/elements/CarouselBar/CarouselBar.story.js.map +1 -1
- package/dist/elements/Checkbox/Check.js +1 -2
- package/dist/elements/Checkbox/Check.js.map +1 -1
- package/dist/elements/Checkbox/Check.story.js +2 -4
- package/dist/elements/Checkbox/Check.story.js.map +1 -1
- package/dist/elements/Checkbox/Checkbox.js +1 -2
- package/dist/elements/Checkbox/Checkbox.js.map +1 -1
- package/dist/elements/Checkbox/Checkbox.story.js +6 -10
- package/dist/elements/Checkbox/Checkbox.story.js.map +1 -1
- package/dist/elements/Checkbox/tokens.js +2 -4
- package/dist/elements/Checkbox/tokens.js.map +1 -1
- package/dist/elements/CleanTag/CleanTag.d.ts +1 -1
- package/dist/elements/CleanTag/CleanTag.js +4 -7
- package/dist/elements/CleanTag/CleanTag.js.map +1 -1
- package/dist/elements/Clickable/Clickable.d.ts +2 -2
- package/dist/elements/Clickable/Clickable.js +2 -4
- package/dist/elements/Clickable/Clickable.js.map +1 -1
- package/dist/elements/Clickable/Clickable.story.js +5 -8
- package/dist/elements/Clickable/Clickable.story.js.map +1 -1
- package/dist/elements/Collapse/Collapse.js +38 -29
- package/dist/elements/Collapse/Collapse.js.map +1 -1
- package/dist/elements/Drawer/Drawer.js +1 -2
- package/dist/elements/Drawer/Drawer.js.map +1 -1
- package/dist/elements/Drawer/Drawer.story.js +5 -8
- package/dist/elements/Drawer/Drawer.story.js.map +1 -1
- package/dist/elements/Dropdown/Dropdown.d.ts +1 -1
- package/dist/elements/Dropdown/Dropdown.js +3 -4
- package/dist/elements/Dropdown/Dropdown.js.map +1 -1
- package/dist/elements/Dropdown/Dropdown.story.js +11 -20
- package/dist/elements/Dropdown/Dropdown.story.js.map +1 -1
- package/dist/elements/EntityHeader/EntityHeader.js +1 -2
- package/dist/elements/EntityHeader/EntityHeader.js.map +1 -1
- package/dist/elements/EntityHeader/EntityHeader.story.js +2 -4
- package/dist/elements/EntityHeader/EntityHeader.story.js.map +1 -1
- package/dist/elements/Expandable/Expandable.d.ts +1 -1
- package/dist/elements/Expandable/Expandable.js +3 -4
- package/dist/elements/Expandable/Expandable.js.map +1 -1
- package/dist/elements/Expandable/Expandable.story.js +3 -6
- package/dist/elements/Expandable/Expandable.story.js.map +1 -1
- package/dist/elements/FilterSelect/Components/FilterInput.d.ts +1 -1
- package/dist/elements/FilterSelect/Components/FilterInput.js +4 -4
- package/dist/elements/FilterSelect/Components/FilterInput.js.map +1 -1
- package/dist/elements/FilterSelect/Components/FilterSelectContext.d.ts +2 -2
- package/dist/elements/FilterSelect/Components/FilterSelectContext.js +4 -6
- package/dist/elements/FilterSelect/Components/FilterSelectContext.js.map +1 -1
- package/dist/elements/FilterSelect/Components/FilterSelectResultItem.js +1 -2
- package/dist/elements/FilterSelect/Components/FilterSelectResultItem.js.map +1 -1
- package/dist/elements/FilterSelect/FilterSelect.d.ts +1 -1
- package/dist/elements/FilterSelect/FilterSelect.js +3 -5
- package/dist/elements/FilterSelect/FilterSelect.js.map +1 -1
- package/dist/elements/FilterSelect/FilterSelect.story.js +2 -4
- package/dist/elements/FilterSelect/FilterSelect.story.js.map +1 -1
- package/dist/elements/Flex/Flex.d.ts +2 -3
- package/dist/elements/Flex/Flex.js +1 -2
- package/dist/elements/Flex/Flex.js.map +1 -1
- package/dist/elements/FullBleed/FullBleed.d.ts +2 -3
- package/dist/elements/FullBleed/FullBleed.js +1 -2
- package/dist/elements/FullBleed/FullBleed.js.map +1 -1
- package/dist/elements/FullBleed/FullBleed.story.js +2 -4
- package/dist/elements/FullBleed/FullBleed.story.js.map +1 -1
- package/dist/elements/GridColumns/GridColumns.d.ts +4 -4
- package/dist/elements/GridColumns/GridColumns.js +2 -4
- package/dist/elements/GridColumns/GridColumns.js.map +1 -1
- package/dist/elements/GridColumns/GridColumns.story.js +4 -8
- package/dist/elements/GridColumns/GridColumns.story.js.map +1 -1
- package/dist/elements/GridColumns/calculateGridColumn.d.ts +2 -2
- package/dist/elements/GridColumns/calculateGridColumn.js +5 -10
- package/dist/elements/GridColumns/calculateGridColumn.js.map +1 -1
- package/dist/elements/HTML/HTML.d.ts +1 -1
- package/dist/elements/HTML/HTML.js +2 -4
- package/dist/elements/HTML/HTML.js.map +1 -1
- package/dist/elements/HTML/HTML.story.js +3 -6
- package/dist/elements/HTML/HTML.story.js.map +1 -1
- package/dist/elements/HorizontalOverflow/HorizontalOverflow.d.ts +1 -1
- package/dist/elements/HorizontalOverflow/HorizontalOverflow.js +3 -4
- package/dist/elements/HorizontalOverflow/HorizontalOverflow.js.map +1 -1
- package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.js +3 -6
- package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.js.map +1 -1
- package/dist/elements/Image/Image.js +3 -4
- package/dist/elements/Image/Image.js.map +1 -1
- package/dist/elements/Image/Image.story.js +8 -16
- package/dist/elements/Image/Image.story.js.map +1 -1
- package/dist/elements/Input/Input.js +3 -4
- package/dist/elements/Input/Input.js.map +1 -1
- package/dist/elements/Input/Input.story.js +8 -14
- package/dist/elements/Input/Input.story.js.map +1 -1
- package/dist/elements/Input/tokens.js +1 -2
- package/dist/elements/Input/tokens.js.map +1 -1
- package/dist/elements/Input/types.d.ts +1 -1
- package/dist/elements/Join/Join.js +1 -2
- package/dist/elements/Join/Join.js.map +1 -1
- package/dist/elements/Join/Join.story.js +27 -24
- package/dist/elements/Join/Join.story.js.map +1 -1
- package/dist/elements/Label/Label.d.ts +1 -1
- package/dist/elements/Label/Label.js +2 -4
- package/dist/elements/Label/Label.js.map +1 -1
- package/dist/elements/Label/Label.story.js +3 -6
- package/dist/elements/Label/Label.story.js.map +1 -1
- package/dist/elements/LabeledInput/LabeledInput.js +3 -4
- package/dist/elements/LabeledInput/LabeledInput.js.map +1 -1
- package/dist/elements/LabeledInput/LabeledInput.story.js +6 -10
- package/dist/elements/LabeledInput/LabeledInput.story.js.map +1 -1
- package/dist/elements/Link/Link.d.ts +0 -1
- package/dist/elements/Link/Link.js +1 -2
- package/dist/elements/Link/Link.js.map +1 -1
- package/dist/elements/Marquee/Marquee.js +3 -4
- package/dist/elements/Marquee/Marquee.js.map +1 -1
- package/dist/elements/Marquee/Marquee.story.js +2 -4
- package/dist/elements/Marquee/Marquee.story.js.map +1 -1
- package/dist/elements/Message/Message.d.ts +1 -1
- package/dist/elements/Message/Message.js +2 -4
- package/dist/elements/Message/Message.js.map +1 -1
- package/dist/elements/Message/Message.story.js +3 -5
- package/dist/elements/Message/Message.story.js.map +1 -1
- package/dist/elements/Modal/ModalBase.d.ts +1 -1
- package/dist/elements/Modal/ModalBase.js +5 -8
- package/dist/elements/Modal/ModalBase.js.map +1 -1
- package/dist/elements/Modal/ModalBase.story.js +7 -12
- package/dist/elements/Modal/ModalBase.story.js.map +1 -1
- package/dist/elements/ModalDialog/ModalDialog.d.ts +1 -1
- package/dist/elements/ModalDialog/ModalDialog.js +3 -4
- package/dist/elements/ModalDialog/ModalDialog.js.map +1 -1
- package/dist/elements/ModalDialog/ModalDialog.story.js +4 -6
- package/dist/elements/ModalDialog/ModalDialog.story.js.map +1 -1
- package/dist/elements/ModalDialog/ModalDialogContent.d.ts +1 -1
- package/dist/elements/ModalDialog/ModalDialogContent.js +2 -4
- package/dist/elements/ModalDialog/ModalDialogContent.js.map +1 -1
- package/dist/elements/ModalDialog/ModalDialogContent.story.js +2 -4
- package/dist/elements/ModalDialog/ModalDialogContent.story.js.map +1 -1
- package/dist/elements/MultiSelect/MultiSelect.js +3 -4
- package/dist/elements/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/elements/MultiSelect/MultiSelect.story.js +5 -8
- package/dist/elements/MultiSelect/MultiSelect.story.js.map +1 -1
- package/dist/elements/MultiSelect/tokens.js +1 -2
- package/dist/elements/MultiSelect/tokens.js.map +1 -1
- package/dist/elements/Pagination/Pagination.js +3 -6
- package/dist/elements/Pagination/Pagination.js.map +1 -1
- package/dist/elements/Pagination/Pagination.story.js +3 -6
- package/dist/elements/Pagination/Pagination.story.js.map +1 -1
- package/dist/elements/PasswordInput/PasswordInput.js +3 -4
- package/dist/elements/PasswordInput/PasswordInput.js.map +1 -1
- package/dist/elements/PasswordInput/PasswordInput.story.js +2 -4
- package/dist/elements/PasswordInput/PasswordInput.story.js.map +1 -1
- package/dist/elements/PhoneInput/PhoneInput.js +3 -4
- package/dist/elements/PhoneInput/PhoneInput.js.map +1 -1
- package/dist/elements/PhoneInput/PhoneInput.story.js +2 -4
- package/dist/elements/PhoneInput/PhoneInput.story.js.map +1 -1
- package/dist/elements/PhoneInput/tokens.js +1 -2
- package/dist/elements/PhoneInput/tokens.js.map +1 -1
- package/dist/elements/Pill/Pill.d.ts +3 -3
- package/dist/elements/Pill/Pill.js +3 -4
- package/dist/elements/Pill/Pill.js.map +1 -1
- package/dist/elements/Pill/Pill.story.js +12 -22
- package/dist/elements/Pill/Pill.story.js.map +1 -1
- package/dist/elements/Pill/tokens.js +1 -2
- package/dist/elements/Pill/tokens.js.map +1 -1
- package/dist/elements/Pointer/Pointer.d.ts +1 -1
- package/dist/elements/Pointer/Pointer.js +3 -4
- package/dist/elements/Pointer/Pointer.js.map +1 -1
- package/dist/elements/Popover/Popover.d.ts +1 -1
- package/dist/elements/Popover/Popover.js +4 -6
- package/dist/elements/Popover/Popover.js.map +1 -1
- package/dist/elements/Popover/Popover.story.js +6 -12
- package/dist/elements/Popover/Popover.story.js.map +1 -1
- package/dist/elements/ProgressBar/ProgressBar.js +1 -2
- package/dist/elements/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/elements/ProgressBar/ProgressBar.story.js +5 -8
- package/dist/elements/ProgressBar/ProgressBar.story.js.map +1 -1
- package/dist/elements/ProgressDots/ProgressDots.d.ts +1 -1
- package/dist/elements/ProgressDots/ProgressDots.js +1 -2
- package/dist/elements/ProgressDots/ProgressDots.js.map +1 -1
- package/dist/elements/ProgressDots/ProgressDots.story.js +5 -8
- package/dist/elements/ProgressDots/ProgressDots.story.js.map +1 -1
- package/dist/elements/Radio/Radio.js +1 -2
- package/dist/elements/Radio/Radio.js.map +1 -1
- package/dist/elements/Radio/Radio.story.js +3 -6
- package/dist/elements/Radio/Radio.story.js.map +1 -1
- package/dist/elements/Radio/RadioDot.d.ts +1 -2
- package/dist/elements/Radio/RadioDot.js +1 -2
- package/dist/elements/Radio/RadioDot.js.map +1 -1
- package/dist/elements/Radio/tokens.js +3 -6
- package/dist/elements/Radio/tokens.js.map +1 -1
- package/dist/elements/RadioGroup/RadioGroup.js +37 -28
- package/dist/elements/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/elements/RadioGroup/RadioGroup.story.js +6 -10
- package/dist/elements/RadioGroup/RadioGroup.story.js.map +1 -1
- package/dist/elements/Range/Range.js +11 -12
- package/dist/elements/Range/Range.js.map +1 -1
- package/dist/elements/Range/Range.story.js +7 -12
- package/dist/elements/Range/Range.story.js.map +1 -1
- package/dist/elements/ReadMore/ReadMore.js +3 -4
- package/dist/elements/ReadMore/ReadMore.js.map +1 -1
- package/dist/elements/ReadMore/ReadMore.story.js +9 -18
- package/dist/elements/ReadMore/ReadMore.story.js.map +1 -1
- package/dist/elements/ResponsiveBox/ResponsiveBox.d.ts +2 -2
- package/dist/elements/ResponsiveBox/ResponsiveBox.js +1 -2
- package/dist/elements/ResponsiveBox/ResponsiveBox.js.map +1 -1
- package/dist/elements/ResponsiveBox/ResponsiveBox.story.js +6 -10
- package/dist/elements/ResponsiveBox/ResponsiveBox.story.js.map +1 -1
- package/dist/elements/Select/Select.js +4 -6
- package/dist/elements/Select/Select.js.map +1 -1
- package/dist/elements/Select/Select.story.js +2 -4
- package/dist/elements/Select/Select.story.js.map +1 -1
- package/dist/elements/Select/tokens.js +1 -2
- package/dist/elements/Select/tokens.js.map +1 -1
- package/dist/elements/Select/types.d.ts +1 -1
- package/dist/elements/Separator/Separator.d.ts +0 -1
- package/dist/elements/Separator/Separator.js +1 -2
- package/dist/elements/Separator/Separator.js.map +1 -1
- package/dist/elements/Separator/Separator.story.js +2 -4
- package/dist/elements/Separator/Separator.story.js.map +1 -1
- package/dist/elements/Shelf/Shelf.d.ts +1 -1
- package/dist/elements/Shelf/Shelf.js +3 -4
- package/dist/elements/Shelf/Shelf.js.map +1 -1
- package/dist/elements/Shelf/Shelf.story.js +7 -12
- package/dist/elements/Shelf/Shelf.story.js.map +1 -1
- package/dist/elements/Shelf/ShelfNavigation.js +2 -4
- package/dist/elements/Shelf/ShelfNavigation.js.map +1 -1
- package/dist/elements/Shelf/ShelfScrollBar.js +4 -6
- package/dist/elements/Shelf/ShelfScrollBar.js.map +1 -1
- package/dist/elements/Shelf/useClickScroll.d.ts +0 -1
- package/dist/elements/Shelf/useClickScroll.js +1 -2
- package/dist/elements/Shelf/useClickScroll.js.map +1 -1
- package/dist/elements/Shelf/useDragScroll.d.ts +0 -1
- package/dist/elements/Shelf/useDragScroll.js +1 -2
- package/dist/elements/Shelf/useDragScroll.js.map +1 -1
- package/dist/elements/ShowMore/ShowMore.js +4 -6
- package/dist/elements/ShowMore/ShowMore.js.map +1 -1
- package/dist/elements/ShowMore/ShowMore.story.js +3 -6
- package/dist/elements/ShowMore/ShowMore.story.js.map +1 -1
- package/dist/elements/Skeleton/Skeleton.d.ts +4 -4
- package/dist/elements/Skeleton/Skeleton.js +5 -8
- package/dist/elements/Skeleton/Skeleton.js.map +1 -1
- package/dist/elements/Skeleton/Skeleton.story.js +5 -10
- package/dist/elements/Skeleton/Skeleton.story.js.map +1 -1
- package/dist/elements/Skip/Skip.d.ts +1 -1
- package/dist/elements/Skip/Skip.js +1 -2
- package/dist/elements/Skip/Skip.js.map +1 -1
- package/dist/elements/Skip/Skip.story.js +4 -8
- package/dist/elements/Skip/Skip.story.js.map +1 -1
- package/dist/elements/Spacer/Spacer.d.ts +1 -1
- package/dist/elements/Spacer/Spacer.js +1 -2
- package/dist/elements/Spacer/Spacer.js.map +1 -1
- package/dist/elements/Spacer/Spacer.story.js +3 -5
- package/dist/elements/Spacer/Spacer.story.js.map +1 -1
- package/dist/elements/Spinner/Spinner.d.ts +1 -1
- package/dist/elements/Spinner/Spinner.js +3 -4
- package/dist/elements/Spinner/Spinner.js.map +1 -1
- package/dist/elements/Spinner/Spinner.story.js +4 -8
- package/dist/elements/Spinner/Spinner.story.js.map +1 -1
- package/dist/elements/Stack/Stack.d.ts +2 -3
- package/dist/elements/Stack/Stack.js +1 -2
- package/dist/elements/Stack/Stack.js.map +1 -1
- package/dist/elements/Stack/Stack.story.js +2 -4
- package/dist/elements/Stack/Stack.story.js.map +1 -1
- package/dist/elements/StackableBorderBox/StackableBorderBox.d.ts +2 -3
- package/dist/elements/StackableBorderBox/StackableBorderBox.js +1 -2
- package/dist/elements/StackableBorderBox/StackableBorderBox.js.map +1 -1
- package/dist/elements/StackableBorderBox/StackableBorderBox.story.js +2 -4
- package/dist/elements/StackableBorderBox/StackableBorderBox.story.js.map +1 -1
- package/dist/elements/Stepper/Stepper.d.ts +1 -1
- package/dist/elements/Stepper/Stepper.js +3 -4
- package/dist/elements/Stepper/Stepper.js.map +1 -1
- package/dist/elements/Stepper/Stepper.story.js +5 -8
- package/dist/elements/Stepper/Stepper.story.js.map +1 -1
- package/dist/elements/Sup/Sup.d.ts +9 -10
- package/dist/elements/Sup/Sup.js +1 -2
- package/dist/elements/Sup/Sup.js.map +1 -1
- package/dist/elements/Sup/Sup.story.js +2 -4
- package/dist/elements/Sup/Sup.story.js.map +1 -1
- package/dist/elements/Swiper/Swiper.d.ts +8 -8
- package/dist/elements/Swiper/Swiper.js +4 -6
- package/dist/elements/Swiper/Swiper.js.map +1 -1
- package/dist/elements/Swiper/Swiper.story.js +15 -28
- package/dist/elements/Swiper/Swiper.story.js.map +1 -1
- package/dist/elements/Swiper/activeIndex.js +1 -2
- package/dist/elements/Swiper/activeIndex.js.map +1 -1
- package/dist/elements/Swiper/percentage.js +1 -2
- package/dist/elements/Swiper/percentage.js.map +1 -1
- package/dist/elements/Tabs/Tabs.js +5 -8
- package/dist/elements/Tabs/Tabs.js.map +1 -1
- package/dist/elements/Tabs/Tabs.story.js +11 -20
- package/dist/elements/Tabs/Tabs.story.js.map +1 -1
- package/dist/elements/Text/Text.d.ts +4 -5
- package/dist/elements/Text/Text.js +5 -8
- package/dist/elements/Text/Text.js.map +1 -1
- package/dist/elements/Text/Text.story.js +7 -12
- package/dist/elements/Text/Text.story.js.map +1 -1
- package/dist/elements/TextArea/TextArea.js +3 -4
- package/dist/elements/TextArea/TextArea.js.map +1 -1
- package/dist/elements/TextArea/TextArea.story.js +3 -6
- package/dist/elements/TextArea/TextArea.story.js.map +1 -1
- package/dist/elements/TextArea/tokens.js +1 -2
- package/dist/elements/TextArea/tokens.js.map +1 -1
- package/dist/elements/TextArea/types.d.ts +1 -1
- package/dist/elements/Toasts/Toast.d.ts +1 -1
- package/dist/elements/Toasts/Toast.js +2 -4
- package/dist/elements/Toasts/Toast.js.map +1 -1
- package/dist/elements/Toasts/Toast.story.js +2 -4
- package/dist/elements/Toasts/Toast.story.js.map +1 -1
- package/dist/elements/Toasts/Toasts.js +1 -2
- package/dist/elements/Toasts/Toasts.js.map +1 -1
- package/dist/elements/Toasts/Toasts.story.js +4 -6
- package/dist/elements/Toasts/Toasts.story.js.map +1 -1
- package/dist/elements/Toasts/useToasts.d.ts +2 -2
- package/dist/elements/Toasts/useToasts.js +5 -8
- package/dist/elements/Toasts/useToasts.js.map +1 -1
- package/dist/elements/Toggle/Toggle.js +1 -2
- package/dist/elements/Toggle/Toggle.js.map +1 -1
- package/dist/elements/Toggle/Toggle.story.js +5 -8
- package/dist/elements/Toggle/Toggle.story.js.map +1 -1
- package/dist/elements/Toggle/tokens.js +2 -4
- package/dist/elements/Toggle/tokens.js.map +1 -1
- package/dist/elements/Tooltip/Tooltip.d.ts +1 -1
- package/dist/elements/Tooltip/Tooltip.js +4 -6
- package/dist/elements/Tooltip/Tooltip.js.map +1 -1
- package/dist/elements/Tooltip/Tooltip.story.js +11 -20
- package/dist/elements/Tooltip/Tooltip.story.js.map +1 -1
- package/dist/elements/VisuallyHidden/VisuallyHidden.d.ts +1 -2
- package/dist/elements/VisuallyHidden/VisuallyHidden.js +3 -6
- package/dist/elements/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/dist/helpers/color.js +1 -2
- package/dist/helpers/color.js.map +1 -1
- package/dist/helpers/flattenChildren.d.ts +1 -1
- package/dist/helpers/flattenChildren.js +3 -4
- package/dist/helpers/flattenChildren.js.map +1 -1
- package/dist/helpers/injectGlobalStyles.d.ts +0 -1
- package/dist/helpers/isText.js +3 -4
- package/dist/helpers/isText.js.map +1 -1
- package/dist/helpers/media.d.ts +1 -1
- package/dist/helpers/media.js +3 -4
- package/dist/helpers/media.js.map +1 -1
- package/dist/helpers/space.js +1 -2
- package/dist/helpers/space.js.map +1 -1
- package/dist/helpers/transition.js +1 -2
- package/dist/helpers/transition.js.map +1 -1
- package/dist/helpers/visuallyDisableScrollbar.js +1 -2
- package/dist/helpers/visuallyDisableScrollbar.js.map +1 -1
- package/dist/shared/RequiredField.js +1 -2
- package/dist/shared/RequiredField.js.map +1 -1
- package/dist/themes/Themes.story.js +12 -22
- package/dist/themes/Themes.story.js.map +1 -1
- package/dist/utils/FocusLocking.story.js +6 -10
- package/dist/utils/FocusLocking.story.js.map +1 -1
- package/dist/utils/remapValue.d.ts +1 -1
- package/dist/utils/remapValue.js +1 -2
- package/dist/utils/remapValue.js.map +1 -1
- package/dist/utils/splitProps.d.ts +1 -1
- package/dist/utils/splitProps.js +6 -6
- package/dist/utils/splitProps.js.map +1 -1
- package/dist/utils/useClickOutside.d.ts +0 -1
- package/dist/utils/useClickOutside.js +1 -2
- package/dist/utils/useClickOutside.js.map +1 -1
- package/dist/utils/useContainsFocus.d.ts +0 -1
- package/dist/utils/useContainsFocus.js +1 -2
- package/dist/utils/useContainsFocus.js.map +1 -1
- package/dist/utils/useDidMount.d.ts +2 -2
- package/dist/utils/useDidMount.js +3 -4
- package/dist/utils/useDidMount.js.map +1 -1
- package/dist/utils/useIsomorphicLayoutEffect.js +1 -2
- package/dist/utils/useIsomorphicLayoutEffect.js.map +1 -1
- package/dist/utils/useLatest.d.ts +1 -2
- package/dist/utils/useLatest.js +1 -2
- package/dist/utils/useLatest.js.map +1 -1
- package/dist/utils/useMutationObserver.d.ts +1 -1
- package/dist/utils/useMutationObserver.js +1 -2
- package/dist/utils/useMutationObserver.js.map +1 -1
- package/dist/utils/usePortal.js +1 -2
- package/dist/utils/usePortal.js.map +1 -1
- package/dist/utils/usePosition.d.ts +8 -9
- package/dist/utils/usePosition.js +10 -18
- package/dist/utils/usePosition.js.map +1 -1
- package/dist/utils/useResizeObserver.d.ts +2 -3
- package/dist/utils/useResizeObserver.js +3 -5
- package/dist/utils/useResizeObserver.js.map +1 -1
- package/dist/utils/useSentinelVisibility.js +3 -4
- package/dist/utils/useSentinelVisibility.js.map +1 -1
- package/dist/utils/useUpdateEffect.js +1 -2
- package/dist/utils/useUpdateEffect.js.map +1 -1
- package/dist/utils/useWidthOf.d.ts +0 -1
- package/dist/utils/useWidthOf.js +3 -4
- package/dist/utils/useWidthOf.js.map +1 -1
- package/package.json +26 -18
|
@@ -15,45 +15,59 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
15
15
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
16
16
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
17
17
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
18
|
-
function
|
|
19
|
-
function
|
|
20
|
-
|
|
18
|
+
function _callSuper(_this, derived, args) {
|
|
19
|
+
function isNativeReflectConstruct() {
|
|
20
|
+
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
|
21
|
+
if (Reflect.construct.sham) return false;
|
|
22
|
+
if (typeof Proxy === "function") return true;
|
|
23
|
+
try {
|
|
24
|
+
return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
|
|
25
|
+
} catch (e) {
|
|
26
|
+
return false;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
derived = _getPrototypeOf(derived);
|
|
30
|
+
return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
|
|
31
|
+
}
|
|
21
32
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
22
33
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
23
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
24
34
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
35
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
36
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
25
37
|
/**
|
|
26
38
|
* Collapse component for the web
|
|
27
39
|
*/
|
|
28
|
-
var Collapse = /*#__PURE__*/function (_React$Component) {
|
|
29
|
-
_inherits(Collapse, _React$Component);
|
|
30
|
-
var _super = _createSuper(Collapse);
|
|
40
|
+
var Collapse = exports.Collapse = /*#__PURE__*/function (_React$Component) {
|
|
31
41
|
function Collapse() {
|
|
32
|
-
var
|
|
42
|
+
var _this2;
|
|
33
43
|
_classCallCheck(this, Collapse);
|
|
34
44
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
35
45
|
args[_key] = arguments[_key];
|
|
36
46
|
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
47
|
+
_this2 = _callSuper(this, Collapse, [].concat(args));
|
|
48
|
+
// @ts-expect-error MIGRATE_STRICT_MODE
|
|
49
|
+
_this2.wrapperModifyTimeout = void 0;
|
|
50
|
+
_this2.wrapperRef = null;
|
|
51
|
+
_this2.onTransitionEnd = function (ev) {
|
|
52
|
+
if (!_this2.wrapperRef) {
|
|
42
53
|
return;
|
|
43
54
|
}
|
|
44
55
|
// when animating open, we set the wrapper's height to an explicit pixel
|
|
45
56
|
// value. When the transition ends we want to set the height back to 'auto'
|
|
46
57
|
// so that if the content of the wrapper changes it's height will change too
|
|
47
58
|
if (ev.propertyName === "height") {
|
|
48
|
-
|
|
59
|
+
_this2.wrapperRef.style.height = _this2.props.open ? "auto" : "0px";
|
|
49
60
|
}
|
|
50
61
|
};
|
|
51
|
-
|
|
52
|
-
|
|
62
|
+
// this is set until the first time `open` changes
|
|
63
|
+
// then it becomes null. This helps us with SSR.
|
|
64
|
+
_this2.firstRender = {
|
|
65
|
+
open: _this2.props.open
|
|
53
66
|
};
|
|
54
|
-
return
|
|
55
|
-
}
|
|
56
|
-
|
|
67
|
+
return _this2;
|
|
68
|
+
}
|
|
69
|
+
_inherits(Collapse, _React$Component);
|
|
70
|
+
return _createClass(Collapse, [{
|
|
57
71
|
key: "componentDidMount",
|
|
58
72
|
value: function componentDidMount() {
|
|
59
73
|
if (!this.wrapperRef) {
|
|
@@ -64,7 +78,7 @@ var Collapse = /*#__PURE__*/function (_React$Component) {
|
|
|
64
78
|
}, {
|
|
65
79
|
key: "componentDidUpdate",
|
|
66
80
|
value: function componentDidUpdate() {
|
|
67
|
-
var
|
|
81
|
+
var _this3 = this;
|
|
68
82
|
if (!this.wrapperRef) {
|
|
69
83
|
return;
|
|
70
84
|
}
|
|
@@ -77,7 +91,7 @@ var Collapse = /*#__PURE__*/function (_React$Component) {
|
|
|
77
91
|
this.wrapperRef.style.height = prevHeight;
|
|
78
92
|
// wait for a tick before setting goal height to allow transition
|
|
79
93
|
this.wrapperModifyTimeout = setTimeout(function () {
|
|
80
|
-
|
|
94
|
+
_this3.wrapperRef.style.height = goalheight + "px";
|
|
81
95
|
}, 10);
|
|
82
96
|
} else if (!this.props.open && this.wrapperRef.style.height !== "0px") {
|
|
83
97
|
// animate closing
|
|
@@ -86,7 +100,7 @@ var Collapse = /*#__PURE__*/function (_React$Component) {
|
|
|
86
100
|
this.wrapperRef.style.height = currentHeight + "px";
|
|
87
101
|
// wait for a tick before setting it to 0 to allow transition
|
|
88
102
|
this.wrapperModifyTimeout = setTimeout(function () {
|
|
89
|
-
|
|
103
|
+
_this3.wrapperRef.style.height = "0px";
|
|
90
104
|
}, 10);
|
|
91
105
|
}
|
|
92
106
|
}
|
|
@@ -96,13 +110,10 @@ var Collapse = /*#__PURE__*/function (_React$Component) {
|
|
|
96
110
|
this.wrapperRef.removeEventListener("transitionend", this.onTransitionEnd);
|
|
97
111
|
clearTimeout(this.wrapperModifyTimeout);
|
|
98
112
|
}
|
|
99
|
-
|
|
100
|
-
// this is set until the first time `open` changes
|
|
101
|
-
// then it becomes null. This helps us with SSR.
|
|
102
113
|
}, {
|
|
103
114
|
key: "render",
|
|
104
115
|
value: function render() {
|
|
105
|
-
var
|
|
116
|
+
var _this4 = this;
|
|
106
117
|
var _this$props = this.props,
|
|
107
118
|
children = _this$props.children,
|
|
108
119
|
open = _this$props.open;
|
|
@@ -124,7 +135,7 @@ var Collapse = /*#__PURE__*/function (_React$Component) {
|
|
|
124
135
|
}
|
|
125
136
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
126
137
|
ref: function ref(_ref) {
|
|
127
|
-
return
|
|
138
|
+
return _this4.wrapperRef = _ref;
|
|
128
139
|
},
|
|
129
140
|
style: _objectSpread({
|
|
130
141
|
transition: "height 0.3s ease",
|
|
@@ -133,8 +144,6 @@ var Collapse = /*#__PURE__*/function (_React$Component) {
|
|
|
133
144
|
}, children);
|
|
134
145
|
}
|
|
135
146
|
}]);
|
|
136
|
-
return Collapse;
|
|
137
147
|
}(_react.default.Component);
|
|
138
|
-
exports.Collapse = Collapse;
|
|
139
148
|
Collapse.displayName = "Collapse";
|
|
140
149
|
//# sourceMappingURL=Collapse.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapse.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","_classCallCheck","instance","Constructor","TypeError","_defineProperties","props","descriptor","_createClass","protoProps","staticProps","prototype","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","Number","_inherits","subClass","superClass","create","constructor","_setPrototypeOf","o","p","setPrototypeOf","bind","__proto__","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf","result","NewTarget","Reflect","construct","_possibleConstructorReturn","self","_assertThisInitialized","ReferenceError","sham","Proxy","Boolean","valueOf","e","getPrototypeOf","Collapse","_React$Component","_super","_this","_len","args","Array","_key","concat","wrapperModifyTimeout","wrapperRef","onTransitionEnd","ev","propertyName","style","height","open","firstRender","componentDidMount","addEventListener","componentDidUpdate","_this2","prevHeight","goalheight","offsetHeight","setTimeout","currentHeight","componentWillUnmount","removeEventListener","clearTimeout","render","_this3","_this$props","children","heightProps","createElement","ref","transition","overflow","React","Component","exports","displayName"],"sources":["../../../src/elements/Collapse/Collapse.tsx"],"sourcesContent":["import React from \"react\"\n\nexport interface CollapseProps {\n open: boolean\n}\n/**\n * Collapse component for the web\n */\nexport class Collapse extends React.Component<\n React.PropsWithChildren<CollapseProps>\n> {\n // @ts-expect-error MIGRATE_STRICT_MODE\n wrapperModifyTimeout: ReturnType<typeof setTimeout>\n wrapperRef: HTMLDivElement | null = null\n\n onTransitionEnd = (ev: TransitionEvent) => {\n if (!this.wrapperRef) {\n return\n }\n // when animating open, we set the wrapper's height to an explicit pixel\n // value. When the transition ends we want to set the height back to 'auto'\n // so that if the content of the wrapper changes it's height will change too\n if (ev.propertyName === \"height\") {\n this.wrapperRef.style.height = this.props.open ? \"auto\" : \"0px\"\n }\n }\n\n componentDidMount() {\n if (!this.wrapperRef) {\n return\n }\n\n this.wrapperRef.addEventListener(\"transitionend\", this.onTransitionEnd)\n }\n\n componentDidUpdate() {\n if (!this.wrapperRef) {\n return\n }\n if (this.props.open && this.wrapperRef.style.height !== \"auto\") {\n // animate opening\n // measure goal height\n const prevHeight = this.wrapperRef.style.height || \"0px\"\n this.wrapperRef.style.height = \"auto\"\n const goalheight = this.wrapperRef.offsetHeight\n this.wrapperRef.style.height = prevHeight\n // wait for a tick before setting goal height to allow transition\n this.wrapperModifyTimeout = setTimeout(() => {\n this.wrapperRef!.style.height = goalheight + \"px\"\n }, 10)\n } else if (!this.props.open && this.wrapperRef.style.height !== \"0px\") {\n // animate closing\n // set the wrapper's current height explicitly\n const currentHeight = this.wrapperRef.offsetHeight\n this.wrapperRef.style.height = currentHeight + \"px\"\n // wait for a tick before setting it to 0 to allow transition\n this.wrapperModifyTimeout = setTimeout(() => {\n this.wrapperRef!.style.height = \"0px\"\n }, 10)\n }\n }\n\n componentWillUnmount() {\n this.wrapperRef!.removeEventListener(\"transitionend\", this.onTransitionEnd)\n clearTimeout(this.wrapperModifyTimeout)\n }\n\n // this is set until the first time `open` changes\n // then it becomes null. This helps us with SSR.\n firstRender: { open: boolean } | null = {\n open: this.props.open,\n }\n\n render() {\n const { children, open } = this.props\n // render explicit height before first change, so SSR works properly.\n // Thereafter we control the height property entirely in componentDidMount\n // (which doesn't get called during SSR)\n let heightProps = {}\n if (this.firstRender) {\n // render() might be called multiple times before the first time `open` changes\n if (this.firstRender.open !== open) {\n // `open` prop has changed for the first time\n // ditch explicit height and let `componentDidUpdate` take the wheel\n this.firstRender = null\n } else {\n heightProps = {\n height: open ? \"auto\" : \"0px\",\n }\n }\n }\n return (\n <div\n ref={(ref) => (this.wrapperRef = ref)}\n style={{\n transition: \"height 0.3s ease\",\n overflow: \"hidden\",\n ...heightProps,\n }}\n >\n {children}\n </div>\n )\n }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,IAAAC,eAAA,CAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAAA,SAAAO,gBAAAxB,GAAA,EAAAuB,GAAA,EAAAK,KAAA,IAAAL,GAAA,GAAAM,cAAA,CAAAN,GAAA,OAAAA,GAAA,IAAAvB,GAAA,IAAAO,MAAA,CAAAoB,cAAA,CAAA3B,GAAA,EAAAuB,GAAA,IAAAK,KAAA,EAAAA,KAAA,EAAAf,UAAA,QAAAiB,YAAA,QAAAC,QAAA,oBAAA/B,GAAA,CAAAuB,GAAA,IAAAK,KAAA,WAAA5B,GAAA;AAAA,SAAAgC,gBAAAC,QAAA,EAAAC,WAAA,UAAAD,QAAA,YAAAC,WAAA,eAAAC,SAAA;AAAA,SAAAC,kBAAAnB,MAAA,EAAAoB,KAAA,aAAAnB,CAAA,MAAAA,CAAA,GAAAmB,KAAA,CAAAjB,MAAA,EAAAF,CAAA,UAAAoB,UAAA,GAAAD,KAAA,CAAAnB,CAAA,GAAAoB,UAAA,CAAAzB,UAAA,GAAAyB,UAAA,CAAAzB,UAAA,WAAAyB,UAAA,CAAAR,YAAA,wBAAAQ,UAAA,EAAAA,UAAA,CAAAP,QAAA,SAAAxB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAY,cAAA,CAAAS,UAAA,CAAAf,GAAA,GAAAe,UAAA;AAAA,SAAAC,aAAAL,WAAA,EAAAM,UAAA,EAAAC,WAAA,QAAAD,UAAA,EAAAJ,iBAAA,CAAAF,WAAA,CAAAQ,SAAA,EAAAF,UAAA,OAAAC,WAAA,EAAAL,iBAAA,CAAAF,WAAA,EAAAO,WAAA,GAAAlC,MAAA,CAAAoB,cAAA,CAAAO,WAAA,iBAAAH,QAAA,mBAAAG,WAAA;AAAA,SAAAL,eAAAc,GAAA,QAAApB,GAAA,GAAAqB,YAAA,CAAAD,GAAA,oBAAAE,OAAA,CAAAtB,GAAA,iBAAAA,GAAA,GAAAuB,MAAA,CAAAvB,GAAA;AAAA,SAAAqB,aAAAG,KAAA,EAAAC,IAAA,QAAAH,OAAA,CAAAE,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAK,IAAA,CAAAP,KAAA,EAAAC,IAAA,oBAAAH,OAAA,CAAAQ,GAAA,uBAAAA,GAAA,YAAAlB,SAAA,4DAAAa,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,SAAAS,UAAAC,QAAA,EAAAC,UAAA,eAAAA,UAAA,mBAAAA,UAAA,uBAAAvB,SAAA,0DAAAsB,QAAA,CAAAf,SAAA,GAAAnC,MAAA,CAAAoD,MAAA,CAAAD,UAAA,IAAAA,UAAA,CAAAhB,SAAA,IAAAkB,WAAA,IAAAhC,KAAA,EAAA6B,QAAA,EAAA1B,QAAA,QAAAD,YAAA,aAAAvB,MAAA,CAAAoB,cAAA,CAAA8B,QAAA,iBAAA1B,QAAA,gBAAA2B,UAAA,EAAAG,eAAA,CAAAJ,QAAA,EAAAC,UAAA;AAAA,SAAAG,gBAAAC,CAAA,EAAAC,CAAA,IAAAF,eAAA,GAAAtD,MAAA,CAAAyD,cAAA,GAAAzD,MAAA,CAAAyD,cAAA,CAAAC,IAAA,cAAAJ,gBAAAC,CAAA,EAAAC,CAAA,IAAAD,CAAA,CAAAI,SAAA,GAAAH,CAAA,SAAAD,CAAA,YAAAD,eAAA,CAAAC,CAAA,EAAAC,CAAA;AAAA,SAAAI,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,GAAAC,eAAA,CAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,GAAAF,eAAA,OAAAb,WAAA,EAAAc,MAAA,GAAAE,OAAA,CAAAC,SAAA,CAAAL,KAAA,EAAArD,SAAA,EAAAwD,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAzD,KAAA,OAAAI,SAAA,YAAA2D,0BAAA,OAAAJ,MAAA;AAAA,SAAAI,2BAAAC,IAAA,EAAAzB,IAAA,QAAAA,IAAA,KAAAT,OAAA,CAAAS,IAAA,yBAAAA,IAAA,2BAAAA,IAAA,aAAAA,IAAA,yBAAAnB,SAAA,uEAAA6C,sBAAA,CAAAD,IAAA;AAAA,SAAAC,uBAAAD,IAAA,QAAAA,IAAA,yBAAAE,cAAA,wEAAAF,IAAA;AAAA,SAAAT,0BAAA,eAAAM,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAK,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAA1C,SAAA,CAAA2C,OAAA,CAAA/B,IAAA,CAAAsB,OAAA,CAAAC,SAAA,CAAAO,OAAA,8CAAAE,CAAA;AAAA,SAAAb,gBAAAX,CAAA,IAAAW,eAAA,GAAAlE,MAAA,CAAAyD,cAAA,GAAAzD,MAAA,CAAAgF,cAAA,CAAAtB,IAAA,cAAAQ,gBAAAX,CAAA,WAAAA,CAAA,CAAAI,SAAA,IAAA3D,MAAA,CAAAgF,cAAA,CAAAzB,CAAA,aAAAW,eAAA,CAAAX,CAAA;AAKzB;AACA;AACA;AAFA,IAGa0B,QAAQ,0BAAAC,gBAAA;EAAAjC,SAAA,CAAAgC,QAAA,EAAAC,gBAAA;EAAA,IAAAC,MAAA,GAAAvB,YAAA,CAAAqB,QAAA;EAAA,SAAAA,SAAA;IAAA,IAAAG,KAAA;IAAA3D,eAAA,OAAAwD,QAAA;IAAA,SAAAI,IAAA,GAAAzE,SAAA,CAAAC,MAAA,EAAAyE,IAAA,OAAAC,KAAA,CAAAF,IAAA,GAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAA5E,SAAA,CAAA4E,IAAA;IAAA;IAAAJ,KAAA,GAAAD,MAAA,CAAApC,IAAA,CAAAvC,KAAA,CAAA2E,MAAA,SAAAM,MAAA,CAAAH,IAAA;IAAAF,KAAA,CAInBM,oBAAoB;IAAAN,KAAA,CACpBO,UAAU,GAA0B,IAAI;IAAAP,KAAA,CAExCQ,eAAe,GAAG,UAACC,EAAmB,EAAK;MACzC,IAAI,CAACT,KAAA,CAAKO,UAAU,EAAE;QACpB;MACF;MACA;MACA;MACA;MACA,IAAIE,EAAE,CAACC,YAAY,KAAK,QAAQ,EAAE;QAChCV,KAAA,CAAKO,UAAU,CAACI,KAAK,CAACC,MAAM,GAAGZ,KAAA,CAAKtD,KAAK,CAACmE,IAAI,GAAG,MAAM,GAAG,KAAK;MACjE;IACF,CAAC;IAAAb,KAAA,CA4CDc,WAAW,GAA6B;MACtCD,IAAI,EAAEb,KAAA,CAAKtD,KAAK,CAACmE;IACnB,CAAC;IAAA,OAAAb,KAAA;EAAA,EA5DD;EAAApD,YAAA,CAAAiD,QAAA;IAAAjE,GAAA;IAAAK,KAAA,EAgBA,SAAA8E,kBAAA,EAAoB;MAClB,IAAI,CAAC,IAAI,CAACR,UAAU,EAAE;QACpB;MACF;MAEA,IAAI,CAACA,UAAU,CAACS,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAACR,eAAe,CAAC;IACzE;EAAC;IAAA5E,GAAA;IAAAK,KAAA,EAED,SAAAgF,mBAAA,EAAqB;MAAA,IAAAC,MAAA;MACnB,IAAI,CAAC,IAAI,CAACX,UAAU,EAAE;QACpB;MACF;MACA,IAAI,IAAI,CAAC7D,KAAK,CAACmE,IAAI,IAAI,IAAI,CAACN,UAAU,CAACI,KAAK,CAACC,MAAM,KAAK,MAAM,EAAE;QAC9D;QACA;QACA,IAAMO,UAAU,GAAG,IAAI,CAACZ,UAAU,CAACI,KAAK,CAACC,MAAM,IAAI,KAAK;QACxD,IAAI,CAACL,UAAU,CAACI,KAAK,CAACC,MAAM,GAAG,MAAM;QACrC,IAAMQ,UAAU,GAAG,IAAI,CAACb,UAAU,CAACc,YAAY;QAC/C,IAAI,CAACd,UAAU,CAACI,KAAK,CAACC,MAAM,GAAGO,UAAU;QACzC;QACA,IAAI,CAACb,oBAAoB,GAAGgB,UAAU,CAAC,YAAM;UAC3CJ,MAAI,CAACX,UAAU,CAAEI,KAAK,CAACC,MAAM,GAAGQ,UAAU,GAAG,IAAI;QACnD,CAAC,EAAE,EAAE,CAAC;MACR,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC1E,KAAK,CAACmE,IAAI,IAAI,IAAI,CAACN,UAAU,CAACI,KAAK,CAACC,MAAM,KAAK,KAAK,EAAE;QACrE;QACA;QACA,IAAMW,aAAa,GAAG,IAAI,CAAChB,UAAU,CAACc,YAAY;QAClD,IAAI,CAACd,UAAU,CAACI,KAAK,CAACC,MAAM,GAAGW,aAAa,GAAG,IAAI;QACnD;QACA,IAAI,CAACjB,oBAAoB,GAAGgB,UAAU,CAAC,YAAM;UAC3CJ,MAAI,CAACX,UAAU,CAAEI,KAAK,CAACC,MAAM,GAAG,KAAK;QACvC,CAAC,EAAE,EAAE,CAAC;MACR;IACF;EAAC;IAAAhF,GAAA;IAAAK,KAAA,EAED,SAAAuF,qBAAA,EAAuB;MACrB,IAAI,CAACjB,UAAU,CAAEkB,mBAAmB,CAAC,eAAe,EAAE,IAAI,CAACjB,eAAe,CAAC;MAC3EkB,YAAY,CAAC,IAAI,CAACpB,oBAAoB,CAAC;IACzC;;IAEA;IACA;EAAA;IAAA1E,GAAA;IAAAK,KAAA,EAKA,SAAA0F,OAAA,EAAS;MAAA,IAAAC,MAAA;MACP,IAAAC,WAAA,GAA2B,IAAI,CAACnF,KAAK;QAA7BoF,QAAQ,GAAAD,WAAA,CAARC,QAAQ;QAAEjB,IAAI,GAAAgB,WAAA,CAAJhB,IAAI;MACtB;MACA;MACA;MACA,IAAIkB,WAAW,GAAG,CAAC,CAAC;MACpB,IAAI,IAAI,CAACjB,WAAW,EAAE;QACpB;QACA,IAAI,IAAI,CAACA,WAAW,CAACD,IAAI,KAAKA,IAAI,EAAE;UAClC;UACA;UACA,IAAI,CAACC,WAAW,GAAG,IAAI;QACzB,CAAC,MAAM;UACLiB,WAAW,GAAG;YACZnB,MAAM,EAAEC,IAAI,GAAG,MAAM,GAAG;UAC1B,CAAC;QACH;MACF;MACA,oBACE3G,MAAA,CAAAK,OAAA,CAAAyH,aAAA;QACEC,GAAG,EAAE,SAAAA,IAACA,IAAG;UAAA,OAAML,MAAI,CAACrB,UAAU,GAAG0B,IAAG;QAAA,CAAE;QACtCtB,KAAK,EAAAtF,aAAA;UACH6G,UAAU,EAAE,kBAAkB;UAC9BC,QAAQ,EAAE;QAAQ,GACfJ,WAAW;MACd,GAEDD,QAAQ,CACL;IAEV;EAAC;EAAA,OAAAjC,QAAA;AAAA,EA/F2BuC,cAAK,CAACC,SAAS;AAAAC,OAAA,CAAAzC,QAAA,GAAAA,QAAA;AAAhCA,QAAQ,CAAA0C,WAAA"}
|
|
1
|
+
{"version":3,"file":"Collapse.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","_classCallCheck","instance","Constructor","TypeError","_defineProperties","props","descriptor","_createClass","protoProps","staticProps","prototype","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","Number","_callSuper","_this","derived","args","isNativeReflectConstruct","Reflect","construct","sham","Proxy","Boolean","valueOf","e","_getPrototypeOf","_possibleConstructorReturn","constructor","self","_assertThisInitialized","ReferenceError","o","setPrototypeOf","getPrototypeOf","bind","__proto__","_inherits","subClass","superClass","create","_setPrototypeOf","p","Collapse","exports","_React$Component","_this2","_len","Array","_key","concat","wrapperModifyTimeout","wrapperRef","onTransitionEnd","ev","propertyName","style","height","open","firstRender","componentDidMount","addEventListener","componentDidUpdate","_this3","prevHeight","goalheight","offsetHeight","setTimeout","currentHeight","componentWillUnmount","removeEventListener","clearTimeout","render","_this4","_this$props","children","heightProps","createElement","ref","transition","overflow","React","Component","displayName"],"sources":["../../../src/elements/Collapse/Collapse.tsx"],"sourcesContent":["import React from \"react\"\n\nexport interface CollapseProps {\n open: boolean\n}\n/**\n * Collapse component for the web\n */\nexport class Collapse extends React.Component<\n React.PropsWithChildren<CollapseProps>\n> {\n // @ts-expect-error MIGRATE_STRICT_MODE\n wrapperModifyTimeout: ReturnType<typeof setTimeout>\n wrapperRef: HTMLDivElement | null = null\n\n onTransitionEnd = (ev: TransitionEvent) => {\n if (!this.wrapperRef) {\n return\n }\n // when animating open, we set the wrapper's height to an explicit pixel\n // value. When the transition ends we want to set the height back to 'auto'\n // so that if the content of the wrapper changes it's height will change too\n if (ev.propertyName === \"height\") {\n this.wrapperRef.style.height = this.props.open ? \"auto\" : \"0px\"\n }\n }\n\n componentDidMount() {\n if (!this.wrapperRef) {\n return\n }\n\n this.wrapperRef.addEventListener(\"transitionend\", this.onTransitionEnd)\n }\n\n componentDidUpdate() {\n if (!this.wrapperRef) {\n return\n }\n if (this.props.open && this.wrapperRef.style.height !== \"auto\") {\n // animate opening\n // measure goal height\n const prevHeight = this.wrapperRef.style.height || \"0px\"\n this.wrapperRef.style.height = \"auto\"\n const goalheight = this.wrapperRef.offsetHeight\n this.wrapperRef.style.height = prevHeight\n // wait for a tick before setting goal height to allow transition\n this.wrapperModifyTimeout = setTimeout(() => {\n this.wrapperRef!.style.height = goalheight + \"px\"\n }, 10)\n } else if (!this.props.open && this.wrapperRef.style.height !== \"0px\") {\n // animate closing\n // set the wrapper's current height explicitly\n const currentHeight = this.wrapperRef.offsetHeight\n this.wrapperRef.style.height = currentHeight + \"px\"\n // wait for a tick before setting it to 0 to allow transition\n this.wrapperModifyTimeout = setTimeout(() => {\n this.wrapperRef!.style.height = \"0px\"\n }, 10)\n }\n }\n\n componentWillUnmount() {\n this.wrapperRef!.removeEventListener(\"transitionend\", this.onTransitionEnd)\n clearTimeout(this.wrapperModifyTimeout)\n }\n\n // this is set until the first time `open` changes\n // then it becomes null. This helps us with SSR.\n firstRender: { open: boolean } | null = {\n open: this.props.open,\n }\n\n render() {\n const { children, open } = this.props\n // render explicit height before first change, so SSR works properly.\n // Thereafter we control the height property entirely in componentDidMount\n // (which doesn't get called during SSR)\n let heightProps = {}\n if (this.firstRender) {\n // render() might be called multiple times before the first time `open` changes\n if (this.firstRender.open !== open) {\n // `open` prop has changed for the first time\n // ditch explicit height and let `componentDidUpdate` take the wheel\n this.firstRender = null\n } else {\n heightProps = {\n height: open ? \"auto\" : \"0px\",\n }\n }\n }\n return (\n <div\n ref={(ref) => (this.wrapperRef = ref)}\n style={{\n transition: \"height 0.3s ease\",\n overflow: \"hidden\",\n ...heightProps,\n }}\n >\n {children}\n </div>\n )\n }\n}\n"],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ var _Flex = require("../Flex");
|
|
|
16
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
17
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
var Drawer = function Drawer(_ref) {
|
|
19
|
+
var Drawer = exports.Drawer = function Drawer(_ref) {
|
|
20
20
|
var children = _ref.children,
|
|
21
21
|
_ref$anchor = _ref.anchor,
|
|
22
22
|
anchor = _ref$anchor === void 0 ? "right" : _ref$anchor,
|
|
@@ -62,7 +62,6 @@ var Drawer = function Drawer(_ref) {
|
|
|
62
62
|
}
|
|
63
63
|
})));
|
|
64
64
|
};
|
|
65
|
-
exports.Drawer = Drawer;
|
|
66
65
|
var DEFAULT_DRAWER_Z_INDEX = 1;
|
|
67
66
|
var Content = (0, _styledComponents.default)(_Box.Box).withConfig({
|
|
68
67
|
displayName: "Drawer__Content",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","names":["_themeGet","require","_react","_interopRequireDefault","_reactFocusOn","_styledComponents","_interopRequireWildcard","_styledSystem","_usePortal2","_Box","_Flex","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Drawer","_ref","children","_ref$anchor","anchor","_ref$zIndex","zIndex","DEFAULT_DRAWER_Z_INDEX","open","onClose","_usePortal","usePortal","createPortal","createElement","Container","style","pointerEvents","transform","Focus","onClickOutside","enabled","onEscapeKey","Content","backgroundColor","height","width","overflowX","overflowY","transition","concat","Overlay","display","onClick","opacity","
|
|
1
|
+
{"version":3,"file":"Drawer.js","names":["_themeGet","require","_react","_interopRequireDefault","_reactFocusOn","_styledComponents","_interopRequireWildcard","_styledSystem","_usePortal2","_Box","_Flex","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Drawer","exports","_ref","children","_ref$anchor","anchor","_ref$zIndex","zIndex","DEFAULT_DRAWER_Z_INDEX","open","onClose","_usePortal","usePortal","createPortal","createElement","Container","style","pointerEvents","transform","Focus","onClickOutside","enabled","onEscapeKey","Content","backgroundColor","height","width","overflowX","overflowY","transition","concat","Overlay","display","onClick","opacity","styled","Box","withConfig","displayName","componentId","props","css","themeGet","Flex","FocusOn"],"sources":["../../../src/elements/Drawer/Drawer.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { FC } from \"react\"\nimport { FocusOn } from \"react-focus-on\"\nimport styled, { css } from \"styled-components\"\nimport { zIndex } from \"styled-system\"\nimport { usePortal } from \"../../utils/usePortal\"\nimport { Box } from \"../Box\"\nimport { Flex } from \"../Flex\"\n\nexport interface DrawerProps {\n open: boolean\n anchor?: \"left\" | \"right\"\n zIndex?: number\n onClose?(): void\n}\n\nexport const Drawer: FC<React.PropsWithChildren<DrawerProps>> = ({\n children,\n anchor = \"right\",\n zIndex = DEFAULT_DRAWER_Z_INDEX,\n open,\n onClose,\n}) => {\n const { createPortal } = usePortal()\n\n return createPortal(\n <Container\n zIndex={zIndex}\n anchor={anchor}\n style={{\n pointerEvents: open ? \"auto\" : \"none\",\n transform: open ? \"translateX(0)\" : \"none\",\n }}\n >\n <Focus onClickOutside={onClose} enabled={open} onEscapeKey={onClose}>\n <Content\n backgroundColor=\"mono0\"\n height=\"100%\"\n width={[\"100%\", \"auto\"]}\n overflowX=\"hidden\"\n overflowY=\"scroll\"\n anchor={anchor}\n zIndex={zIndex}\n transition={\n open\n ? \"transform .6s cubic-bezier(0.190, 1.000, 0.220, 1.000)\" // easeOutExpo\n : \"transform 1s cubic-bezier(0.075, 0.820, 0.165, 1.000)\" // easeOutCirc\n }\n style={{\n transform: open\n ? \"none\"\n : `translateX(${anchor === \"left\" ? \"-110%\" : \"110%\"})`,\n }}\n >\n {children}\n </Content>\n </Focus>\n\n <Overlay\n display={[\"none\", \"flex\"]}\n onClick={onClose}\n data-testid=\"drawer-overlay\"\n width=\"inherit\"\n style={{\n opacity: open ? 1 : 0,\n }}\n />\n </Container>\n )\n}\n\nconst DEFAULT_DRAWER_Z_INDEX = 1\n\nconst Content = styled(Box)<\n Pick<DrawerProps, \"anchor\"> & { transition: string }\n>`\n position: absolute;\n top: 0;\n -webkit-overflow-scrolling: touch;\n\n ${(props) => css`\n transition: ${props.transition};\n `}\n\n ${(props) => css`\n ${props.anchor === \"left\" ? \"left: 0;\" : \"right: 0;\"}\n `};\n`\n\nconst Overlay = styled(Box)`\n height: 100%;\n background: ${themeGet(\"effects.backdrop\")};\n transition: opacity 150ms linear 50ms;\n`\n\nconst Container = styled(Flex)<Pick<DrawerProps, \"anchor\">>`\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n ${zIndex}\n position: fixed;\n\n ${(props) => {\n return css`\n flex-direction: ${props.anchor === \"left\" ? \"row\" : \"row-reverse\"};\n `\n }}\n`\n\nconst Focus = styled(FocusOn)`\n height: 100%;\n align-items: center;\n justify-content: center;\n`\n"],"mappings":"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"}
|
|
@@ -14,16 +14,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
14
14
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
15
15
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
16
16
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
17
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
18
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0)
|
|
17
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
18
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
19
19
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
20
|
-
var _default = {
|
|
20
|
+
var _default = exports.default = {
|
|
21
21
|
title: "Components/Drawer",
|
|
22
22
|
parameters: {
|
|
23
23
|
layout: "fullscreen"
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
|
-
exports.default = _default;
|
|
27
26
|
var Layout = function Layout(_ref) {
|
|
28
27
|
var anchor = _ref.anchor;
|
|
29
28
|
var _useState = (0, _react.useState)(false),
|
|
@@ -64,18 +63,16 @@ var Layout = function Layout(_ref) {
|
|
|
64
63
|
flex: 1
|
|
65
64
|
})));
|
|
66
65
|
};
|
|
67
|
-
var Default = function Default() {
|
|
66
|
+
var Default = exports.Default = function Default() {
|
|
68
67
|
return /*#__PURE__*/_react.default.createElement(Layout, {
|
|
69
68
|
anchor: "right"
|
|
70
69
|
});
|
|
71
70
|
};
|
|
72
|
-
exports.Default = Default;
|
|
73
71
|
Default.displayName = "Default";
|
|
74
|
-
var Left = function Left() {
|
|
72
|
+
var Left = exports.Left = function Left() {
|
|
75
73
|
return /*#__PURE__*/_react.default.createElement(Layout, {
|
|
76
74
|
anchor: "left"
|
|
77
75
|
});
|
|
78
76
|
};
|
|
79
|
-
exports.Left = Left;
|
|
80
77
|
Left.displayName = "Left";
|
|
81
78
|
//# sourceMappingURL=Drawer.story.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.story.js","names":["_react","_interopRequireWildcard","require","_Drawer","_Flex","_Button","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","title","parameters","layout","
|
|
1
|
+
{"version":3,"file":"Drawer.story.js","names":["_react","_interopRequireWildcard","require","_Drawer","_Flex","_Button","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","exports","title","parameters","layout","Layout","_ref","anchor","_useState","useState","_useState2","open","setOpen","createElement","Fragment","Drawer","onClose","Flex","width","justifyContent","p","flexDirection","Button","size","onClick","height","flex","Default","displayName","Left"],"sources":["../../../src/elements/Drawer/Drawer.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { Drawer } from \"./Drawer\"\nimport { Flex } from \"../Flex\"\nimport { Button } from \"../Button\"\n\nexport default {\n title: \"Components/Drawer\",\n parameters: {\n layout: \"fullscreen\",\n },\n}\n\nconst Layout: React.FC<React.PropsWithChildren<{ anchor: \"left\" | \"right\" }>> = ({ anchor }) => {\n const [open, setOpen] = useState(false)\n\n return (\n <>\n <Drawer open={open} onClose={() => setOpen(false)} anchor={anchor}>\n <Flex\n width={[\"100%\", 400]}\n justifyContent=\"center\"\n p={2}\n flexDirection=\"column\"\n >\n <Button size=\"small\" onClick={() => setOpen(false)}>\n Close\n </Button>\n </Flex>\n </Drawer>\n\n <Flex width=\"100vw\" height=\"100%\" flexDirection={[\"column\", \"row\"]}>\n <Flex flex={1} />\n <Flex flex={2} flexDirection=\"column\">\n <Button size=\"small\" onClick={() => setOpen(true)}>\n Open Drawer\n </Button>\n </Flex>\n <Flex flex={1} />\n </Flex>\n </>\n )\n}\n\nexport const Default = () => {\n return <Layout anchor=\"right\" />\n}\n\nexport const Left = () => {\n return <Layout anchor=\"left\" />\n}\n"],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ export interface DropdownActions {
|
|
|
15
15
|
/** Whether or not the dropdown is visible */
|
|
16
16
|
visible: boolean;
|
|
17
17
|
}
|
|
18
|
-
|
|
18
|
+
type Children = React.ReactNode | ((dropdownActions: DropdownActions) => React.ReactNode);
|
|
19
19
|
export interface DropdownProps extends Omit<BoxProps, "children"> {
|
|
20
20
|
placement?: Position;
|
|
21
21
|
/** Intially visible by default? */
|
|
@@ -26,8 +26,8 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
|
|
|
26
26
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
27
27
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
28
28
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
29
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
30
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0)
|
|
29
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
30
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
31
31
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
32
32
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
33
33
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
@@ -35,7 +35,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
35
35
|
* A `Dropdown` is a small modal-type element which is anchored, and can be
|
|
36
36
|
* positioned relative to, another element and designed to be transitioned in on hover or on click.
|
|
37
37
|
*/
|
|
38
|
-
var Dropdown = function Dropdown(_ref) {
|
|
38
|
+
var Dropdown = exports.Dropdown = function Dropdown(_ref) {
|
|
39
39
|
var _ref$placement = _ref.placement,
|
|
40
40
|
placement = _ref$placement === void 0 ? "top" : _ref$placement,
|
|
41
41
|
_ref$visible = _ref.visible,
|
|
@@ -304,7 +304,6 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
304
304
|
visible: visible
|
|
305
305
|
}) : dropdown)))));
|
|
306
306
|
};
|
|
307
|
-
exports.Dropdown = Dropdown;
|
|
308
307
|
var Container = (0, _styledComponents.default)(_Box.Box).withConfig({
|
|
309
308
|
displayName: "Dropdown__Container",
|
|
310
309
|
componentId: "sc-je1xqj-0"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_utils","_usePortal2","_Box","_reactFocusOn","_themeGet","_esToolkit","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Dropdown","_ref","_ref$placement","placement","_ref$visible","visible","_visible","keepInDOM","children","_ref$offset","offset","dropdown","_ref$dropdownZIndex","dropdownZIndex","openDropdownByClick","_ref$transition","transition","_transition","_ref$flip","flip","rest","_useState","useState","_useState2","setVisible","useEffect","timeoutRef","useRef","setVisibility","useCallback","_ref2","_ref2$isPointer","isPointer","delay","current","clearTimeout","setTimeout","activeRef","pointerRef","onVisible","onHide","onToggleVisibility","_usePosition","usePosition","position","active","padding","anchorRef","panelRef","tooltipRef","isFlipped","state","handleKeyDown","event","handleKeyUp","document","activeElement","contains","handleClick","tagName","toLowerCase","isClosableElement","element","closest","addEventListener","removeEventListener","handleMouseEnter","handleMouseLeave","_useState3","_useState4","setTransition","translation","useMemo","handlePointerVisible","handlePointerHide","anchorProps","onClick","onMouseEnter","onMouseLeave","_usePortal","usePortal","createPortal","focusEnabled","_useState5","_useState6","maxHeight","setMaxHeight","calculate","debounce","nextMaxHeight","calculateMaxHeight","anchorRect","getBoundingClientRect","window","passive","createElement","Fragment","Container","tabIndex","ref","zIndex","display","style","visibility","Panel","opacity","transform","FocusOn","noIsolation","enabled","onClickOutside","exports","styled","Box","withConfig","displayName","componentId","_ref7","_ref8","concat","themeGet"],"sources":["../../../src/elements/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { calculateMaxHeight, Position, usePosition } from \"../../utils\"\nimport { usePortal } from \"../../utils/usePortal\"\nimport { Box, BoxProps } from \"../Box\"\nimport { FocusOn } from \"react-focus-on\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport { debounce } from \"es-toolkit\"\n\nexport interface DropdownActions {\n /** Call to show dropdown */\n onVisible(): void\n /** Call to hide dropdown */\n onHide(): void\n /** Manipulate visible directly */\n setVisible(value: boolean): void\n /** Pass ref to element you want the dropdown to be anchored to */\n anchorRef: React.MutableRefObject<HTMLElement>\n /** Spread props on element you want the dropdown to be anchored to */\n anchorProps: React.HTMLAttributes<HTMLElement>\n /** Whether or not the dropdown is visible */\n visible: boolean\n}\n\ntype Children =\n | React.ReactNode\n | ((dropdownActions: DropdownActions) => React.ReactNode)\n\nexport interface DropdownProps extends Omit<BoxProps, \"children\"> {\n placement?: Position\n /** Intially visible by default? */\n visible?: boolean\n /** Whether or not we should animate the dropdown transition */\n transition?: boolean\n dropdown:\n | React.ReactNode\n | ((\n dropdownActions: Pick<\n DropdownActions,\n \"onHide\" | \"onVisible\" | \"setVisible\" | \"visible\"\n >\n ) => void)\n /** Custom zIndex to assign to the dropdown panel */\n dropdownZIndex?: number\n /** Distance in pixels from anchor */\n offset?: number\n /** Should the dropdown panel always be present in the DOM (vs removed when invisible) */\n keepInDOM?: boolean\n openDropdownByClick?: boolean\n children: Children\n /** Optionally disable flipping (default: `true`) */\n flip?: boolean\n}\n\n/**\n * A `Dropdown` is a small modal-type element which is anchored, and can be\n * positioned relative to, another element and designed to be transitioned in on hover or on click.\n */\nexport const Dropdown = ({\n placement = \"top\",\n visible: _visible = false,\n keepInDOM,\n children,\n offset = 10,\n dropdown,\n dropdownZIndex = 1,\n openDropdownByClick,\n transition: _transition = true,\n flip = true,\n ...rest\n}: DropdownProps) => {\n const [visible, setVisible] = useState(false)\n\n // If prop updates/set initial visibility.\n useEffect(() => {\n setVisible(_visible)\n }, [_visible])\n\n const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n // We need to keep the pointer state in sync with the visibility state, else we\n // wind up with focus isolation out of sync.\n const setVisibility = useCallback(\n ({\n visible,\n isPointer = false,\n }: {\n visible: boolean\n isPointer?: boolean\n }) => {\n const delay = _transition ? (visible ? 50 : 150) : visible ? 1 : 50\n\n timeoutRef.current && clearTimeout(timeoutRef.current)\n timeoutRef.current = setTimeout(() => {\n if (!visible && activeRef.current) return\n pointerRef.current = isPointer\n setVisible(visible)\n }, delay)\n },\n [_transition]\n )\n\n const onVisible = () => {\n setVisibility({ visible: true })\n }\n\n const onHide = useCallback(() => {\n setVisibility({ visible: false })\n }, [setVisibility])\n\n const onToggleVisibility = () => {\n if (visible) {\n return onHide()\n }\n\n onVisible()\n }\n\n const {\n anchorRef,\n tooltipRef: panelRef,\n state: { isFlipped },\n } = usePosition({\n position: placement,\n offset: 0,\n active: visible,\n flip,\n padding: offset,\n })\n\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n onHide()\n }\n }\n\n // Close dropdown when focus leaves element\n const handleKeyUp = (event: KeyboardEvent) => {\n if (!panelRef.current) return\n\n if (\n event.key === \"Tab\" &&\n !(\n panelRef.current === document.activeElement ||\n panelRef.current.contains(document.activeElement)\n )\n ) {\n onHide()\n }\n }\n\n const handleClick = (event: MouseEvent) => {\n if (!panelRef.current || !openDropdownByClick) return\n const target = event.target as Element\n const tagName = target.tagName.toLowerCase()\n let isClosableElement = tagName === \"a\"\n let element: Element | null = target\n\n // Find parent link element\n if (!isClosableElement) {\n element = target.closest(\"a\")\n isClosableElement = !!element\n }\n\n if (isClosableElement && element && panelRef.current.contains(element)) {\n onHide()\n }\n }\n\n document.addEventListener(\"keydown\", handleKeyDown)\n document.addEventListener(\"keyup\", handleKeyUp)\n document.addEventListener(\"click\", handleClick)\n\n return () => {\n document.removeEventListener(\"keydown\", handleKeyDown)\n document.removeEventListener(\"keyup\", handleKeyUp)\n document.removeEventListener(\"click\", handleClick)\n }\n }, [panelRef, openDropdownByClick, onHide])\n\n const activeRef = useRef(false)\n\n const handleMouseEnter = () => {\n activeRef.current = true\n }\n\n const handleMouseLeave = () => {\n activeRef.current = false\n onHide()\n }\n\n const [transition, setTransition] = useState(false)\n\n // Wait for next tick so that animation runs\n useEffect(() => {\n setTimeout(() => {\n setTransition(visible)\n }, 0)\n }, [visible])\n\n const translation = useMemo(() => {\n switch (placement) {\n case \"top-start\":\n case \"top\":\n case \"top-end\":\n return `translateY(10px)`\n case \"bottom-start\":\n case \"bottom\":\n case \"bottom-end\":\n return `translateY(-10px)`\n case \"left-start\":\n case \"left\":\n case \"left-end\":\n return `translateX(10px)`\n case \"right-start\":\n case \"right\":\n case \"right-end\":\n return `translateX(-10px)`\n }\n }, [placement])\n\n // Fills offset gap between anchor and panel to prevent mouseout\n const padding = useMemo(() => {\n switch (placement) {\n case \"top-start\":\n case \"top\":\n case \"top-end\":\n return { [isFlipped ? \"pt\" : \"pb\"]: offset }\n case \"bottom-start\":\n case \"bottom\":\n case \"bottom-end\":\n return { [isFlipped ? \"pb\" : \"pt\"]: offset }\n case \"left-start\":\n case \"left\":\n case \"left-end\":\n return { [isFlipped ? \"pl\" : \"pr\"]: offset }\n case \"right-start\":\n case \"right\":\n case \"right-end\":\n return { [isFlipped ? \"pr\" : \"pl\"]: offset }\n }\n }, [placement, isFlipped, offset])\n\n const pointerRef = useRef(false)\n\n const handlePointerVisible = () => {\n setVisibility({ visible: true, isPointer: true })\n }\n\n const handlePointerHide = () => {\n setVisibility({ visible: false, isPointer: false })\n }\n\n const anchorProps: React.HTMLAttributes<HTMLElement> = {\n \"aria-expanded\": visible,\n \"aria-haspopup\": true,\n ...(openDropdownByClick\n ? {\n onClick: onToggleVisibility,\n }\n : {\n onMouseEnter: handlePointerVisible,\n onMouseLeave: handlePointerHide,\n onClick: onVisible,\n }),\n }\n\n const { createPortal } = usePortal()\n\n const isPointer = !openDropdownByClick && pointerRef.current\n const focusEnabled = visible && !isPointer\n\n const [maxHeight, setMaxHeight] = useState(0)\n\n useEffect(() => {\n const calculate = debounce(() => {\n if (!anchorRef.current) return\n\n const nextMaxHeight = calculateMaxHeight({\n anchorRect: anchorRef.current.getBoundingClientRect(),\n position: placement,\n offset,\n })\n\n setMaxHeight(nextMaxHeight)\n }, 500)\n\n window.addEventListener(\"resize\", calculate, { passive: true })\n window.addEventListener(\"scroll\", calculate, { passive: true })\n calculate()\n\n return () => {\n window.removeEventListener(\"resize\", calculate)\n window.removeEventListener(\"scroll\", calculate)\n }\n }, [anchorRef, offset, placement, visible])\n\n return (\n <>\n {(children as any)?.({\n anchorRef: anchorRef as any,\n anchorProps,\n onVisible,\n onHide,\n setVisible,\n visible,\n })}\n\n {(visible || keepInDOM) &&\n createPortal(\n <Container\n aria-label=\"Press escape to close\"\n tabIndex={0}\n ref={panelRef as any}\n zIndex={dropdownZIndex}\n display=\"inline-block\"\n placement={placement}\n style={{\n ...(keepInDOM\n ? { visibility: visible ? \"visible\" : \"hidden\" }\n : {}),\n }}\n {...(openDropdownByClick\n ? {}\n : {\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave,\n })}\n maxHeight={maxHeight + offset}\n {...padding}\n {...rest}\n >\n <Panel\n transition={_transition}\n maxHeight={maxHeight}\n style={\n transition\n ? // In\n { opacity: 1, transform: \"translate(0)\" }\n : // Out\n {\n opacity: 0,\n transform: translation,\n }\n }\n >\n <FocusOn\n noIsolation\n enabled={focusEnabled}\n onClickOutside={onHide}\n >\n {typeof dropdown === \"function\"\n ? (dropdown as any)({\n onVisible,\n onHide,\n setVisible,\n visible,\n })\n : dropdown}\n </FocusOn>\n </Panel>\n </Container>\n )}\n </>\n )\n}\n\nconst Container = styled(Box)<{ placement: Position } & BoxProps>`\n position: fixed;\n text-align: left;\n outline: 0;\n`\n\nconst Panel = styled(Box)<{ transition: boolean; maxHeight: number }>`\n transition: ${({ transition }) =>\n transition ? \"opacity 250ms ease-out, transform 250ms ease-out\" : \"none\"};\n > div {\n max-height: ${({ maxHeight }) => (maxHeight ? `${maxHeight}px` : \"100vh\")};\n box-shadow: ${themeGet(\"effects.flatShadow\")};\n background-color: ${themeGet(\"colors.mono0\")};\n border: 1px solid ${themeGet(\"colors.mono10\")};\n overflow-y: auto;\n }\n`\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dropdown.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_utils","_usePortal2","_Box","_reactFocusOn","_themeGet","_esToolkit","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Dropdown","exports","_ref","_ref$placement","placement","_ref$visible","visible","_visible","keepInDOM","children","_ref$offset","offset","dropdown","_ref$dropdownZIndex","dropdownZIndex","openDropdownByClick","_ref$transition","transition","_transition","_ref$flip","flip","rest","_useState","useState","_useState2","setVisible","useEffect","timeoutRef","useRef","setVisibility","useCallback","_ref2","_ref2$isPointer","isPointer","delay","current","clearTimeout","setTimeout","activeRef","pointerRef","onVisible","onHide","onToggleVisibility","_usePosition","usePosition","position","active","padding","anchorRef","panelRef","tooltipRef","isFlipped","state","handleKeyDown","event","handleKeyUp","document","activeElement","contains","handleClick","tagName","toLowerCase","isClosableElement","element","closest","addEventListener","removeEventListener","handleMouseEnter","handleMouseLeave","_useState3","_useState4","setTransition","translation","useMemo","handlePointerVisible","handlePointerHide","anchorProps","onClick","onMouseEnter","onMouseLeave","_usePortal","usePortal","createPortal","focusEnabled","_useState5","_useState6","maxHeight","setMaxHeight","calculate","debounce","nextMaxHeight","calculateMaxHeight","anchorRect","getBoundingClientRect","window","passive","createElement","Fragment","Container","tabIndex","ref","zIndex","display","style","visibility","Panel","opacity","transform","FocusOn","noIsolation","enabled","onClickOutside","styled","Box","withConfig","displayName","componentId","_ref7","_ref8","concat","themeGet"],"sources":["../../../src/elements/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { calculateMaxHeight, Position, usePosition } from \"../../utils\"\nimport { usePortal } from \"../../utils/usePortal\"\nimport { Box, BoxProps } from \"../Box\"\nimport { FocusOn } from \"react-focus-on\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport { debounce } from \"es-toolkit\"\n\nexport interface DropdownActions {\n /** Call to show dropdown */\n onVisible(): void\n /** Call to hide dropdown */\n onHide(): void\n /** Manipulate visible directly */\n setVisible(value: boolean): void\n /** Pass ref to element you want the dropdown to be anchored to */\n anchorRef: React.MutableRefObject<HTMLElement>\n /** Spread props on element you want the dropdown to be anchored to */\n anchorProps: React.HTMLAttributes<HTMLElement>\n /** Whether or not the dropdown is visible */\n visible: boolean\n}\n\ntype Children =\n | React.ReactNode\n | ((dropdownActions: DropdownActions) => React.ReactNode)\n\nexport interface DropdownProps extends Omit<BoxProps, \"children\"> {\n placement?: Position\n /** Intially visible by default? */\n visible?: boolean\n /** Whether or not we should animate the dropdown transition */\n transition?: boolean\n dropdown:\n | React.ReactNode\n | ((\n dropdownActions: Pick<\n DropdownActions,\n \"onHide\" | \"onVisible\" | \"setVisible\" | \"visible\"\n >\n ) => void)\n /** Custom zIndex to assign to the dropdown panel */\n dropdownZIndex?: number\n /** Distance in pixels from anchor */\n offset?: number\n /** Should the dropdown panel always be present in the DOM (vs removed when invisible) */\n keepInDOM?: boolean\n openDropdownByClick?: boolean\n children: Children\n /** Optionally disable flipping (default: `true`) */\n flip?: boolean\n}\n\n/**\n * A `Dropdown` is a small modal-type element which is anchored, and can be\n * positioned relative to, another element and designed to be transitioned in on hover or on click.\n */\nexport const Dropdown = ({\n placement = \"top\",\n visible: _visible = false,\n keepInDOM,\n children,\n offset = 10,\n dropdown,\n dropdownZIndex = 1,\n openDropdownByClick,\n transition: _transition = true,\n flip = true,\n ...rest\n}: DropdownProps) => {\n const [visible, setVisible] = useState(false)\n\n // If prop updates/set initial visibility.\n useEffect(() => {\n setVisible(_visible)\n }, [_visible])\n\n const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n // We need to keep the pointer state in sync with the visibility state, else we\n // wind up with focus isolation out of sync.\n const setVisibility = useCallback(\n ({\n visible,\n isPointer = false,\n }: {\n visible: boolean\n isPointer?: boolean\n }) => {\n const delay = _transition ? (visible ? 50 : 150) : visible ? 1 : 50\n\n timeoutRef.current && clearTimeout(timeoutRef.current)\n timeoutRef.current = setTimeout(() => {\n if (!visible && activeRef.current) return\n pointerRef.current = isPointer\n setVisible(visible)\n }, delay)\n },\n [_transition]\n )\n\n const onVisible = () => {\n setVisibility({ visible: true })\n }\n\n const onHide = useCallback(() => {\n setVisibility({ visible: false })\n }, [setVisibility])\n\n const onToggleVisibility = () => {\n if (visible) {\n return onHide()\n }\n\n onVisible()\n }\n\n const {\n anchorRef,\n tooltipRef: panelRef,\n state: { isFlipped },\n } = usePosition({\n position: placement,\n offset: 0,\n active: visible,\n flip,\n padding: offset,\n })\n\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n onHide()\n }\n }\n\n // Close dropdown when focus leaves element\n const handleKeyUp = (event: KeyboardEvent) => {\n if (!panelRef.current) return\n\n if (\n event.key === \"Tab\" &&\n !(\n panelRef.current === document.activeElement ||\n panelRef.current.contains(document.activeElement)\n )\n ) {\n onHide()\n }\n }\n\n const handleClick = (event: MouseEvent) => {\n if (!panelRef.current || !openDropdownByClick) return\n const target = event.target as Element\n const tagName = target.tagName.toLowerCase()\n let isClosableElement = tagName === \"a\"\n let element: Element | null = target\n\n // Find parent link element\n if (!isClosableElement) {\n element = target.closest(\"a\")\n isClosableElement = !!element\n }\n\n if (isClosableElement && element && panelRef.current.contains(element)) {\n onHide()\n }\n }\n\n document.addEventListener(\"keydown\", handleKeyDown)\n document.addEventListener(\"keyup\", handleKeyUp)\n document.addEventListener(\"click\", handleClick)\n\n return () => {\n document.removeEventListener(\"keydown\", handleKeyDown)\n document.removeEventListener(\"keyup\", handleKeyUp)\n document.removeEventListener(\"click\", handleClick)\n }\n }, [panelRef, openDropdownByClick, onHide])\n\n const activeRef = useRef(false)\n\n const handleMouseEnter = () => {\n activeRef.current = true\n }\n\n const handleMouseLeave = () => {\n activeRef.current = false\n onHide()\n }\n\n const [transition, setTransition] = useState(false)\n\n // Wait for next tick so that animation runs\n useEffect(() => {\n setTimeout(() => {\n setTransition(visible)\n }, 0)\n }, [visible])\n\n const translation = useMemo(() => {\n switch (placement) {\n case \"top-start\":\n case \"top\":\n case \"top-end\":\n return `translateY(10px)`\n case \"bottom-start\":\n case \"bottom\":\n case \"bottom-end\":\n return `translateY(-10px)`\n case \"left-start\":\n case \"left\":\n case \"left-end\":\n return `translateX(10px)`\n case \"right-start\":\n case \"right\":\n case \"right-end\":\n return `translateX(-10px)`\n }\n }, [placement])\n\n // Fills offset gap between anchor and panel to prevent mouseout\n const padding = useMemo(() => {\n switch (placement) {\n case \"top-start\":\n case \"top\":\n case \"top-end\":\n return { [isFlipped ? \"pt\" : \"pb\"]: offset }\n case \"bottom-start\":\n case \"bottom\":\n case \"bottom-end\":\n return { [isFlipped ? \"pb\" : \"pt\"]: offset }\n case \"left-start\":\n case \"left\":\n case \"left-end\":\n return { [isFlipped ? \"pl\" : \"pr\"]: offset }\n case \"right-start\":\n case \"right\":\n case \"right-end\":\n return { [isFlipped ? \"pr\" : \"pl\"]: offset }\n }\n }, [placement, isFlipped, offset])\n\n const pointerRef = useRef(false)\n\n const handlePointerVisible = () => {\n setVisibility({ visible: true, isPointer: true })\n }\n\n const handlePointerHide = () => {\n setVisibility({ visible: false, isPointer: false })\n }\n\n const anchorProps: React.HTMLAttributes<HTMLElement> = {\n \"aria-expanded\": visible,\n \"aria-haspopup\": true,\n ...(openDropdownByClick\n ? {\n onClick: onToggleVisibility,\n }\n : {\n onMouseEnter: handlePointerVisible,\n onMouseLeave: handlePointerHide,\n onClick: onVisible,\n }),\n }\n\n const { createPortal } = usePortal()\n\n const isPointer = !openDropdownByClick && pointerRef.current\n const focusEnabled = visible && !isPointer\n\n const [maxHeight, setMaxHeight] = useState(0)\n\n useEffect(() => {\n const calculate = debounce(() => {\n if (!anchorRef.current) return\n\n const nextMaxHeight = calculateMaxHeight({\n anchorRect: anchorRef.current.getBoundingClientRect(),\n position: placement,\n offset,\n })\n\n setMaxHeight(nextMaxHeight)\n }, 500)\n\n window.addEventListener(\"resize\", calculate, { passive: true })\n window.addEventListener(\"scroll\", calculate, { passive: true })\n calculate()\n\n return () => {\n window.removeEventListener(\"resize\", calculate)\n window.removeEventListener(\"scroll\", calculate)\n }\n }, [anchorRef, offset, placement, visible])\n\n return (\n <>\n {(children as any)?.({\n anchorRef: anchorRef as any,\n anchorProps,\n onVisible,\n onHide,\n setVisible,\n visible,\n })}\n\n {(visible || keepInDOM) &&\n createPortal(\n <Container\n aria-label=\"Press escape to close\"\n tabIndex={0}\n ref={panelRef as any}\n zIndex={dropdownZIndex}\n display=\"inline-block\"\n placement={placement}\n style={{\n ...(keepInDOM\n ? { visibility: visible ? \"visible\" : \"hidden\" }\n : {}),\n }}\n {...(openDropdownByClick\n ? {}\n : {\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave,\n })}\n maxHeight={maxHeight + offset}\n {...padding}\n {...rest}\n >\n <Panel\n transition={_transition}\n maxHeight={maxHeight}\n style={\n transition\n ? // In\n { opacity: 1, transform: \"translate(0)\" }\n : // Out\n {\n opacity: 0,\n transform: translation,\n }\n }\n >\n <FocusOn\n noIsolation\n enabled={focusEnabled}\n onClickOutside={onHide}\n >\n {typeof dropdown === \"function\"\n ? (dropdown as any)({\n onVisible,\n onHide,\n setVisible,\n visible,\n })\n : dropdown}\n </FocusOn>\n </Panel>\n </Container>\n )}\n </>\n )\n}\n\nconst Container = styled(Box)<{ placement: Position } & BoxProps>`\n position: fixed;\n text-align: left;\n outline: 0;\n`\n\nconst Panel = styled(Box)<{ transition: boolean; maxHeight: number }>`\n transition: ${({ transition }) =>\n transition ? \"opacity 250ms ease-out, transform 250ms ease-out\" : \"none\"};\n > div {\n max-height: ${({ maxHeight }) => (maxHeight ? `${maxHeight}px` : \"100vh\")};\n box-shadow: ${themeGet(\"effects.flatShadow\")};\n background-color: ${themeGet(\"colors.mono0\")};\n border: 1px solid ${themeGet(\"colors.mono10\")};\n overflow-y: auto;\n }\n`\n"],"mappings":"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"}
|