@carbon/ibm-products 2.0.0-rc.9 → 2.0.1

package/lib/global/js/hooks/useCreateComponentStepChange.js

@@ -1,195 +1,159 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCreateComponentStepChange = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _react = require("react");
-
 /**
  * Copyright IBM Corp. 2021, 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 useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
   var firstIncludedStep = _ref.firstIncludedStep,
-      lastIncludedStep = _ref.lastIncludedStep,
-      stepData = _ref.stepData,
-      onNext = _ref.onNext,
-      isSubmitDisabled = _ref.isSubmitDisabled,
-      setCurrentStep = _ref.setCurrentStep,
-      setIsSubmitting = _ref.setIsSubmitting,
-      setShouldViewAll = _ref.setShouldViewAll,
-      onClose = _ref.onClose,
-      onRequestSubmit = _ref.onRequestSubmit,
-      componentName = _ref.componentName,
-      currentStep = _ref.currentStep,
-      shouldViewAll = _ref.shouldViewAll,
-      backButtonText = _ref.backButtonText,
-      cancelButtonText = _ref.cancelButtonText,
-      submitButtonText = _ref.submitButtonText,
-      nextButtonText = _ref.nextButtonText,
-      isSubmitting = _ref.isSubmitting,
-      componentBlockClass = _ref.componentBlockClass,
-      setCreateComponentActions = _ref.setCreateComponentActions,
-      setModalIsOpen = _ref.setModalIsOpen;
+    lastIncludedStep = _ref.lastIncludedStep,
+    stepData = _ref.stepData,
+    onNext = _ref.onNext,
+    isSubmitDisabled = _ref.isSubmitDisabled,
+    setCurrentStep = _ref.setCurrentStep,
+    setIsSubmitting = _ref.setIsSubmitting,
+    setShouldViewAll = _ref.setShouldViewAll,
+    onClose = _ref.onClose,
+    onRequestSubmit = _ref.onRequestSubmit,
+    componentName = _ref.componentName,
+    currentStep = _ref.currentStep,
+    shouldViewAll = _ref.shouldViewAll,
+    backButtonText = _ref.backButtonText,
+    cancelButtonText = _ref.cancelButtonText,
+    submitButtonText = _ref.submitButtonText,
+    nextButtonText = _ref.nextButtonText,
+    isSubmitting = _ref.isSubmitting,
+    componentBlockClass = _ref.componentBlockClass,
+    setCreateComponentActions = _ref.setCreateComponentActions,
+    setModalIsOpen = _ref.setModalIsOpen;
   // useEffect to handle multi step logic
   (0, _react.useEffect)(function () {
     var onUnmount = function onUnmount() {
       if (componentName !== 'CreateFullPage') {
         setCurrentStep(0);
       }
-
       setIsSubmitting(false);
       setShouldViewAll(false);
       onClose();
     };
-
     var handleOnRequestSubmit = /*#__PURE__*/function () {
       var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         return _regenerator.default.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]]);
       }));
-
       return function handleOnRequestSubmit() {
         return _ref2.apply(this, arguments);
       };
     }();
-
     var handleNext = /*#__PURE__*/function () {
       var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
         return _regenerator.default.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;
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              setIsSubmitting(true);
+              if (!(typeof onNext === 'function')) {
+                _context2.next = 14;
                 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();
-            }
+              }
+              _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]]);
       }));
-
       return function handleNext() {
         return _ref3.apply(this, arguments);
       };
     }();
-
     var handleSubmit = /*#__PURE__*/function () {
       var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
         return _regenerator.default.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;
+          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 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();
-            }
+              }
+              _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]]);
       }));
-
       return function handleSubmit() {
         return _ref4.apply(this, arguments);
       };
     }();
-
     if ((stepData === null || stepData === void 0 ? void 0 : stepData.length) > 0) {
       var buttons = [];
-
       if ((stepData === null || stepData === void 0 ? void 0 : stepData.length) > 1 && !shouldViewAll) {
         buttons.push({
           key: 'create-action-button-back',
@@ -201,10 +165,8 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
               // have disabled the back button since we have reached the first visible step
               do {
                 var _stepData;
-
                 prev--;
               } while (!((_stepData = stepData[prev - 1]) !== null && _stepData !== void 0 && _stepData.shouldIncludeStep));
-
               return prev;
             });
           },
@@ -212,7 +174,6 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
           disabled: currentStep === firstIncludedStep
         });
       }
