@innovaccer/design-system 2.13.5 → 2.13.6

package/css/src/components/dropdown.css

@@ -44,10 +44,6 @@
   border-top: var(--spacing-xs) solid var(--secondary-light);
 }
 
-.Dropdown-errorWrapper {
-  min-height: var(--spacing-7);
-}
-
 .Dropdown-buttonWrapper {
   display: flex;
   justify-content: flex-end;

package/css/src/components/grid.css

@@ -222,6 +222,11 @@
     border-right: var(--border);
 } */
 
+.Grid-row--disabled {
+  opacity: 0.4;
+  pointer-events: none;
+}
+
 .Grid-cell--head.Grid-cell--selected {
   background: var(--primary-light);
 }

package/css/src/components/inlineMessage.css

@@ -7,10 +7,16 @@
   align-items: center;
 }
 
-.InlineMessage-icon {
-  margin-right: var(--spacing);
+.InlineMessage-icon--regular {
   padding-top: var(--spacing-s);
   padding-bottom: var(--spacing-s);
+  margin-right: var(--spacing);
+}
+
+.InlineMessage-icon--small {
+  padding-top: var(--spacing-xs);
+  padding-bottom: var(--spacing-xs);
+  margin-right: var(--spacing-m);
 }
 
 .InlineMessage-text--warning,

package/dist/.lib/tsconfig.type.tsbuildinfo

@@ -447,7 +447,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/dropdown/DropdownList.tsx": {
-        "version": "fcb8edd28df957e410fba966399de4a2bf9c72696871fee8583f8839bb4ecdbd",
+        "version": "c823990b91a3249066e44f760a37165fd854a1d8fd3214bf6175e3b40d60f500",
         "signature": "234919455eaca2c78423cb83922ab96afb3ecec5a0a6ddbf933118873cc88a3f",
         "affectsGlobalScope": false
       },
@@ -652,8 +652,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/metricInput/MetricInput.tsx": {
-        "version": "02c545353a919694eae8d1695713bc0c5e646c342cd82d1fc84dc5a6e7006c18",
-        "signature": "19fb9e48c5f886fabd568daf4efa0398e9704ed6e42eae12296a6c26ded4dcee",
+        "version": "a80716de3bf8e67aa6e75ca3c7a4480e42e4a9e6e10372475052687d258b71e1",
+        "signature": "d23c2fbe0827d45d447dc70aa5af9e43af8b4314b13cb16a7c48b666d10c256c",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/metricInput/index.tsx": {
@@ -1052,7 +1052,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/modal/Modal.tsx": {
-        "version": "cf3f3931924789cd628a8eb19f1a3b9c47af89a7b274f3c1cbecd9bfe2656ae1",
+        "version": "0cc6aa475cf771c970c20a04c7ceb87d2dd260a3a1db6cb1e4e1929635e8e25a",
         "signature": "c3d5700b02359fe54053b47b58a29ba3aefe8271a9e372907edb04a61ebe9c2f",
         "affectsGlobalScope": false
       },
@@ -1237,7 +1237,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/tabs/Tabs.tsx": {
-        "version": "d3635f98db8bbf0ab7a2a43276352babcc2cd3709912aecc4a0f0d43679b3285",
+        "version": "11493542e4ee690e96733a144ed715dee295c2d1c83d6955ec9f86a938d6900b",
         "signature": "c351f435454a458c4fac9f59838e9b5903c8e2dfadc4c467b82256022f61eb37",
         "affectsGlobalScope": false
       },
