@carbon/ibm-products 1.41.0 → 1.41.1

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js

@@ -1,10 +1,9 @@
-/*
- * Licensed Materials - Property of IBM
- * 5724-Q36
- * (c) Copyright IBM Corp. 2021
- * US Government Users Restricted Rights - Use, duplication or disclosure
- * restricted by GSA ADP Schedule Contract with IBM Corp.
+/**
+ * Copyright IBM Corp. 2022, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
  */
 
-export { default as CustomizeColumnsModalWrapper } from './ModalWrapper';
+export { default as CustomizeColumnsTearsheetWrapper } from './TearsheetWrapper';
 export { default as ToggleButtonWrapper } from './ButtonWrapper';

package/es/components/Datagrid/useCustomizeColumns.js

@@ -3,39 +3,37 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-// @flow
-/*
- * Licensed Materials - Property of IBM
- * 5724-Q36
- * (c) Copyright IBM Corp. 2021
- * US Government Users Restricted Rights - Use, duplication or disclosure
- * restricted by GSA ADP Schedule Contract with IBM Corp.
+/**
+ * Copyright IBM Corp. 2022, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
  */
 
 import * as React from 'react';
-import { CustomizeColumnsModalWrapper, ToggleButtonWrapper } from './Datagrid/addons/CustomizeColumns';
+import { CustomizeColumnsTearsheetWrapper, ToggleButtonWrapper } from './Datagrid/addons/CustomizeColumns';
 var useCustomizeColumns = function useCustomizeColumns(hooks) {
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
-    isModalOpen = _React$useState2[0],
-    setIsModalOpen = _React$useState2[1];
+    isTearsheetOpen = _React$useState2[0],
+    setIsTearsheetOpen = _React$useState2[1];
   hooks.useInstance.push(function (instance) {
     var customizeColumnsProps = instance.customizeColumnsProps;
     var _ref = customizeColumnsProps || {},
       labels = _ref.labels;
     Object.assign(instance, {
       customizeColumnsProps: _objectSpread(_objectSpread({}, customizeColumnsProps), {}, {
-        isModalOpen: isModalOpen,
-        setIsModalOpen: setIsModalOpen
+        isTearsheetOpen: isTearsheetOpen,
+        setIsTearsheetOpen: setIsTearsheetOpen
       }),
       CustomizeColumnsButton: function CustomizeColumnsButton(props) {
         return /*#__PURE__*/React.createElement(ToggleButtonWrapper, _extends({
           iconTooltipLabel: labels === null || labels === void 0 ? void 0 : labels.iconTooltipLabel,
-          isModalOpen: isModalOpen,
-          setIsModalOpen: setIsModalOpen
+          isTearsheetOpen: isTearsheetOpen,
+          setIsTearsheetOpen: setIsTearsheetOpen
         }, props));
       },
-      CustomizeColumnsModal: CustomizeColumnsModalWrapper
+      CustomizeColumnsTearsheet: CustomizeColumnsTearsheetWrapper
     });
   });
 };

package/es/components/ImportModal/ImportModal.js

