@gobolt/genesis 0.4.31 → 0.4.33

package/dist/components/Table/InfiniteScrollTable/InfiniteScrollTable.d.ts

@@ -1,3 +1,3 @@
 import { InfiniteScrollTableProps } from './types';
-declare const InfiniteScrollTable: <T>({ columns: initialColumns, fetchService, title, scrollHeight, scrollWidth, useWindowScroll, onChange, rowSelection, onRowClick, onRowSelectionChange, onDataChange, filterFn, }: InfiniteScrollTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const InfiniteScrollTable: <T>({ columns: initialColumns, fetchService, title, scrollHeight, scrollWidth, useWindowScroll, onChange, rowSelection, onRowClick, onRowSelectionChange, onDataChange, filterFn, hasBulkSelection, }: InfiniteScrollTableProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default InfiniteScrollTable;

package/dist/components/Table/Table.d.ts

@@ -54,6 +54,7 @@ export interface TableProps<T extends Record<string, any>> {
         index: number;
         error: Error;
     }) => void;
+    hasBulkSelection?: boolean;
 }
 export type TablePaginationType = {
     pageSize?: number;
@@ -67,5 +68,5 @@ export type SorterResult<T> = {
     field?: keyof T | string | React.Key | readonly React.Key[];
     columnKey?: React.Key;
 };
-declare function Table<T extends Record<string, any>>({ columns, dataSource, rowKey, size, onChange, rowSelection, onRowClick, onRowSelectionChange, onDataChange, pagination, isMainContentCell, isInfiniteScroll, infiniteScrollConfig, enableRowKeyValidation, onRowKeyError, ...rest }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function Table<T extends Record<string, any>>({ columns, dataSource, rowKey, size, onChange, rowSelection, onRowClick, onRowSelectionChange, onDataChange, pagination, isMainContentCell, isInfiniteScroll, infiniteScrollConfig, enableRowKeyValidation, onRowKeyError, hasBulkSelection, ...rest }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
 export default Table;

package/dist/components/Table/TablePagination.d.ts

@@ -10,6 +10,7 @@ export interface TablePaginationProps<T> {
     paginationStyle?: PaginationStyle;
     pageSize?: number;
     isMainContentCell?: boolean;
+    hasBulkSelection?: boolean;
 }
-declare const TablePagination: <T extends Record<string, any>>({ columns, dataSource, rowSelection, onChange, onRowClick, paginationStyle, pageSize, isMainContentCell, }: TablePaginationProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const TablePagination: <T extends Record<string, any>>({ columns, dataSource, rowSelection, onChange, onRowClick, paginationStyle, pageSize, isMainContentCell, hasBulkSelection, }: TablePaginationProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default TablePagination;

package/dist/components/Table/useTable.d.ts

@@ -15,8 +15,9 @@ export type UseTableConfig = {
     hasFilter?: boolean;
     disableAutoFetch?: boolean;
     dataSource?: any[];
+    hasBulkSelection?: boolean;
 };
-export declare const useTable: <T extends Record<string, any>>(useTableConfig: any) => {
+export declare const useTable: <T extends Record<string, any>>(useTableConfig: UseTableConfig) => {
     dataSource: (T & {
         isSelected: boolean;
     })[];
@@ -30,7 +31,7 @@ export declare const useTable: <T extends Record<string, any>>(useTableConfig: a
             disabled?: boolean;
             name?: string;
         };
-    };
+    } | undefined;
     selectedRows: T[];
     selectedRowKeys: import('react').Key[];
     hasSettings: boolean;

package/dist/components/TableWithControls/TableWithControls.d.ts

@@ -16,6 +16,7 @@ export interface TableWithControlsProps {
     onRowClick?: (record: Record<string, any>, index: number, event: React.MouseEvent) => void;
     onRowSelectionChange?: (setSelectedRowKeys: (keys: React.Key[]) => void) => void;
     onDataChange?: (data: Record<string, any>[]) => void;
+    hasBulkSelection?: boolean;
 }
-declare const TableWithControls: ({ tableData, tableControlsData, onChange, onRowClick, onRowSelectionChange, onDataChange, tableType, isInfiniteScroll, infiniteScrollConfig, paginationStyle, }: TableWithControlsProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableWithControls: ({ tableData, tableControlsData, onChange, onRowClick, onRowSelectionChange, onDataChange, tableType, isInfiniteScroll, infiniteScrollConfig, paginationStyle, hasBulkSelection, }: TableWithControlsProps) => import("react/jsx-runtime").JSX.Element;
 export default TableWithControls;

package/dist/components/TableWithControls/useTableWithControls.d.ts

@@ -30,7 +30,7 @@ export declare const useTableWithControls: (tableConfig: UseTableConfig) => {
             disabled?: boolean;
             name?: string;
         };
-    };
+    } | undefined;
     selectedRows: Record<string, any>[];
     selectedRowKeys: import('react').Key[];
     updateDataSource: (newDataSource: Record<string, any>[]) => void;

package/dist/index.cjs

@@ -59323,6 +59323,7 @@ const getGenesisTypographyClass = ({ colors: colors2, typography: typography2 },
       margin-bottom: 0 !important;
       width: ${$isFullWidth ? "100%" : "auto"};
       line-height: 1;
+       -webkit-font-smoothing: antialiased;
 
       &:disabled {
         color: ${colors2.status.disabled.default} !important;
@@ -84824,7 +84825,8 @@ const InfiniteScrollTable = ({
   onRowClick,
   onRowSelectionChange,
   onDataChange,
-  filterFn
+  filterFn,
+  hasBulkSelection = true
 }) => {
   const observer = React.useRef();
   const [scrollableNode, setScrollableNode] = React.useState(
@@ -85001,7 +85003,7 @@ const InfiniteScrollTable = ({
           scroll: useWindowScroll ? { x: scrollWidth } : { y: scrollHeight, x: scrollWidth },
           onChange: () => {
           },
-          rowSelection: finalRowSelection,
+          ...hasBulkSelection ? { rowSelection: finalRowSelection } : {},
           onRow: (record, index2) => {
             const rowProps = {};
             if (index2 === dataSource.length - 1) {
@@ -85107,6 +85109,7 @@ function Table({
   infiniteScrollConfig,
   enableRowKeyValidation = process.env.NODE_ENV === "development",
   onRowKeyError,
+  hasBulkSelection = true,
   ...rest
 }) {
   const [selectedRowKeys, setSelectedRowKeys] = React__namespace.useState([]);
@@ -85159,7 +85162,8 @@ function Table({
         useWindowScroll: infiniteScrollConfig.useWindowScroll,
         onChange: isInfiniteScroll ? onChange : onChange,
         onRowSelectionChange,
-        onDataChange
+        onDataChange,
+        hasBulkSelection
       }
     );
   }
@@ -85283,7 +85287,7 @@ function Table({
         locale: { emptyText: "No Data" },
         size,
         onChange,
-        rowSelection: enhancedRowSelection,
+        ...hasBulkSelection ? { rowSelection: enhancedRowSelection } : {},
         onRow: (record, index2) => {
           const isDisabled = rowSelection?.getCheckboxProps?.(record)?.disabled ?? false;
           const recordKey = getRowKey(
@@ -85322,7 +85326,8 @@ const TablePagination = ({
   onRowClick,
   paginationStyle = PaginationStyle.SIMPLE,
   pageSize = 10,
-  isMainContentCell
+  isMainContentCell,
+  hasBulkSelection = true
 }) => {
   const [current, setCurrent] = React.useState(1);
   const total = dataSource.length;
@@ -85336,7 +85341,7 @@ const TablePagination = ({
       {
         columns,
         dataSource: paginatedData,
-        rowSelection,
+        ...hasBulkSelection ? { rowSelection } : {},
         onChange,
         onRowClick,
         pagination: false,
@@ -85388,7 +85393,8 @@ const useTable = (useTableConfig) => {
     hasSettings = true,
     hasFilter = true,
     disableAutoFetch = false,
-    dataSource: initialDataSource = []
+    dataSource: initialDataSource = [],
+    hasBulkSelection = true
   } = useTableConfig;
   const [originalData, setOriginalData] = React.useState(initialDataSource);
   const [data, setData] = React.useState({
@@ -85406,6 +85412,11 @@ const useTable = (useTableConfig) => {
     if (disableAutoFetch) {
       isDisabledRef.current = true;
       setLoading(false);
+      setData({
+        dataSource: initialDataSource,
+        columns,
+        error: null
+      });
       return;
     }
     if (hasFetchedRef.current || hasErrored || isDisabledRef.current) {
@@ -85484,12 +85495,12 @@ const useTable = (useTableConfig) => {
     isDisabledRef.current = false;
     setLoading(true);
   }, []);
-  const rowSelection = {
+  const rowSelection = hasBulkSelection ? {
     type: selectionType,
     selectedRowKeys,
     onChange: handleRowSelection,
     getCheckboxProps: disableRowSelection
-  };
+  } : void 0;
   const enhancedDataSource = React.useMemo(() => {
     return data.dataSource.map((record) => {
       const isSelected = selectedRowKeys.includes(record.id);
@@ -85861,7 +85872,8 @@ const TableWithControls = ({
   tableType = "table",
   isInfiniteScroll,
   infiniteScrollConfig,
-  paginationStyle
+  paginationStyle,
+  hasBulkSelection = true
 }) => {
   const [infiniteScrollData, setInfiniteScrollData] = React.useState({
     totalPages: 0,
@@ -85920,7 +85932,8 @@ const TableWithControls = ({
             scrollWidth: infiniteScrollConfig.scrollWidth,
             useWindowScroll: infiniteScrollConfig.useWindowScroll,
             onChange: onInfiniteScrollTableChange,
-            rowSelection,
+            ...hasBulkSelection ? { rowSelection } : {},
+            hasBulkSelection,
             onRowClick: tableOnRowClick || onRowClick,
             onRowSelectionChange,
             onDataChange
@@ -85933,7 +85946,7 @@ const TableWithControls = ({
           {
             dataSource,
             columns,
-            rowSelection,
+            ...hasBulkSelection ? { rowSelection } : {},
             onChange: onTableChange,
             onRowClick,
             paginationStyle
@@ -85947,7 +85960,7 @@ const TableWithControls = ({
           {
             dataSource,
             columns,
-            rowSelection,
+            ...hasBulkSelection ? { rowSelection } : {},
             onChange: onTableChange,
             onRowClick,
             onRowSelectionChange
@@ -87124,6 +87137,7 @@ const useTableWithControls = (tableConfig) => {
 const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing: sizing2 }, type4 = "primary", state = "active") => `
   &.ant-tabs {
     background: #F4F4F4;
+    -webkit-font-smoothing: antialiased;
 
     .ant-tabs-nav {
       margin-bottom: 0;
@@ -87144,6 +87158,7 @@ const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing:
       border-radius: 0 !important;
       float: none; /* Prevent default float behavior */
       position: relative;
+      padding: 16px;
       
       
       /* Use single side borders to prevent double borders */
@@ -87163,7 +87178,7 @@ const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing:
         background: ${colors2.interactive.utility?.hover};
       }
 
-      border-top: 0px;
+     
       
       &:first-child {
         border-radius: 0 !important;
@@ -87200,6 +87215,7 @@ const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing:
         font-weight: 500;
         font-size: 14px;
         font-family: 'Inter' !important;
+        border-top: 1px solid #ededed;
         
         .ant-tabs-tab-btn {
           color: ${colors2.onsurface["copy-dark"]} !important;
@@ -87208,15 +87224,22 @@ const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing:
 
         &:hover {
           background: ${colors2.interactive.utility?.hover};
+          border-top: 1px solid #ededed;
         }
 
         &:focus {
           background: ${colors2.interactive.utility?.active};
+          border-top: 1px solid ${colors2.surface.border};
         }
 
         &:active {
           background: ${colors2.interactive.utility?.active};
         }
+
+        &:pressed {
+          background: ${colors2.interactive.utility?.active};
+          border-top: 1px solid ${colors2.surface.border};
+        }
       }
     }
   }

package/dist/index.js

@@ -59305,6 +59305,7 @@ const getGenesisTypographyClass = ({ colors: colors2, typography: typography2 },
       margin-bottom: 0 !important;
       width: ${$isFullWidth ? "100%" : "auto"};
       line-height: 1;
+       -webkit-font-smoothing: antialiased;
 
       &:disabled {
         color: ${colors2.status.disabled.default} !important;
@@ -84806,7 +84807,8 @@ const InfiniteScrollTable = ({
   onRowClick,
   onRowSelectionChange,
   onDataChange,
-  filterFn
+  filterFn,
+  hasBulkSelection = true
 }) => {
   const observer = useRef();
   const [scrollableNode, setScrollableNode] = useState(
@@ -84983,7 +84985,7 @@ const InfiniteScrollTable = ({
           scroll: useWindowScroll ? { x: scrollWidth } : { y: scrollHeight, x: scrollWidth },
           onChange: () => {
           },
-          rowSelection: finalRowSelection,
+          ...hasBulkSelection ? { rowSelection: finalRowSelection } : {},
           onRow: (record, index2) => {
             const rowProps = {};
             if (index2 === dataSource.length - 1) {
@@ -85089,6 +85091,7 @@ function Table({
   infiniteScrollConfig,
   enableRowKeyValidation = process.env.NODE_ENV === "development",
   onRowKeyError,
+  hasBulkSelection = true,
   ...rest
 }) {
   const [selectedRowKeys, setSelectedRowKeys] = React.useState([]);
@@ -85141,7 +85144,8 @@ function Table({
         useWindowScroll: infiniteScrollConfig.useWindowScroll,
         onChange: isInfiniteScroll ? onChange : onChange,
         onRowSelectionChange,
-        onDataChange
+        onDataChange,
+        hasBulkSelection
       }
     );
   }
@@ -85265,7 +85269,7 @@ function Table({
         locale: { emptyText: "No Data" },
         size,
         onChange,
-        rowSelection: enhancedRowSelection,
+        ...hasBulkSelection ? { rowSelection: enhancedRowSelection } : {},
         onRow: (record, index2) => {
           const isDisabled = rowSelection?.getCheckboxProps?.(record)?.disabled ?? false;
           const recordKey = getRowKey(
@@ -85304,7 +85308,8 @@ const TablePagination = ({
   onRowClick,
   paginationStyle = PaginationStyle.SIMPLE,
   pageSize = 10,
-  isMainContentCell
+  isMainContentCell,
+  hasBulkSelection = true
 }) => {
   const [current, setCurrent] = useState(1);
   const total = dataSource.length;
@@ -85318,7 +85323,7 @@ const TablePagination = ({
       {
         columns,
         dataSource: paginatedData,
-        rowSelection,
+        ...hasBulkSelection ? { rowSelection } : {},
         onChange,
         onRowClick,
         pagination: false,
@@ -85370,7 +85375,8 @@ const useTable = (useTableConfig) => {
     hasSettings = true,
     hasFilter = true,
     disableAutoFetch = false,
-    dataSource: initialDataSource = []
+    dataSource: initialDataSource = [],
+    hasBulkSelection = true
   } = useTableConfig;
   const [originalData, setOriginalData] = useState(initialDataSource);
   const [data, setData] = useState({
@@ -85388,6 +85394,11 @@ const useTable = (useTableConfig) => {
     if (disableAutoFetch) {
       isDisabledRef.current = true;
       setLoading(false);
+      setData({
+        dataSource: initialDataSource,
+        columns,
+        error: null
+      });
       return;
     }
     if (hasFetchedRef.current || hasErrored || isDisabledRef.current) {
@@ -85466,12 +85477,12 @@ const useTable = (useTableConfig) => {
     isDisabledRef.current = false;
     setLoading(true);
   }, []);
-  const rowSelection = {
+  const rowSelection = hasBulkSelection ? {
     type: selectionType,
     selectedRowKeys,
     onChange: handleRowSelection,
     getCheckboxProps: disableRowSelection
-  };
+  } : void 0;
   const enhancedDataSource = useMemo$1(() => {
     return data.dataSource.map((record) => {
       const isSelected = selectedRowKeys.includes(record.id);
@@ -85843,7 +85854,8 @@ const TableWithControls = ({
   tableType = "table",
   isInfiniteScroll,
   infiniteScrollConfig,
-  paginationStyle
+  paginationStyle,
+  hasBulkSelection = true
 }) => {
   const [infiniteScrollData, setInfiniteScrollData] = useState({
     totalPages: 0,
@@ -85902,7 +85914,8 @@ const TableWithControls = ({
             scrollWidth: infiniteScrollConfig.scrollWidth,
             useWindowScroll: infiniteScrollConfig.useWindowScroll,
             onChange: onInfiniteScrollTableChange,
-            rowSelection,
+            ...hasBulkSelection ? { rowSelection } : {},
+            hasBulkSelection,
             onRowClick: tableOnRowClick || onRowClick,
             onRowSelectionChange,
             onDataChange
@@ -85915,7 +85928,7 @@ const TableWithControls = ({
           {
             dataSource,
             columns,
-            rowSelection,
+            ...hasBulkSelection ? { rowSelection } : {},
             onChange: onTableChange,
             onRowClick,
             paginationStyle
@@ -85929,7 +85942,7 @@ const TableWithControls = ({
           {
             dataSource,
             columns,
-            rowSelection,
+            ...hasBulkSelection ? { rowSelection } : {},
             onChange: onTableChange,
             onRowClick,
             onRowSelectionChange
@@ -87106,6 +87119,7 @@ const useTableWithControls = (tableConfig) => {
 const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing: sizing2 }, type4 = "primary", state = "active") => `
   &.ant-tabs {
     background: #F4F4F4;
+    -webkit-font-smoothing: antialiased;
 
     .ant-tabs-nav {
       margin-bottom: 0;
@@ -87126,6 +87140,7 @@ const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing:
       border-radius: 0 !important;
       float: none; /* Prevent default float behavior */
       position: relative;
+      padding: 16px;
       
       
       /* Use single side borders to prevent double borders */
@@ -87145,7 +87160,7 @@ const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing:
         background: ${colors2.interactive.utility?.hover};
       }
 
-      border-top: 0px;
+     
       
       &:first-child {
         border-radius: 0 !important;
@@ -87182,6 +87197,7 @@ const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing:
         font-weight: 500;
         font-size: 14px;
         font-family: 'Inter' !important;
+        border-top: 1px solid #ededed;
         
         .ant-tabs-tab-btn {
           color: ${colors2.onsurface["copy-dark"]} !important;
@@ -87190,15 +87206,22 @@ const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing:
 
         &:hover {
           background: ${colors2.interactive.utility?.hover};
+          border-top: 1px solid #ededed;
         }
 
         &:focus {
           background: ${colors2.interactive.utility?.active};
+          border-top: 1px solid ${colors2.surface.border};
         }
 
         &:active {
           background: ${colors2.interactive.utility?.active};
         }
+
+        &:pressed {
+          background: ${colors2.interactive.utility?.active};
+          border-top: 1px solid ${colors2.surface.border};
+        }
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.4.31",
+  "version": "0.4.33",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",