@carbon/ibm-products 2.0.0-rc.8 → 2.0.0

package/lib/components/Datagrid/useSortableColumns.js

@@ -1,129 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@carbon/react");
-
-var _icons = require("@carbon/react/icons");
-
-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 ordering = {
-  ASC: 'ASC',
-  DESC: 'DESC',
-  NONE: 'NONE'
-};
-
-var useSortableColumns = function useSortableColumns(hooks) {
-  var sortableVisibleColumns = function sortableVisibleColumns(visibleColumns, _ref) {
-    var instance = _ref.instance;
-    var onSort = instance.onSort;
-
-    var onSortClick = function onSortClick(column) {
-      var key = column.id;
-      var sortDesc = column.isSortedDesc;
-
-      var _getNewSortOrder = getNewSortOrder(sortDesc),
-          newSortDesc = _getNewSortOrder.newSortDesc,
-          newOrder = _getNewSortOrder.newOrder;
-
-      if (onSort) {
-        onSort(key, newOrder);
-      }
-
-      instance.toggleSortBy(key, newSortDesc, false);
-    };
-
-    var sortableColumns = visibleColumns.map(function (column) {
-      var icon = function icon(col, props) {
-        if (col.isSorted) {
-          switch (col.isSortedDesc) {
-            case false:
-              return /*#__PURE__*/_react.default.createElement(_icons.ArrowUp, (0, _extends2.default)({
-                size: 16
-              }, props));
-
-            case true:
-              return /*#__PURE__*/_react.default.createElement(_icons.ArrowDown, (0, _extends2.default)({
-                size: 16
-              }, props));
-
-            default:
-              return /*#__PURE__*/_react.default.createElement(_icons.ArrowsVertical, (0, _extends2.default)({
-                size: 16
-              }, props));
-          }
-        }
-
-        return /*#__PURE__*/_react.default.createElement(_icons.ArrowsVertical, (0, _extends2.default)({
-          size: 16
-        }, props));
-      };
-
-      var Header = function Header(headerProp) {
-        return column.disableSortBy === true ? column.Header : /*#__PURE__*/_react.default.createElement(_react2.Button, {
-          onClick: function onClick() {
-            return onSortClick(headerProp.column);
-          },
-          kind: "ghost",
-          renderIcon: function renderIcon(props) {
-            return icon(headerProp.column, props);
-          }
-        }, column.Header);
-      };
-
-      return _objectSpread(_objectSpread({}, column), {}, {
-        Header: Header
-      });
-    });
-    return (0, _toConsumableArray2.default)(sortableColumns);
-  };
-
-  var sortInstanceProps = function sortInstanceProps(instance) {
-    var onSort = instance.onSort;
-    Object.assign(instance, {
-      manualSortBy: !!onSort,
-      isTableSortable: true
-    });
-  };
-
-  var getNewSortOrder = function getNewSortOrder(sortOrder) {
-    var order = {
-      newSortDesc: undefined,
-      newOrder: ordering.NONE
-    };
-
-    if (sortOrder === false) {
-      order.newOrder = ordering.DESC;
-      order.newSortDesc = true;
-    }
-
-    if (sortOrder === undefined) {
-      order.newOrder = ordering.ASC;
-      order.newSortDesc = false;
-    }
-
-    return order;
-  };
-
-  hooks.visibleColumns.push(sortableVisibleColumns);
-  hooks.useInstance.push(sortInstanceProps);
-};
-
-var _default = useSortableColumns;
-exports.default = _default;

package/lib/components/Datagrid/useStickyColumn.js

