@drivenets/design-system 0.18.0 → 0.19.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 +26 -0
- package/dist/index.cjs +15850 -10821
- package/dist/index.d.cts +785 -239
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.ts +785 -239
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +15835 -10822
- package/dist/index.js.map +1 -1
- package/dist/index.min.css +1 -1
- package/package.json +13 -13
- package/src/components/ds-bot-button/ds-bot-button.figma.ts +38 -0
- package/src/components/ds-bot-button/ds-bot-button.module.scss +41 -0
- package/src/components/ds-bot-button/ds-bot-button.tsx +48 -0
- package/src/components/ds-bot-button/ds-bot-button.types.ts +33 -0
- package/src/components/ds-bot-button/index.ts +2 -0
- package/src/components/ds-bot-button/net-gen-logo.tsx +46 -0
- package/src/components/ds-bulk-actions/components/action-button.tsx +42 -0
- package/src/components/ds-bulk-actions/components/menu-entries.tsx +76 -0
- package/src/components/ds-bulk-actions/components/overflow.tsx +75 -0
- package/src/components/ds-bulk-actions/ds-bulk-actions.figma.ts +28 -0
- package/src/components/ds-bulk-actions/ds-bulk-actions.module.scss +199 -0
- package/src/components/ds-bulk-actions/ds-bulk-actions.tsx +220 -0
- package/src/components/ds-bulk-actions/ds-bulk-actions.types.ts +170 -0
- package/src/components/ds-bulk-actions/ds-bulk-actions.unit.test.ts +195 -0
- package/src/components/ds-bulk-actions/ds-bulk-actions.utils.ts +91 -0
- package/src/components/ds-bulk-actions/ds-bulk-actions.utils.unit.test.ts +134 -0
- package/src/components/ds-bulk-actions/hooks/compute-bulk-actions-overflow.ts +85 -0
- package/src/components/ds-bulk-actions/hooks/use-bulk-actions-overflow.ts +153 -0
- package/src/components/ds-bulk-actions/index.ts +18 -0
- package/src/components/ds-button-v3/ds-button-v3.module.scss +2 -2
- package/src/components/ds-catalog-layout/ds-catalog-layout.figma.ts +1 -1
- package/src/components/ds-dropdown-menu/ds-dropdown-menu.tsx +2 -0
- package/src/components/ds-empty-state/ds-empty-state.module.scss +16 -0
- package/src/components/ds-empty-state/ds-empty-state.tsx +45 -0
- package/src/components/ds-empty-state/ds-empty-state.types.ts +38 -0
- package/src/components/ds-empty-state/index.ts +3 -0
- package/src/components/ds-file-upload/ds-file-upload.tsx +4 -1
- package/src/components/ds-form-control/ds-form-control.tsx +18 -10
- package/src/components/ds-illustration/ds-illustration.figma.ts +34 -0
- package/src/components/ds-illustration/ds-illustration.module.scss +6 -0
- package/src/components/ds-illustration/ds-illustration.tsx +29 -0
- package/src/components/ds-illustration/ds-illustration.types.ts +45 -0
- package/src/components/ds-illustration/illustrations/configuration.tsx +51 -0
- package/src/components/ds-illustration/illustrations/device.tsx +133 -0
- package/src/components/ds-illustration/illustrations/done.tsx +107 -0
- package/src/components/{ds-catalog-layout/catalog-layout-empty-illustration.tsx → ds-illustration/illustrations/empty-inbox.tsx} +10 -14
- package/src/components/ds-illustration/illustrations/error.tsx +86 -0
- package/src/components/ds-illustration/illustrations/go-filter.tsx +51 -0
- package/src/components/ds-illustration/illustrations/illustration-clouds.tsx +10 -0
- package/src/components/ds-illustration/illustrations/index.ts +39 -0
- package/src/components/ds-illustration/illustrations/no-connection.tsx +54 -0
- package/src/components/ds-illustration/illustrations/no-credit-card.tsx +48 -0
- package/src/components/ds-illustration/illustrations/no-device.tsx +61 -0
- package/src/components/ds-illustration/illustrations/no-documents.tsx +52 -0
- package/src/components/ds-illustration/illustrations/no-gps.tsx +57 -0
- package/src/components/ds-illustration/illustrations/no-images.tsx +82 -0
- package/src/components/ds-illustration/illustrations/no-items-cart.tsx +86 -0
- package/src/components/ds-illustration/illustrations/no-messages.tsx +51 -0
- package/src/components/ds-illustration/illustrations/no-search-result.tsx +76 -0
- package/src/components/ds-illustration/illustrations/no-tasks.tsx +61 -0
- package/src/components/ds-illustration/illustrations/site.tsx +80 -0
- package/src/components/ds-illustration/index.ts +3 -0
- package/src/components/ds-main-menu/components/expanded-item/expanded-item.tsx +108 -0
- package/src/components/ds-main-menu/components/expanded-item/expanded-item.types.ts +8 -0
- package/src/components/ds-main-menu/components/expanded-item/index.ts +1 -0
- package/src/components/ds-main-menu/components/menu-graphic/index.ts +1 -0
- package/src/components/ds-main-menu/components/menu-graphic/menu-graphic.tsx +16 -0
- package/src/components/ds-main-menu/components/menu-graphic/menu-graphic.types.ts +7 -0
- package/src/components/ds-main-menu/components/tile-link/index.ts +1 -0
- package/src/components/ds-main-menu/components/tile-link/tile-link.tsx +85 -0
- package/src/components/ds-main-menu/components/tile-link/tile-link.types.ts +8 -0
- package/src/components/ds-main-menu/components/utility-link/index.ts +1 -0
- package/src/components/ds-main-menu/components/utility-link/utility-link.tsx +37 -0
- package/src/components/ds-main-menu/components/utility-link/utility-link.types.ts +7 -0
- package/src/components/ds-main-menu/ds-main-menu.figma.ts +17 -0
- package/src/components/ds-main-menu/ds-main-menu.module.scss +349 -0
- package/src/components/ds-main-menu/ds-main-menu.tsx +102 -0
- package/src/components/ds-main-menu/ds-main-menu.types.ts +86 -0
- package/src/components/ds-main-menu/ds-main-menu.utils.ts +40 -0
- package/src/components/ds-main-menu/index.ts +9 -0
- package/src/components/ds-modal/figma/ds-modal-footer.figma.ts +1 -1
- package/src/components/ds-popover/ds-popover.tsx +2 -1
- package/src/components/ds-popover/ds-popover.types.ts +7 -0
- package/src/components/ds-site-node/ds-site-node.tsx +2 -2
- package/src/components/ds-table/components/ds-table-body-virtualized/ds-table-body-virtualized.module.scss +12 -2
- package/src/components/ds-table/components/ds-table-body-virtualized/ds-table-body-virtualized.tsx +2 -3
- package/src/components/ds-table/components/ds-table-group-header-cell/ds-table-group-header-cell.module.scss +1 -6
- package/src/components/ds-table/components/ds-table-group-header-cell/ds-table-group-header-cell.tsx +6 -3
- package/src/components/ds-table/components/ds-table-header/ds-table-header.module.scss +18 -7
- package/src/components/ds-table/components/ds-table-header/ds-table-header.tsx +27 -21
- package/src/components/ds-table/components/ds-table-header-label.module.scss +12 -0
- package/src/components/ds-table/components/ds-table-header-label.tsx +28 -0
- package/src/components/ds-table/components/ds-table-row/ds-table-row.module.scss +0 -1
- package/src/components/ds-table/context/ds-table-context.tsx +8 -0
- package/src/components/ds-table/ds-table.module.scss +26 -16
- package/src/components/ds-table/ds-table.tsx +46 -14
- package/src/components/ds-table/ds-table.types.ts +33 -3
- package/src/components/ds-table/hooks/use-column-resize.ts +114 -11
- package/src/components/ds-table/hooks/use-scrollbar-spacer.ts +108 -0
- package/src/components/ds-table/hooks/use-scrollbar-spacer.unit.test.ts +26 -0
- package/src/components/ds-table/styles/_variables.scss +0 -2
- package/src/components/ds-table/utils/column-size.ts +274 -1
- package/src/components/ds-table/utils/column-size.unit.test.ts +157 -0
- package/src/components/ds-table/utils/constants.ts +13 -5
- package/src/components/ds-table/utils/table-columns.tsx +27 -13
- package/src/components/ds-table/utils/table-columns.unit.test.ts +44 -0
- package/src/components/ds-tag-filter/ds-tag-filter.module.scss +7 -35
- package/src/components/ds-tag-filter/ds-tag-filter.tsx +34 -57
- package/src/components/ds-tag-filter/ds-tag-filter.types.ts +2 -1
- package/src/components/ds-tag-filter/hooks/use-tag-overflow-calculation.ts +13 -18
- package/src/components/ds-toggle/ds-toggle.module.scss +18 -0
- package/src/components/ds-toggle/ds-toggle.tsx +15 -13
- package/src/components/ds-tooltip/ds-tooltip.tsx +6 -2
- package/src/components/ds-tooltip/ds-tooltip.types.ts +17 -0
- package/src/components/ds-top-bar-navigation/ds-top-bar-navigation.figma.ts +35 -0
- package/src/components/ds-top-bar-navigation/ds-top-bar-navigation.module.scss +150 -0
- package/src/components/ds-top-bar-navigation/ds-top-bar-navigation.tsx +161 -0
- package/src/components/ds-top-bar-navigation/ds-top-bar-navigation.types.ts +117 -0
- package/src/components/ds-top-bar-navigation/index.ts +2 -0
- package/src/index.ts +6 -0
- package/src/utils/use-is-horizontally-overflowing.ts +35 -0
- package/src/components/ds-site-node/hooks/use-is-overflowing.ts +0 -31
- package/src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.module.scss +0 -112
- package/src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.tsx +0 -67
- package/src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.types.ts +0 -41
- package/src/components/ds-table/components/ds-table-bulk-actions/index.ts +0 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$2 from "react";
|
|
2
|
-
import React$1, { ButtonHTMLAttributes, CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, KeyboardEventHandler, MouseEvent, MouseEventHandler, PropsWithChildren, ReactNode, Ref, RefObject, SVGProps } from "react";
|
|
2
|
+
import React$1, { ButtonHTMLAttributes, CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, KeyboardEventHandler, MouseEvent, MouseEventHandler, PropsWithChildren, ReactElement, ReactNode, Ref, RefObject, SVGProps } from "react";
|
|
3
3
|
import { FileUploadFileAcceptDetails, FileUploadFileError, FileUploadFileMimeType, FileUploadFileRejectDetails } from "@ark-ui/react";
|
|
4
4
|
import { Menu } from "@ark-ui/react/menu";
|
|
5
5
|
import { Checkbox } from "@ark-ui/react/checkbox";
|
|
@@ -6385,7 +6385,7 @@ declare const Body$5: {
|
|
|
6385
6385
|
}): import("react").JSX.Element;
|
|
6386
6386
|
displayName: string;
|
|
6387
6387
|
};
|
|
6388
|
-
declare const Actions$
|
|
6388
|
+
declare const Actions$3: {
|
|
6389
6389
|
({ style, className, children }: {
|
|
6390
6390
|
style?: CSSProperties;
|
|
6391
6391
|
className?: string;
|
|
@@ -6397,7 +6397,7 @@ declare const DsAlertBanner: typeof DsAlertBannerRoot & {
|
|
|
6397
6397
|
displayName: string;
|
|
6398
6398
|
Title: typeof Title$2;
|
|
6399
6399
|
Body: typeof Body$5;
|
|
6400
|
-
Actions: typeof Actions$
|
|
6400
|
+
Actions: typeof Actions$3;
|
|
6401
6401
|
};
|
|
6402
6402
|
//#endregion
|
|
6403
6403
|
//#region src/components/ds-autocomplete/ds-autocomplete.types.d.ts
|
|
@@ -6599,6 +6599,39 @@ interface DsAvatarGroupProps {
|
|
|
6599
6599
|
*/
|
|
6600
6600
|
declare const DsAvatarGroup: FC<DsAvatarGroupProps>;
|
|
6601
6601
|
//#endregion
|
|
6602
|
+
//#region src/components/ds-bot-button/ds-bot-button.types.d.ts
|
|
6603
|
+
/** `color` is dropped with `children`: content is fixed branding and the palette is the preset's. */
|
|
6604
|
+
interface DsBotButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'color'> {
|
|
6605
|
+
ref?: Ref<HTMLButtonElement>;
|
|
6606
|
+
/**
|
|
6607
|
+
* Pressed look for while the bot panel is open. Report the panel's open state here so the
|
|
6608
|
+
* button and the panel cannot disagree.
|
|
6609
|
+
* @default false
|
|
6610
|
+
*/
|
|
6611
|
+
selected?: boolean;
|
|
6612
|
+
/**
|
|
6613
|
+
* Swaps the logo for a spinner and blocks interaction while the bot starts up or answers.
|
|
6614
|
+
* Composes with `selected`: a panel that is open while the bot answers keeps the pressed look
|
|
6615
|
+
* under the spinner. `disabled` overrides both.
|
|
6616
|
+
* @default false
|
|
6617
|
+
*/
|
|
6618
|
+
loading?: boolean;
|
|
6619
|
+
locale?: {
|
|
6620
|
+
/**
|
|
6621
|
+
* Visible label and the button's accessible name. The bot's name is fixed branding —
|
|
6622
|
+
* override it only to translate it, never to repurpose the button.
|
|
6623
|
+
* @default 'NetGen'
|
|
6624
|
+
*/
|
|
6625
|
+
label?: string;
|
|
6626
|
+
};
|
|
6627
|
+
}
|
|
6628
|
+
//#endregion
|
|
6629
|
+
//#region src/components/ds-bot-button/ds-bot-button.d.ts
|
|
6630
|
+
declare function DsBotButton({ ref, className, selected, loading, disabled, locale, ...rest }: DsBotButtonProps): import("react").JSX.Element;
|
|
6631
|
+
declare namespace DsBotButton {
|
|
6632
|
+
var displayName: string;
|
|
6633
|
+
}
|
|
6634
|
+
//#endregion
|
|
6602
6635
|
//#region src/components/ds-breadcrumb/ds-breadcrumb.types.d.ts
|
|
6603
6636
|
type DsBreadcrumbItem = {
|
|
6604
6637
|
/**
|
|
@@ -6668,6 +6701,156 @@ interface DsBreadcrumbProps {
|
|
|
6668
6701
|
*/
|
|
6669
6702
|
declare const DsBreadcrumb: React$1.FC<DsBreadcrumbProps>;
|
|
6670
6703
|
//#endregion
|
|
6704
|
+
//#region src/components/ds-bulk-actions/ds-bulk-actions.types.d.ts
|
|
6705
|
+
declare const bulkActionsPlacements: readonly ['static', 'floating'];
|
|
6706
|
+
type BulkActionsPlacement = (typeof bulkActionsPlacements)[number];
|
|
6707
|
+
declare const bulkActionsMenuPlacements: readonly ['top', 'bottom'];
|
|
6708
|
+
type BulkActionsMenuPlacement = (typeof bulkActionsMenuPlacements)[number];
|
|
6709
|
+
declare const bulkActionsMenuItemVariants: readonly ['default', 'error'];
|
|
6710
|
+
type BulkActionsMenuItemVariant = (typeof bulkActionsMenuItemVariants)[number];
|
|
6711
|
+
declare const bulkActionsItemWidthModes: readonly ['fixed', 'fit-content'];
|
|
6712
|
+
type BulkActionsItemWidthMode = (typeof bulkActionsItemWidthModes)[number];
|
|
6713
|
+
/**
|
|
6714
|
+
* `'fixed'` keeps the 64–84px column. `'fit-content'` hugs the label. A number is an exact pixel width and truncates.
|
|
6715
|
+
*/
|
|
6716
|
+
type DsBulkActionsItemWidth = BulkActionsItemWidthMode | number;
|
|
6717
|
+
interface DsBulkActionsLocale {
|
|
6718
|
+
/**
|
|
6719
|
+
* Label shown next to the selection count
|
|
6720
|
+
* @default 'Items selected'
|
|
6721
|
+
*/
|
|
6722
|
+
itemsSelectedLabel?: string;
|
|
6723
|
+
/**
|
|
6724
|
+
* Accessible name for the dismiss control
|
|
6725
|
+
* @default 'Clear selection'
|
|
6726
|
+
*/
|
|
6727
|
+
clearSelectionLabel?: string;
|
|
6728
|
+
/**
|
|
6729
|
+
* Label for the overflow trigger that holds collapsed actions
|
|
6730
|
+
* @default 'More'
|
|
6731
|
+
*/
|
|
6732
|
+
moreActionsLabel?: string;
|
|
6733
|
+
}
|
|
6734
|
+
interface DsBulkActionsMenuEntryBase {
|
|
6735
|
+
value: string;
|
|
6736
|
+
label: string;
|
|
6737
|
+
icon?: IconType;
|
|
6738
|
+
disabled?: boolean;
|
|
6739
|
+
/**
|
|
6740
|
+
* @default 'default'
|
|
6741
|
+
*/
|
|
6742
|
+
variant?: BulkActionsMenuItemVariant;
|
|
6743
|
+
}
|
|
6744
|
+
type DsBulkActionsMenuLeafEntry = DsBulkActionsMenuEntryBase & {
|
|
6745
|
+
onSelect?: () => void;
|
|
6746
|
+
menu?: never;
|
|
6747
|
+
};
|
|
6748
|
+
type DsBulkActionsMenuBranchEntry = DsBulkActionsMenuEntryBase & {
|
|
6749
|
+
/**
|
|
6750
|
+
* Nested submenu entries. Mutually exclusive with `onSelect`.
|
|
6751
|
+
*/
|
|
6752
|
+
menu: DsBulkActionsMenuEntry[];
|
|
6753
|
+
onSelect?: never;
|
|
6754
|
+
};
|
|
6755
|
+
type DsBulkActionsMenuEntry = DsBulkActionsMenuLeafEntry | DsBulkActionsMenuBranchEntry;
|
|
6756
|
+
interface DsBulkActionsItemSharedProps {
|
|
6757
|
+
/**
|
|
6758
|
+
* Action column width.
|
|
6759
|
+
* @default 'fixed'
|
|
6760
|
+
*/
|
|
6761
|
+
width?: DsBulkActionsItemWidth;
|
|
6762
|
+
/**
|
|
6763
|
+
* Whether the action is non-interactive
|
|
6764
|
+
* @default false
|
|
6765
|
+
*/
|
|
6766
|
+
disabled?: boolean;
|
|
6767
|
+
className?: string;
|
|
6768
|
+
style?: CSSProperties;
|
|
6769
|
+
ref?: Ref<HTMLDivElement>;
|
|
6770
|
+
children?: never;
|
|
6771
|
+
}
|
|
6772
|
+
type DsBulkActionsItemClickProps = DsBulkActionsItemSharedProps & {
|
|
6773
|
+
/**
|
|
6774
|
+
* Icon displayed above the action label
|
|
6775
|
+
*/
|
|
6776
|
+
icon: IconType;
|
|
6777
|
+
/**
|
|
6778
|
+
* Action label under the icon. Truncates when `width` is `'fixed'` or a pixel length; full text in tooltip.
|
|
6779
|
+
*/
|
|
6780
|
+
label: string;
|
|
6781
|
+
/**
|
|
6782
|
+
* Called when the action is activated. Mutually exclusive with `menu`.
|
|
6783
|
+
*/
|
|
6784
|
+
onClick: () => void;
|
|
6785
|
+
menu?: never;
|
|
6786
|
+
};
|
|
6787
|
+
type DsBulkActionsItemMenuProps = DsBulkActionsItemSharedProps & {
|
|
6788
|
+
/**
|
|
6789
|
+
* Icon displayed above the action label
|
|
6790
|
+
*/
|
|
6791
|
+
icon: IconType;
|
|
6792
|
+
/**
|
|
6793
|
+
* Action label under the icon. Truncates when `width` is `'fixed'` or a pixel length; full text in tooltip.
|
|
6794
|
+
*/
|
|
6795
|
+
label: string;
|
|
6796
|
+
/**
|
|
6797
|
+
* Declarative menu shown from this action. Mutually exclusive with `onClick`.
|
|
6798
|
+
*/
|
|
6799
|
+
menu: DsBulkActionsMenuEntry[];
|
|
6800
|
+
onClick?: never;
|
|
6801
|
+
};
|
|
6802
|
+
/**
|
|
6803
|
+
* Slot in the bulk-actions toolbar. `onClick` and `menu` are mutually exclusive.
|
|
6804
|
+
*/
|
|
6805
|
+
type DsBulkActionsItemProps = DsBulkActionsItemClickProps | DsBulkActionsItemMenuProps;
|
|
6806
|
+
interface DsBulkActionsProps {
|
|
6807
|
+
/**
|
|
6808
|
+
* Number of selected items. The bar mounts at 1+ and unmounts when cleared to 0.
|
|
6809
|
+
*/
|
|
6810
|
+
selectedCount: number;
|
|
6811
|
+
/**
|
|
6812
|
+
* Action slots rendered between the selection summary and the dismiss control
|
|
6813
|
+
*/
|
|
6814
|
+
children?: ReactNode;
|
|
6815
|
+
/**
|
|
6816
|
+
* Called when the dismiss control is activated; should clear the selection
|
|
6817
|
+
*/
|
|
6818
|
+
onClearSelection: () => void;
|
|
6819
|
+
/**
|
|
6820
|
+
* Placement of the toolbar. `floating` anchors to the bottom center of a positioned
|
|
6821
|
+
* ancestor; `static` leaves placement to the consumer via `className` / `style`.
|
|
6822
|
+
*
|
|
6823
|
+
* Action overflow ("More") only activates when the toolbar width is bounded via
|
|
6824
|
+
* `style.width`, `style.maxWidth`, or a CSS `max-width`; a bare `width` set through
|
|
6825
|
+
* `className` is not detected (the default `fit-content` width is indistinguishable).
|
|
6826
|
+
* @default 'static'
|
|
6827
|
+
*/
|
|
6828
|
+
placement?: BulkActionsPlacement;
|
|
6829
|
+
/**
|
|
6830
|
+
* Flyout direction for `menu` items and the overflow More menu.
|
|
6831
|
+
* @default 'top' when `placement="floating"`, otherwise `'bottom'`
|
|
6832
|
+
*/
|
|
6833
|
+
menuPlacement?: BulkActionsMenuPlacement;
|
|
6834
|
+
/**
|
|
6835
|
+
* Localized strings for user-facing copy
|
|
6836
|
+
*/
|
|
6837
|
+
locale?: DsBulkActionsLocale;
|
|
6838
|
+
className?: string;
|
|
6839
|
+
style?: CSSProperties;
|
|
6840
|
+
ref?: Ref<HTMLDivElement>;
|
|
6841
|
+
}
|
|
6842
|
+
//#endregion
|
|
6843
|
+
//#region src/components/ds-bulk-actions/ds-bulk-actions.d.ts
|
|
6844
|
+
declare const Item: {
|
|
6845
|
+
(props: DsBulkActionsItemProps): import("react").JSX.Element;
|
|
6846
|
+
displayName: string;
|
|
6847
|
+
};
|
|
6848
|
+
declare function DsBulkActions({ selectedCount, children, onClearSelection, placement, menuPlacement: menuPlacementProp, locale, className, style, ref }: DsBulkActionsProps): import("react").JSX.Element | null;
|
|
6849
|
+
declare namespace DsBulkActions {
|
|
6850
|
+
var displayName: string;
|
|
6851
|
+
export { Item };
|
|
6852
|
+
}
|
|
6853
|
+
//#endregion
|
|
6671
6854
|
//#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.ts
|
|
6672
6855
|
declare const buttonSchemas: readonly ['primary', 'secondary', 'error'];
|
|
6673
6856
|
type ButtonSchema = (typeof buttonSchemas)[number];
|
|
@@ -9075,15 +9258,39 @@ interface DsFormControlDescriptionProps {
|
|
|
9075
9258
|
declare const DsFormControlRoot: ({ id, status, label, hideLabel, required, slots, message, messageIcon, className, style, children }: DsFormControlProps) => React$1.JSX.Element;
|
|
9076
9259
|
declare const DsFormControl: typeof DsFormControlRoot & {
|
|
9077
9260
|
displayName: string;
|
|
9078
|
-
TextInput:
|
|
9079
|
-
|
|
9080
|
-
|
|
9261
|
+
TextInput: {
|
|
9262
|
+
(props: DsTextInputProps): React$1.JSX.Element;
|
|
9263
|
+
displayName: string;
|
|
9264
|
+
};
|
|
9265
|
+
NumberInput: {
|
|
9266
|
+
(props: DsNumberInputProps): React$1.JSX.Element;
|
|
9267
|
+
displayName: string;
|
|
9268
|
+
};
|
|
9269
|
+
PasswordInput: {
|
|
9270
|
+
(props: DsPasswordInputProps): React$1.JSX.Element;
|
|
9271
|
+
displayName: string;
|
|
9272
|
+
};
|
|
9081
9273
|
/** @deprecated DsDateInput is deprecated. Use DsDatePicker or DsDateRangePicker instead. */
|
|
9082
|
-
DateInput:
|
|
9083
|
-
|
|
9084
|
-
|
|
9085
|
-
|
|
9086
|
-
|
|
9274
|
+
DateInput: {
|
|
9275
|
+
(props: DsDateInputProps): React$1.JSX.Element;
|
|
9276
|
+
displayName: string;
|
|
9277
|
+
};
|
|
9278
|
+
DatePicker: {
|
|
9279
|
+
(props: DsDatePickerProps): React$1.JSX.Element;
|
|
9280
|
+
displayName: string;
|
|
9281
|
+
};
|
|
9282
|
+
TimePicker: {
|
|
9283
|
+
(props: DsTimePickerProps): React$1.JSX.Element;
|
|
9284
|
+
displayName: string;
|
|
9285
|
+
};
|
|
9286
|
+
Textarea: {
|
|
9287
|
+
(props: DsTextareaProps): React$1.JSX.Element;
|
|
9288
|
+
displayName: string;
|
|
9289
|
+
};
|
|
9290
|
+
Select: {
|
|
9291
|
+
(props: DsSelectProps): React$1.JSX.Element;
|
|
9292
|
+
displayName: string;
|
|
9293
|
+
};
|
|
9087
9294
|
Description: React$1.FC<DsFormControlDescriptionProps>;
|
|
9088
9295
|
};
|
|
9089
9296
|
//#endregion
|
|
@@ -9396,7 +9603,7 @@ declare const Footer$2: {
|
|
|
9396
9603
|
}): import("react").JSX.Element;
|
|
9397
9604
|
displayName: string;
|
|
9398
9605
|
};
|
|
9399
|
-
declare const Actions$
|
|
9606
|
+
declare const Actions$2: {
|
|
9400
9607
|
({ style, className, children }: {
|
|
9401
9608
|
style?: CSSProperties;
|
|
9402
9609
|
className?: string;
|
|
@@ -9412,7 +9619,7 @@ declare const DsDrawer: typeof DsDrawerRoot & {
|
|
|
9412
9619
|
Toolbar: typeof Toolbar;
|
|
9413
9620
|
Body: typeof Body$2;
|
|
9414
9621
|
Footer: typeof Footer$2;
|
|
9415
|
-
Actions: typeof Actions$
|
|
9622
|
+
Actions: typeof Actions$2;
|
|
9416
9623
|
};
|
|
9417
9624
|
//#endregion
|
|
9418
9625
|
//#region src/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts
|
|
@@ -9751,6 +9958,38 @@ declare const DsDropdownMenu: {
|
|
|
9751
9958
|
Separator: React$1.FC<Menu.SeparatorProps>;
|
|
9752
9959
|
};
|
|
9753
9960
|
//#endregion
|
|
9961
|
+
//#region src/components/ds-empty-state/ds-empty-state.types.d.ts
|
|
9962
|
+
declare const dsEmptyStateVariants: readonly ['noData', 'noMatches'];
|
|
9963
|
+
type DsEmptyStateVariant = (typeof dsEmptyStateVariants)[number];
|
|
9964
|
+
interface DsEmptyStateProps {
|
|
9965
|
+
/**
|
|
9966
|
+
* Which empty-state reason to present.
|
|
9967
|
+
* @default 'noData'
|
|
9968
|
+
*/
|
|
9969
|
+
variant?: DsEmptyStateVariant;
|
|
9970
|
+
/**
|
|
9971
|
+
* Overrides the default copy for the active variant.
|
|
9972
|
+
*/
|
|
9973
|
+
message?: string;
|
|
9974
|
+
/**
|
|
9975
|
+
* Replaces the bundled illustration for the active variant.
|
|
9976
|
+
*/
|
|
9977
|
+
illustration?: ReactNode;
|
|
9978
|
+
/**
|
|
9979
|
+
* Optional action, typically a button. Omitted from the table's inferred default.
|
|
9980
|
+
*/
|
|
9981
|
+
action?: ReactNode;
|
|
9982
|
+
className?: string;
|
|
9983
|
+
style?: CSSProperties;
|
|
9984
|
+
ref?: Ref<HTMLDivElement>;
|
|
9985
|
+
}
|
|
9986
|
+
//#endregion
|
|
9987
|
+
//#region src/components/ds-empty-state/ds-empty-state.d.ts
|
|
9988
|
+
declare function DsEmptyState({ variant, message, illustration, action, className, style, ref }: DsEmptyStateProps): import("react").JSX.Element;
|
|
9989
|
+
declare namespace DsEmptyState {
|
|
9990
|
+
var displayName: string;
|
|
9991
|
+
}
|
|
9992
|
+
//#endregion
|
|
9754
9993
|
//#region src/components/ds-expandable-text-input/ds-expandable-text-input.types.d.ts
|
|
9755
9994
|
interface DsExpandableTextInputProps extends Omit<DsTextInputProps, 'tabIndex' | 'slots'> {
|
|
9756
9995
|
/**
|
|
@@ -10016,7 +10255,10 @@ interface DsFileUploadProps extends Omit<FileUploadProps, 'files' | 'acceptedFil
|
|
|
10016
10255
|
//#endregion
|
|
10017
10256
|
//#region src/components/ds-file-upload/ds-file-upload.d.ts
|
|
10018
10257
|
/**
|
|
10019
|
-
*
|
|
10258
|
+
* File upload with built-in state management (progress, retries, cancellation).
|
|
10259
|
+
*
|
|
10260
|
+
* Pass an `adapter` implementing `FileUploadAdapter` to connect it to your backend:
|
|
10261
|
+
* `const adapter = getSimpleFileUploadAdapter('/api/upload')`.
|
|
10020
10262
|
*/
|
|
10021
10263
|
declare const DsFileUpload: React$1.FC<DsFileUploadProps>;
|
|
10022
10264
|
//#endregion
|
|
@@ -10149,6 +10391,32 @@ declare const DsGridItem: {
|
|
|
10149
10391
|
type DsGridProps = ComponentProps<typeof DsGrid>;
|
|
10150
10392
|
type DsGridItemProps = ComponentProps<typeof DsGridItem>;
|
|
10151
10393
|
//#endregion
|
|
10394
|
+
//#region src/components/ds-illustration/ds-illustration.types.d.ts
|
|
10395
|
+
declare const dsIllustrationVariants: readonly ['configuration', 'device', 'done', 'empty-inbox', 'error', 'go-filter', 'no-connection', 'no-credit-card', 'no-device', 'no-documents', 'no-gps', 'no-images', 'no-items-cart', 'no-messages', 'no-search-result', 'no-tasks', 'site'];
|
|
10396
|
+
type DsIllustrationVariant = (typeof dsIllustrationVariants)[number];
|
|
10397
|
+
interface DsIllustrationProps {
|
|
10398
|
+
/**
|
|
10399
|
+
* Which empty-screen tile to render.
|
|
10400
|
+
* @default 'no-tasks'
|
|
10401
|
+
*/
|
|
10402
|
+
variant?: DsIllustrationVariant;
|
|
10403
|
+
className?: string;
|
|
10404
|
+
style?: CSSProperties;
|
|
10405
|
+
ref?: Ref<SVGSVGElement>;
|
|
10406
|
+
/**
|
|
10407
|
+
* Decorative by default. Set `false` with `aria-label` when the tile is informative.
|
|
10408
|
+
* @default true
|
|
10409
|
+
*/
|
|
10410
|
+
'aria-hidden'?: boolean | 'true' | 'false';
|
|
10411
|
+
'aria-label'?: string;
|
|
10412
|
+
}
|
|
10413
|
+
//#endregion
|
|
10414
|
+
//#region src/components/ds-illustration/ds-illustration.d.ts
|
|
10415
|
+
declare function DsIllustration({ variant, className, style, ref, 'aria-hidden': ariaHidden, 'aria-label': ariaLabel }: DsIllustrationProps): import("react").JSX.Element;
|
|
10416
|
+
declare namespace DsIllustration {
|
|
10417
|
+
var displayName: string;
|
|
10418
|
+
}
|
|
10419
|
+
//#endregion
|
|
10152
10420
|
//#region src/components/ds-key-value-pair/ds-key-value-pair.types.d.ts
|
|
10153
10421
|
declare const dsKeyValuePairOrientations: readonly ['vertical', 'horizontal'];
|
|
10154
10422
|
type DsKeyValuePairOrientation = (typeof dsKeyValuePairOrientations)[number];
|
|
@@ -10212,92 +10480,331 @@ declare namespace DsLoader {
|
|
|
10212
10480
|
var displayName: string;
|
|
10213
10481
|
}
|
|
10214
10482
|
//#endregion
|
|
10215
|
-
//#region src/components/ds-
|
|
10216
|
-
|
|
10217
|
-
|
|
10218
|
-
|
|
10219
|
-
type
|
|
10220
|
-
|
|
10221
|
-
|
|
10222
|
-
|
|
10223
|
-
|
|
10224
|
-
|
|
10225
|
-
* Whether the modal traps focus and blocks interaction with the page behind the
|
|
10226
|
-
* backdrop. When `false`, users can continue interacting with the underlying page.
|
|
10227
|
-
* @default true
|
|
10228
|
-
*/
|
|
10229
|
-
modal?: UseDialogProps['modal'];
|
|
10230
|
-
/**
|
|
10231
|
-
* Whether pressing the Escape key closes the modal.
|
|
10232
|
-
* @default true
|
|
10233
|
-
*/
|
|
10234
|
-
closeOnEscape?: UseDialogProps['closeOnEscape'];
|
|
10483
|
+
//#region src/components/ds-popover/ds-popover.types.d.ts
|
|
10484
|
+
declare const popoverSides: readonly ['top', 'right', 'bottom', 'left'];
|
|
10485
|
+
type DsPopoverSide = (typeof popoverSides)[number];
|
|
10486
|
+
declare const popoverAligns: readonly ['start', 'center', 'end'];
|
|
10487
|
+
type DsPopoverAlign = (typeof popoverAligns)[number];
|
|
10488
|
+
interface DsPopoverRootProps {
|
|
10489
|
+
/** Controlled open state. Pair with `onOpenChange`. */
|
|
10490
|
+
open?: boolean;
|
|
10491
|
+
/** Initial open state when uncontrolled. */
|
|
10492
|
+
defaultOpen?: boolean;
|
|
10235
10493
|
/**
|
|
10236
|
-
*
|
|
10237
|
-
* @default
|
|
10494
|
+
* Preferred side of the trigger to render the panel against.
|
|
10495
|
+
* @default 'bottom'
|
|
10238
10496
|
*/
|
|
10239
|
-
|
|
10497
|
+
side?: DsPopoverSide;
|
|
10240
10498
|
/**
|
|
10241
|
-
*
|
|
10499
|
+
* Alignment of the panel along the trigger edge.
|
|
10500
|
+
* @default 'center'
|
|
10242
10501
|
*/
|
|
10243
|
-
|
|
10502
|
+
align?: DsPopoverAlign;
|
|
10244
10503
|
/**
|
|
10245
|
-
*
|
|
10246
|
-
* @default
|
|
10504
|
+
* Gap in pixels between the trigger and the panel.
|
|
10505
|
+
* @default 8
|
|
10247
10506
|
*/
|
|
10248
|
-
|
|
10507
|
+
gutter?: number;
|
|
10249
10508
|
/**
|
|
10250
|
-
*
|
|
10509
|
+
* Trap focus and block interaction with elements outside the panel.
|
|
10251
10510
|
* @default false
|
|
10252
10511
|
*/
|
|
10253
|
-
|
|
10254
|
-
/**
|
|
10255
|
-
* Optional inline styles to apply to the component
|
|
10256
|
-
*/
|
|
10257
|
-
style?: CSSProperties;
|
|
10512
|
+
modal?: boolean;
|
|
10258
10513
|
/**
|
|
10259
|
-
*
|
|
10514
|
+
* Returns the element the panel should position against.
|
|
10515
|
+
* When provided, the panel anchors to this element instead of the trigger —
|
|
10516
|
+
* useful when the trigger lives in one place (e.g. a sidebar) and the panel
|
|
10517
|
+
* should appear relative to a different reference point.
|
|
10260
10518
|
*/
|
|
10519
|
+
getAnchorElement?: () => HTMLElement | null;
|
|
10520
|
+
children: ReactNode;
|
|
10521
|
+
/** Fires when the popover opens or closes. */
|
|
10522
|
+
onOpenChange?: (open: boolean) => void;
|
|
10523
|
+
}
|
|
10524
|
+
interface DsPopoverTriggerProps {
|
|
10525
|
+
/** Single focusable element that toggles the popover. */
|
|
10526
|
+
children: ReactNode;
|
|
10261
10527
|
className?: string;
|
|
10528
|
+
}
|
|
10529
|
+
interface DsPopoverPanelProps {
|
|
10262
10530
|
/**
|
|
10263
|
-
*
|
|
10531
|
+
* Panel width in pixels.
|
|
10532
|
+
* @default 400
|
|
10264
10533
|
*/
|
|
10534
|
+
width?: number;
|
|
10535
|
+
className?: string;
|
|
10536
|
+
style?: CSSProperties;
|
|
10265
10537
|
children: ReactNode;
|
|
10266
|
-
|
|
10267
|
-
|
|
10268
|
-
* @param open - whether the modal is open
|
|
10269
|
-
*/
|
|
10270
|
-
onOpenChange: (open: boolean) => void;
|
|
10538
|
+
ref?: Ref<HTMLDivElement>;
|
|
10539
|
+
'aria-label'?: string;
|
|
10271
10540
|
}
|
|
10272
|
-
|
|
10273
|
-
|
|
10274
|
-
|
|
10275
|
-
|
|
10276
|
-
|
|
10277
|
-
|
|
10278
|
-
|
|
10279
|
-
|
|
10280
|
-
|
|
10281
|
-
|
|
10282
|
-
|
|
10283
|
-
|
|
10284
|
-
|
|
10285
|
-
|
|
10286
|
-
|
|
10287
|
-
|
|
10288
|
-
|
|
10289
|
-
|
|
10290
|
-
|
|
10291
|
-
|
|
10292
|
-
|
|
10293
|
-
|
|
10294
|
-
|
|
10295
|
-
}
|
|
10296
|
-
|
|
10297
|
-
|
|
10298
|
-
|
|
10299
|
-
|
|
10300
|
-
|
|
10541
|
+
interface DsPopoverHeaderProps {
|
|
10542
|
+
/** Leading visual (e.g. a colored task-type icon) rendered before the title. */
|
|
10543
|
+
icon?: ReactNode;
|
|
10544
|
+
className?: string;
|
|
10545
|
+
style?: CSSProperties;
|
|
10546
|
+
/** Title content, exposed as the popover's accessible name. */
|
|
10547
|
+
children: ReactNode;
|
|
10548
|
+
}
|
|
10549
|
+
interface DsPopoverContentProps {
|
|
10550
|
+
className?: string;
|
|
10551
|
+
style?: CSSProperties;
|
|
10552
|
+
/** Ordered `DsPopover.ContentItem` children. Compose `DsDivider` between them for visual separation. */
|
|
10553
|
+
children: ReactNode;
|
|
10554
|
+
}
|
|
10555
|
+
interface DsPopoverContentItemProps {
|
|
10556
|
+
/** Status badge shown in the item's header row. */
|
|
10557
|
+
status?: ReactNode;
|
|
10558
|
+
/** Bold headline text shown in the item's header row. */
|
|
10559
|
+
headline?: ReactNode;
|
|
10560
|
+
className?: string;
|
|
10561
|
+
style?: CSSProperties;
|
|
10562
|
+
/** Item body — text, avatar rows, icons, images, etc. */
|
|
10563
|
+
children?: ReactNode;
|
|
10564
|
+
}
|
|
10565
|
+
interface DsPopoverFooterProps {
|
|
10566
|
+
className?: string;
|
|
10567
|
+
style?: CSSProperties;
|
|
10568
|
+
/** Footer actions, typically a single secondary CTA button. */
|
|
10569
|
+
children: ReactNode;
|
|
10570
|
+
}
|
|
10571
|
+
/**
|
|
10572
|
+
* Props for the legacy single-element call form (`<DsPopover trigger=… />`).
|
|
10573
|
+
* @deprecated Use the compound API: `DsPopover.Root` + `DsPopover.Trigger` + `DsPopover.Panel`.
|
|
10574
|
+
*/
|
|
10575
|
+
interface DsPopoverProps {
|
|
10576
|
+
/** Element that toggles the popover. */
|
|
10577
|
+
trigger: ReactNode;
|
|
10578
|
+
/** Panel content. */
|
|
10579
|
+
children: ReactNode;
|
|
10580
|
+
/** Forwarded to the panel. */
|
|
10581
|
+
className?: string;
|
|
10582
|
+
/** @default 'center' */
|
|
10583
|
+
align?: DsPopoverAlign;
|
|
10584
|
+
/** @default 'top' */
|
|
10585
|
+
side?: DsPopoverSide;
|
|
10586
|
+
}
|
|
10587
|
+
//#endregion
|
|
10588
|
+
//#region src/components/ds-popover/ds-popover.d.ts
|
|
10589
|
+
declare const DsPopoverRoot: {
|
|
10590
|
+
({ open, defaultOpen, side, align, gutter, modal, getAnchorElement, children, onOpenChange }: DsPopoverRootProps): import("react").JSX.Element;
|
|
10591
|
+
displayName: string;
|
|
10592
|
+
};
|
|
10593
|
+
declare const DsPopoverTrigger: {
|
|
10594
|
+
({ children, className }: DsPopoverTriggerProps): import("react").JSX.Element;
|
|
10595
|
+
displayName: string;
|
|
10596
|
+
};
|
|
10597
|
+
declare const DsPopoverPanel: {
|
|
10598
|
+
({ width, className, style, children, ref, 'aria-label': ariaLabel }: DsPopoverPanelProps): import("react").JSX.Element;
|
|
10599
|
+
displayName: string;
|
|
10600
|
+
};
|
|
10601
|
+
declare const DsPopoverHeader: {
|
|
10602
|
+
({ icon, className, style, children }: DsPopoverHeaderProps): import("react").JSX.Element;
|
|
10603
|
+
displayName: string;
|
|
10604
|
+
};
|
|
10605
|
+
declare const DsPopoverContent: {
|
|
10606
|
+
({ className, style, children }: DsPopoverContentProps): import("react").JSX.Element;
|
|
10607
|
+
displayName: string;
|
|
10608
|
+
};
|
|
10609
|
+
declare const DsPopoverContentItem: {
|
|
10610
|
+
({ status, headline, className, style, children }: DsPopoverContentItemProps): import("react").JSX.Element;
|
|
10611
|
+
displayName: string;
|
|
10612
|
+
};
|
|
10613
|
+
declare const DsPopoverFooter: {
|
|
10614
|
+
({ className, style, children }: DsPopoverFooterProps): import("react").JSX.Element;
|
|
10615
|
+
displayName: string;
|
|
10616
|
+
};
|
|
10617
|
+
/**
|
|
10618
|
+
* Legacy single-element form. Keeps the old call signature and `side` default
|
|
10619
|
+
* ('top') compiling and opening, but now renders the new fixed-width panel —
|
|
10620
|
+
* styling differs from the old Radix popover and the Radix `Popover.Close`
|
|
10621
|
+
* context is no longer wired.
|
|
10622
|
+
* @deprecated Migrate to the compound API (`DsPopover.Root` / `.Trigger` / `.Panel`).
|
|
10623
|
+
*/
|
|
10624
|
+
declare const DsPopoverLegacy: {
|
|
10625
|
+
({ trigger, children, className, side, align }: DsPopoverProps): import("react").JSX.Element;
|
|
10626
|
+
displayName: string;
|
|
10627
|
+
};
|
|
10628
|
+
declare const DsPopover: typeof DsPopoverLegacy & {
|
|
10629
|
+
Root: typeof DsPopoverRoot;
|
|
10630
|
+
Trigger: typeof DsPopoverTrigger;
|
|
10631
|
+
Panel: typeof DsPopoverPanel;
|
|
10632
|
+
Header: typeof DsPopoverHeader;
|
|
10633
|
+
Content: typeof DsPopoverContent;
|
|
10634
|
+
ContentItem: typeof DsPopoverContentItem;
|
|
10635
|
+
Footer: typeof DsPopoverFooter;
|
|
10636
|
+
};
|
|
10637
|
+
//#endregion
|
|
10638
|
+
//#region src/components/ds-main-menu/ds-main-menu.types.d.ts
|
|
10639
|
+
declare const mainMenuItemStates: readonly ['default', 'disabled', 'comingSoon', 'extend'];
|
|
10640
|
+
type DsMainMenuItemState = (typeof mainMenuItemStates)[number];
|
|
10641
|
+
declare const mainMenuVariants: readonly ['compact', 'expanded'];
|
|
10642
|
+
type DsMainMenuVariant = (typeof mainMenuVariants)[number];
|
|
10643
|
+
interface DsMainMenuItem {
|
|
10644
|
+
id: string;
|
|
10645
|
+
label: string;
|
|
10646
|
+
/**
|
|
10647
|
+
* Tile graphic. Material/custom icon name (`'speed'`) or an SVG component for branded marks.
|
|
10648
|
+
*/
|
|
10649
|
+
icon: IconType;
|
|
10650
|
+
/**
|
|
10651
|
+
* Supporting copy shown beneath the label in the `'expanded'` variant. Ignored in `'compact'`.
|
|
10652
|
+
*/
|
|
10653
|
+
description?: string;
|
|
10654
|
+
href?: string;
|
|
10655
|
+
state?: DsMainMenuItemState;
|
|
10656
|
+
/**
|
|
10657
|
+
* Element rendered in the top-right badge slot. When omitted, a default badge is shown for
|
|
10658
|
+
* `'comingSoon'` (wrench icon) and `'extend'` (fullscreen icon). Pass `null` to suppress it.
|
|
10659
|
+
*/
|
|
10660
|
+
statusBadge?: ReactElement | null;
|
|
10661
|
+
}
|
|
10662
|
+
interface DsMainMenuUtilityLink {
|
|
10663
|
+
id: string;
|
|
10664
|
+
label: string;
|
|
10665
|
+
/** Leading graphic. Material/custom icon name or an SVG component. */
|
|
10666
|
+
icon: IconType;
|
|
10667
|
+
href?: string;
|
|
10668
|
+
}
|
|
10669
|
+
interface DsMainMenuProps {
|
|
10670
|
+
/** Single focusable element that toggles the menu panel. */
|
|
10671
|
+
trigger: ReactNode;
|
|
10672
|
+
items: DsMainMenuItem[];
|
|
10673
|
+
utilityLinks: DsMainMenuUtilityLink[];
|
|
10674
|
+
/**
|
|
10675
|
+
* Layout of the menu items. `'compact'` renders square icon tiles in a grid;
|
|
10676
|
+
* `'expanded'` renders wide cards with an icon, heading, and `description`.
|
|
10677
|
+
* Chosen once per menu — the two layouts are never mixed.
|
|
10678
|
+
* @default 'compact'
|
|
10679
|
+
*/
|
|
10680
|
+
variant?: DsMainMenuVariant;
|
|
10681
|
+
/** Currently selected app tile. Matched against `items[].id`. */
|
|
10682
|
+
selectedId?: string;
|
|
10683
|
+
onItemSelect?: (id: string) => void;
|
|
10684
|
+
/** Accessible name for the navigation landmark. */
|
|
10685
|
+
'aria-label'?: string;
|
|
10686
|
+
className?: string;
|
|
10687
|
+
style?: CSSProperties;
|
|
10688
|
+
ref?: Ref<HTMLElement>;
|
|
10689
|
+
/**
|
|
10690
|
+
* Preferred side of the trigger to render the panel against.
|
|
10691
|
+
* @default 'bottom'
|
|
10692
|
+
*/
|
|
10693
|
+
side?: DsPopoverSide;
|
|
10694
|
+
/**
|
|
10695
|
+
* Alignment of the panel along the trigger edge.
|
|
10696
|
+
* @default 'start'
|
|
10697
|
+
*/
|
|
10698
|
+
align?: DsPopoverAlign;
|
|
10699
|
+
/**
|
|
10700
|
+
* Gap in pixels between the trigger and the panel.
|
|
10701
|
+
* @default 8
|
|
10702
|
+
*/
|
|
10703
|
+
gutter?: number;
|
|
10704
|
+
/**
|
|
10705
|
+
* Returns the element the panel should position against instead of the trigger.
|
|
10706
|
+
* Useful when the trigger lives in a sidebar and the panel should open beside the content area.
|
|
10707
|
+
*/
|
|
10708
|
+
getAnchorElement?: () => HTMLElement | null;
|
|
10709
|
+
/** Controlled open state. Pair with `onOpenChange`. */
|
|
10710
|
+
open?: boolean;
|
|
10711
|
+
/** Fires when the popover opens or closes. */
|
|
10712
|
+
onOpenChange?: (open: boolean) => void;
|
|
10713
|
+
}
|
|
10714
|
+
declare const COMING_SOON_TOOLTIP = "Coming soon — this app is still under construction";
|
|
10715
|
+
//#endregion
|
|
10716
|
+
//#region src/components/ds-main-menu/ds-main-menu.d.ts
|
|
10717
|
+
declare function DsMainMenu({ trigger, items, utilityLinks, variant, selectedId, onItemSelect, className, style, ref, 'aria-label': ariaLabel, side, align, gutter, getAnchorElement, open: openProp, onOpenChange }: DsMainMenuProps): import("react").JSX.Element;
|
|
10718
|
+
declare namespace DsMainMenu {
|
|
10719
|
+
var displayName: string;
|
|
10720
|
+
}
|
|
10721
|
+
//#endregion
|
|
10722
|
+
//#region src/components/ds-modal/ds-modal.types.d.ts
|
|
10723
|
+
/**
|
|
10724
|
+
* Available column sizes for modal width
|
|
10725
|
+
*/
|
|
10726
|
+
type DsModalColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
10727
|
+
/**
|
|
10728
|
+
* Props for the DsModal component
|
|
10729
|
+
*/
|
|
10730
|
+
interface DsModalProps extends Pick<UseDialogProps, 'modal' | 'closeOnEscape' | 'closeOnInteractOutside'> {
|
|
10731
|
+
/**
|
|
10732
|
+
* Whether the modal traps focus and blocks interaction with the page behind the
|
|
10733
|
+
* backdrop. When `false`, users can continue interacting with the underlying page.
|
|
10734
|
+
* @default true
|
|
10735
|
+
*/
|
|
10736
|
+
modal?: UseDialogProps['modal'];
|
|
10737
|
+
/**
|
|
10738
|
+
* Whether pressing the Escape key closes the modal.
|
|
10739
|
+
* @default true
|
|
10740
|
+
*/
|
|
10741
|
+
closeOnEscape?: UseDialogProps['closeOnEscape'];
|
|
10742
|
+
/**
|
|
10743
|
+
* Whether clicking or focusing outside the modal closes it.
|
|
10744
|
+
* @default true
|
|
10745
|
+
*/
|
|
10746
|
+
closeOnInteractOutside?: UseDialogProps['closeOnInteractOutside'];
|
|
10747
|
+
/**
|
|
10748
|
+
* Whether the modal is open
|
|
10749
|
+
*/
|
|
10750
|
+
open: boolean;
|
|
10751
|
+
/**
|
|
10752
|
+
* Number of grid columns for modal width
|
|
10753
|
+
* @default 6
|
|
10754
|
+
*/
|
|
10755
|
+
columns?: DsModalColumns;
|
|
10756
|
+
/**
|
|
10757
|
+
* Show full-width dividers between header, body, and footer sections
|
|
10758
|
+
* @default false
|
|
10759
|
+
*/
|
|
10760
|
+
dividers?: boolean;
|
|
10761
|
+
/**
|
|
10762
|
+
* Optional inline styles to apply to the component
|
|
10763
|
+
*/
|
|
10764
|
+
style?: CSSProperties;
|
|
10765
|
+
/**
|
|
10766
|
+
* Additional CSS class name
|
|
10767
|
+
*/
|
|
10768
|
+
className?: string;
|
|
10769
|
+
/**
|
|
10770
|
+
* Modal body content
|
|
10771
|
+
*/
|
|
10772
|
+
children: ReactNode;
|
|
10773
|
+
/**
|
|
10774
|
+
* Callback when modal open state changes
|
|
10775
|
+
* @param open - whether the modal is open
|
|
10776
|
+
*/
|
|
10777
|
+
onOpenChange: (open: boolean) => void;
|
|
10778
|
+
}
|
|
10779
|
+
//#endregion
|
|
10780
|
+
//#region src/components/ds-modal/ds-modal.d.ts
|
|
10781
|
+
/**
|
|
10782
|
+
* Composable modal dialog.
|
|
10783
|
+
* Supports custom header, footer, and body content with grid-based sizing.
|
|
10784
|
+
* Use columns prop to control modal width (1-12 grid columns).
|
|
10785
|
+
*/
|
|
10786
|
+
declare const DsModalRoot: ({ open, columns, dividers, style, className, modal, closeOnEscape, closeOnInteractOutside, children, onOpenChange }: DsModalProps) => import("react").JSX.Element;
|
|
10787
|
+
declare const Header$1: {
|
|
10788
|
+
({ style, className, children }: {
|
|
10789
|
+
style?: CSSProperties;
|
|
10790
|
+
className?: string;
|
|
10791
|
+
children: ReactNode;
|
|
10792
|
+
}): import("react").JSX.Element;
|
|
10793
|
+
displayName: string;
|
|
10794
|
+
};
|
|
10795
|
+
declare const Title: {
|
|
10796
|
+
({ style, className, children }: {
|
|
10797
|
+
style?: CSSProperties;
|
|
10798
|
+
className?: string;
|
|
10799
|
+
children: ReactNode;
|
|
10800
|
+
}): import("react").JSX.Element;
|
|
10801
|
+
displayName: string;
|
|
10802
|
+
};
|
|
10803
|
+
declare const CloseTrigger: {
|
|
10804
|
+
({ style, className }: {
|
|
10805
|
+
style?: CSSProperties;
|
|
10806
|
+
className?: string;
|
|
10807
|
+
}): import("react").JSX.Element;
|
|
10301
10808
|
displayName: string;
|
|
10302
10809
|
};
|
|
10303
10810
|
declare const Body$1: {
|
|
@@ -10316,7 +10823,7 @@ declare const Footer$1: {
|
|
|
10316
10823
|
}): import("react").JSX.Element;
|
|
10317
10824
|
displayName: string;
|
|
10318
10825
|
};
|
|
10319
|
-
declare const Actions: {
|
|
10826
|
+
declare const Actions$1: {
|
|
10320
10827
|
({ style, className, children }: {
|
|
10321
10828
|
style?: CSSProperties;
|
|
10322
10829
|
className?: string;
|
|
@@ -10331,7 +10838,7 @@ declare const DsModal: typeof DsModalRoot & {
|
|
|
10331
10838
|
CloseTrigger: typeof CloseTrigger;
|
|
10332
10839
|
Body: typeof Body$1;
|
|
10333
10840
|
Footer: typeof Footer$1;
|
|
10334
|
-
Actions: typeof Actions;
|
|
10841
|
+
Actions: typeof Actions$1;
|
|
10335
10842
|
};
|
|
10336
10843
|
//#endregion
|
|
10337
10844
|
//#region src/components/ds-panel/ds-panel.types.d.ts
|
|
@@ -10692,154 +11199,6 @@ declare const DsPanel: {
|
|
|
10692
11199
|
displayName: string;
|
|
10693
11200
|
};
|
|
10694
11201
|
//#endregion
|
|
10695
|
-
//#region src/components/ds-popover/ds-popover.types.d.ts
|
|
10696
|
-
declare const popoverSides: readonly ['top', 'right', 'bottom', 'left'];
|
|
10697
|
-
type DsPopoverSide = (typeof popoverSides)[number];
|
|
10698
|
-
declare const popoverAligns: readonly ['start', 'center', 'end'];
|
|
10699
|
-
type DsPopoverAlign = (typeof popoverAligns)[number];
|
|
10700
|
-
interface DsPopoverRootProps {
|
|
10701
|
-
/** Controlled open state. Pair with `onOpenChange`. */
|
|
10702
|
-
open?: boolean;
|
|
10703
|
-
/** Initial open state when uncontrolled. */
|
|
10704
|
-
defaultOpen?: boolean;
|
|
10705
|
-
/**
|
|
10706
|
-
* Preferred side of the trigger to render the panel against.
|
|
10707
|
-
* @default 'bottom'
|
|
10708
|
-
*/
|
|
10709
|
-
side?: DsPopoverSide;
|
|
10710
|
-
/**
|
|
10711
|
-
* Alignment of the panel along the trigger edge.
|
|
10712
|
-
* @default 'center'
|
|
10713
|
-
*/
|
|
10714
|
-
align?: DsPopoverAlign;
|
|
10715
|
-
/**
|
|
10716
|
-
* Gap in pixels between the trigger and the panel.
|
|
10717
|
-
* @default 8
|
|
10718
|
-
*/
|
|
10719
|
-
gutter?: number;
|
|
10720
|
-
/**
|
|
10721
|
-
* Trap focus and block interaction with elements outside the panel.
|
|
10722
|
-
* @default false
|
|
10723
|
-
*/
|
|
10724
|
-
modal?: boolean;
|
|
10725
|
-
children: ReactNode;
|
|
10726
|
-
/** Fires when the popover opens or closes. */
|
|
10727
|
-
onOpenChange?: (open: boolean) => void;
|
|
10728
|
-
}
|
|
10729
|
-
interface DsPopoverTriggerProps {
|
|
10730
|
-
/** Single focusable element that toggles the popover. */
|
|
10731
|
-
children: ReactNode;
|
|
10732
|
-
className?: string;
|
|
10733
|
-
}
|
|
10734
|
-
interface DsPopoverPanelProps {
|
|
10735
|
-
/**
|
|
10736
|
-
* Panel width in pixels.
|
|
10737
|
-
* @default 400
|
|
10738
|
-
*/
|
|
10739
|
-
width?: number;
|
|
10740
|
-
className?: string;
|
|
10741
|
-
style?: CSSProperties;
|
|
10742
|
-
children: ReactNode;
|
|
10743
|
-
ref?: Ref<HTMLDivElement>;
|
|
10744
|
-
'aria-label'?: string;
|
|
10745
|
-
}
|
|
10746
|
-
interface DsPopoverHeaderProps {
|
|
10747
|
-
/** Leading visual (e.g. a colored task-type icon) rendered before the title. */
|
|
10748
|
-
icon?: ReactNode;
|
|
10749
|
-
className?: string;
|
|
10750
|
-
style?: CSSProperties;
|
|
10751
|
-
/** Title content, exposed as the popover's accessible name. */
|
|
10752
|
-
children: ReactNode;
|
|
10753
|
-
}
|
|
10754
|
-
interface DsPopoverContentProps {
|
|
10755
|
-
className?: string;
|
|
10756
|
-
style?: CSSProperties;
|
|
10757
|
-
/** Ordered `DsPopover.ContentItem` children. Compose `DsDivider` between them for visual separation. */
|
|
10758
|
-
children: ReactNode;
|
|
10759
|
-
}
|
|
10760
|
-
interface DsPopoverContentItemProps {
|
|
10761
|
-
/** Status badge shown in the item's header row. */
|
|
10762
|
-
status?: ReactNode;
|
|
10763
|
-
/** Bold headline text shown in the item's header row. */
|
|
10764
|
-
headline?: ReactNode;
|
|
10765
|
-
className?: string;
|
|
10766
|
-
style?: CSSProperties;
|
|
10767
|
-
/** Item body — text, avatar rows, icons, images, etc. */
|
|
10768
|
-
children?: ReactNode;
|
|
10769
|
-
}
|
|
10770
|
-
interface DsPopoverFooterProps {
|
|
10771
|
-
className?: string;
|
|
10772
|
-
style?: CSSProperties;
|
|
10773
|
-
/** Footer actions, typically a single secondary CTA button. */
|
|
10774
|
-
children: ReactNode;
|
|
10775
|
-
}
|
|
10776
|
-
/**
|
|
10777
|
-
* Props for the legacy single-element call form (`<DsPopover trigger=… />`).
|
|
10778
|
-
* @deprecated Use the compound API: `DsPopover.Root` + `DsPopover.Trigger` + `DsPopover.Panel`.
|
|
10779
|
-
*/
|
|
10780
|
-
interface DsPopoverProps {
|
|
10781
|
-
/** Element that toggles the popover. */
|
|
10782
|
-
trigger: ReactNode;
|
|
10783
|
-
/** Panel content. */
|
|
10784
|
-
children: ReactNode;
|
|
10785
|
-
/** Forwarded to the panel. */
|
|
10786
|
-
className?: string;
|
|
10787
|
-
/** @default 'center' */
|
|
10788
|
-
align?: DsPopoverAlign;
|
|
10789
|
-
/** @default 'top' */
|
|
10790
|
-
side?: DsPopoverSide;
|
|
10791
|
-
}
|
|
10792
|
-
//#endregion
|
|
10793
|
-
//#region src/components/ds-popover/ds-popover.d.ts
|
|
10794
|
-
declare const DsPopoverRoot: {
|
|
10795
|
-
({ open, defaultOpen, side, align, gutter, modal, children, onOpenChange }: DsPopoverRootProps): import("react").JSX.Element;
|
|
10796
|
-
displayName: string;
|
|
10797
|
-
};
|
|
10798
|
-
declare const DsPopoverTrigger: {
|
|
10799
|
-
({ children, className }: DsPopoverTriggerProps): import("react").JSX.Element;
|
|
10800
|
-
displayName: string;
|
|
10801
|
-
};
|
|
10802
|
-
declare const DsPopoverPanel: {
|
|
10803
|
-
({ width, className, style, children, ref, 'aria-label': ariaLabel }: DsPopoverPanelProps): import("react").JSX.Element;
|
|
10804
|
-
displayName: string;
|
|
10805
|
-
};
|
|
10806
|
-
declare const DsPopoverHeader: {
|
|
10807
|
-
({ icon, className, style, children }: DsPopoverHeaderProps): import("react").JSX.Element;
|
|
10808
|
-
displayName: string;
|
|
10809
|
-
};
|
|
10810
|
-
declare const DsPopoverContent: {
|
|
10811
|
-
({ className, style, children }: DsPopoverContentProps): import("react").JSX.Element;
|
|
10812
|
-
displayName: string;
|
|
10813
|
-
};
|
|
10814
|
-
declare const DsPopoverContentItem: {
|
|
10815
|
-
({ status, headline, className, style, children }: DsPopoverContentItemProps): import("react").JSX.Element;
|
|
10816
|
-
displayName: string;
|
|
10817
|
-
};
|
|
10818
|
-
declare const DsPopoverFooter: {
|
|
10819
|
-
({ className, style, children }: DsPopoverFooterProps): import("react").JSX.Element;
|
|
10820
|
-
displayName: string;
|
|
10821
|
-
};
|
|
10822
|
-
/**
|
|
10823
|
-
* Legacy single-element form. Keeps the old call signature and `side` default
|
|
10824
|
-
* ('top') compiling and opening, but now renders the new fixed-width panel —
|
|
10825
|
-
* styling differs from the old Radix popover and the Radix `Popover.Close`
|
|
10826
|
-
* context is no longer wired.
|
|
10827
|
-
* @deprecated Migrate to the compound API (`DsPopover.Root` / `.Trigger` / `.Panel`).
|
|
10828
|
-
*/
|
|
10829
|
-
declare const DsPopoverLegacy: {
|
|
10830
|
-
({ trigger, children, className, side, align }: DsPopoverProps): import("react").JSX.Element;
|
|
10831
|
-
displayName: string;
|
|
10832
|
-
};
|
|
10833
|
-
declare const DsPopover: typeof DsPopoverLegacy & {
|
|
10834
|
-
Root: typeof DsPopoverRoot;
|
|
10835
|
-
Trigger: typeof DsPopoverTrigger;
|
|
10836
|
-
Panel: typeof DsPopoverPanel;
|
|
10837
|
-
Header: typeof DsPopoverHeader;
|
|
10838
|
-
Content: typeof DsPopoverContent;
|
|
10839
|
-
ContentItem: typeof DsPopoverContentItem;
|
|
10840
|
-
Footer: typeof DsPopoverFooter;
|
|
10841
|
-
};
|
|
10842
|
-
//#endregion
|
|
10843
11202
|
//#region src/components/ds-progress-arc/ds-progress-arc.types.d.ts
|
|
10844
11203
|
declare const progressArcSizes: readonly ['small', 'medium'];
|
|
10845
11204
|
type ProgressArcSize = (typeof progressArcSizes)[number];
|
|
@@ -12330,7 +12689,8 @@ interface DsTagFilterProps {
|
|
|
12330
12689
|
*/
|
|
12331
12690
|
locale?: {
|
|
12332
12691
|
/**
|
|
12333
|
-
*
|
|
12692
|
+
* @deprecated No longer rendered. Retained for backwards compatibility;
|
|
12693
|
+
* Will be removed in the future.
|
|
12334
12694
|
*/
|
|
12335
12695
|
label?: string;
|
|
12336
12696
|
/**
|
|
@@ -12942,7 +13302,9 @@ interface DsDataTableProps<TData, TValue> {
|
|
|
12942
13302
|
*/
|
|
12943
13303
|
activeRowId?: string | null;
|
|
12944
13304
|
/**
|
|
12945
|
-
* Empty state
|
|
13305
|
+
* Replaces the inferred **Empty state**. When omitted, the table renders
|
|
13306
|
+
* `DsEmptyState` as `noData` if `data` is empty, or `noMatches` if `data`
|
|
13307
|
+
* has rows but filters hide all of them.
|
|
12946
13308
|
*/
|
|
12947
13309
|
emptyState?: React$1.ReactNode;
|
|
12948
13310
|
/**
|
|
@@ -12979,13 +13341,16 @@ interface DsDataTableProps<TData, TValue> {
|
|
|
12979
13341
|
* from {@link onColumnSizingChange}. Pass it (typically on the next mount) to
|
|
12980
13342
|
* restore widths; columns absent from the map are measured and sized
|
|
12981
13343
|
* automatically. This seeds widths — live resizing still updates them
|
|
12982
|
-
* internally — so it is not a fully controlled value.
|
|
13344
|
+
* internally — so it is not a fully controlled value. Ids for the select,
|
|
13345
|
+
* expander, and reorder utility columns are ignored; use the matching
|
|
13346
|
+
* `*ColumnWidth` props instead.
|
|
12983
13347
|
*/
|
|
12984
13348
|
columnSizing?: Record<string, number>;
|
|
12985
13349
|
/**
|
|
12986
13350
|
* Called with the next column id → width (px) map when a resize finishes
|
|
12987
13351
|
* (drag end, double-click restore, or keyboard nudge). Use this to persist
|
|
12988
|
-
* widths across sessions.
|
|
13352
|
+
* widths across sessions. Select, expander, and reorder utility columns are
|
|
13353
|
+
* omitted from the map.
|
|
12989
13354
|
*/
|
|
12990
13355
|
onColumnSizingChange?: (columnSizing: Record<string, number>) => void;
|
|
12991
13356
|
/**
|
|
@@ -12998,6 +13363,13 @@ interface DsDataTableProps<TData, TValue> {
|
|
|
12998
13363
|
* Whether the table is expandable or if an individual row should be expandable
|
|
12999
13364
|
*/
|
|
13000
13365
|
expandable?: boolean | ((row: TData) => boolean);
|
|
13366
|
+
/**
|
|
13367
|
+
* Width in px of the expander utility column. Ignored when `expandable` is
|
|
13368
|
+
* off. Non-finite or `<= 0` falls back to the default. The column is not
|
|
13369
|
+
* user-resizable. Wins over a `columnSizing` entry for this column.
|
|
13370
|
+
* @default 36
|
|
13371
|
+
*/
|
|
13372
|
+
expandableColumnWidth?: number;
|
|
13001
13373
|
/**
|
|
13002
13374
|
* Function to render the expanded row
|
|
13003
13375
|
*/
|
|
@@ -13026,6 +13398,13 @@ interface DsDataTableProps<TData, TValue> {
|
|
|
13026
13398
|
* ```
|
|
13027
13399
|
*/
|
|
13028
13400
|
selectable?: boolean | ((rowData: TData) => boolean);
|
|
13401
|
+
/**
|
|
13402
|
+
* Width in px of the select utility column. Ignored when `selectable` is
|
|
13403
|
+
* off. Non-finite or `<= 0` falls back to the default. The column is not
|
|
13404
|
+
* user-resizable. Wins over a `columnSizing` entry for this column.
|
|
13405
|
+
* @default 36
|
|
13406
|
+
*/
|
|
13407
|
+
selectableColumnWidth?: number;
|
|
13029
13408
|
/**
|
|
13030
13409
|
* Whether to show the select/deselect all checkbox in the header
|
|
13031
13410
|
* @default true
|
|
@@ -13097,6 +13476,14 @@ interface DsDataTableProps<TData, TValue> {
|
|
|
13097
13476
|
* @note This feature does not work when virtualization is enabled
|
|
13098
13477
|
*/
|
|
13099
13478
|
reorderable?: boolean;
|
|
13479
|
+
/**
|
|
13480
|
+
* Width in px of the reorder utility column. Ignored when `reorderable` is
|
|
13481
|
+
* off or the table is virtualized. Non-finite or `<= 0` falls back to the
|
|
13482
|
+
* default. The column is not user-resizable. Wins over a `columnSizing`
|
|
13483
|
+
* entry for this column.
|
|
13484
|
+
* @default 60
|
|
13485
|
+
*/
|
|
13486
|
+
reorderableColumnWidth?: number;
|
|
13100
13487
|
/**
|
|
13101
13488
|
* Callback when the order of rows changes via drag & drop
|
|
13102
13489
|
*/
|
|
@@ -13608,6 +13995,23 @@ interface DsTooltipProps {
|
|
|
13608
13995
|
* When true the trigger renders but the tooltip never opens.
|
|
13609
13996
|
*/
|
|
13610
13997
|
disabled?: boolean;
|
|
13998
|
+
/**
|
|
13999
|
+
* When true, content is pointer-reachable and the tooltip stays open while the
|
|
14000
|
+
* pointer is over it. Pair with a non-zero `closeDelay` (e.g. 150) so the pointer
|
|
14001
|
+
* can travel from the trigger onto the content; `0` can lose that handoff.
|
|
14002
|
+
* @default false
|
|
14003
|
+
*/
|
|
14004
|
+
interactive?: boolean;
|
|
14005
|
+
/**
|
|
14006
|
+
* Milliseconds after pointer enter or focus before the tooltip opens.
|
|
14007
|
+
* @default 200
|
|
14008
|
+
*/
|
|
14009
|
+
openDelay?: number;
|
|
14010
|
+
/**
|
|
14011
|
+
* Milliseconds after pointer leave before the tooltip closes.
|
|
14012
|
+
* @default 0
|
|
14013
|
+
*/
|
|
14014
|
+
closeDelay?: number;
|
|
13611
14015
|
/**
|
|
13612
14016
|
* Anchors the tooltip to a virtual rect instead of the trigger, re-evaluated on
|
|
13613
14017
|
* each reposition. Return `null` to fall back to the trigger.
|
|
@@ -13630,6 +14034,148 @@ interface DsTooltipProps {
|
|
|
13630
14034
|
//#region src/components/ds-tooltip/ds-tooltip.d.ts
|
|
13631
14035
|
declare const DsTooltip: FC<DsTooltipProps>;
|
|
13632
14036
|
//#endregion
|
|
14037
|
+
//#region src/components/ds-top-bar-navigation/ds-top-bar-navigation.types.d.ts
|
|
14038
|
+
/** Count above which the notification badge collapses to `<cap>+`. */
|
|
14039
|
+
declare const notificationCountCap = 99;
|
|
14040
|
+
type DsTopBarNavigationProps = ComponentPropsWithRef<'div'>;
|
|
14041
|
+
interface DsTopBarNavigationLogoProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
|
|
14042
|
+
/**
|
|
14043
|
+
* Brand glyph rendered at 32px before the wordmark. Kept as a slot, so the bar stays
|
|
14044
|
+
* tenant-neutral — no brand asset ships with the design system.
|
|
14045
|
+
*/
|
|
14046
|
+
logo?: ReactNode;
|
|
14047
|
+
/**
|
|
14048
|
+
* Brand wordmark rendered beside the glyph. Styled with the heading font; pass a node
|
|
14049
|
+
* when the mark needs custom kerning.
|
|
14050
|
+
*/
|
|
14051
|
+
wordmark?: ReactNode;
|
|
14052
|
+
/**
|
|
14053
|
+
* Turns the glyph and wordmark into a link to the platform home.
|
|
14054
|
+
*/
|
|
14055
|
+
href?: string;
|
|
14056
|
+
locale?: {
|
|
14057
|
+
/**
|
|
14058
|
+
* Accessible name for the logo link. Only applied when `href` is set; useful when the
|
|
14059
|
+
* wordmark is an image rather than text.
|
|
14060
|
+
*/
|
|
14061
|
+
homeLinkLabel?: string;
|
|
14062
|
+
/**
|
|
14063
|
+
* @default 'Apps'
|
|
14064
|
+
*/
|
|
14065
|
+
appsButtonLabel?: string;
|
|
14066
|
+
};
|
|
14067
|
+
/**
|
|
14068
|
+
* Fires on the logo link itself, not the surrounding zone. Call `preventDefault` here to
|
|
14069
|
+
* hand navigation to a client-side router instead of letting the browser reload the document.
|
|
14070
|
+
*/
|
|
14071
|
+
onLogoClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
|
|
14072
|
+
/**
|
|
14073
|
+
* Renders the app-switcher button. Omit to hide the button entirely. Ignored when
|
|
14074
|
+
* `appsMenu` is set.
|
|
14075
|
+
*/
|
|
14076
|
+
onAppsClick?: () => void;
|
|
14077
|
+
/**
|
|
14078
|
+
* Takes over the app-switcher slot with your own control — pass a `DsMainMenu` to open the
|
|
14079
|
+
* app grid from the brand zone. The node is rendered as-is, so it owns its own trigger,
|
|
14080
|
+
* open state, and positioning.
|
|
14081
|
+
*/
|
|
14082
|
+
appsMenu?: ReactNode;
|
|
14083
|
+
}
|
|
14084
|
+
type DsTopBarNavigationBreadcrumbProps = ComponentPropsWithRef<'div'>;
|
|
14085
|
+
type DsTopBarNavigationCenterProps = ComponentPropsWithRef<'div'>;
|
|
14086
|
+
type DsTopBarNavigationActionsProps = ComponentPropsWithRef<'div'>;
|
|
14087
|
+
interface DsTopBarNavigationNotificationsProps extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'aria-label' | 'color'> {
|
|
14088
|
+
/**
|
|
14089
|
+
* Unread count. `0` or omitted renders the bell with no badge; anything above
|
|
14090
|
+
* `notificationCountCap` collapses to a capped label.
|
|
14091
|
+
*/
|
|
14092
|
+
count?: number;
|
|
14093
|
+
locale?: {
|
|
14094
|
+
/**
|
|
14095
|
+
* Accessible name when there are no unread notifications.
|
|
14096
|
+
* @default 'Notifications'
|
|
14097
|
+
*/
|
|
14098
|
+
notificationsButtonLabel?: string;
|
|
14099
|
+
/**
|
|
14100
|
+
* Accessible name when unread notifications exist. Receives the uncapped count.
|
|
14101
|
+
* @default (count) => `Notifications, ${count} unread`
|
|
14102
|
+
*/
|
|
14103
|
+
notificationsButtonLabelWithCount?: (count: number) => string;
|
|
14104
|
+
};
|
|
14105
|
+
}
|
|
14106
|
+
interface DsTopBarNavigationUserMenuProps extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'aria-label' | 'onSelect'> {
|
|
14107
|
+
/**
|
|
14108
|
+
* Drives the avatar initials and its accessible name.
|
|
14109
|
+
*/
|
|
14110
|
+
name: string;
|
|
14111
|
+
/**
|
|
14112
|
+
* Avatar photo URL. Omit, or let it fail to load, to fall back to initials.
|
|
14113
|
+
*/
|
|
14114
|
+
src?: string;
|
|
14115
|
+
/**
|
|
14116
|
+
* Menu entries — `DsDropdownMenu.Item`, `.Separator`, `.ItemGroup` and friends.
|
|
14117
|
+
*/
|
|
14118
|
+
children?: ReactNode;
|
|
14119
|
+
/**
|
|
14120
|
+
* Open state for controlled usage.
|
|
14121
|
+
*/
|
|
14122
|
+
open?: boolean;
|
|
14123
|
+
/**
|
|
14124
|
+
* Placement and offset of the menu. Defaults to `bottom-end` so the menu stays inside the
|
|
14125
|
+
* viewport when the trigger sits against the right edge of the bar.
|
|
14126
|
+
*/
|
|
14127
|
+
positioning?: DsDropdownMenuPositioning;
|
|
14128
|
+
locale?: {
|
|
14129
|
+
/**
|
|
14130
|
+
* Accessible name for the trigger. Receives `name`; the default distinguishes the
|
|
14131
|
+
* control from the avatar's own name tooltip.
|
|
14132
|
+
* @default (name) => `Account menu for ${name}`
|
|
14133
|
+
*/
|
|
14134
|
+
userMenuButtonLabel?: (name: string) => string;
|
|
14135
|
+
};
|
|
14136
|
+
onOpenChange?: (open: boolean) => void;
|
|
14137
|
+
onSelect?: (value: string) => void;
|
|
14138
|
+
}
|
|
14139
|
+
//#endregion
|
|
14140
|
+
//#region src/components/ds-top-bar-navigation/ds-top-bar-navigation.d.ts
|
|
14141
|
+
declare const DsTopBarNavigationRoot: {
|
|
14142
|
+
({ className, ...rest }: DsTopBarNavigationProps): import("react").JSX.Element;
|
|
14143
|
+
displayName: string;
|
|
14144
|
+
};
|
|
14145
|
+
declare const Logo: {
|
|
14146
|
+
({ className, logo, wordmark, href, locale, onLogoClick, onAppsClick, appsMenu, ...rest }: DsTopBarNavigationLogoProps): import("react").JSX.Element;
|
|
14147
|
+
displayName: string;
|
|
14148
|
+
};
|
|
14149
|
+
declare const Breadcrumb: {
|
|
14150
|
+
({ className, ...rest }: DsTopBarNavigationBreadcrumbProps): import("react").JSX.Element;
|
|
14151
|
+
displayName: string;
|
|
14152
|
+
};
|
|
14153
|
+
/** Reserved zone between the breadcrumb trail and the actions. Empty by design today. */
|
|
14154
|
+
declare const Center: {
|
|
14155
|
+
({ className, ...rest }: DsTopBarNavigationCenterProps): import("react").JSX.Element;
|
|
14156
|
+
displayName: string;
|
|
14157
|
+
};
|
|
14158
|
+
declare const Actions: {
|
|
14159
|
+
({ className, ...rest }: DsTopBarNavigationActionsProps): import("react").JSX.Element;
|
|
14160
|
+
displayName: string;
|
|
14161
|
+
};
|
|
14162
|
+
declare const Notifications: {
|
|
14163
|
+
({ count, locale, ...rest }: DsTopBarNavigationNotificationsProps): import("react").JSX.Element;
|
|
14164
|
+
displayName: string;
|
|
14165
|
+
};
|
|
14166
|
+
declare const UserMenu: {
|
|
14167
|
+
({ className, name, src, children, open, positioning, locale, onOpenChange, onSelect, ...rest }: DsTopBarNavigationUserMenuProps): import("react").JSX.Element;
|
|
14168
|
+
displayName: string;
|
|
14169
|
+
};
|
|
14170
|
+
declare const DsTopBarNavigation: typeof DsTopBarNavigationRoot & {
|
|
14171
|
+
Logo: typeof Logo;
|
|
14172
|
+
Breadcrumb: typeof Breadcrumb;
|
|
14173
|
+
Center: typeof Center;
|
|
14174
|
+
Actions: typeof Actions;
|
|
14175
|
+
Notifications: typeof Notifications;
|
|
14176
|
+
UserMenu: typeof UserMenu;
|
|
14177
|
+
};
|
|
14178
|
+
//#endregion
|
|
13633
14179
|
//#region src/components/ds-tree/ds-tree.types.d.ts
|
|
13634
14180
|
interface DsTreeNode {
|
|
13635
14181
|
/**
|
|
@@ -14098,5 +14644,5 @@ declare const DsWorkspaceLayout: typeof DsWorkspaceLayoutRoot & {
|
|
|
14098
14644
|
LeftPanel: typeof LeftPanel;
|
|
14099
14645
|
};
|
|
14100
14646
|
//#endregion
|
|
14101
|
-
export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, AutocompleteSize, BREAKPOINT_LG, Breakpoint, ButtonV3Color, ButtonV3Size, ButtonV3Variant, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, type CheckedState, type ChipItem, type ChipSize, Color, type ColumnDef, ColumnFilterMeta, type ColumnFilterPopoverLocale, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DropdownMenuActionsAlign, DropdownMenuItemVariant, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsButtonV3, DsButtonV3BaseProps, DsButtonV3Props, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCatalogLayout, type DsCatalogLayoutBodyProps, type DsCatalogLayoutContentHeaderProps, type DsCatalogLayoutContentProps, type DsCatalogLayoutHeaderProps, type DsCatalogLayoutProps, type DsCatalogLayoutSideMenuProps, DsCheckbox, DsCheckboxGroup, DsCheckboxGroupOrientation, DsCheckboxGroupProps, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, type DsColumnGroupMeta, DsCommentBubble, DsCommentBubbleProps, DsCommentCard, DsCommentCardProps, DsCommentIndicator, DsCommentIndicatorProps, DsCommentThread, DsCommentThreadProps, DsCommentsDrawer, DsCommentsDrawerProps, DsConfirmation, type DsConfirmationProps, DsDataTableProps, DsDateInput, type DsDateInputProps, DsDatePicker, type DsDatePickerLocale, type DsDatePickerProps, type DsDatePickerSlotProps, DsDateRangePicker, type DsDateRangePickerLocale, type DsDateRangePickerProps, type DsDateRangePickerSlotProps, DsDialog, DsDialogProps, DsDivider, DsDividerProps, DsDrawer, type DsDrawerColumns, type DsDrawerPosition, type DsDrawerProps, DsDropdownMenu, DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacy, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerItemProps, DsDropdownMenuTriggerProps, DsExpandableTextInput, type DsExpandableTextInputProps, DsFileUpload, DsFileUploadProps, DsFilterStatusIcon, type DsFilterStatusIconProps, DsFormControl, DsFormControlDescriptionProps, DsFormControlProps, DsGrid, DsGridItem, DsGridItemProps, DsGridProps, DsIcon, DsIconProps, DsKeyValuePair, type DsKeyValuePairOrientation, type DsKeyValuePairProps, DsLoader, DsLoaderProps, DsModal, DsModalColumns, DsModalProps, DsNextStepButton, type DsNextStepButtonProps, DsNumberInput, DsNumberInputProps, DsPanel, type DsPanelCollapseButtonProps, type DsPanelProps, type DsPanelVariant, DsPasswordInput, DsPasswordInputProps, DsPopover, DsPopoverAlign, DsPopoverContentItemProps, DsPopoverContentProps, DsPopoverFooterProps, DsPopoverHeaderProps, DsPopoverPanelProps, DsPopoverProps, DsPopoverRootProps, DsPopoverSide, DsPopoverTriggerProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsProgressTaskBar, DsProgressTaskBarLocale, DsProgressTaskBarProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, DsSiteNode, type DsSiteNodeProps, DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSlider, DsSliderProps, type DsSliderSize, type DsSliderType, type DsSliderValue, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsSplitButton, DsSplitButtonProps, type DsSplitButtonSlotProps, DsStack, DsStackProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStatusBadgeV2, type DsStatusBadgeV2BaseProps, type DsStatusBadgeV2Props, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableColumnFilterPopover, type DsTableColumnFilterPopoverProps, DsTableEditCellCheckbox, type DsTableEditCellCheckboxProps, DsTableEditCellDate, type DsTableEditCellDateProps, type DsTableEditCellDateValue, DsTableEditCellNumber, type DsTableEditCellNumberProps, DsTableEditCellSelect, type DsTableEditCellSelectProps, DsTableEditCellText, type DsTableEditCellTextProps, type DsTableEditDisabledResult, DsTableEditableCell, type DsTableEditableCellProps, DsTableEditingCell, type DsTableEditingCellProps, DsTableLocale, DsTableRowSize, DsTabs, type DsTabsContentProps, type DsTabsListProps, type DsTabsMenuActionItem, type DsTabsOrientation, type DsTabsProps, type DsTabsSize, type DsTabsTabProps, DsTag, DsTagFilter, type DsTagFilterProps, type DsTagProps, DsTextInput, type DsTextInputProps, DsTextarea, DsTextareaProps, DsThreadItem, DsThreadItemProps, DsTimePicker, type DsTimePickerLocale, type DsTimePickerProps, type DsTimePickerSlotProps, type DsToastContextType, type DsToastProps, DsToastProvider, type DsToastProviderProps, DsToggle, type DsToggleProps, DsTooltip, DsTooltipProps, DsTree, type DsTreeBaseProps, type DsTreeBasePropsWithChildren, type DsTreeBranchContentProps, type DsTreeBranchControlProps, type DsTreeBranchIndentGuideProps, type DsTreeBranchIndicatorProps, type DsTreeBranchProps, type DsTreeBranchTextProps, type DsTreeItemActionProps, type DsTreeItemIndicatorProps, type DsTreeItemProps, type DsTreeItemTextProps, type DsTreeNode, type DsTreeNodeCheckboxProps, type DsTreeRootProps, type DsTreeSize, type DsTreeTreeProps, DsTypography, DsTypographyProps, DsUserCard, DsUserCardProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, DsWorkspaceLayout, type DsWorkspaceLayoutBodyProps, type DsWorkspaceLayoutContentProps, type DsWorkspaceLayoutFooterProps, type DsWorkspaceLayoutHeaderProps, type DsWorkspaceLayoutLeftPanelProps, type DsWorkspaceLayoutProps, type DsWorkspaceLayoutSideMenuProps, type DsWorkspaceLayoutSubHeaderProps, type DualRangeFilterAdapterConfig, type DualRangeFilterValue, FatalFileUploadError, type FileExtension, FileUpload, type FileUploadAdapter, FileUploadError, type FileUploadOptions, type FileUploadResult, FilterAdapter, type FilterAdapterConfig, FilterNavItem, FilterState, type FilterStatus, FilterTag, IconColor, IconName, IconSize, IconType, IconVariant, type InfiniteScrollConfig, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, ResolvedColumnFilter, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, type SiteNodeState, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, type StatusBadgeV2Phase, type StatusBadgeV2Size, type StatusBadgeV2Variant, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, TaskBarStatus, type TextInputSize, type ToastVariant, type ToggleSize, TooltipAnchorRect, TooltipPlacement, TypographyColor, type UploadedFile, type UseCellEditorContainerProps, type UseCellEditorOptions, type UseCellEditorResult, type UseCheckboxSelectAllOptions, type UseCheckboxSelectAllResult, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, autocompleteSizes, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createColumnHelper, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, defaultDsTableLocale, dropdownMenuActionsAlignments, dropdownMenuItemVariants, dsAvatarSizes, dsAvatarTypes, dsKeyValuePairOrientations, type dsTreeSizes, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, popoverAligns, popoverSides, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, siteNodeStates, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, statusBadgeV2Phases, statusBadgeV2Sizes, statusBadgeV2Variants, systemStatuses, tagSizes, tagVariants, taskBarStatuses, textInputSizes, tooltipPlacements, useBreakpoint, useCellEditor, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
|
|
14647
|
+
export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, AutocompleteSize, BREAKPOINT_LG, Breakpoint, type BulkActionsItemWidthMode, type BulkActionsMenuItemVariant, type BulkActionsMenuPlacement, type BulkActionsPlacement, ButtonV3Color, ButtonV3Size, ButtonV3Variant, COMING_SOON_TOOLTIP, 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, DsBotButton, DsBotButtonProps, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsBulkActions, type DsBulkActionsItemProps, type DsBulkActionsItemWidth, type DsBulkActionsLocale, type DsBulkActionsMenuEntry, type DsBulkActionsProps, 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, DsEmptyState, type DsEmptyStateProps, type DsEmptyStateVariant, DsExpandableTextInput, type DsExpandableTextInputProps, DsFileUpload, DsFileUploadProps, DsFilterStatusIcon, type DsFilterStatusIconProps, DsFormControl, DsFormControlDescriptionProps, DsFormControlProps, DsGrid, DsGridItem, DsGridItemProps, DsGridProps, DsIcon, DsIconProps, DsIllustration, type DsIllustrationProps, type DsIllustrationVariant, DsKeyValuePair, type DsKeyValuePairOrientation, type DsKeyValuePairProps, DsLoader, DsLoaderProps, DsMainMenu, type DsMainMenuItem, type DsMainMenuItemState, type DsMainMenuProps, type DsMainMenuUtilityLink, type DsMainMenuVariant, DsModal, DsModalColumns, DsModalProps, DsNextStepButton, type DsNextStepButtonProps, DsNumberInput, DsNumberInputProps, DsPanel, type DsPanelCollapseButtonProps, type DsPanelProps, type DsPanelVariant, DsPasswordInput, DsPasswordInputProps, DsPopover, DsPopoverAlign, DsPopoverContentItemProps, DsPopoverContentProps, DsPopoverFooterProps, DsPopoverHeaderProps, DsPopoverPanelProps, DsPopoverProps, DsPopoverRootProps, DsPopoverSide, DsPopoverTriggerProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsProgressTaskBar, DsProgressTaskBarLocale, DsProgressTaskBarProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, DsSiteNode, type DsSiteNodeProps, DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSlider, DsSliderProps, type DsSliderSize, type DsSliderType, type DsSliderValue, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsSplitButton, DsSplitButtonProps, type DsSplitButtonSlotProps, DsStack, DsStackProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStatusBadgeV2, type DsStatusBadgeV2BaseProps, type DsStatusBadgeV2Props, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableColumnFilterPopover, type DsTableColumnFilterPopoverProps, DsTableEditCellCheckbox, type DsTableEditCellCheckboxProps, DsTableEditCellDate, type DsTableEditCellDateProps, type DsTableEditCellDateValue, DsTableEditCellNumber, type DsTableEditCellNumberProps, DsTableEditCellSelect, type DsTableEditCellSelectProps, DsTableEditCellText, type DsTableEditCellTextProps, type DsTableEditDisabledResult, DsTableEditableCell, type DsTableEditableCellProps, DsTableEditingCell, type DsTableEditingCellProps, DsTableLocale, DsTableRowSize, DsTabs, type DsTabsContentProps, type DsTabsListProps, type DsTabsMenuActionItem, type DsTabsOrientation, type DsTabsProps, type DsTabsSize, type DsTabsTabProps, DsTag, DsTagFilter, type DsTagFilterProps, type DsTagProps, DsTextInput, type DsTextInputProps, DsTextarea, DsTextareaProps, DsThreadItem, DsThreadItemProps, DsTimePicker, type DsTimePickerLocale, type DsTimePickerProps, type DsTimePickerSlotProps, type DsToastContextType, type DsToastProps, DsToastProvider, type DsToastProviderProps, DsToggle, type DsToggleProps, DsTooltip, DsTooltipProps, DsTopBarNavigation, DsTopBarNavigationActionsProps, DsTopBarNavigationBreadcrumbProps, DsTopBarNavigationCenterProps, DsTopBarNavigationLogoProps, DsTopBarNavigationNotificationsProps, DsTopBarNavigationProps, DsTopBarNavigationUserMenuProps, DsTree, type DsTreeBaseProps, type DsTreeBasePropsWithChildren, type DsTreeBranchContentProps, type DsTreeBranchControlProps, type DsTreeBranchIndentGuideProps, type DsTreeBranchIndicatorProps, type DsTreeBranchProps, type DsTreeBranchTextProps, type DsTreeItemActionProps, type DsTreeItemIndicatorProps, type DsTreeItemProps, type DsTreeItemTextProps, type DsTreeNode, type DsTreeNodeCheckboxProps, type DsTreeRootProps, type DsTreeSize, type DsTreeTreeProps, DsTypography, DsTypographyProps, DsUserCard, DsUserCardProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, DsWorkspaceLayout, type DsWorkspaceLayoutBodyProps, type DsWorkspaceLayoutContentProps, type DsWorkspaceLayoutFooterProps, type DsWorkspaceLayoutHeaderProps, type DsWorkspaceLayoutLeftPanelProps, type DsWorkspaceLayoutProps, type DsWorkspaceLayoutSideMenuProps, type DsWorkspaceLayoutSubHeaderProps, type DualRangeFilterAdapterConfig, type DualRangeFilterValue, FatalFileUploadError, type FileExtension, FileUpload, type FileUploadAdapter, FileUploadError, type FileUploadOptions, type FileUploadResult, FilterAdapter, type FilterAdapterConfig, FilterNavItem, FilterState, type FilterStatus, FilterTag, IconColor, IconName, IconSize, IconType, IconVariant, type InfiniteScrollConfig, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, ResolvedColumnFilter, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, type SiteNodeState, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, type StatusBadgeV2Phase, type StatusBadgeV2Size, type StatusBadgeV2Variant, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, TaskBarStatus, type TextInputSize, type ToastVariant, type ToggleSize, TooltipAnchorRect, TooltipPlacement, TypographyColor, type UploadedFile, type UseCellEditorContainerProps, type UseCellEditorOptions, type UseCellEditorResult, type UseCheckboxSelectAllOptions, type UseCheckboxSelectAllResult, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, autocompleteSizes, breakpoints, bulkActionsItemWidthModes, bulkActionsMenuItemVariants, bulkActionsMenuPlacements, bulkActionsPlacements, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createColumnHelper, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, defaultDsTableLocale, dropdownMenuActionsAlignments, dropdownMenuItemVariants, dsAvatarSizes, dsAvatarTypes, dsEmptyStateVariants, dsIllustrationVariants, dsKeyValuePairOrientations, type dsTreeSizes, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, mainMenuItemStates, mainMenuVariants, notificationCountCap, 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 };
|
|
14102
14648
|
//# sourceMappingURL=index.d.ts.map
|