@carbon/ibm-products 1.61.1 → 1.62.1

package/es/components/Datagrid/useStickyColumn.js

@@ -2,12 +2,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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) { _defineProperty(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; }
-/*
- * Licensed Materials - Property of IBM
- * 5724-Q36
- * (c) Copyright IBM Corp. 2021
- * US Government Users Restricted Rights - Use, duplication or disclosure
- * restricted by GSA ADP Schedule Contract with IBM Corp.
+/**
+ * Copyright IBM Corp. 2021, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
  */
 
 import { useEffect, useRef, useLayoutEffect, useState } from 'react';
@@ -29,9 +28,11 @@ var useStickyColumn = function useStickyColumn(hooks) {
     setWindowSize(window.innerWidth);
   }, []);
   useLayoutEffect(function () {
+    /* istanbul ignore next */
     function updateSize() {
       setWindowSize(window.innerWidth);
     }
+    /* istanbul ignore next */
     window.addEventListener('resize', updateSize);
     return function () {
       return window.removeEventListener('resize', updateSize);
@@ -52,14 +53,17 @@ var useStickyColumn = function useStickyColumn(hooks) {
     useEffect(function () {
       var tableBodyElement = tableBodyRef.current;
       var headerCellElement = stickyHeaderCellRef.current;
+      /* istanbul ignore next */
       if (hasVertScroll(tableBodyElement) && headerCellElement) {
         headerCellElement.classList.add(OFFSET_SCROLL_CLASS);
       }
       var boundListener = debounce(onBodyResize.bind(null, tableBodyElement, headerCellElement), 250);
+      /* istanbul ignore next */
       if (typeof window !== 'undefined') {
         window.addEventListener('resize', boundListener);
       }
       return function () {
+        /* istanbul ignore next */
         if (typeof window !== 'undefined') {
           window.removeEventListener('resize', boundListener);
         }
@@ -158,6 +162,7 @@ var changeProps = function changeProps(elementName, headerCellRef, windowSize, p
 };
 var onBodyResize = function onBodyResize(tableBodyEle, headerCellEle) {
   if (headerCellEle) {
+    /* istanbul ignore next */
     if (hasVertScroll(tableBodyEle)) {
       headerCellEle.classList.add(OFFSET_SCROLL_CLASS);
     } else {
@@ -167,6 +172,7 @@ var onBodyResize = function onBodyResize(tableBodyEle, headerCellEle) {
   }
 };
 var toggleStickyShadow = function toggleStickyShadow(tableBodyEle, headerCellEle) {
+  /* istanbul ignore next */
   if (tableBodyEle && headerCellEle) {
     var isScrolledToRight = tableBodyEle.scrollLeft + tableBodyEle.clientWidth === tableBodyEle.scrollWidth;
     if (isScrolledToRight) {
@@ -179,6 +185,7 @@ var toggleStickyShadow = function toggleStickyShadow(tableBodyEle, headerCellEle
   }
 };
 var hasVertScroll = function hasVertScroll(element) {
+  /* istanbul ignore next */
   if (!element) {
     return false;
   }

package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js

@@ -41,6 +41,7 @@ export var ErrorEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     className: cx(blockClass, className, "".concat(blockClass, "-type--error")),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(ErrorIllustration, {
+    title: title,
     theme: illustrationTheme,
     size: size
   }), /*#__PURE__*/React.createElement(EmptyStateContent, {

package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js

@@ -41,6 +41,7 @@ export var NoDataEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     className: cx(blockClass, className, "".concat(blockClass, "-type--noData")),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoDataIllustration, {
+    title: title,
     theme: illustrationTheme,
     size: size
   }), /*#__PURE__*/React.createElement(EmptyStateContent, {

package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js

@@ -41,6 +41,7 @@ export var NoTagsEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     className: cx(blockClass, className, "".concat(blockClass, "-type--noTags")),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoTagsIllustration, {
+    title: title,
     theme: illustrationTheme,
     size: size
   }), /*#__PURE__*/React.createElement(EmptyStateContent, {

package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js

@@ -41,6 +41,7 @@ export var NotFoundEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, re
     className: cx(blockClass, className, "".concat(blockClass, "-type--notFound")),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotFoundIllustration, {
+    title: title,
     theme: illustrationTheme,
     size: size
   }), /*#__PURE__*/React.createElement(EmptyStateContent, {

package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js

@@ -42,6 +42,7 @@ export var NotificationsEmptyState = /*#__PURE__*/React.forwardRef(function (_re
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotificationsIllustration, {
     size: size,
+    title: title,
     theme: illustrationTheme
   }), /*#__PURE__*/React.createElement(EmptyStateContent, {
     action: action,

package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js

@@ -42,6 +42,7 @@ export var UnauthorizedEmptyState = /*#__PURE__*/React.forwardRef(function (_ref
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(UnauthorizedIllustration, {
     size: size,
+    title: title,
     theme: illustrationTheme
   }), /*#__PURE__*/React.createElement(EmptyStateContent, {
     action: action,

package/es/components/EmptyStates/assets/ErrorIllustration.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["theme", "size"];
+var _excluded = ["title", "theme", "size"];
 /**
  * Copyright IBM Corp. 2020, 2021
  *
@@ -20,7 +20,8 @@ import uuidv4 from '../../../global/js/utils/uuidv4';
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 export var ErrorIllustration = function ErrorIllustration(_ref) {
-  var theme = _ref.theme,
+  var title = _ref.title,
+    theme = _ref.theme,
     size = _ref.size,
     rest = _objectWithoutProperties(_ref, _excluded);
   var svgId = uuidv4();
@@ -31,7 +32,7 @@ export var ErrorIllustration = function ErrorIllustration(_ref) {
     viewBox: "0 0 80 80",
     className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-error"), "".concat(blockClass, "__illustration--").concat(size)]),
     role: "img"
-  }), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }), /*#__PURE__*/React.createElement("title", null, title), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_dark_".concat(svgId),
     x1: 38.9,
     y1: 77.08,
@@ -209,5 +210,6 @@ export var ErrorIllustration = function ErrorIllustration(_ref) {
 };
 ErrorIllustration.propTypes = {
   size: PropTypes.oneOf(['lg', 'sm']),
-  theme: PropTypes.oneOf(['light', 'dark'])
+  theme: PropTypes.oneOf(['light', 'dark']),
+  title: PropTypes.string
 };

package/es/components/EmptyStates/assets/NoDataIllustration.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["theme", "size"];
+var _excluded = ["title", "theme", "size"];
 /**
  * Copyright IBM Corp. 2020, 2021
  *
@@ -20,7 +20,8 @@ import uuidv4 from '../../../global/js/utils/uuidv4';
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 export var NoDataIllustration = function NoDataIllustration(_ref) {
-  var theme = _ref.theme,
+  var title = _ref.title,
+    theme = _ref.theme,
     size = _ref.size,
     rest = _objectWithoutProperties(_ref, _excluded);
   var svgId = uuidv4();
@@ -31,7 +32,7 @@ export var NoDataIllustration = function NoDataIllustration(_ref) {
     viewBox: "0 0 80 80",
     className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-noData"), "".concat(blockClass, "__illustration--").concat(size)]),
     role: "img"
-  }), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }), /*#__PURE__*/React.createElement("title", null, title), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_dark_".concat(svgId),
     x1: 11.12,
     y1: 43.34,
@@ -172,5 +173,6 @@ export var NoDataIllustration = function NoDataIllustration(_ref) {
 };
 NoDataIllustration.propTypes = {
   size: PropTypes.oneOf(['lg', 'sm']),
-  theme: PropTypes.oneOf(['light', 'dark'])
+  theme: PropTypes.oneOf(['light', 'dark']),
+  title: PropTypes.string
 };

package/es/components/EmptyStates/assets/NoTagsIllustration.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["theme", "size"];
+var _excluded = ["title", "theme", "size"];
 /**
  * Copyright IBM Corp. 2020, 2021
  *
@@ -20,7 +20,8 @@ import uuidv4 from '../../../global/js/utils/uuidv4';
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 export var NoTagsIllustration = function NoTagsIllustration(_ref) {
-  var theme = _ref.theme,
+  var title = _ref.title,
+    theme = _ref.theme,
     size = _ref.size,
     rest = _objectWithoutProperties(_ref, _excluded);
   var svgId = uuidv4();
@@ -32,7 +33,7 @@ export var NoTagsIllustration = function NoTagsIllustration(_ref) {
     viewBox: "0 0 80 80",
     className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-noTags"), "".concat(blockClass, "__illustration--").concat(size)]),
     role: "img"
-  }), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }), /*#__PURE__*/React.createElement("title", null, title), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__c_dark_".concat(svgId),
     x1: 34.96,
     y1: 5.37,
@@ -479,5 +480,6 @@ export var NoTagsIllustration = function NoTagsIllustration(_ref) {
 };
 NoTagsIllustration.propTypes = {
   size: PropTypes.oneOf(['lg', 'sm']),
-  theme: PropTypes.oneOf(['light', 'dark'])
+  theme: PropTypes.oneOf(['light', 'dark']),
+  title: PropTypes.string
 };

package/es/components/EmptyStates/assets/NotFoundIllustration.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["theme", "size"];
+var _excluded = ["title", "theme", "size"];
 /**
  * Copyright IBM Corp. 2020, 2021
  *
@@ -20,7 +20,8 @@ import uuidv4 from '../../../global/js/utils/uuidv4';
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 export var NotFoundIllustration = function NotFoundIllustration(_ref) {
-  var theme = _ref.theme,
+  var title = _ref.title,
+    theme = _ref.theme,
     size = _ref.size,
     rest = _objectWithoutProperties(_ref, _excluded);
   var svgId = uuidv4();
@@ -31,7 +32,7 @@ export var NotFoundIllustration = function NotFoundIllustration(_ref) {
     viewBox: "0 0 80 80",
     className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-notFound"), "".concat(blockClass, "__illustration--").concat(size)]),
     role: "img"
-  }), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }), /*#__PURE__*/React.createElement("title", null, title), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_dark_".concat(svgId),
     x1: 2.6,
     y1: -12.81,
@@ -356,5 +357,6 @@ export var NotFoundIllustration = function NotFoundIllustration(_ref) {
 };
 NotFoundIllustration.propTypes = {
   size: PropTypes.oneOf(['lg', 'sm']),
-  theme: PropTypes.oneOf(['light', 'dark'])
+  theme: PropTypes.oneOf(['light', 'dark']),
+  title: PropTypes.string
 };

package/es/components/EmptyStates/assets/NotificationsIllustration.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["theme", "size"];
+var _excluded = ["title", "theme", "size"];
 /**
  * Copyright IBM Corp. 2020, 2021
  *
@@ -20,7 +20,8 @@ import uuidv4 from '../../../global/js/utils/uuidv4';
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 export var NotificationsIllustration = function NotificationsIllustration(_ref) {
-  var theme = _ref.theme,
+  var title = _ref.title,
+    theme = _ref.theme,
     size = _ref.size,
     rest = _objectWithoutProperties(_ref, _excluded);
   var svgId = uuidv4();
@@ -31,7 +32,7 @@ export var NotificationsIllustration = function NotificationsIllustration(_ref)
     viewBox: "0 0 80 80",
     className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-notification"), "".concat(blockClass, "__illustration--").concat(size)]),
     role: "img"
-  }), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }), /*#__PURE__*/React.createElement("title", null, title), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_dark_".concat(svgId),
     x1: 30.05,
     y1: 54.31,
@@ -327,5 +328,6 @@ export var NotificationsIllustration = function NotificationsIllustration(_ref)
 };
 NotificationsIllustration.propTypes = {
   size: PropTypes.oneOf(['lg', 'sm']),
-  theme: PropTypes.oneOf(['light', 'dark'])
+  theme: PropTypes.oneOf(['light', 'dark']),
+  title: PropTypes.string
 };

package/es/components/EmptyStates/assets/UnauthorizedIllustration.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["theme", "size"];
+var _excluded = ["title", "theme", "size"];
 /**
  * Copyright IBM Corp. 2020, 2021
  *
@@ -20,7 +20,8 @@ import uuidv4 from '../../../global/js/utils/uuidv4';
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 export var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
-  var theme = _ref.theme,
+  var title = _ref.title,
+    theme = _ref.theme,
     size = _ref.size,
     rest = _objectWithoutProperties(_ref, _excluded);
   var svgId = uuidv4();
@@ -32,7 +33,7 @@ export var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     viewBox: "0 0 80 80",
     className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-unauthorized"), "".concat(blockClass, "__illustration--").concat(size)]),
     role: "img"
-  }), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }), /*#__PURE__*/React.createElement("title", null, title), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__b_dark_".concat(svgId),
     x1: 17.33,
     y1: 40.68,
@@ -300,5 +301,6 @@ export var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
 };
 UnauthorizedIllustration.propTypes = {
   size: PropTypes.oneOf(['lg', 'sm']),
-  theme: PropTypes.oneOf(['light', 'dark'])
+  theme: PropTypes.oneOf(['light', 'dark']),
+  title: PropTypes.string
 };

package/es/components/Guidebanner/Guidebanner.js

@@ -74,9 +74,6 @@ export var Guidebanner = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     isCollapsed = _useState6[0],
     setIsCollapsed = _useState6[1];
-  var handleScrollableChange = function handleScrollableChange(value) {
-    setShowNavigation(value);
-  };
   var handleClickToggle = function handleClickToggle() {
     setScrollPosition(0);
     scrollRef.current.scrollToView(0);
@@ -101,9 +98,13 @@ export var Guidebanner = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       left: blue90,
       right: purple70
     },
-    ref: scrollRef,
-    scrollableChange: handleScrollableChange,
-    scrollTune: -450
+    onChangeIsScrollable: function onChangeIsScrollable(value) {
+      setShowNavigation(value);
+    },
+    onScroll: function onScroll(scrollPercent) {
+      setScrollPosition(scrollPercent);
+    },
+    ref: scrollRef
   }, children), /*#__PURE__*/React.createElement("div", {
     className: cx([collapsible || showNavigation ? "".concat(blockClass, "__navigation") : null])
   }, collapsible && /*#__PURE__*/React.createElement(Button, {
@@ -122,9 +123,7 @@ export var Guidebanner = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     tooltipPosition: "top",
     iconDescription: previousIconDescription,
     onClick: function onClick() {
-      scrollRef.current.scrollPrev().then(function (scrollPercentage) {
-        return setScrollPosition(scrollPercentage);
-      });
+      scrollRef.current.scrollPrev();
     }
   }), /*#__PURE__*/React.createElement(Button, {
     kind: "ghost",
@@ -137,9 +136,7 @@ export var Guidebanner = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     tooltipAlignment: "end",
     iconDescription: nextIconDescription,
     onClick: function onClick() {
-      scrollRef.current.scrollNext().then(function (scrollPercentage) {
-        return setScrollPosition(scrollPercentage);
-      });
+      scrollRef.current.scrollNext();
     }
   }))), onClose && /*#__PURE__*/React.createElement(Button, {
     className: "".concat(blockClass, "__close-button"),

package/es/global/js/hooks/index.js

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2020, 2021
+ * Copyright IBM Corp. 2020, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -15,4 +15,5 @@ export { usePreviousValue } from './usePreviousValue';
 export { useResetCreateComponent } from './useResetCreateComponent';
 export { useRetrieveStepData } from './useRetrieveStepData';
 export { useValidCreateStepCount } from './useValidCreateStepCount';
-export { useControllableState } from './useControllableState';
+export { useControllableState } from './useControllableState';
+export { usePrefix } from './usePrefix';

package/es/global/js/hooks/usePrefix.js

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2023, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import pkg from '../package-settings';
+export var usePrefix = function usePrefix() {
+  return pkg.prefix;
+};

package/es/global/js/package-settings.js

@@ -25,6 +25,7 @@ var defaults = {
     CreateTearsheet: true,
     CreateTearsheetStep: true,
     CreateTearsheetDivider: true,
+    Datagrid: true,
     EditInPlace: true,
     EmptyState: true,
     ErrorEmptyState: true,
@@ -65,7 +66,6 @@ var defaults = {
     EditSidePanel: false,
     CancelableTextEdit: false,
     DataSpreadsheet: false,
-    Datagrid: false,
     EditTearsheet: false,
     EditTearsheetNarrow: false,
     EditFullPage: false,
@@ -95,10 +95,7 @@ var defaults = {
   feature: {
     'a-new-feature': false,
     'default-portal-target-body': true,
-    'Datagrid.useExpandedRow': false,
-    'Datagrid.useNestedRows': false,
     'Datagrid.useInlineEdit': false,
-    'Datagrid.useActionsColumn': false,
     'Datagrid.useFiltering': false,
     'Datagrid.useCustomizeColumns': false,
     'ExampleComponent.secondaryIcon': false,