@carbon/ibm-products 2.0.0-rc.8 → 2.0.0

package/es/components/index.js

@@ -1,44 +0,0 @@
-//
-// 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.
-//
-export { AboutModal } from './AboutModal';
-export { APIKeyModal } from './APIKeyModal';
-export { Cascade } from './Cascade';
-export { ComboButton, ComboButtonItem } from './ComboButton';
-export { CreateFullPage, CreateFullPageStep } from './CreateFullPage';
-export { CreateModal } from './CreateModal';
-export { CreateSidePanel } from './CreateSidePanel';
-export { CreateTearsheet, CreateTearsheetStep, CreateTearsheetDivider } from './CreateTearsheet';
-export { CreateTearsheetNarrow } from './CreateTearsheetNarrow';
-export { EmptyState, ErrorEmptyState, NoDataEmptyState, NoTagsEmptyState, NotFoundEmptyState, NotificationsEmptyState, UnauthorizedEmptyState } from './EmptyStates';
-export { ExportModal } from './ExportModal';
-export { ExpressiveCard } from './ExpressiveCard';
-export { HTTPError403, HTTPError404, HTTPErrorOther } from './HTTPErrors';
-export { ImportModal } from './ImportModal';
-export { ModifiedTabs } from './ModifiedTabs';
-export { MultiAddSelect } from './MultiAddSelect';
-export { NotificationsPanel } from './NotificationsPanel';
-export { PageHeader } from './PageHeader';
-export { ProductiveCard } from './ProductiveCard';
-export { RemoveModal } from './RemoveModal';
-export { Saving } from './Saving';
-export { SidePanel } from './SidePanel';
-export { SingleAddSelect } from './SingleAddSelect';
-export { StatusIcon } from './StatusIcon';
-export { TagSet } from './TagSet';
-export { Tearsheet, TearsheetNarrow } from './Tearsheet';
-export { Toolbar, ToolbarButton, ToolbarGroup } from './Toolbar';
-export { UserProfileImage } from './UserProfileImage';
-export { WebTerminal, WebTerminalContentWrapper, useWebTerminal, WebTerminalProvider } from './WebTerminal';
-export { EditSidePanel } from './EditSidePanel';
-export { OptionsTile } from './OptionsTile';
-export { InlineEdit } from './InlineEdit';
-export { DataSpreadsheet } from './DataSpreadsheet';
-export { Datagrid, useDatagrid, useInfiniteScroll, useNestedRows, useSelectRows, useExpandedRow, useOnRowClick, useSortableColumns, useRowIsMouseOver, useColumnRightAlign, useDisableSelectRows, useStickyColumn, useActionsColumn, useCustomizeColumns, useSelectAllWithToggle, useColumnOrder, useInlineEdit } from './Datagrid';
-export { EditTearsheet } from './EditTearsheet';
-export { EditTearsheetNarrow } from './EditTearsheetNarrow';
-export { EditFullPage } from './EditFullPage';
-export { EditUpdateCards } from './EditUpdateCards';

package/es/global/js/hooks/index.js

@@ -1,17 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-export { useActiveElement } from './useActiveElement';
-export { useNearestScroll, useWindowScroll } from './useWindowScroll';
-export { useWindowResize } from './useWindowResize';
-export { useClickOutside } from './useClickOutside';
-export { useCreateComponentFocus } from './useCreateComponentFocus';
-export { useCreateComponentStepChange } from './useCreateComponentStepChange';
-export { usePreviousValue } from './usePreviousValue';
-export { useResetCreateComponent } from './useResetCreateComponent';
-export { useRetrieveStepData } from './useRetrieveStepData';
-export { useValidCreateStepCount } from './useValidCreateStepCount';
-export { useControllableState } from './useControllableState';

package/es/global/js/hooks/useActiveElement.js

