globuswebcomponents 2.8.12 → 2.9.0

package/dist/globuscomponents/p-cHn6O-Kf.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-cHn6O-Kf.js","sources":["src/models/reusableModels.ts"],"sourcesContent":["import { JSX } from \"@stencil/core\";\r\n\r\nexport type GeneralSizes = 'xxxxl' | 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n  Default = 'default',\r\n  Disabled = 'disabled',\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none' | 'center';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n  VeryLight = 'very_light',\r\n  Light = 'light',\r\n  Regular = 'regular',\r\n  Heavy = 'heavy',\r\n}\r\n\r\nexport enum OnlineIndicatorStates {\r\n  Online = 'online',\r\n  Offline = 'offline',\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'solid' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple' | 'white';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n  | 'page_default'\r\n  | 'page_minimal_center_aligned'\r\n  | 'card_default'\r\n  | 'card_minimal_right_aligned'\r\n  | 'card_minimal_left_aligned'\r\n  | 'card_minimal_center_aligned'\r\n  | 'card_button_group_right_aligned'\r\n  | 'card_button_group_left_aligned'\r\n  | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes =\r\n  | 'button_primary'\r\n  | 'button_gray'\r\n  | 'button_white'\r\n  | 'rounded_button_white'\r\n  | 'underline'\r\n  | 'underline_filled'\r\n  | 'line'\r\n  | 'button_white_border'\r\n  | 'rounded_button_white_border'\r\n  | 'button_gray_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n  | 'default'\r\n  | 'icon_leading'\r\n  | 'leading_dropdown'\r\n  | 'trailing_dropdown'\r\n  | 'leading_text'\r\n  | 'payment_input'\r\n  | 'tags'\r\n  | 'trailing_button'\r\n  | 'password'\r\n  | 'password_icon_leading'\r\n  | 'count';\r\n\r\nexport type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags';\r\n\r\nexport type ColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow' | 'red' | 'white';\r\n\r\nexport type DropdownItemTypes = string | number | { name: string | number; username: string; selected?: boolean };\r\n\r\nexport type PaginationDotTypes = 'dot' | 'line';\r\n\r\nexport type FileIconStyles = 'default' | 'gray' | 'solid';\r\n\r\nexport type FileIconTypes = 'pdf' | 'csv' | 'jpg' | 'jpeg' | 'ppt' | 'pptx' | 'doc' | 'docx' | 'xls' | 'xlsx' | 'svg' | 'txt' | 'zip' | 'rar' | 'mp3' | 'mp4' | 'png' | 'empty';\r\n\r\nexport type TableCellTypes = 'text' | 'lead_text' | 'lead_checkbox' | 'badge';\r\n\r\nexport type ProgressStepStatus = 'incomplete' | 'current' | 'complete';\r\n\r\nexport type ProgressStepTypes = 'icon_only' | 'icon_left' | 'icon_top' | 'text_line' | 'featured_icon_left' | 'featured_icon_top';\r\n\r\nexport type ProgressStepStates = 'default' | 'destructive';\r\n\r\nexport type BadgeTypes = 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';\r\n\r\nexport type GeneralStyles = 'standard' | 'compact';\r\n\r\nexport type StateType = 'default' | 'disabled' | 'applied' | 'loading';\r\n\r\nexport type ButtonGroupTypes = 'false' | 'leading' | 'only' | 'dot' | 'checkbox';\r\n\r\nexport type ThemeTypes = 'system' | 'light' | 'dark';\r\n\r\nexport type BadgeIconTypes = 'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only' | 'false';\r\n\r\nexport type DropdownRoles = { badgeLabel: string; badgeColor: GeneralColors; badgeType: BadgeTypes };\r\n\r\nexport type StepperType = {\r\n  state: ProgressStepStates;\r\n  status: ProgressStepStatus;\r\n  label?: string;\r\n  supportingText?: string;\r\n};\r\n\r\nexport type DetailCellType = 'information' | 'document' | 'status' | 'button';\r\n\r\nexport type MetricFeaturedIconTypes = 'glassmorphism' | 'circular_filled';\r\n\r\nexport interface DropdownListGroup {\r\n  icon: string;\r\n  label: string;\r\n  shortcut: string;\r\n}\r\n\r\n\r\nexport type CloseButtonPositions = 'left' | 'right';\r\n\r\nexport interface Notification {\r\n  label: string;\r\n  time: string;\r\n  desc: string;\r\n  icon: string;\r\n}\r\n\r\nexport type IllustrationTypes = 'cloud' | 'box' | 'documents' | 'credit_card';\r\n\r\nexport type PatternTypes = 'circles' | 'grid' | 'grid_dot' | 'squares';\r\n\r\nexport type MobilePosition = 'top_left' | 'top_right' | 'bottom_left' | 'bottom_right';\r\n\r\nexport interface TableColumn {\r\n  key: string;\r\n  label: string;\r\n  width?: string;\r\n  align?: 'left' | 'center' | 'right';\r\n  stickyRight?: boolean;\r\n  helpIcon?: boolean;\r\n  sortable?: boolean;\r\n  sortType?: 'string' | 'number' | 'date';\r\n  sortComparator?: (a: any, b: any) => number;\r\n  cellComponent?: string;\r\n  cellActionType?: 'dropdown' | 'void';\r\n  cellProps?: { [key: string]: any };\r\n  cellSlots?: JSX.Element | ((row: any) => JSX.Element);\r\n  onClick?: () => void;\r\n  mobile?: {\r\n    position?: MobilePosition;\r\n  };\r\n}\r\n\r\nexport interface RowAction {\r\n  label: string;\r\n  icon?: string;\r\n  action: string; // emitted event name\r\n  disabled?: boolean;\r\n}\r\n\r\nexport type PortalPlacement =\r\n  | 'top'\r\n  | 'top-start'\r\n  | 'top-end'\r\n  | 'bottom'\r\n  | 'bottom-start'\r\n  | 'bottom-end'\r\n  | 'left'\r\n  | 'left-start'\r\n  | 'left-end'\r\n  | 'right'\r\n  | 'right-start'\r\n  | 'right-end';\r\n"],"names":[],"mappings":"AAMY,IAAA;AAAZ,CAAA,UAAY,SAAS,EAAA;AACnB,IAAA,SAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,SAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHW,SAAS,KAAT,SAAS,GAGpB,EAAA,CAAA,CAAA;AAMW,IAAA;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,WAAA,CAAA,GAAA,YAAwB;AACxB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EALW,aAAa,KAAb,aAAa,GAKxB,EAAA,CAAA,CAAA;AAEW,IAAA;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,qBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACrB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,GAGhC,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"p-cHn6O-Kf.js","sources":["src/models/reusableModels.ts"],"sourcesContent":["import { JSX } from \"@stencil/core\";\r\n\r\nexport type GeneralSizes = 'xxxxl' | 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n  Default = 'default',\r\n  Disabled = 'disabled',\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none' | 'center';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n  VeryLight = 'very_light',\r\n  Light = 'light',\r\n  Regular = 'regular',\r\n  Heavy = 'heavy',\r\n}\r\n\r\nexport enum OnlineIndicatorStates {\r\n  Online = 'online',\r\n  Offline = 'offline',\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'solid' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple' | 'white';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n  | 'page_default'\r\n  | 'page_minimal_center_aligned'\r\n  | 'card_default'\r\n  | 'card_minimal_right_aligned'\r\n  | 'card_minimal_left_aligned'\r\n  | 'card_minimal_center_aligned'\r\n  | 'card_button_group_right_aligned'\r\n  | 'card_button_group_left_aligned'\r\n  | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes =\r\n  | 'button_primary'\r\n  | 'button_gray'\r\n  | 'button_white'\r\n  | 'rounded_button_white'\r\n  | 'underline'\r\n  | 'underline_filled'\r\n  | 'line'\r\n  | 'button_white_border'\r\n  | 'rounded_button_white_border'\r\n  | 'button_gray_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n  | 'default'\r\n  | 'icon_leading'\r\n  | 'leading_dropdown'\r\n  | 'trailing_dropdown'\r\n  | 'leading_text'\r\n  | 'payment_input'\r\n  | 'tags'\r\n  | 'trailing_button'\r\n  | 'password'\r\n  | 'password_icon_leading'\r\n  | 'count';\r\n\r\nexport type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags';\r\n\r\nexport type ColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow' | 'red' | 'white';\r\n\r\nexport type DropdownItemTypes = string | number | { name: string | number; username: string; selected?: boolean };\r\n\r\nexport type PaginationDotTypes = 'dot' | 'line';\r\n\r\nexport type FileIconStyles = 'default' | 'gray' | 'solid';\r\n\r\nexport type FileIconTypes = 'pdf' | 'csv' | 'jpg' | 'jpeg' | 'ppt' | 'pptx' | 'doc' | 'docx' | 'xls' | 'xlsx' | 'svg' | 'txt' | 'zip' | 'rar' | 'mp3' | 'mp4' | 'png' | 'empty';\r\n\r\nexport type TableCellTypes = 'text' | 'lead_text' | 'lead_checkbox' | 'badge';\r\n\r\nexport type ProgressStepStatus = 'incomplete' | 'current' | 'complete';\r\n\r\nexport type ProgressStepTypes = 'icon_only' | 'icon_left' | 'icon_top' | 'text_line' | 'featured_icon_left' | 'featured_icon_top';\r\n\r\nexport type ProgressStepStates = 'default' | 'destructive';\r\n\r\nexport type BadgeTypes = 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';\r\n\r\nexport type GeneralStyles = 'standard' | 'compact';\r\n\r\nexport type StateType = 'default' | 'disabled' | 'applied' | 'loading';\r\n\r\nexport type ButtonGroupTypes = 'false' | 'leading' | 'only' | 'dot' | 'checkbox';\r\n\r\nexport type ThemeTypes = 'system' | 'light' | 'dark';\r\n\r\nexport type BadgeIconTypes = 'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only' | 'false';\r\n\r\nexport type DropdownRoles = { badgeLabel: string; badgeColor: GeneralColors; badgeType: BadgeTypes };\r\n\r\nexport type StepperType = {\r\n  state: ProgressStepStates;\r\n  status: ProgressStepStatus;\r\n  label?: string;\r\n  supportingText?: string;\r\n};\r\n\r\nexport type DetailCellType = 'information' | 'document' | 'status' | 'button';\r\n\r\nexport type MetricFeaturedIconTypes = 'glassmorphism' | 'circular_filled';\r\n\r\nexport interface DropdownListGroup {\r\n  icon: string;\r\n  label: string;\r\n  shortcut: string;\r\n}\r\n\r\n\r\nexport type CloseButtonPositions = 'left' | 'right';\r\n\r\nexport interface Notification {\r\n  label: string;\r\n  time: string;\r\n  desc: string;\r\n  icon: string;\r\n}\r\n\r\nexport type IllustrationTypes = 'cloud' | 'box' | 'documents' | 'credit_card';\r\n\r\nexport type PatternTypes = 'circles' | 'grid' | 'grid_dot' | 'squares';\r\n\r\nexport type MobilePosition = 'top_left' | 'top_right' | 'bottom_left' | 'bottom_right';\r\n\r\nexport interface TableColumn {\r\n  key: string;\r\n  label: string;\r\n  width?: string;\r\n  align?: 'left' | 'center' | 'right';\r\n  stickyRight?: boolean;\r\n  helpIcon?: boolean;\r\n  sortable?: boolean;\r\n  sortType?: 'string' | 'number' | 'date';\r\n  sortComparator?: (a: any, b: any) => number;\r\n  render?: (row: any) => any;\r\n  cellComponent?: string;\r\n  cellActionType?: 'dropdown' | 'void';\r\n  cellProps?: { [key: string]: any };\r\n  cellSlots?: JSX.Element | ((row: any) => JSX.Element);\r\n  onClick?: () => void;\r\n  mobile?: {\r\n    position?: MobilePosition;\r\n  };\r\n}\r\n\r\nexport interface RowAction {\r\n  label: string;\r\n  icon?: string;\r\n  action: string; // emitted event name\r\n  disabled?: boolean;\r\n  type?: 'button' | 'dropdown';\r\n}\r\n\r\nexport interface DropdownOption {\r\n  label: string;\r\n  icon?: string;\r\n  action: string; // emitted event name\r\n  disabled?: boolean;\r\n}\r\n\r\nexport type PortalPlacement =\r\n  | 'top'\r\n  | 'top-start'\r\n  | 'top-end'\r\n  | 'bottom'\r\n  | 'bottom-start'\r\n  | 'bottom-end'\r\n  | 'left'\r\n  | 'left-start'\r\n  | 'left-end'\r\n  | 'right'\r\n  | 'right-start'\r\n  | 'right-end';\r\n"],"names":[],"mappings":"AAMY,IAAA;AAAZ,CAAA,UAAY,SAAS,EAAA;AACnB,IAAA,SAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,SAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHW,SAAS,KAAT,SAAS,GAGpB,EAAA,CAAA,CAAA;AAMW,IAAA;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,WAAA,CAAA,GAAA,YAAwB;AACxB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EALW,aAAa,KAAb,aAAa,GAKxB,EAAA,CAAA,CAAA;AAEW,IAAA;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,qBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACrB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,GAGhC,EAAA,CAAA,CAAA;;;;"}

