@jetshop/ui 6.3.8-alpha-6 → 6.3.8-alpha.25
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/CloudflareImage/FlightImage.test.js +277 -0
- package/package.json +3 -2
- package/Accordion/Accordion.d.ts +0 -33
- package/Accordion/Accordion.js +0 -59
- package/Accordion/Accordion.js.map +0 -1
- package/Auth/FormFields/CountriesInput.d.ts +0 -16
- package/Auth/FormFields/CountriesInput.js +0 -28
- package/Auth/FormFields/CountriesInput.js.map +0 -1
- package/Auth/LogInBehavior.d.ts +0 -22
- package/Auth/LogInBehavior.js +0 -24
- package/Auth/LogInBehavior.js.map +0 -1
- package/Auth/LogInFormProvider.d.ts +0 -7
- package/Auth/LogInFormProvider.js +0 -70
- package/Auth/LogInFormProvider.js.map +0 -1
- package/Auth/LogOut.d.ts +0 -10
- package/Auth/LogOut.js +0 -24
- package/Auth/LogOut.js.map +0 -1
- package/Auth/logInValidator.d.ts +0 -10
- package/Auth/logInValidator.js +0 -16
- package/Auth/logInValidator.js.map +0 -1
- package/Breadcrumbs/Breadcrumbs.d.ts +0 -14
- package/Breadcrumbs/Breadcrumbs.js +0 -84
- package/Breadcrumbs/Breadcrumbs.js.map +0 -1
- package/Breadcrumbs/getParentsOrCanonicalRoute.d.ts +0 -3
- package/Breadcrumbs/getParentsOrCanonicalRoute.js +0 -14
- package/Breadcrumbs/getParentsOrCanonicalRoute.js.map +0 -1
- package/Breadcrumbs/index.d.ts +0 -1
- package/Breadcrumbs/index.js +0 -2
- package/Breadcrumbs/index.js.map +0 -1
- package/Breakpoints.d.ts +0 -12
- package/Breakpoints.js +0 -36
- package/Breakpoints.js.map +0 -1
- package/Button/Button.d.ts +0 -14
- package/Button/Button.js +0 -60
- package/Button/Button.js.map +0 -1
- package/Button/SecondaryButton.d.ts +0 -2
- package/Button/SecondaryButton.js +0 -9
- package/Button/SecondaryButton.js.map +0 -1
- package/Button/TrendButton.d.ts +0 -2
- package/Button/TrendButton.js +0 -8
- package/Button/TrendButton.js.map +0 -1
- package/Button/index.d.ts +0 -4
- package/Button/index.js +0 -5
- package/Button/index.js.map +0 -1
- package/CategoryLink.d.ts +0 -11
- package/CategoryLink.js +0 -49
- package/CategoryLink.js.map +0 -1
- package/ChannelSelector/ChannelListItem.d.ts +0 -10
- package/ChannelSelector/ChannelListItem.js +0 -51
- package/ChannelSelector/ChannelListItem.js.map +0 -1
- package/ChannelSelector/ChannelSelector.d.ts +0 -63
- package/ChannelSelector/ChannelSelector.js +0 -80
- package/ChannelSelector/ChannelSelector.js.map +0 -1
- package/ChannelSelector/ChannelSelectorButtons.d.ts +0 -2
- package/ChannelSelector/ChannelSelectorButtons.js +0 -20
- package/ChannelSelector/ChannelSelectorButtons.js.map +0 -1
- package/ChannelSelector/Channels.d.ts +0 -17
- package/ChannelSelector/Channels.js +0 -12
- package/ChannelSelector/Channels.js.map +0 -1
- package/ChannelSelector/LargeSelector.d.ts +0 -3
- package/ChannelSelector/LargeSelector.js +0 -67
- package/ChannelSelector/LargeSelector.js.map +0 -1
- package/ChannelSelector/MiniSelector.d.ts +0 -4
- package/ChannelSelector/MiniSelector.js +0 -58
- package/ChannelSelector/MiniSelector.js.map +0 -1
- package/ChannelSelector/Region.d.ts +0 -28
- package/ChannelSelector/Region.js +0 -21
- package/ChannelSelector/Region.js.map +0 -1
- package/ChannelSelector/groupBy.d.ts +0 -7
- package/ChannelSelector/groupBy.js +0 -16
- package/ChannelSelector/groupBy.js.map +0 -1
- package/Checkbox/Checkbox.d.ts +0 -14
- package/Checkbox/Checkbox.js +0 -70
- package/Checkbox/Checkbox.js.map +0 -1
- package/Checkbox/CheckboxGroup.d.ts +0 -27
- package/Checkbox/CheckboxGroup.js +0 -22
- package/Checkbox/CheckboxGroup.js.map +0 -1
- package/Checkbox/index.d.ts +0 -2
- package/Checkbox/index.js +0 -3
- package/Checkbox/index.js.map +0 -1
- package/ContentPageLink.d.ts +0 -11
- package/ContentPageLink.js +0 -46
- package/ContentPageLink.js.map +0 -1
- package/ContentRenderer.d.ts +0 -9
- package/ContentRenderer.js +0 -36
- package/ContentRenderer.js.map +0 -1
- package/DropdownMenu/Button.d.ts +0 -7
- package/DropdownMenu/Button.js +0 -33
- package/DropdownMenu/Button.js.map +0 -1
- package/DropdownMenu/DropdownMenu.d.ts +0 -21
- package/DropdownMenu/DropdownMenu.js +0 -72
- package/DropdownMenu/DropdownMenu.js.map +0 -1
- package/DropdownMenu/Item.d.ts +0 -13
- package/DropdownMenu/Item.js +0 -48
- package/DropdownMenu/Item.js.map +0 -1
- package/DropdownMenu/Items.d.ts +0 -16
- package/DropdownMenu/Items.js +0 -53
- package/DropdownMenu/Items.js.map +0 -1
- package/DropdownMenu/index.d.ts +0 -4
- package/DropdownMenu/index.js +0 -5
- package/DropdownMenu/index.js.map +0 -1
- package/ErrorBoundary/Generic.d.ts +0 -18
- package/ErrorBoundary/Generic.js +0 -65
- package/ErrorBoundary/Generic.js.map +0 -1
- package/ErrorBoundary/PassThrough.d.ts +0 -3
- package/ErrorBoundary/PassThrough.js +0 -7
- package/ErrorBoundary/PassThrough.js.map +0 -1
- package/Gallery/Gallery.d.ts +0 -39
- package/Gallery/Gallery.js +0 -121
- package/Gallery/Gallery.js.map +0 -1
- package/Gallery/constructGallery.d.ts +0 -15
- package/Gallery/constructGallery.js +0 -40
- package/Gallery/constructGallery.js.map +0 -1
- package/Image/BaseImage.d.ts +0 -39
- package/Image/BaseImage.js +0 -192
- package/Image/BaseImage.js.map +0 -1
- package/Image/Fallback.d.ts +0 -5
- package/Image/Fallback.js +0 -4
- package/Image/Fallback.js.map +0 -1
- package/Image/FlightImage.d.ts +0 -51
- package/Image/FlightImage.js +0 -59
- package/Image/FlightImage.js.map +0 -1
- package/Image/Image.d.ts +0 -2
- package/Image/Image.js +0 -3
- package/Image/Image.js.map +0 -1
- package/Image/index.d.ts +0 -1
- package/Image/index.js +0 -2
- package/Image/index.js.map +0 -1
- package/Image/useConstructImage.d.ts +0 -49
- package/Image/useConstructImage.js +0 -122
- package/Image/useConstructImage.js.map +0 -1
- package/Image/utils/aspectRatioToFraction.d.ts +0 -2
- package/Image/utils/aspectRatioToFraction.js +0 -11
- package/Image/utils/aspectRatioToFraction.js.map +0 -1
- package/Image/utils/getFullUrl.d.ts +0 -6
- package/Image/utils/getFullUrl.js +0 -18
- package/Image/utils/getFullUrl.js.map +0 -1
- package/Image/utils/getImageWidth.d.ts +0 -1
- package/Image/utils/getImageWidth.js +0 -12
- package/Image/utils/getImageWidth.js.map +0 -1
- package/Image/utils/getImageWidths.d.ts +0 -2
- package/Image/utils/getImageWidths.js +0 -21
- package/Image/utils/getImageWidths.js.map +0 -1
- package/Image/utils/getLQIP.d.ts +0 -8
- package/Image/utils/getLQIP.js +0 -20
- package/Image/utils/getLQIP.js.map +0 -1
- package/Image/utils/getLargestSize.d.ts +0 -7
- package/Image/utils/getLargestSize.js +0 -17
- package/Image/utils/getLargestSize.js.map +0 -1
- package/Image/utils/getSizeForBreakpoint.d.ts +0 -2
- package/Image/utils/getSizeForBreakpoint.js +0 -16
- package/Image/utils/getSizeForBreakpoint.js.map +0 -1
- package/Image/utils/getSizesMap.d.ts +0 -2
- package/Image/utils/getSizesMap.js +0 -35
- package/Image/utils/getSizesMap.js.map +0 -1
- package/Image/utils/getSmallestSize.d.ts +0 -2
- package/Image/utils/getSmallestSize.js +0 -12
- package/Image/utils/getSmallestSize.js.map +0 -1
- package/Image/utils/getSrcSetFromWidths.d.ts +0 -10
- package/Image/utils/getSrcSetFromWidths.js +0 -9
- package/Image/utils/getSrcSetFromWidths.js.map +0 -1
- package/Image/utils/getSrcWithParams.d.ts +0 -3
- package/Image/utils/getSrcWithParams.js +0 -29
- package/Image/utils/getSrcWithParams.js.map +0 -1
- package/Image/utils/paddingForAspectRatio.d.ts +0 -1
- package/Image/utils/paddingForAspectRatio.js +0 -6
- package/Image/utils/paddingForAspectRatio.js.map +0 -1
- package/Image/utils/remToPx.d.ts +0 -1
- package/Image/utils/remToPx.js +0 -2
- package/Image/utils/remToPx.js.map +0 -1
- package/Image/utils/sizeToNumber.d.ts +0 -2
- package/Image/utils/sizeToNumber.js +0 -27
- package/Image/utils/sizeToNumber.js.map +0 -1
- package/Input/Input.d.ts +0 -6
- package/Input/Input.js +0 -45
- package/Input/Input.js.map +0 -1
- package/Input/index.d.ts +0 -3
- package/Input/index.js +0 -4
- package/Input/index.js.map +0 -1
- package/JetshopText.d.ts +0 -3
- package/JetshopText.js +0 -13
- package/JetshopText.js.map +0 -1
- package/Loading/LoadingBar.d.ts +0 -8
- package/Loading/LoadingBar.js +0 -58
- package/Loading/LoadingBar.js.map +0 -1
- package/Loading/LoadingLine.d.ts +0 -31
- package/Loading/LoadingLine.js +0 -26
- package/Loading/LoadingLine.js.map +0 -1
- package/Loading/NetworkStatusNotifier.d.ts +0 -6
- package/Loading/NetworkStatusNotifier.js +0 -8
- package/Loading/NetworkStatusNotifier.js.map +0 -1
- package/Menu/MenuContainer.d.ts +0 -28
- package/Menu/MenuContainer.js +0 -46
- package/Menu/MenuContainer.js.map +0 -1
- package/Menu/RecursiveTree.d.ts +0 -28
- package/Menu/RecursiveTree.js +0 -91
- package/Menu/RecursiveTree.js.map +0 -1
- package/Modal/Drawer/Drawer.d.ts +0 -12
- package/Modal/Drawer/Drawer.js +0 -31
- package/Modal/Drawer/Drawer.js.map +0 -1
- package/Modal/Drawer/DrawerTarget.d.ts +0 -6
- package/Modal/Drawer/DrawerTarget.js +0 -12
- package/Modal/Drawer/DrawerTarget.js.map +0 -1
- package/Modal/Drawer/DrawerTrigger.d.ts +0 -11
- package/Modal/Drawer/DrawerTrigger.js +0 -16
- package/Modal/Drawer/DrawerTrigger.js.map +0 -1
- package/Modal/Drawer/index.d.ts +0 -3
- package/Modal/Drawer/index.js +0 -4
- package/Modal/Drawer/index.js.map +0 -1
- package/Modal/Flyout/FlyoutTarget.d.ts +0 -10
- package/Modal/Flyout/FlyoutTarget.js +0 -15
- package/Modal/Flyout/FlyoutTarget.js.map +0 -1
- package/Modal/Flyout/FlyoutTrigger.d.ts +0 -15
- package/Modal/Flyout/FlyoutTrigger.js +0 -18
- package/Modal/Flyout/FlyoutTrigger.js.map +0 -1
- package/Modal/Flyout/index.d.ts +0 -2
- package/Modal/Flyout/index.js +0 -3
- package/Modal/Flyout/index.js.map +0 -1
- package/Modal/ModalContext.d.ts +0 -26
- package/Modal/ModalContext.js +0 -9
- package/Modal/ModalContext.js.map +0 -1
- package/Modal/ModalProvider.d.ts +0 -5
- package/Modal/ModalProvider.js +0 -83
- package/Modal/ModalProvider.js.map +0 -1
- package/Modal/ModalRoot.d.ts +0 -3
- package/Modal/ModalRoot.js +0 -44
- package/Modal/ModalRoot.js.map +0 -1
- package/Modal/ModalTrigger.d.ts +0 -9
- package/Modal/ModalTrigger.js +0 -9
- package/Modal/ModalTrigger.js.map +0 -1
- package/Pagination/Pagination.d.ts +0 -7
- package/Pagination/Pagination.js +0 -23
- package/Pagination/Pagination.js.map +0 -1
- package/Pagination/PaginationBehaviour.d.ts +0 -52
- package/Pagination/PaginationBehaviour.js +0 -68
- package/Pagination/PaginationBehaviour.js.map +0 -1
- package/Pagination/index.d.ts +0 -2
- package/Pagination/index.js +0 -3
- package/Pagination/index.js.map +0 -1
- package/Pagination/usePagination.d.ts +0 -15
- package/Pagination/usePagination.js +0 -46
- package/Pagination/usePagination.js.map +0 -1
- package/PreOrderDateSelector/PreOrderDateSelector.d.ts +0 -23
- package/PreOrderDateSelector/PreOrderDateSelector.js +0 -74
- package/PreOrderDateSelector/PreOrderDateSelector.js.map +0 -1
- package/PreOrderDateSelector/index.d.ts +0 -2
- package/PreOrderDateSelector/index.js +0 -3
- package/PreOrderDateSelector/index.js.map +0 -1
- package/Price/Currency.d.ts +0 -9
- package/Price/Currency.js +0 -11
- package/Price/Currency.js.map +0 -1
- package/Price/Price.d.ts +0 -44
- package/Price/Price.js +0 -74
- package/Price/Price.js.map +0 -1
- package/Price/index.d.ts +0 -1
- package/Price/index.js +0 -2
- package/Price/index.js.map +0 -1
- package/ProductLink.d.ts +0 -23
- package/ProductLink.js +0 -88
- package/ProductLink.js.map +0 -1
- package/ProductList/Badges.d.ts +0 -6
- package/ProductList/Badges.js +0 -56
- package/ProductList/Badges.js.map +0 -1
- package/ProductList/GridProduct.d.ts +0 -24
- package/ProductList/GridProduct.js +0 -58
- package/ProductList/GridProduct.js.map +0 -1
- package/ProductList/ProductGrid.d.ts +0 -16
- package/ProductList/ProductGrid.js +0 -30
- package/ProductList/ProductGrid.js.map +0 -1
- package/ProductList/ProductImage.d.ts +0 -12
- package/ProductList/ProductImage.js +0 -21
- package/ProductList/ProductImage.js.map +0 -1
- package/ProductSpecifications/ProductSpecifications.d.ts +0 -8
- package/ProductSpecifications/ProductSpecifications.js +0 -78
- package/ProductSpecifications/ProductSpecifications.js.map +0 -1
- package/ScrollRestorationHandler/ScrollRestorationHandler.d.ts +0 -8
- package/ScrollRestorationHandler/ScrollRestorationHandler.js +0 -17
- package/ScrollRestorationHandler/ScrollRestorationHandler.js.map +0 -1
- package/ScrollRestorationHandler/index.d.ts +0 -1
- package/ScrollRestorationHandler/index.js +0 -2
- package/ScrollRestorationHandler/index.js.map +0 -1
- package/ScrollRestorationHandler/isInIgnoredRouteTypes.d.ts +0 -8
- package/ScrollRestorationHandler/isInIgnoredRouteTypes.js +0 -8
- package/ScrollRestorationHandler/isInIgnoredRouteTypes.js.map +0 -1
- package/ScrollRestorationHandler/useScrollRestore.d.ts +0 -9
- package/ScrollRestorationHandler/useScrollRestore.js +0 -20
- package/ScrollRestorationHandler/useScrollRestore.js.map +0 -1
- package/Search/SearchAutoCompleteContainer.d.ts +0 -45
- package/Search/SearchAutoCompleteContainer.js +0 -172
- package/Search/SearchAutoCompleteContainer.js.map +0 -1
- package/Search/SearchField.d.ts +0 -26
- package/Search/SearchField.js +0 -98
- package/Search/SearchField.js.map +0 -1
- package/Search/SearchPage/PageOf.d.ts +0 -5
- package/Search/SearchPage/PageOf.js +0 -7
- package/Search/SearchPage/PageOf.js.map +0 -1
- package/Search/SearchPage/SearchMeta.d.ts +0 -16
- package/Search/SearchPage/SearchMeta.js +0 -20
- package/Search/SearchPage/SearchMeta.js.map +0 -1
- package/Search/SearchPage/SearchPageBehaviour.d.ts +0 -19
- package/Search/SearchPage/SearchPageBehaviour.js +0 -75
- package/Search/SearchPage/SearchPageBehaviour.js.map +0 -1
- package/Search/SuggestedTerm.d.ts +0 -16
- package/Search/SuggestedTerm.js +0 -35
- package/Search/SuggestedTerm.js.map +0 -1
- package/Search/index.d.ts +0 -1
- package/Search/index.js +0 -2
- package/Search/index.js.map +0 -1
- package/Select/Components.d.ts +0 -28
- package/Select/Components.js +0 -91
- package/Select/Components.js.map +0 -1
- package/Select/SelectComponents/Quantity.d.ts +0 -5
- package/Select/SelectComponents/Quantity.js +0 -8
- package/Select/SelectComponents/Quantity.js.map +0 -1
- package/Select/index.d.ts +0 -5
- package/Select/index.js +0 -2
- package/Select/index.js.map +0 -1
- package/SortOrder/SortOrder.d.ts +0 -16
- package/SortOrder/SortOrder.js +0 -33
- package/SortOrder/SortOrder.js.map +0 -1
- package/SortOrder/SortOrderDropdown.d.ts +0 -9
- package/SortOrder/SortOrderDropdown.js +0 -25
- package/SortOrder/SortOrderDropdown.js.map +0 -1
- package/SortOrder/SortOrderList.d.ts +0 -7
- package/SortOrder/SortOrderList.js +0 -17
- package/SortOrder/SortOrderList.js.map +0 -1
- package/StartPageRenderer/StartPageRenderer.d.ts +0 -17
- package/StartPageRenderer/StartPageRenderer.js +0 -52
- package/StartPageRenderer/StartPageRenderer.js.map +0 -1
- package/StartPageRenderer/index.d.ts +0 -1
- package/StartPageRenderer/index.js +0 -2
- package/StartPageRenderer/index.js.map +0 -1
- package/Stock/StockStatusContainer.d.ts +0 -21
- package/Stock/StockStatusContainer.js +0 -45
- package/Stock/StockStatusContainer.js.map +0 -1
- package/Text/Text.d.ts +0 -11
- package/Text/Text.js +0 -22
- package/Text/Text.js.map +0 -1
- package/Text/index.d.ts +0 -3
- package/Text/index.js +0 -4
- package/Text/index.js.map +0 -1
- package/Theme/createTheme.d.ts +0 -16
- package/Theme/createTheme.js +0 -5
- package/Theme/createTheme.js.map +0 -1
- package/Theme/cssReset.d.ts +0 -1
- package/Theme/cssReset.js +0 -160
- package/Theme/cssReset.js.map +0 -1
- package/Theme/normalizeCss.d.ts +0 -1
- package/Theme/normalizeCss.js +0 -357
- package/Theme/normalizeCss.js.map +0 -1
- package/Theme/sanitizeCss.d.ts +0 -1
- package/Theme/sanitizeCss.js +0 -572
- package/Theme/sanitizeCss.js.map +0 -1
- package/WindowGrid/WindowGrid.d.ts +0 -11
- package/WindowGrid/WindowGrid.js +0 -58
- package/WindowGrid/WindowGrid.js.map +0 -1
- package/WindowGrid/index.d.ts +0 -1
- package/WindowGrid/index.js +0 -2
- package/WindowGrid/index.js.map +0 -1
- package/WindowGrid/useResizeObserver.d.ts +0 -3
- package/WindowGrid/useResizeObserver.js +0 -14
- package/WindowGrid/useResizeObserver.js.map +0 -1
- package/WindowGrid/useScrollWithWindow.d.ts +0 -12
- package/WindowGrid/useScrollWithWindow.js +0 -39
- package/WindowGrid/useScrollWithWindow.js.map +0 -1
- package/fuzzySearch/fuzzySearch.d.ts +0 -8
- package/fuzzySearch/fuzzySearch.js +0 -43
- package/fuzzySearch/fuzzySearch.js.map +0 -1
- package/fuzzySearch/index.d.ts +0 -1
- package/fuzzySearch/index.js +0 -2
- package/fuzzySearch/index.js.map +0 -1
- package/hooks/index.d.ts +0 -2
- package/hooks/index.js +0 -3
- package/hooks/index.js.map +0 -1
- package/hooks/useOnClickOutside.d.ts +0 -6
- package/hooks/useOnClickOutside.js +0 -17
- package/hooks/useOnClickOutside.js.map +0 -1
- package/hooks/useOnEsc.d.ts +0 -4
- package/hooks/useOnEsc.js +0 -17
- package/hooks/useOnEsc.js.map +0 -1
- package/utils/breakpoints.d.ts +0 -23
- package/utils/breakpoints.js +0 -94
- package/utils/breakpoints.js.map +0 -1
- package/utils/callAllEventHandlers.d.ts +0 -5
- package/utils/callAllEventHandlers.js +0 -9
- package/utils/callAllEventHandlers.js.map +0 -1
- package/utils/text.d.ts +0 -1
- package/utils/text.js +0 -23
- package/utils/text.js.map +0 -1
- package/utils/theme.d.ts +0 -3
- package/utils/theme.js +0 -5
- package/utils/theme.js.map +0 -1
- package/utils/useHoverIntent.d.ts +0 -10
- package/utils/useHoverIntent.js +0 -78
- package/utils/useHoverIntent.js.map +0 -1
- package/utils/usePropsOfType.d.ts +0 -11
- package/utils/usePropsOfType.js +0 -18
- package/utils/usePropsOfType.js.map +0 -1
- package/withFlightUI.d.ts +0 -17
- package/withFlightUI.js +0 -20
- package/withFlightUI.js.map +0 -1
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Product, Route } from '@jetshop/core/types';
|
|
3
|
-
export interface BreadcrumbProps {
|
|
4
|
-
hideLast?: boolean;
|
|
5
|
-
parents: Route[];
|
|
6
|
-
breadcrumbText?: string;
|
|
7
|
-
className?: string;
|
|
8
|
-
product?: Product;
|
|
9
|
-
breadcrumbs?: string[];
|
|
10
|
-
}
|
|
11
|
-
export interface BreadcrumbsProps {
|
|
12
|
-
hideLast: boolean;
|
|
13
|
-
}
|
|
14
|
-
export default function Breadcrumbs(props: BreadcrumbProps): React.JSX.Element;
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { styled } from 'linaria/react';
|
|
3
|
-
import { cx } from 'linaria';
|
|
4
|
-
import { Link } from 'react-router-dom';
|
|
5
|
-
import { useIntl } from '@jetshop/intl';
|
|
6
|
-
import { StructuredBreadcrumbData } from '@jetshop/core/components/StructuredData/StructuredBreadcrumbData';
|
|
7
|
-
import useWarningInDev from '@jetshop/core/hooks/useWarningInDev';
|
|
8
|
-
const StyledBreadcrumbs = styled('ul') `
|
|
9
|
-
a,
|
|
10
|
-
li {
|
|
11
|
-
color: #707070;
|
|
12
|
-
font-size: 0.75rem;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
line-height: 1.5;
|
|
16
|
-
display: flex;
|
|
17
|
-
flex-direction: row;
|
|
18
|
-
flex-wrap: wrap;
|
|
19
|
-
list-style: none;
|
|
20
|
-
margin-bottom: 2rem;
|
|
21
|
-
&.hide-last {
|
|
22
|
-
li:last-child:after {
|
|
23
|
-
display: none;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
`;
|
|
27
|
-
const Breadcrumb = styled('li') `
|
|
28
|
-
white-space: nowrap;
|
|
29
|
-
&:after {
|
|
30
|
-
display: inline-block;
|
|
31
|
-
content: '/';
|
|
32
|
-
padding: 0 0.33em;
|
|
33
|
-
}
|
|
34
|
-
`;
|
|
35
|
-
export default function Breadcrumbs(props) {
|
|
36
|
-
const t = useIntl();
|
|
37
|
-
const { breadcrumbs, breadcrumbText, parents, hideLast, className } = props;
|
|
38
|
-
useWarningInDev(!breadcrumbs, 'Using <Breadcrumbs> without passing the breadcrumbs prop is deprecated.');
|
|
39
|
-
if (breadcrumbs) {
|
|
40
|
-
const crumbs = breadcrumbs.reduce((acc, text, index) => {
|
|
41
|
-
const crumb = {
|
|
42
|
-
text,
|
|
43
|
-
path: null
|
|
44
|
-
};
|
|
45
|
-
if (index < (parents === null || parents === void 0 ? void 0 : parents.length)) {
|
|
46
|
-
crumb.path = parents[parents.length - 1 - index].path;
|
|
47
|
-
}
|
|
48
|
-
return acc.concat(crumb);
|
|
49
|
-
}, [{ text: t('Home'), path: '/' }]);
|
|
50
|
-
return (React.createElement(React.Fragment, null,
|
|
51
|
-
React.createElement(StructuredBreadcrumbData, { breadcrumbs: crumbs.slice(1) }),
|
|
52
|
-
React.createElement(StyledBreadcrumbs, { className: cx(className, hideLast && 'hide-last') }, crumbs.map((crumb, index) => crumb.text && (React.createElement(Breadcrumb, { key: index }, !crumb.path ? (crumb.text) : (React.createElement(Link, { to: {
|
|
53
|
-
pathname: crumb.path
|
|
54
|
-
} }, crumb.text))))))));
|
|
55
|
-
}
|
|
56
|
-
else {
|
|
57
|
-
// This is deprecated, remove in next major
|
|
58
|
-
if (breadcrumbText) {
|
|
59
|
-
const crumbs = (parents || []).reduceRight((acc, parent) => {
|
|
60
|
-
var _a;
|
|
61
|
-
return [
|
|
62
|
-
...acc,
|
|
63
|
-
{
|
|
64
|
-
text: (_a = parent.object) === null || _a === void 0 ? void 0 : _a.breadcrumbText,
|
|
65
|
-
path: parent.path
|
|
66
|
-
}
|
|
67
|
-
];
|
|
68
|
-
}, [{ text: t('Home'), path: '/' }]);
|
|
69
|
-
crumbs.push({
|
|
70
|
-
text: breadcrumbText,
|
|
71
|
-
path: null
|
|
72
|
-
});
|
|
73
|
-
return (React.createElement(React.Fragment, null,
|
|
74
|
-
React.createElement(StructuredBreadcrumbData, { parents: parents, breadcrumbText: breadcrumbText }),
|
|
75
|
-
React.createElement(StyledBreadcrumbs, { className: cx(className, hideLast && 'hide-last') }, crumbs.map((crumb, index) => crumb.text && (React.createElement(Breadcrumb, { key: index }, !crumb.path ? (crumb.text) : (React.createElement(Link, { to: {
|
|
76
|
-
pathname: crumb.path
|
|
77
|
-
} }, crumb.text))))))));
|
|
78
|
-
}
|
|
79
|
-
else {
|
|
80
|
-
return null;
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
//# sourceMappingURL=Breadcrumbs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["Breadcrumbs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
const getParentOrCanonicalRoute = (parents, product) => {
|
|
2
|
-
var _a;
|
|
3
|
-
if ((parents === null || parents === void 0 ? void 0 : parents.length) > 0) {
|
|
4
|
-
return parents;
|
|
5
|
-
}
|
|
6
|
-
else if ((_a = product === null || product === void 0 ? void 0 : product.primaryRoute) === null || _a === void 0 ? void 0 : _a.parents) {
|
|
7
|
-
return product.primaryRoute.parents;
|
|
8
|
-
}
|
|
9
|
-
else {
|
|
10
|
-
return null;
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
export default getParentOrCanonicalRoute;
|
|
14
|
-
//# sourceMappingURL=getParentsOrCanonicalRoute.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getParentsOrCanonicalRoute.js","sourceRoot":"","sources":["getParentsOrCanonicalRoute.ts"],"names":[],"mappings":"AAEA,MAAM,yBAAyB,GAAG,CAAC,OAAgB,EAAE,OAAgB,EAAE,EAAE;;IACvE,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,IAAG,CAAC,EAAE;QACvB,OAAO,OAAO,CAAC;KAChB;SAAM,IAAI,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,0CAAE,OAAO,EAAE;QACzC,OAAO,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;KACrC;SAAM;QACL,OAAO,IAAI,CAAC;KACb;AACH,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
|
package/Breadcrumbs/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './Breadcrumbs';
|
package/Breadcrumbs/index.js
DELETED
package/Breadcrumbs/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}
|
package/Breakpoints.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export type BreakpointHelperProps = {
|
|
3
|
-
breakpoint: string;
|
|
4
|
-
render?: (props: any) => React.ReactNode;
|
|
5
|
-
children?: (props: any) => React.ReactNode;
|
|
6
|
-
};
|
|
7
|
-
export type BreakpointBetweenProps = BreakpointHelperProps & {
|
|
8
|
-
breakpoints: string[];
|
|
9
|
-
};
|
|
10
|
-
export declare const Above: ({ breakpoint, render, children }: BreakpointHelperProps) => React.JSX.Element;
|
|
11
|
-
export declare function Below({ breakpoint, render, children }: BreakpointHelperProps): React.JSX.Element;
|
|
12
|
-
export declare function Between({ children, render, breakpoints }: BreakpointBetweenProps): React.JSX.Element;
|
package/Breakpoints.js
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { useInitialBreakpoint } from '@jetshop/core/components/BreakpointProvider';
|
|
2
|
-
import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import Media from 'react-media';
|
|
5
|
-
import { getMaxBreakpointValue } from './utils/breakpoints';
|
|
6
|
-
export const Above = ({ breakpoint, render, children }) => {
|
|
7
|
-
const { theme: { breakpoints } } = useShopConfig();
|
|
8
|
-
const { breakpointIndex } = useInitialBreakpoint();
|
|
9
|
-
const query = { minWidth: breakpoints[breakpoint] };
|
|
10
|
-
return (React.createElement(Media, { query: query, defaultMatches: Object.keys(breakpoints).indexOf(breakpoint) <= breakpointIndex }, children || render));
|
|
11
|
-
};
|
|
12
|
-
export function Below({ breakpoint, render, children }) {
|
|
13
|
-
const { theme: { breakpoints } } = useShopConfig();
|
|
14
|
-
const { breakpointIndex } = useInitialBreakpoint();
|
|
15
|
-
const bpMap = Object.entries(breakpoints).map(([key, val]) => {
|
|
16
|
-
return { label: key, size: val };
|
|
17
|
-
});
|
|
18
|
-
const query = { maxWidth: getMaxBreakpointValue(breakpoint, bpMap) };
|
|
19
|
-
return (React.createElement(Media, { query: query, defaultMatches: Object.keys(breakpoints).indexOf(breakpoint) > breakpointIndex }, children || render));
|
|
20
|
-
}
|
|
21
|
-
export function Between({ children, render, breakpoints }) {
|
|
22
|
-
const { theme: { breakpoints: configuredBreakpoints } } = useShopConfig();
|
|
23
|
-
const { breakpointIndex } = useInitialBreakpoint();
|
|
24
|
-
const bpMap = Object.entries(configuredBreakpoints).map(([key, val]) => {
|
|
25
|
-
return { label: key, size: val };
|
|
26
|
-
});
|
|
27
|
-
const labels = Object.keys(configuredBreakpoints);
|
|
28
|
-
const defaultMatches = labels.indexOf(breakpoints[0]) <= breakpointIndex &&
|
|
29
|
-
labels.indexOf(breakpoints[1]) >= breakpointIndex;
|
|
30
|
-
const query = {
|
|
31
|
-
minWidth: configuredBreakpoints[breakpoints[0]],
|
|
32
|
-
maxWidth: getMaxBreakpointValue(breakpoints[1], bpMap)
|
|
33
|
-
};
|
|
34
|
-
return (React.createElement(Media, { query: query, defaultMatches: defaultMatches }, children || render));
|
|
35
|
-
}
|
|
36
|
-
//# sourceMappingURL=Breakpoints.js.map
|
package/Breakpoints.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Breakpoints.js","sourceRoot":"","sources":["Breakpoints.tsx"],"names":[],"mappings":"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"}
|
package/Button/Button.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export declare const buttonStyles = "\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 0.5rem 1rem;\n color: white;\n background-color: grey;\n border-color: grey;\n cursor: pointer;\n\n text-align: center;\n height: 54px;\n font-family: 'Source Sans Pro', sans-serif;\n width: 100%;\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n";
|
|
3
|
-
export interface ButtonProps {
|
|
4
|
-
icon?: any;
|
|
5
|
-
children?: any;
|
|
6
|
-
text?: string;
|
|
7
|
-
onClick?: any;
|
|
8
|
-
/** Whether to use an a tag instead of button */
|
|
9
|
-
anchor?: boolean;
|
|
10
|
-
style?: any;
|
|
11
|
-
className?: string;
|
|
12
|
-
}
|
|
13
|
-
declare const Button: React.SFC<ButtonProps>;
|
|
14
|
-
export default Button;
|
package/Button/Button.js
DELETED
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import * as React from 'react';
|
|
13
|
-
import { styled } from 'linaria/react';
|
|
14
|
-
export const buttonStyles = `
|
|
15
|
-
display: inline-flex;
|
|
16
|
-
justify-content: center;
|
|
17
|
-
align-items: center;
|
|
18
|
-
padding: 0.5rem 1rem;
|
|
19
|
-
color: white;
|
|
20
|
-
background-color: grey;
|
|
21
|
-
border-color: grey;
|
|
22
|
-
cursor: pointer;
|
|
23
|
-
|
|
24
|
-
text-align: center;
|
|
25
|
-
height: 54px;
|
|
26
|
-
font-family: 'Source Sans Pro', sans-serif;
|
|
27
|
-
width: 100%;
|
|
28
|
-
|
|
29
|
-
&:disabled {
|
|
30
|
-
opacity: 0.5;
|
|
31
|
-
cursor: not-allowed;
|
|
32
|
-
}
|
|
33
|
-
`;
|
|
34
|
-
const BaseButton = styled('button') `
|
|
35
|
-
${buttonStyles};
|
|
36
|
-
@media (--above-md) {
|
|
37
|
-
max-width: 300px;
|
|
38
|
-
}
|
|
39
|
-
`;
|
|
40
|
-
const BaseLink = styled('a') `
|
|
41
|
-
${buttonStyles};
|
|
42
|
-
text-decoration: none;
|
|
43
|
-
@media (--above-md) {
|
|
44
|
-
max-width: 300px;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
:hover {
|
|
48
|
-
text-decoration: none;
|
|
49
|
-
}
|
|
50
|
-
`;
|
|
51
|
-
const Button = (_a) => {
|
|
52
|
-
var { icon, text, children, anchor = false } = _a, rest = __rest(_a, ["icon", "text", "children", "anchor"]);
|
|
53
|
-
const Comp = anchor ? BaseLink : BaseButton;
|
|
54
|
-
return (React.createElement(Comp, Object.assign({ type: "button" }, rest),
|
|
55
|
-
icon ? [React.createElement(icon, { key: 'icon' }), ' '] : '',
|
|
56
|
-
text,
|
|
57
|
-
children));
|
|
58
|
-
};
|
|
59
|
-
export default Button;
|
|
60
|
-
//# sourceMappingURL=Button.js.map
|
package/Button/Button.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["Button.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;CAmB3B,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAC/B,YAAY;;;;CAIf,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;IACxB,YAAY;;;;;;;;;CASf,CAAC;AAaF,MAAM,MAAM,GAA2B,CAAC,EAMvC,EAAE,EAAE;QANmC,EACtC,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,MAAM,GAAG,KAAK,OAEf,EADI,IAAI,cAL+B,sCAMvC,CADQ;IAEP,MAAM,IAAI,GAAsB,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC;IAE/D,OAAO,CACL,oBAAC,IAAI,kBAAC,IAAI,EAAC,QAAQ,IAAK,IAAI;QACzB,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;QAC7D,IAAI;QACJ,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { styled } from 'linaria/react';
|
|
2
|
-
import Button from './Button';
|
|
3
|
-
export const SecondaryButton = styled(Button) `
|
|
4
|
-
background: ${({ inverted }) => (inverted ? '#000' : '#fff')};
|
|
5
|
-
color: ${({ inverted }) => (inverted ? '#fff' : '#000')};
|
|
6
|
-
border: 1px solid ${({ inverted }) => (inverted ? '#000' : '#fff')};
|
|
7
|
-
`;
|
|
8
|
-
export default SecondaryButton;
|
|
9
|
-
//# sourceMappingURL=SecondaryButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SecondaryButton.js","sourceRoot":"","sources":["SecondaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;gBAC7B,CAAC,EAAE,QAAQ,EAAO,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;WACxD,CAAC,EAAE,QAAQ,EAAO,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;sBACxC,CAAC,EAAE,QAAQ,EAAO,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;CACxE,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
package/Button/TrendButton.d.ts
DELETED
package/Button/TrendButton.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { styled } from 'linaria/react';
|
|
2
|
-
import Button from './Button';
|
|
3
|
-
export const TrendButton = styled(Button) `
|
|
4
|
-
background: ${({ inverted }) => (inverted ? '#fff' : '#000')};
|
|
5
|
-
color: ${({ inverted }) => (inverted ? '#000' : '#fff')};
|
|
6
|
-
`;
|
|
7
|
-
export default TrendButton;
|
|
8
|
-
//# sourceMappingURL=TrendButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TrendButton.js","sourceRoot":"","sources":["TrendButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;gBACzB,CAAC,EAAE,QAAQ,EAAO,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;WACxD,CAAC,EAAE,QAAQ,EAAO,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;CAC7D,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
package/Button/index.d.ts
DELETED
package/Button/index.js
DELETED
package/Button/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}
|
package/CategoryLink.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { NavLinkProps } from 'react-router-dom';
|
|
3
|
-
import { Category } from '@jetshop/core/types';
|
|
4
|
-
export interface CategoryLinkProps extends Partial<NavLinkProps> {
|
|
5
|
-
category: Category;
|
|
6
|
-
className?: string;
|
|
7
|
-
preloadRoute?: boolean;
|
|
8
|
-
onMouseEnter?: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => any;
|
|
9
|
-
}
|
|
10
|
-
declare const CategoryLink: ({ category: { id, name, primaryRoute }, children, onMouseEnter, preloadRoute, ...props }: CategoryLinkProps) => React.JSX.Element;
|
|
11
|
-
export default CategoryLink;
|
package/CategoryLink.js
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React from 'react';
|
|
13
|
-
import { NavLink } from 'react-router-dom';
|
|
14
|
-
import { useRoutePreload } from '@jetshop/core/hooks/useRoutePreload';
|
|
15
|
-
import { useHoverIntent } from './utils/useHoverIntent';
|
|
16
|
-
const CategoryLink = (_a) => {
|
|
17
|
-
var { category: { id, name, primaryRoute }, children, onMouseEnter, preloadRoute = true } = _a, props = __rest(_a, ["category", "children", "onMouseEnter", "preloadRoute"]);
|
|
18
|
-
const { preload } = useRoutePreload();
|
|
19
|
-
const categoryPreload = () => {
|
|
20
|
-
preload({
|
|
21
|
-
pathname: primaryRoute && primaryRoute.path,
|
|
22
|
-
routeType: 'Category',
|
|
23
|
-
preloadRoute
|
|
24
|
-
});
|
|
25
|
-
};
|
|
26
|
-
const [, intentRef] = useHoverIntent({
|
|
27
|
-
onHover: () => {
|
|
28
|
-
categoryPreload();
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
if (primaryRoute && primaryRoute.path) {
|
|
32
|
-
return (React.createElement(NavLink, Object.assign({}, props, { to: {
|
|
33
|
-
pathname: primaryRoute.path,
|
|
34
|
-
state: {
|
|
35
|
-
type: 'Category',
|
|
36
|
-
id
|
|
37
|
-
}
|
|
38
|
-
}, innerRef: intentRef, onTouchStart: categoryPreload, onMouseEnter: (event) => {
|
|
39
|
-
categoryPreload();
|
|
40
|
-
if (typeof onMouseEnter === 'function') {
|
|
41
|
-
onMouseEnter(event);
|
|
42
|
-
}
|
|
43
|
-
} }), children ? children : name));
|
|
44
|
-
}
|
|
45
|
-
else
|
|
46
|
-
return null;
|
|
47
|
-
};
|
|
48
|
-
export default CategoryLink;
|
|
49
|
-
//# sourceMappingURL=CategoryLink.js.map
|
package/CategoryLink.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CategoryLink.js","sourceRoot":"","sources":["CategoryLink.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAgB,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAUxD,MAAM,YAAY,GAAG,CAAC,EAMF,EAAE,EAAE;QANF,EACpB,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EACpC,QAAQ,EACR,YAAY,EACZ,YAAY,GAAG,IAAI,OAED,EADf,KAAK,cALY,wDAMrB,CADS;IAER,MAAM,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IACtC,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,OAAO,CAAC;YACN,QAAQ,EAAE,YAAY,IAAI,YAAY,CAAC,IAAI;YAC3C,SAAS,EAAE,UAAU;YACrB,YAAY;SACb,CAAC,CAAC;IACL,CAAC,CAAC;IACF,MAAM,CAAC,EAAE,SAAS,CAAC,GAAG,cAAc,CAAC;QACnC,OAAO,EAAE,GAAG,EAAE;YACZ,eAAe,EAAE,CAAC;QACpB,CAAC;KACF,CAAC,CAAC;IAEH,IAAI,YAAY,IAAI,YAAY,CAAC,IAAI,EAAE;QACrC,OAAO,CACL,oBAAC,OAAO,oBACF,KAAK,IACT,EAAE,EAAE;gBACF,QAAQ,EAAE,YAAY,CAAC,IAAI;gBAC3B,KAAK,EAAE;oBACL,IAAI,EAAE,UAAU;oBAChB,EAAE;iBACH;aACF,EACD,QAAQ,EAAE,SAAgB,EAC1B,YAAY,EAAE,eAAe,EAC7B,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;gBACtB,eAAe,EAAE,CAAC;gBAClB,IAAI,OAAO,YAAY,KAAK,UAAU,EAAE;oBACtC,YAAY,CAAC,KAAK,CAAC,CAAC;iBACrB;YACH,CAAC,KAEA,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACnB,CACX,CAAC;KACH;;QAAM,OAAO,IAAI,CAAC;AACrB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { SFC } from 'react';
|
|
2
|
-
import { Channel } from '@jetshop/core/types';
|
|
3
|
-
import { SelectChannel } from './ChannelSelector';
|
|
4
|
-
export interface ChannelListItemProps {
|
|
5
|
-
channel: Channel;
|
|
6
|
-
onSelect: SelectChannel;
|
|
7
|
-
isSelected: boolean;
|
|
8
|
-
}
|
|
9
|
-
declare const ChannelListItem: SFC<ChannelListItemProps>;
|
|
10
|
-
export default ChannelListItem;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { styled } from 'linaria/react';
|
|
3
|
-
import { cx } from 'linaria';
|
|
4
|
-
const selectedStyle = `
|
|
5
|
-
color: #000;
|
|
6
|
-
font-weight: 600;
|
|
7
|
-
&:before {
|
|
8
|
-
/*
|
|
9
|
-
Using a before pseudo-element allows us to create a background
|
|
10
|
-
hover effect without adding padding to the element itself.
|
|
11
|
-
*/
|
|
12
|
-
background: #ebebeb;
|
|
13
|
-
}
|
|
14
|
-
`;
|
|
15
|
-
const ListItem = styled('li') `
|
|
16
|
-
list-style: none;
|
|
17
|
-
margin: 0;
|
|
18
|
-
padding: 0.75rem 0;
|
|
19
|
-
color: #4f4f4f;
|
|
20
|
-
cursor: pointer;
|
|
21
|
-
display: flex;
|
|
22
|
-
align-items: center;
|
|
23
|
-
position: relative;
|
|
24
|
-
user-select: none;
|
|
25
|
-
z-index: 1;
|
|
26
|
-
&:before {
|
|
27
|
-
content: '';
|
|
28
|
-
top: 0;
|
|
29
|
-
bottom: 0;
|
|
30
|
-
left: -0.5rem;
|
|
31
|
-
right: -0.5rem;
|
|
32
|
-
z-index: -1;
|
|
33
|
-
position: absolute;
|
|
34
|
-
border: 1px solid transparent;
|
|
35
|
-
}
|
|
36
|
-
&:focus {
|
|
37
|
-
outline: none;
|
|
38
|
-
}
|
|
39
|
-
&:focus:before {
|
|
40
|
-
border-color: #2f80ed;
|
|
41
|
-
}
|
|
42
|
-
&.isSelected {
|
|
43
|
-
${selectedStyle};
|
|
44
|
-
}
|
|
45
|
-
&:hover {
|
|
46
|
-
${selectedStyle};
|
|
47
|
-
}
|
|
48
|
-
`;
|
|
49
|
-
const ChannelListItem = ({ channel, onSelect, isSelected }) => (React.createElement(ListItem, { className: cx(isSelected && 'isSelected'), tabIndex: 0, onKeyDown: (e) => e.key === 'Enter' && onSelect(channel.id), onClick: () => onSelect(channel.id) }, channel.name));
|
|
50
|
-
export default ChannelListItem;
|
|
51
|
-
//# sourceMappingURL=ChannelListItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChannelListItem.js","sourceRoot":"","sources":["ChannelListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAI7B,MAAM,aAAa,GAAG;;;;;;;;;;CAUrB,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA4BvB,aAAa;;;MAGb,aAAa;;CAElB,CAAC;AAaF,MAAM,eAAe,GAA8B,CAAC,EAClD,OAAO,EACP,QAAQ,EACR,UAAU,EACX,EAAE,EAAE,CAAC,CACJ,oBAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CAAC,UAAU,IAAI,YAAY,CAAC,EACzC,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,CAAC,CAAqC,EAAE,EAAE,CACnD,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAE3C,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,IAKlC,OAAO,CAAC,IAAI,CACJ,CACZ,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { SelectedChannel } from '@jetshop/core/components/ChannelContext/ChannelContext';
|
|
2
|
-
import { Channel } from '@jetshop/core/types';
|
|
3
|
-
import { Item } from '@jetshop/ui/Checkbox/CheckboxGroup';
|
|
4
|
-
import React from 'react';
|
|
5
|
-
export interface RenderCallback {
|
|
6
|
-
(props: {
|
|
7
|
-
channels: Channel[];
|
|
8
|
-
currencyItems: Item[];
|
|
9
|
-
languageItems: Item[];
|
|
10
|
-
selectedChannel: SelectedChannel;
|
|
11
|
-
hasChanged: boolean;
|
|
12
|
-
onSelect: SelectChannel;
|
|
13
|
-
onCurrencySelect: (currency: string) => void;
|
|
14
|
-
onLanguageSelect: (language: string) => void;
|
|
15
|
-
}): React.ReactElement<any>;
|
|
16
|
-
}
|
|
17
|
-
export interface ChannelSelectorProps {
|
|
18
|
-
/** Any array of channels to display */
|
|
19
|
-
channels: Channel[];
|
|
20
|
-
/** The default-selected channel */
|
|
21
|
-
initialChannel: SelectedChannel;
|
|
22
|
-
/**
|
|
23
|
-
* Render callback to pass state to composed child components
|
|
24
|
-
* @param {arr} channels
|
|
25
|
-
* @param {arr} currencyItems
|
|
26
|
-
* @param {arr} languageItems
|
|
27
|
-
* @param {obj} selectedChannel selected channel
|
|
28
|
-
* @param {boolean} hasChanged Whether the selection has changed from the default
|
|
29
|
-
* @param {func} onSelect Call with the channel to set the selected channel
|
|
30
|
-
* @param {func} onCurrencySelect Call with the currency to set the selected currnecy
|
|
31
|
-
* @param {func} onLanguageSelect Call with the language to set the selected lanauge
|
|
32
|
-
*/
|
|
33
|
-
render: RenderCallback;
|
|
34
|
-
}
|
|
35
|
-
export interface ChannelSelectorState {
|
|
36
|
-
selectedChannel: SelectedChannel;
|
|
37
|
-
hasChanged: boolean;
|
|
38
|
-
}
|
|
39
|
-
export type SelectChannel = (channel: number | string, culture?: string, currency?: string, country?: string) => void;
|
|
40
|
-
export type SelectCurrency = (currency: string) => void;
|
|
41
|
-
export type SelectLanguage = (language: string) => void;
|
|
42
|
-
/** Wraps either MiniSelector or LargeSelector and provides controlled state */
|
|
43
|
-
export default class ChannelSelector extends React.Component<ChannelSelectorProps, ChannelSelectorState> {
|
|
44
|
-
state: {
|
|
45
|
-
selectedChannel: SelectedChannel;
|
|
46
|
-
hasChanged: boolean;
|
|
47
|
-
};
|
|
48
|
-
setDirtyState: () => void;
|
|
49
|
-
componentDidUpdate(_prevProps: any, prevState: any): void;
|
|
50
|
-
selectChannel: SelectChannel;
|
|
51
|
-
selectCurrency: SelectCurrency;
|
|
52
|
-
selectLanguage: SelectLanguage;
|
|
53
|
-
render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
54
|
-
}
|
|
55
|
-
export declare const LangCurrWrapper: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
56
|
-
as?: React.ElementType<any>;
|
|
57
|
-
}>;
|
|
58
|
-
export declare const SelectorBody: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
|
|
59
|
-
as?: React.ElementType<any>;
|
|
60
|
-
}>;
|
|
61
|
-
export declare const Title: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
|
|
62
|
-
as?: React.ElementType<any>;
|
|
63
|
-
}>;
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { createSelectedChannel, findChannel, findChannelById } from '@jetshop/core/ChannelHandler/channelUtils';
|
|
2
|
-
import { styled } from 'linaria/react';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
/** Wraps either MiniSelector or LargeSelector and provides controlled state */
|
|
5
|
-
export default class ChannelSelector extends React.Component {
|
|
6
|
-
constructor() {
|
|
7
|
-
super(...arguments);
|
|
8
|
-
this.state = {
|
|
9
|
-
selectedChannel: this.props.initialChannel,
|
|
10
|
-
hasChanged: false
|
|
11
|
-
};
|
|
12
|
-
this.setDirtyState = () => {
|
|
13
|
-
const hasChanged = this.state.selectedChannel.name !== this.props.initialChannel.name ||
|
|
14
|
-
this.state.selectedChannel.language.name !==
|
|
15
|
-
this.props.initialChannel.language.name ||
|
|
16
|
-
this.state.selectedChannel.currency.name !==
|
|
17
|
-
this.props.initialChannel.currency.name ||
|
|
18
|
-
this.state.selectedChannel.country.name !==
|
|
19
|
-
this.props.initialChannel.country.name;
|
|
20
|
-
this.setState({ hasChanged });
|
|
21
|
-
};
|
|
22
|
-
this.selectChannel = (channel, culture, currency, country) => {
|
|
23
|
-
const selectedChannel = createSelectedChannel(typeof channel === 'number'
|
|
24
|
-
? findChannelById(channel, this.props.channels)
|
|
25
|
-
: findChannel(channel, this.props.channels), culture, currency, country);
|
|
26
|
-
this.setState({
|
|
27
|
-
selectedChannel
|
|
28
|
-
});
|
|
29
|
-
return selectedChannel;
|
|
30
|
-
};
|
|
31
|
-
this.selectCurrency = (selectedCurrency) => {
|
|
32
|
-
const currency = this.state.selectedChannel.currencies.find((currency) => currency.name === selectedCurrency);
|
|
33
|
-
this.setState({
|
|
34
|
-
selectedChannel: Object.assign(Object.assign({}, this.state.selectedChannel), { currency })
|
|
35
|
-
});
|
|
36
|
-
};
|
|
37
|
-
this.selectLanguage = (selectedLanguage) => {
|
|
38
|
-
const language = this.state.selectedChannel.languages.find((language) => language.name === selectedLanguage);
|
|
39
|
-
this.setState({
|
|
40
|
-
selectedChannel: Object.assign(Object.assign({}, this.state.selectedChannel), { language })
|
|
41
|
-
});
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
componentDidUpdate(_prevProps, prevState) {
|
|
45
|
-
(prevState.selectedChannel.name !== this.state.selectedChannel.name ||
|
|
46
|
-
prevState.selectedChannel.language.name !==
|
|
47
|
-
this.state.selectedChannel.language.name ||
|
|
48
|
-
prevState.selectedChannel.currency.name !==
|
|
49
|
-
this.state.selectedChannel.currency.name ||
|
|
50
|
-
prevState.selectedChannel.country.name !==
|
|
51
|
-
this.state.selectedChannel.country.name) &&
|
|
52
|
-
this.setDirtyState();
|
|
53
|
-
}
|
|
54
|
-
render() {
|
|
55
|
-
const { render, channels } = this.props;
|
|
56
|
-
const currencyItems = this.state.selectedChannel.currencies.map(currency => {
|
|
57
|
-
return {
|
|
58
|
-
label: currency.name,
|
|
59
|
-
val: currency.name
|
|
60
|
-
};
|
|
61
|
-
});
|
|
62
|
-
const languageItems = this.state.selectedChannel.languages.map(language => {
|
|
63
|
-
return {
|
|
64
|
-
label: language.name,
|
|
65
|
-
val: language.name
|
|
66
|
-
};
|
|
67
|
-
});
|
|
68
|
-
return render(Object.assign(Object.assign({}, this.state), { channels,
|
|
69
|
-
currencyItems,
|
|
70
|
-
languageItems, onSelect: this.selectChannel, onCurrencySelect: this.selectCurrency, onLanguageSelect: this.selectLanguage }));
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
// For some reason Styleguidist breaks unless this comes after
|
|
74
|
-
// the default export
|
|
75
|
-
export const LangCurrWrapper = styled('div') `
|
|
76
|
-
background: #f5f5f5;
|
|
77
|
-
`;
|
|
78
|
-
export const SelectorBody = styled('section') ``;
|
|
79
|
-
export const Title = styled('h1') ``;
|
|
80
|
-
//# sourceMappingURL=ChannelSelector.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChannelSelector.js","sourceRoot":"","sources":["ChannelSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export declare const CommitButton: import("linaria/lib/StyledMeta").StyledMeta & import("react").SFC<import("../Button/Button").ButtonProps>;
|
|
2
|
-
export declare const CancelButton: import("linaria/lib/StyledMeta").StyledMeta & import("react").SFC<import("../Button/Button").ButtonProps>;
|