@ds-mo/ui 14.7.0 → 14.9.0

package/dist/react/components.d.ts

@@ -65,6 +65,8 @@ export { DsSlider } from "./ds-slider.js";
 export { DsSwatchPicker } from "./ds-swatch-picker.js";
 export { DsSwitch } from "./ds-switch.js";
 export { DsTabGroup } from "./ds-tab-group.js";
+export { DsTableSavedViews } from "./ds-table-saved-views.js";
+export { DsTableToolbar } from "./ds-table-toolbar.js";
 export { DsTable } from "./ds-table.js";
 export { DsTag } from "./ds-tag.js";
 export { DsText } from "./ds-text.js";

package/dist/react/components.js

@@ -66,6 +66,8 @@ export { DsSlider } from "./ds-slider.js";
 export { DsSwatchPicker } from "./ds-swatch-picker.js";
 export { DsSwitch } from "./ds-switch.js";
 export { DsTabGroup } from "./ds-tab-group.js";
+export { DsTableSavedViews } from "./ds-table-saved-views.js";
+export { DsTableToolbar } from "./ds-table-toolbar.js";
 export { DsTable } from "./ds-table.js";
 export { DsTag } from "./ds-tag.js";
 export { DsText } from "./ds-text.js";

package/dist/react/ds-select.d.ts

@@ -3,7 +3,7 @@
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
 import type { EventName, StencilReactComponent } from './react-runtime.js';
-import { type DsSelectCustomEvent, type SelectOptionActionDetail, type SelectValue } from "@ds-mo/ui";
+import { type DsSelectCustomEvent, type SelectOptionActionDetail, type SelectOptionSubtextActionDetail, type SelectValue } from "@ds-mo/ui";
 import type { Components } from "@ds-mo/ui/dist/components";
 import { DsSelect as DsSelectElement } from "@ds-mo/ui/dist/components/ds-select.js";
 export type DsSelectEvents = {
@@ -12,5 +12,6 @@ export type DsSelectEvents = {
     onDsOpenChange: EventName<DsSelectCustomEvent<boolean>>;
     onDsFooterAction: EventName<DsSelectCustomEvent<void>>;
     onDsOptionAction: EventName<DsSelectCustomEvent<SelectOptionActionDetail>>;
+    onDsOptionSubtextAction: EventName<DsSelectCustomEvent<SelectOptionSubtextActionDetail>>;
 };
 export declare const DsSelect: StencilReactComponent<DsSelectElement, DsSelectEvents, Components.DsSelect>;

package/dist/react/ds-select.js

@@ -12,7 +12,8 @@ export const DsSelect = /*@__PURE__*/ createComponent({
         onDsClear: 'dsClear',
         onDsOpenChange: 'dsOpenChange',
         onDsFooterAction: 'dsFooterAction',
-        onDsOptionAction: 'dsOptionAction'
+        onDsOptionAction: 'dsOptionAction',
+        onDsOptionSubtextAction: 'dsOptionSubtextAction'
     },
     defineCustomElement: defineDsSelect
 });

package/dist/react/ds-table-saved-views.d.ts

@@ -0,0 +1,17 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from './react-runtime.js';
+import { type DsTableSavedViewsCustomEvent, type TableSavedViewChangeDetail, type TableSavedViewCreateDetail, type TableSavedViewDiscardDetail, type TableSavedViewRemoveDetail, type TableSavedViewRenameDetail, type TableSavedViewSaveDetail } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsTableSavedViews as DsTableSavedViewsElement } from "@ds-mo/ui/dist/components/ds-table-saved-views.js";
+export type DsTableSavedViewsEvents = {
+    onDsViewChange: EventName<DsTableSavedViewsCustomEvent<TableSavedViewChangeDetail>>;
+    onDsViewCreate: EventName<DsTableSavedViewsCustomEvent<TableSavedViewCreateDetail>>;
+    onDsViewRename: EventName<DsTableSavedViewsCustomEvent<TableSavedViewRenameDetail>>;
+    onDsViewRemove: EventName<DsTableSavedViewsCustomEvent<TableSavedViewRemoveDetail>>;
+    onDsViewSave: EventName<DsTableSavedViewsCustomEvent<TableSavedViewSaveDetail>>;
+    onDsViewDiscard: EventName<DsTableSavedViewsCustomEvent<TableSavedViewDiscardDetail>>;
+};
+export declare const DsTableSavedViews: StencilReactComponent<DsTableSavedViewsElement, DsTableSavedViewsEvents, Components.DsTableSavedViews>;

