@workday/canvas-kit-preview-react 7.0.0-alpha.140-next.6 → 7.0.0-alpha.256-next.2

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,yFAmB1B,CAAC"}

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

@@ -1,26 +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.BreadcrumbsList = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var layout_1 = require("@workday/canvas-kit-react/layout");
-exports.BreadcrumbsList = common_1.createComponent('ul')({
-    displayName: 'BreadcrumbsList',
-    Component: function (elemProps, ref, Element) {
-        return (react_1.default.createElement(layout_1.Flex, __assign({ as: Element, padding: "zero", margin: "zero", display: "inline-flex", alignItems: "center", minHeight: 40, listStyle: "none", style: { boxSizing: 'border-box' }, role: "list", ref: ref }, elemProps)));
-    },
-});

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"}

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

@@ -1,5 +0,0 @@
-import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
-export declare const useRTL: (partialTheme?: PartialEmotionCanvasTheme | undefined) => {
-    shouldUseRTL: boolean;
-};
-//# sourceMappingURL=hooks.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/Breadcrumbs/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAE1C,eAAO,MAAM,MAAM;;CAMlB,CAAC"}

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRTL = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var useRTL = function (partialTheme) {
-    var theme = common_1.useTheme(partialTheme);
-    var shouldUseRTL = theme.canvas.direction === common_1.ContentDirection.RTL;
-    return {
-        shouldUseRTL: shouldUseRTL,
-    };
-};
-exports.useRTL = useRTL;

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

@@ -1,9 +0,0 @@
-export declare const Breadcrumbs: {
-    Nav: ({ "aria-label": ariaLabel, ...elemProps }: import("./Nav").BreadcrumbsNavProps) => JSX.Element;
-    CollapsibleList: ({ children, buttonIcon, buttonAriaLabel, maxWidth, ...props }: import("./List/Collapsible").CollapsibleListProps) => JSX.Element;
-    List: import("@workday/canvas-kit-react/common").ElementComponent<"ul", import("./List").BreadcrumbsListProps>;
-    ListItem: ({ children, ...props }: import("./List/ListItem").ListItemProps) => JSX.Element;
-    Link: ({ maxWidth, onAction, onClick, href, children, ...props }: import("./List/Link").BreadcrumbLinkProps) => JSX.Element;
-    CurrentItem: ({ children, maxWidth, ...elemProps }: import("./List/CurrentItem").CurrentItemProps) => JSX.Element;
-};
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAC"}

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

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Breadcrumbs = void 0;
-var CurrentItem_1 = require("./List/CurrentItem");
-var Link_1 = require("./List/Link");
-var Nav_1 = require("./Nav");
-var Collapsible_1 = require("./List/Collapsible");
-var ListItem_1 = require("./List/ListItem");
-var List_1 = require("./List");
-exports.Breadcrumbs = {
-    Nav: Nav_1.BreadcrumbsNav,
-    CollapsibleList: Collapsible_1.CollapsibleList,
-    List: List_1.BreadcrumbsList,
-    ListItem: ListItem_1.BreadcrumbsListItem,
-    Link: Link_1.BreadcrumbLink,
-    CurrentItem: CurrentItem_1.CurrentItem,
-};

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

@@ -1,8 +0,0 @@
-export interface Breadcrumb extends React.HTMLAttributes<HTMLAnchorElement> {
-    index: number;
-    link: string;
-    text: string;
-    width: number;
-    onAction?: (href: string) => void;
-}
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/Breadcrumbs/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/es6/breadcrumbs/index.d.ts

@@ -1,2 +0,0 @@
-export * from './lib/Breadcrumbs';
-//# sourceMappingURL=index.d.ts.map

package/dist/es6/breadcrumbs/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/es6/breadcrumbs/index.js

@@ -1 +0,0 @@
-export * from './lib/Breadcrumbs';

package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { CanvasSystemIcon } from '@workday/design-assets-types';
-export interface DropdownButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * The accessibility label for the button
-     */
-    'aria-label': string;
-    /**
-     * The Canvas System Icon for the button
-     *
-     * @default relatedActionsIcon
-     */
-    buttonIcon?: CanvasSystemIcon;
-    /**
-     * The boolean to determine whether the button should be in a 'toggled' state
-     */
-    toggled: boolean;
-}
-export declare const DropdownButton: import("@workday/canvas-kit-react/common").ElementComponent<"button", DropdownButtonProps>;
-//# sourceMappingURL=Button.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/Dropdown/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAI9D,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAClF;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,4FA2BzB,CAAC"}

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

