@carbon/ibm-products 2.54.0-canary.28 → 2.54.0-canary.31

package/es/components/APIKeyModal/APIKeyModal.js

@@ -17,7 +17,7 @@ import { usePortalTarget } from '../../global/js/hooks/usePortalTarget.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { isRequiredIf } from '../../global/js/utils/props-helper.js';
 import uuidv4 from '../../global/js/utils/uuidv4.js';
-import { useFocus, getSpecificElement } from '../../global/js/hooks/useFocus.js';
+import { useFocus, claimFocus } from '../../global/js/hooks/useFocus.js';
 import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
 
 var _ErrorFilled, _InformationFilled;
@@ -129,19 +129,7 @@ var APIKeyModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
   useEffect(function () {
     if (open) {
       // Focusing the first element or selectorPrimaryFocus element
-      if (selectorPrimaryFocus && getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus)) {
-        var _window;
-        var specifiedEl = getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus);
-        if (specifiedEl && ((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(specifiedEl)) === null || _window === void 0 ? void 0 : _window.display) !== 'none') {
-          setTimeout(function () {
-            return specifiedEl.focus();
-          }, 0);
-          return;
-        }
-      }
-      setTimeout(function () {
-        firstElement === null || firstElement === void 0 || firstElement.focus();
-      }, 0);
+      claimFocus(firstElement, modalRef, selectorPrimaryFocus);
     }
   }, [firstElement, modalRef, open, selectorPrimaryFocus]);
   useEffect(function () {

package/es/components/AboutModal/AboutModal.js

@@ -11,7 +11,7 @@ import React__default, { useRef, useEffect } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
-import { useFocus } from '../../global/js/hooks/useFocus.js';
+import { useFocus, claimFocus } from '../../global/js/hooks/useFocus.js';
 import { pkg } from '../../settings.js';
 import { usePortalTarget } from '../../global/js/hooks/usePortalTarget.js';
 import uuidv4 from '../../global/js/utils/uuidv4.js';
@@ -62,12 +62,9 @@ var AboutModal = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   }, [bodyRef]);
   useEffect(function () {
     if (open) {
-      setTimeout(function () {
-        return firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus();
-      }, 0);
+      claimFocus(firstElement, modalRef);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [open]);
+  }, [firstElement, modalRef, open]);
   return renderPortalUse( /*#__PURE__*/React__default.createElement(unstable_FeatureFlags, {
     enableExperimentalFocusWrapWithoutSentinels: true
   }, /*#__PURE__*/React__default.createElement(ComposedModal, _extends({}, rest, {

package/es/components/DecoratorDualButton/DecoratorDualButton.d.ts

@@ -1,5 +1,6 @@
 /**
  * The DecoratorDualButton groups a key/value pair where the key and value each behave like a button.
+ * @deprecated This component is deprecated
  */
 export let DecoratorDualButton: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/es/components/DecoratorDualButton/DecoratorDualButton.js

@@ -17,6 +17,7 @@ var componentName = 'DecoratorDualButton';
 
 /**
  * The DecoratorDualButton groups a key/value pair where the key and value each behave like a button.
+ * @deprecated This component is deprecated
  */
 var DecoratorDualButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var validProps = prepareProps(props, ['href', 'kind', 'onClick', 'onContextMenu']);
@@ -26,6 +27,10 @@ var DecoratorDualButton = /*#__PURE__*/React__default.forwardRef(function (props
     kind: "dual-button"
   }, getDevtoolsProps(componentName)));
 });
+DecoratorDualButton.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 DecoratorDualButton = pkg.checkComponentEnabled(DecoratorDualButton, componentName);

package/es/components/DecoratorLink/DecoratorLink.d.ts

@@ -1,5 +1,6 @@
 /**
  * The DecoratorLink groups a key/value pair to behave like a link.
+ * @deprecated This component is deprecated
  */
 export let DecoratorLink: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/es/components/DecoratorLink/DecoratorLink.js

@@ -17,6 +17,7 @@ var componentName = 'DecoratorLink';
 
 /**
  * The DecoratorLink groups a key/value pair to behave like a link.
+ * @deprecated This component is deprecated
  */
 var DecoratorLink = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var validProps = prepareProps(props, ['disabled', 'kind', 'onClickLabel', 'onClickValue', 'onContextMenuLabel', 'onContextMenuValue']);
@@ -26,6 +27,10 @@ var DecoratorLink = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     kind: "link"
   }, getDevtoolsProps(componentName)));
 });
