greenole-design-system 1.1.66 → 1.1.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Table/Table.d.ts +1 -1
- package/dist/components/Table/Table.stories.d.ts +2 -0
- package/dist/components/Table/Table.styles.d.ts +1 -0
- package/dist/components/Table/Table.types.d.ts +7 -0
- package/dist/greenole-design-system.cjs.js +315 -307
- package/dist/greenole-design-system.js +4163 -4119
- package/dist/greenole.css +13 -0
- package/dist/index.css +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { TableProps } from './Table.types';
|
|
3
|
-
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;
|
|
3
|
+
declare const Table: <T extends Record<string, any>>({ columns, data, currentPage, totalItems, headerExtra, actions, isMobile, itemsPerPage, loading, striped, showSearch, showManageColumns, tableKey, fetchData, onPageChange, onItemsPerPageChange, filterConfig, onFilterChange, t: tProp, }: Readonly<TableProps<T>>) => React.JSX.Element;
|
|
4
4
|
export default Table;
|
|
@@ -12,3 +12,5 @@ export declare const WithHeaderExtra: Story;
|
|
|
12
12
|
export declare const WithActionsAndHeaderExtra: Story;
|
|
13
13
|
export declare const ColumnFiltersLocalData: Story;
|
|
14
14
|
export declare const ColumnFiltersFetchData: Story;
|
|
15
|
+
export declare const WithFilter: Story;
|
|
16
|
+
export declare const WithFilterAndFetchData: Story;
|
|
@@ -41,3 +41,4 @@ export declare const TableColumnManagerItemDrag: import('styled-components/dist/
|
|
|
41
41
|
}>> & string;
|
|
42
42
|
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;
|
|
43
43
|
export declare const TableButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
44
|
+
export declare const TableFilterWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { THookTypes } from '../../utils/i18n/types';
|
|
3
|
+
import { FilterItem, FilterSelectedValues, FilterOutput } from '../Filter';
|
|
3
4
|
export interface TableColumn<T = any> {
|
|
4
5
|
label: string;
|
|
5
6
|
key: keyof T | string;
|
|
@@ -34,6 +35,12 @@ interface BaseTableProps<T = any> {
|
|
|
34
35
|
headerExtra?: ReactNode;
|
|
35
36
|
actions?: ReactNode;
|
|
36
37
|
t?: THookTypes;
|
|
38
|
+
filterConfig?: {
|
|
39
|
+
items: FilterItem[];
|
|
40
|
+
initialValues?: FilterSelectedValues;
|
|
41
|
+
label?: string;
|
|
42
|
+
};
|
|
43
|
+
onFilterChange?: (output: FilterOutput) => void;
|
|
37
44
|
}
|
|
38
45
|
interface TableWithoutColumnManagement<T = any> extends BaseTableProps<T> {
|
|
39
46
|
showManageColumns?: false;
|