@drivenets/design-system 0.17.0 → 0.18.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/CHANGELOG.md +18 -0
- package/dist/index.cjs +1727 -701
- package/dist/index.d.cts +115 -52
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.ts +115 -52
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1729 -705
- package/dist/index.js.map +1 -1
- package/dist/index.min.css +1 -1
- package/package.json +2 -2
- package/src/components/ds-alert-banner/ds-alert-banner-global.figma.ts +49 -0
- package/src/components/ds-alert-banner/ds-alert-banner.figma.ts +51 -0
- package/src/components/ds-autocomplete/ds-autocomplete.module.scss +15 -4
- package/src/components/ds-autocomplete/ds-autocomplete.tsx +10 -3
- package/src/components/ds-autocomplete/ds-autocomplete.types.ts +8 -0
- package/src/components/ds-button-v3/ds-button-v3.figma.ts +5 -3
- package/src/components/ds-button-v3/ds-button-v3.module.scss +84 -17
- package/src/components/ds-button-v3/ds-button-v3.tsx +2 -0
- package/src/components/ds-button-v3/ds-button-v3.types.ts +11 -2
- package/src/components/ds-button-v3/ds-button-v4.figma.ts +121 -0
- package/src/components/ds-comment-bubble/ds-comment-bubble.figma.ts +52 -0
- package/src/components/ds-comment-card/ds-comment-card.figma.ts +36 -0
- package/src/components/ds-comment-indicator/ds-comment-indicator.figma.ts +32 -0
- package/src/components/ds-comments-drawer/ds-comments-drawer.figma.ts +19 -0
- package/src/components/ds-select/ds-select.figma.ts +2 -1
- package/src/components/ds-select/ds-select.tsx +6 -1
- package/src/components/ds-select/ds-select.types.ts +2 -1
- package/src/components/ds-slider/ds-slider.figma.ts +29 -0
- package/src/components/ds-slider/ds-slider.module.scss +104 -0
- package/src/components/ds-slider/ds-slider.tsx +118 -0
- package/src/components/ds-slider/ds-slider.types.ts +102 -0
- package/src/components/ds-slider/ds-slider.utils.ts +14 -0
- package/src/components/ds-slider/index.ts +11 -0
- package/src/components/ds-smart-tabs/figma/ds-smart-tabs-tab.figma.ts +83 -0
- package/src/components/ds-smart-tabs/figma/ds-smart-tabs.figma.ts +23 -0
- package/src/components/ds-table/components/ds-table-group-header-cell/ds-table-group-header-cell.module.scss +5 -1
- package/src/components/ds-table/components/ds-table-group-header-cell/ds-table-group-header-cell.tsx +15 -3
- package/src/components/ds-table/components/ds-table-header/ds-table-header.module.scss +15 -1
- package/src/components/ds-table/components/ds-table-header/ds-table-header.tsx +29 -6
- package/src/components/ds-table/components/ds-table-resize-handle/ds-table-resize-handle.module.scss +23 -0
- package/src/components/ds-table/components/ds-table-resize-handle/ds-table-resize-handle.tsx +218 -0
- package/src/components/ds-table/components/ds-table-resize-handle/ds-table-resize-handle.types.ts +14 -0
- package/src/components/ds-table/components/ds-table-resize-handle/index.ts +1 -0
- package/src/components/ds-table/components/ds-table-resize-overlay/ds-table-resize-overlay.module.scss +18 -0
- package/src/components/ds-table/components/ds-table-resize-overlay/ds-table-resize-overlay.tsx +16 -0
- package/src/components/ds-table/components/ds-table-resize-overlay/ds-table-resize-overlay.types.ts +13 -0
- package/src/components/ds-table/components/ds-table-resize-overlay/index.ts +1 -0
- package/src/components/ds-table/components/ds-table-row/ds-table-row.module.scss +1 -1
- package/src/components/ds-table/components/ds-table-row/ds-table-row.tsx +9 -2
- package/src/components/ds-table/components/ds-table-row-virtualized/ds-table-row-virtualized.module.scss +2 -1
- package/src/components/ds-table/components/ds-table-row-virtualized/ds-table-row-virtualized.tsx +9 -2
- package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-checkbox.tsx +2 -2
- package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-date.tsx +2 -1
- package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-number.tsx +2 -1
- package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-select.tsx +2 -1
- package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-text.tsx +2 -1
- package/src/components/ds-table/components/edit/ds-table-editing-cell/ds-table-editing-cell.tsx +12 -3
- package/src/components/ds-table/context/ds-table-context.tsx +208 -0
- package/src/components/ds-table/ds-table-defaults.ts +42 -0
- package/src/components/ds-table/ds-table.module.scss +4 -1
- package/src/components/ds-table/ds-table.tsx +139 -214
- package/src/components/ds-table/ds-table.types.ts +53 -47
- package/src/components/ds-table/grouping/utils/column-group.ts +7 -5
- package/src/components/ds-table/hooks/use-cell-editor.ts +5 -1
- package/src/components/ds-table/hooks/use-column-resize.ts +385 -0
- package/src/components/ds-table/hooks/use-editing-state.ts +190 -0
- package/src/components/ds-table/index.ts +1 -0
- package/src/components/ds-table/styles/_variables.scss +2 -1
- package/src/components/ds-table/utils/column-size-meta.augmentation.ts +16 -0
- package/src/components/ds-table/utils/column-size.ts +213 -10
- package/src/components/ds-table/utils/column-size.unit.test.ts +213 -0
- package/src/components/ds-table/utils/constants.ts +28 -0
- package/src/components/ds-table/utils/frozen-body.ts +33 -0
- package/src/components/ds-table/utils/frozen-body.unit.test.ts +44 -0
- package/src/components/ds-table/utils/table-api.ts +42 -0
- package/src/components/ds-table/utils/table-api.unit.test.ts +82 -0
- package/src/components/ds-table/utils/table-columns.tsx +119 -0
- package/src/components/ds-table/utils/table-columns.unit.test.ts +199 -0
- package/src/components/ds-tag/ds-tag.figma.ts +51 -0
- package/src/components/ds-tag-filter/ds-tag-filter.figma.ts +16 -0
- package/src/components/ds-text-input/ds-input-field-v02.figma.ts +29 -4
- package/src/components/ds-text-input/ds-text-input.figma.ts +3 -2
- package/src/components/ds-text-input/ds-text-input.tsx +1 -0
- package/src/components/ds-text-input/ds-text-input.types.ts +1 -1
- package/src/components/ds-tree/ds-tree.figma.ts +54 -0
- package/src/components/ds-workspace-layout/ds-workspace-layout.figma.ts +99 -0
- package/src/components/ds-workspace-layout/ds-workspace-layout.module.scss +1 -8
- package/src/index.ts +1 -0
- package/src/styles/_gradients.scss +19 -0
- package/src/styles/_root.scss +39 -15
- package/src/styles/_typography.scss +1 -0
- package/src/styles/shared/_input.scss +10 -0
- package/src/styles/styles.scss +1 -0
- package/src/components/ds-table/context/ds-table-context.ts +0 -112
package/dist/index.d.ts
CHANGED
|
@@ -6401,6 +6401,8 @@ declare const DsAlertBanner: typeof DsAlertBannerRoot & {
|
|
|
6401
6401
|
};
|
|
6402
6402
|
//#endregion
|
|
6403
6403
|
//#region src/components/ds-autocomplete/ds-autocomplete.types.d.ts
|
|
6404
|
+
declare const autocompleteSizes: readonly ['small', 'default', 'large'];
|
|
6405
|
+
type AutocompleteSize = (typeof autocompleteSizes)[number];
|
|
6404
6406
|
interface DsAutocompleteOption {
|
|
6405
6407
|
/**
|
|
6406
6408
|
* Label to display in the autocomplete dropdown
|
|
@@ -6430,6 +6432,11 @@ interface DsAutocompleteProps {
|
|
|
6430
6432
|
* When true, a loading message is shown in the dropdown.
|
|
6431
6433
|
*/
|
|
6432
6434
|
loading?: boolean;
|
|
6435
|
+
/**
|
|
6436
|
+
* The size of the autocomplete control
|
|
6437
|
+
* @default 'default'
|
|
6438
|
+
*/
|
|
6439
|
+
size?: AutocompleteSize;
|
|
6433
6440
|
/**
|
|
6434
6441
|
* Additional styles to apply to the component
|
|
6435
6442
|
*/
|
|
@@ -6496,7 +6503,7 @@ interface DsAutocompleteProps {
|
|
|
6496
6503
|
}
|
|
6497
6504
|
//#endregion
|
|
6498
6505
|
//#region src/components/ds-autocomplete/ds-autocomplete.d.ts
|
|
6499
|
-
declare function DsAutocomplete({ id, options, loading, style, className, placeholder, disabled, invalid, onValueChange, onInputValueChange, onOpenChange, locale: { loading: loadingMessage, noMatches: noMatchesMessage }, highlightMatch, showTrigger, startAdornment }: DsAutocompleteProps): import("react").JSX.Element;
|
|
6506
|
+
declare function DsAutocomplete({ id, options, loading, size, style, className, placeholder, disabled, invalid, onValueChange, onInputValueChange, onOpenChange, locale: { loading: loadingMessage, noMatches: noMatchesMessage }, highlightMatch, showTrigger, startAdornment }: DsAutocompleteProps): import("react").JSX.Element;
|
|
6500
6507
|
declare namespace DsAutocomplete {
|
|
6501
6508
|
var displayName: string;
|
|
6502
6509
|
}
|
|
@@ -6781,7 +6788,7 @@ declare namespace DsButton {
|
|
|
6781
6788
|
}
|
|
6782
6789
|
//#endregion
|
|
6783
6790
|
//#region src/components/ds-button-v3/ds-button-v3.types.d.ts
|
|
6784
|
-
declare const buttonV3Variants: readonly ['primary', 'secondary', 'tertiary'];
|
|
6791
|
+
declare const buttonV3Variants: readonly ['primary', 'primary-subtle', 'secondary', 'tertiary'];
|
|
6785
6792
|
type ButtonV3Variant = (typeof buttonV3Variants)[number];
|
|
6786
6793
|
declare const buttonV3Colors: readonly ['default', 'error', 'light'];
|
|
6787
6794
|
type ButtonV3Color = (typeof buttonV3Colors)[number];
|
|
@@ -6798,7 +6805,8 @@ interface DsButtonV3BaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
6798
6805
|
color?: ButtonV3Color;
|
|
6799
6806
|
/**
|
|
6800
6807
|
* Visual variant of the button:
|
|
6801
|
-
* - `primary` —
|
|
6808
|
+
* - `primary` — highest-emphasis action; filled for `default`/`error`, subtle outline for `color="light"`
|
|
6809
|
+
* - `primary-subtle` — subtle-filled, colored border and text (emphasis outline); `default`/`error` only
|
|
6802
6810
|
* - `secondary` — outlined, medium-emphasis action
|
|
6803
6811
|
* - `tertiary` — borderless, low-emphasis action (text-like)
|
|
6804
6812
|
* @default 'primary'
|
|
@@ -6815,6 +6823,13 @@ interface DsButtonV3BaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
6815
6823
|
* @default false
|
|
6816
6824
|
*/
|
|
6817
6825
|
selected?: boolean;
|
|
6826
|
+
/**
|
|
6827
|
+
* Raises the corner radius for high-emphasis surfaces such as
|
|
6828
|
+
* Sign in, Landing, and NetGen. Purely a rounding change — does not affect
|
|
6829
|
+
* color or priority.
|
|
6830
|
+
* @default false
|
|
6831
|
+
*/
|
|
6832
|
+
highEmphasis?: boolean;
|
|
6818
6833
|
/**
|
|
6819
6834
|
* Leading icon. When set without children, renders as icon-only (square) layout.
|
|
6820
6835
|
*/
|
|
@@ -7130,6 +7145,7 @@ declare const DsButtonV3: {
|
|
|
7130
7145
|
variant?: ButtonV3Variant;
|
|
7131
7146
|
size?: ResponsiveValue<NonNullable<"large" | "medium" | "small" | "tiny" | undefined>> | undefined;
|
|
7132
7147
|
selected?: boolean;
|
|
7148
|
+
highEmphasis?: boolean;
|
|
7133
7149
|
icon?: IconType;
|
|
7134
7150
|
loading?: boolean;
|
|
7135
7151
|
}): import("react").FunctionComponentElement<Record<string, unknown>>;
|
|
@@ -8303,7 +8319,7 @@ declare namespace DsDateInput {
|
|
|
8303
8319
|
}
|
|
8304
8320
|
//#endregion
|
|
8305
8321
|
//#region src/components/ds-text-input/ds-text-input.types.d.ts
|
|
8306
|
-
declare const textInputSizes: readonly ['small', 'default'];
|
|
8322
|
+
declare const textInputSizes: readonly ['small', 'default', 'large'];
|
|
8307
8323
|
type TextInputSize = (typeof textInputSizes)[number];
|
|
8308
8324
|
interface DsTextInputProps {
|
|
8309
8325
|
/**
|
|
@@ -8869,7 +8885,8 @@ interface DsTextareaProps {
|
|
|
8869
8885
|
declare const DsTextarea: React$1.FC<DsTextareaProps>;
|
|
8870
8886
|
//#endregion
|
|
8871
8887
|
//#region src/components/ds-select/ds-select.types.d.ts
|
|
8872
|
-
|
|
8888
|
+
declare const selectSizes: readonly ['small', 'default', 'large'];
|
|
8889
|
+
type SelectSize = (typeof selectSizes)[number];
|
|
8873
8890
|
interface DsSelectOption {
|
|
8874
8891
|
/**
|
|
8875
8892
|
* Label to display in the select
|
|
@@ -11540,6 +11557,41 @@ declare const DsSkeleton: {
|
|
|
11540
11557
|
Rect: typeof DsSkeletonRect;
|
|
11541
11558
|
};
|
|
11542
11559
|
//#endregion
|
|
11560
|
+
//#region src/components/ds-slider/ds-slider.types.d.ts
|
|
11561
|
+
declare const sliderTypes: readonly ['value', 'range'];
|
|
11562
|
+
type DsSliderType = (typeof sliderTypes)[number];
|
|
11563
|
+
declare const sliderSizes: readonly ['small', 'medium', 'large'];
|
|
11564
|
+
type DsSliderSize = (typeof sliderSizes)[number];
|
|
11565
|
+
/**
|
|
11566
|
+
* Value for a `value` slider (single number) or a `range` slider ([min, max] tuple).
|
|
11567
|
+
*/
|
|
11568
|
+
type DsSliderValue = number | [number, number];
|
|
11569
|
+
//#endregion
|
|
11570
|
+
//#region src/components/ds-slider/index.d.ts
|
|
11571
|
+
declare const DsSlider: {
|
|
11572
|
+
(props: {
|
|
11573
|
+
ref?: import("react").Ref<HTMLDivElement>;
|
|
11574
|
+
className?: string;
|
|
11575
|
+
style?: import("react").CSSProperties;
|
|
11576
|
+
label?: string;
|
|
11577
|
+
type?: DsSliderType;
|
|
11578
|
+
size?: ResponsiveValue<NonNullable<"large" | "medium" | "small" | undefined>> | undefined;
|
|
11579
|
+
min?: number;
|
|
11580
|
+
max?: number;
|
|
11581
|
+
step?: ResponsiveValue<number> | undefined;
|
|
11582
|
+
value?: DsSliderValue;
|
|
11583
|
+
defaultValue?: DsSliderValue;
|
|
11584
|
+
name?: string;
|
|
11585
|
+
disabled?: boolean;
|
|
11586
|
+
thumbLabels?: ResponsiveValue<string[]> | undefined;
|
|
11587
|
+
formatValue?: (value: number) => string;
|
|
11588
|
+
onValueChange?: (value: DsSliderValue) => void;
|
|
11589
|
+
onValueChangeEnd?: (value: DsSliderValue) => void;
|
|
11590
|
+
}): import("react").FunctionComponentElement<Record<string, unknown>>;
|
|
11591
|
+
displayName: string;
|
|
11592
|
+
};
|
|
11593
|
+
type DsSliderProps = ComponentProps<typeof DsSlider>;
|
|
11594
|
+
//#endregion
|
|
11543
11595
|
//#region src/components/ds-smart-tabs/ds-smart-tabs.types.d.ts
|
|
11544
11596
|
declare const colors: readonly ['dark-blue', 'light-blue', 'dark-gray', 'green', 'fuchsia', 'blue', 'gray', 'red', 'amber'];
|
|
11545
11597
|
type Color = (typeof colors)[number];
|
|
@@ -12027,6 +12079,19 @@ declare module '@tanstack/react-table' {
|
|
|
12027
12079
|
}
|
|
12028
12080
|
}
|
|
12029
12081
|
//#endregion
|
|
12082
|
+
//#region src/components/ds-table/utils/column-size-meta.augmentation.d.ts
|
|
12083
|
+
declare module '@tanstack/react-table' {
|
|
12084
|
+
interface ColumnMeta<TData, TValue> {
|
|
12085
|
+
/**
|
|
12086
|
+
* Internal: set by `getAugmentedColumns` on leaf defs whose `size` was
|
|
12087
|
+
* authored on the raw `columns` prop, so sizing pins a fixed width instead
|
|
12088
|
+
* of filling. Not part of the public API.
|
|
12089
|
+
* @internal
|
|
12090
|
+
*/
|
|
12091
|
+
hasExplicitSize?: boolean;
|
|
12092
|
+
}
|
|
12093
|
+
}
|
|
12094
|
+
//#endregion
|
|
12030
12095
|
//#region src/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.ts
|
|
12031
12096
|
/**
|
|
12032
12097
|
* Represents an action that can be performed on a single row
|
|
@@ -12646,6 +12711,10 @@ interface DsTableLocale {
|
|
|
12646
12711
|
* Accessible label for the toggle that expands a column group.
|
|
12647
12712
|
*/
|
|
12648
12713
|
expandColumnGroup: string;
|
|
12714
|
+
/**
|
|
12715
|
+
* Accessible label for the column resize handle.
|
|
12716
|
+
*/
|
|
12717
|
+
resizeColumn: string;
|
|
12649
12718
|
}
|
|
12650
12719
|
/**
|
|
12651
12720
|
* Default English strings for {@link DsTableLocale}.
|
|
@@ -12897,6 +12966,28 @@ interface DsDataTableProps<TData, TValue> {
|
|
|
12897
12966
|
* @default 'medium'
|
|
12898
12967
|
*/
|
|
12899
12968
|
rowSize?: DsTableRowSize;
|
|
12969
|
+
/**
|
|
12970
|
+
* Enables resizing columns by dragging the right edge of a header cell.
|
|
12971
|
+
* Double-click a handle to restore the column's original width. Opt out per
|
|
12972
|
+
* column with `columnDef.enableResizing: false`. Leaf columns may set
|
|
12973
|
+
* `minSize` and `maxSize`. Those bounds on a column group are ignored.
|
|
12974
|
+
* @default false
|
|
12975
|
+
*/
|
|
12976
|
+
resizableColumns?: boolean;
|
|
12977
|
+
/**
|
|
12978
|
+
* Persisted column widths as a column id → width (px) map, e.g. a map saved
|
|
12979
|
+
* from {@link onColumnSizingChange}. Pass it (typically on the next mount) to
|
|
12980
|
+
* restore widths; columns absent from the map are measured and sized
|
|
12981
|
+
* automatically. This seeds widths — live resizing still updates them
|
|
12982
|
+
* internally — so it is not a fully controlled value.
|
|
12983
|
+
*/
|
|
12984
|
+
columnSizing?: Record<string, number>;
|
|
12985
|
+
/**
|
|
12986
|
+
* Called with the next column id → width (px) map when a resize finishes
|
|
12987
|
+
* (drag end, double-click restore, or keyboard nudge). Use this to persist
|
|
12988
|
+
* widths across sessions.
|
|
12989
|
+
*/
|
|
12990
|
+
onColumnSizingChange?: (columnSizing: Record<string, number>) => void;
|
|
12900
12991
|
/**
|
|
12901
12992
|
* When `true`, renders placeholder skeleton rows instead of the data. Column
|
|
12902
12993
|
* headers stay intact and row interactions are disabled while loading.
|
|
@@ -13066,52 +13157,22 @@ interface DsDataTableProps<TData, TValue> {
|
|
|
13066
13157
|
*/
|
|
13067
13158
|
locale?: Partial<DsTableLocale>;
|
|
13068
13159
|
/**
|
|
13069
|
-
*
|
|
13070
|
-
* `
|
|
13071
|
-
*
|
|
13072
|
-
*
|
|
13073
|
-
*
|
|
13074
|
-
*
|
|
13075
|
-
*
|
|
13076
|
-
* @param row - The row data of the cell that was edited
|
|
13077
|
-
* @param columnId - The id of the column whose cell was edited
|
|
13078
|
-
* @param value - The new committed value
|
|
13079
|
-
*
|
|
13080
|
-
* @example
|
|
13081
|
-
* ```tsx
|
|
13082
|
-
* const [people, setPeople] = useState(initialPeople);
|
|
13083
|
-
*
|
|
13084
|
-
* <DsTable
|
|
13085
|
-
* data={people}
|
|
13086
|
-
* columns={columns}
|
|
13087
|
-
* onCellEdit={(row, columnId, value) => {
|
|
13088
|
-
* setPeople((rows) =>
|
|
13089
|
-
* rows.map((r) => (r.id === row.id ? { ...r, [columnId]: value } : r)),
|
|
13090
|
-
* );
|
|
13091
|
-
* }}
|
|
13092
|
-
* />
|
|
13093
|
-
* ```
|
|
13160
|
+
* Commits an edited cell value. Runs when the user confirms (check button or
|
|
13161
|
+
* Enter) after `onCellValidate` passes. This is the authoritative commit: use it
|
|
13162
|
+
* for server-side validation and persistence. Return `void`/`null` to accept
|
|
13163
|
+
* (closes the editor) or an error `string` to reject (keeps the cell open with
|
|
13164
|
+
* the message); may be async. While a returned Promise is pending the editor is
|
|
13165
|
+
* locked. `signal` is aborted when the edit is cancelled (Cancel/Escape) or
|
|
13166
|
+
* superseded by opening another cell, so in-flight requests can be cancelled.
|
|
13094
13167
|
*/
|
|
13095
|
-
onCellEdit?: (row: TData, columnId: string, value: TValue) =>
|
|
13168
|
+
onCellEdit?: (row: TData, columnId: string, value: TValue, signal: AbortSignal) => string | null | undefined | Promise<string | null | undefined>;
|
|
13096
13169
|
/**
|
|
13097
|
-
*
|
|
13098
|
-
*
|
|
13099
|
-
*
|
|
13100
|
-
*
|
|
13101
|
-
*
|
|
13102
|
-
*
|
|
13103
|
-
* @param columnId - The id of the column whose cell is being edited
|
|
13104
|
-
* @param value - The candidate value to validate
|
|
13105
|
-
*
|
|
13106
|
-
* @example
|
|
13107
|
-
* ```tsx
|
|
13108
|
-
* <DsTable
|
|
13109
|
-
* data={people}
|
|
13110
|
-
* columns={columns}
|
|
13111
|
-
* onCellValidate={(row, columnId, value) => validateField(columnId)(value, row)}
|
|
13112
|
-
* onCellEdit={...}
|
|
13113
|
-
* />
|
|
13114
|
-
* ```
|
|
13170
|
+
* Synchronous, per-keystroke validation for the active editor. Runs live on
|
|
13171
|
+
* every draft change and once more as a pre-commit gate before `onCellEdit`.
|
|
13172
|
+
* Return `null` to allow or an error `string` to reject. A live error is shown
|
|
13173
|
+
* inline and disables the Confirm button; `onCellEdit` never runs while the
|
|
13174
|
+
* value is invalid. Keep it pure and cheap — for async or server-side checks,
|
|
13175
|
+
* use `onCellEdit` instead.
|
|
13115
13176
|
*/
|
|
13116
13177
|
onCellValidate?: (row: TData, columnId: string, value: TValue) => string | null;
|
|
13117
13178
|
}
|
|
@@ -13119,7 +13180,7 @@ interface DsDataTableProps<TData, TValue> {
|
|
|
13119
13180
|
//#region src/components/ds-table/ds-table.d.ts
|
|
13120
13181
|
declare function DsTable<TData extends {
|
|
13121
13182
|
id: string;
|
|
13122
|
-
}, TValue>(
|
|
13183
|
+
}, TValue>(props: DsDataTableProps<TData, TValue>): React$2.JSX.Element;
|
|
13123
13184
|
declare namespace DsTable {
|
|
13124
13185
|
var displayName: string;
|
|
13125
13186
|
}
|
|
@@ -13140,8 +13201,10 @@ interface UseCellEditorContainerProps {
|
|
|
13140
13201
|
interface UseCellEditorResult<TValue> {
|
|
13141
13202
|
/** The in-progress draft value for the active editor. */
|
|
13142
13203
|
value: TValue;
|
|
13143
|
-
/**
|
|
13204
|
+
/** Current validation error — from live `onCellValidate` or the most recent commit attempt, if any. */
|
|
13144
13205
|
error: string | null;
|
|
13206
|
+
/** True while an async `onCellEdit` commit Promise is pending for this cell. */
|
|
13207
|
+
isPending: boolean;
|
|
13145
13208
|
/** Update the in-progress draft value. */
|
|
13146
13209
|
setValue: (value: TValue) => void;
|
|
13147
13210
|
/** Validate and commit the draft. */
|
|
@@ -14035,5 +14098,5 @@ declare const DsWorkspaceLayout: typeof DsWorkspaceLayoutRoot & {
|
|
|
14035
14098
|
LeftPanel: typeof LeftPanel;
|
|
14036
14099
|
};
|
|
14037
14100
|
//#endregion
|
|
14038
|
-
export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, BREAKPOINT_LG, Breakpoint, ButtonV3Color, ButtonV3Size, ButtonV3Variant, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, type CheckedState, type ChipItem, type ChipSize, Color, type ColumnDef, ColumnFilterMeta, type ColumnFilterPopoverLocale, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DropdownMenuActionsAlign, DropdownMenuItemVariant, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsButtonV3, DsButtonV3BaseProps, DsButtonV3Props, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCatalogLayout, type DsCatalogLayoutBodyProps, type DsCatalogLayoutContentHeaderProps, type DsCatalogLayoutContentProps, type DsCatalogLayoutHeaderProps, type DsCatalogLayoutProps, type DsCatalogLayoutSideMenuProps, DsCheckbox, DsCheckboxGroup, DsCheckboxGroupOrientation, DsCheckboxGroupProps, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, type DsColumnGroupMeta, DsCommentBubble, DsCommentBubbleProps, DsCommentCard, DsCommentCardProps, DsCommentIndicator, DsCommentIndicatorProps, DsCommentThread, DsCommentThreadProps, DsCommentsDrawer, DsCommentsDrawerProps, DsConfirmation, type DsConfirmationProps, DsDataTableProps, DsDateInput, type DsDateInputProps, DsDatePicker, type DsDatePickerLocale, type DsDatePickerProps, type DsDatePickerSlotProps, DsDateRangePicker, type DsDateRangePickerLocale, type DsDateRangePickerProps, type DsDateRangePickerSlotProps, DsDialog, DsDialogProps, DsDivider, DsDividerProps, DsDrawer, type DsDrawerColumns, type DsDrawerPosition, type DsDrawerProps, DsDropdownMenu, DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacy, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerItemProps, DsDropdownMenuTriggerProps, DsExpandableTextInput, type DsExpandableTextInputProps, DsFileUpload, DsFileUploadProps, DsFilterStatusIcon, type DsFilterStatusIconProps, DsFormControl, DsFormControlDescriptionProps, DsFormControlProps, DsGrid, DsGridItem, DsGridItemProps, DsGridProps, DsIcon, DsIconProps, DsKeyValuePair, type DsKeyValuePairOrientation, type DsKeyValuePairProps, DsLoader, DsLoaderProps, DsModal, DsModalColumns, DsModalProps, DsNextStepButton, type DsNextStepButtonProps, DsNumberInput, DsNumberInputProps, DsPanel, type DsPanelCollapseButtonProps, type DsPanelProps, type DsPanelVariant, DsPasswordInput, DsPasswordInputProps, DsPopover, DsPopoverAlign, DsPopoverContentItemProps, DsPopoverContentProps, DsPopoverFooterProps, DsPopoverHeaderProps, DsPopoverPanelProps, DsPopoverProps, DsPopoverRootProps, DsPopoverSide, DsPopoverTriggerProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsProgressTaskBar, DsProgressTaskBarLocale, DsProgressTaskBarProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, DsSiteNode, type DsSiteNodeProps, DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsSplitButton, DsSplitButtonProps, type DsSplitButtonSlotProps, DsStack, DsStackProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStatusBadgeV2, type DsStatusBadgeV2BaseProps, type DsStatusBadgeV2Props, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableColumnFilterPopover, type DsTableColumnFilterPopoverProps, DsTableEditCellCheckbox, type DsTableEditCellCheckboxProps, DsTableEditCellDate, type DsTableEditCellDateProps, type DsTableEditCellDateValue, DsTableEditCellNumber, type DsTableEditCellNumberProps, DsTableEditCellSelect, type DsTableEditCellSelectProps, DsTableEditCellText, type DsTableEditCellTextProps, type DsTableEditDisabledResult, DsTableEditableCell, type DsTableEditableCellProps, DsTableEditingCell, type DsTableEditingCellProps, DsTableLocale, DsTableRowSize, DsTabs, type DsTabsContentProps, type DsTabsListProps, type DsTabsMenuActionItem, type DsTabsOrientation, type DsTabsProps, type DsTabsSize, type DsTabsTabProps, DsTag, DsTagFilter, type DsTagFilterProps, type DsTagProps, DsTextInput, type DsTextInputProps, DsTextarea, DsTextareaProps, DsThreadItem, DsThreadItemProps, DsTimePicker, type DsTimePickerLocale, type DsTimePickerProps, type DsTimePickerSlotProps, type DsToastContextType, type DsToastProps, DsToastProvider, type DsToastProviderProps, DsToggle, type DsToggleProps, DsTooltip, DsTooltipProps, DsTree, type DsTreeBaseProps, type DsTreeBasePropsWithChildren, type DsTreeBranchContentProps, type DsTreeBranchControlProps, type DsTreeBranchIndentGuideProps, type DsTreeBranchIndicatorProps, type DsTreeBranchProps, type DsTreeBranchTextProps, type DsTreeItemActionProps, type DsTreeItemIndicatorProps, type DsTreeItemProps, type DsTreeItemTextProps, type DsTreeNode, type DsTreeNodeCheckboxProps, type DsTreeRootProps, type DsTreeSize, type DsTreeTreeProps, DsTypography, DsTypographyProps, DsUserCard, DsUserCardProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, DsWorkspaceLayout, type DsWorkspaceLayoutBodyProps, type DsWorkspaceLayoutContentProps, type DsWorkspaceLayoutFooterProps, type DsWorkspaceLayoutHeaderProps, type DsWorkspaceLayoutLeftPanelProps, type DsWorkspaceLayoutProps, type DsWorkspaceLayoutSideMenuProps, type DsWorkspaceLayoutSubHeaderProps, type DualRangeFilterAdapterConfig, type DualRangeFilterValue, FatalFileUploadError, type FileExtension, FileUpload, type FileUploadAdapter, FileUploadError, type FileUploadOptions, type FileUploadResult, FilterAdapter, type FilterAdapterConfig, FilterNavItem, FilterState, type FilterStatus, FilterTag, IconColor, IconName, IconSize, IconType, IconVariant, type InfiniteScrollConfig, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, ResolvedColumnFilter, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, type SiteNodeState, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, type StatusBadgeV2Phase, type StatusBadgeV2Size, type StatusBadgeV2Variant, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, TaskBarStatus, type TextInputSize, type ToastVariant, type ToggleSize, TooltipAnchorRect, TooltipPlacement, TypographyColor, type UploadedFile, type UseCellEditorContainerProps, type UseCellEditorOptions, type UseCellEditorResult, type UseCheckboxSelectAllOptions, type UseCheckboxSelectAllResult, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createColumnHelper, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, defaultDsTableLocale, dropdownMenuActionsAlignments, dropdownMenuItemVariants, dsAvatarSizes, dsAvatarTypes, dsKeyValuePairOrientations, type dsTreeSizes, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, popoverAligns, popoverSides, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, siteNodeStates, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, statusBadgeV2Phases, statusBadgeV2Sizes, statusBadgeV2Variants, systemStatuses, tagSizes, tagVariants, taskBarStatuses, textInputSizes, tooltipPlacements, useBreakpoint, useCellEditor, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
|
|
14101
|
+
export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, AutocompleteSize, BREAKPOINT_LG, Breakpoint, ButtonV3Color, ButtonV3Size, ButtonV3Variant, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, type CheckedState, type ChipItem, type ChipSize, Color, type ColumnDef, ColumnFilterMeta, type ColumnFilterPopoverLocale, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DropdownMenuActionsAlign, DropdownMenuItemVariant, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsButtonV3, DsButtonV3BaseProps, DsButtonV3Props, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCatalogLayout, type DsCatalogLayoutBodyProps, type DsCatalogLayoutContentHeaderProps, type DsCatalogLayoutContentProps, type DsCatalogLayoutHeaderProps, type DsCatalogLayoutProps, type DsCatalogLayoutSideMenuProps, DsCheckbox, DsCheckboxGroup, DsCheckboxGroupOrientation, DsCheckboxGroupProps, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, type DsColumnGroupMeta, DsCommentBubble, DsCommentBubbleProps, DsCommentCard, DsCommentCardProps, DsCommentIndicator, DsCommentIndicatorProps, DsCommentThread, DsCommentThreadProps, DsCommentsDrawer, DsCommentsDrawerProps, DsConfirmation, type DsConfirmationProps, DsDataTableProps, DsDateInput, type DsDateInputProps, DsDatePicker, type DsDatePickerLocale, type DsDatePickerProps, type DsDatePickerSlotProps, DsDateRangePicker, type DsDateRangePickerLocale, type DsDateRangePickerProps, type DsDateRangePickerSlotProps, DsDialog, DsDialogProps, DsDivider, DsDividerProps, DsDrawer, type DsDrawerColumns, type DsDrawerPosition, type DsDrawerProps, DsDropdownMenu, DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacy, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerItemProps, DsDropdownMenuTriggerProps, DsExpandableTextInput, type DsExpandableTextInputProps, DsFileUpload, DsFileUploadProps, DsFilterStatusIcon, type DsFilterStatusIconProps, DsFormControl, DsFormControlDescriptionProps, DsFormControlProps, DsGrid, DsGridItem, DsGridItemProps, DsGridProps, DsIcon, DsIconProps, DsKeyValuePair, type DsKeyValuePairOrientation, type DsKeyValuePairProps, DsLoader, DsLoaderProps, DsModal, DsModalColumns, DsModalProps, DsNextStepButton, type DsNextStepButtonProps, DsNumberInput, DsNumberInputProps, DsPanel, type DsPanelCollapseButtonProps, type DsPanelProps, type DsPanelVariant, DsPasswordInput, DsPasswordInputProps, DsPopover, DsPopoverAlign, DsPopoverContentItemProps, DsPopoverContentProps, DsPopoverFooterProps, DsPopoverHeaderProps, DsPopoverPanelProps, DsPopoverProps, DsPopoverRootProps, DsPopoverSide, DsPopoverTriggerProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsProgressTaskBar, DsProgressTaskBarLocale, DsProgressTaskBarProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, DsSiteNode, type DsSiteNodeProps, DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSlider, DsSliderProps, type DsSliderSize, type DsSliderType, type DsSliderValue, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsSplitButton, DsSplitButtonProps, type DsSplitButtonSlotProps, DsStack, DsStackProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStatusBadgeV2, type DsStatusBadgeV2BaseProps, type DsStatusBadgeV2Props, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableColumnFilterPopover, type DsTableColumnFilterPopoverProps, DsTableEditCellCheckbox, type DsTableEditCellCheckboxProps, DsTableEditCellDate, type DsTableEditCellDateProps, type DsTableEditCellDateValue, DsTableEditCellNumber, type DsTableEditCellNumberProps, DsTableEditCellSelect, type DsTableEditCellSelectProps, DsTableEditCellText, type DsTableEditCellTextProps, type DsTableEditDisabledResult, DsTableEditableCell, type DsTableEditableCellProps, DsTableEditingCell, type DsTableEditingCellProps, DsTableLocale, DsTableRowSize, DsTabs, type DsTabsContentProps, type DsTabsListProps, type DsTabsMenuActionItem, type DsTabsOrientation, type DsTabsProps, type DsTabsSize, type DsTabsTabProps, DsTag, DsTagFilter, type DsTagFilterProps, type DsTagProps, DsTextInput, type DsTextInputProps, DsTextarea, DsTextareaProps, DsThreadItem, DsThreadItemProps, DsTimePicker, type DsTimePickerLocale, type DsTimePickerProps, type DsTimePickerSlotProps, type DsToastContextType, type DsToastProps, DsToastProvider, type DsToastProviderProps, DsToggle, type DsToggleProps, DsTooltip, DsTooltipProps, DsTree, type DsTreeBaseProps, type DsTreeBasePropsWithChildren, type DsTreeBranchContentProps, type DsTreeBranchControlProps, type DsTreeBranchIndentGuideProps, type DsTreeBranchIndicatorProps, type DsTreeBranchProps, type DsTreeBranchTextProps, type DsTreeItemActionProps, type DsTreeItemIndicatorProps, type DsTreeItemProps, type DsTreeItemTextProps, type DsTreeNode, type DsTreeNodeCheckboxProps, type DsTreeRootProps, type DsTreeSize, type DsTreeTreeProps, DsTypography, DsTypographyProps, DsUserCard, DsUserCardProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, DsWorkspaceLayout, type DsWorkspaceLayoutBodyProps, type DsWorkspaceLayoutContentProps, type DsWorkspaceLayoutFooterProps, type DsWorkspaceLayoutHeaderProps, type DsWorkspaceLayoutLeftPanelProps, type DsWorkspaceLayoutProps, type DsWorkspaceLayoutSideMenuProps, type DsWorkspaceLayoutSubHeaderProps, type DualRangeFilterAdapterConfig, type DualRangeFilterValue, FatalFileUploadError, type FileExtension, FileUpload, type FileUploadAdapter, FileUploadError, type FileUploadOptions, type FileUploadResult, FilterAdapter, type FilterAdapterConfig, FilterNavItem, FilterState, type FilterStatus, FilterTag, IconColor, IconName, IconSize, IconType, IconVariant, type InfiniteScrollConfig, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, ResolvedColumnFilter, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, type SiteNodeState, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, type StatusBadgeV2Phase, type StatusBadgeV2Size, type StatusBadgeV2Variant, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, TaskBarStatus, type TextInputSize, type ToastVariant, type ToggleSize, TooltipAnchorRect, TooltipPlacement, TypographyColor, type UploadedFile, type UseCellEditorContainerProps, type UseCellEditorOptions, type UseCellEditorResult, type UseCheckboxSelectAllOptions, type UseCheckboxSelectAllResult, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, autocompleteSizes, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createColumnHelper, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, defaultDsTableLocale, dropdownMenuActionsAlignments, dropdownMenuItemVariants, dsAvatarSizes, dsAvatarTypes, dsKeyValuePairOrientations, type dsTreeSizes, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, popoverAligns, popoverSides, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, siteNodeStates, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, statusBadgeV2Phases, statusBadgeV2Sizes, statusBadgeV2Variants, systemStatuses, tagSizes, tagVariants, taskBarStatuses, textInputSizes, tooltipPlacements, useBreakpoint, useCellEditor, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
|
|
14039
14102
|
//# sourceMappingURL=index.d.ts.map
|