@@ -1,27 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
-/**
- * Copyright IBM Corp. 2022, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { useState, useEffect } from 'react';
-export var useActiveElement = function useActiveElement() {
-  var _useState = useState(document.activeElement),
-      _useState2 = _slicedToArray(_useState, 2),
-      active = _useState2[0],
-      setActive = _useState2[1];
-
-  var handleFocusIn = function handleFocusIn() {
-    setActive(document.activeElement);
-  };
-
-  useEffect(function () {
-    document.addEventListener('focusin', handleFocusIn);
-    return function () {
-      document.removeEventListener('focusin', handleFocusIn);
-    };
-  }, []);
-  return active;
-};

package/es/global/js/hooks/useClickOutside.js

@@ -1,21 +0,0 @@
-/**
- * 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.
- */
-import { useEffect } from 'react';
-export var useClickOutside = function useClickOutside(ref, callback) {
-  var handleClick = function handleClick(event) {
-    if (ref.current && !ref.current.contains(event.target)) {
-      callback(event.target);
-    }
-  };
-
-  useEffect(function () {
-    document.addEventListener('click', handleClick);
-    return function () {
-      document.removeEventListener('click', handleClick);
-    };
-  });
-};

package/es/global/js/hooks/useControllableState.js

@@ -1,83 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
-/**
- * Copyright IBM Corp. 2016, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { useEffect, useRef, useState } from 'react';
-import pconsole from '../utils/pconsole';
-/**
- * This custom hook simplifies the behavior of a component if it has state that
- * can be both controlled and uncontrolled. It functions identical to a
- * useState() hook and provides [state, setState] for you to use. You can use
- * the `onChange` argument to allow updates to the `state` to be communicated to
- * owners of controlled components.
- *
- * Note: this hook will warn if a component is switching from controlled to
- * uncontrolled, or vice-versa.
- *
- * @param {object} config
- * @param {string} config.name - the name of the custom component
- * @param {any} config.defaultValue - the default value used for the state. This will be
- * the fallback value used if `value` is not defined.
- * @param {Function} config.onChange - an optional function that is called when
- * the value of the state changes. This is useful for communicating to parents of
- * controlled components that the value is requesting to be changed.
- * @param {any} config.value - a controlled value. Omitting this means that the state is
- * uncontrolled
- * @returns {[any, Function]}
- */
-
-export function useControllableState(_ref) {
-  var defaultValue = _ref.defaultValue,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? 'custom' : _ref$name,
-      onChange = _ref.onChange,
-      value = _ref.value;
-
-  var _useState = useState(value !== null && value !== void 0 ? value : defaultValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      internalSetState = _useState2[1];
-
-  var controlled = useRef(null);
-
-  if (controlled.current === null) {
-    controlled.current = value !== undefined;
-  }
-
-  function setState(stateOrUpdater) {
-    var value = typeof stateOrUpdater === 'function' ? stateOrUpdater(state) : stateOrUpdater;
-
-    if (controlled.current === false) {
-      internalSetState(value);
-    }
-
-    if (onChange) {
-      onChange(value);
-    }
-  }
-
-  useEffect(function () {
-    var controlledValue = value !== undefined; // Uncontrolled -> Controlled
-    // If the component prop is uncontrolled, the prop value should be undefined
-
-    if (controlled.current === false && controlledValue) {
-      pconsole.warn("A component is changing an uncontrolled %s component to be controlled.\n          This is likely caused by the value changing to a defined value\n          from undefined. Decide between using a controlled or uncontrolled\n          value for the lifetime of the component.\n          More info: https://reactjs.org/link/controlled-components");
-    } // Controlled -> Uncontrolled
-    // If the component prop is controlled, the prop value should be defined
-
-
-    if (controlled.current === true && !controlledValue) {
-      pconsole.warn("A component is changing a controlled %s component to be uncontrolled.\n        'This is likely caused by the value changing to an undefined value\n        'from a defined one. Decide between using a controlled or\n        'uncontrolled value for the lifetime of the component.\n        'More info: https://reactjs.org/link/controlled-components");
-    }
-  }, [name, value]);
-
-  if (controlled.current === true) {
-    return [value, setState];
-  }
-
-  return [state, setState];
-}

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

@@ -1,33 +0,0 @@
-/**
- * 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 { useEffect } from 'react';
-import { getFocusableElements } from '../utils/getFocusableElements'; // Focus the first focusable element and call the onMount prop for the current step if one is provided
-
-export var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
-  var previousState = _ref.previousState,
-      currentStep = _ref.currentStep,
-      blockClass = _ref.blockClass,
-      onMount = _ref.onMount;
-  useEffect(function () {
-    if (typeof onMount === 'function') {
-      onMount();
-    }
-  }, [onMount]);
-  useEffect(function () {
-    if ((previousState === null || previousState === void 0 ? void 0 : previousState.currentStep) !== currentStep && currentStep > 0) {
-      var visibleStepInnerContent = document.querySelector(".".concat(blockClass, "__step.").concat(blockClass, "__step__step--visible-step"));
-      var focusableStepElements = visibleStepInnerContent ? getFocusableElements(visibleStepInnerContent) : [];
-
-      if (focusableStepElements && focusableStepElements.length) {
-        focusableStepElements[0].focus();
-      } else {
-        var nextButton = document.querySelector(".".concat(blockClass, "__create-button"));
-        nextButton === null || nextButton === void 0 ? void 0 : nextButton.focus();
-      }
-    }
-  }, [currentStep, previousState, blockClass, onMount]);
-};

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

@@ -1,240 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-
-/**
- * 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.
- */
-import { useCallback, useEffect } from 'react';
-export 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;
-  // useEffect to handle multi step logic
-  useEffect(function () {
-    var onUnmount = function onUnmount() {
-      if (componentName !== 'CreateFullPage') {
-        setCurrentStep(0);
-      }
-
-      setIsSubmitting(false);
-      setShouldViewAll(false);
-      onClose();
-    };
-
-    var handleOnRequestSubmit = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.prev = 0;
-                _context.next = 3;
-                return onRequestSubmit();
-
-              case 3:
-                onUnmount();
-                _context.next = 10;
-                break;
-
-              case 6:
-                _context.prev = 6;
-                _context.t0 = _context["catch"](0);
-                setIsSubmitting(false);
-                console.warn("".concat(componentName, " submit error: ").concat(_context.t0));
-
-              case 10:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, null, [[0, 6]]);
-      }));
-
-      return function handleOnRequestSubmit() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-
-    var handleNext = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                setIsSubmitting(true);
-
-                if (!(typeof onNext === 'function')) {
-                  _context2.next = 14;
-                  break;
-                }
-
-                _context2.prev = 2;
-                _context2.next = 5;
-                return onNext();
-
-              case 5:
-                continueToNextStep();
-                _context2.next = 12;
-                break;
-
-              case 8:
-                _context2.prev = 8;
-                _context2.t0 = _context2["catch"](2);
-                setIsSubmitting(false);
-                console.warn("".concat(componentName, " onNext error: ").concat(_context2.t0));
-
-              case 12:
-                _context2.next = 15;
-                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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                setIsSubmitting(true); // last step should have onNext as well
-
-                if (!(typeof onNext === 'function')) {
-                  _context3.next = 15;
-                  break;
-                }
-
-                _context3.prev = 2;
-                _context3.next = 5;
-                return onNext();
-
-              case 5:
-                _context3.next = 7;
-                return handleOnRequestSubmit();
-
-              case 7:
-                _context3.next = 13;
-                break;
-
-              case 9:
-                _context3.prev = 9;
-                _context3.t0 = _context3["catch"](2);
-                setIsSubmitting(false);
-                console.warn("".concat(componentName, " onNext error: ").concat(_context3.t0));
-
-              case 13:
-                _context3.next = 17;
-                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',
-          label: backButtonText,
-          onClick: function onClick() {
-            return setCurrentStep(function (prev) {
-              // Find previous included step to render
-              // There will always be a previous step otherwise we will
-              // 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;
-            });
-          },
-          kind: 'secondary',
-          disabled: currentStep === firstIncludedStep
-        });
-      }
-
-      buttons.push({
-        key: 'create-action-button-cancel',
-        label: cancelButtonText,
-        onClick: componentName === 'CreateFullPage' ? function () {
-          return setModalIsOpen(true);
-        } : onUnmount,
-        kind: 'ghost'
-      });
-      buttons.push({
-        key: 'create-action-button-submit',
-        label: shouldViewAll ? submitButtonText : currentStep < lastIncludedStep ? nextButtonText : submitButtonText,
-        onClick: shouldViewAll ? handleSubmit : currentStep < lastIncludedStep ? handleNext : handleSubmit,
-        disabled: isSubmitDisabled,
-        kind: 'primary',
-        loading: isSubmitting,
-        className: "".concat(componentBlockClass, "__create-button")
-      });
-      setCreateComponentActions(buttons);
-    }
-  }, [firstIncludedStep, lastIncludedStep, stepData, onNext, isSubmitDisabled, backButtonText, cancelButtonText, currentStep, onClose, nextButtonText, submitButtonText, onRequestSubmit, isSubmitting, shouldViewAll, componentBlockClass, componentName, continueToNextStep, setCurrentStep, setCreateComponentActions, setIsSubmitting, setShouldViewAll, setModalIsOpen]);
-  var continueToNextStep = useCallback(function () {
-    setIsSubmitting(false);
-    setCurrentStep(function (prev) {
-      // Find next included step to render
-      // There will always be a next step otherwise we will
-      // have reach the onSubmit
-      do {
-        var _stepData2;
-
-        prev++;
-      } while (!((_stepData2 = stepData[prev - 1]) !== null && _stepData2 !== void 0 && _stepData2.shouldIncludeStep));
-
-      return prev;
-    });
-  }, [setCurrentStep, setIsSubmitting, stepData]);
-};

