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

package/lib/global/js/hooks/useResizeObserver.js

@@ -1,72 +1,63 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useResizeObserver = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 /**
  * Copyright IBM Corp. 2023, 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 useResizeObserver = function useResizeObserver(ref) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
     callback: null,
     throttleInterval: 0
   };
   var callback = options.callback,
-      throttleInterval = options.throttleInterval;
-
+    throttleInterval = options.throttleInterval;
   var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      width = _useState2[0],
-      setWidth = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    width = _useState2[0],
+    setWidth = _useState2[1];
   var _useState3 = (0, _react.useState)(0),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      height = _useState4[0],
-      setHeight = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    height = _useState4[0],
+    setHeight = _useState4[1];
   var throttleTimeout = (0, _react.useRef)(null);
   var entriesToHandle = (0, _react.useRef)(null);
   (0, _react.useLayoutEffect)(function () {
     if (!(ref !== null && ref !== void 0 && ref.current)) {
       return;
     }
-
     var doCallbacks = function doCallbacks() {
       if (!(ref !== null && ref !== void 0 && ref.current) || !Array.isArray(entriesToHandle === null || entriesToHandle === void 0 ? void 0 : entriesToHandle.current)) {
         return;
       }
-
       var entry = entriesToHandle.current[0];
       setWidth(entry.contentRect.width);
       setHeight(entry.contentRect.height);
       throttleTimeout.current = null;
       callback && callback(entry.contentRect);
     };
-
     var observer = new ResizeObserver(function (entries) {
       // always update entriesToHandle
       entriesToHandle.current = entries;
-
       if (throttleInterval) {
         // if a throttleInterval check for running timeout
         if (throttleTimeout.current === null) {
           // no live timeout set entries to handle and move on
+
           // set up throttle
           throttleTimeout.current = setTimeout(function () {
             // do callbacks
-            doCallbacks(); // reset throttle
-
+            doCallbacks();
+            // reset throttle
             throttleTimeout.current = null;
           }, throttleInterval);
         }
@@ -74,18 +65,19 @@ var useResizeObserver = function useResizeObserver(ref) {
         // no throttle do callbacks every time
         doCallbacks();
       }
-    }); // observe all refs passed
+    });
 
+    // observe all refs passed
     observer.observe(ref.current);
     return function () {
       observer.disconnect();
       observer = null;
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [ref, options]);
   return {
     width: width,
     height: height
   };
 };
-
 exports.useResizeObserver = useResizeObserver;

package/lib/global/js/hooks/useRetrieveStepData.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useRetrieveStepData = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _react = require("react");
-
 /**
  * Copyright IBM Corp. 2022, 2022
  *
@@ -31,11 +27,11 @@ var _react = require("react");
  */
 var useRetrieveStepData = function useRetrieveStepData(_ref) {
   var stepsContext = _ref.stepsContext,
-      stepNumber = _ref.stepNumber,
-      introStep = _ref.introStep,
-      shouldIncludeStep = _ref.shouldIncludeStep,
-      secondaryLabel = _ref.secondaryLabel,
-      title = _ref.title;
+    stepNumber = _ref.stepNumber,
+    introStep = _ref.introStep,
+    shouldIncludeStep = _ref.shouldIncludeStep,
+    secondaryLabel = _ref.secondaryLabel,
+    title = _ref.title;
   (0, _react.useEffect)(function () {
     if (stepsContext) {
       stepsContext.setStepData(function (prev) {
@@ -46,17 +42,14 @@ var useRetrieveStepData = function useRetrieveStepData(_ref) {
           shouldIncludeStep: shouldIncludeStep
         };
         var previousItem = prev[stepNumber - 1];
-
         if ((previousItem === null || previousItem === void 0 ? void 0 : previousItem.title) !== stepItem.title || (previousItem === null || previousItem === void 0 ? void 0 : previousItem.secondaryLabel) !== stepItem.secondaryLabel || (previousItem === null || previousItem === void 0 ? void 0 : previousItem.introStep) !== stepItem.introStep || (previousItem === null || previousItem === void 0 ? void 0 : previousItem.shouldIncludeStep) !== stepItem.shouldIncludeStep) {
           var clone = (0, _toConsumableArray2.default)(prev);
           clone[stepNumber - 1] = stepItem;
           return clone;
         }
-
         return prev;
       });
     }
   }, [shouldIncludeStep, title, secondaryLabel, introStep, stepsContext, stepNumber]);
 };
