@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_helpers","_RequiredField","_utils","_useUpdateEffect","_useWidthOf2","_Box","_Checkbox","_Clickable","_Select","_Text","_Tooltip","_tokens","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","MultiSelect","_ref","_ref$autoOpen","autoOpen","complete","description","disabled","error","focus","hover","_ref$selected","selected","_ref$name","options","required","title","onBlur","onFocus","onSelect","rest","selectedOptions","valuesToOptions","_useState","useState","_useState2","visible","setVisible","_useState3","_useState4","selection","setSelection","useUpdateEffect","tooltipRef","current","anchorRef","handleVisible","handleHide","useEffect","handleKeydown","event","document","addEventListener","removeEventListener","_usePosition","usePosition","position","offset","active","_useWidthOf","useWidthOf","ref","width","useClickOutside","onClickOutside","when","type","handleSelect","option","prevSelection","nextSelection","concat","filter","_ref2","createElement","Box","Tooltip","pointer","content","placement","Text","variant","color","textAlign","Container","mt","onClick","lineHeight","overflowEllipsis","reverse","map","s","text","join","StyledLabel","htmlFor","Options","tabIndex","zIndex","bg","Checkbox","height","px","includes","RequiredField","ml","exports","displayName","values","styled","withConfig","componentId","themeGet","Clickable","props","css","MULTISELECT_STATES","completed","caretMixin","label","FORM_ELEMENT_TRANSITION"],"sources":["../../../src/elements/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { useEffect, useState } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { FORM_ELEMENT_TRANSITION } from \"../../helpers\"\nimport { RequiredField } from \"../../shared/RequiredField\"\nimport { useClickOutside, usePosition } from \"../../utils\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { useWidthOf } from \"../../utils/useWidthOf\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Checkbox } from \"../Checkbox\"\nimport { Clickable } from \"../Clickable\"\nimport { caretMixin, Option } from \"../Select\"\nimport { Text } from \"../Text\"\nimport { Tooltip } from \"../Tooltip\"\nimport { MULTISELECT_STATES } from \"./tokens\"\n\nexport interface MultiSelectProps extends BoxProps {\n /** Whether to open the dropdown automatically on mount or render (default: false) */\n autoOpen?: boolean\n complete?: boolean\n description?: string\n disabled?: boolean\n error?: string | boolean\n focus?: boolean\n hover?: boolean\n /** Initial values to be selected */\n selected?: Option[\"value\"][]\n name?: string\n options: Option[]\n required?: boolean\n title?: string\n onBlur?: (selection: Option[]) => void\n onFocus?: () => void\n onSelect?: (selection: Option[]) => void\n\n visible?: boolean\n}\n\n/** A drop-down multi-select menu */\nexport const MultiSelect: React.FC<\n React.PropsWithChildren<MultiSelectProps>\n> = ({\n autoOpen = false,\n complete,\n description,\n disabled,\n error,\n focus,\n hover,\n selected = [],\n name = \"Select\",\n options,\n required,\n title,\n onBlur,\n onFocus,\n onSelect,\n ...rest\n}) => {\n const selectedOptions = valuesToOptions(selected, options)\n\n const [visible, setVisible] = useState(autoOpen)\n const [selection, setSelection] = useState<Option[]>(selectedOptions || [])\n\n // Yields focus back and forth between popover and anchor\n useUpdateEffect(() => {\n if (visible && tooltipRef.current) {\n tooltipRef.current.focus()\n return\n }\n\n if (!anchorRef.current) return\n anchorRef.current.focus()\n }, [visible])\n\n const handleVisible = () => {\n setVisible(true)\n onFocus?.()\n }\n\n const handleHide = () => {\n setVisible(false)\n onBlur?.(selection)\n }\n\n useEffect(() => {\n const handleKeydown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n handleHide()\n }\n }\n\n document.addEventListener(\"keydown\", handleKeydown)\n return () => {\n document.removeEventListener(\"keydown\", handleKeydown)\n }\n }, [])\n const { anchorRef, tooltipRef } = usePosition({\n position: \"bottom\",\n offset: 10,\n active: visible,\n })\n\n const { width } = useWidthOf({ ref: anchorRef })\n\n useClickOutside({\n ref: tooltipRef,\n onClickOutside: handleHide,\n when: visible,\n type: \"click\",\n })\n\n const handleSelect = (option: Option) => {\n return (selected: boolean) => {\n const prevSelection = selection\n const nextSelection = selected\n ? [...prevSelection, option]\n : prevSelection.filter(({ value }) => option.value !== value)\n\n setSelection(nextSelection)\n onSelect?.(nextSelection)\n }\n }\n\n return (\n <Box width=\"100%\" {...rest}>\n {!!description && (\n <Tooltip pointer content={description} placement=\"top-end\">\n <Text variant=\"xs\" color=\"mono60\" textAlign=\"right\">\n <u>What is this?</u>\n </Text>\n </Tooltip>\n )}\n\n <Container\n mt={!!title && !description ? 1 : 0}\n ref={anchorRef as any}\n onClick={handleVisible}\n complete={complete || selection.length > 0}\n disabled={!!disabled}\n error={error}\n focus={!!focus}\n hover={!!hover}\n title={title}\n visible={visible}\n {...rest}\n >\n <Text variant=\"sm\" lineHeight={1} overflowEllipsis>\n {selection.length > 0\n ? [...selection]\n .reverse()\n .map((s) => s.text)\n .join(\", \")\n : name}\n </Text>\n\n {!!title && <StyledLabel htmlFor={name}>{title}</StyledLabel>}\n </Container>\n\n {visible && (\n <Options\n tabIndex={0}\n ref={tooltipRef as any}\n zIndex={1}\n bg=\"mono0\"\n width={width}\n >\n {options.map((option) => {\n return (\n <Checkbox\n key={option.value}\n height={50}\n px={1}\n selected={selection.map((o) => o.value).includes(option.value)}\n onSelect={handleSelect(option)}\n >\n {option.text}\n </Checkbox>\n )\n })}\n </Options>\n )}\n\n {required && !(error && typeof error === \"string\") && (\n <RequiredField mt={0.5} ml={1} disabled={disabled} />\n )}\n\n {error && typeof error === \"string\" && (\n <Text variant=\"xs\" mt={0.5} ml={1} color=\"red100\">\n {error}\n </Text>\n )}\n </Box>\n )\n}\n\nconst valuesToOptions = (\n values: Option[\"value\"][],\n options: Option[]\n): Option[] => {\n return options.filter((option) => values.includes(option.value))\n}\n\nconst Options = styled(Box)`\n position: fixed;\n z-index: 1;\n max-height: 300px;\n text-align: left;\n box-shadow: ${themeGet(\"effects.dropShadow\")};\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n`\n\ntype ContainerProps = Pick<\n MultiSelectProps,\n \"complete\" | \"disabled\" | \"error\" | \"hover\" | \"focus\" | \"visible\"\n>\n\nconst Container = styled(Clickable)<ContainerProps>`\n position: relative;\n width: 100%;\n /* 24px = space.1 + 4px-wide caret + space.1 */\n padding: 16px 24px 16px ${themeGet(\"space.1\")};\n font-family: ${themeGet(\"fonts.sans\")};\n border: 1px solid;\n border-radius: 3px;\n border-color: ${themeGet(\"colors.mono30\")};\n cursor: pointer;\n line-height: 1;\n transition: color 0.25s, background-color 0.25s, border-color 0.25s;\n background-color: ${themeGet(\"colors.mono0\")};\n\n ${(props) => {\n return css`\n ${MULTISELECT_STATES.default}\n ${props.complete && MULTISELECT_STATES.completed}\n ${props.hover && MULTISELECT_STATES.hover}\n ${props.focus && MULTISELECT_STATES.focus}\n ${props.disabled && MULTISELECT_STATES.disabled}\n ${props.error && MULTISELECT_STATES.error}\n\n &:hover {\n ${MULTISELECT_STATES.hover}\n }\n\n ${props.visible && MULTISELECT_STATES.focus}\n\n &:disabled {\n cursor: default;\n ${MULTISELECT_STATES.disabled}\n }\n\n // Hide text behind title when it's visible\n ${props.title &&\n !props.complete &&\n !props.visible &&\n css`\n color: transparent !important;\n `}\n `\n }}\n\n ${caretMixin}\n`\n\nconst StyledLabel = styled.label`\n position: absolute;\n top: 50%;\n left: 5px;\n padding: 0 5px;\n pointer-events: none;\n transform: translateY(-50%);\n transition: ${FORM_ELEMENT_TRANSITION};\n transition-property: color, transform, padding, font-size;\n background-color: ${themeGet(\"colors.mono0\")};\n font-family: ${themeGet(\"fonts.sans\")};\n`\n"],"mappings":";;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAD,uBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,IAAA,GAAAT,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AACA,IAAAW,UAAA,GAAAX,OAAA;AACA,IAAAY,OAAA,GAAAZ,OAAA;AACA,IAAAa,KAAA,GAAAb,OAAA;AACA,IAAAc,QAAA,GAAAd,OAAA;AACA,IAAAe,OAAA,GAAAf,OAAA;AAA6C,IAAAgB,SAAA;AAAA,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAhB,wBAAAoB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,mBAAAC,GAAA,WAAAC,kBAAA,CAAAD,GAAA,KAAAE,gBAAA,CAAAF,GAAA,KAAAG,2BAAA,CAAAH,GAAA,KAAAI,kBAAA;AAAA,SAAAA,mBAAA,cAAAC,SAAA;AAAA,SAAAH,iBAAAI,IAAA,eAAAC,MAAA,oBAAAD,IAAA,CAAAC,MAAA,CAAAC,QAAA,aAAAF,IAAA,+BAAAG,KAAA,CAAAC,IAAA,CAAAJ,IAAA;AAAA,SAAAL,mBAAAD,GAAA,QAAAS,KAAA,CAAAE,OAAA,CAAAX,GAAA,UAAAY,iBAAA,CAAAZ,GAAA;AAAA,SAAAa,eAAAb,GAAA,EAAAN,CAAA,WAAAoB,eAAA,CAAAd,GAAA,KAAAe,qBAAA,CAAAf,GAAA,EAAAN,CAAA,KAAAS,2BAAA,CAAAH,GAAA,EAAAN,CAAA,KAAAsB,gBAAA;AAAA,SAAAA,iBAAA,cAAAX,SAAA;AAAA,SAAAF,4BAAAc,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAL,iBAAA,CAAAK,CAAA,EAAAC,MAAA,OAAAC,CAAA,GAAAtC,MAAA,CAAAI,SAAA,CAAAmC,QAAA,CAAAjC,IAAA,CAAA8B,CAAA,EAAAI,KAAA,aAAAF,CAAA,iBAAAF,CAAA,CAAAK,WAAA,EAAAH,CAAA,GAAAF,CAAA,CAAAK,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAV,KAAA,CAAAC,IAAA,CAAAO,CAAA,OAAAE,CAAA,+DAAAK,IAAA,CAAAL,CAAA,UAAAP,iBAAA,CAAAK,CAAA,EAAAC,MAAA;AAAA,SAAAN,kBAAAZ,GAAA,EAAAyB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAzB,GAAA,CAAAJ,MAAA,EAAA6B,GAAA,GAAAzB,GAAA,CAAAJ,MAAA,WAAAF,CAAA,MAAAgC,IAAA,OAAAjB,KAAA,CAAAgB,GAAA,GAAA/B,CAAA,GAAA+B,GAAA,EAAA/B,CAAA,MAAAgC,IAAA,CAAAhC,CAAA,IAAAM,GAAA,CAAAN,CAAA,YAAAgC,IAAA;AAAA,SAAAX,sBAAAf,GAAA,EAAAN,CAAA,QAAAiC,EAAA,WAAA3B,GAAA,gCAAAO,MAAA,IAAAP,GAAA,CAAAO,MAAA,CAAAC,QAAA,KAAAR,GAAA,4BAAA2B,EAAA,QAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAH,EAAA,GAAAA,EAAA,CAAAxC,IAAA,CAAAa,GAAA,GAAAmC,IAAA,QAAAzC,CAAA,QAAAb,MAAA,CAAA8C,EAAA,MAAAA,EAAA,UAAAM,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAA3C,IAAA,CAAAwC,EAAA,GAAAS,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAApC,MAAA,KAAAF,CAAA,GAAAuC,EAAA,sBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAN,EAAA,CAAAa,MAAA,KAAAT,EAAA,GAAAJ,EAAA,CAAAa,MAAA,IAAA3D,MAAA,CAAAkD,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAAlB,gBAAAd,GAAA,QAAAS,KAAA,CAAAE,OAAA,CAAAX,GAAA,UAAAA,GAAA;AAAA,SAAAyC,yBAAA5C,MAAA,EAAA6C,QAAA,QAAA7C,MAAA,yBAAAJ,MAAA,GAAAkD,6BAAA,CAAA9C,MAAA,EAAA6C,QAAA,OAAA1D,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAA+D,qBAAA,QAAAC,gBAAA,GAAAhE,MAAA,CAAA+D,qBAAA,CAAA/C,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAmD,gBAAA,CAAAjD,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAA6D,gBAAA,CAAAnD,CAAA,OAAAgD,QAAA,CAAAI,OAAA,CAAA9D,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAA8D,oBAAA,CAAA5D,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAkD,8BAAA9C,MAAA,EAAA6C,QAAA,QAAA7C,MAAA,yBAAAJ,MAAA,WAAAuD,UAAA,GAAAnE,MAAA,CAAAoE,IAAA,CAAApD,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAsD,UAAA,CAAApD,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAgE,UAAA,CAAAtD,CAAA,OAAAgD,QAAA,CAAAI,OAAA,CAAA9D,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAwB7C;AACO,IAAMyD,WAEZ,GAAG,SAFSA,WAEZA,CAAAC,IAAA,EAiBK;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAhBJE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAChBE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,KAAK,GAAAP,IAAA,CAALO,KAAK;IACLC,KAAK,GAAAR,IAAA,CAALQ,KAAK;IAAAC,aAAA,GAAAT,IAAA,CACLU,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IAAAE,SAAA,GAAAX,IAAA,CACb5B,IAAI;IAAJA,IAAI,GAAAuC,SAAA,cAAG,QAAQ,GAAAA,SAAA;IACfC,OAAO,GAAAZ,IAAA,CAAPY,OAAO;IACPC,QAAQ,GAAAb,IAAA,CAARa,QAAQ;IACRC,KAAK,GAAAd,IAAA,CAALc,KAAK;IACLC,MAAM,GAAAf,IAAA,CAANe,MAAM;IACNC,OAAO,GAAAhB,IAAA,CAAPgB,OAAO;IACPC,QAAQ,GAAAjB,IAAA,CAARiB,QAAQ;IACLC,IAAI,GAAA5B,wBAAA,CAAAU,IAAA,EAAArF,SAAA;EAEP,IAAMwG,eAAe,GAAGC,eAAe,CAACV,QAAQ,EAAEE,OAAO,CAAC;EAE1D,IAAAS,SAAA,GAA8B,IAAAC,eAAQ,EAACpB,QAAQ,CAAC;IAAAqB,UAAA,GAAA7D,cAAA,CAAA2D,SAAA;IAAzCG,OAAO,GAAAD,UAAA;IAAEE,UAAU,GAAAF,UAAA;EAC1B,IAAAG,UAAA,GAAkC,IAAAJ,eAAQ,EAAWH,eAAe,IAAI,EAAE,CAAC;IAAAQ,UAAA,GAAAjE,cAAA,CAAAgE,UAAA;IAApEE,SAAS,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;;EAE9B;EACA,IAAAG,gCAAe,EAAC,YAAM;IACpB,IAAIN,OAAO,IAAIO,UAAU,CAACC,OAAO,EAAE;MACjCD,UAAU,CAACC,OAAO,CAACzB,KAAK,EAAE;MAC1B;IACF;IAEA,IAAI,CAAC0B,SAAS,CAACD,OAAO,EAAE;IACxBC,SAAS,CAACD,OAAO,CAACzB,KAAK,EAAE;EAC3B,CAAC,EAAE,CAACiB,OAAO,CAAC,CAAC;EAEb,IAAMU,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;IAC1BT,UAAU,CAAC,IAAI,CAAC;IAChBT,OAAO,aAAPA,OAAO,uBAAPA,OAAO,EAAI;EACb,CAAC;EAED,IAAMmB,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;IACvBV,UAAU,CAAC,KAAK,CAAC;IACjBV,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAGa,SAAS,CAAC;EACrB,CAAC;EAED,IAAAQ,gBAAS,EAAC,YAAM;IACd,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAoB,EAAK;MAC9C,IAAIA,KAAK,CAACzG,GAAG,KAAK,QAAQ,EAAE;QAC1BsG,UAAU,EAAE;MACd;IACF,CAAC;IAEDI,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEH,aAAa,CAAC;IACnD,OAAO,YAAM;MACXE,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEJ,aAAa,CAAC;IACxD,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EACN,IAAAK,YAAA,GAAkC,IAAAC,kBAAW,EAAC;MAC5CC,QAAQ,EAAE,QAAQ;MAClBC,MAAM,EAAE,EAAE;MACVC,MAAM,EAAEtB;IACV,CAAC,CAAC;IAJMS,SAAS,GAAAS,YAAA,CAATT,SAAS;IAAEF,UAAU,GAAAW,YAAA,CAAVX,UAAU;EAM7B,IAAAgB,WAAA,GAAkB,IAAAC,uBAAU,EAAC;MAAEC,GAAG,EAAEhB;IAAU,CAAC,CAAC;IAAxCiB,KAAK,GAAAH,WAAA,CAALG,KAAK;EAEb,IAAAC,sBAAe,EAAC;IACdF,GAAG,EAAElB,UAAU;IACfqB,cAAc,EAAEjB,UAAU;IAC1BkB,IAAI,EAAE7B,OAAO;IACb8B,IAAI,EAAE;EACR,CAAC,CAAC;EAEF,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAAc,EAAK;IACvC,OAAO,UAAC9C,QAAiB,EAAK;MAC5B,IAAM+C,aAAa,GAAG7B,SAAS;MAC/B,IAAM8B,aAAa,GAAGhD,QAAQ,MAAAiD,MAAA,CAAA/G,kBAAA,CACtB6G,aAAa,IAAED,MAAM,KACzBC,aAAa,CAACG,MAAM,CAAC,UAAAC,KAAA;QAAA,IAAG1E,KAAK,GAAA0E,KAAA,CAAL1E,KAAK;QAAA,OAAOqE,MAAM,CAACrE,KAAK,KAAKA,KAAK;MAAA,EAAC;MAE/D0C,YAAY,CAAC6B,aAAa,CAAC;MAC3BzC,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGyC,aAAa,CAAC;IAC3B,CAAC;EACH,CAAC;EAED,oBACE9J,MAAA,CAAAwB,OAAA,CAAA0I,aAAA,CAAC1J,IAAA,CAAA2J,GAAG,EAAA5H,QAAA;IAAC+G,KAAK,EAAC;EAAM,GAAKhC,IAAI,GACvB,CAAC,CAACd,WAAW,iBACZxG,MAAA,CAAAwB,OAAA,CAAA0I,aAAA,CAACrJ,QAAA,CAAAuJ,OAAO;IAACC,OAAO;IAACC,OAAO,EAAE9D,WAAY;IAAC+D,SAAS,EAAC;EAAS,gBACxDvK,MAAA,CAAAwB,OAAA,CAAA0I,aAAA,CAACtJ,KAAA,CAAA4J,IAAI;IAACC,OAAO,EAAC,IAAI;IAACC,KAAK,EAAC,QAAQ;IAACC,SAAS,EAAC;EAAO,gBACjD3K,MAAA,CAAAwB,OAAA,CAAA0I,aAAA,YAAG,eAAa,CAAI,CACf,CAEV,eAEDlK,MAAA,CAAAwB,OAAA,CAAA0I,aAAA,CAACU,SAAS,EAAArI,QAAA;IACRsI,EAAE,EAAE,CAAC,CAAC3D,KAAK,IAAI,CAACV,WAAW,GAAG,CAAC,GAAG,CAAE;IACpC6C,GAAG,EAAEhB,SAAiB;IACtByC,OAAO,EAAExC,aAAc;IACvB/B,QAAQ,EAAEA,QAAQ,IAAIyB,SAAS,CAACnF,MAAM,GAAG,CAAE;IAC3C4D,QAAQ,EAAE,CAAC,CAACA,QAAS;IACrBC,KAAK,EAAEA,KAAM;IACbC,KAAK,EAAE,CAAC,CAACA,KAAM;IACfC,KAAK,EAAE,CAAC,CAACA,KAAM;IACfM,KAAK,EAAEA,KAAM;IACbU,OAAO,EAAEA;EAAQ,GACbN,IAAI,gBAERtH,MAAA,CAAAwB,OAAA,CAAA0I,aAAA,CAACtJ,KAAA,CAAA4J,IAAI;IAACC,OAAO,EAAC,IAAI;IAACM,UAAU,EAAE,CAAE;IAACC,gBAAgB;EAAA,GAC/ChD,SAAS,CAACnF,MAAM,GAAG,CAAC,GACjBG,kBAAA,CAAIgF,SAAS,EACViD,OAAO,EAAE,CACTC,GAAG,CAAC,UAACC,CAAC;IAAA,OAAKA,CAAC,CAACC,IAAI;EAAA,EAAC,CAClBC,IAAI,CAAC,IAAI,CAAC,GACb7G,IAAI,CACH,EAEN,CAAC,CAAC0C,KAAK,iBAAIlH,MAAA,CAAAwB,OAAA,CAAA0I,aAAA,CAACoB,WAAW;IAACC,OAAO,EAAE/G;EAAK,GAAE0C,KAAK,CAAe,CACnD,EAEXU,OAAO,iBACN5H,MAAA,CAAAwB,OAAA,CAAA0I,aAAA,CAACsB,OAAO;IACNC,QAAQ,EAAE,CAAE;IACZpC,GAAG,EAAElB,UAAkB;IACvBuD,MAAM,EAAE,CAAE;IACVC,EAAE,EAAC,OAAO;IACVrC,KAAK,EAAEA;EAAM,GAEZtC,OAAO,CAACkE,GAAG,CAAC,UAACtB,MAAM,EAAK;IACvB,oBACE5J,MAAA,CAAAwB,OAAA,CAAA0I,aAAA,CAACzJ,SAAA,CAAAmL,QAAQ;MACP3J,GAAG,EAAE2H,MAAM,CAACrE,KAAM;MAClBsG,MAAM,EAAE,EAAG;MACXC,EAAE,EAAE,CAAE;MACNhF,QAAQ,EAAEkB,SAAS,CAACkD,GAAG,CAAC,UAAChH,CAAC;QAAA,OAAKA,CAAC,CAACqB,KAAK;MAAA,EAAC,CAACwG,QAAQ,CAACnC,MAAM,CAACrE,KAAK,CAAE;MAC/D8B,QAAQ,EAAEsC,YAAY,CAACC,MAAM;IAAE,GAE9BA,MAAM,CAACwB,IAAI,CACH;EAEf,CAAC,CAAC,CAEL,EAEAnE,QAAQ,IAAI,EAAEP,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,CAAC,iBAChD1G,MAAA,CAAAwB,OAAA,CAAA0I,aAAA,CAAC9J,cAAA,CAAA4L,aAAa;IAACnB,EAAE,EAAE,GAAI;IAACoB,EAAE,EAAE,CAAE;IAACxF,QAAQ,EAAEA;EAAS,EACnD,EAEAC,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,iBACjC1G,MAAA,CAAAwB,OAAA,CAAA0I,aAAA,CAACtJ,KAAA,CAAA4J,IAAI;IAACC,OAAO,EAAC,IAAI;IAACI,EAAE,EAAE,GAAI;IAACoB,EAAE,EAAE,CAAE;IAACvB,KAAK,EAAC;EAAQ,GAC9ChE,KAAK,CAET,CACG;AAEV,CAAC;AAAAwF,OAAA,CAAA/F,WAAA,GAAAA,WAAA;AA3JYA,WAEZ,CAAAgG,WAAA;AA2JD,IAAM3E,eAAe,GAAG,SAAlBA,eAAeA,CACnB4E,MAAyB,EACzBpF,OAAiB,EACJ;EACb,OAAOA,OAAO,CAACgD,MAAM,CAAC,UAACJ,MAAM;IAAA,OAAKwC,MAAM,CAACL,QAAQ,CAACnC,MAAM,CAACrE,KAAK,CAAC;EAAA,EAAC;AAClE,CAAC;AAED,IAAMiG,OAAO,GAAG,IAAAa,yBAAM,EAAClC,QAAG,CAAC,CAAAmC,UAAA;EAAAH,WAAA;EAAAI,WAAA;AAAA,oIAKX,IAAAC,kBAAQ,EAAC,oBAAoB,CAAC,CAG7C;AAOD,IAAM5B,SAAS,GAAG,IAAAyB,yBAAM,EAACI,oBAAS,CAAC,CAAAH,UAAA;EAAAH,WAAA;EAAAI,WAAA;AAAA,qQAIP,IAAAC,kBAAQ,EAAC,SAAS,CAAC,EAC9B,IAAAA,kBAAQ,EAAC,YAAY,CAAC,EAGrB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAIrB,IAAAA,kBAAQ,EAAC,cAAc,CAAC,EAE1C,UAACE,KAAK,EAAK;EACX,WAAOC,qBAAG,2FACNC,0BAAkB,CAACpL,OAAO,EAC1BkL,KAAK,CAACnG,QAAQ,IAAIqG,0BAAkB,CAACC,SAAS,EAC9CH,KAAK,CAAC9F,KAAK,IAAIgG,0BAAkB,CAAChG,KAAK,EACvC8F,KAAK,CAAC/F,KAAK,IAAIiG,0BAAkB,CAACjG,KAAK,EACvC+F,KAAK,CAACjG,QAAQ,IAAImG,0BAAkB,CAACnG,QAAQ,EAC7CiG,KAAK,CAAChG,KAAK,IAAIkG,0BAAkB,CAAClG,KAAK,EAGrCkG,0BAAkB,CAAChG,KAAK,EAG1B8F,KAAK,CAAC9E,OAAO,IAAIgF,0BAAkB,CAACjG,KAAK,EAIvCiG,0BAAkB,CAACnG,QAAQ,EAI7BiG,KAAK,CAACxF,KAAK,IACb,CAACwF,KAAK,CAACnG,QAAQ,IACf,CAACmG,KAAK,CAAC9E,OAAO,QACd+E,qBAAG,oCAEF;AAEL,CAAC,EAECG,kBAAU,CACb;AAED,IAAMxB,WAAW,GAAGe,yBAAM,CAACU,KAAK,CAAAT,UAAA;EAAAH,WAAA;EAAAI,WAAA;AAAA,sNAOhBS,gCAAuB,EAEjB,IAAAR,kBAAQ,EAAC,cAAc,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,YAAY,CAAC,CACtC"}
|
|
1
|
+
{"version":3,"file":"MultiSelect.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_helpers","_RequiredField","_utils","_useUpdateEffect","_useWidthOf2","_Box","_Checkbox","_Clickable","_Select","_Text","_Tooltip","_tokens","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","MultiSelect","exports","_ref","_ref$autoOpen","autoOpen","complete","description","disabled","error","focus","hover","_ref$selected","selected","_ref$name","options","required","title","onBlur","onFocus","onSelect","rest","selectedOptions","valuesToOptions","_useState","useState","_useState2","visible","setVisible","_useState3","_useState4","selection","setSelection","useUpdateEffect","tooltipRef","current","anchorRef","handleVisible","handleHide","useEffect","handleKeydown","event","document","addEventListener","removeEventListener","_usePosition","usePosition","position","offset","active","_useWidthOf","useWidthOf","ref","width","useClickOutside","onClickOutside","when","type","handleSelect","option","prevSelection","nextSelection","concat","filter","_ref2","createElement","Box","Tooltip","pointer","content","placement","Text","variant","color","textAlign","Container","mt","onClick","lineHeight","overflowEllipsis","reverse","map","s","text","join","StyledLabel","htmlFor","Options","tabIndex","zIndex","bg","Checkbox","height","px","includes","RequiredField","ml","displayName","values","styled","withConfig","componentId","themeGet","Clickable","props","css","MULTISELECT_STATES","completed","caretMixin","label","FORM_ELEMENT_TRANSITION"],"sources":["../../../src/elements/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { useEffect, useState } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { FORM_ELEMENT_TRANSITION } from \"../../helpers\"\nimport { RequiredField } from \"../../shared/RequiredField\"\nimport { useClickOutside, usePosition } from \"../../utils\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { useWidthOf } from \"../../utils/useWidthOf\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Checkbox } from \"../Checkbox\"\nimport { Clickable } from \"../Clickable\"\nimport { caretMixin, Option } from \"../Select\"\nimport { Text } from \"../Text\"\nimport { Tooltip } from \"../Tooltip\"\nimport { MULTISELECT_STATES } from \"./tokens\"\n\nexport interface MultiSelectProps extends BoxProps {\n /** Whether to open the dropdown automatically on mount or render (default: false) */\n autoOpen?: boolean\n complete?: boolean\n description?: string\n disabled?: boolean\n error?: string | boolean\n focus?: boolean\n hover?: boolean\n /** Initial values to be selected */\n selected?: Option[\"value\"][]\n name?: string\n options: Option[]\n required?: boolean\n title?: string\n onBlur?: (selection: Option[]) => void\n onFocus?: () => void\n onSelect?: (selection: Option[]) => void\n\n visible?: boolean\n}\n\n/** A drop-down multi-select menu */\nexport const MultiSelect: React.FC<\n React.PropsWithChildren<MultiSelectProps>\n> = ({\n autoOpen = false,\n complete,\n description,\n disabled,\n error,\n focus,\n hover,\n selected = [],\n name = \"Select\",\n options,\n required,\n title,\n onBlur,\n onFocus,\n onSelect,\n ...rest\n}) => {\n const selectedOptions = valuesToOptions(selected, options)\n\n const [visible, setVisible] = useState(autoOpen)\n const [selection, setSelection] = useState<Option[]>(selectedOptions || [])\n\n // Yields focus back and forth between popover and anchor\n useUpdateEffect(() => {\n if (visible && tooltipRef.current) {\n tooltipRef.current.focus()\n return\n }\n\n if (!anchorRef.current) return\n anchorRef.current.focus()\n }, [visible])\n\n const handleVisible = () => {\n setVisible(true)\n onFocus?.()\n }\n\n const handleHide = () => {\n setVisible(false)\n onBlur?.(selection)\n }\n\n useEffect(() => {\n const handleKeydown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n handleHide()\n }\n }\n\n document.addEventListener(\"keydown\", handleKeydown)\n return () => {\n document.removeEventListener(\"keydown\", handleKeydown)\n }\n }, [])\n const { anchorRef, tooltipRef } = usePosition({\n position: \"bottom\",\n offset: 10,\n active: visible,\n })\n\n const { width } = useWidthOf({ ref: anchorRef })\n\n useClickOutside({\n ref: tooltipRef,\n onClickOutside: handleHide,\n when: visible,\n type: \"click\",\n })\n\n const handleSelect = (option: Option) => {\n return (selected: boolean) => {\n const prevSelection = selection\n const nextSelection = selected\n ? [...prevSelection, option]\n : prevSelection.filter(({ value }) => option.value !== value)\n\n setSelection(nextSelection)\n onSelect?.(nextSelection)\n }\n }\n\n return (\n <Box width=\"100%\" {...rest}>\n {!!description && (\n <Tooltip pointer content={description} placement=\"top-end\">\n <Text variant=\"xs\" color=\"mono60\" textAlign=\"right\">\n <u>What is this?</u>\n </Text>\n </Tooltip>\n )}\n\n <Container\n mt={!!title && !description ? 1 : 0}\n ref={anchorRef as any}\n onClick={handleVisible}\n complete={complete || selection.length > 0}\n disabled={!!disabled}\n error={error}\n focus={!!focus}\n hover={!!hover}\n title={title}\n visible={visible}\n {...rest}\n >\n <Text variant=\"sm\" lineHeight={1} overflowEllipsis>\n {selection.length > 0\n ? [...selection]\n .reverse()\n .map((s) => s.text)\n .join(\", \")\n : name}\n </Text>\n\n {!!title && <StyledLabel htmlFor={name}>{title}</StyledLabel>}\n </Container>\n\n {visible && (\n <Options\n tabIndex={0}\n ref={tooltipRef as any}\n zIndex={1}\n bg=\"mono0\"\n width={width}\n >\n {options.map((option) => {\n return (\n <Checkbox\n key={option.value}\n height={50}\n px={1}\n selected={selection.map((o) => o.value).includes(option.value)}\n onSelect={handleSelect(option)}\n >\n {option.text}\n </Checkbox>\n )\n })}\n </Options>\n )}\n\n {required && !(error && typeof error === \"string\") && (\n <RequiredField mt={0.5} ml={1} disabled={disabled} />\n )}\n\n {error && typeof error === \"string\" && (\n <Text variant=\"xs\" mt={0.5} ml={1} color=\"red100\">\n {error}\n </Text>\n )}\n </Box>\n )\n}\n\nconst valuesToOptions = (\n values: Option[\"value\"][],\n options: Option[]\n): Option[] => {\n return options.filter((option) => values.includes(option.value))\n}\n\nconst Options = styled(Box)`\n position: fixed;\n z-index: 1;\n max-height: 300px;\n text-align: left;\n box-shadow: ${themeGet(\"effects.dropShadow\")};\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n`\n\ntype ContainerProps = Pick<\n MultiSelectProps,\n \"complete\" | \"disabled\" | \"error\" | \"hover\" | \"focus\" | \"visible\"\n>\n\nconst Container = styled(Clickable)<ContainerProps>`\n position: relative;\n width: 100%;\n /* 24px = space.1 + 4px-wide caret + space.1 */\n padding: 16px 24px 16px ${themeGet(\"space.1\")};\n font-family: ${themeGet(\"fonts.sans\")};\n border: 1px solid;\n border-radius: 3px;\n border-color: ${themeGet(\"colors.mono30\")};\n cursor: pointer;\n line-height: 1;\n transition: color 0.25s, background-color 0.25s, border-color 0.25s;\n background-color: ${themeGet(\"colors.mono0\")};\n\n ${(props) => {\n return css`\n ${MULTISELECT_STATES.default}\n ${props.complete && MULTISELECT_STATES.completed}\n ${props.hover && MULTISELECT_STATES.hover}\n ${props.focus && MULTISELECT_STATES.focus}\n ${props.disabled && MULTISELECT_STATES.disabled}\n ${props.error && MULTISELECT_STATES.error}\n\n &:hover {\n ${MULTISELECT_STATES.hover}\n }\n\n ${props.visible && MULTISELECT_STATES.focus}\n\n &:disabled {\n cursor: default;\n ${MULTISELECT_STATES.disabled}\n }\n\n // Hide text behind title when it's visible\n ${props.title &&\n !props.complete &&\n !props.visible &&\n css`\n color: transparent !important;\n `}\n `\n }}\n\n ${caretMixin}\n`\n\nconst StyledLabel = styled.label`\n position: absolute;\n top: 50%;\n left: 5px;\n padding: 0 5px;\n pointer-events: none;\n transform: translateY(-50%);\n transition: ${FORM_ELEMENT_TRANSITION};\n transition-property: color, transform, padding, font-size;\n background-color: ${themeGet(\"colors.mono0\")};\n font-family: ${themeGet(\"fonts.sans\")};\n`\n"],"mappings":"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"}
|
|
@@ -19,13 +19,12 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
|
|
|
19
19
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
20
20
|
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."); }
|
|
21
21
|
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); }
|
|
22
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
23
|
-
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)
|
|
22
|
+
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; }
|
|
23
|
+
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; } }
|
|
24
24
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
25
|
-
var _default = {
|
|
25
|
+
var _default = exports.default = {
|
|
26
26
|
title: "Components/MultiSelect"
|
|
27
27
|
};
|
|
28
|
-
exports.default = _default;
|
|
29
28
|
var OPTIONS = [{
|
|
30
29
|
text: "Painting",
|
|
31
30
|
value: "painting"
|
|
@@ -42,7 +41,7 @@ var OPTIONS = [{
|
|
|
42
41
|
text: "Mixed Media",
|
|
43
42
|
value: "mixed-media"
|
|
44
43
|
}];
|
|
45
|
-
var Default = function Default() {
|
|
44
|
+
var Default = exports.Default = function Default() {
|
|
46
45
|
return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
|
|
47
46
|
states: [{}, {
|
|
48
47
|
focus: true
|
|
@@ -72,9 +71,8 @@ var Default = function Default() {
|
|
|
72
71
|
onSelect: (0, _addonActions.action)("onSelect")
|
|
73
72
|
}));
|
|
74
73
|
};
|
|
75
|
-
exports.Default = Default;
|
|
76
74
|
Default.displayName = "Default";
|
|
77
|
-
var Example = function Example() {
|
|
75
|
+
var Example = exports.Example = function Example() {
|
|
78
76
|
var _useReducer = (0, _react.useReducer)(function (state, newFilter) {
|
|
79
77
|
return _objectSpread(_objectSpread({}, state), newFilter);
|
|
80
78
|
}, {}),
|
|
@@ -93,5 +91,4 @@ var Example = function Example() {
|
|
|
93
91
|
}
|
|
94
92
|
}));
|
|
95
93
|
};
|
|
96
|
-
exports.Example = Example;
|
|
97
94
|
//# sourceMappingURL=MultiSelect.story.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_MultiSelect","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","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","_default","
|
|
1
|
+
{"version":3,"file":"MultiSelect.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_MultiSelect","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","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","_default","exports","title","OPTIONS","text","Default","createElement","States","states","focus","hover","complete","error","disabled","required","description","MultiSelect","options","onSelect","action","displayName","Example","_useReducer","useReducer","state","newFilter","_useReducer2","filters","setFilter","Fragment","JSON","stringify","sizes","map","size"],"sources":["../../../src/elements/MultiSelect/MultiSelect.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useReducer } from \"react\"\nimport { States } from \"storybook-states\"\nimport { MultiSelect, MultiSelectProps } from \"./MultiSelect\"\n\nexport default {\n title: \"Components/MultiSelect\",\n}\n\nconst OPTIONS = [\n { text: \"Painting\", value: \"painting\" },\n { text: \"Print\", value: \"print\" },\n { text: \"Sculpture\", value: \"sculpture\" },\n { text: \"Photography\", value: \"photography\" },\n { text: \"Mixed Media\", value: \"mixed-media\" },\n]\n\nexport const Default = () => {\n return (\n <States<Partial<MultiSelectProps>>\n states={[\n {},\n { focus: true },\n { hover: true },\n { complete: true },\n { error: \"Something went wrong.\" },\n { disabled: true },\n { title: \"Medium\", name: \"Select\" },\n { title: \"Medium\", name: \"Select\", required: true },\n {\n title: \"Medium\",\n name: \"Select\",\n description: \"Materials or support\",\n },\n ]}\n >\n <MultiSelect\n name=\"Medium\"\n options={OPTIONS}\n onSelect={action(\"onSelect\")}\n />\n </States>\n )\n}\n\nexport const Example = () => {\n const [filters, setFilter] = useReducer(\n (state, newFilter) => ({ ...state, ...newFilter }),\n {}\n )\n\n return (\n <>\n <pre>{JSON.stringify(filters)}</pre>\n\n <MultiSelect\n options={OPTIONS}\n name=\"Size\"\n onSelect={(sizes) => {\n setFilter({ sizes: sizes.map((size) => size.value) })\n }}\n />\n </>\n )\n}\n"],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.MULTISELECT_STATES = void 0;
|
|
7
7
|
var _themeGet = require("@styled-system/theme-get");
|
|
8
8
|
var _styledComponents = require("styled-components");
|
|
9
|
-
var MULTISELECT_STATES = {
|
|
9
|
+
var MULTISELECT_STATES = exports.MULTISELECT_STATES = {
|
|
10
10
|
default: (0, _styledComponents.css)(["height:50px;font-size:", ";color:", ";border-color:", ";& > label{color:", ";font-size:", ";}"], (0, _themeGet.themeGet)("textVariants.sm-display.fontSize"), (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("colors.mono60"), (0, _themeGet.themeGet)("textVariants.sm-display.fontSize")),
|
|
11
11
|
focus: (0, _styledComponents.css)(["color:", ";border-color:", ";text-decoration:underline;& > label{color:", ";transform:translateY(-250%);font-size:", ";}"], (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("textVariants.xs.fontSize")),
|
|
12
12
|
hover: (0, _styledComponents.css)(["color:", ";border-color:", ";text-decoration:underline;& > label{color:", ";", "}"], (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.mono60"), (0, _themeGet.themeGet)("colors.blue100"), function (_ref) {
|
|
@@ -17,5 +17,4 @@ var MULTISELECT_STATES = {
|
|
|
17
17
|
disabled: (0, _styledComponents.css)(["color:", ";border-color:", ";text-decoration:none;& > label{color:", ";text-decoration:none;}"], (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("colors.mono30")),
|
|
18
18
|
error: (0, _styledComponents.css)(["color:", ";border-color:", ";& > label{color:", ";}"], (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.red100"), (0, _themeGet.themeGet)("colors.red100"))
|
|
19
19
|
};
|
|
20
|
-
exports.MULTISELECT_STATES = MULTISELECT_STATES;
|
|
21
20
|
//# sourceMappingURL=tokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","MULTISELECT_STATES","default","css","themeGet","focus","hover","_ref","complete","completed","disabled","error"
|
|
1
|
+
{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","MULTISELECT_STATES","exports","default","css","themeGet","focus","hover","_ref","complete","completed","disabled","error"],"sources":["../../../src/elements/MultiSelect/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css, ExecutionContext } from \"styled-components\"\nimport { State } from \"../Select/types\"\n\ninterface MultiSelectProps extends ExecutionContext {\n complete?: boolean\n}\n\nexport const MULTISELECT_STATES: Record<State, any> = {\n default: css`\n height: 50px;\n font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n color: ${themeGet(\"colors.mono100\")};\n border-color: ${themeGet(\"colors.mono30\")};\n\n & > label {\n color: ${themeGet(\"colors.mono60\")};\n font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n }\n `,\n focus: css`\n color: ${themeGet(\"colors.mono100\")};\n border-color: ${themeGet(\"colors.blue100\")};\n text-decoration: underline;\n\n & > label {\n color: ${themeGet(\"colors.blue100\")};\n transform: translateY(-250%);\n font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n }\n `,\n hover: css`\n color: ${themeGet(\"colors.blue100\")};\n border-color: ${themeGet(\"colors.mono60\")};\n text-decoration: underline;\n\n & > label {\n color: ${themeGet(\"colors.blue100\")};\n\n ${({ complete }: MultiSelectProps) =>\n !complete &&\n css`\n text-decoration: underline;\n `}\n }\n `,\n completed: css`\n border-color: ${themeGet(\"colors.mono60\")};\n text-decoration: none;\n\n & > label {\n color: ${themeGet(\"colors.mono60\")};\n transform: translateY(-250%);\n font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n }\n `,\n disabled: css`\n color: ${themeGet(\"colors.mono30\")};\n border-color: ${themeGet(\"colors.mono30\")};\n text-decoration: none;\n\n & > label {\n color: ${themeGet(\"colors.mono30\")};\n text-decoration: none;\n }\n `,\n error: css`\n color: ${themeGet(\"colors.mono100\")};\n border-color: ${themeGet(\"colors.red100\")};\n\n & > label {\n color: ${themeGet(\"colors.red100\")};\n }\n `,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAOO,IAAME,kBAAsC,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EACpDE,OAAO,MAAEC,qBAAG,qGAEG,IAAAC,kBAAQ,EAAC,kCAAkC,CAAC,EAChD,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EACrB,IAAAA,kBAAQ,EAAC,kCAAkC,CAAC,CAE5D;EACDC,KAAK,MAAEF,qBAAG,gIACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAEtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,CAEpD;EACDE,KAAK,MAAEH,qBAAG,yFACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAI9B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAEjC,UAAAG,IAAA;IAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAA,OACX,CAACA,QAAQ,QACTL,qBAAG,iCAEF;EAAA,EAEN;EACDM,SAAS,MAAEN,qBAAG,gHACI,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAI9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAErB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,CAEpD;EACDM,QAAQ,MAAEP,qBAAG,qGACF,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAClB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAI9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAGrC;EACDO,KAAK,MAAER,qBAAG,2DACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC;AAGxC,CAAC"}
|
|
@@ -19,13 +19,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
19
19
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
20
20
|
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; }
|
|
21
21
|
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; }
|
|
22
|
-
var PageLink = _styledComponents.default.a.withConfig({
|
|
22
|
+
var PageLink = exports.PageLink = _styledComponents.default.a.withConfig({
|
|
23
23
|
displayName: "Pagination__PageLink",
|
|
24
24
|
componentId: "sc-1r2jw01-0"
|
|
25
25
|
})(["text-decoration:none;&:hover{text-decoration:underline;}", ""], _Box.boxMixin);
|
|
26
|
-
exports.PageLink = PageLink;
|
|
27
26
|
/** Pagination */
|
|
28
|
-
var Pagination = function Pagination(_ref) {
|
|
27
|
+
var Pagination = exports.Pagination = function Pagination(_ref) {
|
|
29
28
|
var getHref = _ref.getHref,
|
|
30
29
|
hasNextPage = _ref.hasNextPage,
|
|
31
30
|
onClick = _ref.onClick,
|
|
@@ -93,7 +92,6 @@ var Pagination = function Pagination(_ref) {
|
|
|
93
92
|
width: 12
|
|
94
93
|
})));
|
|
95
94
|
};
|
|
96
|
-
exports.Pagination = Pagination;
|
|
97
95
|
Pagination.displayName = "Pagination";
|
|
98
96
|
var Page = function Page(_ref2) {
|
|
99
97
|
var getHref = _ref2.getHref,
|
|
@@ -162,7 +160,7 @@ var PaginationContainer = (0, _styledComponents.default)(_Text.Text).attrs({
|
|
|
162
160
|
displayName: "Pagination__PaginationContainer",
|
|
163
161
|
componentId: "sc-1r2jw01-1"
|
|
164
162
|
})(["display:flex;align-items:center;justify-content:space-between;line-height:1;"]);
|
|
165
|
-
var PaginationSkeleton = function PaginationSkeleton() {
|
|
163
|
+
var PaginationSkeleton = exports.PaginationSkeleton = function PaginationSkeleton() {
|
|
166
164
|
return /*#__PURE__*/_react.default.createElement(PaginationContainer, {
|
|
167
165
|
"aria-hidden": true
|
|
168
166
|
}, /*#__PURE__*/_react.default.createElement(NextPrevButton, {
|
|
@@ -185,6 +183,5 @@ var PaginationSkeleton = function PaginationSkeleton() {
|
|
|
185
183
|
width: 12
|
|
186
184
|
})));
|
|
187
185
|
};
|
|
188
|
-
exports.PaginationSkeleton = PaginationSkeleton;
|
|
189
186
|
PaginationSkeleton.displayName = "PaginationSkeleton";
|
|
190
187
|
//# sourceMappingURL=Pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","names":["_react","_interopRequireDefault","require","_ChevronLeftIcon","_ChevronRightIcon","_Flex","_Text","_styledComponents","_Box","_Skeleton","_excluded","_excluded2","_excluded3","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","PageLink","styled","a","withConfig","displayName","componentId","boxMixin","exports","Pagination","_ref","getHref","hasNextPage","onClick","onNext","_ref$pageCursors","pageCursors","around","first","last","previous","rest","handlePrevClick","event","cursor","page","handleNextClick","nextPage","createElement","PaginationContainer","NextPrevButton","disabled","pr","mr","height","width","Flex","Fragment","Page","pageCursor","alignItems","p","color","map","pl","ml","_ref2","_ref2$pageCursor","isCurrent","handleClick","href","borderRadius","display","_ref3","children","py","style","opacity","pointerEvents","Text","attrs","as","variant","PaginationSkeleton","SkeletonBox","Box"],"sources":["../../../src/elements/Pagination/Pagination.tsx"],"sourcesContent":["import React, { FC } from \"react\"\nimport ChevronLeftIcon from \"@artsy/icons/ChevronLeftIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport styled from \"styled-components\"\nimport { Box, boxMixin, BoxProps } from \"../Box\"\nimport { SkeletonBox } from \"../Skeleton\"\n\ninterface PageCursor {\n cursor: string\n isCurrent: boolean\n page: number\n}\n\nexport interface PageCursors {\n around: PageCursor[]\n first: PageCursor\n last: PageCursor\n previous: PageCursor\n}\n\nexport const PageLink = styled.a<BoxProps>`\n text-decoration: none;\n &:hover {\n text-decoration: underline;\n }\n ${boxMixin}\n`\n\nexport interface PaginationProps extends FlexProps {\n getHref?: (page: number) => string\n hasNextPage: boolean\n onClick?: (cursor: string, page: number, event: React.MouseEvent) => void\n onNext?: (event: React.MouseEvent, page: number) => void\n pageCursors: PageCursors\n scrollTo?: string\n}\n\n/** Pagination */\nexport const Pagination: React.FC<React.PropsWithChildren<PaginationProps>> = ({\n getHref,\n hasNextPage,\n onClick,\n onNext,\n pageCursors: { around, first, last, previous },\n ...rest\n}) => {\n const handlePrevClick = (event: React.MouseEvent) => {\n if (previous) {\n onClick && onClick(previous.cursor, previous.page, event)\n }\n }\n\n const handleNextClick = (event: React.MouseEvent) => {\n onNext && onNext(event, nextPage)\n }\n\n const nextPage = (previous?.page || 0) + 2\n\n return (\n <PaginationContainer {...rest}>\n <NextPrevButton\n data-testid=\"prev\"\n aria-label=\"Previous\"\n getHref={getHref}\n onClick={handlePrevClick}\n page={previous?.page}\n disabled={!previous}\n pr={0.5}\n >\n <ChevronLeftIcon mr={0.5} height={12} width={12} />\n\n <span>Prev</span>\n </NextPrevButton>\n\n <Flex>\n {first && (\n <>\n <Page onClick={onClick} pageCursor={first} getHref={getHref} />\n <Flex alignItems=\"center\" p={0.5} color=\"mono60\">\n …\n </Flex>\n </>\n )}\n\n {around.map((pageCursor) => {\n return (\n <Page\n getHref={getHref}\n key={pageCursor.page}\n onClick={onClick}\n pageCursor={pageCursor}\n />\n )\n })}\n\n {last && (\n <>\n <Flex alignItems=\"center\" p={0.5} color=\"mono60\">\n …\n </Flex>\n\n <Page onClick={onClick} pageCursor={last} getHref={getHref} />\n </>\n )}\n </Flex>\n\n <NextPrevButton\n data-testid=\"next\"\n getHref={getHref}\n onClick={handleNextClick}\n page={nextPage}\n disabled={!hasNextPage}\n pl={0.5}\n >\n <span>Next</span>\n\n <ChevronRightIcon ml={0.5} height={12} width={12} />\n </NextPrevButton>\n </PaginationContainer>\n )\n}\n\ninterface PageProps extends BoxProps {\n getHref?: (page: number) => string\n onClick?: (cursor: string, page: number, event: React.MouseEvent) => void\n pageCursor: PageCursor\n}\n\nconst Page: React.FC<React.PropsWithChildren<PageProps>> = ({\n getHref,\n onClick,\n pageCursor: { cursor, isCurrent, page },\n ...rest\n}) => {\n const handleClick = (\n event: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n ) => {\n onClick && onClick(cursor, page, event)\n }\n\n const href = page && typeof getHref !== \"undefined\" ? getHref(page) : \"\"\n\n return (\n <PageLink\n href={href}\n onClick={handleClick}\n borderRadius={2}\n display=\"flex\"\n alignItems=\"center\"\n p={0.5}\n {...(isCurrent\n ? { color: \"mono100\", \"aria-current\": \"page\" }\n : { color: \"mono60\" })}\n {...rest}\n >\n {page}\n </PageLink>\n )\n}\n\nexport interface NextPrevButtonProps extends BoxProps {\n disabled: boolean\n getHref?: (page: number) => string\n onClick?: (event: React.MouseEvent) => void\n page?: number\n}\n\nconst NextPrevButton: React.FC<\n React.PropsWithChildren<NextPrevButtonProps>\n> = ({ disabled, getHref, onClick, page, children, ...rest }) => {\n const href =\n !disabled && page && typeof getHref !== \"undefined\" ? getHref(page) : \"\"\n\n if (disabled) {\n return (\n <Flex\n display=\"flex\"\n alignItems=\"center\"\n color=\"mono30\"\n py={0.5}\n {...rest}\n >\n {children}\n </Flex>\n )\n }\n\n return (\n <PageLink\n href={href}\n onClick={onClick}\n display=\"flex\"\n alignItems=\"center\"\n py={0.5}\n style={\n !disabled\n ? {\n opacity: 1,\n pointerEvents: \"inherit\",\n }\n : {\n opacity: 0.1,\n pointerEvents: \"none\",\n }\n }\n {...rest}\n >\n {children}\n </PageLink>\n )\n}\n\nconst PaginationContainer = styled(Text).attrs({\n as: \"nav\",\n \"aria-label\": \"Pagination\",\n variant: \"sm\",\n})`\n display: flex;\n align-items: center;\n justify-content: space-between;\n line-height: 1;\n`\n\nexport const PaginationSkeleton: FC<React.PropsWithChildren<unknown>> = () => {\n return (\n <PaginationContainer aria-hidden>\n <NextPrevButton disabled pr={0.5}>\n <ChevronLeftIcon mr={0.5} height={12} width={12} />\n\n <span>Prev</span>\n </NextPrevButton>\n\n <SkeletonBox width={100}>\n <Box opacity={0}>0</Box>\n </SkeletonBox>\n\n <NextPrevButton disabled pl={0.5}>\n <span>Next</span>\n\n <ChevronRightIcon ml={0.5} height={12} width={12} />\n </NextPrevButton>\n </PaginationContainer>\n )\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Pagination.js","names":["_react","_interopRequireDefault","require","_ChevronLeftIcon","_ChevronRightIcon","_Flex","_Text","_styledComponents","_Box","_Skeleton","_excluded","_excluded2","_excluded3","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","PageLink","exports","styled","a","withConfig","displayName","componentId","boxMixin","Pagination","_ref","getHref","hasNextPage","onClick","onNext","_ref$pageCursors","pageCursors","around","first","last","previous","rest","handlePrevClick","event","cursor","page","handleNextClick","nextPage","createElement","PaginationContainer","NextPrevButton","disabled","pr","mr","height","width","Flex","Fragment","Page","pageCursor","alignItems","p","color","map","pl","ml","_ref2","_ref2$pageCursor","isCurrent","handleClick","href","borderRadius","display","_ref3","children","py","style","opacity","pointerEvents","Text","attrs","as","variant","PaginationSkeleton","SkeletonBox","Box"],"sources":["../../../src/elements/Pagination/Pagination.tsx"],"sourcesContent":["import React, { FC } from \"react\"\nimport ChevronLeftIcon from \"@artsy/icons/ChevronLeftIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport styled from \"styled-components\"\nimport { Box, boxMixin, BoxProps } from \"../Box\"\nimport { SkeletonBox } from \"../Skeleton\"\n\ninterface PageCursor {\n cursor: string\n isCurrent: boolean\n page: number\n}\n\nexport interface PageCursors {\n around: PageCursor[]\n first: PageCursor\n last: PageCursor\n previous: PageCursor\n}\n\nexport const PageLink = styled.a<BoxProps>`\n text-decoration: none;\n &:hover {\n text-decoration: underline;\n }\n ${boxMixin}\n`\n\nexport interface PaginationProps extends FlexProps {\n getHref?: (page: number) => string\n hasNextPage: boolean\n onClick?: (cursor: string, page: number, event: React.MouseEvent) => void\n onNext?: (event: React.MouseEvent, page: number) => void\n pageCursors: PageCursors\n scrollTo?: string\n}\n\n/** Pagination */\nexport const Pagination: React.FC<React.PropsWithChildren<PaginationProps>> = ({\n getHref,\n hasNextPage,\n onClick,\n onNext,\n pageCursors: { around, first, last, previous },\n ...rest\n}) => {\n const handlePrevClick = (event: React.MouseEvent) => {\n if (previous) {\n onClick && onClick(previous.cursor, previous.page, event)\n }\n }\n\n const handleNextClick = (event: React.MouseEvent) => {\n onNext && onNext(event, nextPage)\n }\n\n const nextPage = (previous?.page || 0) + 2\n\n return (\n <PaginationContainer {...rest}>\n <NextPrevButton\n data-testid=\"prev\"\n aria-label=\"Previous\"\n getHref={getHref}\n onClick={handlePrevClick}\n page={previous?.page}\n disabled={!previous}\n pr={0.5}\n >\n <ChevronLeftIcon mr={0.5} height={12} width={12} />\n\n <span>Prev</span>\n </NextPrevButton>\n\n <Flex>\n {first && (\n <>\n <Page onClick={onClick} pageCursor={first} getHref={getHref} />\n <Flex alignItems=\"center\" p={0.5} color=\"mono60\">\n …\n </Flex>\n </>\n )}\n\n {around.map((pageCursor) => {\n return (\n <Page\n getHref={getHref}\n key={pageCursor.page}\n onClick={onClick}\n pageCursor={pageCursor}\n />\n )\n })}\n\n {last && (\n <>\n <Flex alignItems=\"center\" p={0.5} color=\"mono60\">\n …\n </Flex>\n\n <Page onClick={onClick} pageCursor={last} getHref={getHref} />\n </>\n )}\n </Flex>\n\n <NextPrevButton\n data-testid=\"next\"\n getHref={getHref}\n onClick={handleNextClick}\n page={nextPage}\n disabled={!hasNextPage}\n pl={0.5}\n >\n <span>Next</span>\n\n <ChevronRightIcon ml={0.5} height={12} width={12} />\n </NextPrevButton>\n </PaginationContainer>\n )\n}\n\ninterface PageProps extends BoxProps {\n getHref?: (page: number) => string\n onClick?: (cursor: string, page: number, event: React.MouseEvent) => void\n pageCursor: PageCursor\n}\n\nconst Page: React.FC<React.PropsWithChildren<PageProps>> = ({\n getHref,\n onClick,\n pageCursor: { cursor, isCurrent, page },\n ...rest\n}) => {\n const handleClick = (\n event: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n ) => {\n onClick && onClick(cursor, page, event)\n }\n\n const href = page && typeof getHref !== \"undefined\" ? getHref(page) : \"\"\n\n return (\n <PageLink\n href={href}\n onClick={handleClick}\n borderRadius={2}\n display=\"flex\"\n alignItems=\"center\"\n p={0.5}\n {...(isCurrent\n ? { color: \"mono100\", \"aria-current\": \"page\" }\n : { color: \"mono60\" })}\n {...rest}\n >\n {page}\n </PageLink>\n )\n}\n\nexport interface NextPrevButtonProps extends BoxProps {\n disabled: boolean\n getHref?: (page: number) => string\n onClick?: (event: React.MouseEvent) => void\n page?: number\n}\n\nconst NextPrevButton: React.FC<\n React.PropsWithChildren<NextPrevButtonProps>\n> = ({ disabled, getHref, onClick, page, children, ...rest }) => {\n const href =\n !disabled && page && typeof getHref !== \"undefined\" ? getHref(page) : \"\"\n\n if (disabled) {\n return (\n <Flex\n display=\"flex\"\n alignItems=\"center\"\n color=\"mono30\"\n py={0.5}\n {...rest}\n >\n {children}\n </Flex>\n )\n }\n\n return (\n <PageLink\n href={href}\n onClick={onClick}\n display=\"flex\"\n alignItems=\"center\"\n py={0.5}\n style={\n !disabled\n ? {\n opacity: 1,\n pointerEvents: \"inherit\",\n }\n : {\n opacity: 0.1,\n pointerEvents: \"none\",\n }\n }\n {...rest}\n >\n {children}\n </PageLink>\n )\n}\n\nconst PaginationContainer = styled(Text).attrs({\n as: \"nav\",\n \"aria-label\": \"Pagination\",\n variant: \"sm\",\n})`\n display: flex;\n align-items: center;\n justify-content: space-between;\n line-height: 1;\n`\n\nexport const PaginationSkeleton: FC<React.PropsWithChildren<unknown>> = () => {\n return (\n <PaginationContainer aria-hidden>\n <NextPrevButton disabled pr={0.5}>\n <ChevronLeftIcon mr={0.5} height={12} width={12} />\n\n <span>Prev</span>\n </NextPrevButton>\n\n <SkeletonBox width={100}>\n <Box opacity={0}>0</Box>\n </SkeletonBox>\n\n <NextPrevButton disabled pl={0.5}>\n <span>Next</span>\n\n <ChevronRightIcon ml={0.5} height={12} width={12} />\n </NextPrevButton>\n </PaginationContainer>\n )\n}\n"],"mappings":"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"}
|
|
@@ -15,10 +15,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
15
15
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
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
|
-
var _default = {
|
|
18
|
+
var _default = exports.default = {
|
|
19
19
|
title: "Components/Pagination"
|
|
20
20
|
};
|
|
21
|
-
exports.default = _default;
|
|
22
21
|
var EXAMPLE_PAGE_CURSORS = {
|
|
23
22
|
first: {
|
|
24
23
|
page: 1,
|
|
@@ -53,7 +52,7 @@ var EXAMPLE_PAGE_CURSORS = {
|
|
|
53
52
|
isCurrent: false
|
|
54
53
|
}
|
|
55
54
|
};
|
|
56
|
-
var Default = function Default() {
|
|
55
|
+
var Default = exports.Default = function Default() {
|
|
57
56
|
return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
|
|
58
57
|
states: [{}, {
|
|
59
58
|
pageCursors: _objectSpread(_objectSpread({}, EXAMPLE_PAGE_CURSORS), {}, {
|
|
@@ -79,14 +78,12 @@ var Default = function Default() {
|
|
|
79
78
|
}
|
|
80
79
|
}));
|
|
81
80
|
};
|
|
82
|
-
exports.Default = Default;
|
|
83
81
|
Default.displayName = "Default";
|
|
84
82
|
Default.story = {
|
|
85
83
|
name: "Pagination"
|
|
86
84
|
};
|
|
87
|
-
var Skeleton = function Skeleton() {
|
|
85
|
+
var Skeleton = exports.Skeleton = function Skeleton() {
|
|
88
86
|
return /*#__PURE__*/_react.default.createElement(_storybookStates.States, null, /*#__PURE__*/_react.default.createElement(_Pagination.PaginationSkeleton, null));
|
|
89
87
|
};
|
|
90
|
-
exports.Skeleton = Skeleton;
|
|
91
88
|
Skeleton.displayName = "Skeleton";
|
|
92
89
|
//# sourceMappingURL=Pagination.story.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_Pagination","obj","__esModule","default","_typeof","Symbol","iterator","constructor","prototype","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","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","_default","
|
|
1
|
+
{"version":3,"file":"Pagination.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_Pagination","obj","__esModule","default","_typeof","Symbol","iterator","constructor","prototype","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","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","_default","exports","title","EXAMPLE_PAGE_CURSORS","first","page","cursor","isCurrent","last","around","previous","Default","createElement","States","states","pageCursors","hasNextPage","Pagination","onClick","event","preventDefault","action","onNext","_len","rest","Array","_key","concat","displayName","story","name","Skeleton","PaginationSkeleton"],"sources":["../../../src/elements/Pagination/Pagination.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Pagination, PaginationProps, PaginationSkeleton } from \"./Pagination\"\n\nexport default {\n title: \"Components/Pagination\",\n}\n\nconst EXAMPLE_PAGE_CURSORS = {\n first: { page: 1, cursor: \"Y3Vyc29yMg==\", isCurrent: false },\n last: { page: 20, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n around: [\n { page: 6, cursor: \"Y3Vyc29yMw==\", isCurrent: true },\n { page: 7, cursor: \"Y3Vyc29yMg==\", isCurrent: false },\n { page: 8, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n { page: 9, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n ],\n previous: { page: 5, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n}\n\nexport const Default = () => {\n return (\n <States<Partial<PaginationProps>>\n states={[\n {},\n { pageCursors: { ...EXAMPLE_PAGE_CURSORS, previous: null as any } },\n { pageCursors: { ...EXAMPLE_PAGE_CURSORS }, hasNextPage: false },\n ]}\n >\n <Pagination\n hasNextPage\n pageCursors={EXAMPLE_PAGE_CURSORS}\n onClick={(cursor, page, event) => {\n event.preventDefault()\n action(\"onClick\")(cursor, page, event)\n }}\n onNext={(event, ...rest) => {\n event.preventDefault()\n action(\"onNext\")(event, ...rest)\n }}\n />\n </States>\n )\n}\n\nDefault.story = {\n name: \"Pagination\",\n}\n\nexport const Skeleton = () => {\n return (\n <States>\n <PaginationSkeleton />\n </States>\n )\n}\n"],"mappings":"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"}
|
|
@@ -18,12 +18,12 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
18
18
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
19
19
|
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."); }
|
|
20
20
|
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); }
|
|
21
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
22
|
-
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)
|
|
21
|
+
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; }
|
|
22
|
+
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; } }
|
|
23
23
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
24
24
|
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; }
|
|
25
25
|
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; }
|
|
26
|
-
var PasswordInput = function PasswordInput(_ref) {
|
|
26
|
+
var PasswordInput = exports.PasswordInput = function PasswordInput(_ref) {
|
|
27
27
|
var _ref$defaultVisibilit = _ref.defaultVisibility,
|
|
28
28
|
defaultVisibility = _ref$defaultVisibilit === void 0 ? false : _ref$defaultVisibilit,
|
|
29
29
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -44,6 +44,5 @@ var PasswordInput = function PasswordInput(_ref) {
|
|
|
44
44
|
}, visibility ? /*#__PURE__*/_react.default.createElement(_HideIcon.default, null) : /*#__PURE__*/_react.default.createElement(_ShowIcon.default, null))
|
|
45
45
|
}, rest));
|
|
46
46
|
};
|
|
47
|
-
exports.PasswordInput = PasswordInput;
|
|
48
47
|
PasswordInput.displayName = "PasswordInput";
|
|
49
48
|
//# sourceMappingURL=PasswordInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.js","names":["_react","_interopRequireWildcard","require","_LabeledInput","_Clickable","_ShowIcon","_interopRequireDefault","_HideIcon","_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","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","PasswordInput","_ref","_ref$defaultVisibilit","defaultVisibility","rest","_useState","useState","_useState2","visibility","setVisibility","handleClick","prevVisibility","createElement","LabeledInput","type","label","Clickable","onClick","height","
|
|
1
|
+
{"version":3,"file":"PasswordInput.js","names":["_react","_interopRequireWildcard","require","_LabeledInput","_Clickable","_ShowIcon","_interopRequireDefault","_HideIcon","_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","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","PasswordInput","exports","_ref","_ref$defaultVisibilit","defaultVisibility","rest","_useState","useState","_useState2","visibility","setVisibility","handleClick","prevVisibility","createElement","LabeledInput","type","label","Clickable","onClick","height","displayName"],"sources":["../../../src/elements/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { InputProps } from \"../Input\"\nimport { LabeledInput } from \"../LabeledInput\"\nimport { Clickable } from \"../Clickable\"\nimport ShowIcon from \"@artsy/icons/ShowIcon\"\nimport HideIcon from \"@artsy/icons/HideIcon\"\n\nexport interface PasswordInputProps extends InputProps {\n defaultVisibility?: boolean\n}\n\nexport const PasswordInput: React.FC<React.PropsWithChildren<PasswordInputProps>> = ({\n defaultVisibility = false,\n ...rest\n}) => {\n const [visibility, setVisibility] = useState(defaultVisibility)\n\n const handleClick = () => {\n setVisibility((prevVisibility) => !prevVisibility)\n }\n\n return (\n <LabeledInput\n type={visibility ? \"text\" : \"password\"}\n label={\n <Clickable onClick={handleClick} height=\"100%\">\n {visibility ? <HideIcon /> : <ShowIcon />}\n </Clickable>\n }\n {...rest}\n />\n )\n}\n"],"mappings":"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"}
|
|
@@ -8,11 +8,10 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _storybookStates = require("storybook-states");
|
|
9
9
|
var _PasswordInput = require("./PasswordInput");
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
var _default = {
|
|
11
|
+
var _default = exports.default = {
|
|
12
12
|
title: "Components/PasswordInput"
|
|
13
13
|
};
|
|
14
|
-
exports.
|
|
15
|
-
var Default = function Default() {
|
|
14
|
+
var Default = exports.Default = function Default() {
|
|
16
15
|
return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
|
|
17
16
|
states: [{}, {
|
|
18
17
|
defaultValue: "secret"
|
|
@@ -25,6 +24,5 @@ var Default = function Default() {
|
|
|
25
24
|
placeholder: "Password"
|
|
26
25
|
}));
|
|
27
26
|
};
|
|
28
|
-
exports.Default = Default;
|
|
29
27
|
Default.displayName = "Default";
|
|
30
28
|
//# sourceMappingURL=PasswordInput.story.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_PasswordInput","obj","__esModule","default","_default","
|
|
1
|
+
{"version":3,"file":"PasswordInput.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_PasswordInput","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","defaultValue","defaultVisibility","PasswordInput","name","placeholder","displayName"],"sources":["../../../src/elements/PasswordInput/PasswordInput.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { PasswordInput, PasswordInputProps } from \"./PasswordInput\"\n\nexport default {\n title: \"Components/PasswordInput\",\n}\n\nexport const Default = () => {\n return (\n <States<Partial<PasswordInputProps>>\n states={[\n {},\n { defaultValue: \"secret\" },\n { defaultValue: \"secret\", defaultVisibility: true },\n ]}\n >\n <PasswordInput name=\"Password\" placeholder=\"Password\" />\n </States>\n )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAmE,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEpD;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,YAAY,EAAE;IAAS,CAAC,EAC1B;MAAEA,YAAY,EAAE,QAAQ;MAAEC,iBAAiB,EAAE;IAAK,CAAC;EACnD,gBAEFhB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,cAAA,CAAAa,aAAa;IAACC,IAAI,EAAC,UAAU;IAACC,WAAW,EAAC;EAAU,EAAG,CACjD;AAEb,CAAC;AAZYR,OAAO,CAAAS,WAAA"}
|
|
@@ -25,8 +25,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
25
25
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
26
26
|
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."); }
|
|
27
27
|
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); }
|
|
28
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
29
|
-
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)
|
|
28
|
+
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; }
|
|
29
|
+
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; } }
|
|
30
30
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
31
31
|
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; }
|
|
32
32
|
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; }
|
|
@@ -39,7 +39,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
39
39
|
* @property {string} `value` is the value that will be passed to onSelect
|
|
40
40
|
*/
|
|
41
41
|
|
|
42
|
-
var PhoneInput = /*#__PURE__*/_react.default.forwardRef(function (_ref, forwardedRef) {
|
|
42
|
+
var PhoneInput = exports.PhoneInput = /*#__PURE__*/_react.default.forwardRef(function (_ref, forwardedRef) {
|
|
43
43
|
var className = _ref.className,
|
|
44
44
|
options = _ref.options,
|
|
45
45
|
disabled = _ref.disabled,
|
|
@@ -278,7 +278,6 @@ var PhoneInput = /*#__PURE__*/_react.default.forwardRef(function (_ref, forwarde
|
|
|
278
278
|
textAlign: "right"
|
|
279
279
|
}, error));
|
|
280
280
|
});
|
|
281
|
-
exports.PhoneInput = PhoneInput;
|
|
282
281
|
PhoneInput.displayName = "PhoneInput";
|
|
283
282
|
var caretMixin = (0, _styledComponents.css)(["&::after{content:\"\";cursor:inherit;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%);right:", ";pointer-events:none;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid ", ";}"], (0, _themeGet.themeGet)("space.1"), function (_ref4) {
|
|
284
283
|
var disabled = _ref4.disabled;
|