@faststore/components 2.0.39-alpha.0 → 2.0.42-alpha.0

package/src/molecules/Table/Table.tsx

@@ -1,38 +1,36 @@
-import type { TableHTMLAttributes } from 'react'
 import React, { forwardRef } from 'react'
+import type { TableHTMLAttributes, PropsWithChildren } from 'react'
 
 export interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
   /**
    * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
    */
   testId?: string
-  /**
-   * Children for Table components.
-   */
-  children: React.ReactNode
   /**
    * Defines what style this component should use.
    */
   variant?: 'colored' | 'bordered'
 }
 
-const Table = forwardRef<HTMLTableElement, TableProps>(function Table(
-  { variant = 'colored', testId = 'fs-table', children, ...otherProps },
-  ref
-) {
-  return (
-    <div data-fs-table>
-      <table
-        ref={ref}
-        data-fs-table-content
-        data-fs-table-variant={variant}
-        data-testid={testId}
-        {...otherProps}
-      >
-        {children}
-      </table>
-    </div>
-  )
-})
+const Table = forwardRef<HTMLTableElement, PropsWithChildren<TableProps>>(
+  function Table(
+    { children, variant = 'colored', testId = 'fs-table', ...otherProps },
+    ref
+  ) {
+    return (
+      <div data-fs-table>
+        <table
+          ref={ref}
+          data-fs-table-content
+          data-fs-table-variant={variant}
+          data-testid={testId}
+          {...otherProps}
+        >
+          {children}
+        </table>
+      </div>
+    )
+  }
+)
 
 export default Table

package/src/molecules/Table/TableBody.tsx

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from 'react'
 import React, { forwardRef } from 'react'
+import type { HTMLAttributes, PropsWithChildren } from 'react'
 
 export interface TableBodyProps
   extends HTMLAttributes<HTMLTableSectionElement> {
@@ -7,23 +7,20 @@ export interface TableBodyProps
    * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
    */
   testId?: string
-  /**
-   * Children for TableBody components.
-   */
-  children: React.ReactNode
 }
 
-const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(
-  function TableBody(
-    { children, testId = 'fs-table-body', ...otherProps },
-    ref
-  ) {
-    return (
-      <tbody ref={ref} data-testid={testId} data-fs-table-body {...otherProps}>
-        {children}
-      </tbody>
-    )
-  }
-)
+const TableBody = forwardRef<
+  HTMLTableSectionElement,
+  PropsWithChildren<TableBodyProps>
+>(function TableBody(
+  { children, testId = 'fs-table-body', ...otherProps },
+  ref
+) {
+  return (
+    <tbody ref={ref} data-testid={testId} data-fs-table-body {...otherProps}>
+      {children}
+    </tbody>
+  )
+})
 
 export default TableBody

package/src/molecules/Table/TableCell.tsx

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from 'react'
 import React, { forwardRef } from 'react'
+import type { HTMLAttributes, PropsWithChildren } from 'react'
 
 type TableCellVariant = 'data' | 'header'
 
@@ -23,33 +23,34 @@ export interface TableCellProps extends HTMLAttributes<HTMLTableCellElement> {
   align?: 'left' | 'center' | 'right'
 }
 
-const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(
-  function TableCell(
-    {
-      testId = 'fs-table-cell',
-      children,
-      variant = 'data',
-      scope,
-      align,
-      ...otherProps
-    },
-    ref
-  ) {
-    const Cell = variant === 'header' ? 'th' : 'td'
+const TableCell = forwardRef<
+  HTMLTableCellElement,
+  PropsWithChildren<TableCellProps>
+>(function TableCell(
+  {
+    scope,
+    align,
+    children,
+    variant = 'data',
+    testId = 'fs-table-cell',
+    ...otherProps
+  },
+  ref
+) {
+  const Cell = variant === 'header' ? 'th' : 'td'
 
-    return (
-      <Cell
-        ref={ref}
-        data-fs-table-cell={variant}
-        data-fs-table-cell-align={align}
-        data-testid={testId}
-        scope={scope}
-        {...otherProps}
-      >
-        {children}
-      </Cell>
-    )
-  }
-)
+  return (
+    <Cell
+      ref={ref}
+      data-fs-table-cell={variant}
+      data-fs-table-cell-align={align}
+      data-testid={testId}
+      scope={scope}
+      {...otherProps}
+    >
+      {children}
+    </Cell>
+  )
+})
 
 export default TableCell