package/es/global/js/hooks/usePreviousValue.js

@@ -1,19 +0,0 @@
-/**
- * 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 { useEffect, useRef } from 'react';
-/**
- * Returns the previous state values included in the param
- * @param {object} value
- */
-
-export var usePreviousValue = function usePreviousValue(value) {
-  var ref = useRef();
-  useEffect(function () {
-    ref.current = value;
-  });
-  return ref.current;
-};

package/es/global/js/hooks/useResetCreateComponent.js

@@ -1,47 +0,0 @@
-/**
- * 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.
- */
-import { useEffect } from 'react';
-import { getNumberOfHiddenSteps } from '../utils/getNumberOfHiddenSteps';
-/**
- * Resets the current step of the create component if it has been closed.
- * @param {object} useResetCreateComponent - Create component that uses this custom hook
- * @param {object} useResetCreateComponent.firstIncludedStep
- * @param {object} useResetCreateComponent.previousState
- * @param {boolean} useResetCreateComponent.open
- * @param {Function} useResetCreateComponent.setCurrentStep
- * @param {object} useResetCreateComponent.stepData
- * @param {number} useResetCreateComponent.initialStep
- * @param {number} useResetCreateComponent.totalSteps
- * @param {string} useResetCreateComponent.componentName
- */
-
-export 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;
-  useEffect(function () {
-    if (!(previousState !== null && previousState !== void 0 && previousState.open) && open) {
-      if (initialStep && totalSteps && Number(initialStep) <= Number(totalSteps) && Number(initialStep) > 0) {
-        var numberOfHiddenSteps = getNumberOfHiddenSteps(stepData, initialStep);
-        setCurrentStep(Number(initialStep + numberOfHiddenSteps));
-      } 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
-
-
-      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]);
-};

