@workday/canvas-kit-react 8.0.0-alpha.198-next.0 → 8.0.0-alpha.203-next.3

package/dist/es6/breadcrumbs/lib/Breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;gCAIpB;;;;;;OAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAzCL;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;+DA0DD;;;;;;;;;;;;;;;;;;mBAkBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA9EL;;mBAEG;;;;;;;;;;;;;;;;;;;;;;;;mEA0DD;;;;;;;;;;;;;;;;;;uBAkBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA3CH;;;;;;OAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAzCL;;mBAEG;;;;;;;;;;;;;;;;;;;;;;;;mEA0DD;;;;;;;;;;;;;;;;;;uBAkBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAnCH;;;;;;;;;;;;;;;OAeG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA1DL;;mBAEG;;;;;;;;;;;;;;;;;;;;;;;;mEA0DD;;;;;;;;;;;;;;;;;;uBAkBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAlBH;;;;;;;;;;;;;;;;;;OAkBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA9EL;;mBAEG;;;;;;;;;;;;;;;;;;;;;;;;mEA0DD;;;;;;;;;;;;;;;;;;uBAkBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;OAeG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA/FL;;mBAEG;;;;;;;;;;;;;;;;;;;;;;;;mEA0DD;;;;;;;;;;;;;;;;;;uBAkBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmBH;;;;;;OAMG;;IAEH;;;;;;;;;;;;;;;OAeG;;;;;;;;;;;;;;;;;;;;;;2DA5DH;;;;;;;;;;;;;;;;;;eAkBG;;;;;;;;YA9EL;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;2DA0DD;;;;;;;;;;;;;;;;;;eAkBG;;;;;;;;YA9EL;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAFH;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;+DA0DD;;;;;;;;;;;;;;;;;;mBAkBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA9EL;;eAEG;;;;;;;;;;;;;;;;;;;;;;;;+DA0DD;;;;;;;;;;;;;;;;;;mBAkBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA9EL;;mBAEG;;;;;;;;;;;;;;;;;;;;;;;;mEA0DD;;;;;;;;;;;;;;;;;;uBAkBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA9EL;;mBAEG;;;;;;;;;;;;;;;;;;;;;;;;mEA0DD;;;;;;;;;;;;;;;;;;uBAkBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA9EL;;mBAEG;;;;;;;;;;;;;;;;;;;;;;;;mEA0DD;;;;;;;;;;;;;;;;;;uBAkBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA9EL;;mBAEG;;;;;;;;;;;;;;;;;;;;;;;;mEA0DD;;;;;;;;;;;;;;;;;;uBAkBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA9EL;;mBAEG;;;;;;;;;;;;;;;;;;;;;;;;mEA0DD;;;;;;;;;;;;;;;;;;uBAkBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA9EL;;mBAEG;;;;;;;;;;;;;;;;;;;;;;;;mEA0DD;;;;;;;;;;;;;;;;;;uBAkBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDN,CAAC"}

package/dist/es6/breadcrumbs/lib/Breadcrumbs.js