+DecoratorLink.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 DecoratorLink = pkg.checkComponentEnabled(DecoratorLink, componentName);

package/es/components/DecoratorSingleButton/DecoratorSingleButton.d.ts

@@ -1,5 +1,6 @@
 /**
  * The DecoratorSingleButton groups a key/value pair to behave like a button.
+ * @deprecated This component is deprecated
  */
 export let DecoratorSingleButton: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/es/components/DecoratorSingleButton/DecoratorSingleButton.js

@@ -17,6 +17,7 @@ var componentName = 'DecoratorSingleButton';
 
 /**
  * The DecoratorSingleButton groups a key/value pair to behave like a button.
+ * @deprecated This component is deprecated
  */
 var DecoratorSingleButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var validProps = prepareProps(props, ['href', 'kind', 'onClickLabel', 'onClickValue', 'onContextMenuLabel', 'onContextMenuValue']);
@@ -26,6 +27,10 @@ var DecoratorSingleButton = /*#__PURE__*/React__default.forwardRef(function (pro
     kind: "single-button"
   }, getDevtoolsProps(componentName)));
 });
+DecoratorSingleButton.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 DecoratorSingleButton = pkg.checkComponentEnabled(DecoratorSingleButton, componentName);

package/es/components/DescriptionList/DescriptionList.d.ts

@@ -1,5 +1,6 @@
 /**
  * Type layouts provide an orderly layout of terms and definitions.
+ * @deprecated This component is deprecated
  */
 export let DescriptionList: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/es/components/DescriptionList/DescriptionList.js

@@ -39,6 +39,7 @@ var defaults = {
 
 /**
  * Type layouts provide an orderly layout of terms and definitions.
+ * @deprecated This component is deprecated
  */
 var DescriptionList = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _ref$border = _ref.border,
@@ -58,6 +59,10 @@ var DescriptionList = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
     selection: false
   }, children));
 });
+DescriptionList.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 DescriptionList = pkg.checkComponentEnabled(DescriptionList, componentName);

package/es/components/Nav/Nav.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated This component is deprecated
+ */
 export let Nav: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 export default Nav;
 import React from 'react';

package/es/components/Nav/Nav.js

@@ -17,6 +17,10 @@ import { pkg } from '../../settings.js';
 var _excluded = ["activeHref", "className", "children", "heading", "label"];
 var componentName = 'Nav';
 var blockClass = "".concat(pkg.prefix, "--nav");
+
+/**
+ * @deprecated This component is deprecated
+ */
 var Nav = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var activeHref = _ref.activeHref,
     className = _ref.className,
@@ -121,6 +125,10 @@ var Nav = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     return (child === null || child === void 0 || (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === NavList.displayName ? buildNewListChild(child, index) : buildNewItemChild(child, index);
   })));
 });
+Nav.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 Nav.propTypes = {
   /**
    * Hypertext reference for active page.

package/es/components/StatusIndicator/StatusIndicator.d.ts

@@ -1,5 +1,6 @@
 /**
  * A list of icon/description pairs used to show multiple states of progress.
+ * @deprecated This component is deprecated
  */
 export let StatusIndicator: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/es/components/StatusIndicator/StatusIndicator.js

@@ -27,6 +27,7 @@ var defaults = {
 
 /**
  * A list of icon/description pairs used to show multiple states of progress.
+ * @deprecated This component is deprecated
  */
 var StatusIndicator = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -57,6 +58,10 @@ var StatusIndicator = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
     }
   }, retryLabel));
 });
