@open-condo/ui 2.47.0 → 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/colors/index.js +3 -3
- 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/events.js +999 -999
- package/dist/hooks.js +103 -106
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +75538 -62968
- 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 +7 -3
package/dist/colors/index.js
CHANGED
|
@@ -52,7 +52,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
52
52
|
colors: function() { return /* binding */ colors; }
|
|
53
53
|
});
|
|
54
54
|
|
|
55
|
-
;//
|
|
55
|
+
;// ./src/colors/colors.ts
|
|
56
56
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
57
57
|
|
|
58
58
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
@@ -339,9 +339,9 @@ var typeMap = {
|
|
|
339
339
|
typ: m('')
|
|
340
340
|
}], false)
|
|
341
341
|
};
|
|
342
|
-
;//
|
|
342
|
+
;// ./src/colors/colors.json
|
|
343
343
|
var colors_colors_namespaceObject = /*#__PURE__*/JSON.parse('{"white":"#fff","black":"#222222","brandGradient":{"1":"linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%)","3":"linear-gradient(90deg, #85eba4 0%, #9fd5ff 100%)","5":"linear-gradient(90deg, #26c756 0%, #4ba2e4 100%)","7":"linear-gradient(90deg, #2abb56 0%, #3996dd 100%)"},"green":{"1":"#ebfaef","3":"#88e2a3","5":"#2bc359","7":"#00b538"},"red":{"1":"#ffeceb","3":"#ff938e","5":"#ff3b30","7":"#ec0000"},"yellow":{"1":"#fef8dd","3":"#fcea99","5":"#fadd56","7":"#e9c000"},"orange":{"1":"#fff5e6","3":"#ffbf66","5":"#ff9500","7":"#da7f00"},"blue":{"1":"#e7f4ff","3":"#7dc0f8","5":"#2696f3","7":"#0b78d2"},"purple":{"1":"#f2e9ff","3":"#9e7add","5":"#5e22c6","7":"#4b1c9e"},"pink":{"1":"#ffeef3","3":"#f38aa7","5":"#eb3468","7":"#d21f52"},"brown":{"1":"#f8f1e7","3":"#d2aa6e","5":"#b4710d","7":"#8d590c"},"teal":{"1":"#e9f3f2","3":"#6db8b3","5":"#1c7e79","7":"#135754"},"cyan":{"1":"#edfcf8","3":"#a0e5d2","5":"#5eceb0","7":"#249677"},"gray":{"1":"#f2f4f6","3":"#e1e5ed","5":"#d0d3e5","7":"#707695"}}');
|
|
344
|
-
;//
|
|
344
|
+
;// ./src/colors/index.ts
|
|
345
345
|
|
|
346
346
|
|
|
347
347
|
var colors = Convert.toColorPalette(JSON.stringify(colors_colors_namespaceObject));
|
|
@@ -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"}
|