@carbon/ibm-products 1.34.1 → 1.35.0

package/lib/components/Datagrid/Datagrid/addons/RowSize/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "RowSizeDropdown", {
     return _RowSizeDropdown.default;
   }
 });
-
 var _RowSizeDropdown = _interopRequireDefault(require("./RowSizeDropdown"));

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

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "Datagrid", {
     return _Datagrid.Datagrid;
   }
 });
-
 var _Datagrid = require("./Datagrid");

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

@@ -1,17 +1,23 @@
 // import React, { useState, useEffect } from 'react';
 // import { Datagrid, useActionsColumn, useDatagrid, useStickyColumn } from '..';
 // import { defaultHeader, makeData, Wrapper } from './common';
+
 // StickyActionsColumn.story = {
 //   parameters: {
 //     notes: `
 //     Sticky column and actions column can be used at the same time like the demo above. Following is the doc for each of them.
+
 //     # Sticky column
 //     This will make the column mark with \`sticky: "right"\` to be sticky on the right.
+
 //     ## Incompatible with following plugins:
 //     - \`useInfiniteScroll\`
+
 //     ## Sample usage:
+
 //     1. include the \`useStickyColumn\` hook
 //     2. add \`sticky="right"\` to the column object
+
 //     \`\`\`js
 //     const columns = [
 //       ... // other columns
@@ -33,8 +39,10 @@
 //     \`\`\`html
 //     <Datagrid {...datagridState} />
 //     \`\`\`
+
 //     # Actions column
 //     This will add OverflowMenu component to the cells on the column mark with \`isAction: true\`. Each action button callback will include the actionId and row object
+
 //     ## Sample usage:
 //     1. include \`useActionsColumn\` hook
 //     2. add \`isAction = true\` to the column object in which you which to add the overflow menu actions
@@ -45,6 +53,7 @@
 //       - \`rowActions[].shouldDisableMenuItem(row: Row)\` callback to disable this menuitem. [Row properties](https://react-table.tanstack.com/docs/api/useTable#row-properties)
 //         - This will override \`rowActions[].disabled\` (from Carbon) because \`shouldDisableMenuItem\` is more specific to the row.
 //       - each action object can take all the props from \`OverflowMenuItem\` props, see [carbon docs](https://react.carbondesignsystem.com/?path=/docs/components-overflowmenu--default#overflowmenu)
+
 //     \`\`\`js
 //     const columns = [
 //       ... // other columns
@@ -89,5 +98,6 @@
 //     `,
 //   },
 // };
+
 // export default StickyActionsColumn;
 "use strict";

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

@@ -1,32 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.makeData = exports.defaultHeader = exports.Wrapper = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _namor = _interopRequireDefault(require("namor"));
-
 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 range = function range(len) {
   var arr = [];
-
   for (var i = 0; i < len; i++) {
     arr.push(i);
   }
-
   return arr;
 };
-
 var newPerson = function newPerson() {
   var statusChance = Math.random();
   return {
@@ -123,9 +113,9 @@ var newPerson = function newPerson() {
     }),
     status: statusChance > 0.66 ? 'relationship' : statusChance > 0.33 ? 'complicated' : 'single'
   };
-}; // eslint-disable-next-line react/prop-types
-
+};
 
+// eslint-disable-next-line react/prop-types
 var Wrapper = function Wrapper(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -138,14 +128,11 @@ var Wrapper = function Wrapper(_ref) {
     }
   }, children);
 };
-
 exports.Wrapper = Wrapper;
-
 var makeData = function makeData() {
   for (var _len = arguments.length, lens = new Array(_len), _key = 0; _key < _len; _key++) {
     lens[_key] = arguments[_key];
   }
-
   var makeDataLevel = function makeDataLevel() {
     var depth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     var len = lens[depth];
@@ -155,10 +142,8 @@ var makeData = function makeData() {
       });
     });
   };
-
   return makeDataLevel();
 };
-
 exports.makeData = makeData;
 var defaultHeader = [{
   Header: 'Row Index',

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -35,13 +34,8 @@ Object.defineProperty(exports, "StickyActionsColumn", {
     return _StickyActionsColumnStory.default;
   }
 });
-
 var _CustomizeColumnStory = require("./CustomizeColumnStory");
-
 var _StickyActionsColumnStory = _interopRequireDefault(require("./StickyActionsColumnStory"));
-
 var _RowSizeDropdownStory = require("./RowSizeDropdownStory");
-
 var _LeftPanelStory = require("./LeftPanelStory");
-
 var _SelectAllWithToggleStory = require("./SelectAllWithToggleStory");

package/lib/components/Datagrid/common-column-ids.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectionColumnId = void 0;
-
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
@@ -12,5 +11,6 @@ exports.selectionColumnId = void 0;
  * US Government Users Restricted Rights - Use, duplication or disclosure
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
+
 var selectionColumnId = 'datagridSelection';
 exports.selectionColumnId = selectionColumnId;

package/lib/components/Datagrid/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -113,39 +112,21 @@ Object.defineProperty(exports, "useStickyColumn", {
     return _useStickyColumn.default;
   }
 });
