@workday/canvas-kit-preview-react 16.1.6 → 16.1.8

package/dist/{es6 → commonjs/preview-react}/tabs/lib/TabsOverflowButton.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+export { TABS_OVERFLOW_BUTTON_ID } from './useTabsModel';
 export interface OverflowButtonProps {
     /**
      * The label text of the Tab.
@@ -7,11 +8,6 @@ export interface OverflowButtonProps {
 }
 export declare const useTabsOverflowButton: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
-        getId: (item: any) => string;
-        orientation: import("@workday/canvas-kit-react/collection").Orientation;
-        panels: import("@workday/canvas-kit-react/collection").Item<any>[];
-        panelIndexRef: React.MutableRefObject<number>;
-        variant: "filled" | "outlined";
         hiddenIds: string[];
         itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
@@ -31,19 +27,13 @@ export declare const useTabsOverflowButton: import("@workday/canvas-kit-react/co
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
         id: string;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("@workday/canvas-kit-react/collection").Item<any>[];
     };
     events: {
-        registerPanel: (data: {
-            id: string;
-            textValue: string;
-        }) => void;
-        unregisterPanel: (data: {
-            id: string;
-        }) => void;
         select(data: {
             id: string;
         }): void;
@@ -117,215 +107,28 @@ export declare const useTabsOverflowButton: import("@workday/canvas-kit-react/co
             value: number;
         }): void;
     };
-    menu: {
-        state: {
-            stackRef: React.RefObject<HTMLDivElement>;
-            targetRef: React.RefObject<HTMLButtonElement>;
-            initialFocusRef: React.RefObject<any> | undefined;
-            returnFocusRef: React.RefObject<any> | undefined;
-            placement: import("@popperjs/core").Placement;
-            id: string;
-            visibility: "hidden" | "visible";
-            selectedIds: string[] | "all";
-            unselectedIds: string[];
-            cursorId: string | string[];
-            columnCount: number;
-            pageSizeRef: React.MutableRefObject<number>;
-            cursorIndexRef: {
-                readonly current: number;
-            };
-            UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
-            UNSTABLE_defaultItemHeight: number;
-            containerRef: React.RefObject<HTMLDivElement>;
-            orientation: "horizontal" | "vertical";
-            indexRef: React.MutableRefObject<number>;
-            nonInteractiveIds: string[];
-            isVirtualized: boolean;
-            items: import("@workday/canvas-kit-react/collection").Item<any>[];
-            mode: "multiple" | "single";
-        };
-        events: {
-            updatePlacement(data: {
-                placement: import("@popperjs/core").Placement;
-            }): void;
-            show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
-            hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
-            select(data: {
-                id: string;
-            }): void;
-            selectAll(): void;
-            unselectAll(): void;
-            setSelectedIds(ids: string[] | "all"): void;
-            remove(data: {
-                id: string;
-                nextId?: string | undefined;
-                event?: Event | React.SyntheticEvent<Element, Event> | undefined;
-            }): void;
-            goTo(data: {
-                id: string;
-            }): void;
-            goToNext(): void;
-            goToPrevious(): void;
-            goToPreviousRow(): void;
-            goToNextRow(): void;
-            goToFirst(): void;
-            goToLast(): void;
-            goToFirstOfRow(): void;
-            goToLastOfRow(): void;
-            goToNextPage(): void;
-            goToPreviousPage(): void;
-            registerItem(data: {
-                id: string;
-                textValue: string;
-            }): void;
-            unregisterItem(data: {
-                id: string;
-            }): void;
-            updateItemHeight(data: {
-                value: number;
-            }): void;
-        };
-        UNSTABLE_parentModel: {
-            state: {
-                selectedIds: string[] | "all";
-                unselectedIds: string[];
-                cursorId: string | string[];
-                columnCount: number;
-                pageSizeRef: React.MutableRefObject<number>;
-                cursorIndexRef: {
-                    readonly current: number;
-                };
-                UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
-                UNSTABLE_defaultItemHeight: number;
-                containerRef: React.RefObject<HTMLDivElement>;
-                id: string;
-                orientation: "horizontal" | "vertical";
-                indexRef: React.MutableRefObject<number>;
-                nonInteractiveIds: string[];
-                isVirtualized: boolean;
-                items: import("@workday/canvas-kit-react/collection").Item<any>[];
-            };
-            events: {
-                select(data: {
-                    id: string;
-                }): void;
-                selectAll(): void;
-                unselectAll(): void;
-                setSelectedIds(ids: string[] | "all"): void;
-                remove(data: {
-                    id: string;
-                    nextId?: string | undefined;
-                    event?: Event | React.SyntheticEvent<Element, Event> | undefined;
-                }): void;
-                goTo(data: {
-                    id: string;
-                }): void;
-                goToNext(): void;
-                goToPrevious(): void;
-                goToPreviousRow(): void;
-                goToNextRow(): void;
-                goToFirst(): void;
-                goToLast(): void;
-                goToFirstOfRow(): void;
-                goToLastOfRow(): void;
-                goToNextPage(): void;
-                goToPreviousPage(): void;
-                registerItem(data: {
-                    id: string;
-                    textValue: string;
-                }): void;
-                unregisterItem(data: {
-                    id: string;
-                }): void;
-                updateItemHeight(data: {
-                    value: number;
-                }): void;
-            };
-            selection: import("@workday/canvas-kit-react/collection").SelectionManager;
-            navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
-            getId: (item: any) => string;
-            getTextValue: (item: any) => string;
-            UNSTABLE_parentModel: {
-                state: {
-                    selectedIds: string[] | "all";
-                    unselectedIds: string[];
-                    cursorId: string | string[];
-                    columnCount: number;
-                    pageSizeRef: React.MutableRefObject<number>;
-                    cursorIndexRef: {
-                        readonly current: number;
-                    };
-                    UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
-                    UNSTABLE_defaultItemHeight: number;
-                    containerRef: React.RefObject<HTMLDivElement>;
-                    id: string;
-                    orientation: "horizontal" | "vertical";
-                    indexRef: React.MutableRefObject<number>;
-                    nonInteractiveIds: string[];
-                    isVirtualized: boolean;
-                    items: import("@workday/canvas-kit-react/collection").Item<any>[];
-                };
-                events: {
-                    select(data: {
-                        id: string;
-                    }): void;
-                    selectAll(): void;
-                    unselectAll(): void;
-                    setSelectedIds(ids: string[] | "all"): void;
-                    remove(data: {
-                        id: string;
-                        nextId?: string | undefined;
-                        event?: Event | React.SyntheticEvent<Element, Event> | undefined;
-                    }): void;
-                    goTo(data: {
-                        id: string;
-                    }): void;
-                    goToNext(): void;
-                    goToPrevious(): void;
-                    goToPreviousRow(): void;
-                    goToNextRow(): void;
-                    goToFirst(): void;
-                    goToLast(): void;
-                    goToFirstOfRow(): void;
-                    goToLastOfRow(): void;
-                    goToNextPage(): void;
-                    goToPreviousPage(): void;
-                    registerItem(data: {
-                        id: string;
-                        textValue: string;
-                    }): void;
-                    unregisterItem(data: {
-                        id: string;
-                    }): void;
-                    updateItemHeight(data: {
-                        value: number;
-                    }): void;
-                };
-                selection: import("@workday/canvas-kit-react/collection").SelectionManager;
-                navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
-                getId: (item: any) => string;
-                getTextValue: (item: any) => string;
-            } | undefined;
-        };
-        selection: import("@workday/canvas-kit-react/collection").SelectionManager;
-        navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
-        getId: (item: any) => string;
-        getTextValue: (item: any) => string;
-    };
     selection: import("@workday/canvas-kit-react/collection").SelectionManager;
     navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
     getId: (item: any) => string;
     getTextValue: (item: any) => string;
 }, import("@workday/canvas-kit-react/common").RemoveNulls<import("@workday/canvas-kit-react/common").MergeProps<{
-    readonly 'aria-haspopup': true;
-}, import("@workday/canvas-kit-react/common").MergeProps<{
     readonly ref: (instance: HTMLElement | null) => void;
-    readonly 'aria-hidden': boolean;
+}, import("@workday/canvas-kit-react/common").MergeProps<{
+    readonly onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+    readonly onClick: () => void;
+    readonly 'data-focus-id': string;
     readonly tabIndex: 0 | -1;
-    readonly style: {
-        readonly position: "absolute";
-        readonly left: -99999;
-    } | undefined;
+}, import("@workday/canvas-kit-react/common").MergeProps<{
+    readonly ref: (instance: Element | null | undefined) => void;
+    readonly 'data-id': string;
+    readonly disabled: true | undefined;
+    readonly 'aria-setsize': number | undefined;
+    readonly 'aria-posinset': number | undefined;
+    readonly 'data-index': number | undefined;
+    readonly style: React.CSSProperties;
+    readonly id: string;
+}, import("@workday/canvas-kit-react/common").MergeProps<{
+    readonly 'data-id': "__tabs-overflow__";
 }, import("@workday/canvas-kit-react/common").MergeProps<import("@workday/canvas-kit-react/common").RemoveNulls<import("@workday/canvas-kit-react/common").MergeProps<{
     readonly id: string;
     readonly 'aria-haspopup': "true";
@@ -334,7 +137,13 @@ export declare const useTabsOverflowButton: import("@workday/canvas-kit-react/co
 }, import("@workday/canvas-kit-react/common").MergeProps<{
     readonly ref: (instance: unknown) => void;
     readonly onClick: (event: React.MouseEvent<Element, MouseEvent>) => void;
-}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, {}>>>>>>>, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, {}>>>>>>>>;
+}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, {}>>>>>>>, import("@workday/canvas-kit-react/common").MergeProps<{
+    readonly onFocus: () => void;
+}, {
+    readonly 'aria-haspopup': "menu";
+    readonly 'aria-selected': false;
+    readonly role: "tab";
+}>>>>>>>>;
 export declare const TabsOverflowButton: import("@workday/canvas-kit-react/common").ElementComponentM<"button", OverflowButtonProps, {
     state: {
         getId: (item: any) => string;

package/dist/commonjs/preview-react/tabs/lib/TabsOverflowButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsOverflowButton.d.ts","sourceRoot":"","sources":["../../../../../tabs/lib/TabsOverflowButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,OAAO,EAAC,uBAAuB,EAAC,MAAM,gBAAgB,CAAC;AAEvD,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAoCD,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAqCjC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyB7B,CAAC"}

package/dist/commonjs/preview-react/tabs/lib/TabsOverflowButton.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsOverflowButton = exports.useTabsOverflowButton = exports.TABS_OVERFLOW_BUTTON_ID = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const collection_1 = require("@workday/canvas-kit-react/collection");
+const common_1 = require("@workday/canvas-kit-react/common");
+const icon_1 = require("@workday/canvas-kit-react/icon");
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const menu_1 = require("@workday/canvas-kit-react/menu");
+const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
+const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
+const TabsItem_1 = require("./TabsItem");
+const useTabsModel_1 = require("./useTabsModel");
+// Re-export for consumers who may need to reference the overflow button ID
+var useTabsModel_2 = require("./useTabsModel");
+Object.defineProperty(exports, "TABS_OVERFLOW_BUTTON_ID", { enumerable: true, get: function () { return useTabsModel_2.TABS_OVERFLOW_BUTTON_ID; } });
+const tabsOverflowButtonStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "167k50", styles: "box-sizing:border-box;&:has([data-part=\"tabs-overflow-button-icon\"]){display:flex;gap:0;}" }
+}, "tabs-overflow-button-5c3573");
+/**
+ * Measures the overflow button and reports its size to the model for overflow calculation.
+ * Unlike useOverflowListTarget, this does NOT set aria-hidden or visibility styles because
+ * we handle visibility via conditional rendering in the TabsOverflowButton component.
+ */
+const useTabsOverflowButtonMeasure = (0, common_1.createElemPropsHook)(collection_1.useOverflowListModel)((model, ref) => {
+    const { elementRef, localRef } = (0, common_1.useLocalRef)(ref);
+    (0, common_1.useResizeObserver)({
+        ref: localRef,
+        onResize: ({ width = 0, height = 0 }) => {
+            if (localRef.current && (width > 0 || height > 0)) {
+                const styles = getComputedStyle(localRef.current);
+                const w = width + parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);
+                const h = height + parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
+                model.events.setOverflowTargetSize({ width: w, height: h });
+            }
+        },
+    });
+    return {
+        ref: elementRef,
+    };
+});
+exports.useTabsOverflowButton = (0, common_1.composeHooks)(
+// Measures the overflow button for overflow calculation (no aria-hidden or visibility styles)
+useTabsOverflowButtonMeasure, 
+// Adds roving tabindex behavior for arrow key navigation within the tablist
+collection_1.useListItemRovingFocus, 
+// Registers the overflow button as an item in the collection for cursor navigation
+collection_1.useListItemRegister, 
+// Provides the stable data-id needed for collection registration
+(0, common_1.createElemPropsHook)(useTabsModel_1.useTabsModel)(() => {
+    return {
+        'data-id': useTabsModel_1.TABS_OVERFLOW_BUTTON_ID,
+    };
+}), 
+// Connects to the menu sub-model for popup behavior
+(0, common_1.createSubModelElemPropsHook)(useTabsModel_1.useTabsModel)(m => m.menu, menu_1.useMenuTarget), 
+// Syncs the cursor to the overflow button when it receives focus.
+// This is needed because when the menu closes and focus returns to the overflow button,
+// the cursor state needs to be updated so arrow key navigation works correctly.
+(0, common_1.createElemPropsHook)(useTabsModel_1.useTabsModel)(model => {
+    return {
+        onFocus() {
+            model.events.goTo({ id: useTabsModel_1.TABS_OVERFLOW_BUTTON_ID });
+        },
+    };
+}), 
+// Runs FIRST - Sets ARIA attributes for the overflow tab
+// In composeHooks, hooks run right-to-left, and mergeProps gives precedence to elemProps
+// (props from earlier-running hooks). So this runs first and its props win.
+// Note: We intentionally do NOT include useListItemSelect here because clicking
+// the overflow button should open the menu, not select it as the active tab
+(0, common_1.createElemPropsHook)(useTabsModel_1.useTabsModel)(() => {
+    return {
+        'aria-haspopup': 'menu',
+        'aria-selected': false,
+        role: 'tab',
+    };
+}));
+exports.TabsOverflowButton = (0, common_1.createSubcomponent)('button')({
+    displayName: 'Tabs.OverflowButton',
+    modelHook: useTabsModel_1.useTabsModel,
+    elemPropsHook: exports.useTabsOverflowButton,
+})(({ children, ...elemProps }, Element, model) => {
+    // Don't render the overflow button if there are no hidden items.
+    // This removes it from the DOM entirely, which:
+    // - Removes it from keyboard navigation (roving focus)
+    // - Removes it from screen reader announcements
+    // - Prevents the "8 tabs" announcement when only 7 are visible
+    if (model.state.hiddenIds.length === 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)(TabsItem_1.StyledTabItem, { type: "button", as: Element, variant: model.state.variant, ...(0, layout_1.mergeStyles)(elemProps, tabsOverflowButtonStencil()), children: [(0, jsx_runtime_1.jsx)("span", { children: children }), (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { "data-part": "tabs-overflow-button-icon", icon: canvas_system_icons_web_1.chevronDownSmallIcon })] }));
+});

