@faststore/components 3.42.0 → 3.44.0

package/dist/cjs/organisms/RegionModal/RegionModal.js

@@ -3,20 +3,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const __1 = require("../..");
-function RegionModal({ testId = 'fs-region-modal', title = 'Set your location', description = 'Prices, offers and availability may vary according to your location.', closeButtonAriaLabel = 'Close Region Modal', idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, inputLabel = 'Postal Code', fadeOutOnSubmit, overlayProps, onClose, onInput, onSubmit, onClear, ...otherProps }) {
-    return (react_1.default.createElement(__1.Modal, { "data-fs-region-modal": true, testId: testId, overlayProps: overlayProps, title: "Region modal", "aria-label": "Region modal", ...otherProps }, ({ fadeOut }) => (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(__1.ModalHeader, { onClose: () => {
-                fadeOut();
-                onClose?.();
-            }, title: title, description: description, closeBtnProps: {
+function RegionModal({ testId = 'fs-region-modal', title = 'Set your location', description = 'Offers and availability vary by location.', closeButtonAriaLabel = 'Close Region Modal', idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, inputLabel = 'Postal Code', inputButtonActionText = 'Apply', fadeOutOnSubmit, overlayProps, onClose, onInput, onSubmit, onClear, dismissible = true, ...otherProps }) {
+    return (react_1.default.createElement(__1.Modal, { "data-fs-region-modal": true, testId: testId, overlayProps: overlayProps, title: "Region modal", "aria-label": "Region modal", disableEscapeKeyDown: !dismissible, onEntered: () => {
+            if (inputRef?.current) {
+                inputRef.current.focus();
+            }
+        }, ...otherProps }, ({ fadeOut }) => (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(__1.ModalHeader, { ...(dismissible && {
+                onClose: () => {
+                    fadeOut();
+                    onClear?.();
+                    onClose?.();
+                },
+            }), title: title, description: description, closeBtnProps: {
                 'aria-label': closeButtonAriaLabel,
             } }),
         react_1.default.createElement(__1.ModalBody, null,
-            react_1.default.createElement(__1.InputField, { "data-fs-region-modal-input": true, id: `${testId}-input-field`, inputRef: inputRef, label: inputLabel, actionable: true, value: inputValue, onInput: (event) => onInput?.(event), onSubmit: () => {
+            react_1.default.createElement(__1.InputField, { "data-fs-region-modal-input": true, id: `${testId}-input-field`, inputRef: inputRef, label: inputLabel, actionable: true, value: inputValue, buttonActionText: inputButtonActionText, onInput: (event) => onInput?.(event), onSubmit: () => {
                     onSubmit?.();
                     fadeOutOnSubmit ? fadeOut() : null;
                 }, onClear: () => onClear?.(), error: errorMessage }),
-            react_1.default.createElement(__1.Link, { "data-fs-region-modal-link": true, ...idkPostalCodeLinkProps }))))));
+            idkPostalCodeLinkProps && (react_1.default.createElement(__1.Link, { "data-fs-region-modal-link": true, ...idkPostalCodeLinkProps })))))));
 }
 exports.default = RegionModal;
 //# sourceMappingURL=RegionModal.js.map

package/dist/cjs/organisms/RegionModal/RegionModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegionModal.js","sourceRoot":"","sources":["../../../../src/organisms/RegionModal/RegionModal.tsx"],"names":[],"mappings":";;;AAAA,0DAAyB;AAGzB,6BAAuE;AA4EvE,SAAS,WAAW,CAAC,EACnB,MAAM,GAAG,iBAAiB,EAC1B,KAAK,GAAG,mBAAmB,EAC3B,WAAW,GAAG,sEAAsE,EACpF,oBAAoB,GAAG,oBAAoB,EAC3C,sBAAsB,EACtB,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,aAAa,EAC1B,eAAe,EACf,YAAY,EACZ,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,UAAU,EACI;IACjB,OAAO,CACL,8BAAC,SAAK,kCAEJ,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAC,cAAc,gBACT,cAAc,KACrB,UAAU,IAEb,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB;QACE,8BAAC,eAAW,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,8BAAC,aAAS;YACR,8BAAC,cAAU,wCAET,EAAE,EAAE,GAAG,MAAM,cAAc,EAC3B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,UAAU,EACjB,UAAU,QACV,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,EACpC,QAAQ,EAAE,GAAG,EAAE;oBACb,QAAQ,EAAE,EAAE,CAAA;oBACZ,eAAe,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;gBACpC,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,EAC1B,KAAK,EAAE,YAAY,GACnB;YAEF,8BAAC,QAAI,0CAA+B,sBAAsB,GAAI,CACpD,CACX,CACJ,CACK,CACT,CAAA;AACH,CAAC;AAED,kBAAe,WAAW,CAAA"}
+{"version":3,"file":"RegionModal.js","sourceRoot":"","sources":["../../../../src/organisms/RegionModal/RegionModal.tsx"],"names":[],"mappings":";;;AAAA,0DAAyB;AAGzB,6BAAuE;AAqFvE,SAAS,WAAW,CAAC,EACnB,MAAM,GAAG,iBAAiB,EAC1B,KAAK,GAAG,mBAAmB,EAC3B,WAAW,GAAG,2CAA2C,EACzD,oBAAoB,GAAG,oBAAoB,EAC3C,sBAAsB,EACtB,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,aAAa,EAC1B,qBAAqB,GAAG,OAAO,EAC/B,eAAe,EACf,YAAY,EACZ,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,GAAG,UAAU,EACI;IACjB,OAAO,CACL,8BAAC,SAAK,kCAEJ,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAC,cAAc,gBACT,cAAc,EACzB,oBAAoB,EAAE,CAAC,WAAW,EAClC,SAAS,EAAE,GAAG,EAAE;YACd,IAAI,QAAQ,EAAE,OAAO,EAAE,CAAC;gBACtB,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;YAC1B,CAAC;QACH,CAAC,KACG,UAAU,IAEb,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB;QACE,8BAAC,eAAW,OACN,CAAC,WAAW,IAAI;gBAClB,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,EAAE,CAAA;oBACT,OAAO,EAAE,EAAE,CAAA;oBACX,OAAO,EAAE,EAAE,CAAA;gBACb,CAAC;aACF,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE;gBACb,YAAY,EAAE,oBAAoB;aACnC,GACD;QACF,8BAAC,aAAS;YACR,8BAAC,cAAU,wCAET,EAAE,EAAE,GAAG,MAAM,cAAc,EAC3B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,UAAU,EACjB,UAAU,QACV,KAAK,EAAE,UAAU,EACjB,gBAAgB,EAAE,qBAAqB,EACvC,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;YACD,sBAAsB,IAAI,CACzB,8BAAC,QAAI,0CAA+B,sBAAsB,GAAI,CAC/D,CACS,CACX,CACJ,CACK,CACT,CAAA;AACH,CAAC;AAED,kBAAe,WAAW,CAAA"}

package/dist/cjs/organisms/ShippingSimulation/ShippingSimulation.d.ts

@@ -54,9 +54,9 @@ interface Address {
      */
     reference?: string;
     /**
-     * Address geoCoordinates
+     * Address geoCoordinates. [longitude, latitude]
      */
-    geoCoordinates?: [number];
+    geoCoordinates?: [number, number];
 }
 export interface ShippingSimulationProps extends HTMLAttributes<HTMLDivElement> {
     /**

package/dist/esm/hooks/UIProvider.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren, ReactNode } from 'react';
+import type { PropsWithChildren, ReactNode, RefObject } from 'react';
 import React from 'react';
 export interface Toast {
     message: string;
@@ -6,6 +6,10 @@ export interface Toast {
     title?: string;
     icon?: ReactNode;
 }
+export interface Popover {
+    isOpen: boolean;
+    triggerRef?: RefObject<HTMLElement>;
+}
 interface State {
     /** Cart sidebar */
     cart: boolean;
@@ -15,7 +19,10 @@ interface State {
     navbar: boolean;
     /** Search page filter slider */
     filter: boolean;
+    /** Toast notifications */
     toasts: Toast[];
+    /** Region Popover */
+    popover: Popover;
 }
 interface Context extends State {
     closeNavbar: () => void;
@@ -28,6 +35,8 @@ interface Context extends State {
     closeModal: () => void;
     pushToast: (data: Toast) => void;
     popToast: () => void;
+    openPopover: (popover: Popover) => void;
+    closePopover: () => void;
 }
 declare function UIProvider({ children }: PropsWithChildren<unknown>): React.JSX.Element;
 export declare function useUI(): Context;

package/dist/esm/hooks/UIProvider.js

@@ -35,6 +35,24 @@ const reducer = (state, action) => {
                 toasts: state.toasts.slice(1),
             };
         }
+        case 'openPopover': {
+            return {
+                ...state,
+                popover: {
+                    isOpen: true,
+                    triggerRef: action.payload.triggerRef,
+                },
+            };
+        }
+        case 'closePopover': {
+            return {
+                ...state,
+                popover: {
+                    isOpen: false,
+                    triggerRef: undefined,
+                },
+            };
+        }
         default:
             throw new Error(`Action ${type} not implemented`);
     }
@@ -45,6 +63,10 @@ const initializer = () => ({
     navbar: false,
     filter: false,
     toasts: [],
+    popover: {
+        isOpen: false,
+        triggerRef: undefined,
+    },
 });
 const UIContext = createContext(undefined);
 function UIProvider({ children }) {
@@ -60,6 +82,8 @@ function UIProvider({ children }) {
         closeModal: () => dispatch({ type: 'close', payload: 'modal' }),
         pushToast: (toast) => dispatch({ type: 'pushToast', payload: toast }),
         popToast: () => dispatch({ type: 'popToast' }),
+        openPopover: (popover) => dispatch({ type: 'openPopover', payload: popover }),
+        closePopover: () => dispatch({ type: 'closePopover' }),
     }), []);
     const value = useMemo(() => ({
         ...ui,

package/dist/esm/hooks/UIProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"UIProvider.js","sourceRoot":"","sources":["../../../src/hooks/UIProvider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UIProvider.js","sourceRoot":"","sources":["../../../src/hooks/UIProvider.tsx"],"names":[],"mappings":"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"}

package/dist/esm/hooks/index.d.ts

@@ -1,9 +1,10 @@
 export { default as UIProvider, Toast as ToastProps, useUI } from './UIProvider';
 export { useFadeEffect } from './useFadeEffect';
-export { useTrapFocus } from './useTrapFocus';
+export { useOnClickOutside } from './useOnClickOutside';
 export { useSearch } from './useSearch';
 export { useSKUMatrix } from './useSKUMatrix';
 export { useScrollDirection } from './useScrollDirection';
 export { useSlider } from './useSlider';
 export type { UseSliderArgs, SliderState, SliderDispatch, SlideDirection, } from './useSlider';
 export { useSlideVisibility } from './useSlideVisibility';
+export { useTrapFocus } from './useTrapFocus';

package/dist/esm/hooks/index.js

@@ -1,9 +1,10 @@
 export { default as UIProvider, useUI } from './UIProvider';
 export { useFadeEffect } from './useFadeEffect';
-export { useTrapFocus } from './useTrapFocus';
+export { useOnClickOutside } from './useOnClickOutside';
 export { useSearch } from './useSearch';
 export { useSKUMatrix } from './useSKUMatrix';
 export { useScrollDirection } from './useScrollDirection';
 export { useSlider } from './useSlider';
 export { useSlideVisibility } from './useSlideVisibility';
+export { useTrapFocus } from './useTrapFocus';
 //# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAuB,KAAK,EAAE,MAAM,cAAc,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAOvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAuB,KAAK,EAAE,MAAM,cAAc,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAOvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/esm/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,4 @@
+import type { RefObject } from 'react';
+type Handler = (event: any) => void;
+export declare function useOnClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T> | undefined, handler: Handler): void;
+export {};

package/dist/esm/hooks/useOnClickOutside.js

@@ -0,0 +1,29 @@
+import { useEffect } from 'react';
+export function useOnClickOutside(ref, handler) {
+    useEffect(() => {
+        if (!ref?.current)
+            return;
+        const listener = (event) => {
+            if (!ref?.current || ref.current.contains(event.target)) {
+                return;
+            }
+            handler(event);
+        };
+        document.addEventListener('mousedown', listener);
+        document.addEventListener('touchstart', listener);
+        return () => {
+            document.removeEventListener('mousedown', listener);
+            document.removeEventListener('touchstart', listener);
+        };
+    }, 
+    /**
+     * Add ref and handler to effect dependencies.
+     * It's worth noting that because passed in handler is a new
+     * function on every render that will cause this effect
+     * callback/cleanup to run every render. It's not a big deal
+     * but to optimize you can wrap handler in useCallback before
+     * passing it into this hook.
+     */
+    [ref, handler]);
+}
+//# sourceMappingURL=useOnClickOutside.js.map

package/dist/esm/hooks/useOnClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.js","sourceRoot":"","sources":["../../../src/hooks/useOnClickOutside.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,MAAM,UAAU,iBAAiB,CAC/B,GAA6B,EAC7B,OAAgB;IAEhB,SAAS,CACP,GAAG,EAAE;QACH,IAAI,CAAC,GAAG,EAAE,OAAO;YAAE,OAAM;QAEzB,MAAM,QAAQ,GAAY,CAAC,KAAK,EAAE,EAAE;YAClC,IAAI,CAAC,GAAG,EAAE,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;gBACxD,OAAM;YACR,CAAC;YAED,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;QAChD,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QAEjD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YACnD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC;IACD;;;;;;;OAOG;IACH,CAAC,GAAG,EAAE,OAAO,CAAC,CACf,CAAA;AACH,CAAC"}

package/dist/esm/index.d.ts

@@ -67,6 +67,8 @@ export { default as NavbarLinks, NavbarLinksList, NavbarLinksListItem, } from '.
 export type { NavbarLinksProps, NavbarLinksListProps, NavbarLinksListItemProps, } from './molecules/NavbarLinks';
 export { default as OrderSummary } from './molecules/OrderSummary';
 export type { OrderSummaryProps } from './molecules/OrderSummary';
+export { default as Popover } from './molecules/Popover';
+export type { PopoverProps } from './molecules/Popover';
 export { default as ProductCard, ProductCardImage, ProductCardContent, } from './molecules/ProductCard';
 export type { ProductCardProps, ProductCardImageProps, ProductCardContentProps, } from './molecules/ProductCard';
 export { default as ProductPrice } from './molecules/ProductPrice';

package/dist/esm/index.js

@@ -37,6 +37,7 @@ export { default as LinkButton } from './molecules/LinkButton';
 export { default as Modal, ModalHeader, ModalBody, ModalFooter, } from './molecules/Modal';
 export { default as NavbarLinks, NavbarLinksList, NavbarLinksListItem, } from './molecules/NavbarLinks';
 export { default as OrderSummary } from './molecules/OrderSummary';
+export { default as Popover } from './molecules/Popover';
 export { default as ProductCard, ProductCardImage, ProductCardContent, } from './molecules/ProductCard';
 export { default as ProductPrice } from './molecules/ProductPrice';
 export { default as ProductTitle } from './molecules/ProductTitle';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/molecules/Modal/Modal.d.ts

@@ -8,7 +8,7 @@ export type ModalChildrenProps = {
     fadeIn: () => void;
 };
 type ModalChildrenFunction = (props: ModalChildrenProps) => ReactNode;
-export interface ModalProps extends Omit<ModalContentProps, 'children'> {
+export interface ModalProps extends Omit<ModalContentProps, 'children' | 'onEntered'> {
     /**
      * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
      */
@@ -19,21 +19,29 @@ export interface ModalProps extends Omit<ModalContentProps, 'children'> {
      */
     'aria-labelledby'?: AriaAttributes['aria-label'];
     /**
-     * A boolean value that represents the state of the Modal
+     * A boolean value that represents the state of the Modal.
      */
     isOpen?: boolean;
     /**
-     * Event emitted when the modal is closed
+     * Event emitted when the modal is closed.
      */
     onDismiss?: () => void;
     /**
-     * Props forwarded to the `Overlay` component
+     * Callback function when the modal is opened.
+     */
+    onEntered?: () => void;
+    /**
+     * Props forwarded to the `Overlay` component.
      */
     overlayProps?: OverlayProps;
     /**
-     * Children or function as a children
+     * Children or function as a children.
      */
     children: ModalChildrenFunction | ReactNode;
+    /**
+     * Disable being closed using the Escape key.
+     */
+    disableEscapeKeyDown?: boolean;
 }
-declare const Modal: ({ children, testId, isOpen, onDismiss, overlayProps, ...otherProps }: ModalProps) => React.ReactPortal | null;
+declare const Modal: ({ children, testId, isOpen, onDismiss, overlayProps, disableEscapeKeyDown, onEntered, ...otherProps }: ModalProps) => React.ReactPortal | null;
 export default Modal;

package/dist/esm/molecules/Modal/Modal.js

@@ -8,11 +8,11 @@ import ModalContent from './ModalContent';
  * https://github.com/reach/reach-ui/blob/main/packages/dialog/src/index.tsx
  * https://reach.tech/dialog
  */
-const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, overlayProps, ...otherProps }) => {
+const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, overlayProps, disableEscapeKeyDown = false, onEntered, ...otherProps }) => {
     const { closeModal } = useUI();
     const { fade, fadeOut, fadeIn } = useFadeEffect();
     const handleBackdropClick = (event) => {
-        if (event.defaultPrevented) {
+        if (disableEscapeKeyDown || event.defaultPrevented) {
             return;
         }
         event.stopPropagation();
@@ -20,7 +20,9 @@ const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, overla
         onDismiss?.();
     };
     const handleBackdropKeyDown = (event) => {
-        if (event.key !== 'Escape' || event.defaultPrevented) {
+        if (disableEscapeKeyDown ||
+            event.key !== 'Escape' ||
+            event.defaultPrevented) {
             return;
         }
         event.stopPropagation();
@@ -29,7 +31,14 @@ const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, overla
     };
     return isOpen
         ? createPortal(React.createElement(Overlay, { onClick: handleBackdropClick, onKeyDown: handleBackdropKeyDown, ...overlayProps },
-            React.createElement(ModalContent, { onTransitionEnd: () => fade === 'out' && closeModal(), "data-fs-modal": true, "data-fs-modal-state": fade, testId: testId, ...otherProps }, typeof children === 'function'
+            React.createElement(ModalContent, { onTransitionEnd: () => {
+                    if (fade === 'out') {
+                        closeModal();
+                    }
+                    else if (fade === 'in' && onEntered) {
+                        onEntered();
+                    }
+                }, "data-fs-modal": true, "data-fs-modal-state": fade, testId: testId, ...otherProps }, typeof children === 'function'
                 ? children({ fade, fadeOut, fadeIn })
                 : children)), document.body)
         : null;

package/dist/esm/molecules/Modal/Modal.js.map

@@ -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,EAAqB,MAAM,OAAO,CAAA;AAClD,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,CAAC;YAC3B,OAAM;QACR,CAAC;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,CAAC;YACrD,OAAM;QACR,CAAC;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"}
+{"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,EAAqB,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAElD,OAAO,YAAY,MAAM,gBAAgB,CAAA;AA+CzC;;;;GAIG;AAEH,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,MAAM,GAAG,UAAU,EACnB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,YAAY,EACZ,oBAAoB,GAAG,KAAK,EAC5B,SAAS,EACT,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,oBAAoB,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACnD,OAAM;QACR,CAAC;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,IACE,oBAAoB;YACpB,KAAK,CAAC,GAAG,KAAK,QAAQ;YACtB,KAAK,CAAC,gBAAgB,EACtB,CAAC;YACD,OAAM;QACR,CAAC;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;oBACpB,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;wBACnB,UAAU,EAAE,CAAA;oBACd,CAAC;yBAAM,IAAI,IAAI,KAAK,IAAI,IAAI,SAAS,EAAE,CAAC;wBACtC,SAAS,EAAE,CAAA;oBACb,CAAC;gBACH,CAAC,gDAEoB,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"}

package/dist/esm/molecules/Popover/Popover.d.ts

@@ -0,0 +1,67 @@
+import React, { type HTMLAttributes, type ReactNode, type RefObject } from 'react';
+/**
+ * Specifies Popover position.
+ */
+export type Side = 'bottom' | 'top';
+/**
+ * Specifies tooltip alignment.
+ */
+export type Alignment = 'start' | 'center' | 'end';
+/**
+ * Combines side + alignment (e.g., "top-start").
+ */
+export type Placement = `${Side}-${Alignment}`;
+export interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content'> {
+    /**
+     * The Popover header's title.
+     */
+    title?: string;
+    /**
+     * Content of the Popover.
+     */
+    content: ReactNode;
+    /**
+     * Defines the side or side-alignment (e.g., "bottom-start", "bottom-center") of the Popover.
+     */
+    placement?: Placement;
+    /**
+     * If the Popover can be closed by a button.
+     */
+    dismissible?: boolean;
+    /**
+     * Called when the Popover is dismissed.
+     */
+    onDismiss?: () => void;
+    /**
+     * Callback when the Popover is fully rendered and positioned.
+     */
+    onEntered?: () => void;
+    /**
+     * Close button aria-label.
+     */
+    closeButtonAriaLabel?: string;
+    /**
+     * Controls whether the Popover is open.
+     */
+    isOpen: boolean;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * Offset value for top position (e.g.: 12).
+     * @default '8'
+     */
+    offsetTop?: number;
+    /**
+     * Offset value for left position (e.g.: 12).
+     * @default '0'
+     */
+    offsetLeft?: number;
+    /**
+     * Reference to the trigger element that opens the Popover.
+     */
+    triggerRef?: RefObject<HTMLElement>;
+}
+declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
+export default Popover;

package/dist/esm/molecules/Popover/Popover.js

@@ -0,0 +1,62 @@
+import React, { forwardRef, useCallback, useEffect, useRef, useState, } from 'react';
+import Icon from '../../atoms/Icon';
+import IconButton from '../IconButton';
+import { useOnClickOutside, useUI } from '../../hooks';
+const calculatePosition = (rect, placement, offsetTop, offsetLeft) => {
+    const { top, left, height } = rect;
+    switch (true) {
+        case placement.startsWith('top'):
+            return {
+                top: top + height + window.scrollY - offsetTop,
+                left: left + window.scrollX + offsetLeft,
+            };
+        case placement.startsWith('bottom'):
+            return {
+                top: top + height + window.scrollY + offsetTop,
+                left: left + window.scrollX + offsetLeft,
+            };
+        default:
+            return { top: 0, left: 0 };
+    }
+};
+const Popover = forwardRef(function Popover({ title, content, placement = 'bottom-start', dismissible = false, onDismiss, isOpen, triggerRef: propTriggerRef, offsetTop = 8, offsetLeft = 0, closeButtonAriaLabel = 'Close Popover', testId = 'fs-popover', style, onEntered, ...otherProps }, ref) {
+    // Use forwarded ref or internal ref for fallback
+    const popoverRef = ref || useRef(null);
+    const [popoverPosition, setPopoverPosition] = useState({ top: 0, left: 0 });
+    const { popover, closePopover } = useUI();
+    const contextTriggerRef = popover.triggerRef;
+    // Use the propTriggerRef if provided, otherwise fallback to contextTriggerRef
+    const triggerRef = propTriggerRef || contextTriggerRef;
+    useEffect(() => {
+        if (!isOpen || !triggerRef?.current)
+            return;
+        // Set the position according to the trigger element and placement
+        const rect = triggerRef.current.getBoundingClientRect();
+        setPopoverPosition(calculatePosition(rect, placement, offsetTop, offsetLeft));
+        // Trigger the onEntered callback after positioning
+        if (onEntered) {
+            onEntered();
+        }
+    }, [isOpen, triggerRef, offsetTop, offsetLeft, placement]);
+    const handleDismiss = useCallback(() => {
+        closePopover();
+        onDismiss?.();
+    }, [closePopover, onDismiss]);
+    useOnClickOutside(isOpen ? popoverRef : undefined, handleDismiss);
+    const handleKeyDown = useCallback((event) => {
+        if (event.key === 'Escape') {
+            handleDismiss();
+        }
+    }, [handleDismiss]);
+    if (!isOpen) {
+        return null;
+    }
+    return (React.createElement("div", { "data-fs-popover": true, role: "dialog", ref: popoverRef, "data-fs-popover-placement": placement, onKeyDown: handleKeyDown, "data-testid": testId, style: { position: 'absolute', ...popoverPosition, ...style }, ...otherProps },
+        React.createElement("header", { "data-fs-popover-header": true },
+            title && React.createElement("h3", { "data-fs-popover-header-title": true }, title),
+            dismissible && (React.createElement(IconButton, { "data-fs-popover-header-dismiss-button": true, size: "small", variant: "tertiary", icon: React.createElement(Icon, { name: "X", width: 20, height: 20 }), "aria-label": closeButtonAriaLabel, onClick: handleDismiss }))),
+        React.createElement("div", { "data-fs-popover-content": true }, content),
+        React.createElement("span", { "data-fs-popover-indicator": true, "aria-hidden": "true" })));
+});
+export default Popover;
+//# sourceMappingURL=Popover.js.map

package/dist/esm/molecules/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/molecules/Popover/Popover.tsx"],"names":[],"mappings":"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"}

package/dist/esm/molecules/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Popover';
+export type { PopoverProps } from './Popover';

package/dist/esm/molecules/Popover/index.js

@@ -0,0 +1,2 @@
+export { default } from './Popover';
+//# sourceMappingURL=index.js.map

package/dist/esm/molecules/Popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/molecules/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/esm/molecules/RegionBar/RegionBar.d.ts

@@ -1,8 +1,12 @@
-import type { HTMLAttributes, ReactNode } from 'react';
+import type { HTMLAttributes, ReactNode, RefAttributes } from 'react';
 import React from 'react';
-export interface RegionBarProps extends HTMLAttributes<HTMLDivElement> {
+export interface RegionBarProps extends HTMLAttributes<HTMLDivElement>, RefAttributes<HTMLDivElement> {
     /**
-     * Postal code string to be display in the component
+     * City to be displayed in the component.
+     */
+    city?: string;
+    /**
+     * Postal code string to be display in the component.
      */
     postalCode?: string;
     /**
@@ -25,6 +29,11 @@ export interface RegionBarProps extends HTMLAttributes<HTMLDivElement> {
      * A React component that will be rendered as an icon.
      */
     buttonIcon?: ReactNode;
+    /**
+     * Boolean to control whether postal code should be visible or not.
+     * @default true
+     */
+    shouldDisplayPostalCode?: boolean;
 }
-declare const RegionBar: React.ForwardRefExoticComponent<RegionBarProps & React.RefAttributes<HTMLDivElement>>;
+declare const RegionBar: React.ForwardRefExoticComponent<Omit<RegionBarProps, "ref"> & RefAttributes<HTMLDivElement>>;
 export default RegionBar;

package/dist/esm/molecules/RegionBar/RegionBar.js

@@ -1,11 +1,13 @@
 import React, { forwardRef } from 'react';
 import { Button } from '../../';
-const RegionBar = forwardRef(function RegionBar({ postalCode, icon, label, editLabel, buttonIcon, onButtonClick, ...otherProps }, ref) {
+const RegionBar = forwardRef(function RegionBar({ city, postalCode, icon, label, editLabel, buttonIcon, onButtonClick, shouldDisplayPostalCode = true, ...otherProps }, ref) {
     return (React.createElement("div", { ref: ref, "data-fs-region-bar": true, ...otherProps },
         React.createElement(Button, { variant: "tertiary", iconPosition: "right", onClick: onButtonClick, icon: buttonIcon },
             !!icon && icon,
-            postalCode ? (React.createElement(React.Fragment, null,
-                React.createElement("span", { "data-fs-region-bar-postal-code": true }, postalCode),
+            city && postalCode ? (React.createElement(React.Fragment, null,
+                React.createElement("span", { "data-fs-region-bar-postal-code": true },
+                    city,
+                    shouldDisplayPostalCode && `, ${postalCode}`),
                 !!editLabel && React.createElement("span", { "data-fs-region-bar-cta": true }, editLabel))) : (React.createElement("span", { "data-fs-region-bar-message": true }, label)))));
 });
 export default RegionBar;

package/dist/esm/molecules/RegionBar/RegionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegionBar.js","sourceRoot":"","sources":["../../../../src/molecules/RegionBar/RegionBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AA6B/B,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EACE,UAAU,EACV,IAAI,EACJ,KAAK,EACL,SAAS,EACT,UAAU,EACV,aAAa,EACb,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,iCAAyB,UAAU;QAC9C,oBAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,YAAY,EAAC,OAAO,EACpB,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,UAAU;YAEf,CAAC,CAAC,IAAI,IAAI,IAAI;YACd,UAAU,CAAC,CAAC,CAAC,CACZ;gBACE,wEAAsC,UAAU,CAAQ;gBACvD,CAAC,CAAC,SAAS,IAAI,gEAA8B,SAAS,CAAQ,CAC9D,CACJ,CAAC,CAAC,CAAC,CACF,oEAAkC,KAAK,CAAQ,CAChD,CACM,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}
+{"version":3,"file":"RegionBar.js","sourceRoot":"","sources":["../../../../src/molecules/RegionBar/RegionBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAwC/B,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EACE,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,KAAK,EACL,SAAS,EACT,UAAU,EACV,aAAa,EACb,uBAAuB,GAAG,IAAI,EAC9B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,iCAAyB,UAAU;QAC9C,oBAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,YAAY,EAAC,OAAO,EACpB,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,UAAU;YAEf,CAAC,CAAC,IAAI,IAAI,IAAI;YACd,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,CACpB;gBACE;oBACG,IAAI;oBACJ,uBAAuB,IAAI,KAAK,UAAU,EAAE,CACxC;gBACN,CAAC,CAAC,SAAS,IAAI,gEAA8B,SAAS,CAAQ,CAC9D,CACJ,CAAC,CAAC,CAAC,CACF,oEAAkC,KAAK,CAAQ,CAChD,CACM,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/dist/esm/organisms/RegionModal/RegionModal.d.ts

@@ -43,6 +43,10 @@ export interface RegionModalProps extends Omit<ModalProps, 'children'> {
      * Postal code input's label.
      */
     inputLabel?: string;
+    /**
+     * The text displayed on the InputField Button. Suggestion: maximum 9 characters.
+     */
+    inputButtonActionText?: string;
     /**
      * Enables fadeOut effect on modal after onSubmit function
      */
@@ -67,6 +71,11 @@ export interface RegionModalProps extends Omit<ModalProps, 'children'> {
      * Callback function when the input clear button is clicked.
      */
     onClear?: () => void;
+    /**
+     * Determines if the modal can be dismissed using the close button or the Escape key.
+     * @default true
+     */
+    dismissible?: boolean;
 }
-declare function RegionModal({ testId, title, description, closeButtonAriaLabel, idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, inputLabel, fadeOutOnSubmit, overlayProps, onClose, onInput, onSubmit, onClear, ...otherProps }: RegionModalProps): React.JSX.Element;
+declare function RegionModal({ testId, title, description, closeButtonAriaLabel, idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, inputLabel, inputButtonActionText, fadeOutOnSubmit, overlayProps, onClose, onInput, onSubmit, onClear, dismissible, ...otherProps }: RegionModalProps): React.JSX.Element;
 export default RegionModal;