-
 var _Datagrid = require("./Datagrid");
-
 var _useDatagrid = _interopRequireDefault(require("./useDatagrid"));
-
 var _useInfiniteScroll = _interopRequireDefault(require("./useInfiniteScroll"));
-
 var _useNestedRows = _interopRequireDefault(require("./useNestedRows"));
-
 var _useSelectRows = _interopRequireDefault(require("./useSelectRows"));
-
 var _useExpandedRow = _interopRequireDefault(require("./useExpandedRow"));
-
 var _useOnRowClick = _interopRequireDefault(require("./useOnRowClick"));
-
 var _useSortableColumns = _interopRequireDefault(require("./useSortableColumns"));
-
 var _useRowIsMouseOver = _interopRequireDefault(require("./useRowIsMouseOver"));
-
 var _useColumnRightAlign = _interopRequireDefault(require("./useColumnRightAlign"));
-
 var _useDisableSelectRows = _interopRequireDefault(require("./useDisableSelectRows"));
-
 var _useStickyColumn = _interopRequireDefault(require("./useStickyColumn"));
-
 var _useActionsColumn = _interopRequireDefault(require("./useActionsColumn"));
-
 var _useCustomizeColumns = _interopRequireDefault(require("./useCustomizeColumns"));
-
 var _useSelectAllToggle = _interopRequireDefault(require("./useSelectAllToggle"));
-
 var _useColumnCenterAlign = _interopRequireDefault(require("./useColumnCenterAlign"));
-
 var _useColumnOrder = _interopRequireDefault(require("./useColumnOrder"));
-
 var _useInlineEdit = _interopRequireDefault(require("./useInlineEdit"));

package/lib/components/Datagrid/useActionsColumn.js

@@ -1,45 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _carbonComponentsReact = require("carbon-components-react");
-
 var _settings = require("../../settings");
-
 var _excluded = ["id", "itemText", "onClick", "icon"],
