@carbon/ibm-products 2.0.0-rc.3 → 2.0.0-rc.32

package/lib/global/js/hooks/useWindowScroll.js

@@ -1,25 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useNearestScroll = useNearestScroll;
 exports.useWindowScroll = useWindowScroll;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _react = require("react");
-
 var _scrollableAncestor = require("../utils/scrollableAncestor");
+/**
+ * Copyright IBM Corp. 2022, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 var windowExists = (typeof window === "undefined" ? "undefined" : (0, _typeof2.default)(window)) !== "undefined";
-
 var useTargetScroll = function useTargetScroll(target, effect, deps, throttleInterval) {
   var scrollPosition = (0, _react.useRef)({});
   var throttleTimeout = (0, _react.useRef)(null);
-
   var getScrollPosition = function getScrollPosition() {
     if (!target || !windowExists && target === window) {
       return {
@@ -28,9 +28,7 @@ var useTargetScroll = function useTargetScroll(target, effect, deps, throttleInt
       };
     } //
 
-
     var scrollX, scrollY;
-
     if (target === window) {
       scrollX = window.scrollX;
       scrollY = window.scrollY;
@@ -38,24 +36,22 @@ var useTargetScroll = function useTargetScroll(target, effect, deps, throttleInt
       scrollX = target.scrollLeft;
       scrollY = target.scrollTop;
     }
-
     return {
       scrollX: scrollX,
       scrollY: scrollY
     };
   };
-
   var doGetScrollPosition = function doGetScrollPosition() {
     var newVal = {
       previous: scrollPosition.current,
       current: getScrollPosition()
-    }; // call effect
+    };
 
+    // call effect
     effect(newVal);
     scrollPosition.current = newVal.current;
     throttleTimeout.current = null;
   };
-
   (0, _react.useLayoutEffect)(function () {
     var handleScroll = function handleScroll() {
       if (throttleInterval) {
@@ -66,30 +62,25 @@ var useTargetScroll = function useTargetScroll(target, effect, deps, throttleInt
         doGetScrollPosition();
       }
     };
-
     if (target) {
       target.addEventListener('scroll', handleScroll);
       doGetScrollPosition();
     }
-
     return function () {
       return target && target.removeEventListener('scroll', handleScroll);
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, deps);
 };
-
 function useWindowScroll(effect, deps) {
   var throttleInterval = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   return useTargetScroll(window, effect, deps, throttleInterval);
 }
-
 function useNearestScroll(ref, effect, deps) {
   var throttle = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   var scrollableTarget = (0, _scrollableAncestor.scrollableAncestor)(ref.current);
-
   if (scrollableTarget && (document.body === scrollableTarget || scrollableTarget.contains(document.body))) {
     scrollableTarget = window;
   }
-
   return useTargetScroll(scrollableTarget, effect, deps, throttle);
 }

package/lib/global/js/package-settings.js

@@ -1,20 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _devtools = require("./utils/devtools");
-
 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) { (0, _defineProperty2.default)(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; }
-
+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) { (0, _defineProperty2.default)(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; } //
+// Copyright IBM Corp. 2020, 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
 var defaults = {
   prefix: 'c4p',
   // by default only released components are set to true
@@ -31,6 +30,7 @@ var defaults = {
     CreateTearsheet: true,
     CreateTearsheetStep: true,
     CreateTearsheetDivider: true,
+    EditInPlace: true,
     EmptyState: true,
     ErrorEmptyState: true,
     ExportModal: true,
@@ -39,7 +39,7 @@ var defaults = {
     HTTPError404: true,
     HTTPErrorOther: true,
     ImportModal: true,
-    InlineEdit: true,
+    MultiAddSelect: true,
     NotificationsPanel: true,
     NoDataEmptyState: true,
     NoTagsEmptyState: true,
@@ -51,6 +51,7 @@ var defaults = {
     RemoveModal: true,
     Saving: true,
     SidePanel: true,
+    SingleAddSelect: true,
     StatusIcon: true,
     TagSet: true,
     Tearsheet: true,
@@ -61,9 +62,6 @@ var defaults = {
     WebTerminalContentWrapper: true,
     WebTerminalProvider: true,
     // other public components not yet reviewed and released:
-    MultiAddSelect: false,
-    SingleAddSelect: false,
-    ModifiedTabs: false,
     Toolbar: false,
     ToolbarButton: false,
     ToolbarGroup: false,
@@ -73,29 +71,33 @@ var defaults = {
     Datagrid: false,
     EditTearsheet: false,
     EditTearsheetNarrow: false,
-    EditFullPage: false
+    EditFullPage: false,
+    EditUpdateCards: false
     /* new component flags here - comment used by generate CLI */