-
 exports.useRetrieveStepData = useRetrieveStepData;

package/lib/global/js/hooks/useValidCreateStepCount.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useValidCreateStepCount = void 0;
-
 var _react = require("react");
-
 /**
  * Copyright IBM Corp. 2021, 2021
  *
@@ -26,5 +24,4 @@ var useValidCreateStepCount = function useValidCreateStepCount(stepCount, compon
     }
   }, [stepCount, componentName]);
 };
-
 exports.useValidCreateStepCount = useValidCreateStepCount;

package/lib/global/js/hooks/useWindowResize.js

@@ -1,24 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useWindowResize = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _react = require("react");
-
 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. 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 getWindowSize = function getWindowSize() {
   if (!windowExists) {
     return {
@@ -28,13 +25,11 @@ var getWindowSize = function getWindowSize() {
       outerWidth: 0
     };
   }
-
   var _window = _objectSpread({}, window),
-      innerHeight = _window.innerHeight,
-      innerWidth = _window.innerWidth,
-      outerHeight = _window.outerHeight,
-      outerWidth = _window.outerWidth;
-
+    innerHeight = _window.innerHeight,
+    innerWidth = _window.innerWidth,
+    outerHeight = _window.outerHeight,
+    outerWidth = _window.outerWidth;
   return {
     innerHeight: innerHeight,
     innerWidth: innerWidth,
@@ -42,23 +37,21 @@ var getWindowSize = function getWindowSize() {
     outerWidth: outerWidth
   };
 };
-
 var useWindowResize = function useWindowResize(effect, deps) {
   var throttleInterval = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   var windowSize = (0, _react.useRef)({});
   var throttleTimeout = (0, _react.useRef)(null);
-
   var doGetWindowSize = function doGetWindowSize() {
     var newVal = {
       previous: windowSize.current,
       current: getWindowSize()
-    }; // call effect
+    };
 
+    // call effect
     effect(newVal);
     windowSize.current = newVal.current;
     throttleTimeout.current = null;
   };
-
   (0, _react.useLayoutEffect)(function () {
     var handleResize = function handleResize() {
       if (throttleInterval) {
@@ -69,13 +62,12 @@ var useWindowResize = function useWindowResize(effect, deps) {
         doGetWindowSize();
       }
     };
-
     window.addEventListener('resize', handleResize);
     doGetWindowSize();
     return function () {
       return window.removeEventListener('resize', handleResize);
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, deps);
 };
-
 exports.useWindowResize = useWindowResize;

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

@@ -1,31 +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 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 {
@@ -34,9 +28,7 @@ var useTargetScroll = function useTargetScroll(target, effect, deps, throttleInt
       };
     } //
 
-
     var scrollX, scrollY;
-
     if (target === window) {
       scrollX = window.scrollX;
       scrollY = window.scrollY;
@@ -44,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) {
@@ -72,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
@@ -75,8 +74,8 @@ var defaults = {
     EditFullPage: false,
     EditUpdateCards: false
     /* new component flags here - comment used by generate CLI */
-
   },
+
   // feature level flags
   feature: {
     'a-new-feature': false,
@@ -85,23 +84,20 @@ var defaults = {
     '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;
@@ -122,13 +118,11 @@ var component = new Proxy(_objectSpread({}, defaults.component), {
       // 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);
   }
 });
@@ -138,13 +132,11 @@ var feature = new Proxy(_objectSpread({}, defaults.feature), {
       // 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);
   }
 });

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,