@@ -0,0 +1,154 @@
+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;
+};
+import * as React from 'react';
+import { createContainer } from '@workday/canvas-kit-react/common';
+import { Menu } from '@workday/canvas-kit-react/menu';
+import { useBreadcrumbsModel } from './hooks/useBreadcrumbsModel';
+import { BreadcrumbsList } from './BreadcrumbsList';
+import { BreadcrumbsOverflowButton } from './BreadcrumbsOverflowButton';
+import { BreadcrumbsItem } from './BreadcrumbsItem';
+import { BreadcrumbsLink } from './BreadcrumbsLink';
+import { BreadcrumbsCurrentItem } from './BreadcrumbsCurrentItem';
+import { BreadcrumbsMenu } from './BreadcrumbsMenu';
+/**
+ * ## Breadcrumbs
+ * ---
+ * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs#examples)
+ *
+ * A compound component that allows users to keep track and maintain awareness
+ * of their location as they navigate through pages, folders, files, etc.
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumbs aria-label="breadcrumbs">
+ *   <Breadcrumbs.List>
+ *     <Breadcrumbs.Item>
+ *       <Breadcrumbs.Link href="/docs">Docs</Breadcrumbs.Link>
+ *     <Breadcrumbs.Item>
+ *     <Breadcrumbs.Item>
+ *       <Breadcrumbs.Link href="/docs/components">Components</Breadcrumbs.Link>
+ *     <Breadcrumbs.Item>
+ *     <Breadcrumbs.CurrentItem>
+ *       <Breadcrumbs.Link href="/docs/components/breadcrumbs">Breadcrumbs</Breadcrumbs.Link>
+ *     <Breadcrumbs.CurrentItem>
+ *   <Breadcrumbs.List>
+ * </Breadcrumbs>
+ * ```
+ */
+export var Breadcrumbs = createContainer('nav')({
+    displayName: 'Breadcrumbs',
+    modelHook: useBreadcrumbsModel,
+    subComponents: {
+        /**
+         * ### Breadcrumbs List
+         * ---
+         * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslist)
+         *
+         * The nav list containing `BreadcrumbItems`
+         */
+        List: BreadcrumbsList,
+        /**
+         * ### Breadcrumbs Item
+         * ---
+         * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsitem)
+         *
+         * List items in `Breadcrumb.List`.
+         * By default, this item is truncated with a tooltip at `350px`,
+         * but that can be customized with the `maxWidth` prop.
+         *
+         * @example
+         * ```tsx
+         * <Breadcrumbs.Item maxWidth={200}>
+         *   <Breadcrumbs.Link href="/docs">Docs</Breadcrumbs.Link>
+         * </Breadcrumbs.Item>
+         * ```
+         */
+        Item: BreadcrumbsItem,
+        /**
+         * ### Breadcrumbs Overflow Button
+         * ---
+         * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
+         *
+         * The toggle button for the Breadcrumbs Menu.
+         * This button is rendered implicitly in the `Breadcrumbs.List` when the list overflows.
+         * However, if you need to pass props to it, you can do so by passing `overflowButtonProps` to the List.
+         *
+         * @example
+         * ```tsx
+         * <Breadcrumbs.List
+         *   overflowButtonProps={{
+         *     'aria-label': 'More breadcrumb links',
+         *     onClick={handleOverflowButtonClick}
+         *   }}
+         * >
+         * ```
+         */
+        OverflowButton: BreadcrumbsOverflowButton,
+        /**
+         * ### Breadcrumbs Current Item
+         * ---
+         * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbscurrentitem)
+         *
+         * The last element in the list of `Breadcrumb.Item`s.
+         * By default, this item is truncated with a tooltip at `350px`,
+         * But that can be customized with the `maxWidth` prop.
+         *
+         * @example
+         * ```tsx
+         * <Breadcrumbs.CurrentItem maxWidth={200}>
+         *   Current Item Text
+         * </Breadcrumbs.CurrentItem>
+         * ```
+         */
+        CurrentItem: BreadcrumbsCurrentItem,
+        /**
+         * ### Breadcrumbs Link
+         * ---
+         * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslink)
+         *
+         * The hyperlink element in each `Breadcrumbs.Item`.
+         */
+        Link: BreadcrumbsLink,
+        /**
+         * ### Breadcrumbs Menu
+         * ---
+         * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsmenu)
+         *
+         * The overflow menu for Breadcrumbs. If there isn't enough room to render all links,
+         * it will automatically overflow items into this menu.
+         * @example
+         * <Breadcrumbs.Menu.Popper>
+         *   <Breadcrumbs.Menu.Card>
+         *     <Breadcrumbs.Menu.List>
+         *       {(item: MyActionItem) => <Breadcrumbs.Menu.Item>{item.text}</Breadcrumbs.Menu.Item>}
+         *     </Breadcrumbs.Menu.List>
+         *   </Breadcrumbs.Menu.Card>
+         * </Breadcrumbs.Menu.Popper>
+         */
+        Menu: BreadcrumbsMenu,
+    },
+})(function (_a, _, model) {
+    var children = _a.children, _b = _a["aria-label"], ariaLabel = _b === void 0 ? 'breadcrumbs' : _b, elemProps = __rest(_a, ["children", 'aria-label']);
+    return (React.createElement(Menu, { model: model.menu },
+        React.createElement("nav", __assign({ role: "navigation", "aria-label": ariaLabel }, elemProps), children)));
+});