@@ -1,204 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = require("react");
-
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _settings = require("../../settings");
-
-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 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) {
-  var tableBodyRef = (0, _react.useRef)();
-  var stickyHeaderCellRef = (0, _react.useRef)();
-  hooks.getCellProps.push(changeProps.bind(null, 'cell', null));
-  hooks.getHeaderProps.push(changeProps.bind(null, 'header', stickyHeaderCellRef));
-  hooks.getTableBodyProps.push(addTableBodyProps.bind(null, tableBodyRef));
-  hooks.getHeaderGroupProps.push(function (props) {
-    return [props, {
-      style: _objectSpread(_objectSpread({}, props.style), {}, {
-        minWidth: 'unset' // unset the min-width calculated by sum of all column min-width
-
-      })
-    }];
-  });
-
-  var useEventListener = function useEventListener(instance) {
-    (0, _react.useEffect)(function () {
-      var tableBodyElement = tableBodyRef.current;
-      var headerCellElement = stickyHeaderCellRef.current;
-
-      if (hasVertScroll(tableBodyElement) && headerCellElement) {
-        headerCellElement.classList.add(OFFSET_SCROLL_CLASS);
-      }
-
-      var boundListener = (0, _debounce.default)(onBodyResize.bind(null, tableBodyElement, headerCellElement), 250);
-      window.addEventListener('resize', boundListener);
-      return function () {
-        window.removeEventListener('resize', boundListener);
-      };
-    }, [instance.rows, instance.isFetching]);
-    (0, _react.useEffect)(function () {
-      var tableBodyElement = tableBodyRef.current;
-      var headerCellElement = stickyHeaderCellRef.current;
-
-      var listener = function listener(evt) {
-        toggleStickyShadow(evt.target, headerCellElement);
-      };
-
-      toggleStickyShadow(tableBodyElement, headerCellElement);
-
-      if (tableBodyElement) {
-        tableBodyElement.addEventListener('scroll', listener);
-      }
-
-      return function () {
-        if (tableBodyElement) {
-          tableBodyElement.removeEventListener('scroll', listener);
-        }
-      };
-    }, [instance.rows, instance.isFetching]);
-  };
-
-  var useCheckScroll = function useCheckScroll(instance) {
-    var tableBodyElement = tableBodyRef.current;
-    var headerCellElement = stickyHeaderCellRef.current;
-    (0, _react.useEffect)(function () {
-      onBodyResize(tableBodyElement, headerCellElement);
-    }, [instance.rows, headerCellElement, tableBodyElement]);
-  };
-
-  hooks.useInstance.push(useEventListener);
-  hooks.useInstance.push(useCheckScroll);
-  hooks.useInstance.push(function (instance) {
-    Object.assign(instance, {
-      withStickyColumn: true
-    });
-  });
-  hooks.useInstance.push(function (instance) {
-    // sticky column is defined by consumer
-    // it will always comes after the spacer which is defined by useFlexResize
-    // swap them here to use the spacer to push
-    // sticky column to the right when there are few
-    // columns defined
-    var newColumns = instance.visibleColumns;
-    var spacerIdx = newColumns.findIndex(function (col) {
-      return col.id === 'spacer';
-    });
-    var stickyIdx = newColumns.findIndex(function (col) {
-      return col.sticky === 'right';
-    });
-
-    if (spacerIdx >= 0 && stickyIdx >= 0 && stickyIdx < spacerIdx) {
-      var temp = newColumns[spacerIdx];
-      newColumns[spacerIdx] = newColumns[stickyIdx];
-      newColumns[stickyIdx] = temp;
-    }
-
-    var newHeaders = instance.headers;
-    spacerIdx = newHeaders.findIndex(function (col) {
-      return col.id === 'spacer';
-    });
-    stickyIdx = newHeaders.findIndex(function (col) {
-      return col.sticky === 'right';
-    });
-
-    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;
-    }
-  });
-};
-
-var addTableBodyProps = function addTableBodyProps(tableBodyRef, props) {
-  return [props, {
-    ref: tableBodyRef
-  }];
-};
-
-var changeProps = function changeProps(elementName, headerCellRef, props, data) {
-  var column = data.column || data.cell.column;
-
-  if (column.sticky === 'right') {
-    var _cx;
-
-    return [props, _objectSpread({
-      className: (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(styleClassPrefix, "-").concat(elementName), true), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__resizableColumn"), false), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__sortableColumn"), false), _cx))
-    }, headerCellRef && {
-      ref: headerCellRef
-    })];
-  }
-
-  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];
-};
-
-var onBodyResize = function onBodyResize(tableBodyEle, headerCellEle) {
-  if (headerCellEle) {
-    if (hasVertScroll(tableBodyEle)) {
-      headerCellEle.classList.add(OFFSET_SCROLL_CLASS);
-    } else {
-      headerCellEle.classList.remove(OFFSET_SCROLL_CLASS);
-    }
-
-    toggleStickyShadow(tableBodyEle, headerCellEle);
-  }
-};
-
-var toggleStickyShadow = function toggleStickyShadow(tableBodyEle, headerCellEle) {
-  if (tableBodyEle && headerCellEle) {
-    var isScrolledToRight = tableBodyEle.scrollLeft + tableBodyEle.clientWidth === tableBodyEle.scrollWidth;
-
-    if (isScrolledToRight) {
-      headerCellEle.classList.add("".concat(blockClass, "__sticky-noShadow"));
-      tableBodyEle.classList.add("".concat(blockClass, "__sticky-column-noShadow"));
-    } else {
-      headerCellEle.classList.remove("".concat(blockClass, "__sticky-noShadow"));
-      tableBodyEle.classList.remove("".concat(blockClass, "__sticky-column-noShadow"));
-    }
-  }
-};
-
-var hasVertScroll = function hasVertScroll(element) {
-  if (!element) {
-    return false;
-  }
-
-  var scrollHeight = element.scrollHeight,
-      clientHeight = element.clientHeight;
-  return scrollHeight > clientHeight;
-};
-
-var _default = useStickyColumn;
-exports.default = _default;

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

