@bsol-oss/react-datatable5 1.0.54 → 1.0.56

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import { RowData, OnChangeFn, Updater, FilterFn, ColumnDef, RowSelectionState, C
 import { RankingInfo } from '@tanstack/match-sorter-utils';
 import React$1, { ReactNode } from 'react';
 import * as react_icons_lib from 'react-icons/lib';
-import { TableProps as TableProps$1, TextProps, TooltipProps } from '@chakra-ui/react';
+import { TableProps as TableProps$1, GridProps, TextProps, TooltipProps } from '@chakra-ui/react';
 import * as _tanstack_table_core from '@tanstack/table-core';
 
 type DensityState = "sm" | "md" | "lg";
@@ -191,14 +191,15 @@ interface TableRowSelectorProps<TData> {
 }
 declare const TableBody: ({ pinnedBgColor, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
 
-interface TableCardContainerProps {
+interface TableCardContainerProps extends GridProps {
     children: JSX.Element;
 }
 declare const TableCardContainer: ({ children, ...props }: TableCardContainerProps) => react_jsx_runtime.JSX.Element;
 
 interface TableCardsProps {
+    isSelectable?: boolean;
 }
-declare const TableCards: ({}: TableCardsProps) => react_jsx_runtime.JSX.Element;
+declare const TableCards: ({ isSelectable }: TableCardsProps) => react_jsx_runtime.JSX.Element;
 
 interface TableRendererProps<TData> {
     render: (render: Table$1<TData>) => React$1.ReactElement;

package/dist/index.js

@@ -710,14 +710,14 @@ const TableCardContainer = ({ children, ...props }) => {
     return (jsxRuntime.jsx(react$1.Grid, { gridTemplateColumns: ["1fr", "1fr 1fr", "1fr 1fr 1fr"], gap: "0.5rem", ...props, children: children }));
 };
 
-const TableCards = ({}) => {
+const TableCards = ({ isSelectable = false }) => {
     const { table } = react.useContext(TableContext);
     return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: table.getRowModel().rows.map((row) => {
-            return (jsxRuntime.jsx(react$1.Card, { children: jsxRuntime.jsxs(react$1.CardBody, { display: "flex", flexFlow: "column", gap: "0.5rem", children: [jsxRuntime.jsx(react$1.Checkbox, { isChecked: row.getIsSelected(),
+            return (jsxRuntime.jsx(react$1.Card, { children: jsxRuntime.jsxs(react$1.CardBody, { display: "flex", flexFlow: "column", gap: "0.5rem", children: [isSelectable && (jsxRuntime.jsx(react$1.Checkbox, { isChecked: row.getIsSelected(),
                             disabled: !row.getCanSelect(),
                             // indeterminate: row.getIsSomeSelected(),
-                            onChange: row.getToggleSelectedHandler() }), row.getVisibleCells().map((cell) => {
-                            return (jsxRuntime.jsx(react$1.Box, { children: reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()) }));
+                            onChange: row.getToggleSelectedHandler() })), row.getVisibleCells().map((cell) => {
+                            return (jsxRuntime.jsx(react$1.Box, { children: reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()) }, crypto.randomUUID()));
                         })] }) }, crypto.randomUUID()));
         }) }));
 };

package/dist/index.mjs

@@ -708,14 +708,14 @@ const TableCardContainer = ({ children, ...props }) => {
     return (jsx(Grid, { gridTemplateColumns: ["1fr", "1fr 1fr", "1fr 1fr 1fr"], gap: "0.5rem", ...props, children: children }));
 };
 
-const TableCards = ({}) => {
+const TableCards = ({ isSelectable = false }) => {
     const { table } = useContext(TableContext);
     return (jsx(Fragment, { children: table.getRowModel().rows.map((row) => {
-            return (jsx(Card, { children: jsxs(CardBody, { display: "flex", flexFlow: "column", gap: "0.5rem", children: [jsx(Checkbox, { isChecked: row.getIsSelected(),
+            return (jsx(Card, { children: jsxs(CardBody, { display: "flex", flexFlow: "column", gap: "0.5rem", children: [isSelectable && (jsx(Checkbox, { isChecked: row.getIsSelected(),
                             disabled: !row.getCanSelect(),
                             // indeterminate: row.getIsSomeSelected(),
-                            onChange: row.getToggleSelectedHandler() }), row.getVisibleCells().map((cell) => {
-                            return (jsx(Box, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }));
+                            onChange: row.getToggleSelectedHandler() })), row.getVisibleCells().map((cell) => {
+                            return (jsx(Box, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, crypto.randomUUID()));
                         })] }) }, crypto.randomUUID()));
         }) }));
 };

package/dist/types/components/TableCardContainer.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-export interface TableCardContainerProps {
+import { GridProps } from "@chakra-ui/react";
+export interface TableCardContainerProps extends GridProps {
     children: JSX.Element;
 }
 export declare const TableCardContainer: ({ children, ...props }: TableCardContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TableCards.d.ts

@@ -1,3 +1,4 @@
 export interface TableCardsProps {
+    isSelectable?: boolean;
 }
-export declare const TableCards: ({}: TableCardsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableCards: ({ isSelectable }: TableCardsProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsol-oss/react-datatable5",
-  "version": "1.0.54",
+  "version": "1.0.56",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",