@faststore/components 3.42.0 → 3.45.0

package/src/organisms/RegionModal/RegionModal.tsx

@@ -51,6 +51,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
    */
@@ -75,24 +79,31 @@ 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
 }
 
 function RegionModal({
   testId = 'fs-region-modal',
   title = 'Set your location',
-  description = 'Prices, offers and availability may vary according to 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
 }: RegionModalProps) {
   return (
@@ -102,15 +113,24 @@ function RegionModal({
       overlayProps={overlayProps}
       title="Region modal"
       aria-label="Region modal"
+      disableEscapeKeyDown={!dismissible}
+      onEntered={() => {
+        if (inputRef?.current) {
+          inputRef.current.focus()
+        }
+      }}
       {...otherProps}
     >
       {({ fadeOut }) => (
         <>
           <ModalHeader
-            onClose={() => {
-              fadeOut()
-              onClose?.()
-            }}
+            {...(dismissible && {
+              onClose: () => {
+                fadeOut()
+                onClear?.()
+                onClose?.()
+              },
+            })}
             title={title}
             description={description}
             closeBtnProps={{
@@ -125,6 +145,7 @@ function RegionModal({
               label={inputLabel}
               actionable
               value={inputValue}
+              buttonActionText={inputButtonActionText}
               onInput={(event) => onInput?.(event)}
               onSubmit={() => {
                 onSubmit?.()
@@ -133,8 +154,9 @@ function RegionModal({
               onClear={() => onClear?.()}
               error={errorMessage}
             />
-
-            <Link data-fs-region-modal-link {...idkPostalCodeLinkProps} />
+            {idkPostalCodeLinkProps && (
+              <Link data-fs-region-modal-link {...idkPostalCodeLinkProps} />
+            )}
           </ModalBody>
         </>
       )}

package/src/organisms/ShippingSimulation/ShippingSimulation.tsx

@@ -69,9 +69,9 @@ interface Address {
    */
   reference?: string
   /**
-   * Address geoCoordinates
+   * Address geoCoordinates. [longitude, latitude]
    */
-  geoCoordinates?: [number]
+  geoCoordinates?: [number, number]
 }
 
 export interface ShippingSimulationProps

package/src/organisms/SlideOver/SlideOverHeader.tsx

@@ -7,7 +7,7 @@ export interface SlideOverHeaderProps
   /**
    * A react component to be used as the title in the header.
    */
-  children: ReactNode
+  children?: ReactNode
   /**
    * Props for the Close Button component.
    */