package/dist/commonjs/{tabs → preview-react/tabs}/lib/TabsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAC,MAAM,kCAAkC,CAAC;AAIrD,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IACpE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BvB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUpB,CAAC"}
+{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../../../tabs/lib/TabsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAC,MAAM,kCAAkC,CAAC;AAIrD,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IACpE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BvB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUpB,CAAC"}

package/dist/commonjs/preview-react/tabs/lib/TabsPanels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPanels.d.ts","sourceRoot":"","sources":["../../../../../tabs/lib/TabsPanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKrB,CAAC"}

package/dist/commonjs/{tabs → preview-react/tabs}/lib/TabsPanels.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabsPanels = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const collection_1 = require("@workday/canvas-kit-react/collection");
 const common_1 = require("@workday/canvas-kit-react/common");
+const TabsList_1 = require("./TabsList");
 const useTabsModel_1 = require("./useTabsModel");
 exports.TabsPanels = (0, common_1.createSubcomponent)()({
     displayName: 'Tabs.Panels',
     modelHook: useTabsModel_1.useTabsModel,
 })(({ children }, _, model) => {
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, collection_1.useListRenderItems)(model, children) });
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, TabsList_1.useTabsCollectionRenderItems)(model, children) });
 });

package/dist/commonjs/{tabs → preview-react/tabs}/lib/useTabsModel.d.ts

