@carbon/ibm-products 1.34.1 → 1.35.0

package/lib/components/WebTerminal/preview-components/Navigation.js

@@ -1,30 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _carbonComponentsReact = require("carbon-components-react");
-
 var _iconsReact = require("@carbon/icons-react");
-
 var _hooks = require("../hooks");
-
 //
 // 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.
 //
+
 var Navigation = function Navigation() {
   var _useWebTerminal = (0, _hooks.useWebTerminal)(),
-      openWebTerminal = _useWebTerminal.openWebTerminal;
-
+    openWebTerminal = _useWebTerminal.openWebTerminal;
   return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Header, {
     "aria-label": "IBM Platform Name"
   }, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.HeaderName, {
@@ -41,6 +35,5 @@ var Navigation = function Navigation() {
     onClick: function onClick() {}
   }, /*#__PURE__*/_react.default.createElement(_iconsReact.User20, null))));
 };
-
 var _default = Navigation;
 exports.default = _default;

package/lib/components/WebTerminal/preview-components/documentationLinks.js

@@ -10,6 +10,7 @@ exports.documentationLinks = void 0;
 // 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 documentationLinks = [{
   itemText: 'BX/ICP docs',
   href: '#',

package/lib/components/WebTerminal/preview-components/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "Navigation", {
     return _Navigation.default;
   }
 });
-
 var _Navigation = _interopRequireDefault(require("./Navigation"));

package/lib/components/_Canary/Canary.js

@@ -1,39 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Canary = 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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _packageSettings = _interopRequireDefault(require("../../global/js/package-settings"));
-
 var _carbonComponentsReact = require("carbon-components-react");
-
 var _excluded = ["className", "componentName"];
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(_packageSettings.default.prefix, "--canary");
+
 /**
  *  Canary component used when the component requested is not yet production
  */
-
-var Canary = function Canary(_ref
-/*, originalArgs*/
-) {
+var Canary = function Canary(_ref /*, originalArgs*/) {
   var className = _ref.className,
-      componentName = _ref.componentName,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    componentName = _ref.componentName,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var instructions = "\nimport { pkg } from '@carbon/ibm-products';\n// NOTE: must happen before component is first used\npkg.component.".concat(componentName, " = true;\n");
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
     className: (0, _classnames.default)(blockClass, className)
@@ -43,12 +32,10 @@ var Canary = function Canary(_ref
     href: "https://codesandbox.io/s/example-component-olif5?file=/src/config.js"
   }, "codesandbox"), "."));
 };
-
 exports.Canary = Canary;
 Canary.propTypes = {
   /** Provide an optional class to be applied to the containing node */
   className: _propTypes.default.string,
-
   /** Name of the component that is not ready yet */
   componentName: _propTypes.default.string.isRequired
 };

package/lib/components/_Canary/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "Canary", {
     return _Canary.Canary;
   }
 });
-
 var _Canary = require("./Canary");

package/lib/components/index.js

@@ -117,6 +117,12 @@ Object.defineProperty(exports, "EditTearsheetNarrow", {
     return _EditTearsheetNarrow.EditTearsheetNarrow;
   }
 });
+Object.defineProperty(exports, "EditUpdateCards", {
+  enumerable: true,
+  get: function get() {
+    return _EditUpdateCards.EditUpdateCards;
+  }
+});
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
   get: function get() {
@@ -435,79 +441,42 @@ Object.defineProperty(exports, "useWebTerminal", {
     return _WebTerminal.useWebTerminal;
   }
 });
-
 var _AboutModal = require("./AboutModal");
-
 var _APIKeyModal = require("./APIKeyModal");
-
 var _Cascade = require("./Cascade");
-
 var _ComboButton = require("./ComboButton");
-
 var _CreateFullPage = require("./CreateFullPage");
-
 var _CreateModal = require("./CreateModal");
-
 var _CreateSidePanel = require("./CreateSidePanel");
-
 var _CreateTearsheet = require("./CreateTearsheet");
-
 var _CreateTearsheetNarrow = require("./CreateTearsheetNarrow");
-
 var _EmptyStates = require("./EmptyStates");
-
 var _ExportModal = require("./ExportModal");
-
 var _ExpressiveCard = require("./ExpressiveCard");
-
 var _HTTPErrors = require("./HTTPErrors");
-
 var _ImportModal = require("./ImportModal");
-
 var _ModifiedTabs = require("./ModifiedTabs");
-
 var _MultiAddSelect = require("./MultiAddSelect");
-
 var _NotificationsPanel = require("./NotificationsPanel");
-
 var _PageHeader = require("./PageHeader");
-
 var _ProductiveCard = require("./ProductiveCard");
-
 var _RemoveModal = require("./RemoveModal");
-
 var _Saving = require("./Saving");
-
 var _SidePanel = require("./SidePanel");
-
 var _SingleAddSelect = require("./SingleAddSelect");
-
 var _StatusIcon = require("./StatusIcon");
-
 var _TagSet = require("./TagSet");
-
 var _Tearsheet = require("./Tearsheet");
-
 var _Toolbar = require("./Toolbar");
-
 var _UserProfileImage = require("./UserProfileImage");
-
 var _WebTerminal = require("./WebTerminal");
-
 var _EditSidePanel = require("./EditSidePanel");
-
 var _OptionsTile = require("./OptionsTile");
