@workday/canvas-kit-preview-react 8.0.0 → 8.0.2

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.js

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDropdown = exports.useFocusActiveItemElement = void 0;
-var react_1 = require("react");
-var common_1 = require("@workday/canvas-kit-react/common");
-var popup_1 = require("@workday/canvas-kit-react/popup");
-var useFocusActiveItemElement = function (activeDropdownItemRef) {
-    react_1.useLayoutEffect(function () {
-        if (activeDropdownItemRef.current) {
-            return activeDropdownItemRef.current.focus();
-        }
-    });
-};
-exports.useFocusActiveItemElement = useFocusActiveItemElement;
-var initialActiveItem = {
-    index: 0,
-    link: '',
-    text: '',
-    width: 0,
-};
-var useDropdown = function (activeDropdownItemRef, items, buttonId) {
-    // state
-    var _a = react_1.useState(initialActiveItem), activeDropdownItem = _a[0], setActiveDropdownItem = _a[1];
-    // behaviors
-    var model = popup_1.usePopupModel({
-        initialFocusRef: activeDropdownItemRef,
-    });
-    popup_1.useCloseOnOutsideClick(model);
-    popup_1.useCloseOnEscape(model);
-    popup_1.useReturnFocus(model);
-    exports.useFocusActiveItemElement(activeDropdownItemRef);
-    var handleButtonKeyUp = function (e) {
-        if (e.key === 'Enter') {
-            setActiveDropdownItem(items[0]);
-        }
-    };
-    var resetMenuFocus = function () {
-        model.events.hide();
-        common_1.changeFocus(model.state.targetRef.current);
-    };
-    var findActiveDropdownItemByIndex = function (index) {
-        return items.filter(function (item) { return item.index === index; })[0];
-    };
-    var toggleActiveItemUp = function () {
-        var previousItem = findActiveDropdownItemByIndex(activeDropdownItem.index - 1);
-        if (!previousItem) {
-            return resetMenuFocus();
-        }
-        return setActiveDropdownItem(previousItem);
-    };
-    var toggleActiveItemDown = function () {
-        var nextItem = findActiveDropdownItemByIndex(activeDropdownItem.index + 1);
-        if (!nextItem) {
-            return setActiveDropdownItem(items[0]);
-        }
-        return setActiveDropdownItem(nextItem);
-    };
-    var uniqueButtonId = common_1.useUniqueId(buttonId);
-    var dropdownButtonProps = popup_1.usePopupTarget(model, {
-        id: uniqueButtonId,
-        toggled: model.state.visibility !== 'hidden',
-        onKeyUp: handleButtonKeyUp,
-    });
-    var dropdownMenuProps = {
-        'aria-labelledby': uniqueButtonId,
-        dropdownItems: items,
-        activeDropdownItem: activeDropdownItem,
-        activeDropdownItemRef: activeDropdownItemRef,
-        setActiveDropdownItem: setActiveDropdownItem,
-        resetFocus: resetMenuFocus,
-        toggleActiveItemUp: toggleActiveItemUp,
-        toggleActiveItemDown: toggleActiveItemDown,
-    };
-    var popperProps = popup_1.usePopupPopper(model);
-    return { dropdownButtonProps: dropdownButtonProps, dropdownMenuProps: dropdownMenuProps, popperProps: popperProps };
-};
-exports.useDropdown = useDropdown;

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts

@@ -1,8 +0,0 @@
-import { Breadcrumb } from '../types';
-import { DropdownButtonProps } from './Button';
-export interface DropdownProps extends Pick<DropdownButtonProps, 'buttonIcon'> {
-    buttonAriaLabel: string;
-    items?: Breadcrumb[];
-}
-export declare const Dropdown: ({ buttonAriaLabel, buttonIcon, items }: DropdownProps) => JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAKpC,OAAO,EAAiB,mBAAmB,EAAC,MAAM,UAAU,CAAC;AAG7D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC;IAC5E,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,2CAA+C,aAAa,gBAuBhF,CAAC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.js

