@faststore/components 3.11.2 → 3.11.4

package/src/molecules/SkuSelector/useDefineVariant.ts

@@ -1,5 +1,5 @@
 import { useMemo } from 'react'
-import { SkuOption } from './SkuSelector'
+import type { SkuOption } from './SkuSelector'
 
 export type Variant = 'image' | 'color' | 'label'
 
@@ -10,12 +10,15 @@ const getImageName = (src: string) => {
 }
 
 /**
- * This hook infers what kind of SKU Selector will be displayed on the UI. 
+ * This hook infers what kind of SKU Selector will be displayed on the UI.
  * There are three different options, color, image, and label (default version).
  */
-export const useDefineVariant = (options: SkuOption[], variant?: Variant): Variant =>
+export const useDefineVariant = (
+  options: SkuOption[],
+  variant?: Variant
+): Variant =>
   useMemo(() => {
-    if(variant) return variant
+    if (variant) return variant
 
     const allOptionsHaveHexColor = options.every((option) => option.hexColor)
     if (allOptionsHaveHexColor) {
@@ -24,9 +27,9 @@ export const useDefineVariant = (options: SkuOption[], variant?: Variant): Varia
 
     const firstImageName = options[0]?.src && getImageName(options[0].src)
 
-    /* 
+    /*
      * If there's only one option (options.length === 1) and there is an image
-     * the correct return value is 'image'. 
+     * the correct return value is 'image'.
      * */
     if (firstImageName && options.length === 1) {
       return 'image'

package/src/molecules/SkuSelector/useSkuSlug.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import { SkuOption } from './SkuSelector'
+import type { SkuOption } from './SkuSelector'
 
 function getSkuSlug(
   slugsMap: Record<string, string>,

package/src/molecules/Tag/Tag.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react'
 import React, { forwardRef } from 'react'
-import { Badge, BadgeProps, Icon } from '../..'
+import { Badge, type BadgeProps, Icon } from '../..'
 
 export interface TagProps extends BadgeProps {
   /**

package/src/organisms/CartSidebar/CartSidebar.tsx

@@ -4,14 +4,14 @@ import React from 'react'
 import {
   Alert,
   Badge,
-  OverlayProps,
+  type OverlayProps,
   SlideOver,
   SlideOverHeader,
   useFadeEffect,
   useUI,
 } from '../../'
 
-import { SlideOverDirection, SlideOverWidthSize } from '../SlideOver'
+import type { SlideOverDirection, SlideOverWidthSize } from '../SlideOver'
 
 export interface CartSidebarProps extends HTMLAttributes<HTMLDivElement> {
   /**

package/src/organisms/CartSidebar/CartSidebarFooter.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react'
+import React, { type ReactNode } from 'react'
 
 function CartSidebarFooter({ children }: { children: ReactNode }) {
   return <footer data-fs-cart-sidebar-footer>{children}</footer>

package/src/organisms/CartSidebar/CartSidebarList.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react'
+import React, { type ReactNode } from 'react'
 
 import { List } from '../../'
 

package/src/organisms/Filter/Filter.tsx

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react'
+import React, { type PropsWithChildren } from 'react'
 import { Accordion } from '../../'
 
 export type OnFacetChange = (

package/src/organisms/Filter/FilterFacetBoolean.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react'
+import React, { type ReactNode } from 'react'
 import { List } from '../../'
 
 function FilterFacetBoolean({ children }: { children: ReactNode }) {

package/src/organisms/Filter/FilterFacetBooleanItem.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { Badge, Checkbox, Label } from '../..'
-import { OnFacetChange } from './Filter'
+import type { OnFacetChange } from './Filter'
 
 export interface FilterFacetBooleanItemProps {
   /**

package/src/organisms/Filter/FilterFacetRange.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { PriceRange } from '../..'
-import { OnFacetChange } from './Filter'
+import type { OnFacetChange } from './Filter'
 
 export interface FilterFacetRangeProps {
   /**

package/src/organisms/Filter/FilterFacets.tsx

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react'
+import React, { type PropsWithChildren } from 'react'
 import { AccordionButton, AccordionItem, AccordionPanel } from '../..'
 
 export interface FilterFacetsProps {

package/src/organisms/Filter/FilterSlider.tsx

@@ -3,15 +3,15 @@ import React from 'react'
 
 import {
   Button,
-  ButtonProps,
-  OverlayProps,
+  type ButtonProps,
+  type OverlayProps,
   SlideOver,
   SlideOverHeader,
   useFadeEffect,
   useUI,
 } from '../../'
 
-import { SlideOverDirection, SlideOverWidthSize } from '../SlideOver'
+import type { SlideOverDirection, SlideOverWidthSize } from '../SlideOver'
 
 export interface FilterSliderProps extends HTMLAttributes<HTMLDivElement> {
   /**

package/src/organisms/Filter/index.ts

@@ -9,4 +9,3 @@ export { default as FilterFacets } from './FilterFacets'
 export type { FilterFacetsProps } from './FilterFacets'
 export { default as FilterSlider } from './FilterSlider'
 export type { FilterSliderProps } from './FilterSlider'
-

package/src/organisms/PriceRange/PriceRange.tsx

@@ -4,7 +4,8 @@ import type { AriaAttributes } from 'react'
 import { Price, Slider, InputField } from '../../'
 import type { PriceProps, SliderProps } from '../../'
 
-export interface PriceRangeProps extends Omit<SliderProps, 'absoluteValuesLabel'> {
+export interface PriceRangeProps
+  extends Omit<SliderProps, 'absoluteValuesLabel'> {
   /**
    * The current use case variant for prices.
    */

package/src/organisms/SKUMatrix/SKUMatrix.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, HTMLAttributes } from 'react'
+import React, { forwardRef, type HTMLAttributes } from 'react'
 import SKUMatrixProvider from './provider/SKUMatrixProvider'
 
 export interface SKUMatrixProps extends HTMLAttributes<HTMLDivElement> {

package/src/organisms/SKUMatrix/SKUMatrixSidebar.tsx

@@ -3,7 +3,7 @@ import type { FunctionComponent } from 'react'
 import React, { useMemo } from 'react'
 import { Badge, Button, QuantitySelector, Skeleton } from '../..'
 import Icon from '../../atoms/Icon'
-import Price, { PriceFormatter } from '../../atoms/Price'
+import Price, { type PriceFormatter } from '../../atoms/Price'
 import { useFadeEffect, useSKUMatrix, useUI } from '../../hooks'
 import {
   Table,
@@ -12,7 +12,7 @@ import {
   TableHead,
   TableRow,
 } from '../../molecules/Table'
-import SlideOver, { SlideOverHeader, SlideOverProps } from '../SlideOver'
+import SlideOver, { SlideOverHeader, type SlideOverProps } from '../SlideOver'
 interface VariationProductColumn {
   name: string
   additionalColumns: Array<{ label: string; value: string }>

package/src/organisms/SKUMatrix/provider/SKUMatrixProvider.tsx

@@ -1,4 +1,9 @@
-import React, { createContext, useCallback, useState, SetStateAction  } from 'react'
+import React, {
+  createContext,
+  useCallback,
+  useState,
+  type SetStateAction,
+} from 'react'
 import type { ReactNode } from 'react'
 
 interface IAllVariantProducts {
@@ -49,11 +54,9 @@ export interface SKUMatrixProviderContextValue {
   /*
     Function to set the array of all variant products.
   */
-  setAllVariantProducts(
-    items: SetStateAction<IAllVariantProducts[]>
-  ): void
+  setAllVariantProducts(items: SetStateAction<IAllVariantProducts[]>): void
   /*
-  */
+   */
   onChangeQuantityItem(id: string, value: number): IAllVariantProducts[]
   /*
     function to set the modal is open
@@ -74,8 +77,8 @@ function SKUMatrixProvider({ children }: { children: ReactNode }) {
     (id: string, value: number) => {
       const data = [...allVariantProducts]
       const matchedSKU = data.find((item) => item.id === id)
-      
-      if(matchedSKU) {
+
+      if (matchedSKU) {
         matchedSKU.selectedCount = value
       }
 

package/src/organisms/SearchInput/SearchInput.tsx

@@ -1,7 +1,8 @@
 import React, { forwardRef } from 'react'
 import type { HTMLAttributes } from 'react'
-import SearchProvider, { SearchProviderContextValue } from '../../molecules/SearchProvider'
-
+import SearchProvider, {
+  type SearchProviderContextValue,
+} from '../../molecules/SearchProvider'
 
 export type SearchInputProps = {
   /**
@@ -13,7 +14,8 @@ export type SearchInputProps = {
    * The current status of the Search Dropdown.
    */
   visibleDropdown: boolean
-} & HTMLAttributes<HTMLDivElement> & SearchProviderContextValue
+} & HTMLAttributes<HTMLDivElement> &
+  SearchProviderContextValue
 
 const SearchInput = forwardRef<HTMLDivElement, SearchInputProps>(
   function SearchInput(
@@ -38,11 +40,11 @@ const SearchInput = forwardRef<HTMLDivElement, SearchInputProps>(
         data-testid={testId}
         {...otherProps}
       >
-        <SearchProvider 
-          onSearchSelection={onSearchSelection} 
-          isLoading={isLoading} 
-          term={term} 
-          products={products} 
+        <SearchProvider
+          onSearchSelection={onSearchSelection}
+          isLoading={isLoading}
+          term={term}
+          products={products}
           terms={terms}
         >
           {children}

package/src/organisms/ShippingSimulation/ShippingSimulation.tsx

@@ -7,8 +7,8 @@ import {
   Icon,
   InputField,
   Link,
-  LinkElementType,
-  LinkProps,
+  type LinkElementType,
+  type LinkProps,
   Price,
   Table,
   TableBody,

package/src/organisms/SlideOver/SlideOverHeader.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react'
-import React, { HTMLAttributes } from 'react'
-import { Icon, IconButton, IconButtonProps } from '../../'
+import React, { type HTMLAttributes } from 'react'
+import { Icon, IconButton, type IconButtonProps } from '../../'
 
 export interface SlideOverHeaderProps
   extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {

package/src/organisms/SlideOver/index.ts

@@ -1,6 +1,8 @@
-export { default, Direction as SlideOverDirection, WidthSize as SlideOverWidthSize } from './SlideOver'
+export {
+  default,
+  Direction as SlideOverDirection,
+  WidthSize as SlideOverWidthSize,
+} from './SlideOver'
 export type { SlideOverProps } from './SlideOver'
 export { default as SlideOverHeader } from './SlideOverHeader'
 export type { SlideOverHeaderProps } from './SlideOverHeader'
-
-

package/src/typings/PolymorphicGenerics.ts

@@ -22,7 +22,7 @@ type AsProp<C extends ElementType> = {
  */
 type ExtendableProps<
   ExtendedProps = Record<string, never>,
-  OverrideProps = Record<string, never>
+  OverrideProps = Record<string, never>,
 > = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>
 
 /**
@@ -32,17 +32,17 @@ type ExtendableProps<
  */
 type InheritableElementProps<
   C extends ElementType,
-  Props = Record<string, never>
+  Props = Record<string, never>,
 > = ExtendableProps<ComponentPropsWithoutRef<C>, Props>
 
 export type PolymorphicComponentProps<
   C extends ElementType,
-  Props = Record<string, never>
+  Props = Record<string, never>,
 > = InheritableElementProps<C, Props & AsProp<C>>
 
 export type PolymorphicComponentPropsWithRef<
   C extends ElementType,
-  P = Record<string, never>
+  P = Record<string, never>,
 > = PolymorphicComponentProps<C, P> & { ref?: ComponentPropsWithRef<C>['ref'] }
 
 // Extract the `ref` prop from a polymorphic component