@faststore/components 3.0.24 → 3.0.32-alpha.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/atoms/Badge/Badge.d.ts +27 -0
- package/dist/atoms/Badge/Badge.js +7 -0
- package/dist/atoms/Badge/Badge.js.map +1 -0
- package/dist/atoms/Badge/index.d.ts +2 -0
- package/dist/atoms/Badge/index.js +2 -0
- package/dist/atoms/Badge/index.js.map +1 -0
- package/dist/atoms/Button/Button.d.ts +45 -0
- package/dist/atoms/Button/Button.js +14 -0
- package/dist/atoms/Button/Button.js.map +1 -0
- package/dist/atoms/Button/index.d.ts +2 -0
- package/dist/atoms/Button/index.js +2 -0
- package/dist/atoms/Button/index.js.map +1 -0
- package/dist/atoms/Checkbox/Checkbox.d.ts +14 -0
- package/dist/atoms/Checkbox/Checkbox.js +6 -0
- package/dist/atoms/Checkbox/Checkbox.js.map +1 -0
- package/dist/atoms/Checkbox/index.d.ts +2 -0
- package/dist/atoms/Checkbox/index.js +2 -0
- package/dist/atoms/Checkbox/index.js.map +1 -0
- package/dist/atoms/Icon/Icon.d.ts +35 -0
- package/dist/atoms/Icon/Icon.js +14 -0
- package/dist/atoms/Icon/Icon.js.map +1 -0
- package/dist/atoms/Icon/index.d.ts +2 -0
- package/dist/atoms/Icon/index.js +2 -0
- package/dist/atoms/Icon/index.js.map +1 -0
- package/dist/atoms/Input/Input.d.ts +10 -0
- package/dist/atoms/Input/Input.js +6 -0
- package/dist/atoms/Input/Input.js.map +1 -0
- package/dist/atoms/Input/index.d.ts +2 -0
- package/dist/atoms/Input/index.js +2 -0
- package/dist/atoms/Input/index.js.map +1 -0
- package/dist/atoms/Label/Label.d.ts +10 -0
- package/dist/atoms/Label/Label.js +6 -0
- package/dist/atoms/Label/Label.js.map +1 -0
- package/dist/atoms/Label/index.d.ts +2 -0
- package/dist/atoms/Label/index.js +2 -0
- package/dist/atoms/Label/index.js.map +1 -0
- package/dist/atoms/Link/Link.d.ts +25 -0
- package/dist/atoms/Link/Link.js +7 -0
- package/dist/atoms/Link/Link.js.map +1 -0
- package/dist/atoms/Link/index.d.ts +2 -0
- package/dist/atoms/Link/index.js +2 -0
- package/dist/atoms/Link/index.js.map +1 -0
- package/dist/atoms/List/List.d.ts +16 -0
- package/dist/atoms/List/List.js +7 -0
- package/dist/atoms/List/List.js.map +1 -0
- package/dist/atoms/List/index.d.ts +2 -0
- package/dist/atoms/List/index.js +2 -0
- package/dist/atoms/List/index.js.map +1 -0
- package/dist/atoms/Loader/Loader.d.ts +14 -0
- package/dist/atoms/Loader/Loader.js +9 -0
- package/dist/atoms/Loader/Loader.js.map +1 -0
- package/dist/atoms/Loader/index.d.ts +2 -0
- package/dist/atoms/Loader/index.js +2 -0
- package/dist/atoms/Loader/index.js.map +1 -0
- package/dist/atoms/Overlay/Overlay.d.ts +10 -0
- package/dist/atoms/Overlay/Overlay.js +6 -0
- package/dist/atoms/Overlay/Overlay.js.map +1 -0
- package/dist/atoms/Overlay/index.d.ts +2 -0
- package/dist/atoms/Overlay/index.js +2 -0
- package/dist/atoms/Overlay/index.js.map +1 -0
- package/dist/atoms/Price/Price.d.ts +32 -0
- package/dist/atoms/Price/Price.js +10 -0
- package/dist/atoms/Price/Price.js.map +1 -0
- package/dist/atoms/Price/index.d.ts +2 -0
- package/dist/atoms/Price/index.js +2 -0
- package/dist/atoms/Price/index.js.map +1 -0
- package/dist/atoms/Radio/Radio.d.ts +10 -0
- package/dist/atoms/Radio/Radio.js +6 -0
- package/dist/atoms/Radio/Radio.js.map +1 -0
- package/dist/atoms/Radio/index.d.ts +2 -0
- package/dist/atoms/Radio/index.js +2 -0
- package/dist/atoms/Radio/index.js.map +1 -0
- package/dist/atoms/SROnly/SROnly.d.ts +14 -0
- package/dist/atoms/SROnly/SROnly.js +7 -0
- package/dist/atoms/SROnly/SROnly.js.map +1 -0
- package/dist/atoms/SROnly/index.d.ts +1 -0
- package/dist/atoms/SROnly/index.js +2 -0
- package/dist/atoms/SROnly/index.js.map +1 -0
- package/dist/atoms/Select/Select.d.ts +20 -0
- package/dist/atoms/Select/Select.js +9 -0
- package/dist/atoms/Select/Select.js.map +1 -0
- package/dist/atoms/Select/index.d.ts +2 -0
- package/dist/atoms/Select/index.js +2 -0
- package/dist/atoms/Select/index.js.map +1 -0
- package/dist/atoms/Skeleton/Skeleton.d.ts +37 -0
- package/dist/atoms/Skeleton/Skeleton.js +10 -0
- package/dist/atoms/Skeleton/Skeleton.js.map +1 -0
- package/dist/atoms/Skeleton/index.d.ts +2 -0
- package/dist/atoms/Skeleton/index.js +2 -0
- package/dist/atoms/Skeleton/index.js.map +1 -0
- package/dist/atoms/Slider/Slider.d.ts +71 -0
- package/dist/atoms/Slider/Slider.js +57 -0
- package/dist/atoms/Slider/Slider.js.map +1 -0
- package/dist/atoms/Slider/index.d.ts +2 -0
- package/dist/atoms/Slider/index.js +2 -0
- package/dist/atoms/Slider/index.js.map +1 -0
- package/dist/cjs/organisms/ImageGallery/ImageZoom.d.ts +7 -0
- package/dist/cjs/organisms/ImageGallery/ImageZoom.js +9 -0
- package/dist/cjs/organisms/ImageGallery/ImageZoom.js.map +1 -0
- package/dist/cjs/organisms/PaymentMethods/PaymentMethods.js +1 -1
- package/dist/cjs/organisms/PaymentMethods/PaymentMethods.js.map +1 -1
- package/dist/esm/organisms/ImageGallery/ImageZoom.d.ts +7 -0
- package/dist/esm/organisms/ImageGallery/ImageZoom.js +6 -0
- package/dist/esm/organisms/ImageGallery/ImageZoom.js.map +1 -0
- package/dist/esm/organisms/PaymentMethods/PaymentMethods.js +1 -1
- package/dist/esm/organisms/PaymentMethods/PaymentMethods.js.map +1 -1
- package/dist/hooks/UIProvider.d.ts +34 -0
- package/dist/hooks/UIProvider.js +78 -0
- package/dist/hooks/UIProvider.js.map +1 -0
- package/dist/hooks/index.d.ts +8 -0
- package/dist/hooks/index.js +8 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/useFadeEffect.d.ts +5 -0
- package/dist/hooks/useFadeEffect.js +18 -0
- package/dist/hooks/useFadeEffect.js.map +1 -0
- package/dist/hooks/useScrollDirection.d.ts +1 -0
- package/dist/hooks/useScrollDirection.js +22 -0
- package/dist/hooks/useScrollDirection.js.map +1 -0
- package/dist/hooks/useSearch.d.ts +7 -0
- package/dist/hooks/useSearch.js +10 -0
- package/dist/hooks/useSearch.js.map +1 -0
- package/dist/hooks/useSlideVisibility.d.ts +9 -0
- package/dist/hooks/useSlideVisibility.js +29 -0
- package/dist/hooks/useSlideVisibility.js.map +1 -0
- package/dist/hooks/useSlider.d.ts +64 -0
- package/dist/hooks/useSlider.js +103 -0
- package/dist/hooks/useSlider.js.map +1 -0
- package/dist/hooks/useTrapFocus.d.ts +8 -0
- package/dist/hooks/useTrapFocus.js +75 -0
- package/dist/hooks/useTrapFocus.js.map +1 -0
- package/dist/index.d.ts +141 -0
- package/dist/index.js +78 -0
- package/dist/index.js.map +1 -0
- package/dist/molecules/Accordion/Accordion.d.ts +26 -0
- package/dist/molecules/Accordion/Accordion.js +21 -0
- package/dist/molecules/Accordion/Accordion.js.map +1 -0
- package/dist/molecules/Accordion/AccordionButton.d.ts +19 -0
- package/dist/molecules/Accordion/AccordionButton.js +37 -0
- package/dist/molecules/Accordion/AccordionButton.js.map +1 -0
- package/dist/molecules/Accordion/AccordionItem.d.ts +31 -0
- package/dist/molecules/Accordion/AccordionItem.js +22 -0
- package/dist/molecules/Accordion/AccordionItem.js.map +1 -0
- package/dist/molecules/Accordion/AccordionPanel.d.ts +10 -0
- package/dist/molecules/Accordion/AccordionPanel.js +10 -0
- package/dist/molecules/Accordion/AccordionPanel.js.map +1 -0
- package/dist/molecules/Accordion/index.d.ts +8 -0
- package/dist/molecules/Accordion/index.js +5 -0
- package/dist/molecules/Accordion/index.js.map +1 -0
- package/dist/molecules/Alert/Alert.d.ts +29 -0
- package/dist/molecules/Alert/Alert.js +17 -0
- package/dist/molecules/Alert/Alert.js.map +1 -0
- package/dist/molecules/Alert/index.d.ts +2 -0
- package/dist/molecules/Alert/index.js +2 -0
- package/dist/molecules/Alert/index.js.map +1 -0
- package/dist/molecules/Breadcrumb/Breadcrumb.d.ts +6 -0
- package/dist/molecules/Breadcrumb/Breadcrumb.js +7 -0
- package/dist/molecules/Breadcrumb/Breadcrumb.js.map +1 -0
- package/dist/molecules/Breadcrumb/BreadcrumbBase.d.ts +47 -0
- package/dist/molecules/Breadcrumb/BreadcrumbBase.js +45 -0
- package/dist/molecules/Breadcrumb/BreadcrumbBase.js.map +1 -0
- package/dist/molecules/Breadcrumb/BreadcrumbPure.d.ts +14 -0
- package/dist/molecules/Breadcrumb/BreadcrumbPure.js +12 -0
- package/dist/molecules/Breadcrumb/BreadcrumbPure.js.map +1 -0
- package/dist/molecules/Breadcrumb/Divider.d.ts +4 -0
- package/dist/molecules/Breadcrumb/Divider.js +14 -0
- package/dist/molecules/Breadcrumb/Divider.js.map +1 -0
- package/dist/molecules/Breadcrumb/ListItem.d.ts +10 -0
- package/dist/molecules/Breadcrumb/ListItem.js +20 -0
- package/dist/molecules/Breadcrumb/ListItem.js.map +1 -0
- package/dist/molecules/Breadcrumb/index.d.ts +4 -0
- package/dist/molecules/Breadcrumb/index.js +3 -0
- package/dist/molecules/Breadcrumb/index.js.map +1 -0
- package/dist/molecules/BuyButton/BuyButton.d.ts +5 -0
- package/dist/molecules/BuyButton/BuyButton.js +7 -0
- package/dist/molecules/BuyButton/BuyButton.js.map +1 -0
- package/dist/molecules/BuyButton/index.d.ts +1 -0
- package/dist/molecules/BuyButton/index.js +2 -0
- package/dist/molecules/BuyButton/index.js.map +1 -0
- package/dist/molecules/Carousel/Carousel.d.ts +60 -0
- package/dist/molecules/Carousel/Carousel.js +188 -0
- package/dist/molecules/Carousel/Carousel.js.map +1 -0
- package/dist/molecules/Carousel/CarouselBullets.d.ts +39 -0
- package/dist/molecules/Carousel/CarouselBullets.js +12 -0
- package/dist/molecules/Carousel/CarouselBullets.js.map +1 -0
- package/dist/molecules/Carousel/CarouselItem.d.ts +13 -0
- package/dist/molecules/Carousel/CarouselItem.js +20 -0
- package/dist/molecules/Carousel/CarouselItem.js.map +1 -0
- package/dist/molecules/Carousel/index.d.ts +6 -0
- package/dist/molecules/Carousel/index.js +4 -0
- package/dist/molecules/Carousel/index.js.map +1 -0
- package/dist/molecules/CartItem/CartItem.d.ts +32 -0
- package/dist/molecules/CartItem/CartItem.js +12 -0
- package/dist/molecules/CartItem/CartItem.js.map +1 -0
- package/dist/molecules/CartItem/CartItemImage.d.ts +10 -0
- package/dist/molecules/CartItem/CartItemImage.js +6 -0
- package/dist/molecules/CartItem/CartItemImage.js.map +1 -0
- package/dist/molecules/CartItem/CartItemSummary.d.ts +21 -0
- package/dist/molecules/CartItem/CartItemSummary.js +12 -0
- package/dist/molecules/CartItem/CartItemSummary.js.map +1 -0
- package/dist/molecules/CartItem/index.d.ts +6 -0
- package/dist/molecules/CartItem/index.js +4 -0
- package/dist/molecules/CartItem/index.js.map +1 -0
- package/dist/molecules/CheckboxField/CheckboxField.d.ts +25 -0
- package/dist/molecules/CheckboxField/CheckboxField.js +10 -0
- package/dist/molecules/CheckboxField/CheckboxField.js.map +1 -0
- package/dist/molecules/CheckboxField/index.d.ts +2 -0
- package/dist/molecules/CheckboxField/index.js +2 -0
- package/dist/molecules/CheckboxField/index.js.map +1 -0
- package/dist/molecules/DiscountBadge/DiscountBadge.d.ts +26 -0
- package/dist/molecules/DiscountBadge/DiscountBadge.js +19 -0
- package/dist/molecules/DiscountBadge/DiscountBadge.js.map +1 -0
- package/dist/molecules/DiscountBadge/index.d.ts +2 -0
- package/dist/molecules/DiscountBadge/index.js +2 -0
- package/dist/molecules/DiscountBadge/index.js.map +1 -0
- package/dist/molecules/DiscountBadge/useDiscountPercent.d.ts +1 -0
- package/dist/molecules/DiscountBadge/useDiscountPercent.js +9 -0
- package/dist/molecules/DiscountBadge/useDiscountPercent.js.map +1 -0
- package/dist/molecules/Dropdown/Dropdown.d.ts +18 -0
- package/dist/molecules/Dropdown/Dropdown.js +66 -0
- package/dist/molecules/Dropdown/Dropdown.js.map +1 -0
- package/dist/molecules/Dropdown/DropdownButton.d.ts +14 -0
- package/dist/molecules/Dropdown/DropdownButton.js +12 -0
- package/dist/molecules/Dropdown/DropdownButton.js.map +1 -0
- package/dist/molecules/Dropdown/DropdownItem.d.ts +14 -0
- package/dist/molecules/Dropdown/DropdownItem.js +28 -0
- package/dist/molecules/Dropdown/DropdownItem.js.map +1 -0
- package/dist/molecules/Dropdown/DropdownMenu.d.ts +26 -0
- package/dist/molecules/Dropdown/DropdownMenu.js +66 -0
- package/dist/molecules/Dropdown/DropdownMenu.js.map +1 -0
- package/dist/molecules/Dropdown/contexts/DropdownContext.d.ts +41 -0
- package/dist/molecules/Dropdown/contexts/DropdownContext.js +11 -0
- package/dist/molecules/Dropdown/contexts/DropdownContext.js.map +1 -0
- package/dist/molecules/Dropdown/hooks/useDropdown.d.ts +6 -0
- package/dist/molecules/Dropdown/hooks/useDropdown.js +14 -0
- package/dist/molecules/Dropdown/hooks/useDropdown.js.map +1 -0
- package/dist/molecules/Dropdown/hooks/useDropdownPosition.d.ts +8 -0
- package/dist/molecules/Dropdown/hooks/useDropdownPosition.js +25 -0
- package/dist/molecules/Dropdown/hooks/useDropdownPosition.js.map +1 -0
- package/dist/molecules/Dropdown/index.d.ts +8 -0
- package/dist/molecules/Dropdown/index.js +5 -0
- package/dist/molecules/Dropdown/index.js.map +1 -0
- package/dist/molecules/Gift/Gift.d.ts +15 -0
- package/dist/molecules/Gift/Gift.js +8 -0
- package/dist/molecules/Gift/Gift.js.map +1 -0
- package/dist/molecules/Gift/GiftContent.d.ts +27 -0
- package/dist/molecules/Gift/GiftContent.js +14 -0
- package/dist/molecules/Gift/GiftContent.js.map +1 -0
- package/dist/molecules/Gift/GiftImage.d.ts +10 -0
- package/dist/molecules/Gift/GiftImage.js +6 -0
- package/dist/molecules/Gift/GiftImage.js.map +1 -0
- package/dist/molecules/Gift/index.d.ts +6 -0
- package/dist/molecules/Gift/index.js +4 -0
- package/dist/molecules/Gift/index.js.map +1 -0
- package/dist/molecules/IconButton/IconButton.d.ts +19 -0
- package/dist/molecules/IconButton/IconButton.js +7 -0
- package/dist/molecules/IconButton/IconButton.js.map +1 -0
- package/dist/molecules/IconButton/index.d.ts +2 -0
- package/dist/molecules/IconButton/index.js +2 -0
- package/dist/molecules/IconButton/index.js.map +1 -0
- package/dist/molecules/InputField/InputField.d.ts +60 -0
- package/dist/molecules/InputField/InputField.js +18 -0
- package/dist/molecules/InputField/InputField.js.map +1 -0
- package/dist/molecules/InputField/index.d.ts +2 -0
- package/dist/molecules/InputField/index.js +2 -0
- package/dist/molecules/InputField/index.js.map +1 -0
- package/dist/molecules/LinkButton/LinkButton.d.ts +6 -0
- package/dist/molecules/LinkButton/LinkButton.js +17 -0
- package/dist/molecules/LinkButton/LinkButton.js.map +1 -0
- package/dist/molecules/LinkButton/index.d.ts +2 -0
- package/dist/molecules/LinkButton/index.js +2 -0
- package/dist/molecules/LinkButton/index.js.map +1 -0
- package/dist/molecules/Modal/Modal.d.ts +39 -0
- package/dist/molecules/Modal/Modal.js +38 -0
- package/dist/molecules/Modal/Modal.js.map +1 -0
- package/dist/molecules/Modal/ModalBody.d.ts +9 -0
- package/dist/molecules/Modal/ModalBody.js +4 -0
- package/dist/molecules/Modal/ModalBody.js.map +1 -0
- package/dist/molecules/Modal/ModalContent.d.ts +11 -0
- package/dist/molecules/Modal/ModalContent.js +23 -0
- package/dist/molecules/Modal/ModalContent.js.map +1 -0
- package/dist/molecules/Modal/ModalHeader.d.ts +22 -0
- package/dist/molecules/Modal/ModalHeader.js +11 -0
- package/dist/molecules/Modal/ModalHeader.js.map +1 -0
- package/dist/molecules/Modal/index.d.ts +5 -0
- package/dist/molecules/Modal/index.js +4 -0
- package/dist/molecules/Modal/index.js.map +1 -0
- package/dist/molecules/NavbarLinks/NavbarLinks.d.ts +10 -0
- package/dist/molecules/NavbarLinks/NavbarLinks.js +6 -0
- package/dist/molecules/NavbarLinks/NavbarLinks.js.map +1 -0
- package/dist/molecules/NavbarLinks/NavbarLinksList.d.ts +10 -0
- package/dist/molecules/NavbarLinks/NavbarLinksList.js +7 -0
- package/dist/molecules/NavbarLinks/NavbarLinksList.js.map +1 -0
- package/dist/molecules/NavbarLinks/NavbarLinksListItem.d.ts +10 -0
- package/dist/molecules/NavbarLinks/NavbarLinksListItem.js +6 -0
- package/dist/molecules/NavbarLinks/NavbarLinksListItem.js.map +1 -0
- package/dist/molecules/NavbarLinks/index.d.ts +6 -0
- package/dist/molecules/NavbarLinks/index.js +4 -0
- package/dist/molecules/NavbarLinks/index.js.map +1 -0
- package/dist/molecules/OrderSummary/OrderSummary.d.ts +35 -0
- package/dist/molecules/OrderSummary/OrderSummary.js +16 -0
- package/dist/molecules/OrderSummary/OrderSummary.js.map +1 -0
- package/dist/molecules/OrderSummary/index.d.ts +2 -0
- package/dist/molecules/OrderSummary/index.js +2 -0
- package/dist/molecules/OrderSummary/index.js.map +1 -0
- package/dist/molecules/ProductCard/ProductCard.d.ts +23 -0
- package/dist/molecules/ProductCard/ProductCard.js +6 -0
- package/dist/molecules/ProductCard/ProductCard.js.map +1 -0
- package/dist/molecules/ProductCard/ProductCardContent.d.ts +48 -0
- package/dist/molecules/ProductCard/ProductCardContent.js +19 -0
- package/dist/molecules/ProductCard/ProductCardContent.js.map +1 -0
- package/dist/molecules/ProductCard/ProductCardImage.d.ts +14 -0
- package/dist/molecules/ProductCard/ProductCardImage.js +8 -0
- package/dist/molecules/ProductCard/ProductCardImage.js.map +1 -0
- package/dist/molecules/ProductCard/index.d.ts +6 -0
- package/dist/molecules/ProductCard/index.js +4 -0
- package/dist/molecules/ProductCard/index.js.map +1 -0
- package/dist/molecules/ProductPrice/ProductPrice.d.ts +24 -0
- package/dist/molecules/ProductPrice/ProductPrice.js +11 -0
- package/dist/molecules/ProductPrice/ProductPrice.js.map +1 -0
- package/dist/molecules/ProductPrice/index.d.ts +2 -0
- package/dist/molecules/ProductPrice/index.js +2 -0
- package/dist/molecules/ProductPrice/index.js.map +1 -0
- package/dist/molecules/ProductTitle/ProductTitle.d.ts +30 -0
- package/dist/molecules/ProductTitle/ProductTitle.js +16 -0
- package/dist/molecules/ProductTitle/ProductTitle.js.map +1 -0
- package/dist/molecules/ProductTitle/index.d.ts +2 -0
- package/dist/molecules/ProductTitle/index.js +2 -0
- package/dist/molecules/ProductTitle/index.js.map +1 -0
- package/dist/molecules/QuantitySelector/QuantitySelector.d.ts +31 -0
- package/dist/molecules/QuantitySelector/QuantitySelector.js +37 -0
- package/dist/molecules/QuantitySelector/QuantitySelector.js.map +1 -0
- package/dist/molecules/QuantitySelector/index.d.ts +2 -0
- package/dist/molecules/QuantitySelector/index.js +2 -0
- package/dist/molecules/QuantitySelector/index.js.map +1 -0
- package/dist/molecules/RadioField/RadioField.d.ts +26 -0
- package/dist/molecules/RadioField/RadioField.js +10 -0
- package/dist/molecules/RadioField/RadioField.js.map +1 -0
- package/dist/molecules/RadioField/index.d.ts +2 -0
- package/dist/molecules/RadioField/index.js +2 -0
- package/dist/molecules/RadioField/index.js.map +1 -0
- package/dist/molecules/RadioGroup/RadioGroup.d.ts +6 -0
- package/dist/molecules/RadioGroup/RadioGroup.js +10 -0
- package/dist/molecules/RadioGroup/RadioGroup.js.map +1 -0
- package/dist/molecules/RadioGroup/RadioOption.d.ts +19 -0
- package/dist/molecules/RadioGroup/RadioOption.js +11 -0
- package/dist/molecules/RadioGroup/RadioOption.js.map +1 -0
- package/dist/molecules/RadioGroup/index.d.ts +4 -0
- package/dist/molecules/RadioGroup/index.js +3 -0
- package/dist/molecules/RadioGroup/index.js.map +1 -0
- package/dist/molecules/RadioGroup/useRadioGroup.d.ts +17 -0
- package/dist/molecules/RadioGroup/useRadioGroup.js +10 -0
- package/dist/molecules/RadioGroup/useRadioGroup.js.map +1 -0
- package/dist/molecules/Rating/Rating.d.ts +29 -0
- package/dist/molecules/Rating/Rating.js +27 -0
- package/dist/molecules/Rating/Rating.js.map +1 -0
- package/dist/molecules/Rating/index.d.ts +2 -0
- package/dist/molecules/Rating/index.js +2 -0
- package/dist/molecules/Rating/index.js.map +1 -0
- package/dist/molecules/RegionBar/RegionBar.d.ts +30 -0
- package/dist/molecules/RegionBar/RegionBar.js +12 -0
- package/dist/molecules/RegionBar/RegionBar.js.map +1 -0
- package/dist/molecules/RegionBar/index.d.ts +2 -0
- package/dist/molecules/RegionBar/index.js +2 -0
- package/dist/molecules/RegionBar/index.js.map +1 -0
- package/dist/molecules/SearchAutoComplete/SearchAutoComplete.d.ts +9 -0
- package/dist/molecules/SearchAutoComplete/SearchAutoComplete.js +12 -0
- package/dist/molecules/SearchAutoComplete/SearchAutoComplete.js.map +1 -0
- package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.d.ts +27 -0
- package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.js +27 -0
- package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.js.map +1 -0
- package/dist/molecules/SearchAutoComplete/index.d.ts +4 -0
- package/dist/molecules/SearchAutoComplete/index.js +3 -0
- package/dist/molecules/SearchAutoComplete/index.js.map +1 -0
- package/dist/molecules/SearchDropdown/SearchDropdown.d.ts +14 -0
- package/dist/molecules/SearchDropdown/SearchDropdown.js +14 -0
- package/dist/molecules/SearchDropdown/SearchDropdown.js.map +1 -0
- package/dist/molecules/SearchDropdown/index.d.ts +2 -0
- package/dist/molecules/SearchDropdown/index.js +2 -0
- package/dist/molecules/SearchDropdown/index.js.map +1 -0
- package/dist/molecules/SearchHistory/SearchHistory.d.ts +21 -0
- package/dist/molecules/SearchHistory/SearchHistory.js +15 -0
- package/dist/molecules/SearchHistory/SearchHistory.js.map +1 -0
- package/dist/molecules/SearchHistory/SearchHistoryTerm.d.ts +23 -0
- package/dist/molecules/SearchHistory/SearchHistoryTerm.js +10 -0
- package/dist/molecules/SearchHistory/SearchHistoryTerm.js.map +1 -0
- package/dist/molecules/SearchHistory/index.d.ts +4 -0
- package/dist/molecules/SearchHistory/index.js +3 -0
- package/dist/molecules/SearchHistory/index.js.map +1 -0
- package/dist/molecules/SearchInputField/SearchInputField.d.ts +36 -0
- package/dist/molecules/SearchInputField/SearchInputField.js +21 -0
- package/dist/molecules/SearchInputField/SearchInputField.js.map +1 -0
- package/dist/molecules/SearchInputField/index.d.ts +2 -0
- package/dist/molecules/SearchInputField/index.js +2 -0
- package/dist/molecules/SearchInputField/index.js.map +1 -0
- package/dist/molecules/SearchProducts/SearchProductItem.d.ts +16 -0
- package/dist/molecules/SearchProducts/SearchProductItem.js +8 -0
- package/dist/molecules/SearchProducts/SearchProductItem.js.map +1 -0
- package/dist/molecules/SearchProducts/SearchProductItemContent.d.ts +14 -0
- package/dist/molecules/SearchProducts/SearchProductItemContent.js +9 -0
- package/dist/molecules/SearchProducts/SearchProductItemContent.js.map +1 -0
- package/dist/molecules/SearchProducts/SearchProductItemImage.d.ts +10 -0
- package/dist/molecules/SearchProducts/SearchProductItemImage.js +6 -0
- package/dist/molecules/SearchProducts/SearchProductItemImage.js.map +1 -0
- package/dist/molecules/SearchProducts/SearchProducts.d.ts +13 -0
- package/dist/molecules/SearchProducts/SearchProducts.js +14 -0
- package/dist/molecules/SearchProducts/SearchProducts.js.map +1 -0
- package/dist/molecules/SearchProducts/index.d.ts +8 -0
- package/dist/molecules/SearchProducts/index.js +5 -0
- package/dist/molecules/SearchProducts/index.js.map +1 -0
- package/dist/molecules/SearchProvider/SearchProvider.d.ts +29 -0
- package/dist/molecules/SearchProvider/SearchProvider.js +8 -0
- package/dist/molecules/SearchProvider/SearchProvider.js.map +1 -0
- package/dist/molecules/SearchProvider/index.d.ts +2 -0
- package/dist/molecules/SearchProvider/index.js +2 -0
- package/dist/molecules/SearchProvider/index.js.map +1 -0
- package/dist/molecules/SearchTop/SearchTop.d.ts +14 -0
- package/dist/molecules/SearchTop/SearchTop.js +15 -0
- package/dist/molecules/SearchTop/SearchTop.js.map +1 -0
- package/dist/molecules/SearchTop/SearchTopTerm.d.ts +23 -0
- package/dist/molecules/SearchTop/SearchTopTerm.js +10 -0
- package/dist/molecules/SearchTop/SearchTopTerm.js.map +1 -0
- package/dist/molecules/SearchTop/index.d.ts +4 -0
- package/dist/molecules/SearchTop/index.js +3 -0
- package/dist/molecules/SearchTop/index.js.map +1 -0
- package/dist/molecules/SelectField/SelectField.d.ts +12 -0
- package/dist/molecules/SelectField/SelectField.js +9 -0
- package/dist/molecules/SelectField/SelectField.js.map +1 -0
- package/dist/molecules/SelectField/index.d.ts +2 -0
- package/dist/molecules/SelectField/index.js +2 -0
- package/dist/molecules/SelectField/index.js.map +1 -0
- package/dist/molecules/SkuSelector/SkuSelector.d.ts +78 -0
- package/dist/molecules/SkuSelector/SkuSelector.js +31 -0
- package/dist/molecules/SkuSelector/SkuSelector.js.map +1 -0
- package/dist/molecules/SkuSelector/index.d.ts +2 -0
- package/dist/molecules/SkuSelector/index.js +2 -0
- package/dist/molecules/SkuSelector/index.js.map +1 -0
- package/dist/molecules/SkuSelector/useDefineVariant.d.ts +3 -0
- package/dist/molecules/SkuSelector/useDefineVariant.js +27 -0
- package/dist/molecules/SkuSelector/useDefineVariant.js.map +1 -0
- package/dist/molecules/SkuSelector/useSkuSlug.d.ts +6 -0
- package/dist/molecules/SkuSelector/useSkuSlug.js +23 -0
- package/dist/molecules/SkuSelector/useSkuSlug.js.map +1 -0
- package/dist/molecules/Table/Table.d.ts +26 -0
- package/dist/molecules/Table/Table.js +7 -0
- package/dist/molecules/Table/Table.js.map +1 -0
- package/dist/molecules/Table/TableBody.d.ts +12 -0
- package/dist/molecules/Table/TableBody.js +6 -0
- package/dist/molecules/Table/TableBody.js.map +1 -0
- package/dist/molecules/Table/TableCell.d.ts +26 -0
- package/dist/molecules/Table/TableCell.js +7 -0
- package/dist/molecules/Table/TableCell.js.map +1 -0
- package/dist/molecules/Table/TableFooter.d.ts +12 -0
- package/dist/molecules/Table/TableFooter.js +6 -0
- package/dist/molecules/Table/TableFooter.js.map +1 -0
- package/dist/molecules/Table/TableHead.d.ts +12 -0
- package/dist/molecules/Table/TableHead.js +6 -0
- package/dist/molecules/Table/TableHead.js.map +1 -0
- package/dist/molecules/Table/TableRow.d.ts +12 -0
- package/dist/molecules/Table/TableRow.js +6 -0
- package/dist/molecules/Table/TableRow.js.map +1 -0
- package/dist/molecules/Table/index.d.ts +12 -0
- package/dist/molecules/Table/index.js +7 -0
- package/dist/molecules/Table/index.js.map +1 -0
- package/dist/molecules/Tag/Tag.d.ts +27 -0
- package/dist/molecules/Tag/Tag.js +9 -0
- package/dist/molecules/Tag/Tag.js.map +1 -0
- package/dist/molecules/Tag/index.d.ts +2 -0
- package/dist/molecules/Tag/index.js +2 -0
- package/dist/molecules/Tag/index.js.map +1 -0
- package/dist/molecules/Toast/Toast.d.ts +3 -0
- package/dist/molecules/Toast/Toast.js +29 -0
- package/dist/molecules/Toast/Toast.js.map +1 -0
- package/dist/molecules/Toast/index.d.ts +1 -0
- package/dist/molecules/Toast/index.js +2 -0
- package/dist/molecules/Toast/index.js.map +1 -0
- package/dist/molecules/Toggle/Toggle.d.ts +22 -0
- package/dist/molecules/Toggle/Toggle.js +10 -0
- package/dist/molecules/Toggle/Toggle.js.map +1 -0
- package/dist/molecules/Toggle/index.d.ts +2 -0
- package/dist/molecules/Toggle/index.js +2 -0
- package/dist/molecules/Toggle/index.js.map +1 -0
- package/dist/molecules/ToggleField/ToggleField.d.ts +29 -0
- package/dist/molecules/ToggleField/ToggleField.js +9 -0
- package/dist/molecules/ToggleField/ToggleField.js.map +1 -0
- package/dist/molecules/ToggleField/index.d.ts +2 -0
- package/dist/molecules/ToggleField/index.js +2 -0
- package/dist/molecules/ToggleField/index.js.map +1 -0
- package/dist/organisms/BannerText/BannerText.d.ts +27 -0
- package/dist/organisms/BannerText/BannerText.js +16 -0
- package/dist/organisms/BannerText/BannerText.js.map +1 -0
- package/dist/organisms/BannerText/BannerTextContent.d.ts +30 -0
- package/dist/organisms/BannerText/BannerTextContent.js +13 -0
- package/dist/organisms/BannerText/BannerTextContent.js.map +1 -0
- package/dist/organisms/BannerText/index.d.ts +4 -0
- package/dist/organisms/BannerText/index.js +3 -0
- package/dist/organisms/BannerText/index.js.map +1 -0
- package/dist/organisms/CartSidebar/CartSidebar.d.ts +45 -0
- package/dist/organisms/CartSidebar/CartSidebar.js +18 -0
- package/dist/organisms/CartSidebar/CartSidebar.js.map +1 -0
- package/dist/organisms/CartSidebar/CartSidebarFooter.d.ts +5 -0
- package/dist/organisms/CartSidebar/CartSidebarFooter.js +6 -0
- package/dist/organisms/CartSidebar/CartSidebarFooter.js.map +1 -0
- package/dist/organisms/CartSidebar/CartSidebarList.d.ts +5 -0
- package/dist/organisms/CartSidebar/CartSidebarList.js +7 -0
- package/dist/organisms/CartSidebar/CartSidebarList.js.map +1 -0
- package/dist/organisms/CartSidebar/index.d.ts +4 -0
- package/dist/organisms/CartSidebar/index.js +4 -0
- package/dist/organisms/CartSidebar/index.js.map +1 -0
- package/dist/organisms/EmptyState/EmptyState.d.ts +28 -0
- package/dist/organisms/EmptyState/EmptyState.js +10 -0
- package/dist/organisms/EmptyState/EmptyState.js.map +1 -0
- package/dist/organisms/EmptyState/index.d.ts +2 -0
- package/dist/organisms/EmptyState/index.js +2 -0
- package/dist/organisms/EmptyState/index.js.map +1 -0
- package/dist/organisms/Filter/Filter.d.ts +26 -0
- package/dist/organisms/Filter/Filter.js +9 -0
- package/dist/organisms/Filter/Filter.js.map +1 -0
- package/dist/organisms/Filter/FilterFacetBoolean.d.ts +5 -0
- package/dist/organisms/Filter/FilterFacetBoolean.js +7 -0
- package/dist/organisms/Filter/FilterFacetBoolean.js.map +1 -0
- package/dist/organisms/Filter/FilterFacetBooleanItem.d.ts +38 -0
- package/dist/organisms/Filter/FilterFacetBooleanItem.js +12 -0
- package/dist/organisms/Filter/FilterFacetBooleanItem.js.map +1 -0
- package/dist/organisms/Filter/FilterFacetRange.d.ts +32 -0
- package/dist/organisms/Filter/FilterFacetRange.js +11 -0
- package/dist/organisms/Filter/FilterFacetRange.js.map +1 -0
- package/dist/organisms/Filter/FilterFacets.d.ts +21 -0
- package/dist/organisms/Filter/FilterFacets.js +9 -0
- package/dist/organisms/Filter/FilterFacets.js.map +1 -0
- package/dist/organisms/Filter/FilterSlider.d.ts +36 -0
- package/dist/organisms/Filter/FilterSlider.js +22 -0
- package/dist/organisms/Filter/FilterSlider.js.map +1 -0
- package/dist/organisms/Filter/index.d.ts +11 -0
- package/dist/organisms/Filter/index.js +7 -0
- package/dist/organisms/Filter/index.js.map +1 -0
- package/dist/organisms/Hero/Hero.d.ts +27 -0
- package/dist/organisms/Hero/Hero.js +16 -0
- package/dist/organisms/Hero/Hero.js.map +1 -0
- package/dist/organisms/Hero/HeroHeader.d.ts +34 -0
- package/dist/organisms/Hero/HeroHeader.js +15 -0
- package/dist/organisms/Hero/HeroHeader.js.map +1 -0
- package/dist/organisms/Hero/HeroImage.d.ts +10 -0
- package/dist/organisms/Hero/HeroImage.js +6 -0
- package/dist/organisms/Hero/HeroImage.js.map +1 -0
- package/dist/organisms/Hero/index.d.ts +6 -0
- package/dist/organisms/Hero/index.js +4 -0
- package/dist/organisms/Hero/index.js.map +1 -0
- package/dist/organisms/ImageGallery/ImageGallery.d.ts +42 -0
- package/dist/organisms/ImageGallery/ImageGallery.js +10 -0
- package/dist/organisms/ImageGallery/ImageGallery.js.map +1 -0
- package/dist/organisms/ImageGallery/ImageGallerySelector.d.ts +32 -0
- package/dist/organisms/ImageGallery/ImageGallerySelector.js +46 -0
- package/dist/organisms/ImageGallery/ImageGallerySelector.js.map +1 -0
- package/dist/organisms/ImageGallery/ImageGalleryViewer.d.ts +8 -0
- package/dist/organisms/ImageGallery/ImageGalleryViewer.js +6 -0
- package/dist/organisms/ImageGallery/ImageGalleryViewer.js.map +1 -0
- package/dist/organisms/ImageGallery/ImageZoom.d.ts +7 -0
- package/dist/organisms/ImageGallery/ImageZoom.js +6 -0
- package/dist/organisms/ImageGallery/ImageZoom.js.map +1 -0
- package/dist/organisms/ImageGallery/index.d.ts +6 -0
- package/dist/organisms/ImageGallery/index.js +4 -0
- package/dist/organisms/ImageGallery/index.js.map +1 -0
- package/dist/organisms/Navbar/Navbar.d.ts +14 -0
- package/dist/organisms/Navbar/Navbar.js +6 -0
- package/dist/organisms/Navbar/Navbar.js.map +1 -0
- package/dist/organisms/Navbar/NavbarButtons.d.ts +14 -0
- package/dist/organisms/Navbar/NavbarButtons.js +6 -0
- package/dist/organisms/Navbar/NavbarButtons.js.map +1 -0
- package/dist/organisms/Navbar/NavbarHeader.d.ts +10 -0
- package/dist/organisms/Navbar/NavbarHeader.js +6 -0
- package/dist/organisms/Navbar/NavbarHeader.js.map +1 -0
- package/dist/organisms/Navbar/NavbarRow.d.ts +10 -0
- package/dist/organisms/Navbar/NavbarRow.js +6 -0
- package/dist/organisms/Navbar/NavbarRow.js.map +1 -0
- package/dist/organisms/Navbar/index.d.ts +8 -0
- package/dist/organisms/Navbar/index.js +5 -0
- package/dist/organisms/Navbar/index.js.map +1 -0
- package/dist/organisms/NavbarSlider/NavbarSlider.d.ts +19 -0
- package/dist/organisms/NavbarSlider/NavbarSlider.js +7 -0
- package/dist/organisms/NavbarSlider/NavbarSlider.js.map +1 -0
- package/dist/organisms/NavbarSlider/NavbarSliderContent.d.ts +10 -0
- package/dist/organisms/NavbarSlider/NavbarSliderContent.js +6 -0
- package/dist/organisms/NavbarSlider/NavbarSliderContent.js.map +1 -0
- package/dist/organisms/NavbarSlider/NavbarSliderFooter.d.ts +10 -0
- package/dist/organisms/NavbarSlider/NavbarSliderFooter.js +6 -0
- package/dist/organisms/NavbarSlider/NavbarSliderFooter.js.map +1 -0
- package/dist/organisms/NavbarSlider/NavbarSliderHeader.d.ts +10 -0
- package/dist/organisms/NavbarSlider/NavbarSliderHeader.js +7 -0
- package/dist/organisms/NavbarSlider/NavbarSliderHeader.js.map +1 -0
- package/dist/organisms/NavbarSlider/index.d.ts +8 -0
- package/dist/organisms/NavbarSlider/index.js +5 -0
- package/dist/organisms/NavbarSlider/index.js.map +1 -0
- package/dist/organisms/Newsletter/Newsletter.d.ts +19 -0
- package/dist/organisms/Newsletter/Newsletter.js +6 -0
- package/dist/organisms/Newsletter/Newsletter.js.map +1 -0
- package/dist/organisms/Newsletter/NewsletterAddendum.d.ts +14 -0
- package/dist/organisms/Newsletter/NewsletterAddendum.js +6 -0
- package/dist/organisms/Newsletter/NewsletterAddendum.js.map +1 -0
- package/dist/organisms/Newsletter/NewsletterContent.d.ts +10 -0
- package/dist/organisms/Newsletter/NewsletterContent.js +6 -0
- package/dist/organisms/Newsletter/NewsletterContent.js.map +1 -0
- package/dist/organisms/Newsletter/NewsletterForm.d.ts +14 -0
- package/dist/organisms/Newsletter/NewsletterForm.js +6 -0
- package/dist/organisms/Newsletter/NewsletterForm.js.map +1 -0
- package/dist/organisms/Newsletter/NewsletterHeader.d.ts +22 -0
- package/dist/organisms/Newsletter/NewsletterHeader.js +10 -0
- package/dist/organisms/Newsletter/NewsletterHeader.js.map +1 -0
- package/dist/organisms/Newsletter/index.d.ts +10 -0
- package/dist/organisms/Newsletter/index.js +6 -0
- package/dist/organisms/Newsletter/index.js.map +1 -0
- package/dist/organisms/OutOfStock/OutOfStock.d.ts +43 -0
- package/dist/organisms/OutOfStock/OutOfStock.js +13 -0
- package/dist/organisms/OutOfStock/OutOfStock.js.map +1 -0
- package/dist/organisms/OutOfStock/index.d.ts +2 -0
- package/dist/organisms/OutOfStock/index.js +2 -0
- package/dist/organisms/OutOfStock/index.js.map +1 -0
- package/dist/organisms/PaymentMethods/PaymentMethods.d.ts +32 -0
- package/dist/organisms/PaymentMethods/PaymentMethods.js +11 -0
- package/dist/organisms/PaymentMethods/PaymentMethods.js.map +1 -0
- package/dist/organisms/PaymentMethods/index.d.ts +2 -0
- package/dist/organisms/PaymentMethods/index.js +2 -0
- package/dist/organisms/PaymentMethods/index.js.map +1 -0
- package/dist/organisms/PriceRange/PriceRange.d.ts +25 -0
- package/dist/organisms/PriceRange/PriceRange.js +75 -0
- package/dist/organisms/PriceRange/PriceRange.js.map +1 -0
- package/dist/organisms/PriceRange/index.d.ts +2 -0
- package/dist/organisms/PriceRange/index.js +2 -0
- package/dist/organisms/PriceRange/index.js.map +1 -0
- package/dist/organisms/ProductGrid/ProductGrid.d.ts +10 -0
- package/dist/organisms/ProductGrid/ProductGrid.js +6 -0
- package/dist/organisms/ProductGrid/ProductGrid.js.map +1 -0
- package/dist/organisms/ProductGrid/ProductGridItem.d.ts +10 -0
- package/dist/organisms/ProductGrid/ProductGridItem.js +6 -0
- package/dist/organisms/ProductGrid/ProductGridItem.js.map +1 -0
- package/dist/organisms/ProductGrid/index.d.ts +4 -0
- package/dist/organisms/ProductGrid/index.js +3 -0
- package/dist/organisms/ProductGrid/index.js.map +1 -0
- package/dist/organisms/ProductShelf/ProductShelf.d.ts +10 -0
- package/dist/organisms/ProductShelf/ProductShelf.js +6 -0
- package/dist/organisms/ProductShelf/ProductShelf.js.map +1 -0
- package/dist/organisms/ProductShelf/ProductShelfItem.d.ts +10 -0
- package/dist/organisms/ProductShelf/ProductShelfItem.js +6 -0
- package/dist/organisms/ProductShelf/ProductShelfItem.js.map +1 -0
- package/dist/organisms/ProductShelf/ProductShelfItems.d.ts +10 -0
- package/dist/organisms/ProductShelf/ProductShelfItems.js +6 -0
- package/dist/organisms/ProductShelf/ProductShelfItems.js.map +1 -0
- package/dist/organisms/ProductShelf/index.d.ts +6 -0
- package/dist/organisms/ProductShelf/index.js +4 -0
- package/dist/organisms/ProductShelf/index.js.map +1 -0
- package/dist/organisms/RegionModal/RegionModal.d.ts +72 -0
- package/dist/organisms/RegionModal/RegionModal.js +19 -0
- package/dist/organisms/RegionModal/RegionModal.js.map +1 -0
- package/dist/organisms/RegionModal/index.d.ts +2 -0
- package/dist/organisms/RegionModal/index.js +2 -0
- package/dist/organisms/RegionModal/index.js.map +1 -0
- package/dist/organisms/SearchInput/SearchInput.d.ts +26 -0
- package/dist/organisms/SearchInput/SearchInput.js +8 -0
- package/dist/organisms/SearchInput/SearchInput.js.map +1 -0
- package/dist/organisms/SearchInput/index.d.ts +2 -0
- package/dist/organisms/SearchInput/index.js +2 -0
- package/dist/organisms/SearchInput/index.js.map +1 -0
- package/dist/organisms/ShippingSimulation/ShippingSimulation.d.ts +125 -0
- package/dist/organisms/ShippingSimulation/ShippingSimulation.js +22 -0
- package/dist/organisms/ShippingSimulation/ShippingSimulation.js.map +1 -0
- package/dist/organisms/ShippingSimulation/index.d.ts +2 -0
- package/dist/organisms/ShippingSimulation/index.js +2 -0
- package/dist/organisms/ShippingSimulation/index.js.map +1 -0
- package/dist/organisms/SlideOver/SlideOver.d.ts +39 -0
- package/dist/organisms/SlideOver/SlideOver.js +7 -0
- package/dist/organisms/SlideOver/SlideOver.js.map +1 -0
- package/dist/organisms/SlideOver/SlideOverHeader.d.ts +19 -0
- package/dist/organisms/SlideOver/SlideOverHeader.js +9 -0
- package/dist/organisms/SlideOver/SlideOverHeader.js.map +1 -0
- package/dist/organisms/SlideOver/index.d.ts +4 -0
- package/dist/organisms/SlideOver/index.js +3 -0
- package/dist/organisms/SlideOver/index.js.map +1 -0
- package/dist/typings/PolymorphicGenerics.d.ts +28 -0
- package/dist/typings/PolymorphicGenerics.js +8 -0
- package/dist/typings/PolymorphicGenerics.js.map +1 -0
- package/dist/typings/PriceDefinition.d.ts +6 -0
- package/dist/typings/PriceDefinition.js +2 -0
- package/dist/typings/PriceDefinition.js.map +1 -0
- package/dist/typings/index.d.ts +2 -0
- package/dist/typings/index.js +2 -0
- package/dist/typings/index.js.map +1 -0
- package/package.json +2 -2
- package/src/organisms/PaymentMethods/PaymentMethods.tsx +1 -1
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import React, { useRef, useMemo, useState, useEffect, useCallback } from 'react';
|
|
2
|
+
import DropdownContext from '../Dropdown/contexts/DropdownContext';
|
|
3
|
+
const Dropdown = ({ children, isOpen: isOpenDefault = false, onDismiss, id = 'fs-dropdown', }) => {
|
|
4
|
+
const [isOpen, setIsOpen] = useState(isOpenDefault);
|
|
5
|
+
const dropdownItemsRef = useRef([]);
|
|
6
|
+
const selectedDropdownItemIndexRef = useRef(0);
|
|
7
|
+
const dropdownButtonRef = useRef(null);
|
|
8
|
+
const close = useCallback(() => {
|
|
9
|
+
setIsOpen(false);
|
|
10
|
+
onDismiss?.();
|
|
11
|
+
}, [onDismiss]);
|
|
12
|
+
const open = () => {
|
|
13
|
+
setIsOpen(true);
|
|
14
|
+
};
|
|
15
|
+
const toggle = useCallback(() => {
|
|
16
|
+
setIsOpen((old) => {
|
|
17
|
+
if (old) {
|
|
18
|
+
onDismiss?.();
|
|
19
|
+
dropdownButtonRef.current?.focus();
|
|
20
|
+
}
|
|
21
|
+
return !old;
|
|
22
|
+
});
|
|
23
|
+
}, [onDismiss]);
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
setIsOpen(isOpenDefault);
|
|
26
|
+
}, [isOpenDefault]);
|
|
27
|
+
useEffect(() => {
|
|
28
|
+
isOpen && dropdownItemsRef?.current[0]?.focus();
|
|
29
|
+
}, [isOpen]);
|
|
30
|
+
useEffect(() => {
|
|
31
|
+
let firstClick = true;
|
|
32
|
+
const event = (e) => {
|
|
33
|
+
const someItemWasClicked = dropdownItemsRef?.current.some((item) => e.target === item);
|
|
34
|
+
if (firstClick) {
|
|
35
|
+
firstClick = false;
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
!someItemWasClicked && close();
|
|
39
|
+
};
|
|
40
|
+
if (isOpen) {
|
|
41
|
+
document.addEventListener('click', event);
|
|
42
|
+
}
|
|
43
|
+
else {
|
|
44
|
+
document.removeEventListener('click', event);
|
|
45
|
+
}
|
|
46
|
+
return () => {
|
|
47
|
+
document.removeEventListener('click', event);
|
|
48
|
+
};
|
|
49
|
+
}, [close, isOpen]);
|
|
50
|
+
const value = useMemo(() => {
|
|
51
|
+
return {
|
|
52
|
+
isOpen,
|
|
53
|
+
close,
|
|
54
|
+
open,
|
|
55
|
+
toggle,
|
|
56
|
+
dropdownButtonRef,
|
|
57
|
+
onDismiss,
|
|
58
|
+
selectedDropdownItemIndexRef,
|
|
59
|
+
dropdownItemsRef,
|
|
60
|
+
id,
|
|
61
|
+
};
|
|
62
|
+
}, [close, id, isOpen, onDismiss, toggle]);
|
|
63
|
+
return (React.createElement(DropdownContext.Provider, { value: value }, children));
|
|
64
|
+
};
|
|
65
|
+
export default Dropdown;
|
|
66
|
+
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/molecules/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React, { AriaAttributes } from 'react';
|
|
2
|
+
import { ButtonProps } from '../../atoms/Button';
|
|
3
|
+
export interface DropdownButtonProps extends Omit<ButtonProps, 'variant' | 'inverse'> {
|
|
4
|
+
/**
|
|
5
|
+
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
6
|
+
*/
|
|
7
|
+
testId?: string;
|
|
8
|
+
/**
|
|
9
|
+
* For accessibility purposes, add an ARIA label to the element when it doesn't have a label.
|
|
10
|
+
*/
|
|
11
|
+
'aria-label'?: AriaAttributes['aria-label'];
|
|
12
|
+
}
|
|
13
|
+
declare const DropdownButton: React.ForwardRefExoticComponent<DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
export default DropdownButton;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { forwardRef, useImperativeHandle } from 'react';
|
|
2
|
+
import Button from '../../atoms/Button';
|
|
3
|
+
import { useDropdown } from './hooks/useDropdown';
|
|
4
|
+
const DropdownButton = forwardRef(function DropdownButton({ testId = 'fs-dropdown-button', 'aria-label': ariaLabel, children, ...otherProps }, ref) {
|
|
5
|
+
const { toggle, dropdownButtonRef, isOpen, id } = useDropdown();
|
|
6
|
+
useImperativeHandle(ref, () => dropdownButtonRef.current, [
|
|
7
|
+
dropdownButtonRef,
|
|
8
|
+
]);
|
|
9
|
+
return (React.createElement(Button, { "data-fs-dropdown-button": true, onClick: toggle, "data-testid": testId, ref: dropdownButtonRef, "aria-label": ariaLabel, "aria-expanded": isOpen, "aria-haspopup": "menu", "aria-controls": id, variant: "tertiary", ...otherProps }, children));
|
|
10
|
+
});
|
|
11
|
+
export default DropdownButton;
|
|
12
|
+
//# sourceMappingURL=DropdownButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../src/molecules/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAkB,MAAM,OAAO,CAAA;AAC9E,OAAO,MAAuB,MAAM,oBAAoB,CAAA;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAcjD,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,cAAc,CACrB,EACE,MAAM,GAAG,oBAAoB,EAC7B,YAAY,EAAE,SAAS,EACtB,QAAQ,EACT,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,WAAW,EAAE,CAAA;IAE/D,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,iBAAkB,CAAC,OAAQ,EAAE;QAC1D,iBAAiB;KAClB,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,MAAM,qCAEL,OAAO,EAAE,MAAM,iBACF,MAAM,EACnB,GAAG,EAAE,iBAAiB,gBACV,SAAS,mBACN,MAAM,mBACP,MAAM,mBACL,EAAE,EACjB,OAAO,EAAC,UAAU,KACd,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export interface DropdownItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
+
/**
|
|
5
|
+
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
6
|
+
*/
|
|
7
|
+
testId?: string;
|
|
8
|
+
/**
|
|
9
|
+
* A React component that will be rendered as an icon.
|
|
10
|
+
*/
|
|
11
|
+
icon?: ReactNode;
|
|
12
|
+
}
|
|
13
|
+
declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
export default DropdownItem;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';
|
|
2
|
+
import { useDropdown } from './hooks/useDropdown';
|
|
3
|
+
const DropdownItem = forwardRef(function Button({ children, icon, onClick, testId = 'fs-dropdown-item', ...otherProps }, ref) {
|
|
4
|
+
const { dropdownItemsRef, selectedDropdownItemIndexRef, close } = useDropdown();
|
|
5
|
+
const [dropdownItemIndex, setDropdownItemIndex] = useState(0);
|
|
6
|
+
const dropdownItemRef = useRef();
|
|
7
|
+
const addToRefs = (el) => {
|
|
8
|
+
if (el && !dropdownItemsRef?.current.includes(el)) {
|
|
9
|
+
dropdownItemsRef?.current.push(el);
|
|
10
|
+
setDropdownItemIndex(dropdownItemsRef?.current.findIndex((element) => element === el) ?? 0);
|
|
11
|
+
}
|
|
12
|
+
dropdownItemRef.current = el;
|
|
13
|
+
};
|
|
14
|
+
const onFocusItem = () => {
|
|
15
|
+
selectedDropdownItemIndexRef.current = dropdownItemIndex;
|
|
16
|
+
dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
|
|
17
|
+
};
|
|
18
|
+
const handleOnClickItem = (event) => {
|
|
19
|
+
onClick?.(event);
|
|
20
|
+
close?.();
|
|
21
|
+
};
|
|
22
|
+
useImperativeHandle(ref, () => dropdownItemRef.current, []);
|
|
23
|
+
return (React.createElement("button", { "data-fs-dropdown-item": true, "data-testid": testId, ref: addToRefs, onFocus: onFocusItem, onMouseEnter: onFocusItem, onClick: handleOnClickItem, role: "menuitem", tabIndex: -1, "data-index": dropdownItemIndex, ...otherProps },
|
|
24
|
+
!!icon && icon,
|
|
25
|
+
children));
|
|
26
|
+
});
|
|
27
|
+
export default DropdownItem;
|
|
28
|
+
//# sourceMappingURL=DropdownItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../src/molecules/Dropdown/DropdownItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAcjD,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,MAAM,CACb,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,kBAAkB,EAAE,GAAG,UAAU,EAAE,EACvE,GAAG;IAEH,MAAM,EAAE,gBAAgB,EAAE,4BAA4B,EAAE,KAAK,EAAE,GAC7D,WAAW,EAAE,CAAA;IAEf,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,eAAe,GAAG,MAAM,EAAqB,CAAA;IAEnD,MAAM,SAAS,GAAG,CAAC,EAAqB,EAAE,EAAE;QAC1C,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;YACjD,gBAAgB,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YAClC,oBAAoB,CAClB,gBAAgB,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,KAAK,EAAE,CAAC,IAAI,CAAC,CACtE,CAAA;SACF;QAED,eAAe,CAAC,OAAO,GAAG,EAAE,CAAA;IAC9B,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,4BAA6B,CAAC,OAAO,GAAG,iBAAiB,CAAA;QACzD,gBAAgB,EAAE,OAAO,CAAC,4BAA6B,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAA;IAC3E,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,CACxB,KAAsD,EACtD,EAAE;QACF,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAChB,KAAK,EAAE,EAAE,CAAA;IACX,CAAC,CAAA;IAED,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,OAAQ,EAAE,EAAE,CAAC,CAAA;IAE5D,OAAO,CACL,8EAEe,MAAM,EACnB,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,WAAW,EACzB,OAAO,EAAE,iBAAiB,EAC1B,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,gBACA,iBAAiB,KACzB,UAAU;QAEb,CAAC,CAAC,IAAI,IAAI,IAAI;QACd,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { AriaAttributes, KeyboardEvent, PropsWithChildren, MouseEvent, ReactNode } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { ModalContentProps } from './../Modal/ModalContent';
|
|
4
|
+
export interface DropdownMenuProps extends ModalContentProps {
|
|
5
|
+
/**
|
|
6
|
+
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
7
|
+
*/
|
|
8
|
+
testId?: string;
|
|
9
|
+
/**
|
|
10
|
+
* Identifies the element (or elements) that labels the current element.
|
|
11
|
+
* @see aria-labelledby https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby
|
|
12
|
+
*/
|
|
13
|
+
'aria-labelledby'?: AriaAttributes['aria-label'];
|
|
14
|
+
/**
|
|
15
|
+
* This function is called whenever the user hits "Escape" or clicks outside
|
|
16
|
+
* the dialog.
|
|
17
|
+
*/
|
|
18
|
+
onDismiss?: (event: MouseEvent | KeyboardEvent) => void;
|
|
19
|
+
/**
|
|
20
|
+
* Specifies the size variant.
|
|
21
|
+
*/
|
|
22
|
+
size?: 'small' | 'regular';
|
|
23
|
+
children: ReactNode[] | ReactNode;
|
|
24
|
+
}
|
|
25
|
+
declare const DropdownMenu: ({ children, testId, size, style, ...otherProps }: PropsWithChildren<DropdownMenuProps>) => React.ReactPortal | null;
|
|
26
|
+
export default DropdownMenu;
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { createPortal } from 'react-dom';
|
|
3
|
+
import { useDropdown } from './hooks/useDropdown';
|
|
4
|
+
import { useDropdownPosition } from './hooks/useDropdownPosition';
|
|
5
|
+
/*
|
|
6
|
+
* This component is based on @reach/dialog.
|
|
7
|
+
* https://github.com/reach/reach-ui/blob/main/packages/dialog/src/index.tsx
|
|
8
|
+
* https://reach.tech/dialog
|
|
9
|
+
*/
|
|
10
|
+
const DropdownMenu = ({ children, testId = 'fs-dropdown-menu', size = 'regular', style, ...otherProps }) => {
|
|
11
|
+
const { isOpen, close, dropdownItemsRef, selectedDropdownItemIndexRef, dropdownButtonRef, id } = useDropdown();
|
|
12
|
+
const dropdownPosition = useDropdownPosition();
|
|
13
|
+
const childrenLength = React.Children.toArray(children).length;
|
|
14
|
+
const handleDownPress = () => {
|
|
15
|
+
if (selectedDropdownItemIndexRef.current < childrenLength - 1) {
|
|
16
|
+
selectedDropdownItemIndexRef.current++;
|
|
17
|
+
}
|
|
18
|
+
else {
|
|
19
|
+
selectedDropdownItemIndexRef.current = 0;
|
|
20
|
+
}
|
|
21
|
+
dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
|
|
22
|
+
};
|
|
23
|
+
const handleUpPress = () => {
|
|
24
|
+
if (selectedDropdownItemIndexRef.current > 0) {
|
|
25
|
+
selectedDropdownItemIndexRef.current--;
|
|
26
|
+
}
|
|
27
|
+
else {
|
|
28
|
+
selectedDropdownItemIndexRef.current = childrenLength - 1;
|
|
29
|
+
}
|
|
30
|
+
dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
|
|
31
|
+
};
|
|
32
|
+
const handleHomePress = () => {
|
|
33
|
+
selectedDropdownItemIndexRef.current = 0;
|
|
34
|
+
dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
|
|
35
|
+
};
|
|
36
|
+
const handleEndPress = () => {
|
|
37
|
+
selectedDropdownItemIndexRef.current = childrenLength - 1;
|
|
38
|
+
dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
|
|
39
|
+
};
|
|
40
|
+
const handleEscapePress = () => {
|
|
41
|
+
close?.();
|
|
42
|
+
dropdownButtonRef?.current?.focus();
|
|
43
|
+
};
|
|
44
|
+
const handleBackdropKeyDown = (event) => {
|
|
45
|
+
if (event.defaultPrevented || event.key === 'Enter') {
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
event.preventDefault();
|
|
49
|
+
event.key === 'Escape' && handleEscapePress();
|
|
50
|
+
event.key === 'ArrowDown' && handleDownPress();
|
|
51
|
+
event.key === 'ArrowUp' && handleUpPress();
|
|
52
|
+
event.key === 'Home' && handleHomePress();
|
|
53
|
+
event.key === 'End' && handleEndPress();
|
|
54
|
+
event.stopPropagation();
|
|
55
|
+
};
|
|
56
|
+
const clearChildrenReferences = () => {
|
|
57
|
+
dropdownItemsRef.current = [];
|
|
58
|
+
return null;
|
|
59
|
+
};
|
|
60
|
+
return isOpen
|
|
61
|
+
? createPortal(React.createElement("div", { role: "presentation", "data-fs-dropdown-overlay": true, onKeyDown: handleBackdropKeyDown, "data-testid": `${testId}-overlay` },
|
|
62
|
+
React.createElement("div", { role: "menu", "aria-orientation": "vertical", "data-fs-dropdown-menu": true, "data-fs-dropdown-menu-size": size, "data-testid": testId, style: { ...dropdownPosition, ...style }, id: id, ...otherProps }, children)), document.body)
|
|
63
|
+
: clearChildrenReferences();
|
|
64
|
+
};
|
|
65
|
+
export default DropdownMenu;
|
|
66
|
+
//# sourceMappingURL=DropdownMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../src/molecules/Dropdown/DropdownMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type DropdownContextState = {
|
|
3
|
+
/**
|
|
4
|
+
* Control de Dropdown state as Opened (true) or Closed (false).
|
|
5
|
+
*/
|
|
6
|
+
isOpen: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* Reference to DropdownButton, used to calculate a position for the DropdownMenu.
|
|
9
|
+
*/
|
|
10
|
+
dropdownButtonRef: React.RefObject<HTMLButtonElement> | null;
|
|
11
|
+
/**
|
|
12
|
+
* Reference to a selected DropdownItem, used to manipulate focus.
|
|
13
|
+
*/
|
|
14
|
+
selectedDropdownItemIndexRef: React.MutableRefObject<number> | null;
|
|
15
|
+
/**
|
|
16
|
+
* Array of References to dropdownItems in a DropdownMenu.
|
|
17
|
+
*/
|
|
18
|
+
dropdownItemsRef: React.MutableRefObject<HTMLButtonElement[]> | null;
|
|
19
|
+
/**
|
|
20
|
+
* Close DropdownMenu event inherited from Modal.
|
|
21
|
+
*/
|
|
22
|
+
onDismiss?(): void;
|
|
23
|
+
/**
|
|
24
|
+
* Function responsible for close the DropdownMenu in this context.
|
|
25
|
+
*/
|
|
26
|
+
close?(): void;
|
|
27
|
+
/**
|
|
28
|
+
* Function responsible for open the DropdownMenu in this context.
|
|
29
|
+
*/
|
|
30
|
+
open?(): void;
|
|
31
|
+
/**
|
|
32
|
+
* Function responsible for switch the the DropdownMenu state in this context.
|
|
33
|
+
*/
|
|
34
|
+
toggle?(): void;
|
|
35
|
+
/**
|
|
36
|
+
* Identifier to be used in aria-controls
|
|
37
|
+
*/
|
|
38
|
+
id: string;
|
|
39
|
+
};
|
|
40
|
+
declare const DropdownContext: import("react").Context<DropdownContextState>;
|
|
41
|
+
export default DropdownContext;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { createContext } from 'react';
|
|
2
|
+
const defaultState = {
|
|
3
|
+
isOpen: false,
|
|
4
|
+
dropdownButtonRef: null,
|
|
5
|
+
selectedDropdownItemIndexRef: null,
|
|
6
|
+
dropdownItemsRef: null,
|
|
7
|
+
id: 'fs-dropdown',
|
|
8
|
+
};
|
|
9
|
+
const DropdownContext = createContext(defaultState);
|
|
10
|
+
export default DropdownContext;
|
|
11
|
+
//# sourceMappingURL=DropdownContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownContext.js","sourceRoot":"","sources":["../../../../src/molecules/Dropdown/contexts/DropdownContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AA0CrC,MAAM,YAAY,GAAyB;IACzC,MAAM,EAAE,KAAK;IACb,iBAAiB,EAAE,IAAI;IACvB,4BAA4B,EAAE,IAAI;IAClC,gBAAgB,EAAE,IAAI;IACtB,EAAE,EAAE,aAAa;CAClB,CAAA;AAED,MAAM,eAAe,GAAG,aAAa,CAAuB,YAAY,CAAC,CAAA;AAEzE,eAAe,eAAe,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { useContext } from 'react';
|
|
2
|
+
import DropdownContext from '../contexts/DropdownContext';
|
|
3
|
+
/**
|
|
4
|
+
* Hook to use the Dropdown context.
|
|
5
|
+
* @returns Dropdown context.
|
|
6
|
+
*/
|
|
7
|
+
export const useDropdown = () => {
|
|
8
|
+
const context = useContext(DropdownContext);
|
|
9
|
+
if (context === undefined) {
|
|
10
|
+
throw new Error('Do not use useDropdown hook outside the Dropdown context.');
|
|
11
|
+
}
|
|
12
|
+
return context;
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=useDropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDropdown.js","sourceRoot":"","sources":["../../../../src/molecules/Dropdown/hooks/useDropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGlC,OAAO,eAAe,MAAM,6BAA6B,CAAA;AAEzD;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAuB,eAAe,CAAC,CAAA;IAEjE,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC,CAAA;KAC7E;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
type DropdownPosition = Pick<React.CSSProperties, 'position' | 'top' | 'left'>;
|
|
3
|
+
/**
|
|
4
|
+
* Hook used to find the DropdownMenu position in relation to DropdownButton
|
|
5
|
+
* @returns Style with positions.
|
|
6
|
+
*/
|
|
7
|
+
export declare const useDropdownPosition: () => DropdownPosition;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { useDropdown } from './useDropdown';
|
|
2
|
+
/**
|
|
3
|
+
* Hook used to find the DropdownMenu position in relation to DropdownButton
|
|
4
|
+
* @returns Style with positions.
|
|
5
|
+
*/
|
|
6
|
+
export const useDropdownPosition = () => {
|
|
7
|
+
const { dropdownButtonRef } = useDropdown();
|
|
8
|
+
// Necessary to use this component in SSR
|
|
9
|
+
const isBrowser = typeof window !== 'undefined';
|
|
10
|
+
const buttonRect = dropdownButtonRef?.current?.getBoundingClientRect();
|
|
11
|
+
const topLevel = buttonRect?.top ?? 0;
|
|
12
|
+
const topOffset = buttonRect?.height ?? 0;
|
|
13
|
+
const leftLevel = buttonRect?.left ?? 0;
|
|
14
|
+
// The scroll properties fix the position of DropdownMenu when the scroll is activated.
|
|
15
|
+
const scrollTop = isBrowser ? document?.documentElement?.scrollTop : 0;
|
|
16
|
+
const scrollLeft = isBrowser ? document?.documentElement?.scrollLeft : 0;
|
|
17
|
+
const topPosition = topLevel + topOffset + scrollTop;
|
|
18
|
+
const leftPosition = leftLevel + scrollLeft;
|
|
19
|
+
return {
|
|
20
|
+
position: 'absolute',
|
|
21
|
+
top: topPosition,
|
|
22
|
+
left: leftPosition,
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=useDropdownPosition.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDropdownPosition.js","sourceRoot":"","sources":["../../../../src/molecules/Dropdown/hooks/useDropdownPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAqB,EAAE;IACxD,MAAM,EAAE,iBAAiB,EAAE,GAAG,WAAW,EAAE,CAAA;IAE3C,yCAAyC;IACzC,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW,CAAA;IAE/C,MAAM,UAAU,GAAG,iBAAiB,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAA;IACtE,MAAM,QAAQ,GAAG,UAAU,EAAE,GAAG,IAAI,CAAC,CAAA;IACrC,MAAM,SAAS,GAAG,UAAU,EAAE,MAAM,IAAI,CAAC,CAAA;IACzC,MAAM,SAAS,GAAG,UAAU,EAAE,IAAI,IAAI,CAAC,CAAA;IAEvC,uFAAuF;IACvF,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IACtE,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;IAExE,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;IAEpD,MAAM,YAAY,GAAG,SAAS,GAAG,UAAU,CAAA;IAE3C,OAAO;QACL,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,YAAY;KACnB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { default } from './Dropdown';
|
|
2
|
+
export type { DropdownProps } from './Dropdown';
|
|
3
|
+
export { default as DropdownButton } from './DropdownButton';
|
|
4
|
+
export type { DropdownButtonProps } from './DropdownButton';
|
|
5
|
+
export { default as DropdownItem } from './DropdownItem';
|
|
6
|
+
export type { DropdownItemProps } from './DropdownItem';
|
|
7
|
+
export { default as DropdownMenu } from './DropdownMenu';
|
|
8
|
+
export type { DropdownMenuProps } from './DropdownMenu';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAGpC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGxD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export interface GiftProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
/**
|
|
5
|
+
* ID to find this component in testing tools (e.g.: cypress,
|
|
6
|
+
* testing-library, and jest).
|
|
7
|
+
*/
|
|
8
|
+
testId?: string;
|
|
9
|
+
/**
|
|
10
|
+
* A React component that will be rendered as an icon.
|
|
11
|
+
*/
|
|
12
|
+
icon?: ReactNode;
|
|
13
|
+
}
|
|
14
|
+
declare const Gift: React.ForwardRefExoticComponent<GiftProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
export default Gift;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
const Gift = forwardRef(function Gift({ icon, testId = 'fs-gift', children, ...otherProps }, ref) {
|
|
3
|
+
return (React.createElement("div", { ref: ref, "data-fs-gift": true, "data-testid": testId, ...otherProps },
|
|
4
|
+
!!icon && React.createElement("span", { "data-fs-gift-icon": true }, icon),
|
|
5
|
+
React.createElement("div", { "data-fs-gift-wrapper": true }, children)));
|
|
6
|
+
});
|
|
7
|
+
export default Gift;
|
|
8
|
+
//# sourceMappingURL=Gift.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Gift.js","sourceRoot":"","sources":["../../../src/molecules/Gift/Gift.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAczC,MAAM,IAAI,GAAG,UAAU,CAA4B,SAAS,IAAI,CAC9D,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACrD,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,uCAA4B,MAAM,KAAM,UAAU;QAC5D,CAAC,CAAC,IAAI,IAAI,2DAAyB,IAAI,CAAQ;QAChD,6DAA2B,QAAQ,CAAO,CACtC,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,IAAI,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { PriceDefinition } from '../../typings/PriceDefinition';
|
|
4
|
+
export interface GiftContentProps extends HTMLAttributes<HTMLElement> {
|
|
5
|
+
/**
|
|
6
|
+
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
7
|
+
*/
|
|
8
|
+
testId?: string;
|
|
9
|
+
/**
|
|
10
|
+
* Specifies the product's name.
|
|
11
|
+
*/
|
|
12
|
+
productName: string;
|
|
13
|
+
/**
|
|
14
|
+
* Specifies product's prices.
|
|
15
|
+
*/
|
|
16
|
+
price: PriceDefinition;
|
|
17
|
+
/**
|
|
18
|
+
* Badge's label
|
|
19
|
+
*/
|
|
20
|
+
badgeLabel?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Additional message in the title
|
|
23
|
+
*/
|
|
24
|
+
titleMessage?: string;
|
|
25
|
+
}
|
|
26
|
+
declare const GiftContent: React.ForwardRefExoticComponent<GiftContentProps & React.RefAttributes<HTMLElement>>;
|
|
27
|
+
export default GiftContent;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import { Price, Badge } from '../../';
|
|
3
|
+
const GiftContent = forwardRef(function GiftContent({ price, productName, titleMessage = 'Get a', badgeLabel = 'Free', testId = 'fs-gift-content', ...otherProps }, ref) {
|
|
4
|
+
return (React.createElement("section", { ref: ref, "data-fs-gift-content": true, "data-testid": testId, ...otherProps },
|
|
5
|
+
React.createElement("h3", { "data-fs-gift-product-title": true },
|
|
6
|
+
titleMessage,
|
|
7
|
+
" ",
|
|
8
|
+
productName),
|
|
9
|
+
React.createElement("span", { "data-fs-gift-product-summary": true },
|
|
10
|
+
React.createElement(Price, { value: price?.listPrice ? price.listPrice : 0, formatter: price?.formatter, testId: "list-price", "data-value": price?.listPrice, variant: "listing", SRText: "Original price:" }),
|
|
11
|
+
React.createElement(Badge, null, badgeLabel))));
|
|
12
|
+
});
|
|
13
|
+
export default GiftContent;
|
|
14
|
+
//# sourceMappingURL=GiftContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GiftContent.js","sourceRoot":"","sources":["../../../src/molecules/Gift/GiftContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AA2BrC,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EACE,KAAK,EACL,WAAW,EACX,YAAY,GAAG,OAAO,EACtB,UAAU,GAAG,MAAM,EACnB,MAAM,GAAG,iBAAiB,EAC1B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,+CAEK,MAAM,KACf,UAAU;QAEd;YACG,YAAY;;YAAG,WAAW,CACxB;QACL;YACE,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC7C,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,YAAY,gBACP,KAAK,EAAE,SAAS,EAC5B,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,iBAAiB,GACxB;YACF,oBAAC,KAAK,QAAE,UAAU,CAAS,CACtB,CACC,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export interface GiftImageProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
/**
|
|
5
|
+
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
6
|
+
*/
|
|
7
|
+
testId?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const GiftImage: React.ForwardRefExoticComponent<GiftImageProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export default GiftImage;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
const GiftImage = forwardRef(function GiftImage({ testId = 'fs-gift-image', children, ...otherProps }, ref) {
|
|
3
|
+
return (React.createElement("div", { ref: ref, "data-fs-gift-image": true, "data-testid": testId, ...otherProps }, children));
|
|
4
|
+
});
|
|
5
|
+
export default GiftImage;
|
|
6
|
+
//# sourceMappingURL=GiftImage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GiftImage.js","sourceRoot":"","sources":["../../../src/molecules/Gift/GiftImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EAAE,MAAM,GAAG,eAAe,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACrD,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,6CAAkC,MAAM,KAAM,UAAU,IAClE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { default } from './Gift';
|
|
2
|
+
export type { GiftProps } from './Gift';
|
|
3
|
+
export { default as GiftContent } from './GiftContent';
|
|
4
|
+
export type { GiftContentProps } from './GiftContent';
|
|
5
|
+
export { default as GiftImage } from './GiftImage';
|
|
6
|
+
export type { GiftImageProps } from './GiftImage';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/Gift/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAGhC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AAGtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { ReactNode, AriaAttributes } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { ButtonProps } from '../../';
|
|
4
|
+
export interface IconButtonProps extends Omit<ButtonProps, 'aria-label'> {
|
|
5
|
+
/**
|
|
6
|
+
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
7
|
+
*/
|
|
8
|
+
testId?: string;
|
|
9
|
+
/**
|
|
10
|
+
* A React component that will be rendered as an icon.
|
|
11
|
+
*/
|
|
12
|
+
icon: ReactNode;
|
|
13
|
+
/**
|
|
14
|
+
* A Label should be provided.
|
|
15
|
+
*/
|
|
16
|
+
'aria-label': AriaAttributes['aria-label'];
|
|
17
|
+
}
|
|
18
|
+
declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
19
|
+
export default IconButton;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import { Button } from '../../';
|
|
3
|
+
const IconButton = forwardRef(function IconButton({ icon, children, testId = 'fs-icon-button', 'aria-label': ariaLabel, size = 'regular', variant, ...otherProps }, ref) {
|
|
4
|
+
return (React.createElement(Button, { ref: ref, "data-fs-button": true, "data-fs-icon-button": true, variant: variant ?? 'tertiary', icon: icon, "aria-label": ariaLabel, testId: testId, size: size, ...otherProps }, children));
|
|
5
|
+
});
|
|
6
|
+
export default IconButton;
|
|
7
|
+
//# sourceMappingURL=IconButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/molecules/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAkB/B,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,IAAI,EACJ,QAAQ,EACR,MAAM,GAAG,gBAAgB,EACzB,YAAY,EAAE,SAAS,EACvB,IAAI,GAAG,SAAS,EAChB,OAAO,EACP,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,uDAGR,OAAO,EAAE,OAAO,IAAI,UAAU,EAC9B,IAAI,EAAE,IAAI,gBACE,SAAS,EACrB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,KACN,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA"}
|