@@ -111,51 +111,49 @@ export var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(evt) {
       var fileName, pendingFile, response, blob, fetchedFile, failedFile;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              evt.preventDefault();
-              fileName = importUrl.substring(importUrl.lastIndexOf('/') + 1).split('?')[0];
-              pendingFile = {
-                name: fileName,
-                status: 'uploading',
-                uuid: uuidv4()
-              };
-              setFiles([pendingFile]);
-              _context.prev = 4;
-              _context.next = 7;
-              return fetch(importUrl);
-            case 7:
-              response = _context.sent;
-              if (!(!response.ok || response.status !== 200)) {
-                _context.next = 10;
-                break;
-              }
-              throw new Error(response.status);
-            case 10:
-              _context.next = 12;
-              return response.blob();
-            case 12:
-              blob = _context.sent;
-              fetchedFile = new File([blob], fileName, {
-                type: blob.type
-              });
-              fetchedFile.invalidFileType = isInvalidFileType(fetchedFile);
-              fetchedFile.uuid = pendingFile.uuid;
-              updateFiles([fetchedFile]);
-              _context.next = 23;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            evt.preventDefault();
+            fileName = importUrl.substring(importUrl.lastIndexOf('/') + 1).split('?')[0];
+            pendingFile = {
+              name: fileName,
+              status: 'uploading',
+              uuid: uuidv4()
+            };
+            setFiles([pendingFile]);
+            _context.prev = 4;
+            _context.next = 7;
+            return fetch(importUrl);
+          case 7:
+            response = _context.sent;
+            if (!(!response.ok || response.status !== 200)) {
+              _context.next = 10;
               break;
-            case 19:
-              _context.prev = 19;
-              _context.t0 = _context["catch"](4);
-              failedFile = _objectSpread(_objectSpread({}, pendingFile), {}, {
-                fetchError: true
-              });
-              updateFiles([failedFile]);
-            case 23:
-            case "end":
-              return _context.stop();
-          }
+            }
+            throw new Error(response.status);
+          case 10:
+            _context.next = 12;
+            return response.blob();
+          case 12:
+            blob = _context.sent;
+            fetchedFile = new File([blob], fileName, {
+              type: blob.type
+            });
+            fetchedFile.invalidFileType = isInvalidFileType(fetchedFile);
+            fetchedFile.uuid = pendingFile.uuid;
+            updateFiles([fetchedFile]);
+            _context.next = 23;
+            break;
+          case 19:
+            _context.prev = 19;
+            _context.t0 = _context["catch"](4);
+            failedFile = _objectSpread(_objectSpread({}, pendingFile), {}, {
+              fetchError: true
+            });
+            updateFiles([failedFile]);
+          case 23:
+          case "end":
+            return _context.stop();
         }
       }, _callee, null, [[4, 19]]);
     }));

package/es/components/index.js

