@loja-integrada/admin-components 0.9.7 → 0.9.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loja-integrada/admin-components",
-  "version": "0.9.7",
+  "version": "0.9.8",
   "author": "Loja Integrada Front-End Team",
   "license": "MIT",
   "main": "dist/index.js",

package/src/Components/Modal/Modal.tsx

@@ -63,6 +63,8 @@ const ModalComponent = ({
               {headerTitle}
             </span>
             <button
+              type="button"
+              id="btnCloseModal"
               className={`${
                 preventClose ? 'hidden' : 'flex'
               } items-center p-2 pb-1 -mr-2 -mt-3 text-sm font-semibold text-inverted-2 hover:text-inverted-1`}

package/src/Components/Table/Table.stories.tsx

@@ -117,6 +117,7 @@ export default {
   title: 'Components/Table',
   component: Table,
   args: {
+    id: 'tableTest',
     columns: columns,
     rows: rows,
     selectable: false,

package/src/Components/Table/Table.tsx

@@ -42,6 +42,7 @@ const TableComponent = ({
   onChange,
   selectedData,
   disabledRows = [],
+  id,
 }: TableProps) => {
   const rowsPropsMemoized = React.useMemo(() => rowsProps, [rowsProps])
   const [selectedRows, setSelectedRows] = React.useState<number[]>([])
@@ -145,10 +146,15 @@ const TableComponent = ({
     return selectable ? columns.length + 1 : columns.length
   }, [columns, selectable])
 
+  const tableId = React.useMemo(() => {
+    return id ? `${id.charAt(0).toUpperCase()}${id.slice(1)}` : ''
+  }, [id])
+
   return (
     <div className="max-w-full overflow-x-auto">
       <table
         {...getTableProps()}
+        id={id}
         className={`w-full bg-base-1 rounded border-separate border border-card-stroke`}
         cellSpacing="0"
       >
@@ -170,6 +176,7 @@ const TableComponent = ({
                       checked={isHeaderSelectChecked}
                       indeterminate={isHeaderSelectedIndeterminate}
                       disabled={isHeaderSelectDisabled}
+                      id={`checkboxSelectAllRows${tableId}`}
                     />
                   </th>
                 )}
@@ -237,6 +244,7 @@ const TableComponent = ({
                         onChange={(e) => handleSelectRow(index, e)}
                         checked={isRowChecked}
                         disabled={isRowDisabled}
+                        id={`checkboxRow${index}${tableId}`}
                       />
                     </td>
                   )}
@@ -337,4 +345,9 @@ export interface TableProps {
    * @default []
    */
   disabledRows?: number[]
+  /**
+   * Id of the table.
+   * @default undefined
+   */
+  id?: string
 }