@@ -1332,13 +1332,13 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/grid/rowUtility.tsx": {
-        "version": "4ee1df101aea7055357bb6bfa66719c08be259a7804215e3ab4503f529a4f197",
-        "signature": "c0be0026ce2c76d414c1161d0dd8874e46c32031da763536b7b3894886a5d461",
+        "version": "628b7968b8ceb665b74e97fbc202248ddb90ea3824246a60a66f16be8e797f2d",
+        "signature": "63a5a7611deda70302cceb0e40369573bd105247e5dd5fc5b3bd91e6f70b95f3",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/grid/utility.tsx": {
-        "version": "e3426711a54a58060410d820583685cf31ecd35bbc53bdfac0f631df5a004d8c",
-        "signature": "bc6f1f0ef36acf5b224b10e928f1402bd8b6e321657b2b4e925d9c2ac69ef225",
+        "version": "21c97e62504eed458a5d78d6400407632f4c11138562a3c55b53a51a5c113e59",
+        "signature": "8b1aa3bcb094b0f75fd2c6c9790e6d2de8f0a414c3859b45a27bd7135dd94be1",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/grid/defaultProps.tsx": {
@@ -1367,7 +1367,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/grid/GridRow.tsx": {
-        "version": "93c174da4a48bd86a27d9028763fd92bb40374958baacb759ede3cd2aef26cd5",
+        "version": "12027e830bf211e967cf1f8cb4226bfd45a0d28abc2d3c5bed6c867ac1d34585",
         "signature": "e896c56db3e619dd4457355c752791be2e3f267ac73a43142d2481b1cea0a79d",
         "affectsGlobalScope": false
       },
@@ -1377,8 +1377,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/grid/Grid.tsx": {
-        "version": "3450273b3e99596d66def314ac22c3e69caf431d93740f166e1ea2e3a2e13780",
-        "signature": "e7156044d0b220beca6473c364973ddba95bd37dd3e17297efc9a87596e76b95",
+        "version": "6269cf40c8e9d1658e649ddec58df0fa99b40b1c3cca6d11c41f550a9f81ca61",
+        "signature": "d4c931213391f40cdc4e0a9af0e5f8ef76d328f5d84a27187aa95b4490ecec47",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/grid/index.tsx": {
@@ -1397,13 +1397,13 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/table/Header.tsx": {
-        "version": "8653214dbaa8b91b92a11927b329b92dcb7b4162f40e01c2198e5c744579aa5d",
-        "signature": "d917ebfa4e2718ff39cc4d5429b5950ba79c998312bb03dff1a1d860ccbe0067",
+        "version": "155ab486d3fd0454dabf488e0490295052ba2bf7d6d04275a9467852721a0551",
+        "signature": "a06c0e95559ca2c338477f2047f4d88168f3821e1ada9accc69da4a2f33af522",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/table/Table.tsx": {
-        "version": "f6c60e8a0cd7014edf8bc228b16f4067c122fc6dcd6e7d5bcbab3701670ce798",
-        "signature": "c2ef0a0fb360d95df090c7e44a4e1cd81120a7e0de97a4b2b3bc7e82352217ff",
+        "version": "7954a1611344da7ab86fcac205c5c3d74ca4d2dfad0673b8875ee844a099592c",
+        "signature": "cea82314047ca0d805c64b1e8779f9ff3afba79249111e62f9a49f0c6f656e88",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/table/index.tsx": {
@@ -1477,7 +1477,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/inlineMessage/InlineMessage.tsx": {
-        "version": "5451b4819d1a1eacadba34465f99f025726dbc76cff1466f4a3a01002a404ce3",
+        "version": "b528820836b9603ed52eff27badad6595efbaf3e055521234c0bdf06f824a071",
         "signature": "bc5caa08869460d8ca36e9cb9aac7fafa64aa786f55f613c4cc6483f3959246a",
         "affectsGlobalScope": false
       },
@@ -2742,7 +2742,7 @@
         "affectsGlobalScope": false
       },
       "../../core/utils/docPage/sandbox.tsx": {
-        "version": "ba8a4a387f0dd03989668e771a499afdf1a771c0bfaadc84804405354fa6e686",
+        "version": "ed47c74362e4b3726d6d63f7f7475b50f14f345c1dc5f20fb660a9ec3442d09c",
         "signature": "ec75976cfd242c0840083d2bbb758c4799f37de71948af17eef2327c93663ec3",
         "affectsGlobalScope": false
       },

package/dist/core/components/atoms/metricInput/MetricInput.d.ts

@@ -18,6 +18,7 @@ export interface MetricInputProps extends BaseProps, BaseHtmlProps<HTMLInputElem
     min?: number;
     max?: number;
     error?: boolean;
