@carbon/ibm-products 1.69.0 → 1.70.0

package/lib/components/FilterSummary/FilterSummary.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _carbonComponentsReact = require("carbon-components-react");
@@ -15,7 +16,9 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _TagSet = require("../TagSet");
 var _settings = require("../../settings");
 var _uuidv = _interopRequireDefault(require("../../global/js/utils/uuidv4"));
-var _excluded = ["key", "value"];
+var _devtools = require("../../global/js/utils/devtools");
+var _excluded = ["className", "clearFiltersText", "clearFilters", "filters", "renderLabel", "overflowType", "clearButtonInline"],
+  _excluded2 = ["key", "value"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 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; }
 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; }
@@ -27,35 +30,36 @@ var FilterSummary = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
     className = _ref$className === void 0 ? '' : _ref$className,
     _ref$clearFiltersText = _ref.clearFiltersText,
     clearFiltersText = _ref$clearFiltersText === void 0 ? 'Clear filters' : _ref$clearFiltersText,
-    _ref$clearFilters = _ref.clearFilters,
-    clearFilters = _ref$clearFilters === void 0 ? function () {} : _ref$clearFilters,
-    _ref$filters = _ref.filters,
-    filters = _ref$filters === void 0 ? [] : _ref$filters,
+    clearFilters = _ref.clearFilters,
+    filters = _ref.filters,
     _ref$renderLabel = _ref.renderLabel,
     renderLabel = _ref$renderLabel === void 0 ? null : _ref$renderLabel,
     _ref$overflowType = _ref.overflowType,
     overflowType = _ref$overflowType === void 0 ? 'default' : _ref$overflowType,
     _ref$clearButtonInlin = _ref.clearButtonInline,
-    clearButtonInline = _ref$clearButtonInlin === void 0 ? true : _ref$clearButtonInlin;
+    clearButtonInline = _ref$clearButtonInlin === void 0 ? true : _ref$clearButtonInlin,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var filterSummaryId = "".concat(blockClass, "__").concat((0, _uuidv.default)());
   var tagFilters = filters.map(function (_ref2) {
     var _renderLabel;
     var key = _ref2.key,
       value = _ref2.value,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
     return _objectSpread(_objectSpread({}, rest), {}, {
       type: 'gray',
-      label: (_renderLabel = renderLabel === null || renderLabel === void 0 ? void 0 : renderLabel(key, value)) !== null && _renderLabel !== void 0 ? _renderLabel : "".concat(key, ": ").concat(value)
+      label: (_renderLabel = renderLabel === null || renderLabel === void 0 ? void 0 : renderLabel(key, value)) !== null && _renderLabel !== void 0 ? _renderLabel : "".concat(key, ": ").concat(value),
+      title: clearFiltersText
     });
   });
   var filterSummaryClearButton = (0, _react.useRef)();
   var filterSummaryRef = (0, _react.useRef)();