-
   },
+
   // feature level flags
   feature: {
     'a-new-feature': false,
-    'default-portal-target-body': true
+    'default-portal-target-body': true,
+    'Datagrid.useInfiniteScroll': false,
+    'Datagrid.useInlineEdit': false
   }
 };
-
 var warningMessageComponent = function warningMessageComponent(property) {
   return "Carbon for IBM Products (WARNING): Component \"".concat(property, "\" enabled via feature flags. This component has not yet completed its review process.");
 };
-
 var warningMessageFeature = function warningMessageFeature(property) {
   return "Carbon for IBM Products (WARNING): Feature \"".concat(property, "\" enabled via feature flags.");
 };
-
+var errorMessageFeature = function errorMessageFeature(property) {
+  return "Carbon for IBM Products (Error): Feature \"".concat(property, "\" not enabled. To enable see the notes on feature flags in the README.");
+};
 var warningMessageAllComponents = 'Carbon for IBM Products (WARNING): All components enabled through use of setAllComponents. This includes components that have not yet completed their review process.';
-var warningMessageAllFeatures = 'Carbon for IBM Products (WARNING): All features enabled through use of setAllFeatures'; // Values to represent overrides for component or feature settings.
-// Each value maps the initial value to the value that should be returned.
+var warningMessageAllFeatures = 'Carbon for IBM Products (WARNING): All features enabled through use of setAllFeatures';
 
+// Values to represent overrides for component or feature settings.
+// Each value maps the initial value to the value that should be returned.
 var all = {
   INITIAL: function INITIAL(v) {
     return v;
@@ -112,25 +114,29 @@ var allFeatures = all.INITIAL;
 var silent = false;
 var component = new Proxy(_objectSpread({}, defaults.component), {
   set: function set(target, property, value) {
-    value && !silent && console.warn(warningMessageComponent(property));
+    if (target[property] !== true && !silent && value) {
+      // not already true, not silent, and now true
+      console.warn(warningMessageComponent(property));
+    }
     target[property] = value;
     return true; // value set
   },
   get: function get(target, property) {
     var _target$property;
-
     return allComponents((_target$property = target[property]) !== null && _target$property !== void 0 ? _target$property : false);
   }
 });
 var feature = new Proxy(_objectSpread({}, defaults.feature), {
   set: function set(target, property, value) {
-    value && !silent && console.warn(warningMessageFeature(property));
+    if (target[property] !== true && !silent && value) {
+      // not already true, not silent, and now true
+      console.warn(warningMessageFeature(property));
+    }
     target[property] = value;
     return true; // value set
   },
   get: function get(target, property) {
     var _target$property2;
-
     return allFeatures((_target$property2 = target[property]) !== null && _target$property2 !== void 0 ? _target$property2 : false);
   }
 });
@@ -154,6 +160,14 @@ var _default = {
     var byDefault = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return byDefault ? defaults.feature[featureName] : feature[featureName];
   },
+  checkReportFeatureEnabled: function checkReportFeatureEnabled(featureName) {
+    if (feature[featureName]) {
+      // NOTE: Warning emitted if feature flag is enabled (see Proxy above)
+      return true;
+    } else {
+      console.error(errorMessageFeature(featureName));
+    }
+  },
   isFeaturePublic: function isFeaturePublic(featureName) {
     var byDefault = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return Object.prototype.hasOwnProperty.call(byDefault ? defaults.feature : feature, featureName);

package/lib/global/js/utils/ClickListener.js

@@ -1,29 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ClickListener = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * Copyright IBM Corp. 2021, 2021
  *
  * 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 portions of React that are needed.
+
 // Other standard imports.
 
 /**
@@ -33,25 +28,21 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var ClickListener = function ClickListener(_ref) {
   var children = _ref.children,
-      onClickOutside = _ref.onClickOutside;
+    onClickOutside = _ref.onClickOutside;
   var targetElement = (0, _react.useRef)();
-
   var getEventTarget = function getEventTarget(evt) {
     // support Shadow DOM
     if (evt.composed && typeof evt.composedPath === 'function') {
       return evt.composedPath()[0];
     }
-
     return evt.target;
   };
-
   (0, _react.useEffect)(function () {
     document.addEventListener('click', handleDocumentClick);
     return function () {
       document.removeEventListener('click', handleDocumentClick);
     };
   });
-
   var handleDocumentClick = function handleDocumentClick(evt) {
     if (targetElement && targetElement.current) {
       if (targetElement.current.contains && !targetElement.current.contains(getEventTarget(evt))) {
@@ -59,7 +50,6 @@ var ClickListener = function ClickListener(_ref) {
       }
     }
   };
-
   var handleRef = function handleRef(el) {
     targetElement.current = el;
     /**
@@ -71,17 +61,14 @@ var ClickListener = function ClickListener(_ref) {
      *   <Child ref={targetedRefHere} />
      * </ClickListener>
      */
-
     if (children.ref && typeof children.ref === 'function') {
       children.ref(el);
     }
   };
-
   return /*#__PURE__*/_react.default.cloneElement(children, {
     ref: handleRef
   });
 };
-
 exports.ClickListener = ClickListener;
 ClickListener.propTypes = {
   children: _propTypes.default.element.isRequired,

package/lib/global/js/utils/DisplayBox.js

@@ -1,30 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DisplayBox = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 /**
  * 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.
  */
-var blockClass = 'ccs-sb--display-box';
 
+var blockClass = 'ccs-sb--display-box';
 var DisplayBox = function DisplayBox(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      msg = _ref.msg;
+    className = _ref.className,
+    msg = _ref.msg;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(blockClass, className)
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -37,7 +32,6 @@ var DisplayBox = function DisplayBox(_ref) {
     className: "".concat(blockClass, "__indicator--right")
   })), children);
 };