+    showActionButton?: boolean;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
     onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;

package/dist/core/components/organisms/grid/Grid.d.ts

@@ -65,6 +65,7 @@ export declare type ColumnSchema = {
 };
 export declare type RowData = Record<string, any> & {
     _selected?: boolean;
+    disabled?: boolean;
 };
 export declare type GridSize = 'comfortable' | 'standard' | 'compressed' | 'tight';
 export declare type GridType = 'resource' | 'data';

package/dist/core/components/organisms/grid/rowUtility.d.ts

@@ -1,8 +1,9 @@
 import { RowData, Data, ColumnSchema, Schema, FetchDataOptions } from "./Grid";
-export declare const updateBatchData: (data: Data, rowIndexes: number[], dataUpdate: Partial<RowData>) => Data;
+export declare const updateBatchData: (data: Data, rowIndexes: number[], dataUpdate: Partial<RowData>, selectDisabledRow?: boolean | undefined) => Data;
 export declare function translateData(schema: ColumnSchema, data: RowData): {
     [x: string]: any;
     _selected?: boolean | undefined;
+    disabled?: boolean | undefined;
 };
 export declare const filterData: (schema: Schema | undefined, data: Data | undefined, filterList: FetchDataOptions['filterList']) => Data;
 export declare const sortData: (schema: Schema | undefined, data: Data | undefined, sortingList: FetchDataOptions['sortingList']) => Data;

package/dist/core/components/organisms/grid/utility.d.ts

@@ -4,7 +4,7 @@ export * from "./columnUtility";
 export * from "./rowUtility";
 export declare const moveToIndex: (arr: any[], from: number, to: number) => any[];
 export declare const getTotalPages: (totalRecords: number, pageSize: number) => number;
