@efficiency-point/design-system 0.7.6 → 0.9.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/README.md +37 -2
- package/dist/components/DSDataTable/DSDataTable.d.ts +18 -1
- package/dist/components/DSDataTable/DSDataTable.d.ts.map +1 -1
- package/dist/components/DSTooltip/DSTooltip.d.ts +4 -1
- package/dist/components/DSTooltip/DSTooltip.d.ts.map +1 -1
- package/dist/components/DSTooltip/DSTooltip.position.d.ts +15 -0
- package/dist/components/DSTooltip/DSTooltip.position.d.ts.map +1 -0
- package/dist/index.cjs +2 -2
- package/dist/index.es.js +1137 -1059
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -395,12 +395,19 @@ errors блокируют применение; `applying` включает load
|
|
|
395
395
|
onDraftValuesChange: setDraftFilters,
|
|
396
396
|
onApply: ({ filters, pageSize }) => applyFilters(filters, pageSize),
|
|
397
397
|
resetValues: emptyFilters,
|
|
398
|
+
collapsible: { title: 'Фильтры', defaultOpen: true, autoScrollOnOpen: false },
|
|
399
|
+
footerLayout: 'inline',
|
|
398
400
|
onReset: ({ filters, pageSize }) => resetFilters(filters, pageSize),
|
|
399
401
|
applying: isLoading,
|
|
400
402
|
}}
|
|
401
403
|
/>
|
|
402
404
|
```
|
|
403
405
|
|
|
406
|
+
`collapsible` оборачивает панель в `DSAccordion`, не меняя поведение
|
|
407
|
+
фильтров по умолчанию. `footerLayout="inline"` располагает размер
|
|
408
|
+
страницы, диапазон результатов и кнопки действий в одной строке;
|
|
409
|
+
на узком экране они складываются вертикально.
|
|
410
|
+
|
|
404
411
|
Для данных, уже разбитых сервером на страницы, используется явный controlled-режим.
|
|
405
412
|
`page` нумеруется с единицы, `totalCount` содержит общее число строк, а
|
|
406
413
|
`onPageChange` запускает загрузку выбранной страницы. В этом режиме `data` не
|
|
@@ -440,6 +447,7 @@ Enter вызывают `onRowDoubleClick`, Space меняет selection. Без
|
|
|
440
447
|
getRowSelectionLabel={(row) => `Выбрать ${row.name}`}
|
|
441
448
|
selectAllRowsLabel="Выбрать все строки на этой странице"
|
|
442
449
|
resetSelectionLabel="Сбросить выбор"
|
|
450
|
+
showResetSelectionControl={false}
|
|
443
451
|
openRowLabel="Открыть строку"
|
|
444
452
|
/>
|
|
445
453
|
```
|
|
@@ -447,6 +455,25 @@ Enter вызывают `onRowDoubleClick`, Space меняет selection. Без
|
|
|
447
455
|
`selectedRowIds` принадлежит приложению: таблица не удаляет идентификаторы строк
|
|
448
456
|
с других серверных страниц. Поэтому один набор можно накапливать при переходах
|
|
449
457
|
по пагинации и сохранять после повторной загрузки данных.
|
|
458
|
+
`showResetSelectionControl={false}` скрывает отдельную кнопку сброса, оставляя
|
|
459
|
+
заголовочный checkbox для строк текущей страницы. В этом режиме заголовочный и
|
|
460
|
+
строковые checkbox центрируются на одной вертикальной оси.
|
|
461
|
+
|
|
462
|
+
`rowTooltip` добавляет одну подсказку на всю desktop-строку. По умолчанию она
|
|
463
|
+
открывается без задержки, следует за курсором и располагается снизу. Переход
|
|
464
|
+
между ячейками строки не закрывает подсказку; при клавиатурном фокусе она
|
|
465
|
+
позиционируется относительно строки. `placement`, `followCursor`, `delay` и
|
|
466
|
+
`maxWidth` можно переопределить.
|
|
467
|
+
|
|
468
|
+
```tsx
|
|
469
|
+
<DSDataTable
|
|
470
|
+
columns={columns}
|
|
471
|
+
data={rows}
|
|
472
|
+
rowTooltip={{
|
|
473
|
+
content: (row) => `Сведения о ${row.name}`,
|
|
474
|
+
}}
|
|
475
|
+
/>
|
|
476
|
+
```
|
|
450
477
|
|
|
451
478
|
`DSSort` можно использовать отдельно для сортировки по полям объектов или строковым значениям.
|
|
452
479
|
|
|
@@ -563,12 +590,20 @@ const items = [
|
|
|
563
590
|
Подсказка рендерится через portal и поэтому не обрезается родителями с
|
|
564
591
|
`overflow: hidden`. Указанный `placement` является предпочтительным: у края
|
|
565
592
|
экрана компонент автоматически переносит подсказку на противоположную сторону
|
|
566
|
-
и сдвигает её внутрь viewport.
|
|
593
|
+
и сдвигает её внутрь viewport. `followCursor` привязывает hover-подсказку к курсору,
|
|
594
|
+
оставляя безопасный зазор вокруг его hotspot; при клавиатурном фокусе она
|
|
595
|
+
по-прежнему располагается относительно триггера. `asChild` клонирует единственный
|
|
596
|
+
триггер без дополнительного `span`, объединяя его обработчики и ref с внутренними;
|
|
597
|
+
это необходимо для `tr` и другой чувствительной к структуре разметки.
|
|
567
598
|
|
|
568
599
|
```tsx
|
|
569
|
-
<DSTooltip content="Редактировать" placement="top">
|
|
600
|
+
<DSTooltip content="Редактировать" placement="top" followCursor>
|
|
570
601
|
<button type="button">...</button>
|
|
571
602
|
</DSTooltip>
|
|
603
|
+
|
|
604
|
+
<DSTooltip asChild content="Сведения о строке" followCursor delay={0}>
|
|
605
|
+
<tr>{/* cells */}</tr>
|
|
606
|
+
</DSTooltip>
|
|
572
607
|
```
|
|
573
608
|
|
|
574
609
|
### DSIcon
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { CSSProperties, ReactNode } from 'react';
|
|
2
2
|
import { SortFn, SortingState } from '@tanstack/react-table';
|
|
3
|
+
import { DSTooltipPlacement } from '../DSTooltip/DSTooltip';
|
|
3
4
|
import { DropDownOption } from '../DSDropDown/DSDropDown';
|
|
4
5
|
declare const dataTableFeatures: {
|
|
5
6
|
rowSortingFeature: import('@tanstack/table-core').TableFeature;
|
|
@@ -53,6 +54,13 @@ export type DSDataTableFilterBarConfig<TValues extends DSDataTableFilterValues =
|
|
|
53
54
|
applying?: boolean;
|
|
54
55
|
applyLabel?: string;
|
|
55
56
|
resetLabel?: string;
|
|
57
|
+
collapsible?: {
|
|
58
|
+
title?: ReactNode;
|
|
59
|
+
defaultOpen?: boolean;
|
|
60
|
+
autoScrollOnOpen?: boolean;
|
|
61
|
+
scrollOffset?: number;
|
|
62
|
+
};
|
|
63
|
+
footerLayout?: 'default' | 'inline';
|
|
56
64
|
};
|
|
57
65
|
export type DSDataTableMobileColumnMeta<TData> = {
|
|
58
66
|
hideOnMobile?: boolean;
|
|
@@ -94,6 +102,13 @@ export type DSDataTableExpandedRowContext<TData extends object> = {
|
|
|
94
102
|
rowId: string;
|
|
95
103
|
collapse: () => void;
|
|
96
104
|
};
|
|
105
|
+
export type DSDataTableRowTooltipConfig<TData extends object> = {
|
|
106
|
+
content: (row: TData) => ReactNode;
|
|
107
|
+
placement?: DSTooltipPlacement;
|
|
108
|
+
followCursor?: boolean;
|
|
109
|
+
delay?: number;
|
|
110
|
+
maxWidth?: number | string;
|
|
111
|
+
};
|
|
97
112
|
export type DSDataTableProps<TData extends object> = {
|
|
98
113
|
columns: DSDataTableColumn<TData>[];
|
|
99
114
|
data: TData[];
|
|
@@ -136,7 +151,9 @@ export type DSDataTableProps<TData extends object> = {
|
|
|
136
151
|
getRowSelectionLabel?: (row: TData) => string;
|
|
137
152
|
selectAllRowsLabel?: string;
|
|
138
153
|
resetSelectionLabel?: string;
|
|
154
|
+
showResetSelectionControl?: boolean;
|
|
139
155
|
openRowLabel?: string;
|
|
156
|
+
rowTooltip?: DSDataTableRowTooltipConfig<TData>;
|
|
140
157
|
pagination?: boolean;
|
|
141
158
|
paginationMode?: 'client' | 'server';
|
|
142
159
|
page?: number;
|
|
@@ -169,6 +186,6 @@ export declare const getDSDataTableColumnStyle: <TData extends object>(column: D
|
|
|
169
186
|
export declare const getDSDataTableStickyColumnStyle: <TData extends object>(column: DSDataTableColumn<TData> | undefined) => CSSProperties | undefined;
|
|
170
187
|
export declare const getDSDataTablePaginationItems: (currentPage: number, pageCount: number) => DSDataTablePaginationItem[];
|
|
171
188
|
export declare const validateDSDataTableData: <TData extends object>(columns: DSDataTableColumn<TData>[], data: TData[]) => string | null;
|
|
172
|
-
export declare const DSDataTable: <TData extends object>({ columns, data, virtualizationThreshold, tableOnMobile, mobileView, breakpoint, sorting: controlledSorting, onSortingChange, renderMobileCard, getRowId, getRowClassName, getRowStyle, toolbarContent, totalCountVariant, totalCountLabel, caption, ariaLabel, loading, error, emptyState, stickyHeader, maxHeight, className, onRowClick, selectable, selectedRowIds, onSelectedRowIdsChange, onRowDoubleClick, getRowSelectionLabel, selectAllRowsLabel, resetSelectionLabel, openRowLabel, pagination, paginationMode, page, pageSize, onPageSizeChange, pageSizeOptions, pageSizeDraft, onPageSizeDraftChange, pageSizeApplyMode, totalCount, onPageChange, visibleColumnIds, density, renderBulkActions, renderExpandedRow, expandedRowIds, onExpandedRowIdsChange, getRowExpansionLabel, resultsAnnouncement, filterBar, }: DSDataTableProps<TData>) => import("react").JSX.Element;
|
|
189
|
+
export declare const DSDataTable: <TData extends object>({ columns, data, virtualizationThreshold, tableOnMobile, mobileView, breakpoint, sorting: controlledSorting, onSortingChange, renderMobileCard, getRowId, getRowClassName, getRowStyle, toolbarContent, totalCountVariant, totalCountLabel, caption, ariaLabel, loading, error, emptyState, stickyHeader, maxHeight, className, onRowClick, selectable, selectedRowIds, onSelectedRowIdsChange, onRowDoubleClick, getRowSelectionLabel, selectAllRowsLabel, resetSelectionLabel, showResetSelectionControl, openRowLabel, rowTooltip, pagination, paginationMode, page, pageSize, onPageSizeChange, pageSizeOptions, pageSizeDraft, onPageSizeDraftChange, pageSizeApplyMode, totalCount, onPageChange, visibleColumnIds, density, renderBulkActions, renderExpandedRow, expandedRowIds, onExpandedRowIdsChange, getRowExpansionLabel, resultsAnnouncement, filterBar, }: DSDataTableProps<TData>) => import("react").JSX.Element;
|
|
173
190
|
export {};
|
|
174
191
|
//# sourceMappingURL=DSDataTable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSDataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DSDataTable/DSDataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAMH,KAAK,aAAa,
|
|
1
|
+
{"version":3,"file":"DSDataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DSDataTable/DSDataTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,10 +4,13 @@ export type DSTooltipProps = {
|
|
|
4
4
|
content: ReactNode;
|
|
5
5
|
children: ReactElement<Record<string, unknown>>;
|
|
6
6
|
placement?: DSTooltipPlacement;
|
|
7
|
+
followCursor?: boolean;
|
|
7
8
|
delay?: number;
|
|
8
9
|
disabled?: boolean;
|
|
9
10
|
maxWidth?: number | string;
|
|
10
11
|
className?: string;
|
|
12
|
+
/** Clones the trigger without adding a wrapper. Required for table rows and other structure-sensitive elements. */
|
|
13
|
+
asChild?: boolean;
|
|
11
14
|
};
|
|
12
|
-
export declare const DSTooltip: ({ content, children, placement, delay, disabled, maxWidth, className, }: DSTooltipProps) => import("react").JSX.Element;
|
|
15
|
+
export declare const DSTooltip: ({ content, children, placement, followCursor, delay, disabled, maxWidth, className, asChild, }: DSTooltipProps) => import("react").JSX.Element;
|
|
13
16
|
//# sourceMappingURL=DSTooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/DSTooltip/DSTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"DSTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/DSTooltip/DSTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoK,KAAK,YAAY,EAAE,KAAK,SAAS,EAAiC,MAAM,OAAO,CAAC;AAS3P,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG;IACzB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mHAAmH;IACnH,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAmBF,eAAO,MAAM,SAAS,GAAI,gGAUvB,cAAc,gCAgLhB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { DSTooltipPlacement } from './DSTooltip';
|
|
3
|
+
export type DSTooltipPosition = Pick<CSSProperties, 'left' | 'top' | 'visibility'>;
|
|
4
|
+
type ViewportSize = {
|
|
5
|
+
width: number;
|
|
6
|
+
height: number;
|
|
7
|
+
};
|
|
8
|
+
type PointerPosition = {
|
|
9
|
+
x: number;
|
|
10
|
+
y: number;
|
|
11
|
+
};
|
|
12
|
+
export declare const getDSTooltipAnchorRect: (trigger: DOMRect, pointer: PointerPosition | null, followCursor: boolean) => DOMRect;
|
|
13
|
+
export declare const calculateDSTooltipPosition: (placement: DSTooltipPlacement, trigger: DOMRect, tooltip: DOMRect, viewport: ViewportSize) => DSTooltipPosition | null;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=DSTooltip.position.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DSTooltip.position.d.ts","sourceRoot":"","sources":["../../../src/components/DSTooltip/DSTooltip.position.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,KAAK,GAAG,YAAY,CAAC,CAAC;AAEnF,KAAK,YAAY,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,eAAe,GAAG;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AA2BF,eAAO,MAAM,sBAAsB,GAC/B,SAAS,OAAO,EAChB,SAAS,eAAe,GAAG,IAAI,EAC/B,cAAc,OAAO,KACtB,OASU,CAAC;AAEd,eAAO,MAAM,0BAA0B,GACnC,WAAW,kBAAkB,EAC7B,SAAS,OAAO,EAChB,SAAS,OAAO,EAChB,UAAU,YAAY,KACvB,iBAAiB,GAAG,IAgCtB,CAAC"}
|