+StatusIndicator.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 StatusIndicator = pkg.checkComponentEnabled(StatusIndicator, componentName);

package/es/components/StatusIndicator/StatusIndicatorStep.d.ts

@@ -1,5 +1,6 @@
 /**
  * An icon/description pair that describes one step of the `StatusIndicator`.
+ * @deprecated This component is deprecated
  */
 export let StatusIndicatorStep: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/es/components/StatusIndicator/StatusIndicatorStep.js

@@ -26,6 +26,7 @@ var defaults = {
 
 /**
  * An icon/description pair that describes one step of the `StatusIndicator`.
+ * @deprecated This component is deprecated
  */
 var StatusIndicatorStep = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
@@ -54,6 +55,10 @@ var StatusIndicatorStep = /*#__PURE__*/React__default.forwardRef(function (_ref,
     className: "".concat(blockClass, "__error-message")
   }, errorMessage));
 });
+StatusIndicatorStep.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 StatusIndicatorStep = pkg.checkComponentEnabled(StatusIndicatorStep, componentName);

package/es/components/Tearsheet/TearsheetShell.js

@@ -18,7 +18,7 @@ import { Button, usePrefix, unstable_FeatureFlags, ComposedModal, ModalHeader, L
 import { ActionSet } from '../ActionSet/ActionSet.js';
 import { Wrap } from '../../global/js/utils/Wrap.js';
 import { usePortalTarget } from '../../global/js/hooks/usePortalTarget.js';
-import { useFocus, getSpecificElement } from '../../global/js/hooks/useFocus.js';
+import { useFocus, claimFocus } from '../../global/js/hooks/useFocus.js';
 import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
 
 var _excluded = ["actions", "aiLabel", "ariaLabel", "children", "className", "closeIconDescription", "description", "hasCloseIcon", "headerActions", "influencer", "influencerPosition", "influencerWidth", "label", "navigation", "onClose", "open", "portalTarget", "selectorPrimaryFocus", "selectorsFloatingMenus", "size", "slug", "title", "verticalPosition", "launcherButtonRef"];
@@ -146,33 +146,12 @@ var TearsheetShell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
 
   // Callback to give the tearsheet the opportunity to claim focus
   handleStackChange.claimFocus = function () {
-    if (selectorPrimaryFocus && getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus)) {
-      var _window;
-      var specifiedEl = getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus);
-      if (specifiedEl && ((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(specifiedEl)) === null || _window === void 0 ? void 0 : _window.display) !== 'none') {
-        return specifiedEl.focus();
-      }
-    }
-    setTimeout(function () {
-      return firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus();
-    }, 0);
+    claimFocus(firstElement, modalRef, selectorPrimaryFocus);
   };
   useEffect(function () {
     if (open) {
       // Focusing the first element or selectorPrimaryFocus element
-      if (selectorPrimaryFocus && getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus)) {
-        var _window2;
-        var specifiedEl = getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus);
-        if (specifiedEl && ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.getComputedStyle(specifiedEl)) === null || _window2 === void 0 ? void 0 : _window2.display) !== 'none') {
-          setTimeout(function () {
-            return specifiedEl.focus();
-          }, 0);
-          return;
-        }
-      }
-      setTimeout(function () {
-        return firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus();
-      }, 0);
+      claimFocus(firstElement, modalRef, selectorPrimaryFocus);
     }
   }, [firstElement, modalRef, open, selectorPrimaryFocus]);
   useEffect(function () {

package/es/global/js/hooks/useFocus.d.ts

@@ -12,3 +12,4 @@ export function useFocus(modalRef: any, selectorPrimaryFocus: any): {
         specified: any;
     };
 };
+export function claimFocus(firstElement: any, modalRef: any, selectorPrimaryFocus?: string | undefined): any;

package/es/global/js/hooks/useFocus.js

@@ -104,4 +104,24 @@ var useFocus = function useFocus(modalRef, selectorPrimaryFocus) {
   };
 };
 