@@ -37,7 +37,7 @@ export { WebTerminal, WebTerminalContentWrapper, useWebTerminal, WebTerminalProv
 export { EditSidePanel } from './EditSidePanel';
 export { OptionsTile } from './OptionsTile';
 export { DataSpreadsheet } from './DataSpreadsheet';
-export { Datagrid, useDatagrid, useInfiniteScroll, useNestedRows, useSelectRows, useExpandedRow, useOnRowClick, useSortableColumns, useRowIsMouseOver, useColumnRightAlign, useDisableSelectRows, useStickyColumn, useActionsColumn, useCustomizeColumns, useSelectAllWithToggle, useColumnOrder, useInlineEdit } from './Datagrid';
+export { Datagrid, useDatagrid, useInfiniteScroll, useNestedRows, useSelectRows, useExpandedRow, useOnRowClick, useSortableColumns, useRowIsMouseOver, useColumnRightAlign, useDisableSelectRows, useStickyColumn, useActionsColumn, useCustomizeColumns, useSelectAllWithToggle, useColumnOrder, useInlineEdit, useFiltering } from './Datagrid';
 export { EditTearsheet } from './EditTearsheet';
 export { EditTearsheetNarrow } from './EditTearsheetNarrow';
 export { EditFullPage } from './EditFullPage';

package/es/global/js/hooks/useCreateComponentFocus.js

@@ -1,3 +1,5 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 /**
  * Copyright IBM Corp. 2021, 2021
  *
@@ -6,29 +8,48 @@
  */
 
 import { useEffect } from 'react';
-import { getFocusableElements } from '../utils/getFocusableElements';
+import wait from '../utils/wait';
 
 // Focus the first focusable element and call the onMount prop for the current step if one is provided
 export var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
   var previousState = _ref.previousState,
     currentStep = _ref.currentStep,
     blockClass = _ref.blockClass,
-    onMount = _ref.onMount;
+    onMount = _ref.onMount,
+    firstFocusElement = _ref.firstFocusElement;
   useEffect(function () {
     if (typeof onMount === 'function') {
       onMount();
     }
   }, [onMount]);
   useEffect(function () {
+    // because of how handleStackChange.claimFocus in TearsheetShell works a timeout is required to focus on specific elements
+    var awaitFocus = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(elm) {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return wait(10);
+            case 2:
+              elm.focus();
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function awaitFocus(_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     if ((previousState === null || previousState === void 0 ? void 0 : previousState.currentStep) !== currentStep && currentStep > 0) {
-      var visibleStepInnerContent = document.querySelector(".".concat(blockClass, "__step.").concat(blockClass, "__step__step--visible-step"));
-      var focusableStepElements = visibleStepInnerContent ? getFocusableElements(visibleStepInnerContent) : [];
-      if (focusableStepElements && focusableStepElements.length) {
-        focusableStepElements[0].focus();
-      } else {
-        var nextButton = document.querySelector(".".concat(blockClass, "__create-button"));
-        nextButton === null || nextButton === void 0 ? void 0 : nextButton.focus();
+      if (firstFocusElement) {
+        var elm = document.querySelector(firstFocusElement);
+        if (elm) {
+          awaitFocus(elm);
+        }
       }
     }
-  }, [currentStep, previousState, blockClass, onMount]);
+  }, [currentStep, previousState, blockClass, onMount, firstFocusElement]);
 };

package/es/global/js/hooks/useCreateComponentStepChange.js

@@ -43,25 +43,23 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
     var handleOnRequestSubmit = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.prev = 0;
-                _context.next = 3;
-                return onRequestSubmit();
-              case 3:
-                onUnmount();
-                _context.next = 10;
-                break;
-              case 6:
-                _context.prev = 6;
-                _context.t0 = _context["catch"](0);
-                setIsSubmitting(false);
-                console.warn("".concat(componentName, " submit error: ").concat(_context.t0));
-              case 10:
-              case "end":
-                return _context.stop();
-            }
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return onRequestSubmit();
+            case 3:
+              onUnmount();
+              _context.next = 10;
+              break;
+            case 6:
+              _context.prev = 6;
+              _context.t0 = _context["catch"](0);
+              setIsSubmitting(false);
+              console.warn("".concat(componentName, " submit error: ").concat(_context.t0));
+            case 10:
+            case "end":
+              return _context.stop();
           }
         }, _callee, null, [[0, 6]]);
       }));
@@ -72,35 +70,33 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
     var handleNext = /*#__PURE__*/function () {
       var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                setIsSubmitting(true);
-                if (!(typeof onNext === 'function')) {
-                  _context2.next = 14;
-                  break;
-                }
-                _context2.prev = 2;
-                _context2.next = 5;
-                return onNext();
-              case 5:
-                continueToNextStep();
-                _context2.next = 12;
-                break;
-              case 8:
-                _context2.prev = 8;
-                _context2.t0 = _context2["catch"](2);
-                setIsSubmitting(false);
-                console.warn("".concat(componentName, " onNext error: ").concat(_context2.t0));
-              case 12:
-                _context2.next = 15;
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              setIsSubmitting(true);
+              if (!(typeof onNext === 'function')) {
+                _context2.next = 14;
                 break;
-              case 14:
-                continueToNextStep();
-              case 15:
-              case "end":
-                return _context2.stop();
-            }
+              }
+              _context2.prev = 2;
+              _context2.next = 5;
+              return onNext();
+            case 5:
+              continueToNextStep();
+              _context2.next = 12;
+              break;
+            case 8:
+              _context2.prev = 8;
+              _context2.t0 = _context2["catch"](2);
+              setIsSubmitting(false);
+              console.warn("".concat(componentName, " onNext error: ").concat(_context2.t0));
+            case 12:
+              _context2.next = 15;
+              break;
+            case 14:
+              continueToNextStep();
+            case 15:
+            case "end":
+              return _context2.stop();
           }
         }, _callee2, null, [[2, 8]]);
       }));
