@workday/canvas-kit-react 9.0.0-alpha.368-next.6 → 9.0.0-alpha.382-next.2

package/dist/commonjs/banner/lib/BannerLabel.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -29,28 +18,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BannerLabel = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var layout_1 = require("@workday/canvas-kit-react/layout");
-var hooks_1 = require("./hooks");
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const hooks_1 = require("./hooks");
 exports.BannerLabel = common_1.createSubcomponent('div')({
     displayName: 'Banner.Label',
     modelHook: hooks_1.useBannerModel,
     elemPropsHook: hooks_1.useBannerLabel,
-})(function (_a, Element) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return (React.createElement(layout_1.Flex, __assign({ as: Element, flex: "1 1 0%" }, elemProps), children));
+})(({ children, ...elemProps }, Element) => {
+    return (React.createElement(layout_1.Flex, Object.assign({ as: Element, flex: "1 1 0%" }, elemProps), children));
 });

package/dist/commonjs/banner/lib/hooks/index.d.ts

@@ -1,7 +1,9 @@
+import { getPaletteColors } from './useThemedPalette';
 export * from './useBannerModel';
 export * from './useThemedPalette';
 export * from './useBannerIcon';
 export * from './useBannerLabel';
 export * from './useBannerActionText';
 export * from './useBanner';
+export { getPaletteColors };
 //# sourceMappingURL=index.d.ts.map

package/dist/commonjs/banner/lib/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../banner/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../banner/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAC,gBAAgB,EAAC,CAAC"}

package/dist/commonjs/banner/lib/hooks/index.js

@@ -10,6 +10,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPaletteColors = void 0;
+const useThemedPalette_1 = require("./useThemedPalette");
+Object.defineProperty(exports, "getPaletteColors", { enumerable: true, get: function () { return useThemedPalette_1.getPaletteColors; } });
 __exportStar(require("./useBannerModel"), exports);
 __exportStar(require("./useThemedPalette"), exports);
 __exportStar(require("./useBannerIcon"), exports);

package/dist/commonjs/banner/lib/hooks/useBanner.js

@@ -1,16 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBanner = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var useBannerModel_1 = require("./useBannerModel");
+const common_1 = require("@workday/canvas-kit-react/common");
+const useBannerModel_1 = require("./useBannerModel");
 /**
  * Adds the necessary props to a `Banner` component.
  * Used by the Banner component
  */
