greenole-design-system 1.1.78 → 1.1.80

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

@@ -15,6 +15,7 @@ export interface DrawerProps {
     confirmButton?: ReactNode;
     steps?: LinearStepperStep[];
     activeStep?: number;
+    container?: HTMLElement;
     onStepChange?: (step: number) => void;
     onCancel?: () => void;
     onConfirm?: () => void;

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

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { TableProps } from './Table.types';
-declare const Table: <T extends Record<string, any>>({ columns, data, currentPage, totalItems, headerExtra, filterContent, actions, isMobile, itemsPerPage, loading, striped, showSearch, showManageColumns, tableKey, fetchData, onPageChange, onItemsPerPageChange, filterConfig, onFilterChange, rowActions, rowActionsLabel, t: tProp, }: Readonly<TableProps<T>>) => React.JSX.Element;
+declare const Table: <T extends Record<string, any>>({ columns, data, currentPage, totalItems, headerExtra, filterContent, actions, isMobile, itemsPerPage, loading, striped, showSearch, showManageColumns, tableKey, fetchData, queryResult, onPageChange, onItemsPerPageChange, onSearchChange, title, filterConfig, onFilterChange, rowActions, rowActionsLabel, t: tProp, }: Readonly<TableProps<T>>) => React.JSX.Element;
 export default Table;

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

@@ -4,9 +4,13 @@ declare const meta: Meta<typeof Table>;
 export default meta;
 type Story = StoryObj<typeof Table>;
 export declare const Default: Story;
+export declare const WithTitle: Story;
+export declare const WithTitleAndSearch: Story;
+export declare const WithTitleSearchAndActions: Story;
 export declare const ManageColumns: Story;
 export declare const SortableWithRenderContent: Story;
 export declare const FetchData: Story;
+export declare const WithReactQuery: Story;
 export declare const WithActions: Story;
 export declare const WithHeaderExtra: Story;
 export declare const WithActionsAndHeaderExtra: Story;

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

@@ -5,12 +5,14 @@ export declare const TableHeader: import('styled-components/dist/types').IStyled
 export declare const TableHeaderSearch: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isMobile?: boolean;
 }>> & string;
+export declare const TableHeaderTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
 export declare const TableHeaderSearchInputWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $visible: boolean;
     $isMobile: boolean;
 }>> & string;
 export declare const TableHeaderButtons: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isMobile?: boolean;
+    $hasTitle?: boolean;
 }>> & string;
 export declare const TableHeaderManageColumns: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const TableHead: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,6 +1,14 @@
 import { ReactNode } from 'react';
 import { THookTypes } from '../../utils/i18n/types';
 import { FilterItem, FilterSelectedValues, FilterOutput } from '../Filter';
+export interface TableQueryResult<T = any> {
+    data: T[] | undefined;
+    isLoading?: boolean;
+    isFetching?: boolean;
+    isError?: boolean;
+    error?: Error | null;
+    refetch?: () => void;
+}
 export interface TableColumn<T = any> {
     label: string;
     key: keyof T | string;
@@ -23,20 +31,14 @@ export interface TableRowAction<T = any> {
 interface BaseTableProps<T = any> {
     columns: TableColumn[];
     data?: T[];
-    fetchData?: (params: {
-        page: number;
-        itemsPerPage: number;
-        search?: string;
-        filters?: Record<string, string[]>;
-    }) => Promise<{
-        data: T[];
-        count: number;
-    }>;
     totalItems?: number;
     currentPage: number;
     itemsPerPage: number;
     onPageChange: (page: number) => void;
     onItemsPerPageChange: (items: number) => void;
+    onSearchChange?: (value: string) => void;
+    title?: string;
+    searchIconColor?: string;
     showSearch?: boolean;
     isMobile?: boolean;
     loading?: boolean;
@@ -62,14 +64,37 @@ interface BaseTableProps<T = any> {
     rowActions?: TableRowAction<T>[];
     rowActionsLabel?: string;
 }
-interface TableWithoutColumnManagement<T = any> extends BaseTableProps<T> {
+interface TableWithFetchData<T = any> extends BaseTableProps<T> {
+    fetchData: (params: {
+        page: number;
+        itemsPerPage: number;
+        search?: string;
+        filters?: Record<string, string[]>;
+    }) => Promise<{
+        data: T[];
+        count: number;
+    }>;
+    queryResult?: never;
+}
+interface TableWithQueryResult<T = any> extends Omit<BaseTableProps<T>, 'totalItems'> {
+    queryResult: TableQueryResult<T>;
+    totalItems: number;
+    fetchData?: never;
+}
+interface TableWithStaticData<T = any> extends BaseTableProps<T> {
+    fetchData?: never;
+    queryResult?: never;
+    data?: T[];
+}
+type TableDataProps<T = any> = TableWithFetchData<T> | TableWithQueryResult<T> | TableWithStaticData<T>;
+type TableWithoutColumnManagement<T = any> = TableDataProps<T> & {
     showManageColumns?: false;
     tableKey?: string;
-}
-interface TableWithColumnManagement<T = any> extends BaseTableProps<T> {
+};
+type TableWithColumnManagement<T = any> = TableDataProps<T> & {
     showManageColumns: true;
     tableKey: string;
-}
+};
 export type TableProps<T = any> = TableWithoutColumnManagement<T> | TableWithColumnManagement<T>;
 export interface TableColumnManagerProps {
     allColumns: TableColumn[];

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

@@ -1 +1,2 @@
 export { default as Table } from './Table';
+export type { TableProps, TableColumn, TableRowAction, TableQueryResult } from './Table.types';