@@ -1,170 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DatagridActions = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@carbon/react");
-
-var _icons = require("@carbon/react/icons");
-
-var _addonActions = require("@storybook/addon-actions");
-
-var _settings = require("../../../settings");
-
-var _ButtonMenu = require("../../ButtonMenu");
-
-/**
- * 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 blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
-
-var DatagridActions = function DatagridActions(datagridState) {
-  var selectedFlatRows = datagridState.selectedFlatRows,
-      setGlobalFilter = datagridState.setGlobalFilter,
-      CustomizeColumnsButton = datagridState.CustomizeColumnsButton,
-      RowSizeDropdown = datagridState.RowSizeDropdown,
-      rowSizeDropdownProps = datagridState.rowSizeDropdownProps,
-      useDenseHeader = datagridState.useDenseHeader;
-
-  var downloadCsv = function downloadCsv() {
-    alert('Downloading...');
-  };
-
-  var TableToolbarContent = _react2.DataTable.TableToolbarContent,
-      TableToolbarSearch = _react2.DataTable.TableToolbarSearch;
-
-  var refreshColumns = function refreshColumns() {
-    alert('refreshing...');
-  };
-
-  var leftPanelClick = function leftPanelClick() {
-    alert('open/close left panel...');
-  };
-
-  var searchForAColumn = 'Search';
-  var isNothingSelected = selectedFlatRows.length === 0;
-  var style = {
-    'button:nth-child(1) > span:nth-child(1)': {
-      bottom: '-37px'
-    }
-  };
-  return isNothingSelected && (useDenseHeader && useDenseHeader ? /*#__PURE__*/_react.default.createElement(TableToolbarContent, {
-    size: "sm"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(_react2.Button, {
-    kind: "ghost",
-    hasIconOnly: true,
-    tooltipPosition: "bottom",
-    renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/_react.default.createElement(_icons.Download, (0, _extends2.default)({
-        size: 16
-      }, props));
-    },
-    iconDescription: 'Download CSV',
-    onClick: downloadCsv
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(_react2.Button, {
-    kind: "ghost",
-    hasIconOnly: true,
-    tooltipPosition: "bottom",
-    renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/_react.default.createElement(_icons.Filter, (0, _extends2.default)({
-        size: 16
-      }, props));
-    },
-    iconDescription: 'Left panel',
-    onClick: leftPanelClick
-  })), /*#__PURE__*/_react.default.createElement(RowSizeDropdown, rowSizeDropdownProps), /*#__PURE__*/_react.default.createElement("div", {
-    style: style,
-    className: "".concat(blockClass, "__toolbar-divider")
-  }, /*#__PURE__*/_react.default.createElement(_react2.Button, {
-    kind: "ghost",
-    renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/_react.default.createElement(_icons.Add, (0, _extends2.default)({
-        size: 16
-      }, props));
-    },
-    iconDescription: 'Action'
-  }, "Ghost button")), CustomizeColumnsButton && /*#__PURE__*/_react.default.createElement("div", {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(CustomizeColumnsButton, null))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react2.Button, {
-    kind: "ghost",
-    hasIconOnly: true,
-    tooltipPosition: "bottom",
-    renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/_react.default.createElement(_icons.Filter, (0, _extends2.default)({
-        size: 16
-      }, props));
-    },
-    iconDescription: 'Left panel',
-    onClick: leftPanelClick
-  }), /*#__PURE__*/_react.default.createElement(TableToolbarContent, null, /*#__PURE__*/_react.default.createElement(TableToolbarSearch, {
-    size: "lg",
-    id: "columnSearch",
-    persistent: true,
-    placeholder: searchForAColumn,
-    onChange: function onChange(e) {
-      return setGlobalFilter(e.target.value);
-    }
-  }), /*#__PURE__*/_react.default.createElement(RowSizeDropdown, rowSizeDropdownProps), /*#__PURE__*/_react.default.createElement("div", {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(_react2.Button, {
-    kind: "ghost",
-    hasIconOnly: true,
-    tooltipPosition: "bottom",
-    renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/_react.default.createElement(_icons.Restart, (0, _extends2.default)({
-        size: 16
-      }, props));
-    },
-    iconDescription: 'Refresh',
-    onClick: refreshColumns
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(_react2.Button, {
-    kind: "ghost",
-    hasIconOnly: true,
-    tooltipPosition: "bottom",
-    renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/_react.default.createElement(_icons.Download, (0, _extends2.default)({
-        size: 16
-      }, props));
-    },
-    iconDescription: 'Download CSV',
-    onClick: downloadCsv
-  })), CustomizeColumnsButton && /*#__PURE__*/_react.default.createElement("div", {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(CustomizeColumnsButton, null)), /*#__PURE__*/_react.default.createElement(_ButtonMenu.ButtonMenu, {
-    menuAriaLabel: "Primary action button menu",
-    label: "Primary button",
-    renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/_react.default.createElement(_icons.Add, (0, _extends2.default)({
-        size: 16
-      }, props));
-    }
-  }, /*#__PURE__*/_react.default.createElement(_ButtonMenu.ButtonMenuItem, {
-    itemText: "Option 1",
-    onClick: (0, _addonActions.action)("Click on ButtonMenu Option 1")
-  }), /*#__PURE__*/_react.default.createElement(_ButtonMenu.ButtonMenuItem, {
-    itemText: "Option 2",
-    onClick: (0, _addonActions.action)("Click on ButtonMenu Option 2")
-  }), /*#__PURE__*/_react.default.createElement(_ButtonMenu.ButtonMenuItem, {
-    itemText: "Option 3",
-    onClick: (0, _addonActions.action)("Click on ButtonMenu Option 3")
-  })))));
-};
-
-exports.DatagridActions = DatagridActions;

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

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DatagridPagination = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@carbon/react");
-
-/* eslint-disable react/prop-types */
-
-/**
- * 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 DatagridPagination = function DatagridPagination(_ref) {
-  var state = _ref.state,
-      setPageSize = _ref.setPageSize,
-      gotoPage = _ref.gotoPage,
-      rows = _ref.rows;
-
-  var updatePagination = function updatePagination(_ref2) {
-    var page = _ref2.page,
-        pageSize = _ref2.pageSize;
-    console.log(state);
-    setPageSize(pageSize);
-    gotoPage(page - 1); // Carbon is non-zero-based
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_react2.Pagination, {
-    page: state.pageIndex + 1 // react-table is zero-based
-    ,
-    pageSize: state.pageSize,
-    pageSizes: state.pageSizes || [10, 20, 30, 40, 50],
-    totalItems: rows.length,
-    onChange: updatePagination
-  });
-};
-
-exports.DatagridPagination = DatagridPagination;

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

@@ -1,33 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-/* eslint-disable react/prop-types */
-
-/**
- * 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 Wrapper = function Wrapper(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      height: '100vh',
-      width: '100%',
-      padding: '1rem',
-      margin: '0',
-      zIndex: '0'
-    }
-  }, children);
-};
-
-exports.Wrapper = Wrapper;

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

@@ -1,97 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ARG_TYPES = 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.
- */
-var ARG_TYPES = {
-  gridTitle: {
-    name: 'gridTitle',
-    control: 'text',
-    description: 'This sets the title text for the Datagrid component. _This value is set/passed inside of the `datagridState` object._',
-    type: {
-      name: 'string',
-      required: false
-    }
-  },
-  gridDescription: {
-    name: 'gridDescription',
-    control: 'text',
-    description: 'This sets the description text for the Datagrid component. _This value is set/passed inside of the `datagridState` object._',
-    type: {
-      name: 'string',
-      required: false
-    }
-  },
-  emptyStateTitle: {
-    name: 'emptyStateTitle',
-    control: 'text',
-    description: 'This sets the empty state title text for the Datagrid component. _This value is set/passed inside of the `datagridState` object._',
-    type: {
-      name: 'string',
-      required: false
-    }
-  },
-  emptyStateDescription: {
-    name: 'emptyStateDescription',
-    control: 'text',
-    description: 'This sets the empty state description text for the Datagrid component. _This value is set/passed inside of the `datagridState` object._',
-    type: {
-      name: 'string',
-      required: false
-    }
-  },
-  emptyStateSize: {
-    control: 'select',
-    options: ['sm', 'lg']
-  },
-  useDenseHeader: {
-    control: {
-      type: 'radio'
-    },
-    options: [true, false],
-    description: 'This sets the dense header option for the Datagrid component. _This value is set/passed inside of the `datagridState` object._'
-  },
-  rowSize: {
-    control: 'select',
-    options: ['xs', 'sm', 'md', 'lg', 'xl'],
-    description: 'This sets the height for each row of the Datagrid component. _This value is set/passed inside of the `datagridState` object._'
-  },
-  rowSizes: {
-    control: 'object',
-    description: 'This array of objects specifies the different row size options that will render from the settings icon in the table actions. _This value is set/passed inside of the `datagridState` object._'
-  },
-  onRowSizeChange: {
-    description: 'Callback function that is called on row size changes. _This value is set/passed inside of the `datagridState` object._'
-  },
-  rowActions: {
-    control: 'object',
-    description: 'This array of objects renders the action buttons for each row in the Datagrid. _This value is set/passed inside of the `datagridState` object._',
-    action: 'Row action onClick'
-  },
-  batchActions: {
-    control: {
-      type: 'radio'
-    },
-    options: [true, false],
-    description: 'This will allow the Datagrid component to use batch actions. _This value is set/passed inside of the `datagridState` object._'
-  },
-  expandedContentHeight: {
-    control: {
-      type: 'number'
-    },
-    description: 'This value controls the height of the expanded content area. _This value is set/passed inside of the `datagridState` object._'
-  },
-  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._'
-  }
-};
-exports.ARG_TYPES = ARG_TYPES;