@efficiency-point/design-system 0.7.5 → 0.8.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 +19 -4
- package/assets/favicon/android-chrome-192x192.png +0 -0
- package/assets/favicon/android-chrome-512x512.png +0 -0
- package/assets/favicon/apple-touch-icon.png +0 -0
- package/assets/favicon/apple-touch-icon.svg +3 -3
- package/assets/favicon/favicon-16x16.png +0 -0
- package/assets/favicon/favicon-32x32.png +0 -0
- package/assets/favicon/favicon-48x48.png +0 -0
- package/assets/favicon/favicon-links.html +0 -1
- package/assets/favicon/favicon-maskable.svg +3 -3
- package/assets/favicon/favicon-signal.svg +4 -4
- package/assets/favicon/favicon.ico +0 -0
- package/assets/favicon/favicon.svg +4 -4
- package/assets/favicon/mstile-150x150.png +0 -0
- package/assets/favicon/pwa-maskable-192x192.png +0 -0
- package/assets/favicon/pwa-maskable-512x512.png +0 -0
- package/dist/brand/favicon.d.ts.map +1 -1
- package/dist/components/DSDataTable/DSDataTable.d.ts +9 -1
- package/dist/components/DSDataTable/DSDataTable.d.ts.map +1 -1
- package/dist/components/DSTooltip/DSTooltip.d.ts +2 -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 +1018 -976
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -112,7 +112,7 @@ export function ThemePicker() {
|
|
|
112
112
|
Пакет содержит тематизированные браузерные favicon и полный статический набор в
|
|
113
113
|
`@efficiency-point/design-system/assets/favicon`. Signal является дефолтом:
|
|
114
114
|
`favicon.svg`, ICO, PNG, Apple Touch Icon и PWA-иконки используют Signal-жёлтое
|
|
115
|
-
поле
|
|
115
|
+
поле со светлым стеклом. Для переключения вкладки также поставляются отдельные
|
|
116
116
|
`favicon-signal.svg` и `favicon-teal.svg` с одинаковой геометрией.
|
|
117
117
|
|
|
118
118
|
Для Vite отдельный asset можно импортировать как URL:
|
|
@@ -138,7 +138,6 @@ npx ds-copy-favicons public --force
|
|
|
138
138
|
После копирования подключите метаданные в `index.html`:
|
|
139
139
|
|
|
140
140
|
```html
|
|
141
|
-
<link rel="icon" href="/favicon.ico" sizes="any">
|
|
142
141
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml" data-ds-favicon="signal">
|
|
143
142
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
|
144
143
|
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#f6c500">
|
|
@@ -172,6 +171,11 @@ applyDSBrandTheme('teal', { basePath: '/assets/favicon' });
|
|
|
172
171
|
Apple/PWA-иконки остаются Signal-дефолтом: платформы кешируют их независимо от
|
|
173
172
|
текущей темы приложения.
|
|
174
173
|
|
|
174
|
+
Не объявляйте `favicon.ico` отдельным `rel="icon"` рядом с тематическим SVG:
|
|
175
|
+
браузер может предпочесть ICO и визуально проигнорировать смену темы. Сам файл
|
|
176
|
+
`favicon.ico` остаётся в комплекте как неявный fallback. `applyDSFavicon`
|
|
177
|
+
удаляет конкурирующие `rel="icon"` при инициализации.
|
|
178
|
+
|
|
175
179
|
### DSButton
|
|
176
180
|
|
|
177
181
|
Кнопка с вариантами `primary`, `secondary`, `outline`, `ghost`, `empty`, `destructive`, `destructiveOutline` и размерами `sm`, `md`, `lg`. `secondary` использует сплошной secondary-акцент, а `ghost` — прозрачный фон с brand-текстом и мягкой подложкой при наведении.
|
|
@@ -391,12 +395,19 @@ errors блокируют применение; `applying` включает load
|
|
|
391
395
|
onDraftValuesChange: setDraftFilters,
|
|
392
396
|
onApply: ({ filters, pageSize }) => applyFilters(filters, pageSize),
|
|
393
397
|
resetValues: emptyFilters,
|
|
398
|
+
collapsible: { title: 'Фильтры', defaultOpen: true, autoScrollOnOpen: false },
|
|
399
|
+
footerLayout: 'inline',
|
|
394
400
|
onReset: ({ filters, pageSize }) => resetFilters(filters, pageSize),
|
|
395
401
|
applying: isLoading,
|
|
396
402
|
}}
|
|
397
403
|
/>
|
|
398
404
|
```
|
|
399
405
|
|
|
406
|
+
`collapsible` оборачивает панель в `DSAccordion`, не меняя поведение
|
|
407
|
+
фильтров по умолчанию. `footerLayout="inline"` располагает размер
|
|
408
|
+
страницы, диапазон результатов и кнопки действий в одной строке;
|
|
409
|
+
на узком экране они складываются вертикально.
|
|
410
|
+
|
|
400
411
|
Для данных, уже разбитых сервером на страницы, используется явный controlled-режим.
|
|
401
412
|
`page` нумеруется с единицы, `totalCount` содержит общее число строк, а
|
|
402
413
|
`onPageChange` запускает загрузку выбранной страницы. В этом режиме `data` не
|
|
@@ -436,6 +447,7 @@ Enter вызывают `onRowDoubleClick`, Space меняет selection. Без
|
|
|
436
447
|
getRowSelectionLabel={(row) => `Выбрать ${row.name}`}
|
|
437
448
|
selectAllRowsLabel="Выбрать все строки на этой странице"
|
|
438
449
|
resetSelectionLabel="Сбросить выбор"
|
|
450
|
+
showResetSelectionControl={false}
|
|
439
451
|
openRowLabel="Открыть строку"
|
|
440
452
|
/>
|
|
441
453
|
```
|
|
@@ -443,6 +455,8 @@ Enter вызывают `onRowDoubleClick`, Space меняет selection. Без
|
|
|
443
455
|
`selectedRowIds` принадлежит приложению: таблица не удаляет идентификаторы строк
|
|
444
456
|
с других серверных страниц. Поэтому один набор можно накапливать при переходах
|
|
445
457
|
по пагинации и сохранять после повторной загрузки данных.
|
|
458
|
+
`showResetSelectionControl={false}` скрывает отдельную кнопку сброса, оставляя
|
|
459
|
+
заголовочный checkbox для строк текущей страницы.
|
|
446
460
|
|
|
447
461
|
`DSSort` можно использовать отдельно для сортировки по полям объектов или строковым значениям.
|
|
448
462
|
|
|
@@ -559,10 +573,11 @@ const items = [
|
|
|
559
573
|
Подсказка рендерится через portal и поэтому не обрезается родителями с
|
|
560
574
|
`overflow: hidden`. Указанный `placement` является предпочтительным: у края
|
|
561
575
|
экрана компонент автоматически переносит подсказку на противоположную сторону
|
|
562
|
-
и сдвигает её внутрь viewport.
|
|
576
|
+
и сдвигает её внутрь viewport. `followCursor` привязывает hover-подсказку к курсору;
|
|
577
|
+
при клавиатурном фокусе она по-прежнему располагается относительно триггера.
|
|
563
578
|
|
|
564
579
|
```tsx
|
|
565
|
-
<DSTooltip content="Редактировать" placement="top">
|
|
580
|
+
<DSTooltip content="Редактировать" placement="top" followCursor>
|
|
566
581
|
<button type="button">...</button>
|
|
567
582
|
</DSTooltip>
|
|
568
583
|
```
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
<desc id="desc">Signal-иконка с безопасными полями для домашнего экрана Apple.</desc>
|
|
4
4
|
<defs>
|
|
5
5
|
<linearGradient id="apple-bg" x1="18" y1="10" x2="165" y2="176" gradientUnits="userSpaceOnUse"><stop stop-color="#ffe36c"/><stop offset=".45" stop-color="#f6c500"/><stop offset="1" stop-color="#c9a000"/></linearGradient>
|
|
6
|
-
<linearGradient id="apple-edge" x1="45" y1="31" x2="63" y2="153" gradientUnits="userSpaceOnUse"><stop stop-color="#
|
|
7
|
-
<linearGradient id="apple-pane" x1="63" y1="33" x2="142" y2="145" gradientUnits="userSpaceOnUse"><stop stop-color="#
|
|
6
|
+
<linearGradient id="apple-edge" x1="45" y1="31" x2="63" y2="153" gradientUnits="userSpaceOnUse"><stop stop-color="#65f1e3"/><stop offset="1" stop-color="#16b8ad"/></linearGradient>
|
|
7
|
+
<linearGradient id="apple-pane" x1="63" y1="33" x2="142" y2="145" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#c8f0ec"/></linearGradient>
|
|
8
8
|
</defs>
|
|
9
9
|
<rect width="180" height="180" fill="url(#apple-bg)"/>
|
|
10
10
|
<path d="m43 36 18-6v123l-18-6z" fill="url(#apple-edge)"/>
|
|
11
11
|
<path d="m61 30 80 38v44l-80 41z" fill="url(#apple-pane)"/>
|
|
12
|
-
<path d="m64 34 74 35v6L64 41z" fill="#
|
|
12
|
+
<path d="m64 34 74 35v6L64 41z" fill="#fff" opacity=".8"/>
|
|
13
13
|
</svg>
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
<desc id="desc">Полноформатная Signal-иконка с безопасной зоной для системных масок.</desc>
|
|
4
4
|
<defs>
|
|
5
5
|
<linearGradient id="mask-bg" x1="4" y1="2" x2="61" y2="64" gradientUnits="userSpaceOnUse"><stop stop-color="#ffe36c"/><stop offset=".45" stop-color="#f6c500"/><stop offset="1" stop-color="#c9a000"/></linearGradient>
|
|
6
|
-
<linearGradient id="mask-edge" x1="17" y1="13" x2="22" y2="52" gradientUnits="userSpaceOnUse"><stop stop-color="#
|
|
7
|
-
<linearGradient id="mask-pane" x1="22" y1="14" x2="48" y2="49" gradientUnits="userSpaceOnUse"><stop stop-color="#
|
|
6
|
+
<linearGradient id="mask-edge" x1="17" y1="13" x2="22" y2="52" gradientUnits="userSpaceOnUse"><stop stop-color="#65f1e3"/><stop offset="1" stop-color="#16b8ad"/></linearGradient>
|
|
7
|
+
<linearGradient id="mask-pane" x1="22" y1="14" x2="48" y2="49" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#c8f0ec"/></linearGradient>
|
|
8
8
|
</defs>
|
|
9
9
|
<rect width="64" height="64" fill="url(#mask-bg)"/>
|
|
10
10
|
<path d="m17 15 5-2v38l-5-2z" fill="url(#mask-edge)"/>
|
|
11
11
|
<path d="m22 13 26 12v14L22 51z" fill="url(#mask-pane)"/>
|
|
12
|
-
<path d="m23 14.5 24 11v1.8L23 17z" fill="#
|
|
12
|
+
<path d="m23 14.5 24 11v1.8L23 17z" fill="#fff" opacity=".8"/>
|
|
13
13
|
</svg>
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-labelledby="title desc">
|
|
2
2
|
<title id="title">Стекло — Signal</title>
|
|
3
|
-
<desc id="desc"
|
|
3
|
+
<desc id="desc">Светлая стеклянная плоскость на жёлтом поле Signal.</desc>
|
|
4
4
|
<defs>
|
|
5
5
|
<linearGradient id="bg" x1="8" y1="5" x2="57" y2="61" gradientUnits="userSpaceOnUse"><stop stop-color="#ffe36c"/><stop offset=".45" stop-color="#f6c500"/><stop offset="1" stop-color="#c9a000"/></linearGradient>
|
|
6
|
-
<linearGradient id="edge" x1="15" y1="10" x2="21" y2="55" gradientUnits="userSpaceOnUse"><stop stop-color="#
|
|
7
|
-
<linearGradient id="pane" x1="21" y1="11" x2="50" y2="51" gradientUnits="userSpaceOnUse"><stop stop-color="#
|
|
6
|
+
<linearGradient id="edge" x1="15" y1="10" x2="21" y2="55" gradientUnits="userSpaceOnUse"><stop stop-color="#65f1e3"/><stop offset="1" stop-color="#16b8ad"/></linearGradient>
|
|
7
|
+
<linearGradient id="pane" x1="21" y1="11" x2="50" y2="51" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#c8f0ec"/></linearGradient>
|
|
8
8
|
</defs>
|
|
9
9
|
<rect x="2" y="2" width="60" height="60" rx="14" fill="url(#bg)"/>
|
|
10
10
|
<path d="M15 12 21 10v44l-6-2z" fill="url(#edge)"/>
|
|
11
11
|
<path d="m21 10 29 14v16L21 54z" fill="url(#pane)"/>
|
|
12
|
-
<path d="m22 11.5 27 13v2L22 14z" fill="#
|
|
12
|
+
<path d="m22 11.5 27 13v2L22 14z" fill="#fff" opacity=".8"/>
|
|
13
13
|
</svg>
|
|
Binary file
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-labelledby="title desc">
|
|
2
2
|
<title id="title">Стекло — Signal</title>
|
|
3
|
-
<desc id="desc"
|
|
3
|
+
<desc id="desc">Светлая стеклянная плоскость на жёлтом поле Signal.</desc>
|
|
4
4
|
<defs>
|
|
5
5
|
<linearGradient id="bg" x1="8" y1="5" x2="57" y2="61" gradientUnits="userSpaceOnUse"><stop stop-color="#ffe36c"/><stop offset=".45" stop-color="#f6c500"/><stop offset="1" stop-color="#c9a000"/></linearGradient>
|
|
6
|
-
<linearGradient id="edge" x1="15" y1="10" x2="21" y2="55" gradientUnits="userSpaceOnUse"><stop stop-color="#
|
|
7
|
-
<linearGradient id="pane" x1="21" y1="11" x2="50" y2="51" gradientUnits="userSpaceOnUse"><stop stop-color="#
|
|
6
|
+
<linearGradient id="edge" x1="15" y1="10" x2="21" y2="55" gradientUnits="userSpaceOnUse"><stop stop-color="#65f1e3"/><stop offset="1" stop-color="#16b8ad"/></linearGradient>
|
|
7
|
+
<linearGradient id="pane" x1="21" y1="11" x2="50" y2="51" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#c8f0ec"/></linearGradient>
|
|
8
8
|
</defs>
|
|
9
9
|
<rect x="2" y="2" width="60" height="60" rx="14" fill="url(#bg)"/>
|
|
10
10
|
<path d="M15 12 21 10v44l-6-2z" fill="url(#edge)"/>
|
|
11
11
|
<path d="m21 10 29 14v16L21 54z" fill="url(#pane)"/>
|
|
12
|
-
<path d="m22 11.5 27 13v2L22 14z" fill="#
|
|
12
|
+
<path d="m22 11.5 27 13v2L22 14z" fill="#fff" opacity=".8"/>
|
|
13
13
|
</svg>
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"favicon.d.ts","sourceRoot":"","sources":["../../src/brand/favicon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAEjF,MAAM,MAAM,oBAAoB,GAAG;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,OAAkB,CAAC;AAE1D,eAAO,MAAM,iBAAiB;;;;;;;;;CAG4B,CAAC;AAI3D,eAAO,MAAM,gBAAgB,GAAI,QAAO,OAAkC,EAAE,iBAAc,KAAG,MACpB,CAAC;AAE1E,oFAAoF;AACpF,eAAO,MAAM,cAAc,GAAI,QAAO,OAAkC,EAAE,UAAS,gBAAqB,KAAG,
|
|
1
|
+
{"version":3,"file":"favicon.d.ts","sourceRoot":"","sources":["../../src/brand/favicon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAEjF,MAAM,MAAM,oBAAoB,GAAG;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,OAAkB,CAAC;AAE1D,eAAO,MAAM,iBAAiB;;;;;;;;;CAG4B,CAAC;AAI3D,eAAO,MAAM,gBAAgB,GAAI,QAAO,OAAkC,EAAE,iBAAc,KAAG,MACpB,CAAC;AAE1E,oFAAoF;AACpF,eAAO,MAAM,cAAc,GAAI,QAAO,OAAkC,EAAE,UAAS,gBAAqB,KAAG,IA6B1G,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,iBAAiB,GAAI,OAAO,OAAO,EAAE,UAAU,gBAAgB,KAAG,IAG9E,CAAC"}
|
|
@@ -53,6 +53,13 @@ export type DSDataTableFilterBarConfig<TValues extends DSDataTableFilterValues =
|
|
|
53
53
|
applying?: boolean;
|
|
54
54
|
applyLabel?: string;
|
|
55
55
|
resetLabel?: string;
|
|
56
|
+
collapsible?: {
|
|
57
|
+
title?: ReactNode;
|
|
58
|
+
defaultOpen?: boolean;
|
|
59
|
+
autoScrollOnOpen?: boolean;
|
|
60
|
+
scrollOffset?: number;
|
|
61
|
+
};
|
|
62
|
+
footerLayout?: 'default' | 'inline';
|
|
56
63
|
};
|
|
57
64
|
export type DSDataTableMobileColumnMeta<TData> = {
|
|
58
65
|
hideOnMobile?: boolean;
|
|
@@ -136,6 +143,7 @@ export type DSDataTableProps<TData extends object> = {
|
|
|
136
143
|
getRowSelectionLabel?: (row: TData) => string;
|
|
137
144
|
selectAllRowsLabel?: string;
|
|
138
145
|
resetSelectionLabel?: string;
|
|
146
|
+
showResetSelectionControl?: boolean;
|
|
139
147
|
openRowLabel?: string;
|
|
140
148
|
pagination?: boolean;
|
|
141
149
|
paginationMode?: 'client' | 'server';
|
|
@@ -169,6 +177,6 @@ export declare const getDSDataTableColumnStyle: <TData extends object>(column: D
|
|
|
169
177
|
export declare const getDSDataTableStickyColumnStyle: <TData extends object>(column: DSDataTableColumn<TData> | undefined) => CSSProperties | undefined;
|
|
170
178
|
export declare const getDSDataTablePaginationItems: (currentPage: number, pageCount: number) => DSDataTablePaginationItem[];
|
|
171
179
|
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;
|
|
180
|
+
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, 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
181
|
export {};
|
|
174
182
|
//# 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,EAClB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AACf,OAAO,EAQH,KAAK,MAAM,EACX,KAAK,YAAY,EACpB,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"DSDataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DSDataTable/DSDataTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,10 +4,11 @@ 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;
|
|
11
12
|
};
|
|
12
|
-
export declare const DSTooltip: ({ content, children, placement, delay, disabled, maxWidth, className, }: DSTooltipProps) => import("react").JSX.Element;
|
|
13
|
+
export declare const DSTooltip: ({ content, children, placement, followCursor, delay, disabled, maxWidth, className, }: DSTooltipProps) => import("react").JSX.Element;
|
|
13
14
|
//# 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,EAAqG,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DSTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/DSTooltip/DSTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqG,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAS7J,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;CACtB,CAAC;AAMF,eAAO,MAAM,SAAS,GAAI,uFASvB,cAAc,gCAmIhB,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;AAwBF,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"}
|