-export { getSpecificElement, useFocus };
+/**
+ *
+ * @param {*} firstElement
+ * @param {*} modalRef
+ * @param {string | undefined} selectorPrimaryFocus
+ */
+var claimFocus = function claimFocus(firstElement, modalRef) {
+  var selectorPrimaryFocus = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+  if (selectorPrimaryFocus && getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus)) {
+    var _window2;
+    var specifiedEl = getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus);
+    if (specifiedEl && ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.getComputedStyle(specifiedEl)) === null || _window2 === void 0 ? void 0 : _window2.display) !== 'none') {
+      return specifiedEl.focus();
+    }
+  }
+  setTimeout(function () {
+    return firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus();
+  }, 0);
+};
+
+export { claimFocus, getSpecificElement, useFocus };

package/lib/components/APIKeyModal/APIKeyModal.js

@@ -131,19 +131,7 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   React.useEffect(function () {
     if (open) {
       // Focusing the first element or selectorPrimaryFocus element
-      if (selectorPrimaryFocus && useFocus.getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus)) {
-        var _window;
-        var specifiedEl = useFocus.getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus);
-        if (specifiedEl && ((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(specifiedEl)) === null || _window === void 0 ? void 0 : _window.display) !== 'none') {
-          setTimeout(function () {
-            return specifiedEl.focus();
-          }, 0);
-          return;
-        }
-      }
-      setTimeout(function () {
-        firstElement === null || firstElement === void 0 || firstElement.focus();
-      }, 0);
+      useFocus.claimFocus(firstElement, modalRef, selectorPrimaryFocus);
     }
   }, [firstElement, modalRef, open, selectorPrimaryFocus]);
   React.useEffect(function () {

package/lib/components/AboutModal/AboutModal.js

@@ -64,12 +64,9 @@ exports.AboutModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, [bodyRef]);
   React.useEffect(function () {
     if (open) {
-      setTimeout(function () {
-        return firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus();
-      }, 0);
+      useFocus.claimFocus(firstElement, modalRef);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [open]);
+  }, [firstElement, modalRef, open]);
   return renderPortalUse( /*#__PURE__*/React.createElement(react.unstable_FeatureFlags, {
     enableExperimentalFocusWrapWithoutSentinels: true
   }, /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {

package/lib/components/DecoratorDualButton/DecoratorDualButton.d.ts

@@ -1,5 +1,6 @@
 /**
  * The DecoratorDualButton groups a key/value pair where the key and value each behave like a button.
+ * @deprecated This component is deprecated
  */
 export let DecoratorDualButton: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/DecoratorDualButton/DecoratorDualButton.js

@@ -19,6 +19,7 @@ var componentName = 'DecoratorDualButton';
 
 /**
  * The DecoratorDualButton groups a key/value pair where the key and value each behave like a button.
+ * @deprecated This component is deprecated
  */
 exports.DecoratorDualButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var validProps = propsHelper.prepareProps(props, ['href', 'kind', 'onClick', 'onContextMenu']);
@@ -28,6 +29,10 @@ exports.DecoratorDualButton = /*#__PURE__*/React.forwardRef(function (props, ref
     kind: "dual-button"
   }, devtools.getDevtoolsProps(componentName)));
 });
+exports.DecoratorDualButton.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 exports.DecoratorDualButton = settings.pkg.checkComponentEnabled(exports.DecoratorDualButton, componentName);

package/lib/components/DecoratorLink/DecoratorLink.d.ts

@@ -1,5 +1,6 @@
 /**
  * The DecoratorLink groups a key/value pair to behave like a link.
+ * @deprecated This component is deprecated
  */
 export let DecoratorLink: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/DecoratorLink/DecoratorLink.js

@@ -19,6 +19,7 @@ var componentName = 'DecoratorLink';
 
 /**
  * The DecoratorLink groups a key/value pair to behave like a link.
+ * @deprecated This component is deprecated
  */
 exports.DecoratorLink = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var validProps = propsHelper.prepareProps(props, ['disabled', 'kind', 'onClickLabel', 'onClickValue', 'onContextMenuLabel', 'onContextMenuValue']);
@@ -28,6 +29,10 @@ exports.DecoratorLink = /*#__PURE__*/React.forwardRef(function (props, ref) {
     kind: "link"
   }, devtools.getDevtoolsProps(componentName)));
 });
