@loja-integrada/admin-components 0.9.7 → 0.9.8

package/dist/Components/Table/Table.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Row } from 'react-table';
-export declare const Table: React.MemoExoticComponent<({ columns: columnsProps, rows: rowsProps, selectable, isLoading, emptyText, onChange, selectedData, disabledRows, }: TableProps) => JSX.Element>;
+export declare const Table: React.MemoExoticComponent<({ columns: columnsProps, rows: rowsProps, selectable, isLoading, emptyText, onChange, selectedData, disabledRows, id, }: TableProps) => JSX.Element>;
 declare type CellWrapperProp = React.ComponentClass<any> | React.FunctionComponent<any>;
 declare type TextAlignProp = 'left' | 'right' | 'center';
 declare type TableRowProp = {
@@ -72,5 +72,10 @@ export interface TableProps {
      * @default []
      */
     disabledRows?: number[];
+    /**
+     * Id of the table.
+     * @default undefined
+     */
+    id?: string;
 }
 export {};

package/dist/admin-components.cjs.development.js

@@ -1717,7 +1717,8 @@ var TableComponent = function TableComponent(_ref2) {
       onChange = _ref2.onChange,
       selectedData = _ref2.selectedData,
       _ref2$disabledRows = _ref2.disabledRows,
-      disabledRows = _ref2$disabledRows === void 0 ? [] : _ref2$disabledRows;
+      disabledRows = _ref2$disabledRows === void 0 ? [] : _ref2$disabledRows,
+      id = _ref2.id;
   var rowsPropsMemoized = React__default.useMemo(function () {
     return rowsProps;
   }, [rowsProps]);
@@ -1820,9 +1821,13 @@ var TableComponent = function TableComponent(_ref2) {
   var columnsLength = React__default.useMemo(function () {
     return selectable ? columns.length + 1 : columns.length;
   }, [columns, selectable]);
+  var tableId = React__default.useMemo(function () {
+    return id ? "" + id.charAt(0).toUpperCase() + id.slice(1) : '';
+  }, [id]);
   return React__default.createElement("div", {
     className: "max-w-full overflow-x-auto"
   }, React__default.createElement("table", Object.assign({}, getTableProps(), {
+    id: id,
     className: "w-full bg-base-1 rounded border-separate border border-card-stroke",
     cellSpacing: "0"
   }), React__default.createElement("thead", {
@@ -1845,7 +1850,8 @@ var TableComponent = function TableComponent(_ref2) {
       },
       checked: isHeaderSelectChecked,
       indeterminate: isHeaderSelectedIndeterminate,
-      disabled: isHeaderSelectDisabled
+      disabled: isHeaderSelectDisabled,
+      id: "checkboxSelectAllRows" + tableId
     })), headerGroup.headers.map(function (column) {
       var _column$getHeaderProp = column.getHeaderProps(),
           key = _column$getHeaderProp.key,
@@ -1891,7 +1897,8 @@ var TableComponent = function TableComponent(_ref2) {
         return handleSelectRow(index, e);
       },
       checked: isRowChecked,
-      disabled: isRowDisabled
+      disabled: isRowDisabled,
+      id: "checkboxRow" + index + tableId
     })), row.cells.map(function (cell) {
       var _cell$getCellProps = cell.getCellProps(),
           key = _cell$getCellProps.key,
@@ -2126,6 +2133,8 @@ var ModalComponent = function ModalComponent(_ref) {
       }, React__default.createElement("span", {
         className: "min-w-0 text-inverted-2 text-xs font-semibold uppercase break-words " + (headerTitle ? 'pb-3' : '')
       }, headerTitle), React__default.createElement("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",
         onClick: handleRequestCloseFunc
       }, headerClose !== false && React__default.createElement("span", {