@ds-mo/ui 14.16.0 → 14.17.1

package/dist/react/components.d.ts

@@ -66,6 +66,7 @@ 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 { DsTableFilter } from "./ds-table-filter.js";
 export { DsTableSavedViews } from "./ds-table-saved-views.js";
 export { DsTableSort } from "./ds-table-sort.js";
 export { DsTableToolbar } from "./ds-table-toolbar.js";

package/dist/react/components.js

@@ -67,6 +67,7 @@ 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 { DsTableFilter } from "./ds-table-filter.js";
 export { DsTableSavedViews } from "./ds-table-saved-views.js";
 export { DsTableSort } from "./ds-table-sort.js";
 export { DsTableToolbar } from "./ds-table-toolbar.js";

package/dist/react/ds-table-filter.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 DsTableFilterCustomEvent, type FilterMenuChangeDetail } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsTableFilter as DsTableFilterElement } from "@ds-mo/ui/dist/components/ds-table-filter.js";
+export type DsTableFilterEvents = {
+    onDsChange: EventName<DsTableFilterCustomEvent<FilterMenuChangeDetail>>;
+    onDsClear: EventName<DsTableFilterCustomEvent<void>>;
+    onDsActiveFilterChange: EventName<DsTableFilterCustomEvent<string>>;
+    onDsClose: EventName<DsTableFilterCustomEvent<void>>;
+    onDsOpenChange: EventName<DsTableFilterCustomEvent<boolean>>;
+    onDsAfterClose: EventName<DsTableFilterCustomEvent<void>>;
+};
+export declare const DsTableFilter: StencilReactComponent<DsTableFilterElement, DsTableFilterEvents, Components.DsTableFilter>;

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

@@ -0,0 +1,19 @@
+'use client';
+import { createComponent } from './react-runtime.js';
+import React from 'react';
+import { DsTableFilter as DsTableFilterElement, defineCustomElement as defineDsTableFilter } from "@ds-mo/ui/dist/components/ds-table-filter.js";
+export const DsTableFilter = /*@__PURE__*/ createComponent({
+    tagName: 'ds-table-filter',
+    elementClass: DsTableFilterElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsChange: 'dsChange',
+        onDsClear: 'dsClear',
+        onDsActiveFilterChange: 'dsActiveFilterChange',
+        onDsClose: 'dsClose',
+        onDsOpenChange: 'dsOpenChange',
+        onDsAfterClose: 'dsAfterClose'
+    },
+    defineCustomElement: defineDsTableFilter
+});

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

