@carbon/ibm-products 1.40.0 → 1.41.0

package/lib/components/Datagrid/Datagrid.stories/index.js

@@ -22,7 +22,7 @@ Object.defineProperty(exports, "RowSizeDropdownStory", {
     return _RowSizeDropdownStory.story;
   }
 });
-Object.defineProperty(exports, "SelectAllWitHToggle", {
+Object.defineProperty(exports, "SelectAllWithToggle", {
   enumerable: true,
   get: function get() {
     return _SelectAllWithToggleStory.story;

package/lib/components/Datagrid/useFiltering.js

@@ -60,7 +60,6 @@ var useFiltering = function useFiltering(hooks) {
   hooks.useInstance.push(function (instance) {
     var filterProps = instance.filterProps,
       setAllFilters = instance.setAllFilters,
-      setFilter = instance.setFilter,
       headers = instance.headers;
     var defaultProps = {
       variation: 'flyout'
@@ -68,7 +67,6 @@ var useFiltering = function useFiltering(hooks) {
     var getFilterFlyoutProps = function getFilterFlyoutProps() {
       return _objectSpread(_objectSpread(_objectSpread({}, defaultProps), filterProps), {}, {
         setAllFilters: setAllFilters,
-        setFilter: setFilter,
         headers: headers
       });
     };

package/lib/components/Datagrid/useParentDimensions.js

@@ -20,6 +20,7 @@ var useParentDimensions = function useParentDimensions(hooks) {
   var headRef = (0, _react.useRef)();
   var innerListRef = (0, _react.useRef)();
   var listRef = (0, _react.useRef)();
+  var gridRef = (0, _react.useRef)();
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     tableHeight = _useState2[0],
@@ -55,7 +56,8 @@ var useParentDimensions = function useParentDimensions(hooks) {
       headRef: headRef,
       innerListRef: innerListRef,
       handleResize: handleResize,
-      listRef: listRef
+      listRef: listRef,
+      gridRef: gridRef
     });
   };
   hooks.useInstance.push(useInstance);

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

@@ -96,6 +96,11 @@ var ARG_TYPES = {
   customizeColumnsProps: {
     control: 'object',
     description: 'This is an object containing all of the props used with the column customization extension. _This value is set/passed inside of the `datagridState` object._'
+  },
+  filterProps: {
+    name: 'Filter props',
+    control: 'object',
+    description: 'This is an object for all the props passed into the filter flyout and filter panel'
   }
 };
 exports.ARG_TYPES = ARG_TYPES;

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

@@ -81,8 +81,13 @@ var getInlineEditColumns = function getInlineEditColumns() {
     accessor: 'visits',
     width: 120,
     inlineEdit: {
+      validator: function validator(n) {
+        return n && n < 10;
+      },
       type: 'number',
-      inputProps: {} // These props are passed to the Carbon component used for inline editing
+      inputProps: {
+        invalidText: 'Invalid number, must be 10 or greater'
+      } // These props are passed to the Carbon component used for inline editing
     }
   }, {
     Header: 'Active since',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "1.40.0",
+  "version": "1.41.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -95,5 +95,5 @@
     "react": "^16.8.6 || ^17.0.1",
     "react-dom": "^16.8.6 || ^17.0.1"
   },
-  "gitHead": "05ee7cdcf736a836aafbb7b74e11211b4a5787c8"
+  "gitHead": "e4bf28006ae17c6720e5142f6bafd8fe02586b00"
 }

package/scss/components/Datagrid/_storybook-styles.scss

@@ -101,3 +101,10 @@ $block-class: #{$pkg-prefix}--datagrid;
 .#{$block-class}__mobile-toolbar-modal .#{$carbon-prefix}--dropdown__wrapper {
   margin-bottom: $spacing-07;
 }
+
+.storybook-#{$block-class}__validation-code-snippet {
+  margin-right: $spacing-03;
+  // prevent code-snippet from inheriting font-size
+  // stylelint-disable-next-line carbon/type-token-use
+  font-size: 0;
+}

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

@@ -536,6 +536,23 @@
   height: $spacing-09;
 }
 
+.#{$block-class}__virtual-scrollbar::-webkit-scrollbar {
+  width: 10px;
+  height: 7px;
+}
+
+.#{$block-class}__virtual-scrollbar::-webkit-scrollbar-track {
+  background: $layer;
+}
+
+.#{$block-class}__virtual-scrollbar::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+}
+
+.#{$block-class}__virtualScrollContainer {
+  width: 100%;
+}
+
 .#{$carbon-prefix}--body--with-modal-open .#{$block-class}__grid-container {
   overflow: hidden;
   height: 100vh;

package/scss/components/FilterSummary/_filter-summary.scss

@@ -13,5 +13,6 @@ $block-class: #{$pkg-prefix}--filter-summary;
   width: 100%;
   align-items: center;
   padding: $spacing-03;
+  border-top: 1px solid $ui-03;
   background: $ui-01;
 }