-    _excluded2 = ["id", "onClick", "shouldHideMenuItem", "shouldDisableMenuItem", "disabled"];
+  _excluded2 = ["id", "onClick", "shouldHideMenuItem", "shouldDisableMenuItem", "disabled"];
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
-
 var useActionsColumn = function useActionsColumn(hooks) {
   var useAttachActionsOnInstance = function useAttachActionsOnInstance(instance) {
     var rowActions = instance.rowActions,
-        isFetching = instance.isFetching,
-        selectedFlatRows = instance.selectedFlatRows;
-
+      isFetching = instance.isFetching,
+      selectedFlatRows = instance.selectedFlatRows;
     if (rowActions && Array.isArray(rowActions)) {
       var addActionsMenu = function addActionsMenu(props, cellData) {
         var cell = cellData.cell;
         var row = cell.row,
-            column = cell.column;
-
+          column = cell.column;
         if (column.isAction) {
           var _cx3;
-
           return [props, {
             children: /*#__PURE__*/_react.default.createElement("div", {
               className: "".concat(blockClass, "__actions-column-contents")
@@ -52,10 +39,10 @@ var useActionsColumn = function useActionsColumn(hooks) {
               }
             }, rowActions.map(function (action, index) {
               var id = action.id,
-                  itemText = action.itemText,
-                  _onClick = action.onClick,
-                  icon = action.icon,
-                  rest = (0, _objectWithoutProperties2.default)(action, _excluded);
+                itemText = action.itemText,
+                _onClick = action.onClick,
+                icon = action.icon,
+                rest = (0, _objectWithoutProperties2.default)(action, _excluded);
               var selectedRowId = selectedFlatRows === null || selectedFlatRows === void 0 ? void 0 : selectedFlatRows.filter(function (item) {
                 return item.id === row.id ? item.id : null;
               });
@@ -74,9 +61,7 @@ var useActionsColumn = function useActionsColumn(hooks) {
                     // Row actions should be disabled if row is selected and batchActions toolbar is active
                     return;
                   }
-
                   e.stopPropagation();
-
                   _onClick(id, row, e);
                 }
               })));
@@ -89,25 +74,22 @@ var useActionsColumn = function useActionsColumn(hooks) {
               }
             }, rowActions.map(function (action) {
               var id = action.id,
-                  _onClick2 = action.onClick,
-                  shouldHideMenuItem = action.shouldHideMenuItem,
-                  shouldDisableMenuItem = action.shouldDisableMenuItem,
-                  disabled = action.disabled,
-                  rest = (0, _objectWithoutProperties2.default)(action, _excluded2);
-              var hidden = typeof shouldHideMenuItem === 'function' && shouldHideMenuItem(row); // shouldDisableMenuItem will override disabled because it's more specific
+                _onClick2 = action.onClick,
+                shouldHideMenuItem = action.shouldHideMenuItem,
+                shouldDisableMenuItem = action.shouldDisableMenuItem,
+                disabled = action.disabled,
+                rest = (0, _objectWithoutProperties2.default)(action, _excluded2);
+              var hidden = typeof shouldHideMenuItem === 'function' && shouldHideMenuItem(row);
+              // shouldDisableMenuItem will override disabled because it's more specific
               // if shouldDisableMenuItem doesn't exists, fall back to disabled
-
               var isDisabledByRow = typeof shouldDisableMenuItem === 'function' ? shouldDisableMenuItem(row) : disabled;
-
               if (hidden) {
                 return null;
               }
-
               return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.OverflowMenuItem, (0, _extends2.default)({}, rest, {
                 disabled: isDisabledByRow,
                 onClick: function onClick(e) {
                   e.stopPropagation();
-
                   _onClick2(id, row, e);
                 },
                 key: id
@@ -119,16 +101,12 @@ var useActionsColumn = function useActionsColumn(hooks) {
             }
           }];
         }
-
         return [props];
       };
-
       hooks.getCellProps.push(addActionsMenu);
     }
   };
-
   hooks.useInstance.push(useAttachActionsOnInstance);
 };
-
 var _default = useActionsColumn;
 exports.default = _default;

package/lib/components/Datagrid/useColumnCenterAlign.js

@@ -1,28 +1,18 @@
 "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 _react = _interopRequireDefault(require("react"));
-
 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 useColumnCenterAlign = function useColumnCenterAlign(hooks) {
   var centerAlignRenderer = function centerAlignRenderer(tableProps, column) {
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -31,13 +21,11 @@ var useColumnCenterAlign = function useColumnCenterAlign(hooks) {
       })
     }, column.Cell(tableProps));
   };
-
   var centerAlignHeader = function centerAlignHeader(headerProp, column) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(blockClass, "__center-align-header")
     }, typeof column.Header === 'function' ? column.Header(headerProp) : column.Header);
   };
-
   var centerAlignedColumns = function centerAlignedColumns(columns) {
     var columnsWithDefaultCells = columns.map(function (column) {
       return _objectSpread(_objectSpread({}, column), {}, {
@@ -51,9 +39,7 @@ var useColumnCenterAlign = function useColumnCenterAlign(hooks) {
     });
     return (0, _toConsumableArray2.default)(columnsWithDefaultCells);
   };
-
   hooks.visibleColumns.push(centerAlignedColumns);
 };
-
 var _default = useColumnCenterAlign;
 exports.default = _default;

package/lib/components/Datagrid/useColumnOrder.js

@@ -4,14 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _reactTable = require("react-table");
-
 /**
  * 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 _default = _reactTable.useColumnOrder;
+ */var _default = _reactTable.useColumnOrder;
 exports.default = _default;

package/lib/components/Datagrid/useColumnRightAlign.js

@@ -1,28 +1,18 @@
 "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 _react = _interopRequireDefault(require("react"));
-
 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 useColumnRightAlign = function useColumnRightAlign(hooks) {
   var RightAlignRenderer = function RightAlignRenderer(tableProps, column) {
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -31,13 +21,11 @@ var useColumnRightAlign = function useColumnRightAlign(hooks) {
       })
     }, column.Cell(tableProps));
   };
-
   var RightAlignHeader = function RightAlignHeader(headerProp, column) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(blockClass, "__right-align-header")
     }, typeof column.Header === 'function' ? column.Header(headerProp) : column.Header);
   };
