@faststore/components 3.4.4 → 3.7.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/hooks/index.d.ts +1 -0
- package/dist/cjs/hooks/index.js +3 -1
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useSKUMatrix.d.ts +1 -0
- package/dist/cjs/hooks/useSKUMatrix.js +14 -0
- package/dist/cjs/hooks/useSKUMatrix.js.map +1 -0
- package/dist/cjs/index.d.ts +2 -0
- package/dist/cjs/index.js +5 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/molecules/Breadcrumb/BreadcrumbBase.js +9 -4
- package/dist/cjs/molecules/Breadcrumb/BreadcrumbBase.js.map +1 -1
- package/dist/cjs/organisms/SKUMatrix/SKUMatrix.d.ts +9 -0
- package/dist/cjs/organisms/SKUMatrix/SKUMatrix.js +11 -0
- package/dist/cjs/organisms/SKUMatrix/SKUMatrix.js.map +1 -0
- package/dist/cjs/organisms/SKUMatrix/SKUMatrixSidebar.d.ts +45 -0
- package/dist/cjs/organisms/SKUMatrix/SKUMatrixSidebar.js +93 -0
- package/dist/cjs/organisms/SKUMatrix/SKUMatrixSidebar.js.map +1 -0
- package/dist/cjs/organisms/SKUMatrix/SKUMatrixTrigger.d.ts +5 -0
- package/dist/cjs/organisms/SKUMatrix/SKUMatrixTrigger.js +15 -0
- package/dist/cjs/organisms/SKUMatrix/SKUMatrixTrigger.js.map +1 -0
- package/dist/cjs/organisms/SKUMatrix/index.d.ts +6 -0
- package/dist/cjs/organisms/SKUMatrix/index.js +13 -0
- package/dist/cjs/organisms/SKUMatrix/index.js.map +1 -0
- package/dist/cjs/organisms/SKUMatrix/provider/SKUMatrixProvider.d.ts +49 -0
- package/dist/cjs/organisms/SKUMatrix/provider/SKUMatrixProvider.js +28 -0
- package/dist/cjs/organisms/SKUMatrix/provider/SKUMatrixProvider.js.map +1 -0
- package/dist/esm/hooks/index.d.ts +1 -0
- package/dist/esm/hooks/index.js +1 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/useSKUMatrix.d.ts +1 -0
- package/dist/esm/hooks/useSKUMatrix.js +10 -0
- package/dist/esm/hooks/useSKUMatrix.js.map +1 -0
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/molecules/Breadcrumb/BreadcrumbBase.js +10 -5
- package/dist/esm/molecules/Breadcrumb/BreadcrumbBase.js.map +1 -1
- package/dist/esm/organisms/SKUMatrix/SKUMatrix.d.ts +9 -0
- package/dist/esm/organisms/SKUMatrix/SKUMatrix.js +8 -0
- package/dist/esm/organisms/SKUMatrix/SKUMatrix.js.map +1 -0
- package/dist/esm/organisms/SKUMatrix/SKUMatrixSidebar.d.ts +45 -0
- package/dist/esm/organisms/SKUMatrix/SKUMatrixSidebar.js +90 -0
- package/dist/esm/organisms/SKUMatrix/SKUMatrixSidebar.js.map +1 -0
- package/dist/esm/organisms/SKUMatrix/SKUMatrixTrigger.d.ts +5 -0
- package/dist/esm/organisms/SKUMatrix/SKUMatrixTrigger.js +12 -0
- package/dist/esm/organisms/SKUMatrix/SKUMatrixTrigger.js.map +1 -0
- package/dist/esm/organisms/SKUMatrix/index.d.ts +6 -0
- package/dist/esm/organisms/SKUMatrix/index.js +4 -0
- package/dist/esm/organisms/SKUMatrix/index.js.map +1 -0
- package/dist/esm/organisms/SKUMatrix/provider/SKUMatrixProvider.d.ts +49 -0
- package/dist/esm/organisms/SKUMatrix/provider/SKUMatrixProvider.js +24 -0
- package/dist/esm/organisms/SKUMatrix/provider/SKUMatrixProvider.js.map +1 -0
- package/package.json +4 -4
- package/src/hooks/index.ts +1 -2
- package/src/hooks/useSKUMatrix.ts +15 -0
- package/src/index.ts +11 -0
- package/src/molecules/Breadcrumb/BreadcrumbBase.tsx +52 -24
- package/src/organisms/SKUMatrix/SKUMatrix.tsx +22 -0
- package/src/organisms/SKUMatrix/SKUMatrixSidebar.tsx +297 -0
- package/src/organisms/SKUMatrix/SKUMatrixTrigger.tsx +31 -0
- package/src/organisms/SKUMatrix/index.ts +8 -0
- package/src/organisms/SKUMatrix/provider/SKUMatrixProvider.tsx +104 -0
|
@@ -2,6 +2,7 @@ export { default as UIProvider, Toast as ToastProps, useUI } from './UIProvider'
|
|
|
2
2
|
export { useFadeEffect } from './useFadeEffect';
|
|
3
3
|
export { useTrapFocus } from './useTrapFocus';
|
|
4
4
|
export { useSearch } from './useSearch';
|
|
5
|
+
export { useSKUMatrix } from './useSKUMatrix';
|
|
5
6
|
export { useScrollDirection } from './useScrollDirection';
|
|
6
7
|
export { useSlider } from './useSlider';
|
|
7
8
|
export type { UseSliderArgs, SliderState, SliderDispatch, SlideDirection, } from './useSlider';
|
package/dist/cjs/hooks/index.js
CHANGED
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.useSlideVisibility = exports.useSlider = exports.useScrollDirection = exports.useSearch = exports.useTrapFocus = exports.useFadeEffect = exports.useUI = exports.UIProvider = void 0;
|
|
6
|
+
exports.useSlideVisibility = exports.useSlider = exports.useScrollDirection = exports.useSKUMatrix = exports.useSearch = exports.useTrapFocus = exports.useFadeEffect = exports.useUI = exports.UIProvider = void 0;
|
|
7
7
|
var UIProvider_1 = require("./UIProvider");
|
|
8
8
|
Object.defineProperty(exports, "UIProvider", { enumerable: true, get: function () { return __importDefault(UIProvider_1).default; } });
|
|
9
9
|
Object.defineProperty(exports, "useUI", { enumerable: true, get: function () { return UIProvider_1.useUI; } });
|
|
@@ -13,6 +13,8 @@ var useTrapFocus_1 = require("./useTrapFocus");
|
|
|
13
13
|
Object.defineProperty(exports, "useTrapFocus", { enumerable: true, get: function () { return useTrapFocus_1.useTrapFocus; } });
|
|
14
14
|
var useSearch_1 = require("./useSearch");
|
|
15
15
|
Object.defineProperty(exports, "useSearch", { enumerable: true, get: function () { return useSearch_1.useSearch; } });
|
|
16
|
+
var useSKUMatrix_1 = require("./useSKUMatrix");
|
|
17
|
+
Object.defineProperty(exports, "useSKUMatrix", { enumerable: true, get: function () { return useSKUMatrix_1.useSKUMatrix; } });
|
|
16
18
|
var useScrollDirection_1 = require("./useScrollDirection");
|
|
17
19
|
Object.defineProperty(exports, "useScrollDirection", { enumerable: true, get: function () { return useScrollDirection_1.useScrollDirection; } });
|
|
18
20
|
var useSlider_1 = require("./useSlider");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAgF;AAAvE,yHAAA,OAAO,OAAc;AAAuB,mGAAA,KAAK,OAAA;AAC1D,iDAA+C;AAAtC,8GAAA,aAAa,OAAA;AACtB,+CAA6C;AAApC,4GAAA,YAAY,OAAA;AACrB,yCAAuC;AAA9B,sGAAA,SAAS,OAAA;AAClB,2DAAyD;AAAhD,wHAAA,kBAAkB,OAAA;AAC3B,yCAAuC;AAA9B,sGAAA,SAAS,OAAA;AAOlB,2DAAyD;AAAhD,wHAAA,kBAAkB,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAgF;AAAvE,yHAAA,OAAO,OAAc;AAAuB,mGAAA,KAAK,OAAA;AAC1D,iDAA+C;AAAtC,8GAAA,aAAa,OAAA;AACtB,+CAA6C;AAApC,4GAAA,YAAY,OAAA;AACrB,yCAAuC;AAA9B,sGAAA,SAAS,OAAA;AAClB,+CAA6C;AAApC,4GAAA,YAAY,OAAA;AACrB,2DAAyD;AAAhD,wHAAA,kBAAkB,OAAA;AAC3B,yCAAuC;AAA9B,sGAAA,SAAS,OAAA;AAOlB,2DAAyD;AAAhD,wHAAA,kBAAkB,OAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useSKUMatrix(): import("../organisms/SKUMatrix/provider/SKUMatrixProvider").SKUMatrixProviderContextValue;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useSKUMatrix = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const SKUMatrixProvider_1 = require("../organisms/SKUMatrix/provider/SKUMatrixProvider");
|
|
6
|
+
function useSKUMatrix() {
|
|
7
|
+
const context = (0, react_1.useContext)(SKUMatrixProvider_1.SKUMatrixContext);
|
|
8
|
+
if (!context) {
|
|
9
|
+
throw new Error('Do not use SKUMatrix components outside the SKUMatrix context.');
|
|
10
|
+
}
|
|
11
|
+
return context;
|
|
12
|
+
}
|
|
13
|
+
exports.useSKUMatrix = useSKUMatrix;
|
|
14
|
+
//# sourceMappingURL=useSKUMatrix.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSKUMatrix.js","sourceRoot":"","sources":["../../../src/hooks/useSKUMatrix.ts"],"names":[],"mappings":";;;AAAA,iCAAkC;AAElC,yFAAoF;AAEpF,SAAgB,YAAY;IAC1B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,oCAAgB,CAAC,CAAA;IAE5C,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAVD,oCAUC"}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -141,3 +141,5 @@ export { default as ShippingSimulation } from './organisms/ShippingSimulation';
|
|
|
141
141
|
export type { ShippingSimulationProps } from './organisms/ShippingSimulation';
|
|
142
142
|
export { default as SlideOver, SlideOverHeader } from './organisms/SlideOver';
|
|
143
143
|
export type { SlideOverProps, SlideOverHeaderProps, } from './organisms/SlideOver';
|
|
144
|
+
export { default as SKUMatrix, SKUMatrixTrigger, SKUMatrixSidebar, } from './organisms/SKUMatrix';
|
|
145
|
+
export type { SKUMatrixProps, SKUMatrixTriggerProps, SKUMatrixSidebarProps } from './organisms/SKUMatrix';
|
package/dist/cjs/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.OrderSummary = exports.NavbarLinksListItem = exports.NavbarLinksList = exports.NavbarLinks = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.LinkButton = exports.InputField = exports.GiftImage = exports.GiftContent = exports.Gift = exports.DropdownMenu = exports.DropdownItem = exports.DropdownButton = exports.Dropdown = exports.DiscountBadge = exports.IconButton = exports.CheckboxField = exports.CartItemSummary = exports.CartItemImage = exports.CartItem = exports.Card = exports.CarouselBullets = exports.CarouselItem = exports.Carousel = exports.BuyButton = exports.Breadcrumb = exports.BreadcrumbPure = exports.Alert = exports.AccordionPanel = exports.AccordionButton = exports.AccordionItem = exports.Accordion = exports.SROnly = exports.Slider = exports.Select = exports.Skeleton = exports.Radio = exports.Price = exports.Overlay = exports.List = exports.Loader = exports.Link = exports.Label = exports.Input = exports.Icon = exports.Checkbox = exports.Button = exports.Badge = void 0;
|
|
4
4
|
exports.HeroImage = exports.Hero = exports.FilterSlider = exports.FilterFacets = exports.FilterFacetRange = exports.FilterFacetBooleanItem = exports.FilterFacetBoolean = exports.Filter = exports.EmptyState = exports.CartSidebarFooter = exports.CartSidebarList = exports.CartSidebar = exports.BannerTextContent = exports.BannerText = exports.QuantitySelector = exports.ToggleField = exports.Toggle = exports.Toast = exports.Tag = exports.TableRow = exports.TableHead = exports.TableFooter = exports.TableCell = exports.TableBody = exports.Table = exports.SkuSelector = exports.SelectField = exports.SearchTopTerm = exports.SearchTop = exports.SearchProductItemContent = exports.SearchProductItemImage = exports.SearchProductItem = exports.SearchProducts = exports.SearchHistoryTerm = exports.SearchHistory = exports.SearchDropdown = exports.SearchAutoCompleteTerm = exports.SearchAutoComplete = exports.SearchInputField = exports.SearchProvider = exports.RegionBar = exports.Rating = exports.RadioOption = exports.RadioGroup = exports.RadioField = exports.ProductTitle = exports.ProductPrice = exports.ProductCardContent = exports.ProductCardImage = exports.ProductCard = void 0;
|
|
5
|
-
exports.SlideOverHeader = exports.SlideOver = exports.ShippingSimulation = exports.SearchInput = exports.RegionModal = exports.ProductShelfItem = exports.ProductShelfItems = exports.ProductShelf = exports.ProductGridItem = exports.ProductGrid = exports.PriceRange = exports.PaymentMethods = exports.OutOfStock = exports.NewsletterHeader = exports.NewsletterForm = exports.NewsletterContent = exports.NewsletterAddendum = exports.Newsletter = exports.NavbarSliderFooter = exports.NavbarSliderContent = exports.NavbarSliderHeader = exports.NavbarSlider = exports.NavbarButtons = exports.NavbarRow = exports.NavbarHeader = exports.Navbar = exports.ImageGalleryViewer = exports.ImageGallerySelector = exports.ImageGallery = exports.HeroHeader = void 0;
|
|
5
|
+
exports.SKUMatrixSidebar = exports.SKUMatrixTrigger = exports.SKUMatrix = exports.SlideOverHeader = exports.SlideOver = exports.ShippingSimulation = exports.SearchInput = exports.RegionModal = exports.ProductShelfItem = exports.ProductShelfItems = exports.ProductShelf = exports.ProductGridItem = exports.ProductGrid = exports.PriceRange = exports.PaymentMethods = exports.OutOfStock = exports.NewsletterHeader = exports.NewsletterForm = exports.NewsletterContent = exports.NewsletterAddendum = exports.Newsletter = exports.NavbarSliderFooter = exports.NavbarSliderContent = exports.NavbarSliderHeader = exports.NavbarSlider = exports.NavbarButtons = exports.NavbarRow = exports.NavbarHeader = exports.Navbar = exports.ImageGalleryViewer = exports.ImageGallerySelector = exports.ImageGallery = exports.HeroHeader = void 0;
|
|
6
6
|
const tslib_1 = require("tslib");
|
|
7
7
|
// Hooks
|
|
8
8
|
tslib_1.__exportStar(require("./hooks"), exports);
|
|
@@ -212,4 +212,8 @@ Object.defineProperty(exports, "ShippingSimulation", { enumerable: true, get: fu
|
|
|
212
212
|
var SlideOver_1 = require("./organisms/SlideOver");
|
|
213
213
|
Object.defineProperty(exports, "SlideOver", { enumerable: true, get: function () { return tslib_1.__importDefault(SlideOver_1).default; } });
|
|
214
214
|
Object.defineProperty(exports, "SlideOverHeader", { enumerable: true, get: function () { return SlideOver_1.SlideOverHeader; } });
|
|
215
|
+
var SKUMatrix_1 = require("./organisms/SKUMatrix");
|
|
216
|
+
Object.defineProperty(exports, "SKUMatrix", { enumerable: true, get: function () { return tslib_1.__importDefault(SKUMatrix_1).default; } });
|
|
217
|
+
Object.defineProperty(exports, "SKUMatrixTrigger", { enumerable: true, get: function () { return SKUMatrix_1.SKUMatrixTrigger; } });
|
|
218
|
+
Object.defineProperty(exports, "SKUMatrixSidebar", { enumerable: true, get: function () { return SKUMatrix_1.SKUMatrixSidebar; } });
|
|
215
219
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,8 +4,12 @@ const tslib_1 = require("tslib");
|
|
|
4
4
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
const Icon_1 = tslib_1.__importDefault(require("../../atoms/Icon"));
|
|
6
6
|
const Link_1 = tslib_1.__importDefault(require("../../atoms/Link"));
|
|
7
|
-
const Dropdown_1 = tslib_1.__importStar(require("../Dropdown"));
|
|
8
7
|
const BreadcrumbPure_1 = tslib_1.__importDefault(require("./BreadcrumbPure"));
|
|
8
|
+
const Dropdown = (0, react_1.lazy)(() => Promise.resolve().then(() => tslib_1.__importStar(require(/* webpackChunkName: "Dropdown" */ '../Dropdown/Dropdown'))));
|
|
9
|
+
const DropdownButton = (0, react_1.lazy)(() => Promise.resolve().then(() => tslib_1.__importStar(require(
|
|
10
|
+
/* webpackChunkName: "DropdownButton" */ '../Dropdown/DropdownButton'))));
|
|
11
|
+
const DropdownMenu = (0, react_1.lazy)(() => Promise.resolve().then(() => tslib_1.__importStar(require(/* webpackChunkName: "DropdownMenu" */ '../Dropdown/DropdownMenu'))));
|
|
12
|
+
const DropdownItem = (0, react_1.lazy)(() => Promise.resolve().then(() => tslib_1.__importStar(require(/* webpackChunkName: "DropdownItem" */ '../Dropdown/DropdownItem'))));
|
|
9
13
|
const BreadcrumbBase = (0, react_1.forwardRef)(function BreadcrumbBase({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', breadcrumbList, isDesktop = false, renderLink, homeLink, dropdownButtonIcon = react_1.default.createElement(Icon_1.default, { name: "DotsThree" }), collapsedItemsIcon = (react_1.default.createElement(Icon_1.default, { "data-fs-dropdown-item-icon": true, name: "ArrowElbowDownRight" })), ...otherProps }, ref) {
|
|
10
14
|
const firstItem = isDesktop ? breadcrumbList[0] : null;
|
|
11
15
|
const mediumItems = isDesktop
|
|
@@ -36,9 +40,10 @@ const BreadcrumbBase = (0, react_1.forwardRef)(function BreadcrumbBase({ childre
|
|
|
36
40
|
collapseBreadcrumb &&
|
|
37
41
|
firstItem &&
|
|
38
42
|
breadcrumbLink({ itemProps: firstItem, collapsed: false }),
|
|
39
|
-
collapseBreadcrumb && (react_1.default.createElement(
|
|
40
|
-
react_1.default.createElement(
|
|
41
|
-
|
|
43
|
+
collapseBreadcrumb && (react_1.default.createElement(react_1.Suspense, null,
|
|
44
|
+
react_1.default.createElement(Dropdown, null,
|
|
45
|
+
react_1.default.createElement(DropdownButton, { "aria-label": "View More", "data-fs-breadcrumb-dropdown-button": true, size: "small" }, dropdownButtonIcon),
|
|
46
|
+
react_1.default.createElement(DropdownMenu, { "data-fs-breadcrumb-dropdown-menu": true }, mediumItems.map((item) => (react_1.default.createElement(DropdownItem, { "data-fs-breadcrumb-dropdown-item": true, key: String(item.position), icon: collapsedItemsIcon }, breadcrumbLink({ itemProps: item, collapsed: true })))))))),
|
|
42
47
|
collapseBreadcrumb &&
|
|
43
48
|
lastItems.map((item, index) => {
|
|
44
49
|
return lastItems.length === index + 1 ? (react_1.default.createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbBase.js","sourceRoot":"","sources":["../../../../src/molecules/Breadcrumb/BreadcrumbBase.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"BreadcrumbBase.js","sourceRoot":"","sources":["../../../../src/molecules/Breadcrumb/BreadcrumbBase.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
export interface SKUMatrixProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/**
|
|
4
|
+
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
5
|
+
*/
|
|
6
|
+
testId?: string;
|
|
7
|
+
}
|
|
8
|
+
declare const SKUMatrix: React.ForwardRefExoticComponent<SKUMatrixProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export default SKUMatrix;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
5
|
+
const SKUMatrixProvider_1 = tslib_1.__importDefault(require("./provider/SKUMatrixProvider"));
|
|
6
|
+
const SKUMatrix = (0, react_1.forwardRef)(function SKUMatrix({ testId = 'fs-sku-matrix', children, ...otherProps }, ref) {
|
|
7
|
+
return (react_1.default.createElement("div", { ref: ref, "data-fs-sku-matrix": true, "data-testid": testId, ...otherProps },
|
|
8
|
+
react_1.default.createElement(SKUMatrixProvider_1.default, null, children)));
|
|
9
|
+
});
|
|
10
|
+
exports.default = SKUMatrix;
|
|
11
|
+
//# sourceMappingURL=SKUMatrix.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SKUMatrix.js","sourceRoot":"","sources":["../../../../src/organisms/SKUMatrix/SKUMatrix.tsx"],"names":[],"mappings":";;;AAAA,uDAAyD;AACzD,6FAA4D;AAS5D,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAiC,SAAS,SAAS,CAC7E,EAAE,MAAM,GAAG,eAAe,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACrD,GAAG;IAEH,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,6CAAkC,MAAM,KAAM,UAAU;QACnE,8BAAC,2BAAiB,QAAE,QAAQ,CAAqB,CAC7C,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAe,SAAS,CAAA"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PriceFormatter } from '../../atoms/Price';
|
|
3
|
+
import { SlideOverProps } from '../SlideOver';
|
|
4
|
+
interface VariationProductColumn {
|
|
5
|
+
name: string;
|
|
6
|
+
additionalColumns: Array<{
|
|
7
|
+
label: string;
|
|
8
|
+
value: string;
|
|
9
|
+
}>;
|
|
10
|
+
availability: {
|
|
11
|
+
label: string;
|
|
12
|
+
stockDisplaySettings: 'showStockQuantity' | 'showAvailability';
|
|
13
|
+
};
|
|
14
|
+
price: number;
|
|
15
|
+
quantitySelector: number;
|
|
16
|
+
}
|
|
17
|
+
export interface SKUMatrixSidebarProps extends Omit<SlideOverProps, 'isOpen' | 'setIsOpen' | "fade"> {
|
|
18
|
+
/**
|
|
19
|
+
* Title for the SKUMatrixSidebar component.
|
|
20
|
+
*/
|
|
21
|
+
title?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Represents the variations products to building the table.
|
|
24
|
+
*/
|
|
25
|
+
columns: VariationProductColumn;
|
|
26
|
+
/**
|
|
27
|
+
* Properties related to the 'add to cart' button
|
|
28
|
+
*/
|
|
29
|
+
buyProps: {
|
|
30
|
+
'data-testid': string;
|
|
31
|
+
'data-sku': string;
|
|
32
|
+
'data-seller': string;
|
|
33
|
+
onClick(e: React.MouseEvent<HTMLButtonElement>): void;
|
|
34
|
+
};
|
|
35
|
+
/**
|
|
36
|
+
* Formatter function that transforms the raw price value and render the result.
|
|
37
|
+
*/
|
|
38
|
+
formatter?: PriceFormatter;
|
|
39
|
+
/**
|
|
40
|
+
* Check if some result is still loading before render the result.
|
|
41
|
+
*/
|
|
42
|
+
loading?: boolean;
|
|
43
|
+
}
|
|
44
|
+
declare function SKUMatrixSidebar({ direction, title, overlayProps, size, children, columns, buyProps: { onClick: buyButtonOnClick, ...buyProps }, loading, formatter, ...otherProps }: SKUMatrixSidebarProps): React.JSX.Element;
|
|
45
|
+
export default SKUMatrixSidebar;
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const image_1 = tslib_1.__importDefault(require("next/image"));
|
|
5
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
+
const __1 = require("../..");
|
|
7
|
+
const Price_1 = tslib_1.__importDefault(require("../../atoms/Price"));
|
|
8
|
+
const Icon_1 = tslib_1.__importDefault(require("../../atoms/Icon"));
|
|
9
|
+
const hooks_1 = require("../../hooks");
|
|
10
|
+
const Table_1 = require("../../molecules/Table");
|
|
11
|
+
const SlideOver_1 = tslib_1.__importStar(require("../SlideOver"));
|
|
12
|
+
function SKUMatrixSidebar({ direction = 'rightSide', title, overlayProps, size = 'partial', children, columns, buyProps: { onClick: buyButtonOnClick, ...buyProps }, loading, formatter, ...otherProps }) {
|
|
13
|
+
const { isOpen, setIsOpen, setAllVariantProducts, allVariantProducts, onChangeQuantityItem, } = (0, hooks_1.useSKUMatrix)();
|
|
14
|
+
const { pushToast } = (0, hooks_1.useUI)();
|
|
15
|
+
const { fade } = (0, hooks_1.useFadeEffect)();
|
|
16
|
+
const cartDetails = (0, react_1.useMemo)(() => {
|
|
17
|
+
return allVariantProducts.reduce((acc, product) => ({
|
|
18
|
+
amount: acc.amount + product.selectedCount,
|
|
19
|
+
subtotal: acc.subtotal + product.selectedCount * product.price,
|
|
20
|
+
}), { amount: 0, subtotal: 0 });
|
|
21
|
+
}, [allVariantProducts]);
|
|
22
|
+
function resetQuantityItems() {
|
|
23
|
+
setAllVariantProducts((prev) => prev.map((item) => ({ ...item, quantity: 0 })));
|
|
24
|
+
}
|
|
25
|
+
function onClose() {
|
|
26
|
+
resetQuantityItems();
|
|
27
|
+
setIsOpen(false);
|
|
28
|
+
}
|
|
29
|
+
function handleAddToCart(e) {
|
|
30
|
+
buyButtonOnClick(e);
|
|
31
|
+
onClose();
|
|
32
|
+
}
|
|
33
|
+
const totalColumnsSkeletonLength = Object.keys(columns).filter((v) => v !== 'additionalColumns').length +
|
|
34
|
+
(columns.additionalColumns?.length ?? 0);
|
|
35
|
+
return (react_1.default.createElement(SlideOver_1.default, { "data-fs-sku-matrix-sidebar": true, size: size, direction: direction, overlayProps: overlayProps, isOpen: isOpen, fade: fade, ...otherProps },
|
|
36
|
+
react_1.default.createElement(SlideOver_1.SlideOverHeader, { onClose: onClose },
|
|
37
|
+
react_1.default.createElement("h2", { "data-fs-sku-matrix-sidebar-title": true }, title)),
|
|
38
|
+
children,
|
|
39
|
+
react_1.default.createElement(Table_1.Table, { variant: "bordered" },
|
|
40
|
+
react_1.default.createElement(Table_1.TableHead, null,
|
|
41
|
+
react_1.default.createElement(Table_1.TableRow, null,
|
|
42
|
+
react_1.default.createElement(Table_1.TableCell, { align: "left", variant: "header", scope: "col" }, columns.name),
|
|
43
|
+
columns.additionalColumns?.map(({ label, value }) => (react_1.default.createElement(Table_1.TableCell, { key: value, align: "left", variant: "header", scope: "col" }, label))),
|
|
44
|
+
react_1.default.createElement(Table_1.TableCell, { align: "left", variant: "header", scope: "col" }, columns.availability.label),
|
|
45
|
+
react_1.default.createElement(Table_1.TableCell, { align: "right", variant: "header", scope: "col" }, columns.price),
|
|
46
|
+
react_1.default.createElement(Table_1.TableCell, { align: "left", variant: "header", scope: "col" }, columns.quantitySelector))),
|
|
47
|
+
react_1.default.createElement(Table_1.TableBody, null, loading ? (react_1.default.createElement(react_1.default.Fragment, null, Array.from({ length: 5 }).map((_, index) => {
|
|
48
|
+
return (react_1.default.createElement(Table_1.TableRow, { key: `table-row-${index}` }, Array.from({
|
|
49
|
+
length: totalColumnsSkeletonLength,
|
|
50
|
+
}).map((_, index) => {
|
|
51
|
+
return (react_1.default.createElement(Table_1.TableCell, { key: `table-cell-${index}` },
|
|
52
|
+
react_1.default.createElement("span", null,
|
|
53
|
+
react_1.default.createElement(__1.Skeleton, { key: index, size: { width: '100%', height: '30px' } }))));
|
|
54
|
+
})));
|
|
55
|
+
}))) : (react_1.default.createElement(react_1.default.Fragment, null, allVariantProducts.map((variantProduct) => (react_1.default.createElement(Table_1.TableRow, { key: `${variantProduct.name}-${variantProduct.id}` },
|
|
56
|
+
react_1.default.createElement(Table_1.TableCell, { "data-fs-sku-matrix-sidebar-cell-image": true, align: "left" },
|
|
57
|
+
react_1.default.createElement(image_1.default, { src: variantProduct.image.url, alt: variantProduct.image.alternateName, width: 48, height: 48 }),
|
|
58
|
+
variantProduct.name),
|
|
59
|
+
columns.additionalColumns?.map(({ value }) => (react_1.default.createElement(Table_1.TableCell, { key: `${variantProduct.name}-${variantProduct.id}-${value}`, align: "left" }, variantProduct.specifications[value.toLowerCase()]))),
|
|
60
|
+
react_1.default.createElement(Table_1.TableCell, { align: "left" },
|
|
61
|
+
columns.availability.stockDisplaySettings ===
|
|
62
|
+
'showAvailability' && (react_1.default.createElement(__1.Badge, { variant: variantProduct.availability === 'outOfStock'
|
|
63
|
+
? 'warning'
|
|
64
|
+
: 'success' }, variantProduct.availability === 'outOfStock'
|
|
65
|
+
? 'Out of stock'
|
|
66
|
+
: 'Available')),
|
|
67
|
+
columns.availability.stockDisplaySettings ===
|
|
68
|
+
'showStockQuantity' && variantProduct.inventory),
|
|
69
|
+
react_1.default.createElement(Table_1.TableCell, { align: "right" },
|
|
70
|
+
react_1.default.createElement("div", { "data-fs-sku-matrix-sidebar-table-price": true },
|
|
71
|
+
react_1.default.createElement(Price_1.default, { value: variantProduct.price, variant: "spot", formatter: formatter }))),
|
|
72
|
+
react_1.default.createElement(Table_1.TableCell, { align: "right", "data-fs-sku-matrix-sidebar-table-cell-quantity-selector": true },
|
|
73
|
+
react_1.default.createElement("div", { "data-fs-sku-matrix-sidebar-table-action": true },
|
|
74
|
+
react_1.default.createElement(__1.QuantitySelector, { min: 0, max: variantProduct.inventory, disabled: !variantProduct.inventory ||
|
|
75
|
+
variantProduct.availability === 'outOfStock', initial: variantProduct.selectedCount, onChange: (value) => onChangeQuantityItem(variantProduct.id, value), onValidateBlur: (min, maxValue, quantity) => {
|
|
76
|
+
pushToast({
|
|
77
|
+
title: 'Invalid quantity!',
|
|
78
|
+
message: `The quantity you entered is outside the range of ${min} to ${maxValue}. The quantity was set to ${quantity}.`,
|
|
79
|
+
status: 'INFO',
|
|
80
|
+
icon: (react_1.default.createElement(Icon_1.default, { name: "CircleWavyWarning", width: 30, height: 30 })),
|
|
81
|
+
});
|
|
82
|
+
} })))))))))),
|
|
83
|
+
react_1.default.createElement("footer", { "data-fs-sku-matrix-sidebar-footer": true },
|
|
84
|
+
react_1.default.createElement("div", null,
|
|
85
|
+
react_1.default.createElement("p", null,
|
|
86
|
+
cartDetails.amount,
|
|
87
|
+
" ",
|
|
88
|
+
cartDetails.amount !== 1 ? 'Items' : 'Item'),
|
|
89
|
+
react_1.default.createElement(Price_1.default, { value: cartDetails.subtotal, variant: "spot", formatter: formatter })),
|
|
90
|
+
react_1.default.createElement(__1.Button, { variant: "primary", disabled: !cartDetails.amount, onClick: handleAddToCart, ...buyProps }, "Add to Cart"))));
|
|
91
|
+
}
|
|
92
|
+
exports.default = SKUMatrixSidebar;
|
|
93
|
+
//# sourceMappingURL=SKUMatrixSidebar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SKUMatrixSidebar.js","sourceRoot":"","sources":["../../../../src/organisms/SKUMatrix/SKUMatrixSidebar.tsx"],"names":[],"mappings":";;;AAAA,+DAA8B;AAC9B,uDAAsC;AACtC,6BAAiE;AACjE,sEAAyD;AACzD,oEAAmC;AACnC,uCAAgE;AAChE,iDAM8B;AAC9B,kEAAyE;AA0CzE,SAAS,gBAAgB,CAAC,EACxB,SAAS,GAAG,WAAW,EACvB,KAAK,EACL,YAAY,EACZ,IAAI,GAAG,SAAS,EAChB,QAAQ,EACR,OAAO,EACP,QAAQ,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,QAAQ,EAAE,EACpD,OAAO,EACP,SAAS,EACT,GAAG,UAAU,EACS;IACtB,MAAM,EACJ,MAAM,EACN,SAAS,EACT,qBAAqB,EACrB,kBAAkB,EAClB,oBAAoB,GACrB,GAAG,IAAA,oBAAY,GAAE,CAAA;IAClB,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,aAAK,GAAE,CAAA;IAC7B,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAA;IAEhC,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/B,OAAO,kBAAkB,CAAC,MAAM,CAC9B,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;YACjB,MAAM,EAAE,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,aAAa;YAC1C,QAAQ,EAAE,GAAG,CAAC,QAAQ,GAAG,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC,KAAK;SAC/D,CAAC,EACF,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAC3B,CAAA;IACH,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAExB,SAAS,kBAAkB;QACzB,qBAAqB,CAAC,CAAC,IAAI,EAAE,EAAE,CAC7B,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAC/C,CAAA;IACH,CAAC;IAED,SAAS,OAAO;QACd,kBAAkB,EAAE,CAAA;QACpB,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC;IAED,SAAS,eAAe,CAAC,CAAkD;QACzE,gBAAgB,CAAC,CAAC,CAAC,CAAA;QACnB,OAAO,EAAE,CAAA;IACX,CAAC;IAED,MAAM,0BAA0B,GAC9B,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,mBAAmB,CAAC,CAAC,MAAM;QACpE,CAAC,OAAO,CAAC,iBAAiB,EAAE,MAAM,IAAI,CAAC,CAAC,CAAA;IAE1C,OAAO,CACL,8BAAC,mBAAS,wCAER,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,KACN,UAAU;QAEd,8BAAC,2BAAe,IAAC,OAAO,EAAE,OAAO;YAC/B,kFAAsC,KAAK,CAAM,CACjC;QAEjB,QAAQ;QAET,8BAAC,aAAK,IAAC,OAAO,EAAC,UAAU;YACvB,8BAAC,iBAAS;gBACR,8BAAC,gBAAQ;oBACP,8BAAC,iBAAS,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,IACjD,OAAO,CAAC,IAAI,CACH;oBAEX,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACpD,8BAAC,iBAAS,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,IAC7D,KAAK,CACI,CACb,CAAC;oBAEF,8BAAC,iBAAS,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,IACjD,OAAO,CAAC,YAAY,CAAC,KAAK,CACjB;oBAEZ,8BAAC,iBAAS,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,IAClD,OAAO,CAAC,KAAK,CACJ;oBAEZ,8BAAC,iBAAS,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,IACjD,OAAO,CAAC,gBAAgB,CACf,CACH,CACD;YAEZ,8BAAC,iBAAS,QACP,OAAO,CAAC,CAAC,CAAC,CACT,8DACG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;gBAC1C,OAAO,CACL,8BAAC,gBAAQ,IAAC,GAAG,EAAE,aAAa,KAAK,EAAE,IAChC,KAAK,CAAC,IAAI,CAAC;oBACV,MAAM,EAAE,0BAA0B;iBACnC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;oBAClB,OAAO,CACL,8BAAC,iBAAS,IAAC,GAAG,EAAE,cAAc,KAAK,EAAE;wBACnC;4BACE,8BAAC,YAAQ,IACP,GAAG,EAAE,KAAK,EACV,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GACvC,CACG,CACG,CACb,CAAA;gBACH,CAAC,CAAC,CACO,CACZ,CAAA;YACH,CAAC,CAAC,CACD,CACJ,CAAC,CAAC,CAAC,CACF,8DACG,kBAAkB,CAAC,GAAG,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,CAC1C,8BAAC,gBAAQ,IAAC,GAAG,EAAE,GAAG,cAAc,CAAC,IAAI,IAAI,cAAc,CAAC,EAAE,EAAE;gBAC1D,8BAAC,iBAAS,mDAAuC,KAAK,EAAC,MAAM;oBAC3D,8BAAC,eAAK,IACJ,GAAG,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,EAC7B,GAAG,EAAE,cAAc,CAAC,KAAK,CAAC,aAAa,EACvC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV;oBACD,cAAc,CAAC,IAAI,CACV;gBAEX,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC7C,8BAAC,iBAAS,IACR,GAAG,EAAE,GAAG,cAAc,CAAC,IAAI,IAAI,cAAc,CAAC,EAAE,IAAI,KAAK,EAAE,EAC3D,KAAK,EAAC,MAAM,IAEX,cAAc,CAAC,cAAc,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CACzC,CACb,CAAC;gBAEF,8BAAC,iBAAS,IAAC,KAAK,EAAC,MAAM;oBACpB,OAAO,CAAC,YAAY,CAAC,oBAAoB;wBACxC,kBAAkB,IAAI,CACtB,8BAAC,SAAK,IACJ,OAAO,EACL,cAAc,CAAC,YAAY,KAAK,YAAY;4BAC1C,CAAC,CAAC,SAAS;4BACX,CAAC,CAAC,SAAS,IAGd,cAAc,CAAC,YAAY,KAAK,YAAY;wBAC3C,CAAC,CAAC,cAAc;wBAChB,CAAC,CAAC,WAAW,CACT,CACT;oBAEA,OAAO,CAAC,YAAY,CAAC,oBAAoB;wBACxC,mBAAmB,IAAI,cAAc,CAAC,SAAS,CACvC;gBAEZ,8BAAC,iBAAS,IAAC,KAAK,EAAC,OAAO;oBACtB;wBACE,8BAAC,eAAK,IACJ,KAAK,EAAE,cAAc,CAAC,KAAK,EAC3B,OAAO,EAAC,MAAM,EACd,SAAS,EAAE,SAAS,GACpB,CACE,CACI;gBAEZ,8BAAC,iBAAS,IACR,KAAK,EAAC,OAAO;oBAGb;wBACE,8BAAC,oBAAgB,IACf,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,cAAc,CAAC,SAAS,EAC7B,QAAQ,EACN,CAAC,cAAc,CAAC,SAAS;gCACzB,cAAc,CAAC,YAAY,KAAK,YAAY,EAE9C,OAAO,EAAE,cAAc,CAAC,aAAa,EACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,oBAAoB,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAEhD,cAAc,EAAE,CACd,GAAW,EACX,QAAgB,EAChB,QAAgB,EAChB,EAAE;gCACF,SAAS,CAAC;oCACR,KAAK,EAAE,mBAAmB;oCAC1B,OAAO,EAAE,oDAAoD,GAAG,OAAO,QAAQ,6BAA6B,QAAQ,GAAG;oCACvH,MAAM,EAAE,MAAM;oCACd,IAAI,EAAE,CACJ,8BAAC,cAAI,IACH,IAAI,EAAC,mBAAmB,EACxB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACH;iCACF,CAAC,CAAA;4BACJ,CAAC,GACD,CACE,CACI,CACH,CACZ,CAAC,CACD,CACJ,CACS,CACN;QAER;YACE;gBACE;oBACG,WAAW,CAAC,MAAM;;oBAAG,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAC/D;gBACJ,8BAAC,eAAK,IACJ,KAAK,EAAE,WAAW,CAAC,QAAQ,EAC3B,OAAO,EAAC,MAAM,EACd,SAAS,EAAE,SAAS,GACpB,CACE;YAEN,8BAAC,UAAM,IACL,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,CAAC,WAAW,CAAC,MAAM,EAC7B,OAAO,EAAE,eAAe,KACpB,QAAQ,kBAGL,CACF,CACC,CACb,CAAA;AACH,CAAC;AAED,kBAAe,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ButtonProps } from '../../atoms/Button';
|
|
3
|
+
export type SKUMatrixTriggerProps = ButtonProps;
|
|
4
|
+
declare const SKUMatrixTrigger: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
export default SKUMatrixTrigger;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
5
|
+
const Button_1 = tslib_1.__importDefault(require("../../atoms/Button"));
|
|
6
|
+
const hooks_1 = require("../../hooks");
|
|
7
|
+
const SKUMatrixTrigger = (0, react_1.forwardRef)(function SKUMatrixTrigger({ children, variant = 'secondary', onClick, ...otherProps }, ref) {
|
|
8
|
+
const { setIsOpen } = (0, hooks_1.useSKUMatrix)();
|
|
9
|
+
return (react_1.default.createElement(Button_1.default, { ref: ref, variant: variant, onClick: (event) => {
|
|
10
|
+
setIsOpen(true);
|
|
11
|
+
onClick?.(event);
|
|
12
|
+
}, ...otherProps }, children));
|
|
13
|
+
});
|
|
14
|
+
exports.default = SKUMatrixTrigger;
|
|
15
|
+
//# sourceMappingURL=SKUMatrixTrigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SKUMatrixTrigger.js","sourceRoot":"","sources":["../../../../src/organisms/SKUMatrix/SKUMatrixTrigger.tsx"],"names":[],"mappings":";;;AAAA,uDAAyC;AACzC,wEAAuC;AAEvC,uCAA0C;AAI1C,MAAM,gBAAgB,GAAG,IAAA,kBAAU,EACjC,SAAS,gBAAgB,CACvB,EAAE,QAAQ,EAAE,OAAO,GAAG,WAAW,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,EAC3D,GAAG;IAEH,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAA;IAEpC,OAAO,CACL,8BAAC,gBAAM,IACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,SAAS,CAAC,IAAI,CAAC,CAAA;YACf,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAClB,CAAC,KACG,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAe,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { default } from './SKUMatrix';
|
|
2
|
+
export type { SKUMatrixProps } from './SKUMatrix';
|
|
3
|
+
export { default as SKUMatrixTrigger } from './SKUMatrixTrigger';
|
|
4
|
+
export type { SKUMatrixTriggerProps } from './SKUMatrixTrigger';
|
|
5
|
+
export { default as SKUMatrixSidebar } from './SKUMatrixSidebar';
|
|
6
|
+
export type { SKUMatrixSidebarProps } from './SKUMatrixSidebar';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.SKUMatrixSidebar = exports.SKUMatrixTrigger = exports.default = void 0;
|
|
7
|
+
var SKUMatrix_1 = require("./SKUMatrix");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(SKUMatrix_1).default; } });
|
|
9
|
+
var SKUMatrixTrigger_1 = require("./SKUMatrixTrigger");
|
|
10
|
+
Object.defineProperty(exports, "SKUMatrixTrigger", { enumerable: true, get: function () { return __importDefault(SKUMatrixTrigger_1).default; } });
|
|
11
|
+
var SKUMatrixSidebar_1 = require("./SKUMatrixSidebar");
|
|
12
|
+
Object.defineProperty(exports, "SKUMatrixSidebar", { enumerable: true, get: function () { return __importDefault(SKUMatrixSidebar_1).default; } });
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/organisms/SKUMatrix/index.ts"],"names":[],"mappings":";;;;;;AAAA,yCAAqC;AAA5B,qHAAA,OAAO,OAAA;AAGhB,uDAAgE;AAAvD,qIAAA,OAAO,OAAoB;AAGpC,uDAAgE;AAAvD,qIAAA,OAAO,OAAoB"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import React, { SetStateAction } from 'react';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
3
|
+
interface IAllVariantProducts {
|
|
4
|
+
id: string;
|
|
5
|
+
name: string;
|
|
6
|
+
image: {
|
|
7
|
+
url: string;
|
|
8
|
+
alternateName: string;
|
|
9
|
+
};
|
|
10
|
+
inventory: number;
|
|
11
|
+
availability: string;
|
|
12
|
+
price: number;
|
|
13
|
+
listPrice: number;
|
|
14
|
+
priceWithTaxes: number;
|
|
15
|
+
listPriceWithTaxes: number;
|
|
16
|
+
specifications: Record<string, string>;
|
|
17
|
+
selectedCount: number;
|
|
18
|
+
offers: {
|
|
19
|
+
highPrice: number;
|
|
20
|
+
lowPrice: number;
|
|
21
|
+
lowPriceWithTaxes: number;
|
|
22
|
+
offerCount: number;
|
|
23
|
+
priceCurrency: string;
|
|
24
|
+
offers: Array<{
|
|
25
|
+
listPrice: number;
|
|
26
|
+
listPriceWithTaxes: number;
|
|
27
|
+
sellingPrice: number;
|
|
28
|
+
priceCurrency: string;
|
|
29
|
+
price: number;
|
|
30
|
+
priceWithTaxes: number;
|
|
31
|
+
priceValidUntil: string;
|
|
32
|
+
itemCondition: string;
|
|
33
|
+
availability: string;
|
|
34
|
+
quantity: number;
|
|
35
|
+
}>;
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
export interface SKUMatrixProviderContextValue {
|
|
39
|
+
isOpen: boolean;
|
|
40
|
+
allVariantProducts: IAllVariantProducts[];
|
|
41
|
+
setAllVariantProducts(items: SetStateAction<IAllVariantProducts[]>): void;
|
|
42
|
+
onChangeQuantityItem(id: string, value: number): IAllVariantProducts[];
|
|
43
|
+
setIsOpen(value: boolean): void;
|
|
44
|
+
}
|
|
45
|
+
export declare const SKUMatrixContext: React.Context<SKUMatrixProviderContextValue | null>;
|
|
46
|
+
declare function SKUMatrixProvider({ children }: {
|
|
47
|
+
children: ReactNode;
|
|
48
|
+
}): React.JSX.Element;
|
|
49
|
+
export default SKUMatrixProvider;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SKUMatrixContext = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
+
exports.SKUMatrixContext = (0, react_1.createContext)(null);
|
|
7
|
+
function SKUMatrixProvider({ children }) {
|
|
8
|
+
const [isOpen, setIsOpen] = (0, react_1.useState)(false);
|
|
9
|
+
const [allVariantProducts, setAllVariantProducts] = (0, react_1.useState)([]);
|
|
10
|
+
const onChangeQuantityItem = (0, react_1.useCallback)((id, value) => {
|
|
11
|
+
const data = [...allVariantProducts];
|
|
12
|
+
const matchedSKU = data.find((item) => item.id === id);
|
|
13
|
+
if (matchedSKU) {
|
|
14
|
+
matchedSKU.selectedCount = value;
|
|
15
|
+
}
|
|
16
|
+
setAllVariantProducts(data);
|
|
17
|
+
return data;
|
|
18
|
+
}, [allVariantProducts]);
|
|
19
|
+
return (react_1.default.createElement(exports.SKUMatrixContext.Provider, { value: {
|
|
20
|
+
isOpen,
|
|
21
|
+
allVariantProducts,
|
|
22
|
+
setAllVariantProducts,
|
|
23
|
+
onChangeQuantityItem,
|
|
24
|
+
setIsOpen,
|
|
25
|
+
} }, children));
|
|
26
|
+
}
|
|
27
|
+
exports.default = SKUMatrixProvider;
|
|
28
|
+
//# sourceMappingURL=SKUMatrixProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SKUMatrixProvider.js","sourceRoot":"","sources":["../../../../../src/organisms/SKUMatrix/provider/SKUMatrixProvider.tsx"],"names":[],"mappings":";;;;AAAA,uDAAoF;AA+DvE,QAAA,gBAAgB,GAC3B,IAAA,qBAAa,EAAuC,IAAI,CAAC,CAAA;AAE3D,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAA2B;IAC9D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAA;IACpD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAE1D,EAAE,CAAC,CAAA;IAEL,MAAM,oBAAoB,GAAG,IAAA,mBAAW,EACtC,CAAC,EAAU,EAAE,KAAa,EAAE,EAAE;QAC5B,MAAM,IAAI,GAAG,CAAC,GAAG,kBAAkB,CAAC,CAAA;QACpC,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;QAEtD,IAAG,UAAU,EAAE;YACb,UAAU,CAAC,aAAa,GAAG,KAAK,CAAA;SACjC;QAED,qBAAqB,CAAC,IAAI,CAAC,CAAA;QAE3B,OAAO,IAAI,CAAA;IACb,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAA;IAED,OAAO,CACL,8BAAC,wBAAgB,CAAC,QAAQ,IACxB,KAAK,EAAE;YACL,MAAM;YACN,kBAAkB;YAClB,qBAAqB;YACrB,oBAAoB;YACpB,SAAS;SACV,IAEA,QAAQ,CACiB,CAC7B,CAAA;AACH,CAAC;AAED,kBAAe,iBAAiB,CAAA"}
|
|
@@ -2,6 +2,7 @@ export { default as UIProvider, Toast as ToastProps, useUI } from './UIProvider'
|
|
|
2
2
|
export { useFadeEffect } from './useFadeEffect';
|
|
3
3
|
export { useTrapFocus } from './useTrapFocus';
|
|
4
4
|
export { useSearch } from './useSearch';
|
|
5
|
+
export { useSKUMatrix } from './useSKUMatrix';
|
|
5
6
|
export { useScrollDirection } from './useScrollDirection';
|
|
6
7
|
export { useSlider } from './useSlider';
|
|
7
8
|
export type { UseSliderArgs, SliderState, SliderDispatch, SlideDirection, } from './useSlider';
|
package/dist/esm/hooks/index.js
CHANGED
|
@@ -2,6 +2,7 @@ export { default as UIProvider, useUI } from './UIProvider';
|
|
|
2
2
|
export { useFadeEffect } from './useFadeEffect';
|
|
3
3
|
export { useTrapFocus } from './useTrapFocus';
|
|
4
4
|
export { useSearch } from './useSearch';
|
|
5
|
+
export { useSKUMatrix } from './useSKUMatrix';
|
|
5
6
|
export { useScrollDirection } from './useScrollDirection';
|
|
6
7
|
export { useSlider } from './useSlider';
|
|
7
8
|
export { useSlideVisibility } from './useSlideVisibility';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAuB,KAAK,EAAE,MAAM,cAAc,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAOvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAuB,KAAK,EAAE,MAAM,cAAc,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAOvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useSKUMatrix(): import("../organisms/SKUMatrix/provider/SKUMatrixProvider").SKUMatrixProviderContextValue;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { useContext } from 'react';
|
|
2
|
+
import { SKUMatrixContext } from '../organisms/SKUMatrix/provider/SKUMatrixProvider';
|
|
3
|
+
export function useSKUMatrix() {
|
|
4
|
+
const context = useContext(SKUMatrixContext);
|
|
5
|
+
if (!context) {
|
|
6
|
+
throw new Error('Do not use SKUMatrix components outside the SKUMatrix context.');
|
|
7
|
+
}
|
|
8
|
+
return context;
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=useSKUMatrix.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSKUMatrix.js","sourceRoot":"","sources":["../../../src/hooks/useSKUMatrix.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAA;AAEpF,MAAM,UAAU,YAAY;IAC1B,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAE5C,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -141,3 +141,5 @@ export { default as ShippingSimulation } from './organisms/ShippingSimulation';
|
|
|
141
141
|
export type { ShippingSimulationProps } from './organisms/ShippingSimulation';
|
|
142
142
|
export { default as SlideOver, SlideOverHeader } from './organisms/SlideOver';
|
|
143
143
|
export type { SlideOverProps, SlideOverHeaderProps, } from './organisms/SlideOver';
|
|
144
|
+
export { default as SKUMatrix, SKUMatrixTrigger, SKUMatrixSidebar, } from './organisms/SKUMatrix';
|
|
145
|
+
export type { SKUMatrixProps, SKUMatrixTriggerProps, SKUMatrixSidebarProps } from './organisms/SKUMatrix';
|
package/dist/esm/index.js
CHANGED
|
@@ -76,4 +76,5 @@ export { default as RegionModal } from './organisms/RegionModal';
|
|
|
76
76
|
export { default as SearchInput } from './organisms/SearchInput';
|
|
77
77
|
export { default as ShippingSimulation } from './organisms/ShippingSimulation';
|
|
78
78
|
export { default as SlideOver, SlideOverHeader } from './organisms/SlideOver';
|
|
79
|
+
export { default as SKUMatrix, SKUMatrixTrigger, SKUMatrixSidebar, } from './organisms/SKUMatrix';
|
|
79
80
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
-
import React, { cloneElement, forwardRef, useCallback, } from 'react';
|
|
1
|
+
import React, { cloneElement, forwardRef, lazy, Suspense, useCallback, } from 'react';
|
|
2
2
|
import Icon from '../../atoms/Icon';
|
|
3
3
|
import Link from '../../atoms/Link';
|
|
4
|
-
import Dropdown, { DropdownButton, DropdownItem, DropdownMenu, } from '../Dropdown';
|
|
5
4
|
import BreadcrumbPure from './BreadcrumbPure';
|
|
5
|
+
const Dropdown = lazy(() => import(/* webpackChunkName: "Dropdown" */ '../Dropdown/Dropdown'));
|
|
6
|
+
const DropdownButton = lazy(() => import(
|
|
7
|
+
/* webpackChunkName: "DropdownButton" */ '../Dropdown/DropdownButton'));
|
|
8
|
+
const DropdownMenu = lazy(() => import(/* webpackChunkName: "DropdownMenu" */ '../Dropdown/DropdownMenu'));
|
|
9
|
+
const DropdownItem = lazy(() => import(/* webpackChunkName: "DropdownItem" */ '../Dropdown/DropdownItem'));
|
|
6
10
|
const BreadcrumbBase = forwardRef(function BreadcrumbBase({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', breadcrumbList, isDesktop = false, renderLink, homeLink, dropdownButtonIcon = React.createElement(Icon, { name: "DotsThree" }), collapsedItemsIcon = (React.createElement(Icon, { "data-fs-dropdown-item-icon": true, name: "ArrowElbowDownRight" })), ...otherProps }, ref) {
|
|
7
11
|
const firstItem = isDesktop ? breadcrumbList[0] : null;
|
|
8
12
|
const mediumItems = isDesktop
|
|
@@ -33,9 +37,10 @@ const BreadcrumbBase = forwardRef(function BreadcrumbBase({ children, divider: r
|
|
|
33
37
|
collapseBreadcrumb &&
|
|
34
38
|
firstItem &&
|
|
35
39
|
breadcrumbLink({ itemProps: firstItem, collapsed: false }),
|
|
36
|
-
collapseBreadcrumb && (React.createElement(
|
|
37
|
-
React.createElement(
|
|
38
|
-
|
|
40
|
+
collapseBreadcrumb && (React.createElement(Suspense, null,
|
|
41
|
+
React.createElement(Dropdown, null,
|
|
42
|
+
React.createElement(DropdownButton, { "aria-label": "View More", "data-fs-breadcrumb-dropdown-button": true, size: "small" }, dropdownButtonIcon),
|
|
43
|
+
React.createElement(DropdownMenu, { "data-fs-breadcrumb-dropdown-menu": true }, mediumItems.map((item) => (React.createElement(DropdownItem, { "data-fs-breadcrumb-dropdown-item": true, key: String(item.position), icon: collapsedItemsIcon }, breadcrumbLink({ itemProps: item, collapsed: true })))))))),
|
|
39
44
|
collapseBreadcrumb &&
|
|
40
45
|
lastItems.map((item, index) => {
|
|
41
46
|
return lastItems.length === index + 1 ? (React.createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
|