@@ -1,37 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dropdown = void 0;
-var react_1 = __importDefault(require("react"));
-var popup_1 = require("@workday/canvas-kit-react/popup");
-var hooks_1 = require("../hooks");
-var hooks_2 = require("./hooks");
-var Button_1 = require("./Button");
-var Menu_1 = require("./Menu");
-var Dropdown = function (_a) {
-    var buttonAriaLabel = _a.buttonAriaLabel, buttonIcon = _a.buttonIcon, _b = _a.items, items = _b === void 0 ? [] : _b;
-    // refs
-    var activeDropdownItemRef = react_1.default.useRef(null);
-    // behaviors
-    var _c = hooks_2.useDropdown(activeDropdownItemRef, items), dropdownButtonProps = _c.dropdownButtonProps, dropdownMenuProps = _c.dropdownMenuProps, popperProps = _c.popperProps;
-    var shouldUseRTL = hooks_1.useRTL().shouldUseRTL;
-    var placement = shouldUseRTL ? 'bottom-end' : 'bottom-start';
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Button_1.DropdownButton, __assign({ "aria-label": buttonAriaLabel, buttonIcon: buttonIcon }, dropdownButtonProps)),
-        react_1.default.createElement(popup_1.Popper, __assign({ placement: placement }, popperProps),
-            react_1.default.createElement(Menu_1.DropdownMenu, __assign({}, dropdownMenuProps)))));
-};
-exports.Dropdown = Dropdown;

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { DropdownButtonProps } from '../Dropdown/Button';
-export interface CollapsibleListProps extends React.HTMLAttributes<HTMLUListElement>, Pick<DropdownButtonProps, 'buttonIcon'> {
-    /**
-     * The accessibility label for the dropdown menu button.
-     *
-     * Suggested value: "more links"
-     */
-    buttonAriaLabel: string;
-    /**
-     * The max-width before the list should collapse and render a dropdown menu
-     */
-    maxWidth: number;
-}
-export declare const CollapsibleList: ({ children, buttonIcon, buttonAriaLabel, maxWidth, ...props }: CollapsibleListProps) => JSX.Element;
-//# sourceMappingURL=Collapsible.d.ts.map

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAO9C,OAAO,EAAC,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AASvD,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAC5C,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC;IACzC;;;;OAIG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,kEAMzB,oBAAoB,gBA4BtB,CAAC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.js

@@ -1,78 +0,0 @@
-"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]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __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.CollapsibleList = void 0;
-var react_1 = __importStar(require("react"));
-// local components
-var Dropdown_1 = require("../Dropdown");
-var ListItem_1 = require("./ListItem");
-var index_1 = require("./index");
-// hooks
-var hooks_1 = require("./hooks");
-var parseListItems = function (children) {
-    var childArray = react_1.Children.toArray(children);
-    var _a = childArray, rootItem = _a[0], length = _a.length, _b = length - 1, currentItem = _a[_b];
-    var collapsibleItems = childArray.slice(1, -1);
-    return { rootItem: rootItem, collapsibleItems: collapsibleItems, currentItem: currentItem };
-};
-var CollapsibleList = function (_a) {
-    var children = _a.children, buttonIcon = _a.buttonIcon, buttonAriaLabel = _a.buttonAriaLabel, maxWidth = _a.maxWidth, props = __rest(_a, ["children", "buttonIcon", "buttonAriaLabel", "maxWidth"]);
-    // refs
-    var listRef = react_1.useRef(null);
-    // behaviors
-    var shouldCollapseList = hooks_1.useCollapse(listRef, maxWidth).shouldCollapseList;
-    var _b = hooks_1.useBuildCollapsedList(listRef, children, maxWidth), collapsedItems = _b.collapsedItems, collapsedItemIndices = _b.collapsedItemIndices;
-    var _c = parseListItems(children), rootItem = _c.rootItem, collapsibleItems = _c.collapsibleItems, currentItem = _c.currentItem;
-    return (react_1.default.createElement(index_1.BreadcrumbsList, __assign({ ref: listRef }, props),
-        rootItem,
-        shouldCollapseList && (react_1.default.createElement(ListItem_1.BreadcrumbsListItem, null,
-            react_1.default.createElement(Dropdown_1.Dropdown, { buttonAriaLabel: buttonAriaLabel, buttonIcon: buttonIcon, items: collapsedItems }))),
-        collapsibleItems.map(function (item, i) {
-            if (collapsedItemIndices.indexOf(i + 1) !== -1) {
-                return;
-            }
-            return item;
-        }),
-        currentItem));
-};
-exports.CollapsibleList = CollapsibleList;

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export interface CurrentItemProps extends React.HTMLAttributes<HTMLLIElement> {
-    /**
-     * The max-width of the text
-     *
-     * @default 350px
-     */
-    maxWidth?: number;
-}
-export declare const CurrentItem: ({ children, maxWidth, ...elemProps }: CurrentItemProps) => JSX.Element;
-//# sourceMappingURL=CurrentItem.d.ts.map

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CurrentItem.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/CurrentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;IAC3E;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAiBD,eAAO,MAAM,WAAW,yCAAwC,gBAAgB,gBA8B/E,CAAC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.js