package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts

@@ -0,0 +1,212 @@
+import React from 'react';
+import { OverflowTooltipProps } from '@workday/canvas-kit-react/tooltip';
+import { TextProps } from '@workday/canvas-kit-react/text';
+export interface BreadcrumbsCurrentItemProps extends TextProps {
+    tooltipProps?: OverflowTooltipProps;
+}
+export declare const useBreadcrumbsItem: <P extends {}, R>(model: {
+    state: {
+        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("../../collection").Item<any>[];
+    };
+    events: {
+        select(data: {
+            id: string;
+        }): void;
+        selectAll(): void;
+        unselectAll(): void;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): 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;
+        unregisterItem(data: {
+            id: string;
+        }): void;
+        updateItemHeight(data: {
+            value: number;
+        }): void;
+    };
+    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 BreadcrumbsCurrentItem: import("../../common").ElementComponentM<"li", BreadcrumbsCurrentItemProps, {
+    state: {
+        hiddenIds: string[];
+        nonInteractiveIds: string[];
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        itemWidthCache: Record<string, number>;
+        containerWidth: number;
+        overflowTargetWidth: number;
+        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        indexRef: React.MutableRefObject<number>;
+        isVirtualized: boolean;
+        items: import("../../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;
+        goToNext(): void;
+        goToPrevious(): void;
+        goToPreviousRow(): void;
+        goToNextRow(): void;
+        goToFirst(): void;
+        goToLast(): void;
+        goToFirstOfRow(): void;
+        goToLastOfRow(): void;
+        goToNextPage(): void;
+        goToPreviousPage(): void;
+        unregisterItem(data: {
+            id: string;
+        }): void;
+        updateItemHeight(data: {
+            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: import("../..").Visibility;
+            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            unselectedIds: string[];
+            cursorId: string;
+            columnCount: number;
+            UNSTABLE_virtual: {
+                virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+                totalSize: number;
+                scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+                scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+                measure: () => void;
+            };
+            UNSTABLE_defaultItemHeight: number;
+            containerRef: React.RefObject<HTMLDivElement>;
+            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            indexRef: React.MutableRefObject<number>;
+            nonInteractiveIds: string[];
+            isVirtualized: boolean;
+            items: import("../../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;
+            registerItem(data: {
+                item: any;
+                textValue: string;
+            }): 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;
+            unregisterItem(data: {
+                id: string;
+            }): void;
+            updateItemHeight(data: {
+                value: number;
+            }): void;
+        };
+        selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
+        navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
+        getId: (item: any) => string;
+    };
+    selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
+    navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
+    getId: (item: any) => string;
+}>;
+//# sourceMappingURL=BreadcrumbsCurrentItem.d.ts.map

package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsCurrentItem.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsCurrentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAkB,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAMxF,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAE/D,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAcD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAkB9B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBlC,CAAC"}

package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.js

@@ -0,0 +1,57 @@
+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;
+};
+import React from 'react';
+import { styled, createElemPropsHook, useLocalRef, composeHooks, createSubcomponent, ellipsisStyles, useForkRef, } from '@workday/canvas-kit-react/common';
+import { OverflowTooltip } from '@workday/canvas-kit-react/tooltip';
+import { useListItemRegister, useOverflowListItemMeasure, } from '@workday/canvas-kit-react/collection';
+import { useBreadcrumbsModel } from './hooks/useBreadcrumbsModel';
+import { Text } from '@workday/canvas-kit-react/text';
+var ListItem = styled(Text.as('li'))({
+    alignItems: 'center',
+    flexDirection: 'column',
+}, function (_a) {
+    var maxWidth = _a.maxWidth;
+    return (__assign({ maxWidth: maxWidth, display: 'inline-block' }, ellipsisStyles));
+});
+export var useBreadcrumbsItem = composeHooks(createElemPropsHook(useBreadcrumbsModel)(function (_model, ref, elemProps) {
+    var localRef = useLocalRef(useForkRef(ref)).localRef;
+    var shouldShowTooltip = false;
+    var refCurrent = localRef.current;
+    if (refCurrent) {
+        var _a = refCurrent, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;
+        shouldShowTooltip = scrollWidth > clientWidth;
+    }
+    return {
+        tabIndex: shouldShowTooltip ? 0 : undefined,
+        ref: localRef,
+    };
+}), useOverflowListItemMeasure, useListItemRegister);
+export var BreadcrumbsCurrentItem = createSubcomponent('li')({
+    displayName: 'Breadcrumbs.Item',
+    modelHook: useBreadcrumbsModel,
+    elemPropsHook: useBreadcrumbsItem,
+})(function (_a, Element) {
+    var children = _a.children, _b = _a.tooltipProps, tooltipProps = _b === void 0 ? {} : _b, _c = _a.maxWidth, maxWidth = _c === void 0 ? '350px' : _c, elemProps = __rest(_a, ["children", "tooltipProps", "maxWidth"]);
+    return (React.createElement(OverflowTooltip, __assign({}, tooltipProps),
+        React.createElement(ListItem, __assign({ as: Element, typeLevel: "subtext.large", maxWidth: maxWidth, fontWeight: "medium" }, elemProps), children)));
+});

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

@@ -0,0 +1,226 @@
+import * as React from 'react';
+import { FlexProps } from '@workday/canvas-kit-react/layout';
+export interface BreadcrumbsItemProps extends FlexProps {
+    /**
+     * The contents of the action item. This will be the accessible name of the action for screen readers.
+     *
+     * ```tsx
+     * <Breadcrumbs.Item>First Action</Breadcrumbs.Item>
+     * ```
+     */
+    children: React.ReactNode;
+    /**
+     * The identifier of the action. This identifier will be used for correct overflow behavior.
+     * If this property is not provided, it will default to a string representation
+     * of the the zero-based index of the Item when it was initialized.
+     */
+    'data-id'?: string;
+}
+export declare const useBreadcrumbsItem: <P extends {}, R>(model: {
+    state: {
+        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("../../collection").Item<any>[];
+    };
+    events: {
+        select(data: {
+            id: string;
+        }): void;
+        selectAll(): void;
+        unselectAll(): void;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): 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;
+        unregisterItem(data: {
+            id: string;
+        }): void;
+        updateItemHeight(data: {
+            value: number;
+        }): void;
+    };
+    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, {
+    state: {
+        hiddenIds: string[];
+        nonInteractiveIds: string[];
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        itemWidthCache: Record<string, number>;
+        containerWidth: number;
+        overflowTargetWidth: number;
+        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        indexRef: React.MutableRefObject<number>;
+        isVirtualized: boolean;
+        items: import("../../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;
+        goToNext(): void;
+        goToPrevious(): void;
+        goToPreviousRow(): void;
+        goToNextRow(): void;
+        goToFirst(): void;
+        goToLast(): void;
+        goToFirstOfRow(): void;
+        goToLastOfRow(): void;
+        goToNextPage(): void;
+        goToPreviousPage(): void;
+        unregisterItem(data: {
+            id: string;
+        }): void;
+        updateItemHeight(data: {
+            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: import("../..").Visibility;
+            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            unselectedIds: string[];
+            cursorId: string;
+            columnCount: number;
+            UNSTABLE_virtual: {
+                virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+                totalSize: number;
+                scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+                scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+                measure: () => void;
+            };
+            UNSTABLE_defaultItemHeight: number;
+            containerRef: React.RefObject<HTMLDivElement>;
+            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            indexRef: React.MutableRefObject<number>;
+            nonInteractiveIds: string[];
+            isVirtualized: boolean;
+            items: import("../../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;
+            registerItem(data: {
+                item: any;
+                textValue: string;
+            }): 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;
+            unregisterItem(data: {
+                id: string;
+            }): void;
+            updateItemHeight(data: {
+                value: number;
+            }): void;
+        };
+        selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
+        navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
+        getId: (item: any) => string;
+    };
+    selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
+    navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
+    getId: (item: any) => string;
+}> & {
+    Link: import("../../common").ElementComponent<"a", import("./BreadcrumbsLink").BreadcrumbsLinkProps>;
+};
+//# sourceMappingURL=BreadcrumbsItem.d.ts.map

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

@@ -0,0 +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"}