@drivenets/design-system 0.14.0 → 0.16.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 +32 -0
- package/README.md +1 -1
- package/dist/index.cjs +1239 -262
- package/dist/index.d.cts +904 -1169
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.ts +904 -1169
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1221 -258
- package/dist/index.js.map +1 -1
- package/dist/index.min.css +1 -1
- package/package.json +15 -12
- package/src/components/ds-alert-banner/ds-alert-banner.tsx +11 -2
- package/src/components/ds-autocomplete/ds-autocomplete.figma.ts +36 -0
- package/src/components/ds-autocomplete/ds-autocomplete.tsx +2 -0
- package/src/components/ds-avatar/ds-avatar.figma.ts +30 -0
- package/src/components/ds-avatar/ds-avatar.tsx +6 -1
- package/src/components/ds-avatar/ds-avatar.types.ts +5 -2
- package/src/components/ds-avatar-group/ds-avatar-group.figma.ts +27 -0
- package/src/components/ds-avatar-group/ds-avatar-group.tsx +6 -1
- package/src/components/ds-avatar-group/ds-avatar-group.types.ts +3 -1
- package/src/components/ds-breadcrumb/ds-breadcrumb.figma.ts +19 -0
- package/src/components/ds-breadcrumb/ds-breadcrumb.tsx +2 -0
- package/src/components/ds-button/ds-button.tsx +2 -0
- package/src/components/ds-button-v3/ds-button-v3.figma.ts +1 -1
- package/src/components/ds-button-v3/ds-button-v3.tsx +6 -0
- package/src/components/ds-button-v3/index.ts +2 -0
- package/src/components/ds-card/ds-card.tsx +7 -3
- package/src/components/ds-catalog-layout/ds-catalog-layout.tsx +8 -0
- package/src/components/ds-checkbox/ds-checkbox-level-2.figma.ts +40 -0
- package/src/components/ds-checkbox/ds-checkbox.figma.ts +45 -0
- package/src/components/ds-checkbox/ds-checkbox.module.scss +1 -1
- package/src/components/ds-checkbox/ds-checkbox.tsx +9 -1
- package/src/components/ds-checkbox-group/ds-checkbox-group.figma.ts +15 -0
- package/src/components/ds-checkbox-group/ds-checkbox-group.tsx +2 -0
- package/src/components/ds-chip/ds-chip.tsx +2 -0
- package/src/components/ds-chip-group/ds-chip-group.tsx +2 -0
- package/src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.tsx +1 -0
- package/src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.tsx +1 -0
- package/src/components/ds-comment-bubble/ds-comment-bubble.tsx +1 -0
- package/src/components/ds-comment-card/ds-comment-card.tsx +1 -0
- package/src/components/ds-comment-indicator/ds-comment-indicator.tsx +1 -0
- package/src/components/ds-comments-drawer/ds-comments-drawer.tsx +1 -0
- package/src/components/ds-confirmation/ds-confirmation.tsx +1 -0
- package/src/components/ds-date-input/ds-date-input.tsx +2 -0
- package/src/components/ds-date-picker/ds-date-picker.tsx +9 -0
- package/src/components/ds-date-picker/ds-date-picker.types.ts +1 -1
- package/src/components/ds-date-range-picker/ds-date-range-picker.tsx +2 -0
- package/src/components/ds-dialog/ds-dialog.tsx +9 -0
- package/src/components/ds-dialog/ds-dialog.types.ts +1 -1
- package/src/components/ds-divider/ds-divider.figma.ts +19 -0
- package/src/components/ds-divider/ds-divider.tsx +2 -0
- package/src/components/ds-drawer/ds-drawer.module.scss +14 -0
- package/src/components/ds-drawer/ds-drawer.tsx +30 -1
- package/src/components/ds-drawer/ds-drawer.types.ts +7 -0
- package/src/components/ds-drawer/figma/ds-drawer-content.figma.ts +15 -0
- package/src/components/ds-drawer/figma/ds-drawer-footer.figma.ts +19 -0
- package/src/components/ds-drawer/figma/ds-drawer-header.figma.ts +16 -0
- package/src/components/ds-drawer/figma/ds-drawer.figma.ts +36 -0
- package/src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss +12 -3
- package/src/components/ds-dropdown-menu/ds-dropdown-menu.tsx +24 -6
- package/src/components/ds-dropdown-menu/ds-dropdown-menu.types.ts +10 -1
- package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu-footer.figma.ts +11 -0
- package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu-group.figma.ts +23 -0
- package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu-item.figma.ts +29 -0
- package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu-separator.figma.ts +11 -0
- package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu.figma.ts +24 -0
- package/src/components/ds-expandable-text-input/ds-expandable-text-input.figma.ts +24 -0
- package/src/components/ds-expandable-text-input/ds-expandable-text-input.tsx +1 -0
- package/src/components/ds-file-upload/ds-file-upload.figma.ts +29 -0
- package/src/components/ds-file-upload/ds-file-upload.tsx +2 -0
- package/src/components/ds-file-upload/hooks/use-file-upload.ts +7 -0
- package/src/components/ds-filter-status-icon/ds-filter-status-icon.figma.ts +22 -0
- package/src/components/ds-filter-status-icon/ds-filter-status-icon.tsx +1 -0
- package/src/components/ds-form-control/ds-form-control.tsx +3 -0
- package/src/components/ds-grid/index.ts +3 -0
- package/src/components/ds-icon/ds-icon.tsx +2 -0
- package/src/components/ds-key-value-pair/ds-key-value-pair.figma.ts +24 -0
- package/src/components/ds-key-value-pair/ds-key-value-pair.tsx +2 -0
- package/src/components/ds-loader/ds-loader.figma.ts +11 -0
- package/src/components/ds-loader/ds-loader.tsx +2 -0
- package/src/components/ds-modal/ds-modal.tsx +9 -0
- package/src/components/ds-number-input/ds-number-input.tsx +2 -0
- package/src/components/ds-panel/ds-panel.figma.ts +16 -0
- package/src/components/ds-panel/index.ts +2 -0
- package/src/components/ds-password-input/ds-password-input.tsx +2 -0
- package/src/components/ds-popover/ds-popover.tsx +9 -0
- package/src/components/ds-popover/figma/ds-popover-content-item.figma.ts +18 -0
- package/src/components/ds-popover/figma/ds-popover-content.figma.ts +15 -0
- package/src/components/ds-popover/figma/ds-popover-footer.figma.ts +19 -0
- package/src/components/ds-popover/figma/ds-popover-header.figma.ts +16 -0
- package/src/components/ds-popover/figma/ds-popover.figma.ts +34 -0
- package/src/components/ds-progress-arc/ds-progress-arc.figma.ts +23 -0
- package/src/components/ds-progress-arc/ds-progress-arc.tsx +2 -0
- package/src/components/ds-progress-donut/ds-progress-donut.figma.ts +45 -0
- package/src/components/ds-progress-donut/ds-progress-donut.tsx +2 -0
- package/src/components/ds-progress-linear/ds-progress-linear.figma.ts +26 -0
- package/src/components/ds-progress-linear/ds-progress-linear.tsx +2 -0
- package/src/components/ds-progress-task-bar/ds-progress-task-bar.figma.ts +29 -0
- package/src/components/ds-progress-task-bar/ds-progress-task-bar.module.scss +39 -0
- package/src/components/ds-progress-task-bar/ds-progress-task-bar.tsx +124 -0
- package/src/components/ds-progress-task-bar/ds-progress-task-bar.types.ts +65 -0
- package/src/components/ds-progress-task-bar/index.ts +2 -0
- package/src/components/ds-progress-task-bar/utils.ts +51 -0
- package/src/components/ds-radio-group/ds-radio-group.tsx +3 -0
- package/src/components/ds-radio-group/figma/ds-radio-group-item.figma.ts +24 -0
- package/src/components/ds-radio-group/figma/ds-radio-group.figma.ts +14 -0
- package/src/components/ds-segment-group/ds-segment-group.tsx +3 -0
- package/src/components/ds-segment-group/figma/ds-segment-group-item.figma.ts +25 -0
- package/src/components/ds-segment-group/figma/ds-segment-group.figma.ts +23 -0
- package/src/components/ds-select/ds-select.tsx +2 -0
- package/src/components/ds-site-node/ds-site-node.figma.ts +27 -0
- package/src/components/ds-site-node/ds-site-node.module.scss +59 -0
- package/src/components/ds-site-node/ds-site-node.tsx +73 -0
- package/src/components/ds-site-node/ds-site-node.types.ts +36 -0
- package/src/components/ds-site-node/hooks/use-is-overflowing.ts +31 -0
- package/src/components/ds-site-node/index.ts +3 -0
- package/src/components/ds-skeleton/ds-skeleton-circle.tsx +2 -0
- package/src/components/ds-skeleton/ds-skeleton-rect.tsx +2 -0
- package/src/components/ds-skeleton/ds-skeleton-text.tsx +2 -0
- package/src/components/ds-skeleton/ds-skeleton.ts +7 -1
- package/src/components/ds-smart-tabs/ds-smart-tabs.tsx +4 -0
- package/src/components/ds-spinner/ds-spinner.figma.ts +19 -0
- package/src/components/ds-spinner/ds-spinner.tsx +2 -0
- package/src/components/ds-split-button/ds-split-button.tsx +6 -0
- package/src/components/ds-status-badge/ds-status-badge.tsx +2 -0
- package/src/components/ds-status-badge-v2/index.ts +2 -0
- package/src/components/ds-stepper/components/ds-step-content.tsx +2 -0
- package/src/components/ds-stepper/components/ds-step-next-button.tsx +2 -0
- package/src/components/ds-stepper/components/ds-step.tsx +2 -0
- package/src/components/ds-stepper/ds-stepper.figma.ts +38 -0
- package/src/components/ds-stepper/ds-stepper.tsx +1 -0
- package/src/components/ds-system-status/ds-system-status.tsx +2 -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 +2 -0
- package/src/components/ds-table/components/ds-table-row-virtualized/ds-table-row-virtualized.module.scss +1 -1
- package/src/components/ds-table/components/ds-table-row-virtualized/ds-table-row-virtualized.tsx +2 -0
- package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-checkbox.tsx +1 -0
- package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-date.tsx +1 -0
- package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-number.tsx +1 -0
- package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-select.tsx +1 -0
- package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-text.tsx +1 -0
- package/src/components/ds-table/components/edit/ds-table-editable-cell/ds-table-editable-cell.module.scss +14 -2
- package/src/components/ds-table/components/edit/ds-table-editable-cell/ds-table-editable-cell.tsx +20 -0
- package/src/components/ds-table/components/edit/ds-table-editing-cell/ds-table-editing-cell.tsx +1 -0
- package/src/components/ds-table/ds-table-column.types.ts +24 -0
- package/src/components/ds-table/ds-table.tsx +30 -4
- package/src/components/ds-table/ds-table.types.ts +7 -0
- package/src/components/ds-table/index.ts +4 -0
- package/src/components/ds-table/utils/constants.ts +5 -0
- package/src/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.tsx +2 -0
- package/src/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.tsx +2 -0
- package/src/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.tsx +2 -0
- package/src/components/ds-tabs/ds-tabs.tsx +2 -0
- package/src/components/ds-tabs/figma/ds-tabs-tab-vertical.figma.ts +78 -0
- package/src/components/ds-tabs/figma/ds-tabs-tab.figma.ts +89 -0
- package/src/components/ds-tabs/figma/ds-tabs-vertical.figma.ts +31 -0
- package/src/components/ds-tabs/figma/ds-tabs.figma.ts +29 -0
- package/src/components/ds-tag/ds-tag.tsx +2 -0
- package/src/components/ds-tag-filter/ds-tag-filter.tsx +2 -0
- package/src/components/ds-text-input/ds-input-field-v02.figma.ts +87 -0
- package/src/components/ds-text-input/ds-text-input.tsx +2 -0
- package/src/components/ds-textarea/ds-textarea.tsx +2 -0
- package/src/components/ds-time-picker/ds-time-picker.tsx +2 -0
- package/src/components/ds-toast/ds-toast-context.tsx +1 -0
- package/src/components/ds-toast/ds-toast.figma.ts +34 -0
- package/src/components/ds-toast/ds-toast.tsx +3 -0
- package/src/components/ds-toggle/ds-toggle.figma.ts +39 -0
- package/src/components/ds-toggle/ds-toggle.tsx +2 -0
- package/src/components/ds-tooltip/ds-tooltip.figma.ts +16 -0
- package/src/components/ds-tooltip/ds-tooltip.module.scss +8 -1
- package/src/components/ds-tooltip/ds-tooltip.tsx +35 -15
- package/src/components/ds-tooltip/ds-tooltip.types.ts +40 -0
- package/src/components/ds-tree/ds-tree.tsx +16 -0
- package/src/components/ds-typography/ds-typography.config.ts +1 -1
- package/src/components/ds-typography/ds-typography.figma.ts +63 -0
- package/src/components/ds-typography/ds-typography.module.scss +16 -0
- package/src/components/ds-typography/ds-typography.tsx +64 -7
- package/src/components/ds-typography/ds-typography.types.ts +13 -0
- package/src/components/ds-typography/hooks/use-truncation.ts +151 -0
- package/src/components/ds-user-card/ds-user-card.figma.ts +16 -0
- package/src/components/ds-user-card/ds-user-card.module.scss +25 -0
- package/src/components/ds-user-card/ds-user-card.tsx +31 -0
- package/src/components/ds-user-card/ds-user-card.types.ts +26 -0
- package/src/components/ds-user-card/index.ts +2 -0
- package/src/components/ds-vertical-tabs/ds-vertical-tabs.tsx +6 -0
- package/src/components/ds-workspace-layout/ds-workspace-layout.tsx +10 -0
- package/src/index.ts +3 -0
- package/src/styles/_root.scss +468 -363
- package/src/styles/shared/_dropdown.scss +2 -2
- package/src/styles/styles.scss +0 -3
- package/src/styles/_colors.scss +0 -65
- package/src/styles/_root_new.scss +0 -451
- package/src/styles/_spacing.scss +0 -47
package/dist/index.d.ts
CHANGED
|
@@ -9,9 +9,9 @@ import * as Collapsible from "@radix-ui/react-collapsible";
|
|
|
9
9
|
import { RadioGroupItemProps, RadioGroupRootProps } from "@ark-ui/react/radio-group";
|
|
10
10
|
import { SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupRootProps } from "@ark-ui/react/segment-group";
|
|
11
11
|
import * as steps from "@zag-js/steps";
|
|
12
|
-
import { Cell, CellContext, ColumnDef, ColumnFiltersState, Row, RowData, SortingState, Table, VisibilityState } from "@tanstack/react-table";
|
|
12
|
+
import { Cell, CellContext, ColumnDef, ColumnDef as ColumnDef$1, ColumnFiltersState, Row, RowData, SortingState, Table, VisibilityState, createColumnHelper } from "@tanstack/react-table";
|
|
13
|
+
import "@tanstack/react-virtual";
|
|
13
14
|
import { TreeView } from "@ark-ui/react/tree-view";
|
|
14
|
-
|
|
15
15
|
//#region src/components/ds-icon/material-icons.d.ts
|
|
16
16
|
type IconPrefix = 'action' | 'alert' | 'av' | 'communication' | 'content' | 'device' | 'editor' | 'file' | 'hardware' | 'home' | 'image' | 'maps' | 'navigation' | 'notification' | 'places' | 'search' | 'social' | 'symbols' | 'toggle';
|
|
17
17
|
declare const materialIcons: {
|
|
@@ -6266,7 +6266,7 @@ declare const iconVariants: readonly ['outlined', 'rounded'];
|
|
|
6266
6266
|
type IconVariant = (typeof iconVariants)[number];
|
|
6267
6267
|
declare const iconColors: readonly ['action', 'action-hover', 'action-secondary', 'disabled', 'error', 'execution', 'information-main', 'information-secondary', 'inverse', 'main', 'on-button', 'on-dark-disabled', 'pause', 'pending', 'secondary', 'success', 'success-light', 'warning', 'warning-light'];
|
|
6268
6268
|
type IconColor = (typeof iconColors)[number];
|
|
6269
|
-
type MaterialIconName = { [K in keyof typeof materialIcons]: K extends `${IconPrefix}::${infer Name}` ? Name : never }[keyof typeof materialIcons];
|
|
6269
|
+
type MaterialIconName = { [K in keyof typeof materialIcons]: K extends `${IconPrefix}::${infer Name}` ? Name : never; }[keyof typeof materialIcons];
|
|
6270
6270
|
type IconName = MaterialIconName | CustomIconName;
|
|
6271
6271
|
type IconType = IconName | FunctionComponent<SVGProps<SVGSVGElement>>;
|
|
6272
6272
|
interface DsIconProps {
|
|
@@ -6310,19 +6310,10 @@ interface DsIconProps {
|
|
|
6310
6310
|
}
|
|
6311
6311
|
//#endregion
|
|
6312
6312
|
//#region src/components/ds-icon/ds-icon.d.ts
|
|
6313
|
-
|
|
6314
|
-
|
|
6315
|
-
|
|
6316
|
-
|
|
6317
|
-
icon,
|
|
6318
|
-
size,
|
|
6319
|
-
variant,
|
|
6320
|
-
filled,
|
|
6321
|
-
color,
|
|
6322
|
-
className,
|
|
6323
|
-
style,
|
|
6324
|
-
...rest
|
|
6325
|
-
}: DsIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
6313
|
+
declare function DsIcon({ icon, size, variant, filled, color, className, style, ...rest }: DsIconProps): import("react/jsx-runtime").JSX.Element;
|
|
6314
|
+
declare namespace DsIcon {
|
|
6315
|
+
var displayName: string;
|
|
6316
|
+
}
|
|
6326
6317
|
//#endregion
|
|
6327
6318
|
//#region src/components/ds-alert-banner/ds-alert-banner.types.d.ts
|
|
6328
6319
|
declare const alertBannerVariants: readonly ['info-neutral', 'info-blue', 'warning', 'error', 'success'];
|
|
@@ -6369,50 +6360,37 @@ interface DsAlertBannerProps {
|
|
|
6369
6360
|
}
|
|
6370
6361
|
//#endregion
|
|
6371
6362
|
//#region src/components/ds-alert-banner/ds-alert-banner.d.ts
|
|
6372
|
-
declare function DsAlertBanner({
|
|
6373
|
-
open,
|
|
6374
|
-
onOpenChange,
|
|
6375
|
-
inline,
|
|
6376
|
-
variant,
|
|
6377
|
-
icon,
|
|
6378
|
-
closable,
|
|
6379
|
-
className,
|
|
6380
|
-
style,
|
|
6381
|
-
children
|
|
6382
|
-
}: DsAlertBannerProps): import("react/jsx-runtime").JSX.Element | null;
|
|
6363
|
+
declare function DsAlertBanner({ open, onOpenChange, inline, variant, icon, closable, className, style, children }: DsAlertBannerProps): import("react/jsx-runtime").JSX.Element | null;
|
|
6383
6364
|
declare namespace DsAlertBanner {
|
|
6384
|
-
|
|
6385
|
-
|
|
6386
|
-
|
|
6387
|
-
|
|
6388
|
-
|
|
6365
|
+
export { Title$2 as Title };
|
|
6366
|
+
export { Body$5 as Body };
|
|
6367
|
+
export { Actions$2 as Actions };
|
|
6368
|
+
export var displayName: string;
|
|
6369
|
+
}
|
|
6370
|
+
declare const Title$2: {
|
|
6371
|
+
({ style, className, children }: {
|
|
6389
6372
|
style?: CSSProperties;
|
|
6390
6373
|
className?: string;
|
|
6391
6374
|
children: ReactNode;
|
|
6392
|
-
})
|
|
6393
|
-
|
|
6394
|
-
|
|
6395
|
-
|
|
6396
|
-
|
|
6397
|
-
className,
|
|
6398
|
-
children
|
|
6399
|
-
}: {
|
|
6375
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
6376
|
+
displayName: string;
|
|
6377
|
+
};
|
|
6378
|
+
declare const Body$5: {
|
|
6379
|
+
({ style, className, children }: {
|
|
6400
6380
|
style?: CSSProperties;
|
|
6401
6381
|
className?: string;
|
|
6402
6382
|
children: ReactNode;
|
|
6403
|
-
})
|
|
6404
|
-
|
|
6405
|
-
|
|
6406
|
-
|
|
6407
|
-
|
|
6408
|
-
className,
|
|
6409
|
-
children
|
|
6410
|
-
}: {
|
|
6383
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
6384
|
+
displayName: string;
|
|
6385
|
+
};
|
|
6386
|
+
declare const Actions$2: {
|
|
6387
|
+
({ style, className, children }: {
|
|
6411
6388
|
style?: CSSProperties;
|
|
6412
6389
|
className?: string;
|
|
6413
6390
|
children: ReactNode;
|
|
6414
|
-
})
|
|
6415
|
-
|
|
6391
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
6392
|
+
displayName: string;
|
|
6393
|
+
};
|
|
6416
6394
|
//#endregion
|
|
6417
6395
|
//#region src/components/ds-autocomplete/ds-autocomplete.types.d.ts
|
|
6418
6396
|
interface DsAutocompleteOption {
|
|
@@ -6510,30 +6488,16 @@ interface DsAutocompleteProps {
|
|
|
6510
6488
|
}
|
|
6511
6489
|
//#endregion
|
|
6512
6490
|
//#region src/components/ds-autocomplete/ds-autocomplete.d.ts
|
|
6513
|
-
declare
|
|
6514
|
-
|
|
6515
|
-
|
|
6516
|
-
|
|
6517
|
-
style,
|
|
6518
|
-
className,
|
|
6519
|
-
placeholder,
|
|
6520
|
-
disabled,
|
|
6521
|
-
invalid,
|
|
6522
|
-
onValueChange,
|
|
6523
|
-
onInputValueChange,
|
|
6524
|
-
onOpenChange,
|
|
6525
|
-
locale: {
|
|
6526
|
-
loading: loadingMessage,
|
|
6527
|
-
noMatches: noMatchesMessage
|
|
6528
|
-
},
|
|
6529
|
-
highlightMatch,
|
|
6530
|
-
showTrigger,
|
|
6531
|
-
startAdornment
|
|
6532
|
-
}: DsAutocompleteProps) => import("react/jsx-runtime").JSX.Element;
|
|
6491
|
+
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-runtime").JSX.Element;
|
|
6492
|
+
declare namespace DsAutocomplete {
|
|
6493
|
+
var displayName: string;
|
|
6494
|
+
}
|
|
6533
6495
|
//#endregion
|
|
6534
6496
|
//#region src/components/ds-avatar/ds-avatar.types.d.ts
|
|
6535
|
-
|
|
6536
|
-
|
|
6497
|
+
declare const dsAvatarSizes: readonly ['xsm', 'sm', 'regular', 'md', 'lg', 'xl'];
|
|
6498
|
+
declare const dsAvatarTypes: readonly ['circle', 'rounded'];
|
|
6499
|
+
type DsAvatarSize = (typeof dsAvatarSizes)[number];
|
|
6500
|
+
type DsAvatarType = (typeof dsAvatarTypes)[number];
|
|
6537
6501
|
interface DsAvatarProps {
|
|
6538
6502
|
/**
|
|
6539
6503
|
* Image source URL
|
|
@@ -6573,14 +6537,20 @@ interface DsAvatarProps {
|
|
|
6573
6537
|
//#endregion
|
|
6574
6538
|
//#region src/components/ds-avatar/ds-avatar.d.ts
|
|
6575
6539
|
/**
|
|
6576
|
-
*
|
|
6540
|
+
* @summary Displays a user's profile picture, falling back to initials.
|
|
6541
|
+
*
|
|
6542
|
+
* Renders a circular or rounded avatar from an image `src`. When the image is
|
|
6543
|
+
* missing or fails to load, the trimmed initials derived from `name` are shown
|
|
6544
|
+
* instead, and `name` is surfaced in a tooltip on hover.
|
|
6577
6545
|
*/
|
|
6578
6546
|
declare const DsAvatar: FC<DsAvatarProps>;
|
|
6579
6547
|
//#endregion
|
|
6580
6548
|
//#region src/components/ds-avatar-group/ds-avatar-group.types.d.ts
|
|
6581
6549
|
interface DsAvatarGroupProps {
|
|
6582
6550
|
/**
|
|
6583
|
-
*
|
|
6551
|
+
* Avatar items to display. Each item accepts `DsAvatar` props except `size`
|
|
6552
|
+
* and `type`, which are set on the group. `name` is required; `src` and `alt`
|
|
6553
|
+
* are optional — without `src`, initials are shown per `DsAvatar`.
|
|
6584
6554
|
*/
|
|
6585
6555
|
avatars: Omit<DsAvatarProps, 'size' | 'type'>[];
|
|
6586
6556
|
/**
|
|
@@ -6606,7 +6576,11 @@ interface DsAvatarGroupProps {
|
|
|
6606
6576
|
//#endregion
|
|
6607
6577
|
//#region src/components/ds-avatar-group/ds-avatar-group.d.ts
|
|
6608
6578
|
/**
|
|
6609
|
-
*
|
|
6579
|
+
* @summary Overlapping avatars with overflow collapse and tooltip.
|
|
6580
|
+
*
|
|
6581
|
+
* Renders a row of {@link DsAvatar} members that share `size` and `type`. When
|
|
6582
|
+
* `avatars.length` exceeds `max`, the remainder collapse behind a `+N`
|
|
6583
|
+
* indicator; hovering it lists the hidden names in a tooltip.
|
|
6610
6584
|
*/
|
|
6611
6585
|
declare const DsAvatarGroup: FC<DsAvatarGroupProps>;
|
|
6612
6586
|
//#endregion
|
|
@@ -6733,7 +6707,7 @@ declare const useResponsiveValue: <T>(value: ResponsiveValue<T>) => T;
|
|
|
6733
6707
|
* so the wrapped component stays completely unaware of breakpoints.
|
|
6734
6708
|
*/
|
|
6735
6709
|
declare function withResponsiveProps<Props, const Keys extends readonly (keyof Props)[]>(Component: FunctionComponent<Props>, responsiveKeys: Keys): {
|
|
6736
|
-
(props: { [P in keyof Props]: P extends Keys[number] ? ResponsiveValue<NonNullable<Props[P]>> : Props[P] }): import("react").FunctionComponentElement<Record<string, unknown>>;
|
|
6710
|
+
(props: { [P in keyof Props]: P extends Keys[number] ? ResponsiveValue<NonNullable<Props[P]>> : Props[P]; }): import("react").FunctionComponentElement<Record<string, unknown>>;
|
|
6737
6711
|
displayName: string;
|
|
6738
6712
|
};
|
|
6739
6713
|
//#endregion
|
|
@@ -6793,7 +6767,10 @@ type DsButtonUnifiedProps = (DsButtonProps$1 & {
|
|
|
6793
6767
|
});
|
|
6794
6768
|
//#endregion
|
|
6795
6769
|
//#region src/components/ds-button/ds-button.d.ts
|
|
6796
|
-
declare
|
|
6770
|
+
declare function DsButton(props: DsButtonUnifiedProps): import("react/jsx-runtime").JSX.Element;
|
|
6771
|
+
declare namespace DsButton {
|
|
6772
|
+
var displayName: string;
|
|
6773
|
+
}
|
|
6797
6774
|
//#endregion
|
|
6798
6775
|
//#region src/components/ds-button-v3/ds-button-v3.types.d.ts
|
|
6799
6776
|
declare const buttonV3Variants: readonly ['primary', 'secondary', 'tertiary'];
|
|
@@ -7215,39 +7192,41 @@ type DsCardBodyProps = DsCardSlotProps;
|
|
|
7215
7192
|
type DsCardFooterProps = DsCardSlotProps;
|
|
7216
7193
|
//#endregion
|
|
7217
7194
|
//#region src/components/ds-card/ds-card.d.ts
|
|
7195
|
+
/**
|
|
7196
|
+
* Card root component - container with optional selectable behavior.
|
|
7197
|
+
* Use composition with DsCard.Header, DsCard.Body, DsCard.Footer for full flexibility.
|
|
7198
|
+
*/
|
|
7199
|
+
declare const Root: {
|
|
7200
|
+
({ ref, size, selectable, selected, highlightSelected, disabled, className, style, children, onClick, onKeyDown, ...rest }: DsCardRootProps): import("react/jsx-runtime").JSX.Element;
|
|
7201
|
+
displayName: string;
|
|
7202
|
+
};
|
|
7203
|
+
/**
|
|
7204
|
+
* Card header — title row and optional trailing content.
|
|
7205
|
+
* Provide custom children for full layout flexibility.
|
|
7206
|
+
*/
|
|
7207
|
+
declare const Header$4: {
|
|
7208
|
+
({ className, children, ref, ...rest }: DsCardHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
7209
|
+
displayName: string;
|
|
7210
|
+
};
|
|
7211
|
+
/**
|
|
7212
|
+
* Card body - main content area.
|
|
7213
|
+
*/
|
|
7214
|
+
declare const Body$4: {
|
|
7215
|
+
({ className, children, ref, ...rest }: DsCardBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
7216
|
+
displayName: string;
|
|
7217
|
+
};
|
|
7218
|
+
/**
|
|
7219
|
+
* Card footer - bottom section for actions or additional info.
|
|
7220
|
+
*/
|
|
7221
|
+
declare const Footer$3: {
|
|
7222
|
+
({ className, children, ref, ...rest }: DsCardFooterProps): import("react/jsx-runtime").JSX.Element;
|
|
7223
|
+
displayName: string;
|
|
7224
|
+
};
|
|
7218
7225
|
declare const DsCard: {
|
|
7219
|
-
Root:
|
|
7220
|
-
|
|
7221
|
-
|
|
7222
|
-
|
|
7223
|
-
selected,
|
|
7224
|
-
highlightSelected,
|
|
7225
|
-
disabled,
|
|
7226
|
-
className,
|
|
7227
|
-
style,
|
|
7228
|
-
children,
|
|
7229
|
-
onClick,
|
|
7230
|
-
onKeyDown,
|
|
7231
|
-
...rest
|
|
7232
|
-
}: DsCardRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
7233
|
-
Header: ({
|
|
7234
|
-
className,
|
|
7235
|
-
children,
|
|
7236
|
-
ref,
|
|
7237
|
-
...rest
|
|
7238
|
-
}: DsCardHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
7239
|
-
Body: ({
|
|
7240
|
-
className,
|
|
7241
|
-
children,
|
|
7242
|
-
ref,
|
|
7243
|
-
...rest
|
|
7244
|
-
}: DsCardBodyProps) => import("react/jsx-runtime").JSX.Element;
|
|
7245
|
-
Footer: ({
|
|
7246
|
-
className,
|
|
7247
|
-
children,
|
|
7248
|
-
ref,
|
|
7249
|
-
...rest
|
|
7250
|
-
}: DsCardFooterProps) => import("react/jsx-runtime").JSX.Element;
|
|
7226
|
+
Root: typeof Root;
|
|
7227
|
+
Header: typeof Header$4;
|
|
7228
|
+
Body: typeof Body$4;
|
|
7229
|
+
Footer: typeof Footer$3;
|
|
7251
7230
|
};
|
|
7252
7231
|
//#endregion
|
|
7253
7232
|
//#region src/components/ds-catalog-layout/ds-catalog-layout.types.d.ts
|
|
@@ -7308,48 +7287,35 @@ interface DsCatalogLayoutContentHeaderProps extends Omit<ComponentPropsWithRef<'
|
|
|
7308
7287
|
}
|
|
7309
7288
|
//#endregion
|
|
7310
7289
|
//#region src/components/ds-catalog-layout/ds-catalog-layout.d.ts
|
|
7311
|
-
declare function DsCatalogLayout({
|
|
7312
|
-
className,
|
|
7313
|
-
fillParent,
|
|
7314
|
-
...rest
|
|
7315
|
-
}: DsCatalogLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
7316
|
-
declare namespace DsCatalogLayout {
|
|
7317
|
-
var Header: ({
|
|
7318
|
-
className,
|
|
7319
|
-
...rest
|
|
7320
|
-
}: DsCatalogLayoutHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
7321
|
-
}
|
|
7322
|
-
declare namespace DsCatalogLayout {
|
|
7323
|
-
var Body: ({
|
|
7324
|
-
className,
|
|
7325
|
-
...rest
|
|
7326
|
-
}: DsCatalogLayoutBodyProps) => import("react/jsx-runtime").JSX.Element;
|
|
7327
|
-
}
|
|
7328
|
-
declare namespace DsCatalogLayout {
|
|
7329
|
-
var SideMenu: ({
|
|
7330
|
-
className,
|
|
7331
|
-
pinned,
|
|
7332
|
-
onPinnedChange,
|
|
7333
|
-
locale,
|
|
7334
|
-
children,
|
|
7335
|
-
...rest
|
|
7336
|
-
}: DsCatalogLayoutSideMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
7337
|
-
}
|
|
7338
|
-
declare namespace DsCatalogLayout {
|
|
7339
|
-
var Content: ({
|
|
7340
|
-
className,
|
|
7341
|
-
...rest
|
|
7342
|
-
}: DsCatalogLayoutContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
7343
|
-
}
|
|
7290
|
+
declare function DsCatalogLayout({ className, fillParent, ...rest }: DsCatalogLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
7344
7291
|
declare namespace DsCatalogLayout {
|
|
7345
|
-
|
|
7346
|
-
|
|
7347
|
-
|
|
7348
|
-
|
|
7349
|
-
|
|
7350
|
-
|
|
7351
|
-
|
|
7352
|
-
|
|
7292
|
+
export { Header$3 as Header };
|
|
7293
|
+
export { Body$3 as Body };
|
|
7294
|
+
export { SideMenu$1 as SideMenu };
|
|
7295
|
+
export { Content$1 as Content };
|
|
7296
|
+
export { ContentHeader };
|
|
7297
|
+
export var displayName: string;
|
|
7298
|
+
}
|
|
7299
|
+
declare const Header$3: {
|
|
7300
|
+
({ className, ...rest }: DsCatalogLayoutHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
7301
|
+
displayName: string;
|
|
7302
|
+
};
|
|
7303
|
+
declare const Body$3: {
|
|
7304
|
+
({ className, ...rest }: DsCatalogLayoutBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
7305
|
+
displayName: string;
|
|
7306
|
+
};
|
|
7307
|
+
declare const SideMenu$1: {
|
|
7308
|
+
({ className, pinned, onPinnedChange, locale, children, ...rest }: DsCatalogLayoutSideMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
7309
|
+
displayName: string;
|
|
7310
|
+
};
|
|
7311
|
+
declare const Content$1: {
|
|
7312
|
+
({ className, ...rest }: DsCatalogLayoutContentProps): import("react/jsx-runtime").JSX.Element;
|
|
7313
|
+
displayName: string;
|
|
7314
|
+
};
|
|
7315
|
+
declare const ContentHeader: {
|
|
7316
|
+
({ className, title, headerActions, children, ...rest }: DsCatalogLayoutContentHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
7317
|
+
displayName: string;
|
|
7318
|
+
};
|
|
7353
7319
|
//#endregion
|
|
7354
7320
|
//#region src/components/ds-checkbox/ds-checkbox.types.d.ts
|
|
7355
7321
|
declare const checkboxVariants: readonly ['default', 'warning'];
|
|
@@ -7382,18 +7348,10 @@ interface DsCheckboxProps extends Omit<ComponentPropsWithoutRef<typeof Checkbox.
|
|
|
7382
7348
|
}
|
|
7383
7349
|
//#endregion
|
|
7384
7350
|
//#region src/components/ds-checkbox/ds-checkbox.d.ts
|
|
7385
|
-
|
|
7386
|
-
|
|
7387
|
-
|
|
7388
|
-
|
|
7389
|
-
variant,
|
|
7390
|
-
label,
|
|
7391
|
-
labelInfo,
|
|
7392
|
-
className,
|
|
7393
|
-
onCheckedChange,
|
|
7394
|
-
value,
|
|
7395
|
-
...props
|
|
7396
|
-
}: DsCheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
7351
|
+
declare function DsCheckbox({ variant, label, labelInfo, className, onCheckedChange, value, ...props }: DsCheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
7352
|
+
declare namespace DsCheckbox {
|
|
7353
|
+
var displayName: string;
|
|
7354
|
+
}
|
|
7397
7355
|
//#endregion
|
|
7398
7356
|
//#region src/components/ds-checkbox-group/ds-checkbox-group.types.d.ts
|
|
7399
7357
|
type DsCheckboxGroupOrientation = 'vertical' | 'horizontal';
|
|
@@ -7436,12 +7394,7 @@ interface UseCheckboxSelectAllResult {
|
|
|
7436
7394
|
* - Toggling selects or clears only selectable values; preserves any already-selected
|
|
7437
7395
|
* non-selectable values so bulk actions don't silently mutate protected items.
|
|
7438
7396
|
*/
|
|
7439
|
-
declare function useCheckboxSelectAll<T>({
|
|
7440
|
-
value,
|
|
7441
|
-
allValues,
|
|
7442
|
-
onValueChange,
|
|
7443
|
-
isSelectable
|
|
7444
|
-
}: UseCheckboxSelectAllOptions<T>): UseCheckboxSelectAllResult;
|
|
7397
|
+
declare function useCheckboxSelectAll<T>({ value, allValues, onValueChange, isSelectable }: UseCheckboxSelectAllOptions<T>): UseCheckboxSelectAllResult;
|
|
7445
7398
|
//#endregion
|
|
7446
7399
|
//#region src/components/ds-chip/ds-chip.types.d.ts
|
|
7447
7400
|
/**
|
|
@@ -7729,22 +7682,10 @@ interface DsCommentCardProps {
|
|
|
7729
7682
|
}
|
|
7730
7683
|
//#endregion
|
|
7731
7684
|
//#region src/components/ds-comment-card/ds-comment-card.d.ts
|
|
7732
|
-
declare
|
|
7733
|
-
|
|
7734
|
-
|
|
7735
|
-
|
|
7736
|
-
overflow,
|
|
7737
|
-
onClick,
|
|
7738
|
-
onResolve,
|
|
7739
|
-
onToggleActionRequired,
|
|
7740
|
-
onForward,
|
|
7741
|
-
onMarkUnread,
|
|
7742
|
-
onCopyLink,
|
|
7743
|
-
onDelete,
|
|
7744
|
-
formatTimestamp,
|
|
7745
|
-
className,
|
|
7746
|
-
style
|
|
7747
|
-
}: DsCommentCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
7685
|
+
declare function DsCommentCard({ ref, comment, disabled, overflow, onClick, onResolve, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, formatTimestamp, className, style }: DsCommentCardProps): import("react/jsx-runtime").JSX.Element;
|
|
7686
|
+
declare namespace DsCommentCard {
|
|
7687
|
+
var displayName: string;
|
|
7688
|
+
}
|
|
7748
7689
|
//#endregion
|
|
7749
7690
|
//#region src/components/ds-comment-bubble/ds-comment-bubble.types.d.ts
|
|
7750
7691
|
interface DsCommentBubbleProps {
|
|
@@ -7852,31 +7793,10 @@ interface DsCommentBubbleProps {
|
|
|
7852
7793
|
}
|
|
7853
7794
|
//#endregion
|
|
7854
7795
|
//#region src/components/ds-comment-bubble/ds-comment-bubble.d.ts
|
|
7855
|
-
declare
|
|
7856
|
-
|
|
7857
|
-
|
|
7858
|
-
|
|
7859
|
-
hideActionRequired,
|
|
7860
|
-
actionRequired,
|
|
7861
|
-
onActionRequiredChange,
|
|
7862
|
-
value,
|
|
7863
|
-
onValueChange,
|
|
7864
|
-
onSend,
|
|
7865
|
-
onClose,
|
|
7866
|
-
onResolve,
|
|
7867
|
-
onToggleActionRequired,
|
|
7868
|
-
onForward,
|
|
7869
|
-
onMarkUnread,
|
|
7870
|
-
onCopyLink,
|
|
7871
|
-
onDelete,
|
|
7872
|
-
onEditMessage,
|
|
7873
|
-
onDeleteMessage,
|
|
7874
|
-
onMessageMarkUnread,
|
|
7875
|
-
onMessageResolved,
|
|
7876
|
-
referenceTag,
|
|
7877
|
-
className,
|
|
7878
|
-
style
|
|
7879
|
-
}: DsCommentBubbleProps) => import("react/jsx-runtime").JSX.Element;
|
|
7796
|
+
declare function DsCommentBubble({ ref, comment, currentUser, hideActionRequired, actionRequired, onActionRequiredChange, value, onValueChange, onSend, onClose, onResolve, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, onEditMessage, onDeleteMessage, onMessageMarkUnread, onMessageResolved, referenceTag, className, style }: DsCommentBubbleProps): import("react/jsx-runtime").JSX.Element;
|
|
7797
|
+
declare namespace DsCommentBubble {
|
|
7798
|
+
var displayName: string;
|
|
7799
|
+
}
|
|
7880
7800
|
//#endregion
|
|
7881
7801
|
//#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.types.d.ts
|
|
7882
7802
|
interface DsCommentThreadProps {
|
|
@@ -7917,16 +7837,10 @@ interface DsCommentThreadProps {
|
|
|
7917
7837
|
}
|
|
7918
7838
|
//#endregion
|
|
7919
7839
|
//#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.d.ts
|
|
7920
|
-
declare
|
|
7921
|
-
|
|
7922
|
-
|
|
7923
|
-
|
|
7924
|
-
onEditMessage,
|
|
7925
|
-
onDeleteMessage,
|
|
7926
|
-
onMarkUnread,
|
|
7927
|
-
onResolved,
|
|
7928
|
-
className
|
|
7929
|
-
}: DsCommentThreadProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
7840
|
+
declare function DsCommentThread({ messages, commentAuthor, currentUser, onEditMessage, onDeleteMessage, onMarkUnread, onResolved, className }: DsCommentThreadProps): import("react/jsx-runtime").JSX.Element | null;
|
|
7841
|
+
declare namespace DsCommentThread {
|
|
7842
|
+
var displayName: string;
|
|
7843
|
+
}
|
|
7930
7844
|
//#endregion
|
|
7931
7845
|
//#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.types.d.ts
|
|
7932
7846
|
interface DsThreadItemProps {
|
|
@@ -7982,19 +7896,10 @@ interface DsThreadItemProps {
|
|
|
7982
7896
|
}
|
|
7983
7897
|
//#endregion
|
|
7984
7898
|
//#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.d.ts
|
|
7985
|
-
declare
|
|
7986
|
-
|
|
7987
|
-
|
|
7988
|
-
|
|
7989
|
-
createdAt,
|
|
7990
|
-
isCommentAuthorMessage,
|
|
7991
|
-
canModify,
|
|
7992
|
-
onEdit,
|
|
7993
|
-
onDelete,
|
|
7994
|
-
onMarkUnread,
|
|
7995
|
-
onResolved,
|
|
7996
|
-
className
|
|
7997
|
-
}: DsThreadItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
7899
|
+
declare function DsThreadItem({ id, author, content, createdAt, isCommentAuthorMessage, canModify, onEdit, onDelete, onMarkUnread, onResolved, className }: DsThreadItemProps): import("react/jsx-runtime").JSX.Element;
|
|
7900
|
+
declare namespace DsThreadItem {
|
|
7901
|
+
var displayName: string;
|
|
7902
|
+
}
|
|
7998
7903
|
//#endregion
|
|
7999
7904
|
//#region src/components/ds-comment-indicator/ds-comment-indicator.types.d.ts
|
|
8000
7905
|
type CommentIndicatorType = 'placeholder' | 'default' | 'action-required';
|
|
@@ -8035,15 +7940,10 @@ interface DsCommentIndicatorProps {
|
|
|
8035
7940
|
}
|
|
8036
7941
|
//#endregion
|
|
8037
7942
|
//#region src/components/ds-comment-indicator/ds-comment-indicator.d.ts
|
|
8038
|
-
declare
|
|
8039
|
-
|
|
8040
|
-
|
|
8041
|
-
|
|
8042
|
-
onClick,
|
|
8043
|
-
ref,
|
|
8044
|
-
className,
|
|
8045
|
-
style
|
|
8046
|
-
}: DsCommentIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
7943
|
+
declare function DsCommentIndicator({ type, avatarSrc, avatarName, onClick, ref, className, style }: DsCommentIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
7944
|
+
declare namespace DsCommentIndicator {
|
|
7945
|
+
var displayName: string;
|
|
7946
|
+
}
|
|
8047
7947
|
//#endregion
|
|
8048
7948
|
//#region src/components/ds-comments-drawer/ds-comments-drawer.types.d.ts
|
|
8049
7949
|
interface DsCommentsDrawerProps {
|
|
@@ -8132,25 +8032,10 @@ interface DsCommentsDrawerProps {
|
|
|
8132
8032
|
}
|
|
8133
8033
|
//#endregion
|
|
8134
8034
|
//#region src/components/ds-comments-drawer/ds-comments-drawer.d.ts
|
|
8135
|
-
declare
|
|
8136
|
-
|
|
8137
|
-
|
|
8138
|
-
|
|
8139
|
-
showResolved,
|
|
8140
|
-
onShowResolvedChange,
|
|
8141
|
-
searchQuery,
|
|
8142
|
-
onSearchChange,
|
|
8143
|
-
onCommentClick,
|
|
8144
|
-
onResolveComment,
|
|
8145
|
-
onToggleActionRequired,
|
|
8146
|
-
onForward,
|
|
8147
|
-
onMarkUnread,
|
|
8148
|
-
onCopyLink,
|
|
8149
|
-
onDelete,
|
|
8150
|
-
noCommentsMessage,
|
|
8151
|
-
className,
|
|
8152
|
-
style
|
|
8153
|
-
}: DsCommentsDrawerProps) => import("react/jsx-runtime").JSX.Element;
|
|
8035
|
+
declare function DsCommentsDrawer({ open, onOpenChange, comments, showResolved, onShowResolvedChange, searchQuery, onSearchChange, onCommentClick, onResolveComment, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, noCommentsMessage, className, style }: DsCommentsDrawerProps): import("react/jsx-runtime").JSX.Element;
|
|
8036
|
+
declare namespace DsCommentsDrawer {
|
|
8037
|
+
var displayName: string;
|
|
8038
|
+
}
|
|
8154
8039
|
//#endregion
|
|
8155
8040
|
//#region src/components/ds-comments-drawer/comments-filters.types.d.ts
|
|
8156
8041
|
interface FilterTag {
|
|
@@ -8232,68 +8117,55 @@ interface DsConfirmationProps {
|
|
|
8232
8117
|
//#region src/components/ds-confirmation/ds-confirmation.d.ts
|
|
8233
8118
|
declare function DsConfirmation(props: DsConfirmationProps): import("react/jsx-runtime").JSX.Element;
|
|
8234
8119
|
declare namespace DsConfirmation {
|
|
8235
|
-
var Header:
|
|
8236
|
-
style,
|
|
8237
|
-
|
|
8238
|
-
|
|
8239
|
-
|
|
8240
|
-
|
|
8241
|
-
|
|
8242
|
-
|
|
8243
|
-
|
|
8244
|
-
}
|
|
8245
|
-
|
|
8246
|
-
|
|
8247
|
-
|
|
8248
|
-
|
|
8249
|
-
|
|
8250
|
-
}
|
|
8251
|
-
|
|
8252
|
-
className
|
|
8253
|
-
|
|
8254
|
-
|
|
8255
|
-
}
|
|
8256
|
-
|
|
8257
|
-
|
|
8258
|
-
|
|
8259
|
-
className
|
|
8260
|
-
|
|
8261
|
-
|
|
8262
|
-
|
|
8263
|
-
|
|
8264
|
-
|
|
8265
|
-
|
|
8266
|
-
|
|
8267
|
-
|
|
8268
|
-
className,
|
|
8269
|
-
|
|
8270
|
-
|
|
8271
|
-
|
|
8272
|
-
|
|
8273
|
-
|
|
8274
|
-
}
|
|
8275
|
-
|
|
8276
|
-
|
|
8277
|
-
|
|
8278
|
-
|
|
8279
|
-
|
|
8280
|
-
|
|
8281
|
-
|
|
8282
|
-
|
|
8283
|
-
|
|
8284
|
-
children: import("react").ReactNode;
|
|
8285
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
8286
|
-
}
|
|
8287
|
-
declare namespace DsConfirmation {
|
|
8288
|
-
var Actions: ({
|
|
8289
|
-
style,
|
|
8290
|
-
className,
|
|
8291
|
-
children
|
|
8292
|
-
}: {
|
|
8293
|
-
style?: import("react").CSSProperties;
|
|
8294
|
-
className?: string;
|
|
8295
|
-
children: import("react").ReactNode;
|
|
8296
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
8120
|
+
export var Header: {
|
|
8121
|
+
({ style, className, children }: {
|
|
8122
|
+
style?: import("react").CSSProperties;
|
|
8123
|
+
className?: string;
|
|
8124
|
+
children: import("react").ReactNode;
|
|
8125
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
8126
|
+
displayName: string;
|
|
8127
|
+
};
|
|
8128
|
+
export var Title: {
|
|
8129
|
+
({ style, className, children }: {
|
|
8130
|
+
style?: import("react").CSSProperties;
|
|
8131
|
+
className?: string;
|
|
8132
|
+
children: import("react").ReactNode;
|
|
8133
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
8134
|
+
displayName: string;
|
|
8135
|
+
};
|
|
8136
|
+
export var CloseTrigger: {
|
|
8137
|
+
({ style, className }: {
|
|
8138
|
+
style?: import("react").CSSProperties;
|
|
8139
|
+
className?: string;
|
|
8140
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
8141
|
+
displayName: string;
|
|
8142
|
+
};
|
|
8143
|
+
var _a: {
|
|
8144
|
+
({ style, className, children }: {
|
|
8145
|
+
style?: import("react").CSSProperties;
|
|
8146
|
+
className?: string;
|
|
8147
|
+
children: import("react").ReactNode;
|
|
8148
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
8149
|
+
displayName: string;
|
|
8150
|
+
};
|
|
8151
|
+
export { _a as Body };
|
|
8152
|
+
export var Footer: {
|
|
8153
|
+
({ style, className, children }: {
|
|
8154
|
+
style?: import("react").CSSProperties;
|
|
8155
|
+
className?: string;
|
|
8156
|
+
children: import("react").ReactNode;
|
|
8157
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
8158
|
+
displayName: string;
|
|
8159
|
+
};
|
|
8160
|
+
export var Actions: {
|
|
8161
|
+
({ style, className, children }: {
|
|
8162
|
+
style?: import("react").CSSProperties;
|
|
8163
|
+
className?: string;
|
|
8164
|
+
children: import("react").ReactNode;
|
|
8165
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
8166
|
+
displayName: string;
|
|
8167
|
+
};
|
|
8168
|
+
export var displayName: string;
|
|
8297
8169
|
}
|
|
8298
8170
|
//#endregion
|
|
8299
8171
|
//#region src/components/ds-date-input/ds-date-input.types.d.ts
|
|
@@ -8414,29 +8286,10 @@ type DsDateInputBaseProps = Pick<DatePickerRootProps, 'disabled' | 'readOnly' |
|
|
|
8414
8286
|
type DsDateInputProps = DsDateInputBaseProps & DsDateInputRangeProps;
|
|
8415
8287
|
//#endregion
|
|
8416
8288
|
//#region src/components/ds-date-input/ds-date-input.d.ts
|
|
8417
|
-
|
|
8418
|
-
|
|
8419
|
-
|
|
8420
|
-
|
|
8421
|
-
*/
|
|
8422
|
-
declare const DsDateInput: ({
|
|
8423
|
-
range,
|
|
8424
|
-
placeholder,
|
|
8425
|
-
style,
|
|
8426
|
-
className,
|
|
8427
|
-
disablePortal,
|
|
8428
|
-
hideClearButton,
|
|
8429
|
-
onValueChange,
|
|
8430
|
-
onOpenChange,
|
|
8431
|
-
value: _value,
|
|
8432
|
-
defaultValue: _defaultValue,
|
|
8433
|
-
min: _min,
|
|
8434
|
-
max: _max,
|
|
8435
|
-
disabled,
|
|
8436
|
-
readOnly,
|
|
8437
|
-
id,
|
|
8438
|
-
...datePickerProps
|
|
8439
|
-
}: DsDateInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
8289
|
+
declare function DsDateInput({ range, placeholder, style, className, disablePortal, hideClearButton, onValueChange, onOpenChange, value: _value, defaultValue: _defaultValue, min: _min, max: _max, disabled, readOnly, id, ...datePickerProps }: DsDateInputProps): import("react/jsx-runtime").JSX.Element;
|
|
8290
|
+
declare namespace DsDateInput {
|
|
8291
|
+
var displayName: string;
|
|
8292
|
+
}
|
|
8440
8293
|
//#endregion
|
|
8441
8294
|
//#region src/components/ds-text-input/ds-text-input.types.d.ts
|
|
8442
8295
|
declare const textInputSizes: readonly ['small', 'default'];
|
|
@@ -8680,7 +8533,10 @@ interface DsTimePickerSlotProps {
|
|
|
8680
8533
|
}
|
|
8681
8534
|
//#endregion
|
|
8682
8535
|
//#region src/components/ds-time-picker/ds-time-picker.d.ts
|
|
8683
|
-
declare
|
|
8536
|
+
declare function DsTimePicker(props: DsTimePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
8537
|
+
declare namespace DsTimePicker {
|
|
8538
|
+
var displayName: string;
|
|
8539
|
+
}
|
|
8684
8540
|
//#endregion
|
|
8685
8541
|
//#region src/components/ds-time-picker/ds-time-picker.utils.d.ts
|
|
8686
8542
|
/**
|
|
@@ -8768,7 +8624,7 @@ interface DsDatePickerProps extends Pick<DatePickerRootProps, 'disabled' | 'read
|
|
|
8768
8624
|
disablePortal?: boolean;
|
|
8769
8625
|
/**
|
|
8770
8626
|
* Whether to hide the clear button
|
|
8771
|
-
* @default
|
|
8627
|
+
* @default false
|
|
8772
8628
|
*/
|
|
8773
8629
|
hideClearButton?: boolean;
|
|
8774
8630
|
/**
|
|
@@ -8782,27 +8638,10 @@ interface DsDatePickerProps extends Pick<DatePickerRootProps, 'disabled' | 'read
|
|
|
8782
8638
|
}
|
|
8783
8639
|
//#endregion
|
|
8784
8640
|
//#region src/components/ds-date-picker/ds-date-picker.d.ts
|
|
8785
|
-
declare
|
|
8786
|
-
|
|
8787
|
-
|
|
8788
|
-
|
|
8789
|
-
closeOnSelect,
|
|
8790
|
-
disablePortal,
|
|
8791
|
-
hideClearButton,
|
|
8792
|
-
locale,
|
|
8793
|
-
slotProps,
|
|
8794
|
-
onChange,
|
|
8795
|
-
onOpenChange,
|
|
8796
|
-
onBlur,
|
|
8797
|
-
value: _value,
|
|
8798
|
-
defaultValue: _defaultValue,
|
|
8799
|
-
min: _min,
|
|
8800
|
-
max: _max,
|
|
8801
|
-
disabled,
|
|
8802
|
-
readOnly,
|
|
8803
|
-
id,
|
|
8804
|
-
...restProps
|
|
8805
|
-
}: DsDatePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
8641
|
+
declare function DsDatePicker({ placeholder, className, withTime, closeOnSelect, disablePortal, hideClearButton, locale, slotProps, onChange, onOpenChange, onBlur, value: _value, defaultValue: _defaultValue, min: _min, max: _max, disabled, readOnly, id, ...restProps }: DsDatePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
8642
|
+
declare namespace DsDatePicker {
|
|
8643
|
+
var displayName: string;
|
|
8644
|
+
}
|
|
8806
8645
|
//#endregion
|
|
8807
8646
|
//#region src/components/ds-number-input/ds-number-input.types.d.ts
|
|
8808
8647
|
interface DsNumberInputProps {
|
|
@@ -9138,21 +8977,10 @@ type DsSelectProps = {
|
|
|
9138
8977
|
});
|
|
9139
8978
|
//#endregion
|
|
9140
8979
|
//#region src/components/ds-select/ds-select.d.ts
|
|
9141
|
-
declare
|
|
9142
|
-
|
|
9143
|
-
|
|
9144
|
-
|
|
9145
|
-
style,
|
|
9146
|
-
size,
|
|
9147
|
-
clearable,
|
|
9148
|
-
onClear,
|
|
9149
|
-
onBlur,
|
|
9150
|
-
className,
|
|
9151
|
-
placeholder,
|
|
9152
|
-
disabled,
|
|
9153
|
-
renderOption,
|
|
9154
|
-
...multiselectProps
|
|
9155
|
-
}: DsSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
8980
|
+
declare function DsSelect({ id, options: userOptions, value, style, size, clearable, onClear, onBlur, className, placeholder, disabled, renderOption, ...multiselectProps }: DsSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
8981
|
+
declare namespace DsSelect {
|
|
8982
|
+
var displayName: string;
|
|
8983
|
+
}
|
|
9156
8984
|
//#endregion
|
|
9157
8985
|
//#region src/components/ds-form-control/ds-form-control.types.d.ts
|
|
9158
8986
|
declare const controlStatuses: readonly ['info', 'success', 'error', 'warning'];
|
|
@@ -9216,45 +9044,19 @@ interface DsFormControlDescriptionProps {
|
|
|
9216
9044
|
}
|
|
9217
9045
|
//#endregion
|
|
9218
9046
|
//#region src/components/ds-form-control/ds-form-control.d.ts
|
|
9219
|
-
declare
|
|
9220
|
-
|
|
9221
|
-
status,
|
|
9222
|
-
label,
|
|
9223
|
-
hideLabel,
|
|
9224
|
-
required,
|
|
9225
|
-
slots,
|
|
9226
|
-
message,
|
|
9227
|
-
messageIcon,
|
|
9228
|
-
className,
|
|
9229
|
-
style,
|
|
9230
|
-
children
|
|
9231
|
-
}: DsFormControlProps): import("react/jsx-runtime").JSX.Element;
|
|
9047
|
+
declare const DsFormControlDescription: React$1.FC<DsFormControlDescriptionProps>;
|
|
9048
|
+
declare function DsFormControl({ id, status, label, hideLabel, required, slots, message, messageIcon, className, style, children }: DsFormControlProps): import("react/jsx-runtime").JSX.Element;
|
|
9232
9049
|
declare namespace DsFormControl {
|
|
9233
9050
|
var TextInput: (props: DsTextInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
9234
|
-
}
|
|
9235
|
-
declare namespace DsFormControl {
|
|
9236
9051
|
var NumberInput: (props: DsNumberInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
9237
|
-
}
|
|
9238
|
-
declare namespace DsFormControl {
|
|
9239
9052
|
var PasswordInput: (props: DsPasswordInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
9240
|
-
}
|
|
9241
|
-
declare namespace DsFormControl {
|
|
9242
9053
|
var DateInput: (props: DsDateInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
9243
|
-
}
|
|
9244
|
-
declare namespace DsFormControl {
|
|
9245
9054
|
var DatePicker: (props: DsDatePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
9246
|
-
}
|
|
9247
|
-
declare namespace DsFormControl {
|
|
9248
9055
|
var TimePicker: (props: DsTimePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
9249
|
-
}
|
|
9250
|
-
declare namespace DsFormControl {
|
|
9251
9056
|
var Textarea: (props: DsTextareaProps) => import("react/jsx-runtime").JSX.Element;
|
|
9252
|
-
}
|
|
9253
|
-
declare namespace DsFormControl {
|
|
9254
9057
|
var Select: (props: DsSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
9255
|
-
}
|
|
9256
|
-
|
|
9257
|
-
var Description: React$1.FC<DsFormControlDescriptionProps>;
|
|
9058
|
+
export { DsFormControlDescription as Description };
|
|
9059
|
+
export var displayName: string;
|
|
9258
9060
|
}
|
|
9259
9061
|
//#endregion
|
|
9260
9062
|
//#region src/components/ds-date-range-picker/ds-date-range-picker.types.d.ts
|
|
@@ -9361,23 +9163,10 @@ interface DsDateRangePickerProps {
|
|
|
9361
9163
|
}
|
|
9362
9164
|
//#endregion
|
|
9363
9165
|
//#region src/components/ds-date-range-picker/ds-date-range-picker.d.ts
|
|
9364
|
-
declare
|
|
9365
|
-
|
|
9366
|
-
|
|
9367
|
-
|
|
9368
|
-
min,
|
|
9369
|
-
max,
|
|
9370
|
-
withTime,
|
|
9371
|
-
orientation,
|
|
9372
|
-
hideClearAll,
|
|
9373
|
-
closeOnSelect,
|
|
9374
|
-
disabled,
|
|
9375
|
-
readOnly,
|
|
9376
|
-
className,
|
|
9377
|
-
disablePortal,
|
|
9378
|
-
locale,
|
|
9379
|
-
slotProps
|
|
9380
|
-
}: DsDateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
9166
|
+
declare function DsDateRangePicker({ value: valueProp, defaultValue, onChange, min, max, withTime, orientation, hideClearAll, closeOnSelect, disabled, readOnly, className, disablePortal, locale, slotProps }: DsDateRangePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
9167
|
+
declare namespace DsDateRangePicker {
|
|
9168
|
+
var displayName: string;
|
|
9169
|
+
}
|
|
9381
9170
|
//#endregion
|
|
9382
9171
|
//#region src/components/ds-dialog/ds-dialog.types.d.ts
|
|
9383
9172
|
interface DsDialogProps {
|
|
@@ -9416,7 +9205,7 @@ interface DsDialogProps {
|
|
|
9416
9205
|
/**
|
|
9417
9206
|
* Ref to the element the dialog should be anchored to (for relative placement)
|
|
9418
9207
|
*/
|
|
9419
|
-
anchorRef?: React$1.RefObject<HTMLElement>;
|
|
9208
|
+
anchorRef?: React$1.RefObject<HTMLElement | null>;
|
|
9420
9209
|
/**
|
|
9421
9210
|
* Custom fixed position (e.g., { top: number, left: number })
|
|
9422
9211
|
*/
|
|
@@ -9437,6 +9226,13 @@ interface DsDialogProps {
|
|
|
9437
9226
|
}
|
|
9438
9227
|
//#endregion
|
|
9439
9228
|
//#region src/components/ds-dialog/ds-dialog.d.ts
|
|
9229
|
+
/**
|
|
9230
|
+
* @summary Lightweight controlled dialog for simple panels and popovers.
|
|
9231
|
+
*
|
|
9232
|
+
* Renders a Radix dialog with required accessible title, optional description,
|
|
9233
|
+
* and custom body content. Use for focused overlays and menu-style panels.
|
|
9234
|
+
* Prefer `DsModal` when you need structured header, body, and footer sections.
|
|
9235
|
+
*/
|
|
9440
9236
|
declare const DsDialog: React$1.FC<DsDialogProps>;
|
|
9441
9237
|
//#endregion
|
|
9442
9238
|
//#region src/components/ds-divider/ds-divider.types.d.ts
|
|
@@ -9481,6 +9277,13 @@ interface DsDrawerProps extends Pick<UseDialogProps, 'closeOnEscape' | 'closeOnI
|
|
|
9481
9277
|
* Callback when the drawer open state changes
|
|
9482
9278
|
*/
|
|
9483
9279
|
onOpenChange: (open: boolean) => void;
|
|
9280
|
+
/**
|
|
9281
|
+
* Called when focus is about to move into the drawer as it opens.
|
|
9282
|
+
* Call `event.preventDefault()` to stop the drawer from stealing focus,
|
|
9283
|
+
* keeping the caret where it was (e.g. in a text input that triggered the
|
|
9284
|
+
* drawer). Useful for type-ahead / popover patterns.
|
|
9285
|
+
*/
|
|
9286
|
+
onOpenAutoFocus?: (event: Event) => void;
|
|
9484
9287
|
/**
|
|
9485
9288
|
* Number of grid columns the drawer should span (1-12).
|
|
9486
9289
|
* Accepts a responsive value, e.g. `{ lg: 4, md: 6 }`.
|
|
@@ -9517,98 +9320,78 @@ interface DsDrawerProps extends Pick<UseDialogProps, 'closeOnEscape' | 'closeOnI
|
|
|
9517
9320
|
}
|
|
9518
9321
|
//#endregion
|
|
9519
9322
|
//#region src/components/ds-drawer/ds-drawer.d.ts
|
|
9520
|
-
declare function DsDrawer({
|
|
9521
|
-
open,
|
|
9522
|
-
onOpenChange,
|
|
9523
|
-
columns,
|
|
9524
|
-
position,
|
|
9525
|
-
backdrop,
|
|
9526
|
-
closeOnEscape,
|
|
9527
|
-
closeOnInteractOutside,
|
|
9528
|
-
portal,
|
|
9529
|
-
style,
|
|
9530
|
-
className,
|
|
9531
|
-
children
|
|
9532
|
-
}: DsDrawerProps): import("react/jsx-runtime").JSX.Element;
|
|
9323
|
+
declare function DsDrawer({ open, onOpenChange, onOpenAutoFocus, columns, position, backdrop, closeOnEscape, closeOnInteractOutside, portal, style, className, children }: DsDrawerProps): import("react/jsx-runtime").JSX.Element;
|
|
9533
9324
|
declare namespace DsDrawer {
|
|
9534
|
-
|
|
9535
|
-
|
|
9536
|
-
|
|
9537
|
-
|
|
9538
|
-
|
|
9325
|
+
export { Header$2 as Header };
|
|
9326
|
+
export { Title$1 as Title };
|
|
9327
|
+
export { CloseTrigger$1 as CloseTrigger };
|
|
9328
|
+
export { Toolbar };
|
|
9329
|
+
export { Body$2 as Body };
|
|
9330
|
+
export { Footer$2 as Footer };
|
|
9331
|
+
export { Actions$1 as Actions };
|
|
9332
|
+
export var displayName: string;
|
|
9333
|
+
}
|
|
9334
|
+
declare const Header$2: {
|
|
9335
|
+
({ style, className, children }: {
|
|
9539
9336
|
style?: CSSProperties;
|
|
9540
9337
|
className?: string;
|
|
9541
9338
|
children: ReactNode;
|
|
9542
|
-
})
|
|
9543
|
-
|
|
9544
|
-
|
|
9545
|
-
|
|
9546
|
-
|
|
9547
|
-
className,
|
|
9548
|
-
children
|
|
9549
|
-
}: {
|
|
9339
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9340
|
+
displayName: string;
|
|
9341
|
+
};
|
|
9342
|
+
declare const Title$1: {
|
|
9343
|
+
({ style, className, children }: {
|
|
9550
9344
|
style?: CSSProperties;
|
|
9551
9345
|
className?: string;
|
|
9552
9346
|
children: ReactNode;
|
|
9553
|
-
})
|
|
9554
|
-
|
|
9555
|
-
|
|
9556
|
-
|
|
9557
|
-
|
|
9558
|
-
className
|
|
9559
|
-
}: {
|
|
9347
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9348
|
+
displayName: string;
|
|
9349
|
+
};
|
|
9350
|
+
declare const CloseTrigger$1: {
|
|
9351
|
+
({ style, className }: {
|
|
9560
9352
|
style?: CSSProperties;
|
|
9561
9353
|
className?: string;
|
|
9562
|
-
})
|
|
9563
|
-
|
|
9564
|
-
|
|
9565
|
-
|
|
9566
|
-
|
|
9567
|
-
className,
|
|
9568
|
-
children
|
|
9569
|
-
}: {
|
|
9354
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9355
|
+
displayName: string;
|
|
9356
|
+
};
|
|
9357
|
+
declare const Toolbar: {
|
|
9358
|
+
({ style, className, children }: {
|
|
9570
9359
|
style?: CSSProperties;
|
|
9571
9360
|
className?: string;
|
|
9572
9361
|
children: ReactNode;
|
|
9573
|
-
})
|
|
9574
|
-
|
|
9575
|
-
|
|
9576
|
-
|
|
9577
|
-
|
|
9578
|
-
className,
|
|
9579
|
-
children
|
|
9580
|
-
}: {
|
|
9362
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9363
|
+
displayName: string;
|
|
9364
|
+
};
|
|
9365
|
+
declare const Body$2: {
|
|
9366
|
+
({ style, className, children }: {
|
|
9581
9367
|
style?: CSSProperties;
|
|
9582
9368
|
className?: string;
|
|
9583
9369
|
children: ReactNode;
|
|
9584
|
-
})
|
|
9585
|
-
|
|
9586
|
-
|
|
9587
|
-
|
|
9588
|
-
|
|
9589
|
-
className,
|
|
9590
|
-
children
|
|
9591
|
-
}: {
|
|
9370
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9371
|
+
displayName: string;
|
|
9372
|
+
};
|
|
9373
|
+
declare const Footer$2: {
|
|
9374
|
+
({ style, className, children }: {
|
|
9592
9375
|
style?: CSSProperties;
|
|
9593
9376
|
className?: string;
|
|
9594
9377
|
children: ReactNode;
|
|
9595
|
-
})
|
|
9596
|
-
|
|
9597
|
-
|
|
9598
|
-
|
|
9599
|
-
|
|
9600
|
-
className,
|
|
9601
|
-
children
|
|
9602
|
-
}: {
|
|
9378
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9379
|
+
displayName: string;
|
|
9380
|
+
};
|
|
9381
|
+
declare const Actions$1: {
|
|
9382
|
+
({ style, className, children }: {
|
|
9603
9383
|
style?: CSSProperties;
|
|
9604
9384
|
className?: string;
|
|
9605
9385
|
children: ReactNode;
|
|
9606
|
-
})
|
|
9607
|
-
|
|
9386
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9387
|
+
displayName: string;
|
|
9388
|
+
};
|
|
9608
9389
|
//#endregion
|
|
9609
9390
|
//#region src/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts
|
|
9610
9391
|
declare const dropdownMenuItemVariants: readonly ['default', 'error'];
|
|
9611
9392
|
type DropdownMenuItemVariant = (typeof dropdownMenuItemVariants)[number];
|
|
9393
|
+
declare const dropdownMenuActionsAlignments: readonly ['end', 'stretch'];
|
|
9394
|
+
type DropdownMenuActionsAlign = (typeof dropdownMenuActionsAlignments)[number];
|
|
9612
9395
|
/**
|
|
9613
9396
|
* Base positioning type
|
|
9614
9397
|
*/
|
|
@@ -9827,9 +9610,15 @@ interface DsDropdownMenuHeaderProps {
|
|
|
9827
9610
|
*/
|
|
9828
9611
|
interface DsDropdownMenuActionsProps {
|
|
9829
9612
|
/**
|
|
9830
|
-
* The action buttons or elements
|
|
9613
|
+
* The action buttons or full-width elements pinned to the bottom of the menu.
|
|
9831
9614
|
*/
|
|
9832
9615
|
children: ReactNode;
|
|
9616
|
+
/**
|
|
9617
|
+
* How children are laid out. `end` is a right-aligned button row (e.g.
|
|
9618
|
+
* Cancel/Apply); `stretch` stacks full-width children (e.g. a logout item).
|
|
9619
|
+
* @default 'end'
|
|
9620
|
+
*/
|
|
9621
|
+
align?: DropdownMenuActionsAlign;
|
|
9833
9622
|
/**
|
|
9834
9623
|
* Optional CSS class name
|
|
9835
9624
|
*/
|
|
@@ -9951,13 +9740,10 @@ interface DsExpandableTextInputProps extends Omit<DsTextInputProps, 'tabIndex' |
|
|
|
9951
9740
|
}
|
|
9952
9741
|
//#endregion
|
|
9953
9742
|
//#region src/components/ds-expandable-text-input/ds-expandable-text-input.d.ts
|
|
9954
|
-
declare function DsExpandableTextInput({
|
|
9955
|
-
|
|
9956
|
-
|
|
9957
|
-
|
|
9958
|
-
size,
|
|
9959
|
-
...props
|
|
9960
|
-
}: DsExpandableTextInputProps): import("react/jsx-runtime").JSX.Element;
|
|
9743
|
+
declare function DsExpandableTextInput({ onClear, onExpandChange, icon, size, ...props }: DsExpandableTextInputProps): import("react/jsx-runtime").JSX.Element;
|
|
9744
|
+
declare namespace DsExpandableTextInput {
|
|
9745
|
+
var displayName: string;
|
|
9746
|
+
}
|
|
9961
9747
|
//#endregion
|
|
9962
9748
|
//#region src/components/ds-file-upload/ds-file-upload-api.types.d.ts
|
|
9963
9749
|
type FileError = FileUploadFileError;
|
|
@@ -10249,16 +10035,7 @@ interface UseFileUploadReturn {
|
|
|
10249
10035
|
/**
|
|
10250
10036
|
* File upload state management hook
|
|
10251
10037
|
*/
|
|
10252
|
-
declare function useFileUpload({
|
|
10253
|
-
adapter,
|
|
10254
|
-
autoUpload,
|
|
10255
|
-
maxConcurrent,
|
|
10256
|
-
maxFiles,
|
|
10257
|
-
metadata,
|
|
10258
|
-
onFileUploadComplete,
|
|
10259
|
-
onFileUploadError,
|
|
10260
|
-
onAllFileUploadsComplete
|
|
10261
|
-
}: UseFileUploadConfig): UseFileUploadReturn;
|
|
10038
|
+
declare function useFileUpload({ adapter, autoUpload, maxConcurrent, maxFiles, metadata, onFileUploadComplete, onFileUploadError, onAllFileUploadsComplete }: UseFileUploadConfig): UseFileUploadReturn;
|
|
10262
10039
|
//#endregion
|
|
10263
10040
|
//#region src/components/ds-file-upload/errors/file-upload-errors.d.ts
|
|
10264
10041
|
/**
|
|
@@ -10312,17 +10089,10 @@ interface DsFilterStatusIconProps {
|
|
|
10312
10089
|
}
|
|
10313
10090
|
//#endregion
|
|
10314
10091
|
//#region src/components/ds-filter-status-icon/ds-filter-status-icon.d.ts
|
|
10315
|
-
|
|
10316
|
-
|
|
10317
|
-
|
|
10318
|
-
|
|
10319
|
-
declare const DsFilterStatusIcon: ({
|
|
10320
|
-
status,
|
|
10321
|
-
active,
|
|
10322
|
-
size,
|
|
10323
|
-
className,
|
|
10324
|
-
style
|
|
10325
|
-
}: DsFilterStatusIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
10092
|
+
declare function DsFilterStatusIcon({ status, active, size, className, style }: DsFilterStatusIconProps): import("react/jsx-runtime").JSX.Element;
|
|
10093
|
+
declare namespace DsFilterStatusIcon {
|
|
10094
|
+
var displayName: string;
|
|
10095
|
+
}
|
|
10326
10096
|
//#endregion
|
|
10327
10097
|
//#region src/components/ds-grid/index.d.ts
|
|
10328
10098
|
declare const DsGrid: {
|
|
@@ -10380,16 +10150,10 @@ interface DsKeyValuePairProps {
|
|
|
10380
10150
|
}
|
|
10381
10151
|
//#endregion
|
|
10382
10152
|
//#region src/components/ds-key-value-pair/ds-key-value-pair.d.ts
|
|
10383
|
-
declare
|
|
10384
|
-
|
|
10385
|
-
|
|
10386
|
-
|
|
10387
|
-
readOnly,
|
|
10388
|
-
orientation,
|
|
10389
|
-
editInput,
|
|
10390
|
-
className,
|
|
10391
|
-
style
|
|
10392
|
-
}: DsKeyValuePairProps) => import("react/jsx-runtime").JSX.Element;
|
|
10153
|
+
declare function DsKeyValuePair({ ref, keyLabel, value, readOnly, orientation, editInput, className, style }: DsKeyValuePairProps): import("react/jsx-runtime").JSX.Element;
|
|
10154
|
+
declare namespace DsKeyValuePair {
|
|
10155
|
+
var displayName: string;
|
|
10156
|
+
}
|
|
10393
10157
|
//#endregion
|
|
10394
10158
|
//#region src/components/ds-loader/ds-loader.types.d.ts
|
|
10395
10159
|
declare const loaderVariants: readonly ['spinner', 'pulsing'];
|
|
@@ -10415,14 +10179,10 @@ interface DsLoaderProps {
|
|
|
10415
10179
|
}
|
|
10416
10180
|
//#endregion
|
|
10417
10181
|
//#region src/components/ds-loader/ds-loader.d.ts
|
|
10418
|
-
|
|
10419
|
-
|
|
10420
|
-
|
|
10421
|
-
|
|
10422
|
-
variant,
|
|
10423
|
-
className,
|
|
10424
|
-
...props
|
|
10425
|
-
}: DsLoaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
10182
|
+
declare function DsLoader({ variant, className, ...props }: DsLoaderProps): import("react/jsx-runtime").JSX.Element;
|
|
10183
|
+
declare namespace DsLoader {
|
|
10184
|
+
var displayName: string;
|
|
10185
|
+
}
|
|
10426
10186
|
//#endregion
|
|
10427
10187
|
//#region src/components/ds-modal/ds-modal.types.d.ts
|
|
10428
10188
|
/**
|
|
@@ -10483,82 +10243,63 @@ interface DsModalProps extends Pick<UseDialogProps, 'modal' | 'closeOnEscape' |
|
|
|
10483
10243
|
}
|
|
10484
10244
|
//#endregion
|
|
10485
10245
|
//#region src/components/ds-modal/ds-modal.d.ts
|
|
10486
|
-
declare function DsModal({
|
|
10487
|
-
open,
|
|
10488
|
-
columns,
|
|
10489
|
-
dividers,
|
|
10490
|
-
style,
|
|
10491
|
-
className,
|
|
10492
|
-
modal,
|
|
10493
|
-
closeOnEscape,
|
|
10494
|
-
closeOnInteractOutside,
|
|
10495
|
-
children,
|
|
10496
|
-
onOpenChange
|
|
10497
|
-
}: DsModalProps): import("react/jsx-runtime").JSX.Element;
|
|
10246
|
+
declare function DsModal({ open, columns, dividers, style, className, modal, closeOnEscape, closeOnInteractOutside, children, onOpenChange }: DsModalProps): import("react/jsx-runtime").JSX.Element;
|
|
10498
10247
|
declare namespace DsModal {
|
|
10499
|
-
|
|
10500
|
-
|
|
10501
|
-
|
|
10502
|
-
|
|
10503
|
-
|
|
10248
|
+
export { Header$1 as Header };
|
|
10249
|
+
export { Title };
|
|
10250
|
+
export { CloseTrigger };
|
|
10251
|
+
export { Body$1 as Body };
|
|
10252
|
+
export { Footer$1 as Footer };
|
|
10253
|
+
export { Actions };
|
|
10254
|
+
export var displayName: string;
|
|
10255
|
+
}
|
|
10256
|
+
declare const Header$1: {
|
|
10257
|
+
({ style, className, children }: {
|
|
10504
10258
|
style?: CSSProperties;
|
|
10505
10259
|
className?: string;
|
|
10506
10260
|
children: ReactNode;
|
|
10507
|
-
})
|
|
10508
|
-
|
|
10509
|
-
|
|
10510
|
-
|
|
10511
|
-
|
|
10512
|
-
className,
|
|
10513
|
-
children
|
|
10514
|
-
}: {
|
|
10261
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10262
|
+
displayName: string;
|
|
10263
|
+
};
|
|
10264
|
+
declare const Title: {
|
|
10265
|
+
({ style, className, children }: {
|
|
10515
10266
|
style?: CSSProperties;
|
|
10516
10267
|
className?: string;
|
|
10517
10268
|
children: ReactNode;
|
|
10518
|
-
})
|
|
10519
|
-
|
|
10520
|
-
|
|
10521
|
-
|
|
10522
|
-
|
|
10523
|
-
className
|
|
10524
|
-
}: {
|
|
10269
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10270
|
+
displayName: string;
|
|
10271
|
+
};
|
|
10272
|
+
declare const CloseTrigger: {
|
|
10273
|
+
({ style, className }: {
|
|
10525
10274
|
style?: CSSProperties;
|
|
10526
10275
|
className?: string;
|
|
10527
|
-
})
|
|
10528
|
-
|
|
10529
|
-
|
|
10530
|
-
|
|
10531
|
-
|
|
10532
|
-
className,
|
|
10533
|
-
children
|
|
10534
|
-
}: {
|
|
10276
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10277
|
+
displayName: string;
|
|
10278
|
+
};
|
|
10279
|
+
declare const Body$1: {
|
|
10280
|
+
({ style, className, children }: {
|
|
10535
10281
|
style?: CSSProperties;
|
|
10536
10282
|
className?: string;
|
|
10537
10283
|
children: ReactNode;
|
|
10538
|
-
})
|
|
10539
|
-
|
|
10540
|
-
|
|
10541
|
-
|
|
10542
|
-
|
|
10543
|
-
className,
|
|
10544
|
-
children
|
|
10545
|
-
}: {
|
|
10284
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10285
|
+
displayName: string;
|
|
10286
|
+
};
|
|
10287
|
+
declare const Footer$1: {
|
|
10288
|
+
({ style, className, children }: {
|
|
10546
10289
|
style?: CSSProperties;
|
|
10547
10290
|
className?: string;
|
|
10548
10291
|
children: ReactNode;
|
|
10549
|
-
})
|
|
10550
|
-
|
|
10551
|
-
|
|
10552
|
-
|
|
10553
|
-
|
|
10554
|
-
className,
|
|
10555
|
-
children
|
|
10556
|
-
}: {
|
|
10292
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10293
|
+
displayName: string;
|
|
10294
|
+
};
|
|
10295
|
+
declare const Actions: {
|
|
10296
|
+
({ style, className, children }: {
|
|
10557
10297
|
style?: CSSProperties;
|
|
10558
10298
|
className?: string;
|
|
10559
10299
|
children: ReactNode;
|
|
10560
|
-
})
|
|
10561
|
-
|
|
10300
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10301
|
+
displayName: string;
|
|
10302
|
+
};
|
|
10562
10303
|
//#endregion
|
|
10563
10304
|
//#region src/components/ds-panel/ds-panel.types.d.ts
|
|
10564
10305
|
type DsPanelVariant = 'docked' | 'floating';
|
|
@@ -11017,58 +10758,53 @@ interface DsPopoverProps {
|
|
|
11017
10758
|
}
|
|
11018
10759
|
//#endregion
|
|
11019
10760
|
//#region src/components/ds-popover/ds-popover.d.ts
|
|
11020
|
-
declare const
|
|
11021
|
-
|
|
11022
|
-
|
|
11023
|
-
|
|
11024
|
-
|
|
11025
|
-
|
|
11026
|
-
|
|
11027
|
-
|
|
11028
|
-
|
|
11029
|
-
|
|
11030
|
-
|
|
11031
|
-
|
|
11032
|
-
|
|
11033
|
-
|
|
11034
|
-
|
|
11035
|
-
|
|
11036
|
-
|
|
11037
|
-
|
|
11038
|
-
|
|
11039
|
-
|
|
11040
|
-
|
|
11041
|
-
|
|
11042
|
-
|
|
11043
|
-
|
|
11044
|
-
|
|
11045
|
-
|
|
11046
|
-
|
|
11047
|
-
|
|
11048
|
-
|
|
11049
|
-
|
|
11050
|
-
|
|
11051
|
-
|
|
11052
|
-
|
|
11053
|
-
|
|
11054
|
-
|
|
11055
|
-
|
|
11056
|
-
|
|
11057
|
-
|
|
11058
|
-
|
|
11059
|
-
|
|
11060
|
-
|
|
11061
|
-
|
|
11062
|
-
|
|
11063
|
-
|
|
11064
|
-
|
|
11065
|
-
|
|
11066
|
-
|
|
11067
|
-
Footer: ({
|
|
11068
|
-
className,
|
|
11069
|
-
style,
|
|
11070
|
-
children
|
|
11071
|
-
}: DsPopoverFooterProps) => import("react/jsx-runtime").JSX.Element;
|
|
10761
|
+
declare const DsPopoverRoot: {
|
|
10762
|
+
({ open, defaultOpen, side, align, gutter, modal, children, onOpenChange }: DsPopoverRootProps): import("react/jsx-runtime").JSX.Element;
|
|
10763
|
+
displayName: string;
|
|
10764
|
+
};
|
|
10765
|
+
declare const DsPopoverTrigger: {
|
|
10766
|
+
({ children, className }: DsPopoverTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
10767
|
+
displayName: string;
|
|
10768
|
+
};
|
|
10769
|
+
declare const DsPopoverPanel: {
|
|
10770
|
+
({ width, className, style, children, ref, 'aria-label': ariaLabel }: DsPopoverPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
10771
|
+
displayName: string;
|
|
10772
|
+
};
|
|
10773
|
+
declare const DsPopoverHeader: {
|
|
10774
|
+
({ icon, className, style, children }: DsPopoverHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
10775
|
+
displayName: string;
|
|
10776
|
+
};
|
|
10777
|
+
declare const DsPopoverContent: {
|
|
10778
|
+
({ className, style, children }: DsPopoverContentProps): import("react/jsx-runtime").JSX.Element;
|
|
10779
|
+
displayName: string;
|
|
10780
|
+
};
|
|
10781
|
+
declare const DsPopoverContentItem: {
|
|
10782
|
+
({ status, headline, className, style, children }: DsPopoverContentItemProps): import("react/jsx-runtime").JSX.Element;
|
|
10783
|
+
displayName: string;
|
|
10784
|
+
};
|
|
10785
|
+
declare const DsPopoverFooter: {
|
|
10786
|
+
({ className, style, children }: DsPopoverFooterProps): import("react/jsx-runtime").JSX.Element;
|
|
10787
|
+
displayName: string;
|
|
10788
|
+
};
|
|
10789
|
+
/**
|
|
10790
|
+
* Legacy single-element form. Keeps the old call signature and `side` default
|
|
10791
|
+
* ('top') compiling and opening, but now renders the new fixed-width panel —
|
|
10792
|
+
* styling differs from the old Radix popover and the Radix `Popover.Close`
|
|
10793
|
+
* context is no longer wired.
|
|
10794
|
+
* @deprecated Migrate to the compound API (`DsPopover.Root` / `.Trigger` / `.Panel`).
|
|
10795
|
+
*/
|
|
10796
|
+
declare const DsPopoverLegacy: {
|
|
10797
|
+
({ trigger, children, className, side, align }: DsPopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
10798
|
+
displayName: string;
|
|
10799
|
+
};
|
|
10800
|
+
declare const DsPopover: typeof DsPopoverLegacy & {
|
|
10801
|
+
Root: typeof DsPopoverRoot;
|
|
10802
|
+
Trigger: typeof DsPopoverTrigger;
|
|
10803
|
+
Panel: typeof DsPopoverPanel;
|
|
10804
|
+
Header: typeof DsPopoverHeader;
|
|
10805
|
+
Content: typeof DsPopoverContent;
|
|
10806
|
+
ContentItem: typeof DsPopoverContentItem;
|
|
10807
|
+
Footer: typeof DsPopoverFooter;
|
|
11072
10808
|
};
|
|
11073
10809
|
//#endregion
|
|
11074
10810
|
//#region src/components/ds-progress-arc/ds-progress-arc.types.d.ts
|
|
@@ -11100,16 +10836,10 @@ interface DsProgressArcProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
11100
10836
|
}
|
|
11101
10837
|
//#endregion
|
|
11102
10838
|
//#region src/components/ds-progress-arc/ds-progress-arc.d.ts
|
|
11103
|
-
declare
|
|
11104
|
-
|
|
11105
|
-
|
|
11106
|
-
|
|
11107
|
-
children,
|
|
11108
|
-
className,
|
|
11109
|
-
style,
|
|
11110
|
-
ref,
|
|
11111
|
-
...props
|
|
11112
|
-
}: DsProgressArcProps) => import("react/jsx-runtime").JSX.Element;
|
|
10839
|
+
declare function DsProgressArc({ value, size, variant, children, className, style, ref, ...props }: DsProgressArcProps): import("react/jsx-runtime").JSX.Element;
|
|
10840
|
+
declare namespace DsProgressArc {
|
|
10841
|
+
var displayName: string;
|
|
10842
|
+
}
|
|
11113
10843
|
//#endregion
|
|
11114
10844
|
//#region src/components/ds-progress-donut/ds-progress-donut.types.d.ts
|
|
11115
10845
|
declare const progressDonutSizes: readonly ['small', 'medium'];
|
|
@@ -11142,15 +10872,10 @@ interface DsProgressDonutProps {
|
|
|
11142
10872
|
}
|
|
11143
10873
|
//#endregion
|
|
11144
10874
|
//#region src/components/ds-progress-donut/ds-progress-donut.d.ts
|
|
11145
|
-
declare
|
|
11146
|
-
|
|
11147
|
-
|
|
11148
|
-
|
|
11149
|
-
children,
|
|
11150
|
-
className,
|
|
11151
|
-
style,
|
|
11152
|
-
ref
|
|
11153
|
-
}: DsProgressDonutProps) => import("react/jsx-runtime").JSX.Element;
|
|
10875
|
+
declare function DsProgressDonut({ value, size, variant, children, className, style, ref }: DsProgressDonutProps): import("react/jsx-runtime").JSX.Element;
|
|
10876
|
+
declare namespace DsProgressDonut {
|
|
10877
|
+
var displayName: string;
|
|
10878
|
+
}
|
|
11154
10879
|
//#endregion
|
|
11155
10880
|
//#region src/components/ds-progress-linear/ds-progress-linear.types.d.ts
|
|
11156
10881
|
declare const progressLinearVariants: readonly ['initial', 'progress', 'interrupted', 'success', 'error'];
|
|
@@ -11213,22 +10938,72 @@ interface DsProgressLinearProps {
|
|
|
11213
10938
|
}
|
|
11214
10939
|
//#endregion
|
|
11215
10940
|
//#region src/components/ds-progress-linear/ds-progress-linear.d.ts
|
|
11216
|
-
|
|
11217
|
-
|
|
11218
|
-
|
|
11219
|
-
|
|
11220
|
-
|
|
11221
|
-
|
|
11222
|
-
|
|
11223
|
-
|
|
11224
|
-
|
|
11225
|
-
|
|
11226
|
-
|
|
11227
|
-
|
|
11228
|
-
|
|
11229
|
-
|
|
11230
|
-
|
|
11231
|
-
|
|
10941
|
+
declare function DsProgressLinear({ value, min, max, variant, size, label, showValue, caption, className, style, ref }: DsProgressLinearProps): import("react/jsx-runtime").JSX.Element;
|
|
10942
|
+
declare namespace DsProgressLinear {
|
|
10943
|
+
var displayName: string;
|
|
10944
|
+
}
|
|
10945
|
+
//#endregion
|
|
10946
|
+
//#region src/components/ds-progress-task-bar/ds-progress-task-bar.types.d.ts
|
|
10947
|
+
declare const taskBarStatuses: readonly ['completed', 'running', 'failed'];
|
|
10948
|
+
type TaskBarStatus = (typeof taskBarStatuses)[number];
|
|
10949
|
+
interface DsProgressTaskBarLocale {
|
|
10950
|
+
/** @default 'Completed' */
|
|
10951
|
+
completed?: string;
|
|
10952
|
+
/** @default 'Running' */
|
|
10953
|
+
running?: string;
|
|
10954
|
+
/** @default 'Failed' */
|
|
10955
|
+
failed?: string;
|
|
10956
|
+
/**
|
|
10957
|
+
* Builds the trailing total label from the already-formatted total value.
|
|
10958
|
+
* @default (total) => `of ${total}`
|
|
10959
|
+
*/
|
|
10960
|
+
total?: (total: string) => string;
|
|
10961
|
+
}
|
|
10962
|
+
interface DsProgressTaskBarProps {
|
|
10963
|
+
/**
|
|
10964
|
+
* Number of completed tasks.
|
|
10965
|
+
* @default 0
|
|
10966
|
+
*/
|
|
10967
|
+
completed?: number;
|
|
10968
|
+
/**
|
|
10969
|
+
* Number of running tasks.
|
|
10970
|
+
* @default 0
|
|
10971
|
+
*/
|
|
10972
|
+
running?: number;
|
|
10973
|
+
/**
|
|
10974
|
+
* Number of failed tasks.
|
|
10975
|
+
* @default 0
|
|
10976
|
+
*/
|
|
10977
|
+
failed?: number;
|
|
10978
|
+
/**
|
|
10979
|
+
* Total task count used as the denominator for segment widths and shown as
|
|
10980
|
+
* the trailing "of {total}" label. Defaults to the sum of the status counts
|
|
10981
|
+
* (fully filled bar).
|
|
10982
|
+
*/
|
|
10983
|
+
total?: number;
|
|
10984
|
+
/**
|
|
10985
|
+
* Localized strings (status tooltips and total label).
|
|
10986
|
+
*/
|
|
10987
|
+
locale?: DsProgressTaskBarLocale;
|
|
10988
|
+
/**
|
|
10989
|
+
* Additional CSS class names
|
|
10990
|
+
*/
|
|
10991
|
+
className?: string;
|
|
10992
|
+
/**
|
|
10993
|
+
* Additional styles to apply to the component
|
|
10994
|
+
*/
|
|
10995
|
+
style?: CSSProperties;
|
|
10996
|
+
/**
|
|
10997
|
+
* Ref to the root element
|
|
10998
|
+
*/
|
|
10999
|
+
ref?: Ref<HTMLDivElement>;
|
|
11000
|
+
}
|
|
11001
|
+
//#endregion
|
|
11002
|
+
//#region src/components/ds-progress-task-bar/ds-progress-task-bar.d.ts
|
|
11003
|
+
declare function DsProgressTaskBar({ completed, running, failed, total, locale, className, style, ref }: DsProgressTaskBarProps): import("react/jsx-runtime").JSX.Element;
|
|
11004
|
+
declare namespace DsProgressTaskBar {
|
|
11005
|
+
var displayName: string;
|
|
11006
|
+
}
|
|
11232
11007
|
//#endregion
|
|
11233
11008
|
//#region src/components/ds-radio-group/ds-radio-group.types.d.ts
|
|
11234
11009
|
/**
|
|
@@ -11448,6 +11223,44 @@ declare const DsSegmentGroup: {
|
|
|
11448
11223
|
ItemText: React$1.FC<DsSegmentGroupItemTextProps>;
|
|
11449
11224
|
};
|
|
11450
11225
|
//#endregion
|
|
11226
|
+
//#region src/components/ds-site-node/ds-site-node.types.d.ts
|
|
11227
|
+
declare const siteNodeStates: readonly ['default', 'selected', 'muted', 'overflow'];
|
|
11228
|
+
type SiteNodeState = (typeof siteNodeStates)[number];
|
|
11229
|
+
interface DsSiteNodeProps {
|
|
11230
|
+
ref?: Ref<HTMLButtonElement>;
|
|
11231
|
+
/**
|
|
11232
|
+
* Scope/selection state within the site hierarchy path.
|
|
11233
|
+
* `overflow` renders a collapsed summary node (no tier/site code).
|
|
11234
|
+
*/
|
|
11235
|
+
state?: SiteNodeState;
|
|
11236
|
+
/**
|
|
11237
|
+
* Short tier label shown in the pill, e.g. `"T1"`. Ignored when `state="overflow"`.
|
|
11238
|
+
*/
|
|
11239
|
+
tier?: string;
|
|
11240
|
+
/**
|
|
11241
|
+
* Site identifier. Truncates with an ellipsis and reveals the full value in a
|
|
11242
|
+
* tooltip when it overflows. Ignored when `state="overflow"`.
|
|
11243
|
+
*/
|
|
11244
|
+
siteCode?: string;
|
|
11245
|
+
/**
|
|
11246
|
+
* Summary label for the collapsed branch, e.g. `"+2 more"`. Only used when
|
|
11247
|
+
* `state="overflow"`.
|
|
11248
|
+
*/
|
|
11249
|
+
overflowLabel?: string;
|
|
11250
|
+
className?: string;
|
|
11251
|
+
style?: CSSProperties;
|
|
11252
|
+
/**
|
|
11253
|
+
* Overrides the accessible name. By default the node is named by its visible
|
|
11254
|
+
* content (tier + site code, or the overflow label); set this to give the
|
|
11255
|
+
* overflow node a more descriptive name, e.g. `"Show 2 more sites"`.
|
|
11256
|
+
*/
|
|
11257
|
+
'aria-label'?: string;
|
|
11258
|
+
onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
11259
|
+
}
|
|
11260
|
+
//#endregion
|
|
11261
|
+
//#region src/components/ds-site-node/ds-site-node.d.ts
|
|
11262
|
+
declare const DsSiteNode: ({ ref, state, tier, siteCode, overflowLabel, className, style, 'aria-label': ariaLabel, onClick }: DsSiteNodeProps) => import("react/jsx-runtime").JSX.Element;
|
|
11263
|
+
//#endregion
|
|
11451
11264
|
//#region src/components/ds-typography/ds-typography.config.d.ts
|
|
11452
11265
|
declare const typographyVariantConfig: {
|
|
11453
11266
|
readonly 'body-md-reg': {
|
|
@@ -11543,7 +11356,7 @@ declare const typographyVariantConfig: {
|
|
|
11543
11356
|
readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@ark-ui/react").PolymorphicProps>;
|
|
11544
11357
|
};
|
|
11545
11358
|
};
|
|
11546
|
-
/** Semantic text colors backed by `--font-*` tokens in `
|
|
11359
|
+
/** Semantic text colors backed by `--font-*` tokens in `_root.scss`. */
|
|
11547
11360
|
declare const typographyColors: readonly ['main', 'secondary', 'action', 'action-hover', 'action-secondary', 'action-secondary-hover', 'disabled', 'light-disabled', 'on-action', 'on-disabled', 'placeholder', 'highlight', 'success', 'warning', 'error', 'code'];
|
|
11548
11361
|
//#endregion
|
|
11549
11362
|
//#region src/components/ds-typography/ds-typography.types.d.ts
|
|
@@ -11576,6 +11389,19 @@ interface DsTypographyProps {
|
|
|
11576
11389
|
* When true, composes typography styles onto the child element without extra DOM nodes
|
|
11577
11390
|
*/
|
|
11578
11391
|
asChild?: boolean;
|
|
11392
|
+
/**
|
|
11393
|
+
* Truncates overflowing text with an ellipsis. A number clamps to that many lines
|
|
11394
|
+
* (`true` is a single line). Needs a width-constrained layout context.
|
|
11395
|
+
*/
|
|
11396
|
+
truncate?: boolean | number;
|
|
11397
|
+
/**
|
|
11398
|
+
* Reveals the full text in a tooltip on hover/focus, but only while it overflows.
|
|
11399
|
+
*/
|
|
11400
|
+
tooltip?: boolean;
|
|
11401
|
+
/**
|
|
11402
|
+
* Tooltip content override; defaults to `children`.
|
|
11403
|
+
*/
|
|
11404
|
+
tooltipContent?: React.ReactNode;
|
|
11579
11405
|
/**
|
|
11580
11406
|
* The content of the component
|
|
11581
11407
|
*/
|
|
@@ -11583,16 +11409,10 @@ interface DsTypographyProps {
|
|
|
11583
11409
|
}
|
|
11584
11410
|
//#endregion
|
|
11585
11411
|
//#region src/components/ds-typography/ds-typography.d.ts
|
|
11586
|
-
declare
|
|
11587
|
-
|
|
11588
|
-
|
|
11589
|
-
|
|
11590
|
-
className,
|
|
11591
|
-
style,
|
|
11592
|
-
color,
|
|
11593
|
-
children,
|
|
11594
|
-
...props
|
|
11595
|
-
}: DsTypographyProps) => import("react/jsx-runtime").JSX.Element;
|
|
11412
|
+
declare function DsTypography({ ref, variant, asChild, className, style, color, truncate, tooltip, tooltipContent, children, ...props }: DsTypographyProps): import("react/jsx-runtime").JSX.Element;
|
|
11413
|
+
declare namespace DsTypography {
|
|
11414
|
+
var displayName: string;
|
|
11415
|
+
}
|
|
11596
11416
|
//#endregion
|
|
11597
11417
|
//#region src/components/ds-skeleton/ds-skeleton.types.d.ts
|
|
11598
11418
|
declare const skeletonColorVariants: readonly ['gray', 'blue'];
|
|
@@ -11679,72 +11499,30 @@ interface DsSkeletonRectProps extends DsSkeletonBaseProps {
|
|
|
11679
11499
|
radius?: SkeletonRadiusVariant | number;
|
|
11680
11500
|
}
|
|
11681
11501
|
//#endregion
|
|
11682
|
-
//#region src/components/ds-skeleton/ds-skeleton.d.ts
|
|
11683
|
-
declare const _default: {
|
|
11684
|
-
Text: ({
|
|
11685
|
-
typographyVariant,
|
|
11686
|
-
color,
|
|
11687
|
-
lines,
|
|
11688
|
-
width,
|
|
11689
|
-
radius,
|
|
11690
|
-
className,
|
|
11691
|
-
style
|
|
11692
|
-
}: DsSkeletonTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
11693
|
-
Circle: ({
|
|
11694
|
-
size,
|
|
11695
|
-
color,
|
|
11696
|
-
className,
|
|
11697
|
-
style
|
|
11698
|
-
}: DsSkeletonCircleProps) => import("react/jsx-runtime").JSX.Element;
|
|
11699
|
-
Rect: ({
|
|
11700
|
-
width,
|
|
11701
|
-
height,
|
|
11702
|
-
radius,
|
|
11703
|
-
color,
|
|
11704
|
-
className,
|
|
11705
|
-
style
|
|
11706
|
-
}: DsSkeletonRectProps) => import("react/jsx-runtime").JSX.Element;
|
|
11707
|
-
};
|
|
11708
|
-
//#endregion
|
|
11709
11502
|
//#region src/components/ds-skeleton/ds-skeleton-text.d.ts
|
|
11710
|
-
|
|
11711
|
-
|
|
11712
|
-
|
|
11713
|
-
|
|
11714
|
-
declare const DsSkeletonText: ({
|
|
11715
|
-
typographyVariant,
|
|
11716
|
-
color,
|
|
11717
|
-
lines,
|
|
11718
|
-
width,
|
|
11719
|
-
radius,
|
|
11720
|
-
className,
|
|
11721
|
-
style
|
|
11722
|
-
}: DsSkeletonTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
11503
|
+
declare function DsSkeletonText({ typographyVariant, color, lines, width, radius, className, style }: DsSkeletonTextProps): import("react/jsx-runtime").JSX.Element;
|
|
11504
|
+
declare namespace DsSkeletonText {
|
|
11505
|
+
var displayName: string;
|
|
11506
|
+
}
|
|
11723
11507
|
//#endregion
|
|
11724
11508
|
//#region src/components/ds-skeleton/ds-skeleton-circle.d.ts
|
|
11725
|
-
|
|
11726
|
-
|
|
11727
|
-
|
|
11728
|
-
|
|
11729
|
-
declare const DsSkeletonCircle: ({
|
|
11730
|
-
size,
|
|
11731
|
-
color,
|
|
11732
|
-
className,
|
|
11733
|
-
style
|
|
11734
|
-
}: DsSkeletonCircleProps) => import("react/jsx-runtime").JSX.Element;
|
|
11509
|
+
declare function DsSkeletonCircle({ size, color, className, style }: DsSkeletonCircleProps): import("react/jsx-runtime").JSX.Element;
|
|
11510
|
+
declare namespace DsSkeletonCircle {
|
|
11511
|
+
var displayName: string;
|
|
11512
|
+
}
|
|
11735
11513
|
//#endregion
|
|
11736
11514
|
//#region src/components/ds-skeleton/ds-skeleton-rect.d.ts
|
|
11737
|
-
|
|
11738
|
-
|
|
11739
|
-
|
|
11740
|
-
|
|
11741
|
-
|
|
11742
|
-
|
|
11743
|
-
|
|
11744
|
-
|
|
11745
|
-
|
|
11746
|
-
|
|
11747
|
-
}
|
|
11515
|
+
declare function DsSkeletonRect({ width, height, radius, color, className, style }: DsSkeletonRectProps): import("react/jsx-runtime").JSX.Element;
|
|
11516
|
+
declare namespace DsSkeletonRect {
|
|
11517
|
+
var displayName: string;
|
|
11518
|
+
}
|
|
11519
|
+
//#endregion
|
|
11520
|
+
//#region src/components/ds-skeleton/ds-skeleton.d.ts
|
|
11521
|
+
declare const DsSkeleton: {
|
|
11522
|
+
Text: typeof DsSkeletonText;
|
|
11523
|
+
Circle: typeof DsSkeletonCircle;
|
|
11524
|
+
Rect: typeof DsSkeletonRect;
|
|
11525
|
+
};
|
|
11748
11526
|
//#endregion
|
|
11749
11527
|
//#region src/components/ds-smart-tabs/ds-smart-tabs.types.d.ts
|
|
11750
11528
|
declare const colors: readonly ['dark-blue', 'light-blue', 'dark-gray', 'green', 'fuchsia', 'blue', 'gray', 'red', 'amber'];
|
|
@@ -11807,16 +11585,14 @@ interface DsSmartTabsProps {
|
|
|
11807
11585
|
}
|
|
11808
11586
|
//#endregion
|
|
11809
11587
|
//#region src/components/ds-smart-tabs/ds-smart-tabs.d.ts
|
|
11810
|
-
|
|
11811
|
-
|
|
11812
|
-
|
|
11813
|
-
|
|
11814
|
-
|
|
11815
|
-
children,
|
|
11816
|
-
...props
|
|
11817
|
-
}: DsSmartTabsProps): import("react/jsx-runtime").JSX.Element;
|
|
11588
|
+
/**
|
|
11589
|
+
* Individual tab component
|
|
11590
|
+
*/
|
|
11591
|
+
declare const DsSmartTab: React$1.FC<DsSmartTabProps>;
|
|
11592
|
+
declare function DsSmartTabs({ activeTab, onTabClick, className, style, children, ...props }: DsSmartTabsProps): import("react/jsx-runtime").JSX.Element;
|
|
11818
11593
|
declare namespace DsSmartTabs {
|
|
11819
|
-
|
|
11594
|
+
export { DsSmartTab as Tab };
|
|
11595
|
+
export var displayName: string;
|
|
11820
11596
|
}
|
|
11821
11597
|
//#endregion
|
|
11822
11598
|
//#region src/components/ds-spinner/ds-spinner.types.d.ts
|
|
@@ -11997,7 +11773,9 @@ interface DsStatusBadgeV2SharedProps {
|
|
|
11997
11773
|
* `icon` can be `null` to force a text-only badge.
|
|
11998
11774
|
*/
|
|
11999
11775
|
type StatusBadgeV2IconOnlyProps = {
|
|
12000
|
-
/** When true, hides the label text and renders icon-only. The label is used as tooltip content instead. */
|
|
11776
|
+
/** When true, hides the label text and renders icon-only. The label is used as tooltip content instead. */
|
|
11777
|
+
iconOnly: true;
|
|
11778
|
+
/** Override the default phase icon. When omitted, the default icon for the phase is used. */
|
|
12001
11779
|
icon?: IconType;
|
|
12002
11780
|
} | {
|
|
12003
11781
|
iconOnly?: false;
|
|
@@ -12087,18 +11865,10 @@ type DsStepperProps = PropsWithChildren<{
|
|
|
12087
11865
|
}>;
|
|
12088
11866
|
//#endregion
|
|
12089
11867
|
//#region src/components/ds-stepper/ds-stepper.d.ts
|
|
12090
|
-
declare function DsStepper({
|
|
12091
|
-
|
|
12092
|
-
|
|
12093
|
-
|
|
12094
|
-
floating,
|
|
12095
|
-
activeStep,
|
|
12096
|
-
onStepChange,
|
|
12097
|
-
onComplete,
|
|
12098
|
-
children,
|
|
12099
|
-
className,
|
|
12100
|
-
actions
|
|
12101
|
-
}: DsStepperProps): import("react/jsx-runtime").JSX.Element;
|
|
11868
|
+
declare function DsStepper({ count, variant, orientation, floating, activeStep, onStepChange, onComplete, children, className, actions }: DsStepperProps): import("react/jsx-runtime").JSX.Element;
|
|
11869
|
+
declare namespace DsStepper {
|
|
11870
|
+
var displayName: string;
|
|
11871
|
+
}
|
|
12102
11872
|
//#endregion
|
|
12103
11873
|
//#region src/components/ds-stepper/components/ds-step.d.ts
|
|
12104
11874
|
type DsStepProps = PropsWithChildren<{
|
|
@@ -12120,15 +11890,10 @@ type DsStepProps = PropsWithChildren<{
|
|
|
12120
11890
|
};
|
|
12121
11891
|
};
|
|
12122
11892
|
}>;
|
|
12123
|
-
declare function DsStep({
|
|
12124
|
-
|
|
12125
|
-
|
|
12126
|
-
|
|
12127
|
-
disabled,
|
|
12128
|
-
variant,
|
|
12129
|
-
slots,
|
|
12130
|
-
slotProps
|
|
12131
|
-
}: DsStepProps): import("react/jsx-runtime").JSX.Element | null;
|
|
11893
|
+
declare function DsStep({ index, children, className, disabled, variant, slots, slotProps }: DsStepProps): import("react/jsx-runtime").JSX.Element | null;
|
|
11894
|
+
declare namespace DsStep {
|
|
11895
|
+
var displayName: string;
|
|
11896
|
+
}
|
|
12132
11897
|
//#endregion
|
|
12133
11898
|
//#region src/components/ds-stepper/components/ds-step-content.d.ts
|
|
12134
11899
|
type DsStepContentProps = {
|
|
@@ -12137,12 +11902,10 @@ type DsStepContentProps = {
|
|
|
12137
11902
|
description?: ReactNode;
|
|
12138
11903
|
actions?: ReactNode;
|
|
12139
11904
|
};
|
|
12140
|
-
declare function DsStepContent({
|
|
12141
|
-
|
|
12142
|
-
|
|
12143
|
-
|
|
12144
|
-
actions
|
|
12145
|
-
}: DsStepContentProps): import("react/jsx-runtime").JSX.Element;
|
|
11905
|
+
declare function DsStepContent({ index, label, description, actions }: DsStepContentProps): import("react/jsx-runtime").JSX.Element;
|
|
11906
|
+
declare namespace DsStepContent {
|
|
11907
|
+
var displayName: string;
|
|
11908
|
+
}
|
|
12146
11909
|
//#endregion
|
|
12147
11910
|
//#region src/components/ds-stepper/components/ds-step-next-button.d.ts
|
|
12148
11911
|
type DsLegacyButtonProps = Extract<DsButtonUnifiedProps, {
|
|
@@ -12151,11 +11914,10 @@ type DsLegacyButtonProps = Extract<DsButtonUnifiedProps, {
|
|
|
12151
11914
|
design?: undefined | 'legacy';
|
|
12152
11915
|
};
|
|
12153
11916
|
type DsNextStepButtonProps = Pick<DsLegacyButtonProps, 'variant' | 'size' | 'className' | 'style' | 'children'>;
|
|
12154
|
-
declare function DsNextStepButton({
|
|
12155
|
-
|
|
12156
|
-
|
|
12157
|
-
|
|
12158
|
-
}: DsNextStepButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
11917
|
+
declare function DsNextStepButton({ children, size, ...rest }: DsNextStepButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
11918
|
+
declare namespace DsNextStepButton {
|
|
11919
|
+
var displayName: string;
|
|
11920
|
+
}
|
|
12159
11921
|
//#endregion
|
|
12160
11922
|
//#region src/components/ds-system-status/ds-system-status.types.d.ts
|
|
12161
11923
|
/**
|
|
@@ -12444,25 +12206,10 @@ interface DsTagKeyValueProps extends DsTagBaseProps {
|
|
|
12444
12206
|
type DsTagProps = DsTagStandardProps | DsTagKeyValueProps;
|
|
12445
12207
|
//#endregion
|
|
12446
12208
|
//#region src/components/ds-tag/ds-tag.d.ts
|
|
12447
|
-
|
|
12448
|
-
|
|
12449
|
-
|
|
12450
|
-
|
|
12451
|
-
ref,
|
|
12452
|
-
label,
|
|
12453
|
-
value,
|
|
12454
|
-
className,
|
|
12455
|
-
style,
|
|
12456
|
-
size,
|
|
12457
|
-
selected,
|
|
12458
|
-
variant,
|
|
12459
|
-
disabled,
|
|
12460
|
-
locale,
|
|
12461
|
-
onClick,
|
|
12462
|
-
onDelete,
|
|
12463
|
-
slots,
|
|
12464
|
-
...rest
|
|
12465
|
-
}: DsTagProps) => import("react/jsx-runtime").JSX.Element;
|
|
12209
|
+
declare function DsTag({ ref, label, value, className, style, size, selected, variant, disabled, locale, onClick, onDelete, slots, ...rest }: DsTagProps): import("react/jsx-runtime").JSX.Element;
|
|
12210
|
+
declare namespace DsTag {
|
|
12211
|
+
var displayName: string;
|
|
12212
|
+
}
|
|
12466
12213
|
//#endregion
|
|
12467
12214
|
//#region src/components/ds-tag-filter/ds-tag-filter.types.d.ts
|
|
12468
12215
|
interface TagFilterItem {
|
|
@@ -12546,23 +12293,10 @@ interface DsTagFilterProps {
|
|
|
12546
12293
|
}
|
|
12547
12294
|
//#endregion
|
|
12548
12295
|
//#region src/components/ds-tag-filter/ds-tag-filter.d.ts
|
|
12549
|
-
|
|
12550
|
-
|
|
12551
|
-
|
|
12552
|
-
|
|
12553
|
-
* Non-tag elements (label, expand/collapse, clear) sit in a header row.
|
|
12554
|
-
* Tags occupy the full width below, wrapping as needed.
|
|
12555
|
-
*/
|
|
12556
|
-
declare const DsTagFilter: ({
|
|
12557
|
-
items,
|
|
12558
|
-
locale,
|
|
12559
|
-
className,
|
|
12560
|
-
style,
|
|
12561
|
-
onClearAll,
|
|
12562
|
-
onItemDelete,
|
|
12563
|
-
onItemSelect,
|
|
12564
|
-
onExpand
|
|
12565
|
-
}: DsTagFilterProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
12296
|
+
declare function DsTagFilter({ items, locale, className, style, onClearAll, onItemDelete, onItemSelect, onExpand }: DsTagFilterProps): import("react/jsx-runtime").JSX.Element | null;
|
|
12297
|
+
declare namespace DsTagFilter {
|
|
12298
|
+
var displayName: string;
|
|
12299
|
+
}
|
|
12566
12300
|
//#endregion
|
|
12567
12301
|
//#region src/components/ds-table/filters/types/filter-adapter.types.d.ts
|
|
12568
12302
|
type AnyAdapter = FilterAdapter<any, any, any>;
|
|
@@ -12756,7 +12490,7 @@ declare function createDualRangeFilterAdapter<TData>(config: DualRangeFilterAdap
|
|
|
12756
12490
|
//#region src/components/ds-table/filters/hooks/use-table-filters.d.ts
|
|
12757
12491
|
interface UseTableFiltersOptions<TData, TValue, TCellValue> {
|
|
12758
12492
|
filterAdapters: FilterAdapter<TData, TValue, TCellValue>[] | AnyAdapter[];
|
|
12759
|
-
baseColumns?: ColumnDef<TData>[];
|
|
12493
|
+
baseColumns?: ColumnDef$1<TData>[];
|
|
12760
12494
|
/** Controlled applied filters, keyed by adapter id. Pair with `onFiltersChange`. */
|
|
12761
12495
|
appliedFilters?: FilterState<TValue>;
|
|
12762
12496
|
/** Fires from `applyFilters`, `deleteChip`, and `clearAll` in controlled mode. */
|
|
@@ -12772,14 +12506,21 @@ interface UseTableFiltersResult<TData, TValue> {
|
|
|
12772
12506
|
/** Filter-nav items with active counts. */
|
|
12773
12507
|
filterNavItems: FilterNavItem[];
|
|
12774
12508
|
/** `baseColumns` with `filterFn`, cell renderer and per-column meta wired in. */
|
|
12775
|
-
enhancedColumns: ColumnDef<TData>[];
|
|
12509
|
+
enhancedColumns: ColumnDef$1<TData>[];
|
|
12776
12510
|
handlers: {
|
|
12777
|
-
/** Update a filter's draft value. */
|
|
12778
|
-
|
|
12779
|
-
|
|
12780
|
-
|
|
12781
|
-
|
|
12782
|
-
|
|
12511
|
+
/** Update a filter's draft value. */
|
|
12512
|
+
updateFilter: (filterId: string, value: TValue) => void;
|
|
12513
|
+
/** Commit all drafts to applied state. */
|
|
12514
|
+
applyFilters: () => void;
|
|
12515
|
+
/** Clear all filters. */
|
|
12516
|
+
clearAll: () => void;
|
|
12517
|
+
/** Remove a chip's effect from applied state. */
|
|
12518
|
+
deleteChip: (chip: TagFilterItem) => void;
|
|
12519
|
+
/** Commit one column's draft (per-column popover Save). */
|
|
12520
|
+
applyColumnFilter: (filterId: string) => void;
|
|
12521
|
+
/** Discard one column's draft without committing. */
|
|
12522
|
+
cancelColumnFilter: (filterId: string) => void;
|
|
12523
|
+
/** Clear one applied filter (per-column popover Clear). */
|
|
12783
12524
|
clearColumnFilter: (filterId: string) => void;
|
|
12784
12525
|
};
|
|
12785
12526
|
/** Renders the adapter UI for a column id, or `null` if no match. */
|
|
@@ -12792,12 +12533,7 @@ interface UseTableFiltersResult<TData, TValue> {
|
|
|
12792
12533
|
* column wiring. Uncontrolled by default; pass `appliedFilters` +
|
|
12793
12534
|
* `onFiltersChange` for URL-driven / external state.
|
|
12794
12535
|
*/
|
|
12795
|
-
declare function useTableFilters<TData, TValue, TCellValue>({
|
|
12796
|
-
filterAdapters,
|
|
12797
|
-
baseColumns,
|
|
12798
|
-
appliedFilters: externalAppliedFilters,
|
|
12799
|
-
onFiltersChange: setExternalAppliedFilters
|
|
12800
|
-
}: UseTableFiltersOptions<TData, TValue, TCellValue>): UseTableFiltersResult<TData, TValue>;
|
|
12536
|
+
declare function useTableFilters<TData, TValue, TCellValue>({ filterAdapters, baseColumns, appliedFilters: externalAppliedFilters, onFiltersChange: setExternalAppliedFilters }: UseTableFiltersOptions<TData, TValue, TCellValue>): UseTableFiltersResult<TData, TValue>;
|
|
12801
12537
|
//#endregion
|
|
12802
12538
|
//#region src/components/ds-table/filters/components/range-filter/range-filter.d.ts
|
|
12803
12539
|
interface RangeFilterValue {
|
|
@@ -12840,17 +12576,19 @@ interface DsTableColumnFilterPopoverProps {
|
|
|
12840
12576
|
* Per-column filter popover anchored to a header cell: funnel trigger,
|
|
12841
12577
|
* adapter UI as the body, Clear / Save footer wired to `useTableFilters`.
|
|
12842
12578
|
*/
|
|
12843
|
-
declare const DsTableColumnFilterPopover: ({
|
|
12844
|
-
children,
|
|
12845
|
-
hasActiveFilter,
|
|
12846
|
-
onApply,
|
|
12847
|
-
onClear,
|
|
12848
|
-
onCancel,
|
|
12849
|
-
locale,
|
|
12850
|
-
className
|
|
12851
|
-
}: DsTableColumnFilterPopoverProps) => import("react/jsx-runtime").JSX.Element;
|
|
12579
|
+
declare const DsTableColumnFilterPopover: ({ children, hasActiveFilter, onApply, onClear, onCancel, locale, className }: DsTableColumnFilterPopoverProps) => import("react/jsx-runtime").JSX.Element;
|
|
12852
12580
|
//#endregion
|
|
12853
12581
|
//#region src/components/ds-table/ds-table-column.types.d.ts
|
|
12582
|
+
/**
|
|
12583
|
+
* Result of a column's `editDisabled` resolver for a single cell.
|
|
12584
|
+
*
|
|
12585
|
+
* - `false` (or `undefined`) keeps the cell editable.
|
|
12586
|
+
* - `true` locks the cell with no tooltip.
|
|
12587
|
+
* - `{ reason }` locks the cell and shows `reason` in a tooltip on hover.
|
|
12588
|
+
*/
|
|
12589
|
+
type DsTableEditDisabledResult = boolean | {
|
|
12590
|
+
reason?: ReactNode;
|
|
12591
|
+
};
|
|
12854
12592
|
declare module '@tanstack/react-table' {
|
|
12855
12593
|
interface ColumnDefBase<TData extends RowData, TValue> {
|
|
12856
12594
|
/**
|
|
@@ -12858,8 +12596,21 @@ declare module '@tanstack/react-table' {
|
|
|
12858
12596
|
* When omitted, the column is not editable.
|
|
12859
12597
|
*/
|
|
12860
12598
|
editCell?: (context: CellContext<TData, TValue>) => ReactNode;
|
|
12599
|
+
/**
|
|
12600
|
+
* Locks individual cells of an otherwise editable column (one that defines
|
|
12601
|
+
* `editCell`). When this returns a truthy value for a cell, that cell shows a
|
|
12602
|
+
* lock icon instead of the edit affordance and cannot enter edit mode. Return
|
|
12603
|
+
* `{ reason }` to surface an optional tooltip explaining why. Has no effect on
|
|
12604
|
+
* columns without `editCell`.
|
|
12605
|
+
*/
|
|
12606
|
+
editDisabled?: (context: CellContext<TData, TValue>) => DsTableEditDisabledResult;
|
|
12607
|
+
/**
|
|
12608
|
+
* Renders this column's cell content while the table is `loading`.
|
|
12609
|
+
* When omitted, a default text skeleton is rendered.
|
|
12610
|
+
*/
|
|
12611
|
+
loadingCell?: (context: CellContext<TData, TValue>) => ReactNode;
|
|
12861
12612
|
}
|
|
12862
|
-
}
|
|
12613
|
+
}
|
|
12863
12614
|
//#endregion
|
|
12864
12615
|
//#region src/components/ds-table/ds-table.types.d.ts
|
|
12865
12616
|
/**
|
|
@@ -13048,7 +12799,7 @@ interface DsDataTableProps<TData, TValue> {
|
|
|
13048
12799
|
/**
|
|
13049
12800
|
* Columns of the table
|
|
13050
12801
|
*/
|
|
13051
|
-
columns: ColumnDef<TData, TValue>[];
|
|
12802
|
+
columns: ColumnDef$1<TData, TValue>[];
|
|
13052
12803
|
/**
|
|
13053
12804
|
* Data of the table
|
|
13054
12805
|
*/
|
|
@@ -13126,6 +12877,12 @@ interface DsDataTableProps<TData, TValue> {
|
|
|
13126
12877
|
* @default 'medium'
|
|
13127
12878
|
*/
|
|
13128
12879
|
rowSize?: DsTableRowSize;
|
|
12880
|
+
/**
|
|
12881
|
+
* When `true`, renders placeholder skeleton rows instead of the data. Column
|
|
12882
|
+
* headers stay intact and row interactions are disabled while loading.
|
|
12883
|
+
* @default false
|
|
12884
|
+
*/
|
|
12885
|
+
loading?: boolean;
|
|
13129
12886
|
/**
|
|
13130
12887
|
* Whether the table is expandable or if an individual row should be expandable
|
|
13131
12888
|
*/
|
|
@@ -13340,49 +13097,12 @@ interface DsDataTableProps<TData, TValue> {
|
|
|
13340
13097
|
}
|
|
13341
13098
|
//#endregion
|
|
13342
13099
|
//#region src/components/ds-table/ds-table.d.ts
|
|
13343
|
-
|
|
13344
|
-
* Design system Table component
|
|
13345
|
-
*/
|
|
13346
|
-
declare const DsTable: <TData extends {
|
|
13100
|
+
declare function DsTable<TData extends {
|
|
13347
13101
|
id: string;
|
|
13348
|
-
}, TValue>({
|
|
13349
|
-
|
|
13350
|
-
|
|
13351
|
-
|
|
13352
|
-
virtualized,
|
|
13353
|
-
virtualizedOptions,
|
|
13354
|
-
className,
|
|
13355
|
-
onRowClick,
|
|
13356
|
-
emptyState,
|
|
13357
|
-
stickyHeader,
|
|
13358
|
-
bordered,
|
|
13359
|
-
fullWidth,
|
|
13360
|
-
rowSize,
|
|
13361
|
-
expandable,
|
|
13362
|
-
renderExpandedRow,
|
|
13363
|
-
selectable,
|
|
13364
|
-
showSelectAllCheckbox,
|
|
13365
|
-
onSelectionChange,
|
|
13366
|
-
onSortingChange,
|
|
13367
|
-
onScroll,
|
|
13368
|
-
actions,
|
|
13369
|
-
onRowDoubleClick,
|
|
13370
|
-
primaryRowActions,
|
|
13371
|
-
secondaryRowActions,
|
|
13372
|
-
reorderable,
|
|
13373
|
-
onOrderChange,
|
|
13374
|
-
columnFilters: externalColumnFilters,
|
|
13375
|
-
onColumnFiltersChange,
|
|
13376
|
-
columnVisibility: externalColumnVisibility,
|
|
13377
|
-
onColumnVisibilityChange,
|
|
13378
|
-
collapsedColumnGroups: externalCollapsedColumnGroups,
|
|
13379
|
-
onCollapsedColumnGroupsChange,
|
|
13380
|
-
locale,
|
|
13381
|
-
activeRowId,
|
|
13382
|
-
infiniteScroll,
|
|
13383
|
-
onCellEdit,
|
|
13384
|
-
onCellValidate
|
|
13385
|
-
}: DsDataTableProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
|
|
13102
|
+
}, TValue>({ ref, columns: columnsProp, data: tableData, virtualized, virtualizedOptions, className, onRowClick, emptyState, stickyHeader, bordered, fullWidth, rowSize, loading, expandable, renderExpandedRow, selectable, showSelectAllCheckbox, onSelectionChange, onSortingChange, onScroll, actions, onRowDoubleClick, primaryRowActions, secondaryRowActions, reorderable, onOrderChange, columnFilters: externalColumnFilters, onColumnFiltersChange, columnVisibility: externalColumnVisibility, onColumnVisibilityChange, collapsedColumnGroups: externalCollapsedColumnGroups, onCollapsedColumnGroupsChange, locale, activeRowId, infiniteScroll, onCellEdit, onCellValidate }: DsDataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
|
|
13103
|
+
declare namespace DsTable {
|
|
13104
|
+
var displayName: string;
|
|
13105
|
+
}
|
|
13386
13106
|
//#endregion
|
|
13387
13107
|
//#region src/components/ds-table/hooks/use-cell-editor.d.ts
|
|
13388
13108
|
interface UseCellEditorOptions<TData extends RowData, TValue> {
|
|
@@ -13418,9 +13138,7 @@ interface UseCellEditorResult<TValue> {
|
|
|
13418
13138
|
* Only mount this hook inside `ColumnDef.editCell` — the table cell layer handles
|
|
13419
13139
|
* entering edit mode on double-click.
|
|
13420
13140
|
*/
|
|
13421
|
-
declare const useCellEditor: <TData extends RowData, TValue>({
|
|
13422
|
-
cellContext
|
|
13423
|
-
}: UseCellEditorOptions<TData, TValue>) => UseCellEditorResult<TValue>;
|
|
13141
|
+
declare const useCellEditor: <TData extends RowData, TValue>({ cellContext }: UseCellEditorOptions<TData, TValue>) => UseCellEditorResult<TValue>;
|
|
13424
13142
|
//#endregion
|
|
13425
13143
|
//#region src/components/ds-table/components/edit/ds-table-editable-cell/ds-table-editable-cell.types.d.ts
|
|
13426
13144
|
interface DsTableEditableCellProps<TData, TValue> {
|
|
@@ -13429,10 +13147,10 @@ interface DsTableEditableCellProps<TData, TValue> {
|
|
|
13429
13147
|
}
|
|
13430
13148
|
//#endregion
|
|
13431
13149
|
//#region src/components/ds-table/components/edit/ds-table-editable-cell/ds-table-editable-cell.d.ts
|
|
13432
|
-
declare
|
|
13433
|
-
|
|
13434
|
-
|
|
13435
|
-
}
|
|
13150
|
+
declare function DsTableEditableCell<TData, TValue>({ cell, children }: DsTableEditableCellProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
|
|
13151
|
+
declare namespace DsTableEditableCell {
|
|
13152
|
+
var displayName: string;
|
|
13153
|
+
}
|
|
13436
13154
|
//#endregion
|
|
13437
13155
|
//#region src/components/ds-table/components/edit/ds-table-editing-cell/ds-table-editing-cell.types.d.ts
|
|
13438
13156
|
interface DsTableEditingCellProps<TData, TValue> {
|
|
@@ -13440,9 +13158,10 @@ interface DsTableEditingCellProps<TData, TValue> {
|
|
|
13440
13158
|
}
|
|
13441
13159
|
//#endregion
|
|
13442
13160
|
//#region src/components/ds-table/components/edit/ds-table-editing-cell/ds-table-editing-cell.d.ts
|
|
13443
|
-
declare
|
|
13444
|
-
|
|
13445
|
-
|
|
13161
|
+
declare function DsTableEditingCell<TData, TValue>({ cell }: DsTableEditingCellProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
|
|
13162
|
+
declare namespace DsTableEditingCell {
|
|
13163
|
+
var displayName: string;
|
|
13164
|
+
}
|
|
13446
13165
|
//#endregion
|
|
13447
13166
|
//#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-text.d.ts
|
|
13448
13167
|
interface DsTableEditCellTextProps<TData extends RowData> {
|
|
@@ -13451,12 +13170,10 @@ interface DsTableEditCellTextProps<TData extends RowData> {
|
|
|
13451
13170
|
placeholder?: string;
|
|
13452
13171
|
maxLength?: number;
|
|
13453
13172
|
}
|
|
13454
|
-
|
|
13455
|
-
declare
|
|
13456
|
-
|
|
13457
|
-
|
|
13458
|
-
maxLength
|
|
13459
|
-
}: DsTableEditCellTextProps<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
13173
|
+
declare function DsTableEditCellText<TData extends RowData>({ cellContext, placeholder, maxLength }: DsTableEditCellTextProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
13174
|
+
declare namespace DsTableEditCellText {
|
|
13175
|
+
var displayName: string;
|
|
13176
|
+
}
|
|
13460
13177
|
//#endregion
|
|
13461
13178
|
//#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-number.d.ts
|
|
13462
13179
|
interface DsTableEditCellNumberProps<TData extends RowData> {
|
|
@@ -13466,13 +13183,10 @@ interface DsTableEditCellNumberProps<TData extends RowData> {
|
|
|
13466
13183
|
max?: number;
|
|
13467
13184
|
step?: number;
|
|
13468
13185
|
}
|
|
13469
|
-
|
|
13470
|
-
declare
|
|
13471
|
-
|
|
13472
|
-
|
|
13473
|
-
max,
|
|
13474
|
-
step
|
|
13475
|
-
}: DsTableEditCellNumberProps<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
13186
|
+
declare function DsTableEditCellNumber<TData extends RowData>({ cellContext, min, max, step }: DsTableEditCellNumberProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
13187
|
+
declare namespace DsTableEditCellNumber {
|
|
13188
|
+
var displayName: string;
|
|
13189
|
+
}
|
|
13476
13190
|
//#endregion
|
|
13477
13191
|
//#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-select.d.ts
|
|
13478
13192
|
interface DsTableEditCellSelectProps<TData extends RowData> {
|
|
@@ -13481,12 +13195,10 @@ interface DsTableEditCellSelectProps<TData extends RowData> {
|
|
|
13481
13195
|
options: DsSelectOption[];
|
|
13482
13196
|
placeholder?: string;
|
|
13483
13197
|
}
|
|
13484
|
-
|
|
13485
|
-
declare
|
|
13486
|
-
|
|
13487
|
-
|
|
13488
|
-
placeholder
|
|
13489
|
-
}: DsTableEditCellSelectProps<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
13198
|
+
declare function DsTableEditCellSelect<TData extends RowData>({ cellContext, options, placeholder }: DsTableEditCellSelectProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
13199
|
+
declare namespace DsTableEditCellSelect {
|
|
13200
|
+
var displayName: string;
|
|
13201
|
+
}
|
|
13490
13202
|
//#endregion
|
|
13491
13203
|
//#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-date.d.ts
|
|
13492
13204
|
type DsTableEditCellDateValue = Date | null;
|
|
@@ -13497,13 +13209,10 @@ interface DsTableEditCellDateProps<TData extends RowData> {
|
|
|
13497
13209
|
max?: Date;
|
|
13498
13210
|
placeholder?: string;
|
|
13499
13211
|
}
|
|
13500
|
-
|
|
13501
|
-
declare
|
|
13502
|
-
|
|
13503
|
-
|
|
13504
|
-
max,
|
|
13505
|
-
placeholder
|
|
13506
|
-
}: DsTableEditCellDateProps<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
13212
|
+
declare function DsTableEditCellDate<TData extends RowData>({ cellContext, min, max, placeholder }: DsTableEditCellDateProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
13213
|
+
declare namespace DsTableEditCellDate {
|
|
13214
|
+
var displayName: string;
|
|
13215
|
+
}
|
|
13507
13216
|
//#endregion
|
|
13508
13217
|
//#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-checkbox.d.ts
|
|
13509
13218
|
interface DsTableEditCellCheckboxProps<TData extends RowData> {
|
|
@@ -13511,11 +13220,10 @@ interface DsTableEditCellCheckboxProps<TData extends RowData> {
|
|
|
13511
13220
|
cellContext: CellContext<TData, boolean>;
|
|
13512
13221
|
disabled?: boolean;
|
|
13513
13222
|
}
|
|
13514
|
-
|
|
13515
|
-
declare
|
|
13516
|
-
|
|
13517
|
-
|
|
13518
|
-
}: DsTableEditCellCheckboxProps<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
13223
|
+
declare function DsTableEditCellCheckbox<TData extends RowData>({ cellContext, disabled }: DsTableEditCellCheckboxProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
13224
|
+
declare namespace DsTableEditCellCheckbox {
|
|
13225
|
+
var displayName: string;
|
|
13226
|
+
}
|
|
13519
13227
|
//#endregion
|
|
13520
13228
|
//#region src/components/ds-tabs/ds-tabs.types.d.ts
|
|
13521
13229
|
type DsTabsSize = 'medium' | 'small';
|
|
@@ -13558,23 +13266,38 @@ interface DsTabsListProps {
|
|
|
13558
13266
|
children: ReactNode;
|
|
13559
13267
|
}
|
|
13560
13268
|
type DsTabsTabBaseProps = {
|
|
13561
|
-
/** Unique value for this tab */
|
|
13562
|
-
|
|
13563
|
-
|
|
13564
|
-
|
|
13565
|
-
|
|
13566
|
-
|
|
13269
|
+
/** Unique value for this tab */
|
|
13270
|
+
value: string;
|
|
13271
|
+
/** Menu action items to display in dropdown */
|
|
13272
|
+
menuActionItems?: DsTabsMenuActionItem[];
|
|
13273
|
+
/** Callback when a menu action is selected */
|
|
13274
|
+
onMenuActionSelect?: (value: string) => void;
|
|
13275
|
+
/** Tooltip text to show on hover */
|
|
13276
|
+
tooltip?: string;
|
|
13277
|
+
/** Disabled state */
|
|
13278
|
+
disabled?: boolean;
|
|
13279
|
+
/** Custom className */
|
|
13280
|
+
className?: string;
|
|
13281
|
+
/** Custom styles */
|
|
13567
13282
|
style?: CSSProperties;
|
|
13568
13283
|
};
|
|
13569
13284
|
type DsTabsTabProps = DsTabsTabBaseProps & ({
|
|
13570
|
-
/** Custom children (overrides default rendering) */
|
|
13571
|
-
|
|
13572
|
-
|
|
13285
|
+
/** Custom children (overrides default rendering) */
|
|
13286
|
+
children: ReactNode;
|
|
13287
|
+
/** Tab label text */
|
|
13288
|
+
label?: never;
|
|
13289
|
+
/** Leading icon name (Material Icons) or SVG component */
|
|
13290
|
+
icon?: never;
|
|
13291
|
+
/** Badge count or text */
|
|
13573
13292
|
badge?: never;
|
|
13574
13293
|
} | {
|
|
13575
|
-
/** Custom children (overrides default rendering) */
|
|
13576
|
-
|
|
13577
|
-
|
|
13294
|
+
/** Custom children (overrides default rendering) */
|
|
13295
|
+
children?: never;
|
|
13296
|
+
/** Tab label text */
|
|
13297
|
+
label?: string;
|
|
13298
|
+
/** Leading icon name (Material Icons) or SVG component */
|
|
13299
|
+
icon?: IconType;
|
|
13300
|
+
/** Badge count or text */
|
|
13578
13301
|
badge?: string | number;
|
|
13579
13302
|
});
|
|
13580
13303
|
interface DsTabsContentProps {
|
|
@@ -13588,42 +13311,34 @@ interface DsTabsContentProps {
|
|
|
13588
13311
|
children: ReactNode;
|
|
13589
13312
|
}
|
|
13590
13313
|
//#endregion
|
|
13314
|
+
//#region src/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.d.ts
|
|
13315
|
+
declare function DsTabsList({ className, style, children }: DsTabsListProps): import("react/jsx-runtime").JSX.Element;
|
|
13316
|
+
declare namespace DsTabsList {
|
|
13317
|
+
var displayName: string;
|
|
13318
|
+
}
|
|
13319
|
+
//#endregion
|
|
13320
|
+
//#region src/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.d.ts
|
|
13321
|
+
declare function DsTabsTab({ value, disabled, icon, label, badge, menuActionItems, onMenuActionSelect, tooltip, className, style, children }: DsTabsTabProps): import("react/jsx-runtime").JSX.Element;
|
|
13322
|
+
declare namespace DsTabsTab {
|
|
13323
|
+
var displayName: string;
|
|
13324
|
+
}
|
|
13325
|
+
//#endregion
|
|
13326
|
+
//#region src/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.d.ts
|
|
13327
|
+
declare function DsTabsContent({ value, className, style, children }: DsTabsContentProps): import("react/jsx-runtime").JSX.Element;
|
|
13328
|
+
declare namespace DsTabsContent {
|
|
13329
|
+
var displayName: string;
|
|
13330
|
+
}
|
|
13331
|
+
//#endregion
|
|
13591
13332
|
//#region src/components/ds-tabs/ds-tabs.d.ts
|
|
13333
|
+
declare const DsTabsRoot: {
|
|
13334
|
+
({ value, defaultValue, onValueChange, orientation, size, className, style, children }: DsTabsProps): import("react/jsx-runtime").JSX.Element;
|
|
13335
|
+
displayName: string;
|
|
13336
|
+
};
|
|
13592
13337
|
declare const DsTabs: {
|
|
13593
|
-
Root:
|
|
13594
|
-
|
|
13595
|
-
|
|
13596
|
-
|
|
13597
|
-
orientation,
|
|
13598
|
-
size,
|
|
13599
|
-
className,
|
|
13600
|
-
style,
|
|
13601
|
-
children
|
|
13602
|
-
}: DsTabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
13603
|
-
List: ({
|
|
13604
|
-
className,
|
|
13605
|
-
style,
|
|
13606
|
-
children
|
|
13607
|
-
}: DsTabsListProps) => import("react/jsx-runtime").JSX.Element;
|
|
13608
|
-
Tab: ({
|
|
13609
|
-
value,
|
|
13610
|
-
disabled,
|
|
13611
|
-
icon,
|
|
13612
|
-
label,
|
|
13613
|
-
badge,
|
|
13614
|
-
menuActionItems,
|
|
13615
|
-
onMenuActionSelect,
|
|
13616
|
-
tooltip,
|
|
13617
|
-
className,
|
|
13618
|
-
style,
|
|
13619
|
-
children
|
|
13620
|
-
}: DsTabsTabProps) => import("react/jsx-runtime").JSX.Element;
|
|
13621
|
-
Content: ({
|
|
13622
|
-
value,
|
|
13623
|
-
className,
|
|
13624
|
-
style,
|
|
13625
|
-
children
|
|
13626
|
-
}: DsTabsContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
13338
|
+
Root: typeof DsTabsRoot;
|
|
13339
|
+
List: typeof DsTabsList;
|
|
13340
|
+
Tab: typeof DsTabsTab;
|
|
13341
|
+
Content: typeof DsTabsContent;
|
|
13627
13342
|
};
|
|
13628
13343
|
//#endregion
|
|
13629
13344
|
//#region src/components/ds-toast/ds-toast.types.d.ts
|
|
@@ -13776,25 +13491,23 @@ type DsToggleProps = {
|
|
|
13776
13491
|
});
|
|
13777
13492
|
//#endregion
|
|
13778
13493
|
//#region src/components/ds-toggle/ds-toggle.d.ts
|
|
13779
|
-
|
|
13780
|
-
|
|
13781
|
-
|
|
13782
|
-
|
|
13783
|
-
ref,
|
|
13784
|
-
label,
|
|
13785
|
-
name,
|
|
13786
|
-
labelInfo,
|
|
13787
|
-
className,
|
|
13788
|
-
style,
|
|
13789
|
-
onChange,
|
|
13790
|
-
onValueChange,
|
|
13791
|
-
size,
|
|
13792
|
-
children,
|
|
13793
|
-
checked,
|
|
13794
|
-
...rest
|
|
13795
|
-
}: DsToggleProps) => import("react/jsx-runtime").JSX.Element;
|
|
13494
|
+
declare function DsToggle({ ref, label, name, labelInfo, className, style, onChange, onValueChange, size, children, checked, ...rest }: DsToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
13495
|
+
declare namespace DsToggle {
|
|
13496
|
+
var displayName: string;
|
|
13497
|
+
}
|
|
13796
13498
|
//#endregion
|
|
13797
13499
|
//#region src/components/ds-tooltip/ds-tooltip.types.d.ts
|
|
13500
|
+
declare const tooltipPlacements: readonly ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'];
|
|
13501
|
+
type TooltipPlacement = (typeof tooltipPlacements)[number];
|
|
13502
|
+
/**
|
|
13503
|
+
* Viewport-relative rect (CSS pixels) the tooltip anchors to, instead of the trigger.
|
|
13504
|
+
*/
|
|
13505
|
+
interface TooltipAnchorRect {
|
|
13506
|
+
x: number;
|
|
13507
|
+
y: number;
|
|
13508
|
+
width: number;
|
|
13509
|
+
height: number;
|
|
13510
|
+
}
|
|
13798
13511
|
interface DsTooltipProps {
|
|
13799
13512
|
/**
|
|
13800
13513
|
* Tooltip content
|
|
@@ -13804,6 +13517,19 @@ interface DsTooltipProps {
|
|
|
13804
13517
|
* The content to be rendered inside the tooltip
|
|
13805
13518
|
*/
|
|
13806
13519
|
children: ReactNode;
|
|
13520
|
+
/**
|
|
13521
|
+
* Placement relative to the trigger; `-start` / `-end` align to that edge.
|
|
13522
|
+
*/
|
|
13523
|
+
placement?: TooltipPlacement;
|
|
13524
|
+
/**
|
|
13525
|
+
* When true the trigger renders but the tooltip never opens.
|
|
13526
|
+
*/
|
|
13527
|
+
disabled?: boolean;
|
|
13528
|
+
/**
|
|
13529
|
+
* Anchors the tooltip to a virtual rect instead of the trigger, re-evaluated on
|
|
13530
|
+
* each reposition. Return `null` to fall back to the trigger.
|
|
13531
|
+
*/
|
|
13532
|
+
getAnchorRect?: () => TooltipAnchorRect | null;
|
|
13807
13533
|
/**
|
|
13808
13534
|
* Props forwarded to nested sub-components.
|
|
13809
13535
|
*/
|
|
@@ -13964,95 +13690,115 @@ interface DsTreeItemActionProps extends DsTreeBasePropsWithChildren {
|
|
|
13964
13690
|
}
|
|
13965
13691
|
//#endregion
|
|
13966
13692
|
//#region src/components/ds-tree/ds-tree.d.ts
|
|
13693
|
+
declare const DsTreeRoot: {
|
|
13694
|
+
<T extends DsTreeNode = DsTreeNode>({ collection, size, ref, className, style, children, selectedValue, defaultSelectedValue, onSelectionChange, selectionMode, expandedValue, defaultExpandedValue, onExpandedChange, expandOnClick, checkedValue, defaultCheckedValue, onCheckedChange, typeahead, lazyMount, unmountOnExit }: DsTreeRootProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
13695
|
+
displayName: string;
|
|
13696
|
+
};
|
|
13697
|
+
declare const DsTreeTree: {
|
|
13698
|
+
({ className, style, children }: DsTreeTreeProps): import("react/jsx-runtime").JSX.Element;
|
|
13699
|
+
displayName: string;
|
|
13700
|
+
};
|
|
13701
|
+
declare const DsTreeBranch: {
|
|
13702
|
+
({ className, style, children }: DsTreeBranchProps): import("react/jsx-runtime").JSX.Element;
|
|
13703
|
+
displayName: string;
|
|
13704
|
+
};
|
|
13705
|
+
declare const DsTreeBranchControl: {
|
|
13706
|
+
({ className, style, children }: DsTreeBranchControlProps): import("react/jsx-runtime").JSX.Element;
|
|
13707
|
+
displayName: string;
|
|
13708
|
+
};
|
|
13709
|
+
declare const DsTreeBranchIndicator: {
|
|
13710
|
+
({ className, style, children }: DsTreeBranchIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
13711
|
+
displayName: string;
|
|
13712
|
+
};
|
|
13713
|
+
declare const DsTreeBranchText: {
|
|
13714
|
+
({ className, style, children }: DsTreeBranchTextProps): import("react/jsx-runtime").JSX.Element;
|
|
13715
|
+
displayName: string;
|
|
13716
|
+
};
|
|
13717
|
+
declare const DsTreeBranchContent: {
|
|
13718
|
+
({ className, style, children }: DsTreeBranchContentProps): import("react/jsx-runtime").JSX.Element;
|
|
13719
|
+
displayName: string;
|
|
13720
|
+
};
|
|
13721
|
+
declare const DsTreeBranchIndentGuide: {
|
|
13722
|
+
({ className, style }: DsTreeBranchIndentGuideProps): import("react/jsx-runtime").JSX.Element;
|
|
13723
|
+
displayName: string;
|
|
13724
|
+
};
|
|
13725
|
+
declare const DsTreeItem: {
|
|
13726
|
+
({ className, style, children, onClick }: DsTreeItemProps): import("react/jsx-runtime").JSX.Element;
|
|
13727
|
+
displayName: string;
|
|
13728
|
+
};
|
|
13729
|
+
declare const DsTreeItemText: {
|
|
13730
|
+
({ className, style, children }: DsTreeItemTextProps): import("react/jsx-runtime").JSX.Element;
|
|
13731
|
+
displayName: string;
|
|
13732
|
+
};
|
|
13733
|
+
declare const DsTreeItemIndicator: {
|
|
13734
|
+
({ className, style }: DsTreeItemIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
13735
|
+
displayName: string;
|
|
13736
|
+
};
|
|
13737
|
+
declare const DsTreeNodeCheckbox: {
|
|
13738
|
+
({ className, style }: DsTreeNodeCheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
13739
|
+
displayName: string;
|
|
13740
|
+
};
|
|
13741
|
+
declare const DsTreeItemAction: {
|
|
13742
|
+
({ className, style, children, onClick }: DsTreeItemActionProps): import("react/jsx-runtime").JSX.Element;
|
|
13743
|
+
displayName: string;
|
|
13744
|
+
};
|
|
13967
13745
|
declare const DsTree: {
|
|
13968
|
-
Root:
|
|
13969
|
-
|
|
13970
|
-
size,
|
|
13971
|
-
ref,
|
|
13972
|
-
className,
|
|
13973
|
-
style,
|
|
13974
|
-
children,
|
|
13975
|
-
selectedValue,
|
|
13976
|
-
defaultSelectedValue,
|
|
13977
|
-
onSelectionChange,
|
|
13978
|
-
selectionMode,
|
|
13979
|
-
expandedValue,
|
|
13980
|
-
defaultExpandedValue,
|
|
13981
|
-
onExpandedChange,
|
|
13982
|
-
expandOnClick,
|
|
13983
|
-
checkedValue,
|
|
13984
|
-
defaultCheckedValue,
|
|
13985
|
-
onCheckedChange,
|
|
13986
|
-
typeahead,
|
|
13987
|
-
lazyMount,
|
|
13988
|
-
unmountOnExit
|
|
13989
|
-
}: DsTreeRootProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
13990
|
-
Tree: ({
|
|
13991
|
-
className,
|
|
13992
|
-
style,
|
|
13993
|
-
children
|
|
13994
|
-
}: DsTreeTreeProps) => import("react/jsx-runtime").JSX.Element;
|
|
13746
|
+
Root: typeof DsTreeRoot;
|
|
13747
|
+
Tree: typeof DsTreeTree;
|
|
13995
13748
|
NodeProvider: typeof TreeView.NodeProvider;
|
|
13996
13749
|
NodeContext: (props: TreeView.NodeContextProps) => import("react").ReactNode;
|
|
13997
|
-
Branch:
|
|
13998
|
-
|
|
13999
|
-
|
|
14000
|
-
|
|
14001
|
-
|
|
14002
|
-
|
|
14003
|
-
|
|
14004
|
-
|
|
14005
|
-
|
|
14006
|
-
|
|
14007
|
-
|
|
14008
|
-
className,
|
|
14009
|
-
style,
|
|
14010
|
-
children
|
|
14011
|
-
}: DsTreeBranchIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
14012
|
-
BranchText: ({
|
|
14013
|
-
className,
|
|
14014
|
-
style,
|
|
14015
|
-
children
|
|
14016
|
-
}: DsTreeBranchTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
14017
|
-
BranchContent: ({
|
|
14018
|
-
className,
|
|
14019
|
-
style,
|
|
14020
|
-
children
|
|
14021
|
-
}: DsTreeBranchContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
14022
|
-
BranchIndentGuide: ({
|
|
14023
|
-
className,
|
|
14024
|
-
style
|
|
14025
|
-
}: DsTreeBranchIndentGuideProps) => import("react/jsx-runtime").JSX.Element;
|
|
14026
|
-
Item: ({
|
|
14027
|
-
className,
|
|
14028
|
-
style,
|
|
14029
|
-
children,
|
|
14030
|
-
onClick
|
|
14031
|
-
}: DsTreeItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
14032
|
-
ItemText: ({
|
|
14033
|
-
className,
|
|
14034
|
-
style,
|
|
14035
|
-
children
|
|
14036
|
-
}: DsTreeItemTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
14037
|
-
ItemIndicator: ({
|
|
14038
|
-
className,
|
|
14039
|
-
style
|
|
14040
|
-
}: DsTreeItemIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
14041
|
-
ItemAction: ({
|
|
14042
|
-
className,
|
|
14043
|
-
style,
|
|
14044
|
-
children,
|
|
14045
|
-
onClick
|
|
14046
|
-
}: DsTreeItemActionProps) => import("react/jsx-runtime").JSX.Element;
|
|
14047
|
-
NodeCheckbox: ({
|
|
14048
|
-
className,
|
|
14049
|
-
style
|
|
14050
|
-
}: DsTreeNodeCheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
13750
|
+
Branch: typeof DsTreeBranch;
|
|
13751
|
+
BranchControl: typeof DsTreeBranchControl;
|
|
13752
|
+
BranchIndicator: typeof DsTreeBranchIndicator;
|
|
13753
|
+
BranchText: typeof DsTreeBranchText;
|
|
13754
|
+
BranchContent: typeof DsTreeBranchContent;
|
|
13755
|
+
BranchIndentGuide: typeof DsTreeBranchIndentGuide;
|
|
13756
|
+
Item: typeof DsTreeItem;
|
|
13757
|
+
ItemText: typeof DsTreeItemText;
|
|
13758
|
+
ItemIndicator: typeof DsTreeItemIndicator;
|
|
13759
|
+
ItemAction: typeof DsTreeItemAction;
|
|
13760
|
+
NodeCheckbox: typeof DsTreeNodeCheckbox;
|
|
14051
13761
|
};
|
|
14052
13762
|
//#endregion
|
|
14053
13763
|
//#region src/components/ds-tree/ds-tree.utils.d.ts
|
|
14054
13764
|
declare const createDsTreeCollection: <T extends DsTreeNode>(nodes: T[]) => import("@ark-ui/react").TreeCollection<T>;
|
|
14055
13765
|
//#endregion
|
|
13766
|
+
//#region src/components/ds-user-card/ds-user-card.types.d.ts
|
|
13767
|
+
interface DsUserCardProps {
|
|
13768
|
+
/**
|
|
13769
|
+
* Full name shown as the title. Also drives the avatar initials fallback,
|
|
13770
|
+
* image alt text, and hover tooltip.
|
|
13771
|
+
*/
|
|
13772
|
+
name: string;
|
|
13773
|
+
/**
|
|
13774
|
+
* Secondary line rendered under the name, such as an email address or role.
|
|
13775
|
+
*/
|
|
13776
|
+
subtitle?: string;
|
|
13777
|
+
/**
|
|
13778
|
+
* Avatar image URL. Falls back to initials derived from `name` when omitted
|
|
13779
|
+
* or when the image fails to load.
|
|
13780
|
+
*/
|
|
13781
|
+
src?: string;
|
|
13782
|
+
/**
|
|
13783
|
+
* Custom class name applied to the root element.
|
|
13784
|
+
*/
|
|
13785
|
+
className?: string;
|
|
13786
|
+
/**
|
|
13787
|
+
* Custom inline styles applied to the root element.
|
|
13788
|
+
*/
|
|
13789
|
+
style?: CSSProperties;
|
|
13790
|
+
}
|
|
13791
|
+
//#endregion
|
|
13792
|
+
//#region src/components/ds-user-card/ds-user-card.d.ts
|
|
13793
|
+
/**
|
|
13794
|
+
* @summary Compact identity header pairing an avatar with a name and optional subtitle.
|
|
13795
|
+
*
|
|
13796
|
+
* Presentational card used as the header of a user menu. Renders a medium
|
|
13797
|
+
* `DsAvatar` (initials fallback derived from `name`) beside a two-line text
|
|
13798
|
+
* block; both lines truncate with an ellipsis when they overflow.
|
|
13799
|
+
*/
|
|
13800
|
+
declare const DsUserCard: FC<DsUserCardProps>;
|
|
13801
|
+
//#endregion
|
|
14056
13802
|
//#region src/components/ds-vertical-tabs/ds-vertical-tabs.types.d.ts
|
|
14057
13803
|
interface DsVerticalTabsRootProps {
|
|
14058
13804
|
/**
|
|
@@ -14120,34 +13866,34 @@ interface DsVerticalTabsContentProps {
|
|
|
14120
13866
|
}
|
|
14121
13867
|
//#endregion
|
|
14122
13868
|
//#region src/components/ds-vertical-tabs/ds-vertical-tabs.d.ts
|
|
14123
|
-
declare function DsVerticalTabs({
|
|
14124
|
-
value,
|
|
14125
|
-
onValueChange,
|
|
14126
|
-
className,
|
|
14127
|
-
style,
|
|
14128
|
-
children
|
|
14129
|
-
}: DsVerticalTabsRootProps): import("react/jsx-runtime").JSX.Element;
|
|
14130
|
-
declare namespace DsVerticalTabs {
|
|
14131
|
-
var List: ({
|
|
14132
|
-
className,
|
|
14133
|
-
children
|
|
14134
|
-
}: DsVerticalTabsListProps) => import("react/jsx-runtime").JSX.Element;
|
|
14135
|
-
}
|
|
14136
|
-
declare namespace DsVerticalTabs {
|
|
14137
|
-
var Tab: ({
|
|
14138
|
-
value,
|
|
14139
|
-
disabled,
|
|
14140
|
-
className,
|
|
14141
|
-
children
|
|
14142
|
-
}: DsVerticalTabsTabProps) => import("react/jsx-runtime").JSX.Element;
|
|
14143
|
-
}
|
|
13869
|
+
declare function DsVerticalTabs({ value, onValueChange, className, style, children }: DsVerticalTabsRootProps): import("react/jsx-runtime").JSX.Element;
|
|
14144
13870
|
declare namespace DsVerticalTabs {
|
|
14145
|
-
|
|
14146
|
-
|
|
14147
|
-
|
|
14148
|
-
|
|
14149
|
-
}: DsVerticalTabsContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
13871
|
+
export { DsVerticalTabsList as List };
|
|
13872
|
+
export { DsVerticalTabsTab as Tab };
|
|
13873
|
+
export { DsVerticalTabsContent as Content };
|
|
13874
|
+
export var displayName: string;
|
|
14150
13875
|
}
|
|
13876
|
+
/**
|
|
13877
|
+
* Container for tab triggers
|
|
13878
|
+
*/
|
|
13879
|
+
declare const DsVerticalTabsList: {
|
|
13880
|
+
({ className, children }: DsVerticalTabsListProps): import("react/jsx-runtime").JSX.Element;
|
|
13881
|
+
displayName: string;
|
|
13882
|
+
};
|
|
13883
|
+
/**
|
|
13884
|
+
* Individual tab trigger - fully customizable content
|
|
13885
|
+
*/
|
|
13886
|
+
declare const DsVerticalTabsTab: {
|
|
13887
|
+
({ value, disabled, className, children }: DsVerticalTabsTabProps): import("react/jsx-runtime").JSX.Element;
|
|
13888
|
+
displayName: string;
|
|
13889
|
+
};
|
|
13890
|
+
/**
|
|
13891
|
+
* Tab content panel - displays when corresponding tab is active
|
|
13892
|
+
*/
|
|
13893
|
+
declare const DsVerticalTabsContent: {
|
|
13894
|
+
({ value, className, children }: DsVerticalTabsContentProps): import("react/jsx-runtime").JSX.Element;
|
|
13895
|
+
displayName: string;
|
|
13896
|
+
};
|
|
14151
13897
|
//#endregion
|
|
14152
13898
|
//#region src/components/ds-workspace-layout/ds-workspace-layout.types.d.ts
|
|
14153
13899
|
interface DsWorkspaceLayoutProps extends ComponentPropsWithRef<'div'> {
|
|
@@ -14195,57 +13941,46 @@ interface DsWorkspaceLayoutSideMenuProps extends ComponentPropsWithRef<'aside'>
|
|
|
14195
13941
|
}
|
|
14196
13942
|
//#endregion
|
|
14197
13943
|
//#region src/components/ds-workspace-layout/ds-workspace-layout.d.ts
|
|
14198
|
-
declare function DsWorkspaceLayout({
|
|
14199
|
-
className,
|
|
14200
|
-
fillParent,
|
|
14201
|
-
...rest
|
|
14202
|
-
}: DsWorkspaceLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
14203
|
-
declare namespace DsWorkspaceLayout {
|
|
14204
|
-
var Header: ({
|
|
14205
|
-
className,
|
|
14206
|
-
...rest
|
|
14207
|
-
}: DsWorkspaceLayoutHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
14208
|
-
}
|
|
14209
|
-
declare namespace DsWorkspaceLayout {
|
|
14210
|
-
var SubHeader: ({
|
|
14211
|
-
className,
|
|
14212
|
-
...rest
|
|
14213
|
-
}: DsWorkspaceLayoutSubHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
14214
|
-
}
|
|
14215
|
-
declare namespace DsWorkspaceLayout {
|
|
14216
|
-
var Content: ({
|
|
14217
|
-
className,
|
|
14218
|
-
...rest
|
|
14219
|
-
}: DsWorkspaceLayoutContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
14220
|
-
}
|
|
13944
|
+
declare function DsWorkspaceLayout({ className, fillParent, ...rest }: DsWorkspaceLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
14221
13945
|
declare namespace DsWorkspaceLayout {
|
|
14222
|
-
|
|
14223
|
-
|
|
14224
|
-
|
|
14225
|
-
|
|
14226
|
-
}
|
|
14227
|
-
|
|
14228
|
-
|
|
14229
|
-
|
|
14230
|
-
|
|
14231
|
-
|
|
14232
|
-
}
|
|
14233
|
-
|
|
14234
|
-
|
|
14235
|
-
|
|
14236
|
-
|
|
14237
|
-
|
|
14238
|
-
|
|
14239
|
-
|
|
14240
|
-
|
|
14241
|
-
}:
|
|
14242
|
-
|
|
14243
|
-
|
|
14244
|
-
|
|
14245
|
-
|
|
14246
|
-
|
|
14247
|
-
|
|
14248
|
-
|
|
13946
|
+
export { Header };
|
|
13947
|
+
export { SubHeader };
|
|
13948
|
+
export { Content };
|
|
13949
|
+
export { Footer };
|
|
13950
|
+
export { Body };
|
|
13951
|
+
export { SideMenu };
|
|
13952
|
+
export { LeftPanel };
|
|
13953
|
+
export var displayName: string;
|
|
13954
|
+
}
|
|
13955
|
+
declare const Header: {
|
|
13956
|
+
({ className, ...rest }: DsWorkspaceLayoutHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
13957
|
+
displayName: string;
|
|
13958
|
+
};
|
|
13959
|
+
declare const SubHeader: {
|
|
13960
|
+
({ className, ...rest }: DsWorkspaceLayoutSubHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
13961
|
+
displayName: string;
|
|
13962
|
+
};
|
|
13963
|
+
/** Content area: column layout, 24px vertical margins, 16px gap, 40px horizontal margins (24px when LeftPanel is mounted). */
|
|
13964
|
+
declare const Content: {
|
|
13965
|
+
({ className, ...rest }: DsWorkspaceLayoutContentProps): import("react/jsx-runtime").JSX.Element;
|
|
13966
|
+
displayName: string;
|
|
13967
|
+
};
|
|
13968
|
+
declare const Footer: {
|
|
13969
|
+
({ className, ...rest }: DsWorkspaceLayoutFooterProps): import("react/jsx-runtime").JSX.Element;
|
|
13970
|
+
displayName: string;
|
|
13971
|
+
};
|
|
13972
|
+
declare const Body: {
|
|
13973
|
+
({ className, ...rest }: DsWorkspaceLayoutBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
13974
|
+
displayName: string;
|
|
13975
|
+
};
|
|
13976
|
+
declare const SideMenu: {
|
|
13977
|
+
({ className, pinned, onPinnedChange, locale, children, ...rest }: DsWorkspaceLayoutSideMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
13978
|
+
displayName: string;
|
|
13979
|
+
};
|
|
13980
|
+
declare const LeftPanel: {
|
|
13981
|
+
({ className, ...rest }: DsWorkspaceLayoutLeftPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
13982
|
+
displayName: string;
|
|
13983
|
+
};
|
|
14249
13984
|
//#endregion
|
|
14250
|
-
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, ColumnFilterMeta, type ColumnFilterPopoverLocale, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, 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, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps,
|
|
13985
|
+
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 };
|
|
14251
13986
|
//# sourceMappingURL=index.d.ts.map
|