package/src/molecules/Table/TableFooter.tsx

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from 'react'
 import React, { forwardRef } from 'react'
+import type { HTMLAttributes, PropsWithChildren } from 'react'
 
 export interface TableFooterProps
   extends HTMLAttributes<HTMLTableSectionElement> {
@@ -7,23 +7,20 @@ export interface TableFooterProps
    * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
    */
   testId?: string
-  /**
-   * Children for TableFooter components.
-   */
-  children: React.ReactNode
 }
 
-const TableFooter = forwardRef<HTMLTableSectionElement, TableFooterProps>(
-  function TableFooter(
-    { children, testId = 'fs-table-footer', ...otherProps },
-    ref
-  ) {
-    return (
-      <tfoot ref={ref} data-testid={testId} data-fs-table-footer {...otherProps}>
-        {children}
-      </tfoot>
-    )
-  }
-)
+const TableFooter = forwardRef<
+  HTMLTableSectionElement,
+  PropsWithChildren<TableFooterProps>
+>(function TableFooter(
+  { children, testId = 'fs-table-footer', ...otherProps },
+  ref
+) {
+  return (
+    <tfoot ref={ref} data-testid={testId} data-fs-table-footer {...otherProps}>
+      {children}
+    </tfoot>
+  )
+})
 
 export default TableFooter

package/src/molecules/Table/TableHead.tsx

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from 'react'
 import React, { forwardRef } from 'react'
+import type { HTMLAttributes, PropsWithChildren } from 'react'
 
 export interface TableHeadProps
   extends HTMLAttributes<HTMLTableSectionElement> {
@@ -7,23 +7,20 @@ export interface TableHeadProps
    * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
    */
   testId?: string
-  /**
-   * Children for TableHead components.
-   */
-  children: React.ReactNode
 }
 
-const TableHead = forwardRef<HTMLTableSectionElement, TableHeadProps>(
-  function TableHead(
-    { children, testId = 'fs-table-head', ...otherProps },
-    ref
-  ) {
-    return (
-      <thead ref={ref} data-testid={testId} data-fs-table-head {...otherProps}>
-        {children}
-      </thead>
-    )
-  }
-)
+const TableHead = forwardRef<
+  HTMLTableSectionElement,
+  PropsWithChildren<TableHeadProps>
+>(function TableHead(
+  { children, testId = 'fs-table-head', ...otherProps },
+  ref
+) {
+  return (
+    <thead ref={ref} data-testid={testId} data-fs-table-head {...otherProps}>
+      {children}
+    </thead>
+  )
+})
 
 export default TableHead

package/src/molecules/Table/TableRow.tsx

@@ -1,28 +1,22 @@
-import type { HTMLAttributes } from 'react'
 import React, { forwardRef } from 'react'
+import type { HTMLAttributes, PropsWithChildren } from 'react'
 
 export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
   /**
    * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
    */
   testId?: string
-  /**
-   * Children for TableRow components.
-   */
-  children: React.ReactNode
 }
 
-const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(
-  function TableRow(
-    { testId = 'fs-table-row', children, ...otherProps },
-    ref
-  ) {
-    return (
-      <tr ref={ref} data-fs-table-row data-testid={testId} {...otherProps}>
-        {children}
-      </tr>
-    )
-  }
-)
+const TableRow = forwardRef<
+  HTMLTableRowElement,
+  PropsWithChildren<TableRowProps>
+>(function TableRow({ children, testId = 'fs-table-row', ...otherProps }, ref) {
+  return (
+    <tr ref={ref} data-fs-table-row data-testid={testId} {...otherProps}>
+      {children}
+    </tr>
+  )
+})
 
 export default TableRow