@@ -111,39 +107,37 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
     var handleSubmit = /*#__PURE__*/function () {
       var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                setIsSubmitting(true);
-                // last step should have onNext as well
-                if (!(typeof onNext === 'function')) {
-                  _context3.next = 15;
-                  break;
-                }
-                _context3.prev = 2;
-                _context3.next = 5;
-                return onNext();
-              case 5:
-                _context3.next = 7;
-                return handleOnRequestSubmit();
-              case 7:
-                _context3.next = 13;
-                break;
-              case 9:
-                _context3.prev = 9;
-                _context3.t0 = _context3["catch"](2);
-                setIsSubmitting(false);
-                console.warn("".concat(componentName, " onNext error: ").concat(_context3.t0));
-              case 13:
-                _context3.next = 17;
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              setIsSubmitting(true);
+              // last step should have onNext as well
+              if (!(typeof onNext === 'function')) {
+                _context3.next = 15;
                 break;
-              case 15:
-                _context3.next = 17;
-                return handleOnRequestSubmit();
-              case 17:
-              case "end":
-                return _context3.stop();
-            }
+              }
+              _context3.prev = 2;
+              _context3.next = 5;
+              return onNext();
+            case 5:
+              _context3.next = 7;
+              return handleOnRequestSubmit();
+            case 7:
+              _context3.next = 13;
+              break;
+            case 9:
+              _context3.prev = 9;
+              _context3.t0 = _context3["catch"](2);
+              setIsSubmitting(false);
+              console.warn("".concat(componentName, " onNext error: ").concat(_context3.t0));
+            case 13:
+              _context3.next = 17;
+              break;
+            case 15:
+              _context3.next = 17;
+              return handleOnRequestSubmit();
+            case 17:
+            case "end":
+              return _context3.stop();
           }
         }, _callee3, null, [[2, 9]]);
       }));

package/es/global/js/utils/test-helper.js

@@ -137,20 +137,18 @@ export var expectWarnAsync = /*#__PURE__*/function () {
     var _expect2;
     var warn;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            warn = jest.spyOn(console, 'warn').mockImplementation(jest.fn());
-            _context.next = 3;
-            return test();
-          case 3:
-            expect(warn).toBeCalledTimes(1);
-            (_expect2 = expect(warn)).toHaveBeenCalledWith.apply(_expect2, _toConsumableArray(makeMatcherArray(message)));
-            warn.mockRestore();
-          case 6:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          warn = jest.spyOn(console, 'warn').mockImplementation(jest.fn());
+          _context.next = 3;
+          return test();
+        case 3:
+          expect(warn).toBeCalledTimes(1);
+          (_expect2 = expect(warn)).toHaveBeenCalledWith.apply(_expect2, _toConsumableArray(makeMatcherArray(message)));
+          warn.mockRestore();
+        case 6:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   }));

package/es/global/js/utils/unwrap-if-fragment.js