package/es/global/js/hooks/useRetrieveStepData.js

@@ -1,51 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-
-/**
- * Copyright IBM Corp. 2022, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { useEffect } from 'react';
-/**
- * This useEffect makes sure that every CreateTearsheetStep/CreateFullPageStep reports back it's
- * title, secondaryLabel, introStep, and shouldIncludeStep data so that it can be sent to the CreateInfluencer.
- * @param {object} useResetCreateComponent
- * @param {object} useResetCreateComponent.stepsContext
- * @param {number} useResetCreateComponent.stepNumber
- * @param {boolean} useResetCreateComponent.introStep
- * @param {boolean} useResetCreateComponent.shouldIncludeStep
- * @param {string} useResetCreateComponent.secondaryLabel
- * @param {string} useResetCreateComponent.title
- */
-
-export var useRetrieveStepData = function useRetrieveStepData(_ref) {
-  var stepsContext = _ref.stepsContext,
-      stepNumber = _ref.stepNumber,
-      introStep = _ref.introStep,
-      shouldIncludeStep = _ref.shouldIncludeStep,
-      secondaryLabel = _ref.secondaryLabel,
-      title = _ref.title;
-  useEffect(function () {
-    if (stepsContext) {
-      stepsContext.setStepData(function (prev) {
-        var stepItem = {
-          title: title,
-          secondaryLabel: secondaryLabel,
-          introStep: introStep,
-          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 = _toConsumableArray(prev);
-
-          clone[stepNumber - 1] = stepItem;
-          return clone;
-        }
-
-        return prev;
-      });
-    }
-  }, [shouldIncludeStep, title, secondaryLabel, introStep, stepsContext, stepNumber]);
-};