-  var localRef = filterSummaryRef || ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: localRef,
-    className: (0, _classnames.default)([blockClass, className]),
+  var localRef = ref || filterSummaryRef;
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, (0, _devtools.getDevtoolsProps)(componentName), {
     id: filterSummaryId
-  }, /*#__PURE__*/_react.default.createElement(_TagSet.TagSet, {
+  }, rest, {
+    ref: localRef,
+    className: (0, _classnames.default)([blockClass, className])
+  }), /*#__PURE__*/_react.default.createElement(_TagSet.TagSet, {
     allTagsModalSearchLabel: "Search all tags",
     allTagsModalSearchPlaceholderText: "Search all tags",
     allTagsModalTitle: "All tags",
@@ -76,7 +80,7 @@ var componentName = 'FilterSummary';
 FilterSummary.displayName = componentName;
 FilterSummary.propTypes = {
   className: _propTypes.default.string,
-  clearButtonInline: _propTypes.default.boolean,
+  clearButtonInline: _propTypes.default.bool,
   clearFilters: _propTypes.default.func.isRequired,
   clearFiltersText: _propTypes.default.string,
   filters: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,

package/lib/components/InterstitialScreen/InterstitialScreen.js

@@ -57,7 +57,10 @@ var defaults = {
 };
 
 /**
- * TODO: A description of the component.
+ * InterstitialScreen can be a full page or an overlay, and are
+ * shown on the first time a user accesses a new experience
+ * (e.g. upon first login or first time opening a page where a
+ * newly purchased capability is presented).
  */
 var InterstitialScreen = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var _media$breakpoints, _media$breakpoints2;
@@ -151,7 +154,7 @@ var InterstitialScreen = /*#__PURE__*/_react.default.forwardRef(function (_ref,
   }, [isOpen, progStep]);
   (0, _react.useEffect)(function () {
     var _nextButtonRef$curren;
-    //for modal only, "is-visible" triggers animation
+    // for modal only, "is-visible" triggers animation
     setIsVisibleClass(!isFullScreen && isOpen ? 'is-visible' : null);
     nextButtonRef === null || nextButtonRef === void 0 ? void 0 : (_nextButtonRef$curren = nextButtonRef.current) === null || _nextButtonRef$curren === void 0 ? void 0 : _nextButtonRef$curren.focus();
   }, [isFullScreen, isOpen]);
@@ -175,11 +178,10 @@ var InterstitialScreen = /*#__PURE__*/_react.default.forwardRef(function (_ref,
   var domainProductDelimiter = domainName !== '' && productName !== '' ? ' | ' : '';
   var renderModal = function renderModal(childElements) {
     return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.ComposedModal, (0, _extends2.default)({}, rest, {
-      className: (0, _classnames.default)(
-      // blockClass, // Apply the block class to the main HTML element
+      preventCloseOnClickOutside: true,
+      className: (0, _classnames.default)(blockClass,
+      // Apply the block class to the main HTML element
       className // Apply any supplied class names to the main HTML element.
-      // variantClass,
-      // isVisibleClass
       ),
 
       size: "lg",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "1.69.0",
+  "version": "1.70.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -97,5 +97,5 @@
     "react": "^16.8.6 || ^17.0.1",
     "react-dom": "^16.8.6 || ^17.0.1"
   },
-  "gitHead": "f807098a8d962f26dbfafaa33d53a68fef94c7a1"
+  "gitHead": "6d7df818e1c885de18818e6a173eab60209186d8"
 }

package/scss/components/Datagrid/_datagrid.scss

@@ -50,10 +50,18 @@
     }
   }
 
-  .bx--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
+  .#{$carbon-prefix}--overflow-menu-options
+    > .c4p--datagrid__row-size-dropdown {
     left: $spacing-01;
     width: 112px;
   }
+
+  .#{$block-class} .#{$carbon-prefix}--pagination,
+  .#{$block-class}
+    .#{$carbon-prefix}--pagination
+    .#{$carbon-prefix}--select-input {
+    background-color: $ui-02;
+  }
 }
 
 @include exports('datagrid') {

package/scss/components/Datagrid/styles/_datagrid.scss

@@ -182,6 +182,12 @@
     overflow-x: auto;
   }
 
+  .#{$block-class}-filter-panel
+    + .#{$block-class}__table-container-inner
+    .#{$carbon-prefix}--data-table-content {
+    height: fit-content;
+  }
+
   table.#{$block-class}__table-simple {
     display: flex;
     overflow: auto;
@@ -353,22 +359,22 @@
 .#{$block-class}
   .#{$block-class}__carbon-row
   .#{$block-class}__actions-column-cell-non-sticky
-  .#{$carbon-prefix}--overflow-menu {
+  .#{$carbon-prefix}--btn--icon-only {
   opacity: 0;
 }
 
 .#{$block-class}
   .#{$block-class}__carbon-row:hover
   .#{$block-class}__actions-column-cell-non-sticky
-  .#{$carbon-prefix}--overflow-menu,
+  .#{$carbon-prefix}--btn--icon-only,
 .#{$block-class}
   .#{$block-class}__carbon-row
   .#{$block-class}__actions-column-cell-non-sticky
-  .#{$carbon-prefix}--overflow-menu:focus,
+  .#{$carbon-prefix}--btn--icon-only:focus,
 .#{$block-class}
   .#{$block-class}__carbon-row
   .#{$block-class}__actions-column-cell-non-sticky
-  .#{$carbon-prefix}--overflow-menu[aria-expanded='true'] {
+  .#{$carbon-prefix}--btn--icon-only[aria-expanded='true'] {
   opacity: 1;
 }
 

package/scss/components/InterstitialScreen/_interstitial-screen.scss

@@ -75,6 +75,7 @@
       height: 100%;
       .#{$carousel-item} {
         flex: 0 0 100% !important;
+        scroll-snap-align: start;
       }
     }
 

package/scss/components/SidePanel/_side-panel.scss

@@ -112,9 +112,13 @@ $action-set-block-class: #{$pkg-prefix}--action-set;
         var(--#{$block-class}--title-container-height) -
           var(--#{$block-class}--label-text-height)
       );
-      padding: $spacing-05 $spacing-05 $spacing-03 $spacing-05;
+      padding: $spacing-05;
       background-color: $ui-01;
 
+      &:has(~ .#{$block-class}__subtitle-text) {
+        padding-bottom: $spacing-03;
+      }
+
       &::before {
         @include setDividerStyles();
       }