@carbon/ibm-products 1.25.1 → 1.31.0

package/lib/components/Datagrid/useRowSize.js

@@ -7,19 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _react = require("react");
 
 var _RowSize = require("./Datagrid/addons/RowSize");
 
-/*
- * Licensed Materials - Property of IBM
- * 5724-Q36
- * (c) Copyright IBM Corp. 2020, 2021
- * US Government Users Restricted Rights - Use, duplication or disclosure
- * restricted by GSA ADP Schedule Contract with IBM Corp.
- */
+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; }
+
 var useRowSize = function useRowSize(hooks) {
   var _useState = (0, _react.useState)(''),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -27,13 +26,19 @@ var useRowSize = function useRowSize(hooks) {
       setRowSize = _useState2[1];
 
   hooks.useInstance.push(function (instance) {
-    var rowSizes = instance.rowSizes,
+    var rowSizeProps = instance.rowSizeProps,
+        rowSizes = instance.rowSizes,
         rowSize = instance.rowSize,
         onRowSizeChange = instance.onRowSizeChange;
+
+    var _ref = rowSizeProps || {},
+        labels = _ref.labels;
+
     Object.assign(instance, {
       rowSize: internalRowSize || rowSize,
-      rowSizeDropdownProps: {
-        rowSizes: rowSizes,
+      rowSizeDropdownProps: _objectSpread(_objectSpread({
+        rowSizes: rowSizes
+      }, labels), {}, {
         selectedOption: internalRowSize || rowSize,
         onChange: function onChange(value) {
           setRowSize(value);
@@ -42,13 +47,13 @@ var useRowSize = function useRowSize(hooks) {
             onRowSizeChange(value);
           }
         }
-      },
+      }),
       RowSizeDropdown: _RowSize.RowSizeDropdown
     });
   });
 
-  var getTableProps = function getTableProps(props, _ref) {
-    var instance = _ref.instance;
+  var getTableProps = function getTableProps(props, _ref2) {
+    var instance = _ref2.instance;
     var rowSize = instance.rowSize;
 
     if (!rowSize) {

package/lib/components/Datagrid/useSelectRows.js

@@ -51,6 +51,11 @@ var useSelectRows = function useSelectRows(hooks) {
   };
 
   hooks.useInstance.push(useInstance);
+  hooks.useInstance.push(function (instance) {
+    Object.assign(instance, {
+      withSelectRows: true
+    });
+  });
   hooks.visibleColumns.push(function (columns) {
     return [{
       id: _commonColumnIds.selectionColumnId,
@@ -68,7 +73,7 @@ var useHighlightSelection = function useHighlightSelection(hooks) {
   var getRowProps = function getRowProps(props, _ref) {
     var row = _ref.row;
     return [props, {
-      className: (0, _classnames.default)("".concat(blockClass, "__carbon-row"), row.getToggleRowSelectedProps().checked ? 'bx--data-table--selected' : '')
+      className: (0, _classnames.default)("".concat(blockClass, "__carbon-row"), row.getToggleRowSelectedProps().checked ? "".concat(_settings.carbon.prefix, "--data-table--selected ").concat(blockClass, "__active-row") : '')
     }];
   };
 
@@ -76,6 +81,8 @@ var useHighlightSelection = function useHighlightSelection(hooks) {
 };
 
 var SelectRow = function SelectRow(datagridState) {
+  var _columns$;
+
   var _datagridState$isFetc = datagridState.isFetching,
       isFetching = _datagridState$isFetc === void 0 ? false : _datagridState$isFetc,
       tableId = datagridState.tableId,
@@ -83,7 +90,9 @@ var SelectRow = function SelectRow(datagridState) {
       cell = datagridState.cell,
       radio = datagridState.radio,
       toggleAllRowsSelected = datagridState.toggleAllRowsSelected,
-      onRadioSelect = datagridState.onRadioSelect;
+      onRadioSelect = datagridState.onRadioSelect,
+      columns = datagridState.columns,
+      withStickyColumn = datagridState.withStickyColumn;
   var selectDisabled = isFetching || row.getRowProps().selectDisabled;
 
   var _row$getToggleRowSele = row.getToggleRowSelectedProps(),
@@ -91,6 +100,7 @@ var SelectRow = function SelectRow(datagridState) {
       selectProps = (0, _objectWithoutProperties2.default)(_row$getToggleRowSele, _excluded);
 
   var cellProps = cell.getCellProps();
+  var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
   return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.TableSelectRow, (0, _extends2.default)({}, cellProps, selectProps, {
     radio: radio,
     onSelect: function onSelect(e) {
@@ -108,7 +118,7 @@ var SelectRow = function SelectRow(datagridState) {
     },
     id: "".concat(tableId, "-").concat(row.index),
     name: "".concat(tableId, "-").concat(row.index, "-name"),
-    className: (0, _classnames.default)("".concat(blockClass, "__checkbox-cell"), cellProps.className),
+    className: (0, _classnames.default)("".concat(blockClass, "__checkbox-cell"), cellProps.className, (0, _defineProperty2.default)({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), isFirstColumnStickyLeft)),
     ariaLabel: "".concat(tableId, "-row-").concat(row.index) // TODO: aria label should be i18n'ed
     ,
     disabled: selectDisabled

package/lib/components/Datagrid/useStickyColumn.js

@@ -23,6 +23,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 var styleClassPrefix = "".concat(blockClass, "__right-sticky-column");
+var leftStickyStyleClassPrefix = "".concat(blockClass, "__left-sticky-column");
 var OFFSET_SCROLL_CLASS = "".concat(styleClassPrefix, "-offset-scroll");
 
 var useStickyColumn = function useStickyColumn(hooks) {
@@ -123,6 +124,9 @@ var useStickyColumn = function useStickyColumn(hooks) {
     if (spacerIdx >= 0 && stickyIdx >= 0 && stickyIdx < spacerIdx) {
       var _temp = newHeaders[spacerIdx];
       newHeaders[spacerIdx] = newHeaders[stickyIdx];
+      newHeaders[spacerIdx].canResize = false;
+      newHeaders[spacerIdx].disableResizing = true;
+      delete newHeaders[spacerIdx].getResizerProps;
       newHeaders[stickyIdx] = _temp;
     }
   });
@@ -147,6 +151,16 @@ var changeProps = function changeProps(elementName, headerCellRef, props, data)
     })];
   }
 
+  if (column.sticky === 'left') {
+    var _data$instance, _cx2;
+
+    return [props, _objectSpread({
+      className: (0, _classnames.default)((_cx2 = {}, (0, _defineProperty2.default)(_cx2, "".concat(leftStickyStyleClassPrefix, "-").concat(elementName), true), (0, _defineProperty2.default)(_cx2, "".concat(leftStickyStyleClassPrefix, "-").concat(elementName, "--with-extra-select-column"), data === null || data === void 0 ? void 0 : (_data$instance = data.instance) === null || _data$instance === void 0 ? void 0 : _data$instance.withSelectRows), _cx2))
+    }, headerCellRef && {
+      ref: headerCellRef
+    })];
+  }
+
   return [props];
 };
 

package/lib/components/Datagrid/utils/getInlineEditColumns.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.inlineEditSelectItems = exports.getInlineEditColumns = void 0;
+
+var _iconsReact = require("@carbon/icons-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 inlineEditSelectItems = [{
+  id: 'option-0',
+  icon: _iconsReact.ChartColumnFloating16,
+  text: 'Column Chart'
+}, {
+  id: 'option-1',
+  icon: _iconsReact.ChartBubble16,
+  text: 'Bubble Chart'
+}, {
+  id: 'option-2',
+  icon: _iconsReact.ChartVennDiagram16,
+  text: 'Venn Diagram'
+}];
+exports.inlineEditSelectItems = inlineEditSelectItems;
+
+var getInlineEditColumns = function getInlineEditColumns() {
+  return [{
+    Header: 'Row Index',
+    accessor: function accessor(row, i) {
+      return i;
+    },
+    id: 'rowIndex' // id is required when accessor is a function.
+
+  }, {
+    Header: 'First Name',
+    accessor: 'firstName',
+    inlineEdit: {
+      type: 'text',
+      inputProps: {} // These props are passed to the Carbon component used for inline editing
+
+    }
+  }, {
+    Header: 'Last Name',
+    accessor: 'lastName',
+    inlineEdit: {
+      type: 'text',
+      inputProps: {} // These props are passed to the Carbon component used for inline editing
+
+    }
+  }, {
+    Header: 'Age',
+    accessor: 'age',
+    width: 120,
+    inlineEdit: {
+      type: 'number',
+      inputProps: {} // These props are passed to the Carbon component used for inline editing
+
+    }
+  }, {
+    Header: 'Visits',
+    accessor: 'visits',
+    width: 120,
+    inlineEdit: {
+      type: 'number',
+      inputProps: {} // These props are passed to the Carbon component used for inline editing
+
+    }
+  }, {
+    Header: 'Active since',
+    accessor: 'activeSince',
+    inlineEdit: {
+      type: 'date',
+      inputProps: {
+        // optionally pass props here to be passed through to Carbon's DatePicker component
+        onChange: function onChange(newDateObj, cell) {
+          console.log(newDateObj, cell);
+        },
+        labelText: 'Change active since date',
+        // optionally pass props here to be passed through to Carbon's DatePickerInput component
+        datePickerInputProps: {
+          labelText: 'Change active since date'
+        }
+      }
+    }
+  }, {
+    Header: 'Chart type',
+    accessor: 'chartType',
+    inlineEdit: {
+      type: 'selection',
+      inputProps: {
+        // These props are passed to the Carbon component used for inline editing
+        items: inlineEditSelectItems,
+        onChange: function onChange(item) {
+          return console.log(item);
+        }
+      }
+    }
+  }, {
+    Header: 'Someone 2',
+    accessor: 'someone2'
+  }, {
+    Header: 'Someone 3',
+    accessor: 'someone3'
+  }, {
+    Header: 'Someone 4',
+    accessor: 'someone4'
+  }, {
+    Header: 'Someone 5',
+    accessor: 'someone5'
+  }, {
+    Header: 'Someone 6',
+    accessor: 'someone6'
+  }, {
+    Header: 'Someone 7',
+    accessor: 'someone7'
+  }, {
+    Header: 'Someone 8',
+    accessor: 'someone8'
+  }, {
+    Header: 'Someone 9',
+    accessor: 'someone9'
+  }, {
+    Header: 'Someone 10',
+    accessor: 'someone10'
+  }];
+};
+
+exports.getInlineEditColumns = getInlineEditColumns;

package/lib/components/Datagrid/utils/makeData.js

@@ -13,10 +13,18 @@ var _react = _interopRequireDefault(require("react"));
 
 var _namor = _interopRequireDefault(require("namor"));
 
+var _getInlineEditColumns = require("./getInlineEditColumns");
+
 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; }
 
+var getRandomInteger = function getRandomInteger(min, max) {
+  min = Math.ceil(min);
+  max = Math.floor(max);
+  return Math.floor(Math.random() * (max - min + 1)) + min;
+};
+
 var makeData = function makeData() {
   for (var _len = arguments.length, lens = new Array(_len), _key = 0; _key < _len; _key++) {
     lens[_key] = arguments[_key];
@@ -51,6 +59,12 @@ exports.range = range;
 
 var newPerson = function newPerson() {
   var statusChance = Math.random();
+  var initialChartTypeIndex = getRandomInteger(0, 2);
+  var activeSinceDate = new Date();
+  var yesterdayDate = new Date();
+  yesterdayDate.setDate(yesterdayDate.getDate() - 1);
+  var twoDaysAgoDate = new Date();
+  twoDaysAgoDate.setDate(twoDaysAgoDate.getDate() - 2);
   return {
     firstName: _namor.default.generate({
       words: 1,
@@ -104,7 +118,7 @@ var newPerson = function newPerson() {
       numbers: 0
     }),
     someone11: _namor.default.generate({
-      words: 1,
+      words: 4,
       numbers: 0
     }),
     someone12: _namor.default.generate({
@@ -143,7 +157,9 @@ var newPerson = function newPerson() {
       words: 1,
       numbers: 0
     }),
-    status: statusChance > 0.66 ? 'relationship' : statusChance > 0.33 ? 'complicated' : 'single'
+    status: statusChance > 0.66 ? 'relationship' : statusChance > 0.33 ? 'complicated' : 'single',
+    chartType: initialChartTypeIndex === 0 ? _getInlineEditColumns.inlineEditSelectItems[0] : initialChartTypeIndex === 1 ? _getInlineEditColumns.inlineEditSelectItems[1] : _getInlineEditColumns.inlineEditSelectItems[2],
+    activeSince: statusChance > 0.66 ? activeSinceDate : statusChance > 0.33 ? yesterdayDate : twoDaysAgoDate
   };
 };
 

package/lib/components/ImportModal/ImportModal.js

@@ -99,9 +99,9 @@ var ImportModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     var acceptSet = new Set(accept);
     var name = file.name;
     var mimeType = file.type;
-    var extension = name.split('.').pop();
+    var extension = ".".concat(name.split('.').pop());
 
-    if (acceptSet.has(mimeType) || acceptSet.has(extension)) {
+    if (acceptSet.has(mimeType) || acceptSet.has(extension) || accept.length === 0) {
       return false;
     }
 

package/lib/components/InlineEdit/InlineEdit.js

@@ -80,7 +80,9 @@ var InlineEdit = /*#__PURE__*/_react.default.forwardRef(function (_ref, refIn) {
       size = _ref$size === void 0 ? defaults.size : _ref$size,
       value = _ref.value,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var refInput = (0, _react.useRef)(null);
+  var refInput = (0, _react.useRef)({
+    innerText: value
+  });
   var localRef = (0, _react.useRef)(null);
   var ref = refIn || localRef;
 
@@ -283,7 +285,7 @@ var InlineEdit = /*#__PURE__*/_react.default.forwardRef(function (_ref, refIn) {
       onPaste: handlePaste,
       suppressContentEditableWarning: true,
       ref: refInput,
-      "data-placeholder": placeholder !== null && placeholder !== void 0 ? placeholder : labelText
+      "data-placeholder": placeholder
     }), value), /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("".concat(blockClass, "__after-input-elements")) // tabindex -1 fixes blur target test when clicking on after-input-elements background
       ,

package/lib/components/ProductiveCard/ProductiveCard.js

@@ -130,6 +130,11 @@ ProductiveCard.propTypes = {
    */
   primaryButtonIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
 
+  /**
+   * Determines if the primary button is on the top or bottom of the card
+   */
+  primaryButtonPlacement: _propTypes.default.oneOf(['top', 'bottom']),
+
   /**
    * The text that's displayed in the primary button
    */

package/lib/components/WebTerminal/hooks/index.js

@@ -21,6 +21,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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. 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 WebTerminalContext = /*#__PURE__*/(0, _react.createContext)();
 exports.WebTerminalContext = WebTerminalContext;
 var componentName = 'WebTerminalProvider';

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

@@ -15,6 +15,12 @@ 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;

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

@@ -4,6 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.documentationLinks = void 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.
+//
 var documentationLinks = [{
   itemText: 'BX/ICP docs',
   href: '#',

package/lib/components/index.js

@@ -333,6 +333,12 @@ Object.defineProperty(exports, "useActionsColumn", {
     return _Datagrid.useActionsColumn;
   }
 });
+Object.defineProperty(exports, "useColumnOrder", {
+  enumerable: true,
+  get: function get() {
+    return _Datagrid.useColumnOrder;
+  }
+});
 Object.defineProperty(exports, "useColumnRightAlign", {
   enumerable: true,
   get: function get() {
@@ -369,6 +375,12 @@ Object.defineProperty(exports, "useInfiniteScroll", {
     return _Datagrid.useInfiniteScroll;
   }
 });
+Object.defineProperty(exports, "useInlineEdit", {
+  enumerable: true,
+  get: function get() {
+    return _Datagrid.useInlineEdit;
+  }
+});
 Object.defineProperty(exports, "useNestedRows", {
   enumerable: true,
   get: function get() {

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

@@ -16,7 +16,7 @@ var _react = require("react");
 var useClickOutside = function useClickOutside(ref, callback) {
   var handleClick = function handleClick(event) {
     if (ref.current && !ref.current.contains(event.target)) {
-      callback();
+      callback(event.target);
     }
   };
 

package/lib/global/js/package-settings.js

@@ -57,6 +57,9 @@ var defaults = {
     TearsheetNarrow: true,
     UnauthorizedEmptyState: true,
     UserProfileImage: true,
+    WebTerminal: true,
+    WebTerminalContentWrapper: true,
+    WebTerminalProvider: true,
     // other public components not yet reviewed and released:
     MultiAddSelect: false,
     SingleAddSelect: false,
@@ -64,9 +67,6 @@ var defaults = {
     Toolbar: false,
     ToolbarButton: false,
     ToolbarGroup: false,
-    WebTerminal: false,
-    WebTerminalContentWrapper: false,
-    WebTerminalProvider: false,
     EditSidePanel: false,
     CancelableTextEdit: false,
     DataSpreadsheet: false,

package/lib/global/js/utils/rangeWithCallback.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rangeWithCallback = void 0;
+
+/**
+ * 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.
+ */
+// Iterates through a numeric range and calls callback
+// function for each iteration
+var rangeWithCallback = function rangeWithCallback(start, end, fn) {
+  for (var i = start; i <= end; i++) {
+    fn(i);
+  }
+};
+
+exports.rangeWithCallback = rangeWithCallback;

package/lib/global/js/utils/uuidv4.spec.js

@@ -9,11 +9,15 @@ describe('uuidv4', function () {
     jest.resetAllMocks();
   });
   it('Uses Math.random when window is not defined', function () {
+    var _window = window,
+        crypto = _window.crypto;
+    delete window.crypto;
     var mockMath = Object.create(global.Math);
     var mockMathRandom = jest.fn().mockReturnValue(0.5);
     mockMath.random = mockMathRandom;
     global.Math = mockMath;
     expect((0, _uuidv.default)()).toEqual('98888888-9888-4888-a888-988888888888');
+    window.crypto = crypto;
   });
   it('Uses crypto from window when window is defined', function () {
     var mGetRandomValues = jest.fn().mockReturnValue(new Uint32Array(10));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "1.25.1",
+  "version": "1.31.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -51,22 +51,22 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.18.10",
-    "@babel/core": "^7.18.10",
-    "babel-preset-ibm-cloud-cognitive": "^0.14.18",
+    "@babel/core": "^7.18.13",
+    "babel-preset-ibm-cloud-cognitive": "^0.14.19",
     "chalk": "^4.1.2",
     "change-case": "^4.1.2",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
     "fs-extra": "^10.1.0",
     "glob": "^8.0.3",
-    "jest": "^28.1.3",
-    "jest-config-ibm-cloud-cognitive": "^0.24.3",
-    "jest-environment-jsdom": "^28.1.3",
+    "jest": "^29.0.1",
+    "jest-config-ibm-cloud-cognitive": "^0.24.5",
+    "jest-environment-jsdom": "^29.0.1",
     "namor": "^1.1.2",
-    "npm-check-updates": "^16.0.5",
+    "npm-check-updates": "^16.0.6",
     "npm-run-all": "^4.1.5",
     "rimraf": "^3.0.2",
-    "sass": "^1.54.0",
+    "sass": "^1.54.8",
     "yargs": "^17.5.1"
   },
   "dependencies": {
@@ -85,13 +85,13 @@
     "@carbon/import-once": "^10.7.0",
     "@carbon/layout": "^10.37.1",
     "@carbon/motion": "^10.29.0",
-    "@carbon/themes": "^10.54.0",
-    "@carbon/type": "^10.44.0",
-    "carbon-components": "^10.57.2",
-    "carbon-components-react": "^7.57.4",
+    "@carbon/themes": "^10.55.0",
+    "@carbon/type": "^10.45.0",
+    "carbon-components": "^10.58.0",
+    "carbon-components-react": "^7.59.0",
     "carbon-icons": "^7.0.7",
     "react": "^16.8.6 || ^17.0.1",
     "react-dom": "^16.8.6 || ^17.0.1"
   },
-  "gitHead": "72a6dbc4c1456c4c8dd8778cedbb532ecf0df711"
+  "gitHead": "4694f431eeac26bb0787857b39aaa347edddc212"
 }