greenole-design-system 1.1.53 → 1.1.54

package/dist/base-components/CollapsibleMenu/CollapsibleMenu.styles.d.ts

@@ -1,4 +1,5 @@
-export declare const Button: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+export declare const Button: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const Icon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isOpen: boolean;
 }>> & string;
 export declare const Content: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {

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, actions, isMobile, itemsPerPage, loading, striped, showSearch, fetchData, onPageChange, onItemsPerPageChange, t: tProp, }: Readonly<TableProps<T>>) => React.JSX.Element;
+declare const Table: <T extends Record<string, any>>({ columns, data, currentPage, totalItems, headerExtra, actions, isMobile, itemsPerPage, loading, striped, showSearch, showManageColumns, tableKey, fetchData, onPageChange, onItemsPerPageChange, t: tProp, }: Readonly<TableProps<T>>) => React.JSX.Element;
 export default Table;

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

@@ -4,7 +4,11 @@ declare const meta: Meta<typeof Table>;
 export default meta;
 type Story = StoryObj<typeof Table>;
 export declare const Default: Story;
+export declare const ManageColumns: Story;
+export declare const SortableWithRenderContent: Story;
 export declare const FetchData: Story;
 export declare const WithActions: Story;
 export declare const WithHeaderExtra: Story;
 export declare const WithActionsAndHeaderExtra: Story;
+export declare const ColumnFiltersLocalData: Story;
+export declare const ColumnFiltersFetchData: Story;

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

@@ -12,7 +12,12 @@ export declare const TableHeaderSearchInputWrapper: import('styled-components/di
 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;
 }>> & string;
-export declare const TableContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & 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;
+export declare const TableHeadDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TableContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $hasOpenFilter?: boolean;
+}>> & string;
 export declare const TableContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {
     $striped?: boolean;
 }>> & string;
@@ -21,3 +26,17 @@ export declare const LoadingWrapper: import('styled-components/dist/types').ISty
 export declare const DropdownMenuContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $showDropdownMenu?: boolean;
 }>> & string;
+export declare const TableColumnManagerWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TableColumnManagerItems: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TableColumnManagerItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $isDisabled?: boolean;
+}>> & string;
+export declare const TableColumnManagerItemCheckbox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isChecked?: boolean;
+    $isDisabled?: boolean;
+}>> & string;
+export declare const TableColumnManagerItemLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TableColumnManagerItemDrag: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isLocked?: boolean;
+}>> & string;
+export declare const TableColumnManagerButtons: 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

@@ -3,19 +3,21 @@ import { THookTypes } from '../../utils/i18n/types';
 export interface TableColumn<T = any> {
     label: string;
     key: keyof T | string;
+    isLocked?: boolean;
     render?: (value: any, row: T) => ReactNode;
+    sortable?: boolean;
+    sortAccessor?: (row: T) => any;
+    filterable?: boolean;
+    filterValueAccessor?: (row: T) => string | string[] | undefined | null;
 }
-export interface TableProps<T = any> {
-    columns: Array<{
-        label: string;
-        key: keyof T | string;
-        render?: (value: any, row: T) => ReactNode;
-    }>;
+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;
@@ -33,3 +35,20 @@ export interface TableProps<T = any> {
     actions?: ReactNode;
     t?: THookTypes;
 }
+interface TableWithoutColumnManagement<T = any> extends BaseTableProps<T> {
+    showManageColumns?: false;
+    tableKey?: string;
+}
+interface TableWithColumnManagement<T = any> extends BaseTableProps<T> {
+    showManageColumns: true;
+    tableKey: string;
+}
+export type TableProps<T = any> = TableWithoutColumnManagement<T> | TableWithColumnManagement<T>;
+export interface TableColumnManagerProps {
+    allColumns: TableColumn[];
+    visibleColumnsKeys: string[];
+    initialLockedKeys: string[];
+    onSave: (newVisibleKeys: string[], newLockedKeys: string[]) => void;
+    t?: THookTypes;
+}
+export {};

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TableColumnManagerProps } from './Table.types';
+declare const TableColumnManager: React.FC<TableColumnManagerProps>;
+export default TableColumnManager;