ydb-embedded-ui 14.11.0 → 14.12.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/Errors/PageError/PageError.js +10 -1
- package/dist/components/Errors/PageError/PageError.js.map +1 -1
- package/dist/components/Errors/PageError/utils.d.ts +15 -0
- package/dist/components/Errors/PageError/utils.js +11 -0
- package/dist/components/Errors/PageError/utils.js.map +1 -0
- package/dist/components/PaginatedTable/PaginatedTable.d.ts +2 -1
- package/dist/components/PaginatedTable/PaginatedTable.js +2 -2
- package/dist/components/PaginatedTable/PaginatedTable.js.map +1 -1
- package/dist/components/PaginatedTable/PaginatedTableWithLayout.d.ts +2 -1
- package/dist/components/PaginatedTable/PaginatedTableWithLayout.js +8 -2
- package/dist/components/PaginatedTable/PaginatedTableWithLayout.js.map +1 -1
- package/dist/components/PaginatedTable/TableChunksRenderer.d.ts +2 -1
- package/dist/components/PaginatedTable/TableChunksRenderer.js +2 -1
- package/dist/components/PaginatedTable/TableChunksRenderer.js.map +1 -1
- package/dist/components/PaginatedTable/useScrollBasedChunks.d.ts +1 -1
- package/dist/components/PaginatedTable/useScrollBasedChunks.js +12 -2
- package/dist/components/PaginatedTable/useScrollBasedChunks.js.map +1 -1
- package/dist/components/TableWithControlsLayout/TableWithControlsLayout.d.ts +4 -0
- package/dist/components/TableWithControlsLayout/TableWithControlsLayout.js +3 -0
- package/dist/components/TableWithControlsLayout/TableWithControlsLayout.js.map +1 -1
- package/dist/components/TableWithControlsLayout/TableWithControlsLayout.scss +22 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicData.js +67 -133
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicData.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.d.ts +1 -2
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.js +3 -3
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/__test__/getData.test.js +140 -3
- package/dist/containers/Tenant/Diagnostics/TopicData/__test__/getData.test.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/getData.d.ts +3 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/getData.js +7 -3
- package/dist/containers/Tenant/Diagnostics/TopicData/getData.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/i18n/en.json +1 -2
- package/dist/containers/Tenant/Diagnostics/TopicData/i18n/index.d.ts +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/useTopicPagination.d.ts +15 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/useTopicPagination.js +45 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/useTopicPagination.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/useTopicPartitions.d.ts +21 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/useTopicPartitions.js +48 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/useTopicPartitions.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/useTopicProbeQuery.d.ts +20 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/useTopicProbeQuery.js +42 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/useTopicProbeQuery.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/useTopicScroll.d.ts +23 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/useTopicScroll.js +105 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/useTopicScroll.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/utils/constants.d.ts +3 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/utils/constants.js +4 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/utils/constants.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/utils/types.d.ts +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/utils/types.js.map +1 -1
- package/dist/containers/Tenant/Query/QueryEditor/QueryEditor.js +22 -1
- package/dist/containers/Tenant/Query/QueryEditor/QueryEditor.js.map +1 -1
- package/dist/containers/Tenant/Query/QueryEditorControls/QueryEditorControls.d.ts +2 -1
- package/dist/containers/Tenant/Query/QueryEditorControls/QueryEditorControls.js +3 -20
- package/dist/containers/Tenant/Query/QueryEditorControls/QueryEditorControls.js.map +1 -1
- package/dist/utils/errors/__test__/extractErrorDetails.test.js +33 -0
- package/dist/utils/errors/__test__/extractErrorDetails.test.js.map +1 -1
- package/dist/utils/errors/extractErrorDetails.js +56 -9
- package/dist/utils/errors/extractErrorDetails.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,6 +11,7 @@ import { Unauthenticated } from '../401';
|
|
|
11
11
|
import { AccessDenied } from '../403';
|
|
12
12
|
import { ResponseErrorMessage, useErrorInfo } from '../ResponseError';
|
|
13
13
|
import i18n from '../i18n';
|
|
14
|
+
import { resolvePageErrorSubtitle } from './utils';
|
|
14
15
|
import './PageError.scss';
|
|
15
16
|
const b = cn('ydb-page-error');
|
|
16
17
|
export function PageError({ title, description, error, children, size = 'm', illustrationSize, errorPageTitle, defaultMessage, className, pageTitle: callerPageTitle, ...restProps }) {
|
|
@@ -32,6 +33,14 @@ export function PageError({ title, description, error, children, size = 'm', ill
|
|
|
32
33
|
function PageErrorContent({ title: titleProp, description, error, size = 'm', illustrationSize, errorPageTitle, defaultMessage, className, actions: callerActions, ...restProps }) {
|
|
33
34
|
const { title: errorTitle, subtitle, showSubtitle, details, } = useErrorInfo(error, defaultMessage);
|
|
34
35
|
const resolvedTitle = titleProp || errorTitle || i18n('error.title');
|
|
36
|
+
const { resolvedSubtitle, resolvedShowSubtitle } = resolvePageErrorSubtitle({
|
|
37
|
+
hasTitleOverride: Boolean(titleProp),
|
|
38
|
+
errorTitle,
|
|
39
|
+
resolvedTitleString: typeof resolvedTitle === 'string' ? resolvedTitle : undefined,
|
|
40
|
+
subtitle,
|
|
41
|
+
showSubtitle,
|
|
42
|
+
details,
|
|
43
|
+
});
|
|
35
44
|
const reportProblemUrl = React.useMemo(() => {
|
|
36
45
|
if (!uiFactory.getReportProblemUrl) {
|
|
37
46
|
return undefined;
|
|
@@ -54,6 +63,6 @@ function PageErrorContent({ title: titleProp, description, error, size = 'm', il
|
|
|
54
63
|
}, [callerActions, reportProblemUrl]);
|
|
55
64
|
const resolvedIllustrationSize = EMPTY_STATE_SIZES[illustrationSize !== null && illustrationSize !== void 0 ? illustrationSize : size];
|
|
56
65
|
const InternalErrorImage = getIllustration('InternalError');
|
|
57
|
-
return (_jsx(EmptyState, { image: _jsx(InternalErrorImage, { width: resolvedIllustrationSize, height: resolvedIllustrationSize }), title: resolvedTitle, description: error ? (_jsx(ResponseErrorMessage, { subtitle:
|
|
66
|
+
return (_jsx(EmptyState, { image: _jsx(InternalErrorImage, { width: resolvedIllustrationSize, height: resolvedIllustrationSize }), title: resolvedTitle, description: error ? (_jsx(ResponseErrorMessage, { subtitle: resolvedSubtitle, showSubtitle: resolvedShowSubtitle, details: details, renderedTitle: typeof resolvedTitle === 'string' ? resolvedTitle : undefined })) : (description), ...restProps, actions: mergedActions, size: size, contentPosition: "top", pageTitle: errorPageTitle, className: b(null, className) }));
|
|
58
67
|
}
|
|
59
68
|
//# sourceMappingURL=PageError.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageError.js","sourceRoot":"","sources":["../../../../src/components/Errors/PageError/PageError.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"PageError.js","sourceRoot":"","sources":["../../../../src/components/Errors/PageError/PageError.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ErrorDetails } from '../../../utils/errors/extractErrorDetails';
|
|
2
|
+
interface ResolveSubtitleParams {
|
|
3
|
+
hasTitleOverride: boolean;
|
|
4
|
+
errorTitle?: string;
|
|
5
|
+
resolvedTitleString?: string;
|
|
6
|
+
subtitle?: string;
|
|
7
|
+
showSubtitle: boolean;
|
|
8
|
+
details: ErrorDetails | null;
|
|
9
|
+
}
|
|
10
|
+
interface ResolvedSubtitle {
|
|
11
|
+
resolvedSubtitle?: string;
|
|
12
|
+
resolvedShowSubtitle: boolean;
|
|
13
|
+
}
|
|
14
|
+
export declare function resolvePageErrorSubtitle({ hasTitleOverride, errorTitle, resolvedTitleString, subtitle, showSubtitle, details, }: ResolveSubtitleParams): ResolvedSubtitle;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export function resolvePageErrorSubtitle({ hasTitleOverride, errorTitle, resolvedTitleString, subtitle, showSubtitle, details, }) {
|
|
2
|
+
const shouldShowHttpSubtitle = hasTitleOverride &&
|
|
3
|
+
(details === null || details === void 0 ? void 0 : details.status) !== undefined &&
|
|
4
|
+
Boolean(errorTitle) &&
|
|
5
|
+
errorTitle !== resolvedTitleString;
|
|
6
|
+
return {
|
|
7
|
+
resolvedSubtitle: shouldShowHttpSubtitle ? errorTitle : subtitle,
|
|
8
|
+
resolvedShowSubtitle: shouldShowHttpSubtitle || showSubtitle,
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/Errors/PageError/utils.ts"],"names":[],"mappings":"AAgBA,MAAM,UAAU,wBAAwB,CAAC,EACrC,gBAAgB,EAChB,UAAU,EACV,mBAAmB,EACnB,QAAQ,EACR,YAAY,EACZ,OAAO,GACa;IACpB,MAAM,sBAAsB,GACxB,gBAAgB;QAChB,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,SAAS;QAC7B,OAAO,CAAC,UAAU,CAAC;QACnB,UAAU,KAAK,mBAAmB,CAAC;IAEvC,OAAO;QACH,gBAAgB,EAAE,sBAAsB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ;QAChE,oBAAoB,EAAE,sBAAsB,IAAI,YAAY;KAC/D,CAAC;AACN,CAAC"}
|
|
@@ -18,5 +18,6 @@ export interface PaginatedTableProps<T, F> {
|
|
|
18
18
|
containerClassName?: string;
|
|
19
19
|
onDataFetched?: (data: PaginatedTableData<T>) => void;
|
|
20
20
|
keepCache?: boolean;
|
|
21
|
+
fetchOverscan?: number;
|
|
21
22
|
}
|
|
22
|
-
export declare const PaginatedTable: <T, F>({ limit: chunkSize, initialEntitiesCount, fetchData, filters: rawFilters, tableName, columns, getRowClassName, rowHeight, scrollContainerRef, onColumnsResize, renderErrorMessage, renderEmptyDataMessage, containerClassName, onDataFetched, keepCache, }: PaginatedTableProps<T, F>) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export declare const PaginatedTable: <T, F>({ limit: chunkSize, initialEntitiesCount, fetchData, filters: rawFilters, tableName, columns, getRowClassName, rowHeight, scrollContainerRef, onColumnsResize, renderErrorMessage, renderEmptyDataMessage, containerClassName, onDataFetched, keepCache, fetchOverscan, }: PaginatedTableProps<T, F>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -7,7 +7,7 @@ import { DEFAULT_TABLE_ROW_HEIGHT } from './constants';
|
|
|
7
7
|
import { b } from './shared';
|
|
8
8
|
import './PaginatedTable.scss';
|
|
9
9
|
const DEFAULT_PAGINATION_LIMIT = 20;
|
|
10
|
-
export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, initialEntitiesCount, fetchData, filters: rawFilters, tableName, columns, getRowClassName, rowHeight = DEFAULT_TABLE_ROW_HEIGHT, scrollContainerRef, onColumnsResize, renderErrorMessage, renderEmptyDataMessage, containerClassName, onDataFetched, keepCache = true, }) => {
|
|
10
|
+
export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, initialEntitiesCount, fetchData, filters: rawFilters, tableName, columns, getRowClassName, rowHeight = DEFAULT_TABLE_ROW_HEIGHT, scrollContainerRef, onColumnsResize, renderErrorMessage, renderEmptyDataMessage, containerClassName, onDataFetched, keepCache = true, fetchOverscan, }) => {
|
|
11
11
|
// Get state and setters from context
|
|
12
12
|
const { tableState, setSortParams, setTotalEntities, setFoundEntities, setIsInitialLoad } = usePaginatedTableState();
|
|
13
13
|
const { sortParams, foundEntities } = tableState;
|
|
@@ -43,7 +43,7 @@ export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, in
|
|
|
43
43
|
setFoundEntities(defaultFound);
|
|
44
44
|
setIsInitialLoad(true);
|
|
45
45
|
}, [initialEntitiesCount, setTotalEntities, setFoundEntities, setIsInitialLoad]);
|
|
46
|
-
const renderTable = () => (_jsxs("table", { className: b('table'), children: [_jsx(TableHead, { columns: columns, onSort: setSortParams, onColumnsResize: onColumnsResize }), _jsx("tbody", { children: _jsx(TableChunksRenderer, { scrollContainerRef: scrollContainerRef, tableRef: tableRef, foundEntities: foundEntities, chunkSize: chunkSize, rowHeight: rowHeight, columns: columns, fetchData: fetchData, filters: filters, tableName: tableName, sortParams: sortParams, getRowClassName: getRowClassName, renderErrorMessage: renderErrorMessage, renderEmptyDataMessage: renderEmptyDataMessage, onDataFetched: handleDataFetched, keepCache: keepCache }) })] }));
|
|
46
|
+
const renderTable = () => (_jsxs("table", { className: b('table'), children: [_jsx(TableHead, { columns: columns, onSort: setSortParams, onColumnsResize: onColumnsResize }), _jsx("tbody", { children: _jsx(TableChunksRenderer, { scrollContainerRef: scrollContainerRef, tableRef: tableRef, foundEntities: foundEntities, chunkSize: chunkSize, rowHeight: rowHeight, columns: columns, fetchData: fetchData, filters: filters, tableName: tableName, sortParams: sortParams, getRowClassName: getRowClassName, renderErrorMessage: renderErrorMessage, renderEmptyDataMessage: renderEmptyDataMessage, onDataFetched: handleDataFetched, keepCache: keepCache, fetchOverscan: fetchOverscan }) })] }));
|
|
47
47
|
return (_jsx("div", { ref: tableRef, className: b(null, containerClassName), children: renderTable() }));
|
|
48
48
|
};
|
|
49
49
|
//# sourceMappingURL=PaginatedTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,OAAO,EAAC,wBAAwB,EAAC,MAAM,aAAa,CAAC;AACrD,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAW3B,OAAO,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"PaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,OAAO,EAAC,wBAAwB,EAAC,MAAM,aAAa,CAAC;AACrD,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAW3B,OAAO,uBAAuB,CAAC;AAqB/B,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAEpC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAO,EACjC,KAAK,EAAE,SAAS,GAAG,wBAAwB,EAC3C,oBAAoB,EACpB,SAAS,EACT,OAAO,EAAE,UAAU,EACnB,SAAS,EACT,OAAO,EACP,eAAe,EACf,SAAS,GAAG,wBAAwB,EACpC,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,SAAS,GAAG,IAAI,EAChB,aAAa,GACW,EAAE,EAAE;IAC5B,qCAAqC;IACrC,MAAM,EAAC,UAAU,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,GACnF,sBAAsB,EAAE,CAAC;IAE7B,MAAM,EAAC,UAAU,EAAE,aAAa,EAAC,GAAG,UAAU,CAAC;IAE/C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEpD,kLAAkL;IAClL,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAEzD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,UAAU,CAAC,UAAU,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACvC,CAAC,IAA4B,EAAE,EAAE;QAC7B,IAAI,IAAI,EAAE,CAAC;YACP,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC7B,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC7B,gBAAgB,CAAC,KAAK,CAAC,CAAC;YACxB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,IAAI,CAAC,CAAC;QAC1B,CAAC;IACL,CAAC,EACD,CAAC,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CACxE,CAAC;IAEF,oEAAoE;IACpE,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACvB,MAAM,eAAe,GAAG,kBAAkB,CAAC,OAAO,CAAC;QACnD,IAAI,eAAe,EAAE,CAAC;YAClB,MAAM,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;YAC/D,IAAI,aAAa,CAAC,UAAU,KAAK,WAAW,EAAE,CAAC;gBAC3C,eAAe,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,CAAC;YACnD,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;IAEjC,mDAAmD;IACnD,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACvB,MAAM,YAAY,GAAG,oBAAoB,IAAI,CAAC,CAAC;QAC/C,MAAM,YAAY,GAAG,oBAAoB,IAAI,CAAC,CAAC;QAE/C,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAC/B,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAC/B,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEjF,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACtB,iBAAO,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACxB,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,GAAI,EACxF,0BACI,KAAC,mBAAmB,IAChB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,sBAAsB,EAC9C,aAAa,EAAE,iBAAiB,EAChC,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,GAC9B,GACE,IACJ,CACX,CAAC;IAEF,OAAO,CACH,cAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,kBAAkB,CAAC,YACrD,WAAW,EAAE,GACZ,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -5,10 +5,11 @@ export interface PaginatedTableWithLayoutProps {
|
|
|
5
5
|
controls?: React.ReactNode;
|
|
6
6
|
extraControls?: React.ReactNode;
|
|
7
7
|
table: React.ReactNode;
|
|
8
|
+
footer?: React.ReactNode;
|
|
8
9
|
tableWrapperProps?: Omit<TableWrapperProps, 'children'>;
|
|
9
10
|
error?: React.ReactNode;
|
|
10
11
|
initialState?: Partial<PaginatedTableState>;
|
|
11
12
|
fullHeight?: boolean;
|
|
12
13
|
noBatching?: boolean;
|
|
13
14
|
}
|
|
14
|
-
export declare const PaginatedTableWithLayout: ({ controls, extraControls, table, tableWrapperProps, error, initialState, noBatching, fullHeight, }: PaginatedTableWithLayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare const PaginatedTableWithLayout: ({ controls, extraControls, table, footer, tableWrapperProps, error, initialState, noBatching, fullHeight, }: PaginatedTableWithLayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -26,7 +26,13 @@ const ErrorSection = ({ error }) => {
|
|
|
26
26
|
}
|
|
27
27
|
return _jsx(React.Fragment, { children: error });
|
|
28
28
|
};
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
const FooterSection = ({ footer }) => {
|
|
30
|
+
if (!footer) {
|
|
31
|
+
return null;
|
|
32
|
+
}
|
|
33
|
+
return _jsx(TableWithControlsLayout.Footer, { children: footer });
|
|
34
|
+
};
|
|
35
|
+
export const PaginatedTableWithLayout = ({ controls, extraControls, table, footer, tableWrapperProps, error, initialState, noBatching, fullHeight = true, }) => {
|
|
36
|
+
return (_jsx(PaginatedTableProvider, { initialState: initialState, noBatching: noBatching, children: _jsxs(TableWithControlsLayout, { fullHeight: fullHeight, children: [_jsx(ControlsSection, { controls: controls, extraControls: extraControls }), _jsx(ErrorSection, { error: error }), _jsx(TableWrapper, { table: table, tableWrapperProps: tableWrapperProps }), _jsx(FooterSection, { footer: footer })] }) }));
|
|
31
37
|
};
|
|
32
38
|
//# sourceMappingURL=PaginatedTableWithLayout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginatedTableWithLayout.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTableWithLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,uBAAuB,EAAC,MAAM,oDAAoD,CAAC;AAG3F,OAAO,EAAC,sBAAsB,EAAE,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"PaginatedTableWithLayout.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTableWithLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,uBAAuB,EAAC,MAAM,oDAAoD,CAAC;AAG3F,OAAO,EAAC,sBAAsB,EAAE,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAevF,MAAM,YAAY,GAAG,CAAC,EAClB,KAAK,EACL,iBAAiB,GAIpB,EAAE,EAAE;IACD,MAAM,EAAC,UAAU,EAAC,GAAG,sBAAsB,EAAE,CAAC;IAC9C,MAAM,EAAC,UAAU,EAAC,GAAG,UAAU,CAAC;IAEhC,MAAM,yBAAyB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjD,MAAM,0BAA0B,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,kBAAkB,KAAI,EAAE,CAAC;QAE/E,OAAO;YACH,GAAG,iBAAiB;YACpB,kBAAkB,EAAE,CAAC,GAAG,0BAA0B,EAAE,UAAU,CAAC;SAClE,CAAC;IACN,CAAC,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,KAAC,uBAAuB,CAAC,KAAK,OAAK,yBAAyB,YACvD,KAAK,GACsB,CACnC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EACrB,QAAQ,EACR,aAAa,GAIhB,EAAE,EAAE;IACD,IAAI,CAAC,QAAQ,IAAI,CAAC,aAAa,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,uBAAuB,CAAC,QAAQ,IAAC,mBAAmB,EAAE,GAAG,EAAE,CAAC,aAAa,YACrE,QAAQ,GACsB,CACtC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAC,KAAK,EAA4B,EAAE,EAAE;IACxD,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,KAAK,GAAkB,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EAAC,MAAM,EAA6B,EAAE,EAAE;IAC3D,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,KAAC,uBAAuB,CAAC,MAAM,cAAE,MAAM,GAAkC,CAAC;AACrF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACrC,QAAQ,EACR,aAAa,EACb,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,KAAK,EACL,YAAY,EACZ,UAAU,EACV,UAAU,GAAG,IAAI,GACW,EAAE,EAAE;IAChC,OAAO,CACH,KAAC,sBAAsB,IAAC,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,YACtE,MAAC,uBAAuB,IAAC,UAAU,EAAE,UAAU,aAC3C,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,GAAI,EACrE,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,EAC9B,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,EACpE,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,GAAI,IACX,GACL,CAC5B,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -17,5 +17,6 @@ export interface TableChunksRendererProps<T, F> {
|
|
|
17
17
|
renderEmptyDataMessage?: RenderEmptyDataMessage;
|
|
18
18
|
onDataFetched: (data?: PaginatedTableData<T>) => void;
|
|
19
19
|
keepCache: boolean;
|
|
20
|
+
fetchOverscan?: number;
|
|
20
21
|
}
|
|
21
|
-
export declare const TableChunksRenderer: <T, F>({ scrollContainerRef, tableRef, foundEntities, chunkSize, rowHeight, columns, fetchData, filters, tableName, sortParams, getRowClassName, renderErrorMessage, renderEmptyDataMessage, onDataFetched, keepCache, }: TableChunksRendererProps<T, F>) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare const TableChunksRenderer: <T, F>({ scrollContainerRef, tableRef, foundEntities, chunkSize, rowHeight, columns, fetchData, filters, tableName, sortParams, getRowClassName, renderErrorMessage, renderEmptyDataMessage, onDataFetched, keepCache, fetchOverscan, }: TableChunksRendererProps<T, F>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,13 +3,14 @@ import React from 'react';
|
|
|
3
3
|
import { TableChunk } from './TableChunk';
|
|
4
4
|
import { b } from './shared';
|
|
5
5
|
import { useScrollBasedChunks } from './useScrollBasedChunks';
|
|
6
|
-
export const TableChunksRenderer = ({ scrollContainerRef, tableRef, foundEntities, chunkSize, rowHeight, columns, fetchData, filters, tableName, sortParams, getRowClassName, renderErrorMessage, renderEmptyDataMessage, onDataFetched, keepCache, }) => {
|
|
6
|
+
export const TableChunksRenderer = ({ scrollContainerRef, tableRef, foundEntities, chunkSize, rowHeight, columns, fetchData, filters, tableName, sortParams, getRowClassName, renderErrorMessage, renderEmptyDataMessage, onDataFetched, keepCache, fetchOverscan, }) => {
|
|
7
7
|
const chunkStates = useScrollBasedChunks({
|
|
8
8
|
scrollContainerRef,
|
|
9
9
|
tableRef,
|
|
10
10
|
totalItems: foundEntities || 1,
|
|
11
11
|
rowHeight,
|
|
12
12
|
chunkSize,
|
|
13
|
+
fetchOverscan,
|
|
13
14
|
});
|
|
14
15
|
const lastChunkSize = React.useMemo(() => {
|
|
15
16
|
// If foundEntities = 0, there will only first chunk
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableChunksRenderer.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunksRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAExC,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAU3B,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"TableChunksRenderer.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunksRenderer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,5 +31,5 @@ interface ChunkState {
|
|
|
31
31
|
* - totalItems/rowHeight changes re-evaluate bounds.
|
|
32
32
|
* - When offscreen, the hook returns skipUpdate to preserve the previous range.
|
|
33
33
|
*/
|
|
34
|
-
export declare const useScrollBasedChunks: ({ scrollContainerRef, tableRef, totalItems, rowHeight, chunkSize, renderOverscan, fetchOverscan, }: UseScrollBasedChunksProps) => ChunkState[];
|
|
34
|
+
export declare const useScrollBasedChunks: ({ scrollContainerRef, tableRef, totalItems, rowHeight, chunkSize, renderOverscan: rawRenderOverscan, fetchOverscan, }: UseScrollBasedChunksProps) => ChunkState[];
|
|
35
35
|
export {};
|
|
@@ -25,8 +25,18 @@ const THROTTLE_DELAY = 200;
|
|
|
25
25
|
* - totalItems/rowHeight changes re-evaluate bounds.
|
|
26
26
|
* - When offscreen, the hook returns skipUpdate to preserve the previous range.
|
|
27
27
|
*/
|
|
28
|
-
export const useScrollBasedChunks = ({ scrollContainerRef, tableRef, totalItems, rowHeight, chunkSize, renderOverscan = DEFAULT_RENDER_OVERSCAN, fetchOverscan = DEFAULT_FETCH_OVERSCAN, }) => {
|
|
29
|
-
const
|
|
28
|
+
export const useScrollBasedChunks = ({ scrollContainerRef, tableRef, totalItems, rowHeight, chunkSize, renderOverscan: rawRenderOverscan = DEFAULT_RENDER_OVERSCAN, fetchOverscan = DEFAULT_FETCH_OVERSCAN, }) => {
|
|
29
|
+
const renderOverscan = Math.min(fetchOverscan, rawRenderOverscan);
|
|
30
|
+
const chunksCount = React.useMemo(() => {
|
|
31
|
+
if (!chunkSize ||
|
|
32
|
+
chunkSize <= 0 ||
|
|
33
|
+
!Number.isFinite(totalItems) ||
|
|
34
|
+
Number.isNaN(totalItems) ||
|
|
35
|
+
totalItems < 0) {
|
|
36
|
+
return 0;
|
|
37
|
+
}
|
|
38
|
+
return Math.ceil(totalItems / chunkSize);
|
|
39
|
+
}, [chunkSize, totalItems]);
|
|
30
40
|
const [visibleStartChunk, setVisibleStartChunk] = React.useState(0);
|
|
31
41
|
const [visibleEndChunk, setVisibleEndChunk] = React.useState(0);
|
|
32
42
|
const calculateVisibleRange = React.useCallback(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useScrollBasedChunks.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/useScrollBasedChunks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAC;AAEhC,OAAO,EAAC,qBAAqB,EAAE,gBAAgB,EAAE,WAAW,EAAC,MAAM,SAAS,CAAC;AAgB7E,MAAM,QAAQ,GAAG,gCAAgC,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;AAE5E,qDAAqD;AACrD,MAAM,uBAAuB,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACjD,MAAM,sBAAsB,GAAG,CAAC,CAAC;AACjC,MAAM,cAAc,GAAG,GAAG,CAAC;AAE3B;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACjC,kBAAkB,EAClB,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,EACT,cAAc,GAAG,uBAAuB,
|
|
1
|
+
{"version":3,"file":"useScrollBasedChunks.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/useScrollBasedChunks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAC;AAEhC,OAAO,EAAC,qBAAqB,EAAE,gBAAgB,EAAE,WAAW,EAAC,MAAM,SAAS,CAAC;AAgB7E,MAAM,QAAQ,GAAG,gCAAgC,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;AAE5E,qDAAqD;AACrD,MAAM,uBAAuB,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACjD,MAAM,sBAAsB,GAAG,CAAC,CAAC;AACjC,MAAM,cAAc,GAAG,GAAG,CAAC;AAE3B;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACjC,kBAAkB,EAClB,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,EACT,cAAc,EAAE,iBAAiB,GAAG,uBAAuB,EAC3D,aAAa,GAAG,sBAAsB,GACd,EAAgB,EAAE;IAC1C,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;IAClE,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACnC,IACI,CAAC,SAAS;YACV,SAAS,IAAI,CAAC;YACd,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC;YAC5B,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;YACxB,UAAU,GAAG,CAAC,EAChB,CAAC;YACC,OAAO,CAAC,CAAC;QACb,CAAC;QACD,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEhE,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACjD,MAAM,SAAS,GAAG,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO,CAAC;QAC9C,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC;YACvB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,iFAAiF;QACjF,4EAA4E;QAC5E,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAEnE,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,SAAS,GAAG,kBAAkB,EAAE,CAAC,CAAC,CAAC;QAC3E,MAAM,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC,YAAY,CAAC;QAEzD,gFAAgF;QAChF,MAAM,WAAW,GAAG,gBAAgB,CAAC;YACjC,SAAS;YACT,kBAAkB;YAClB,UAAU;YACV,SAAS;SACZ,CAAC,CAAC;QAEH,OAAO;YACH,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC,EAAE,CAAC,CAAC;YACpE,GAAG,EAAE,IAAI,CAAC,GAAG,CACT,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC,EAC9C,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,EAAE,CAAC,CAAC,CAC/B;YACD,UAAU,EAAE,WAAW;SAC1B,CAAC;IACN,CAAC,EAAE,CAAC,kBAAkB,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAElF,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC/C,MAAM,QAAQ,GAAG,qBAAqB,EAAE,CAAC;QACzC,IAAI,QAAQ,EAAE,CAAC;YACX,MAAM,EAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAC,GAAG,QAAQ,CAAC;YAE1C,IAAI,UAAU,EAAE,CAAC;gBACb,OAAO;YACX,CAAC;YAED,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC5B,kBAAkB,CAAC,GAAG,CAAC,CAAC;QAC5B,CAAC;IACL,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAE5B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,mBAAmB,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEvC,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,mBAAmB,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;YACzC,mBAAmB,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;QAEvD,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;QAC9D,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,SAAS,GAAG,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO,CAAC;QAC9C,IAAI,CAAC,SAAS,EAAE,CAAC;YACb,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,qBAAqB,GAAG,QAAQ,CAAC,YAAY,EAAE,cAAc,EAAE;YACjE,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE,IAAI;SAChB,CAAC,CAAC;QAEH,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAC7E,OAAO,GAAG,EAAE;YACR,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;QACnE,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEvC,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtB,qDAAqD;QACrD,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,GAAG,cAAc,EAAE,CAAC,CAAC,CAAC;QACzE,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAC3B,eAAe,GAAG,cAAc,EAChC,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,EAAE,CAAC,CAAC,CAC/B,CAAC;QAEF,mDAAmD;QACnD,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,GAAG,aAAa,EAAE,CAAC,CAAC,CAAC;QACvE,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAC1B,eAAe,GAAG,aAAa,EAC/B,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,EAAE,CAAC,CAAC,CAC/B,CAAC;QAEF,4BAA4B;QAC5B,MAAM,WAAW,GAAiB,KAAK,CAAC,WAAW,CAAC;aAC/C,IAAI,CAAC,IAAI,CAAC;aACV,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YAChB,YAAY,EAAE,KAAK,IAAI,gBAAgB,IAAI,KAAK,IAAI,cAAc;YAClE,WAAW,EAAE,KAAK,IAAI,eAAe,IAAI,KAAK,IAAI,aAAa;SAClE,CAAC,CAAC,CAAC;QAER,OAAO,WAAW,CAAC;IACvB,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,EAAE,eAAe,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;AACzF,CAAC,CAAC"}
|
|
@@ -16,5 +16,9 @@ export declare const TableWithControlsLayout: {
|
|
|
16
16
|
({ children, className, fullHeight, }: TableWithControlsLayoutItemProps): import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
Controls({ children, renderExtraControls, className, }: TableWithControlsLayoutItemProps): import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
Table({ children, loading, className, scrollContainerRef, scrollDependencies, }: TableWrapperProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
Footer({ children, className, }: {
|
|
20
|
+
children: React.ReactNode;
|
|
21
|
+
className?: string;
|
|
22
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
19
23
|
};
|
|
20
24
|
export {};
|
|
@@ -26,4 +26,7 @@ TableWithControlsLayout.Table = function Table({ children, loading, className, s
|
|
|
26
26
|
}
|
|
27
27
|
return (_jsx("div", { ref: tableContainerRef, className: b('table', className), children: children }));
|
|
28
28
|
};
|
|
29
|
+
TableWithControlsLayout.Footer = function TableFooter({ children, className, }) {
|
|
30
|
+
return (_jsx("div", { className: b('footer-wrapper'), children: _jsx("div", { className: b('footer', className), children: children }) }));
|
|
31
|
+
};
|
|
29
32
|
//# sourceMappingURL=TableWithControlsLayout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableWithControlsLayout.js","sourceRoot":"","sources":["../../../src/components/TableWithControlsLayout/TableWithControlsLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,aAAa,EAAC,MAAM,gCAAgC,CAAC;AAE7D,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,gCAAgC,CAAC;AAExC,MAAM,CAAC,GAAG,EAAE,CAAC,gCAAgC,CAAC,CAAC;AAgB/C,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,UAAU,GACqB,EAAE,EAAE;IACnC,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AACvF,CAAC,CAAC;AAEF,uBAAuB,CAAC,QAAQ,GAAG,SAAS,aAAa,CAAC,EACtD,QAAQ,EACR,mBAAmB,EACnB,SAAS,GACsB;IAC/B,OAAO,CACH,MAAC,IAAI,IAAC,cAAc,EAAC,eAAe,EAAC,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,GAAG,EAAE,CAAC,aACzE,cAAK,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,EAC1D,cAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAAG,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,EAAI,GAAO,IACjE,CACV,CAAC;AACN,CAAC,CAAC;AAEF,uBAAuB,CAAC,KAAK,GAAG,SAAS,KAAK,CAAC,EAC3C,QAAQ,EACR,OAAO,EACP,SAAS,EACT,kBAAkB,EAClB,kBAAkB,GAAG,EAAE,GACP;IAChB,iDAAiD;IACjD,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7D,qCAAqC;IACrC,cAAc,CAAC;QACX,iBAAiB;QACjB,kBAAkB;QAClB,YAAY,EAAE,kBAAkB;KACnC,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,KAAC,aAAa,IAAC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAI,CAAC;IACrD,CAAC;IAED,OAAO,CACH,cAAK,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,YACxD,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"TableWithControlsLayout.js","sourceRoot":"","sources":["../../../src/components/TableWithControlsLayout/TableWithControlsLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,aAAa,EAAC,MAAM,gCAAgC,CAAC;AAE7D,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,gCAAgC,CAAC;AAExC,MAAM,CAAC,GAAG,EAAE,CAAC,gCAAgC,CAAC,CAAC;AAgB/C,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,UAAU,GACqB,EAAE,EAAE;IACnC,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AACvF,CAAC,CAAC;AAEF,uBAAuB,CAAC,QAAQ,GAAG,SAAS,aAAa,CAAC,EACtD,QAAQ,EACR,mBAAmB,EACnB,SAAS,GACsB;IAC/B,OAAO,CACH,MAAC,IAAI,IAAC,cAAc,EAAC,eAAe,EAAC,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,GAAG,EAAE,CAAC,aACzE,cAAK,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,EAC1D,cAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAAG,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,EAAI,GAAO,IACjE,CACV,CAAC;AACN,CAAC,CAAC;AAEF,uBAAuB,CAAC,KAAK,GAAG,SAAS,KAAK,CAAC,EAC3C,QAAQ,EACR,OAAO,EACP,SAAS,EACT,kBAAkB,EAClB,kBAAkB,GAAG,EAAE,GACP;IAChB,iDAAiD;IACjD,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7D,qCAAqC;IACrC,cAAc,CAAC;QACX,iBAAiB;QACjB,kBAAkB;QAClB,YAAY,EAAE,kBAAkB;KACnC,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,KAAC,aAAa,IAAC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAI,CAAC;IACrD,CAAC;IAED,OAAO,CACH,cAAK,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,YACxD,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,uBAAuB,CAAC,MAAM,GAAG,SAAS,WAAW,CAAC,EAClD,QAAQ,EACR,SAAS,GAIZ;IACG,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAC/B,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,GACtD,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -51,6 +51,28 @@
|
|
|
51
51
|
z-index: 2;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
+
&__footer-wrapper {
|
|
55
|
+
position: sticky;
|
|
56
|
+
z-index: 3;
|
|
57
|
+
bottom: 0;
|
|
58
|
+
|
|
59
|
+
box-sizing: border-box;
|
|
60
|
+
width: 100%;
|
|
61
|
+
|
|
62
|
+
border-top: 1px solid var(--g-color-line-generic);
|
|
63
|
+
background-color: var(--g-color-base-background);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
&__footer {
|
|
67
|
+
position: sticky;
|
|
68
|
+
left: 0;
|
|
69
|
+
|
|
70
|
+
display: flex;
|
|
71
|
+
|
|
72
|
+
width: max-content;
|
|
73
|
+
padding: var(--g-spacing-2) var(--g-spacing-4);
|
|
74
|
+
}
|
|
75
|
+
|
|
54
76
|
.ydb-paginated-table__head {
|
|
55
77
|
top: var(--data-table-sticky-header-offset, 62px);
|
|
56
78
|
}
|