@open-condo/ui 2.47.1 → 2.48.0
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/components/ColumnSettings.d.ts +10 -0
- package/dist/components/Table/components/ColumnSettings.d.ts.map +1 -0
- package/dist/components/Table/components/ColumnSettingsItem.d.ts +13 -0
- package/dist/components/Table/components/ColumnSettingsItem.d.ts.map +1 -0
- package/dist/components/Table/components/TableBody.d.ts +13 -0
- package/dist/components/Table/components/TableBody.d.ts.map +1 -0
- package/dist/components/Table/components/TableHeader.d.ts +13 -0
- package/dist/components/Table/components/TableHeader.d.ts.map +1 -0
- package/dist/components/Table/components/TablePagination.d.ts +8 -0
- package/dist/components/Table/components/TablePagination.d.ts.map +1 -0
- package/dist/components/Table/constants.d.ts +7 -0
- package/dist/components/Table/constants.d.ts.map +1 -0
- package/dist/components/Table/hooks/useColumnOrder.d.ts +14 -0
- package/dist/components/Table/hooks/useColumnOrder.d.ts.map +1 -0
- package/dist/components/Table/hooks/useColumnSizing.d.ts +14 -0
- package/dist/components/Table/hooks/useColumnSizing.d.ts.map +1 -0
- package/dist/components/Table/hooks/useColumnVisibility.d.ts +13 -0
- package/dist/components/Table/hooks/useColumnVisibility.d.ts.map +1 -0
- package/dist/components/Table/hooks/useTableSetting.d.ts +18 -0
- package/dist/components/Table/hooks/useTableSetting.d.ts.map +1 -0
- package/dist/components/Table/index.d.ts +7 -0
- package/dist/components/Table/index.d.ts.map +1 -0
- package/dist/components/Table/table.d.ts +8 -0
- package/dist/components/Table/table.d.ts.map +1 -0
- package/dist/components/Table/types.d.ts +135 -0
- package/dist/components/Table/types.d.ts.map +1 -0
- package/dist/components/Table/utils/filterComponents.d.ts +37 -0
- package/dist/components/Table/utils/filterComponents.d.ts.map +1 -0
- package/dist/components/Table/utils/renderCellUtils.d.ts +13 -0
- package/dist/components/Table/utils/renderCellUtils.d.ts.map +1 -0
- package/dist/components/Table/utils/storage.d.ts +3 -0
- package/dist/components/Table/utils/storage.d.ts.map +1 -0
- package/dist/components/Table/utils/urlQuery.d.ts +29 -0
- package/dist/components/Table/utils/urlQuery.d.ts.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +45885 -33416
- package/dist/style-vars/variables.css +1 -1
- package/dist/style-vars/variables.less +1 -1
- package/dist/styles.css +490 -0
- package/dist/styles.min.css +1 -1
- package/package.json +6 -2
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { RowData, Table } from '@tanstack/react-table';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { ColumnDefWithId } from '@open-condo/ui/src/components/Table/types';
|
|
4
|
+
interface ColumnSettingsProps<TData extends RowData = RowData> {
|
|
5
|
+
columns: ColumnDefWithId<TData>[];
|
|
6
|
+
table: Table<TData>;
|
|
7
|
+
}
|
|
8
|
+
export declare const ColumnSettings: <TData extends RowData = RowData>({ columns, table }: ColumnSettingsProps<TData>) => React.JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=ColumnSettings.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColumnSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/components/ColumnSettings.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAA;AAEhF,UAAU,mBAAmB,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO;IACzD,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,CAAA;IACjC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,KAAK,SAAS,OAAO,GAAG,OAAO,EAAE,oBAAoB,mBAAmB,CAAC,KAAK,CAAC,sBAgE7G,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { RowData, Table } from '@tanstack/react-table';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { ColumnDefWithId } from '@open-condo/ui/src/components/Table/types';
|
|
4
|
+
interface ColumnSettingsItemProps<TData extends RowData = RowData> {
|
|
5
|
+
column: ColumnDefWithId<TData>;
|
|
6
|
+
table: Table<TData>;
|
|
7
|
+
isVisible: boolean;
|
|
8
|
+
isLastVisibleColumn: boolean;
|
|
9
|
+
onToggleVisibility: (checked: boolean) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const ColumnSettingsItem: <TData extends RowData = RowData>({ column, table, isVisible, isLastVisibleColumn, onToggleVisibility, }: ColumnSettingsItemProps<TData>) => React.JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=ColumnSettingsItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColumnSettingsItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/components/ColumnSettingsItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAElE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAItC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAA;AAGhF,UAAU,uBAAuB,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO;IAC7D,MAAM,EAAE,eAAe,CAAC,KAAK,CAAC,CAAA;IAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,kBAAkB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACjD;AAED,eAAO,MAAM,kBAAkB,GAAI,KAAK,SAAS,OAAO,GAAG,OAAO,EAAG,wEAMlE,uBAAuB,CAAC,KAAK,CAAC,sBA4DhC,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Table, RowData } from '@tanstack/react-table';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { TableLabels } from '@open-condo/ui/src/components/Table/types';
|
|
4
|
+
type TableBodyProps<TData extends RowData = RowData> = Readonly<{
|
|
5
|
+
table: Table<TData>;
|
|
6
|
+
onRowClick?: (record: TData) => void;
|
|
7
|
+
dataLoading: boolean;
|
|
8
|
+
columnLabels: TableLabels;
|
|
9
|
+
tableContainerRef: React.RefObject<HTMLDivElement> | null;
|
|
10
|
+
}>;
|
|
11
|
+
export declare function TableBody<TData extends RowData = RowData>({ table, onRowClick, dataLoading, columnLabels, tableContainerRef, }: TableBodyProps<TData>): React.JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=TableBody.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/components/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAc,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,KAAsB,MAAM,OAAO,CAAA;AAI1C,OAAO,KAAK,EACR,WAAW,EACd,MAAM,2CAA2C,CAAA;AAElD,KAAK,cAAc,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO,IAAI,QAAQ,CAAC;IAC5D,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,KAAK,IAAI,CAAA;IACpC,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,EAAE,WAAW,CAAA;IACzB,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAA;CAC5D,CAAC,CAAA;AAGF,wBAAgB,SAAS,CAAE,KAAK,SAAS,OAAO,GAAG,OAAO,EAAG,EACzD,KAAK,EACL,UAAU,EACV,WAAW,EACX,YAAY,EACZ,iBAAiB,GACpB,EAAE,cAAc,CAAC,KAAK,CAAC,qBAyEvB"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { HeaderGroup, Table } from '@tanstack/react-table';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { TableLabels, ColumnDefWithId } from '@open-condo/ui/src/components/Table/types';
|
|
4
|
+
type TableHeaderProps<TData> = Readonly<{
|
|
5
|
+
headerGroup: HeaderGroup<TData>;
|
|
6
|
+
columns: ColumnDefWithId<TData>[];
|
|
7
|
+
columnLabels: TableLabels;
|
|
8
|
+
table: Table<TData>;
|
|
9
|
+
resetSettings: () => void;
|
|
10
|
+
}>;
|
|
11
|
+
export declare function TableHeader<TData>({ headerGroup, columns, table, columnLabels, resetSettings, }: TableHeaderProps<TData>): React.JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=TableHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/components/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,WAAW,EAAE,KAAK,EAAU,MAAM,uBAAuB,CAAA;AAG9E,OAAO,KAA+E,MAAM,OAAO,CAAA;AAanG,OAAO,KAAK,EACR,WAAW,EACX,eAAe,EAClB,MAAM,2CAA2C,CAAA;AAGlD,KAAK,gBAAgB,CAAC,KAAK,IAAI,QAAQ,CAAC;IACpC,WAAW,EAAE,WAAW,CAAC,KAAK,CAAC,CAAA;IAC/B,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,CAAA;IACjC,YAAY,EAAE,WAAW,CAAA;IACzB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IACnB,aAAa,EAAE,MAAM,IAAI,CAAA;CAC5B,CAAC,CAAA;AA4NF,wBAAgB,WAAW,CAAE,KAAK,EAAG,EACjC,WAAW,EACX,OAAO,EACP,KAAK,EACL,YAAY,EACZ,aAAa,GAChB,EAAE,gBAAgB,CAAC,KAAK,CAAC,qBA2JzB"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Table } from '@tanstack/react-table';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
type TablePaginationProps<TData> = Readonly<{
|
|
4
|
+
table: Table<TData>;
|
|
5
|
+
}>;
|
|
6
|
+
export declare function TablePagination<TData>({ table }: TablePaginationProps<TData>): React.JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=TablePagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/components/TablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAE7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,oBAAoB,CAAC,KAAK,IAAI,QAAQ,CAAC;IACxC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;CACtB,CAAC,CAAA;AAOF,wBAAgB,eAAe,CAAC,KAAK,EAAG,EAAE,KAAK,EAAE,EAAE,oBAAoB,CAAC,KAAK,CAAC,qBAwC7E"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const DEFAULT_PAGE_SIZE = 30;
|
|
2
|
+
export declare const COLUMN_ID_SELECTION = "selection";
|
|
3
|
+
export declare const DEFAULT_MIN_SIZE = 70;
|
|
4
|
+
export declare const DEBOUNCE_SETTINGS_SAVE = 300;
|
|
5
|
+
export declare const DROPDOWN_TRIGGER_CLICK = "click";
|
|
6
|
+
export declare const DROPDOWN_TRIGGER_HOVER = "hover";
|
|
7
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Table/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,KAAK,CAAA;AACnC,eAAO,MAAM,mBAAmB,cAAc,CAAA;AAC9C,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAClC,eAAO,MAAM,sBAAsB,MAAM,CAAA;AACzC,eAAO,MAAM,sBAAsB,UAAU,CAAA;AAC7C,eAAO,MAAM,sBAAsB,UAAU,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ColumnOrderState, RowData } from '@tanstack/react-table';
|
|
2
|
+
import type { TableSettings } from '../types';
|
|
3
|
+
import type { Dispatch, SetStateAction } from 'react';
|
|
4
|
+
interface UseColumnOrderProps<TData extends RowData = RowData> {
|
|
5
|
+
settings: TableSettings<TData>;
|
|
6
|
+
setSettings: Dispatch<SetStateAction<TableSettings<TData>>>;
|
|
7
|
+
}
|
|
8
|
+
type ColumnOrderResult = {
|
|
9
|
+
columnOrder: ColumnOrderState;
|
|
10
|
+
onColumnOrderChange: (updater: SetStateAction<ColumnOrderState>) => void;
|
|
11
|
+
};
|
|
12
|
+
export declare const useColumnOrder: <TData extends RowData = RowData>({ settings, setSettings, }: UseColumnOrderProps<TData>) => ColumnOrderResult;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=useColumnOrder.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useColumnOrder.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/hooks/useColumnOrder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAGjE,OAAO,KAAK,EAAE,aAAa,EAAe,MAAM,UAAU,CAAA;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAErD,UAAU,mBAAmB,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO;IACzD,QAAQ,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;IAC9B,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;CAC9D;AAED,KAAK,iBAAiB,GAAG;IACrB,WAAW,EAAE,gBAAgB,CAAA;IAC7B,mBAAmB,EAAE,CAAC,OAAO,EAAE,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC3E,CAAA;AAGD,eAAO,MAAM,cAAc,GAAI,KAAK,SAAS,OAAO,GAAG,OAAO,EAAE,4BAG7D,mBAAmB,CAAC,KAAK,CAAC,KAAG,iBAiC/B,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ColumnSizingState, RowData } from '@tanstack/react-table';
|
|
2
|
+
import type { TableSettings } from '../types';
|
|
3
|
+
import type { Dispatch, SetStateAction } from 'react';
|
|
4
|
+
interface UseColumnSizingProps<TData extends RowData = RowData> {
|
|
5
|
+
settings: TableSettings<TData>;
|
|
6
|
+
setSettings: Dispatch<SetStateAction<TableSettings<TData>>>;
|
|
7
|
+
}
|
|
8
|
+
type ColumnSizingResult = {
|
|
9
|
+
columnSizing: ColumnSizingState;
|
|
10
|
+
onColumnSizingChange: (updater: SetStateAction<ColumnSizingState>) => void;
|
|
11
|
+
};
|
|
12
|
+
export declare const useColumnSizing: <TData extends RowData = RowData>({ settings, setSettings, }: UseColumnSizingProps<TData>) => ColumnSizingResult;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=useColumnSizing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useColumnSizing.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/hooks/useColumnSizing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAGlE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAC7C,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAErD,UAAU,oBAAoB,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO;IAC1D,QAAQ,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;IAC9B,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;CAC9D;AAED,KAAK,kBAAkB,GAAG;IACtB,YAAY,EAAE,iBAAiB,CAAA;IAC/B,oBAAoB,EAAE,CAAC,OAAO,EAAE,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;CAC7E,CAAA;AA8CD,eAAO,MAAM,eAAe,GAAI,KAAK,SAAS,OAAO,GAAG,OAAO,EAAE,4BAG9D,oBAAoB,CAAC,KAAK,CAAC,KAAG,kBAiJhC,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { VisibilityState, RowData } from '@tanstack/react-table';
|
|
2
|
+
import type { TableSettings } from '../types';
|
|
3
|
+
import type { Dispatch, SetStateAction } from 'react';
|
|
4
|
+
interface UseColumnVisibilityProps<TData extends RowData = RowData> {
|
|
5
|
+
settings: TableSettings<TData>;
|
|
6
|
+
setSettings: Dispatch<SetStateAction<TableSettings<TData>>>;
|
|
7
|
+
}
|
|
8
|
+
export declare const useColumnVisibility: <TData extends RowData = RowData>({ settings, setSettings }: UseColumnVisibilityProps<TData>) => {
|
|
9
|
+
columnVisibility: VisibilityState;
|
|
10
|
+
onColumnVisibilityChange: (updater: SetStateAction<VisibilityState>) => void;
|
|
11
|
+
};
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=useColumnVisibility.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useColumnVisibility.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/hooks/useColumnVisibility.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAGhE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAC7C,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAErD,UAAU,wBAAwB,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO;IAC9D,QAAQ,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;IAC9B,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;CAC9D;AAED,eAAO,MAAM,mBAAmB,GAAI,KAAK,SAAS,OAAO,GAAG,OAAO,EAAE,2BAA2B,wBAAwB,CAAC,KAAK,CAAC,KAAG;IAC9H,gBAAgB,EAAE,eAAe,CAAA;IACjC,wBAAwB,EAAE,CAAC,OAAO,EAAE,cAAc,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;CA2C/E,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { RowData } from '@tanstack/react-table';
|
|
2
|
+
import { ColumnDefWithId, TableSettings } from '@open-condo/ui/src/components/Table/types';
|
|
3
|
+
interface UsePersistentTableStateProps<TData extends RowData = RowData> {
|
|
4
|
+
storageKey: string;
|
|
5
|
+
columns: ColumnDefWithId<TData>[];
|
|
6
|
+
}
|
|
7
|
+
export declare function getInitialTableState<TData extends RowData>(storageKey: string, columns: ColumnDefWithId<TData>[], resetSettings?: boolean): TableSettings<TData>;
|
|
8
|
+
export declare const useTableSetting: <TData extends RowData = RowData>({ storageKey, columns }: UsePersistentTableStateProps<TData>) => {
|
|
9
|
+
columnVisibility: import("@tanstack/react-table").VisibilityState;
|
|
10
|
+
columnOrder: import("@tanstack/react-table").ColumnOrderState;
|
|
11
|
+
columnSizing: import("@tanstack/react-table").ColumnSizingState;
|
|
12
|
+
onColumnVisibilityChange: (updater: import("react").SetStateAction<import("@tanstack/react-table").VisibilityState>) => void;
|
|
13
|
+
onColumnOrderChange: (updater: import("react").SetStateAction<import("@tanstack/react-table").ColumnOrderState>) => void;
|
|
14
|
+
onColumnSizingChange: (updater: import("react").SetStateAction<import("@tanstack/react-table").ColumnSizingState>) => void;
|
|
15
|
+
resetSettings: () => void;
|
|
16
|
+
};
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=useTableSetting.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTableSetting.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/hooks/useTableSetting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAa,MAAM,uBAAuB,CAAA;AAQ1D,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAA;AAG1F,UAAU,4BAA4B,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO;IAClE,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,CAAA;CACpC;AAED,wBAAgB,oBAAoB,CAAC,KAAK,SAAS,OAAO,EACtD,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,EACjC,aAAa,GAAE,OAAe,GAC/B,aAAa,CAAC,KAAK,CAAC,CAsDtB;AAED,eAAO,MAAM,eAAe,GAAI,KAAK,SAAS,OAAO,GAAG,OAAO,EAAE,yBAAyB,4BAA4B,CAAC,KAAK,CAAC;;;;;;;;CA0C5H,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Table } from './table';
|
|
2
|
+
import { renderTextWithTooltip } from './utils/renderCellUtils';
|
|
3
|
+
import { defaultParseUrlQuery, defaultUpdateUrlQuery } from './utils/urlQuery';
|
|
4
|
+
import './style.less';
|
|
5
|
+
export type { TableProps, TableColumn, TableLabels, GetTableData, TableState, FullTableState, DefaultColumn, RowSelectionOptions, TableRef, FilterComponentProps, FilterComponent, FilterConfig, RowSelectionState, SortState, FilterState, } from './types';
|
|
6
|
+
export { Table, renderTextWithTooltip, defaultUpdateUrlQuery, defaultParseUrlQuery, };
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EACH,qBAAqB,EACxB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EACH,oBAAoB,EACpB,qBAAqB,EACxB,MAAM,kBAAkB,CAAA;AACzB,OAAO,cAAc,CAAA;AAErB,YAAY,EACR,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,UAAU,EACV,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,QAAQ,EACR,oBAAoB,EACpB,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,WAAW,GACd,MAAM,SAAS,CAAA;AAChB,OAAO,EACH,KAAK,EACL,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,GACvB,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { RowData } from '@tanstack/react-table';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { TableProps, TableRef } from '@open-condo/ui/src/components/Table/types';
|
|
4
|
+
import '@open-condo/ui/src/components/Table/types';
|
|
5
|
+
export declare const Table: <TData extends RowData = RowData>(props: TableProps<TData> & {
|
|
6
|
+
ref?: React.Ref<TableRef>;
|
|
7
|
+
}) => React.ReactElement;
|
|
8
|
+
//# sourceMappingURL=table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,OAAO,EAQV,MAAM,uBAAuB,CAAA;AAC9B,OAAO,KAA6F,MAAM,OAAO,CAAA;AAYjH,OAAO,KAAK,EACR,UAAU,EAEV,QAAQ,EAKX,MAAM,2CAA2C,CAAA;AAClD,OAAO,2CAA2C,CAAA;AA8ZlD,eAAO,MAAM,KAAK,EAAiC,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO,EAC/E,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;CAAE,KACvD,KAAK,CAAC,YAAY,CAAA"}
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
import { RowData, DeepKeys, SortingState, Table, ColumnDef, CoreOptions } from '@tanstack/react-table';
|
|
2
|
+
import '@tanstack/react-table';
|
|
3
|
+
import type { TextColumnFilterConfig, SelectColumnFilterConfig, CheckboxGroupColumnFilterConfig } from './utils/filterComponents';
|
|
4
|
+
import type { ReactNode } from 'react';
|
|
5
|
+
export type ColumnSettings = {
|
|
6
|
+
visibility: boolean;
|
|
7
|
+
order: number;
|
|
8
|
+
size: number | string;
|
|
9
|
+
minSize: number;
|
|
10
|
+
};
|
|
11
|
+
export type TableSettings<TData extends RowData = RowData> = Record<TableColumn<TData>['id'], ColumnSettings>;
|
|
12
|
+
export type ColumnDefWithId<TData extends RowData = RowData, TValue = unknown> = ColumnDef<TData, TValue> & {
|
|
13
|
+
id: string;
|
|
14
|
+
};
|
|
15
|
+
export type TableLabels = {
|
|
16
|
+
sortDescLabel?: string;
|
|
17
|
+
sortAscLabel?: string;
|
|
18
|
+
filterLabel?: string;
|
|
19
|
+
settingsLabel?: string;
|
|
20
|
+
sortedDescLabel?: string;
|
|
21
|
+
sortedAscLabel?: string;
|
|
22
|
+
filteredLabel?: string;
|
|
23
|
+
noDataLabel?: string;
|
|
24
|
+
defaultSettingsLabel?: string;
|
|
25
|
+
resetFilterLabel?: string;
|
|
26
|
+
};
|
|
27
|
+
export type DefaultColumn = {
|
|
28
|
+
enableSorting?: boolean;
|
|
29
|
+
enableColumnSettings?: boolean;
|
|
30
|
+
initialVisibility?: boolean;
|
|
31
|
+
initialSize?: string | number;
|
|
32
|
+
minSize?: number;
|
|
33
|
+
};
|
|
34
|
+
export type RowSelectionState = string[];
|
|
35
|
+
export type RowSelectionOptions = {
|
|
36
|
+
enableRowSelection: boolean;
|
|
37
|
+
onRowSelectionChange?: (rowSelectionState: RowSelectionState) => void;
|
|
38
|
+
};
|
|
39
|
+
export type FilterComponentProps = {
|
|
40
|
+
setFilterValue: (value: unknown) => void;
|
|
41
|
+
filterValue: unknown;
|
|
42
|
+
confirm: (opts?: {
|
|
43
|
+
closeDropdown?: boolean;
|
|
44
|
+
}) => void;
|
|
45
|
+
setShowResetButton: (showResetButton: boolean) => void;
|
|
46
|
+
clearFilters: () => void;
|
|
47
|
+
};
|
|
48
|
+
export type FilterConfig = TextColumnFilterConfig | SelectColumnFilterConfig | CheckboxGroupColumnFilterConfig;
|
|
49
|
+
export type FilterComponent = (props: FilterComponentProps) => ReactNode;
|
|
50
|
+
export type TableColumnMeta = {
|
|
51
|
+
filterComponent?: FilterComponent;
|
|
52
|
+
enableColumnSettings?: boolean;
|
|
53
|
+
enableColumnMenu?: boolean;
|
|
54
|
+
initialVisibility?: boolean;
|
|
55
|
+
initialSize?: string | number;
|
|
56
|
+
initialOrder?: number;
|
|
57
|
+
};
|
|
58
|
+
type TableColumnBase<TData extends RowData = RowData> = {
|
|
59
|
+
id: string;
|
|
60
|
+
header: string | ((table: Table<TData>) => ReactNode);
|
|
61
|
+
filterComponent?: FilterConfig | FilterComponent;
|
|
62
|
+
enableSorting?: boolean;
|
|
63
|
+
enableColumnSettings?: boolean;
|
|
64
|
+
initialVisibility?: boolean;
|
|
65
|
+
initialSize?: string | number;
|
|
66
|
+
initialOrder?: number;
|
|
67
|
+
minSize?: number;
|
|
68
|
+
};
|
|
69
|
+
export type TableColumn<TData extends RowData = RowData> = (TableColumnBase<TData> & {
|
|
70
|
+
dataKey: DeepKeys<TData>;
|
|
71
|
+
render?: (value: unknown, record: TData, index: number) => ReactNode;
|
|
72
|
+
}) | (TableColumnBase<TData> & {
|
|
73
|
+
dataKey?: never;
|
|
74
|
+
render: (value: unknown, record: TData, index: number) => ReactNode;
|
|
75
|
+
});
|
|
76
|
+
export type TableState = {
|
|
77
|
+
startRow: number;
|
|
78
|
+
endRow?: number;
|
|
79
|
+
filterState: FilterState;
|
|
80
|
+
sortState: SortState;
|
|
81
|
+
};
|
|
82
|
+
export type FilterState = {
|
|
83
|
+
[colId: string]: unknown;
|
|
84
|
+
};
|
|
85
|
+
export type SortState = SortingState;
|
|
86
|
+
export type FullTableState = TableState & {
|
|
87
|
+
rowSelectionState: RowSelectionState;
|
|
88
|
+
};
|
|
89
|
+
export type TableApi = {
|
|
90
|
+
setFilterState: (filterState: FilterState) => void;
|
|
91
|
+
getFilterState: () => FilterState;
|
|
92
|
+
setColumnFilter: (columnId: string, value: unknown) => void;
|
|
93
|
+
getColumnFilter: (columnId: string) => unknown;
|
|
94
|
+
refetchData: () => Promise<void>;
|
|
95
|
+
setPagination: ({ startRow, endRow }: {
|
|
96
|
+
startRow: number;
|
|
97
|
+
endRow: number;
|
|
98
|
+
}) => void;
|
|
99
|
+
getPagination: () => {
|
|
100
|
+
startRow: number;
|
|
101
|
+
endRow: number;
|
|
102
|
+
};
|
|
103
|
+
setSorting: (sorting: SortState) => void;
|
|
104
|
+
getSorting: () => SortState;
|
|
105
|
+
getRowSelection: () => string[];
|
|
106
|
+
resetRowSelection: () => void;
|
|
107
|
+
};
|
|
108
|
+
export type TableRef = {
|
|
109
|
+
api: TableApi;
|
|
110
|
+
};
|
|
111
|
+
export type GetTableData<TData extends RowData = RowData> = (tableState: TableState, isRefetch?: boolean) => Promise<{
|
|
112
|
+
rowData: TData[];
|
|
113
|
+
rowCount: number;
|
|
114
|
+
}>;
|
|
115
|
+
export interface TableProps<TData extends RowData = RowData> {
|
|
116
|
+
id: string;
|
|
117
|
+
dataSource: GetTableData<TData>;
|
|
118
|
+
columns: TableColumn<TData>[];
|
|
119
|
+
getRowId?: CoreOptions<TData>['getRowId'];
|
|
120
|
+
defaultColumn?: DefaultColumn;
|
|
121
|
+
pageSize?: number;
|
|
122
|
+
onTableStateChange?: (tableState: FullTableState) => void;
|
|
123
|
+
initialTableState?: FullTableState;
|
|
124
|
+
storageKey?: string;
|
|
125
|
+
columnLabels?: TableLabels;
|
|
126
|
+
onRowClick?: (record: TData) => void;
|
|
127
|
+
rowSelectionOptions?: RowSelectionOptions;
|
|
128
|
+
onGridReady?: (tableRef: TableRef) => void;
|
|
129
|
+
}
|
|
130
|
+
declare module '@tanstack/react-table' {
|
|
131
|
+
interface ColumnMeta<TData extends RowData, TValue> extends TableColumnMeta {
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
export {};
|
|
135
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { InputProps, SelectProps, CheckboxProps, TableColumn } from '@open-condo/ui/src';
|
|
2
|
+
import type { FilterConfig } from '@open-condo/ui/src/components/Table/types';
|
|
3
|
+
type OptionType = {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
};
|
|
7
|
+
declare const TextColumnFilterKey = "textColumnFilter";
|
|
8
|
+
declare const CheckboxGroupColumnFilterKey = "checkboxGroupColumnFilter";
|
|
9
|
+
declare const SelectColumnFilterKey = "selectColumnFilter";
|
|
10
|
+
export type TextColumnFilterConfig = {
|
|
11
|
+
key: typeof TextColumnFilterKey;
|
|
12
|
+
componentProps?: TextFilterComponentType;
|
|
13
|
+
};
|
|
14
|
+
export type SelectColumnFilterConfig = {
|
|
15
|
+
key: typeof SelectColumnFilterKey;
|
|
16
|
+
options: OptionType[];
|
|
17
|
+
componentProps?: SelectFilterComponentType;
|
|
18
|
+
};
|
|
19
|
+
export type CheckboxGroupColumnFilterConfig = {
|
|
20
|
+
key: typeof CheckboxGroupColumnFilterKey;
|
|
21
|
+
options: OptionType[];
|
|
22
|
+
componentProps?: CheckboxGroupFilterComponentType;
|
|
23
|
+
};
|
|
24
|
+
type TextFilterComponentType = {
|
|
25
|
+
inputProps?: InputProps;
|
|
26
|
+
};
|
|
27
|
+
type CheckboxGroupFilterComponentType = {
|
|
28
|
+
checkboxGroupProps?: CheckboxProps & {
|
|
29
|
+
options?: OptionType[];
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
type SelectFilterComponentType = {
|
|
33
|
+
selectProps?: SelectProps;
|
|
34
|
+
};
|
|
35
|
+
export declare function getFilterComponentByKey(filterConfig: FilterConfig): TableColumn['filterComponent'];
|
|
36
|
+
export {};
|
|
37
|
+
//# sourceMappingURL=filterComponents.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"filterComponents.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/utils/filterComponents.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,UAAU,EAGV,WAAW,EACX,aAAa,EACb,WAAW,EACd,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAmB,YAAY,EAAE,MAAM,2CAA2C,CAAA;AAE9F,KAAK,UAAU,GAAG;IACd,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,QAAA,MAAM,mBAAmB,qBAAqB,CAAA;AAC9C,QAAA,MAAM,4BAA4B,8BAA8B,CAAA;AAChE,QAAA,MAAM,qBAAqB,uBAAuB,CAAA;AAQlD,MAAM,MAAM,sBAAsB,GAAG;IACjC,GAAG,EAAE,OAAO,mBAAmB,CAAA;IAC/B,cAAc,CAAC,EAAE,uBAAuB,CAAA;CAC3C,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACnC,GAAG,EAAE,OAAO,qBAAqB,CAAA;IACjC,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,cAAc,CAAC,EAAE,yBAAyB,CAAA;CAC7C,CAAA;AAED,MAAM,MAAM,+BAA+B,GAAG;IAC1C,GAAG,EAAE,OAAO,4BAA4B,CAAA;IACxC,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,cAAc,CAAC,EAAE,gCAAgC,CAAA;CACpD,CAAA;AAED,KAAK,uBAAuB,GAAG;IAAE,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,CAAA;AAC1D,KAAK,gCAAgC,GAAG;IAAE,kBAAkB,CAAC,EAAE,aAAa,GAAG;QAAE,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;KAAE,CAAA;CAAE,CAAA;AAC3G,KAAK,yBAAyB,GAAG;IAAE,WAAW,CAAC,EAAE,WAAW,CAAA;CAAE,CAAA;AAqI9D,wBAAgB,uBAAuB,CACnC,YAAY,EAAE,YAAY,GAC3B,WAAW,CAAC,iBAAiB,CAAC,CA0ChC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Typography, TooltipProps, TypographyTextProps } from '@open-condo/ui/src';
|
|
3
|
+
type EllipsisProp = boolean | NonNullable<React.ComponentProps<typeof Typography.Paragraph>['ellipsis']>;
|
|
4
|
+
type RenderTextWithTooltipProps = {
|
|
5
|
+
ellipsis?: EllipsisProp;
|
|
6
|
+
postfix?: string;
|
|
7
|
+
type?: TypographyTextProps['type'];
|
|
8
|
+
extraTitle?: string | null;
|
|
9
|
+
extraTooltipProps?: TooltipProps;
|
|
10
|
+
};
|
|
11
|
+
export declare const renderTextWithTooltip: <TValue = unknown>({ ellipsis, postfix, type, extraTitle, extraTooltipProps, }?: RenderTextWithTooltipProps) => (text: TValue) => React.JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=renderCellUtils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"renderCellUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/utils/renderCellUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,YAAY,EAAW,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAI3F,KAAK,YAAY,GAAG,OAAO,GAAG,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;AACxG,KAAK,0BAA0B,GAAG;IAC9B,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAA;IAClC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,iBAAiB,CAAC,EAAE,YAAY,CAAA;CACnC,CAAA;AAWD,eAAO,MAAM,qBAAqB,GAAI,MAAM,GAAG,OAAO,EAAE,8DAMrD,0BAA+B,MAA8C,MAAM,MAAM,sBAoB3F,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/utils/storage.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,KAAG,OAQxC,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,MAAM,OAAO,KAAG,IAOxD,CAAA"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { FullTableState } from '@open-condo/ui/src';
|
|
2
|
+
/**
|
|
3
|
+
* @deprecated This function is experimental. API may change at any time without notice.
|
|
4
|
+
*
|
|
5
|
+
* @experimental
|
|
6
|
+
*
|
|
7
|
+
* This function is in experimental stage of development.
|
|
8
|
+
* API may be changed at any moment without prior notice.
|
|
9
|
+
* Use with caution in production.
|
|
10
|
+
*
|
|
11
|
+
* @param query - Query object to parse
|
|
12
|
+
* @param pageSize - Page size to use
|
|
13
|
+
* @returns Full table state parsed from query
|
|
14
|
+
*/
|
|
15
|
+
export declare const defaultParseUrlQuery: (query: Record<string, string | string[]>, pageSize: number) => FullTableState;
|
|
16
|
+
/**
|
|
17
|
+
* @deprecated This function is experimental. API may change at any time without notice.
|
|
18
|
+
*
|
|
19
|
+
* @experimental
|
|
20
|
+
*
|
|
21
|
+
* This function is in experimental stage of development.
|
|
22
|
+
* API may be changed at any moment without prior notice.
|
|
23
|
+
* Use with caution in production.
|
|
24
|
+
*
|
|
25
|
+
* @param params - Full table state to update
|
|
26
|
+
* @returns void
|
|
27
|
+
*/
|
|
28
|
+
export declare const defaultUpdateUrlQuery: (params: FullTableState) => void;
|
|
29
|
+
//# sourceMappingURL=urlQuery.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"urlQuery.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/utils/urlQuery.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,cAAc,EAAgC,MAAM,oBAAoB,CAAA;AAqH9F;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,oBAAoB,GAAI,OAAO,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,UAAU,MAAM,KAAG,cAgBjG,CAAA;AA+CD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,qBAAqB,GAAI,QAAQ,cAAc,SAW3D,CAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -31,6 +31,8 @@ export { Space } from './components/Space';
|
|
|
31
31
|
export type { SpaceProps } from './components/Space';
|
|
32
32
|
export { Steps } from './components/Steps';
|
|
33
33
|
export type { StepsProps, StepItem } from './components/Steps';
|
|
34
|
+
export { Table, renderTextWithTooltip, defaultUpdateUrlQuery, defaultParseUrlQuery, } from './components/Table';
|
|
35
|
+
export type { TableProps, TableColumn, TableLabels, GetTableData, TableState, FullTableState, DefaultColumn, RowSelectionOptions, TableRef, FilterComponentProps, FilterComponent, FilterConfig, RowSelectionState, SortState, FilterState, } from './components/Table';
|
|
34
36
|
export { Tabs } from './components/Tabs';
|
|
35
37
|
export type { TabsProps, TabItem } from './components/Tabs';
|
|
36
38
|
export { Tag } from './components/Tag';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|