package/dist/globuscomponents/readme.md

@@ -28,6 +28,19 @@
 | `buttonClicked` |             | `CustomEvent<void>` |
 
 
+## Methods
+
+### `getNativeButton() => Promise<HTMLButtonElement | null>`
+
+
+
+#### Returns
+
+Type: `Promise<HTMLButtonElement>`
+
+
+
+
 ## Dependencies
 
 ### Used by

package/dist/types/components/gb-table/gb-table.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { RowAction, TableColumn } from '../../models/reusableModels';
+import { DropdownOption, GeneralColors, RowAction, TableColumn, ThemeTypes } from '../../models/reusableModels';
 export declare class GbTable {
     columns: TableColumn[];
     data: any[];
@@ -12,25 +12,39 @@ export declare class GbTable {
         showSearch: boolean;
         showExport: boolean;
         showRefreshButton: boolean;
+        datePickerMode: 'single' | 'range';
+    };
+    paginationConfig: {
+        paginationMode: 'internal' | 'external';
+        entriesDropdownMenuPosition: 'top' | 'bottom';
+        currentPage?: number;
+        pageSize?: number;
+        totalItems?: number;
+    };
+    emptyStateConfig: {
+        mainText: string;
+        supportingText?: string;
+        color?: GeneralColors;
+        illustrationIcon?: string;
+        theme?: ThemeTypes;
+        primaryButtonIcon?: string;
     };
-    paginationConfig: any;
     showActionsColumn: boolean;
-    rowActions?: RowAction[];
+    rowActions: RowAction[];
+    dropdownOptions?: DropdownOption[];
     stickyFirstColumn: boolean;
     stickyLastColumn: boolean;
     actionsType: 'none' | 'dropdown' | '';
     showCheckbox: boolean;
-    paginationMode: 'internal' | 'external';
-    currentPage?: number;
-    pageSize: number;
-    totalItems?: number;
     internalCurrentPage: number;
+    internalPageSize: number;
     openRowIndex: number | null;
     sortKey?: string;
     sortDirection: 'asc' | 'desc';
     selectedRowIds: Set<string>;
     breakpoint: 'mobile' | 'desktop';
     isMobile: boolean;
+    isScrollable: boolean;
     rowActionClick: EventEmitter<{
         action: string;
         row: any;
@@ -44,8 +58,11 @@ export declare class GbTable {
     dateChange: EventEmitter<string | string[]>;
     private actionButtonRefs;
     private currentAnchorEl?;
-    componentWillLoad(): void;
+    private scrollContainer?;
+    componentWillRender(): void;
+    componentDidRender(): void;
     checkViewport(): void;
+    private checkScrollability;
     private handleAction;
     private renderCell;
     emitPaginationDetails({ detail }: {
@@ -61,15 +78,15 @@ export declare class GbTable {
     private emitSelection;
     private get displayedData();
     private handlePageChange;
+    private get totalPages();
     onDataChange(newValue: any[], _oldValue: any[]): void;
     onTotalItemsChange(newValue: number, _oldValue: number): void;
     private renderHeaderIcons;
     renderDesktopView(): any;
     validateMobilePositions(): void;
     renderMobileView(): any;
-    emitSearchValue({ detail }: {
-        detail: any;
-    }): void;
+    emitSearchValue(detail: any): void;
+    emitDateChange(detail: any): void;
     disconnectedCallback(): void;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -5,9 +5,9 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ArrowPositions, BadgeIconTypes, BadgeTypes, BorderWeights, BreakPoints, ButtonGroupTypes, CheckBoxVariants, CloseButtonPositions, ColorTypes, DetailCellType, DropdownListGroup, DropdownRoles, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, GeneralStyles, IllustrationTypes, InputFieldTypes, MetricFeaturedIconTypes, Notification, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, PatternTypes, PortalPlacement, ProgressStepStates, ProgressStepStatus, ProgressStepTypes, RowAction, StateEnum, StateType, StepperType, TableCellTypes, TableColumn, TabTypes, ThemeTypes } from "./models/reusableModels";
+import { ArrowPositions, BadgeIconTypes, BadgeTypes, BorderWeights, BreakPoints, ButtonGroupTypes, CheckBoxVariants, CloseButtonPositions, ColorTypes, DetailCellType, DropdownListGroup, DropdownOption, DropdownRoles, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, GeneralStyles, IllustrationTypes, InputFieldTypes, MetricFeaturedIconTypes, Notification, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, PatternTypes, PortalPlacement, ProgressStepStates, ProgressStepStatus, ProgressStepTypes, RowAction, StateEnum, StateType, StepperType, TableCellTypes, TableColumn, TabTypes, ThemeTypes } from "./models/reusableModels";
 import { StateType as StateType1, ThemeTypes as ThemeTypes1 } from "./components";
-export { ArrowPositions, BadgeIconTypes, BadgeTypes, BorderWeights, BreakPoints, ButtonGroupTypes, CheckBoxVariants, CloseButtonPositions, ColorTypes, DetailCellType, DropdownListGroup, DropdownRoles, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, GeneralStyles, IllustrationTypes, InputFieldTypes, MetricFeaturedIconTypes, Notification, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, PatternTypes, PortalPlacement, ProgressStepStates, ProgressStepStatus, ProgressStepTypes, RowAction, StateEnum, StateType, StepperType, TableCellTypes, TableColumn, TabTypes, ThemeTypes } from "./models/reusableModels";
+export { ArrowPositions, BadgeIconTypes, BadgeTypes, BorderWeights, BreakPoints, ButtonGroupTypes, CheckBoxVariants, CloseButtonPositions, ColorTypes, DetailCellType, DropdownListGroup, DropdownOption, DropdownRoles, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, GeneralStyles, IllustrationTypes, InputFieldTypes, MetricFeaturedIconTypes, Notification, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, PatternTypes, PortalPlacement, ProgressStepStates, ProgressStepStatus, ProgressStepTypes, RowAction, StateEnum, StateType, StepperType, TableCellTypes, TableColumn, TabTypes, ThemeTypes } from "./models/reusableModels";
 export { StateType as StateType1, ThemeTypes as ThemeTypes1 } from "./components";
 export namespace Components {
     interface GbActionPanel {
@@ -742,7 +742,7 @@ export namespace Components {
          */
         "fullWidth": boolean;
         /**
-          * @default 'left'
+          * @default 'right'
          */
         "iconPosition": CloseButtonPositions;
         /**
@@ -2203,39 +2203,41 @@ export namespace Components {
          */
         "actionsType": 'none' | 'dropdown' | '';
         /**
-          * @default [     { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },     { key: 'date', label: 'Date', mobile: { position: 'bottom_left' } },     { key: 'name', label: 'Name', sortable: true, sortType: 'string', helpIcon: true, mobile: { position: 'top_right' } },     { key: 'role', label: 'Role' },     { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number' },     {       key: 'status',       label: 'Status',       cellComponent: 'gb-badge',       cellProps: row => ({         color: row.status === 'Completed' ? 'success' : 'error',         type: 'badge_modern',         size: 'sm',         icon: 'dot',       }),       cellSlots: row => <p>{row.status}</p>,       mobile: { position: 'bottom_right' },     },     // {     //   key: '',     //   label: '',     //   cellComponent: 'gb-button',     //   width: '50px',     //   cellProps: () => ({     //     hierarchy: 'tertiary_gray',     //     size: 'sm',     //     icon: 'only',     //     iconLeading: true,     //     iconLeadingSwap: 'assets/more-horizontal.svg',     //   }),     // },   ]
+          * @default [     { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },     { key: 'date', label: 'Date', mobile: { position: 'bottom_left' } },     { key: 'name', label: 'Name', sortable: true, sortType: 'string', helpIcon: true, mobile: { position: 'top_right' } },     { key: 'role', label: 'Role' },     { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number' },     {       key: 'status',       label: 'Status',       render: row => (         <gb-badge color={row.status === 'Completed' ? 'success' : 'error'} type="badge_modern" size="sm" icon="dot">           <p>{row.status}</p>         </gb-badge>       ),       mobile: { position: 'bottom_right' },     },     // {     //   key: '',     //   label: '',     //   cellComponent: 'gb-button',     //   width: '50px',     //   cellProps: () => ({     //     hierarchy: 'tertiary_gray',     //     size: 'sm',     //     icon: 'only',     //     iconLeading: true,     //     iconLeadingSwap: 'assets/more-horizontal.svg',     //   }),     // },   ]
          */
         "columns": TableColumn[];
         /**
-          * @default 1
-         */
-        "currentPage"?: number;
-        /**
-          * @default [     { id: '#3001', date: 'Jan 1, 2022', name: 'Emma Johnson', role: 'Frontend Developer', level: 'Today', customer: 'John Doe', amount: '$120.00', status: 'Completed' },     { id: '#3002', date: 'Jan 2, 2022', name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },     { id: '#3003', date: 'Jan 3, 2022', name: 'Olivia Brown', role: 'UI Designer', level: 'Today', customer: 'Michael Lee', amount: '$230.75', status: 'Cancelled' },     { id: '#3004', date: 'Jan 4, 2022', name: 'Noah Davis', role: 'DevOps Engineer', level: 'Today', customer: 'Emily Clark', amount: '$59.99', status: 'Completed' },     { id: '#3005', date: 'Jan 5, 2022', name: 'Ava Martinez', role: 'Product Manager', level: 'Today', customer: 'Daniel Harris', amount: '$410.00', status: 'Pending' },     { id: '#3006', date: 'Jan 6, 2022', name: 'William Garcia', role: 'QA Engineer', level: 'Today', customer: 'Sophia Lewis', amount: '$150.20', status: 'Completed' },     { id: '#3007', date: 'Jan 7, 2022', name: 'Isabella Rodriguez', role: 'Business Analyst', level: 'Today', customer: 'James Walker', amount: '$78.40', status: 'Pending' },     { id: '#3008', date: 'Jan 8, 2022', name: 'James Wilson', role: 'Fullstack Developer', level: 'Today', customer: 'Mia Hall', amount: '$300.00', status: 'Completed' },     { id: '#3009', date: 'Jan 9, 2022', name: 'Sophia Anderson', role: 'UX Researcher', level: 'Today', customer: 'Benjamin Allen', amount: '$95.60', status: 'Cancelled' },     { id: '#3010', date: 'Jan 10, 2022', name: 'Benjamin Thomas', role: 'Mobile Developer', level: 'Today', customer: 'Charlotte Young', amount: '$210.10', status: 'Completed' },     { id: '#3011', date: 'Jan 11, 2022', name: 'Mia Taylor', role: 'Data Analyst', level: 'Today', customer: 'Lucas King', amount: '$180.00', status: 'Pending' },     { id: '#3012', date: 'Jan 12, 2022', name: 'Lucas Moore', role: 'Cloud Engineer', level: 'Today', customer: 'Amelia Scott', amount: '$420.75', status: 'Completed' },     { id: '#3013', date: 'Jan 13, 2022', name: 'Charlotte Jackson', role: 'Security Engineer', level: 'Today', customer: 'Elijah Green', amount: '$65.90', status: 'Cancelled' },     { id: '#3014', date: 'Jan 14, 2022', name: 'Elijah Martin', role: 'Technical Lead', level: 'Today', customer: 'Harper Adams', amount: '$510.30', status: 'Completed' },     { id: '#3015', date: 'Jan 15, 2022', name: 'Amelia Lee', role: 'Scrum Master', level: 'Today', customer: 'Alexander Baker', amount: '$99.99', status: 'Pending' },     { id: '#3016', date: 'Jan 16, 2022', name: 'Harper Perez', role: 'Frontend Developer', level: 'Today', customer: 'Ella Nelson', amount: '$275.45', status: 'Completed' },     { id: '#3017', date: 'Jan 17, 2022', name: 'Alexander White', role: 'Backend Developer', level: 'Today', customer: 'Matthew Carter', amount: '$340.00', status: 'Pending' },     { id: '#3018', date: 'Jan 18, 2022', name: 'Ella Harris', role: 'UI Designer', level: 'Today', customer: 'Avery Mitchell', amount: '$88.80', status: 'Completed' },     { id: '#3019', date: 'Jan 19, 2022', name: 'Matthew Clark', role: 'DevOps Engineer', level: 'Today', customer: 'Evelyn Perez', amount: '$190.25', status: 'Cancelled' },     { id: '#3020', date: 'Jan 20, 2022', name: 'Avery Lewis', role: 'Product Manager', level: 'Today', customer: 'Henry Roberts', amount: '$600.00', status: 'Completed' },     { id: '#3021', date: 'Jan 21, 2022', name: 'Evelyn Walker', role: 'QA Engineer', level: 'Today', customer: 'Luna Turner', amount: '$72.30', status: 'Pending' },     { id: '#3022', date: 'Jan 22, 2022', name: 'Henry Hall', role: 'Business Analyst', level: 'Today', customer: 'Jack Phillips', amount: '$310.40', status: 'Completed' },     { id: '#3023', date: 'Jan 23, 2022', name: 'Luna Allen', role: 'Fullstack Developer', level: 'Today', customer: 'Sofia Campbell', amount: '$145.00', status: 'Cancelled' },     { id: '#3024', date: 'Jan 24, 2022', name: 'Jack Young', role: 'UX Researcher', level: 'Today', customer: 'David Parker', amount: '$260.70', status: 'Completed' },     { id: '#3025', date: 'Jan 25, 2022', name: 'Sofia Hernandez', role: 'Mobile Developer', level: 'Today', customer: 'Grace Evans', amount: '$89.10', status: 'Pending' },     { id: '#3026', date: 'Jan 26, 2022', name: 'David King', role: 'Data Analyst', level: 'Today', customer: 'Samuel Edwards', amount: '$410.90', status: 'Completed' },     { id: '#3027', date: 'Jan 27, 2022', name: 'Grace Wright', role: 'Cloud Engineer', level: 'Today', customer: 'Chloe Collins', amount: '$130.55', status: 'Cancelled' },     { id: '#3028', date: 'Jan 28, 2022', name: 'Samuel Scott', role: 'Security Engineer', level: 'Today', customer: 'Victoria Stewart', amount: '$555.00', status: 'Completed' },     { id: '#3029', date: 'Jan 29, 2022', name: 'Chloe Green', role: 'Technical Lead', level: 'Today', customer: 'Nathan Morris', amount: '$205.25', status: 'Pending' },     { id: '#3030', date: 'Jan 30, 2022', name: 'Nathan Adams', role: 'Scrum Master', level: 'Today', customer: 'Zoe Rogers', amount: '$320.80', status: 'Completed' },   ]
+          * @default [     {       id: '#3001',       date: 'Jan 1, 2022',       name: 'Emma Johnson',       role: 'Frontend Developer',       level: 'Today',       customer: 'John Doe',       amount: '$120.00',       status: 'Completed',     },     { id: '#3002', date: 'Jan 2, 2022', name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },     { id: '#3003', date: 'Jan 3, 2022', name: 'Olivia Brown', role: 'UI Designer', level: 'Today', customer: 'Michael Lee', amount: '$230.75', status: 'Cancelled' },     { id: '#3004', date: 'Jan 4, 2022', name: 'Noah Davis', role: 'DevOps Engineer', level: 'Today', customer: 'Emily Clark', amount: '$59.99', status: 'Completed' },     { id: '#3005', date: 'Jan 5, 2022', name: 'Ava Martinez', role: 'Product Manager', level: 'Today', customer: 'Daniel Harris', amount: '$410.00', status: 'Pending' },     { id: '#3006', date: 'Jan 6, 2022', name: 'William Garcia', role: 'QA Engineer', level: 'Today', customer: 'Sophia Lewis', amount: '$150.20', status: 'Completed' },     { id: '#3007', date: 'Jan 7, 2022', name: 'Isabella Rodriguez', role: 'Business Analyst', level: 'Today', customer: 'James Walker', amount: '$78.40', status: 'Pending' },     { id: '#3008', date: 'Jan 8, 2022', name: 'James Wilson', role: 'Fullstack Developer', level: 'Today', customer: 'Mia Hall', amount: '$300.00', status: 'Completed' },     { id: '#3009', date: 'Jan 9, 2022', name: 'Sophia Anderson', role: 'UX Researcher', level: 'Today', customer: 'Benjamin Allen', amount: '$95.60', status: 'Cancelled' },     { id: '#3010', date: 'Jan 10, 2022', name: 'Benjamin Thomas', role: 'Mobile Developer', level: 'Today', customer: 'Charlotte Young', amount: '$210.10', status: 'Completed' },     { id: '#3011', date: 'Jan 11, 2022', name: 'Mia Taylor', role: 'Data Analyst', level: 'Today', customer: 'Lucas King', amount: '$180.00', status: 'Pending' },     { id: '#3012', date: 'Jan 12, 2022', name: 'Lucas Moore', role: 'Cloud Engineer', level: 'Today', customer: 'Amelia Scott', amount: '$420.75', status: 'Completed' },     { id: '#3013', date: 'Jan 13, 2022', name: 'Charlotte Jackson', role: 'Security Engineer', level: 'Today', customer: 'Elijah Green', amount: '$65.90', status: 'Cancelled' },     { id: '#3014', date: 'Jan 14, 2022', name: 'Elijah Martin', role: 'Technical Lead', level: 'Today', customer: 'Harper Adams', amount: '$510.30', status: 'Completed' },     { id: '#3015', date: 'Jan 15, 2022', name: 'Amelia Lee', role: 'Scrum Master', level: 'Today', customer: 'Alexander Baker', amount: '$99.99', status: 'Pending' },     { id: '#3016', date: 'Jan 16, 2022', name: 'Harper Perez', role: 'Frontend Developer', level: 'Today', customer: 'Ella Nelson', amount: '$275.45', status: 'Completed' },     { id: '#3017', date: 'Jan 17, 2022', name: 'Alexander White', role: 'Backend Developer', level: 'Today', customer: 'Matthew Carter', amount: '$340.00', status: 'Pending' },     { id: '#3018', date: 'Jan 18, 2022', name: 'Ella Harris', role: 'UI Designer', level: 'Today', customer: 'Avery Mitchell', amount: '$88.80', status: 'Completed' },     { id: '#3019', date: 'Jan 19, 2022', name: 'Matthew Clark', role: 'DevOps Engineer', level: 'Today', customer: 'Evelyn Perez', amount: '$190.25', status: 'Cancelled' },     { id: '#3020', date: 'Jan 20, 2022', name: 'Avery Lewis', role: 'Product Manager', level: 'Today', customer: 'Henry Roberts', amount: '$600.00', status: 'Completed' },     { id: '#3021', date: 'Jan 21, 2022', name: 'Evelyn Walker', role: 'QA Engineer', level: 'Today', customer: 'Luna Turner', amount: '$72.30', status: 'Pending' },     { id: '#3022', date: 'Jan 22, 2022', name: 'Henry Hall', role: 'Business Analyst', level: 'Today', customer: 'Jack Phillips', amount: '$310.40', status: 'Completed' },     { id: '#3023', date: 'Jan 23, 2022', name: 'Luna Allen', role: 'Fullstack Developer', level: 'Today', customer: 'Sofia Campbell', amount: '$145.00', status: 'Cancelled' },     { id: '#3024', date: 'Jan 24, 2022', name: 'Jack Young', role: 'UX Researcher', level: 'Today', customer: 'David Parker', amount: '$260.70', status: 'Completed' },     { id: '#3025', date: 'Jan 25, 2022', name: 'Sofia Hernandez', role: 'Mobile Developer', level: 'Today', customer: 'Grace Evans', amount: '$89.10', status: 'Pending' },     { id: '#3026', date: 'Jan 26, 2022', name: 'David King', role: 'Data Analyst', level: 'Today', customer: 'Samuel Edwards', amount: '$410.90', status: 'Completed' },     { id: '#3027', date: 'Jan 27, 2022', name: 'Grace Wright', role: 'Cloud Engineer', level: 'Today', customer: 'Chloe Collins', amount: '$130.55', status: 'Cancelled' },     { id: '#3028', date: 'Jan 28, 2022', name: 'Samuel Scott', role: 'Security Engineer', level: 'Today', customer: 'Victoria Stewart', amount: '$555.00', status: 'Completed' },     { id: '#3029', date: 'Jan 29, 2022', name: 'Chloe Green', role: 'Technical Lead', level: 'Today', customer: 'Nathan Morris', amount: '$205.25', status: 'Pending' },     { id: '#3030', date: 'Jan 30, 2022', name: 'Nathan Adams', role: 'Scrum Master', level: 'Today', customer: 'Zoe Rogers', amount: '$320.80', status: 'Completed' },   ]
          */
         "data": any[];
         /**
-          * @default 10
+          * @default [     { label: 'View', action: 'view', icon: 'assets/view.svg', disabled: false },     { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', disabled: false },     { label: 'Delete', action: 'delete', icon: 'assets/delete-02.svg', disabled: true },   ]
          */
-        "pageSize": number;
+        "dropdownOptions"?: DropdownOption[];
         /**
-          * @default {     entriesDropdownMenuPosition: 'top',   }
+          * @default {     mainText: 'No data available',     supportingText: 'Try adjusting your filters or check back later.',     color: 'gray',     illustrationIcon: 'assets/alert-circle.svg',     theme: 'light',   }
          */
-        "paginationConfig": any;
+        "emptyStateConfig": { mainText: string; supportingText?: string; color?: GeneralColors; illustrationIcon?: string; theme?: ThemeTypes; primaryButtonIcon?: string };
         /**
-          * @default 'internal'
+          * @default {     paginationMode: 'internal',     entriesDropdownMenuPosition: 'top',     currentPage: 1,     pageSize: 10,     totalItems: null,   }
          */
-        "paginationMode": 'internal' | 'external';
+        "paginationConfig": {
+    paginationMode: 'internal' | 'external';
+    entriesDropdownMenuPosition: 'top' | 'bottom';
+    currentPage?: number;
+    pageSize?: number;
+    totalItems?: number;
+  };
         /**
-          * @default [{ label: 'View', action: 'view', disabled: true }]
+          * @default [     { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },     // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },     // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },   ]
          */
-        "rowActions"?: RowAction[];
+        "rowActions": RowAction[];
         /**
           * @default true
          */
         "showActionsColumn": boolean;
         /**
-          * @default true
+          * @default false
          */
         "showCheckbox": boolean;
         /**
@@ -2247,7 +2249,7 @@ export namespace Components {
          */
         "stickyLastColumn": boolean;
         /**
-          * @default {     tableHeading: false,     tableHeadingLabel: 'Suspicious outflows',     showDateFilter: true,     showFilter: true,     showColumnOptions: true,     showSearch: true,     showExport: true,     showRefreshButton: true,   }
+          * @default {     tableHeading: false,     tableHeadingLabel: 'Suspicious outflows',     showDateFilter: true,     showFilter: true,     showColumnOptions: true,     showSearch: true,     showExport: true,     showRefreshButton: true,     datePickerMode: 'single',   }
          */
         "tableHeaderConfig": {
     tableHeading: boolean;
@@ -2258,8 +2260,8 @@ export namespace Components {
     showSearch: boolean;
     showExport: boolean;
     showRefreshButton: boolean;
+    datePickerMode: 'single' | 'range';
   };
-        "totalItems"?: number;
     }
     interface GbTableCell {
         "type": TableCellTypes;
@@ -4857,7 +4859,7 @@ declare namespace LocalJSX {
          */
         "fullWidth"?: boolean;
         /**
-          * @default 'left'
+          * @default 'right'
          */
         "iconPosition"?: CloseButtonPositions;
         /**
@@ -6357,36 +6359,38 @@ declare namespace LocalJSX {
          */
         "actionsType"?: 'none' | 'dropdown' | '';
         /**
-          * @default [     { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },     { key: 'date', label: 'Date', mobile: { position: 'bottom_left' } },     { key: 'name', label: 'Name', sortable: true, sortType: 'string', helpIcon: true, mobile: { position: 'top_right' } },     { key: 'role', label: 'Role' },     { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number' },     {       key: 'status',       label: 'Status',       cellComponent: 'gb-badge',       cellProps: row => ({         color: row.status === 'Completed' ? 'success' : 'error',         type: 'badge_modern',         size: 'sm',         icon: 'dot',       }),       cellSlots: row => <p>{row.status}</p>,       mobile: { position: 'bottom_right' },     },     // {     //   key: '',     //   label: '',     //   cellComponent: 'gb-button',     //   width: '50px',     //   cellProps: () => ({     //     hierarchy: 'tertiary_gray',     //     size: 'sm',     //     icon: 'only',     //     iconLeading: true,     //     iconLeadingSwap: 'assets/more-horizontal.svg',     //   }),     // },   ]
+          * @default [     { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },     { key: 'date', label: 'Date', mobile: { position: 'bottom_left' } },     { key: 'name', label: 'Name', sortable: true, sortType: 'string', helpIcon: true, mobile: { position: 'top_right' } },     { key: 'role', label: 'Role' },     { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number' },     {       key: 'status',       label: 'Status',       render: row => (         <gb-badge color={row.status === 'Completed' ? 'success' : 'error'} type="badge_modern" size="sm" icon="dot">           <p>{row.status}</p>         </gb-badge>       ),       mobile: { position: 'bottom_right' },     },     // {     //   key: '',     //   label: '',     //   cellComponent: 'gb-button',     //   width: '50px',     //   cellProps: () => ({     //     hierarchy: 'tertiary_gray',     //     size: 'sm',     //     icon: 'only',     //     iconLeading: true,     //     iconLeadingSwap: 'assets/more-horizontal.svg',     //   }),     // },   ]
          */
         "columns"?: TableColumn[];
         /**
-          * @default 1
+          * @default [     {       id: '#3001',       date: 'Jan 1, 2022',       name: 'Emma Johnson',       role: 'Frontend Developer',       level: 'Today',       customer: 'John Doe',       amount: '$120.00',       status: 'Completed',     },     { id: '#3002', date: 'Jan 2, 2022', name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },     { id: '#3003', date: 'Jan 3, 2022', name: 'Olivia Brown', role: 'UI Designer', level: 'Today', customer: 'Michael Lee', amount: '$230.75', status: 'Cancelled' },     { id: '#3004', date: 'Jan 4, 2022', name: 'Noah Davis', role: 'DevOps Engineer', level: 'Today', customer: 'Emily Clark', amount: '$59.99', status: 'Completed' },     { id: '#3005', date: 'Jan 5, 2022', name: 'Ava Martinez', role: 'Product Manager', level: 'Today', customer: 'Daniel Harris', amount: '$410.00', status: 'Pending' },     { id: '#3006', date: 'Jan 6, 2022', name: 'William Garcia', role: 'QA Engineer', level: 'Today', customer: 'Sophia Lewis', amount: '$150.20', status: 'Completed' },     { id: '#3007', date: 'Jan 7, 2022', name: 'Isabella Rodriguez', role: 'Business Analyst', level: 'Today', customer: 'James Walker', amount: '$78.40', status: 'Pending' },     { id: '#3008', date: 'Jan 8, 2022', name: 'James Wilson', role: 'Fullstack Developer', level: 'Today', customer: 'Mia Hall', amount: '$300.00', status: 'Completed' },     { id: '#3009', date: 'Jan 9, 2022', name: 'Sophia Anderson', role: 'UX Researcher', level: 'Today', customer: 'Benjamin Allen', amount: '$95.60', status: 'Cancelled' },     { id: '#3010', date: 'Jan 10, 2022', name: 'Benjamin Thomas', role: 'Mobile Developer', level: 'Today', customer: 'Charlotte Young', amount: '$210.10', status: 'Completed' },     { id: '#3011', date: 'Jan 11, 2022', name: 'Mia Taylor', role: 'Data Analyst', level: 'Today', customer: 'Lucas King', amount: '$180.00', status: 'Pending' },     { id: '#3012', date: 'Jan 12, 2022', name: 'Lucas Moore', role: 'Cloud Engineer', level: 'Today', customer: 'Amelia Scott', amount: '$420.75', status: 'Completed' },     { id: '#3013', date: 'Jan 13, 2022', name: 'Charlotte Jackson', role: 'Security Engineer', level: 'Today', customer: 'Elijah Green', amount: '$65.90', status: 'Cancelled' },     { id: '#3014', date: 'Jan 14, 2022', name: 'Elijah Martin', role: 'Technical Lead', level: 'Today', customer: 'Harper Adams', amount: '$510.30', status: 'Completed' },     { id: '#3015', date: 'Jan 15, 2022', name: 'Amelia Lee', role: 'Scrum Master', level: 'Today', customer: 'Alexander Baker', amount: '$99.99', status: 'Pending' },     { id: '#3016', date: 'Jan 16, 2022', name: 'Harper Perez', role: 'Frontend Developer', level: 'Today', customer: 'Ella Nelson', amount: '$275.45', status: 'Completed' },     { id: '#3017', date: 'Jan 17, 2022', name: 'Alexander White', role: 'Backend Developer', level: 'Today', customer: 'Matthew Carter', amount: '$340.00', status: 'Pending' },     { id: '#3018', date: 'Jan 18, 2022', name: 'Ella Harris', role: 'UI Designer', level: 'Today', customer: 'Avery Mitchell', amount: '$88.80', status: 'Completed' },     { id: '#3019', date: 'Jan 19, 2022', name: 'Matthew Clark', role: 'DevOps Engineer', level: 'Today', customer: 'Evelyn Perez', amount: '$190.25', status: 'Cancelled' },     { id: '#3020', date: 'Jan 20, 2022', name: 'Avery Lewis', role: 'Product Manager', level: 'Today', customer: 'Henry Roberts', amount: '$600.00', status: 'Completed' },     { id: '#3021', date: 'Jan 21, 2022', name: 'Evelyn Walker', role: 'QA Engineer', level: 'Today', customer: 'Luna Turner', amount: '$72.30', status: 'Pending' },     { id: '#3022', date: 'Jan 22, 2022', name: 'Henry Hall', role: 'Business Analyst', level: 'Today', customer: 'Jack Phillips', amount: '$310.40', status: 'Completed' },     { id: '#3023', date: 'Jan 23, 2022', name: 'Luna Allen', role: 'Fullstack Developer', level: 'Today', customer: 'Sofia Campbell', amount: '$145.00', status: 'Cancelled' },     { id: '#3024', date: 'Jan 24, 2022', name: 'Jack Young', role: 'UX Researcher', level: 'Today', customer: 'David Parker', amount: '$260.70', status: 'Completed' },     { id: '#3025', date: 'Jan 25, 2022', name: 'Sofia Hernandez', role: 'Mobile Developer', level: 'Today', customer: 'Grace Evans', amount: '$89.10', status: 'Pending' },     { id: '#3026', date: 'Jan 26, 2022', name: 'David King', role: 'Data Analyst', level: 'Today', customer: 'Samuel Edwards', amount: '$410.90', status: 'Completed' },     { id: '#3027', date: 'Jan 27, 2022', name: 'Grace Wright', role: 'Cloud Engineer', level: 'Today', customer: 'Chloe Collins', amount: '$130.55', status: 'Cancelled' },     { id: '#3028', date: 'Jan 28, 2022', name: 'Samuel Scott', role: 'Security Engineer', level: 'Today', customer: 'Victoria Stewart', amount: '$555.00', status: 'Completed' },     { id: '#3029', date: 'Jan 29, 2022', name: 'Chloe Green', role: 'Technical Lead', level: 'Today', customer: 'Nathan Morris', amount: '$205.25', status: 'Pending' },     { id: '#3030', date: 'Jan 30, 2022', name: 'Nathan Adams', role: 'Scrum Master', level: 'Today', customer: 'Zoe Rogers', amount: '$320.80', status: 'Completed' },   ]
          */
-        "currentPage"?: number;
+        "data"?: any[];
         /**
-          * @default [     { id: '#3001', date: 'Jan 1, 2022', name: 'Emma Johnson', role: 'Frontend Developer', level: 'Today', customer: 'John Doe', amount: '$120.00', status: 'Completed' },     { id: '#3002', date: 'Jan 2, 2022', name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },     { id: '#3003', date: 'Jan 3, 2022', name: 'Olivia Brown', role: 'UI Designer', level: 'Today', customer: 'Michael Lee', amount: '$230.75', status: 'Cancelled' },     { id: '#3004', date: 'Jan 4, 2022', name: 'Noah Davis', role: 'DevOps Engineer', level: 'Today', customer: 'Emily Clark', amount: '$59.99', status: 'Completed' },     { id: '#3005', date: 'Jan 5, 2022', name: 'Ava Martinez', role: 'Product Manager', level: 'Today', customer: 'Daniel Harris', amount: '$410.00', status: 'Pending' },     { id: '#3006', date: 'Jan 6, 2022', name: 'William Garcia', role: 'QA Engineer', level: 'Today', customer: 'Sophia Lewis', amount: '$150.20', status: 'Completed' },     { id: '#3007', date: 'Jan 7, 2022', name: 'Isabella Rodriguez', role: 'Business Analyst', level: 'Today', customer: 'James Walker', amount: '$78.40', status: 'Pending' },     { id: '#3008', date: 'Jan 8, 2022', name: 'James Wilson', role: 'Fullstack Developer', level: 'Today', customer: 'Mia Hall', amount: '$300.00', status: 'Completed' },     { id: '#3009', date: 'Jan 9, 2022', name: 'Sophia Anderson', role: 'UX Researcher', level: 'Today', customer: 'Benjamin Allen', amount: '$95.60', status: 'Cancelled' },     { id: '#3010', date: 'Jan 10, 2022', name: 'Benjamin Thomas', role: 'Mobile Developer', level: 'Today', customer: 'Charlotte Young', amount: '$210.10', status: 'Completed' },     { id: '#3011', date: 'Jan 11, 2022', name: 'Mia Taylor', role: 'Data Analyst', level: 'Today', customer: 'Lucas King', amount: '$180.00', status: 'Pending' },     { id: '#3012', date: 'Jan 12, 2022', name: 'Lucas Moore', role: 'Cloud Engineer', level: 'Today', customer: 'Amelia Scott', amount: '$420.75', status: 'Completed' },     { id: '#3013', date: 'Jan 13, 2022', name: 'Charlotte Jackson', role: 'Security Engineer', level: 'Today', customer: 'Elijah Green', amount: '$65.90', status: 'Cancelled' },     { id: '#3014', date: 'Jan 14, 2022', name: 'Elijah Martin', role: 'Technical Lead', level: 'Today', customer: 'Harper Adams', amount: '$510.30', status: 'Completed' },     { id: '#3015', date: 'Jan 15, 2022', name: 'Amelia Lee', role: 'Scrum Master', level: 'Today', customer: 'Alexander Baker', amount: '$99.99', status: 'Pending' },     { id: '#3016', date: 'Jan 16, 2022', name: 'Harper Perez', role: 'Frontend Developer', level: 'Today', customer: 'Ella Nelson', amount: '$275.45', status: 'Completed' },     { id: '#3017', date: 'Jan 17, 2022', name: 'Alexander White', role: 'Backend Developer', level: 'Today', customer: 'Matthew Carter', amount: '$340.00', status: 'Pending' },     { id: '#3018', date: 'Jan 18, 2022', name: 'Ella Harris', role: 'UI Designer', level: 'Today', customer: 'Avery Mitchell', amount: '$88.80', status: 'Completed' },     { id: '#3019', date: 'Jan 19, 2022', name: 'Matthew Clark', role: 'DevOps Engineer', level: 'Today', customer: 'Evelyn Perez', amount: '$190.25', status: 'Cancelled' },     { id: '#3020', date: 'Jan 20, 2022', name: 'Avery Lewis', role: 'Product Manager', level: 'Today', customer: 'Henry Roberts', amount: '$600.00', status: 'Completed' },     { id: '#3021', date: 'Jan 21, 2022', name: 'Evelyn Walker', role: 'QA Engineer', level: 'Today', customer: 'Luna Turner', amount: '$72.30', status: 'Pending' },     { id: '#3022', date: 'Jan 22, 2022', name: 'Henry Hall', role: 'Business Analyst', level: 'Today', customer: 'Jack Phillips', amount: '$310.40', status: 'Completed' },     { id: '#3023', date: 'Jan 23, 2022', name: 'Luna Allen', role: 'Fullstack Developer', level: 'Today', customer: 'Sofia Campbell', amount: '$145.00', status: 'Cancelled' },     { id: '#3024', date: 'Jan 24, 2022', name: 'Jack Young', role: 'UX Researcher', level: 'Today', customer: 'David Parker', amount: '$260.70', status: 'Completed' },     { id: '#3025', date: 'Jan 25, 2022', name: 'Sofia Hernandez', role: 'Mobile Developer', level: 'Today', customer: 'Grace Evans', amount: '$89.10', status: 'Pending' },     { id: '#3026', date: 'Jan 26, 2022', name: 'David King', role: 'Data Analyst', level: 'Today', customer: 'Samuel Edwards', amount: '$410.90', status: 'Completed' },     { id: '#3027', date: 'Jan 27, 2022', name: 'Grace Wright', role: 'Cloud Engineer', level: 'Today', customer: 'Chloe Collins', amount: '$130.55', status: 'Cancelled' },     { id: '#3028', date: 'Jan 28, 2022', name: 'Samuel Scott', role: 'Security Engineer', level: 'Today', customer: 'Victoria Stewart', amount: '$555.00', status: 'Completed' },     { id: '#3029', date: 'Jan 29, 2022', name: 'Chloe Green', role: 'Technical Lead', level: 'Today', customer: 'Nathan Morris', amount: '$205.25', status: 'Pending' },     { id: '#3030', date: 'Jan 30, 2022', name: 'Nathan Adams', role: 'Scrum Master', level: 'Today', customer: 'Zoe Rogers', amount: '$320.80', status: 'Completed' },   ]
+          * @default [     { label: 'View', action: 'view', icon: 'assets/view.svg', disabled: false },     { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', disabled: false },     { label: 'Delete', action: 'delete', icon: 'assets/delete-02.svg', disabled: true },   ]
          */
-        "data"?: any[];
+        "dropdownOptions"?: DropdownOption[];
+        /**
+          * @default {     mainText: 'No data available',     supportingText: 'Try adjusting your filters or check back later.',     color: 'gray',     illustrationIcon: 'assets/alert-circle.svg',     theme: 'light',   }
+         */
+        "emptyStateConfig"?: { mainText: string; supportingText?: string; color?: GeneralColors; illustrationIcon?: string; theme?: ThemeTypes; primaryButtonIcon?: string };
         "onDateChange"?: (event: GbTableCustomEvent<string | string[]>) => void;
         "onInputValueChanged"?: (event: GbTableCustomEvent<void>) => void;
         "onPageItemSelected"?: (event: GbTableCustomEvent<{ pageSize: any; pageNumber: number }>) => void;
         "onRowActionClick"?: (event: GbTableCustomEvent<{ action: string; row: any }>) => void;
         "onSelectionChanged"?: (event: GbTableCustomEvent<any[]>) => void;
         /**
-          * @default 10
-         */
-        "pageSize"?: number;
-        /**
-          * @default {     entriesDropdownMenuPosition: 'top',   }
-         */
-        "paginationConfig"?: any;
-        /**
-          * @default 'internal'
+          * @default {     paginationMode: 'internal',     entriesDropdownMenuPosition: 'top',     currentPage: 1,     pageSize: 10,     totalItems: null,   }
          */
-        "paginationMode"?: 'internal' | 'external';
+        "paginationConfig"?: {
+    paginationMode: 'internal' | 'external';
+    entriesDropdownMenuPosition: 'top' | 'bottom';
+    currentPage?: number;
+    pageSize?: number;
+    totalItems?: number;
+  };
         /**
-          * @default [{ label: 'View', action: 'view', disabled: true }]
+          * @default [     { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },     // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },     // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },   ]
          */
         "rowActions"?: RowAction[];
         /**
@@ -6394,7 +6398,7 @@ declare namespace LocalJSX {
          */
         "showActionsColumn"?: boolean;
         /**
-          * @default true
+          * @default false
          */
         "showCheckbox"?: boolean;
         /**
@@ -6406,7 +6410,7 @@ declare namespace LocalJSX {
          */
         "stickyLastColumn"?: boolean;
         /**
-          * @default {     tableHeading: false,     tableHeadingLabel: 'Suspicious outflows',     showDateFilter: true,     showFilter: true,     showColumnOptions: true,     showSearch: true,     showExport: true,     showRefreshButton: true,   }
+          * @default {     tableHeading: false,     tableHeadingLabel: 'Suspicious outflows',     showDateFilter: true,     showFilter: true,     showColumnOptions: true,     showSearch: true,     showExport: true,     showRefreshButton: true,     datePickerMode: 'single',   }
          */
         "tableHeaderConfig"?: {
     tableHeading: boolean;
@@ -6417,8 +6421,8 @@ declare namespace LocalJSX {
     showSearch: boolean;
     showExport: boolean;
     showRefreshButton: boolean;
+    datePickerMode: 'single' | 'range';
   };
-        "totalItems"?: number;
     }
     interface GbTableCell {
         "type"?: TableCellTypes;

package/dist/types/models/reusableModels.d.ts

@@ -84,6 +84,7 @@ export interface TableColumn {
     sortable?: boolean;
     sortType?: 'string' | 'number' | 'date';
     sortComparator?: (a: any, b: any) => number;
+    render?: (row: any) => any;
     cellComponent?: string;
     cellActionType?: 'dropdown' | 'void';
     cellProps?: {
@@ -100,5 +101,12 @@ export interface RowAction {
     icon?: string;
     action: string;
     disabled?: boolean;
+    type?: 'button' | 'dropdown';
+}
+export interface DropdownOption {
+    label: string;
+    icon?: string;
+    action: string;
+    disabled?: boolean;
 }
 export type PortalPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "globuswebcomponents",
-  "version": "2.8.12",
+  "version": "2.9.0",
   "description": "Globus One",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",