@orient-ai/aurora-ui 1.0.0-alpha.10 → 1.0.0-alpha.11
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/IndexTable/DataTable/{BulkActions.d.ts → BulkActions/BulkActions.d.ts} +5 -6
- package/dist/components/IndexTable/DataTable/BulkActions/BulkActions.d.ts.map +1 -0
- package/dist/components/IndexTable/DataTable/BulkActions/index.d.ts +2 -0
- package/dist/components/IndexTable/DataTable/BulkActions/index.d.ts.map +1 -0
- package/dist/components/IndexTable/DataTable/DataTable.d.ts +16 -20
- package/dist/components/IndexTable/DataTable/DataTable.d.ts.map +1 -1
- package/dist/components/IndexTable/DataTable/Pagination/Pagination.d.ts +15 -0
- package/dist/components/IndexTable/DataTable/Pagination/Pagination.d.ts.map +1 -0
- package/dist/components/IndexTable/DataTable/Pagination/index.d.ts +2 -0
- package/dist/components/IndexTable/DataTable/Pagination/index.d.ts.map +1 -0
- package/dist/components/IndexTable/DataTable/index.d.ts +3 -2
- package/dist/components/IndexTable/DataTable/index.d.ts.map +1 -1
- package/dist/components/IndexTable/Toolbar/Toolbar.d.ts +21 -20
- package/dist/components/IndexTable/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/components/IndexTable/Toolbar/components/ColumnButton/ColumnButton.d.ts +3 -3
- package/dist/components/IndexTable/Toolbar/components/ColumnButton/ColumnButton.d.ts.map +1 -1
- package/dist/components/IndexTable/Toolbar/components/Filter/Filter.d.ts +3 -7
- package/dist/components/IndexTable/Toolbar/components/Filter/Filter.d.ts.map +1 -1
- package/dist/components/IndexTable/Toolbar/components/SaveView/SaveView.d.ts +3 -8
- package/dist/components/IndexTable/Toolbar/components/SaveView/SaveView.d.ts.map +1 -1
- package/dist/components/IndexTable/Toolbar/components/SortAndColumns/SortAndColumns.d.ts +3 -11
- package/dist/components/IndexTable/Toolbar/components/SortAndColumns/SortAndColumns.d.ts.map +1 -1
- package/dist/components/IndexTable/Toolbar/types.d.ts +1 -38
- package/dist/components/IndexTable/Toolbar/types.d.ts.map +1 -1
- package/dist/components/IndexTable/index.d.ts +1 -0
- package/dist/components/IndexTable/index.d.ts.map +1 -1
- package/dist/components/IndexTable/types.d.ts +21 -5
- package/dist/components/IndexTable/types.d.ts.map +1 -1
- package/dist/components/IndexTable/utils.d.ts +2 -4
- package/dist/components/IndexTable/utils.d.ts.map +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.css +1 -1
- package/dist/index.js +2535 -2446
- package/package.json +1 -1
- package/dist/components/IndexTable/DataTable/BulkActions.d.ts.map +0 -1
- package/dist/components/IndexTable/DataTable/types.d.ts +0 -9
- package/dist/components/IndexTable/DataTable/types.d.ts.map +0 -1
package/dist/components/IndexTable/DataTable/{BulkActions.d.ts → BulkActions/BulkActions.d.ts}
RENAMED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { ComplexAction } from '
|
|
3
|
-
interface BulkActionsProps {
|
|
2
|
+
import { ComplexAction } from '../../../../types';
|
|
3
|
+
export interface BulkActionsProps {
|
|
4
4
|
checkbox: ReactNode;
|
|
5
5
|
count: number;
|
|
6
|
-
disabled
|
|
6
|
+
disabled?: boolean;
|
|
7
7
|
onClear: () => void;
|
|
8
|
-
promotedActions
|
|
9
|
-
actions
|
|
8
|
+
promotedActions?: readonly ComplexAction[];
|
|
9
|
+
actions?: readonly ComplexAction[];
|
|
10
10
|
}
|
|
11
11
|
export declare function BulkActions({ checkbox, count, disabled, onClear, promotedActions, actions, }: BulkActionsProps): import('react').JSX.Element;
|
|
12
|
-
export {};
|
|
13
12
|
//# sourceMappingURL=BulkActions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BulkActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/IndexTable/DataTable/BulkActions/BulkActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7C,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IAC3C,OAAO,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;CACpC;AAYD,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,OAAO,EACP,eAAoB,EACpB,OAAY,GACb,EAAE,gBAAgB,+BAgDlB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/IndexTable/DataTable/BulkActions/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
@@ -1,31 +1,27 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { DataTableColumnDefinition } from './types';
|
|
3
|
-
import { ColumnState, OrderState } from '../types';
|
|
1
|
+
import { ColumnDef, SortState } from '../types';
|
|
4
2
|
import { ComplexAction } from '../../../types';
|
|
5
3
|
export interface DataTableProps<T> {
|
|
6
4
|
items: readonly T[];
|
|
7
5
|
getRowId: (item: T) => string;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
onSelectionChange?: (ids: string[]) => void;
|
|
6
|
+
/** Column */
|
|
7
|
+
columns: readonly ColumnDef<T>[];
|
|
8
|
+
/** Sort */
|
|
9
|
+
sortState?: SortState;
|
|
10
|
+
onSortStateChange?: (state: SortState) => void;
|
|
11
|
+
/** Selection */
|
|
12
|
+
selectable?: boolean;
|
|
13
|
+
selection?: readonly string[];
|
|
14
|
+
onSelectionChange?: (selection: string[]) => void;
|
|
18
15
|
promotedBulkActions?: readonly ComplexAction[];
|
|
19
16
|
bulkActions?: readonly ComplexAction[];
|
|
20
17
|
/** Interactive cell content is excluded from this callback. */
|
|
21
18
|
onRowAction?: (item: T) => void;
|
|
22
19
|
loading?: boolean;
|
|
23
|
-
emptyState?: ReactNode;
|
|
24
|
-
/**
|
|
25
|
-
|
|
26
|
-
/**
|
|
27
|
-
|
|
28
|
-
footer?: ReactNode;
|
|
20
|
+
emptyState?: React.ReactNode;
|
|
21
|
+
/** Rendered below the horizontal scrollbar in the sticky bottom area. */
|
|
22
|
+
footer?: React.ReactNode;
|
|
23
|
+
/** Styles the header scroll container, including page-level sticky positioning. */
|
|
24
|
+
headerStyle?: React.CSSProperties;
|
|
29
25
|
}
|
|
30
|
-
export declare function DataTable<T>({ items, getRowId,
|
|
26
|
+
export declare function DataTable<T>({ items, getRowId, columns, sortState, onSortStateChange, selectable, selection, onSelectionChange, promotedBulkActions, bulkActions, onRowAction, loading, emptyState, footer, headerStyle, }: DataTableProps<T>): import('react').JSX.Element;
|
|
31
27
|
//# sourceMappingURL=DataTable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/IndexTable/DataTable/DataTable.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/IndexTable/DataTable/DataTable.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC9B,aAAa;IACb,OAAO,EAAE,SAAS,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACjC,WAAW;IACX,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC/C,gBAAgB;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAClD,mBAAmB,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IAC/C,WAAW,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IACvC,+DAA+D;IAC/D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,yEAAyE;IACzE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mFAAmF;IACnF,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACnC;AAQD,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,UAAiB,EACjB,SAAc,EACd,iBAAiB,EACjB,mBAAwB,EACxB,WAAgB,EAChB,WAAW,EACX,OAAe,EACf,UAAU,EACV,MAAM,EACN,WAAW,GACZ,EAAE,cAAc,CAAC,CAAC,CAAC,+BA4RnB"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
export interface PaginationProps extends Omit<ComponentPropsWithoutRef<'nav'>, 'children' | 'onChange'> {
|
|
3
|
+
/** The current page, starting at zero. */
|
|
4
|
+
pageIndex: number;
|
|
5
|
+
/** The number of rows per page. Must be a positive integer. */
|
|
6
|
+
pageSize: number;
|
|
7
|
+
totalCount: number;
|
|
8
|
+
onPageChange: (pageIndex: number) => void;
|
|
9
|
+
/** The caller should reset pageIndex when applying a new page size. */
|
|
10
|
+
onPageSizeChange: (pageSize: number) => void;
|
|
11
|
+
pageSizeOptions?: readonly number[];
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export declare function Pagination({ pageIndex, pageSize, totalCount, onPageChange, onPageSizeChange, pageSizeOptions, disabled, className, 'aria-label': ariaLabel, ...restProps }: PaginationProps): import('react').JSX.Element;
|
|
15
|
+
//# sourceMappingURL=Pagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/IndexTable/DataTable/Pagination/Pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAMtD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,wBAAwB,CAAC,KAAK,CAAC,EAC/B,UAAU,GAAG,UAAU,CACxB;IACC,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,uEAAuE;IACvE,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,eAAwC,EACxC,QAAgB,EAChB,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,SAAS,EACb,EAAE,eAAe,+BAwEjB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/IndexTable/DataTable/Pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/IndexTable/DataTable/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/IndexTable/DataTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}
|
|
@@ -1,25 +1,26 @@
|
|
|
1
1
|
import { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { ColumnDefinition, ToolbarState, ToolbarView } from './types';
|
|
2
|
+
import { ColumnDef, ColumnState, SortDef, SortState, ViewDef } from '../types';
|
|
4
3
|
export interface ToolbarProps extends Pick<ComponentPropsWithRef<'div'>, 'ref' | 'style'> {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
4
|
+
searchPlacerholder?: string;
|
|
5
|
+
search: string;
|
|
6
|
+
onSearchChange: (search: string) => void;
|
|
7
|
+
sorts: SortDef[];
|
|
8
|
+
sortState: SortState;
|
|
9
|
+
onSortStateChange: (state: SortState) => void;
|
|
10
|
+
columns: Pick<ColumnDef<unknown>, 'id' | 'label' | 'fixed'>[];
|
|
11
|
+
columnsState: ColumnState[];
|
|
12
|
+
onColumnsStateChange: (state: ColumnState[]) => void;
|
|
13
|
+
views?: ViewDef[];
|
|
14
|
+
isViewDirty?: boolean;
|
|
15
|
+
selectedView?: string | null;
|
|
16
|
+
onViewChange?: (id: string | null) => void;
|
|
17
|
+
onViewUpdate?: (id: string) => void;
|
|
18
|
+
onViewCreate?: (name: string) => void;
|
|
19
|
+
onViewReset?: () => void;
|
|
20
|
+
filters: ReactNode[];
|
|
21
|
+
filtersLayout?: 'wrap' | 'scroll';
|
|
17
22
|
showFilter?: boolean;
|
|
18
|
-
onShowFilterChange: (
|
|
19
|
-
columnDefinitions?: readonly ColumnDefinition[];
|
|
20
|
-
orderDefinitions?: readonly OrderDescriptor[];
|
|
21
|
-
/** Filter controls. The caller owns their values and change handlers. */
|
|
22
|
-
filters?: ReactNode[];
|
|
23
|
+
onShowFilterChange: (show: boolean) => void;
|
|
23
24
|
}
|
|
24
|
-
export declare function Toolbar({
|
|
25
|
+
export declare function Toolbar({ searchPlacerholder, filters, filtersLayout, ref, style, search, onSearchChange, sorts, sortState, onSortStateChange, columns, columnsState, onColumnsStateChange, views, isViewDirty, selectedView, onViewChange, onViewUpdate, onViewCreate, onViewReset, showFilter, onShowFilterChange, }: ToolbarProps): import('react').JSX.Element;
|
|
25
26
|
//# sourceMappingURL=Toolbar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/IndexTable/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,qBAAqB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAc7E,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/IndexTable/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,qBAAqB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAc7E,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,OAAO,EACP,SAAS,EACT,OAAO,EACR,MAAM,UAAU,CAAC;AAMlB,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,qBAAqB,CAAC,KAAK,CAAC,EAC5B,KAAK,GAAG,OAAO,CAChB;IAEC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IACrB,iBAAiB,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAE9C,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC;IAC9D,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,oBAAoB,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAErD,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,OAAO,CAAC,EACtB,kBAAkB,EAClB,OAAY,EACZ,aAAsB,EACtB,GAAG,EACH,KAAK,EACL,MAAM,EACN,cAAc,EACd,KAAK,EACL,SAAS,EACT,iBAAiB,EACjB,OAAO,EACP,YAAY,EACZ,oBAAoB,EACpB,KAAU,EACV,WAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAkB,EAClB,kBAAkB,GACnB,EAAE,YAAY,+BA2Gd"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ToolbarProps } from '../../Toolbar';
|
|
2
2
|
export interface ColumnButtonProps {
|
|
3
|
-
column:
|
|
4
|
-
hidden:
|
|
3
|
+
column: ToolbarProps['columns'][number];
|
|
4
|
+
hidden: ToolbarProps['columnsState'][number]['hidden'];
|
|
5
5
|
index: number;
|
|
6
6
|
onVisibilityChange: () => void;
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/IndexTable/Toolbar/components/ColumnButton/ColumnButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ColumnButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/IndexTable/Toolbar/components/ColumnButton/ColumnButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACxC,MAAM,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,MAAM,EACN,KAAK,EACL,kBAAkB,GACnB,EAAE,iBAAiB,+BAgCnB"}
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
filter?: ToolbarFilterState;
|
|
5
|
-
onChange: (filter: ToolbarFilterState | undefined) => void;
|
|
6
|
-
}
|
|
7
|
-
export declare function Filter({ definition, filter, onChange }: FilterProps): import('react').JSX.Element;
|
|
1
|
+
import { ToolbarProps } from '../../Toolbar';
|
|
2
|
+
export type FilterProps = Pick<ToolbarProps, 'filters' | 'filtersLayout' | 'showFilter'>;
|
|
3
|
+
export declare function Filter({ filters, filtersLayout, showFilter, }: FilterProps): import('react').JSX.Element;
|
|
8
4
|
//# sourceMappingURL=Filter.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../../../../src/components/IndexTable/Toolbar/components/Filter/Filter.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../../../../src/components/IndexTable/Toolbar/components/Filter/Filter.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,YAAY,EACZ,SAAS,GAAG,eAAe,GAAG,YAAY,CAC3C,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,aAAsB,EACtB,UAAkB,GACnB,EAAE,WAAW,+BAiCb"}
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
state: ToolbarState;
|
|
5
|
-
onViewUpdate?: (id: string, state: ToolbarState) => void;
|
|
6
|
-
onViewCreate?: (name: string, state: ToolbarState) => void;
|
|
7
|
-
}
|
|
8
|
-
export declare function SaveView({ selectedViewId, state, onViewUpdate, onViewCreate, }: SaveViewProps): import('react').JSX.Element;
|
|
1
|
+
import { ToolbarProps } from '../../Toolbar';
|
|
2
|
+
export type SaveViewProps = Pick<ToolbarProps, 'selectedView' | 'onViewUpdate' | 'onViewCreate'>;
|
|
3
|
+
export declare function SaveView({ selectedView, onViewUpdate, onViewCreate, }: SaveViewProps): import('react').JSX.Element;
|
|
9
4
|
//# sourceMappingURL=SaveView.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SaveView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/IndexTable/Toolbar/components/SaveView/SaveView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"SaveView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/IndexTable/Toolbar/components/SaveView/SaveView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,YAAY,EACZ,cAAc,GAAG,cAAc,GAAG,cAAc,CACjD,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,EAAE,aAAa,+BA6Ef"}
|
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export
|
|
4
|
-
columnDefinitions: readonly ColumnDefinition[];
|
|
5
|
-
columns: readonly ColumnState[];
|
|
6
|
-
orderDefinitions: readonly OrderDescriptor[];
|
|
7
|
-
order: OrderState;
|
|
8
|
-
onColumnsChange: (columns: ColumnState[]) => void;
|
|
9
|
-
onOrderChange: (order: OrderState) => void;
|
|
10
|
-
}
|
|
11
|
-
export declare function SortAndColumns({ columnDefinitions, columns, orderDefinitions, order, onColumnsChange, onOrderChange, }: SortAndColumnsProps): import('react').JSX.Element;
|
|
1
|
+
import { ToolbarProps } from '../../Toolbar';
|
|
2
|
+
export type SortAndColumnsProps = Pick<ToolbarProps, 'sorts' | 'sortState' | 'onSortStateChange' | 'columns' | 'columnsState' | 'onColumnsStateChange'>;
|
|
3
|
+
export declare function SortAndColumns({ sorts, sortState, onSortStateChange, columns, columnsState, onColumnsStateChange, }: SortAndColumnsProps): import('react').JSX.Element;
|
|
12
4
|
//# sourceMappingURL=SortAndColumns.d.ts.map
|
package/dist/components/IndexTable/Toolbar/components/SortAndColumns/SortAndColumns.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SortAndColumns.d.ts","sourceRoot":"","sources":["../../../../../../src/components/IndexTable/Toolbar/components/SortAndColumns/SortAndColumns.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"SortAndColumns.d.ts","sourceRoot":"","sources":["../../../../../../src/components/IndexTable/Toolbar/components/SortAndColumns/SortAndColumns.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAIlD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,YAAY,EACV,OAAO,GACP,WAAW,GACX,mBAAmB,GACnB,SAAS,GACT,cAAc,GACd,sBAAsB,CACzB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,iBAAiB,EACjB,OAAO,EACP,YAAY,EACZ,oBAAoB,GACrB,EAAE,mBAAmB,+BAqHrB"}
|
|
@@ -1,39 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import { ColumnState, OrderState } from '../types';
|
|
3
|
-
export type { ColumnDefinition, ColumnState, OrderState } from '../types';
|
|
4
|
-
export type ToolbarState = {
|
|
5
|
-
query: string;
|
|
6
|
-
columns: ColumnState[];
|
|
7
|
-
order: OrderState;
|
|
8
|
-
filters: ToolbarFilterState[];
|
|
9
|
-
};
|
|
10
|
-
export type ToolbarView = {
|
|
11
|
-
id: string;
|
|
12
|
-
label: string;
|
|
13
|
-
state: ToolbarState;
|
|
14
|
-
};
|
|
15
|
-
export type ToolbarFilterDefinition = {
|
|
16
|
-
key: string;
|
|
17
|
-
label: string;
|
|
18
|
-
disabled?: boolean;
|
|
19
|
-
} & ({
|
|
20
|
-
type: 'date';
|
|
21
|
-
} | ({
|
|
22
|
-
type: 'select';
|
|
23
|
-
onInputChange: (value: string) => void;
|
|
24
|
-
} & Pick<SelectFilterProps, 'selectedOptions' | 'options' | 'inputValue' | 'searchPlaceholder' | 'empty' | 'loading' | 'hasMore' | 'loadMore' | 'isLoadingMore'>));
|
|
25
|
-
export type ToolbarFilterState = {
|
|
26
|
-
key: string;
|
|
27
|
-
type: 'select';
|
|
28
|
-
value: string[];
|
|
29
|
-
} | ({
|
|
30
|
-
key: string;
|
|
31
|
-
type: 'date';
|
|
32
|
-
} & ({
|
|
33
|
-
preset: DateFilterPreset;
|
|
34
|
-
value?: never;
|
|
35
|
-
} | {
|
|
36
|
-
value: string[];
|
|
37
|
-
preset?: never;
|
|
38
|
-
}));
|
|
1
|
+
export type { ColumnDef, ColumnState, SortDef, SortState, ViewDef, } from '../types';
|
|
39
2
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/IndexTable/Toolbar/types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/IndexTable/Toolbar/types.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,SAAS,EACT,WAAW,EACX,OAAO,EACP,SAAS,EACT,OAAO,GACR,MAAM,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IndexTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,UAAU;;;;CAItB,CAAC;AAEF,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IndexTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,UAAU;;;;CAItB,CAAC;AAEF,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}
|
|
@@ -1,16 +1,32 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
/** Sort */
|
|
3
|
+
export type SortDef = {
|
|
3
4
|
id: string;
|
|
4
5
|
label: string;
|
|
5
|
-
|
|
6
|
+
ascendingLabel?: string;
|
|
7
|
+
descendingLabel?: string;
|
|
8
|
+
};
|
|
9
|
+
export type SortState = {
|
|
10
|
+
id: string;
|
|
11
|
+
asc: boolean;
|
|
12
|
+
};
|
|
13
|
+
/** Column */
|
|
14
|
+
export type ColumnDef<T> = {
|
|
15
|
+
id: string;
|
|
16
|
+
label: string;
|
|
17
|
+
renderCell: (item: T) => ReactNode;
|
|
18
|
+
alignment?: 'start' | 'center' | 'end';
|
|
19
|
+
width?: CSSProperties['width'];
|
|
20
|
+
sortId?: string;
|
|
6
21
|
fixed?: boolean;
|
|
7
22
|
};
|
|
8
23
|
export type ColumnState = {
|
|
9
24
|
id: string;
|
|
10
25
|
hidden: boolean;
|
|
11
26
|
};
|
|
12
|
-
|
|
27
|
+
/** View */
|
|
28
|
+
export type ViewDef = {
|
|
13
29
|
id: string;
|
|
14
|
-
|
|
30
|
+
label: string;
|
|
15
31
|
};
|
|
16
32
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/IndexTable/types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/IndexTable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,WAAW;AACX,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AACF,MAAM,MAAM,SAAS,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,OAAO,CAAA;CAAE,CAAC;AAErD,aAAa;AACb,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AACF,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,WAAW;AACX,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { MouseEvent } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
export declare function getVisibleColumns<T extends ColumnDefinition>(definitions: readonly T[], columns?: readonly ColumnState[]): T[];
|
|
2
|
+
import { ColumnDef, ColumnState } from './types';
|
|
3
|
+
export declare function getVisibleColumns<T extends Pick<ColumnDef<unknown>, 'id' | 'fixed'>>(columns: readonly T[], columnsState?: readonly ColumnState[]): T[];
|
|
5
4
|
export declare function isCellInteraction(event: MouseEvent<HTMLTableRowElement>): boolean;
|
|
6
|
-
export declare function actionHandler(action: ComplexAction): () => void;
|
|
7
5
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/IndexTable/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/IndexTable/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtD,wBAAgB,iBAAiB,CAC/B,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC,EAClD,OAAO,EAAE,SAAS,CAAC,EAAE,EAAE,YAAY,CAAC,EAAE,SAAS,WAAW,EAAE,GAAG,CAAC,EAAE,CAoBnE;AAKD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,mBAAmB,CAAC,WAOvE"}
|