@workday/canvas-kit-react 7.0.0-alpha.92-next.19 → 7.0.0-alpha.94-next.20

package/dist/commonjs/tabs/lib/Tabs.js

@@ -31,7 +31,7 @@ exports.Tabs = common_1.createContainer()({
          * <Tabs.Menu.Popper>
          *   <Tabs.Menu.Card>
          *     <Tabs.Menu.List>
-         *       {(item: MyTabItem) => <Tabs.Menu.Item name={item.id}>{item.text}</Tabs.Menu.Item>}
+         *       {(item: MyTabItem) => <Tabs.Menu.Item data-id={item.id}>{item.text}</Tabs.Menu.Item>}
          *     </Tabs.Menu.List>
          *   </Tabs.Menu.Card>
          * </Tabs.Menu.Popper>

package/dist/commonjs/tabs/lib/TabsItem.d.ts

@@ -76,7 +76,7 @@ export declare const useTabsItem: <P extends {}, R>(model: {
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
-        items: import("../../collection/lib/useBaseListModel").Item<any>[];
+        items: import("../../collection").Item<any>[];
     };
     events: {
         registerItem(data: {
@@ -112,7 +112,7 @@ export declare const TabsItem: import("../../common").ElementComponentM<"button"
     state: {
         getId: (item: any) => string;
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
-        panels: import("../../collection/lib/useBaseListModel").Item<any>[];
+        panels: import("../../collection").Item<any>[];
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
@@ -135,7 +135,7 @@ export declare const TabsItem: import("../../common").ElementComponentM<"button"
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
-        items: import("../../collection/lib/useBaseListModel").Item<any>[];
+        items: import("../../collection").Item<any>[];
     };
     events: {
         registerPanel: (data: {
@@ -219,7 +219,7 @@ export declare const TabsItem: import("../../common").ElementComponentM<"button"
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
-            items: import("../../collection/lib/useBaseListModel").Item<any>[];
+            items: import("../../collection").Item<any>[];
             mode: "multiple" | "single";
         };
         events: {

package/dist/commonjs/tabs/lib/TabsList.d.ts

@@ -8,7 +8,7 @@ export interface TabListProps<T = unknown> extends Partial<ExtractProps<typeof S
      *
      * @example
      * <Tabs.List>
-     *   {(item) => <Tabs.Item key={item.id} name={item.name}>{item.text}</Tabs.Item>}
+     *   {(item) => <Tabs.Item>{item.text}</Tabs.Item>}
      * </Tabs.List>
      */
     children: ((item: T) => React.ReactNode) | React.ReactNode;
@@ -34,7 +34,7 @@ export declare const useTabsList: <P extends {}, R>(model: {
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
-        items: import("../../collection/lib/useBaseListModel").Item<any>[];
+        items: import("../../collection").Item<any>[];
     };
     events: {
         select(data: {
@@ -76,7 +76,7 @@ export declare const TabsList: import("../../common").ElementComponentM<"div", T
     state: {
         getId: (item: any) => string;
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
-        panels: import("../../collection/lib/useBaseListModel").Item<any>[];
+        panels: import("../../collection").Item<any>[];
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
@@ -99,7 +99,7 @@ export declare const TabsList: import("../../common").ElementComponentM<"div", T
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
-        items: import("../../collection/lib/useBaseListModel").Item<any>[];
+        items: import("../../collection").Item<any>[];
     };
     events: {
         registerPanel: (data: {
@@ -183,7 +183,7 @@ export declare const TabsList: import("../../common").ElementComponentM<"div", T
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
-            items: import("../../collection/lib/useBaseListModel").Item<any>[];
+            items: import("../../collection").Item<any>[];
             mode: "multiple" | "single";
         };
         events: {

package/dist/commonjs/tabs/lib/TabsMenuPopper.d.ts

@@ -58,7 +58,7 @@ export declare const TabsMenuPopper: import("../../common").ElementComponentM<"d
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
-        items: import("../../collection/lib/useBaseListModel").Item<any>[];
+        items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     };
     events: {

package/dist/commonjs/tabs/lib/TabsOverflowButton.d.ts

@@ -29,7 +29,7 @@ export declare const useTabsOverflowButton: <P extends {}, R>(model: {
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
-        items: import("../../collection/lib/useBaseListModel").Item<any>[];
+        items: import("../../collection").Item<any>[];
     };
     events: {
         select(data: {
@@ -90,7 +90,7 @@ export declare const TabsOverflowButton: import("../../common").ElementComponent
     state: {
         getId: (item: any) => string;
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
-        panels: import("../../collection/lib/useBaseListModel").Item<any>[];
+        panels: import("../../collection").Item<any>[];
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
@@ -113,7 +113,7 @@ export declare const TabsOverflowButton: import("../../common").ElementComponent
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
-        items: import("../../collection/lib/useBaseListModel").Item<any>[];
+        items: import("../../collection").Item<any>[];
     };
     events: {
         registerPanel: (data: {
@@ -197,7 +197,7 @@ export declare const TabsOverflowButton: import("../../common").ElementComponent
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
-            items: import("../../collection/lib/useBaseListModel").Item<any>[];
+            items: import("../../collection").Item<any>[];
             mode: "multiple" | "single";
         };
         events: {

package/dist/commonjs/tabs/lib/TabsOverflowButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsOverflowButton.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsOverflowButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAUjC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAW7B,CAAC"}
+{"version":3,"file":"TabsOverflowButton.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsOverflowButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAQjC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAW7B,CAAC"}

package/dist/commonjs/tabs/lib/TabsOverflowButton.js

@@ -50,8 +50,7 @@ var collection_1 = require("@workday/canvas-kit-react/collection");
 var menu_1 = require("@workday/canvas-kit-react/menu");
 var useTabsModel_1 = require("./useTabsModel");
 var TabsItem_1 = require("./TabsItem");
-exports.useTabsOverflowButton = common_1.composeHooks(common_1.createElemPropsHook(useTabsModel_1.useTabsModel)(function (model, _, elemProps) {
-    if (elemProps === void 0) { elemProps = {}; }
+exports.useTabsOverflowButton = common_1.composeHooks(common_1.createElemPropsHook(useTabsModel_1.useTabsModel)(function () {
     return {
         'aria-haspopup': true,
     };

package/dist/commonjs/tabs/lib/TabsPanel.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Item } from '@workday/canvas-kit-react/collection';
 import { Box } from '@workday/canvas-kit-react/layout';
 export interface TabPanelProps<T = unknown> extends ExtractProps<typeof Box, never> {
     /**
@@ -25,7 +26,7 @@ export declare const useTabsPanel: <P extends {}, R>(model: {
     state: {
         getId: (item: any) => string;
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
-        panels: import("../../collection/lib/useBaseListModel").Item<any>[];
+        panels: Item<any>[];
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
@@ -48,7 +49,7 @@ export declare const useTabsPanel: <P extends {}, R>(model: {
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
-        items: import("../../collection/lib/useBaseListModel").Item<any>[];
+        items: Item<any>[];
     };
     events: {
         registerPanel: (data: {
@@ -132,7 +133,7 @@ export declare const useTabsPanel: <P extends {}, R>(model: {
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
-            items: import("../../collection/lib/useBaseListModel").Item<any>[];
+            items: Item<any>[];
             mode: "multiple" | "single";
         };
         events: {
@@ -194,7 +195,7 @@ export declare const TabsPanel: import("../../common").ElementComponentM<"div",
     state: {
         getId: (item: any) => string;
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
-        panels: import("../../collection/lib/useBaseListModel").Item<any>[];
+        panels: Item<any>[];
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
@@ -217,7 +218,7 @@ export declare const TabsPanel: import("../../common").ElementComponentM<"div",
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
-        items: import("../../collection/lib/useBaseListModel").Item<any>[];
+        items: Item<any>[];
     };
     events: {
         registerPanel: (data: {
@@ -301,7 +302,7 @@ export declare const TabsPanel: import("../../common").ElementComponentM<"div",
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
-            items: import("../../collection/lib/useBaseListModel").Item<any>[];
+            items: Item<any>[];
             mode: "multiple" | "single";
         };
         events: {

package/dist/commonjs/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,EAIL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAC,MAAM,kCAAkC,CAAC;AAIrD,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IACjF;;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;AAID,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAwBxB,CAAC;AAEF,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,EAIL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,sCAAsC,CAAC;AAC1D,OAAO,EAAC,GAAG,EAAC,MAAM,kCAAkC,CAAC;AAIrD,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IACjF;;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;AAID,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BxB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUpB,CAAC"}

package/dist/commonjs/tabs/lib/TabsPanel.js

@@ -33,24 +33,24 @@ var layout_1 = require("@workday/canvas-kit-react/layout");
 var useTabsModel_1 = require("./useTabsModel");
 var StyledTabsPanel = styled_1.default(layout_1.Box)(common_1.hideMouseFocus);
 exports.useTabsPanel = common_1.createElemPropsHook(useTabsModel_1.useTabsModel)(function (_a, _, elemProps) {
+    var _b;
     var state = _a.state, events = _a.events;
     if (elemProps === void 0) { elemProps = {}; }
-    var name = elemProps['data-id'];
-    var _b = react_1.default.useState(elemProps['data-id'] || ''), tabName = _b[0], setTabName = _b[1];
+    var _c = react_1.default.useState(elemProps['data-id'] || ((_b = elemProps.item) === null || _b === void 0 ? void 0 : _b.id) || ''), localId = _c[0], setLocalId = _c[1];
     common_1.useMountLayout(function () {
-        var index = state.panelIndexRef.current;
-        var tabName = name || String(index);
-        events.registerPanel({ item: { id: tabName }, textValue: '' });
-        setTabName(tabName);
+        var defaultId = state.panelIndexRef.current;
+        var itemId = localId || String(defaultId);
+        events.registerPanel({ item: { id: itemId }, textValue: '' });
+        setLocalId(itemId);
         return function () {
-            events.unregisterPanel({ id: tabName });
+            events.unregisterPanel({ id: itemId });
         };
     });
     return {
         role: 'tabpanel',
-        'aria-labelledby': state.id + "-" + tabName,
-        hidden: !!tabName && tabName !== state.selectedIds[0],
-        id: "tabpanel-" + state.id + "-" + tabName,
+        'aria-labelledby': state.id + "-" + localId,
+        hidden: !!localId && localId !== state.selectedIds[0],
+        id: "tabpanel-" + state.id + "-" + localId,
         tabIndex: 0,
     };
 });

package/dist/commonjs/tabs/lib/TabsPanels.d.ts

@@ -9,7 +9,7 @@ export declare const TabsPanels: import("../../common").ElementComponentM<React.
     state: {
         getId: (item: any) => string;
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
-        panels: import("../../collection/lib/useBaseListModel").Item<any>[];
+        panels: import("../../collection").Item<any>[];
         panelIndexRef: React.MutableRefObject<number>;
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
@@ -32,7 +32,7 @@ export declare const TabsPanels: import("../../common").ElementComponentM<React.
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
-        items: import("../../collection/lib/useBaseListModel").Item<any>[];
+        items: import("../../collection").Item<any>[];
     };
     events: {
         registerPanel: (data: {
@@ -116,7 +116,7 @@ export declare const TabsPanels: import("../../common").ElementComponentM<React.
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
-            items: import("../../collection/lib/useBaseListModel").Item<any>[];
+            items: import("../../collection").Item<any>[];
             mode: "multiple" | "single";
         };
         events: {