@@ -1,63 +0,0 @@
-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 { BaseButton } from '@workday/canvas-kit-react/button';
-import { relatedActionsIcon } from '@workday/canvas-system-icons-web';
-import { createComponent, useTheme } from '@workday/canvas-kit-react/common';
-import { colors, space } from '@workday/canvas-kit-react/tokens';
-export var DropdownButton = createComponent('button')({
-    displayName: 'DropdownButton',
-    Component: function (_a, ref, Element) {
-        var _b = _a.buttonIcon, buttonIcon = _b === void 0 ? relatedActionsIcon : _b, toggled = _a.toggled, elemProps = __rest(_a, ["buttonIcon", "toggled"]);
-        var theme = useTheme();
-        return (React.createElement(BaseButton, __assign({ as: Element, ref: ref, "aria-pressed": undefined, "aria-expanded": toggled, "aria-haspopup": true, "aria-controls": "menu", size: "small", height: space.l, width: space.l, padding: space.zero, colors: getDropdownColors(toggled, theme) }, elemProps),
-            React.createElement(BaseButton.Icon, { icon: buttonIcon })));
-    },
-});
-var getDropdownColors = function (toggled, theme) {
-    var themePrimary = theme.canvas.palette.primary;
-    return {
-        default: {
-            icon: toggled ? themePrimary.main : colors.blackPepper400,
-            label: themePrimary.main,
-        },
-        hover: {
-            background: colors.soap200,
-            icon: toggled ? themePrimary.dark : colors.blackPepper500,
-            label: themePrimary.dark,
-        },
-        active: {
-            background: colors.soap300,
-            icon: toggled ? themePrimary.dark : colors.blackPepper500,
-            label: themePrimary.dark,
-        },
-        focus: {
-            icon: toggled ? themePrimary.main : colors.blackPepper500,
-            label: themePrimary.main,
-        },
-        disabled: {
-            icon: toggled ? themePrimary.main : colors.blackPepper400,
-            label: themePrimary.main,
-        },
-    };
-};

package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import { Breadcrumb } from '../types';
-export interface DropdownMenuProps {
-    /**
-     * The active dropdown item in the menu
-     */
-    activeDropdownItem: Breadcrumb;
-    /**
-     * The HTML `id` of the element that labels the Menu. It should match the id of the menu button.
-     */
-    'aria-labelledby': string;
-    /**
-     * An array of Breadcrumb items to render in the dropdown menu
-     */
-    dropdownItems: Breadcrumb[];
-    /**
-     * A function to set the active dropdown item
-     */
-    setActiveDropdownItem: React.Dispatch<React.SetStateAction<Breadcrumb>>;
-    /**
-     * The ref of the rendered HTMLAnchorElement
-     */
-    activeDropdownItemRef: React.RefObject<HTMLAnchorElement>;
-    /**
-     * A function to return the focus to the dropdown button
-     */
-    resetFocus: () => void;
-    /**
-     * A function to toggle the focus to the previous list item
-     */
-    toggleActiveItemUp: () => void;
-    /**
-     * A function to toggle the focus to the next list item
-     */
-    toggleActiveItemDown: () => void;
-}
-export declare const DropdownMenu: ({ activeDropdownItemRef, activeDropdownItem, dropdownItems, resetFocus, setActiveDropdownItem, toggleActiveItemDown, toggleActiveItemUp, ...elemProps }: DropdownMenuProps) => JSX.Element;
-//# sourceMappingURL=Menu.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAKpC,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,kBAAkB,EAAE,UAAU,CAAC;IAC/B;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,aAAa,EAAE,UAAU,EAAE,CAAC;IAC5B;;OAEG;IACH,qBAAqB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;IACxE;;OAEG;IACH,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC1D;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B;;OAEG;IACH,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC;AAgCD,eAAO,MAAM,YAAY,4JAStB,iBAAiB,gBA4DnB,CAAC"}

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

