@gobolt/genesis 0.4.32 → 0.4.35

package/dist/components/Avatar/Avatar.d.ts

@@ -3,6 +3,7 @@ export type GoBoltUser = {
     first_name: string;
     last_name: string;
     image_url?: string;
+    url?: string;
 };
 export interface AvatarProps {
     size?: number;
@@ -11,6 +12,8 @@ export interface AvatarProps {
     children?: string;
     backgroundColor?: string;
     user?: GoBoltUser | null;
+    url?: string;
+    alt?: string;
 }
-declare const Avatar: ({ size, shape, children, backgroundColor, user, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+declare const Avatar: ({ size, shape, children, backgroundColor, user, url, alt, ...rest }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 export default Avatar;

package/dist/components/OverflowMenu/OverflowMenu.d.ts

@@ -13,6 +13,7 @@ export interface OverflowMenuProps {
     style?: React.CSSProperties;
     onItemClick?: (item: OverflowMenuItemProps) => void;
     overrideTextColor?: string;
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
 }
 declare const OverflowMenu: React.ForwardRefExoticComponent<OverflowMenuProps & React.RefAttributes<HTMLDivElement>>;
 export default OverflowMenu;

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

@@ -12,6 +12,7 @@ export interface InfiniteScrollConfig<T = any> {
     scrollHeight?: number;
     scrollWidth?: number;
     useWindowScroll?: boolean;
+    filterFn: (data: T[]) => T[];
 }
 export interface TableProps<T extends Record<string, any>> {
     dataSource: T[];
@@ -54,6 +55,7 @@ export interface TableProps<T extends Record<string, any>> {
         index: number;
         error: Error;
     }) => void;
+    hasBulkSelection?: boolean;
 }
 export type TablePaginationType = {
     pageSize?: number;
@@ -67,5 +69,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

@@ -60441,7 +60441,10 @@ const Avatar = ({
   shape = "circle",
   children: children2,
   backgroundColor = "#00282B",
-  user = null
+  user = null,
+  url: url3,
+  alt,
+  ...rest
 }) => {
   if (!user) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -60451,7 +60454,9 @@ const Avatar = ({
         shape,
         size,
         alt: "Default Avatar",
-        style: { backgroundColor }
+        style: { backgroundColor },
+        src: url3,
+        ...rest
       }
     );
   }
@@ -60459,7 +60464,9 @@ const Avatar = ({
   if (user && !user?.image_url) {
     const simpleUser = {
       first_name: parseFirstName(user.first_name),
-      last_name: user.last_name
+      last_name: user.last_name,
+      image_url: user.image_url,
+      url: user.url
     };
     const initials = createInitials(simpleUser);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -60470,6 +60477,7 @@ const Avatar = ({
         size,
         alt: fullName,
         style: { backgroundColor },
+        ...rest,
         children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body2", color: "white", style: { fontWeight: 600 }, children: initials })
       }
     );
@@ -60481,9 +60489,10 @@ const Avatar = ({
         "data-testid": "avatar",
         shape,
         size,
-        src: user?.image_url,
+        src: url3 || user?.image_url,
         alt: fullName,
         style: { backgroundColor },
+        ...rest,
         children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body2", color: "white", style: { fontWeight: 600 }, children: children2 })
       }
     );
@@ -60491,10 +60500,11 @@ const Avatar = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Avatar$1,
     {
+      ...rest,
       "data-testid": "avatar",
       shape,
       size,
-      src: user?.image_url,
+      src: url3 || user?.image_url,
       alt: fullName
     }
   );
@@ -81295,10 +81305,12 @@ const OverflowMenu = React.forwardRef(
     className,
     style: style2,
     onItemClick,
-    overrideTextColor
+    overrideTextColor,
+    getPopupContainer = () => document.body
   }, ref) => {
     const [internalIsOpen, setInternalIsOpen] = React.useState(false);
     const [isAnimating, setIsAnimating] = React.useState(false);
+    const [triggerRect, setTriggerRect] = React.useState(null);
     const triggerRef = React.useRef(null);
     const menuRef = React.useRef(null);
     const { theme } = useGenesis();
@@ -81326,6 +81338,10 @@ const OverflowMenu = React.forwardRef(
     );
     React.useEffect(() => {
       if (isOpen) {
+        if (getPopupContainer && triggerRef.current) {
+          const rect = triggerRef.current.getBoundingClientRect();
+          setTriggerRect(rect);
+        }
         const timer2 = setTimeout(() => {
           setIsAnimating(true);
         }, 10);
@@ -81336,15 +81352,54 @@ const OverflowMenu = React.forwardRef(
         };
       } else {
         setIsAnimating(false);
+        setTriggerRect(null);
         document.removeEventListener("mousedown", handleClickOutside);
       }
-    }, [isOpen, handleClickOutside]);
+    }, [isOpen, handleClickOutside, getPopupContainer]);
     const getMenuStyle = React.useMemo(() => {
       const baseStyle = {
-        position: "absolute",
+        position: getPopupContainer ? "fixed" : "absolute",
         zIndex: 1e3,
         ...style2
       };
+      if (getPopupContainer && triggerRect) {
+        const { top, left, right, bottom, width, height } = triggerRect;
+        switch (placement) {
+          case "bottom": {
+            return {
+              ...baseStyle,
+              top: bottom + offset2,
+              ...alignment === "right" ? { right: window.innerWidth - right } : { left }
+            };
+          }
+          case "top": {
+            return {
+              ...baseStyle,
+              bottom: window.innerHeight - top + offset2,
+              ...alignment === "right" ? { right: window.innerWidth - right } : { left }
+            };
+          }
+          case "left": {
+            return {
+              ...baseStyle,
+              top,
+              right: window.innerWidth - left + offset2,
+              ...alignment === "right" ? { bottom: window.innerHeight - bottom } : {}
+            };
+          }
+          case "right": {
+            return {
+              ...baseStyle,
+              top,
+              left: right + offset2,
+              ...alignment === "right" ? { bottom: window.innerHeight - bottom } : {}
+            };
+          }
+          default: {
+            return baseStyle;
+          }
+        }
+      }
       switch (placement) {
         case "bottom": {
           return {
@@ -81380,7 +81435,7 @@ const OverflowMenu = React.forwardRef(
           return baseStyle;
         }
       }
-    }, [placement, alignment, offset2, style2]);
+    }, [placement, alignment, offset2, style2, getPopupContainer, triggerRect]);
     const handleItemClick = React.useCallback(
       (item) => {
         onItemClick?.(item);
@@ -81388,6 +81443,25 @@ const OverflowMenu = React.forwardRef(
       },
       [onItemClick, handleOpenChange]
     );
+    const renderMenuContent = (content2) => /* @__PURE__ */ jsxRuntime.jsx(
+      OverflowMenuContainer,
+      {
+        ref: menuRef,
+        theme,
+        className,
+        style: getMenuStyle,
+        $isAnimating: isAnimating,
+        $placement: placement,
+        children: content2
+      }
+    );
+    const renderMenu = (content2) => {
+      if (getPopupContainer && triggerRef.current) {
+        const container = getPopupContainer(triggerRef.current);
+        return ReactDOM.createPortal(renderMenuContent(content2), container);
+      }
+      return renderMenuContent(content2);
+    };
     if (items && items.length > 0) {
       return /* @__PURE__ */ jsxRuntime.jsxs(OverflowMenuWrapper, { ref, children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { ref: triggerRef, onClick: handleTriggerClick, children: overrideTextColor ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -81396,41 +81470,21 @@ const OverflowMenu = React.forwardRef(
             overrideTextColor
           }
         ) : trigger }),
-        isOpen && /* @__PURE__ */ jsxRuntime.jsx(
-          OverflowMenuContainer,
-          {
-            ref: menuRef,
-            theme,
-            className,
-            style: getMenuStyle,
-            $isAnimating: isAnimating,
-            $placement: placement,
-            children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-              OverflowMenuItem,
-              {
-                ...item,
-                onClick: () => handleItemClick(item)
-              },
-              item.id
-            ))
-          }
+        isOpen && renderMenu(
+          items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+            OverflowMenuItem,
+            {
+              ...item,
+              onClick: () => handleItemClick(item)
+            },
+            item.id
+          ))
         )
       ] });
     }
     return /* @__PURE__ */ jsxRuntime.jsxs(OverflowMenuWrapper, { ref, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { ref: triggerRef, onClick: handleTriggerClick, children: trigger }),
-      isOpen && /* @__PURE__ */ jsxRuntime.jsx(
-        OverflowMenuContainer,
-        {
-          ref: menuRef,
-          theme,
-          className,
-          style: getMenuStyle,
-          $isAnimating: isAnimating,
-          $placement: placement,
-          children: children2
-        }
-      )
+      isOpen && renderMenu(children2)
     ] });
   }
 );
