@faststore/ui 1.12.32 → 1.12.33
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/components/atoms/Incentive/Incentive.js +1 -1
- package/dist/components/atoms/Incentive/Incentive.js.map +1 -1
- package/dist/components/atoms/Popover/Popover.d.ts +1 -1
- package/dist/components/atoms/Popover/Popover.js +1 -1
- package/dist/components/atoms/Popover/Popover.js.map +1 -1
- package/dist/components/atoms/Skeleton/Skeleton.js +1 -1
- package/dist/components/atoms/Skeleton/Skeleton.js.map +1 -1
- package/dist/components/atoms/Slider/Slider.d.ts +2 -2
- package/dist/components/atoms/Spinner/Spinner.d.ts +1 -1
- package/dist/components/atoms/Spinner/Spinner.js +1 -1
- package/dist/components/atoms/Spinner/Spinner.js.map +1 -1
- package/dist/components/atoms/TextArea/TextArea.js +1 -1
- package/dist/components/atoms/TextArea/TextArea.js.map +1 -1
- package/dist/components/molecules/AggregateRating/AggregateRating.d.ts +2 -2
- package/dist/components/molecules/AggregateRating/AggregateRating.js +4 -4
- package/dist/components/molecules/AggregateRating/AggregateRating.js.map +1 -1
- package/dist/components/molecules/Alert/Alert.js +1 -1
- package/dist/components/molecules/Alert/Alert.js.map +1 -1
- package/dist/components/molecules/Banner/Banner.d.ts +1 -1
- package/dist/components/molecules/Banner/Banner.js +1 -1
- package/dist/components/molecules/Banner/Banner.js.map +1 -1
- package/dist/components/molecules/Banner/BannerContent.js +1 -1
- package/dist/components/molecules/Banner/BannerContent.js.map +1 -1
- package/dist/components/molecules/Banner/BannerImage.js +1 -1
- package/dist/components/molecules/Banner/BannerImage.js.map +1 -1
- package/dist/components/molecules/Banner/BannerLink.js +1 -1
- package/dist/components/molecules/Banner/BannerLink.js.map +1 -1
- package/dist/components/molecules/Breadcrumb/Breadcrumb.js +5 -5
- package/dist/components/molecules/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/components/molecules/Bullets/Bullets.js +1 -1
- package/dist/components/molecules/Bullets/Bullets.js.map +1 -1
- package/dist/components/molecules/Card/Card.js +1 -1
- package/dist/components/molecules/Card/Card.js.map +1 -1
- package/dist/components/molecules/Card/CardActions.js +1 -1
- package/dist/components/molecules/Card/CardActions.js.map +1 -1
- package/dist/components/molecules/Card/CardContent.js +1 -1
- package/dist/components/molecules/Card/CardContent.js.map +1 -1
- package/dist/components/molecules/Card/CardImage.js +1 -1
- package/dist/components/molecules/Card/CardImage.js.map +1 -1
- package/dist/components/molecules/Carousel/Carousel.js +2 -2
- package/dist/components/molecules/Carousel/Carousel.js.map +1 -1
- package/dist/components/molecules/CartItem/CartItem.js +1 -1
- package/dist/components/molecules/CartItem/CartItem.js.map +1 -1
- package/dist/components/molecules/CartItem/CartItemActions.js +1 -1
- package/dist/components/molecules/CartItem/CartItemActions.js.map +1 -1
- package/dist/components/molecules/CartItem/CartItemContent.js +1 -1
- package/dist/components/molecules/CartItem/CartItemContent.js.map +1 -1
- package/dist/components/molecules/CartItem/CartItemImage.js +1 -1
- package/dist/components/molecules/CartItem/CartItemImage.js.map +1 -1
- package/dist/components/molecules/CartItem/CartItemPrices.js +1 -1
- package/dist/components/molecules/CartItem/CartItemPrices.js.map +1 -1
- package/dist/components/molecules/CartItem/CartItemSummary.js +1 -1
- package/dist/components/molecules/CartItem/CartItemSummary.js.map +1 -1
- package/dist/components/molecules/CartItem/CartItemTitle.js +1 -1
- package/dist/components/molecules/CartItem/CartItemTitle.js.map +1 -1
- package/dist/components/molecules/Form/Form.js +1 -1
- package/dist/components/molecules/Form/Form.js.map +1 -1
- package/dist/components/molecules/LoadingButton/LoadingButton.js +1 -1
- package/dist/components/molecules/LoadingButton/LoadingButton.js.map +1 -1
- package/dist/components/molecules/Modal/Modal.js +3 -3
- package/dist/components/molecules/Modal/Modal.js.map +1 -1
- package/dist/components/molecules/Modal/ModalContent.d.ts +1 -1
- package/dist/components/molecules/Modal/ModalContent.js +3 -3
- package/dist/components/molecules/Modal/ModalContent.js.map +1 -1
- package/dist/components/molecules/OrderSummary/OrderSummary.d.ts +3 -3
- package/dist/components/molecules/OrderSummary/OrderSummary.js +3 -3
- package/dist/components/molecules/OrderSummary/OrderSummary.js.map +1 -1
- package/dist/components/molecules/PaymentMethods/PaymentMethods.js +1 -1
- package/dist/components/molecules/PaymentMethods/PaymentMethods.js.map +1 -1
- package/dist/components/molecules/PriceRange/PriceRange.d.ts +3 -3
- package/dist/components/molecules/PriceRange/PriceRange.js +1 -1
- package/dist/components/molecules/PriceRange/PriceRange.js.map +1 -1
- package/dist/components/molecules/ProductCard/ProductCard.js +1 -1
- package/dist/components/molecules/ProductCard/ProductCard.js.map +1 -1
- package/dist/components/molecules/ProductCard/ProductCardActions.js +1 -1
- package/dist/components/molecules/ProductCard/ProductCardActions.js.map +1 -1
- package/dist/components/molecules/ProductCard/ProductCardContent.js +1 -1
- package/dist/components/molecules/ProductCard/ProductCardContent.js.map +1 -1
- package/dist/components/molecules/ProductCard/ProductCardImage.js +1 -1
- package/dist/components/molecules/ProductCard/ProductCardImage.js.map +1 -1
- package/dist/components/molecules/ProductTitle/ProductTitle.d.ts +1 -1
- package/dist/components/molecules/ProductTitle/ProductTitle.js +1 -1
- package/dist/components/molecules/ProductTitle/ProductTitle.js.map +1 -1
- package/dist/components/molecules/QuantitySelector/QuantitySelector.d.ts +1 -2
- package/dist/components/molecules/QuantitySelector/QuantitySelector.js +5 -6
- package/dist/components/molecules/QuantitySelector/QuantitySelector.js.map +1 -1
- package/dist/components/molecules/RadioGroup/RadioGroup.d.ts +1 -1
- package/dist/components/molecules/RadioGroup/RadioOption.js +1 -1
- package/dist/components/molecules/RadioGroup/RadioOption.js.map +1 -1
- package/dist/components/molecules/SearchInput/SearchInput.d.ts +1 -1
- package/dist/components/molecules/SearchInput/SearchInput.js +2 -3
- package/dist/components/molecules/SearchInput/SearchInput.js.map +1 -1
- package/dist/components/molecules/SkuSelector/SkuSelector.d.ts +1 -1
- package/dist/components/molecules/SkuSelector/SkuSelector.js +1 -1
- package/dist/components/molecules/SkuSelector/SkuSelector.js.map +1 -1
- package/dist/components/organisms/OutOfStock/OutOfStock.d.ts +2 -2
- package/dist/components/organisms/OutOfStock/OutOfStock.js +1 -1
- package/dist/components/organisms/OutOfStock/OutOfStock.js.map +1 -1
- package/dist/components/organisms/OutOfStock/OutOfStockMessage.d.ts +1 -1
- package/dist/components/organisms/OutOfStock/OutOfStockMessage.js +1 -1
- package/dist/components/organisms/OutOfStock/OutOfStockMessage.js.map +1 -1
- package/dist/components/organisms/OutOfStock/OutOfStockTitle.d.ts +1 -1
- package/dist/components/organisms/OutOfStock/OutOfStockTitle.js +1 -1
- package/dist/components/organisms/OutOfStock/OutOfStockTitle.js.map +1 -1
- package/dist/components/organisms/Tiles/Tile.js +1 -1
- package/dist/components/organisms/Tiles/Tile.js.map +1 -1
- package/dist/components/organisms/Tiles/Tiles.js +1 -1
- package/dist/components/organisms/Tiles/Tiles.js.map +1 -1
- package/dist/components/src/atoms/List/List.d.ts +16 -0
- package/dist/components/src/atoms/List/List.js +7 -0
- package/dist/components/src/atoms/List/List.js.map +1 -0
- package/dist/components/src/atoms/List/index.d.ts +2 -0
- package/dist/components/src/atoms/List/index.js +2 -0
- package/dist/components/src/atoms/List/index.js.map +1 -0
- package/dist/components/src/typings/PolymorphicGenerics.d.ts +28 -0
- package/dist/components/src/typings/PolymorphicGenerics.js +8 -0
- package/dist/components/src/typings/PolymorphicGenerics.js.map +1 -0
- package/dist/components/src/typings/index.d.ts +1 -0
- package/dist/components/src/typings/index.js +2 -0
- package/dist/components/src/typings/index.js.map +1 -0
- package/dist/hooks/useSlider/useSlider.d.ts +3 -3
- package/dist/index.d.ts +0 -22
- package/dist/index.js +0 -11
- package/dist/index.js.map +1 -1
- package/dist/typings/PolymorphicGenerics.d.ts +6 -6
- package/dist/ui/src/components/atoms/Incentive/Incentive.d.ts +11 -0
- package/dist/ui/src/components/atoms/Incentive/Incentive.js +6 -0
- package/dist/ui/src/components/atoms/Incentive/Incentive.js.map +1 -0
- package/dist/ui/src/components/atoms/Incentive/index.d.ts +2 -0
- package/dist/ui/src/components/atoms/Incentive/index.js +2 -0
- package/dist/ui/src/components/atoms/Incentive/index.js.map +1 -0
- package/dist/ui/src/components/atoms/Incentive/stories/assets/Icons.d.ts +2 -0
- package/dist/ui/src/components/atoms/Incentive/stories/assets/Icons.js +6 -0
- package/dist/ui/src/components/atoms/Incentive/stories/assets/Icons.js.map +1 -0
- package/dist/ui/src/components/atoms/Link/Link.d.ts +19 -0
- package/dist/ui/src/components/atoms/Link/Link.js +13 -0
- package/dist/ui/src/components/atoms/Link/Link.js.map +1 -0
- package/dist/ui/src/components/atoms/Link/index.d.ts +2 -0
- package/dist/ui/src/components/atoms/Link/index.js +2 -0
- package/dist/ui/src/components/atoms/Link/index.js.map +1 -0
- package/dist/ui/src/components/atoms/Popover/Popover.d.ts +15 -0
- package/dist/ui/src/components/atoms/Popover/Popover.js +7 -0
- package/dist/ui/src/components/atoms/Popover/Popover.js.map +1 -0
- package/dist/ui/src/components/atoms/Popover/index.d.ts +2 -0
- package/dist/ui/src/components/atoms/Popover/index.js +2 -0
- package/dist/ui/src/components/atoms/Popover/index.js.map +1 -0
- package/dist/ui/src/components/atoms/Price/Price.d.ts +28 -0
- package/dist/ui/src/components/atoms/Price/Price.js +7 -0
- package/dist/ui/src/components/atoms/Price/Price.js.map +1 -0
- package/dist/ui/src/components/atoms/Price/index.d.ts +2 -0
- package/dist/ui/src/components/atoms/Price/index.js +2 -0
- package/dist/ui/src/components/atoms/Price/index.js.map +1 -0
- package/dist/ui/src/components/atoms/Select/Select.d.ts +10 -0
- package/dist/ui/src/components/atoms/Select/Select.js +6 -0
- package/dist/ui/src/components/atoms/Select/Select.js.map +1 -0
- package/dist/ui/src/components/atoms/Select/index.d.ts +2 -0
- package/dist/ui/src/components/atoms/Select/index.js +2 -0
- package/dist/ui/src/components/atoms/Select/index.js.map +1 -0
- package/dist/ui/src/components/atoms/Skeleton/Skeleton.d.ts +10 -0
- package/dist/ui/src/components/atoms/Skeleton/Skeleton.js +6 -0
- package/dist/ui/src/components/atoms/Skeleton/Skeleton.js.map +1 -0
- package/dist/ui/src/components/atoms/Skeleton/index.d.ts +2 -0
- package/dist/ui/src/components/atoms/Skeleton/index.js +2 -0
- package/dist/ui/src/components/atoms/Skeleton/index.js.map +1 -0
- package/dist/ui/src/components/atoms/Slider/Slider.d.ts +67 -0
- package/dist/ui/src/components/atoms/Slider/Slider.js +48 -0
- package/dist/ui/src/components/atoms/Slider/Slider.js.map +1 -0
- package/dist/ui/src/components/atoms/Slider/index.d.ts +2 -0
- package/dist/ui/src/components/atoms/Slider/index.js +2 -0
- package/dist/ui/src/components/atoms/Slider/index.js.map +1 -0
- package/dist/ui/src/components/atoms/Spinner/Spinner.d.ts +11 -0
- package/dist/ui/src/components/atoms/Spinner/Spinner.js +6 -0
- package/dist/ui/src/components/atoms/Spinner/Spinner.js.map +1 -0
- package/dist/ui/src/components/atoms/Spinner/index.d.ts +2 -0
- package/dist/ui/src/components/atoms/Spinner/index.js +2 -0
- package/dist/ui/src/components/atoms/Spinner/index.js.map +1 -0
- package/dist/ui/src/components/atoms/TextArea/TextArea.d.ts +14 -0
- package/dist/ui/src/components/atoms/TextArea/TextArea.js +10 -0
- package/dist/ui/src/components/atoms/TextArea/TextArea.js.map +1 -0
- package/dist/ui/src/components/atoms/TextArea/index.d.ts +2 -0
- package/dist/ui/src/components/atoms/TextArea/index.js +2 -0
- package/dist/ui/src/components/atoms/TextArea/index.js.map +1 -0
- package/dist/ui/src/components/molecules/Accordion/Accordion.d.ts +26 -0
- package/dist/ui/src/components/molecules/Accordion/Accordion.js +21 -0
- package/dist/ui/src/components/molecules/Accordion/Accordion.js.map +1 -0
- package/dist/ui/src/components/molecules/Accordion/AccordionButton.d.ts +10 -0
- package/dist/ui/src/components/molecules/Accordion/AccordionButton.js +37 -0
- package/dist/ui/src/components/molecules/Accordion/AccordionButton.js.map +1 -0
- package/dist/ui/src/components/molecules/Accordion/AccordionItem.d.ts +37 -0
- package/dist/ui/src/components/molecules/Accordion/AccordionItem.js +28 -0
- package/dist/ui/src/components/molecules/Accordion/AccordionItem.js.map +1 -0
- package/dist/ui/src/components/molecules/Accordion/AccordionPanel.d.ts +10 -0
- package/dist/ui/src/components/molecules/Accordion/AccordionPanel.js +10 -0
- package/dist/ui/src/components/molecules/Accordion/AccordionPanel.js.map +1 -0
- package/dist/ui/src/components/molecules/Accordion/index.d.ts +8 -0
- package/dist/ui/src/components/molecules/Accordion/index.js +5 -0
- package/dist/ui/src/components/molecules/Accordion/index.js.map +1 -0
- package/dist/ui/src/components/molecules/AggregateRating/AggregateRating.d.ts +18 -0
- package/dist/ui/src/components/molecules/AggregateRating/AggregateRating.js +26 -0
- package/dist/ui/src/components/molecules/AggregateRating/AggregateRating.js.map +1 -0
- package/dist/ui/src/components/molecules/AggregateRating/index.d.ts +2 -0
- package/dist/ui/src/components/molecules/AggregateRating/index.js +2 -0
- package/dist/ui/src/components/molecules/AggregateRating/index.js.map +1 -0
- package/dist/ui/src/components/molecules/Alert/Alert.d.ts +11 -0
- package/dist/ui/src/components/molecules/Alert/Alert.js +6 -0
- package/dist/ui/src/components/molecules/Alert/Alert.js.map +1 -0
- package/dist/ui/src/components/molecules/Alert/index.d.ts +2 -0
- package/dist/ui/src/components/molecules/Alert/index.js +2 -0
- package/dist/ui/src/components/molecules/Alert/index.js.map +1 -0
- package/dist/ui/src/components/molecules/Banner/Banner.d.ts +14 -0
- package/dist/ui/src/components/molecules/Banner/Banner.js +6 -0
- package/dist/ui/src/components/molecules/Banner/Banner.js.map +1 -0
- package/dist/ui/src/components/molecules/Banner/BannerContent.d.ts +10 -0
- package/dist/ui/src/components/molecules/Banner/BannerContent.js +6 -0
- package/dist/ui/src/components/molecules/Banner/BannerContent.js.map +1 -0
- package/dist/ui/src/components/molecules/Banner/BannerImage.d.ts +10 -0
- package/dist/ui/src/components/molecules/Banner/BannerImage.js +6 -0
- package/dist/ui/src/components/molecules/Banner/BannerImage.js.map +1 -0
- package/dist/ui/src/components/molecules/Banner/BannerLink.d.ts +10 -0
- package/dist/ui/src/components/molecules/Banner/BannerLink.js +6 -0
- package/dist/ui/src/components/molecules/Banner/BannerLink.js.map +1 -0
- package/dist/ui/src/components/molecules/Banner/index.d.ts +8 -0
- package/dist/ui/src/components/molecules/Banner/index.js +5 -0
- package/dist/ui/src/components/molecules/Banner/index.js.map +1 -0
- package/dist/ui/src/components/molecules/Breadcrumb/Breadcrumb.d.ts +14 -0
- package/dist/ui/src/components/molecules/Breadcrumb/Breadcrumb.js +38 -0
- package/dist/ui/src/components/molecules/Breadcrumb/Breadcrumb.js.map +1 -0
- package/dist/ui/src/components/molecules/Breadcrumb/index.d.ts +2 -0
- package/dist/ui/src/components/molecules/Breadcrumb/index.js +2 -0
- package/dist/ui/src/components/molecules/Breadcrumb/index.js.map +1 -0
- package/dist/ui/src/components/molecules/Bullets/Bullets.d.ts +35 -0
- package/dist/ui/src/components/molecules/Bullets/Bullets.js +12 -0
- package/dist/ui/src/components/molecules/Bullets/Bullets.js.map +1 -0
- package/dist/ui/src/components/molecules/Bullets/index.d.ts +2 -0
- package/dist/ui/src/components/molecules/Bullets/index.js +2 -0
- package/dist/ui/src/components/molecules/Bullets/index.js.map +1 -0
- package/dist/{components/atoms/Overlay/Overlay.d.ts → ui/src/components/molecules/Card/Card.d.ts} +4 -4
- package/dist/ui/src/components/molecules/Card/Card.js +6 -0
- package/dist/ui/src/components/molecules/Card/Card.js.map +1 -0
- package/dist/ui/src/components/molecules/Card/CardActions.d.ts +10 -0
- package/dist/ui/src/components/molecules/Card/CardActions.js +6 -0
- package/dist/ui/src/components/molecules/Card/CardActions.js.map +1 -0
- package/dist/ui/src/components/molecules/Card/CardContent.d.ts +10 -0
- package/dist/ui/src/components/molecules/Card/CardContent.js +6 -0
- package/dist/ui/src/components/molecules/Card/CardContent.js.map +1 -0
- package/dist/ui/src/components/molecules/Card/CardImage.d.ts +10 -0
- package/dist/ui/src/components/molecules/Card/CardImage.js +6 -0
- package/dist/ui/src/components/molecules/Card/CardImage.js.map +1 -0
- package/dist/ui/src/components/molecules/Card/index.d.ts +8 -0
- package/dist/ui/src/components/molecules/Card/index.js +5 -0
- package/dist/ui/src/components/molecules/Card/index.js.map +1 -0
- package/dist/ui/src/components/molecules/Carousel/Arrows.d.ts +12 -0
- package/dist/ui/src/components/molecules/Carousel/Arrows.js +6 -0
- package/dist/ui/src/components/molecules/Carousel/Arrows.js.map +1 -0
- package/dist/ui/src/components/molecules/Carousel/Carousel.d.ts +54 -0
- package/dist/ui/src/components/molecules/Carousel/Carousel.js +183 -0
- package/dist/ui/src/components/molecules/Carousel/Carousel.js.map +1 -0
- package/dist/ui/src/components/molecules/Carousel/CarouselItem.d.ts +11 -0
- package/dist/ui/src/components/molecules/Carousel/CarouselItem.js +18 -0
- package/dist/ui/src/components/molecules/Carousel/CarouselItem.js.map +1 -0
- package/dist/ui/src/components/molecules/Carousel/hooks/useSlideVisibility.d.ts +9 -0
- package/dist/ui/src/components/molecules/Carousel/hooks/useSlideVisibility.js +29 -0
- package/dist/ui/src/components/molecules/Carousel/hooks/useSlideVisibility.js.map +1 -0
- package/dist/ui/src/components/molecules/Carousel/index.d.ts +2 -0
- package/dist/ui/src/components/molecules/Carousel/index.js +3 -0
- package/dist/ui/src/components/molecules/Carousel/index.js.map +1 -0
- package/dist/ui/src/components/molecules/CartItem/CartItem.d.ts +10 -0
- package/dist/ui/src/components/molecules/CartItem/CartItem.js +6 -0
- package/dist/ui/src/components/molecules/CartItem/CartItem.js.map +1 -0
- package/dist/ui/src/components/molecules/CartItem/CartItemActions.d.ts +10 -0
- package/dist/ui/src/components/molecules/CartItem/CartItemActions.js +6 -0
- package/dist/ui/src/components/molecules/CartItem/CartItemActions.js.map +1 -0
- package/dist/ui/src/components/molecules/CartItem/CartItemContent.d.ts +10 -0
- package/dist/ui/src/components/molecules/CartItem/CartItemContent.js +6 -0
- package/dist/ui/src/components/molecules/CartItem/CartItemContent.js.map +1 -0
- package/dist/ui/src/components/molecules/CartItem/CartItemImage.d.ts +10 -0
- package/dist/ui/src/components/molecules/CartItem/CartItemImage.js +6 -0
- package/dist/ui/src/components/molecules/CartItem/CartItemImage.js.map +1 -0
- package/dist/ui/src/components/molecules/CartItem/CartItemPrices.d.ts +10 -0
- package/dist/ui/src/components/molecules/CartItem/CartItemPrices.js +6 -0
- package/dist/ui/src/components/molecules/CartItem/CartItemPrices.js.map +1 -0
- package/dist/ui/src/components/molecules/CartItem/CartItemSummary.d.ts +10 -0
- package/dist/ui/src/components/molecules/CartItem/CartItemSummary.js +6 -0
- package/dist/ui/src/components/molecules/CartItem/CartItemSummary.js.map +1 -0
- package/dist/ui/src/components/molecules/CartItem/CartItemTitle.d.ts +10 -0
- package/dist/ui/src/components/molecules/CartItem/CartItemTitle.js +6 -0
- package/dist/ui/src/components/molecules/CartItem/CartItemTitle.js.map +1 -0
- package/dist/ui/src/components/molecules/CartItem/index.d.ts +14 -0
- package/dist/ui/src/components/molecules/CartItem/index.js +8 -0
- package/dist/ui/src/components/molecules/CartItem/index.js.map +1 -0
- package/dist/ui/src/components/molecules/Dropdown/Dropdown.d.ts +9 -0
- package/dist/ui/src/components/molecules/Dropdown/Dropdown.js +67 -0
- package/dist/ui/src/components/molecules/Dropdown/Dropdown.js.map +1 -0
- package/dist/ui/src/components/molecules/Dropdown/DropdownButton.d.ts +10 -0
- package/dist/ui/src/components/molecules/Dropdown/DropdownButton.js +11 -0
- package/dist/ui/src/components/molecules/Dropdown/DropdownButton.js.map +1 -0
- package/dist/ui/src/components/molecules/Dropdown/DropdownItem.d.ts +10 -0
- package/dist/ui/src/components/molecules/Dropdown/DropdownItem.js +26 -0
- package/dist/ui/src/components/molecules/Dropdown/DropdownItem.js.map +1 -0
- package/dist/ui/src/components/molecules/Dropdown/DropdownMenu.d.ts +22 -0
- package/dist/ui/src/components/molecules/Dropdown/DropdownMenu.js +65 -0
- package/dist/ui/src/components/molecules/Dropdown/DropdownMenu.js.map +1 -0
- package/dist/ui/src/components/molecules/Dropdown/contexts/DropdownContext.d.ts +41 -0
- package/dist/ui/src/components/molecules/Dropdown/contexts/DropdownContext.js +11 -0
- package/dist/ui/src/components/molecules/Dropdown/contexts/DropdownContext.js.map +1 -0
- package/dist/ui/src/components/molecules/Dropdown/hooks/useDropdown.d.ts +6 -0
- package/dist/ui/src/components/molecules/Dropdown/hooks/useDropdown.js +14 -0
- package/dist/ui/src/components/molecules/Dropdown/hooks/useDropdown.js.map +1 -0
- package/dist/ui/src/components/molecules/Dropdown/hooks/useDropdownPosition.d.ts +8 -0
- package/dist/ui/src/components/molecules/Dropdown/hooks/useDropdownPosition.js +25 -0
- package/dist/ui/src/components/molecules/Dropdown/hooks/useDropdownPosition.js.map +1 -0
- package/dist/ui/src/components/molecules/Dropdown/index.d.ts +8 -0
- package/dist/ui/src/components/molecules/Dropdown/index.js +5 -0
- package/dist/ui/src/components/molecules/Dropdown/index.js.map +1 -0
- package/dist/ui/src/components/molecules/Dropdown/stories/assets/Caret.d.ts +2 -0
- package/dist/ui/src/components/molecules/Dropdown/stories/assets/Caret.js +4 -0
- package/dist/ui/src/components/molecules/Dropdown/stories/assets/Caret.js.map +1 -0
- package/dist/ui/src/components/molecules/Form/Form.d.ts +11 -0
- package/dist/ui/src/components/molecules/Form/Form.js +6 -0
- package/dist/ui/src/components/molecules/Form/Form.js.map +1 -0
- package/dist/ui/src/components/molecules/Form/index.d.ts +2 -0
- package/dist/ui/src/components/molecules/Form/index.js +2 -0
- package/dist/ui/src/components/molecules/Form/index.js.map +1 -0
- package/dist/ui/src/components/molecules/Gift/Gift.d.ts +15 -0
- package/dist/ui/src/components/molecules/Gift/Gift.js +9 -0
- package/dist/ui/src/components/molecules/Gift/Gift.js.map +1 -0
- package/dist/ui/src/components/molecules/Gift/GiftContent.d.ts +10 -0
- package/dist/ui/src/components/molecules/Gift/GiftContent.js +6 -0
- package/dist/ui/src/components/molecules/Gift/GiftContent.js.map +1 -0
- package/dist/ui/src/components/molecules/Gift/GiftImage.d.ts +10 -0
- package/dist/ui/src/components/molecules/Gift/GiftImage.js +6 -0
- package/dist/ui/src/components/molecules/Gift/GiftImage.js.map +1 -0
- package/dist/ui/src/components/molecules/Gift/index.d.ts +6 -0
- package/dist/ui/src/components/molecules/Gift/index.js +4 -0
- package/dist/ui/src/components/molecules/Gift/index.js.map +1 -0
- package/dist/ui/src/components/molecules/LoadingButton/LoadingButton.d.ts +14 -0
- package/dist/ui/src/components/molecules/LoadingButton/LoadingButton.js +8 -0
- package/dist/ui/src/components/molecules/LoadingButton/LoadingButton.js.map +1 -0
- package/dist/ui/src/components/molecules/LoadingButton/index.d.ts +2 -0
- package/dist/ui/src/components/molecules/LoadingButton/index.js +2 -0
- package/dist/ui/src/components/molecules/LoadingButton/index.js.map +1 -0
- package/dist/ui/src/components/molecules/Modal/Modal.d.ts +25 -0
- package/dist/ui/src/components/molecules/Modal/Modal.js +31 -0
- package/dist/ui/src/components/molecules/Modal/Modal.js.map +1 -0
- package/dist/ui/src/components/molecules/Modal/ModalContent.d.ts +10 -0
- package/dist/ui/src/components/molecules/Modal/ModalContent.js +23 -0
- package/dist/ui/src/components/molecules/Modal/ModalContent.js.map +1 -0
- package/dist/ui/src/components/molecules/Modal/index.d.ts +2 -0
- package/dist/ui/src/components/molecules/Modal/index.js +2 -0
- package/dist/ui/src/components/molecules/Modal/index.js.map +1 -0
- package/dist/ui/src/components/molecules/Modal/useTrapFocus.d.ts +8 -0
- package/dist/ui/src/components/molecules/Modal/useTrapFocus.js +76 -0
- package/dist/ui/src/components/molecules/Modal/useTrapFocus.js.map +1 -0
- package/dist/ui/src/components/molecules/OrderSummary/OrderSummary.d.ts +35 -0
- package/dist/ui/src/components/molecules/OrderSummary/OrderSummary.js +16 -0
- package/dist/ui/src/components/molecules/OrderSummary/OrderSummary.js.map +1 -0
- package/dist/ui/src/components/molecules/OrderSummary/index.d.ts +2 -0
- package/dist/ui/src/components/molecules/OrderSummary/index.js +2 -0
- package/dist/ui/src/components/molecules/OrderSummary/index.js.map +1 -0
- package/dist/ui/src/components/molecules/PaymentMethods/PaymentMethods.d.ts +26 -0
- package/dist/ui/src/components/molecules/PaymentMethods/PaymentMethods.js +8 -0
- package/dist/ui/src/components/molecules/PaymentMethods/PaymentMethods.js.map +1 -0
- package/dist/ui/src/components/molecules/PaymentMethods/index.d.ts +2 -0
- package/dist/ui/src/components/molecules/PaymentMethods/index.js +2 -0
- package/dist/ui/src/components/molecules/PaymentMethods/index.js.map +1 -0
- package/dist/ui/src/components/molecules/PaymentMethods/stories/assets/Icons.d.ts +9 -0
- package/dist/ui/src/components/molecules/PaymentMethods/stories/assets/Icons.js +26 -0
- package/dist/ui/src/components/molecules/PaymentMethods/stories/assets/Icons.js.map +1 -0
- package/dist/ui/src/components/molecules/PriceRange/PriceRange.d.ts +47 -0
- package/dist/ui/src/components/molecules/PriceRange/PriceRange.js +28 -0
- package/dist/ui/src/components/molecules/PriceRange/PriceRange.js.map +1 -0
- package/dist/ui/src/components/molecules/PriceRange/index.d.ts +2 -0
- package/dist/ui/src/components/molecules/PriceRange/index.js +2 -0
- package/dist/ui/src/components/molecules/PriceRange/index.js.map +1 -0
- package/dist/ui/src/components/molecules/ProductCard/ProductCard.d.ts +11 -0
- package/dist/ui/src/components/molecules/ProductCard/ProductCard.js +6 -0
- package/dist/ui/src/components/molecules/ProductCard/ProductCard.js.map +1 -0
- package/dist/ui/src/components/molecules/ProductCard/ProductCardActions.d.ts +10 -0
- package/dist/ui/src/components/molecules/ProductCard/ProductCardActions.js +6 -0
- package/dist/ui/src/components/molecules/ProductCard/ProductCardActions.js.map +1 -0
- package/dist/ui/src/components/molecules/ProductCard/ProductCardContent.d.ts +10 -0
- package/dist/ui/src/components/molecules/ProductCard/ProductCardContent.js +6 -0
- package/dist/ui/src/components/molecules/ProductCard/ProductCardContent.js.map +1 -0
- package/dist/ui/src/components/molecules/ProductCard/ProductCardImage.d.ts +10 -0
- package/dist/ui/src/components/molecules/ProductCard/ProductCardImage.js +6 -0
- package/dist/ui/src/components/molecules/ProductCard/ProductCardImage.js.map +1 -0
- package/dist/ui/src/components/molecules/ProductCard/index.d.ts +8 -0
- package/dist/ui/src/components/molecules/ProductCard/index.js +5 -0
- package/dist/ui/src/components/molecules/ProductCard/index.js.map +1 -0
- package/dist/ui/src/components/molecules/ProductTitle/ProductTitle.d.ts +47 -0
- package/dist/ui/src/components/molecules/ProductTitle/ProductTitle.js +12 -0
- package/dist/ui/src/components/molecules/ProductTitle/ProductTitle.js.map +1 -0
- package/dist/ui/src/components/molecules/ProductTitle/index.d.ts +2 -0
- package/dist/ui/src/components/molecules/ProductTitle/index.js +2 -0
- package/dist/ui/src/components/molecules/ProductTitle/index.js.map +1 -0
- package/dist/ui/src/components/molecules/QuantitySelector/QuantitySelector.d.ts +29 -0
- package/dist/ui/src/components/molecules/QuantitySelector/QuantitySelector.js +10 -0
- package/dist/ui/src/components/molecules/QuantitySelector/QuantitySelector.js.map +1 -0
- package/dist/ui/src/components/molecules/QuantitySelector/index.d.ts +2 -0
- package/dist/ui/src/components/molecules/QuantitySelector/index.js +2 -0
- package/dist/ui/src/components/molecules/QuantitySelector/index.js.map +1 -0
- package/dist/ui/src/components/molecules/QuantitySelector/stories/assets/Icons.d.ts +7 -0
- package/dist/ui/src/components/molecules/QuantitySelector/stories/assets/Icons.js +11 -0
- package/dist/ui/src/components/molecules/QuantitySelector/stories/assets/Icons.js.map +1 -0
- package/dist/ui/src/components/molecules/RadioGroup/RadioGroup.d.ts +5 -0
- package/dist/ui/src/components/molecules/RadioGroup/RadioGroup.js +10 -0
- package/dist/ui/src/components/molecules/RadioGroup/RadioGroup.js.map +1 -0
- package/dist/ui/src/components/molecules/RadioGroup/RadioOption.d.ts +19 -0
- package/dist/ui/src/components/molecules/RadioGroup/RadioOption.js +11 -0
- package/dist/ui/src/components/molecules/RadioGroup/RadioOption.js.map +1 -0
- package/dist/ui/src/components/molecules/RadioGroup/index.d.ts +4 -0
- package/dist/ui/src/components/molecules/RadioGroup/index.js +3 -0
- package/dist/ui/src/components/molecules/RadioGroup/index.js.map +1 -0
- package/dist/ui/src/components/molecules/RadioGroup/useRadioGroup.d.ts +17 -0
- package/dist/ui/src/components/molecules/RadioGroup/useRadioGroup.js +10 -0
- package/dist/ui/src/components/molecules/RadioGroup/useRadioGroup.js.map +1 -0
- package/dist/ui/src/components/molecules/SearchInput/SearchInput.d.ts +28 -0
- package/dist/ui/src/components/molecules/SearchInput/SearchInput.js +26 -0
- package/dist/ui/src/components/molecules/SearchInput/SearchInput.js.map +1 -0
- package/dist/ui/src/components/molecules/SearchInput/index.d.ts +2 -0
- package/dist/ui/src/components/molecules/SearchInput/index.js +2 -0
- package/dist/ui/src/components/molecules/SearchInput/index.js.map +1 -0
- package/dist/ui/src/components/molecules/SearchInput/stories/assets/CustomIcon.d.ts +3 -0
- package/dist/ui/src/components/molecules/SearchInput/stories/assets/CustomIcon.js +7 -0
- package/dist/ui/src/components/molecules/SearchInput/stories/assets/CustomIcon.js.map +1 -0
- package/dist/ui/src/components/molecules/SkuSelector/SkuSelector.d.ts +58 -0
- package/dist/ui/src/components/molecules/SkuSelector/SkuSelector.js +16 -0
- package/dist/ui/src/components/molecules/SkuSelector/SkuSelector.js.map +1 -0
- package/dist/ui/src/components/molecules/SkuSelector/index.d.ts +2 -0
- package/dist/ui/src/components/molecules/SkuSelector/index.js +2 -0
- package/dist/ui/src/components/molecules/SkuSelector/index.js.map +1 -0
- package/dist/ui/src/components/molecules/Table/Table.d.ts +11 -0
- package/dist/ui/src/components/molecules/Table/Table.js +6 -0
- package/dist/ui/src/components/molecules/Table/Table.js.map +1 -0
- package/dist/ui/src/components/molecules/Table/TableBody.d.ts +11 -0
- package/dist/ui/src/components/molecules/Table/TableBody.js +6 -0
- package/dist/ui/src/components/molecules/Table/TableBody.js.map +1 -0
- package/dist/ui/src/components/molecules/Table/TableCell.d.ts +20 -0
- package/dist/ui/src/components/molecules/Table/TableCell.js +7 -0
- package/dist/ui/src/components/molecules/Table/TableCell.js.map +1 -0
- package/dist/ui/src/components/molecules/Table/TableFooter.d.ts +11 -0
- package/dist/ui/src/components/molecules/Table/TableFooter.js +6 -0
- package/dist/ui/src/components/molecules/Table/TableFooter.js.map +1 -0
- package/dist/ui/src/components/molecules/Table/TableHead.d.ts +11 -0
- package/dist/ui/src/components/molecules/Table/TableHead.js +6 -0
- package/dist/ui/src/components/molecules/Table/TableHead.js.map +1 -0
- package/dist/ui/src/components/molecules/Table/TableRow.d.ts +11 -0
- package/dist/ui/src/components/molecules/Table/TableRow.js +6 -0
- package/dist/ui/src/components/molecules/Table/TableRow.js.map +1 -0
- package/dist/ui/src/components/molecules/Table/index.d.ts +12 -0
- package/dist/ui/src/components/molecules/Table/index.js +7 -0
- package/dist/ui/src/components/molecules/Table/index.js.map +1 -0
- package/dist/ui/src/components/organisms/Hero/Hero.d.ts +11 -0
- package/dist/ui/src/components/organisms/Hero/Hero.js +6 -0
- package/dist/ui/src/components/organisms/Hero/Hero.js.map +1 -0
- package/dist/ui/src/components/organisms/Hero/HeroHeading.d.ts +10 -0
- package/dist/ui/src/components/organisms/Hero/HeroHeading.js +6 -0
- package/dist/ui/src/components/organisms/Hero/HeroHeading.js.map +1 -0
- package/dist/ui/src/components/organisms/Hero/HeroImage.d.ts +10 -0
- package/dist/ui/src/components/organisms/Hero/HeroImage.js +6 -0
- package/dist/ui/src/components/organisms/Hero/HeroImage.js.map +1 -0
- package/dist/ui/src/components/organisms/Hero/index.d.ts +6 -0
- package/dist/ui/src/components/organisms/Hero/index.js +4 -0
- package/dist/ui/src/components/organisms/Hero/index.js.map +1 -0
- package/dist/ui/src/components/organisms/OutOfStock/OutOfStock.d.ts +21 -0
- package/dist/ui/src/components/organisms/OutOfStock/OutOfStock.js +8 -0
- package/dist/ui/src/components/organisms/OutOfStock/OutOfStock.js.map +1 -0
- package/dist/ui/src/components/organisms/OutOfStock/OutOfStockMessage.d.ts +9 -0
- package/dist/ui/src/components/organisms/OutOfStock/OutOfStockMessage.js +5 -0
- package/dist/ui/src/components/organisms/OutOfStock/OutOfStockMessage.js.map +1 -0
- package/dist/ui/src/components/organisms/OutOfStock/OutOfStockTitle.d.ts +9 -0
- package/dist/ui/src/components/organisms/OutOfStock/OutOfStockTitle.js +5 -0
- package/dist/ui/src/components/organisms/OutOfStock/OutOfStockTitle.js.map +1 -0
- package/dist/ui/src/components/organisms/OutOfStock/index.d.ts +6 -0
- package/dist/ui/src/components/organisms/OutOfStock/index.js +4 -0
- package/dist/ui/src/components/organisms/OutOfStock/index.js.map +1 -0
- package/dist/ui/src/components/organisms/Tiles/Tile.d.ts +11 -0
- package/dist/ui/src/components/organisms/Tiles/Tile.js +6 -0
- package/dist/ui/src/components/organisms/Tiles/Tile.js.map +1 -0
- package/dist/ui/src/components/organisms/Tiles/Tiles.d.ts +11 -0
- package/dist/ui/src/components/organisms/Tiles/Tiles.js +30 -0
- package/dist/ui/src/components/organisms/Tiles/Tiles.js.map +1 -0
- package/dist/ui/src/components/organisms/Tiles/index.d.ts +4 -0
- package/dist/ui/src/components/organisms/Tiles/index.js +3 -0
- package/dist/ui/src/components/organisms/Tiles/index.js.map +1 -0
- package/dist/ui/src/hooks/useSlider/index.d.ts +2 -0
- package/dist/ui/src/hooks/useSlider/index.js +3 -0
- package/dist/ui/src/hooks/useSlider/index.js.map +1 -0
- package/dist/ui/src/hooks/useSlider/useSlider.d.ts +64 -0
- package/dist/ui/src/hooks/useSlider/useSlider.js +103 -0
- package/dist/ui/src/hooks/useSlider/useSlider.js.map +1 -0
- package/dist/ui/src/index.d.ts +75 -0
- package/dist/ui/src/index.js +43 -0
- package/dist/ui/src/index.js.map +1 -0
- package/dist/ui/src/typings/PolymorphicGenerics.d.ts +28 -0
- package/dist/ui/src/typings/PolymorphicGenerics.js +8 -0
- package/dist/ui/src/typings/PolymorphicGenerics.js.map +1 -0
- package/dist/ui/src/typings/index.d.ts +1 -0
- package/dist/ui/src/typings/index.js +2 -0
- package/dist/ui/src/typings/index.js.map +1 -0
- package/package.json +4 -5
- package/CHANGELOG.md +0 -2032
- package/LICENSE +0 -21
- package/dist/assets/ShoppingCart.d.ts +0 -3
- package/dist/assets/ShoppingCart.js +0 -10
- package/dist/assets/ShoppingCart.js.map +0 -1
- package/dist/assets/X.d.ts +0 -3
- package/dist/assets/X.js +0 -8
- package/dist/assets/X.js.map +0 -1
- package/dist/assets/index.d.ts +0 -2
- package/dist/assets/index.js +0 -3
- package/dist/assets/index.js.map +0 -1
- package/dist/components/atoms/Overlay/Overlay.js +0 -6
- package/dist/components/atoms/Overlay/Overlay.js.map +0 -1
- package/dist/components/atoms/Overlay/index.d.ts +0 -2
- package/dist/components/atoms/Overlay/index.js +0 -2
- package/dist/components/atoms/Overlay/index.js.map +0 -1
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* These were heavily inspired by "Forwarding refs for a polymorphic React
|
|
3
|
+
* component in TypeScript", written by Ben Ilegbodu.
|
|
4
|
+
*
|
|
5
|
+
* Article link: https://www.benmvp.com/blog/forwarding-refs-polymorphic-react-component-typescript/
|
|
6
|
+
*/
|
|
7
|
+
import type { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType } from 'react';
|
|
8
|
+
declare type AsProp<C extends ElementType> = {
|
|
9
|
+
as?: C;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* Allows for extending a set of props (`ExtendedProps`) by an overriding set of props
|
|
13
|
+
* (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
|
|
14
|
+
* set of props.
|
|
15
|
+
*/
|
|
16
|
+
declare type ExtendableProps<ExtendedProps = Record<string, never>, OverrideProps = Record<string, never>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
|
|
17
|
+
/**
|
|
18
|
+
* Allows for inheriting the props from the specified element type so that
|
|
19
|
+
* props like children, className & style work, as well as element-specific
|
|
20
|
+
* attributes like aria roles. The component (`C`) must be passed in.
|
|
21
|
+
*/
|
|
22
|
+
declare type InheritableElementProps<C extends ElementType, Props = Record<string, never>> = ExtendableProps<ComponentPropsWithoutRef<C>, Props>;
|
|
23
|
+
export declare type PolymorphicComponentProps<C extends ElementType, Props = Record<string, never>> = InheritableElementProps<C, Props & AsProp<C>>;
|
|
24
|
+
export declare type PolymorphicComponentPropsWithRef<C extends ElementType, P = Record<string, never>> = PolymorphicComponentProps<C, P> & {
|
|
25
|
+
ref?: ComponentPropsWithRef<C>['ref'];
|
|
26
|
+
};
|
|
27
|
+
export declare type PolymorphicRef<C extends ElementType> = PolymorphicComponentPropsWithRef<C>['ref'];
|
|
28
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* These were heavily inspired by "Forwarding refs for a polymorphic React
|
|
3
|
+
* component in TypeScript", written by Ben Ilegbodu.
|
|
4
|
+
*
|
|
5
|
+
* Article link: https://www.benmvp.com/blog/forwarding-refs-polymorphic-react-component-typescript/
|
|
6
|
+
*/
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=PolymorphicGenerics.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PolymorphicGenerics.js","sourceRoot":"","sources":["../../../../../components/src/typings/PolymorphicGenerics.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type { PolymorphicRef, PolymorphicComponentProps, PolymorphicComponentPropsWithRef, } from './PolymorphicGenerics';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../components/src/typings/index.ts"],"names":[],"mappings":""}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { Dispatch } from 'react';
|
|
2
2
|
import type { SwipeableProps } from 'react-swipeable';
|
|
3
|
-
export
|
|
3
|
+
export type SlideDirection = 'next' | 'previous';
|
|
4
4
|
interface NextPageAction {
|
|
5
5
|
type: 'NEXT_PAGE';
|
|
6
6
|
}
|
|
@@ -17,8 +17,8 @@ interface GoToPageAction {
|
|
|
17
17
|
interface StopSlideAction {
|
|
18
18
|
type: 'STOP_SLIDE';
|
|
19
19
|
}
|
|
20
|
-
export
|
|
21
|
-
export
|
|
20
|
+
export type Action = NextPageAction | PreviousPageAction | StopSlideAction | GoToPageAction;
|
|
21
|
+
export type SliderDispatch = Dispatch<Action>;
|
|
22
22
|
export interface SliderState {
|
|
23
23
|
/**
|
|
24
24
|
* The `currentItem` in a Slider with multiple items in a single page is
|
package/dist/index.d.ts
CHANGED
|
@@ -1,22 +1,10 @@
|
|
|
1
1
|
export * from '@faststore/components';
|
|
2
|
-
export { default as Link } from './components/atoms/Link';
|
|
3
|
-
export type { LinkProps } from './components/atoms/Link';
|
|
4
|
-
export { default as Input } from './components/atoms/Input';
|
|
5
|
-
export type { InputProps } from './components/atoms/Input';
|
|
6
2
|
export { default as Popover } from './components/atoms/Popover';
|
|
7
3
|
export type { PopoverProps } from './components/atoms/Popover';
|
|
8
|
-
export { default as Price } from './components/atoms/Price';
|
|
9
|
-
export type { PriceProps } from './components/atoms/Price';
|
|
10
4
|
export { default as TextArea } from './components/atoms/TextArea';
|
|
11
5
|
export type { TextAreaProps } from './components/atoms/TextArea';
|
|
12
|
-
export { default as Overlay } from './components/atoms/Overlay';
|
|
13
|
-
export type { OverlayProps } from './components/atoms/Overlay';
|
|
14
|
-
export { default as Select } from './components/atoms/Select';
|
|
15
|
-
export type { SelectProps } from './components/atoms/Select';
|
|
16
6
|
export { default as Slider } from './components/atoms/Slider';
|
|
17
7
|
export type { SliderProps } from './components/atoms/Slider';
|
|
18
|
-
export { default as List } from './components/atoms/List';
|
|
19
|
-
export type { ListProps } from './components/atoms/List';
|
|
20
8
|
export { default as Skeleton } from './components/atoms/Skeleton';
|
|
21
9
|
export type { SkeletonProps } from './components/atoms/Skeleton';
|
|
22
10
|
export { default as Spinner } from './components/atoms/Spinner';
|
|
@@ -25,8 +13,6 @@ export { default as Incentive } from './components/atoms/Incentive';
|
|
|
25
13
|
export type { IncentiveProps } from './components/atoms/Incentive';
|
|
26
14
|
export { default as SkuSelector } from './components/molecules/SkuSelector';
|
|
27
15
|
export type { SkuSelectorProps } from './components/molecules/SkuSelector';
|
|
28
|
-
export { default as Gift, GiftContent, GiftImage, } from './components/molecules/Gift';
|
|
29
|
-
export type { GiftProps, GiftContentProps, GiftImageProps, } from './components/molecules/Gift';
|
|
30
16
|
export { default as ProductTitle } from './components/molecules/ProductTitle';
|
|
31
17
|
export type { ProductTitleProps } from './components/molecules/ProductTitle';
|
|
32
18
|
export { default as OrderSummary } from './components/molecules/OrderSummary';
|
|
@@ -59,23 +45,15 @@ export { default as PriceRange } from './components/molecules/PriceRange';
|
|
|
59
45
|
export type { PriceRangeProps } from './components/molecules/PriceRange';
|
|
60
46
|
export { default as RadioGroup, RadioOption, } from './components/molecules/RadioGroup';
|
|
61
47
|
export type { RadioGroupProps, RadioOptionProps, } from './components/molecules/RadioGroup';
|
|
62
|
-
export { default as Accordion, AccordionItem, AccordionButton, AccordionPanel, } from './components/molecules/Accordion';
|
|
63
|
-
export type { AccordionProps, AccordionItemProps, AccordionButtonProps, AccordionPanelProps, } from './components/molecules/Accordion';
|
|
64
|
-
export { Table, TableBody, TableCell, TableFooter, TableHead, TableRow, } from './components/molecules/Table';
|
|
65
|
-
export type { TableProps, TableBodyProps, TableCellProps, TableFooterProps, TableHeadProps, TableRowProps, } from './components/molecules/Table';
|
|
66
48
|
export { default as Form } from './components/molecules/Form';
|
|
67
49
|
export type { FormProps } from './components/molecules/Form';
|
|
68
50
|
export { default as Alert } from './components/molecules/Alert';
|
|
69
51
|
export type { AlertProps } from './components/molecules/Alert';
|
|
70
52
|
export { default as QuantitySelector } from './components/molecules/QuantitySelector';
|
|
71
53
|
export type { QuantitySelectorProps } from './components/molecules/QuantitySelector';
|
|
72
|
-
export { default as Dropdown, DropdownButton, DropdownItem, DropdownMenu, } from './components/molecules/Dropdown';
|
|
73
|
-
export type { DropdownProps, DropdownButtonProps, DropdownItemProps, DropdownMenuProps, } from './components/molecules/Dropdown';
|
|
74
54
|
export { default as OutOfStock, OutOfStockTitle, OutOfStockMessage, } from './components/organisms/OutOfStock';
|
|
75
55
|
export type { OutOfStockProps, OutOfStockMessageProps, OutOfStockTitleProps, } from './components/organisms/OutOfStock';
|
|
76
56
|
export { Tiles, Tile } from './components/organisms/Tiles';
|
|
77
57
|
export type { TilesProps, TileProps } from './components/organisms/Tiles';
|
|
78
|
-
export { default as Hero, HeroHeading, HeroImage, } from './components/organisms/Hero';
|
|
79
|
-
export type { HeroProps, HeroHeadingProps, HeroImageProps, } from './components/organisms/Hero';
|
|
80
58
|
export { default as useSlider } from './hooks/useSlider';
|
|
81
59
|
export type { UseSliderArgs, SliderState, SliderDispatch, SlideDirection, } from './hooks/useSlider';
|
package/dist/index.js
CHANGED
|
@@ -1,20 +1,13 @@
|
|
|
1
1
|
export * from '@faststore/components';
|
|
2
2
|
// Atoms
|
|
3
|
-
export { default as Link } from './components/atoms/Link';
|
|
4
|
-
export { default as Input } from './components/atoms/Input';
|
|
5
3
|
export { default as Popover } from './components/atoms/Popover';
|
|
6
|
-
export { default as Price } from './components/atoms/Price';
|
|
7
4
|
export { default as TextArea } from './components/atoms/TextArea';
|
|
8
|
-
export { default as Overlay } from './components/atoms/Overlay';
|
|
9
|
-
export { default as Select } from './components/atoms/Select';
|
|
10
5
|
export { default as Slider } from './components/atoms/Slider';
|
|
11
|
-
export { default as List } from './components/atoms/List';
|
|
12
6
|
export { default as Skeleton } from './components/atoms/Skeleton';
|
|
13
7
|
export { default as Spinner } from './components/atoms/Spinner';
|
|
14
8
|
export { default as Incentive } from './components/atoms/Incentive';
|
|
15
9
|
// Molecules
|
|
16
10
|
export { default as SkuSelector } from './components/molecules/SkuSelector';
|
|
17
|
-
export { default as Gift, GiftContent, GiftImage, } from './components/molecules/Gift';
|
|
18
11
|
export { default as ProductTitle } from './components/molecules/ProductTitle';
|
|
19
12
|
export { default as OrderSummary } from './components/molecules/OrderSummary';
|
|
20
13
|
export { default as AggregateRating } from './components/molecules/AggregateRating';
|
|
@@ -31,16 +24,12 @@ export { default as Breadcrumb } from './components/molecules/Breadcrumb';
|
|
|
31
24
|
export { default as LoadingButton } from './components/molecules/LoadingButton';
|
|
32
25
|
export { default as PriceRange } from './components/molecules/PriceRange';
|
|
33
26
|
export { default as RadioGroup, RadioOption, } from './components/molecules/RadioGroup';
|
|
34
|
-
export { default as Accordion, AccordionItem, AccordionButton, AccordionPanel, } from './components/molecules/Accordion';
|
|
35
|
-
export { Table, TableBody, TableCell, TableFooter, TableHead, TableRow, } from './components/molecules/Table';
|
|
36
27
|
export { default as Form } from './components/molecules/Form';
|
|
37
28
|
export { default as Alert } from './components/molecules/Alert';
|
|
38
29
|
export { default as QuantitySelector } from './components/molecules/QuantitySelector';
|
|
39
|
-
export { default as Dropdown, DropdownButton, DropdownItem, DropdownMenu, } from './components/molecules/Dropdown';
|
|
40
30
|
// Organisms
|
|
41
31
|
export { default as OutOfStock, OutOfStockTitle, OutOfStockMessage, } from './components/organisms/OutOfStock';
|
|
42
32
|
export { Tiles, Tile } from './components/organisms/Tiles';
|
|
43
|
-
export { default as Hero, HeroHeading, HeroImage, } from './components/organisms/Hero';
|
|
44
33
|
// Hooks
|
|
45
34
|
export { default as useSlider } from './hooks/useSlider';
|
|
46
35
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AAErC,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AAErC,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAG/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAGjE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAG7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAGjE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAG/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGnE,YAAY;AACZ,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAA;AAG3E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAA;AAG7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAA;AAG7E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAGnF,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,oCAAoC,CAAA;AAQ3C,OAAO,EACL,OAAO,IAAI,IAAI,EACf,SAAS,EACT,WAAW,EACX,WAAW,GACZ,MAAM,6BAA6B,CAAA;AAQpC,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,eAAe,EACf,eAAe,EACf,aAAa,EACb,cAAc,EACd,eAAe,EACf,aAAa,GACd,MAAM,iCAAiC,CAAA;AAWxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAA;AAM3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAA;AAGrE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,8BAA8B,CAAA;AAG/D,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,aAAa,EACb,WAAW,EACX,UAAU,GACX,MAAM,+BAA+B,CAAA;AAQtC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uCAAuC,CAAA;AAGjF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAGzE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAA;AAG/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAGzE,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,WAAW,GACZ,MAAM,mCAAmC,CAAA;AAM1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAG7D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,8BAA8B,CAAA;AAG/D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yCAAyC,CAAA;AAGrF,YAAY;AACZ,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,eAAe,EACf,iBAAiB,GAClB,MAAM,mCAAmC,CAAA;AAO1C,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AAG1D,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAA"}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* Article link: https://www.benmvp.com/blog/forwarding-refs-polymorphic-react-component-typescript/
|
|
6
6
|
*/
|
|
7
7
|
import type { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType } from 'react';
|
|
8
|
-
|
|
8
|
+
type AsProp<C extends ElementType> = {
|
|
9
9
|
as?: C;
|
|
10
10
|
};
|
|
11
11
|
/**
|
|
@@ -13,16 +13,16 @@ declare type AsProp<C extends ElementType> = {
|
|
|
13
13
|
* (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
|
|
14
14
|
* set of props.
|
|
15
15
|
*/
|
|
16
|
-
|
|
16
|
+
type ExtendableProps<ExtendedProps = Record<string, never>, OverrideProps = Record<string, never>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
|
|
17
17
|
/**
|
|
18
18
|
* Allows for inheriting the props from the specified element type so that
|
|
19
19
|
* props like children, className & style work, as well as element-specific
|
|
20
20
|
* attributes like aria roles. The component (`C`) must be passed in.
|
|
21
21
|
*/
|
|
22
|
-
|
|
23
|
-
export
|
|
24
|
-
export
|
|
22
|
+
type InheritableElementProps<C extends ElementType, Props = Record<string, never>> = ExtendableProps<ComponentPropsWithoutRef<C>, Props>;
|
|
23
|
+
export type PolymorphicComponentProps<C extends ElementType, Props = Record<string, never>> = InheritableElementProps<C, Props & AsProp<C>>;
|
|
24
|
+
export type PolymorphicComponentPropsWithRef<C extends ElementType, P = Record<string, never>> = PolymorphicComponentProps<C, P> & {
|
|
25
25
|
ref?: ComponentPropsWithRef<C>['ref'];
|
|
26
26
|
};
|
|
27
|
-
export
|
|
27
|
+
export type PolymorphicRef<C extends ElementType> = PolymorphicComponentPropsWithRef<C>['ref'];
|
|
28
28
|
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { HTMLAttributes } from 'react';
|
|
3
|
+
export interface IncentiveProps 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
|
+
declare const Incentive: React.ForwardRefExoticComponent<IncentiveProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export default Incentive;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
const Incentive = forwardRef(function Incentive({ testId = 'store-incentive', children, ...otherProps }, ref) {
|
|
3
|
+
return (React.createElement("div", Object.assign({ ref: ref, "data-fs-incentive": true, "data-testid": testId }, otherProps), children));
|
|
4
|
+
});
|
|
5
|
+
export default Incentive;
|
|
6
|
+
//# sourceMappingURL=Incentive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Incentive.js","sourceRoot":"","sources":["../../../../../../src/components/atoms/Incentive/Incentive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EAAE,MAAM,GAAG,iBAAiB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACvD,GAAG;IAEH,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,4CAAiC,MAAM,IAAM,UAAU,GACjE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/atoms/Incentive/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export function SafetyIcon() {
|
|
3
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "35", height: "35", fill: "none" },
|
|
4
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 7h20v7c0 10-8 14-10 14S6 24 6 14V7Zm0-2a2 2 0 0 0-2 2v7c0 11 10 15 11 16h2c1-1 11-5 11-16V7a2 2 0 0 0-2-2H6Zm16 9a1 1 0 0 0-1-2l-7 7-3-3a1 1 0 0 0-1 1l4 4h1l7-7Z", fill: "#323845" })));
|
|
5
|
+
}
|
|
6
|
+
//# sourceMappingURL=Icons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../../../../../../src/components/atoms/Incentive/stories/assets/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM;QACxE,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sKAAsK,EACxK,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ElementType, ReactElement } from 'react';
|
|
3
|
+
import type { PolymorphicComponentPropsWithRef } from '../../../typings';
|
|
4
|
+
interface Props {
|
|
5
|
+
/**
|
|
6
|
+
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
7
|
+
*/
|
|
8
|
+
testId?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare type LinkProps<C extends ElementType> = PolymorphicComponentPropsWithRef<C, Props>;
|
|
11
|
+
declare type LinkComponent = <C extends ElementType = 'a'>(props: LinkProps<C>) => ReactElement | null;
|
|
12
|
+
declare const Link: LinkComponent;
|
|
13
|
+
/**
|
|
14
|
+
* This is only being exported to make it easier to use in Storybook.
|
|
15
|
+
* **DON'T** import this directly to use this component, use the default export
|
|
16
|
+
* instead.
|
|
17
|
+
*/
|
|
18
|
+
export declare const StorybookLink: React.FC<Props>;
|
|
19
|
+
export default Link;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
const Link = forwardRef(function Link({ as, children, testId = 'store-link', ...otherProps }, ref) {
|
|
3
|
+
const Component = as ?? 'a';
|
|
4
|
+
return (React.createElement(Component, Object.assign({ ref: ref, "data-fs-link": true, "data-testid": testId }, otherProps), children));
|
|
5
|
+
});
|
|
6
|
+
/**
|
|
7
|
+
* This is only being exported to make it easier to use in Storybook.
|
|
8
|
+
* **DON'T** import this directly to use this component, use the default export
|
|
9
|
+
* instead.
|
|
10
|
+
*/
|
|
11
|
+
export const StorybookLink = Link;
|
|
12
|
+
export default Link;
|
|
13
|
+
//# sourceMappingURL=Link.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../../../src/components/atoms/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAwBzC,MAAM,IAAI,GAAkB,UAAU,CAAC,SAAS,IAAI,CAGlD,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,GAAG,YAAY,EAAE,GAAG,UAAU,EAAgB,EACpE,GAAuB;IAEvB,MAAM,SAAS,GAAG,EAAE,IAAI,GAAG,CAAA;IAE3B,OAAO,CACL,oBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,uCAA4B,MAAM,IAAM,UAAU,GAClE,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,IAAiB,CAAA;AAE9C,eAAe,IAAI,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/atoms/Link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { PopoverProps as ReachPopoverProps } from '@reach/popover';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
3
|
+
export declare type PopoverProps = Omit<ReachPopoverProps, 'position' | 'targetRef'> & {
|
|
4
|
+
/**
|
|
5
|
+
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
6
|
+
*/
|
|
7
|
+
testId?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Ref for the component initial position.
|
|
10
|
+
*/
|
|
11
|
+
targetRef: ReachPopoverProps['targetRef'];
|
|
12
|
+
children: ReactNode;
|
|
13
|
+
};
|
|
14
|
+
declare const Popover: ({ targetRef, testId, children, ...otherProps }: PopoverProps) => JSX.Element;
|
|
15
|
+
export default Popover;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import ReachPopover, { positionDefault } from '@reach/popover';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
const Popover = ({ targetRef, testId = 'store-popover', children, ...otherProps }) => {
|
|
4
|
+
return (React.createElement(ReachPopover, Object.assign({ "data-fs-popover": true, "data-testid": testId, position: positionDefault, targetRef: targetRef }, otherProps), children));
|
|
5
|
+
};
|
|
6
|
+
export default Popover;
|
|
7
|
+
//# sourceMappingURL=Popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../../../src/components/atoms/Popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,YAAY,EAAE,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,MAAM,GAAG,eAAe,EACxB,QAAQ,EACR,GAAG,UAAU,EACA,EAAE,EAAE;IACjB,OAAO,CACL,oBAAC,YAAY,0DAEE,MAAM,EACnB,QAAQ,EAAE,eAAe,EACzB,SAAS,EAAE,SAAS,IAChB,UAAU,GAEb,QAAQ,CACI,CAChB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/atoms/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { HTMLAttributes, ElementType, ReactNode } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export declare type PriceVariant = 'selling' | 'listing' | 'spot' | 'savings' | 'installment';
|
|
4
|
+
export declare type PriceFormatter = (price: number, variant: PriceVariant) => ReactNode;
|
|
5
|
+
export interface PriceProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
|
|
6
|
+
/**
|
|
7
|
+
* Set the HTML element tag of this component.
|
|
8
|
+
*/
|
|
9
|
+
as?: ElementType;
|
|
10
|
+
/**
|
|
11
|
+
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
12
|
+
*/
|
|
13
|
+
testId?: string;
|
|
14
|
+
/**
|
|
15
|
+
* The raw price value.
|
|
16
|
+
*/
|
|
17
|
+
value: number;
|
|
18
|
+
/**
|
|
19
|
+
* Formatter function that transforms the raw price value and render the result.
|
|
20
|
+
*/
|
|
21
|
+
formatter?: PriceFormatter;
|
|
22
|
+
/**
|
|
23
|
+
* The current use case variant for prices.
|
|
24
|
+
*/
|
|
25
|
+
variant?: PriceVariant;
|
|
26
|
+
}
|
|
27
|
+
export declare const Price: React.ForwardRefExoticComponent<PriceProps & React.RefAttributes<Omit<HTMLSpanElement, "children">>>;
|
|
28
|
+
export default Price;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
export const Price = forwardRef(function Price({ as: Component = 'span', testId = 'store-price', value, formatter = (price) => price, variant = 'selling', ...otherProps }, ref) {
|
|
3
|
+
const formattedPrice = formatter(value, variant);
|
|
4
|
+
return (React.createElement(Component, Object.assign({ ref: ref, "data-fs-price": true, "data-testid": testId, "data-variant": variant }, otherProps), formattedPrice));
|
|
5
|
+
});
|
|
6
|
+
export default Price;
|
|
7
|
+
//# sourceMappingURL=Price.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Price.js","sourceRoot":"","sources":["../../../../../../src/components/atoms/Price/Price.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAmCzC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,SAAS,KAAK,CACZ,EACE,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,MAAM,GAAG,aAAa,EACtB,KAAK,EACL,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAC5B,OAAO,GAAG,SAAS,EACnB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,cAAc,GAAG,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;IAEhD,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,wCAEK,MAAM,kBACL,OAAO,IACjB,UAAU,GAEb,cAAc,CACL,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/atoms/Price/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { SelectHTMLAttributes } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
|
|
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 Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
|
|
10
|
+
export default Select;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
const Select = forwardRef(function Select({ children, testId = 'store-select', ...otherProps }, ref) {
|
|
3
|
+
return (React.createElement("select", Object.assign({ ref: ref, "data-fs-select": true, "data-testid": testId }, otherProps), children));
|
|
4
|
+
});
|
|
5
|
+
export default Select;
|
|
6
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../../src/components/atoms/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CACvE,EAAE,QAAQ,EAAE,MAAM,GAAG,cAAc,EAAE,GAAG,UAAU,EAAE,EACpD,GAAG;IAEH,OAAO,CACL,8CAAQ,GAAG,EAAE,GAAG,yCAA8B,MAAM,IAAM,UAAU,GACjE,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/atoms/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { HTMLAttributes } from 'react';
|
|
3
|
+
export interface SkeletonProps 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 Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export default Skeleton;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
const Skeleton = forwardRef(function Skeleton({ testId = 'store-skeleton', ...otherProps }, ref) {
|
|
3
|
+
return (React.createElement("div", Object.assign({ ref: ref, "data-fs-skeleton": true, "data-testid": testId }, otherProps)));
|
|
4
|
+
});
|
|
5
|
+
export default Skeleton;
|
|
6
|
+
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,QAAQ,GAAG,UAAU,CAAgC,SAAS,QAAQ,CAC1E,EAAE,MAAM,GAAG,gBAAgB,EAAE,GAAG,UAAU,EAAE,EAC5C,GAAG;IAEH,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,2CAAgC,MAAM,IAAM,UAAU,EAAI,CACxE,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/atoms/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This code is inspired by the work of [sandra-lewis](https://codesandbox.io/u/sandra-lewis)
|
|
3
|
+
*/
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import type { ReactNode } from 'react';
|
|
6
|
+
interface Range {
|
|
7
|
+
absolute: number;
|
|
8
|
+
selected: number;
|
|
9
|
+
}
|
|
10
|
+
export declare type SliderProps = {
|
|
11
|
+
/**
|
|
12
|
+
* The minimum value of the slider.
|
|
13
|
+
*/
|
|
14
|
+
min: Range;
|
|
15
|
+
/**
|
|
16
|
+
* The maximum value of the slider.
|
|
17
|
+
*/
|
|
18
|
+
max: Range;
|
|
19
|
+
/**
|
|
20
|
+
* Specifies the number interval to be used in the inputs.
|
|
21
|
+
*/
|
|
22
|
+
step?: number;
|
|
23
|
+
/**
|
|
24
|
+
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
25
|
+
*
|
|
26
|
+
* @default 'store-slider'
|
|
27
|
+
*/
|
|
28
|
+
testId?: string;
|
|
29
|
+
/**
|
|
30
|
+
* Callback that fires when the slider value changes.
|
|
31
|
+
*/
|
|
32
|
+
onChange?: (value: {
|
|
33
|
+
min: number;
|
|
34
|
+
max: number;
|
|
35
|
+
}) => void;
|
|
36
|
+
/**
|
|
37
|
+
* Callback that fires when the slider value ends changing.
|
|
38
|
+
*/
|
|
39
|
+
onEnd?: (value: {
|
|
40
|
+
min: number;
|
|
41
|
+
max: number;
|
|
42
|
+
}) => void;
|
|
43
|
+
/**
|
|
44
|
+
* A function used to set a human-readable value text based on the slider's current value.
|
|
45
|
+
*/
|
|
46
|
+
getAriaValueText?(value: number, thumb?: 'min' | 'max'): string;
|
|
47
|
+
/**
|
|
48
|
+
* Returns the value of element's class content attribute.
|
|
49
|
+
*/
|
|
50
|
+
className?: string;
|
|
51
|
+
/**
|
|
52
|
+
* Component that renders min value label above the left thumb.
|
|
53
|
+
*/
|
|
54
|
+
minValueLabelComponent?: (minValue: number) => ReactNode;
|
|
55
|
+
/**
|
|
56
|
+
* Component that renders max value label above the right thumb.
|
|
57
|
+
*/
|
|
58
|
+
maxValueLabelComponent?: (maxValue: number) => ReactNode;
|
|
59
|
+
};
|
|
60
|
+
declare type SliderRefType = {
|
|
61
|
+
setSliderValues: (values: {
|
|
62
|
+
min: number;
|
|
63
|
+
max: number;
|
|
64
|
+
}) => void;
|
|
65
|
+
};
|
|
66
|
+
declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<SliderRefType | undefined>>;
|
|
67
|
+
export default Slider;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This code is inspired by the work of [sandra-lewis](https://codesandbox.io/u/sandra-lewis)
|
|
3
|
+
*/
|
|
4
|
+
import React, { useState, useMemo, useImperativeHandle, forwardRef, } from 'react';
|
|
5
|
+
const percent = (value, min, max) => Math.round(((value - min) / (max - min)) * 100);
|
|
6
|
+
const Slider = forwardRef(function Slider({ min, max, onChange, onEnd, testId = 'store-slider', getAriaValueText, className, step, minValueLabelComponent, maxValueLabelComponent, }, ref) {
|
|
7
|
+
const widthPercent = useMemo(() => (max.absolute - min.absolute) / 100, [max.absolute, min.absolute]);
|
|
8
|
+
const [minPercent, setMinPercent] = useState(() => percent(min.selected, min.absolute, max.absolute));
|
|
9
|
+
const [maxPercent, setMaxPercent] = useState(() => percent(max.selected, min.absolute, max.absolute));
|
|
10
|
+
const [minVal, setMinVal] = useState(() => Math.round(min.absolute + minPercent * widthPercent));
|
|
11
|
+
const [maxVal, setMaxVal] = useState(() => Math.round(min.absolute + maxPercent * widthPercent));
|
|
12
|
+
useImperativeHandle(ref, () => ({
|
|
13
|
+
setSliderValues: (values) => {
|
|
14
|
+
const sliderMinValue = Math.min(Number(values.min), maxVal);
|
|
15
|
+
setMinVal(sliderMinValue);
|
|
16
|
+
setMinPercent(percent(sliderMinValue, min.absolute, max.absolute));
|
|
17
|
+
if (values.max > max.absolute) {
|
|
18
|
+
setMaxVal(max.absolute);
|
|
19
|
+
setMaxPercent(percent(max.absolute, min.absolute, max.absolute));
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
const sliderMaxValue = Math.max(Number(values.max), minVal);
|
|
23
|
+
setMaxVal(sliderMaxValue);
|
|
24
|
+
setMaxPercent(percent(sliderMaxValue, min.absolute, max.absolute));
|
|
25
|
+
},
|
|
26
|
+
}));
|
|
27
|
+
return (React.createElement("div", { "data-fs-slider": true, "data-testid": testId, className: className },
|
|
28
|
+
React.createElement("div", { "data-slider-range": true, style: {
|
|
29
|
+
left: `${minPercent}%`,
|
|
30
|
+
width: `${maxPercent - minPercent}%`,
|
|
31
|
+
} }),
|
|
32
|
+
React.createElement("input", { type: "range", min: Math.round(min.absolute), max: Math.round(max.absolute), value: minVal, step: step, onMouseUp: () => onEnd?.({ min: minVal, max: maxVal }), onTouchEnd: () => onEnd?.({ min: minVal, max: maxVal }), onChange: (event) => {
|
|
33
|
+
const minValue = Math.min(Number(event.target.value), maxVal);
|
|
34
|
+
setMinVal(minValue);
|
|
35
|
+
setMinPercent(percent(minValue, min.absolute, max.absolute));
|
|
36
|
+
onChange?.({ min: minValue, max: maxVal });
|
|
37
|
+
}, "data-slider-thumb": "left", "aria-valuemin": min.absolute, "aria-valuemax": max.absolute, "aria-valuenow": minVal, "aria-label": String(minVal), "aria-labelledby": getAriaValueText?.(minVal, 'min') }),
|
|
38
|
+
minValueLabelComponent && minValueLabelComponent(minVal),
|
|
39
|
+
React.createElement("input", { type: "range", min: Math.round(min.absolute), max: Math.round(max.absolute), value: maxVal, step: step, onMouseUp: () => onEnd?.({ min: minVal, max: maxVal }), onTouchEnd: () => onEnd?.({ min: minVal, max: maxVal }), onChange: (event) => {
|
|
40
|
+
const maxValue = Math.max(Number(event.target.value), minVal);
|
|
41
|
+
setMaxVal(maxValue);
|
|
42
|
+
setMaxPercent(percent(maxValue, min.absolute, max.absolute));
|
|
43
|
+
onChange?.({ min: minVal, max: maxValue });
|
|
44
|
+
}, "data-slider-thumb": "right", "aria-valuemin": min.absolute, "aria-valuemax": max.absolute, "aria-valuenow": maxVal, "aria-label": String(maxVal), "aria-labelledby": getAriaValueText?.(maxVal, 'max') }),
|
|
45
|
+
maxValueLabelComponent && maxValueLabelComponent(maxVal)));
|
|
46
|
+
});
|
|
47
|
+
export default Slider;
|
|
48
|
+
//# sourceMappingURL=Slider.js.map
|