-
 var _InlineEdit = require("./InlineEdit");
-
 var _DataSpreadsheet = require("./DataSpreadsheet");
-
 var _Datagrid = require("./Datagrid");
-
 var _EditTearsheet = require("./EditTearsheet");
-
 var _EditTearsheetNarrow = require("./EditTearsheetNarrow");
-
 var _EditFullPage = require("./EditFullPage");
-
+var _EditUpdateCards = require("./EditUpdateCards");
 var _InlineEditV = require("./InlineEditV2");

package/lib/global/js/hooks/index.js

@@ -69,23 +69,13 @@ Object.defineProperty(exports, "useWindowScroll", {
     return _useWindowScroll.useWindowScroll;
   }
 });
-
 var _useActiveElement = require("./useActiveElement");
-
 var _useWindowScroll = require("./useWindowScroll");
-
 var _useWindowResize = require("./useWindowResize");
-
 var _useClickOutside = require("./useClickOutside");
-
 var _useCreateComponentFocus = require("./useCreateComponentFocus");
-
 var _useCreateComponentStepChange = require("./useCreateComponentStepChange");
-
 var _usePreviousValue = require("./usePreviousValue");
-
 var _useResetCreateComponent = require("./useResetCreateComponent");
-
 var _useRetrieveStepData = require("./useRetrieveStepData");
-
 var _useValidCreateStepCount = require("./useValidCreateStepCount");

package/lib/global/js/hooks/useActiveElement.js

@@ -1,32 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useActiveElement = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 /**
  * 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 useActiveElement = function useActiveElement() {
   var _useState = (0, _react.useState)(document.activeElement),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      active = _useState2[0],
-      setActive = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
   var handleFocusIn = function handleFocusIn() {
     setActive(document.activeElement);
   };
-
   (0, _react.useEffect)(function () {
     document.addEventListener('focusin', handleFocusIn);
     return function () {
@@ -35,5 +30,4 @@ var useActiveElement = function useActiveElement() {
   }, []);
   return active;
 };
-
 exports.useActiveElement = useActiveElement;

package/lib/global/js/hooks/useClickOutside.js

@@ -4,22 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useClickOutside = void 0;
-
 var _react = require("react");
-
 /**
  * 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 useClickOutside = function useClickOutside(ref, callback) {
   var handleClick = function handleClick(event) {
     if (ref.current && !ref.current.contains(event.target)) {
       callback(event.target);
     }
   };
-
   (0, _react.useEffect)(function () {
     document.addEventListener('click', handleClick);
     return function () {
@@ -27,5 +25,4 @@ var useClickOutside = function useClickOutside(ref, callback) {
     };
   });
 };
-
 exports.useClickOutside = useClickOutside;

package/lib/global/js/hooks/useCreateComponentFocus.js

@@ -4,23 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCreateComponentFocus = void 0;
-
 var _react = require("react");
-
 var _getFocusableElements = require("../utils/getFocusableElements");
-
 /**
  * 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.
  */
+
 // Focus the first focusable element and call the onMount prop for the current step if one is provided
 var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
   var previousState = _ref.previousState,
-      currentStep = _ref.currentStep,
-      blockClass = _ref.blockClass,
-      onMount = _ref.onMount;
+    currentStep = _ref.currentStep,
+    blockClass = _ref.blockClass,
+    onMount = _ref.onMount;
   (0, _react.useEffect)(function () {
     if (typeof onMount === 'function') {
       onMount();
@@ -30,7 +28,6 @@ var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
     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 ? (0, _getFocusableElements.getFocusableElements)(visibleStepInnerContent) : [];
-
       if (focusableStepElements && focusableStepElements.length) {
         focusableStepElements[0].focus();
       } else {
@@ -40,5 +37,4 @@ var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
     }
   }, [currentStep, previousState, blockClass, onMount]);
 };
-
 exports.useCreateComponentFocus = useCreateComponentFocus;

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

@@ -1,58 +1,52 @@
 "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) {
@@ -62,18 +56,15 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
                 _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();
@@ -81,12 +72,10 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
           }
         }, _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) {
@@ -94,34 +83,27 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
             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();
@@ -129,51 +111,42 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
           }
         }, _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
-
+                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();
@@ -181,15 +154,12 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
           }
         }, _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 +171,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 +180,6 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
           disabled: currentStep === firstIncludedStep
         });
       }
-
       buttons.push({
         key: 'create-action-button-cancel',
         label: cancelButtonText,
@@ -241,13 +208,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,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useResetCreateComponent = void 0;
-
 var _react = require("react");
-
 /**
  * Copyright IBM Corp. 2021, 2022
  *
@@ -27,12 +25,12 @@ var _react = require("react");
  */
 var useResetCreateComponent = function useResetCreateComponent(_ref) {
   var firstIncludedStep = _ref.firstIncludedStep,
-      previousState = _ref.previousState,
-      open = _ref.open,
-      setCurrentStep = _ref.setCurrentStep,
-      initialStep = _ref.initialStep,
-      totalSteps = _ref.totalSteps,
-      componentName = _ref.componentName;
+    previousState = _ref.previousState,
+    open = _ref.open,
+    setCurrentStep = _ref.setCurrentStep,
+    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) {
@@ -40,14 +38,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, initialStep, totalSteps, componentName]);
 };
-
 exports.useResetCreateComponent = useResetCreateComponent;