@caspeco/casper-ui-library 11.4.0 → 12.0.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/accordion/accordion-item.js +10 -10
- package/dist/components/accordion/accordion-panel.js +4 -4
- package/dist/components/accordion/accordion.js +4 -4
- package/dist/components/alert/alert.js +10 -10
- package/dist/components/badge/badge.js +18 -18
- package/dist/components/box/box.js +3 -3
- package/dist/components/breadcrumbs/breadcrumb-item.js +4 -4
- package/dist/components/breadcrumbs/breadcrumb-link.js +3 -3
- package/dist/components/breadcrumbs/breadcrumbs.js +22 -22
- package/dist/components/button/button.d.ts +1 -1
- package/dist/components/button/button.js +5 -5
- package/dist/components/checkbox/checkbox-icon.js +3 -3
- package/dist/components/checkbox/checkbox.js +7 -7
- package/dist/components/checkbox-group/checkbox-group.js +3 -3
- package/dist/components/collapsible/collapsible.d.ts +1 -1
- package/dist/components/collapsible/collapsible.d.ts.map +1 -1
- package/dist/components/collapsible/collapsible.js +30 -29
- package/dist/components/collapsible/collapsible.translations.d.ts +6 -0
- package/dist/components/collapsible/collapsible.translations.d.ts.map +1 -0
- package/dist/components/collapsible/collapsible.translations.js +54 -0
- package/dist/components/collapsible/types.d.ts +0 -6
- package/dist/components/collapsible/types.d.ts.map +1 -1
- package/dist/components/combobox/combobox-button.d.ts +1 -1
- package/dist/components/combobox/combobox-button.d.ts.map +1 -1
- package/dist/components/combobox/combobox-button.js +66 -64
- package/dist/components/combobox/combobox-item.js +8 -8
- package/dist/components/combobox/combobox-menu.d.ts.map +1 -1
- package/dist/components/combobox/combobox-menu.js +95 -94
- package/dist/components/combobox/combobox.d.ts +1 -1
- package/dist/components/combobox/combobox.d.ts.map +1 -1
- package/dist/components/combobox/combobox.js +91 -91
- package/dist/components/combobox/combobox.translations.d.ts +10 -0
- package/dist/components/combobox/combobox.translations.d.ts.map +1 -0
- package/dist/components/combobox/combobox.translations.js +102 -0
- package/dist/components/combobox/index.d.ts +1 -1
- package/dist/components/combobox/index.d.ts.map +1 -1
- package/dist/components/combobox/types.d.ts +0 -15
- package/dist/components/combobox/types.d.ts.map +1 -1
- package/dist/components/date-picker/base-date-picker.d.ts +1 -1
- package/dist/components/date-picker/base-date-picker.d.ts.map +1 -1
- package/dist/components/date-picker/base-date-picker.js +163 -162
- package/dist/components/date-picker/date-multi-picker.d.ts +1 -1
- package/dist/components/date-picker/date-multi-picker.d.ts.map +1 -1
- package/dist/components/date-picker/date-multi-picker.js +20 -21
- package/dist/components/date-picker/date-picker-date-cell.js +27 -27
- package/dist/components/date-picker/date-picker-header.d.ts.map +1 -1
- package/dist/components/date-picker/date-picker-header.js +84 -116
- package/dist/components/date-picker/date-picker-week-cell.js +4 -4
- package/dist/components/date-picker/date-picker.composition.d.ts.map +1 -1
- package/dist/components/date-picker/date-picker.d.ts +1 -1
- package/dist/components/date-picker/date-picker.d.ts.map +1 -1
- package/dist/components/date-picker/date-picker.js +20 -21
- package/dist/components/date-picker/date-picker.translations.d.ts +6 -0
- package/dist/components/date-picker/date-picker.translations.d.ts.map +1 -0
- package/dist/components/date-picker/date-picker.translations.js +54 -0
- package/dist/components/date-picker/date-range-picker.d.ts +1 -1
- package/dist/components/date-picker/date-range-picker.d.ts.map +1 -1
- package/dist/components/date-picker/date-range-picker.js +15 -16
- package/dist/components/date-picker/date-week-picker.d.ts +1 -1
- package/dist/components/date-picker/date-week-picker.d.ts.map +1 -1
- package/dist/components/date-picker/date-week-picker.js +13 -14
- package/dist/components/date-picker/types.d.ts +4 -10
- package/dist/components/date-picker/types.d.ts.map +1 -1
- package/dist/components/divider/divider.js +3 -3
- package/dist/components/drawer/drawer.js +6 -6
- package/dist/components/drawer/inline-drawer.js +4 -4
- package/dist/components/fieldset/fieldset-error-text.js +3 -3
- package/dist/components/fieldset/fieldset-helper-text.js +3 -3
- package/dist/components/fieldset/fieldset-legend.js +3 -3
- package/dist/components/fieldset/fieldset.js +3 -3
- package/dist/components/flex/flex.js +3 -3
- package/dist/components/form-control/form-control.js +3 -3
- package/dist/components/form-control/form-error-message.js +3 -3
- package/dist/components/form-control/form-helper-text.js +3 -3
- package/dist/components/form-control/form-label.js +5 -5
- package/dist/components/grid/grid-item.js +3 -3
- package/dist/components/grid/grid.js +3 -3
- package/dist/components/heading/heading.js +3 -3
- package/dist/components/highlight/highlight.js +3 -3
- package/dist/components/icon/create-icon.js +7 -7
- package/dist/components/icon-button/icon-button.js +4 -4
- package/dist/components/image/image.js +3 -3
- package/dist/components/image-upload/image-upload-dropzone.d.ts +1 -3
- package/dist/components/image-upload/image-upload-dropzone.d.ts.map +1 -1
- package/dist/components/image-upload/image-upload-dropzone.js +75 -74
- package/dist/components/image-upload/image-upload-icons.js +11 -11
- package/dist/components/image-upload/image-upload-modal.d.ts +2 -3
- package/dist/components/image-upload/image-upload-modal.d.ts.map +1 -1
- package/dist/components/image-upload/image-upload-modal.js +69 -69
- package/dist/components/image-upload/image-upload.d.ts +1 -1
- package/dist/components/image-upload/image-upload.d.ts.map +1 -1
- package/dist/components/image-upload/image-upload.js +43 -44
- package/dist/components/image-upload/image-upload.translations.d.ts +12 -0
- package/dist/components/image-upload/image-upload.translations.d.ts.map +1 -0
- package/dist/components/image-upload/image-upload.translations.js +126 -0
- package/dist/components/image-upload/types.d.ts +0 -3
- package/dist/components/image-upload/types.d.ts.map +1 -1
- package/dist/components/input/input.d.ts +1 -1
- package/dist/components/input/input.js +5 -5
- package/dist/components/link/link.js +3 -3
- package/dist/components/list/list-item.js +3 -3
- package/dist/components/list/list.js +3 -3
- package/dist/components/menu/menu-box-button.js +4 -4
- package/dist/components/menu/menu-button.js +4 -4
- package/dist/components/menu/menu-group.js +11 -11
- package/dist/components/menu/menu-icon-button.js +4 -4
- package/dist/components/menu/menu-item.js +7 -7
- package/dist/components/menu/menu-list.js +3 -3
- package/dist/components/menu/menu.js +4 -4
- package/dist/components/message/message.js +8 -8
- package/dist/components/modal/modal-body.js +3 -3
- package/dist/components/modal/modal-close-button.js +5 -5
- package/dist/components/modal/modal-footer.js +3 -3
- package/dist/components/modal/modal-header.js +3 -3
- package/dist/components/modal/modal.js +8 -8
- package/dist/components/navigation-list/navigation-list-item.js +10 -10
- package/dist/components/navigation-list/navigation-list.js +4 -4
- package/dist/components/paginator/paginator.composition.d.ts.map +1 -1
- package/dist/components/paginator/paginator.d.ts +1 -4
- package/dist/components/paginator/paginator.d.ts.map +1 -1
- package/dist/components/paginator/paginator.js +31 -30
- package/dist/components/paginator/paginator.translations.d.ts +7 -0
- package/dist/components/paginator/paginator.translations.d.ts.map +1 -0
- package/dist/components/paginator/paginator.translations.js +66 -0
- package/dist/components/phone-input/country-data.d.ts +2 -2
- package/dist/components/phone-input/country-data.d.ts.map +1 -1
- package/dist/components/phone-input/country-list.js +6 -6
- package/dist/components/phone-input/country-selector.d.ts +1 -4
- package/dist/components/phone-input/country-selector.d.ts.map +1 -1
- package/dist/components/phone-input/country-selector.js +86 -84
- package/dist/components/phone-input/phone-input-helpers.d.ts +4 -5
- package/dist/components/phone-input/phone-input-helpers.d.ts.map +1 -1
- package/dist/components/phone-input/phone-input-helpers.js +33 -34
- package/dist/components/phone-input/phone-input.d.ts +1 -1
- package/dist/components/phone-input/phone-input.d.ts.map +1 -1
- package/dist/components/phone-input/phone-input.js +38 -38
- package/dist/components/phone-input/phone-input.translations.d.ts +10 -0
- package/dist/components/phone-input/phone-input.translations.d.ts.map +1 -0
- package/dist/components/phone-input/phone-input.translations.js +102 -0
- package/dist/components/phone-input/types.d.ts +0 -3
- package/dist/components/phone-input/types.d.ts.map +1 -1
- package/dist/components/phone-input/use-phone-input.d.ts +0 -3
- package/dist/components/phone-input/use-phone-input.d.ts.map +1 -1
- package/dist/components/phone-input/use-phone-input.js +82 -81
- package/dist/components/quantity-button/quantity-button.js +12 -12
- package/dist/components/radio/radio-group.js +4 -4
- package/dist/components/radio/radio.d.ts +1 -1
- package/dist/components/radio/radio.js +14 -14
- package/dist/components/radio-card/radio-card-group.js +3 -3
- package/dist/components/radio-card/radio-card.d.ts +1 -1
- package/dist/components/radio-card/radio-card.js +7 -7
- package/dist/components/rich-text-editor/index.d.ts +1 -1
- package/dist/components/rich-text-editor/index.d.ts.map +1 -1
- package/dist/components/rich-text-editor/rich-text-editor-context.d.ts +0 -2
- package/dist/components/rich-text-editor/rich-text-editor-context.d.ts.map +1 -1
- package/dist/components/rich-text-editor/rich-text-editor-control.d.ts.map +1 -1
- package/dist/components/rich-text-editor/rich-text-editor-control.js +129 -128
- package/dist/components/rich-text-editor/rich-text-editor.d.ts +1 -1
- package/dist/components/rich-text-editor/rich-text-editor.d.ts.map +1 -1
- package/dist/components/rich-text-editor/rich-text-editor.js +22 -25
- package/dist/components/rich-text-editor/{translations.d.ts → rich-text-editor.translations.d.ts} +3 -5
- package/dist/components/rich-text-editor/rich-text-editor.translations.d.ts.map +1 -0
- package/dist/components/rich-text-editor/rich-text-editor.translations.js +234 -0
- package/dist/components/rich-text-editor/rich-text-renderer.js +4 -4
- package/dist/components/rich-text-editor/types.d.ts +0 -2
- package/dist/components/rich-text-editor/types.d.ts.map +1 -1
- package/dist/components/segmented-control/segmented-control.js +5 -5
- package/dist/components/select/select.js +5 -5
- package/dist/components/skeleton/skeleton-text.js +3 -3
- package/dist/components/skeleton/skeleton.js +3 -3
- package/dist/components/spinner/spinner.js +5 -5
- package/dist/components/stack/stack.d.ts +1 -1
- package/dist/components/stack/stack.js +3 -3
- package/dist/components/stepper/step.js +25 -25
- package/dist/components/stepper/stepper.js +8 -8
- package/dist/components/switch/switch.js +6 -6
- package/dist/components/table/table-cell.d.ts +1 -3
- package/dist/components/table/table-cell.d.ts.map +1 -1
- package/dist/components/table/table-cell.js +43 -46
- package/dist/components/table/table-column-resize-handle.d.ts.map +1 -1
- package/dist/components/table/table-column-resize-handle.js +22 -21
- package/dist/components/table/table-content.d.ts.map +1 -1
- package/dist/components/table/table-content.js +81 -79
- package/dist/components/table/table-context-provider.d.ts +1 -4
- package/dist/components/table/table-context-provider.d.ts.map +1 -1
- package/dist/components/table/table-context-provider.js +137 -140
- package/dist/components/table/table-drag-accessibility.d.ts +3 -3
- package/dist/components/table/table-drag-accessibility.d.ts.map +1 -1
- package/dist/components/table/table-drag-accessibility.js +10 -14
- package/dist/components/table/table-filter.d.ts.map +1 -1
- package/dist/components/table/table-filter.js +59 -59
- package/dist/components/table/table-header-dropdown.d.ts +0 -2
- package/dist/components/table/table-header-dropdown.d.ts.map +1 -1
- package/dist/components/table/table-header-dropdown.js +28 -27
- package/dist/components/table/table-header-row.d.ts.map +1 -1
- package/dist/components/table/table-header-row.js +53 -56
- package/dist/components/table/table-row-drag-handle.d.ts +1 -3
- package/dist/components/table/table-row-drag-handle.d.ts.map +1 -1
- package/dist/components/table/table-row-drag-handle.js +10 -9
- package/dist/components/table/table-row-expand-toggle-button.d.ts +1 -3
- package/dist/components/table/table-row-expand-toggle-button.d.ts.map +1 -1
- package/dist/components/table/table-row-expand-toggle-button.js +9 -8
- package/dist/components/table/table-row.d.ts.map +1 -1
- package/dist/components/table/table-row.js +5 -6
- package/dist/components/table/table-sorted-reorder-prompt.d.ts +1 -3
- package/dist/components/table/table-sorted-reorder-prompt.d.ts.map +1 -1
- package/dist/components/table/table-sorted-reorder-prompt.js +26 -25
- package/dist/components/table/table-toolbar-actions.d.ts.map +1 -1
- package/dist/components/table/table-toolbar-actions.js +4 -4
- package/dist/components/table/table-toolbar-add-button.d.ts.map +1 -1
- package/dist/components/table/table-toolbar-add-button.js +4 -4
- package/dist/components/table/table-toolbar-settings.d.ts.map +1 -1
- package/dist/components/table/table-toolbar-settings.js +110 -108
- package/dist/components/table/table-toolbar.js +11 -11
- package/dist/components/table/table.composition.d.ts.map +1 -1
- package/dist/components/table/table.d.ts +1 -1
- package/dist/components/table/table.d.ts.map +1 -1
- package/dist/components/table/table.js +31 -32
- package/dist/components/table/table.translations.d.ts +45 -0
- package/dist/components/table/table.translations.d.ts.map +1 -0
- package/dist/components/table/table.translations.js +522 -0
- package/dist/components/table/types.d.ts +0 -5
- package/dist/components/table/types.d.ts.map +1 -1
- package/dist/components/tabs/tab-list.js +3 -3
- package/dist/components/tabs/tab-panel.js +3 -3
- package/dist/components/tabs/tab-panels.js +3 -3
- package/dist/components/tabs/tab-with-image.js +10 -10
- package/dist/components/tabs/tab.js +4 -4
- package/dist/components/tabs/tabs.js +3 -3
- package/dist/components/tag/tag.js +28 -28
- package/dist/components/text/text.js +3 -3
- package/dist/components/textarea/textarea.js +3 -3
- package/dist/components/toaster/toaster.js +9 -9
- package/dist/components/toggle-button/toggle-button.js +3 -3
- package/dist/components/toggle-button/use-button-children.js +10 -10
- package/dist/components/tooltip/tooltip.d.ts +1 -1
- package/dist/components/tooltip/tooltip.js +8 -8
- package/dist/index.js +404 -402
- package/dist/node_modules/libphonenumber-js/metadata.mobile.json.js +13 -19
- package/dist/test-utils/render-with-theme.d.ts +5 -1
- package/dist/test-utils/render-with-theme.d.ts.map +1 -1
- package/dist/theme/index.d.ts +4 -0
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/locale-provider.d.ts +9 -0
- package/dist/theme/locale-provider.d.ts.map +1 -0
- package/dist/theme/locale-provider.js +14 -0
- package/dist/theme/locale-provider.spec.d.ts +2 -0
- package/dist/theme/locale-provider.spec.d.ts.map +1 -0
- package/dist/theme/theme-locale.d.ts +7 -0
- package/dist/theme/theme-locale.d.ts.map +1 -0
- package/dist/theme/theme-locale.js +8 -0
- package/dist/theme/theme-provider.d.ts +4 -1
- package/dist/theme/theme-provider.d.ts.map +1 -1
- package/dist/theme/theme-provider.js +30 -25
- package/dist/theme/translations.d.ts +14 -0
- package/dist/theme/translations.d.ts.map +1 -0
- package/dist/theme/translations.js +10 -0
- package/dist/theme/translations.spec.d.ts +2 -0
- package/dist/theme/translations.spec.d.ts.map +1 -0
- package/package.json +5 -5
- package/dist/components/collapsible/translations.d.ts +0 -32
- package/dist/components/collapsible/translations.d.ts.map +0 -1
- package/dist/components/collapsible/translations.js +0 -30
- package/dist/components/combobox/translations.d.ts +0 -9
- package/dist/components/combobox/translations.d.ts.map +0 -1
- package/dist/components/combobox/translations.js +0 -57
- package/dist/components/image-upload/translations.d.ts +0 -73
- package/dist/components/image-upload/translations.d.ts.map +0 -1
- package/dist/components/image-upload/translations.js +0 -66
- package/dist/components/paginator/translations.d.ts +0 -9
- package/dist/components/paginator/translations.d.ts.map +0 -1
- package/dist/components/paginator/translations.js +0 -36
- package/dist/components/phone-input/translations.d.ts +0 -60
- package/dist/components/phone-input/translations.d.ts.map +0 -1
- package/dist/components/phone-input/translations.js +0 -54
- package/dist/components/rich-text-editor/translations.d.ts.map +0 -1
- package/dist/components/rich-text-editor/translations.js +0 -120
- package/dist/components/table/translations.d.ts +0 -308
- package/dist/components/table/translations.d.ts.map +0 -1
- package/dist/components/table/translations.js +0 -267
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { Cell, Row } from '@tanstack/react-table';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import { Locales } from './translations.js';
|
|
4
3
|
import { TableData, TableRow } from './types.js';
|
|
5
4
|
type TableCellProps<TData extends TableData> = {
|
|
6
5
|
cell: Cell<TableRow<TData>, unknown>;
|
|
@@ -8,13 +7,12 @@ type TableCellProps<TData extends TableData> = {
|
|
|
8
7
|
row: Row<TableRow<TData>>;
|
|
9
8
|
rowIsExpanded: boolean;
|
|
10
9
|
breakingContentState: Record<string, boolean>;
|
|
11
|
-
localeString: Locales;
|
|
12
10
|
actionMenu?: ReactNode;
|
|
13
11
|
canSelectRows?: boolean;
|
|
14
12
|
isCheckboxDisabled?: boolean;
|
|
15
13
|
dragHandleRef?: (element: Element | null) => void;
|
|
16
14
|
};
|
|
17
|
-
declare const TableCellComponent: <TData extends TableData>({ cell, row, rowIsExpanded, visibleCells, breakingContentState,
|
|
15
|
+
declare const TableCellComponent: <TData extends TableData>({ cell, row, rowIsExpanded, visibleCells, breakingContentState, actionMenu, canSelectRows, isCheckboxDisabled, dragHandleRef, }: TableCellProps<TData>) => import('react').JSX.Element;
|
|
18
16
|
export declare const TableCell: typeof TableCellComponent;
|
|
19
17
|
export {};
|
|
20
18
|
//# sourceMappingURL=table-cell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-cell.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-cell.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAc,KAAK,IAAI,EAAE,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvF,OAAO,
|
|
1
|
+
{"version":3,"file":"table-cell.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-cell.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAc,KAAK,IAAI,EAAE,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvF,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAInD,KAAK,cAAc,CAAC,KAAK,SAAS,SAAS,IAAI;IAC9C,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACrC,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC;IAC/C,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAI,KAAK,SAAS,SAAS,EAAE,iIAUlD,cAAc,CAAC,KAAK,CAAC,gCAqLvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAA+B,OAAO,kBAAkB,CAAC"}
|
|
@@ -4,30 +4,31 @@ import { MoreVerticalIcon as n } from "../icon/icons/more-vertical-icon.js";
|
|
|
4
4
|
import { Menu as r } from "../menu/menu.js";
|
|
5
5
|
import { MenuIconButton as i } from "../menu/menu-icon-button.js";
|
|
6
6
|
import { Checkbox as a } from "../checkbox/checkbox.js";
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import { Fragment as
|
|
17
|
-
|
|
18
|
-
|
|
7
|
+
import { useComponentTranslations as o } from "../../theme/translations.js";
|
|
8
|
+
import { Divider as s } from "../divider/divider.js";
|
|
9
|
+
import { flexRender as c } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
|
|
10
|
+
import { getColumnWidth as l, getPinnedLeft as u } from "./helper.js";
|
|
11
|
+
import { useTableContext as d } from "./table-context.js";
|
|
12
|
+
import { tableTranslations as f } from "./table.translations.js";
|
|
13
|
+
import { TableRowDragHandle as p } from "./table-row-drag-handle.js";
|
|
14
|
+
import { TableRowExpandToggleButton as m } from "./table-row-expand-toggle-button.js";
|
|
15
|
+
import { memo as h, useCallback as g, useMemo as _ } from "react";
|
|
16
|
+
import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
|
|
17
|
+
import { Box as x, Flex as S, TableCell as C } from "@chakra-ui/react";
|
|
18
|
+
var w = h(({ cell: h, row: w, rowIsExpanded: T, visibleCells: E, breakingContentState: D, actionMenu: O, canSelectRows: k, isCheckboxDisabled: A, dragHandleRef: j }) => {
|
|
19
|
+
let M = d(), { column: N } = h, P = o(f), F = _(() => {
|
|
19
20
|
let e = {
|
|
20
21
|
width: "100%",
|
|
21
22
|
display: "inline-flex",
|
|
22
23
|
height: "100%",
|
|
23
24
|
alignItems: "center"
|
|
24
25
|
};
|
|
25
|
-
return
|
|
26
|
-
}, [
|
|
26
|
+
return D[N.id] || (e.overflow = "hidden", e.whiteSpace = "nowrap"), e;
|
|
27
|
+
}, [D, N.id]), I = w.getCanExpand(), L = E[0]?.id === h.id, R = I && L, z = O || L && !!M.getRowActions || k, B = L && M.rowReorderMode !== "off", V = M.rowReorderMode !== "off" && L && w.depth === 0, H = B ? 24 : 0, U = z || B, W = _(() => {
|
|
27
28
|
let e = [];
|
|
28
|
-
for (let t = 0; t <
|
|
29
|
+
for (let t = 0; t < w.depth; t += 1) {
|
|
29
30
|
let n = `${t * 2 + .7}rem`;
|
|
30
|
-
U && (n = `calc(${n} + ${(z ? (O && k ? 2 : 1) * 24 : 0) + H}px)`), e.push(/* @__PURE__ */
|
|
31
|
+
U && (n = `calc(${n} + ${(z ? (O && k ? 2 : 1) * 24 : 0) + H}px)`), e.push(/* @__PURE__ */ y(s, {
|
|
31
32
|
orientation: "vertical",
|
|
32
33
|
position: "absolute",
|
|
33
34
|
top: "0",
|
|
@@ -40,13 +41,13 @@ var C = m(({ cell: m, row: C, rowIsExpanded: w, visibleCells: T, breakingContent
|
|
|
40
41
|
k,
|
|
41
42
|
H,
|
|
42
43
|
z,
|
|
43
|
-
|
|
44
|
+
w.depth,
|
|
44
45
|
U
|
|
45
46
|
]), G = () => {
|
|
46
|
-
let t = N.getIsPinned(), n =
|
|
47
|
+
let t = N.getIsPinned(), n = l(N, M.enableColumnResizing);
|
|
47
48
|
return {
|
|
48
49
|
position: t ? "sticky" : "relative",
|
|
49
|
-
left: t ?
|
|
50
|
+
left: t ? u(N, M.enableColumnResizing) : void 0,
|
|
50
51
|
backgroundColor: t ? e.Background : void 0,
|
|
51
52
|
zIndex: t ? 1 : void 0,
|
|
52
53
|
width: n,
|
|
@@ -54,10 +55,10 @@ var C = m(({ cell: m, row: C, rowIsExpanded: w, visibleCells: T, breakingContent
|
|
|
54
55
|
};
|
|
55
56
|
};
|
|
56
57
|
function K() {
|
|
57
|
-
let e =
|
|
58
|
-
return U ? `calc(${e} + ${(z ? (O && k &&
|
|
58
|
+
let e = w.depth && L || R ? `${w.depth * 2}rem` : t.Small;
|
|
59
|
+
return U ? `calc(${e} + ${(z ? (O && k && w.depth === 0 ? 2 : 1) * 24 : 0) + H}px)` : e;
|
|
59
60
|
}
|
|
60
|
-
let q =
|
|
61
|
+
let q = g(({ checked: e }) => {
|
|
61
62
|
let t = (e) => {
|
|
62
63
|
if (M.disableSelectionCheckbox?.(e)) return [];
|
|
63
64
|
let n = [e.id];
|
|
@@ -66,34 +67,31 @@ var C = m(({ cell: m, row: C, rowIsExpanded: w, visibleCells: T, breakingContent
|
|
|
66
67
|
}), n;
|
|
67
68
|
};
|
|
68
69
|
M.setSelectedRowIds((n) => {
|
|
69
|
-
let r = t(
|
|
70
|
+
let r = t(w), i = new Set(n);
|
|
70
71
|
return r.forEach((t) => {
|
|
71
72
|
e ? i.add(t) : i.delete(t);
|
|
72
73
|
}), Array.from(i);
|
|
73
74
|
});
|
|
74
|
-
}, [
|
|
75
|
-
return /* @__PURE__ */
|
|
76
|
-
id:
|
|
75
|
+
}, [w, M]), J = _(() => M.selectedRowIds?.includes(w.id) ?? !1, [w.id, M.selectedRowIds]);
|
|
76
|
+
return /* @__PURE__ */ y(C, {
|
|
77
|
+
id: h.id,
|
|
77
78
|
textAlign: N.columnDef.meta?.isNumeric ? "end" : void 0,
|
|
78
79
|
style: {
|
|
79
80
|
...G(),
|
|
80
81
|
borderBottom: 0,
|
|
81
82
|
paddingLeft: K()
|
|
82
83
|
},
|
|
83
|
-
children: /* @__PURE__ */ S
|
|
84
|
+
children: /* @__PURE__ */ b(S, {
|
|
84
85
|
w: "100%",
|
|
85
86
|
h: "100%",
|
|
86
87
|
align: "center",
|
|
87
88
|
children: [
|
|
88
|
-
V && /* @__PURE__ */
|
|
89
|
-
|
|
90
|
-
handleRef: j
|
|
91
|
-
}),
|
|
92
|
-
O && /* @__PURE__ */ x(r, { children: ({ isOpen: e }) => /* @__PURE__ */ S(_, {
|
|
89
|
+
V && /* @__PURE__ */ y(p, { handleRef: j }),
|
|
90
|
+
O && /* @__PURE__ */ y(r, { children: ({ isOpen: e }) => /* @__PURE__ */ b(x, {
|
|
93
91
|
display: "contents",
|
|
94
92
|
onClick: (e) => e.stopPropagation(),
|
|
95
93
|
onKeyDown: (e) => e.stopPropagation(),
|
|
96
|
-
children: [/* @__PURE__ */ x
|
|
94
|
+
children: [/* @__PURE__ */ y(x, {
|
|
97
95
|
className: "action-menu-button",
|
|
98
96
|
position: "absolute",
|
|
99
97
|
left: `${H}px`,
|
|
@@ -101,7 +99,7 @@ var C = m(({ cell: m, row: C, rowIsExpanded: w, visibleCells: T, breakingContent
|
|
|
101
99
|
_hover: { opacity: 1 },
|
|
102
100
|
_focusVisible: { opacity: 1 },
|
|
103
101
|
css: { "&:has(:focus-visible)": { opacity: 1 } },
|
|
104
|
-
children: /* @__PURE__ */
|
|
102
|
+
children: /* @__PURE__ */ y(i, {
|
|
105
103
|
icon: n,
|
|
106
104
|
variant: "ghost",
|
|
107
105
|
size: "xs",
|
|
@@ -110,34 +108,33 @@ var C = m(({ cell: m, row: C, rowIsExpanded: w, visibleCells: T, breakingContent
|
|
|
110
108
|
})
|
|
111
109
|
}), O]
|
|
112
110
|
}) }),
|
|
113
|
-
k && /* @__PURE__ */ x
|
|
111
|
+
k && /* @__PURE__ */ y(x, {
|
|
114
112
|
display: "contents",
|
|
115
113
|
onClick: (e) => e.stopPropagation(),
|
|
116
114
|
onKeyDown: (e) => e.stopPropagation(),
|
|
117
|
-
children: /* @__PURE__ */ x
|
|
115
|
+
children: /* @__PURE__ */ y(x, {
|
|
118
116
|
position: "absolute",
|
|
119
117
|
left: `${H + (O ? 24 : 0)}px`,
|
|
120
|
-
children: /* @__PURE__ */
|
|
118
|
+
children: /* @__PURE__ */ y(a, {
|
|
121
119
|
isChecked: J,
|
|
122
120
|
onCheckedChange: q,
|
|
123
121
|
isDisabled: A
|
|
124
122
|
})
|
|
125
123
|
})
|
|
126
124
|
}),
|
|
127
|
-
R ||
|
|
128
|
-
row:
|
|
129
|
-
localeString: D,
|
|
125
|
+
R || w.depth > 0 && L ? /* @__PURE__ */ y(m, {
|
|
126
|
+
row: w,
|
|
130
127
|
hidden: !I,
|
|
131
|
-
rowIsExpanded:
|
|
132
|
-
}) : /* @__PURE__ */
|
|
128
|
+
rowIsExpanded: T
|
|
129
|
+
}) : /* @__PURE__ */ y(v, {}),
|
|
133
130
|
L && W,
|
|
134
|
-
/* @__PURE__ */
|
|
131
|
+
/* @__PURE__ */ y("div", {
|
|
135
132
|
style: F,
|
|
136
|
-
children:
|
|
133
|
+
children: c(N.columnDef.cell, h.getContext())
|
|
137
134
|
})
|
|
138
135
|
]
|
|
139
136
|
})
|
|
140
|
-
},
|
|
137
|
+
}, h.id);
|
|
141
138
|
});
|
|
142
139
|
//#endregion
|
|
143
|
-
export {
|
|
140
|
+
export { w as TableCell };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-column-resize-handle.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-column-resize-handle.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"table-column-resize-handle.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-column-resize-handle.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAQpD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAInD;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,KAAK,SAAS,SAAS,EAAE,aAEzD;IACF,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;CACzC,gCA0EA,CAAC"}
|
|
@@ -1,40 +1,41 @@
|
|
|
1
1
|
"use no memo";
|
|
2
2
|
import { ThemeColorVariable as e } from "../../theme/theme-types.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { jsx as
|
|
3
|
+
import { useComponentTranslations as t } from "../../theme/translations.js";
|
|
4
|
+
import { getClampedColumnWidth as n, getColumnLabel as r, getColumnSizeCssVarName as i } from "./helper.js";
|
|
5
|
+
import { useTableColumnSizeVars as a, useTableContext as o } from "./table-context.js";
|
|
6
|
+
import { tableTranslations as s } from "./table.translations.js";
|
|
7
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
8
|
+
import { Box as l } from "@chakra-ui/react";
|
|
8
9
|
//#region lib/components/table/table-column-resize-handle.tsx
|
|
9
10
|
var u = ({ header: u }) => {
|
|
10
|
-
let { table: d
|
|
11
|
-
d.setColumnSizing((
|
|
12
|
-
...
|
|
13
|
-
[
|
|
11
|
+
let { table: d } = o(), { column: f } = u, p = t(s), m = a(), h = parseFloat(m?.[i(f.id)] ?? "") || f.getSize(), { minSize: g = 80, maxSize: _ = 2 ** 53 - 1 } = f.columnDef, v = _ < 2 ** 53 - 1, y = (e) => {
|
|
12
|
+
d.setColumnSizing((t) => ({
|
|
13
|
+
...t,
|
|
14
|
+
[f.id]: n(f, e)
|
|
14
15
|
}));
|
|
15
16
|
};
|
|
16
|
-
return /* @__PURE__ */ l
|
|
17
|
+
return /* @__PURE__ */ c(l, {
|
|
17
18
|
onMouseDown: (e) => u.getResizeHandler(e.currentTarget.ownerDocument)(e),
|
|
18
|
-
onDoubleClick: () =>
|
|
19
|
+
onDoubleClick: () => f.resetSize(),
|
|
19
20
|
onClick: (e) => e.stopPropagation(),
|
|
20
21
|
onKeyDown: (e) => {
|
|
21
22
|
let t = e.shiftKey ? 50 : 10;
|
|
22
23
|
switch (e.key) {
|
|
23
24
|
case "ArrowRight":
|
|
24
|
-
|
|
25
|
+
y(h + t);
|
|
25
26
|
break;
|
|
26
27
|
case "ArrowLeft":
|
|
27
|
-
|
|
28
|
+
y(h - t);
|
|
28
29
|
break;
|
|
29
30
|
case "Home":
|
|
30
|
-
|
|
31
|
+
y(g);
|
|
31
32
|
break;
|
|
32
33
|
case "End":
|
|
33
|
-
if (!
|
|
34
|
-
|
|
34
|
+
if (!v) return;
|
|
35
|
+
y(_);
|
|
35
36
|
break;
|
|
36
37
|
case "Enter":
|
|
37
|
-
|
|
38
|
+
f.resetSize();
|
|
38
39
|
break;
|
|
39
40
|
default: return;
|
|
40
41
|
}
|
|
@@ -42,10 +43,10 @@ var u = ({ header: u }) => {
|
|
|
42
43
|
},
|
|
43
44
|
role: "separator",
|
|
44
45
|
"aria-orientation": "vertical",
|
|
45
|
-
"aria-label":
|
|
46
|
-
"aria-valuenow":
|
|
47
|
-
"aria-valuemin":
|
|
48
|
-
"aria-valuemax":
|
|
46
|
+
"aria-label": p.resizeColumn(r(f.columnDef.header, f.id)),
|
|
47
|
+
"aria-valuenow": h,
|
|
48
|
+
"aria-valuemin": g,
|
|
49
|
+
"aria-valuemax": v ? _ : void 0,
|
|
49
50
|
tabIndex: 0,
|
|
50
51
|
className: "tableColumnResizer",
|
|
51
52
|
position: "absolute",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-content.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-content.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAYnE,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"table-content.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-content.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAYnE,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAInE,UAAU,qBAAqB;IAC9B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS;IACrE;;OAEG;IACH,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IAEV;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC;;OAEG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,KAAK,sBAAsB,CAAC,KAAK,SAAS,SAAS,IAAI,iBAAiB,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC;AAElG,QAAA,MAAM,iBAAiB,GAAI,KAAK,SAAS,SAAS,EAAE,8BAGjD,sBAAsB,CAAC,KAAK,CAAC,gCAM/B,CAAC;AAkVF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}
|
|
@@ -1,31 +1,33 @@
|
|
|
1
1
|
"use no memo";
|
|
2
2
|
import { ThemeColorVariable as e } from "../../theme/theme-types.js";
|
|
3
|
-
import {
|
|
3
|
+
import { useComponentTranslations as t } from "../../theme/translations.js";
|
|
4
|
+
import { useVirtualizer as n } from "../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
|
|
4
5
|
import "./table.constants.js";
|
|
5
|
-
import { getClampedColumnWidth as
|
|
6
|
-
import { useTableColumnResizeInfo as
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
6
|
+
import { getClampedColumnWidth as r, getColumnWidth as i } from "./helper.js";
|
|
7
|
+
import { useTableColumnResizeInfo as a, useTableColumnSizeVars as o, useTableContext as s } from "./table-context.js";
|
|
8
|
+
import { tableTranslations as c } from "./table.translations.js";
|
|
9
|
+
import { Accessibility as l, AutoScroller as u, Feedback as d } from "../../node_modules/@dnd-kit/dom/index.js";
|
|
10
|
+
import { DragDropProvider as f } from "../../node_modules/@dnd-kit/react/index.js";
|
|
11
|
+
import { createDragAccessibility as p } from "./table-drag-accessibility.js";
|
|
12
|
+
import { TableHeaderRow as m } from "./table-header-row.js";
|
|
13
|
+
import { TableRow as h } from "./table-row.js";
|
|
14
|
+
import { memo as g, useEffect as _, useMemo as v, useRef as y } from "react";
|
|
14
15
|
import { jsx as b, jsxs as x } from "react/jsx-runtime";
|
|
16
|
+
import { Box as S, Table as C } from "@chakra-ui/react";
|
|
15
17
|
//#region lib/components/table/table-content.tsx
|
|
16
|
-
var
|
|
18
|
+
var w = ({ virtualization: e, ...t }) => e ? /* @__PURE__ */ b(T, {
|
|
17
19
|
...t,
|
|
18
20
|
virtualization: e
|
|
19
|
-
}) : /* @__PURE__ */ b(
|
|
20
|
-
let
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
]), u =
|
|
21
|
+
}) : /* @__PURE__ */ b(E, { ...t }), T = ({ onClickRow: e, onRowClickIndication: t, showRowHoverStyle: r = !0, virtualization: i, ...a }) => {
|
|
22
|
+
let o = s(), c = y(null), l = v(() => o.table.getRowModel().rows, [
|
|
23
|
+
o.expanded,
|
|
24
|
+
o.breakingContentState,
|
|
25
|
+
o.columnVisibility,
|
|
26
|
+
o.sorting,
|
|
27
|
+
o.data,
|
|
28
|
+
o.rowOrder,
|
|
29
|
+
o.columnOrder
|
|
30
|
+
]), u = v(() => {
|
|
29
31
|
let e = i.estimateRowHeight ?? 40, t = i.overscan ?? 5;
|
|
30
32
|
return {
|
|
31
33
|
count: l.length,
|
|
@@ -41,23 +43,23 @@ var S = ({ virtualization: e, ...t }) => e ? /* @__PURE__ */ b(C, {
|
|
|
41
43
|
i.estimateRowHeight,
|
|
42
44
|
i.overscan,
|
|
43
45
|
l
|
|
44
|
-
]), d =
|
|
45
|
-
let
|
|
46
|
-
return /* @__PURE__ */ x(
|
|
47
|
-
|
|
48
|
-
style: { height: `${
|
|
46
|
+
]), d = n(u), f = d.getVirtualItems(), p = () => {
|
|
47
|
+
let n = f.length > 0 ? f[0]?.start ?? 0 : 0, i = f.length > 0 ? d.getTotalSize() - (f[f.length - 1]?.end ?? 0) : 0, a = (l[0]?.getVisibleCells().length ?? o.table.getVisibleLeafColumns().length) + +!!o.enableColumnResizing;
|
|
48
|
+
return /* @__PURE__ */ x(C.Body, { children: [
|
|
49
|
+
n > 0 && /* @__PURE__ */ b("tr", {
|
|
50
|
+
style: { height: `${n}px` },
|
|
49
51
|
"aria-hidden": "true",
|
|
50
52
|
children: /* @__PURE__ */ b("td", { colSpan: a })
|
|
51
53
|
}),
|
|
52
|
-
f.map((
|
|
53
|
-
let i = l[
|
|
54
|
+
f.map((n) => {
|
|
55
|
+
let i = l[n.index];
|
|
54
56
|
if (!i) return null;
|
|
55
57
|
let a = i.getVisibleCells();
|
|
56
|
-
return /* @__PURE__ */ b(
|
|
58
|
+
return /* @__PURE__ */ b(h, {
|
|
57
59
|
row: i,
|
|
58
60
|
visibleCells: a,
|
|
59
61
|
onClickRow: e,
|
|
60
|
-
onRowClickIndication:
|
|
62
|
+
onRowClickIndication: t,
|
|
61
63
|
showRowHoverStyle: r
|
|
62
64
|
}, i.id);
|
|
63
65
|
}),
|
|
@@ -68,7 +70,7 @@ var S = ({ virtualization: e, ...t }) => e ? /* @__PURE__ */ b(C, {
|
|
|
68
70
|
})
|
|
69
71
|
] });
|
|
70
72
|
};
|
|
71
|
-
return /* @__PURE__ */ b(
|
|
73
|
+
return /* @__PURE__ */ b(S, {
|
|
72
74
|
ref: c,
|
|
73
75
|
overflowY: "auto",
|
|
74
76
|
height: i.height ?? "600px",
|
|
@@ -83,13 +85,13 @@ var S = ({ virtualization: e, ...t }) => e ? /* @__PURE__ */ b(C, {
|
|
|
83
85
|
outline: "none",
|
|
84
86
|
boxShadow: "none"
|
|
85
87
|
},
|
|
86
|
-
children: /* @__PURE__ */ b(
|
|
88
|
+
children: /* @__PURE__ */ b(A, {
|
|
87
89
|
...a,
|
|
88
|
-
children:
|
|
90
|
+
children: p()
|
|
89
91
|
})
|
|
90
92
|
});
|
|
91
|
-
},
|
|
92
|
-
let i =
|
|
93
|
+
}, E = ({ onClickRow: e, onRowClickIndication: t, showRowHoverStyle: n = !0, ...r }) => {
|
|
94
|
+
let i = s(), a = v(() => i.table.getRowModel().rows, [
|
|
93
95
|
i.expanded,
|
|
94
96
|
i.breakingContentState,
|
|
95
97
|
i.columnVisibility,
|
|
@@ -97,11 +99,11 @@ var S = ({ virtualization: e, ...t }) => e ? /* @__PURE__ */ b(C, {
|
|
|
97
99
|
i.data,
|
|
98
100
|
i.rowOrder
|
|
99
101
|
]);
|
|
100
|
-
return /* @__PURE__ */ b(
|
|
102
|
+
return /* @__PURE__ */ b(A, {
|
|
101
103
|
...r,
|
|
102
|
-
children: /* @__PURE__ */ b(
|
|
104
|
+
children: /* @__PURE__ */ b(C.Body, { children: a.map((r) => {
|
|
103
105
|
let i = r.getVisibleCells();
|
|
104
|
-
return /* @__PURE__ */ b(
|
|
106
|
+
return /* @__PURE__ */ b(h, {
|
|
105
107
|
row: r,
|
|
106
108
|
visibleCells: i,
|
|
107
109
|
onClickRow: e,
|
|
@@ -111,9 +113,9 @@ var S = ({ virtualization: e, ...t }) => e ? /* @__PURE__ */ b(C, {
|
|
|
111
113
|
}) })
|
|
112
114
|
});
|
|
113
115
|
};
|
|
114
|
-
function
|
|
115
|
-
let e =
|
|
116
|
-
return
|
|
116
|
+
function D() {
|
|
117
|
+
let e = y(null);
|
|
118
|
+
return _(() => {
|
|
117
119
|
let t = e.current;
|
|
118
120
|
e.current = null, t && document.activeElement === document.body && t.focus();
|
|
119
121
|
}), (t) => {
|
|
@@ -121,7 +123,7 @@ function T() {
|
|
|
121
123
|
e.current = r && n instanceof HTMLElement ? n : null;
|
|
122
124
|
};
|
|
123
125
|
}
|
|
124
|
-
function
|
|
126
|
+
function O(e) {
|
|
125
127
|
let t = e?.parentElement ?? null;
|
|
126
128
|
for (; t;) {
|
|
127
129
|
let e = t.ownerDocument.defaultView?.getComputedStyle(t).overflowX;
|
|
@@ -130,13 +132,13 @@ function E(e) {
|
|
|
130
132
|
}
|
|
131
133
|
return 0;
|
|
132
134
|
}
|
|
133
|
-
var
|
|
134
|
-
let
|
|
135
|
-
if (!
|
|
136
|
-
let c =
|
|
135
|
+
var k = ({ contentRef: t }) => {
|
|
136
|
+
let n = s(), i = a(), o = i?.isResizingColumn;
|
|
137
|
+
if (!o) return null;
|
|
138
|
+
let c = n.table.getFlatHeaders().find((e) => e.column.id === o);
|
|
137
139
|
if (!c) return null;
|
|
138
|
-
let l = c.column.getIsPinned() === "left" ?
|
|
139
|
-
return /* @__PURE__ */ b(
|
|
140
|
+
let l = c.column.getIsPinned() === "left" ? O(t.current) : 0, u = c.getSize() + (i?.deltaOffset ?? 0), d = r(c.column, u), f = c.getStart() + d + l;
|
|
141
|
+
return /* @__PURE__ */ b(S, {
|
|
140
142
|
"aria-hidden": !0,
|
|
141
143
|
className: "tableColumnResizeIndicator",
|
|
142
144
|
position: "absolute",
|
|
@@ -148,56 +150,56 @@ var D = ({ contentRef: t }) => {
|
|
|
148
150
|
zIndex: 11,
|
|
149
151
|
style: { left: `${f}px` }
|
|
150
152
|
});
|
|
151
|
-
},
|
|
152
|
-
let
|
|
153
|
-
...
|
|
153
|
+
}, A = ({ hideTableHeaderDropdown: e, stickyHeaders: n, portalContainerRef: r, children: a, ...h }) => {
|
|
154
|
+
let g = s(), _ = D(), v = t(c), w = y(null), T = o(), E = g.enableColumnResizing ? {
|
|
155
|
+
...T,
|
|
154
156
|
tableLayout: "fixed",
|
|
155
157
|
width: "100%",
|
|
156
|
-
minWidth:
|
|
157
|
-
} : void 0,
|
|
158
|
-
...
|
|
159
|
-
id:
|
|
160
|
-
style:
|
|
158
|
+
minWidth: g.table.getTotalSize()
|
|
159
|
+
} : void 0, O = g.enableColumnResizing ? /* @__PURE__ */ b("colgroup", { children: g.table.getVisibleLeafColumns().map((e) => /* @__PURE__ */ b("col", { style: { width: i(e, !0) } }, e.id)) }) : null, A = /* @__PURE__ */ x(C.Root, {
|
|
160
|
+
...h,
|
|
161
|
+
id: g.id,
|
|
162
|
+
style: E,
|
|
161
163
|
children: [
|
|
162
|
-
|
|
163
|
-
/* @__PURE__ */ b(
|
|
164
|
-
"data-sticky-headers":
|
|
165
|
-
children:
|
|
164
|
+
O,
|
|
165
|
+
/* @__PURE__ */ b(C.Header, {
|
|
166
|
+
"data-sticky-headers": n,
|
|
167
|
+
children: g.table.getHeaderGroups().map((t) => /* @__PURE__ */ b(m, {
|
|
166
168
|
headerGroup: t,
|
|
167
169
|
hideTableHeaderDropdown: e,
|
|
168
|
-
portalContainerRef:
|
|
170
|
+
portalContainerRef: r
|
|
169
171
|
}, t.id))
|
|
170
172
|
}),
|
|
171
|
-
|
|
173
|
+
a
|
|
172
174
|
]
|
|
173
|
-
}),
|
|
174
|
-
ref:
|
|
175
|
+
}), j = g.enableColumnResizing ? /* @__PURE__ */ x(S, {
|
|
176
|
+
ref: w,
|
|
175
177
|
position: "relative",
|
|
176
178
|
isolation: "isolate",
|
|
177
|
-
children: [
|
|
178
|
-
}) :
|
|
179
|
-
return
|
|
179
|
+
children: [A, /* @__PURE__ */ b(k, { contentRef: w })]
|
|
180
|
+
}) : A;
|
|
181
|
+
return g.enableColumnReorder || g.rowReorderMode === "enabled" ? /* @__PURE__ */ b(f, {
|
|
180
182
|
onDragEnd: (e) => {
|
|
181
183
|
let { operation: t } = e;
|
|
182
184
|
if (e.canceled) return;
|
|
183
185
|
let n = String(t.source?.id), r = String(t.target?.id);
|
|
184
|
-
n !== r && (t.source?.type === "table-row" ?
|
|
186
|
+
n !== r && (t.source?.type === "table-row" ? g.handleRowDragEnd(n, r) : g.handleDragEnd(n, r), _(t.source));
|
|
185
187
|
},
|
|
186
188
|
plugins: (e) => [
|
|
187
|
-
...e.filter((e) => e !==
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
rowCount:
|
|
191
|
-
columnCount:
|
|
189
|
+
...e.filter((e) => e !== u && e !== l),
|
|
190
|
+
p({
|
|
191
|
+
translation: v,
|
|
192
|
+
rowCount: g.rowOrder.length,
|
|
193
|
+
columnCount: g.table.getVisibleLeafColumns().length
|
|
192
194
|
}),
|
|
193
|
-
...
|
|
195
|
+
...g.rowReorderMode === "enabled" ? [u.configure({ threshold: {
|
|
194
196
|
x: 0,
|
|
195
197
|
y: .2
|
|
196
198
|
} })] : [],
|
|
197
|
-
|
|
199
|
+
d.configure({ dropAnimation: null })
|
|
198
200
|
],
|
|
199
|
-
children:
|
|
200
|
-
}) :
|
|
201
|
-
},
|
|
201
|
+
children: j
|
|
202
|
+
}) : j;
|
|
203
|
+
}, j = g(w);
|
|
202
204
|
//#endregion
|
|
203
|
-
export {
|
|
205
|
+
export { j as TableContent };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { MenuList } from '../menu/index.js';
|
|
2
2
|
import { ColumnDef, ColumnOrderState, ColumnPinningState, ColumnSizingState, ExpandedState, Row, RowSelectionState, SortingState, Table, VisibilityState } from '@tanstack/react-table';
|
|
3
3
|
import { PropsWithChildren } from 'react';
|
|
4
|
-
import { Locales } from './translations.js';
|
|
5
4
|
import { RowReorderDetails, SelectionAction, TableData, TableRow } from './types.js';
|
|
6
5
|
export interface TableFilterMethods {
|
|
7
6
|
onToggleFilterVisibility: (columnId: string) => void;
|
|
@@ -18,7 +17,6 @@ export type RowReorderMode = "off" | "blockedBySort" | "enabled";
|
|
|
18
17
|
interface TableProviderInterface<TData extends TableData> extends PropsWithChildren {
|
|
19
18
|
data: TableRow<TData>[];
|
|
20
19
|
columns: ColumnDef<TableRow<TData>>[];
|
|
21
|
-
localeString: Locales;
|
|
22
20
|
initialBreakingContentState?: Record<string, boolean>;
|
|
23
21
|
initialColumnVisibilityState?: VisibilityState;
|
|
24
22
|
columnVisibilityState?: VisibilityState;
|
|
@@ -57,7 +55,6 @@ export interface TableContextInterface<TData extends TableData = TableData> {
|
|
|
57
55
|
initialBreakingContentState?: Record<string, boolean>;
|
|
58
56
|
breakingContentState: Record<string, boolean>;
|
|
59
57
|
setBreakingContentState: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
|
|
60
|
-
localeString: Locales;
|
|
61
58
|
initialColumnVisibilityState?: VisibilityState;
|
|
62
59
|
columnVisibilityState?: VisibilityState;
|
|
63
60
|
onColumnVisibilityChange?: (state: VisibilityState) => void;
|
|
@@ -97,6 +94,6 @@ export interface TableContextInterface<TData extends TableData = TableData> {
|
|
|
97
94
|
rowOrder: string[];
|
|
98
95
|
handleRowDragEnd: (sourceId: string, targetId: string) => void;
|
|
99
96
|
}
|
|
100
|
-
export declare const TableProvider: <TData extends TableData>({ data, totalDataCount, columns, children, expandedState,
|
|
97
|
+
export declare const TableProvider: <TData extends TableData>({ data, totalDataCount, columns, children, expandedState, initialExpandedState, initialBreakingContentState, initialColumnVisibilityState, columnVisibilityState, onColumnVisibilityChange, onExpandedChange, getRowId, getRowActions, onBreakingContentChange, id, customRowIndication, onSortingChange, initialSortingState, sortingState, selectionState, initialSelectionState, onSelectionChange, selectionActions, disableSelectionCheckbox, enableColumnReorder, columnOrderState, initialColumnOrder, onColumnOrderChange, enableColumnResizing, initialColumnSizingState, onColumnSizingChange, enableRowReorder, onRowOrderChange, }: TableProviderInterface<TData>) => import('react').JSX.Element;
|
|
101
98
|
export {};
|
|
102
99
|
//# sourceMappingURL=table-context-provider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-context-provider.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-context-provider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EACN,KAAK,SAAS,EACd,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EAEvB,KAAK,iBAAiB,EACtB,KAAK,aAAa,EAKlB,KAAK,GAAG,EACR,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,KAAK,EAGV,KAAK,eAAe,EACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,iBAAiB,EAA6C,MAAM,OAAO,CAAC;AAW1F,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"table-context-provider.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-context-provider.tsx"],"names":[],"mappings":"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"}
|