package/es/global/js/hooks/useValidCreateStepCount.js

@@ -1,20 +0,0 @@
-/**
- * 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 { useEffect } from 'react';
-/**
- * Logs a warning to console if an invalid number of steps are used with the given CreateComponent
- * @param {number} stepCount
- * @param {string} componentName
- */
-
-export var useValidCreateStepCount = function useValidCreateStepCount(stepCount, componentName) {
-  useEffect(function () {
-    if (stepCount === 1) {
-      console.warn("".concat(componentName, ": ").concat(componentName, "s with one step are not permitted. If you require only one step, please use either the CreateTearsheetNarrow, CreateSidePanel, or CreateModal components."));
-    }
-  }, [stepCount, componentName]);
-};

package/es/global/js/hooks/useWindowResize.js

@@ -1,68 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _typeof from "@babel/runtime/helpers/typeof";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import { useRef, useLayoutEffect } from 'react';
-var windowExists = (typeof window === "undefined" ? "undefined" : _typeof(window)) !== "undefined";
-
-var getWindowSize = function getWindowSize() {
-  if (!windowExists) {
-    return {
-      innerHeight: 0,
-      innerWidth: 0,
-      outerHeight: 0,
-      outerWidth: 0
-    };
-  }
-
-  var _window = _objectSpread({}, window),
-      innerHeight = _window.innerHeight,
-      innerWidth = _window.innerWidth,
-      outerHeight = _window.outerHeight,
-      outerWidth = _window.outerWidth;
-
-  return {
-    innerHeight: innerHeight,
-    innerWidth: innerWidth,
-    outerHeight: outerHeight,
-    outerWidth: outerWidth
-  };
-};
-
-export var useWindowResize = function useWindowResize(effect, deps) {
-  var throttleInterval = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  var windowSize = useRef({});
-  var throttleTimeout = useRef(null);
-
-  var doGetWindowSize = function doGetWindowSize() {
-    var newVal = {
-      previous: windowSize.current,
-      current: getWindowSize()
-    }; // call effect
-
-    effect(newVal);
-    windowSize.current = newVal.current;
-    throttleTimeout.current = null;
-  };
-
-  useLayoutEffect(function () {
-    var handleResize = function handleResize() {
-      if (throttleInterval) {
-        if (throttleTimeout.current === null) {
-          throttleTimeout.current = setTimeout(doGetWindowSize, throttleInterval);
-        }
-      } else {
-        doGetWindowSize();
-      }
-    };
-
-    window.addEventListener('resize', handleResize);
-    doGetWindowSize();
-    return function () {
-      return window.removeEventListener('resize', handleResize);
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, deps);
-};