@@ -1,49 +0,0 @@
-"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.CurrentItem = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var tooltip_1 = require("@workday/canvas-kit-react/tooltip");
-var popup_1 = require("@workday/canvas-kit-react/popup");
-var hooks_1 = require("./hooks");
-var styles_1 = require("./styles");
-var ListItem = common_1.styled('li')(__assign(__assign({ display: 'flex', alignItems: 'center', flexDirection: 'column', textAlign: 'left' }, tokens_1.type.levels.subtext.large), { fontWeight: 500 }), function (_a) {
-    var maxWidth = _a.maxWidth;
-    return (__assign({}, styles_1.truncateStyles(maxWidth)));
-});
-var CurrentItem = function (_a) {
-    var children = _a.children, maxWidth = _a.maxWidth, elemProps = __rest(_a, ["children", "maxWidth"]);
-    var ref = react_1.default.useRef(null);
-    var _b = hooks_1.useTruncateTooltip(ref), isTooltipOpen = _b.isTooltipOpen, openTooltip = _b.openTooltip, closeTooltip = _b.closeTooltip, shouldShowTooltip = _b.shouldShowTooltip, tooltipProps = _b.tooltipProps;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(ListItem, __assign({ ref: ref, maxWidth: maxWidth, onMouseEnter: openTooltip, onMouseLeave: closeTooltip, onFocus: openTooltip, onBlur: closeTooltip }, (shouldShowTooltip && { tabIndex: 0 }), elemProps), children),
-        react_1.default.createElement(popup_1.Popper, { open: isTooltipOpen, anchorElement: ref, placement: "top" },
-            react_1.default.createElement(tooltip_1.TooltipContainer, __assign({}, tooltipProps), children))));
-};
-exports.CurrentItem = CurrentItem;

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-export interface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    /**
-     * The href url of the anchor tag
-     */
-    href: string;
-    /**
-     * The max-width of the link text
-     *
-     * @default 350px
-     */
-    maxWidth?: number;
-    /**
-     * A handler function for overriding hard-redirects with links
-     */
-    onAction?: (href: string) => void;
-}
-export declare const BreadcrumbLink: ({ maxWidth, onAction, onClick, href, children, ...props }: BreadcrumbLinkProps) => JSX.Element;
-//# sourceMappingURL=Link.d.ts.map

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAeD,eAAO,MAAM,cAAc,8DAOxB,mBAAmB,gBAwCrB,CAAC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.js

@@ -1,66 +0,0 @@
-"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.BreadcrumbLink = 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 tokens_1 = require("@workday/canvas-kit-react/tokens");
-var tooltip_1 = require("@workday/canvas-kit-react/tooltip");
-var popup_1 = require("@workday/canvas-kit-react/popup");
-var hooks_1 = require("./hooks");
-var styles_1 = require("./styles");
-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({}, styles_1.truncateStyles(maxWidth)));
-});
-var BreadcrumbLink = function (_a) {
-    var maxWidth = _a.maxWidth, onAction = _a.onAction, onClick = _a.onClick, href = _a.href, children = _a.children, props = __rest(_a, ["maxWidth", "onAction", "onClick", "href", "children"]);
-    var ref = react_1.default.useRef(null);
-    var _b = hooks_1.useTruncateTooltip(ref), isTooltipOpen = _b.isTooltipOpen, openTooltip = _b.openTooltip, closeTooltip = _b.closeTooltip, tooltipProps = _b.tooltipProps;
-    var handleClick = function (event) {
-        event.preventDefault();
-        // allow an override to the hard redirect
-        if (onAction) {
-            onAction(href);
-        }
-        else {
-            // default to hard redirecting
-            window.location.href = href;
-        }
-        // don't block the onClick event if it's provided
-        if (onClick) {
-            onClick(event);
-        }
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(StyledLink, __assign({ ref: ref, maxWidth: maxWidth, onMouseEnter: openTooltip, onMouseLeave: closeTooltip, onFocus: openTooltip, onBlur: closeTooltip, href: href, role: "link", onClick: handleClick }, props), children),
-        react_1.default.createElement(popup_1.Popper, { open: isTooltipOpen, anchorElement: ref, placement: "top" },
-            react_1.default.createElement(tooltip_1.TooltipContainer, __assign({}, tooltipProps), children))));
-};
-exports.BreadcrumbLink = BreadcrumbLink;

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare type ListItemProps = React.HTMLAttributes<HTMLLIElement>;
-export declare const BreadcrumbsListItem: ({ children, ...props }: ListItemProps) => JSX.Element;
-//# sourceMappingURL=ListItem.d.ts.map

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,oBAAY,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;AAEhE,eAAO,MAAM,mBAAmB,wDAmB/B,CAAC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.js

