@searchspring/snap-preact-components 0.28.0 → 0.29.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/cjs/components/Atoms/Badge/Badge.d.ts +3 -1
- package/dist/cjs/components/Atoms/Badge/Badge.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Badge/Badge.stories.d.ts +13 -3
- package/dist/cjs/components/Atoms/Badge/Badge.stories.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Badge/Badge.stories.js +2 -2
- package/dist/cjs/components/Atoms/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Breadcrumbs/Breadcrumbs.stories.d.ts +27 -3
- package/dist/cjs/components/Atoms/Breadcrumbs/Breadcrumbs.stories.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Breadcrumbs/Breadcrumbs.stories.js +4 -3
- package/dist/cjs/components/Atoms/Button/Button.d.ts +4 -2
- package/dist/cjs/components/Atoms/Button/Button.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Button/Button.js +7 -5
- package/dist/cjs/components/Atoms/Button/Button.stories.d.ts +22 -4
- package/dist/cjs/components/Atoms/Button/Button.stories.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Button/Button.stories.js +6 -4
- package/dist/cjs/components/Atoms/Dropdown/Dropdown.d.ts +5 -3
- package/dist/cjs/components/Atoms/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Dropdown/Dropdown.js +11 -8
- package/dist/cjs/components/Atoms/Dropdown/Dropdown.stories.d.ts +38 -6
- package/dist/cjs/components/Atoms/Dropdown/Dropdown.stories.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Dropdown/Dropdown.stories.js +10 -10
- package/dist/cjs/components/Atoms/FormattedNumber/FormattedNumber.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/FormattedNumber/FormattedNumber.stories.d.ts +23 -4
- package/dist/cjs/components/Atoms/FormattedNumber/FormattedNumber.stories.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/FormattedNumber/FormattedNumber.stories.js +6 -4
- package/dist/cjs/components/Atoms/Icon/Icon.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Icon/Icon.js +6 -4
- package/dist/cjs/components/Atoms/Icon/Icon.stories.d.ts +9 -3
- package/dist/cjs/components/Atoms/Icon/Icon.stories.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Icon/Icon.stories.js +3 -27
- package/dist/cjs/components/Atoms/Image/Image.d.ts +5 -5
- package/dist/cjs/components/Atoms/Image/Image.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Image/Image.js +1 -1
- package/dist/cjs/components/Atoms/Image/Image.stories.d.ts +31 -5
- package/dist/cjs/components/Atoms/Image/Image.stories.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Image/Image.stories.js +8 -5
- package/dist/cjs/components/Atoms/Loading/LoadingBar.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Loading/LoadingBar.js +6 -5
- package/dist/cjs/components/Atoms/Loading/LoadingBar.stories.d.ts +7 -2
- package/dist/cjs/components/Atoms/Loading/LoadingBar.stories.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Loading/LoadingBar.stories.js +2 -2
- package/dist/cjs/components/Atoms/Merchandising/Banner.d.ts +4 -3
- package/dist/cjs/components/Atoms/Merchandising/Banner.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Merchandising/Banner.js +15 -12
- package/dist/cjs/components/Atoms/Merchandising/Banner.stories.d.ts +54 -5
- package/dist/cjs/components/Atoms/Merchandising/Banner.stories.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Merchandising/Banner.stories.js +21 -6
- package/dist/cjs/components/Atoms/Merchandising/InlineBanner.d.ts +3 -2
- package/dist/cjs/components/Atoms/Merchandising/InlineBanner.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Merchandising/InlineBanner.js +6 -5
- package/dist/cjs/components/Atoms/Merchandising/InlineBanner.stories.d.ts +12 -2
- package/dist/cjs/components/Atoms/Merchandising/InlineBanner.stories.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Merchandising/InlineBanner.stories.js +7 -7
- package/dist/cjs/components/Atoms/Overlay/Overlay.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Overlay/Overlay.js +0 -1
- package/dist/cjs/components/Atoms/Overlay/Overlay.stories.d.ts +7 -2
- package/dist/cjs/components/Atoms/Overlay/Overlay.stories.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Overlay/Overlay.stories.js +2 -2
- package/dist/cjs/components/Atoms/Price/Price.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Price/Price.js +1 -1
- package/dist/cjs/components/Atoms/Price/Price.stories.d.ts +24 -4
- package/dist/cjs/components/Atoms/Price/Price.stories.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Price/Price.stories.js +6 -4
- package/dist/cjs/components/Atoms/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Skeleton/Skeleton.stories.d.ts +10 -3
- package/dist/cjs/components/Atoms/Skeleton/Skeleton.stories.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Skeleton/Skeleton.stories.js +2 -2
- package/dist/cjs/components/Molecules/Carousel/Carousel.d.ts +6 -5
- package/dist/cjs/components/Molecules/Carousel/Carousel.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/Carousel/Carousel.js +7 -5
- package/dist/cjs/components/Molecules/Carousel/Carousel.stories.d.ts +4 -3
- package/dist/cjs/components/Molecules/Carousel/Carousel.stories.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/Carousel/Carousel.stories.js +2 -26
- package/dist/cjs/components/Molecules/Checkbox/Checkbox.d.ts +2 -1
- package/dist/cjs/components/Molecules/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/Checkbox/Checkbox.js +6 -5
- package/dist/cjs/components/Molecules/Checkbox/Checkbox.stories.d.ts +14 -3
- package/dist/cjs/components/Molecules/Checkbox/Checkbox.stories.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/Checkbox/Checkbox.stories.js +6 -4
- package/dist/cjs/components/Molecules/ErrorHandler/ErrorHandler.d.ts +3 -2
- package/dist/cjs/components/Molecules/ErrorHandler/ErrorHandler.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/ErrorHandler/ErrorHandler.js +13 -14
- package/dist/cjs/components/Molecules/ErrorHandler/ErrorHandler.stories.d.ts +54 -5
- package/dist/cjs/components/Molecules/ErrorHandler/ErrorHandler.stories.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/ErrorHandler/ErrorHandler.stories.js +8 -5
- package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.d.ts +3 -2
- package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.js +8 -6
- package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.stories.d.ts +11 -1
- package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.stories.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.stories.js +2 -2
- package/dist/cjs/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.d.ts +3 -2
- package/dist/cjs/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.js +5 -3
- package/dist/cjs/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.stories.d.ts +11 -1
- package/dist/cjs/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.stories.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.stories.js +2 -2
- package/dist/cjs/components/Molecules/FacetListOptions/FacetListOptions.d.ts +3 -2
- package/dist/cjs/components/Molecules/FacetListOptions/FacetListOptions.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/FacetListOptions/FacetListOptions.js +8 -6
- package/dist/cjs/components/Molecules/FacetListOptions/FacetListOptions.stories.d.ts +11 -1
- package/dist/cjs/components/Molecules/FacetListOptions/FacetListOptions.stories.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/FacetListOptions/FacetListOptions.stories.js +2 -2
- package/dist/cjs/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.d.ts +3 -2
- package/dist/cjs/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.js +7 -5
- package/dist/cjs/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.stories.d.ts +11 -1
- package/dist/cjs/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.stories.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.stories.js +2 -2
- package/dist/cjs/components/Molecules/FacetSlider/FacetSlider.d.ts +2 -1
- package/dist/cjs/components/Molecules/FacetSlider/FacetSlider.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/FacetSlider/FacetSlider.js +24 -23
- package/dist/cjs/components/Molecules/FacetSlider/FacetSlider.stories.d.ts +1 -1
- package/dist/cjs/components/Molecules/FacetSlider/FacetSlider.stories.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/FacetSlider/FacetSlider.stories.js +2 -2
- package/dist/cjs/components/Molecules/Filter/Filter.d.ts +7 -3
- package/dist/cjs/components/Molecules/Filter/Filter.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/Filter/Filter.js +16 -8
- package/dist/cjs/components/Molecules/Filter/Filter.stories.d.ts +35 -5
- package/dist/cjs/components/Molecules/Filter/Filter.stories.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/Filter/Filter.stories.js +18 -6
- package/dist/cjs/components/Molecules/Pagination/Pagination.d.ts +2 -1
- package/dist/cjs/components/Molecules/Pagination/Pagination.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/Pagination/Pagination.js +4 -4
- package/dist/cjs/components/Molecules/Pagination/Pagination.stories.d.ts +11 -1
- package/dist/cjs/components/Molecules/Pagination/Pagination.stories.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/Pagination/Pagination.stories.js +2 -2
- package/dist/cjs/components/Molecules/Result/Result.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/Result/Result.js +8 -8
- package/dist/cjs/components/Molecules/Result/Result.stories.d.ts +42 -3
- package/dist/cjs/components/Molecules/Result/Result.stories.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/Result/Result.stories.js +15 -5
- package/dist/cjs/components/Molecules/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/SearchInput/SearchInput.js +4 -4
- package/dist/cjs/components/Molecules/SearchInput/SearchInput.stories.d.ts +1 -1
- package/dist/cjs/components/Molecules/SearchInput/SearchInput.stories.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/SearchInput/SearchInput.stories.js +2 -2
- package/dist/cjs/components/Molecules/Select/Select.d.ts +1 -1
- package/dist/cjs/components/Molecules/Select/Select.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/Select/Select.js +11 -14
- package/dist/cjs/components/Molecules/Select/Select.stories.d.ts +28 -2
- package/dist/cjs/components/Molecules/Select/Select.stories.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/Select/Select.stories.js +7 -3
- package/dist/cjs/components/Molecules/Slideout/Slideout.d.ts +3 -1
- package/dist/cjs/components/Molecules/Slideout/Slideout.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/Slideout/Slideout.js +6 -4
- package/dist/cjs/components/Molecules/Slideout/Slideout.stories.d.ts +7 -2
- package/dist/cjs/components/Molecules/Slideout/Slideout.stories.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/Slideout/Slideout.stories.js +2 -2
- package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.d.ts +2 -2
- package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.js +73 -58
- package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.stories.d.ts +29 -1
- package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.stories.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.stories.js +2 -2
- package/dist/cjs/components/Organisms/BranchOverride/BranchOverride.d.ts +2 -1
- package/dist/cjs/components/Organisms/BranchOverride/BranchOverride.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/BranchOverride/BranchOverride.js +22 -23
- package/dist/cjs/components/Organisms/BranchOverride/BranchOverride.stories.d.ts +44 -5
- package/dist/cjs/components/Organisms/BranchOverride/BranchOverride.stories.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/BranchOverride/BranchOverride.stories.js +8 -5
- package/dist/cjs/components/Organisms/Facet/Facet.d.ts +3 -2
- package/dist/cjs/components/Organisms/Facet/Facet.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/Facet/Facet.js +17 -17
- package/dist/cjs/components/Organisms/Facet/Facet.stories.d.ts +51 -5
- package/dist/cjs/components/Organisms/Facet/Facet.stories.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/Facet/Facet.stories.js +18 -19
- package/dist/cjs/components/Organisms/Facets/Facets.d.ts +3 -1
- package/dist/cjs/components/Organisms/Facets/Facets.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/Facets/Facets.js +5 -3
- package/dist/cjs/components/Organisms/Facets/Facets.stories.d.ts +11 -1
- package/dist/cjs/components/Organisms/Facets/Facets.stories.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/Facets/Facets.stories.js +2 -2
- package/dist/cjs/components/Organisms/FilterSummary/FilterSummary.d.ts +5 -3
- package/dist/cjs/components/Organisms/FilterSummary/FilterSummary.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/FilterSummary/FilterSummary.js +5 -6
- package/dist/cjs/components/Organisms/FilterSummary/FilterSummary.stories.d.ts +37 -3
- package/dist/cjs/components/Organisms/FilterSummary/FilterSummary.stories.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/FilterSummary/FilterSummary.stories.js +13 -5
- package/dist/cjs/components/Organisms/Recommendation/Recommendation.d.ts +5 -3
- package/dist/cjs/components/Organisms/Recommendation/Recommendation.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/Recommendation/Recommendation.js +11 -9
- package/dist/cjs/components/Organisms/Recommendation/Recommendation.stories.d.ts +6 -4
- package/dist/cjs/components/Organisms/Recommendation/Recommendation.stories.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/Results/Results.d.ts +2 -2
- package/dist/cjs/components/Organisms/Results/Results.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/Results/Results.js +13 -13
- package/dist/cjs/components/Organisms/Results/Results.stories.d.ts +21 -2
- package/dist/cjs/components/Organisms/Results/Results.stories.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/Results/Results.stories.js +4 -4
- package/dist/cjs/hooks/useClickOutside.d.ts +3 -1
- package/dist/cjs/hooks/useClickOutside.d.ts.map +1 -1
- package/dist/cjs/hooks/useDisplaySettings.d.ts +1 -1
- package/dist/cjs/hooks/useDisplaySettings.d.ts.map +1 -1
- package/dist/cjs/hooks/useDisplaySettings.js +6 -3
- package/dist/cjs/hooks/useIntersection.d.ts +2 -1
- package/dist/cjs/hooks/useIntersection.d.ts.map +1 -1
- package/dist/cjs/mocks/searchResponse.d.ts +101 -0
- package/dist/cjs/mocks/searchResponse.d.ts.map +1 -1
- package/dist/cjs/mocks/searchResponse.js +11 -0
- package/dist/cjs/providers/controller.d.ts +6 -5
- package/dist/cjs/providers/controller.d.ts.map +1 -1
- package/dist/cjs/providers/store.d.ts +6 -5
- package/dist/cjs/providers/store.d.ts.map +1 -1
- package/dist/cjs/providers/theme.d.ts +10 -1
- package/dist/cjs/providers/theme.d.ts.map +1 -1
- package/dist/cjs/providers/theme.js +5 -4
- package/dist/cjs/types.d.ts +2 -198
- package/dist/cjs/types.d.ts.map +1 -1
- package/dist/cjs/types.js +2 -16
- package/dist/cjs/utilities/cloneWithProps.d.ts +1 -1
- package/dist/cjs/utilities/cloneWithProps.d.ts.map +1 -1
- package/dist/cjs/utilities/defined.d.ts +5 -1
- package/dist/cjs/utilities/defined.d.ts.map +1 -1
- package/dist/cjs/utilities/index.d.ts +1 -0
- package/dist/cjs/utilities/index.d.ts.map +1 -1
- package/dist/cjs/utilities/index.js +1 -0
- package/dist/cjs/utilities/shiftColor.d.ts +2 -0
- package/dist/cjs/utilities/shiftColor.d.ts.map +1 -0
- package/dist/cjs/utilities/shiftColor.js +28 -0
- package/dist/cjs/utilities/snapify.d.ts.map +1 -1
- package/dist/cjs/utilities/sprintf.d.ts.map +1 -1
- package/dist/cjs/utilities/sprintf.js +1 -0
- package/dist/esm/components/Atoms/Badge/Badge.d.ts +3 -1
- package/dist/esm/components/Atoms/Badge/Badge.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Badge/Badge.stories.d.ts +13 -3
- package/dist/esm/components/Atoms/Badge/Badge.stories.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Badge/Badge.stories.js +1 -2
- package/dist/esm/components/Atoms/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Breadcrumbs/Breadcrumbs.stories.d.ts +27 -3
- package/dist/esm/components/Atoms/Breadcrumbs/Breadcrumbs.stories.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Breadcrumbs/Breadcrumbs.stories.js +2 -3
- package/dist/esm/components/Atoms/Button/Button.d.ts +4 -2
- package/dist/esm/components/Atoms/Button/Button.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Button/Button.js +7 -5
- package/dist/esm/components/Atoms/Button/Button.stories.d.ts +22 -4
- package/dist/esm/components/Atoms/Button/Button.stories.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Button/Button.stories.js +3 -4
- package/dist/esm/components/Atoms/Dropdown/Dropdown.d.ts +5 -3
- package/dist/esm/components/Atoms/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Dropdown/Dropdown.js +11 -8
- package/dist/esm/components/Atoms/Dropdown/Dropdown.stories.d.ts +38 -6
- package/dist/esm/components/Atoms/Dropdown/Dropdown.stories.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Dropdown/Dropdown.stories.js +5 -10
- package/dist/esm/components/Atoms/FormattedNumber/FormattedNumber.d.ts.map +1 -1
- package/dist/esm/components/Atoms/FormattedNumber/FormattedNumber.stories.d.ts +23 -4
- package/dist/esm/components/Atoms/FormattedNumber/FormattedNumber.stories.d.ts.map +1 -1
- package/dist/esm/components/Atoms/FormattedNumber/FormattedNumber.stories.js +3 -4
- package/dist/esm/components/Atoms/Icon/Icon.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Icon/Icon.js +6 -4
- package/dist/esm/components/Atoms/Icon/Icon.stories.d.ts +9 -3
- package/dist/esm/components/Atoms/Icon/Icon.stories.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Icon/Icon.stories.js +2 -27
- package/dist/esm/components/Atoms/Image/Image.d.ts +5 -5
- package/dist/esm/components/Atoms/Image/Image.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Image/Image.js +2 -2
- package/dist/esm/components/Atoms/Image/Image.stories.d.ts +31 -5
- package/dist/esm/components/Atoms/Image/Image.stories.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Image/Image.stories.js +4 -5
- package/dist/esm/components/Atoms/Loading/LoadingBar.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Loading/LoadingBar.js +7 -7
- package/dist/esm/components/Atoms/Loading/LoadingBar.stories.d.ts +7 -2
- package/dist/esm/components/Atoms/Loading/LoadingBar.stories.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Loading/LoadingBar.stories.js +1 -2
- package/dist/esm/components/Atoms/Merchandising/Banner.d.ts +4 -3
- package/dist/esm/components/Atoms/Merchandising/Banner.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Merchandising/Banner.js +13 -11
- package/dist/esm/components/Atoms/Merchandising/Banner.stories.d.ts +54 -5
- package/dist/esm/components/Atoms/Merchandising/Banner.stories.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Merchandising/Banner.stories.js +4 -5
- package/dist/esm/components/Atoms/Merchandising/InlineBanner.d.ts +3 -2
- package/dist/esm/components/Atoms/Merchandising/InlineBanner.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Merchandising/InlineBanner.js +6 -5
- package/dist/esm/components/Atoms/Merchandising/InlineBanner.stories.d.ts +12 -2
- package/dist/esm/components/Atoms/Merchandising/InlineBanner.stories.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Merchandising/InlineBanner.stories.js +5 -6
- package/dist/esm/components/Atoms/Overlay/Overlay.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Overlay/Overlay.js +1 -3
- package/dist/esm/components/Atoms/Overlay/Overlay.stories.d.ts +7 -2
- package/dist/esm/components/Atoms/Overlay/Overlay.stories.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Overlay/Overlay.stories.js +1 -2
- package/dist/esm/components/Atoms/Price/Price.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Price/Price.js +1 -1
- package/dist/esm/components/Atoms/Price/Price.stories.d.ts +24 -4
- package/dist/esm/components/Atoms/Price/Price.stories.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Price/Price.stories.js +3 -4
- package/dist/esm/components/Atoms/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Skeleton/Skeleton.stories.d.ts +10 -3
- package/dist/esm/components/Atoms/Skeleton/Skeleton.stories.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Skeleton/Skeleton.stories.js +1 -2
- package/dist/esm/components/Molecules/Carousel/Carousel.d.ts +6 -5
- package/dist/esm/components/Molecules/Carousel/Carousel.d.ts.map +1 -1
- package/dist/esm/components/Molecules/Carousel/Carousel.js +7 -5
- package/dist/esm/components/Molecules/Carousel/Carousel.stories.d.ts +5 -4
- package/dist/esm/components/Molecules/Carousel/Carousel.stories.d.ts.map +1 -1
- package/dist/esm/components/Molecules/Carousel/Carousel.stories.js +1 -25
- package/dist/esm/components/Molecules/Checkbox/Checkbox.d.ts +2 -1
- package/dist/esm/components/Molecules/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/esm/components/Molecules/Checkbox/Checkbox.js +6 -5
- package/dist/esm/components/Molecules/Checkbox/Checkbox.stories.d.ts +14 -3
- package/dist/esm/components/Molecules/Checkbox/Checkbox.stories.d.ts.map +1 -1
- package/dist/esm/components/Molecules/Checkbox/Checkbox.stories.js +3 -4
- package/dist/esm/components/Molecules/ErrorHandler/ErrorHandler.d.ts +3 -2
- package/dist/esm/components/Molecules/ErrorHandler/ErrorHandler.d.ts.map +1 -1
- package/dist/esm/components/Molecules/ErrorHandler/ErrorHandler.js +13 -14
- package/dist/esm/components/Molecules/ErrorHandler/ErrorHandler.stories.d.ts +54 -5
- package/dist/esm/components/Molecules/ErrorHandler/ErrorHandler.stories.d.ts.map +1 -1
- package/dist/esm/components/Molecules/ErrorHandler/ErrorHandler.stories.js +4 -5
- package/dist/esm/components/Molecules/FacetGridOptions/FacetGridOptions.d.ts +3 -2
- package/dist/esm/components/Molecules/FacetGridOptions/FacetGridOptions.d.ts.map +1 -1
- package/dist/esm/components/Molecules/FacetGridOptions/FacetGridOptions.js +8 -6
- package/dist/esm/components/Molecules/FacetGridOptions/FacetGridOptions.stories.d.ts +11 -1
- package/dist/esm/components/Molecules/FacetGridOptions/FacetGridOptions.stories.d.ts.map +1 -1
- package/dist/esm/components/Molecules/FacetGridOptions/FacetGridOptions.stories.js +1 -2
- package/dist/esm/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.d.ts +3 -2
- package/dist/esm/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.d.ts.map +1 -1
- package/dist/esm/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.js +5 -3
- package/dist/esm/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.stories.d.ts +11 -1
- package/dist/esm/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.stories.d.ts.map +1 -1
- package/dist/esm/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.stories.js +1 -2
- package/dist/esm/components/Molecules/FacetListOptions/FacetListOptions.d.ts +3 -2
- package/dist/esm/components/Molecules/FacetListOptions/FacetListOptions.d.ts.map +1 -1
- package/dist/esm/components/Molecules/FacetListOptions/FacetListOptions.js +8 -6
- package/dist/esm/components/Molecules/FacetListOptions/FacetListOptions.stories.d.ts +11 -1
- package/dist/esm/components/Molecules/FacetListOptions/FacetListOptions.stories.d.ts.map +1 -1
- package/dist/esm/components/Molecules/FacetListOptions/FacetListOptions.stories.js +1 -2
- package/dist/esm/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.d.ts +3 -2
- package/dist/esm/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.d.ts.map +1 -1
- package/dist/esm/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.js +6 -5
- package/dist/esm/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.stories.d.ts +11 -1
- package/dist/esm/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.stories.d.ts.map +1 -1
- package/dist/esm/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.stories.js +1 -2
- package/dist/esm/components/Molecules/FacetSlider/FacetSlider.d.ts +2 -1
- package/dist/esm/components/Molecules/FacetSlider/FacetSlider.d.ts.map +1 -1
- package/dist/esm/components/Molecules/FacetSlider/FacetSlider.js +14 -14
- package/dist/esm/components/Molecules/FacetSlider/FacetSlider.stories.d.ts +1 -1
- package/dist/esm/components/Molecules/FacetSlider/FacetSlider.stories.d.ts.map +1 -1
- package/dist/esm/components/Molecules/FacetSlider/FacetSlider.stories.js +1 -2
- package/dist/esm/components/Molecules/Filter/Filter.d.ts +7 -3
- package/dist/esm/components/Molecules/Filter/Filter.d.ts.map +1 -1
- package/dist/esm/components/Molecules/Filter/Filter.js +13 -5
- package/dist/esm/components/Molecules/Filter/Filter.stories.d.ts +35 -5
- package/dist/esm/components/Molecules/Filter/Filter.stories.d.ts.map +1 -1
- package/dist/esm/components/Molecules/Filter/Filter.stories.js +15 -5
- package/dist/esm/components/Molecules/Pagination/Pagination.d.ts +2 -1
- package/dist/esm/components/Molecules/Pagination/Pagination.d.ts.map +1 -1
- package/dist/esm/components/Molecules/Pagination/Pagination.js +4 -4
- package/dist/esm/components/Molecules/Pagination/Pagination.stories.d.ts +11 -1
- package/dist/esm/components/Molecules/Pagination/Pagination.stories.d.ts.map +1 -1
- package/dist/esm/components/Molecules/Pagination/Pagination.stories.js +1 -2
- package/dist/esm/components/Molecules/Result/Result.d.ts.map +1 -1
- package/dist/esm/components/Molecules/Result/Result.js +8 -8
- package/dist/esm/components/Molecules/Result/Result.stories.d.ts +42 -3
- package/dist/esm/components/Molecules/Result/Result.stories.d.ts.map +1 -1
- package/dist/esm/components/Molecules/Result/Result.stories.js +3 -4
- package/dist/esm/components/Molecules/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/esm/components/Molecules/SearchInput/SearchInput.js +4 -4
- package/dist/esm/components/Molecules/SearchInput/SearchInput.stories.d.ts +1 -1
- package/dist/esm/components/Molecules/SearchInput/SearchInput.stories.d.ts.map +1 -1
- package/dist/esm/components/Molecules/SearchInput/SearchInput.stories.js +1 -2
- package/dist/esm/components/Molecules/Select/Select.d.ts +1 -1
- package/dist/esm/components/Molecules/Select/Select.d.ts.map +1 -1
- package/dist/esm/components/Molecules/Select/Select.js +11 -15
- package/dist/esm/components/Molecules/Select/Select.stories.d.ts +28 -2
- package/dist/esm/components/Molecules/Select/Select.stories.d.ts.map +1 -1
- package/dist/esm/components/Molecules/Select/Select.stories.js +4 -3
- package/dist/esm/components/Molecules/Slideout/Slideout.d.ts +3 -1
- package/dist/esm/components/Molecules/Slideout/Slideout.d.ts.map +1 -1
- package/dist/esm/components/Molecules/Slideout/Slideout.js +6 -5
- package/dist/esm/components/Molecules/Slideout/Slideout.stories.d.ts +7 -2
- package/dist/esm/components/Molecules/Slideout/Slideout.stories.d.ts.map +1 -1
- package/dist/esm/components/Molecules/Slideout/Slideout.stories.js +1 -2
- package/dist/esm/components/Organisms/Autocomplete/Autocomplete.d.ts +2 -2
- package/dist/esm/components/Organisms/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/esm/components/Organisms/Autocomplete/Autocomplete.js +50 -55
- package/dist/esm/components/Organisms/Autocomplete/Autocomplete.stories.d.ts +29 -1
- package/dist/esm/components/Organisms/Autocomplete/Autocomplete.stories.d.ts.map +1 -1
- package/dist/esm/components/Organisms/Autocomplete/Autocomplete.stories.js +1 -2
- package/dist/esm/components/Organisms/BranchOverride/BranchOverride.d.ts +2 -1
- package/dist/esm/components/Organisms/BranchOverride/BranchOverride.d.ts.map +1 -1
- package/dist/esm/components/Organisms/BranchOverride/BranchOverride.js +22 -23
- package/dist/esm/components/Organisms/BranchOverride/BranchOverride.stories.d.ts +44 -5
- package/dist/esm/components/Organisms/BranchOverride/BranchOverride.stories.d.ts.map +1 -1
- package/dist/esm/components/Organisms/BranchOverride/BranchOverride.stories.js +4 -5
- package/dist/esm/components/Organisms/Facet/Facet.d.ts +3 -2
- package/dist/esm/components/Organisms/Facet/Facet.d.ts.map +1 -1
- package/dist/esm/components/Organisms/Facet/Facet.js +16 -16
- package/dist/esm/components/Organisms/Facet/Facet.stories.d.ts +51 -5
- package/dist/esm/components/Organisms/Facet/Facet.stories.d.ts.map +1 -1
- package/dist/esm/components/Organisms/Facet/Facet.stories.js +7 -15
- package/dist/esm/components/Organisms/Facets/Facets.d.ts +3 -1
- package/dist/esm/components/Organisms/Facets/Facets.d.ts.map +1 -1
- package/dist/esm/components/Organisms/Facets/Facets.js +5 -3
- package/dist/esm/components/Organisms/Facets/Facets.stories.d.ts +11 -1
- package/dist/esm/components/Organisms/Facets/Facets.stories.d.ts.map +1 -1
- package/dist/esm/components/Organisms/Facets/Facets.stories.js +1 -2
- package/dist/esm/components/Organisms/FilterSummary/FilterSummary.d.ts +5 -3
- package/dist/esm/components/Organisms/FilterSummary/FilterSummary.d.ts.map +1 -1
- package/dist/esm/components/Organisms/FilterSummary/FilterSummary.js +5 -2
- package/dist/esm/components/Organisms/FilterSummary/FilterSummary.stories.d.ts +37 -3
- package/dist/esm/components/Organisms/FilterSummary/FilterSummary.stories.d.ts.map +1 -1
- package/dist/esm/components/Organisms/FilterSummary/FilterSummary.stories.js +3 -4
- package/dist/esm/components/Organisms/Recommendation/Recommendation.d.ts +5 -3
- package/dist/esm/components/Organisms/Recommendation/Recommendation.d.ts.map +1 -1
- package/dist/esm/components/Organisms/Recommendation/Recommendation.js +11 -9
- package/dist/esm/components/Organisms/Recommendation/Recommendation.stories.d.ts +7 -5
- package/dist/esm/components/Organisms/Recommendation/Recommendation.stories.d.ts.map +1 -1
- package/dist/esm/components/Organisms/Results/Results.d.ts +2 -2
- package/dist/esm/components/Organisms/Results/Results.d.ts.map +1 -1
- package/dist/esm/components/Organisms/Results/Results.js +13 -13
- package/dist/esm/components/Organisms/Results/Results.stories.d.ts +21 -2
- package/dist/esm/components/Organisms/Results/Results.stories.d.ts.map +1 -1
- package/dist/esm/components/Organisms/Results/Results.stories.js +2 -4
- package/dist/esm/hooks/useClickOutside.d.ts +3 -1
- package/dist/esm/hooks/useClickOutside.d.ts.map +1 -1
- package/dist/esm/hooks/useDisplaySettings.d.ts +1 -1
- package/dist/esm/hooks/useDisplaySettings.d.ts.map +1 -1
- package/dist/esm/hooks/useDisplaySettings.js +4 -2
- package/dist/esm/hooks/useIntersection.d.ts +2 -1
- package/dist/esm/hooks/useIntersection.d.ts.map +1 -1
- package/dist/esm/mocks/searchResponse.d.ts +108 -0
- package/dist/esm/mocks/searchResponse.d.ts.map +1 -1
- package/dist/esm/mocks/searchResponse.js +11 -0
- package/dist/esm/providers/controller.d.ts +6 -5
- package/dist/esm/providers/controller.d.ts.map +1 -1
- package/dist/esm/providers/store.d.ts +6 -5
- package/dist/esm/providers/store.d.ts.map +1 -1
- package/dist/esm/providers/theme.d.ts +10 -1
- package/dist/esm/providers/theme.d.ts.map +1 -1
- package/dist/esm/providers/theme.js +3 -1
- package/dist/esm/setupTests.js +1 -0
- package/dist/esm/types.d.ts +2 -198
- package/dist/esm/types.d.ts.map +1 -1
- package/dist/esm/types.js +1 -15
- package/dist/esm/utilities/cloneWithProps.d.ts +1 -1
- package/dist/esm/utilities/cloneWithProps.d.ts.map +1 -1
- package/dist/esm/utilities/defined.d.ts +5 -1
- package/dist/esm/utilities/defined.d.ts.map +1 -1
- package/dist/esm/utilities/index.d.ts +1 -0
- package/dist/esm/utilities/index.d.ts.map +1 -1
- package/dist/esm/utilities/index.js +1 -0
- package/dist/esm/utilities/shiftColor.d.ts +2 -0
- package/dist/esm/utilities/shiftColor.d.ts.map +1 -0
- package/dist/esm/utilities/shiftColor.js +24 -0
- package/dist/esm/utilities/snapify.d.ts.map +1 -1
- package/dist/esm/utilities/sprintf.d.ts.map +1 -1
- package/dist/esm/utilities/sprintf.js +1 -0
- package/package.json +13 -12
- package/dist/cjs/mocks/store.d.ts +0 -1196
- package/dist/cjs/mocks/store.d.ts.map +0 -1
- package/dist/cjs/mocks/store.js +0 -273
- package/dist/esm/mocks/store.d.ts +0 -1196
- package/dist/esm/mocks/store.d.ts.map +0 -1
- package/dist/esm/mocks/store.js +0 -270
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { h } from 'preact';
|
|
3
3
|
import { PaginationProps } from './Pagination';
|
|
4
|
+
import type { SearchController } from '@searchspring/snap-controller';
|
|
4
5
|
declare const _default: {
|
|
5
6
|
title: string;
|
|
6
7
|
component: ((properties: PaginationProps) => JSX.Element) & {
|
|
@@ -231,5 +232,14 @@ declare const _default: {
|
|
|
231
232
|
};
|
|
232
233
|
};
|
|
233
234
|
export default _default;
|
|
234
|
-
export declare const Default:
|
|
235
|
+
export declare const Default: {
|
|
236
|
+
(args: PaginationProps, { loaded: { controller } }: {
|
|
237
|
+
loaded: {
|
|
238
|
+
controller: SearchController;
|
|
239
|
+
};
|
|
240
|
+
}): h.JSX.Element;
|
|
241
|
+
loaders: (() => Promise<{
|
|
242
|
+
controller: SearchController;
|
|
243
|
+
}>)[];
|
|
244
|
+
};
|
|
235
245
|
//# sourceMappingURL=Pagination.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Pagination/Pagination.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Pagination/Pagination.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAI3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEtE,wBA8IE;AAQF,eAAO,MAAM,OAAO;WAAU,eAAe;;wBAAsD,gBAAgB;;;;;;CAElH,CAAC"}
|
|
@@ -148,10 +148,9 @@ const snapInstance = Snapify.search({ id: 'Pagination', globals: { siteId: '8uyt
|
|
|
148
148
|
const ObservablePagination = observer(({ args, controller }) => {
|
|
149
149
|
return h(Pagination, { ...args, pagination: controller?.store?.pagination });
|
|
150
150
|
});
|
|
151
|
-
const
|
|
151
|
+
export const Default = (args, { loaded: { controller } }) => {
|
|
152
152
|
return h(ObservablePagination, { args: args, controller: controller });
|
|
153
153
|
};
|
|
154
|
-
export const Default = Template.bind({});
|
|
155
154
|
Default.loaders = [
|
|
156
155
|
async () => {
|
|
157
156
|
await snapInstance.search();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Result.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Result/Result.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,cAAc,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"Result.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Result/Result.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAsB,MAAM,gBAAgB,CAAC;AAChF,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AA4D7D,eAAO,MAAM,MAAM,gBAAyB,WAAW,KAAG,WAAW;;CA2HnE,CAAC;AAOH,UAAU,kBAAkB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IAClE,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}
|
|
@@ -113,13 +113,13 @@ export const Result = observer((properties) => {
|
|
|
113
113
|
fallback: fallback,
|
|
114
114
|
}),
|
|
115
115
|
// component theme overrides
|
|
116
|
-
theme: props
|
|
116
|
+
theme: props?.theme,
|
|
117
117
|
},
|
|
118
118
|
};
|
|
119
|
-
const onSale = Boolean(core?.msrp && core?.msrp * 1 > core?.price * 1);
|
|
120
|
-
let displayName = core
|
|
119
|
+
const onSale = Boolean(core?.msrp && core.price && core?.msrp * 1 > core?.price * 1);
|
|
120
|
+
let displayName = core?.name;
|
|
121
121
|
if (props.truncateTitle) {
|
|
122
|
-
displayName = filters.truncate(core
|
|
122
|
+
displayName = filters.truncate(core?.name || '', props.truncateTitle.limit, props.truncateTitle.append);
|
|
123
123
|
}
|
|
124
124
|
const styling = {};
|
|
125
125
|
if (!disableStyles) {
|
|
@@ -128,7 +128,7 @@ export const Result = observer((properties) => {
|
|
|
128
128
|
else if (style) {
|
|
129
129
|
styling.css = [style];
|
|
130
130
|
}
|
|
131
|
-
return
|
|
131
|
+
return core ? (jsx(CacheProvider, null,
|
|
132
132
|
jsx("article", { ...styling, className: classnames('ss__result', `ss__result--${layout}`, className) },
|
|
133
133
|
jsx("div", { className: "ss__result__image-wrapper" },
|
|
134
134
|
jsx("a", { href: core.url, onClick: (e) => {
|
|
@@ -143,11 +143,11 @@ export const Result = observer((properties) => {
|
|
|
143
143
|
onClick && onClick(e);
|
|
144
144
|
controller?.track?.product?.click(e, result);
|
|
145
145
|
}, dangerouslySetInnerHTML: {
|
|
146
|
-
__html: displayName,
|
|
146
|
+
__html: displayName || '',
|
|
147
147
|
} }))),
|
|
148
|
-
!hidePricing && (jsx("div", { className: "ss__result__details__pricing" }, core.price < core.msrp ? (jsx(Fragment, null,
|
|
148
|
+
!hidePricing && (jsx("div", { className: "ss__result__details__pricing" }, core.msrp && core.price && core.price < core.msrp ? (jsx(Fragment, null,
|
|
149
149
|
jsx(Price, { ...subProps.price, value: core.msrp, lineThrough: true }),
|
|
150
150
|
"\u00A0",
|
|
151
151
|
jsx(Price, { ...subProps.price, value: core.price }))) : (jsx(Price, { ...subProps.price, value: core.price })))),
|
|
152
|
-
cloneWithProps(detailSlot, { result }))))));
|
|
152
|
+
cloneWithProps(detailSlot, { result }))))) : (jsx(Fragment, null));
|
|
153
153
|
});
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { h } from 'preact';
|
|
3
3
|
import { ResultProps } from './Result';
|
|
4
4
|
import { Layout } from '../../../types';
|
|
5
|
+
import type { SearchController } from '@searchspring/snap-controller';
|
|
5
6
|
declare const _default: {
|
|
6
7
|
title: string;
|
|
7
8
|
component: ((properties: ResultProps) => JSX.Element) & {
|
|
@@ -209,7 +210,45 @@ declare const _default: {
|
|
|
209
210
|
};
|
|
210
211
|
};
|
|
211
212
|
export default _default;
|
|
212
|
-
export declare const Default:
|
|
213
|
-
|
|
214
|
-
|
|
213
|
+
export declare const Default: {
|
|
214
|
+
(args: ResultProps, { loaded: { controller } }: {
|
|
215
|
+
loaded: {
|
|
216
|
+
controller: SearchController;
|
|
217
|
+
};
|
|
218
|
+
}): h.JSX.Element;
|
|
219
|
+
loaders: (() => Promise<{
|
|
220
|
+
controller: SearchController;
|
|
221
|
+
}>)[];
|
|
222
|
+
};
|
|
223
|
+
export declare const hideSections: {
|
|
224
|
+
(args: ResultProps, { loaded: { controller } }: {
|
|
225
|
+
loaded: {
|
|
226
|
+
controller: SearchController;
|
|
227
|
+
};
|
|
228
|
+
}): h.JSX.Element;
|
|
229
|
+
loaders: (() => Promise<{
|
|
230
|
+
controller: SearchController;
|
|
231
|
+
}>)[];
|
|
232
|
+
args: {
|
|
233
|
+
hideBadge: boolean;
|
|
234
|
+
hideTitle: boolean;
|
|
235
|
+
hidePricing: boolean;
|
|
236
|
+
};
|
|
237
|
+
};
|
|
238
|
+
export declare const truncateTitle: {
|
|
239
|
+
(args: ResultProps, { loaded: { controller } }: {
|
|
240
|
+
loaded: {
|
|
241
|
+
controller: SearchController;
|
|
242
|
+
};
|
|
243
|
+
}): h.JSX.Element;
|
|
244
|
+
loaders: (() => Promise<{
|
|
245
|
+
controller: SearchController;
|
|
246
|
+
}>)[];
|
|
247
|
+
args: {
|
|
248
|
+
truncateTitle: {
|
|
249
|
+
limit: number;
|
|
250
|
+
append: string;
|
|
251
|
+
};
|
|
252
|
+
};
|
|
253
|
+
};
|
|
215
254
|
//# sourceMappingURL=Result.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Result.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Result/Result.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC
|
|
1
|
+
{"version":3,"file":"Result.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Result/Result.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;yBAgB5D,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBAwIE;AAIF,eAAO,MAAM,OAAO;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;CAE9G,CAAC;AAWF,eAAO,MAAM,YAAY;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;;;;;;CAEnH,CAAC;AAgBF,eAAO,MAAM,aAAa;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;;;;;;;CAEpH,CAAC"}
|
|
@@ -138,8 +138,7 @@ export default {
|
|
|
138
138
|
},
|
|
139
139
|
};
|
|
140
140
|
const snapInstance = Snapify.search({ id: 'Result', globals: { siteId: '8uyt2m' } });
|
|
141
|
-
const
|
|
142
|
-
export const Default = Template.bind({});
|
|
141
|
+
export const Default = (args, { loaded: { controller } }) => (h(Result, { ...args, result: controller?.store?.results[0] }));
|
|
143
142
|
Default.loaders = [
|
|
144
143
|
async () => {
|
|
145
144
|
await snapInstance.search();
|
|
@@ -148,7 +147,7 @@ Default.loaders = [
|
|
|
148
147
|
};
|
|
149
148
|
},
|
|
150
149
|
];
|
|
151
|
-
export const hideSections =
|
|
150
|
+
export const hideSections = (args, { loaded: { controller } }) => (h(Result, { ...args, result: controller?.store?.results[0] }));
|
|
152
151
|
hideSections.loaders = [
|
|
153
152
|
async () => {
|
|
154
153
|
await snapInstance.search();
|
|
@@ -162,7 +161,7 @@ hideSections.args = {
|
|
|
162
161
|
hideTitle: true,
|
|
163
162
|
hidePricing: true,
|
|
164
163
|
};
|
|
165
|
-
export const truncateTitle =
|
|
164
|
+
export const truncateTitle = (args, { loaded: { controller } }) => (h(Result, { ...args, result: controller?.store?.results[0] }));
|
|
166
165
|
truncateTitle.loaders = [
|
|
167
166
|
async () => {
|
|
168
167
|
await snapInstance.search();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/SearchInput/SearchInput.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/SearchInput/SearchInput.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAuB5D,eAAO,MAAM,WAAW,gBAAyB,gBAAgB,KAAG,WAAW;;CAqD7E,CAAC;AAEH,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACvD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}
|
|
@@ -5,11 +5,11 @@ import { Icon } from '../../Atoms/Icon/Icon';
|
|
|
5
5
|
import { defined } from '../../../utilities';
|
|
6
6
|
import { useTheme, CacheProvider } from '../../../providers';
|
|
7
7
|
const CSS = {
|
|
8
|
-
searchInput: ({ theme
|
|
8
|
+
searchInput: ({ theme }) => css({
|
|
9
9
|
display: 'flex',
|
|
10
10
|
alignItems: 'center',
|
|
11
11
|
justifyContent: 'center',
|
|
12
|
-
border: `1px solid ${theme
|
|
12
|
+
border: `1px solid ${theme?.colors?.primary || '#ccc'}`,
|
|
13
13
|
'& .ss__icon': {
|
|
14
14
|
padding: '5px',
|
|
15
15
|
},
|
|
@@ -46,12 +46,12 @@ export const SearchInput = observer((properties) => {
|
|
|
46
46
|
disableStyles,
|
|
47
47
|
}),
|
|
48
48
|
// component theme overrides
|
|
49
|
-
theme: props
|
|
49
|
+
theme: props?.theme,
|
|
50
50
|
},
|
|
51
51
|
};
|
|
52
52
|
const styling = {};
|
|
53
53
|
if (!disableStyles) {
|
|
54
|
-
styling.css = [CSS.searchInput({ theme
|
|
54
|
+
styling.css = [CSS.searchInput({ theme }), style];
|
|
55
55
|
}
|
|
56
56
|
else if (style) {
|
|
57
57
|
styling.css = [style];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/SearchInput/SearchInput.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"SearchInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/SearchInput/SearchInput.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;;yBAkBpD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBA0DE;AACF,eAAO,MAAM,OAAO,SAAU,gBAAgB,kBAA8B,CAAC"}
|
|
@@ -23,7 +23,7 @@ export interface SelectProps extends ComponentProps {
|
|
|
23
23
|
iconOpen?: IconType | string;
|
|
24
24
|
label?: string | JSX.Element;
|
|
25
25
|
native?: boolean;
|
|
26
|
-
onSelect?: (e:
|
|
26
|
+
onSelect?: (e: React.ChangeEvent<HTMLSelectElement>, option: Option | undefined) => void;
|
|
27
27
|
selected?: Option;
|
|
28
28
|
separator?: string | JSX.Element;
|
|
29
29
|
startOpen?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Select/Select.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Select/Select.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAG5D,OAAO,EAAmB,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAwC7D,eAAO,MAAM,MAAM,gBAAyB,WAAW,KAAG,WAAW;;CAqNnE,CAAC;AAQH,oBAAY,MAAM,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC,YAAY,EAAE,MAAM,GAAG,GAAG,CAAC;CAC5B,CAAC;AACF,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACzF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B"}
|
|
@@ -10,9 +10,7 @@ import { Dropdown } from '../../Atoms/Dropdown';
|
|
|
10
10
|
import { Button } from '../../Atoms/Button';
|
|
11
11
|
import { Icon } from '../../Atoms/Icon';
|
|
12
12
|
const CSS = {
|
|
13
|
-
select: ({ color, backgroundColor, borderColor,
|
|
14
|
-
//@ts-ignore
|
|
15
|
-
css({
|
|
13
|
+
select: ({ color, backgroundColor, borderColor, theme }) => css({
|
|
16
14
|
display: 'inline-flex',
|
|
17
15
|
color: color,
|
|
18
16
|
'&.ss__select--disabled': {
|
|
@@ -31,7 +29,7 @@ const CSS = {
|
|
|
31
29
|
listStyle: 'none',
|
|
32
30
|
padding: '0',
|
|
33
31
|
marginTop: '-1px',
|
|
34
|
-
border: `1px solid ${borderColor || color || theme
|
|
32
|
+
border: `1px solid ${borderColor || color || theme?.colors?.primary || '#333'}`,
|
|
35
33
|
'& .ss__select__select__option': {
|
|
36
34
|
cursor: 'pointer',
|
|
37
35
|
padding: '6px 8px',
|
|
@@ -40,7 +38,7 @@ const CSS = {
|
|
|
40
38
|
fontWeight: 'bold',
|
|
41
39
|
},
|
|
42
40
|
'&:hover': {
|
|
43
|
-
backgroundColor: theme
|
|
41
|
+
backgroundColor: theme?.colors?.hover || '#f8f8f8',
|
|
44
42
|
},
|
|
45
43
|
},
|
|
46
44
|
},
|
|
@@ -75,7 +73,7 @@ export const Select = observer((properties) => {
|
|
|
75
73
|
disabled,
|
|
76
74
|
}),
|
|
77
75
|
// component theme overrides
|
|
78
|
-
theme: props
|
|
76
|
+
theme: props?.theme,
|
|
79
77
|
},
|
|
80
78
|
button: {
|
|
81
79
|
// default props
|
|
@@ -91,7 +89,7 @@ export const Select = observer((properties) => {
|
|
|
91
89
|
borderColor,
|
|
92
90
|
}),
|
|
93
91
|
// component theme overrides
|
|
94
|
-
theme: props
|
|
92
|
+
theme: props?.theme,
|
|
95
93
|
},
|
|
96
94
|
icon: {
|
|
97
95
|
// default props
|
|
@@ -105,14 +103,14 @@ export const Select = observer((properties) => {
|
|
|
105
103
|
size: '14px',
|
|
106
104
|
}),
|
|
107
105
|
// component theme overrides
|
|
108
|
-
theme: props
|
|
106
|
+
theme: props?.theme,
|
|
109
107
|
},
|
|
110
108
|
};
|
|
111
109
|
// only single selection support for now
|
|
112
110
|
let selection = selected;
|
|
113
111
|
let setSelection;
|
|
114
112
|
// open state
|
|
115
|
-
const [open, setOpen] = useState(startOpen);
|
|
113
|
+
const [open, setOpen] = useState(Boolean(startOpen));
|
|
116
114
|
// selection state
|
|
117
115
|
const stateful = selection === undefined;
|
|
118
116
|
if (stateful) {
|
|
@@ -131,7 +129,7 @@ export const Select = observer((properties) => {
|
|
|
131
129
|
];
|
|
132
130
|
}
|
|
133
131
|
const makeSelection = (e, option) => {
|
|
134
|
-
option = option
|
|
132
|
+
option = option?.value ? option : undefined;
|
|
135
133
|
if (option != selection) {
|
|
136
134
|
onSelect && onSelect(e, option);
|
|
137
135
|
}
|
|
@@ -146,15 +144,13 @@ export const Select = observer((properties) => {
|
|
|
146
144
|
styling.css = [CSS.native(), style];
|
|
147
145
|
}
|
|
148
146
|
else {
|
|
149
|
-
styling.css = [CSS.select({ color, backgroundColor, borderColor,
|
|
147
|
+
styling.css = [CSS.select({ color, backgroundColor, borderColor, theme }), style];
|
|
150
148
|
}
|
|
151
149
|
}
|
|
152
150
|
else if (style) {
|
|
153
151
|
styling.css = [style];
|
|
154
152
|
}
|
|
155
|
-
return (options &&
|
|
156
|
-
(typeof options == 'object' || Array.isArray(options)) &&
|
|
157
|
-
options.length && (jsx(CacheProvider, null,
|
|
153
|
+
return Array.isArray(options) && options.length ? (jsx(CacheProvider, null,
|
|
158
154
|
jsx("div", { ...styling, className: classnames('ss__select', { 'ss__select--disabled': disabled }, className) }, native ? (jsx(Fragment, null,
|
|
159
155
|
label && !hideLabelOnSelection && (jsx("span", { className: "ss__select__label" },
|
|
160
156
|
label,
|
|
@@ -179,5 +175,5 @@ export const Select = observer((properties) => {
|
|
|
179
175
|
jsx("ul", { className: "ss__select__select" }, options.map((option) => (jsx("li", { className: classnames('ss__select__select__option', {
|
|
180
176
|
'ss__select__select__option--selected': selection?.value === option.value,
|
|
181
177
|
}), onClick: (e) => !disabled && makeSelection(e, option) },
|
|
182
|
-
jsx("span", null, option.label)))))))))));
|
|
178
|
+
jsx("span", null, option.label)))))))))) : (jsx(Fragment, null));
|
|
183
179
|
});
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { h } from 'preact';
|
|
3
3
|
import { SelectProps } from './Select';
|
|
4
|
+
import type { SearchController } from '@searchspring/snap-controller';
|
|
4
5
|
declare const _default: {
|
|
5
6
|
title: string;
|
|
6
7
|
component: ((properties: SelectProps) => JSX.Element) & {
|
|
@@ -310,6 +311,31 @@ declare const _default: {
|
|
|
310
311
|
};
|
|
311
312
|
};
|
|
312
313
|
export default _default;
|
|
313
|
-
export declare const Default:
|
|
314
|
-
|
|
314
|
+
export declare const Default: {
|
|
315
|
+
(args: SelectProps, { loaded: { controller } }: {
|
|
316
|
+
loaded: {
|
|
317
|
+
controller: SearchController;
|
|
318
|
+
};
|
|
319
|
+
}): h.JSX.Element;
|
|
320
|
+
loaders: (() => Promise<{
|
|
321
|
+
controller: SearchController;
|
|
322
|
+
}>)[];
|
|
323
|
+
args: {
|
|
324
|
+
label: string;
|
|
325
|
+
};
|
|
326
|
+
};
|
|
327
|
+
export declare const Native: {
|
|
328
|
+
(args: SelectProps, { loaded: { controller } }: {
|
|
329
|
+
loaded: {
|
|
330
|
+
controller: SearchController;
|
|
331
|
+
};
|
|
332
|
+
}): h.JSX.Element;
|
|
333
|
+
loaders: (() => Promise<{
|
|
334
|
+
controller: SearchController;
|
|
335
|
+
}>)[];
|
|
336
|
+
args: {
|
|
337
|
+
label: string;
|
|
338
|
+
native: boolean;
|
|
339
|
+
};
|
|
340
|
+
};
|
|
315
341
|
//# sourceMappingURL=Select.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Select/Select.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC
|
|
1
|
+
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Select/Select.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEtE,wBA4ME;AAiBF,eAAO,MAAM,OAAO;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;;;;CAE9G,CAAC;AAcF,eAAO,MAAM,MAAM;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;;;;;CAE7G,CAAC"}
|
|
@@ -214,10 +214,9 @@ const ObservableSelect = observer(({ args, controller }) => {
|
|
|
214
214
|
selectedOption && selectedOption.url.go();
|
|
215
215
|
} }));
|
|
216
216
|
});
|
|
217
|
-
const
|
|
217
|
+
export const Default = (args, { loaded: { controller } }) => {
|
|
218
218
|
return h(ObservableSelect, { args: args, controller: controller });
|
|
219
219
|
};
|
|
220
|
-
export const Default = Template.bind({});
|
|
221
220
|
Default.loaders = [
|
|
222
221
|
async () => {
|
|
223
222
|
await snapInstance.search();
|
|
@@ -229,7 +228,9 @@ Default.loaders = [
|
|
|
229
228
|
Default.args = {
|
|
230
229
|
label: 'Sort By',
|
|
231
230
|
};
|
|
232
|
-
export const Native =
|
|
231
|
+
export const Native = (args, { loaded: { controller } }) => {
|
|
232
|
+
return h(ObservableSelect, { args: args, controller: controller });
|
|
233
|
+
};
|
|
233
234
|
Native.loaders = [
|
|
234
235
|
async () => {
|
|
235
236
|
await snapInstance.search();
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/** @jsx jsx */
|
|
3
|
+
import { ComponentChildren } from 'preact';
|
|
2
4
|
import { ComponentProps } from '../../../types';
|
|
3
5
|
export declare function Slideout(properties: SlideoutProps): JSX.Element;
|
|
4
6
|
export interface SlideoutProps extends ComponentProps {
|
|
5
|
-
children?:
|
|
7
|
+
children?: ComponentChildren;
|
|
6
8
|
active: boolean;
|
|
7
9
|
buttonContent?: string | JSX.Element;
|
|
8
10
|
width?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slideout.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Slideout.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAQxD,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAyB5D,wBAAgB,QAAQ,CAAC,UAAU,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAyE/D;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACpC;AAED,oBAAY,kBAAkB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/** @jsx jsx */
|
|
2
|
+
import { Fragment } from 'preact';
|
|
1
3
|
import { useState } from 'preact/hooks';
|
|
2
4
|
import { jsx, css } from '@emotion/react';
|
|
3
5
|
import classnames from 'classnames';
|
|
@@ -28,7 +30,6 @@ export function Slideout(properties) {
|
|
|
28
30
|
const globalTheme = useTheme();
|
|
29
31
|
const props = {
|
|
30
32
|
// default props
|
|
31
|
-
active: false,
|
|
32
33
|
displayAt: '',
|
|
33
34
|
slideDirection: 'left',
|
|
34
35
|
width: '300px',
|
|
@@ -55,7 +56,7 @@ export function Slideout(properties) {
|
|
|
55
56
|
transitionSpeed,
|
|
56
57
|
}),
|
|
57
58
|
// component theme overrides
|
|
58
|
-
theme: props
|
|
59
|
+
theme: props?.theme,
|
|
59
60
|
},
|
|
60
61
|
};
|
|
61
62
|
// state
|
|
@@ -64,7 +65,7 @@ export function Slideout(properties) {
|
|
|
64
65
|
setActive(!isActive);
|
|
65
66
|
document.body.style.overflow = isActive ? 'hidden' : '';
|
|
66
67
|
};
|
|
67
|
-
|
|
68
|
+
let isVisible = useMediaQuery(displayAt, () => {
|
|
68
69
|
document.body.style.overflow = '';
|
|
69
70
|
});
|
|
70
71
|
document.body.style.overflow = isVisible && isActive ? 'hidden' : '';
|
|
@@ -75,8 +76,8 @@ export function Slideout(properties) {
|
|
|
75
76
|
else if (style) {
|
|
76
77
|
styling.css = [style];
|
|
77
78
|
}
|
|
78
|
-
return
|
|
79
|
+
return isVisible ? (jsx(CacheProvider, null,
|
|
79
80
|
buttonContent && (jsx("div", { className: "ss__slideout__button", onClick: () => toggleActive() }, buttonContent)),
|
|
80
81
|
jsx("div", { className: classnames('ss__slideout', className, { 'ss__slideout--active': isActive }), ...styling }, cloneWithProps(children, { toggleActive, active: isActive })),
|
|
81
|
-
jsx(Overlay, { ...subProps.overlay, active: isActive, onClick: toggleActive }))));
|
|
82
|
+
jsx(Overlay, { ...subProps.overlay, active: isActive, onClick: toggleActive }))) : (jsx(Fragment, null));
|
|
82
83
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { h } from 'preact';
|
|
2
|
-
import { Slideout } from './Slideout';
|
|
2
|
+
import { Slideout, SlideoutProps } from './Slideout';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
5
|
component: typeof Slideout;
|
|
@@ -170,5 +170,10 @@ declare const _default: {
|
|
|
170
170
|
};
|
|
171
171
|
};
|
|
172
172
|
export default _default;
|
|
173
|
-
export declare const Default:
|
|
173
|
+
export declare const Default: {
|
|
174
|
+
(args: SlideoutProps): h.JSX.Element;
|
|
175
|
+
args: {
|
|
176
|
+
active: boolean;
|
|
177
|
+
};
|
|
178
|
+
};
|
|
174
179
|
//# sourceMappingURL=Slideout.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slideout.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"Slideout.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIrD,wBA6FE;AAEF,eAAO,MAAM,OAAO;WAAU,aAAa;;;;CAI1C,CAAC"}
|
|
@@ -94,9 +94,8 @@ export default {
|
|
|
94
94
|
...componentArgs,
|
|
95
95
|
},
|
|
96
96
|
};
|
|
97
|
-
const
|
|
97
|
+
export const Default = (args) => (h(Slideout, { ...args },
|
|
98
98
|
h("div", null, "props.children will be rendered here")));
|
|
99
|
-
export const Default = _HelloWorld.bind({});
|
|
100
99
|
Default.args = {
|
|
101
100
|
active: true,
|
|
102
101
|
};
|
|
@@ -27,7 +27,7 @@ export interface AutocompleteProps extends ComponentProps {
|
|
|
27
27
|
breakpoints?: BreakpointsProps;
|
|
28
28
|
controller: AutocompleteController;
|
|
29
29
|
width?: string;
|
|
30
|
-
onFacetOptionClick?: (e:
|
|
31
|
-
onTermClick?: (e:
|
|
30
|
+
onFacetOptionClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
|
|
31
|
+
onTermClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
|
|
32
32
|
}
|
|
33
33
|
//# sourceMappingURL=Autocomplete.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAS5E,OAAO,EAAE,cAAc,EAAgB,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAmJ5F,eAAO,MAAM,YAAY,gBAAyB,iBAAiB,KAAG,WAAW;;CA0X/E,CAAC;AAkCH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClF,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAC3E"}
|