-
 exports.DisplayBox = DisplayBox;
 DisplayBox.propTypes = {
   children: _propTypes.default.node,

package/lib/global/js/utils/Wrap.js

@@ -1,43 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Wrap = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _excluded = ["alwaysRender", "children", "element", "neverRender"];
-
+/**
+ * Copyright IBM Corp. 2021, 2021
+ *
+ * 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 portions of React that are needed.
+// Other standard imports.
 // Examine a flat array of children to decide whether it is effectively empty.
 // If there are no children, or all the children are falsy, or all the non-falsy
 // children are themselves Wrap components that are empty, then return true.
 var isEmpty = function isEmpty(children) {
   var result = true;
-
   _react.default.Children.forEach(children, function (child) {
     if (child) {
       var _child$type, _child$props;
-
       result && (result = (child === null || child === void 0 ? void 0 : (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === 'Wrap' && isEmpty(child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children));
     }
   });
-
   return result;
-}; // Default values for props
-
+};
 
+// Default values for props
 var defaults = {
   element: 'div'
 };
+
 /**
  * A simple conditional wrapper that encloses its children in a <div> (or other
  * element if specified), passing any supplied attributes to the <div> (or other
@@ -48,19 +47,17 @@ var defaults = {
  * the ref.current will be set to the wrapper element if it renders, and will
  * remain undefined if it does not render.
  */
-
 var Wrap = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var alwaysRender = _ref.alwaysRender,
-      children = _ref.children,
-      _ref$element = _ref.element,
-      Wrapper = _ref$element === void 0 ? defaults.element : _ref$element,
-      neverRender = _ref.neverRender,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    children = _ref.children,
+    _ref$element = _ref.element,
+    Wrapper = _ref$element === void 0 ? defaults.element : _ref$element,
+    neverRender = _ref.neverRender,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (neverRender || isEmpty(children)) && !alwaysRender ? null : /*#__PURE__*/_react.default.createElement(Wrapper, (0, _extends2.default)({}, rest, {
     ref: ref
   }), children);
 });