+exports.DecoratorLink.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 exports.DecoratorLink = settings.pkg.checkComponentEnabled(exports.DecoratorLink, componentName);

package/lib/components/DecoratorSingleButton/DecoratorSingleButton.d.ts

@@ -1,5 +1,6 @@
 /**
  * The DecoratorSingleButton groups a key/value pair to behave like a button.
+ * @deprecated This component is deprecated
  */
 export let DecoratorSingleButton: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js

@@ -19,6 +19,7 @@ var componentName = 'DecoratorSingleButton';
 
 /**
  * The DecoratorSingleButton groups a key/value pair to behave like a button.
+ * @deprecated This component is deprecated
  */
 exports.DecoratorSingleButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var validProps = propsHelper.prepareProps(props, ['href', 'kind', 'onClickLabel', 'onClickValue', 'onContextMenuLabel', 'onContextMenuValue']);
@@ -28,6 +29,10 @@ exports.DecoratorSingleButton = /*#__PURE__*/React.forwardRef(function (props, r
     kind: "single-button"
   }, devtools.getDevtoolsProps(componentName)));
 });
+exports.DecoratorSingleButton.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 exports.DecoratorSingleButton = settings.pkg.checkComponentEnabled(exports.DecoratorSingleButton, componentName);

package/lib/components/DescriptionList/DescriptionList.d.ts

@@ -1,5 +1,6 @@
 /**
  * Type layouts provide an orderly layout of terms and definitions.
+ * @deprecated This component is deprecated
  */
 export let DescriptionList: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/DescriptionList/DescriptionList.js

@@ -41,6 +41,7 @@ var defaults = {
 
 /**
  * Type layouts provide an orderly layout of terms and definitions.
+ * @deprecated This component is deprecated
  */
 exports.DescriptionList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$border = _ref.border,
@@ -60,6 +61,10 @@ exports.DescriptionList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     selection: false
   }, children));
 });
+exports.DescriptionList.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 exports.DescriptionList = settings.pkg.checkComponentEnabled(exports.DescriptionList, componentName);

package/lib/components/Nav/Nav.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated This component is deprecated
+ */
 export let Nav: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 export default Nav;
 import React from 'react';

package/lib/components/Nav/Nav.js

@@ -19,6 +19,10 @@ var settings = require('../../settings.js');
 var _excluded = ["activeHref", "className", "children", "heading", "label"];
 var componentName = 'Nav';
 var blockClass = "".concat(settings.pkg.prefix, "--nav");
+
+/**
+ * @deprecated This component is deprecated
+ */
 exports.Nav = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var activeHref = _ref.activeHref,
     className = _ref.className,
@@ -123,6 +127,10 @@ exports.Nav = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     return (child === null || child === void 0 || (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === NavList.default.displayName ? buildNewListChild(child, index) : buildNewItemChild(child, index);
   })));
 });
+exports.Nav.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 exports.Nav.propTypes = {
   /**
    * Hypertext reference for active page.

package/lib/components/StatusIndicator/StatusIndicator.d.ts

@@ -1,5 +1,6 @@
 /**
  * A list of icon/description pairs used to show multiple states of progress.
+ * @deprecated This component is deprecated
  */
 export let StatusIndicator: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/StatusIndicator/StatusIndicator.js

@@ -29,6 +29,7 @@ var defaults = {
 
 /**
  * A list of icon/description pairs used to show multiple states of progress.
+ * @deprecated This component is deprecated
  */
 exports.StatusIndicator = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -59,6 +60,10 @@ exports.StatusIndicator = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   }, retryLabel));
 });
+exports.StatusIndicator.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 exports.StatusIndicator = settings.pkg.checkComponentEnabled(exports.StatusIndicator, componentName);

package/lib/components/StatusIndicator/StatusIndicatorStep.d.ts