package/dist/react/ds-table-saved-views.js

@@ -0,0 +1,19 @@
+'use client';
+import { createComponent } from './react-runtime.js';
+import React from 'react';
+import { DsTableSavedViews as DsTableSavedViewsElement, defineCustomElement as defineDsTableSavedViews } from "@ds-mo/ui/dist/components/ds-table-saved-views.js";
+export const DsTableSavedViews = /*@__PURE__*/ createComponent({
+    tagName: 'ds-table-saved-views',
+    elementClass: DsTableSavedViewsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsViewChange: 'dsViewChange',
+        onDsViewCreate: 'dsViewCreate',
+        onDsViewRename: 'dsViewRename',
+        onDsViewRemove: 'dsViewRemove',
+        onDsViewSave: 'dsViewSave',
+        onDsViewDiscard: 'dsViewDiscard'
+    },
+    defineCustomElement: defineDsTableSavedViews
+});

package/dist/react/ds-table-toolbar.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { StencilReactComponent } from './react-runtime.js';
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsTableToolbar as DsTableToolbarElement } from "@ds-mo/ui/dist/components/ds-table-toolbar.js";
+export type DsTableToolbarEvents = NonNullable<unknown>;
+export declare const DsTableToolbar: StencilReactComponent<DsTableToolbarElement, DsTableToolbarEvents, Components.DsTableToolbar>;

package/dist/react/ds-table-toolbar.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from './react-runtime.js';
+import React from 'react';
+import { DsTableToolbar as DsTableToolbarElement, defineCustomElement as defineDsTableToolbar } from "@ds-mo/ui/dist/components/ds-table-toolbar.js";
+export const DsTableToolbar = /*@__PURE__*/ createComponent({
+    tagName: 'ds-table-toolbar',
+    elementClass: DsTableToolbarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsTableToolbar
+});

package/dist/react/ds-table.d.ts

@@ -3,7 +3,7 @@
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
 import type { EventName, StencilReactComponent } from './react-runtime.js';
-import { type DsTableCustomEvent, type PaginationChangeDetail, type TableCellActionDetail, type TableColumnsConfigChangeDetail, type TableGroupCollapseChangeDetail, type TableGroupLoadMoreDetail, type TableLoadMoreDetail, type TableRowActivateDetail, type TableSelectionChangeDetail, type TableSortChangeDetail } from "@ds-mo/ui";
+import { type DsTableCustomEvent, type PaginationChangeDetail, type TableCellActionDetail, type TableColumnsConfigChangeDetail, type TableDataModeChangeDetail, type TableGroupCollapseChangeDetail, type TableGroupLoadMoreDetail, type TableLoadMoreDetail, type TableRowActivateDetail, type TableSelectionChangeDetail, type TableSortChangeDetail } from "@ds-mo/ui";
 import type { Components } from "@ds-mo/ui/dist/components";
 import { DsTable as DsTableElement } from "@ds-mo/ui/dist/components/ds-table.js";
 export type DsTableEvents = {
@@ -16,5 +16,6 @@ export type DsTableEvents = {
     onDsCellAction: EventName<DsTableCustomEvent<TableCellActionDetail>>;
     onDsRowActivate: EventName<DsTableCustomEvent<TableRowActivateDetail>>;
     onDsColumnsConfigChange: EventName<DsTableCustomEvent<TableColumnsConfigChangeDetail>>;
+    onDsDataModeChange: EventName<DsTableCustomEvent<TableDataModeChangeDetail>>;
 };
 export declare const DsTable: StencilReactComponent<DsTableElement, DsTableEvents, Components.DsTable, 'caption'>;

package/dist/react/ds-table.js

@@ -16,7 +16,8 @@ export const DsTable = /*@__PURE__*/ createComponent({
         onDsPaginationChange: 'dsPaginationChange',
         onDsCellAction: 'dsCellAction',
         onDsRowActivate: 'dsRowActivate',
-        onDsColumnsConfigChange: 'dsColumnsConfigChange'
+        onDsColumnsConfigChange: 'dsColumnsConfigChange',
+        onDsDataModeChange: 'dsDataModeChange'
     },
     defineCustomElement: defineDsTable
 });