-exports.useBanner = common_1.createElemPropsHook(useBannerModel_1.useBannerModel)(function (_a) {
-    var state = _a.state;
+exports.useBanner = common_1.createElemPropsHook(useBannerModel_1.useBannerModel)(({ state }) => {
     return {
-        'aria-describedby': "label-" + state.id,
-        'aria-labelledby': "action-" + state.id,
+        'aria-describedby': `label-${state.id}`,
+        'aria-labelledby': `action-${state.id}`,
     };
 });

package/dist/commonjs/banner/lib/hooks/useBannerActionText.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBannerActionText = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var useBannerModel_1 = require("./useBannerModel");
+const common_1 = require("@workday/canvas-kit-react/common");
+const useBannerModel_1 = require("./useBannerModel");
 /**
  * Adds the necessary props to a `ActionText` component.
  * Used by the Banner.ActionText subcomponent
  */
-exports.useBannerActionText = common_1.createElemPropsHook(useBannerModel_1.useBannerModel)(function (_a) {
-    var state = _a.state;
+exports.useBannerActionText = common_1.createElemPropsHook(useBannerModel_1.useBannerModel)(({ state }) => {
     return {
-        id: "action-" + state.id,
+        id: `action-${state.id}`,
     };
 });

package/dist/commonjs/banner/lib/hooks/useBannerIcon.js

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBannerIcon = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
-var useBannerModel_1 = require("./useBannerModel");
-var useThemedPalette_1 = require("./useThemedPalette");
+const common_1 = require("@workday/canvas-kit-react/common");
+const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
+const useBannerModel_1 = require("./useBannerModel");
+const useThemedPalette_1 = require("./useThemedPalette");
 /**
  * Adds the necessary props to a `Icon` component.
  * Used by the Banner.Icon subcomponent
  */
-exports.useBannerIcon = common_1.createElemPropsHook(useBannerModel_1.useBannerModel)(function (_a) {
-    var state = _a.state;
-    var palette = useThemedPalette_1.useThemedPalette(state.hasError ? 'error' : 'alert');
+exports.useBannerIcon = common_1.createElemPropsHook(useBannerModel_1.useBannerModel)(({ state }) => {
+    const palette = useThemedPalette_1.useThemedPalette(state.hasError ? 'error' : 'alert');
     return {
         icon: state.hasError ? canvas_system_icons_web_1.exclamationCircleIcon : canvas_system_icons_web_1.exclamationTriangleIcon,
         color: palette.contrast,

package/dist/commonjs/banner/lib/hooks/useBannerLabel.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBannerLabel = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var useBannerModel_1 = require("./useBannerModel");
+const common_1 = require("@workday/canvas-kit-react/common");
+const useBannerModel_1 = require("./useBannerModel");
 /**
  * Adds the necessary props to a `Label` component.
  * Used by the Banner.Label subcomponent
  */
-exports.useBannerLabel = common_1.createElemPropsHook(useBannerModel_1.useBannerModel)(function (_a) {
-    var state = _a.state;
+exports.useBannerLabel = common_1.createElemPropsHook(useBannerModel_1.useBannerModel)(({ state }) => {
     return {
-        id: "label-" + state.id,
+        id: `label-${state.id}`,
     };
 });

package/dist/commonjs/banner/lib/hooks/useBannerModel.js

@@ -1,18 +1,7 @@
 "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);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBannerModel = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
+const common_1 = require("@workday/canvas-kit-react/common");
 exports.useBannerModel = common_1.createModelHook({
     defaultConfig: {
         /**
@@ -40,11 +29,14 @@ exports.useBannerModel = common_1.createModelHook({
          */
         id: '',
     },
-})(function (config) {
-    var id = common_1.useUniqueId(config.id);
-    var state = __assign(__assign({}, config), { id: id });
+})(config => {
+    const id = common_1.useUniqueId(config.id);
+    const state = {
+        ...config,
+        id,
+    };
     return {
-        state: state,
+        state,
         events: {},
     };
 });

package/dist/commonjs/banner/lib/hooks/useThemedPalette.d.ts

@@ -5,7 +5,7 @@ interface BackgroundColors {
     hover?: string;
     contrast?: string;
 }
-export declare function getPaletteColors(type: paletteSelection, theme: EmotionCanvasTheme): BackgroundColors;
+export declare const getPaletteColors: (type: paletteSelection, theme: EmotionCanvasTheme) => BackgroundColors;
 export declare const useThemedPalette: (type: paletteSelection) => BackgroundColors;
 export {};
 //# sourceMappingURL=useThemedPalette.d.ts.map

package/dist/commonjs/banner/lib/hooks/useThemedPalette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useThemedPalette.d.ts","sourceRoot":"","sources":["../../../../../banner/lib/hooks/useThemedPalette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,kBAAkB,EAAW,MAAM,kCAAkC,CAAC;AAIlG,aAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;AAEzF,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAmBD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,kBAAkB,GACxB,gBAAgB,CAclB;AAED,eAAO,MAAM,gBAAgB,SAAU,gBAAgB,qBAItD,CAAC"}
+{"version":3,"file":"useThemedPalette.d.ts","sourceRoot":"","sources":["../../../../../banner/lib/hooks/useThemedPalette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,kBAAkB,EAAW,MAAM,kCAAkC,CAAC;AAIlG,aAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;AAEzF,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAmBD,eAAO,MAAM,gBAAgB,SACrB,gBAAgB,SACf,kBAAkB,KACxB,gBAcF,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,gBAAgB,qBAItD,CAAC"}

package/dist/commonjs/banner/lib/hooks/useThemedPalette.js

@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useThemedPalette = exports.getPaletteColors = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var chroma_js_1 = __importDefault(require("chroma-js"));
-var isAccessible = function (foreground, background) {
+const common_1 = require("@workday/canvas-kit-react/common");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const chroma_js_1 = __importDefault(require("chroma-js"));
+const isAccessible = (foreground, background) => {
     return chroma_js_1.default.contrast(foreground, background) >= 3;
 };
-var getPaletteColorsFromTheme = function (palette, fallbackColors) {
+const getPaletteColorsFromTheme = (palette, fallbackColors) => {
     return {
         hover: palette.dark,
         normal: palette.main,
@@ -19,8 +19,8 @@ var getPaletteColorsFromTheme = function (palette, fallbackColors) {
             : fallbackColors === null || fallbackColors === void 0 ? void 0 : fallbackColors.contrast,
     };
 };
-function getPaletteColors(type, theme) {
-    var palette = theme.canvas.palette[type];
+const getPaletteColors = (type, theme) => {
+    const palette = theme.canvas.palette[type];
     switch (type) {
         case 'error': {
             return getPaletteColorsFromTheme(palette, { contrast: tokens_1.colors.frenchVanilla100 });
@@ -32,10 +32,10 @@ function getPaletteColors(type, theme) {
             return getPaletteColorsFromTheme(palette);
         }
     }
-}
+};
 exports.getPaletteColors = getPaletteColors;
-var useThemedPalette = function (type) {
-    var theme = common_1.useTheme();
-    return getPaletteColors(type, theme);
+const useThemedPalette = (type) => {
+    const theme = common_1.useTheme();
+    return exports.getPaletteColors(type, theme);
 };
 exports.useThemedPalette = useThemedPalette;

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

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -29,29 +18,18 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Breadcrumbs = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var menu_1 = require("@workday/canvas-kit-react/menu");
-var useBreadcrumbsModel_1 = require("./hooks/useBreadcrumbsModel");
-var BreadcrumbsList_1 = require("./BreadcrumbsList");
-var BreadcrumbsOverflowButton_1 = require("./BreadcrumbsOverflowButton");
-var BreadcrumbsItem_1 = require("./BreadcrumbsItem");
-var BreadcrumbsLink_1 = require("./BreadcrumbsLink");
-var BreadcrumbsCurrentItem_1 = require("./BreadcrumbsCurrentItem");
-var BreadcrumbsMenu_1 = require("./BreadcrumbsMenu");
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const menu_1 = require("@workday/canvas-kit-react/menu");
+const useBreadcrumbsModel_1 = require("./hooks/useBreadcrumbsModel");
+const BreadcrumbsList_1 = require("./BreadcrumbsList");
+const BreadcrumbsOverflowButton_1 = require("./BreadcrumbsOverflowButton");
+const BreadcrumbsItem_1 = require("./BreadcrumbsItem");
+const BreadcrumbsLink_1 = require("./BreadcrumbsLink");
+const BreadcrumbsCurrentItem_1 = require("./BreadcrumbsCurrentItem");
+const BreadcrumbsMenu_1 = require("./BreadcrumbsMenu");
 /**
  * `Breadcrumbs` is a container component that is responsible for creating a
  * {@link BreadcrumbsModel} and sharing it with its subcomponents using React context. It also
@@ -191,8 +169,7 @@ exports.Breadcrumbs = common_1.createContainer('nav')({
          */
         Menu: BreadcrumbsMenu_1.BreadcrumbsMenu,
     },
-})(function (_a, _, model) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
+})(({ children, ...elemProps }, _, model) => {
     return (React.createElement(menu_1.Menu, { model: model.menu },
-        React.createElement("nav", __assign({ role: "navigation" }, elemProps), children)));
+        React.createElement("nav", Object.assign({ role: "navigation" }, elemProps), children)));
 });

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

@@ -1,43 +1,21 @@
 "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.BreadcrumbsCurrentItem = exports.useBreadcrumbsItem = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var tooltip_1 = require("@workday/canvas-kit-react/tooltip");
-var collection_1 = require("@workday/canvas-kit-react/collection");
-var useBreadcrumbsModel_1 = require("./hooks/useBreadcrumbsModel");
-var text_1 = require("@workday/canvas-kit-react/text");
-exports.useBreadcrumbsItem = common_1.composeHooks(common_1.createElemPropsHook(useBreadcrumbsModel_1.useBreadcrumbsModel)(function (_model, ref, elemProps) {
-    var localRef = common_1.useLocalRef(common_1.useForkRef(ref)).localRef;
-    var shouldShowTooltip = false;
-    var refCurrent = localRef.current;
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const tooltip_1 = require("@workday/canvas-kit-react/tooltip");
+const collection_1 = require("@workday/canvas-kit-react/collection");
+const useBreadcrumbsModel_1 = require("./hooks/useBreadcrumbsModel");
+const text_1 = require("@workday/canvas-kit-react/text");
+exports.useBreadcrumbsItem = common_1.composeHooks(common_1.createElemPropsHook(useBreadcrumbsModel_1.useBreadcrumbsModel)((_model, ref, elemProps) => {
+    const { localRef } = common_1.useLocalRef(common_1.useForkRef(ref));
+    let shouldShowTooltip = false;
+    const refCurrent = localRef.current;
     if (refCurrent) {
-        var _a = refCurrent, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;
+        const { scrollWidth, clientWidth } = refCurrent;
         shouldShowTooltip = scrollWidth > clientWidth;
     }
     return {
@@ -49,8 +27,7 @@ exports.BreadcrumbsCurrentItem = common_1.createSubcomponent('li')({
     displayName: 'Breadcrumbs.Item',
     modelHook: useBreadcrumbsModel_1.useBreadcrumbsModel,
     elemPropsHook: exports.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_1.default.createElement(tooltip_1.OverflowTooltip, __assign({}, tooltipProps),
-        react_1.default.createElement(text_1.Text, __assign({ as: Element, typeLevel: "subtext.large", fontWeight: "medium", display: "inline-block", maxWidth: maxWidth, whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden" }, elemProps), children)));
+})(({ children, tooltipProps = {}, maxWidth = '350px', ...elemProps }, Element) => {
+    return (react_1.default.createElement(tooltip_1.OverflowTooltip, Object.assign({}, tooltipProps),
+        react_1.default.createElement(text_1.Text, Object.assign({ as: Element, typeLevel: "subtext.large", fontWeight: "medium", display: "inline-block", maxWidth: maxWidth, whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden" }, elemProps), children)));
 });

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

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

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

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

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

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