@@ -1,5 +1,6 @@
 /**
  * An icon/description pair that describes one step of the `StatusIndicator`.
+ * @deprecated This component is deprecated
  */
 export let StatusIndicatorStep: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/StatusIndicator/StatusIndicatorStep.js

@@ -28,6 +28,7 @@ var defaults = {
 
 /**
  * An icon/description pair that describes one step of the `StatusIndicator`.
+ * @deprecated This component is deprecated
  */
 exports.StatusIndicatorStep = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
@@ -56,6 +57,10 @@ exports.StatusIndicatorStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     className: "".concat(blockClass, "__error-message")
   }, errorMessage));
 });
+exports.StatusIndicatorStep.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 exports.StatusIndicatorStep = settings.pkg.checkComponentEnabled(exports.StatusIndicatorStep, componentName);

package/lib/components/Tearsheet/TearsheetShell.js

@@ -148,33 +148,12 @@ var TearsheetShell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 
   // Callback to give the tearsheet the opportunity to claim focus
   handleStackChange.claimFocus = function () {
-    if (selectorPrimaryFocus && useFocus.getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus)) {
-      var _window;
-      var specifiedEl = useFocus.getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus);
-      if (specifiedEl && ((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(specifiedEl)) === null || _window === void 0 ? void 0 : _window.display) !== 'none') {
-        return specifiedEl.focus();
-      }
-    }
-    setTimeout(function () {
-      return firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus();
-    }, 0);
+    useFocus.claimFocus(firstElement, modalRef, selectorPrimaryFocus);
   };
   React.useEffect(function () {
     if (open) {
       // Focusing the first element or selectorPrimaryFocus element
-      if (selectorPrimaryFocus && useFocus.getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus)) {
-        var _window2;
-        var specifiedEl = useFocus.getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus);
-        if (specifiedEl && ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.getComputedStyle(specifiedEl)) === null || _window2 === void 0 ? void 0 : _window2.display) !== 'none') {
-          setTimeout(function () {
-            return specifiedEl.focus();
-          }, 0);
-          return;
-        }
-      }
-      setTimeout(function () {
-        return firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus();
-      }, 0);
+      useFocus.claimFocus(firstElement, modalRef, selectorPrimaryFocus);
     }
   }, [firstElement, modalRef, open, selectorPrimaryFocus]);
   React.useEffect(function () {

package/lib/global/js/hooks/useFocus.d.ts

@@ -12,3 +12,4 @@ export function useFocus(modalRef: any, selectorPrimaryFocus: any): {
         specified: any;
     };
 };
+export function claimFocus(firstElement: any, modalRef: any, selectorPrimaryFocus?: string | undefined): any;

package/lib/global/js/hooks/useFocus.js

@@ -106,5 +106,26 @@ var useFocus = function useFocus(modalRef, selectorPrimaryFocus) {
   };
 };
 
+/**
+ *
+ * @param {*} firstElement
+ * @param {*} modalRef
+ * @param {string | undefined} selectorPrimaryFocus
+ */
+var claimFocus = function claimFocus(firstElement, modalRef) {
+  var selectorPrimaryFocus = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+  if (selectorPrimaryFocus && getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus)) {
+    var _window2;
+    var specifiedEl = getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus);
+    if (specifiedEl && ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.getComputedStyle(specifiedEl)) === null || _window2 === void 0 ? void 0 : _window2.display) !== 'none') {
+      return specifiedEl.focus();
+    }
+  }
+  setTimeout(function () {
+    return firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus();
+  }, 0);
+};
+
+exports.claimFocus = claimFocus;
 exports.getSpecificElement = getSpecificElement;
 exports.useFocus = useFocus;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.54.0-canary.28+5fb804a6e",
+  "version": "2.54.0-canary.31+0cf0f70e0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -120,5 +120,5 @@
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "5fb804a6e7ffc3b139e2bd6f9541922473b2279c"
+  "gitHead": "0cf0f70e0987b59b5c98b159bc67a4a82f26aa3a"
 }