package/dist/styles/table.css

@@ -25,6 +25,18 @@
     + var(--dimension-space-025)
     + var(--dimension-size-250)
   );
+  --_table-image-column-inline-size: calc(
+    ((var(--_table-image-block-size) * 16) / 9)
+    + (var(--_table-cell-padding-inline) * 2)
+  );
+  --_table-image-column-inline-size-multi: calc(
+    ((var(--_table-image-block-size-multi) * 16) / 9)
+    + (var(--_table-cell-padding-inline) * 2)
+  );
+  --_table-image-column-inline-size-triple: calc(
+    ((var(--_table-image-block-size-triple) * 16) / 9)
+    + (var(--_table-cell-padding-inline) * 2)
+  );
   /*
    * Wrapping primary on a 1-track cell occupies later tracks instead of a
    * private leading scale. Keep body-medium size; add the 2px stack gap to
@@ -687,6 +699,7 @@
 }
 
 :where(.ds-table__header-label--interactive:focus-visible),
+:where(.ds-table__header-labels[data-header-help]:focus-visible),
 :where(.ds-table__selection-control:focus-visible) {
   outline: var(--dimension-stroke-width-025) solid var(--color-interaction-focus);
   outline-offset: calc(-1 * var(--dimension-stroke-width-025));
@@ -718,6 +731,12 @@
   gap: var(--dimension-space-025);
 }
 
+:where(.ds-table__header-labels[data-header-help]) {
+  border-radius: var(--dimension-radius-025);
+  cursor: default;
+  outline: none;
+}
+
 :where(.ds-table__header-segment) {
   flex: 0 1 auto;
   gap: var(--dimension-space-025);
@@ -1427,14 +1446,42 @@
   min-block-size: var(--dimension-space-025);
 }
 
+:where(.ds-table--state-fill .ds-table__table) {
+  block-size: 100%;
+}
+
+:where(.ds-table--state-fill .ds-table__viewport) {
+  min-block-size: var(--ds-table-max-block-size);
+}
+
+:where(.ds-table--state-fill .ds-table__state-body),
+:where(.ds-table--state-fill .ds-table__state-row),
+:where(.ds-table--state-fill .ds-table__state-cell) {
+  block-size: 100%;
+}
+
 :where(.ds-table__state-cell) {
-  block-size: calc(var(--dimension-size-800) * 2);
+  min-block-size: calc(var(--dimension-size-800) * 2);
 }
 
 :where(.ds-table__state-band) {
+  align-self: stretch;
+  flex: 1 1 auto;
   min-block-size: calc(var(--dimension-size-800) * 2);
 }
 
+:where(.ds-table--state-fill .ds-table__state-band) {
+  block-size: 100%;
+  min-block-size: 100%;
+}
+
+:where(.ds-table__state-band) > ds-empty-state {
+  flex: 1 1 auto;
+  min-block-size: 0;
+  inline-size: 100%;
+  block-size: 100%;
+}
+
 :where(.ds-table__skeleton-row) {
   pointer-events: none;
 }
@@ -1513,6 +1560,7 @@
   }
 
   :where(.ds-table__header-label--interactive:focus-visible),
+  :where(.ds-table__header-labels[data-header-help]:focus-visible),
   :where(.ds-table__selection-control:focus-visible),
   :where(.ds-table__viewport:focus-visible) {
     outline-color: var(--ds-forced-color-selected);

package/dist/types/components/Select/Select.d.ts

@@ -14,6 +14,11 @@ export interface SelectOptionActionDetail {
     anchorId: string;
     originalEvent: MouseEvent;
 }
+export interface SelectOptionSubtextActionDetail {
+    value: string;
+    actionValue: string;
+    originalEvent: MouseEvent;
+}
 export declare class Select {
     el: HTMLElement;
     internals: ElementInternals;
@@ -101,6 +106,8 @@ export declare class Select {
     dsFooterAction: EventEmitter<void>;
     /** Emitted when an option's contextual ellipsis action is activated. */
     dsOptionAction: EventEmitter<SelectOptionActionDetail>;