-export declare const getSelectAll: (data: Data) => {
+export declare const getSelectAll: (tableData: Data, selectDisabledRow?: boolean | undefined) => {
     indeterminate: boolean;
     checked: boolean;
 };

package/dist/core/components/organisms/table/Header.d.ts

@@ -6,6 +6,7 @@ export interface ExternalHeaderProps {
     searchPlaceholder?: string;
     dynamicColumn?: boolean;
     allowSelectAll?: boolean;
+    customSelectionLabel?: string;
 }
 export declare type updateSearchTermFunction = (newSearchTerm: string) => void;
 export interface HeaderProps extends ExternalHeaderProps {

package/dist/core/components/organisms/table/Table.d.ts

@@ -45,6 +45,7 @@ interface SharedTableProps extends BaseProps {
     headCellTooltip?: GridProps['headCellTooltip'];
     separator?: GridProps['headCellTooltip'];
     filterPosition: FilterPosition;
+    selectDisabledRow?: boolean;
 }
 export declare type SyncTableProps = SharedTableProps & TableSyncProps;
 export declare type AsyncTableProps = SharedTableProps & AsyncProps;

package/dist/index.esm.js

@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1668603336127 
+   * Generated on: 1670480135031 
    *      Package: @innovaccer/design-system
-   *      Version: v2.13.5
+   *      Version: v2.13.6
    *      License: MIT
    *         Docs: https://innovaccer.github.io/design-system
    */
@@ -2119,6 +2119,17 @@ var DropdownList = function DropdownList(props) {
       cursor = _React$useState4[0],
       setCursor = _React$useState4[1];
 
+  var _React$useState5 = React.useState(),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      minHeight = _React$useState6[0],
+      setMinHeight = _React$useState6[1];
+
+  var getMinHeight = function getMinHeight() {
+    var dropdownWrapper = document.querySelector('.Dropdown-wrapper');
+    var minHeight = dropdownWrapper === null || dropdownWrapper === void 0 ? void 0 : dropdownWrapper.offsetHeight;
+    minHeight && setMinHeight(minHeight);
+  };
+
   React.useEffect(function () {
     var timer;
 
@@ -2135,6 +2146,7 @@ var DropdownList = function DropdownList(props) {
         minWidth: minWidth ? minWidth : popperMinWidth,
         maxWidth: maxWidth ? maxWidth : '100%'
       };
+      requestAnimationFrame(getMinHeight);
       setPopoverStyle(popperWrapperStyle); // scrolls to current time
 
       if (scrollIndex && tempSelected.length === 0) {
@@ -2179,7 +2191,14 @@ var DropdownList = function DropdownList(props) {
   var dropdownStyle = {
     maxHeight: maxHeight,
     overflowY: 'auto',
-    overflowX: 'hidden'
+    overflowX: 'hidden',
+    minHeight: minHeight
+  };
+  var loaderStyle = {
+    maxHeight: minHeight ? minHeight : maxHeight,
+    overflowY: 'auto',
+    overflowX: 'hidden',
+    minHeight: minHeight
   };
 
   var getDropdownClass = function getDropdownClass(index, isGroup) {
@@ -2403,7 +2422,7 @@ var DropdownList = function DropdownList(props) {
         className: 'Dropdown-loading'
       }, /*#__PURE__*/React.createElement("div", {
         className: "Dropdown-wrapper",
-        style: dropdownStyle
+        style: loaderStyle
       }, renderLoading(loadersCount)));
     }
 
@@ -2411,7 +2430,8 @@ var DropdownList = function DropdownList(props) {
       var _props$noResultMessag = props.noResultMessage,
           noResultMessage = _props$noResultMessag === void 0 ? 'No result found' : _props$noResultMessag;
       return /*#__PURE__*/React.createElement("div", {
-        className: 'Dropdown-errorWrapper',
+        className: "Dropdown-wrapper",
+        style: dropdownStyle,
         "data-test": "DesignSystem-Dropdown--errorWrapper"
       }, /*#__PURE__*/React.createElement("div", {
         className: 'Option'
@@ -6087,7 +6107,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
 });
 Input.displayName = 'Input';
 
-var _excluded$n = ["size", "defaultValue", "name", "placeholder", "icon", "prefix", "suffix", "error", "min", "max", "onChange", "onClick", "onBlur", "onFocus", "className", "autoFocus", "disabled", "readOnly", "value"];
+var _excluded$n = ["size", "defaultValue", "name", "placeholder", "icon", "prefix", "suffix", "error", "min", "max", "onChange", "onClick", "onBlur", "onFocus", "className", "autoFocus", "disabled", "readOnly", "value", "showActionButton"];
 var sizeMapping = {
   regular: 16,
   large: 20
@@ -6134,6 +6154,8 @@ var MetricInput = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
       disabled = props.disabled,
       readOnly = props.readOnly,
       valueProp = props.value,
+      _props$showActionButt = props.showActionButton,
+      showActionButton = _props$showActionButt === void 0 ? true : _props$showActionButt,
       rest = _objectWithoutProperties(props, _excluded$n);
 
   var ref = React.useRef(null);
@@ -6161,7 +6183,7 @@ var MetricInput = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
   }, [valueProp]);
   var baseProps = extractBaseProps(props);
   var classes = classnames((_classNames = {}, _defineProperty$1(_classNames, 'MetricInput', true), _defineProperty$1(_classNames, "MetricInput--".concat(size), size), _defineProperty$1(_classNames, 'MetricInput--disabled', disabled || readOnly), _defineProperty$1(_classNames, 'MetricInput--error', error), _classNames), className);
-  var inputClass = classnames((_classNames2 = {}, _defineProperty$1(_classNames2, 'MetricInput-input', true), _defineProperty$1(_classNames2, "MetricInput-input--".concat(size), size), _classNames2));
+  var inputClass = classnames((_classNames2 = {}, _defineProperty$1(_classNames2, 'MetricInput-input', true), _defineProperty$1(_classNames2, "MetricInput-input--".concat(size), size), _defineProperty$1(_classNames2, "mr-4", !suffix && !showActionButton && size === 'regular'), _defineProperty$1(_classNames2, "mr-6", !suffix && !showActionButton && size === 'large'), _classNames2));
   var iconClass = classnames((_classNames3 = {}, _defineProperty$1(_classNames3, 'MetricInput-icon', true), _defineProperty$1(_classNames3, "MetricInput-icon--".concat(size), size), _classNames3));
   var actionButton = classnames((_classNames4 = {}, _defineProperty$1(_classNames4, 'p-0', true), _defineProperty$1(_classNames4, "MetricInput-arrowIcon--".concat(size), size), _defineProperty$1(_classNames4, 'ml-4', size === 'regular'), _defineProperty$1(_classNames4, 'ml-6', size === 'large'), _classNames4));
 
@@ -6212,6 +6234,12 @@ var MetricInput = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
     }
   };
 
+  var handleKeyDown = function handleKeyDown(e) {
+    if (showActionButton) {
+      onKeyDown(e);
+    } else e.preventDefault();
+  };
+
   var actionButtonSize = size === 'large' ? 'regular' : 'tiny';
   return /*#__PURE__*/React.createElement("div", {
     "data-test": "DesignSystem-MetricInputWrapper",
@@ -6245,13 +6273,13 @@ var MetricInput = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
     onBlur: onBlur,
     onClick: onClick,
     onFocus: onFocus,
-    onKeyDown: onKeyDown
+    onKeyDown: handleKeyDown
   })), suffix && /*#__PURE__*/React.createElement(Text, {
     "data-test": "DesignSystem-MetricInput--suffix",
     className: size === 'regular' ? 'ml-4' : 'ml-5',
     size: size,
     appearance: "subtle"
-  }, suffix), /*#__PURE__*/React.createElement("div", {
+  }, suffix), showActionButton && /*#__PURE__*/React.createElement("div", {
     className: "MetricInput-arrowIcons"
   }, /*#__PURE__*/React.createElement(Button, {
     icon: "keyboard_arrow_up",
@@ -14395,7 +14423,7 @@ var Modal = /*#__PURE__*/function (_React$Component) {
         onClick: function onClick(event) {
           if (onClose) onClose(event, 'IconClick');
         }
-      })))), children && /*#__PURE__*/React.createElement(React.Fragment, null, headerOptions || footerOptions || footer || header ? /*#__PURE__*/React.createElement(OverlayBody, {
+      })))), open && children && /*#__PURE__*/React.createElement(React.Fragment, null, headerOptions || footerOptions || footer || header ? /*#__PURE__*/React.createElement(OverlayBody, {
         className: bodyClass
       }, this.props.children) : children), (!!footer || !!footerOptions) && /*#__PURE__*/React.createElement(OverlayFooter, _extends$2({
         "data-test": "DesignSystem-Modal--footer"
@@ -16723,7 +16751,7 @@ var filterInlineComponent = function filterInlineComponent(children) {
 };
 
 var Tabs = function Tabs(props) {
-  var _classNames2, _classNames4, _props, _props2;
+  var _classNames2, _classNames4;
 
   var children = props.children,
       withSeparator = props.withSeparator,
@@ -16754,19 +16782,24 @@ var Tabs = function Tabs(props) {
     return classnames((_classNames3 = {}, _defineProperty$1(_classNames3, 'Tab-pills', true), _defineProperty$1(_classNames3, 'Tab-pills--disabled', disabled), _classNames3));
   };
 
-  var activeTab;
-  var activeTabClass;
+  var getActiveTabClass = function getActiveTabClass() {
+    var activeTab;
+    var activeTabClass;
 
-  if ('props' in tabs[activeIndex]) {
-    var _activeTab$props;
+    if (tabs && tabs.length && tabs[activeIndex] && 'props' in tabs[activeIndex]) {
+      var _activeTab$props;
 
-    activeTab = tabs[activeIndex];
-    activeTabClass = (_activeTab$props = activeTab.props) === null || _activeTab$props === void 0 ? void 0 : _activeTab$props.className;
-  } else {
-    activeTab = tabs[activeIndex];
-    activeTabClass = activeTab.className;
-  }
+      activeTab = tabs[activeIndex];
+      activeTabClass = (_activeTab$props = activeTab.props) === null || _activeTab$props === void 0 ? void 0 : _activeTab$props.className;
+    } else {
+      activeTab = tabs[activeIndex];
+      activeTabClass = activeTab && activeTab.className;
+    }
+
+    return activeTabClass;
+  };
 
+  var activeTabClass = getActiveTabClass();
   var tabContentClass = classnames((_classNames4 = {}, _defineProperty$1(_classNames4, 'TabsWrapper-content', true), _defineProperty$1(_classNames4, "".concat(activeTabClass), activeTabClass), _classNames4));
 
   var tabClickHandler = function tabClickHandler(tabIndex, isKeyboard) {
@@ -16912,19 +16945,10 @@ var Tabs = function Tabs(props) {
     className: wrapperClass
   }), /*#__PURE__*/React.createElement("div", {
     className: headerClass
-  }, renderTabs, inlineComponent), children && (_props = tabs[activeIndex].props) !== null && _props !== void 0 && _props.disabled ? /*#__PURE__*/React.createElement("div", {
-    className: "h-100 pb-5",
-    style: {
-      backgroundColor: 'var(--secondary-lightest)'
-    }
-  }, /*#__PURE__*/React.createElement(EmptyState, {
-    title: "There's a problem loading this page.",
-    description: "Tab is disabled and you are not authorized to see the content of this tab",
-    size: "large"
-  })) : children && !((_props2 = tabs[activeIndex].props) !== null && _props2 !== void 0 && _props2.disabled) ? /*#__PURE__*/React.createElement("div", {
+  }, renderTabs, inlineComponent), children && /*#__PURE__*/React.createElement("div", {
     className: tabContentClass,
     "data-test": "DesignSystem-Tabs--Content"
-  }, tabs[activeIndex]) : null);
+  }, tabs[activeIndex]));
 };
 Tabs.displayName = 'Tabs';
 Tabs.defaultProps = {
@@ -18230,7 +18254,7 @@ function getCellSize(cellType) {
   return sizes[cellType];
 }
 
-var updateBatchData = function updateBatchData(data, rowIndexes, dataUpdate) {
+var updateBatchData = function updateBatchData(data, rowIndexes, dataUpdate, selectDisabledRow) {
   var updatedData = _toConsumableArray(data);
 
   var _iterator = _createForOfIteratorHelper(rowIndexes),
@@ -18239,7 +18263,10 @@ var updateBatchData = function updateBatchData(data, rowIndexes, dataUpdate) {
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var rowIndex = _step.value;
-      updatedData[rowIndex] = _objectSpread2(_objectSpread2({}, updatedData[rowIndex]), dataUpdate);
+
+      if (data[rowIndex].disabled && selectDisabledRow || !data[rowIndex].disabled) {
+        updatedData[rowIndex] = _objectSpread2(_objectSpread2({}, updatedData[rowIndex]), dataUpdate);
+      }
     }
   } catch (err) {
     _iterator.e(err);
@@ -18341,7 +18368,11 @@ var moveToIndex = function moveToIndex(arr, from, to) {
 var getTotalPages = function getTotalPages(totalRecords, pageSize) {
   return Math.ceil(totalRecords / pageSize);
 };
-var getSelectAll = function getSelectAll(data) {
+var getSelectAll = function getSelectAll(tableData, selectDisabledRow) {
+  var data = tableData.filter(function (d) {
+    return d.disabled && selectDisabledRow || !d.disabled;
+  });
+
   if (data.length) {
     var anyUnSelected = data.some(function (d) {
       return !d._selected;
@@ -18884,7 +18915,8 @@ var GridRow = function GridRow(props) {
       setExpanded = _React$useState2[1];
 
   var rowClasses = classnames('Grid-row', 'Grid-row--body', {
-    'Grid-row--selected': data._selected
+    'Grid-row--selected': data._selected,
+    'Grid-row--disabled': data.disabled
   });
   var onClickHandler = React.useCallback(function () {
     if (type === 'resource' && !loading) {
@@ -18961,6 +18993,7 @@ var GridRow = function GridRow(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: wrapperClasses
   }, /*#__PURE__*/React.createElement("div", {
+    "data-test": "DesignSystem-Grid-row",
     className: rowClasses,
     onClick: onClickHandler,
     ref: rowRef
@@ -19740,7 +19773,8 @@ var Header = function Header(props) {
       updateSearchTerm = props.updateSearchTerm,
       dynamicColumn = props.dynamicColumn,
       allowSelectAll = props.allowSelectAll,
-      showFilters = props.showFilters;
+      showFilters = props.showFilters,
+      customSelectionLabel = props.customSelectionLabel;
 
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -19806,12 +19840,13 @@ var Header = function Header(props) {
     if (updateSchema) updateSchema(newSchema);
   };
 
+  var customLabel = customSelectionLabel ? customSelectionLabel : 'item';
   var selectedCount = data.filter(function (d) {
     return d._selected;
   }).length;
   var startIndex = (page - 1) * pageSize + 1;
   var endIndex = Math.min(page * pageSize, totalRecords);
-  var label = error ? 'Showing 0 items' : withCheckbox && selectedCount ? selectAllRecords ? "Selected all ".concat(totalRecords, " item").concat(getPluralSuffix(totalRecords)) : "Selected ".concat(selectedCount, " item").concat(getPluralSuffix(totalRecords), " on this page") : withPagination ? "Showing ".concat(startIndex, "-").concat(endIndex, " of ").concat(totalRecords, " item").concat(getPluralSuffix(totalRecords)) : "Showing ".concat(totalRecords, " item").concat(getPluralSuffix(totalRecords));
+  var label = error ? "Showing 0 ".concat(customLabel, "s") : withCheckbox && selectedCount ? selectAllRecords ? "Selected all ".concat(totalRecords, " ").concat(customLabel).concat(getPluralSuffix(totalRecords)) : "Selected ".concat(selectedCount, " ").concat(customLabel).concat(getPluralSuffix(totalRecords), " on this page") : withPagination ? "Showing ".concat(startIndex, "-").concat(endIndex, " of ").concat(totalRecords, " ").concat(customLabel).concat(getPluralSuffix(totalRecords)) : "Showing ".concat(totalRecords, " ").concat(customLabel).concat(getPluralSuffix(totalRecords));
   return /*#__PURE__*/React.createElement("div", {
     className: "Header"
   }, /*#__PURE__*/React.createElement("div", {
@@ -19828,7 +19863,8 @@ var Header = function Header(props) {
     onClear: function onClear() {
       return updateSearchTerm && updateSearchTerm('');
     },
-    disabled: loading && !hasSchema(schema)
+    disabled: loading && !hasSchema(schema),
+    autoComplete: "off"
   })), showFilters && filterSchema.length > 0 && /*#__PURE__*/React.createElement("div", {
     className: "Header-dropdown"
   }, /*#__PURE__*/React.createElement("div", {
@@ -19878,7 +19914,7 @@ var Header = function Header(props) {
     onClick: function onClick() {
       return setSelectAllRecords(true);
     }
-  }, "Select all ".concat(totalRecords, " items")) : /*#__PURE__*/React.createElement(Button, {
+  }, "Select all ".concat(totalRecords, " ").concat(customLabel, "s")) : /*#__PURE__*/React.createElement(Button, {
     "data-test": "DesignSystem-Table-Header--clearSelectionItemsButton",
     size: "tiny",
     onClick: function onClick() {
@@ -20029,7 +20065,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
               _this.setState({
                 data: _data2,
                 schema: schema,
-                selectAll: getSelectAll(_data2),
+                selectAll: getSelectAll(_data2, _this.props.selectDisabledRow),
                 totalRecords: res.count,
                 loading: false,
                 error: !_data2.length,
@@ -20062,7 +20098,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
           totalRecords: totalRecords,
           error: !renderedData.length,
           errorType: 'NO_RECORDS_FOUND',
-          selectAll: getSelectAll(renderedData),
+          selectAll: getSelectAll(renderedData, _this.props.selectDisabledRow),
           schema: renderedSchema,
           data: renderedData
         });
@@ -20078,11 +20114,11 @@ var Table = /*#__PURE__*/function (_React$Component) {
       if (rowIndexes >= 0) {
         newData = updateBatchData(data, indexes, {
           _selected: selected
-        });
+        }, _this.props.selectDisabledRow);
 
         _this.setState({
           data: newData,
-          selectAll: getSelectAll(newData)
+          selectAll: getSelectAll(newData, _this.props.selectDisabledRow)
         });
       }
 
@@ -20103,17 +20139,23 @@ var Table = /*#__PURE__*/function (_React$Component) {
       });
       var newData = updateBatchData(data, indexes, {
         _selected: selected
+      }, _this.props.selectDisabledRow);
+      var selectedIndex = [];
+      newData.forEach(function (item, key) {
+        if (item._selected) {
+          selectedIndex.push(key);
+        }
       });
 
       if (onSelect) {
-        onSelect(indexes, selected, newData.filter(function (d) {
+        onSelect(selectedIndex, selected, newData.filter(function (d) {
           return d._selected;
         }), selectAll);
       }
 
       _this.setState({
         data: newData,
-        selectAll: getSelectAll(newData)
+        selectAll: getSelectAll(newData, _this.props.selectDisabledRow)
       });
     });
 
@@ -20187,7 +20229,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
       var _this2 = this;
 
       if (!this.state.async) {
-        if (prevProps.loading !== this.props.loading || prevProps.error !== this.props.error || this.props.schema !== prevProps.schema) {
+        if (prevProps.loading !== this.props.loading || prevProps.error !== this.props.error) {
           var _this$props2 = this.props,
               _this$props2$data = _this$props2.data,
               _data3 = _this$props2$data === void 0 ? [] : _this$props2$data,
@@ -20980,7 +21022,7 @@ var InlineMessage = function InlineMessage(props) {
       size = props.size;
   var baseProps = extractBaseProps(props);
   var InlineMessageClass = classnames(_defineProperty$1({}, 'InlineMessage', true), className);
-  var IconClass = classnames((_classNames2 = {}, _defineProperty$1(_classNames2, 'InlineMessage-icon', true), _defineProperty$1(_classNames2, 'InlineMessage-icon--warning', appearance === 'warning'), _classNames2));
+  var IconClass = classnames((_classNames2 = {}, _defineProperty$1(_classNames2, 'InlineMessage-icon--warning', appearance === 'warning'), _defineProperty$1(_classNames2, 'InlineMessage-icon--small', size === 'small'), _defineProperty$1(_classNames2, 'InlineMessage-icon--regular', size === 'regular'), _classNames2));
   var DescriptionClass = classnames(_defineProperty$1({}, "InlineMessage-text--".concat(appearance), appearance));
   var IconSize = size === 'small' ? 14 : 16;
   var TextWeight = size === 'small' ? 'medium' : undefined;
@@ -21166,6 +21208,6 @@ var HelpText = function HelpText(props) {
 };
 HelpText.displayName = 'HelpText';
 
-var version = "2.13.5";
+var version = "2.13.6";
 
 export { Avatar, AvatarGroup, Backdrop, Badge, Breadcrumbs, Button, Calendar, Caption, Card, CardBody, CardFooter, CardHeader, CardSubdued, ChatMessage, Checkbox, Chip, ChipGroup, ChipInput, ChoiceList, Collapsible, Column, DatePicker, DateRangePicker, Dialog, Divider, Dropdown, Dropzone, EditableChipInput, EditableDropdown, EditableInput, EmptyState, FileList, FileUploader, FileUploaderList, FullscreenModal, Grid, GridCell, Heading, HelpText, HorizontalNav, Icon, InlineMessage, Input, X as InputMask, Label, Legend, Link, List, Message, MetaList, MetricInput, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, MultiSlider, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderImage, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, Sidesheet, Slider, Spinner, StatusHint, Stepper, Subheading, Switch, Tab, Table, Tabs, TabsWrapper, Text, Textarea, TimePicker, Toast, Tooltip, index as Utils, VerificationCodeInput, VerticalNav, version };