@@ -84825,7 +84879,8 @@ const InfiniteScrollTable = ({
   onRowClick,
   onRowSelectionChange,
   onDataChange,
-  filterFn
+  filterFn,
+  hasBulkSelection = true
 }) => {
   const observer = React.useRef();
   const [scrollableNode, setScrollableNode] = React.useState(
@@ -85002,7 +85057,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) {
@@ -85108,6 +85163,7 @@ function Table({
   infiniteScrollConfig,
   enableRowKeyValidation = process.env.NODE_ENV === "development",
   onRowKeyError,
+  hasBulkSelection = true,
   ...rest
 }) {
   const [selectedRowKeys, setSelectedRowKeys] = React__namespace.useState([]);
@@ -85160,7 +85216,9 @@ function Table({
         useWindowScroll: infiniteScrollConfig.useWindowScroll,
         onChange: isInfiniteScroll ? onChange : onChange,
         onRowSelectionChange,
-        onDataChange
+        onDataChange,
+        hasBulkSelection,
+        filterFn: infiniteScrollConfig.filterFn
       }
     );
   }
@@ -85284,7 +85342,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(
@@ -85323,7 +85381,8 @@ const TablePagination = ({
   onRowClick,
   paginationStyle = PaginationStyle.SIMPLE,
   pageSize = 10,
-  isMainContentCell
+  isMainContentCell,
+  hasBulkSelection = true
 }) => {
   const [current, setCurrent] = React.useState(1);
   const total = dataSource.length;
@@ -85337,7 +85396,7 @@ const TablePagination = ({
       {
         columns,
         dataSource: paginatedData,
-        rowSelection,
+        ...hasBulkSelection ? { rowSelection } : {},
         onChange,
         onRowClick,
         pagination: false,
@@ -85389,7 +85448,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({
@@ -85407,6 +85467,11 @@ const useTable = (useTableConfig) => {
     if (disableAutoFetch) {
       isDisabledRef.current = true;
       setLoading(false);
+      setData({
+        dataSource: initialDataSource,
+        columns,
+        error: null
+      });
       return;
     }
     if (hasFetchedRef.current || hasErrored || isDisabledRef.current) {
@@ -85485,12 +85550,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);
@@ -85862,7 +85927,8 @@ const TableWithControls = ({
   tableType = "table",
   isInfiniteScroll,
   infiniteScrollConfig,
-  paginationStyle
+  paginationStyle,
+  hasBulkSelection = true
 }) => {
   const [infiniteScrollData, setInfiniteScrollData] = React.useState({
     totalPages: 0,
@@ -85921,7 +85987,8 @@ const TableWithControls = ({
             scrollWidth: infiniteScrollConfig.scrollWidth,
             useWindowScroll: infiniteScrollConfig.useWindowScroll,
             onChange: onInfiniteScrollTableChange,
-            rowSelection,
+            ...hasBulkSelection ? { rowSelection } : {},
+            hasBulkSelection,
             onRowClick: tableOnRowClick || onRowClick,
             onRowSelectionChange,
             onDataChange
@@ -85934,7 +86001,7 @@ const TableWithControls = ({
           {
             dataSource,
             columns,
-            rowSelection,
+            ...hasBulkSelection ? { rowSelection } : {},
             onChange: onTableChange,
             onRowClick,
             paginationStyle
@@ -85948,7 +86015,7 @@ const TableWithControls = ({
           {
             dataSource,
             columns,
-            rowSelection,
+            ...hasBulkSelection ? { rowSelection } : {},
             onChange: onTableChange,
             onRowClick,
             onRowSelectionChange

package/dist/index.js

@@ -60423,7 +60423,10 @@ const Avatar = ({
   shape = "circle",
   children: children2,
   backgroundColor = "#00282B",
-  user = null
+  user = null,
+  url: url3,
+  alt,
+  ...rest
 }) => {
   if (!user) {
     return /* @__PURE__ */ jsx(
@@ -60433,7 +60436,9 @@ const Avatar = ({
         shape,
         size,
         alt: "Default Avatar",
-        style: { backgroundColor }
+        style: { backgroundColor },
+        src: url3,
+        ...rest
       }
     );
   }
@@ -60441,7 +60446,9 @@ const Avatar = ({
   if (user && !user?.image_url) {
     const simpleUser = {
       first_name: parseFirstName(user.first_name),
-      last_name: user.last_name
+      last_name: user.last_name,
+      image_url: user.image_url,
+      url: user.url
     };
     const initials = createInitials(simpleUser);
     return /* @__PURE__ */ jsx(
@@ -60452,6 +60459,7 @@ const Avatar = ({
         size,
         alt: fullName,
         style: { backgroundColor },
+        ...rest,
         children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "white", style: { fontWeight: 600 }, children: initials })
       }
     );
@@ -60463,9 +60471,10 @@ const Avatar = ({
         "data-testid": "avatar",
         shape,
         size,
-        src: user?.image_url,
+        src: url3 || user?.image_url,
         alt: fullName,
         style: { backgroundColor },
+        ...rest,
         children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "white", style: { fontWeight: 600 }, children: children2 })
       }
     );
@@ -60473,10 +60482,11 @@ const Avatar = ({
   return /* @__PURE__ */ jsx(
     Avatar$1,
     {
+      ...rest,
       "data-testid": "avatar",
       shape,
       size,
-      src: user?.image_url,
+      src: url3 || user?.image_url,
       alt: fullName
     }
   );
@@ -81277,10 +81287,12 @@ const OverflowMenu = forwardRef(
     className,
     style: style2,
     onItemClick,
-    overrideTextColor
+    overrideTextColor,
+    getPopupContainer = () => document.body
   }, ref) => {
     const [internalIsOpen, setInternalIsOpen] = useState(false);
     const [isAnimating, setIsAnimating] = useState(false);
+    const [triggerRect, setTriggerRect] = useState(null);
     const triggerRef = useRef(null);
     const menuRef = useRef(null);
     const { theme } = useGenesis();
@@ -81308,6 +81320,10 @@ const OverflowMenu = forwardRef(
     );
     useEffect(() => {
       if (isOpen) {
+        if (getPopupContainer && triggerRef.current) {
+          const rect = triggerRef.current.getBoundingClientRect();
+          setTriggerRect(rect);
+        }
         const timer2 = setTimeout(() => {
           setIsAnimating(true);
         }, 10);
@@ -81318,15 +81334,54 @@ const OverflowMenu = forwardRef(
         };
       } else {
         setIsAnimating(false);
+        setTriggerRect(null);
         document.removeEventListener("mousedown", handleClickOutside);
       }
-    }, [isOpen, handleClickOutside]);
+    }, [isOpen, handleClickOutside, getPopupContainer]);
     const getMenuStyle = useMemo$1(() => {
       const baseStyle = {
-        position: "absolute",
+        position: getPopupContainer ? "fixed" : "absolute",
         zIndex: 1e3,
         ...style2
       };
+      if (getPopupContainer && triggerRect) {
+        const { top, left, right, bottom, width, height } = triggerRect;
+        switch (placement) {
+          case "bottom": {
+            return {
+              ...baseStyle,
+              top: bottom + offset2,
+              ...alignment === "right" ? { right: window.innerWidth - right } : { left }
+            };
+          }
+          case "top": {
+            return {
+              ...baseStyle,
+              bottom: window.innerHeight - top + offset2,
+              ...alignment === "right" ? { right: window.innerWidth - right } : { left }
+            };
+          }
+          case "left": {
+            return {
+              ...baseStyle,
+              top,
+              right: window.innerWidth - left + offset2,
+              ...alignment === "right" ? { bottom: window.innerHeight - bottom } : {}
+            };
+          }
+          case "right": {
+            return {
+              ...baseStyle,
+              top,
+              left: right + offset2,
+              ...alignment === "right" ? { bottom: window.innerHeight - bottom } : {}
+            };
+          }
+          default: {
+            return baseStyle;
+          }
+        }
+      }
       switch (placement) {
         case "bottom": {
           return {
@@ -81362,7 +81417,7 @@ const OverflowMenu = forwardRef(
           return baseStyle;
         }
       }
-    }, [placement, alignment, offset2, style2]);
+    }, [placement, alignment, offset2, style2, getPopupContainer, triggerRect]);
     const handleItemClick = useCallback(
       (item) => {
         onItemClick?.(item);
@@ -81370,6 +81425,25 @@ const OverflowMenu = forwardRef(
       },
       [onItemClick, handleOpenChange]
     );
+    const renderMenuContent = (content2) => /* @__PURE__ */ jsx(
+      OverflowMenuContainer,
+      {
+        ref: menuRef,
+        theme,
+        className,
+        style: getMenuStyle,
+        $isAnimating: isAnimating,
+        $placement: placement,
+        children: content2
+      }
+    );
+    const renderMenu = (content2) => {
+      if (getPopupContainer && triggerRef.current) {
+        const container = getPopupContainer(triggerRef.current);
+        return createPortal(renderMenuContent(content2), container);
+      }
+      return renderMenuContent(content2);
+    };
     if (items && items.length > 0) {
       return /* @__PURE__ */ jsxs(OverflowMenuWrapper, { ref, children: [
         /* @__PURE__ */ jsx("div", { ref: triggerRef, onClick: handleTriggerClick, children: overrideTextColor ? /* @__PURE__ */ jsx(
@@ -81378,41 +81452,21 @@ const OverflowMenu = forwardRef(
             overrideTextColor
           }
         ) : trigger }),
-        isOpen && /* @__PURE__ */ jsx(
-          OverflowMenuContainer,
-          {
-            ref: menuRef,
-            theme,
-            className,
-            style: getMenuStyle,
-            $isAnimating: isAnimating,
-            $placement: placement,
-            children: items.map((item) => /* @__PURE__ */ jsx(
-              OverflowMenuItem,
-              {
-                ...item,
-                onClick: () => handleItemClick(item)
-              },
-              item.id
-            ))
-          }
+        isOpen && renderMenu(
+          items.map((item) => /* @__PURE__ */ jsx(
+            OverflowMenuItem,
+            {
+              ...item,
+              onClick: () => handleItemClick(item)
+            },
+            item.id
+          ))
         )
       ] });
     }
     return /* @__PURE__ */ jsxs(OverflowMenuWrapper, { ref, children: [
       /* @__PURE__ */ jsx("div", { ref: triggerRef, onClick: handleTriggerClick, children: trigger }),
-      isOpen && /* @__PURE__ */ jsx(
-        OverflowMenuContainer,
-        {
-          ref: menuRef,
-          theme,
-          className,
-          style: getMenuStyle,
-          $isAnimating: isAnimating,
-          $placement: placement,
-          children: children2
-        }
-      )
+      isOpen && renderMenu(children2)
     ] });
   }
 );
@@ -84807,7 +84861,8 @@ const InfiniteScrollTable = ({
   onRowClick,
   onRowSelectionChange,
   onDataChange,
-  filterFn
+  filterFn,
+  hasBulkSelection = true
 }) => {
   const observer = useRef();
   const [scrollableNode, setScrollableNode] = useState(
@@ -84984,7 +85039,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) {
@@ -85090,6 +85145,7 @@ function Table({
   infiniteScrollConfig,
   enableRowKeyValidation = process.env.NODE_ENV === "development",
   onRowKeyError,
+  hasBulkSelection = true,
   ...rest
 }) {
   const [selectedRowKeys, setSelectedRowKeys] = React.useState([]);
@@ -85142,7 +85198,9 @@ function Table({
         useWindowScroll: infiniteScrollConfig.useWindowScroll,
         onChange: isInfiniteScroll ? onChange : onChange,
         onRowSelectionChange,
-        onDataChange
+        onDataChange,
+        hasBulkSelection,
+        filterFn: infiniteScrollConfig.filterFn
       }
     );
   }
@@ -85266,7 +85324,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(
@@ -85305,7 +85363,8 @@ const TablePagination = ({
   onRowClick,
   paginationStyle = PaginationStyle.SIMPLE,
   pageSize = 10,
-  isMainContentCell
+  isMainContentCell,
+  hasBulkSelection = true
 }) => {
   const [current, setCurrent] = useState(1);
   const total = dataSource.length;
@@ -85319,7 +85378,7 @@ const TablePagination = ({
       {
         columns,
         dataSource: paginatedData,
-        rowSelection,
+        ...hasBulkSelection ? { rowSelection } : {},
         onChange,
         onRowClick,
         pagination: false,
@@ -85371,7 +85430,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({
@@ -85389,6 +85449,11 @@ const useTable = (useTableConfig) => {
     if (disableAutoFetch) {
       isDisabledRef.current = true;
       setLoading(false);
+      setData({
+        dataSource: initialDataSource,
+        columns,
+        error: null
+      });
       return;
     }
     if (hasFetchedRef.current || hasErrored || isDisabledRef.current) {
@@ -85467,12 +85532,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);
@@ -85844,7 +85909,8 @@ const TableWithControls = ({
   tableType = "table",
   isInfiniteScroll,
   infiniteScrollConfig,
-  paginationStyle
+  paginationStyle,
+  hasBulkSelection = true
 }) => {
   const [infiniteScrollData, setInfiniteScrollData] = useState({
     totalPages: 0,
@@ -85903,7 +85969,8 @@ const TableWithControls = ({
             scrollWidth: infiniteScrollConfig.scrollWidth,
             useWindowScroll: infiniteScrollConfig.useWindowScroll,
             onChange: onInfiniteScrollTableChange,
-            rowSelection,
+            ...hasBulkSelection ? { rowSelection } : {},
+            hasBulkSelection,
             onRowClick: tableOnRowClick || onRowClick,
             onRowSelectionChange,
             onDataChange
@@ -85916,7 +85983,7 @@ const TableWithControls = ({
           {
             dataSource,
             columns,
-            rowSelection,
+            ...hasBulkSelection ? { rowSelection } : {},
             onChange: onTableChange,
             onRowClick,
             paginationStyle
@@ -85930,7 +85997,7 @@ const TableWithControls = ({
           {
             dataSource,
             columns,
-            rowSelection,
+            ...hasBulkSelection ? { rowSelection } : {},
             onChange: onTableChange,
             onRowClick,
             onRowSelectionChange

package/package.json

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