@workday/canvas-kit-preview-react 5.3.0 → 5.3.4

package/breadcrumbs/lib/Breadcrumbs/List/hooks.ts

@@ -15,8 +15,8 @@ export const useCollapse = <E extends HTMLElement>(listEl: React.RefObject<E>, m
 };
 
 const getBreadcrumbLink = (breadcrumb: React.ReactElement) => {
-  return Children.toArray(breadcrumb.props.children).filter(child => {
-    return React.isValidElement(child) && child.type === BreadcrumbLink;
+  return Children.toArray(breadcrumb.props.children).filter((child: React.ReactElement) => {
+    return child.type === BreadcrumbLink;
   })[0] as React.ReactElement;
 };
 
@@ -58,7 +58,7 @@ export const useBuildCollapsedList = <E extends HTMLElement>(
       // We should make this match work better
       const listItemNode = listItemNodes[index];
 
-      // We might need to allow folks to spread more props from the link
+      // We might need to allow folks to spead more props from the link
       listItems.push({
         index: index, // TODO: use unique identifiers instead of indices
         link: breadcrumbLink?.props?.href || '',
@@ -70,8 +70,8 @@ export const useBuildCollapsedList = <E extends HTMLElement>(
 
     // don't collapse the root breadcrumb
     const collapsibleListItems = listItems.slice(1);
-    const collapsedList = buildCollapsedList(collapsibleListItems, containerWidth, maxWidth);
-    setCollapsedItems(collapsedList);
+    const collaspedList = buildCollapsedList(collapsibleListItems, containerWidth, maxWidth);
+    setCollapsedItems(collaspedList);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [maxWidth]);
 

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

@@ -9,7 +9,7 @@ export declare const useBuildCollapsedList: <E extends HTMLElement>(listEl: Reac
 };
 export declare const useTruncateTooltip: (ref?: React.RefObject<HTMLSpanElement> | undefined) => {
     isTooltipOpen: boolean;
-    openTooltip: (event: React.MouseEvent<Element, MouseEvent> | React.FocusEvent<Element, Element>) => void;
+    openTooltip: (event: React.MouseEvent<Element, MouseEvent> | React.FocusEvent<Element>) => void;
     closeTooltip: () => void;
     shouldShowTooltip: boolean;
     tooltipProps: {

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

@@ -21,7 +21,7 @@ exports.useCollapse = function (listEl, maxWidth) {
 };
 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;
+        return child.type === Link_1.BreadcrumbLink;
     })[0];
 };
 var buildCollapsedList = function (list, containerWidth, maxWidth, collapsedList) {
@@ -51,7 +51,7 @@ exports.useBuildCollapsedList = function (listEl, children, maxWidth) {
             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
+            // We might need to allow folks to spead 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) || '',
@@ -62,8 +62,8 @@ exports.useBuildCollapsedList = function (listEl, children, maxWidth) {
         });
         // don't collapse the root breadcrumb
         var collapsibleListItems = listItems.slice(1);
-        var collapsedList = buildCollapsedList(collapsibleListItems, containerWidth, maxWidth);
-        setCollapsedItems(collapsedList);
+        var collaspedList = buildCollapsedList(collapsibleListItems, containerWidth, maxWidth);
+        setCollapsedItems(collaspedList);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [maxWidth]);
     var collapsedItemIndices = collapsedItems.map(function (child) { return child.index; });

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

@@ -9,7 +9,7 @@ export declare const useBuildCollapsedList: <E extends HTMLElement>(listEl: Reac
 };
 export declare const useTruncateTooltip: (ref?: React.RefObject<HTMLSpanElement> | undefined) => {
     isTooltipOpen: boolean;
-    openTooltip: (event: React.MouseEvent<Element, MouseEvent> | React.FocusEvent<Element, Element>) => void;
+    openTooltip: (event: React.MouseEvent<Element, MouseEvent> | React.FocusEvent<Element>) => void;
     closeTooltip: () => void;
     shouldShowTooltip: boolean;
     tooltipProps: {

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

@@ -12,7 +12,7 @@ export var useCollapse = function (listEl, maxWidth) {
 };
 var getBreadcrumbLink = function (breadcrumb) {
     return Children.toArray(breadcrumb.props.children).filter(function (child) {
-        return React.isValidElement(child) && child.type === BreadcrumbLink;
+        return child.type === BreadcrumbLink;
     })[0];
 };
 var buildCollapsedList = function (list, containerWidth, maxWidth, collapsedList) {
@@ -42,7 +42,7 @@ export var useBuildCollapsedList = function (listEl, children, maxWidth) {
             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
+            // We might need to allow folks to spead 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) || '',
@@ -53,8 +53,8 @@ export var useBuildCollapsedList = function (listEl, children, maxWidth) {
         });
         // don't collapse the root breadcrumb
         var collapsibleListItems = listItems.slice(1);
-        var collapsedList = buildCollapsedList(collapsibleListItems, containerWidth, maxWidth);
-        setCollapsedItems(collapsedList);
+        var collaspedList = buildCollapsedList(collapsibleListItems, containerWidth, maxWidth);
+        setCollapsedItems(collaspedList);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [maxWidth]);
     var collapsedItemIndices = collapsedItems.map(function (child) { return child.index; });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-preview-react",
-  "version": "5.3.0",
+  "version": "5.3.4",
   "description": "Canvas Kit Preview is made up of components that have the full design and a11y review, are part of the DS ecosystem and are approved for use in product. The API's could be subject to change, but not without strong communication and migration strategies.",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -54,14 +54,14 @@
     "@emotion/core": "^10.0.28",
     "@emotion/styled": "^10.0.27",
     "@types/uuid": "^3.4.4",
-    "@workday/canvas-kit-react": "^5.3.0",
+    "@workday/canvas-kit-react": "^5.3.4",
     "@workday/canvas-system-icons-web": "1.0.41",
     "@workday/design-assets-types": "^0.2.4",
     "uuid": "^3.3.3"
   },
   "devDependencies": {
     "@workday/canvas-accent-icons-web": "^1.0.0",
-    "@workday/canvas-kit-labs-react": "^5.3.0"
+    "@workday/canvas-kit-labs-react": "^5.3.4"
   },
-  "gitHead": "0cf3030eb73935b5679f8c9bb79fb6178a721a4a"
+  "gitHead": "4816e7af5053c69d3dc6f302d0205b4259ffe943"
 }

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

@@ -9,7 +9,7 @@ export declare const useBuildCollapsedList: <E extends HTMLElement>(listEl: Reac
 };
 export declare const useTruncateTooltip: (ref?: React.RefObject<HTMLSpanElement> | undefined) => {
     isTooltipOpen: boolean;
-    openTooltip: (event: React.MouseEvent<Element, MouseEvent> | React.FocusEvent<Element, Element>) => void;
+    openTooltip: (event: React.MouseEvent<Element, MouseEvent> | React.FocusEvent<Element>) => void;
     closeTooltip: () => void;
     shouldShowTooltip: boolean;
     tooltipProps: {

package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts

@@ -9,7 +9,7 @@ export declare const useBuildCollapsedList: <E extends HTMLElement>(listEl: Reac
 };
 export declare const useTruncateTooltip: (ref?: React.RefObject<HTMLSpanElement> | undefined) => {
     isTooltipOpen: boolean;
-    openTooltip: (event: React.MouseEvent<Element, MouseEvent> | React.FocusEvent<Element, Element>) => void;
+    openTooltip: (event: React.MouseEvent<Element, MouseEvent> | React.FocusEvent<Element>) => void;
     closeTooltip: () => void;
     shouldShowTooltip: boolean;
     tooltipProps: {