@@ -100,7 +100,9 @@ export declare class ButtonUnfilled {
     private captionCompact;
     private buttonEl;
     private captionCompactDisconnect;
+    private hasLoaded;
     componentDidLoad(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     onCollapseLabelChange(): void;
     setFocus(): Promise<void>;

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

@@ -104,9 +104,11 @@ export declare class FilterMenu {
     private pendingInitialFocusVisible;
     private closeTimer;
     private captionCompactDisconnect;
+    private hasLoaded;
     private closingSnapshot;
     private readonly position;
     componentDidLoad(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     onCollapseLabelChange(): void;
     onOpenChange(isOpen: boolean): void;

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

@@ -133,9 +133,11 @@ export declare class Select {
     private observedFooterContentElement?;
     private footerMeasurementFrame?;
     private captionCompactDisconnect;
+    private hasLoaded;
     private createController;
     componentWillLoad(): void;
     componentDidLoad(): void;
+    connectedCallback(): void;
     componentDidRender(): void;
     disconnectedCallback(): void;
     onCollapseLabelChange(): void;

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

@@ -11,8 +11,6 @@ export declare function resolveTableColumnOrder(columns: TableColumn[], columnOr
  * column remains visible when the catalog has any data columns.
  */
 export declare function resolveTableHiddenColumnIds(columns: TableColumn[], hiddenColumnIds: string[] | undefined): string[];
-/** True when hidden ids or data-column order differ from the catalog default. */
-export declare function isTableColumnsCustomized(columns: TableColumn[], hiddenColumnIds: string[] | undefined, columnOrder: string[] | undefined): boolean;
 export declare function resolveTableVisibleColumns(columns: TableColumn[], options?: {
     columnCustomizer?: boolean;
     hiddenColumnIds?: string[];

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

@@ -0,0 +1,37 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { FilterMenuChangeDetail, FilterMenuFilter, FilterMenuValues } from '../FilterMenu/FilterMenu';
+export declare class TableFilter {
+    /** Controlled popup visibility. */
+    open: boolean;
+    /** Product-owned filter categories and option definitions. */
+    filters: FilterMenuFilter[];
+    /** Controlled values keyed by filter id. */
+    values: FilterMenuValues;
+    /** Controlled category shown in the option pane. */
+    activeFilterId: string | undefined;
+    /** Visible trigger label. */
+    label: string;
+    /** Accessible name for the trigger. Defaults to Filter table. */
+    ariaLabel: string | null;
+    /** Accessible name for the non-modal filter dialog. Defaults to the trigger name. */
+    menuLabel: string | null;
+    /** Accessible name for the category tab list. */
+    categoriesLabel: string;
+    /** Footer action and date-clear accessible label. */
+    clearLabel: string;
+    /** Requests a controlled value replacement without closing the popup. */
+    dsChange: EventEmitter<FilterMenuChangeDetail>;
+    /** Requests that the consumer clear every filter value. */
+    dsClear: EventEmitter<void>;
+    /** Requests a controlled active-category replacement. */
+    dsActiveFilterChange: EventEmitter<string>;
+    /** Requests that the controlled popup close. */
+    dsClose: EventEmitter<void>;
+    /** Emitted whenever trigger activation changes popup visibility. */
+    dsOpenChange: EventEmitter<boolean>;
+    /** Emitted after exit motion and rendered popup removal complete. */
+    dsAfterClose: EventEmitter<void>;
+    render(): any;
+    private forward;
+}
+//# sourceMappingURL=TableFilter.d.ts.map

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

@@ -1,12 +1,6 @@
 export declare class TableToolbar {
-    private el;
     /** Accessible name for the grouped table controls. */
     label: string;
-    private captionControlObserver;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
     render(): any;
-    private connectCaptionControlObserver;
-    private syncCaptionControls;
 }
 //# sourceMappingURL=TableToolbar.d.ts.map

package/dist/types/components.d.ts

@@ -66,6 +66,7 @@ import { SwatchPickerOption, SwatchPickerSection } from "./components/SwatchPick
 import { SwitchSize } from "./components/Switch/Switch";
 import { TabBackground, TabGroupSize as TabGroupSize1, TabGroupWidth } from "./components/TabGroup/TabGroup";
 import { TableCaptionVisibility, TableCellActionDetail, TableColumn, TableColumnsConfigChangeDetail, TableDataMode, TableDataModeChangeDetail, TableGroup, TableGroupCollapseChangeDetail, TableGroupingState, TableGroupLoadMoreDetail, TableLoadMoreDetail, TableLoadMoreMode, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortState } from "./components/Table/table-types";
+import { FilterMenuChangeDetail as FilterMenuChangeDetail1, FilterMenuFilter as FilterMenuFilter1, FilterMenuValues as FilterMenuValues1 } from "./components/FilterMenu/FilterMenu";
 import { TableSavedView, TableSavedViewChangeDetail, TableSavedViewCreateDetail, TableSavedViewDiscardDetail, TableSavedViewRemoveDetail, TableSavedViewRenameDetail, TableSavedViewSaveDetail } from "./components/TableSavedViews/table-saved-views-types";
 import { TagContrast, TagIntent, TagSize } from "./components/Tag/Tag";
 import { ToastActionEventDetail, ToastCloseEventDetail, ToastEventDetail, ToastManager, ToastSwipeDirection } from "./toast";
@@ -132,6 +133,7 @@ export { SwatchPickerOption, SwatchPickerSection } from "./components/SwatchPick
 export { SwitchSize } from "./components/Switch/Switch";
 export { TabBackground, TabGroupSize as TabGroupSize1, TabGroupWidth } from "./components/TabGroup/TabGroup";
 export { TableCaptionVisibility, TableCellActionDetail, TableColumn, TableColumnsConfigChangeDetail, TableDataMode, TableDataModeChangeDetail, TableGroup, TableGroupCollapseChangeDetail, TableGroupingState, TableGroupLoadMoreDetail, TableLoadMoreDetail, TableLoadMoreMode, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortState } from "./components/Table/table-types";
+export { FilterMenuChangeDetail as FilterMenuChangeDetail1, FilterMenuFilter as FilterMenuFilter1, FilterMenuValues as FilterMenuValues1 } from "./components/FilterMenu/FilterMenu";
 export { TableSavedView, TableSavedViewChangeDetail, TableSavedViewCreateDetail, TableSavedViewDiscardDetail, TableSavedViewRemoveDetail, TableSavedViewRenameDetail, TableSavedViewSaveDetail } from "./components/TableSavedViews/table-saved-views-types";
 export { TagContrast, TagIntent, TagSize } from "./components/Tag/Tag";
 export { ToastActionEventDetail, ToastCloseEventDetail, ToastEventDetail, ToastManager, ToastSwipeDirection } from "./toast";
@@ -1258,7 +1260,7 @@ export namespace Components {
         "inputId": string | undefined;
         /**
           * Accessible name for the non-modal filter dialog.
-          * @default 'Filter'
+          * @default 'Filters'
          */
         "menuLabel": string;
         /**
@@ -1288,7 +1290,7 @@ export namespace Components {
         "size": FilterMenuSize;
         /**
           * Select trigger text. The selected count is appended automatically.
-          * @default 'Filter'
+          * @default 'Filters'
          */
         "triggerLabel": string;
         /**
@@ -3150,6 +3152,52 @@ export namespace Components {
          */
         "virtualModeLabel": string;
     }
+    interface DsTableFilter {
+        /**
+          * Controlled category shown in the option pane.
+         */
+        "activeFilterId": string | undefined;
+        /**
+          * Accessible name for the trigger. Defaults to Filter table.
+          * @default null
+         */
+        "ariaLabel": string | null;
+        /**
+          * Accessible name for the category tab list.
+          * @default 'Filter categories'
+         */
+        "categoriesLabel": string;
+        /**
+          * Footer action and date-clear accessible label.
+          * @default 'Clear'
+         */
+        "clearLabel": string;
+        /**
+          * Product-owned filter categories and option definitions.
+          * @default []
+         */
+        "filters": FilterMenuFilter1[];
+        /**
+          * Visible trigger label.
+          * @default 'Filter'
+         */
+        "label": string;
+        /**
+          * Accessible name for the non-modal filter dialog. Defaults to the trigger name.
+          * @default null
+         */
+        "menuLabel": string | null;
+        /**
+          * Controlled popup visibility.
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Controlled values keyed by filter id.
+          * @default {}
+         */
+        "values": FilterMenuValues1;
+    }
     interface DsTableSavedViews {
         /**
           * Footer action label that opens the create-view dialog.
@@ -3660,6 +3708,10 @@ export interface DsTableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsTableElement;
 }
+export interface DsTableFilterCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsTableFilterElement;
+}
 export interface DsTableSavedViewsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsTableSavedViewsElement;
@@ -4681,6 +4733,28 @@ declare global {
         prototype: HTMLDsTableElement;
         new (): HTMLDsTableElement;
     };
+    interface HTMLDsTableFilterElementEventMap {
+        "dsChange": FilterMenuChangeDetail1;
+        "dsClear": void;
+        "dsActiveFilterChange": string;
+        "dsClose": void;
+        "dsOpenChange": boolean;
+        "dsAfterClose": void;
+    }
+    interface HTMLDsTableFilterElement extends Components.DsTableFilter, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsTableFilterElementEventMap>(type: K, listener: (this: HTMLDsTableFilterElement, ev: DsTableFilterCustomEvent<HTMLDsTableFilterElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDsTableFilterElementEventMap>(type: K, listener: (this: HTMLDsTableFilterElement, ev: DsTableFilterCustomEvent<HTMLDsTableFilterElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDsTableFilterElement: {
+        prototype: HTMLDsTableFilterElement;
+        new (): HTMLDsTableFilterElement;
+    };
     interface HTMLDsTableSavedViewsElementEventMap {
         "dsViewChange": TableSavedViewChangeDetail;
         "dsViewCreate": TableSavedViewCreateDetail;
@@ -4872,6 +4946,7 @@ declare global {
         "ds-switch": HTMLDsSwitchElement;
         "ds-tab-group": HTMLDsTabGroupElement;
         "ds-table": HTMLDsTableElement;
+        "ds-table-filter": HTMLDsTableFilterElement;
         "ds-table-saved-views": HTMLDsTableSavedViewsElement;
         "ds-table-sort": HTMLDsTableSortElement;
         "ds-table-toolbar": HTMLDsTableToolbarElement;
@@ -6095,7 +6170,7 @@ declare namespace LocalJSX {
         "inputId"?: string | undefined;
         /**
           * Accessible name for the non-modal filter dialog.
-          * @default 'Filter'
+          * @default 'Filters'
          */
         "menuLabel"?: string;
         /**
@@ -6149,7 +6224,7 @@ declare namespace LocalJSX {
         "size"?: FilterMenuSize;
         /**
           * Select trigger text. The selected count is appended automatically.
-          * @default 'Filter'
+          * @default 'Filters'
          */
         "triggerLabel"?: string;
         /**
@@ -8181,6 +8256,76 @@ declare namespace LocalJSX {
          */
         "virtualModeLabel"?: string;
     }
+    interface DsTableFilter {
+        /**
+          * Controlled category shown in the option pane.
+         */
+        "activeFilterId"?: string | undefined;
+        /**
+          * Accessible name for the trigger. Defaults to Filter table.
+          * @default null
+         */
+        "ariaLabel"?: string | null;
+        /**
+          * Accessible name for the category tab list.
+          * @default 'Filter categories'
+         */
+        "categoriesLabel"?: string;
+        /**
+          * Footer action and date-clear accessible label.
+          * @default 'Clear'
+         */
+        "clearLabel"?: string;
+        /**
+          * Product-owned filter categories and option definitions.
+          * @default []
+         */
+        "filters"?: FilterMenuFilter1[];
+        /**
+          * Visible trigger label.
+          * @default 'Filter'
+         */
+        "label"?: string;
+        /**
+          * Accessible name for the non-modal filter dialog. Defaults to the trigger name.
+          * @default null
+         */
+        "menuLabel"?: string | null;
+        /**
+          * Requests a controlled active-category replacement.
+         */
+        "onDsActiveFilterChange"?: (event: DsTableFilterCustomEvent<string>) => void;
+        /**
+          * Emitted after exit motion and rendered popup removal complete.
+         */
+        "onDsAfterClose"?: (event: DsTableFilterCustomEvent<void>) => void;
+        /**
+          * Requests a controlled value replacement without closing the popup.
+         */
+        "onDsChange"?: (event: DsTableFilterCustomEvent<FilterMenuChangeDetail1>) => void;
+        /**
+          * Requests that the consumer clear every filter value.
+         */
+        "onDsClear"?: (event: DsTableFilterCustomEvent<void>) => void;
+        /**
+          * Requests that the controlled popup close.
+         */
+        "onDsClose"?: (event: DsTableFilterCustomEvent<void>) => void;
+        /**
+          * Emitted whenever trigger activation changes popup visibility.
+         */
+        "onDsOpenChange"?: (event: DsTableFilterCustomEvent<boolean>) => void;
+        /**
+          * Controlled popup visibility.
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Controlled values keyed by filter id.
+          * @default {}
+         */
+        "values"?: FilterMenuValues1;
+    }
     interface DsTableSavedViews {
         /**
           * Footer action label that opens the create-view dialog.
@@ -9231,6 +9376,15 @@ declare namespace LocalJSX {
         "groupEndOfResultsLabel": string;
         "groupRowsLoadedLabel": string;
     }
+    interface DsTableFilterAttributes {
+        "open": boolean;
+        "activeFilterId": string | undefined;
+        "label": string;
+        "ariaLabel": string | null;
+        "menuLabel": string | null;
+        "categoriesLabel": string;
+        "clearLabel": string;
+    }
     interface DsTableSavedViewsAttributes {
         "value": string;
         "dirty": boolean;
@@ -9374,6 +9528,7 @@ declare namespace LocalJSX {
         "ds-switch": Omit<DsSwitch, keyof DsSwitchAttributes> & { [K in keyof DsSwitch & keyof DsSwitchAttributes]?: DsSwitch[K] } & { [K in keyof DsSwitch & keyof DsSwitchAttributes as `attr:${K}`]?: DsSwitchAttributes[K] } & { [K in keyof DsSwitch & keyof DsSwitchAttributes as `prop:${K}`]?: DsSwitch[K] };
         "ds-tab-group": Omit<DsTabGroup, keyof DsTabGroupAttributes> & { [K in keyof DsTabGroup & keyof DsTabGroupAttributes]?: DsTabGroup[K] } & { [K in keyof DsTabGroup & keyof DsTabGroupAttributes as `attr:${K}`]?: DsTabGroupAttributes[K] } & { [K in keyof DsTabGroup & keyof DsTabGroupAttributes as `prop:${K}`]?: DsTabGroup[K] };
         "ds-table": Omit<DsTable, keyof DsTableAttributes> & { [K in keyof DsTable & keyof DsTableAttributes]?: DsTable[K] } & { [K in keyof DsTable & keyof DsTableAttributes as `attr:${K}`]?: DsTableAttributes[K] } & { [K in keyof DsTable & keyof DsTableAttributes as `prop:${K}`]?: DsTable[K] } & OneOf<"caption", DsTable["caption"], DsTableAttributes["caption"]>;
+        "ds-table-filter": Omit<DsTableFilter, keyof DsTableFilterAttributes> & { [K in keyof DsTableFilter & keyof DsTableFilterAttributes]?: DsTableFilter[K] } & { [K in keyof DsTableFilter & keyof DsTableFilterAttributes as `attr:${K}`]?: DsTableFilterAttributes[K] } & { [K in keyof DsTableFilter & keyof DsTableFilterAttributes as `prop:${K}`]?: DsTableFilter[K] };
         "ds-table-saved-views": Omit<DsTableSavedViews, keyof DsTableSavedViewsAttributes> & { [K in keyof DsTableSavedViews & keyof DsTableSavedViewsAttributes]?: DsTableSavedViews[K] } & { [K in keyof DsTableSavedViews & keyof DsTableSavedViewsAttributes as `attr:${K}`]?: DsTableSavedViewsAttributes[K] } & { [K in keyof DsTableSavedViews & keyof DsTableSavedViewsAttributes as `prop:${K}`]?: DsTableSavedViews[K] };
         "ds-table-sort": Omit<DsTableSort, keyof DsTableSortAttributes> & { [K in keyof DsTableSort & keyof DsTableSortAttributes]?: DsTableSort[K] } & { [K in keyof DsTableSort & keyof DsTableSortAttributes as `attr:${K}`]?: DsTableSortAttributes[K] } & { [K in keyof DsTableSort & keyof DsTableSortAttributes as `prop:${K}`]?: DsTableSort[K] };
         "ds-table-toolbar": Omit<DsTableToolbar, keyof DsTableToolbarAttributes> & { [K in keyof DsTableToolbar & keyof DsTableToolbarAttributes]?: DsTableToolbar[K] } & { [K in keyof DsTableToolbar & keyof DsTableToolbarAttributes as `attr:${K}`]?: DsTableToolbarAttributes[K] } & { [K in keyof DsTableToolbar & keyof DsTableToolbarAttributes as `prop:${K}`]?: DsTableToolbar[K] };
@@ -9470,6 +9625,7 @@ declare module "@stencil/core" {
             "ds-switch": LocalJSX.IntrinsicElements["ds-switch"] & JSXBase.HTMLAttributes<HTMLDsSwitchElement>;
             "ds-tab-group": LocalJSX.IntrinsicElements["ds-tab-group"] & JSXBase.HTMLAttributes<HTMLDsTabGroupElement>;
             "ds-table": LocalJSX.IntrinsicElements["ds-table"] & JSXBase.HTMLAttributes<HTMLDsTableElement>;
+            "ds-table-filter": LocalJSX.IntrinsicElements["ds-table-filter"] & JSXBase.HTMLAttributes<HTMLDsTableFilterElement>;
             "ds-table-saved-views": LocalJSX.IntrinsicElements["ds-table-saved-views"] & JSXBase.HTMLAttributes<HTMLDsTableSavedViewsElement>;
             "ds-table-sort": LocalJSX.IntrinsicElements["ds-table-sort"] & JSXBase.HTMLAttributes<HTMLDsTableSortElement>;
             "ds-table-toolbar": LocalJSX.IntrinsicElements["ds-table-toolbar"] & JSXBase.HTMLAttributes<HTMLDsTableToolbarElement>;

package/dist/vue/components.d.ts

@@ -67,6 +67,7 @@ export { DsSwatchPicker } from './ds-swatch-picker.js';
 export { DsSwitch } from './ds-switch.js';
 export { DsTabGroup } from './ds-tab-group.js';
 export { DsTable } from './ds-table.js';
+export { DsTableFilter } from './ds-table-filter.js';
 export { DsTableSavedViews } from './ds-table-saved-views.js';
 export { DsTableSort } from './ds-table-sort.js';
 export { DsTableToolbar } from './ds-table-toolbar.js';

package/dist/vue/components.js

@@ -69,6 +69,7 @@ export { DsSwatchPicker } from './ds-swatch-picker.js';
 export { DsSwitch } from './ds-switch.js';
 export { DsTabGroup } from './ds-tab-group.js';
 export { DsTable } from './ds-table.js';
+export { DsTableFilter } from './ds-table-filter.js';
 export { DsTableSavedViews } from './ds-table-saved-views.js';
 export { DsTableSort } from './ds-table-sort.js';
 export { DsTableToolbar } from './ds-table-toolbar.js';

package/dist/vue/ds-table-filter.d.ts

@@ -0,0 +1,3 @@
+import { type StencilVueComponent } from './vue-runtime.js';
+import type { JSX } from '@ds-mo/ui/components';
+export declare const DsTableFilter: StencilVueComponent<JSX.DsTableFilter>;

package/dist/vue/ds-table-filter.js

@@ -0,0 +1,29 @@
+/* eslint-disable */
+/* tslint:disable */
+/* auto-generated vue proxies */
+import { defineContainer } from './vue-runtime.js';
+import { defineCustomElement as defineDsTableFilter } from '@ds-mo/ui/components/ds-table-filter.js';
+export const DsTableFilter = /*@__PURE__*/ defineContainer('ds-table-filter', defineDsTableFilter, [
+    'open',
+    'filters',
+    'values',
+    'activeFilterId',
+    'label',
+    'ariaLabel',
+    'menuLabel',
+    'categoriesLabel',
+    'clearLabel',
+    'dsChange',
+    'dsClear',
+    'dsActiveFilterChange',
+    'dsClose',
+    'dsOpenChange',
+    'dsAfterClose'
+], [
+    'dsChange',
+    'dsClear',
+    'dsActiveFilterChange',
+    'dsClose',
+    'dsOpenChange',
+    'dsAfterClose'
+]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/ui",
-  "version": "14.16.0",
+  "version": "14.17.1",
   "description": "CompoMo — composable web components styled with TokoMo design tokens",
   "keywords": [
     "web-components",

package/dist/components/p-BdnQv7Zl.js

@@ -1,2 +0,0 @@
-let n=0;function t(){n+=1;return`ds-table-column-customizer-${n}`}function e(n){return n.kind==="action"}function r(n){return n.header.trim()||n.headerLabel?.trim()||n.id}function o(n){return n.filter((n=>!e(n)))}function c(n,t){const e=o(n).map((n=>n.id));const r=new Set(e);const c=new Set;const u=[];for(const n of t??[]){if(!r.has(n)||c.has(n))continue;c.add(n);u.push(n)}for(const n of e){if(c.has(n))continue;u.push(n)}return u}function u(n,t){const e=o(n).map((n=>n.id));const r=new Set(e);const c=[...new Set((t??[]).filter((n=>r.has(n))))];if(e.length===0||c.length<e.length)return c;const u=e[0];return c.filter((n=>n!==u))}function s(n,t,e){if(u(n,t).length>0)return true;const r=o(n).map((n=>n.id));const s=c(n,e);return s.length!==r.length||s.some(((n,t)=>n!==r[t]))}function i(n,t={}){if(!t.columnCustomizer)return n;const r=new Map(n.map((n=>[n.id,n])));const o=new Set(u(n,t.hiddenColumnIds));const s=c(n,t.columnOrder).map((n=>r.get(n))).filter((n=>!!n&&!o.has(n.id)));return[...s,...n.filter(e)]}function f(n,t,r){const c=n.find((n=>n.id===r));if(!c||e(c))return false;const s=new Set(u(n,t));if(s.has(r))return true;const i=o(n).filter((n=>!s.has(n.id)));return i.length>1}function a(n,t,e){const r=u(n,t);if(!f(n,r,e))return r;const o=new Set(r);if(o.has(e))o.delete(e);else o.add(e);return u(n,[...o])}function l(n,t,e){const o=new Map(n.map((n=>[n.id,n])));const s=u(n,t);const i=new Set(s);const a=c(n,e).flatMap((t=>{const e=o.get(t);if(!e)return[];return[{column:e,label:r(e),visible:!i.has(t),hideable:f(n,s,t),reorderable:true}]}));return a}function w(n,t,e){return l(n,t,e).map((n=>({label:n.label,value:n.column.id,showSwitch:true,switchValue:n.visible,isInactive:!n.hideable,reorderable:n.reorderable})))}export{s as a,c as b,u as c,a as d,e as i,t as n,i as r,w as t};
-//# sourceMappingURL=p-BdnQv7Zl.js.map

package/dist/components/p-BdnQv7Zl.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["columnCustomizerSeq","nextTableColumnCustomizerElementId","isTableActionColumn","column","kind","tableColumnCustomizerLabel","header","trim","headerLabel","id","tableDataColumns","columns","filter","resolveTableColumnOrder","columnOrder","catalogIds","map","catalog","Set","seen","ordered","has","add","push","resolveTableHiddenColumnIds","hiddenColumnIds","dataIds","data","hidden","length","keep","isTableColumnsCustomized","order","some","index","resolveTableVisibleColumns","options","columnCustomizer","byId","Map","visibleData","get","canToggleTableColumnHidden","columnId","find","candidate","toggleTableColumnHidden","resolved","delete","tableColumnCustomizerItems","resolvedHidden","dataItems","flatMap","label","visible","hideable","reorderable","tableColumnCustomizerMenuItems","item","value","showSwitch","switchValue","isInactive"],"sources":["src/wc/components/Table/table-column-customizer.ts"],"sourcesContent":["import type { MenuItemData } from '../Menu/menu-types';\nimport type { TableColumn } from './table-types';\n\nlet columnCustomizerSeq = 0;\n\nexport function nextTableColumnCustomizerElementId(): string {\n  columnCustomizerSeq += 1;\n  return `ds-table-column-customizer-${columnCustomizerSeq}`;\n}\n\nexport function isTableActionColumn(column: TableColumn): boolean {\n  return column.kind === 'action';\n}\n\nexport function tableColumnCustomizerLabel(column: TableColumn): string {\n  return column.header.trim() || column.headerLabel?.trim() || column.id;\n}\n\nexport function tableDataColumns(columns: TableColumn[]): TableColumn[] {\n  return columns.filter(column => !isTableActionColumn(column));\n}\n\n/** Data-column ids in display order. Unknown, duplicate, and action ids are ignored. */\nexport function resolveTableColumnOrder(\n  columns: TableColumn[],\n  columnOrder: string[] | undefined\n): string[] {\n  const catalogIds = tableDataColumns(columns).map(column => column.id);\n  const catalog = new Set(catalogIds);\n  const seen = new Set<string>();\n  const ordered: string[] = [];\n\n  for (const id of columnOrder ?? []) {\n    if (!catalog.has(id) || seen.has(id)) continue;\n    seen.add(id);\n    ordered.push(id);\n  }\n\n  for (const id of catalogIds) {\n    if (seen.has(id)) continue;\n    ordered.push(id);\n  }\n\n  return ordered;\n}\n\n/**\n * Hidden data-column ids. Action and unknown ids are dropped. At least one data\n * column remains visible when the catalog has any data columns.\n */\nexport function resolveTableHiddenColumnIds(\n  columns: TableColumn[],\n  hiddenColumnIds: string[] | undefined\n): string[] {\n  const dataIds = tableDataColumns(columns).map(column => column.id);\n  const data = new Set(dataIds);\n  const hidden = [...new Set((hiddenColumnIds ?? []).filter(id => data.has(id)))];\n  if (dataIds.length === 0 || hidden.length < dataIds.length) return hidden;\n\n  const keep = dataIds[0];\n  return hidden.filter(id => id !== keep);\n}\n\n/** True when hidden ids or data-column order differ from the catalog default. */\nexport function isTableColumnsCustomized(\n  columns: TableColumn[],\n  hiddenColumnIds: string[] | undefined,\n  columnOrder: string[] | undefined\n): boolean {\n  if (resolveTableHiddenColumnIds(columns, hiddenColumnIds).length > 0) return true;\n  const catalog = tableDataColumns(columns).map(column => column.id);\n  const order = resolveTableColumnOrder(columns, columnOrder);\n  return order.length !== catalog.length || order.some((id, index) => id !== catalog[index]);\n}\n\nexport function resolveTableVisibleColumns(\n  columns: TableColumn[],\n  options: {\n    columnCustomizer?: boolean;\n    hiddenColumnIds?: string[];\n    columnOrder?: string[];\n  } = {}\n): TableColumn[] {\n  if (!options.columnCustomizer) return columns;\n\n  const byId = new Map(columns.map(column => [column.id, column]));\n  const hidden = new Set(resolveTableHiddenColumnIds(columns, options.hiddenColumnIds));\n  const visibleData = resolveTableColumnOrder(columns, options.columnOrder)\n    .map(id => byId.get(id))\n    .filter((column): column is TableColumn => !!column && !hidden.has(column.id));\n\n  return [...visibleData, ...columns.filter(isTableActionColumn)];\n}\n\nexport function canToggleTableColumnHidden(\n  columns: TableColumn[],\n  hiddenColumnIds: string[] | undefined,\n  columnId: string\n): boolean {\n  const column = columns.find(candidate => candidate.id === columnId);\n  if (!column || isTableActionColumn(column)) return false;\n\n  const hidden = new Set(resolveTableHiddenColumnIds(columns, hiddenColumnIds));\n  if (hidden.has(columnId)) return true;\n\n  const visibleData = tableDataColumns(columns).filter(candidate => !hidden.has(candidate.id));\n  return visibleData.length > 1;\n}\n\nexport function toggleTableColumnHidden(\n  columns: TableColumn[],\n  hiddenColumnIds: string[] | undefined,\n  columnId: string\n): string[] {\n  const resolved = resolveTableHiddenColumnIds(columns, hiddenColumnIds);\n  if (!canToggleTableColumnHidden(columns, resolved, columnId)) return resolved;\n\n  const hidden = new Set(resolved);\n  if (hidden.has(columnId)) hidden.delete(columnId);\n  else hidden.add(columnId);\n  return resolveTableHiddenColumnIds(columns, [...hidden]);\n}\n\nexport function moveTableColumnOrder(order: string[], fromId: string, toId: string): string[] {\n  const from = order.indexOf(fromId);\n  const to = order.indexOf(toId);\n  if (from < 0 || to < 0 || from === to) return order;\n\n  const next = [...order];\n  next.splice(from, 1);\n  next.splice(to, 0, fromId);\n  return next;\n}\n\nexport function moveTableColumnInOrder(\n  order: string[],\n  columnId: string,\n  offset: number\n): string[] {\n  const from = order.indexOf(columnId);\n  if (from < 0 || offset === 0) return order;\n  return moveTableColumnOrder(order, columnId, order[from + offset] ?? columnId);\n}\n\nexport interface TableColumnCustomizerItem {\n  column: TableColumn;\n  label: string;\n  visible: boolean;\n  hideable: boolean;\n  reorderable: boolean;\n}\n\nexport function tableColumnCustomizerItems(\n  columns: TableColumn[],\n  hiddenColumnIds: string[] | undefined,\n  columnOrder: string[] | undefined\n): TableColumnCustomizerItem[] {\n  const byId = new Map(columns.map(column => [column.id, column]));\n  const resolvedHidden = resolveTableHiddenColumnIds(columns, hiddenColumnIds);\n  const hidden = new Set(resolvedHidden);\n  const dataItems = resolveTableColumnOrder(columns, columnOrder).flatMap(id => {\n    const column = byId.get(id);\n    if (!column) return [];\n    return [\n      {\n        column,\n        label: tableColumnCustomizerLabel(column),\n        visible: !hidden.has(id),\n        hideable: canToggleTableColumnHidden(columns, resolvedHidden, id),\n        reorderable: true,\n      },\n    ];\n  });\n  return dataItems;\n}\n\n/** Menu switch rows for the table-owned column customizer. */\nexport function tableColumnCustomizerMenuItems(\n  columns: TableColumn[],\n  hiddenColumnIds: string[] | undefined,\n  columnOrder: string[] | undefined\n): MenuItemData[] {\n  return tableColumnCustomizerItems(columns, hiddenColumnIds, columnOrder).map(item => ({\n    label: item.label,\n    value: item.column.id,\n    showSwitch: true,\n    switchValue: item.visible,\n    isInactive: !item.hideable,\n    reorderable: item.reorderable,\n  }));\n}\n"],"mappings":"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","ignoreList":[]}