+    /** Emitted when an option's supporting text action is activated. */
+    dsOptionSubtextAction: EventEmitter<SelectOptionSubtextActionDetail>;
     private activeIndex;
     private searchTerm;
     private formDisabled;

package/dist/types/components/Select/index.d.ts

@@ -1,2 +1,2 @@
-export type { SelectBackground, SelectIndicator, SelectOption, SelectSection, SelectSize, SelectValue, SelectWidth, } from './Select';
+export type { SelectBackground, SelectIndicator, SelectOption, SelectOptionActionDetail, SelectOptionSubtextActionDetail, SelectSection, SelectSize, SelectValue, SelectWidth, } from './Select';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/Table/Table.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { PaginationChangeDetail } from '../Pagination/pagination-types';
-import type { TableCaptionVisibility, TableCellActionDetail, TableColumn, TableColumnsConfigChangeDetail, TableDataMode, TableGroup, TableGroupCollapseChangeDetail, TableGroupLoadMoreDetail, TableGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortState } from './table-types';
+import type { TableCaptionVisibility, TableCellActionDetail, TableColumn, TableColumnsConfigChangeDetail, TableDataMode, TableDataModeChangeDetail, TableGroup, TableGroupCollapseChangeDetail, TableGroupLoadMoreDetail, TableGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortState } from './table-types';
 export declare class Table {
     el: HTMLElement;
     /** Stable column definitions. Assign through JavaScript. */
@@ -66,6 +66,12 @@ export declare class Table {
     emptyCellLabel: string;
     /** Top-level data-window strategy. Group member loading remains group-owned. */
     dataMode: TableDataMode;
+    /** Opt in to the table-owned control for choosing between supported data modes. */
+    dataModeSwitcher: boolean;
+    dataModeSwitcherLabel: string;
+    dataModeMenuLabel: string;
+    infiniteModeLabel: string;
+    paginationModeLabel: string;
     /** Controlled top-level pagination state. Required when dataMode is pagination. */
     pagination: TablePaginationState | null;
     loadMoreMode: TableLoadMoreMode;
@@ -102,6 +108,7 @@ export declare class Table {
     dsCellAction: EventEmitter<TableCellActionDetail>;
     dsRowActivate: EventEmitter<TableRowActivateDetail>;
     dsColumnsConfigChange: EventEmitter<TableColumnsConfigChangeDetail>;
+    dsDataModeChange: EventEmitter<TableDataModeChangeDetail>;
     private overflowStart;
     private overflowEnd;
     private scrollable;
@@ -115,8 +122,11 @@ export declare class Table {
     private truncateTooltipLabel;
     private columnCustomizerOpen;
     private columnCustomizerInitialFocusVisible;
+    private dataModeSwitcherOpen;
+    private dataModeSwitcherInitialFocusVisible;
     private readonly actionMenuElementId;
     private readonly columnCustomizerElementId;
+    private readonly dataModeSwitcherElementId;
     private truncateTooltipEl?;
     private truncateAnchor;
     private truncateTooltipBound;
@@ -164,11 +174,13 @@ export declare class Table {
     handleLoadMoreErrorChange(error: string | undefined): void;
     handleHasMoreChange(hasMore: boolean, hadMore: boolean): void;
     handleColumnCustomizerAvailability(): void;
+    handleDataModeSwitcherAvailability(): void;
     private get grouped();
     private get hasIncrementalState();
     private get selectable();
     private get visibleColumns();
     private get showsColumnCustomizer();
+    private get showsDataModeSwitcher();
     private get showsCaptionTrailing();
     private get documentStickyHeader();
     private get fixedHeight();
@@ -236,6 +248,12 @@ export declare class Table {
     private renderResultFooter;
     private renderCaptionBar;
     private renderCaptionTrailing;
+    private renderDataModeSwitcherTrigger;
+    private renderDataModeSwitcherMenu;
+    private toggleDataModeSwitcher;
+    private openDataModeSwitcher;
+    private closeDataModeSwitcher;
+    private handleDataModeSwitcherSelect;
     private renderColumnCustomizerTrigger;
     private renderColumnCustomizerMenu;
     private toggleColumnCustomizer;

package/dist/types/components/Table/index.d.ts

@@ -1,2 +1,2 @@
-export type { TableCaptionVisibility, TableCellAlign, TableCellAction, TableCellActionDetail, TableCellActionDivider, TableCellActionMenuEntry, TableCellActionMenuItem, TableCellBlank, TableCellEmpty, TableCellLinkTarget, TableCellIcon, TableCellIconText, TableCellImage, TableCellImageTracks, TableCellPrimaryText, TableCellSkeleton, TableCellText, TableCellTextRun, TableCellTextTrack, TableCellTag, TableCellTagVariant, TableCellValue, TableSkeletonWidth, TableColumn, TableColumnsConfigChangeDetail, TableColumnSticky, TableColumnWidth, TableDataMode, TableGroup, TableGroupCollapseChangeDetail, TableGroupLoadMoreDetail, TableGroupIntent, TableHeaderSegment, TableGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TableLoadMoreReason, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortDirection, TableSortState, } from './table-types';
+export type { TableCaptionVisibility, TableCellAlign, TableCellAction, TableCellActionDetail, TableCellActionDivider, TableCellActionMenuEntry, TableCellActionMenuItem, TableCellBlank, TableCellEmpty, TableCellLinkTarget, TableCellIcon, TableCellIconText, TableCellImage, TableCellImageTracks, TableCellPrimaryText, TableCellSkeleton, TableCellText, TableCellTextRun, TableCellTextTrack, TableCellTag, TableCellTagVariant, TableCellValue, TableSkeletonWidth, TableColumn, TableColumnsConfigChangeDetail, TableColumnSticky, TableColumnWidth, TableDataMode, TableDataModeChangeDetail, TableGroup, TableGroupCollapseChangeDetail, TableGroupLoadMoreDetail, TableGroupIntent, TableHeaderSegment, TableGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TableLoadMoreReason, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortDirection, TableSortState, } from './table-types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/Table/table-data-mode-switcher.d.ts

@@ -0,0 +1,9 @@
+import type { MenuItemData } from '../Menu/menu-types';
+import type { TableDataMode } from './table-types';
+export declare function nextTableDataModeSwitcherElementId(): string;
+export declare function tableDataModeMenuItems(dataMode: TableDataMode, labels: {
+    infinite: string;
+    pagination: string;
+}): MenuItemData[];
+export declare function tableDataModeFromMenuItem(item: MenuItemData): TableDataMode | null;
+//# sourceMappingURL=table-data-mode-switcher.d.ts.map

package/dist/types/components/Table/table-types.d.ts

@@ -10,6 +10,9 @@ export type TableColumnSticky = 'start' | 'end';
 export type TableCaptionVisibility = 'visible' | 'hidden';
 export type TableLoadMoreMode = 'auto' | 'manual';
 export type TableDataMode = 'infinite' | 'pagination';
+export interface TableDataModeChangeDetail {
+    dataMode: TableDataMode;
+}
 export type TableLoadMoreReason = 'auto' | 'manual' | 'retry';
 export type TableColumnWidth = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /** Visible line budget before a text track ellipsizes. */
@@ -245,12 +248,16 @@ export interface TableColumn {
     header: string;
     /** Screen-reader-only column name for an intentionally blank visual header. */
     headerLabel?: string;
+    /** Supplementary header help. Does not replace the visible or accessible column name. */
+    help?: string;
     /** Optional labels for columns that present and sort multiple related data points. */
     headerSegments?: TableHeaderSegment[];
     align?: TableCellAlign;
     sortable?: boolean;
     /** Preferred TokoMo table-column width. Numbers remain available for exceptional custom pixel widths. */
     size?: TableColumnWidth | number;
+    /** Derive a fixed image-column width from the matching 1, 2, or 3 track cell geometry. Ignored when size is set. */
+    imageTracks?: TableCellImageTracks;
     /** Minimum accepted preferred width in CSS pixels. */
     minSize?: number;
     /** Maximum accepted preferred width in CSS pixels. */

package/dist/types/components/TableSavedViews/TableSavedViews.d.ts

@@ -0,0 +1,61 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { TableSavedView, TableSavedViewChangeDetail, TableSavedViewCreateDetail, TableSavedViewDiscardDetail, TableSavedViewRemoveDetail, TableSavedViewRenameDetail, TableSavedViewSaveDetail } from './table-saved-views-types';
+export declare class TableSavedViews {
+    el: HTMLElement;
+    /** Application-owned custom saved views. Assign arrays through the JavaScript property. */
+    views: TableSavedView[];
+    /** ID of the controlled active view, including the default view ID. */
+    value: string;
+    /** Whether the current table state differs from the selected view. */
+    dirty: boolean;
+    /** ID used for the built-in default view. */
+    defaultViewId: string;
+    /** Label used for the built-in default view. */
+    defaultViewLabel: string;
+    /** Accessible name for the saved-views select. */
+    label: string;
+    /** Trigger label shown while the default view is selected. */
+    triggerLabel: string;
+    /** Footer action label that opens the create-view dialog. */
+    createLabel: string;
+    /** Emitted when a view selection is requested. */
+    dsViewChange: EventEmitter<TableSavedViewChangeDetail>;
+    /** Emitted after a valid create-view name is submitted. */
+    dsViewCreate: EventEmitter<TableSavedViewCreateDetail>;
+    /** Emitted after a valid renamed view name is submitted. */
+    dsViewRename: EventEmitter<TableSavedViewRenameDetail>;
+    /** Emitted when a custom view removal is requested. */
+    dsViewRemove: EventEmitter<TableSavedViewRemoveDetail>;
+    /** Emitted when changes to the active custom view should replace its stored payload. */
+    dsViewSave: EventEmitter<TableSavedViewSaveDetail>;
+    /** Emitted when the active custom view's stored payload should be restored. */
+    dsViewDiscard: EventEmitter<TableSavedViewDiscardDetail>;
+    private actionViewId;
+    private actionAnchorId;
+    private actionMenuOpen;
+    private actionMenuInitialFocusVisible;
+    private dialogOpen;
+    private dialogMode;
+    private dialogViewId;
+    private nameDraft;
+    private nameError;
+    private readonly componentId;
+    private readonly selectId;
+    private readonly actionMenuId;
+    private readonly fieldId;
+    private readonly inputId;
+    private readonly actionItems;
+    private get selectedCustomView();
+    private get dialogView();
+    private get sections();
+    private handleViewChange;
+    private handleSubtextAction;
+    private handleOptionAction;
+    private handleActionSelect;
+    private openDialog;
+    private validateName;
+    private submitDialog;
+    private finishDialogClose;
+    render(): any;
+}
+//# sourceMappingURL=TableSavedViews.d.ts.map

package/dist/types/components/TableSavedViews/index.d.ts

@@ -0,0 +1,2 @@
+export type { TableSavedView, TableSavedViewChangeDetail, TableSavedViewCreateDetail, TableSavedViewDiscardDetail, TableSavedViewRemoveDetail, TableSavedViewRenameDetail, TableSavedViewSaveDetail, } from './table-saved-views-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/TableSavedViews/table-saved-views-types.d.ts

@@ -0,0 +1,24 @@
+export interface TableSavedView {
+    id: string;
+    label: string;
+}
+export interface TableSavedViewChangeDetail {
+    viewId: string;
+}
+export interface TableSavedViewCreateDetail {
+    name: string;
+}
+export interface TableSavedViewRenameDetail {
+    viewId: string;
+    name: string;
+}
+export interface TableSavedViewRemoveDetail {
+    viewId: string;
+}
+export interface TableSavedViewSaveDetail {
+    viewId: string;
+}
+export interface TableSavedViewDiscardDetail {
+    viewId: string;
+}
+//# sourceMappingURL=table-saved-views-types.d.ts.map

package/dist/types/components/TableToolbar/TableToolbar.d.ts

@@ -0,0 +1,6 @@
+export declare class TableToolbar {
+    /** Accessible name for the grouped table controls. */
+    label: string;
+    render(): any;
+}
+//# sourceMappingURL=TableToolbar.d.ts.map