@faststore/components 2.0.93-alpha.0 → 2.0.95-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/assets/CaretRight.d.ts +4 -0
- package/dist/assets/CaretRight.js +7 -0
- package/dist/assets/CaretRight.js.map +1 -0
- package/dist/assets/MapPin.d.ts +4 -0
- package/dist/assets/MapPin.js +8 -0
- package/dist/assets/MapPin.js.map +1 -0
- package/dist/assets/index.d.ts +2 -0
- package/dist/assets/index.js +2 -0
- package/dist/assets/index.js.map +1 -1
- package/dist/atoms/Price/index.d.ts +1 -1
- package/dist/index.d.ts +5 -3
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/dist/molecules/CartItem/CartItem.d.ts +7 -12
- package/dist/molecules/CartItem/CartItem.js.map +1 -1
- package/dist/molecules/Gift/GiftContent.d.ts +2 -8
- package/dist/molecules/Gift/GiftContent.js.map +1 -1
- package/dist/molecules/ProductCard/ProductCardContent.d.ts +7 -12
- package/dist/molecules/ProductCard/ProductCardContent.js.map +1 -1
- package/dist/molecules/RegionBar/RegionBar.d.ts +14 -0
- package/dist/molecules/RegionBar/RegionBar.js +14 -0
- package/dist/molecules/RegionBar/RegionBar.js.map +1 -0
- package/dist/molecules/RegionBar/index.d.ts +2 -0
- package/dist/molecules/RegionBar/index.js +2 -0
- package/dist/molecules/RegionBar/index.js.map +1 -0
- package/dist/molecules/SearchProducts/SearchProductItemContent.d.ts +2 -8
- package/dist/molecules/SearchProducts/SearchProductItemContent.js.map +1 -1
- package/dist/organisms/Filter/FilterSlider.d.ts +11 -11
- package/dist/organisms/Filter/FilterSlider.js +2 -2
- package/dist/organisms/Filter/FilterSlider.js.map +1 -1
- package/dist/organisms/SlideOver/SlideOver.d.ts +3 -3
- package/dist/organisms/SlideOver/SlideOverHeader.d.ts +4 -1
- package/dist/organisms/SlideOver/SlideOverHeader.js +1 -1
- package/dist/organisms/SlideOver/SlideOverHeader.js.map +1 -1
- package/dist/typings/PriceDefinition.d.ts +6 -0
- package/dist/typings/PriceDefinition.js +2 -0
- package/dist/typings/PriceDefinition.js.map +1 -0
- package/dist/typings/index.d.ts +1 -0
- package/package.json +2 -2
- package/src/assets/CaretRight.tsx +25 -0
- package/src/assets/MapPin.tsx +34 -0
- package/src/assets/index.ts +2 -0
- package/src/atoms/Price/index.ts +1 -1
- package/src/index.ts +6 -6
- package/src/molecules/CartItem/CartItem.tsx +6 -12
- package/src/molecules/Gift/GiftContent.tsx +2 -8
- package/src/molecules/ProductCard/ProductCardContent.tsx +6 -12
- package/src/molecules/RegionBar/RegionBar.tsx +40 -0
- package/src/molecules/RegionBar/index.ts +2 -0
- package/src/molecules/SearchProducts/SearchProductItemContent.tsx +2 -7
- package/src/organisms/Filter/FilterSlider.tsx +14 -14
- package/src/organisms/SlideOver/SlideOver.tsx +2 -2
- package/src/organisms/SlideOver/SlideOverHeader.tsx +4 -2
- package/src/typings/PriceDefinition.ts +7 -0
- package/src/typings/index.ts +2 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
// Icon from Phosphor Icons
|
|
3
|
+
const CaretRight = ({ size = 24 }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: size, height: size },
|
|
4
|
+
React.createElement("rect", { width: "256", height: "256", fill: "none" }),
|
|
5
|
+
React.createElement("polyline", { points: "96 48 176 128 96 208", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
|
|
6
|
+
export default CaretRight;
|
|
7
|
+
//# sourceMappingURL=CaretRight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CaretRight.js","sourceRoot":"","sources":["../../src/assets/CaretRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAa,EAAE,EAAE,CAAC,CAC/C,6BACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,aAAa,EACrB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI;IAEZ,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,kCACE,MAAM,EAAC,sBAAsB,EAC7B,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACZ,CACR,CACP,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
// Icon from Phosphor Icons
|
|
3
|
+
const MapPin = ({ size = 24 }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 256 256" },
|
|
4
|
+
React.createElement("path", { fill: "none", d: "M0 0h256v256H0z" }),
|
|
5
|
+
React.createElement("circle", { cx: "128", cy: "104", r: "32", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "16" }),
|
|
6
|
+
React.createElement("path", { d: "M208 104c0 72-80 128-80 128s-80-56-80-128a80 80 0 0 1 160 0Z", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "16" })));
|
|
7
|
+
export default MapPin;
|
|
8
|
+
//# sourceMappingURL=MapPin.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MapPin.js","sourceRoot":"","sources":["../../src/assets/MapPin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAa,EAAE,EAAE,CAAC,CAC3C,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,aAAa;IAErB,8BAAM,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,iBAAiB,GAAG;IACxC,gCACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GAChB;IACF,8BACE,CAAC,EAAC,8DAA8D,EAChE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GAChB,CACE,CACP,CAAA;AAED,eAAe,MAAM,CAAA"}
|
package/dist/assets/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ export { default as ArrowRight } from './ArrowRight';
|
|
|
4
4
|
export { default as BellRinging } from './BellRinging';
|
|
5
5
|
export { default as ArrowSquareOut } from './ArrowSquareOut';
|
|
6
6
|
export { default as CaretDown } from './CaretDown';
|
|
7
|
+
export { default as CaretRight } from './CaretRight';
|
|
7
8
|
export { default as Checked } from './Checked';
|
|
8
9
|
export { default as ClockClockwise } from './ClockClockwise';
|
|
9
10
|
export { default as DotsThree } from './DotsThree';
|
|
@@ -13,6 +14,7 @@ export { default as House } from './House';
|
|
|
13
14
|
export { default as Minus } from './Minus';
|
|
14
15
|
export { default as Plus } from './Plus';
|
|
15
16
|
export { default as MagnifyingGlass } from './MagnifyingGlass';
|
|
17
|
+
export { default as MapPin } from './MapPin';
|
|
16
18
|
export { default as MinusCircle } from './MinusCircle';
|
|
17
19
|
export { default as PlusCircle } from './PlusCircle';
|
|
18
20
|
export { default as Ruler } from './Ruler';
|
package/dist/assets/index.js
CHANGED
|
@@ -5,6 +5,7 @@ export { default as ArrowRight } from './ArrowRight';
|
|
|
5
5
|
export { default as BellRinging } from './BellRinging';
|
|
6
6
|
export { default as ArrowSquareOut } from './ArrowSquareOut';
|
|
7
7
|
export { default as CaretDown } from './CaretDown';
|
|
8
|
+
export { default as CaretRight } from './CaretRight';
|
|
8
9
|
export { default as Checked } from './Checked';
|
|
9
10
|
export { default as ClockClockwise } from './ClockClockwise';
|
|
10
11
|
export { default as DotsThree } from './DotsThree';
|
|
@@ -14,6 +15,7 @@ export { default as House } from './House';
|
|
|
14
15
|
export { default as Minus } from './Minus';
|
|
15
16
|
export { default as Plus } from './Plus';
|
|
16
17
|
export { default as MagnifyingGlass } from './MagnifyingGlass';
|
|
18
|
+
export { default as MapPin } from './MapPin';
|
|
17
19
|
export { default as MinusCircle } from './MinusCircle';
|
|
18
20
|
export { default as PlusCircle } from './PlusCircle';
|
|
19
21
|
export { default as Ruler } from './Ruler';
|
package/dist/assets/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,KAAK,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,KAAK,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default } from './Price';
|
|
2
|
-
export type { PriceProps } from './Price';
|
|
2
|
+
export type { PriceProps, PriceFormatter } from './Price';
|
package/dist/index.d.ts
CHANGED
|
@@ -66,8 +66,10 @@ export { default as RadioGroup, RadioOption } from './molecules/RadioGroup';
|
|
|
66
66
|
export type { RadioGroupProps, RadioOptionProps } from './molecules/RadioGroup';
|
|
67
67
|
export { default as Rating } from './molecules/Rating';
|
|
68
68
|
export type { RatingProps } from './molecules/Rating';
|
|
69
|
+
export { default as RegionBar } from './molecules/RegionBar';
|
|
70
|
+
export type { RegionBarProps } from './molecules/RegionBar';
|
|
69
71
|
export { default as SearchProvider } from './molecules/SearchProvider';
|
|
70
|
-
export type { SearchProviderContextValue
|
|
72
|
+
export type { SearchProviderContextValue } from './molecules/SearchProvider';
|
|
71
73
|
export { default as SearchInputField } from './molecules/SearchInputField';
|
|
72
74
|
export type { SearchInputFieldProps, SearchInputFieldRef, } from './molecules/SearchInputField';
|
|
73
75
|
export { default as SearchAutoComplete, SearchAutoCompleteTerm, } from './molecules/SearchAutoComplete';
|
|
@@ -94,8 +96,8 @@ export { default as ToggleField } from './molecules/ToggleField';
|
|
|
94
96
|
export type { ToggleFieldProps } from './molecules/ToggleField';
|
|
95
97
|
export { default as QuantitySelector } from './molecules/QuantitySelector';
|
|
96
98
|
export type { QuantitySelectorProps } from './molecules/QuantitySelector';
|
|
97
|
-
export { default as Filter, FilterFacetBoolean, FilterFacetBooleanItem, FilterFacetRange, FilterFacets, FilterSlider } from './organisms/Filter';
|
|
98
|
-
export type { FilterFacetBooleanItemProps, FilterFacetRangeProps, FilterFacetsProps, FilterProps, FilterSliderProps } from './organisms/Filter';
|
|
99
|
+
export { default as Filter, FilterFacetBoolean, FilterFacetBooleanItem, FilterFacetRange, FilterFacets, FilterSlider, } from './organisms/Filter';
|
|
100
|
+
export type { FilterFacetBooleanItemProps, FilterFacetRangeProps, FilterFacetsProps, FilterProps, FilterSliderProps, } from './organisms/Filter';
|
|
99
101
|
export { default as Hero, HeroImage, HeroHeader } from './organisms/Hero';
|
|
100
102
|
export type { HeroProps, HeroImageProps, HeroHeaderProps, } from './organisms/Hero';
|
|
101
103
|
export { default as OutOfStock } from './organisms/OutOfStock';
|
package/dist/index.js
CHANGED
|
@@ -38,6 +38,7 @@ export { default as ProductTitle } from './molecules/ProductTitle';
|
|
|
38
38
|
export { default as RadioField } from './molecules/RadioField';
|
|
39
39
|
export { default as RadioGroup, RadioOption } from './molecules/RadioGroup';
|
|
40
40
|
export { default as Rating } from './molecules/Rating';
|
|
41
|
+
export { default as RegionBar } from './molecules/RegionBar';
|
|
41
42
|
export { default as SearchProvider } from './molecules/SearchProvider';
|
|
42
43
|
export { default as SearchInputField } from './molecules/SearchInputField';
|
|
43
44
|
export { default as SearchAutoComplete, SearchAutoCompleteTerm, } from './molecules/SearchAutoComplete';
|
|
@@ -54,7 +55,7 @@ export { default as Toggle } from './molecules/Toggle';
|
|
|
54
55
|
export { default as ToggleField } from './molecules/ToggleField';
|
|
55
56
|
export { default as QuantitySelector } from './molecules/QuantitySelector';
|
|
56
57
|
// Organisms
|
|
57
|
-
export { default as Filter, FilterFacetBoolean, FilterFacetBooleanItem, FilterFacetRange, FilterFacets, FilterSlider } from './organisms/Filter';
|
|
58
|
+
export { default as Filter, FilterFacetBoolean, FilterFacetBooleanItem, FilterFacetRange, FilterFacets, FilterSlider, } from './organisms/Filter';
|
|
58
59
|
export { default as Hero, HeroImage, HeroHeader } from './organisms/Hero';
|
|
59
60
|
export { default as OutOfStock } from './organisms/OutOfStock';
|
|
60
61
|
export { default as PaymentMethods } from './organisms/PaymentMethods';
|
package/dist/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,12 +1,7 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { IconButtonProps
|
|
4
|
-
import type {
|
|
5
|
-
interface Price {
|
|
6
|
-
value: number;
|
|
7
|
-
listPrice: number;
|
|
8
|
-
formatter: PriceFormatter;
|
|
9
|
-
}
|
|
3
|
+
import { IconButtonProps } from '../../';
|
|
4
|
+
import type { PriceDefinition } from '../../typings/PriceDefinition';
|
|
10
5
|
export interface CartItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
11
6
|
/**
|
|
12
7
|
* ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
|
|
@@ -15,7 +10,7 @@ export interface CartItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
15
10
|
/**
|
|
16
11
|
* Specifies product Price.
|
|
17
12
|
*/
|
|
18
|
-
price?:
|
|
13
|
+
price?: PriceDefinition;
|
|
19
14
|
/**
|
|
20
15
|
* Specifies the quantity of items of the same product.
|
|
21
16
|
*/
|
|
@@ -24,14 +19,14 @@ export interface CartItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
24
19
|
* Specifies that this product is unavailable.
|
|
25
20
|
*/
|
|
26
21
|
unavailable?: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* Event emitted when product quantity value is changed.
|
|
29
|
-
*/
|
|
30
|
-
onQuantityChange?: (value: number) => void;
|
|
31
22
|
/**
|
|
32
23
|
* Props for the Remove from cart IconButton component.
|
|
33
24
|
*/
|
|
34
25
|
removeBtnProps?: Partial<IconButtonProps>;
|
|
26
|
+
/**
|
|
27
|
+
* Event emitted when product quantity value is changed.
|
|
28
|
+
*/
|
|
29
|
+
onQuantityChange?: (value: number) => void;
|
|
35
30
|
}
|
|
36
31
|
declare const CartItem: React.ForwardRefExoticComponent<CartItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
37
32
|
export default CartItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CartItem.js","sourceRoot":"","sources":["../../../src/molecules/CartItem/CartItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,UAAU,EAAmB,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"CartItem.js","sourceRoot":"","sources":["../../../src/molecules/CartItem/CartItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,UAAU,EAAmB,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AA+B7E,MAAM,QAAQ,GAAG,UAAU,CAAgC,SAAS,QAAQ,CAC1E,EACE,MAAM,GAAG,cAAc,EACvB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,cAAc,EACd,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,uBACW,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,iBAC1C,MAAM,KACf,UAAU;QAEd,kEAAgC,QAAQ,CAAO;QAC/C,oBAAC,UAAU,6CAET,IAAI,EAAE,oBAAC,OAAO,OAAG,gBACN,QAAQ,KACf,cAAc,GAClB;QACF;YACE,oBAAC,gBAAgB,IACf,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,gBAAgB,GAC1B;YACF;gBACE,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC7C,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,iBAAiB,GACxB;gBACF,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACrC,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,QAAQ,GACf,CACG,CACH,CACE,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAA"}
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import type {
|
|
4
|
-
import { Price } from '../../';
|
|
5
|
-
interface Price {
|
|
6
|
-
value: number;
|
|
7
|
-
listPrice: number;
|
|
8
|
-
formatter: PriceFormatter;
|
|
9
|
-
}
|
|
3
|
+
import type { PriceDefinition } from '../../typings/PriceDefinition';
|
|
10
4
|
export interface GiftContentProps extends HTMLAttributes<HTMLElement> {
|
|
11
5
|
/**
|
|
12
6
|
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
@@ -19,7 +13,7 @@ export interface GiftContentProps extends HTMLAttributes<HTMLElement> {
|
|
|
19
13
|
/**
|
|
20
14
|
* Specifies product's prices.
|
|
21
15
|
*/
|
|
22
|
-
price:
|
|
16
|
+
price: PriceDefinition;
|
|
23
17
|
/**
|
|
24
18
|
* Badge's label
|
|
25
19
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GiftContent.js","sourceRoot":"","sources":["../../../src/molecules/Gift/GiftContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"GiftContent.js","sourceRoot":"","sources":["../../../src/molecules/Gift/GiftContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AA2BrC,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EACE,KAAK,EACL,WAAW,EACX,YAAY,GAAG,OAAO,EACtB,UAAU,GAAG,MAAM,EACnB,MAAM,GAAG,iBAAiB,EAC1B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,+CAEK,MAAM,KACf,UAAU;QAEd;YACG,YAAY;;YAAG,WAAW,CACxB;QACL;YACE,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC7C,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,YAAY,gBACP,KAAK,EAAE,SAAS,EAC5B,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,iBAAiB,GACxB;YACF,oBAAC,KAAK,QAAE,UAAU,CAAS,CACtB,CACC,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import type {
|
|
4
|
-
import {
|
|
5
|
-
interface Price {
|
|
6
|
-
value: number;
|
|
7
|
-
listPrice: number;
|
|
8
|
-
formatter: PriceFormatter;
|
|
9
|
-
}
|
|
3
|
+
import type { PriceDefinition } from '../../typings/PriceDefinition';
|
|
4
|
+
import { LinkProps, LinkElementType } from '../../';
|
|
10
5
|
export interface ProductCardContentProps extends HTMLAttributes<HTMLElement> {
|
|
11
6
|
/**
|
|
12
7
|
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
@@ -23,7 +18,7 @@ export interface ProductCardContentProps extends HTMLAttributes<HTMLElement> {
|
|
|
23
18
|
/**
|
|
24
19
|
* Specifies product's prices.
|
|
25
20
|
*/
|
|
26
|
-
price?:
|
|
21
|
+
price?: PriceDefinition;
|
|
27
22
|
/**
|
|
28
23
|
* Enables a outOfStock status.
|
|
29
24
|
*/
|
|
@@ -36,10 +31,6 @@ export interface ProductCardContentProps extends HTMLAttributes<HTMLElement> {
|
|
|
36
31
|
* Specifies Rating Value of the product.
|
|
37
32
|
*/
|
|
38
33
|
ratingValue?: number;
|
|
39
|
-
/**
|
|
40
|
-
* Callback function when button is clicked.
|
|
41
|
-
*/
|
|
42
|
-
onButtonClick?: () => void;
|
|
43
34
|
/**
|
|
44
35
|
* Specifies the button's label.
|
|
45
36
|
*/
|
|
@@ -48,6 +39,10 @@ export interface ProductCardContentProps extends HTMLAttributes<HTMLElement> {
|
|
|
48
39
|
* Enables a DiscountBadge to the component.
|
|
49
40
|
*/
|
|
50
41
|
showDiscountBadge?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Callback function when button is clicked.
|
|
44
|
+
*/
|
|
45
|
+
onButtonClick?: () => void;
|
|
51
46
|
}
|
|
52
47
|
declare const ProductCardContent: React.ForwardRefExoticComponent<ProductCardContentProps & React.RefAttributes<HTMLElement>>;
|
|
53
48
|
export default ProductCardContent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCardContent.js","sourceRoot":"","sources":["../../../src/molecules/ProductCard/ProductCardContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIzC,OAAO,EACL,IAAI,EACJ,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,aAAa,GAGd,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"ProductCardContent.js","sourceRoot":"","sources":["../../../src/molecules/ProductCard/ProductCardContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIzC,OAAO,EACL,IAAI,EACJ,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,aAAa,GAGd,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AA6CjD,MAAM,kBAAkB,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EACE,MAAM,GAAG,yBAAyB,EAClC,KAAK,EACL,SAAS,EACT,KAAK,EACL,UAAU,EACV,eAAe,GAAG,cAAc,EAChC,WAAW,EACX,iBAAiB,EACjB,WAAW,GAAG,KAAK,EACnB,aAAa,EACb,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,sEAEoB,iBAAiB,iBAChC,MAAM,KACf,UAAU;QAEd;YACE;gBACE,oBAAC,IAAI,OAAK,SAAS,EAAE,KAAK,EAAE,KAAK,IAC9B,KAAK,CACD,CACJ;YACL;gBACE,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC7C,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,YAAY,gBACP,KAAK,EAAE,SAAS,EAC5B,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,iBAAiB,GACxB;gBACF,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACrC,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,OAAO,gBACF,KAAK,EAAE,KAAK,EACxB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,aAAa,GACpB,CACE;YACL,WAAW,IAAI,oBAAC,MAAM,IAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,oBAAC,IAAI,OAAG,GAAI,CAC1D;QACL,iBAAiB,IAAI,CAAC,UAAU,IAAI,CACnC,oBAAC,aAAa,IACZ,SAAS,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EACjD,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GACzC,CACH;QACA,UAAU,IAAI,oBAAC,KAAK,QAAE,eAAe,CAAS;QAC9C,aAAa,IAAI,CAAC,UAAU,IAAI,CAC/B;YACE,oBAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,oBAAC,YAAY,OAAG,EACtB,YAAY,EAAC,MAAM,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,aAAa,IAErB,WAAW,CACL,CACL,CACP,CACO,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { HTMLAttributes } from 'react';
|
|
3
|
+
export interface RegionBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
/**
|
|
5
|
+
* Postal code string to be display in the component
|
|
6
|
+
*/
|
|
7
|
+
postalCode?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Function called when button is clicked.
|
|
10
|
+
*/
|
|
11
|
+
onButtonClick?: () => void;
|
|
12
|
+
}
|
|
13
|
+
declare const RegionBar: React.ForwardRefExoticComponent<RegionBarProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export default RegionBar;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import { Button, Icon } from '../../';
|
|
3
|
+
import { MapPin, CaretRight } from '../../';
|
|
4
|
+
const RegionBar = forwardRef(function RegionBar({ postalCode, onButtonClick, ...otherProps }, ref) {
|
|
5
|
+
return (React.createElement("div", { ref: ref, "data-fs-region-bar": true, ...otherProps },
|
|
6
|
+
React.createElement(Button, { onClick: onButtonClick },
|
|
7
|
+
React.createElement(Icon, { component: React.createElement(MapPin, null) }),
|
|
8
|
+
postalCode ? (React.createElement(React.Fragment, null,
|
|
9
|
+
React.createElement("span", { "data-fs-region-bar-postal-code": true }, postalCode),
|
|
10
|
+
React.createElement("span", { "data-fs-region-bar-cta": true }, "Edit"))) : (React.createElement("span", { "data-fs-region-bar-message": true }, "Set your location")),
|
|
11
|
+
React.createElement(Icon, { component: React.createElement(CaretRight, null) }))));
|
|
12
|
+
});
|
|
13
|
+
export default RegionBar;
|
|
14
|
+
//# sourceMappingURL=RegionBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RegionBar.js","sourceRoot":"","sources":["../../../src/molecules/RegionBar/RegionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAa3C,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,EAC5C,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,iCAAyB,UAAU;QAC9C,oBAAC,MAAM,IAAC,OAAO,EAAE,aAAa;YAC5B,oBAAC,IAAI,IAAC,SAAS,EAAE,oBAAC,MAAM,OAAG,GAAI;YAC9B,UAAU,CAAC,CAAC,CAAC,CACZ;gBACE,wEAAsC,UAAU,CAAQ;gBACxD,uEAAwC,CACvC,CACJ,CAAC,CAAC,CAAC,CACF,wFAAyD,CAC1D;YACD,oBAAC,IAAI,IAAC,SAAS,EAAE,oBAAC,UAAU,OAAG,GAAI,CAC5B,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/RegionBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA"}
|
|
@@ -1,11 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import type { PriceFormatter } from '../../atoms/Price/Price';
|
|
4
|
-
interface Price {
|
|
5
|
-
value: number;
|
|
6
|
-
listPrice: number;
|
|
7
|
-
formatter: PriceFormatter;
|
|
8
|
-
}
|
|
2
|
+
import type { PriceDefinition } from '../../typings/PriceDefinition';
|
|
9
3
|
export interface SearchProductItemContentProps {
|
|
10
4
|
/**
|
|
11
5
|
* Specifies the product's title.
|
|
@@ -14,7 +8,7 @@ export interface SearchProductItemContentProps {
|
|
|
14
8
|
/**
|
|
15
9
|
* Specifies product's prices.
|
|
16
10
|
*/
|
|
17
|
-
price:
|
|
11
|
+
price: PriceDefinition;
|
|
18
12
|
}
|
|
19
13
|
declare const SearchProductItemContent: React.ForwardRefExoticComponent<SearchProductItemContentProps & React.RefAttributes<HTMLElement>>;
|
|
20
14
|
export default SearchProductItemContent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchProductItemContent.js","sourceRoot":"","sources":["../../../src/molecules/SearchProducts/SearchProductItemContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"SearchProductItemContent.js","sourceRoot":"","sources":["../../../src/molecules/SearchProducts/SearchProductItemContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAe7B,MAAM,wBAAwB,GAAG,UAAU,CAGzC,SAAS,wBAAwB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG;IACtE,OAAO,CACL,iCAAS,GAAG,EAAE,GAAG,kDAA0C,UAAU;QACnE,wEAAsC,KAAK,CAAK;QAChD;YACE,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC7C,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,YAAY,gBACP,KAAK,EAAE,SAAS,EAC5B,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,iBAAiB,GACxB;YACF,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACrC,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,OAAO,gBACF,KAAK,EAAE,KAAK,EACxB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,QAAQ,GACf,CACG,CACC,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,wBAAwB,CAAA"}
|
|
@@ -7,25 +7,25 @@ export interface FilterSliderProps {
|
|
|
7
7
|
*/
|
|
8
8
|
title?: string;
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Represents the side that the FilterSlider comes from.
|
|
11
11
|
*/
|
|
12
|
-
|
|
12
|
+
direction: SlideOverDirection;
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* Represents the size of the FilterSlider.
|
|
15
15
|
*/
|
|
16
|
-
|
|
16
|
+
size: SlideOverWidthSize;
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* Props for the Apply Button from FilterSlider component.
|
|
19
19
|
*/
|
|
20
|
-
|
|
20
|
+
applyBtnProps?: Partial<ButtonProps>;
|
|
21
21
|
/**
|
|
22
|
-
*
|
|
22
|
+
* Props for the Clear Button from FilterSlider component.
|
|
23
23
|
*/
|
|
24
|
-
|
|
24
|
+
clearBtnProps?: Partial<ButtonProps>;
|
|
25
25
|
/**
|
|
26
|
-
*
|
|
26
|
+
* Function called when Close Button is clicked.
|
|
27
27
|
*/
|
|
28
|
-
|
|
28
|
+
onClose: () => void;
|
|
29
29
|
}
|
|
30
|
-
declare function FilterSlider({ title,
|
|
30
|
+
declare function FilterSlider({ title, size, direction, children, applyBtnProps, clearBtnProps, onClose, }: PropsWithChildren<FilterSliderProps>): JSX.Element;
|
|
31
31
|
export default FilterSlider;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Button, SlideOver, SlideOverHeader, useFadeEffect, useUI, } from '../../';
|
|
3
|
-
function FilterSlider({ title,
|
|
4
|
-
const { closeFilter } = useUI();
|
|
3
|
+
function FilterSlider({ title, size, direction, children, applyBtnProps, clearBtnProps, onClose, }) {
|
|
5
4
|
const { fade, fadeOut } = useFadeEffect();
|
|
5
|
+
const { closeFilter } = useUI();
|
|
6
6
|
return (React.createElement(SlideOver, { "data-fs-filter-slider": true, isOpen: true, fade: fade, onDismiss: fadeOut, size: size, direction: direction, onTransitionEnd: () => fade === 'out' && closeFilter() },
|
|
7
7
|
React.createElement("div", { "data-fs-filter-slider-content": true },
|
|
8
8
|
React.createElement(SlideOverHeader, { onClose: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterSlider.js","sourceRoot":"","sources":["../../../src/organisms/Filter/FilterSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAEhD,OAAO,EACL,MAAM,EAEN,SAAS,EACT,eAAe,EACf,aAAa,EACb,KAAK,GACN,MAAM,QAAQ,CAAA;AA+Bf,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,
|
|
1
|
+
{"version":3,"file":"FilterSlider.js","sourceRoot":"","sources":["../../../src/organisms/Filter/FilterSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAEhD,OAAO,EACL,MAAM,EAEN,SAAS,EACT,eAAe,EACf,aAAa,EACb,KAAK,GACN,MAAM,QAAQ,CAAA;AA+Bf,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,aAAa,EACb,aAAa,EACb,OAAO,GAC8B;IACrC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IACzC,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,CAAA;IAE/B,OAAO,CACL,oBAAC,SAAS,mCAER,MAAM,QACN,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,OAAO,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,KAAK,IAAI,WAAW,EAAE;QAEtD;YACE,oBAAC,eAAe,IACd,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,EAAE,CAAA;oBACT,OAAO,EAAE,CAAA;gBACX,CAAC;gBAED,mEAAiC,KAAK,CAAM,CAC5B;YACjB,QAAQ,CACL;QACN;YACE,oBAAC,MAAM,0DAA+C,aAAa,GAAI;YACvE,oBAAC,MAAM,sEAEO,4BAA4B,KACpC,aAAa,EACjB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;oBAC3B,OAAO,EAAE,CAAA;gBACX,CAAC,GACD,CACK,CACC,CACb,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -2,7 +2,7 @@ import type { ReactNode } from 'react';
|
|
|
2
2
|
import type { ModalProps } from '../../';
|
|
3
3
|
export type Direction = 'leftSide' | 'rightSide';
|
|
4
4
|
export type WidthSize = 'full' | 'partial';
|
|
5
|
-
export
|
|
5
|
+
export interface SlideOverProps extends Omit<ModalProps, 'title'> {
|
|
6
6
|
/**
|
|
7
7
|
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
8
8
|
*/
|
|
@@ -23,12 +23,12 @@ export type SlideOverProps = Omit<ModalProps, 'title'> & {
|
|
|
23
23
|
* Represents the fade effect of the SlideOver.
|
|
24
24
|
*/
|
|
25
25
|
fade: 'in' | 'out';
|
|
26
|
+
children: ReactNode;
|
|
26
27
|
/**
|
|
27
28
|
* This function is called whenever the user clicks outside.
|
|
28
29
|
* the modal content
|
|
29
30
|
*/
|
|
30
31
|
onDismiss?: () => void;
|
|
31
|
-
|
|
32
|
-
};
|
|
32
|
+
}
|
|
33
33
|
declare function SlideOver({ isOpen, direction, size, fade, children, onDismiss, testId, ...otherProps }: SlideOverProps): JSX.Element;
|
|
34
34
|
export default SlideOver;
|
|
@@ -10,7 +10,10 @@ export interface SlideOverHeaderProps extends Omit<HTMLAttributes<HTMLDivElement
|
|
|
10
10
|
* Props for the Close Button component.
|
|
11
11
|
*/
|
|
12
12
|
closeBtnProps?: Partial<Omit<IconButtonProps, 'onClick'>>;
|
|
13
|
+
/**
|
|
14
|
+
* Function called when Close Button is clicked.
|
|
15
|
+
*/
|
|
13
16
|
onClose: () => void;
|
|
14
17
|
}
|
|
15
|
-
declare const SlideOverHeader: ({
|
|
18
|
+
declare const SlideOverHeader: ({ children, closeBtnProps, onClose, }: SlideOverHeaderProps) => JSX.Element;
|
|
16
19
|
export default SlideOverHeader;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { X } from '../../assets';
|
|
3
3
|
import { IconButton } from '../../';
|
|
4
|
-
const SlideOverHeader = ({
|
|
4
|
+
const SlideOverHeader = ({ children, closeBtnProps = {}, onClose, }) => {
|
|
5
5
|
return (React.createElement("header", { "data-fs-slide-over-header": true },
|
|
6
6
|
children,
|
|
7
7
|
React.createElement(IconButton, { "data-fs-slide-over-header-icon": true, "aria-label": "Close", icon: React.createElement(X, null), onClick: onClose, ...closeBtnProps })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlideOverHeader.js","sourceRoot":"","sources":["../../../src/organisms/SlideOver/SlideOverHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAA;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"SlideOverHeader.js","sourceRoot":"","sources":["../../../src/organisms/SlideOver/SlideOverHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAA;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAmBnC,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,aAAa,GAAG,EAAE,EAClB,OAAO,GACc,EAAE,EAAE;IACzB,OAAO,CACL;QACG,QAAQ;QACT,oBAAC,UAAU,0DAEE,OAAO,EAClB,IAAI,EAAE,oBAAC,CAAC,OAAG,EACX,OAAO,EAAE,OAAO,KACZ,aAAa,GACjB,CACK,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PriceDefinition.js","sourceRoot":"","sources":["../../src/typings/PriceDefinition.ts"],"names":[],"mappings":""}
|
package/dist/typings/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@faststore/components",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.95-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": "3e2c8ab5300ce51834636f545d386fa5c506a97c"
|
|
34
34
|
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
import { IconProps } from './IconProps'
|
|
3
|
+
|
|
4
|
+
// Icon from Phosphor Icons
|
|
5
|
+
const CaretRight = ({ size = 24 }: IconProps) => (
|
|
6
|
+
<svg
|
|
7
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
8
|
+
fill="currentColor"
|
|
9
|
+
viewBox="0 0 256 256"
|
|
10
|
+
strokeWidth="16"
|
|
11
|
+
width={size}
|
|
12
|
+
height={size}
|
|
13
|
+
>
|
|
14
|
+
<rect width="256" height="256" fill="none"></rect>
|
|
15
|
+
<polyline
|
|
16
|
+
points="96 48 176 128 96 208"
|
|
17
|
+
fill="none"
|
|
18
|
+
stroke="currentColor"
|
|
19
|
+
strokeLinecap="round"
|
|
20
|
+
strokeLinejoin="round"
|
|
21
|
+
></polyline>
|
|
22
|
+
</svg>
|
|
23
|
+
)
|
|
24
|
+
|
|
25
|
+
export default CaretRight
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
import { IconProps } from './IconProps'
|
|
3
|
+
|
|
4
|
+
// Icon from Phosphor Icons
|
|
5
|
+
const MapPin = ({ size = 24 }: IconProps) => (
|
|
6
|
+
<svg
|
|
7
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
8
|
+
width={size}
|
|
9
|
+
height={size}
|
|
10
|
+
viewBox="0 0 256 256"
|
|
11
|
+
>
|
|
12
|
+
<path fill="none" d="M0 0h256v256H0z" />
|
|
13
|
+
<circle
|
|
14
|
+
cx="128"
|
|
15
|
+
cy="104"
|
|
16
|
+
r="32"
|
|
17
|
+
fill="none"
|
|
18
|
+
stroke="currentColor"
|
|
19
|
+
strokeLinecap="round"
|
|
20
|
+
strokeLinejoin="round"
|
|
21
|
+
strokeWidth="16"
|
|
22
|
+
/>
|
|
23
|
+
<path
|
|
24
|
+
d="M208 104c0 72-80 128-80 128s-80-56-80-128a80 80 0 0 1 160 0Z"
|
|
25
|
+
fill="none"
|
|
26
|
+
stroke="currentColor"
|
|
27
|
+
strokeLinecap="round"
|
|
28
|
+
strokeLinejoin="round"
|
|
29
|
+
strokeWidth="16"
|
|
30
|
+
/>
|
|
31
|
+
</svg>
|
|
32
|
+
)
|
|
33
|
+
|
|
34
|
+
export default MapPin
|
package/src/assets/index.ts
CHANGED
|
@@ -6,6 +6,7 @@ export { default as ArrowRight } from './ArrowRight'
|
|
|
6
6
|
export { default as BellRinging } from './BellRinging'
|
|
7
7
|
export { default as ArrowSquareOut } from './ArrowSquareOut'
|
|
8
8
|
export { default as CaretDown } from './CaretDown'
|
|
9
|
+
export { default as CaretRight } from './CaretRight'
|
|
9
10
|
export { default as Checked } from './Checked'
|
|
10
11
|
export { default as ClockClockwise } from './ClockClockwise'
|
|
11
12
|
export { default as DotsThree } from './DotsThree'
|
|
@@ -15,6 +16,7 @@ export { default as House } from './House'
|
|
|
15
16
|
export { default as Minus } from './Minus'
|
|
16
17
|
export { default as Plus } from './Plus'
|
|
17
18
|
export { default as MagnifyingGlass } from './MagnifyingGlass'
|
|
19
|
+
export { default as MapPin } from './MapPin'
|
|
18
20
|
export { default as MinusCircle } from './MinusCircle'
|
|
19
21
|
export { default as PlusCircle } from './PlusCircle'
|
|
20
22
|
export { default as Ruler } from './Ruler'
|
package/src/atoms/Price/index.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default } from './Price'
|
|
2
|
-
export type { PriceProps } from './Price'
|
|
2
|
+
export type { PriceProps, PriceFormatter } from './Price'
|
package/src/index.ts
CHANGED
|
@@ -116,11 +116,11 @@ export { default as RadioGroup, RadioOption } from './molecules/RadioGroup'
|
|
|
116
116
|
export type { RadioGroupProps, RadioOptionProps } from './molecules/RadioGroup'
|
|
117
117
|
export { default as Rating } from './molecules/Rating'
|
|
118
118
|
export type { RatingProps } from './molecules/Rating'
|
|
119
|
+
export { default as RegionBar } from './molecules/RegionBar'
|
|
120
|
+
export type { RegionBarProps } from './molecules/RegionBar'
|
|
119
121
|
|
|
120
122
|
export { default as SearchProvider } from './molecules/SearchProvider'
|
|
121
|
-
export type {
|
|
122
|
-
SearchProviderContextValue,
|
|
123
|
-
} from './molecules/SearchProvider'
|
|
123
|
+
export type { SearchProviderContextValue } from './molecules/SearchProvider'
|
|
124
124
|
|
|
125
125
|
export { default as SearchInputField } from './molecules/SearchInputField'
|
|
126
126
|
export type {
|
|
@@ -192,20 +192,20 @@ export { default as QuantitySelector } from './molecules/QuantitySelector'
|
|
|
192
192
|
export type { QuantitySelectorProps } from './molecules/QuantitySelector'
|
|
193
193
|
|
|
194
194
|
// Organisms
|
|
195
|
-
export {
|
|
195
|
+
export {
|
|
196
196
|
default as Filter,
|
|
197
197
|
FilterFacetBoolean,
|
|
198
198
|
FilterFacetBooleanItem,
|
|
199
199
|
FilterFacetRange,
|
|
200
200
|
FilterFacets,
|
|
201
|
-
FilterSlider
|
|
201
|
+
FilterSlider,
|
|
202
202
|
} from './organisms/Filter'
|
|
203
203
|
export type {
|
|
204
204
|
FilterFacetBooleanItemProps,
|
|
205
205
|
FilterFacetRangeProps,
|
|
206
206
|
FilterFacetsProps,
|
|
207
207
|
FilterProps,
|
|
208
|
-
FilterSliderProps
|
|
208
|
+
FilterSliderProps,
|
|
209
209
|
} from './organisms/Filter'
|
|
210
210
|
|
|
211
211
|
export { default as Hero, HeroImage, HeroHeader } from './organisms/Hero'
|
|
@@ -4,13 +4,7 @@ import React, { forwardRef } from 'react'
|
|
|
4
4
|
import { XCircle } from '../../assets'
|
|
5
5
|
import { IconButton, IconButtonProps, Price, QuantitySelector } from '../../'
|
|
6
6
|
|
|
7
|
-
import type {
|
|
8
|
-
|
|
9
|
-
interface Price {
|
|
10
|
-
value: number
|
|
11
|
-
listPrice: number
|
|
12
|
-
formatter: PriceFormatter
|
|
13
|
-
}
|
|
7
|
+
import type { PriceDefinition } from '../../typings/PriceDefinition'
|
|
14
8
|
|
|
15
9
|
export interface CartItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
16
10
|
/**
|
|
@@ -20,7 +14,7 @@ export interface CartItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
20
14
|
/**
|
|
21
15
|
* Specifies product Price.
|
|
22
16
|
*/
|
|
23
|
-
price?:
|
|
17
|
+
price?: PriceDefinition
|
|
24
18
|
/**
|
|
25
19
|
* Specifies the quantity of items of the same product.
|
|
26
20
|
*/
|
|
@@ -29,14 +23,14 @@ export interface CartItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
29
23
|
* Specifies that this product is unavailable.
|
|
30
24
|
*/
|
|
31
25
|
unavailable?: boolean
|
|
32
|
-
/**
|
|
33
|
-
* Event emitted when product quantity value is changed.
|
|
34
|
-
*/
|
|
35
|
-
onQuantityChange?: (value: number) => void
|
|
36
26
|
/**
|
|
37
27
|
* Props for the Remove from cart IconButton component.
|
|
38
28
|
*/
|
|
39
29
|
removeBtnProps?: Partial<IconButtonProps>
|
|
30
|
+
/**
|
|
31
|
+
* Event emitted when product quantity value is changed.
|
|
32
|
+
*/
|
|
33
|
+
onQuantityChange?: (value: number) => void
|
|
40
34
|
}
|
|
41
35
|
|
|
42
36
|
const CartItem = forwardRef<HTMLDivElement, CartItemProps>(function CartItem(
|
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react'
|
|
2
2
|
import React, { forwardRef } from 'react'
|
|
3
3
|
|
|
4
|
-
import type { PriceFormatter } from '../../atoms/Price/Price'
|
|
5
|
-
|
|
6
4
|
import { Price, Badge } from '../../'
|
|
7
5
|
|
|
8
|
-
|
|
9
|
-
value: number
|
|
10
|
-
listPrice: number
|
|
11
|
-
formatter: PriceFormatter
|
|
12
|
-
}
|
|
6
|
+
import type { PriceDefinition } from '../../typings/PriceDefinition'
|
|
13
7
|
|
|
14
8
|
export interface GiftContentProps extends HTMLAttributes<HTMLElement> {
|
|
15
9
|
/**
|
|
@@ -23,7 +17,7 @@ export interface GiftContentProps extends HTMLAttributes<HTMLElement> {
|
|
|
23
17
|
/**
|
|
24
18
|
* Specifies product's prices.
|
|
25
19
|
*/
|
|
26
|
-
price:
|
|
20
|
+
price: PriceDefinition
|
|
27
21
|
/**
|
|
28
22
|
* Badge's label
|
|
29
23
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react'
|
|
2
2
|
import React, { forwardRef } from 'react'
|
|
3
3
|
|
|
4
|
-
import type {
|
|
4
|
+
import type { PriceDefinition } from '../../typings/PriceDefinition'
|
|
5
5
|
|
|
6
6
|
import {
|
|
7
7
|
Link,
|
|
@@ -15,12 +15,6 @@ import {
|
|
|
15
15
|
} from '../../'
|
|
16
16
|
import { Star, ShoppingCart } from '../../assets'
|
|
17
17
|
|
|
18
|
-
interface Price {
|
|
19
|
-
value: number
|
|
20
|
-
listPrice: number
|
|
21
|
-
formatter: PriceFormatter
|
|
22
|
-
}
|
|
23
|
-
|
|
24
18
|
export interface ProductCardContentProps extends HTMLAttributes<HTMLElement> {
|
|
25
19
|
/**
|
|
26
20
|
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
@@ -37,7 +31,7 @@ export interface ProductCardContentProps extends HTMLAttributes<HTMLElement> {
|
|
|
37
31
|
/**
|
|
38
32
|
* Specifies product's prices.
|
|
39
33
|
*/
|
|
40
|
-
price?:
|
|
34
|
+
price?: PriceDefinition
|
|
41
35
|
/**
|
|
42
36
|
* Enables a outOfStock status.
|
|
43
37
|
*/
|
|
@@ -50,10 +44,6 @@ export interface ProductCardContentProps extends HTMLAttributes<HTMLElement> {
|
|
|
50
44
|
* Specifies Rating Value of the product.
|
|
51
45
|
*/
|
|
52
46
|
ratingValue?: number
|
|
53
|
-
/**
|
|
54
|
-
* Callback function when button is clicked.
|
|
55
|
-
*/
|
|
56
|
-
onButtonClick?: () => void
|
|
57
47
|
/**
|
|
58
48
|
* Specifies the button's label.
|
|
59
49
|
*/
|
|
@@ -62,6 +52,10 @@ export interface ProductCardContentProps extends HTMLAttributes<HTMLElement> {
|
|
|
62
52
|
* Enables a DiscountBadge to the component.
|
|
63
53
|
*/
|
|
64
54
|
showDiscountBadge?: boolean
|
|
55
|
+
/**
|
|
56
|
+
* Callback function when button is clicked.
|
|
57
|
+
*/
|
|
58
|
+
onButtonClick?: () => void
|
|
65
59
|
}
|
|
66
60
|
|
|
67
61
|
const ProductCardContent = forwardRef<HTMLElement, ProductCardContentProps>(
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react'
|
|
2
|
+
import type { HTMLAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { Button, Icon } from '../../'
|
|
5
|
+
import { MapPin, CaretRight } from '../../'
|
|
6
|
+
|
|
7
|
+
export interface RegionBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
8
|
+
/**
|
|
9
|
+
* Postal code string to be display in the component
|
|
10
|
+
*/
|
|
11
|
+
postalCode?: string
|
|
12
|
+
/**
|
|
13
|
+
* Function called when button is clicked.
|
|
14
|
+
*/
|
|
15
|
+
onButtonClick?: () => void
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
const RegionBar = forwardRef<HTMLDivElement, RegionBarProps>(function RegionBar(
|
|
19
|
+
{ postalCode, onButtonClick, ...otherProps },
|
|
20
|
+
ref
|
|
21
|
+
) {
|
|
22
|
+
return (
|
|
23
|
+
<div ref={ref} data-fs-region-bar {...otherProps}>
|
|
24
|
+
<Button onClick={onButtonClick}>
|
|
25
|
+
<Icon component={<MapPin />} />
|
|
26
|
+
{postalCode ? (
|
|
27
|
+
<>
|
|
28
|
+
<span data-fs-region-bar-postal-code>{postalCode}</span>
|
|
29
|
+
<span data-fs-region-bar-cta>Edit</span>
|
|
30
|
+
</>
|
|
31
|
+
) : (
|
|
32
|
+
<span data-fs-region-bar-message>Set your location</span>
|
|
33
|
+
)}
|
|
34
|
+
<Icon component={<CaretRight />} />
|
|
35
|
+
</Button>
|
|
36
|
+
</div>
|
|
37
|
+
)
|
|
38
|
+
})
|
|
39
|
+
|
|
40
|
+
export default RegionBar
|
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react'
|
|
2
2
|
import { Price } from '../..'
|
|
3
|
-
import type { PriceFormatter } from '../../atoms/Price/Price'
|
|
4
3
|
|
|
5
|
-
|
|
6
|
-
value: number
|
|
7
|
-
listPrice: number
|
|
8
|
-
formatter: PriceFormatter
|
|
9
|
-
}
|
|
4
|
+
import type { PriceDefinition } from '../../typings/PriceDefinition'
|
|
10
5
|
|
|
11
6
|
export interface SearchProductItemContentProps {
|
|
12
7
|
/**
|
|
@@ -16,7 +11,7 @@ export interface SearchProductItemContentProps {
|
|
|
16
11
|
/**
|
|
17
12
|
* Specifies product's prices.
|
|
18
13
|
*/
|
|
19
|
-
price:
|
|
14
|
+
price: PriceDefinition
|
|
20
15
|
}
|
|
21
16
|
|
|
22
17
|
const SearchProductItemContent = forwardRef<
|
|
@@ -17,38 +17,38 @@ export interface FilterSliderProps {
|
|
|
17
17
|
*/
|
|
18
18
|
title?: string
|
|
19
19
|
/**
|
|
20
|
-
*
|
|
20
|
+
* Represents the side that the FilterSlider comes from.
|
|
21
21
|
*/
|
|
22
|
-
|
|
22
|
+
direction: SlideOverDirection
|
|
23
23
|
/**
|
|
24
|
-
*
|
|
24
|
+
* Represents the size of the FilterSlider.
|
|
25
25
|
*/
|
|
26
|
-
|
|
26
|
+
size: SlideOverWidthSize
|
|
27
27
|
/**
|
|
28
|
-
*
|
|
28
|
+
* Props for the Apply Button from FilterSlider component.
|
|
29
29
|
*/
|
|
30
|
-
|
|
30
|
+
applyBtnProps?: Partial<ButtonProps>
|
|
31
31
|
/**
|
|
32
|
-
*
|
|
32
|
+
* Props for the Clear Button from FilterSlider component.
|
|
33
33
|
*/
|
|
34
|
-
|
|
34
|
+
clearBtnProps?: Partial<ButtonProps>
|
|
35
35
|
/**
|
|
36
|
-
*
|
|
36
|
+
* Function called when Close Button is clicked.
|
|
37
37
|
*/
|
|
38
|
-
|
|
38
|
+
onClose: () => void
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
function FilterSlider({
|
|
42
42
|
title,
|
|
43
|
-
clearBtnProps,
|
|
44
|
-
applyBtnProps,
|
|
45
|
-
onClose,
|
|
46
43
|
size,
|
|
47
44
|
direction,
|
|
48
45
|
children,
|
|
46
|
+
applyBtnProps,
|
|
47
|
+
clearBtnProps,
|
|
48
|
+
onClose,
|
|
49
49
|
}: PropsWithChildren<FilterSliderProps>) {
|
|
50
|
-
const { closeFilter } = useUI()
|
|
51
50
|
const { fade, fadeOut } = useFadeEffect()
|
|
51
|
+
const { closeFilter } = useUI()
|
|
52
52
|
|
|
53
53
|
return (
|
|
54
54
|
<SlideOver
|
|
@@ -7,7 +7,7 @@ import { Modal } from '../../'
|
|
|
7
7
|
export type Direction = 'leftSide' | 'rightSide'
|
|
8
8
|
export type WidthSize = 'full' | 'partial'
|
|
9
9
|
|
|
10
|
-
export
|
|
10
|
+
export interface SlideOverProps extends Omit<ModalProps, 'title'> {
|
|
11
11
|
/**
|
|
12
12
|
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
13
13
|
*/
|
|
@@ -28,12 +28,12 @@ export type SlideOverProps = Omit<ModalProps, 'title'> & {
|
|
|
28
28
|
* Represents the fade effect of the SlideOver.
|
|
29
29
|
*/
|
|
30
30
|
fade: 'in' | 'out'
|
|
31
|
+
children: ReactNode
|
|
31
32
|
/**
|
|
32
33
|
* This function is called whenever the user clicks outside.
|
|
33
34
|
* the modal content
|
|
34
35
|
*/
|
|
35
36
|
onDismiss?: () => void
|
|
36
|
-
children: ReactNode
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
function SlideOver({
|
|
@@ -14,14 +14,16 @@ export interface SlideOverHeaderProps
|
|
|
14
14
|
* Props for the Close Button component.
|
|
15
15
|
*/
|
|
16
16
|
closeBtnProps?: Partial<Omit<IconButtonProps, 'onClick'>>
|
|
17
|
-
|
|
17
|
+
/**
|
|
18
|
+
* Function called when Close Button is clicked.
|
|
19
|
+
*/
|
|
18
20
|
onClose: () => void
|
|
19
21
|
}
|
|
20
22
|
|
|
21
23
|
const SlideOverHeader = ({
|
|
22
|
-
onClose,
|
|
23
24
|
children,
|
|
24
25
|
closeBtnProps = {},
|
|
26
|
+
onClose,
|
|
25
27
|
}: SlideOverHeaderProps) => {
|
|
26
28
|
return (
|
|
27
29
|
<header data-fs-slide-over-header>
|