@@ -1,43 +0,0 @@
-"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.BreadcrumbsListItem = void 0;
-var react_1 = __importDefault(require("react"));
-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 hooks_1 = require("../hooks");
-var layout_1 = require("@workday/canvas-kit-react/layout");
-var BreadcrumbsListItem = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    var shouldUseRTL = hooks_1.useRTL().shouldUseRTL;
-    var icon = shouldUseRTL ? canvas_system_icons_web_1.chevronLeftSmallIcon : canvas_system_icons_web_1.chevronRightSmallIcon;
-    return (react_1.default.createElement(layout_1.Flex, __assign({ as: "li", alignItems: "center" }, props),
-        children,
-        react_1.default.createElement(icon_1.SystemIcon, { icon: icon, color: tokens_1.colors.licorice200, colorHover: tokens_1.colors.licorice200, size: 20, height: 32, width: 32, styles: { justifyContent: 'center', alignItems: 'center', display: 'inline-flex' }, "aria-hidden": true })));
-};
-exports.BreadcrumbsListItem = BreadcrumbsListItem;

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { Breadcrumb } from '../types';
-export declare const useCollapse: <E extends HTMLElement>(listEl: React.RefObject<E>, maxWidth?: number) => {
-    shouldCollapseList: boolean;
-};
-export declare const useBuildCollapsedList: <E extends HTMLElement>(listEl: React.RefObject<E>, children: React.ReactNode, maxWidth: number) => {
-    collapsedItems: Breadcrumb[];
-    collapsedItemIndices: number[];
-};
-export declare const useTruncateTooltip: (ref?: React.RefObject<HTMLSpanElement> | undefined) => {
-    isTooltipOpen: boolean;
-    openTooltip: (event: React.MouseEvent | React.FocusEvent) => void;
-    closeTooltip: () => void;
-    shouldShowTooltip: boolean;
-    tooltipProps: {
-        role: string;
-    };
-};
-//# sourceMappingURL=hooks.d.ts.map

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAG5E,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpC,eAAO,MAAM,WAAW;;CASvB,CAAC;AA2BF,eAAO,MAAM,qBAAqB,gEAEtB,MAAM,SAAS,YACf,MAAM;;;CAmCjB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;yBASD,gBAAgB,GAAG,gBAAgB;;;;;;CAuBhE,CAAC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.js

