@faststore/ui 1.8.51 → 1.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/ui",
-  "version": "1.8.51",
+  "version": "1.9.2",
   "description": "A lightweight, framework agnostic component library for React",
   "author": "emersonlaurentino",
   "license": "MIT",
@@ -89,5 +89,5 @@
     "tsdx": "^0.14.1",
     "typescript": "^4.2.4"
   },
-  "gitHead": "be1a2b1a38ec185ca8bd90af6e5fb02119f2fcb9"
+  "gitHead": "1e8d1cf3c3f0d670f521be3b1394333fabbfd2ac"
 }

package/src/atoms/Slider/Slider.tsx

@@ -49,7 +49,7 @@ const Slider = ({
   const range = useRef<HTMLDivElement>(null)
 
   const getPercent = useCallback(
-    (value) => Math.round(((value - min) / (max - min)) * 100),
+    (value: number) => Math.round(((value - min) / (max - min)) * 100),
     [min, max]
   )
 

package/src/atoms/Spinner/Spinner.tsx

@@ -1,3 +1,4 @@
+import type { PropsWithChildren } from 'react'
 import React, { forwardRef } from 'react'
 
 export type SpinnerProps = {
@@ -7,13 +8,12 @@ export type SpinnerProps = {
   testId?: string
 }
 
-const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(function Spinner(
-  { children, testId = 'store-spinner', ...otherProps },
-  ref
-) {
-  return (
-    <span ref={ref} data-store-spinner data-testid={testId} {...otherProps} />
-  )
-})
+const Spinner = forwardRef<HTMLDivElement, PropsWithChildren<SpinnerProps>>(
+  function Spinner({ children, testId = 'store-spinner', ...otherProps }, ref) {
+    return (
+      <span ref={ref} data-store-spinner data-testid={testId} {...otherProps} />
+    )
+  }
+)
 
 export default Spinner

package/src/molecules/Carousel/Carousel.tsx

@@ -84,7 +84,10 @@ function Carousel({
   const preRenderedSlides =
     infiniteMode && children ? childrenArray.slice(childrenCount - 1) : []
 
-  const slides = preRenderedSlides.concat(children ?? [], postRenderedSlides)
+  const slides = preRenderedSlides.concat(
+    (children as any) ?? [],
+    postRenderedSlides
+  )
 
   const slidePrevious = () => {
     if (

package/src/organisms/OutOfStock/OutOfStockMessage.tsx

@@ -13,9 +13,14 @@ export const OutOfStockMessage = ({
   as: MessageComponent = 'p',
   testId = 'store-out-of-stock-message',
   children,
+  ...otherProps
 }: OutOfStockMessageProps) => {
   return (
-    <MessageComponent data-out-of-stock-message data-testid={testId}>
+    <MessageComponent
+      data-out-of-stock-message
+      data-testid={testId}
+      {...otherProps}
+    >
       {children}
     </MessageComponent>
   )

package/src/organisms/OutOfStock/OutOfStockTitle.tsx

@@ -13,9 +13,14 @@ export const OutOfStockTitle = ({
   as: TitleComponent = 'h2',
   testId = 'store-out-of-stock-title',
   children,
+  ...otherProps
 }: OutOfStockTitleProps) => {
   return (
-    <TitleComponent data-out-of-stock-title data-testid={testId}>
+    <TitleComponent
+      data-out-of-stock-title
+      data-testid={testId}
+      {...otherProps}
+    >
       {children}
     </TitleComponent>
   )