@faststore/components 2.0.159-alpha.0 → 2.0.168-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/atoms/List/List.js +1 -1
- package/dist/atoms/List/List.js.map +1 -1
- package/dist/molecules/Accordion/AccordionButton.js +1 -1
- package/dist/molecules/Accordion/AccordionButton.js.map +1 -1
- package/dist/molecules/Carousel/Carousel.d.ts +7 -2
- package/dist/molecules/Carousel/Carousel.js +3 -3
- package/dist/molecules/Carousel/Carousel.js.map +1 -1
- package/dist/molecules/Carousel/CarouselItem.js +1 -1
- package/dist/molecules/Carousel/CarouselItem.js.map +1 -1
- package/dist/molecules/RegionBar/RegionBar.d.ts +17 -1
- package/dist/molecules/RegionBar/RegionBar.js +5 -5
- package/dist/molecules/RegionBar/RegionBar.js.map +1 -1
- package/dist/organisms/ImageGallery/ImageGallerySelector.js +1 -1
- package/dist/organisms/ImageGallery/ImageGallerySelector.js.map +1 -1
- package/dist/organisms/Navbar/Navbar.js +1 -1
- package/dist/organisms/Navbar/Navbar.js.map +1 -1
- package/dist/organisms/ProductShelf/ProductShelfItem.js +1 -1
- package/dist/organisms/ProductShelf/ProductShelfItem.js.map +1 -1
- package/dist/organisms/ProductShelf/ProductShelfItems.js +1 -1
- package/dist/organisms/ProductShelf/ProductShelfItems.js.map +1 -1
- package/dist/organisms/RegionModal/RegionModal.d.ts +9 -1
- package/dist/organisms/RegionModal/RegionModal.js +6 -8
- package/dist/organisms/RegionModal/RegionModal.js.map +1 -1
- package/package.json +2 -2
- package/src/atoms/List/List.tsx +1 -0
- package/src/molecules/Accordion/AccordionButton.tsx +1 -0
- package/src/molecules/Carousel/Carousel.tsx +10 -4
- package/src/molecules/Carousel/CarouselItem.tsx +1 -2
- package/src/molecules/RegionBar/RegionBar.tsx +36 -7
- package/src/organisms/ImageGallery/ImageGallerySelector.tsx +8 -8
- package/src/organisms/Navbar/Navbar.tsx +1 -0
- package/src/organisms/ProductShelf/ProductShelfItem.tsx +7 -1
- package/src/organisms/ProductShelf/ProductShelfItems.tsx +9 -2
- package/src/organisms/RegionModal/RegionModal.tsx +16 -11
package/dist/atoms/List/List.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
const List = forwardRef(function List({ as, marker, testId = 'fs-list', ...otherProps }, ref) {
|
|
3
3
|
const Component = as ?? 'ul';
|
|
4
|
-
return (React.createElement(Component, { ref: ref, "data-fs-list": true, "data-fs-list-marker": marker, "data-testid": testId, ...otherProps }));
|
|
4
|
+
return (React.createElement(Component, { ref: ref, role: "list", "data-fs-list": true, "data-fs-list-marker": marker, "data-testid": testId, ...otherProps }));
|
|
5
5
|
});
|
|
6
6
|
export default List;
|
|
7
7
|
//# sourceMappingURL=List.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/atoms/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AA0BzC,MAAM,IAAI,GAAkB,UAAU,CAAC,SAAS,IAAI,CAGlD,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,GAAG,UAAU,EAAgB,EAC/D,GAAsB;IAEtB,MAAM,SAAS,GAAG,EAAE,IAAI,IAAI,CAAA;IAE5B,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,+
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/atoms/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AA0BzC,MAAM,IAAI,GAAkB,UAAU,CAAC,SAAS,IAAI,CAGlD,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,GAAG,UAAU,EAAgB,EAC/D,GAAsB;IAEtB,MAAM,SAAS,GAAG,EAAE,IAAI,IAAI,CAAA;IAE5B,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,MAAM,+CAEU,MAAM,iBACd,MAAM,KACf,UAAU,GACd,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,IAAI,CAAA"}
|
|
@@ -29,7 +29,7 @@ const AccordionButton = forwardRef(function AccordionButton({ testId = 'fs-accor
|
|
|
29
29
|
default:
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
|
-
return (React.createElement(Button, { ref: ref, id: button, "data-fs-accordion-button": true, "aria-expanded": indices.has(index), icon: indices.has(index) ? expandedIcon : collapsedIcon, iconPosition: "right", "aria-controls": panel, onKeyDown: onKeyDown, onClick: () => {
|
|
32
|
+
return (React.createElement(Button, { ref: ref, id: button, variant: "tertiary", "data-fs-accordion-button": true, "aria-expanded": indices.has(index), icon: indices.has(index) ? expandedIcon : collapsedIcon, iconPosition: "right", "aria-controls": panel, onKeyDown: onKeyDown, onClick: () => {
|
|
33
33
|
onChange(index);
|
|
34
34
|
}, "data-testid": testId, ...otherProps }, children));
|
|
35
35
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionButton.js","sourceRoot":"","sources":["../../../src/molecules/Accordion/AccordionButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAGlD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAiBpC,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,eAAe,CACtB,EACE,MAAM,GAAG,qBAAqB,EAC9B,YAAY,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,eAAW,UAAU,GAAG,EAC/D,aAAa,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,eAAW,WAAW,GAAG,EAChE,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,CAAA;IAC3D,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAE7D,MAAM,SAAS,GAAG,CAAC,KAA0B,EAAE,EAAE;QAC/C,IAAI,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YACjD,OAAM;SACP;QAED,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAExE,OAAO,QAAQ,CAAC,cAAc,CAC5B,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,WAAW,IAAI,EAAE,CAC/C,CAAA;QACH,CAAC,CAAA;QAED,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,MAAM,QAAQ,GACZ,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAE/D,OAAO,QAAQ,CAAC,cAAc,CAC5B,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,WAAW,QAAQ,EAAE,CACnD,CAAA;QACH,CAAC,CAAA;QAED,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,KAAK,WAAW;gBACd,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,OAAO,EAAE,EAAE,KAAK,EAAE,CAAA;gBAClB,MAAK;YAEP,KAAK,SAAS;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,WAAW,EAAE,EAAE,KAAK,EAAE,CAAA;gBACtB,MAAK;YAEP,QAAQ;SACT;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"AccordionButton.js","sourceRoot":"","sources":["../../../src/molecules/Accordion/AccordionButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAGlD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAiBpC,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,eAAe,CACtB,EACE,MAAM,GAAG,qBAAqB,EAC9B,YAAY,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,eAAW,UAAU,GAAG,EAC/D,aAAa,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,eAAW,WAAW,GAAG,EAChE,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,CAAA;IAC3D,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAE7D,MAAM,SAAS,GAAG,CAAC,KAA0B,EAAE,EAAE;QAC/C,IAAI,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YACjD,OAAM;SACP;QAED,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAExE,OAAO,QAAQ,CAAC,cAAc,CAC5B,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,WAAW,IAAI,EAAE,CAC/C,CAAA;QACH,CAAC,CAAA;QAED,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,MAAM,QAAQ,GACZ,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAE/D,OAAO,QAAQ,CAAC,cAAc,CAC5B,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,WAAW,QAAQ,EAAE,CACnD,CAAA;QACH,CAAC,CAAA;QAED,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,KAAK,WAAW;gBACd,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,OAAO,EAAE,EAAE,KAAK,EAAE,CAAA;gBAClB,MAAK;YAEP,KAAK,SAAS;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,WAAW,EAAE,EAAE,KAAK,EAAE,CAAA;gBACtB,MAAK;YAEP,QAAQ;SACT;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,MAAM,EACV,OAAO,EAAC,UAAU,qDAEH,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EACjC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EACvD,YAAY,EAAC,OAAO,mBACL,KAAK,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC,iBACY,MAAM,KACf,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { PropsWithChildren, ReactNode } from 'react';
|
|
1
|
+
import type { PropsWithChildren, ReactNode, AriaAttributes } from 'react';
|
|
2
2
|
import type { SwipeableProps } from 'react-swipeable';
|
|
3
3
|
export interface CarouselProps extends SwipeableProps {
|
|
4
4
|
/**
|
|
@@ -13,6 +13,11 @@ export interface CarouselProps extends SwipeableProps {
|
|
|
13
13
|
* Returns the value of element's class content attribute.
|
|
14
14
|
*/
|
|
15
15
|
className?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Defines a string value that labels the current element when
|
|
18
|
+
* title is not used.
|
|
19
|
+
*/
|
|
20
|
+
'aria-label'?: AriaAttributes['aria-label'];
|
|
16
21
|
/**
|
|
17
22
|
* Whether or not the Carousel is infinite slide/scroll. Only for the `slide` variant.
|
|
18
23
|
* @default true
|
|
@@ -50,5 +55,5 @@ export interface CarouselProps extends SwipeableProps {
|
|
|
50
55
|
right?: ReactNode;
|
|
51
56
|
};
|
|
52
57
|
}
|
|
53
|
-
declare function Carousel({ infiniteMode, controls, testId, transition,
|
|
58
|
+
declare function Carousel({ children, className, 'aria-label': ariaLabel, infiniteMode, controls, testId, transition, id, variant, itemsPerPage, navigationIcons, ...swipeableConfigOverrides }: PropsWithChildren<CarouselProps>): JSX.Element;
|
|
54
59
|
export default Carousel;
|
|
@@ -13,10 +13,10 @@ const createTransformValues = (infinite, totalItems) => {
|
|
|
13
13
|
}
|
|
14
14
|
return transformMap;
|
|
15
15
|
};
|
|
16
|
-
function Carousel({ infiniteMode = true, controls = 'complete', testId = 'fs-carousel', transition = {
|
|
16
|
+
function Carousel({ children, className, 'aria-label': ariaLabel, infiniteMode = true, controls = 'complete', testId = 'fs-carousel', transition = {
|
|
17
17
|
duration: 400,
|
|
18
18
|
property: 'transform',
|
|
19
|
-
},
|
|
19
|
+
}, id = 'fs-carousel', variant = 'slide', itemsPerPage = 1, navigationIcons = undefined, ...swipeableConfigOverrides }) {
|
|
20
20
|
const carouselTrackRef = useRef(null);
|
|
21
21
|
const isSlideCarousel = variant === 'slide';
|
|
22
22
|
const isScrollCarousel = variant === 'scroll';
|
|
@@ -155,7 +155,7 @@ function Carousel({ infiniteMode = true, controls = 'complete', testId = 'fs-car
|
|
|
155
155
|
default:
|
|
156
156
|
}
|
|
157
157
|
};
|
|
158
|
-
return (React.createElement("section", { id: id, "data-fs-carousel": true, className: className, "data-testid": testId, "aria-label":
|
|
158
|
+
return (React.createElement("section", { id: id, "data-fs-carousel": true, className: className, "data-testid": testId, "aria-label": ariaLabel },
|
|
159
159
|
React.createElement("div", { "data-fs-carousel-track-container": true, style: {
|
|
160
160
|
width: '100%',
|
|
161
161
|
overflow: 'hidden',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/molecules/Carousel/Carousel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/molecules/Carousel/Carousel.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAG9C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,MAAM,qBAAqB,GAAG,CAAC,QAAiB,EAAE,UAAkB,EAAE,EAAE;IACtE,MAAM,YAAY,GAA2B,EAAE,CAAA;IAC/C,MAAM,UAAU,GAAG,GAAG,GAAG,UAAU,CAAA;IAEnC,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,UAAU,EAAE,EAAE,GAAG,EAAE;QACzC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;QACxC,MAAM,cAAc,GAAG,CAAC,CAAC,UAAU,GAAG,GAAG,CAAC,CAAA;QAE1C,YAAY,CAAC,OAAO,CAAC,GAAG,cAAc,CAAA;KACvC;IAED,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AA0DD,SAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,YAAY,GAAG,IAAI,EACnB,QAAQ,GAAG,UAAU,EACrB,MAAM,GAAG,aAAa,EACtB,UAAU,GAAG;IACX,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,WAAW;CACtB,EACD,EAAE,GAAG,aAAa,EAClB,OAAO,GAAG,OAAO,EACjB,YAAY,GAAG,CAAC,EAChB,eAAe,GAAG,SAAS,EAC3B,GAAG,wBAAwB,EACM;IACjC,MAAM,gBAAgB,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IACvD,MAAM,eAAe,GAAG,OAAO,KAAK,OAAO,CAAA;IAC3C,MAAM,gBAAgB,GAAG,OAAO,KAAK,QAAQ,CAAA;IAC7C,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IACtD,MAAM,aAAa,GAAG,aAAa,CAAC,MAAM,CAAA;IAC1C,MAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAA;IACvE,MAAM,iBAAiB,GAAG,GAAG,UAAU,CAAC,QAAQ,IAAI,UAAU,CAAC,QAAQ,MACrE,UAAU,CAAC,MAAM,IAAI,EACvB,IAAI,UAAU,CAAC,KAAK,IAAI,EAAE,EAAE,CAAA;IAE5B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;QACjE,YAAY;QACZ,YAAY;QACZ,UAAU,EAAE,aAAa;QACzB,kBAAkB,EAAE,eAAe;QACnC,GAAG,wBAAwB;KAC5B,CAAC,CAAA;IAEF,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,WAAW,CAAC,YAAY,CAAC,CAAA;IAEtE,MAAM,oBAAoB,GACxB,UAAU,KAAK,CAAC;QAChB,CAAC,QAAQ,KAAK,UAAU,IAAI,QAAQ,KAAK,kBAAkB,CAAC,CAAA;IAE9D,MAAM,qBAAqB,GACzB,UAAU,KAAK,CAAC;QAChB,CAAC,QAAQ,KAAK,UAAU,IAAI,QAAQ,KAAK,mBAAmB,CAAC,CAAA;IAE/D,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,qBAAqB,CAAC,YAAY,EAAE,cAAc,CAAC,EACzD,CAAC,cAAc,EAAE,YAAY,CAAC,CAC/B,CAAA;IAED,MAAM,kBAAkB,GACtB,YAAY,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAE3D,MAAM,iBAAiB,GACrB,YAAY,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAExE,MAAM,MAAM,GAAG,iBAAiB,CAAC,MAAM,CACpC,QAAgB,IAAI,EAAE,EACvB,kBAAkB,CACnB,CAAA;IAED,MAAM,uBAAuB,GAAkB,OAAO,CACpD,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,GAAG,cAAc,GAAG,GAAG,GAAG;QACjC,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS;QAC/D,SAAS,EAAE,eACT,eAAe,CAAC,WAAW,CAAC,WAAW,CACzC,UAAU;KACX,CAAC,EACF;QACE,cAAc;QACd,eAAe;QACf,iBAAiB;QACjB,WAAW,CAAC,OAAO;QACnB,WAAW,CAAC,WAAW;KACxB,CACF,CAAA;IAED,MAAM,wBAAwB,GAAkB,OAAO,CACrD,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,QAAQ;KACrB,CAAC,EACF,EAAE,CACH,CAAA;IAED,MAAM,kBAAkB,GACrB,CAAC,eAAe,IAAI,uBAAuB,CAAmB;QAC9D,CAAC,gBAAgB,IAAI,wBAAwB,CAAmB,CAAA;IAEnE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IACE,WAAW,CAAC,OAAO;YACnB,CAAC,CAAC,YAAY,IAAI,WAAW,CAAC,WAAW,KAAK,CAAC,CAAC,EAChD;YACA,OAAM;SACP;QAED,KAAK,CAAC,UAAU,EAAE,cAAc,CAAC,CAAA;IACnC,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IACE,WAAW,CAAC,OAAO;YACnB,CAAC,CAAC,YAAY,IAAI,WAAW,CAAC,WAAW,KAAK,aAAa,GAAG,CAAC,CAAC,EAChE;YACA,OAAM;SACP;QAED,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,KAAc,EAAE,EAAE;QACvC,IAAI,eAAe,IAAI,YAAY,GAAG,CAAC,EAAE;YACvC,OAAM;SACP;QAED,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAA;QAC5E,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,EAAE,UAAU,CAAA;QACpD,MAAM,SAAS,GAAG,YAAY,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAA;QACxE,MAAM,IAAI,GAAG,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC,CAAA;QAEhD,KAAK,CAAC,IAAI,EAAE,cAAc,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,cAAc,CAAC;YACb,IAAI,EAAE,YAAY;SACnB,CAAC,CAAA;QAEF,IAAI,YAAY,IAAI,WAAW,CAAC,WAAW,IAAI,aAAa,EAAE;YAC5D,cAAc,CAAC;gBACb,IAAI,EAAE,YAAY;gBAClB,OAAO,EAAE;oBACP,SAAS,EAAE,CAAC;oBACZ,WAAW,EAAE,KAAK;iBACnB;aACF,CAAC,CAAA;SACH;QAED,IAAI,YAAY,IAAI,WAAW,CAAC,WAAW,GAAG,CAAC,EAAE;YAC/C,cAAc,CAAC;gBACb,IAAI,EAAE,YAAY;gBAClB,OAAO,EAAE;oBACP,SAAS,EAAE,WAAW,CAAC,UAAU,GAAG,CAAC;oBACrC,WAAW,EAAE,KAAK;iBACnB;aACF,CAAC,CAAA;SACH;IACH,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,KAAK,EAC9B,KAAa,EACb,cAAoC,EACpC,EAAE;QACF,IAAI,cAAc,KAAK,UAAU,IAAI,WAAW,CAAC,WAAW,KAAK,CAAC,EAAE;YAClE,OAAM;SACP;QAED,IACE,cAAc,KAAK,MAAM;YACzB,WAAW,CAAC,WAAW,KAAK,WAAW,CAAC,UAAU,GAAG,CAAC,EACtD;YACA,OAAM;SACP;QAED,IAAI,YAAY,CAAA;QAChB,MAAM,kBAAkB,GAAG,MAAM,CAC/B,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,EAAE,WAAW,CACzD,CAAA;QAED,IAAI,YAAY,GAAG,CAAC,EAAE;YACpB,YAAY,GAAG,KAAK,GAAG,kBAAkB,GAAG,YAAY,CAAA;SACzD;aAAM;YACL,YAAY,GAAG,KAAK,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,KAAK,CAAA;SACvE;QAED,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC;YACjC,IAAI,EAAE,YAAY;YAClB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAA;QAEF,KAAK,CAAC,KAAK,EAAE,cAAc,CAAC,CAAA;IAC9B,CAAC,CAAA;IAED,kCAAkC;IAClC,MAAM,oBAAoB,GAAG,CAAC,KAAoB,EAAE,EAAE;QACpD,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,KAAK,WAAW,CAAC,CAAC;gBAChB,eAAe,IAAI,aAAa,EAAE,CAAA;gBAClC,gBAAgB;oBACd,kBAAkB,CAAC,WAAW,CAAC,WAAW,GAAG,CAAC,EAAE,UAAU,CAAC,CAAA;gBAC7D,MAAK;aACN;YAED,KAAK,YAAY,CAAC,CAAC;gBACjB,eAAe,IAAI,SAAS,EAAE,CAAA;gBAC9B,gBAAgB;oBACd,kBAAkB,CAAC,WAAW,CAAC,WAAW,GAAG,CAAC,EAAE,MAAM,CAAC,CAAA;gBACzD,MAAK;aACN;YAED,KAAK,MAAM,CAAC,CAAC;gBACX,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAA;gBACxB,MAAK;aACN;YAED,KAAK,KAAK,CAAC,CAAC;gBACV,KAAK,CAAC,aAAa,GAAG,CAAC,EAAE,cAAc,CAAC,CAAA;gBACxC,MAAK;aACN;YAED,QAAQ;SACT;IACH,CAAC,CAAA;IAED,OAAO,CACL,iCACE,EAAE,EAAE,EAAE,4BAEN,SAAS,EAAE,SAAS,iBACP,MAAM,gBACP,SAAS;QAErB,uEAEE,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,QAAQ,EAAE,QAAQ;gBAClB,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;aAChD,KACG,QAAQ;YAEZ,yCACY,QAAQ,EAClB,GAAG,EAAE,gBAAgB,EACrB,KAAK,EAAE,kBAAkB,kCAEzB,QAAQ,EAAE,aAAa,EACvB,eAAe,EAAE,oBAAoB,IAEpC,MAAM,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,oBAAC,YAAY,IACX,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,GAAG,EACV,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,EAChB,KAAK,EAAE,WAAW,EAClB,UAAU,EAAE,aAAa,EACzB,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,IAEjC,YAAY,CACA,CAChB,CAAC,CACC,CACD;QAEL,oBAAoB,IAAI,CACvB;YACE,oBAAC,UAAU,gCACgB,MAAM,mBAChB,EAAE,gBACN,UAAU,EACrB,IAAI,EACF,eAAe,EAAE,IAAI,IAAI,CACvB,oBAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAC,MAAM,GAAG,CAC/D,EAEH,OAAO,EAAE,GAAG,EAAE;oBACZ,eAAe,IAAI,aAAa,EAAE,CAAA;oBAClC,gBAAgB;wBACd,kBAAkB,CAAC,WAAW,CAAC,WAAW,GAAG,CAAC,EAAE,UAAU,CAAC,CAAA;gBAC/D,CAAC,GACD;YACF,oBAAC,UAAU,gCACgB,OAAO,mBACjB,EAAE,gBACN,MAAM,EACjB,IAAI,EACF,eAAe,EAAE,KAAK,IAAI,CACxB,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAC,MAAM,GAAG,CAChE,EAEH,OAAO,EAAE,GAAG,EAAE;oBACZ,eAAe,IAAI,SAAS,EAAE,CAAA;oBAC9B,gBAAgB;wBACd,kBAAkB,CAAC,WAAW,CAAC,WAAW,GAAG,CAAC,EAAE,MAAM,CAAC,CAAA;gBAC3D,CAAC,GACD,CACE,CACP;QAEA,qBAAqB,IAAI,CACxB,oBAAC,eAAe,IACd,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,EACX,YAAY,EAAE,WAAW,CAAC,WAAW,EACrC,aAAa,EAAE,UAAU,EACzB,SAAS,EAAE,oBAAoB,EAC/B,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE;gBACxB,eAAe;oBACb,CAAC,WAAW,CAAC,OAAO;oBACpB,KAAK,CAAC,GAAG,EAAE,cAAc,CAAC,CAAA;gBAE5B,gBAAgB,IAAI,kBAAkB,CAAC,GAAG,CAAC,CAAA;YAC7C,CAAC,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAC/C,qBAAqB,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,kBAAkB,GAAG,EAAE,GAC5D,CACH,CACO,CACX,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -12,7 +12,7 @@ function CarouselItem({ id, index, state, children, totalItems, infiniteMode, is
|
|
|
12
12
|
display: 'inline-block',
|
|
13
13
|
});
|
|
14
14
|
const shouldDisplayItem = isScrollCarousel || shouldRenderItem(index - Number(infiniteMode));
|
|
15
|
-
return (React.createElement("li", { style: style,
|
|
15
|
+
return (React.createElement("li", { style: style, id: `${id}-carousel-item-${index}`, "data-fs-carousel-item": true, "data-fs-carousel-item-visible": isItemVisible(index - Number(infiniteMode)) || undefined }, shouldDisplayItem ? children : null));
|
|
16
16
|
}
|
|
17
17
|
export default CarouselItem;
|
|
18
18
|
//# sourceMappingURL=CarouselItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselItem.js","sourceRoot":"","sources":["../../../src/molecules/Carousel/CarouselItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAe,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAU7D,SAAS,YAAY,CAAC,EACpB,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,gBAAgB,GACqB;IACrC,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,kBAAkB,CAAC;QAC7D,UAAU;QACV,YAAY,EAAE,KAAK,CAAC,WAAW;QAC/B,YAAY,EAAE,KAAK,CAAC,YAAY;KACjC,CAAC,CAAA;IAEF,MAAM,KAAK,GACR,CAAC,CAAC,gBAAgB,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAmB;QAC1D,CAAC,gBAAgB,IAAI;YACpB,QAAQ,EAAE,KAAK;YACf,OAAO,EAAE,cAAc;SACxB,CAAmB,CAAA;IAEtB,MAAM,iBAAiB,GACrB,gBAAgB,IAAI,gBAAgB,CAAC,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,CAAA;IAEpE,OAAO,CACL,4BACE,KAAK,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"CarouselItem.js","sourceRoot":"","sources":["../../../src/molecules/Carousel/CarouselItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAe,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAU7D,SAAS,YAAY,CAAC,EACpB,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,gBAAgB,GACqB;IACrC,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,kBAAkB,CAAC;QAC7D,UAAU;QACV,YAAY,EAAE,KAAK,CAAC,WAAW;QAC/B,YAAY,EAAE,KAAK,CAAC,YAAY;KACjC,CAAC,CAAA;IAEF,MAAM,KAAK,GACR,CAAC,CAAC,gBAAgB,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAmB;QAC1D,CAAC,gBAAgB,IAAI;YACpB,QAAQ,EAAE,KAAK;YACf,OAAO,EAAE,cAAc;SACxB,CAAmB,CAAA;IAEtB,MAAM,iBAAiB,GACrB,gBAAgB,IAAI,gBAAgB,CAAC,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,CAAA;IAEpE,OAAO,CACL,4BACE,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,GAAG,EAAE,kBAAkB,KAAK,EAAE,kEAGhC,aAAa,CAAC,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,SAAS,IAGzD,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACjC,CACN,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { HTMLAttributes } from 'react';
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
export interface RegionBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
/**
|
|
@@ -9,6 +9,22 @@ export interface RegionBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
9
9
|
* Function called when button is clicked.
|
|
10
10
|
*/
|
|
11
11
|
onButtonClick?: () => void;
|
|
12
|
+
/**
|
|
13
|
+
* A React component that will be rendered as an icon.
|
|
14
|
+
*/
|
|
15
|
+
icon?: ReactNode;
|
|
16
|
+
/**
|
|
17
|
+
* Specifies a label for the location text.
|
|
18
|
+
*/
|
|
19
|
+
label: string;
|
|
20
|
+
/**
|
|
21
|
+
* Specifies a label for the edit text.
|
|
22
|
+
*/
|
|
23
|
+
editLabel?: string;
|
|
24
|
+
/**
|
|
25
|
+
* A React component that will be rendered as an icon.
|
|
26
|
+
*/
|
|
27
|
+
buttonIcon?: ReactNode;
|
|
12
28
|
}
|
|
13
29
|
declare const RegionBar: React.ForwardRefExoticComponent<RegionBarProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
30
|
export default RegionBar;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
|
-
import { Button
|
|
3
|
-
const RegionBar = forwardRef(function RegionBar({ postalCode, onButtonClick, ...otherProps }, ref) {
|
|
2
|
+
import { Button } from '../../';
|
|
3
|
+
const RegionBar = forwardRef(function RegionBar({ postalCode, icon, label, editLabel, buttonIcon, onButtonClick, ...otherProps }, ref) {
|
|
4
4
|
return (React.createElement("div", { ref: ref, "data-fs-region-bar": true, ...otherProps },
|
|
5
|
-
React.createElement(Button, {
|
|
6
|
-
|
|
5
|
+
React.createElement(Button, { variant: "tertiary", iconPosition: "right", onClick: onButtonClick, icon: buttonIcon },
|
|
6
|
+
!!icon && icon,
|
|
7
7
|
postalCode ? (React.createElement(React.Fragment, null,
|
|
8
8
|
React.createElement("span", { "data-fs-region-bar-postal-code": true }, postalCode),
|
|
9
|
-
React.createElement("span", { "data-fs-region-bar-cta": true },
|
|
9
|
+
!!editLabel && React.createElement("span", { "data-fs-region-bar-cta": true }, editLabel))) : (React.createElement("span", { "data-fs-region-bar-message": true }, label)))));
|
|
10
10
|
});
|
|
11
11
|
export default RegionBar;
|
|
12
12
|
//# sourceMappingURL=RegionBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RegionBar.js","sourceRoot":"","sources":["../../../src/molecules/RegionBar/RegionBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"RegionBar.js","sourceRoot":"","sources":["../../../src/molecules/RegionBar/RegionBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AA6B/B,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EACE,UAAU,EACV,IAAI,EACJ,KAAK,EACL,SAAS,EACT,UAAU,EACV,aAAa,EACb,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,iCAAyB,UAAU;QAC9C,oBAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,YAAY,EAAC,OAAO,EACpB,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,UAAU;YAEf,CAAC,CAAC,IAAI,IAAI,IAAI;YACd,UAAU,CAAC,CAAC,CAAC,CACZ;gBACE,wEAAsC,UAAU,CAAQ;gBACvD,CAAC,CAAC,SAAS,IAAI,gEAA8B,SAAS,CAAQ,CAC9D,CACJ,CAAC,CAAC,CAAC,CACF,oEAAkC,KAAK,CAAQ,CAChD,CACM,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}
|
|
@@ -31,7 +31,7 @@ function ImageGallerySelector({ images, onSelect, ImageComponent, currentImageId
|
|
|
31
31
|
idx === 0 && setFirstImageInView(inView);
|
|
32
32
|
idx === images.length - 1 && setLastImageInView(inView);
|
|
33
33
|
}, [images.length]);
|
|
34
|
-
return (React.createElement("section", { "data-fs-image-gallery-selector": true, "data-testid": testId, "aria-label": ariaLabel
|
|
34
|
+
return (React.createElement("section", { "data-fs-image-gallery-selector": true, "data-testid": testId, "aria-label": ariaLabel },
|
|
35
35
|
elementHasScroll && !firstImageInView && (React.createElement("div", { "data-fs-image-gallery-selector-control": true },
|
|
36
36
|
React.createElement(IconButton, { "data-fs-image-gallery-selector-control-button": true, "aria-label": navigationButtonLeftAriaLabel, icon: React.createElement(Icon, { name: "ArrowLeft" }), onClick: () => moveScroll(elementsRef.current, -SCROLL_MARGIN_VALUE) }))),
|
|
37
37
|
React.createElement("div", { "data-fs-image-gallery-selector-elements": true, ref: elementsRef }, images.map((image, idx) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageGallerySelector.js","sourceRoot":"","sources":["../../../src/organisms/ImageGallery/ImageGallerySelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AACpD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAiChD,MAAM,mBAAmB,GAAG,GAAG,CAAA;AAE/B,MAAM,UAAU,GAAG,CAAC,SAAgC,EAAE,KAAa,EAAE,EAAE;IACrE,IAAI,SAAS,EAAE;QACb,IAAI,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC,YAAY,EAAE;YACnD,gIAAgI;YAChI,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAA;YACjC,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAChC,SAAS,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CACvD,CAAA;YACD,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAA;SAC9D;aAAM;YACL,SAAS,CAAC,UAAU,IAAI,KAAK,CAAA;SAC9B;KACF;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,SAAgC,EAAW,EAAE;IAC9D,IAAI,SAAS,EAAE;QACb,OAAO,CACL,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC,YAAY;YAC/C,SAAS,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,CAC9C,CAAA;KACF;IAED,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,SAAS,oBAAoB,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,cAAc,EACd,eAAe,EACf,MAAM,GAAG,2BAA2B,EACpC,YAAY,EAAE,SAAS,GAAG,gBAAgB,EAC1C,6BAA6B,GAAG,+BAA+B,EAC/D,8BAA8B,GAAG,8BAA8B,GACrC;IAC1B,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAChD,MAAM,gBAAgB,GAAG,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;IACvD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC9D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAE5D,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"ImageGallerySelector.js","sourceRoot":"","sources":["../../../src/organisms/ImageGallery/ImageGallerySelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
const Navbar = forwardRef(function Navbar({ children, scrollDirection, testId = 'fs-navbar', ...otherProps }, ref) {
|
|
3
|
-
return (React.createElement("header", { "data-fs-navbar": true, ref: ref, "data-testid": testId, "data-fs-navbar-scroll": scrollDirection, ...otherProps }, children));
|
|
3
|
+
return (React.createElement("header", { "data-fs-navbar": true, role: "banner", ref: ref, "data-testid": testId, "data-fs-navbar-scroll": scrollDirection, ...otherProps }, children));
|
|
4
4
|
});
|
|
5
5
|
export default Navbar;
|
|
6
6
|
//# sourceMappingURL=Navbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/Navbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAazC,MAAM,MAAM,GAAG,UAAU,CAA8B,SAAS,MAAM,CACpE,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,GAAG,WAAW,EAAE,GAAG,UAAU,EAAE,EAClE,GAAG;IAEH,OAAO,CACL,wDAEE,GAAG,EAAE,GAAG,iBACK,MAAM,2BACI,eAAe,KAClC,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}
|
|
1
|
+
{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/Navbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAazC,MAAM,MAAM,GAAG,UAAU,CAA8B,SAAS,MAAM,CACpE,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,GAAG,WAAW,EAAE,GAAG,UAAU,EAAE,EAClE,GAAG;IAEH,OAAO,CACL,wDAEE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,iBACK,MAAM,2BACI,eAAe,KAClC,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
const ProductShelfItem = forwardRef(function ProductShelfItem({ testId = 'fs-product-shelf-item', children, ...otherProps }, ref) {
|
|
3
|
-
return (React.createElement("li", { ref: ref, "data-fs-product-shelf-item": true, "data-testid": testId, ...otherProps }, children));
|
|
3
|
+
return (React.createElement("li", { role: "listitem", ref: ref, "data-fs-product-shelf-item": true, "data-testid": testId, ...otherProps }, children));
|
|
4
4
|
});
|
|
5
5
|
export default ProductShelfItem;
|
|
6
6
|
//# sourceMappingURL=ProductShelfItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductShelfItem.js","sourceRoot":"","sources":["../../../src/organisms/ProductShelf/ProductShelfItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,gBAAgB,GAAG,UAAU,CACjC,SAAS,gBAAgB,CACvB,EAAE,MAAM,GAAG,uBAAuB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC7D,GAAG;IAEH,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"ProductShelfItem.js","sourceRoot":"","sources":["../../../src/organisms/ProductShelf/ProductShelfItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,gBAAgB,GAAG,UAAU,CACjC,SAAS,gBAAgB,CACvB,EAAE,MAAM,GAAG,uBAAuB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC7D,GAAG;IAEH,OAAO,CACL,4BACE,IAAI,EAAC,UAAU,EACf,GAAG,EAAE,GAAG,qDAEK,MAAM,KACf,UAAU,IAEb,QAAQ,CACN,CACN,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,gBAAgB,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
const ProductShelfItems = forwardRef(function ProductShelfItems({ testId = 'fs-product-shelf-items', children, ...otherProps }, ref) {
|
|
3
|
-
return (React.createElement("ul", { ref: ref, "data-fs-product-shelf-items": true, "data-testid": testId, ...otherProps }, children));
|
|
3
|
+
return (React.createElement("ul", { role: "list", ref: ref, "data-fs-product-shelf-items": true, "data-testid": testId, ...otherProps }, children));
|
|
4
4
|
});
|
|
5
5
|
export default ProductShelfItems;
|
|
6
6
|
//# sourceMappingURL=ProductShelfItems.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductShelfItems.js","sourceRoot":"","sources":["../../../src/organisms/ProductShelf/ProductShelfItems.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ProductShelfItems.js","sourceRoot":"","sources":["../../../src/organisms/ProductShelf/ProductShelfItems.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,iBAAiB,CACxB,EAAE,MAAM,GAAG,wBAAwB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC9D,GAAG;IAEH,OAAO,CACL,4BACE,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,sDAEK,MAAM,KACf,UAAU,IAEb,QAAQ,CACN,CACN,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|
|
@@ -15,6 +15,10 @@ export interface RegionModalProps extends Omit<ModalProps, 'children'> {
|
|
|
15
15
|
* Description for region modal.
|
|
16
16
|
*/
|
|
17
17
|
description?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Close button aria-label.
|
|
20
|
+
*/
|
|
21
|
+
closeButtonAriaLabel?: string;
|
|
18
22
|
/**
|
|
19
23
|
* Props for the link `I don't know my Postal Code`.
|
|
20
24
|
*/
|
|
@@ -35,6 +39,10 @@ export interface RegionModalProps extends Omit<ModalProps, 'children'> {
|
|
|
35
39
|
* Postal code input's value.
|
|
36
40
|
*/
|
|
37
41
|
inputValue?: string;
|
|
42
|
+
/**
|
|
43
|
+
* Postal code input's label.
|
|
44
|
+
*/
|
|
45
|
+
inputLabel?: string;
|
|
38
46
|
/**
|
|
39
47
|
* Enables fadeOut effect on modal after onSubmit function
|
|
40
48
|
*/
|
|
@@ -60,5 +68,5 @@ export interface RegionModalProps extends Omit<ModalProps, 'children'> {
|
|
|
60
68
|
*/
|
|
61
69
|
onClear?: () => void;
|
|
62
70
|
}
|
|
63
|
-
declare function RegionModal({ testId, title, description, idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, fadeOutOnSubmit, overlayProps, onClose, onInput, onSubmit, onClear, ...otherProps }: RegionModalProps): JSX.Element;
|
|
71
|
+
declare function RegionModal({ testId, title, description, closeButtonAriaLabel, idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, inputLabel, fadeOutOnSubmit, overlayProps, onClose, onInput, onSubmit, onClear, ...otherProps }: RegionModalProps): JSX.Element;
|
|
64
72
|
export default RegionModal;
|
|
@@ -1,21 +1,19 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
function RegionModal({ testId = 'fs-region-modal', title = 'Set your location', description = 'Prices, offers and availability may vary according to your location.', idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, fadeOutOnSubmit, overlayProps, onClose, onInput, onSubmit, onClear, ...otherProps }) {
|
|
4
|
-
return (React.createElement(Modal, { "data-fs-region-modal": true, testId: testId, overlayProps: overlayProps, ...otherProps }, ({ fadeOut }) => (React.createElement(React.Fragment, null,
|
|
2
|
+
import { InputField, Link, Modal, ModalBody, ModalHeader } from '../..';
|
|
3
|
+
function RegionModal({ testId = 'fs-region-modal', title = 'Set your location', description = 'Prices, offers and availability may vary according to your location.', closeButtonAriaLabel = 'Close Region Modal', idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, inputLabel = 'Postal Code', fadeOutOnSubmit, overlayProps, onClose, onInput, onSubmit, onClear, ...otherProps }) {
|
|
4
|
+
return (React.createElement(Modal, { "data-fs-region-modal": true, testId: testId, overlayProps: overlayProps, title: "Region modal", "aria-label": "Region modal", ...otherProps }, ({ fadeOut }) => (React.createElement(React.Fragment, null,
|
|
5
5
|
React.createElement(ModalHeader, { onClose: () => {
|
|
6
6
|
fadeOut();
|
|
7
7
|
onClose?.();
|
|
8
8
|
}, title: title, description: description, closeBtnProps: {
|
|
9
|
-
'aria-label':
|
|
9
|
+
'aria-label': closeButtonAriaLabel,
|
|
10
10
|
} }),
|
|
11
11
|
React.createElement(ModalBody, null,
|
|
12
|
-
React.createElement(InputField, { "data-fs-region-modal-input": true, id: `${testId}-input-field`, inputRef: inputRef, label:
|
|
12
|
+
React.createElement(InputField, { "data-fs-region-modal-input": true, id: `${testId}-input-field`, inputRef: inputRef, label: inputLabel, actionable: true, value: inputValue, onInput: (event) => onInput?.(event), onSubmit: () => {
|
|
13
13
|
onSubmit?.();
|
|
14
14
|
fadeOutOnSubmit ? fadeOut() : null;
|
|
15
15
|
}, onClear: () => onClear?.(), error: errorMessage }),
|
|
16
|
-
React.createElement(Link, { "data-fs-region-modal-link": true, ...idkPostalCodeLinkProps }
|
|
17
|
-
"I don't know my Postal Code",
|
|
18
|
-
React.createElement(Icon, { name: "ArrowSquareOut", width: 20, height: 20 })))))))));
|
|
16
|
+
React.createElement(Link, { "data-fs-region-modal-link": true, ...idkPostalCodeLinkProps }))))));
|
|
19
17
|
}
|
|
20
18
|
export default RegionModal;
|
|
21
19
|
//# sourceMappingURL=RegionModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RegionModal.js","sourceRoot":"","sources":["../../../src/organisms/RegionModal/RegionModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"RegionModal.js","sourceRoot":"","sources":["../../../src/organisms/RegionModal/RegionModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AA4EvE,SAAS,WAAW,CAAC,EACnB,MAAM,GAAG,iBAAiB,EAC1B,KAAK,GAAG,mBAAmB,EAC3B,WAAW,GAAG,sEAAsE,EACpF,oBAAoB,GAAG,oBAAoB,EAC3C,sBAAsB,EACtB,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,aAAa,EAC1B,eAAe,EACf,YAAY,EACZ,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,UAAU,EACI;IACjB,OAAO,CACL,oBAAC,KAAK,kCAEJ,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAC,cAAc,gBACT,cAAc,KACrB,UAAU,IAEb,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB;QACE,oBAAC,WAAW,IACV,OAAO,EAAE,GAAG,EAAE;gBACZ,OAAO,EAAE,CAAA;gBACT,OAAO,EAAE,EAAE,CAAA;YACb,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE;gBACb,YAAY,EAAE,oBAAoB;aACnC,GACD;QACF,oBAAC,SAAS;YACR,oBAAC,UAAU,wCAET,EAAE,EAAE,GAAG,MAAM,cAAc,EAC3B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,UAAU,EACjB,UAAU,QACV,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,EACpC,QAAQ,EAAE,GAAG,EAAE;oBACb,QAAQ,EAAE,EAAE,CAAA;oBACZ,eAAe,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;gBACpC,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,EAC1B,KAAK,EAAE,YAAY,GACnB;YAEF,oBAAC,IAAI,0CAA+B,sBAAsB,GAAI,CACpD,CACX,CACJ,CACK,CACT,CAAA;AACH,CAAC;AAED,eAAe,WAAW,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@faststore/components",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.168-alpha.0",
|
|
4
4
|
"module": "dist/index.js",
|
|
5
5
|
"typings": "dist/index.d.ts",
|
|
6
6
|
"author": "Emerson Laurentino @emersonlaurentino",
|
|
@@ -30,5 +30,5 @@
|
|
|
30
30
|
"node": "16.18.0",
|
|
31
31
|
"yarn": "1.19.1"
|
|
32
32
|
},
|
|
33
|
-
"gitHead": "
|
|
33
|
+
"gitHead": "83716a775545aa6ed10a478113408de4a094f792"
|
|
34
34
|
}
|
package/src/atoms/List/List.tsx
CHANGED
|
@@ -77,6 +77,7 @@ const AccordionButton = forwardRef<HTMLButtonElement, AccordionButtonProps>(
|
|
|
77
77
|
<Button
|
|
78
78
|
ref={ref}
|
|
79
79
|
id={button}
|
|
80
|
+
variant="tertiary"
|
|
80
81
|
data-fs-accordion-button
|
|
81
82
|
aria-expanded={indices.has(index)}
|
|
82
83
|
icon={indices.has(index) ? expandedIcon : collapsedIcon}
|
|
@@ -4,6 +4,7 @@ import type {
|
|
|
4
4
|
PropsWithChildren,
|
|
5
5
|
ReactNode,
|
|
6
6
|
UIEvent,
|
|
7
|
+
AriaAttributes,
|
|
7
8
|
} from 'react'
|
|
8
9
|
import React, { useMemo, useRef } from 'react'
|
|
9
10
|
import type { SwipeableProps } from 'react-swipeable'
|
|
@@ -40,6 +41,11 @@ export interface CarouselProps extends SwipeableProps {
|
|
|
40
41
|
* Returns the value of element's class content attribute.
|
|
41
42
|
*/
|
|
42
43
|
className?: string
|
|
44
|
+
/**
|
|
45
|
+
* Defines a string value that labels the current element when
|
|
46
|
+
* title is not used.
|
|
47
|
+
*/
|
|
48
|
+
'aria-label'?: AriaAttributes['aria-label']
|
|
43
49
|
/**
|
|
44
50
|
* Whether or not the Carousel is infinite slide/scroll. Only for the `slide` variant.
|
|
45
51
|
* @default true
|
|
@@ -79,6 +85,9 @@ export interface CarouselProps extends SwipeableProps {
|
|
|
79
85
|
}
|
|
80
86
|
|
|
81
87
|
function Carousel({
|
|
88
|
+
children,
|
|
89
|
+
className,
|
|
90
|
+
'aria-label': ariaLabel,
|
|
82
91
|
infiniteMode = true,
|
|
83
92
|
controls = 'complete',
|
|
84
93
|
testId = 'fs-carousel',
|
|
@@ -86,8 +95,6 @@ function Carousel({
|
|
|
86
95
|
duration: 400,
|
|
87
96
|
property: 'transform',
|
|
88
97
|
},
|
|
89
|
-
children,
|
|
90
|
-
className,
|
|
91
98
|
id = 'fs-carousel',
|
|
92
99
|
variant = 'slide',
|
|
93
100
|
itemsPerPage = 1,
|
|
@@ -302,8 +309,7 @@ function Carousel({
|
|
|
302
309
|
data-fs-carousel
|
|
303
310
|
className={className}
|
|
304
311
|
data-testid={testId}
|
|
305
|
-
aria-label=
|
|
306
|
-
aria-roledescription="carousel"
|
|
312
|
+
aria-label={ariaLabel}
|
|
307
313
|
>
|
|
308
314
|
<div
|
|
309
315
|
data-fs-carousel-track-container
|
|
@@ -38,9 +38,8 @@ function CarouselItem({
|
|
|
38
38
|
return (
|
|
39
39
|
<li
|
|
40
40
|
style={style}
|
|
41
|
-
data-fs-carousel-item
|
|
42
|
-
aria-roledescription="slide"
|
|
43
41
|
id={`${id}-carousel-item-${index}`}
|
|
42
|
+
data-fs-carousel-item
|
|
44
43
|
data-fs-carousel-item-visible={
|
|
45
44
|
isItemVisible(index - Number(infiniteMode)) || undefined
|
|
46
45
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type { HTMLAttributes } from 'react'
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from 'react'
|
|
2
2
|
import React, { forwardRef } from 'react'
|
|
3
3
|
|
|
4
|
-
import { Button
|
|
4
|
+
import { Button } from '../../'
|
|
5
5
|
|
|
6
6
|
export interface RegionBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
7
7
|
/**
|
|
@@ -12,23 +12,52 @@ export interface RegionBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
12
12
|
* Function called when button is clicked.
|
|
13
13
|
*/
|
|
14
14
|
onButtonClick?: () => void
|
|
15
|
+
/**
|
|
16
|
+
* A React component that will be rendered as an icon.
|
|
17
|
+
*/
|
|
18
|
+
icon?: ReactNode
|
|
19
|
+
/**
|
|
20
|
+
* Specifies a label for the location text.
|
|
21
|
+
*/
|
|
22
|
+
label: string
|
|
23
|
+
/**
|
|
24
|
+
* Specifies a label for the edit text.
|
|
25
|
+
*/
|
|
26
|
+
editLabel?: string
|
|
27
|
+
/**
|
|
28
|
+
* A React component that will be rendered as an icon.
|
|
29
|
+
*/
|
|
30
|
+
buttonIcon?: ReactNode
|
|
15
31
|
}
|
|
16
32
|
|
|
17
33
|
const RegionBar = forwardRef<HTMLDivElement, RegionBarProps>(function RegionBar(
|
|
18
|
-
{
|
|
34
|
+
{
|
|
35
|
+
postalCode,
|
|
36
|
+
icon,
|
|
37
|
+
label,
|
|
38
|
+
editLabel,
|
|
39
|
+
buttonIcon,
|
|
40
|
+
onButtonClick,
|
|
41
|
+
...otherProps
|
|
42
|
+
},
|
|
19
43
|
ref
|
|
20
44
|
) {
|
|
21
45
|
return (
|
|
22
46
|
<div ref={ref} data-fs-region-bar {...otherProps}>
|
|
23
|
-
<Button
|
|
24
|
-
|
|
47
|
+
<Button
|
|
48
|
+
variant="tertiary"
|
|
49
|
+
iconPosition="right"
|
|
50
|
+
onClick={onButtonClick}
|
|
51
|
+
icon={buttonIcon}
|
|
52
|
+
>
|
|
53
|
+
{!!icon && icon}
|
|
25
54
|
{postalCode ? (
|
|
26
55
|
<>
|
|
27
56
|
<span data-fs-region-bar-postal-code>{postalCode}</span>
|
|
28
|
-
<span data-fs-region-bar-cta>
|
|
57
|
+
{!!editLabel && <span data-fs-region-bar-cta>{editLabel}</span>}
|
|
29
58
|
</>
|
|
30
59
|
) : (
|
|
31
|
-
<span data-fs-region-bar-message>
|
|
60
|
+
<span data-fs-region-bar-message>{label}</span>
|
|
32
61
|
)}
|
|
33
62
|
</Button>
|
|
34
63
|
</div>
|
|
@@ -77,17 +77,19 @@ function ImageGallerySelector({
|
|
|
77
77
|
const [firstImageInView, setFirstImageInView] = useState(true)
|
|
78
78
|
const [lastImageInView, setLastImageInView] = useState(true)
|
|
79
79
|
|
|
80
|
-
const inViewChange= useCallback(
|
|
81
|
-
idx
|
|
82
|
-
|
|
83
|
-
|
|
80
|
+
const inViewChange = useCallback(
|
|
81
|
+
(idx: number, inView: boolean) => {
|
|
82
|
+
idx === 0 && setFirstImageInView(inView)
|
|
83
|
+
idx === images.length - 1 && setLastImageInView(inView)
|
|
84
|
+
},
|
|
85
|
+
[images.length]
|
|
86
|
+
)
|
|
84
87
|
|
|
85
88
|
return (
|
|
86
89
|
<section
|
|
87
90
|
data-fs-image-gallery-selector
|
|
88
91
|
data-testid={testId}
|
|
89
92
|
aria-label={ariaLabel}
|
|
90
|
-
aria-roledescription="carousel"
|
|
91
93
|
>
|
|
92
94
|
{elementHasScroll && !firstImageInView && (
|
|
93
95
|
<div data-fs-image-gallery-selector-control>
|
|
@@ -104,9 +106,7 @@ function ImageGallerySelector({
|
|
|
104
106
|
<div data-fs-image-gallery-selector-elements ref={elementsRef}>
|
|
105
107
|
{images.map((image, idx) => {
|
|
106
108
|
return (
|
|
107
|
-
<InView
|
|
108
|
-
key={idx}
|
|
109
|
-
onChange={(inView) => inViewChange(idx, inView)}>
|
|
109
|
+
<InView key={idx} onChange={(inView) => inViewChange(idx, inView)}>
|
|
110
110
|
<Button
|
|
111
111
|
key={idx}
|
|
112
112
|
aria-label={`${image.alternateName} - Image ${idx + 1} of ${
|
|
@@ -14,7 +14,13 @@ const ProductShelfItem = forwardRef<HTMLLIElement, ProductShelfItemProps>(
|
|
|
14
14
|
ref
|
|
15
15
|
) {
|
|
16
16
|
return (
|
|
17
|
-
<li
|
|
17
|
+
<li
|
|
18
|
+
role="listitem"
|
|
19
|
+
ref={ref}
|
|
20
|
+
data-fs-product-shelf-item
|
|
21
|
+
data-testid={testId}
|
|
22
|
+
{...otherProps}
|
|
23
|
+
>
|
|
18
24
|
{children}
|
|
19
25
|
</li>
|
|
20
26
|
)
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react'
|
|
2
2
|
import React, { forwardRef } from 'react'
|
|
3
3
|
|
|
4
|
-
export interface ProductShelfItemsProps
|
|
4
|
+
export interface ProductShelfItemsProps
|
|
5
|
+
extends HTMLAttributes<HTMLUListElement> {
|
|
5
6
|
/**
|
|
6
7
|
* ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
|
|
7
8
|
*/
|
|
@@ -14,7 +15,13 @@ const ProductShelfItems = forwardRef<HTMLUListElement, ProductShelfItemsProps>(
|
|
|
14
15
|
ref
|
|
15
16
|
) {
|
|
16
17
|
return (
|
|
17
|
-
<ul
|
|
18
|
+
<ul
|
|
19
|
+
role="list"
|
|
20
|
+
ref={ref}
|
|
21
|
+
data-fs-product-shelf-items
|
|
22
|
+
data-testid={testId}
|
|
23
|
+
{...otherProps}
|
|
24
|
+
>
|
|
18
25
|
{children}
|
|
19
26
|
</ul>
|
|
20
27
|
)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react'
|
|
2
2
|
|
|
3
3
|
import type { MutableRefObject } from 'react'
|
|
4
|
-
import {
|
|
4
|
+
import { InputField, Link, Modal, ModalBody, ModalHeader } from '../..'
|
|
5
5
|
import type {
|
|
6
6
|
LinkElementType,
|
|
7
7
|
LinkProps,
|
|
@@ -23,6 +23,10 @@ export interface RegionModalProps extends Omit<ModalProps, 'children'> {
|
|
|
23
23
|
* Description for region modal.
|
|
24
24
|
*/
|
|
25
25
|
description?: string
|
|
26
|
+
/**
|
|
27
|
+
* Close button aria-label.
|
|
28
|
+
*/
|
|
29
|
+
closeButtonAriaLabel?: string
|
|
26
30
|
/**
|
|
27
31
|
* Props for the link `I don't know my Postal Code`.
|
|
28
32
|
*/
|
|
@@ -43,6 +47,10 @@ export interface RegionModalProps extends Omit<ModalProps, 'children'> {
|
|
|
43
47
|
* Postal code input's value.
|
|
44
48
|
*/
|
|
45
49
|
inputValue?: string
|
|
50
|
+
/**
|
|
51
|
+
* Postal code input's label.
|
|
52
|
+
*/
|
|
53
|
+
inputLabel?: string
|
|
46
54
|
/**
|
|
47
55
|
* Enables fadeOut effect on modal after onSubmit function
|
|
48
56
|
*/
|
|
@@ -73,10 +81,12 @@ function RegionModal({
|
|
|
73
81
|
testId = 'fs-region-modal',
|
|
74
82
|
title = 'Set your location',
|
|
75
83
|
description = 'Prices, offers and availability may vary according to your location.',
|
|
84
|
+
closeButtonAriaLabel = 'Close Region Modal',
|
|
76
85
|
idkPostalCodeLinkProps,
|
|
77
86
|
errorMessage,
|
|
78
87
|
inputRef,
|
|
79
88
|
inputValue,
|
|
89
|
+
inputLabel = 'Postal Code',
|
|
80
90
|
fadeOutOnSubmit,
|
|
81
91
|
overlayProps,
|
|
82
92
|
onClose,
|
|
@@ -90,6 +100,8 @@ function RegionModal({
|
|
|
90
100
|
data-fs-region-modal
|
|
91
101
|
testId={testId}
|
|
92
102
|
overlayProps={overlayProps}
|
|
103
|
+
title="Region modal"
|
|
104
|
+
aria-label="Region modal"
|
|
93
105
|
{...otherProps}
|
|
94
106
|
>
|
|
95
107
|
{({ fadeOut }) => (
|
|
@@ -102,7 +114,7 @@ function RegionModal({
|
|
|
102
114
|
title={title}
|
|
103
115
|
description={description}
|
|
104
116
|
closeBtnProps={{
|
|
105
|
-
'aria-label':
|
|
117
|
+
'aria-label': closeButtonAriaLabel,
|
|
106
118
|
}}
|
|
107
119
|
/>
|
|
108
120
|
<ModalBody>
|
|
@@ -110,7 +122,7 @@ function RegionModal({
|
|
|
110
122
|
data-fs-region-modal-input
|
|
111
123
|
id={`${testId}-input-field`}
|
|
112
124
|
inputRef={inputRef}
|
|
113
|
-
label=
|
|
125
|
+
label={inputLabel}
|
|
114
126
|
actionable
|
|
115
127
|
value={inputValue}
|
|
116
128
|
onInput={(event) => onInput?.(event)}
|
|
@@ -122,14 +134,7 @@ function RegionModal({
|
|
|
122
134
|
error={errorMessage}
|
|
123
135
|
/>
|
|
124
136
|
|
|
125
|
-
<Link data-fs-region-modal-link {...idkPostalCodeLinkProps}
|
|
126
|
-
{idkPostalCodeLinkProps?.children ?? (
|
|
127
|
-
<>
|
|
128
|
-
{"I don't know my Postal Code"}
|
|
129
|
-
<Icon name="ArrowSquareOut" width={20} height={20} />
|
|
130
|
-
</>
|
|
131
|
-
)}
|
|
132
|
-
</Link>
|
|
137
|
+
<Link data-fs-region-modal-link {...idkPostalCodeLinkProps} />
|
|
133
138
|
</ModalBody>
|
|
134
139
|
</>
|
|
135
140
|
)}
|