@@ -1,6 +1,6 @@
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import React from 'react';
 
 /**

package/lib/components/APIKeyModal/APIKeyDownloader.js

@@ -38,29 +38,27 @@ var APIKeyDownloader = function APIKeyDownloader(_ref) {
       var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var data, blob, href, download, props;
         return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                data = fileType === 'txt' ? apiKey : JSON.stringify({
-                  apiKey: apiKey
-                });
-                blob = new Blob([data], {
-                  type: fileType === 'txt' ? 'text/plain' : 'application/json'
-                });
-                _context.next = 4;
-                return URL.createObjectURL(blob);
-              case 4:
-                href = _context.sent;
-                download = "".concat(fileName || 'apikey', ".").concat(fileType);
-                props = {
-                  href: href,
-                  download: download
-                };
-                setLinkProps(props);
-              case 8:
-              case "end":
-                return _context.stop();
-            }
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              data = fileType === 'txt' ? apiKey : JSON.stringify({
+                apiKey: apiKey
+              });
+              blob = new Blob([data], {
+                type: fileType === 'txt' ? 'text/plain' : 'application/json'
+              });
+              _context.next = 4;
+              return URL.createObjectURL(blob);
+            case 4:
+              href = _context.sent;
+              download = "".concat(fileName || 'apikey', ".").concat(fileType);
+              props = {
+                href: href,
+                download: download
+              };
+              setLinkProps(props);
+            case 8:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));

package/lib/components/APIKeyModal/APIKeyModal.js

@@ -163,54 +163,52 @@ var APIKeyModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var submitHandler = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
       return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              e.preventDefault();
-              if (!hasNextStep) {
-                _context.next = 5;
-                break;
-              }
-              setCurrentStep(currentStep + 1);
-              _context.next = 22;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            e.preventDefault();
+            if (!hasNextStep) {
+              _context.next = 5;
               break;
-            case 5:
-              if (!apiKeyLoaded) {
-                _context.next = 21;
-                break;
-              }
-              if (!onCopy) {
-                _context.next = 10;
-                break;
-              }
-              onCopy(apiKey);
-              _context.next = 19;
+            }
+            setCurrentStep(currentStep + 1);
+            _context.next = 22;
+            break;
+          case 5:
+            if (!apiKeyLoaded) {
+              _context.next = 21;
               break;
-            case 10:
-              _context.prev = 10;
-              _context.next = 13;
-              return navigator.clipboard.writeText(apiKey);
-            case 13:
-              _context.next = 19;
+            }
+            if (!onCopy) {
+              _context.next = 10;
               break;
-            case 15:
-              _context.prev = 15;
-              _context.t0 = _context["catch"](10);
-              console.error(_context.t0);
-              setCopyError(true);
-            case 19:
-              _context.next = 22;
-              break;
-            case 21:
-              if (editing) {
-                onRequestEdit(name);
-              } else {
-                onRequestGenerate(name);
-              }
-            case 22:
-            case "end":
-              return _context.stop();
-          }
+            }
+            onCopy(apiKey);
+            _context.next = 19;
+            break;
+          case 10:
+            _context.prev = 10;
+            _context.next = 13;
+            return navigator.clipboard.writeText(apiKey);
+          case 13:
+            _context.next = 19;
+            break;
+          case 15:
+            _context.prev = 15;
+            _context.t0 = _context["catch"](10);
+            console.error(_context.t0);
+            setCopyError(true);
+          case 19:
+            _context.next = 22;
+            break;
+          case 21:
+            if (editing) {
+              onRequestEdit(name);
+            } else {
+              onRequestGenerate(name);
+            }
+          case 22:
+          case "end":
+            return _context.stop();
         }
       }, _callee, null, [[10, 15]]);
     }));

package/lib/components/AddSelect/AddSelectBody.js

@@ -155,7 +155,7 @@ var AddSelectBody = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     onCloseHandler();
   };
   var setShowBreadsCrumbs = function setShowBreadsCrumbs() {
-    if (searchTerm || globalFiltersApplied || !path || path.length === 0) {
+    if (useNormalizedItems === false || searchTerm || globalFiltersApplied) {
       return false;
     }
     return true;

package/lib/components/AddSelect/hooks/usePath.js

@@ -20,6 +20,12 @@ var usePath = function usePath() {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     path = _useState2[0],
     setPath = _useState2[1];
+  (0, _react.useEffect)(function () {
+    setPath([{
+      id: 'base_of_path',
+      title: itemsLabel
+    }]);
+  }, [itemsLabel]);
   var handler = function handler(id, title, parentId) {
     if (path.find(function (entry) {
       return entry.id === id;