-
   var rightAlignedColumns = function rightAlignedColumns(columns) {
     var columnsWithDefaultCells = columns.map(function (column) {
       return _objectSpread(_objectSpread({}, column), {}, {
@@ -51,9 +39,7 @@ var useColumnRightAlign = function useColumnRightAlign(hooks) {
     });
     return (0, _toConsumableArray2.default)(columnsWithDefaultCells);
   };
-
   hooks.visibleColumns.push(rightAlignedColumns);
 };
-
 var _default = useColumnRightAlign;
 exports.default = _default;

package/lib/components/Datagrid/useCustomizeColumns.js

@@ -1,44 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _CustomizeColumns = require("./Datagrid/addons/CustomizeColumns");
-
 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; }
-
 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 useCustomizeColumns = function useCustomizeColumns(hooks) {
   var _React$useState = React.useState(false),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      isModalOpen = _React$useState2[0],
-      setIsModalOpen = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    isModalOpen = _React$useState2[0],
+    setIsModalOpen = _React$useState2[1];
   hooks.useInstance.push(function (instance) {
     var customizeColumnsProps = instance.customizeColumnsProps;
-
     var _ref = customizeColumnsProps || {},
-        labels = _ref.labels;
-
+      labels = _ref.labels;
     Object.assign(instance, {
       customizeColumnsProps: _objectSpread(_objectSpread({}, customizeColumnsProps), {}, {
         isModalOpen: isModalOpen,
@@ -55,6 +40,5 @@ var useCustomizeColumns = function useCustomizeColumns(hooks) {
     });
   });
 };
-
 var _default = useCustomizeColumns;
 exports.default = _default;

package/lib/components/Datagrid/useDatagrid.js

@@ -1,40 +1,24 @@
 "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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _react = require("react");
-
 var _reactTable = require("react-table");
-
 var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
-
 var _useSkeletonRows = _interopRequireDefault(require("./useSkeletonRows"));
-
 var _useDefaultStringRenderer = _interopRequireDefault(require("./useDefaultStringRenderer"));
-
 var _useRowRenderer = _interopRequireDefault(require("./useRowRenderer"));
-
 var _useRowSize = _interopRequireDefault(require("./useRowSize"));
-
 var _DatagridHeaderRow = _interopRequireDefault(require("./Datagrid/DatagridHeaderRow"));
-
 var _useFlexResize = _interopRequireDefault(require("./useFlexResize"));
-
 var _useFloatingScroll = _interopRequireDefault(require("./useFloatingScroll"));
-
 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 useDatagrid = function useDatagrid(params) {
   var defaultPlugins = [_reactTable.useFlexLayout, _DatagridHeaderRow.default, _useSkeletonRows.default, _reactTable.useResizeColumns, _useRowRenderer.default, _useDefaultStringRenderer.default, _useRowSize.default, _reactTable.useFilters, _reactTable.useGlobalFilter, _reactTable.useSortBy, _reactTable.useExpanded];
   var defaultEndPlugins = [_reactTable.usePagination, _reactTable.useRowSelect, _useFlexResize.default, _useFloatingScroll.default];
@@ -42,17 +26,13 @@ var useDatagrid = function useDatagrid(params) {
   var tableId = (0, _react.useMemo)(function () {
     return (0, _uniqueId.default)('datagrid-table-id');
   }, []);
-
   for (var _len = arguments.length, plugins = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     plugins[_key - 1] = arguments[_key];
   }
-
   var tableState = _reactTable.useTable.apply(void 0, [_objectSpread({
     tableId: tableId
   }, params)].concat(defaultPlugins, plugins, defaultEndPlugins, (0, _toConsumableArray2.default)(clientEndPlugins)));
-
   return tableState;
 };
-
 var _default = useDatagrid;
 exports.default = _default;

package/lib/components/Datagrid/useDefaultStringRenderer.js

@@ -1,45 +1,32 @@
 "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 _react = _interopRequireDefault(require("react"));
-
 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 useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
   var StringRenderer = function StringRenderer(tableProps) {
     var _tableProps$column;
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("".concat(blockClass, "__defaultStringRenderer"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__defaultStringRenderer--multiline"), (_tableProps$column = tableProps.column) === null || _tableProps$column === void 0 ? void 0 : _tableProps$column.multiLineWrap)),
       title: tableProps.value
     }, tableProps.value);
   };
-
   var HeaderRenderer = function HeaderRenderer(header) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(blockClass, "__defaultStringRenderer"),
       title: typeof header === 'string' ? header : ''
     }, header);
   };
-
   var visibleColumns = function visibleColumns(columns) {
     var columnsWithDefaultCells = columns.map(function (column) {
       return _objectSpread(_objectSpread({
@@ -50,9 +37,7 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
     });
     return (0, _toConsumableArray2.default)(columnsWithDefaultCells);
   };
-
   hooks.visibleColumns.push(visibleColumns);
 };
-
 var _default = useDefaultStringRenderer;
 exports.default = _default;