-
       buttons.push({
         key: 'create-action-button-cancel',
         label: cancelButtonText,
@@ -241,13 +202,10 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
       // have reach the onSubmit
       do {
         var _stepData2;
-
         prev++;
       } while (!((_stepData2 = stepData[prev - 1]) !== null && _stepData2 !== void 0 && _stepData2.shouldIncludeStep));
-
       return prev;
     });
   }, [setCurrentStep, setIsSubmitting, stepData]);
 };
-
 exports.useCreateComponentStepChange = useCreateComponentStepChange;

package/lib/global/js/hooks/usePreviousValue.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.usePreviousValue = void 0;
-
 var _react = require("react");
-
 /**
  * Copyright IBM Corp. 2021, 2021
  *
@@ -25,5 +23,4 @@ var usePreviousValue = function usePreviousValue(value) {
   });
   return ref.current;
 };
-
 exports.usePreviousValue = usePreviousValue;

package/lib/global/js/hooks/useResetCreateComponent.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useResetCreateComponent = void 0;
-
 var _react = require("react");
-
 var _getNumberOfHiddenSteps = require("../utils/getNumberOfHiddenSteps");
-
 /**
  * Copyright IBM Corp. 2021, 2022
  *
@@ -30,13 +27,13 @@ var _getNumberOfHiddenSteps = require("../utils/getNumberOfHiddenSteps");
  */
 var useResetCreateComponent = function useResetCreateComponent(_ref) {
   var firstIncludedStep = _ref.firstIncludedStep,
-      previousState = _ref.previousState,
-      open = _ref.open,
-      setCurrentStep = _ref.setCurrentStep,
-      stepData = _ref.stepData,
-      initialStep = _ref.initialStep,
-      totalSteps = _ref.totalSteps,
-      componentName = _ref.componentName;
+    previousState = _ref.previousState,
+    open = _ref.open,
+    setCurrentStep = _ref.setCurrentStep,
+    stepData = _ref.stepData,
+    initialStep = _ref.initialStep,
+    totalSteps = _ref.totalSteps,
+    componentName = _ref.componentName;
   (0, _react.useEffect)(function () {
     if (!(previousState !== null && previousState !== void 0 && previousState.open) && open) {
       if (initialStep && totalSteps && Number(initialStep) <= Number(totalSteps) && Number(initialStep) > 0) {
@@ -45,14 +42,13 @@ var useResetCreateComponent = function useResetCreateComponent(_ref) {
       } else {
         // default should be fist includedStep instead of just 1
         setCurrentStep(firstIncludedStep);
-      } // An invalid initialStep value was provided, we'll default to rendering the first step in this scenario
-
+      }
 
+      // An invalid initialStep value was provided, we'll default to rendering the first step in this scenario
       if (initialStep && totalSteps && Number(initialStep) > Number(totalSteps) || Number(initialStep) <= 0) {
         console.warn("".concat(componentName, ": An invalid `initialStep` prop was supplied. The `initialStep` prop should be a number that is greater than 0 or less than or equal to the number of steps your ").concat(componentName, " has."));
       }
     }
   }, [firstIncludedStep, open, previousState, setCurrentStep, stepData, initialStep, totalSteps, componentName]);
 };
-
 exports.useResetCreateComponent = useResetCreateComponent;

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

@@ -0,0 +1,83 @@
+"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;
+  var _useState = (0, _react.useState)(0),
+    _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];
+  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
+            throttleTimeout.current = null;
+          }, throttleInterval);
+        }
+      } else {
+        // no throttle do callbacks every time
+        doCallbacks();
+      }
+    });
+
+    // observe all refs passed
+    observer.observe(ref.current);
+    return function () {
+      observer.disconnect();
+      observer = null;
+    };
+    // 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;