@workday/canvas-kit-react 8.0.0-alpha.253-next.22 → 8.0.0-alpha.428-next.2

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.d.ts

@@ -16,12 +16,20 @@ export interface BreadcrumbsItemProps extends FlexProps {
      */
     'data-id'?: string;
 }
-export declare const useBreadcrumbsItem: <P extends {}, R>(model: {
+export declare const useBreadcrumbsItem: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        hiddenIds: string[];
+        itemWidthCache: Record<string, number>;
+        containerWidth: number;
+        overflowTargetWidth: number;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -32,22 +40,37 @@ export declare const useBreadcrumbsItem: <P extends {}, R>(model: {
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
         id: string;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
-        items: import("../../collection").Item<any>[];
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
     };
     events: {
         select(data: {
             id: string;
         }): void;
+        setContainerWidth(data: {
+            width?: number | undefined;
+        }): void;
+        setOverflowTargetWidth(data: {
+            width: number;
+        }): void;
+        addItemWidth(data: {
+            id: string;
+            width: number;
+        }): void;
+        removeItemWidth(data: {
+            id: string;
+        }): void;
+        addHiddenKey(data: {
+            id: string;
+        }): void;
+        removeHiddenKey(data: {
+            id: string;
+        }): void;
         selectAll(): void;
         unselectAll(): void;
-        registerItem(data: {
-            item: any;
-            textValue: string;
-        }): void;
         goTo(data: {
             id: string;
         }): void;
@@ -61,6 +84,10 @@ export declare const useBreadcrumbsItem: <P extends {}, R>(model: {
         goToLastOfRow(): void;
         goToNextPage(): void;
         goToPreviousPage(): void;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): void;
         unregisterItem(data: {
             id: string;
         }): void;
@@ -71,10 +98,25 @@ export declare const useBreadcrumbsItem: <P extends {}, R>(model: {
     selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
     navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
     getId: (item: any) => string;
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-export declare const BreadcrumbsItem: import("../../common").ElementComponentM<"li", BreadcrumbsItemProps, {
+}, {
+    ref: (instance: HTMLElement | null) => void;
+    'aria-hidden': true | undefined;
+    style: {};
+} & {
+    inert: string | undefined;
+    disabled: undefined;
+} & {
+    ref: (instance: HTMLElement | null) => void;
+    'data-id': string;
+    disabled: boolean | undefined;
+    item: null;
+    virtual: null;
+    'aria-setsize': number | undefined;
+    'aria-posinset': number | undefined;
+    style: React.CSSProperties;
+    id: string;
+}>;
+export declare const BreadcrumbsItem: import("@workday/canvas-kit-react/common").ElementComponentM<"li", BreadcrumbsItemProps, {
     state: {
         hiddenIds: string[];
         nonInteractiveIds: string[];
@@ -82,10 +124,14 @@ export declare const BreadcrumbsItem: import("../../common").ElementComponentM<"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -98,7 +144,7 @@ export declare const BreadcrumbsItem: import("../../common").ElementComponentM<"
         id: string;
         indexRef: React.MutableRefObject<number>;
         isVirtualized: boolean;
-        items: import("../../collection").Item<any>[];
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
     };
     events: {
         select(data: {
@@ -125,10 +171,6 @@ export declare const BreadcrumbsItem: import("../../common").ElementComponentM<"
         }): void;
         selectAll(): void;
         unselectAll(): void;
-        registerItem(data: {
-            item: any;
-            textValue: string;
-        }): void;
         goTo(data: {
             id: string;
         }): void;
@@ -142,6 +184,10 @@ export declare const BreadcrumbsItem: import("../../common").ElementComponentM<"
         goToLastOfRow(): void;
         goToNextPage(): void;
         goToPreviousPage(): void;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): void;
         unregisterItem(data: {
             id: string;
         }): void;
@@ -157,11 +203,15 @@ export declare const BreadcrumbsItem: import("../../common").ElementComponentM<"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
+            pageSizeRef: React.MutableRefObject<number>;
+            cursorIndexRef: {
+                readonly current: number;
+            };
             UNSTABLE_virtual: {
                 virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
                 totalSize: number;
@@ -171,11 +221,11 @@ export declare const BreadcrumbsItem: import("../../common").ElementComponentM<"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
-            items: import("../../collection").Item<any>[];
+            items: import("@workday/canvas-kit-react/collection").Item<any>[];
             mode: "multiple" | "single";
         };
         events: {
@@ -189,10 +239,6 @@ export declare const BreadcrumbsItem: import("../../common").ElementComponentM<"
             }): void;
             selectAll(): void;
             unselectAll(): void;
-            registerItem(data: {
-                item: any;
-                textValue: string;
-            }): void;
             goTo(data: {
                 id: string;
             }): void;
@@ -206,6 +252,10 @@ export declare const BreadcrumbsItem: import("../../common").ElementComponentM<"
             goToLastOfRow(): void;
             goToNextPage(): void;
             goToPreviousPage(): void;
+            registerItem(data: {
+                item: any;
+                textValue: string;
+            }): void;
             unregisterItem(data: {
                 id: string;
             }): void;
@@ -221,6 +271,6 @@ export declare const BreadcrumbsItem: import("../../common").ElementComponentM<"
     navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
     getId: (item: any) => string;
 }> & {
-    Link: import("../../common").ElementComponent<"a", import("./BreadcrumbsLink").BreadcrumbsLinkProps>;
+    Link: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("./BreadcrumbsLink").BreadcrumbsLinkProps>;
 };
 //# sourceMappingURL=BreadcrumbsItem.d.ts.map

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAO,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAOjE,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD;;;;;;OAMG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoB9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwB1B,CAAC"}
+{"version":3,"file":"BreadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAO,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAOjE,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD;;;;;;OAMG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoB9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwB1B,CAAC"}

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -29,38 +18,25 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BreadcrumbsItem = exports.useBreadcrumbsItem = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var collection_1 = require("@workday/canvas-kit-react/collection");
-var layout_1 = require("@workday/canvas-kit-react/layout");
-var icon_1 = require("@workday/canvas-kit-react/icon");
-var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var useBreadcrumbsModel_1 = require("./hooks/useBreadcrumbsModel");
-var BreadcrumbsLink_1 = require("./BreadcrumbsLink");
-exports.useBreadcrumbsItem = common_1.composeHooks(collection_1.useOverflowListItemMeasure, collection_1.useListItemRegister, common_1.createElemPropsHook(useBreadcrumbsModel_1.useBreadcrumbsModel)(function (_a, _, elemProps) {
-    var _b;
-    var state = _a.state;
-    if (elemProps === void 0) { elemProps = {}; }
-    var localId = React.useState(elemProps['data-id'] || ((_b = elemProps.item) === null || _b === void 0 ? void 0 : _b.id) || '')[0];
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const collection_1 = require("@workday/canvas-kit-react/collection");
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const icon_1 = require("@workday/canvas-kit-react/icon");
+const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const useBreadcrumbsModel_1 = require("./hooks/useBreadcrumbsModel");
+const BreadcrumbsLink_1 = require("./BreadcrumbsLink");
+exports.useBreadcrumbsItem = common_1.composeHooks(collection_1.useOverflowListItemMeasure, common_1.createElemPropsHook(useBreadcrumbsModel_1.useBreadcrumbsModel)(({ state }, _, elemProps = {}) => {
+    var _a;
+    const [localId] = React.useState(elemProps['data-id'] || ((_a = elemProps.item) === null || _a === void 0 ? void 0 : _a.id) || '');
     return {
         inert: state.nonInteractiveIds.includes(localId) ? '' : undefined,
         disabled: undefined,
     };
-}));
+}), collection_1.useListItemRegister);
 exports.BreadcrumbsItem = common_1.createSubcomponent('li')({
     displayName: 'Breadcrumbs.Item',
     modelHook: useBreadcrumbsModel_1.useBreadcrumbsModel,
@@ -68,9 +44,8 @@ exports.BreadcrumbsItem = common_1.createSubcomponent('li')({
     subComponents: {
         Link: BreadcrumbsLink_1.BreadcrumbsLink,
     },
-})(function (_a, Element) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return (React.createElement(layout_1.Flex, __assign({ as: Element, alignItems: "center", whiteSpace: "nowrap" }, elemProps),
+})(({ children, ...elemProps }, Element) => {
+    return (React.createElement(layout_1.Flex, Object.assign({ as: Element, alignItems: "center", whiteSpace: "nowrap" }, elemProps),
         children,
         React.createElement(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.chevronRightSmallIcon, color: tokens_1.colors.licorice200, colorHover: tokens_1.colors.licorice200, size: 20, height: tokens_1.space.l, width: tokens_1.space.l, shouldMirror: common_1.useIsRTL(), styles: { justifyContent: 'center', alignItems: 'center', display: 'inline-flex' }, "aria-hidden": true })));
 });

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsLink.d.ts

@@ -13,5 +13,5 @@ export interface BreadcrumbsLinkProps extends React.AnchorHTMLAttributes<HTMLAnc
     maxWidth?: number;
     tooltipProps?: OverflowTooltipProps | {};
 }
-export declare const BreadcrumbsLink: import("../../common").ElementComponent<"a", BreadcrumbsLinkProps>;
+export declare const BreadcrumbsLink: import("@workday/canvas-kit-react/common").ElementComponent<"a", BreadcrumbsLinkProps>;
 //# sourceMappingURL=BreadcrumbsLink.d.ts.map

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsLink.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAkB,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAGxF,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACzF;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,oBAAoB,GAAG,EAAE,CAAC;CAC1C;AAgBD,eAAO,MAAM,eAAe,oEAiB1B,CAAC"}
+{"version":3,"file":"BreadcrumbsLink.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAkB,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAGxF,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACzF;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,oBAAoB,GAAG,EAAE,CAAC;CAC1C;AAgBD,eAAO,MAAM,eAAe,wFAiB1B,CAAC"}

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsLink.js

@@ -1,46 +1,25 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BreadcrumbsLink = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var button_1 = require("@workday/canvas-kit-react/button");
-var tooltip_1 = require("@workday/canvas-kit-react/tooltip");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var _a = tokens_1.type.levels.subtext.large, color = _a.color, subtextLargeStyles = __rest(_a, ["color"]);
-var StyledLink = common_1.styled(button_1.Hyperlink)(__assign({}, subtextLargeStyles), function (_a) {
-    var maxWidth = _a.maxWidth;
-    return (__assign({ maxWidth: maxWidth }, common_1.ellipsisStyles));
-});
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const button_1 = require("@workday/canvas-kit-react/button");
+const tooltip_1 = require("@workday/canvas-kit-react/tooltip");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const { color, ...subtextLargeStyles } = tokens_1.type.levels.subtext.large;
+const StyledLink = common_1.styled(button_1.Hyperlink)({
+    ...subtextLargeStyles,
+}, ({ maxWidth }) => ({
+    maxWidth,
+    ...common_1.ellipsisStyles,
+}));
 exports.BreadcrumbsLink = common_1.createComponent('a')({
     displayName: 'Breadcrumbs.Link',
-    Component: function (_a) {
-        var _b = _a.maxWidth, maxWidth = _b === void 0 ? 350 : _b, href = _a.href, _c = _a.tooltipProps, tooltipProps = _c === void 0 ? {} : _c, children = _a.children, props = __rest(_a, ["maxWidth", "href", "tooltipProps", "children"]);
-        return (react_1.default.createElement(tooltip_1.OverflowTooltip, __assign({}, tooltipProps),
-            react_1.default.createElement(StyledLink, __assign({ maxWidth: maxWidth, href: href, role: "link" }, props), children)));
+    Component: ({ maxWidth = 350, href, tooltipProps = {}, children, ...props }) => {
+        return (react_1.default.createElement(tooltip_1.OverflowTooltip, Object.assign({}, tooltipProps),
+            react_1.default.createElement(StyledLink, Object.assign({ maxWidth: maxWidth, href: href, role: "link" }, props), children)));
     },
 });

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
 import { Flex } from '@workday/canvas-kit-react/layout';
-export interface BreadcrumbsListProps<T = any> extends Omit<Partial<ExtractProps<typeof Flex, never>>, 'children'> {
+export interface BreadcrumbsListProps<T = any> extends Omit<ExtractProps<typeof Flex, never>, 'children'> {
     overflowButton?: React.ReactNode;
     /**
      * If items are passed to a `BreadcrumbsModel`, the child of `Breadcrumbs.List` should be a render prop. The
@@ -14,7 +14,7 @@ export interface BreadcrumbsListProps<T = any> extends Omit<Partial<ExtractProps
      */
     children: ((item: T, index: number) => React.ReactNode) | React.ReactNode;
 }
-export declare const BreadcrumbsList: import("../../common").ElementComponentM<"ul", BreadcrumbsListProps<any>, {
+export declare const BreadcrumbsList: import("@workday/canvas-kit-react/common").ElementComponentM<"ul", BreadcrumbsListProps<any>, {
     state: {
         hiddenIds: string[];
         nonInteractiveIds: string[];
@@ -22,10 +22,14 @@ export declare const BreadcrumbsList: import("../../common").ElementComponentM<"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -38,7 +42,7 @@ export declare const BreadcrumbsList: import("../../common").ElementComponentM<"
         id: string;
         indexRef: React.MutableRefObject<number>;
         isVirtualized: boolean;
-        items: import("../../collection").Item<any>[];
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
     };
     events: {
         select(data: {
@@ -65,10 +69,6 @@ export declare const BreadcrumbsList: import("../../common").ElementComponentM<"
         }): void;
         selectAll(): void;
         unselectAll(): void;
-        registerItem(data: {
-            item: any;
-            textValue: string;
-        }): void;
         goTo(data: {
             id: string;
         }): void;
@@ -82,6 +82,10 @@ export declare const BreadcrumbsList: import("../../common").ElementComponentM<"
         goToLastOfRow(): void;
         goToNextPage(): void;
         goToPreviousPage(): void;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): void;
         unregisterItem(data: {
             id: string;
         }): void;
@@ -97,11 +101,15 @@ export declare const BreadcrumbsList: import("../../common").ElementComponentM<"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
+            pageSizeRef: React.MutableRefObject<number>;
+            cursorIndexRef: {
+                readonly current: number;
+            };
             UNSTABLE_virtual: {
                 virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
                 totalSize: number;
@@ -111,11 +119,11 @@ export declare const BreadcrumbsList: import("../../common").ElementComponentM<"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
-            items: import("../../collection").Item<any>[];
+            items: import("@workday/canvas-kit-react/collection").Item<any>[];
             mode: "multiple" | "single";
         };
         events: {
@@ -129,10 +137,6 @@ export declare const BreadcrumbsList: import("../../common").ElementComponentM<"
             }): void;
             selectAll(): void;
             unselectAll(): void;
-            registerItem(data: {
-                item: any;
-                textValue: string;
-            }): void;
             goTo(data: {
                 id: string;
             }): void;
@@ -146,6 +150,10 @@ export declare const BreadcrumbsList: import("../../common").ElementComponentM<"
             goToLastOfRow(): void;
             goToNextPage(): void;
             goToPreviousPage(): void;
+            registerItem(data: {
+                item: any;
+                textValue: string;
+            }): void;
             unregisterItem(data: {
                 id: string;
             }): void;

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsList.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAMtD,MAAM,WAAW,oBAAoB,CAAC,CAAC,GAAG,GAAG,CAC3C,SAAQ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;IACnE,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC3E;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0B1B,CAAC"}
+{"version":3,"file":"BreadcrumbsList.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAKtD,MAAM,WAAW,oBAAoB,CAAC,CAAC,GAAG,GAAG,CAC3C,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAC1D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC3E;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0B1B,CAAC"}

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -29,34 +18,22 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BreadcrumbsList = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var layout_1 = require("@workday/canvas-kit-react/layout");
-var collection_1 = require("@workday/canvas-kit-react/collection");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var useBreadcrumbsModel_1 = require("./hooks/useBreadcrumbsModel");
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const collection_1 = require("@workday/canvas-kit-react/collection");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const useBreadcrumbsModel_1 = require("./hooks/useBreadcrumbsModel");
 exports.BreadcrumbsList = common_1.createSubcomponent('ul')({
     displayName: 'Breadcrumbs.List',
     modelHook: useBreadcrumbsModel_1.useBreadcrumbsModel,
     elemPropsHook: collection_1.useOverflowListMeasure,
-})(function (_a, Element, model) {
-    var overflowButton = _a.overflowButton, children = _a.children, elemProps = __rest(_a, ["overflowButton", "children"]);
-    var items = collection_1.useListRenderItems(model, children);
-    var splitIndex = items.length - 2;
-    return (React.createElement(layout_1.Flex, __assign({ as: Element, padding: "zero", margin: "zero", display: "inline-flex", alignItems: "center", minHeight: tokens_1.space.xl, listStyle: "none", role: "list", width: "100%" }, elemProps),
+})(({ overflowButton, children, ...elemProps }, Element, model) => {
+    const items = collection_1.useListRenderItems(model, children);
+    const splitIndex = items.length - 2;
+    return (React.createElement(layout_1.Flex, Object.assign({ as: Element, padding: "zero", margin: "zero", display: "inline-flex", alignItems: "center", minHeight: tokens_1.space.xl, listStyle: "none", role: "list", width: "100%" }, elemProps),
         items.length ? items.slice(0, splitIndex) : items,
         overflowButton,
         items.length ? items.slice(splitIndex, items.length) : null));