@faststore/components 2.0.117-alpha.0 → 2.0.122-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/index.d.ts +2 -2
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/molecules/Modal/Modal.d.ts +6 -1
- package/dist/molecules/Modal/Modal.js +2 -2
- package/dist/molecules/Modal/Modal.js.map +1 -1
- package/dist/organisms/CartSidebar/CartSidebar.d.ts +8 -3
- package/dist/organisms/CartSidebar/CartSidebar.js +2 -2
- package/dist/organisms/CartSidebar/CartSidebar.js.map +1 -1
- package/dist/organisms/Filter/FilterSlider.d.ts +8 -4
- package/dist/organisms/Filter/FilterSlider.js +2 -2
- package/dist/organisms/Filter/FilterSlider.js.map +1 -1
- package/dist/organisms/Navbar/Navbar.d.ts +1 -1
- package/dist/organisms/Navbar/Navbar.js +1 -1
- package/dist/organisms/Navbar/Navbar.js.map +1 -1
- package/dist/{molecules → organisms}/NavbarSlider/NavbarSlider.js.map +1 -1
- package/dist/{molecules → organisms}/NavbarSlider/NavbarSliderContent.js.map +1 -1
- package/dist/{molecules → organisms}/NavbarSlider/NavbarSliderFooter.js.map +1 -1
- package/dist/{molecules → organisms}/NavbarSlider/NavbarSliderHeader.js.map +1 -1
- package/dist/{molecules → organisms}/NavbarSlider/index.js.map +1 -1
- package/dist/organisms/RegionModal/RegionModal.d.ts +6 -2
- package/dist/organisms/RegionModal/RegionModal.js +3 -3
- package/dist/organisms/RegionModal/RegionModal.js.map +1 -1
- package/dist/organisms/SlideOver/SlideOver.d.ts +6 -2
- package/dist/organisms/SlideOver/SlideOver.js +2 -2
- package/dist/organisms/SlideOver/SlideOver.js.map +1 -1
- package/package.json +2 -2
- package/src/index.ts +13 -12
- package/src/molecules/Modal/Modal.tsx +7 -1
- package/src/organisms/CartSidebar/CartSidebar.tsx +11 -2
- package/src/organisms/Filter/FilterSlider.tsx +12 -2
- package/src/organisms/Navbar/Navbar.tsx +3 -3
- package/src/organisms/RegionModal/RegionModal.tsx +18 -3
- package/src/organisms/SlideOver/SlideOver.tsx +8 -2
- /package/dist/{molecules → organisms}/NavbarSlider/NavbarSlider.d.ts +0 -0
- /package/dist/{molecules → organisms}/NavbarSlider/NavbarSlider.js +0 -0
- /package/dist/{molecules → organisms}/NavbarSlider/NavbarSliderContent.d.ts +0 -0
- /package/dist/{molecules → organisms}/NavbarSlider/NavbarSliderContent.js +0 -0
- /package/dist/{molecules → organisms}/NavbarSlider/NavbarSliderFooter.d.ts +0 -0
- /package/dist/{molecules → organisms}/NavbarSlider/NavbarSliderFooter.js +0 -0
- /package/dist/{molecules → organisms}/NavbarSlider/NavbarSliderHeader.d.ts +0 -0
- /package/dist/{molecules → organisms}/NavbarSlider/NavbarSliderHeader.js +0 -0
- /package/dist/{molecules → organisms}/NavbarSlider/index.d.ts +0 -0
- /package/dist/{molecules → organisms}/NavbarSlider/index.js +0 -0
- /package/src/{molecules → organisms}/NavbarSlider/NavbarSlider.tsx +0 -0
- /package/src/{molecules → organisms}/NavbarSlider/NavbarSliderContent.tsx +0 -0
- /package/src/{molecules → organisms}/NavbarSlider/NavbarSliderFooter.tsx +0 -0
- /package/src/{molecules → organisms}/NavbarSlider/NavbarSliderHeader.tsx +0 -0
- /package/src/{molecules → organisms}/NavbarSlider/index.ts +0 -0
package/dist/index.d.ts
CHANGED
|
@@ -57,8 +57,6 @@ export { default as Modal, ModalHeader, ModalBody } from './molecules/Modal';
|
|
|
57
57
|
export type { ModalProps, ModalHeaderProps } from './molecules/Modal';
|
|
58
58
|
export { default as NavbarLinks, NavbarLinksList, NavbarLinksListItem, } from './molecules/NavbarLinks';
|
|
59
59
|
export type { NavbarLinksProps, NavbarLinksListProps, NavbarLinksListItemProps, } from './molecules/NavbarLinks';
|
|
60
|
-
export { default as NavbarSlider, NavbarSliderHeader, NavbarSliderContent, NavbarSliderFooter, } from './molecules/NavbarSlider';
|
|
61
|
-
export type { NavbarSliderProps, NavbarSliderHeaderProps, NavbarSliderContentProps, NavbarSliderFooterProps, } from './molecules/NavbarSlider';
|
|
62
60
|
export { default as OrderSummary } from './molecules/OrderSummary';
|
|
63
61
|
export type { OrderSummaryProps } from './molecules/OrderSummary';
|
|
64
62
|
export { default as ProductCard, ProductCardImage, ProductCardContent, } from './molecules/ProductCard';
|
|
@@ -113,6 +111,8 @@ export { default as ImageGallery, ImageGallerySelector, ImageZoom, } from './org
|
|
|
113
111
|
export type { ImageElementData, ImageGalleryProps, ImageGallerySelectorProps, ImageZoomProps, } from './organisms/ImageGallery';
|
|
114
112
|
export { default as Navbar, NavbarHeader, NavbarRow, NavbarButtons, } from './organisms/Navbar';
|
|
115
113
|
export type { NavbarProps, NavbarHeaderProps, NavbarRowProps, NavbarButtonsProps, } from './organisms/Navbar';
|
|
114
|
+
export { default as NavbarSlider, NavbarSliderHeader, NavbarSliderContent, NavbarSliderFooter, } from './organisms/NavbarSlider';
|
|
115
|
+
export type { NavbarSliderProps, NavbarSliderHeaderProps, NavbarSliderContentProps, NavbarSliderFooterProps, } from './organisms/NavbarSlider';
|
|
116
116
|
export { default as OutOfStock } from './organisms/OutOfStock';
|
|
117
117
|
export type { OutOfStockProps } from './organisms/OutOfStock';
|
|
118
118
|
export { default as PaymentMethods } from './organisms/PaymentMethods';
|
package/dist/index.js
CHANGED
|
@@ -32,7 +32,6 @@ export { default as InputField } from './molecules/InputField';
|
|
|
32
32
|
export { default as LinkButton } from './molecules/LinkButton';
|
|
33
33
|
export { default as Modal, ModalHeader, ModalBody } from './molecules/Modal';
|
|
34
34
|
export { default as NavbarLinks, NavbarLinksList, NavbarLinksListItem, } from './molecules/NavbarLinks';
|
|
35
|
-
export { default as NavbarSlider, NavbarSliderHeader, NavbarSliderContent, NavbarSliderFooter, } from './molecules/NavbarSlider';
|
|
36
35
|
export { default as OrderSummary } from './molecules/OrderSummary';
|
|
37
36
|
export { default as ProductCard, ProductCardImage, ProductCardContent, } from './molecules/ProductCard';
|
|
38
37
|
export { default as ProductTitle } from './molecules/ProductTitle';
|
|
@@ -62,6 +61,7 @@ export { default as Filter, FilterFacetBoolean, FilterFacetBooleanItem, FilterFa
|
|
|
62
61
|
export { default as Hero, HeroImage, HeroHeader } from './organisms/Hero';
|
|
63
62
|
export { default as ImageGallery, ImageGallerySelector, ImageZoom, } from './organisms/ImageGallery';
|
|
64
63
|
export { default as Navbar, NavbarHeader, NavbarRow, NavbarButtons, } from './organisms/Navbar';
|
|
64
|
+
export { default as NavbarSlider, NavbarSliderHeader, NavbarSliderContent, NavbarSliderFooter, } from './organisms/NavbarSlider';
|
|
65
65
|
export { default as OutOfStock } from './organisms/OutOfStock';
|
|
66
66
|
export { default as PaymentMethods } from './organisms/PaymentMethods';
|
|
67
67
|
export { default as PriceRange } from './organisms/PriceRange';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,cAAc,SAAS,CAAA;AAEvB,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,YAAY;AACZ,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,aAAa,EACb,eAAe,EACf,cAAc,GACf,MAAM,uBAAuB,CAAA;AAO9B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAKnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,aAAa,EACb,eAAe,GAChB,MAAM,sBAAsB,CAAA;AAM7B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEpE,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,cAAc,EACd,YAAY,EACZ,YAAY,GACb,MAAM,sBAAsB,CAAA;AAO7B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAM1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE5E,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,eAAe,EACf,mBAAmB,GACpB,MAAM,yBAAyB,CAAA;AAMhC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { AriaAttributes, ReactNode } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { OverlayProps } from '../..';
|
|
3
4
|
import type { ModalContentProps } from './ModalContent';
|
|
4
5
|
export type ModalChildrenProps = {
|
|
5
6
|
fade: 'in' | 'out';
|
|
@@ -25,10 +26,14 @@ export interface ModalProps extends Omit<ModalContentProps, 'children'> {
|
|
|
25
26
|
* Event emitted when the modal is closed
|
|
26
27
|
*/
|
|
27
28
|
onDismiss?: () => void;
|
|
29
|
+
/**
|
|
30
|
+
* Props forwarded to the `Overlay` component
|
|
31
|
+
*/
|
|
32
|
+
overlayProps?: OverlayProps;
|
|
28
33
|
/**
|
|
29
34
|
* Children or function as a children
|
|
30
35
|
*/
|
|
31
36
|
children: ModalChildrenFunction | ReactNode;
|
|
32
37
|
}
|
|
33
|
-
declare const Modal: ({ children, testId, isOpen, onDismiss, ...otherProps }: ModalProps) => React.ReactPortal | null;
|
|
38
|
+
declare const Modal: ({ children, testId, isOpen, onDismiss, overlayProps, ...otherProps }: ModalProps) => React.ReactPortal | null;
|
|
34
39
|
export default Modal;
|
|
@@ -8,7 +8,7 @@ import ModalContent from './ModalContent';
|
|
|
8
8
|
* https://github.com/reach/reach-ui/blob/main/packages/dialog/src/index.tsx
|
|
9
9
|
* https://reach.tech/dialog
|
|
10
10
|
*/
|
|
11
|
-
const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, ...otherProps }) => {
|
|
11
|
+
const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, overlayProps, ...otherProps }) => {
|
|
12
12
|
const { closeModal } = useUI();
|
|
13
13
|
const { fade, fadeOut, fadeIn } = useFadeEffect();
|
|
14
14
|
const handleBackdropClick = (event) => {
|
|
@@ -28,7 +28,7 @@ const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, ...oth
|
|
|
28
28
|
onDismiss?.();
|
|
29
29
|
};
|
|
30
30
|
return isOpen
|
|
31
|
-
? createPortal(React.createElement(Overlay, { onClick: handleBackdropClick, onKeyDown: handleBackdropKeyDown },
|
|
31
|
+
? createPortal(React.createElement(Overlay, { onClick: handleBackdropClick, onKeyDown: handleBackdropKeyDown, ...overlayProps },
|
|
32
32
|
React.createElement(ModalContent, { onTransitionEnd: () => fade === 'out' && closeModal(), "data-fs-modal": true, "data-fs-modal-state": fade, testId: testId, ...otherProps }, typeof children === 'function'
|
|
33
33
|
? children({ fade, fadeOut, fadeIn })
|
|
34
34
|
: children)), document.body)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/molecules/Modal/Modal.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/molecules/Modal/Modal.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,EAAE,OAAO,EAAgB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAElD,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAsCzC;;;;GAIG;AAEH,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,MAAM,GAAG,UAAU,EACnB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,YAAY,EACZ,GAAG,UAAU,EACF,EAAE,EAAE;IACf,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,CAAA;IAC9B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAEjD,MAAM,mBAAmB,GAAG,CAAC,KAAiB,EAAE,EAAE;QAChD,IAAI,KAAK,CAAC,gBAAgB,EAAE;YAC1B,OAAM;SACP;QAED,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,OAAO,EAAE,EAAE,CAAA;QACX,SAAS,EAAE,EAAE,CAAA;IACf,CAAC,CAAA;IAED,MAAM,qBAAqB,GAAG,CAAC,KAAoB,EAAE,EAAE;QACrD,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,KAAK,CAAC,gBAAgB,EAAE;YACpD,OAAM;SACP;QAED,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,OAAO,EAAE,EAAE,CAAA;QACX,SAAS,EAAE,EAAE,CAAA;IACf,CAAC,CAAA;IAED,OAAO,MAAM;QACX,CAAC,CAAC,YAAY,CACV,oBAAC,OAAO,IACN,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,qBAAqB,KAC5B,YAAY;YAEhB,oBAAC,YAAY,IACX,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,KAAK,IAAI,UAAU,EAAE,gDAEhC,IAAI,EACzB,MAAM,EAAE,MAAM,KACV,UAAU,IAEb,OAAO,QAAQ,KAAK,UAAU;gBAC7B,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;gBACrC,CAAC,CAAC,QAAQ,CACC,CACP,EACV,QAAQ,CAAC,IAAI,CACd;QACH,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import type { PropsWithChildren, ReactNode } from 'react';
|
|
1
|
+
import type { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
|
|
2
|
+
import { OverlayProps } from '../../';
|
|
2
3
|
import { SlideOverDirection, SlideOverWidthSize } from '../SlideOver';
|
|
3
|
-
export interface CartSidebarProps {
|
|
4
|
+
export interface CartSidebarProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
5
|
/**
|
|
5
6
|
* ID to find this component in testing tools (e.g.: cypress,
|
|
6
7
|
* testing-library, and jest).
|
|
@@ -30,10 +31,14 @@ export interface CartSidebarProps {
|
|
|
30
31
|
* The content for Alert component.
|
|
31
32
|
*/
|
|
32
33
|
alertText?: string;
|
|
34
|
+
/**
|
|
35
|
+
* Props forwarded to the `Overlay` component.
|
|
36
|
+
*/
|
|
37
|
+
overlayProps?: OverlayProps;
|
|
33
38
|
/**
|
|
34
39
|
* Function called when Close Button is clicked.
|
|
35
40
|
*/
|
|
36
41
|
onClose: () => void;
|
|
37
42
|
}
|
|
38
|
-
declare function CartSidebar({ testId, title, size, direction, totalItems, children, alertIcon, alertText, onClose, }: PropsWithChildren<CartSidebarProps>): JSX.Element;
|
|
43
|
+
declare function CartSidebar({ testId, title, size, direction, totalItems, children, alertIcon, alertText, overlayProps, onClose, ...otherProps }: PropsWithChildren<CartSidebarProps>): JSX.Element;
|
|
39
44
|
export default CartSidebar;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Alert, Badge, SlideOver, SlideOverHeader, useFadeEffect, useUI, } from '../../';
|
|
3
|
-
function CartSidebar({ testId = 'fs-cart-sidebar', title = 'Your Cart', size = 'partial', direction = 'rightSide', totalItems, children, alertIcon, alertText, onClose, }) {
|
|
3
|
+
function CartSidebar({ testId = 'fs-cart-sidebar', title = 'Your Cart', size = 'partial', direction = 'rightSide', totalItems, children, alertIcon, alertText, overlayProps, onClose, ...otherProps }) {
|
|
4
4
|
const { fade, fadeOut } = useFadeEffect();
|
|
5
5
|
const { closeCart } = useUI();
|
|
6
|
-
return (React.createElement(SlideOver, { "data-fs-cart-sidebar": true, isOpen: true, fade: fade, onDismiss: fadeOut, size: size, direction: direction, onTransitionEnd: () => fade === 'out' && closeCart(), testId: testId },
|
|
6
|
+
return (React.createElement(SlideOver, { "data-fs-cart-sidebar": true, isOpen: true, fade: fade, onDismiss: fadeOut, size: size, direction: direction, onTransitionEnd: () => fade === 'out' && closeCart(), testId: testId, overlayProps: overlayProps, ...otherProps },
|
|
7
7
|
React.createElement(SlideOverHeader, { closeBtnProps: { testId: 'fs-cart-sidebar-button-close' }, onClose: () => {
|
|
8
8
|
onClose();
|
|
9
9
|
fadeOut();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CartSidebar.js","sourceRoot":"","sources":["../../../src/organisms/CartSidebar/CartSidebar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CartSidebar.js","sourceRoot":"","sources":["../../../src/organisms/CartSidebar/CartSidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,KAAK,EACL,KAAK,EAEL,SAAS,EACT,eAAe,EACf,aAAa,EACb,KAAK,GACN,MAAM,QAAQ,CAAA;AA4Cf,SAAS,WAAW,CAAC,EACnB,MAAM,GAAG,iBAAiB,EAC1B,KAAK,GAAG,WAAW,EACnB,IAAI,GAAG,SAAS,EAChB,SAAS,GAAG,WAAW,EACvB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,EACZ,OAAO,EACP,GAAG,UAAU,EACuB;IACpC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IACzC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAE7B,OAAO,CACL,oBAAC,SAAS,kCAER,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,SAAS,EAAE,EACpD,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,KACtB,UAAU;QAEd,oBAAC,eAAe,IACd,aAAa,EAAE,EAAE,MAAM,EAAE,8BAA8B,EAAE,EACzD,OAAO,EAAE,GAAG,EAAE;gBACZ,OAAO,EAAE,CAAA;gBACT,OAAO,EAAE,CAAA;YACX,CAAC;YAED;gBACG,KAAK;gBACN,oBAAC,KAAK,IAAC,OAAO,EAAC,MAAM,IAAE,UAAU,CAAS,CACvC,CACW;QAEjB,SAAS,IAAI,oBAAC,KAAK,IAAC,IAAI,EAAE,SAAS,IAAG,SAAS,CAAS;QACxD,QAAQ,CACC,CACb,CAAA;AACH,CAAC;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { PropsWithChildren } from 'react';
|
|
2
|
-
import { ButtonProps } from '../../';
|
|
1
|
+
import type { HTMLAttributes, PropsWithChildren } from 'react';
|
|
2
|
+
import { ButtonProps, OverlayProps } from '../../';
|
|
3
3
|
import { SlideOverDirection, SlideOverWidthSize } from '../SlideOver';
|
|
4
|
-
export interface FilterSliderProps {
|
|
4
|
+
export interface FilterSliderProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
5
|
/**
|
|
6
6
|
* Title for the FilterSlider component.
|
|
7
7
|
*/
|
|
@@ -22,10 +22,14 @@ export interface FilterSliderProps {
|
|
|
22
22
|
* Props for the Clear Button from FilterSlider component.
|
|
23
23
|
*/
|
|
24
24
|
clearBtnProps?: Partial<ButtonProps>;
|
|
25
|
+
/**
|
|
26
|
+
* Props forwarded to the `Overlay` component.
|
|
27
|
+
*/
|
|
28
|
+
overlayProps?: OverlayProps;
|
|
25
29
|
/**
|
|
26
30
|
* Function called when Close Button is clicked.
|
|
27
31
|
*/
|
|
28
32
|
onClose: () => void;
|
|
29
33
|
}
|
|
30
|
-
declare function FilterSlider({ title, size, direction, children, applyBtnProps, clearBtnProps, onClose, }: PropsWithChildren<FilterSliderProps>): JSX.Element;
|
|
34
|
+
declare function FilterSlider({ title, size, direction, children, applyBtnProps, clearBtnProps, overlayProps, onClose, ...otherProps }: PropsWithChildren<FilterSliderProps>): JSX.Element;
|
|
31
35
|
export default FilterSlider;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Button, SlideOver, SlideOverHeader, useFadeEffect, useUI, } from '../../';
|
|
3
|
-
function FilterSlider({ title, size, direction, children, applyBtnProps, clearBtnProps, onClose, }) {
|
|
3
|
+
function FilterSlider({ title, size, direction, children, applyBtnProps, clearBtnProps, overlayProps, onClose, ...otherProps }) {
|
|
4
4
|
const { fade, fadeOut } = useFadeEffect();
|
|
5
5
|
const { closeFilter } = useUI();
|
|
6
|
-
return (React.createElement(SlideOver, { "data-fs-filter-slider": true, isOpen: true, fade: fade, onDismiss: fadeOut, size: size, direction: direction, onTransitionEnd: () => fade === 'out' && closeFilter() },
|
|
6
|
+
return (React.createElement(SlideOver, { "data-fs-filter-slider": true, isOpen: true, fade: fade, onDismiss: fadeOut, size: size, direction: direction, onTransitionEnd: () => fade === 'out' && closeFilter(), overlayProps: overlayProps, ...otherProps },
|
|
7
7
|
React.createElement("div", { "data-fs-filter-slider-content": true },
|
|
8
8
|
React.createElement(SlideOverHeader, { onClose: () => {
|
|
9
9
|
onClose();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterSlider.js","sourceRoot":"","sources":["../../../src/organisms/Filter/FilterSlider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FilterSlider.js","sourceRoot":"","sources":["../../../src/organisms/Filter/FilterSlider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,MAAM,EAGN,SAAS,EACT,eAAe,EACf,aAAa,EACb,KAAK,GACN,MAAM,QAAQ,CAAA;AAmCf,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,aAAa,EACb,aAAa,EACb,YAAY,EACZ,OAAO,EACP,GAAG,UAAU,EACwB;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,EACtD,YAAY,EAAE,YAAY,KACtB,UAAU;QAEd;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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import type { HTMLAttributes } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
export interface NavbarProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
/**
|
|
5
5
|
* ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
|
|
@@ -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("
|
|
3
|
+
return (React.createElement("section", { "data-fs-navbar": true, 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":"
|
|
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,yDAEE,GAAG,EAAE,GAAG,iBACK,MAAM,2BACI,eAAe,KAClC,UAAU,IAEb,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavbarSlider.js","sourceRoot":"","sources":["../../../src/
|
|
1
|
+
{"version":3,"file":"NavbarSlider.js","sourceRoot":"","sources":["../../../src/organisms/NavbarSlider/NavbarSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAqBjC,SAAS,YAAY,CAAC,EACpB,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,MAAM,GAAG,IAAI,EACb,SAAS,GAAG,UAAU,EACtB,MAAM,GAAG,kBAAkB,EAC3B,GAAG,UAAU,EACK;IAClB,OAAO,CACL,oBAAC,SAAS,mCAER,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,UAAU,iBACP,MAAM,KACf,UAAU,IAEb,QAAQ,CACC,CACb,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavbarSliderContent.js","sourceRoot":"","sources":["../../../src/
|
|
1
|
+
{"version":3,"file":"NavbarSliderContent.js","sourceRoot":"","sources":["../../../src/organisms/NavbarSlider/NavbarSliderContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,mBAAmB,GAAG,UAAU,CAGpC,SAAS,mBAAmB,CAC5B,EAAE,QAAQ,EAAE,MAAM,GAAG,0BAA0B,EAAE,GAAG,UAAU,EAAE,EAChE,GAAG;IAEH,OAAO,CACL,oEAEE,GAAG,EAAE,GAAG,iBACK,MAAM,KACf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,mBAAmB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavbarSliderFooter.js","sourceRoot":"","sources":["../../../src/
|
|
1
|
+
{"version":3,"file":"NavbarSliderFooter.js","sourceRoot":"","sources":["../../../src/organisms/NavbarSlider/NavbarSliderFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,kBAAkB,GAAG,UAAU,CACnC,SAAS,kBAAkB,CACzB,EAAE,QAAQ,EAAE,MAAM,GAAG,yBAAyB,EAAE,GAAG,UAAU,EAAE,EAC/D,GAAG;IAEH,OAAO,CACL,sEAEE,GAAG,EAAE,GAAG,iBACK,MAAM,KACf,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavbarSliderHeader.js","sourceRoot":"","sources":["../../../src/
|
|
1
|
+
{"version":3,"file":"NavbarSliderHeader.js","sourceRoot":"","sources":["../../../src/organisms/NavbarSlider/NavbarSliderHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AAUvC,SAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,MAAM,GAAG,yBAAyB,EAClC,GAAG,UAAU,EACW;IACxB,OAAO,CACL,oBAAC,eAAe,yDAED,MAAM,KACf,UAAU,IAEb,QAAQ,CACO,CACnB,CAAA;AACH,CAAC;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/NavbarSlider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAGxC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAGpE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAGtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { MutableRefObject } from 'react';
|
|
3
|
-
import type {
|
|
3
|
+
import type { LinkElementType, LinkProps, ModalProps, OverlayProps } from '../../';
|
|
4
4
|
export interface RegionModalProps extends Omit<ModalProps, 'children'> {
|
|
5
5
|
/**
|
|
6
6
|
* ID to find this component in testing tools (e.g.: cypress,
|
|
@@ -39,6 +39,10 @@ export interface RegionModalProps extends Omit<ModalProps, 'children'> {
|
|
|
39
39
|
* Enables fadeOut effect on modal after onSubmit function
|
|
40
40
|
*/
|
|
41
41
|
fadeOutOnSubmit?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Props forwarded to the `Overlay` component.
|
|
44
|
+
*/
|
|
45
|
+
overlayProps?: OverlayProps;
|
|
42
46
|
/**
|
|
43
47
|
* Function called when Close button is clicked.
|
|
44
48
|
*/
|
|
@@ -56,5 +60,5 @@ export interface RegionModalProps extends Omit<ModalProps, 'children'> {
|
|
|
56
60
|
*/
|
|
57
61
|
onClear?: () => void;
|
|
58
62
|
}
|
|
59
|
-
declare function RegionModal({ testId, title, description, idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, fadeOutOnSubmit, onClose, onInput, onSubmit, onClear, ...otherProps }: RegionModalProps): JSX.Element;
|
|
63
|
+
declare function RegionModal({ testId, title, description, idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, fadeOutOnSubmit, overlayProps, onClose, onInput, onSubmit, onClear, ...otherProps }: RegionModalProps): JSX.Element;
|
|
60
64
|
export default RegionModal;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Icon, InputField, Link, Modal,
|
|
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, onClose, onInput, onSubmit, onClear, ...otherProps }) {
|
|
4
|
-
return (React.createElement(Modal, { "data-fs-region-modal": true, testId: testId, ...otherProps }, ({ fadeOut }) => (React.createElement(React.Fragment, null,
|
|
2
|
+
import { Icon, 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.', 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,
|
|
5
5
|
React.createElement(ModalHeader, { onClose: () => {
|
|
6
6
|
fadeOut();
|
|
7
7
|
onClose?.();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RegionModal.js","sourceRoot":"","sources":["../../../src/organisms/RegionModal/RegionModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"RegionModal.js","sourceRoot":"","sources":["../../../src/organisms/RegionModal/RegionModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAoE7E,SAAS,WAAW,CAAC,EACnB,MAAM,GAAG,iBAAiB,EAC1B,KAAK,GAAG,mBAAmB,EAC3B,WAAW,GAAG,sEAAsE,EACpF,sBAAsB,EACtB,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,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,KACtB,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,EAAC,aAAa,EACnB,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,IACvD,sBAAsB,EAAE,QAAQ,IAAI,CACnC;gBACG,6BAA6B;gBAC9B,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACpD,CACJ,CACI,CACG,CACX,CACJ,CACK,CACT,CAAA;AACH,CAAC;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
|
-
import type { ModalProps } from '../../';
|
|
2
|
+
import type { ModalProps, OverlayProps } from '../../';
|
|
3
3
|
export type Direction = 'leftSide' | 'rightSide';
|
|
4
4
|
export type WidthSize = 'full' | 'partial';
|
|
5
5
|
export interface SlideOverProps extends Omit<ModalProps, 'title'> {
|
|
@@ -24,11 +24,15 @@ export interface SlideOverProps extends Omit<ModalProps, 'title'> {
|
|
|
24
24
|
*/
|
|
25
25
|
fade: 'in' | 'out';
|
|
26
26
|
children: ReactNode;
|
|
27
|
+
/**
|
|
28
|
+
* Props forwarded to the `Overlay` component.
|
|
29
|
+
*/
|
|
30
|
+
overlayProps?: OverlayProps;
|
|
27
31
|
/**
|
|
28
32
|
* This function is called whenever the user clicks outside.
|
|
29
33
|
* the modal content
|
|
30
34
|
*/
|
|
31
35
|
onDismiss?: () => void;
|
|
32
36
|
}
|
|
33
|
-
declare function SlideOver({ isOpen, direction, size, fade, children,
|
|
37
|
+
declare function SlideOver({ testId, isOpen, direction, size, fade, children, overlayProps, onDismiss, ...otherProps }: SlideOverProps): JSX.Element;
|
|
34
38
|
export default SlideOver;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Modal } from '../../';
|
|
3
|
-
function SlideOver({ isOpen, direction = 'leftSide', size = 'full', fade = 'out', children,
|
|
4
|
-
return (React.createElement(Modal, { "data-fs-modal": null, "data-fs-slide-over": true, "data-fs-slide-over-direction": direction, "data-fs-slide-over-size": size, "data-fs-slide-over-state": fade, isOpen: isOpen, onDismiss: onDismiss, testId: testId, ...otherProps }, children));
|
|
3
|
+
function SlideOver({ testId = 'fs-slide-over', isOpen, direction = 'leftSide', size = 'full', fade = 'out', children, overlayProps, onDismiss, ...otherProps }) {
|
|
4
|
+
return (React.createElement(Modal, { "data-fs-modal": null, "data-fs-slide-over": true, "data-fs-slide-over-direction": direction, "data-fs-slide-over-size": size, "data-fs-slide-over-state": fade, isOpen: isOpen, onDismiss: onDismiss, testId: testId, overlayProps: overlayProps, ...otherProps }, children));
|
|
5
5
|
}
|
|
6
6
|
export default SlideOver;
|
|
7
7
|
//# sourceMappingURL=SlideOver.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlideOver.js","sourceRoot":"","sources":["../../../src/organisms/SlideOver/SlideOver.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"SlideOver.js","sourceRoot":"","sources":["../../../src/organisms/SlideOver/SlideOver.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAsC9B,SAAS,SAAS,CAAC,EACjB,MAAM,GAAG,eAAe,EACxB,MAAM,EACN,SAAS,GAAG,UAAU,EACtB,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,KAAK,EACZ,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,GAAG,UAAU,EACE;IACf,OAAO,CACL,oBAAC,KAAK,qBACW,IAAI,8DAEW,SAAS,6BACd,IAAI,8BACH,IAAI,EAC9B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,KACtB,UAAU,IAEb,QAAQ,CACH,CACT,CAAA;AACH,CAAC;AAED,eAAe,SAAS,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@faststore/components",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.122-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": "253c09ebb08354e8c7fead371d64e97cdf0b204b"
|
|
34
34
|
}
|
package/src/index.ts
CHANGED
|
@@ -105,18 +105,6 @@ export type {
|
|
|
105
105
|
NavbarLinksListProps,
|
|
106
106
|
NavbarLinksListItemProps,
|
|
107
107
|
} from './molecules/NavbarLinks'
|
|
108
|
-
export {
|
|
109
|
-
default as NavbarSlider,
|
|
110
|
-
NavbarSliderHeader,
|
|
111
|
-
NavbarSliderContent,
|
|
112
|
-
NavbarSliderFooter,
|
|
113
|
-
} from './molecules/NavbarSlider'
|
|
114
|
-
export type {
|
|
115
|
-
NavbarSliderProps,
|
|
116
|
-
NavbarSliderHeaderProps,
|
|
117
|
-
NavbarSliderContentProps,
|
|
118
|
-
NavbarSliderFooterProps,
|
|
119
|
-
} from './molecules/NavbarSlider'
|
|
120
108
|
export { default as OrderSummary } from './molecules/OrderSummary'
|
|
121
109
|
export type { OrderSummaryProps } from './molecules/OrderSummary'
|
|
122
110
|
export {
|
|
@@ -271,6 +259,19 @@ export type {
|
|
|
271
259
|
NavbarButtonsProps,
|
|
272
260
|
} from './organisms/Navbar'
|
|
273
261
|
|
|
262
|
+
export {
|
|
263
|
+
default as NavbarSlider,
|
|
264
|
+
NavbarSliderHeader,
|
|
265
|
+
NavbarSliderContent,
|
|
266
|
+
NavbarSliderFooter,
|
|
267
|
+
} from './organisms/NavbarSlider'
|
|
268
|
+
export type {
|
|
269
|
+
NavbarSliderProps,
|
|
270
|
+
NavbarSliderHeaderProps,
|
|
271
|
+
NavbarSliderContentProps,
|
|
272
|
+
NavbarSliderFooterProps,
|
|
273
|
+
} from './organisms/NavbarSlider'
|
|
274
|
+
|
|
274
275
|
export { default as OutOfStock } from './organisms/OutOfStock'
|
|
275
276
|
export type { OutOfStockProps } from './organisms/OutOfStock'
|
|
276
277
|
|
|
@@ -7,7 +7,7 @@ import type {
|
|
|
7
7
|
import React from 'react'
|
|
8
8
|
import { createPortal } from 'react-dom'
|
|
9
9
|
|
|
10
|
-
import { Overlay } from '../..'
|
|
10
|
+
import { Overlay, OverlayProps } from '../..'
|
|
11
11
|
import { useFadeEffect, useUI } from '../../hooks'
|
|
12
12
|
import type { ModalContentProps } from './ModalContent'
|
|
13
13
|
import ModalContent from './ModalContent'
|
|
@@ -38,6 +38,10 @@ export interface ModalProps extends Omit<ModalContentProps, 'children'> {
|
|
|
38
38
|
* Event emitted when the modal is closed
|
|
39
39
|
*/
|
|
40
40
|
onDismiss?: () => void
|
|
41
|
+
/**
|
|
42
|
+
* Props forwarded to the `Overlay` component
|
|
43
|
+
*/
|
|
44
|
+
overlayProps?: OverlayProps
|
|
41
45
|
/**
|
|
42
46
|
* Children or function as a children
|
|
43
47
|
*/
|
|
@@ -55,6 +59,7 @@ const Modal = ({
|
|
|
55
59
|
testId = 'fs-modal',
|
|
56
60
|
isOpen = true,
|
|
57
61
|
onDismiss,
|
|
62
|
+
overlayProps,
|
|
58
63
|
...otherProps
|
|
59
64
|
}: ModalProps) => {
|
|
60
65
|
const { closeModal } = useUI()
|
|
@@ -85,6 +90,7 @@ const Modal = ({
|
|
|
85
90
|
<Overlay
|
|
86
91
|
onClick={handleBackdropClick}
|
|
87
92
|
onKeyDown={handleBackdropKeyDown}
|
|
93
|
+
{...overlayProps}
|
|
88
94
|
>
|
|
89
95
|
<ModalContent
|
|
90
96
|
onTransitionEnd={() => fade === 'out' && closeModal()}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
import type { HTMLAttributes, PropsWithChildren, ReactNode } from 'react'
|
|
1
2
|
import React from 'react'
|
|
2
|
-
import type { PropsWithChildren, ReactNode } from 'react'
|
|
3
3
|
|
|
4
4
|
import {
|
|
5
5
|
Alert,
|
|
6
6
|
Badge,
|
|
7
|
+
OverlayProps,
|
|
7
8
|
SlideOver,
|
|
8
9
|
SlideOverHeader,
|
|
9
10
|
useFadeEffect,
|
|
@@ -12,7 +13,7 @@ import {
|
|
|
12
13
|
|
|
13
14
|
import { SlideOverDirection, SlideOverWidthSize } from '../SlideOver'
|
|
14
15
|
|
|
15
|
-
export interface CartSidebarProps {
|
|
16
|
+
export interface CartSidebarProps extends HTMLAttributes<HTMLDivElement> {
|
|
16
17
|
/**
|
|
17
18
|
* ID to find this component in testing tools (e.g.: cypress,
|
|
18
19
|
* testing-library, and jest).
|
|
@@ -42,6 +43,10 @@ export interface CartSidebarProps {
|
|
|
42
43
|
* The content for Alert component.
|
|
43
44
|
*/
|
|
44
45
|
alertText?: string
|
|
46
|
+
/**
|
|
47
|
+
* Props forwarded to the `Overlay` component.
|
|
48
|
+
*/
|
|
49
|
+
overlayProps?: OverlayProps
|
|
45
50
|
/**
|
|
46
51
|
* Function called when Close Button is clicked.
|
|
47
52
|
*/
|
|
@@ -57,7 +62,9 @@ function CartSidebar({
|
|
|
57
62
|
children,
|
|
58
63
|
alertIcon,
|
|
59
64
|
alertText,
|
|
65
|
+
overlayProps,
|
|
60
66
|
onClose,
|
|
67
|
+
...otherProps
|
|
61
68
|
}: PropsWithChildren<CartSidebarProps>) {
|
|
62
69
|
const { fade, fadeOut } = useFadeEffect()
|
|
63
70
|
const { closeCart } = useUI()
|
|
@@ -72,6 +79,8 @@ function CartSidebar({
|
|
|
72
79
|
direction={direction}
|
|
73
80
|
onTransitionEnd={() => fade === 'out' && closeCart()}
|
|
74
81
|
testId={testId}
|
|
82
|
+
overlayProps={overlayProps}
|
|
83
|
+
{...otherProps}
|
|
75
84
|
>
|
|
76
85
|
<SlideOverHeader
|
|
77
86
|
closeBtnProps={{ testId: 'fs-cart-sidebar-button-close' }}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import type { HTMLAttributes, PropsWithChildren } from 'react'
|
|
2
|
+
import React from 'react'
|
|
2
3
|
|
|
3
4
|
import {
|
|
4
5
|
Button,
|
|
5
6
|
ButtonProps,
|
|
7
|
+
OverlayProps,
|
|
6
8
|
SlideOver,
|
|
7
9
|
SlideOverHeader,
|
|
8
10
|
useFadeEffect,
|
|
@@ -11,7 +13,7 @@ import {
|
|
|
11
13
|
|
|
12
14
|
import { SlideOverDirection, SlideOverWidthSize } from '../SlideOver'
|
|
13
15
|
|
|
14
|
-
export interface FilterSliderProps {
|
|
16
|
+
export interface FilterSliderProps extends HTMLAttributes<HTMLDivElement> {
|
|
15
17
|
/**
|
|
16
18
|
* Title for the FilterSlider component.
|
|
17
19
|
*/
|
|
@@ -32,6 +34,10 @@ export interface FilterSliderProps {
|
|
|
32
34
|
* Props for the Clear Button from FilterSlider component.
|
|
33
35
|
*/
|
|
34
36
|
clearBtnProps?: Partial<ButtonProps>
|
|
37
|
+
/**
|
|
38
|
+
* Props forwarded to the `Overlay` component.
|
|
39
|
+
*/
|
|
40
|
+
overlayProps?: OverlayProps
|
|
35
41
|
/**
|
|
36
42
|
* Function called when Close Button is clicked.
|
|
37
43
|
*/
|
|
@@ -45,7 +51,9 @@ function FilterSlider({
|
|
|
45
51
|
children,
|
|
46
52
|
applyBtnProps,
|
|
47
53
|
clearBtnProps,
|
|
54
|
+
overlayProps,
|
|
48
55
|
onClose,
|
|
56
|
+
...otherProps
|
|
49
57
|
}: PropsWithChildren<FilterSliderProps>) {
|
|
50
58
|
const { fade, fadeOut } = useFadeEffect()
|
|
51
59
|
const { closeFilter } = useUI()
|
|
@@ -59,6 +67,8 @@ function FilterSlider({
|
|
|
59
67
|
size={size}
|
|
60
68
|
direction={direction}
|
|
61
69
|
onTransitionEnd={() => fade === 'out' && closeFilter()}
|
|
70
|
+
overlayProps={overlayProps}
|
|
71
|
+
{...otherProps}
|
|
62
72
|
>
|
|
63
73
|
<div data-fs-filter-slider-content>
|
|
64
74
|
<SlideOverHeader
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React, { forwardRef } from 'react'
|
|
2
1
|
import type { HTMLAttributes } from 'react'
|
|
2
|
+
import React, { forwardRef } from 'react'
|
|
3
3
|
|
|
4
4
|
export interface NavbarProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
5
|
/**
|
|
@@ -17,7 +17,7 @@ const Navbar = forwardRef<HTMLDivElement, NavbarProps>(function Navbar(
|
|
|
17
17
|
ref
|
|
18
18
|
) {
|
|
19
19
|
return (
|
|
20
|
-
<
|
|
20
|
+
<section
|
|
21
21
|
data-fs-navbar
|
|
22
22
|
ref={ref}
|
|
23
23
|
data-testid={testId}
|
|
@@ -25,7 +25,7 @@ const Navbar = forwardRef<HTMLDivElement, NavbarProps>(function Navbar(
|
|
|
25
25
|
{...otherProps}
|
|
26
26
|
>
|
|
27
27
|
{children}
|
|
28
|
-
</
|
|
28
|
+
</section>
|
|
29
29
|
)
|
|
30
30
|
})
|
|
31
31
|
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
import React from 'react'
|
|
2
2
|
|
|
3
3
|
import type { MutableRefObject } from 'react'
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
4
|
+
import { Icon, InputField, Link, Modal, ModalBody, ModalHeader } from '../..'
|
|
5
|
+
import type {
|
|
6
|
+
LinkElementType,
|
|
7
|
+
LinkProps,
|
|
8
|
+
ModalProps,
|
|
9
|
+
OverlayProps,
|
|
10
|
+
} from '../../'
|
|
6
11
|
|
|
7
12
|
export interface RegionModalProps extends Omit<ModalProps, 'children'> {
|
|
8
13
|
/**
|
|
@@ -42,6 +47,10 @@ export interface RegionModalProps extends Omit<ModalProps, 'children'> {
|
|
|
42
47
|
* Enables fadeOut effect on modal after onSubmit function
|
|
43
48
|
*/
|
|
44
49
|
fadeOutOnSubmit?: boolean
|
|
50
|
+
/**
|
|
51
|
+
* Props forwarded to the `Overlay` component.
|
|
52
|
+
*/
|
|
53
|
+
overlayProps?: OverlayProps
|
|
45
54
|
/**
|
|
46
55
|
* Function called when Close button is clicked.
|
|
47
56
|
*/
|
|
@@ -69,6 +78,7 @@ function RegionModal({
|
|
|
69
78
|
inputRef,
|
|
70
79
|
inputValue,
|
|
71
80
|
fadeOutOnSubmit,
|
|
81
|
+
overlayProps,
|
|
72
82
|
onClose,
|
|
73
83
|
onInput,
|
|
74
84
|
onSubmit,
|
|
@@ -76,7 +86,12 @@ function RegionModal({
|
|
|
76
86
|
...otherProps
|
|
77
87
|
}: RegionModalProps) {
|
|
78
88
|
return (
|
|
79
|
-
<Modal
|
|
89
|
+
<Modal
|
|
90
|
+
data-fs-region-modal
|
|
91
|
+
testId={testId}
|
|
92
|
+
overlayProps={overlayProps}
|
|
93
|
+
{...otherProps}
|
|
94
|
+
>
|
|
80
95
|
{({ fadeOut }) => (
|
|
81
96
|
<>
|
|
82
97
|
<ModalHeader
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ReactNode } from 'react'
|
|
2
2
|
import React from 'react'
|
|
3
3
|
|
|
4
|
-
import type { ModalProps } from '../../'
|
|
4
|
+
import type { ModalProps, OverlayProps } from '../../'
|
|
5
5
|
import { Modal } from '../../'
|
|
6
6
|
|
|
7
7
|
export type Direction = 'leftSide' | 'rightSide'
|
|
@@ -29,6 +29,10 @@ export interface SlideOverProps extends Omit<ModalProps, 'title'> {
|
|
|
29
29
|
*/
|
|
30
30
|
fade: 'in' | 'out'
|
|
31
31
|
children: ReactNode
|
|
32
|
+
/**
|
|
33
|
+
* Props forwarded to the `Overlay` component.
|
|
34
|
+
*/
|
|
35
|
+
overlayProps?: OverlayProps
|
|
32
36
|
/**
|
|
33
37
|
* This function is called whenever the user clicks outside.
|
|
34
38
|
* the modal content
|
|
@@ -37,13 +41,14 @@ export interface SlideOverProps extends Omit<ModalProps, 'title'> {
|
|
|
37
41
|
}
|
|
38
42
|
|
|
39
43
|
function SlideOver({
|
|
44
|
+
testId = 'fs-slide-over',
|
|
40
45
|
isOpen,
|
|
41
46
|
direction = 'leftSide',
|
|
42
47
|
size = 'full',
|
|
43
48
|
fade = 'out',
|
|
44
49
|
children,
|
|
50
|
+
overlayProps,
|
|
45
51
|
onDismiss,
|
|
46
|
-
testId = 'fs-slide-over',
|
|
47
52
|
...otherProps
|
|
48
53
|
}: SlideOverProps) {
|
|
49
54
|
return (
|
|
@@ -56,6 +61,7 @@ function SlideOver({
|
|
|
56
61
|
isOpen={isOpen}
|
|
57
62
|
onDismiss={onDismiss}
|
|
58
63
|
testId={testId}
|
|
64
|
+
overlayProps={overlayProps}
|
|
59
65
|
{...otherProps}
|
|
60
66
|
>
|
|
61
67
|
{children}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|