@@ -1,87 +0,0 @@
-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 } from '@workday/canvas-kit-react/common';
-import { borderRadius, colors, commonColors, depth, space, type, } from '@workday/canvas-kit-react/tokens';
-// local components
-import { DropdownMenuItemLink } from './MenuItemLink';
-import { Box } from '@workday/canvas-kit-react/layout';
-var StyledDropdownMenu = styled(Box)(__assign(__assign(__assign({}, type.levels.subtext.large), depth[3]), { backgroundColor: commonColors.background, border: "1px solid " + colors.soap500, borderRadius: borderRadius.m, boxSizing: 'border-box', display: 'inline-block', marginTop: space.xxxs, maxHeight: 200, outline: 'none', overflowY: 'auto', position: 'relative', width: 'max-content' }));
-var StyledMenuList = styled('ul')({
-    boxSizing: 'border-box',
-    listStyle: 'none',
-    margin: space.xxs + " 0",
-    padding: 0,
-    width: 280,
-    wordBreak: 'break-word',
-    wordWrap: 'break-word',
-});
-var MenuList = function (elemProps) {
-    return React.createElement(StyledMenuList, __assign({ role: "menu" }, elemProps));
-};
-export var DropdownMenu = function (_a) {
-    var activeDropdownItemRef = _a.activeDropdownItemRef, activeDropdownItem = _a.activeDropdownItem, _b = _a.dropdownItems, dropdownItems = _b === void 0 ? [] : _b, resetFocus = _a.resetFocus, setActiveDropdownItem = _a.setActiveDropdownItem, toggleActiveItemDown = _a.toggleActiveItemDown, toggleActiveItemUp = _a.toggleActiveItemUp, elemProps = __rest(_a, ["activeDropdownItemRef", "activeDropdownItem", "dropdownItems", "resetFocus", "setActiveDropdownItem", "toggleActiveItemDown", "toggleActiveItemUp"]);
-    var handleItemKeyUp = function (event) {
-        switch (event.key) {
-            case 'ArrowUp':
-            case 'Up': // IE/Edge specific value
-            case 'ArrowLeft':
-            case 'Left': // IE/Edge specific value
-                toggleActiveItemUp();
-                break;
-            case 'ArrowDown':
-            case 'Down': // IE/Edge specific value
-            case 'ArrowRight':
-            case 'Right': // IE/Edge specific value
-                toggleActiveItemDown();
-                break;
-            default:
-                break;
-        }
-    };
-    var handleItemKeyDown = function (event, item) {
-        switch (event.key) {
-            case 'Tab':
-                event.preventDefault();
-                break;
-            case 'Enter':
-                event.preventDefault();
-                if (item.onAction) {
-                    item.onAction(item.link);
-                    resetFocus();
-                    break;
-                }
-                window.location.href = item.link;
-                break;
-            default:
-                break;
-        }
-    };
-    return (React.createElement(StyledDropdownMenu, null,
-        React.createElement(MenuList, __assign({}, elemProps), dropdownItems.map(function (item, i) {
-            var index = item.index, link = item.link, text = item.text, elemProps = __rest(item, ["index", "link", "text"]);
-            var isFocused = index === activeDropdownItem.index;
-            return (React.createElement("li", { onKeyUp: handleItemKeyUp, onKeyDown: function (e) { return handleItemKeyDown(e, item); }, key: i },
-                React.createElement(DropdownMenuItemLink, __assign({ ref: isFocused ? activeDropdownItemRef : null, href: link }, elemProps), text)));
-        }))));
-};

package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-interface DropdownMenuItemLinkProps extends React.HTMLAttributes<HTMLAnchorElement> {
-    /**
-     * The href url of the anchor tag
-     */
-    href: string;
-    /**
-     * A handler function for overriding hard-redirects with links
-     */
-    onAction?: (href: string) => void;
-}
-export declare const DropdownMenuItemLink: React.ForwardRefExoticComponent<DropdownMenuItemLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-export {};
-//# sourceMappingURL=MenuItemLink.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItemLink.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,UAAU,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IACjF;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAuBD,eAAO,MAAM,oBAAoB,qGA0BhC,CAAC"}

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

@@ -1,51 +0,0 @@
-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, { forwardRef } from 'react';
-import { styled } from '@workday/canvas-kit-react/common';
-import { colors, commonColors, type, typeColors, space } from '@workday/canvas-kit-react/tokens';
-var MenuItemLink = styled('a')(__assign(__assign({}, type.levels.subtext.large), { boxSizing: 'border-box', textAlign: 'left', color: colors.blackPepper300, cursor: 'pointer', display: 'block', outline: 'none', padding: space.xxs + " " + space.s, textDecoration: 'none', transition: 'background-color color 80ms', '&:hover': {
-        backgroundColor: commonColors.hoverBackground,
-    }, '&:focus': {
-        backgroundColor: commonColors.focusBackground,
-        color: typeColors.inverse,
-        outline: 'none',
-    } }));
-export var DropdownMenuItemLink = forwardRef(function (_a, ref) {
-    var children = _a.children, href = _a.href, onAction = _a.onAction, onClick = _a.onClick, elemProps = __rest(_a, ["children", "href", "onAction", "onClick"]);
-    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.createElement(MenuItemLink, __assign({ ref: ref, href: href, role: "menuitem", onClick: handleClick }, elemProps), children));
-});

package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts

@@ -1,13 +0,0 @@
-import { usePopupPopper } from '@workday/canvas-kit-react/popup';
-import { DropdownButtonProps } from './Button';
-import { DropdownMenuProps } from './Menu';
-import { Breadcrumb } from '../types';
-export declare const useFocusActiveItemElement: <E extends HTMLElement>(activeDropdownItemRef: import("react").RefObject<E>) => void;
-interface UseDropdown {
-    dropdownButtonProps: Omit<DropdownButtonProps, 'aria-label'>;
-    dropdownMenuProps: DropdownMenuProps;
-    popperProps: ReturnType<typeof usePopupPopper>;
-}
-export declare const useDropdown: (activeDropdownItemRef: React.RefObject<HTMLAnchorElement>, items: Breadcrumb[], buttonId?: string | undefined) => UseDropdown;
-export {};
-//# sourceMappingURL=hooks.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.ts"],"names":[],"mappings":"AAEA,OAAO,EAML,cAAc,EACf,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAC,mBAAmB,EAAC,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAC,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpC,eAAO,MAAM,yBAAyB,sFAQrC,CAAC;AASF,UAAU,WAAW;IACnB,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;IAC7D,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;CAChD;AAED,eAAO,MAAM,WAAW,0BACC,MAAM,SAAS,CAAC,iBAAiB,CAAC,SAClD,UAAU,EAAE,oCAElB,WAkEF,CAAC"}