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

package/lib/components/index.js

@@ -99,6 +99,12 @@ Object.defineProperty(exports, "EditFullPage", {
     return _EditFullPage.EditFullPage;
   }
 });
+Object.defineProperty(exports, "EditInPlace", {
+  enumerable: true,
+  get: function get() {
+    return _EditInPlace.EditInPlace;
+  }
+});
 Object.defineProperty(exports, "EditSidePanel", {
   enumerable: true,
   get: function get() {
@@ -171,18 +177,6 @@ Object.defineProperty(exports, "ImportModal", {
     return _ImportModal.ImportModal;
   }
 });
-Object.defineProperty(exports, "InlineEdit", {
-  enumerable: true,
-  get: function get() {
-    return _InlineEdit.InlineEdit;
-  }
-});
-Object.defineProperty(exports, "ModifiedTabs", {
-  enumerable: true,
-  get: function get() {
-    return _ModifiedTabs.ModifiedTabs;
-  }
-});
 Object.defineProperty(exports, "MultiAddSelect", {
   enumerable: true,
   get: function get() {
@@ -333,12 +327,24 @@ Object.defineProperty(exports, "WebTerminalProvider", {
     return _WebTerminal.WebTerminalProvider;
   }
 });
+Object.defineProperty(exports, "getAutoSizedColumnWidth", {
+  enumerable: true,
+  get: function get() {
+    return _Datagrid.getAutoSizedColumnWidth;
+  }
+});
 Object.defineProperty(exports, "useActionsColumn", {
   enumerable: true,
   get: function get() {
     return _Datagrid.useActionsColumn;
   }
 });
+Object.defineProperty(exports, "useColumnCenterAlign", {
+  enumerable: true,
+  get: function get() {
+    return _Datagrid.useColumnCenterAlign;
+  }
+});
 Object.defineProperty(exports, "useColumnOrder", {
   enumerable: true,
   get: function get() {
@@ -375,6 +381,12 @@ Object.defineProperty(exports, "useExpandedRow", {
     return _Datagrid.useExpandedRow;
   }
 });
+Object.defineProperty(exports, "useFiltering", {
+  enumerable: true,
+  get: function get() {
+    return _Datagrid.useFiltering;
+  }
+});
 Object.defineProperty(exports, "useInfiniteScroll", {
   enumerable: true,
   get: function get() {
@@ -435,79 +447,40 @@ 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 _EditInPlace = require("./EditInPlace");
 var _DataSpreadsheet = require("./DataSpreadsheet");
-
 var _Datagrid = require("./Datagrid");
-
 var _EditTearsheet = require("./EditTearsheet");
-
 var _EditTearsheetNarrow = require("./EditTearsheetNarrow");
-
 var _EditFullPage = require("./EditFullPage");
-
 var _EditUpdateCards = require("./EditUpdateCards");

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

@@ -75,25 +75,14 @@ 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");
-
 var _useControllableState = require("./useControllableState");

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/useControllableState.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useControllableState = useControllableState;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _pconsole = _interopRequireDefault(require("../utils/pconsole"));
-
 /**
  * Copyright IBM Corp. 2016, 2022
  *
@@ -43,52 +38,43 @@ var _pconsole = _interopRequireDefault(require("../utils/pconsole"));
  */
 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;
-
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? 'custom' : _ref$name,
+    onChange = _ref.onChange,
+    value = _ref.value;
   var _useState = (0, _react.useState)(value !== null && value !== void 0 ? value : defaultValue),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      state = _useState2[0],
-      internalSetState = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    state = _useState2[0],
+    internalSetState = _useState2[1];
   var controlled = (0, _react.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);
     }
   }
-
   (0, _react.useEffect)(function () {
-    var controlledValue = value !== undefined; // Uncontrolled -> Controlled
+    var controlledValue = value !== undefined;
+    // Uncontrolled -> Controlled
     // If the component prop is uncontrolled, the prop value should be undefined
-
     if (controlled.current === false && controlledValue) {
       _pconsole.default.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
-
+    }
 
+    // Controlled -> Uncontrolled
+    // If the component prop is controlled, the prop value should be defined
     if (controlled.current === true && !controlledValue) {
       _pconsole.default.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/lib/global/js/hooks/useCreateComponentFocus.js

@@ -1,44 +1,62 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCreateComponentFocus = void 0;
-
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
-
-var _getFocusableElements = require("../utils/getFocusableElements");
-
+var _wait = _interopRequireDefault(require("../utils/wait"));
 /**
  * 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,
+    firstFocusElement = _ref.firstFocusElement;
   (0, _react.useEffect)(function () {
     if (typeof onMount === 'function') {
       onMount();
     }
   }, [onMount]);
   (0, _react.useEffect)(function () {
+    // because of how handleStackChange.claimFocus in TearsheetShell works a timeout is required to focus on specific elements
+    var awaitFocus = /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(elm) {
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return (0, _wait.default)(10);
+            case 2:
+              elm.focus();
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function awaitFocus(_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     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 {
-        var nextButton = document.querySelector(".".concat(blockClass, "__create-button"));
-        nextButton === null || nextButton === void 0 ? void 0 : nextButton.focus();
+      if (firstFocusElement) {
+        var elm = document.querySelector(firstFocusElement);
+        if (elm) {
+          awaitFocus(elm);
+        }
       }
     }
-  }, [currentStep, previousState, blockClass, onMount]);
+  }, [currentStep, previousState, blockClass, onMount, firstFocusElement]);
 };
-
 exports.useCreateComponentFocus = useCreateComponentFocus;