@@ -1,4 +1,9 @@
 import React from 'react';
+/**
+ * This constant is used as the stable identifier for the overflow button in the tabs collection.
+ * It uses a `__` prefix to avoid conflicts with user-provided item IDs.
+ */
+export declare const TABS_OVERFLOW_BUTTON_ID = "__tabs-overflow__";
 /**
  * The TabsModel extends the [Collection
  * System](/get-started/for-developers/guides/collection-api/). Tabs have tab items and
@@ -1303,11 +1308,7 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
     };
     initialHiddenIds: string[];
     containerWidth: number;
-    shouldCalculateOverflow: boolean; /**
-     * A React.Ref of the current item index. A ref is used to allow for updating outside the normal
-     * React state cycle to ensure accurate index tracking as items are registered within the same
-     * state setting phase.
-     */
+    shouldCalculateOverflow: boolean;
     initialSelectedIds: import("@workday/canvas-kit-react/collection").SelectedIds;
     initialUnselectedIds: string[];
     selection: import("@workday/canvas-kit-react/collection").SelectionManager;
@@ -4001,7 +4002,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
             isVirtualized: boolean;
             items: import("@workday/canvas-kit-react/collection").Item<any>[];
             mode: "multiple" | "single";
-        };
+        }; /**
+         * The default Tabs sub-components only handle rendering of tabs in a horizontal orientation, but
+         * the sub-components could be replaced to handle vertical orientations.
+         * @default 'horizontal'
+         */
         events: {
             updatePlacement(data: {
                 placement: import("@popperjs/core").Placement;
@@ -5462,11 +5467,7 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
     };
     initialHiddenIds: string[];
     containerWidth: number;
-    shouldCalculateOverflow: boolean; /**
-     * A React.Ref of the current item index. A ref is used to allow for updating outside the normal
-     * React state cycle to ensure accurate index tracking as items are registered within the same
-     * state setting phase.
-     */
+    shouldCalculateOverflow: boolean;
     initialSelectedIds: import("@workday/canvas-kit-react/collection").SelectedIds;
     initialUnselectedIds: string[];
     selection: import("@workday/canvas-kit-react/collection").SelectionManager;
@@ -5755,7 +5756,11 @@ export declare const useTabsModel: (<TT_Special_Generic>(config?: (Partial<{
             isVirtualized: boolean;
             items: import("@workday/canvas-kit-react/collection").Item<any>[];
             mode: "multiple" | "single";
-        };
+        }; /**
+         * The default Tabs sub-components only handle rendering of tabs in a horizontal orientation, but
+         * the sub-components could be replaced to handle vertical orientations.
+         * @default 'horizontal'
+         */
         events: {
             updatePlacement(data: {
                 placement: import("@popperjs/core").Placement;

package/dist/commonjs/preview-react/tabs/lib/useTabsModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabsModel.d.ts","sourceRoot":"","sources":["../../../../../tabs/lib/useTabsModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B;;;GAGG;AACH,eAAO,MAAM,uBAAuB,sBAAsB,CAAC;AAE3D;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY;IAGrB;;;;;OAKG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAqKH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;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"}