-
 exports.Wrap = Wrap;
 Wrap.displayName = 'Wrap';
 Wrap.propTypes = {
@@ -71,19 +68,16 @@ Wrap.propTypes = {
    * that this prop takes precedence over neverRender if both are set to true.
    */
   alwaysRender: _propTypes.default.bool,
-
   /**
    * The content of the wrapper element. If no children are supplied, or the
    * resulting value(s) are falsy, or if all the non-falsy children are Wrap
    * components that decide not to render, nothing will be rendered in the DOM.
    */
   children: _propTypes.default.node,
-
   /**
    * The element name or component to use as a wrapper for the content.
    */
   element: _propTypes.default.elementType,
-
   /**
    * Specify whether nothing should be rendered even if there are children
    * in the content. Useful if there are some circumstances in which the

package/lib/global/js/utils/deepCloneObject.js

@@ -1,37 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.deepCloneObject = void 0;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 /**
  * 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.
  */
+
 // Utility to return a deep clone of a nested object or array.
 var deepCloneObject = function deepCloneObject(objectToClone) {
   // Return the value if objectToClone is not an object
   if ((0, _typeof2.default)(objectToClone) !== 'object' || objectToClone === null) {
     return objectToClone;
-  } // Create a new array/object to hold the values
-
-
+  }
+  // Create a new array/object to hold the values
   var clonedObject = Array.isArray(objectToClone) ? [] : {};
-
   for (var key in objectToClone) {
-    var value = objectToClone[key]; // Recursively check for nested objects/arrays
-
+    var value = objectToClone[key];
+    // Recursively check for nested objects/arrays
     clonedObject[key] = deepCloneObject(value);
   }
-
   return clonedObject;
 };
-
 exports.deepCloneObject = deepCloneObject;

package/lib/global/js/utils/devtools.js

@@ -1,31 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.devtoolsAttribute = void 0;
 exports.getDevtoolsId = getDevtoolsId;
 exports.getDevtoolsProps = getDevtoolsProps;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _packageSettings = _interopRequireDefault(require("../package-settings"));
-
 /**
  * Copyright IBM Corp. 2021, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 var devtoolsAttribute = 'data-carbon-devtools-id';
 exports.devtoolsAttribute = devtoolsAttribute;
-
 function getDevtoolsId(componentName) {
   return "".concat(_packageSettings.default.prefix, "--").concat(componentName);
 }
-
 function getDevtoolsProps(componentName) {
   return (0, _defineProperty2.default)({}, devtoolsAttribute, getDevtoolsId(componentName));
 }

package/lib/global/js/utils/getBezierValues.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBezierValues = void 0;
+var _motion = require("@carbon/motion");
+/**
+ * This function turns a cubic-bezier() string to an
+ * array of values that we can use with framer-motion
+ * @param {string} type - The carbon motion type, either 'standard', 'entrance', or 'exit'
+ * @param {string} mode - The carbon motion mode, either 'productive', or 'expressive'
+ */
+
+var getBezierValues = function getBezierValues(type, mode) {
+  var cubicBezier = (0, _motion.motion)(type, mode);
+  var extractStringFromParens = /\(([^)]+)\)/;
+  var desiredBezierStrings = extractStringFromParens.exec(cubicBezier)[1];
+  var formattedDesiredBezierStrings = desiredBezierStrings.trim().split(',').map(Number);
+  if (Array.isArray(formattedDesiredBezierStrings)) {
+    return formattedDesiredBezierStrings;
+  }
+  return [];
+};
+exports.getBezierValues = getBezierValues;

package/lib/global/js/utils/getFocusableElements.js

@@ -1,25 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getFocusableElements = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 /**
  * Copyright IBM Corp. 2021, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 // Returns an array of focusable elements
 var getFocusableElements = function getFocusableElements(element) {
   return (0, _toConsumableArray2.default)(element.querySelectorAll('a, button, input, textarea, select, details,[tabindex]:not([tabindex="-1"])')).filter(function (e) {
     return !e.hasAttribute('disabled');
   });
 };
-
 exports.getFocusableElements = getFocusableElements;

package/lib/global/js/utils/getNumberOfHiddenSteps.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getNumberOfHiddenSteps = void 0;
+/**
+ * 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.
+ */
+
+var getNumberOfHiddenSteps = function getNumberOfHiddenSteps(stepData, initialStep) {
+  var numberOfHiddenSteps = 0;
+  stepData.forEach(function (step, stepIndex) {
+    if (stepIndex + 1 > initialStep) {
+      return;
+    }
+    if (step.shouldIncludeStep === false) {
+      numberOfHiddenSteps += 1;
+    }
+  });
+  return numberOfHiddenSteps;
+};
+exports.getNumberOfHiddenSteps = getNumberOfHiddenSteps;

package/lib/global/js/utils/getScrollbarWidth.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getScrollbarWidth = void 0;
-
 /**
  * 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.
  */
+
 var getScrollbarWidth = function getScrollbarWidth() {
   var scrollDiv = document.createElement('div');
   scrollDiv.setAttribute('style', 'width: 100px; height: 100px; overflow: scroll; position:absolute; top:-9999px;');
@@ -19,5 +19,4 @@ var getScrollbarWidth = function getScrollbarWidth() {
   document.body.removeChild(scrollDiv);
   return scrollbarWidth;
 };
-
 exports.getScrollbarWidth = getScrollbarWidth;