@@ -1,116 +0,0 @@
-"use strict";
-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]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTruncateTooltip = exports.useBuildCollapsedList = exports.useCollapse = void 0;
-var react_1 = __importStar(require("react"));
-var Link_1 = require("./Link");
-var useCollapse = function (listEl, maxWidth) {
-    if (maxWidth === void 0) { maxWidth = 0; }
-    var _a = react_1.useState(false), shouldCollapseList = _a[0], setShouldCollapseList = _a[1];
-    react_1.useLayoutEffect(function () {
-        var _a;
-        var listWidth = ((_a = listEl.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
-        setShouldCollapseList(listWidth > maxWidth);
-    }, [listEl, maxWidth]);
-    return { shouldCollapseList: shouldCollapseList };
-};
-exports.useCollapse = useCollapse;
-var getBreadcrumbLink = function (breadcrumb) {
-    return react_1.Children.toArray(breadcrumb.props.children).filter(function (child) {
-        return react_1.default.isValidElement(child) && child.type === Link_1.BreadcrumbLink;
-    })[0];
-};
-var buildCollapsedList = function (list, containerWidth, maxWidth, collapsedList) {
-    if (collapsedList === void 0) { collapsedList = []; }
-    // TODO: Calculate expander width dynamically
-    var EXPANDER_WIDTH = 66;
-    // recurse over the breadcrumb items until the containerWidth is less than or equal to the maxWidth
-    if (!list.length || containerWidth + EXPANDER_WIDTH <= maxWidth) {
-        return collapsedList;
-    }
-    var firstCrumb = list[0], restList = list.slice(1);
-    var updatedCollapsedList = collapsedList.concat(firstCrumb);
-    var adjustedWidth = containerWidth - firstCrumb.width;
-    return buildCollapsedList(restList, adjustedWidth, maxWidth, updatedCollapsedList);
-};
-var useBuildCollapsedList = function (listEl, children, maxWidth) {
-    var _a = react_1.useState([]), collapsedItems = _a[0], setCollapsedItems = _a[1];
-    react_1.useLayoutEffect(function () {
-        var listItemNodes = listEl.current ? listEl.current.querySelectorAll('li') : [];
-        var containerWidth = listEl.current ? listEl.current.clientWidth : 0;
-        var listItems = [];
-        react_1.Children.forEach(children, function (child, index) {
-            var _a, _b;
-            if (!react_1.default.isValidElement(child)) {
-                return;
-            }
-            var breadcrumbLink = getBreadcrumbLink(child);
-            // We should make this match work better
-            var listItemNode = listItemNodes[index];
-            // We might need to allow folks to spread more props from the link
-            listItems.push({
-                index: index,
-                link: ((_a = breadcrumbLink === null || breadcrumbLink === void 0 ? void 0 : breadcrumbLink.props) === null || _a === void 0 ? void 0 : _a.href) || '',
-                text: listItemNode ? listItemNode.innerText : '',
-                width: listItemNode ? listItemNode.clientWidth : 0,
-                onAction: (_b = breadcrumbLink === null || breadcrumbLink === void 0 ? void 0 : breadcrumbLink.props) === null || _b === void 0 ? void 0 : _b.onAction,
-            });
-        });
-        // don't collapse the root breadcrumb
-        var collapsibleListItems = listItems.slice(1);
-        var collapsedList = buildCollapsedList(collapsibleListItems, containerWidth, maxWidth);
-        setCollapsedItems(collapsedList);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [maxWidth]);
-    var collapsedItemIndices = collapsedItems.map(function (child) { return child.index; });
-    return { collapsedItems: collapsedItems, collapsedItemIndices: collapsedItemIndices };
-};
-exports.useBuildCollapsedList = useBuildCollapsedList;
-var useTruncateTooltip = function (ref) {
-    var _a = react_1.useState(false), isTooltipOpen = _a[0], setIsTooltipOpen = _a[1];
-    var _b = react_1.useState(false), shouldShowTooltip = _b[0], setShouldShowTooltip = _b[1];
-    react_1.useEffect(function () {
-        if (ref === null || ref === void 0 ? void 0 : ref.current) {
-            setShouldShowTooltip(ref.current.scrollWidth > ref.current.clientWidth);
-        }
-    }, [ref]);
-    var openTooltip = function (event) {
-        var currentTarget = event.currentTarget;
-        // if the target is truncated, show the tooltip
-        if (currentTarget.scrollWidth > currentTarget.clientWidth) {
-            setIsTooltipOpen(true);
-        }
-    };
-    var closeTooltip = function () {
-        setIsTooltipOpen(false);
-    };
-    var tooltipProps = {
-        role: 'tooltip',
-    };
-    return {
-        isTooltipOpen: isTooltipOpen,
-        openTooltip: openTooltip,
-        closeTooltip: closeTooltip,
-        shouldShowTooltip: shouldShowTooltip,
-        tooltipProps: tooltipProps,
-    };
-};
-exports.useTruncateTooltip = useTruncateTooltip;

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare type BreadcrumbsListProps = React.HTMLAttributes<HTMLUListElement>;
-export declare const BreadcrumbsList: import("@workday/canvas-kit-react/common").ElementComponent<"ul", BreadcrumbsListProps>;
-//# sourceMappingURL=index.d.ts.map

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAE1E,eAAO,MAAM,eAAe,yFAqB1B,CAAC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts

@@ -1,3 +0,0 @@
-import { CSSObject } from '@emotion/styled';
-export declare const truncateStyles: (maxWidth?: number) => CSSObject;
-//# sourceMappingURL=styles.d.ts.map

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAK1C,eAAO,MAAM,cAAc,cAAc,MAAM,KAAuB,SAMpE,CAAC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.truncateStyles = void 0;
-// default max-width for truncating text
-var DEFAULT_MAX_WIDTH = 350;
-var truncateStyles = function (maxWidth) {
-    if (maxWidth === void 0) { maxWidth = DEFAULT_MAX_WIDTH; }
-    return ({
-        display: 'inline-block',
-        maxWidth: maxWidth,
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        whiteSpace: 'nowrap',
-    });
-};
-exports.truncateStyles = truncateStyles;

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export interface BreadcrumbsNavProps extends React.HTMLAttributes<HTMLElement> {
-    /**
-     * The accessibility label to indicate the type of navigation.
-     *
-     * Suggested value: "breadcrumb"
-     */
-    'aria-label': string;
-}
-export declare const BreadcrumbsNav: ({ "aria-label": ariaLabel, ...elemProps }: BreadcrumbsNavProps) => JSX.Element;
-//# sourceMappingURL=Nav.d.ts.map

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/Breadcrumbs/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E;;;;OAIG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,8CAA6C,mBAAmB,gBAE1F,CAAC"}