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

package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js

@@ -1,294 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-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; }
-
-/**
- * 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.
- */
-import { deepCloneObject } from '../../../global/js/utils/deepCloneObject';
-import uuidv4 from '../../../global/js/utils/uuidv4';
-import { selectAllCells } from './selectAllCells';
-export var includesResourceKey = function includesResourceKey(arr, usingMac) {
-  if (usingMac) {
-    return includesMeta(arr);
-  }
-
-  if (!usingMac) {
-    return includesControl(arr);
-  }
-};
-export var includesShift = function includesShift(arr) {
-  if (arr.includes('ShiftLeft') || arr.includes('ShiftRight')) {
-    return true;
-  }
-
-  return false;
-};
-
-var includesMeta = function includesMeta(arr) {
-  if (arr.includes('MetaLeft') || arr.includes('MetaRight')) {
-    return true;
-  }
-
-  return false;
-};
-
-var includesControl = function includesControl(arr) {
-  if (arr.includes('ControlLeft') || arr.includes('ControlRight')) {
-    return true;
-  }
-
-  return false;
-};
-
-export var handleMultipleKeys = function handleMultipleKeys(_ref) {
-  var _selectionAreasClone$, _selectionAreasClone$2, _selectionAreasClone$3;
-
-  var activeCellCoordinates = _ref.activeCellCoordinates,
-      event = _ref.event,
-      keysPressedList = _ref.keysPressedList,
-      selectionAreas = _ref.selectionAreas,
-      currentMatcher = _ref.currentMatcher,
-      rows = _ref.rows,
-      setSelectionAreas = _ref.setSelectionAreas,
-      columns = _ref.columns,
-      updateActiveCellCoordinates = _ref.updateActiveCellCoordinates,
-      spreadsheetRef = _ref.spreadsheetRef,
-      removeCellSelections = _ref.removeCellSelections,
-      blockClass = _ref.blockClass,
-      setCurrentMatcher = _ref.setCurrentMatcher,
-      usingMac = _ref.usingMac;
-  var selectionAreasClone = deepCloneObject(selectionAreas);
-  var indexOfCurrentArea = selectionAreasClone.findIndex(function (item) {
-    return item.matcher === currentMatcher;
-  });
-  var pointToUpdate = (_selectionAreasClone$ = selectionAreasClone[indexOfCurrentArea]) !== null && _selectionAreasClone$ !== void 0 && _selectionAreasClone$.point2 ? (_selectionAreasClone$2 = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$2 === void 0 ? void 0 : _selectionAreasClone$2.point2 : (_selectionAreasClone$3 = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$3 === void 0 ? void 0 : _selectionAreasClone$3.point1; // Down + Shift
-
-  if (includesShift(keysPressedList) && keysPressedList.includes('ArrowDown') && keysPressedList.length === 2) {
-    if (rows.length - 1 === (pointToUpdate === null || pointToUpdate === void 0 ? void 0 : pointToUpdate.row) || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header') {
-      return;
-    }
-
-    var newPoint = {
-      row: pointToUpdate.row + 1,
-      column: pointToUpdate.column
-    };
-    selectionAreasClone[indexOfCurrentArea].point2 = newPoint;
-    selectionAreasClone[indexOfCurrentArea].areaCreated = false;
-    setSelectionAreas(selectionAreasClone);
-  } // Right + Shift
-
-
-  if (includesShift(keysPressedList) && keysPressedList.includes('ArrowRight') && keysPressedList.length === 2) {
-    if (columns.length - 1 === (pointToUpdate === null || pointToUpdate === void 0 ? void 0 : pointToUpdate.column) || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header') {
-      return;
-    }
-
-    var _newPoint = {
-      row: pointToUpdate.row,
-      column: pointToUpdate.column + 1
-    };
-    selectionAreasClone[indexOfCurrentArea].point2 = _newPoint;
-    selectionAreasClone[indexOfCurrentArea].areaCreated = false;
-    setSelectionAreas(selectionAreasClone);
-  } // Up + Shift
-
-
-  if (includesShift(keysPressedList) && keysPressedList.includes('ArrowUp') && keysPressedList.length === 2) {
-    if ((pointToUpdate === null || pointToUpdate === void 0 ? void 0 : pointToUpdate.row) === 0 || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header') {
-      return;
-    }
-
-    var _newPoint2 = {
-      row: pointToUpdate.row - 1,
-      column: pointToUpdate.column
-    };
-    selectionAreasClone[indexOfCurrentArea].point2 = _newPoint2;
-    selectionAreasClone[indexOfCurrentArea].areaCreated = false;
-    setSelectionAreas(selectionAreasClone);
-  } // Left + Shift
-
-
-  if (includesShift(keysPressedList) && keysPressedList.includes('ArrowLeft') && keysPressedList.length === 2) {
-    if ((pointToUpdate === null || pointToUpdate === void 0 ? void 0 : pointToUpdate.column) === 0 || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header') {
-      return;
-    }
-
-    var _newPoint3 = {
-      row: pointToUpdate.row,
-      column: pointToUpdate.column - 1
-    };
-    selectionAreasClone[indexOfCurrentArea].point2 = _newPoint3;
-    selectionAreasClone[indexOfCurrentArea].areaCreated = false;
-    setSelectionAreas(selectionAreasClone);
-  } // CMD + a (select all)
-
-
-  if (includesResourceKey(keysPressedList, usingMac) && keysPressedList.includes('KeyA')) {
-    event.preventDefault();
-    var selectionPoint1 = {
-      row: 0,
-      column: 0
-    };
-    var selectionPoint2 = {
-      row: rows.length - 1,
-      column: columns.length - 1
-    }; // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
-
-    if (indexOfCurrentArea === -1) {
-      selectAllCells({
-        ref: spreadsheetRef,
-        setCurrentMatcher: setCurrentMatcher,
-        setSelectionAreas: setSelectionAreas,
-        rows: rows,
-        columns: columns,
-        activeCellCoordinates: activeCellCoordinates,
-        updateActiveCellCoordinates: updateActiveCellCoordinates
-      });
-    }
-
-    selectionAreasClone[indexOfCurrentArea].point1 = selectionPoint1;
-    selectionAreasClone[indexOfCurrentArea].point2 = selectionPoint2;
-    selectionAreasClone[indexOfCurrentArea].areaCreated = false;
-    setSelectionAreas(selectionAreasClone);
-  } // CONTROL + SPACE (Select current column)
-
-
-  if (includesControl(keysPressedList) && keysPressedList.includes('Space')) {
-    var _selectionPoint = {
-      row: 0,
-      column: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column
-    };
-    var _selectionPoint2 = {
-      row: rows.length - 1,
-      column: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column
-    }; // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
-
-    if (indexOfCurrentArea === -1) {
-      var tempMatcher = uuidv4();
-      var newSelectionArea = {
-        point1: _selectionPoint,
-        point2: _selectionPoint2,
-        areaCreated: false,
-        matcher: tempMatcher
-      };
-
-      var coordinatesClone = _objectSpread({}, activeCellCoordinates);
-
-      updateActiveCellCoordinates({
-        coords: coordinatesClone,
-        updatedValue: {
-          column: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column,
-          row: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row
-        }
-      });
-      setCurrentMatcher(tempMatcher);
-      return setSelectionAreas([newSelectionArea]);
-    }
-
-    selectionAreasClone[indexOfCurrentArea].point1 = _selectionPoint;
-    selectionAreasClone[indexOfCurrentArea].point2 = _selectionPoint2;
-    selectionAreasClone[indexOfCurrentArea].areaCreated = false;
-    setSelectionAreas(selectionAreasClone);
-  } // Shift + SPACE (Select current row)
-
-
-  if (includesShift(keysPressedList) && keysPressedList.includes('Space')) {
-    var _selectionPoint3 = {
-      row: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row,
-      column: 0
-    };
-    var _selectionPoint4 = {
-      row: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row,
-      column: columns.length - 1
-    }; // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
-
-    if (indexOfCurrentArea === -1) {
-      var _tempMatcher = uuidv4();
-
-      var _newSelectionArea = {
-        point1: _selectionPoint3,
-        point2: _selectionPoint4,
-        areaCreated: false,
-        matcher: _tempMatcher
-      };
-
-      var _coordinatesClone = _objectSpread({}, activeCellCoordinates);
-
-      updateActiveCellCoordinates({
-        coords: _coordinatesClone,
-        updatedValue: {
-          column: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column,
-          row: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row
-        }
-      });
-      setCurrentMatcher(_tempMatcher);
-      return setSelectionAreas([_newSelectionArea]);
-    }
-
-    selectionAreasClone[indexOfCurrentArea].point1 = _selectionPoint3;
-    selectionAreasClone[indexOfCurrentArea].point2 = _selectionPoint4;
-    selectionAreasClone[indexOfCurrentArea].areaCreated = false;
-    setSelectionAreas(selectionAreasClone);
-  } // CMD + HOME (Selects first cell in first row)
-
-
-  if (includesResourceKey(keysPressedList, usingMac) && keysPressedList.includes('Home')) {
-    var scrollElement = spreadsheetRef.current.querySelector(".".concat(blockClass, "__list--container"));
-    scrollElement.scrollTop = 0;
-
-    var _coordinatesClone2 = _objectSpread({}, activeCellCoordinates);
-
-    removeCellSelections({
-      spreadsheetRef: spreadsheetRef
-    });
-    updateActiveCellCoordinates({
-      coords: _coordinatesClone2,
-      updatedValue: {
-        column: 0,
-        row: 0
-      }
-    });
-  } // CMD + END (Selects last cell in last row)
-
-
-  if (includesResourceKey(keysPressedList, usingMac) && keysPressedList.includes('End')) {
-    var _scrollElement = spreadsheetRef.current.querySelector(".".concat(blockClass, "__list--container"));
-
-    _scrollElement.scrollTop = _scrollElement.scrollHeight;
-
-    var _coordinatesClone3 = _objectSpread({}, activeCellCoordinates);
-
-    removeCellSelections({
-      spreadsheetRef: spreadsheetRef
-    });
-    var lastCellExists = !!rows[(rows === null || rows === void 0 ? void 0 : rows.length) - 1].cells[(columns === null || columns === void 0 ? void 0 : columns.length) - 1];
-
-    var updateToLastCell = function updateToLastCell() {
-      updateActiveCellCoordinates({
-        coords: _coordinatesClone3,
-        updatedValue: {
-          column: columns.length - 1,
-          row: rows.length - 1
-        }
-      });
-    }; // With the spreadsheet supporting virtualized data, it's possible that the last cell
-    // has never been rendered yet, if that's the case we scroll to the bottom of the spreadsheet
-    // and add a timeout to wait for the last row to render to the DOM before updating the active cell coordinates.
-    // If we're able to verify that the last row has been rendered, no timeout is used.
-
-
-    if (lastCellExists) {
-      updateToLastCell();
-    } else {
-      setTimeout(function () {
-        updateToLastCell();
-      }, 1000);
-    }
-  }
-};

package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js

@@ -1,35 +0,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.
- */
-import { px } from '@carbon/layout';
-import { pkg } from '../../../settings';
-export var moveColumnIndicatorLine = function moveColumnIndicatorLine(_ref) {
-  var _ref$blockClass = _ref.blockClass,
-      blockClass = _ref$blockClass === void 0 ? "".concat(pkg.prefix, "--data-spreadsheet") : _ref$blockClass,
-      clonedSelectionElement = _ref.clonedSelectionElement,
-      ref = _ref.ref,
-      spreadsheetCoords = _ref.spreadsheetCoords,
-      leftScrollAmount = _ref.leftScrollAmount;
-  var closestCell = event.target.closest(".".concat(blockClass, "--interactive-cell-element"));
-  var newColumnIndex = closestCell === null || closestCell === void 0 ? void 0 : closestCell.getAttribute('data-column-index');
-  var originalColumnIndex = clonedSelectionElement === null || clonedSelectionElement === void 0 ? void 0 : clonedSelectionElement.getAttribute('data-column-index-original');
-  var closestCellCoords = closestCell.getBoundingClientRect();
-  var indicatorLineElement = ref.current.querySelector(".".concat(blockClass, "__reorder-indicator-line"));
-  var matcherId = clonedSelectionElement === null || clonedSelectionElement === void 0 ? void 0 : clonedSelectionElement.getAttribute('data-matcher-id');
-  var selectionAreaOrigin = ref.current.querySelector("[data-matcher-id=\"".concat(matcherId, "\"]"));
-
-  if (Number(newColumnIndex) > Number(originalColumnIndex)) {
-    indicatorLineElement.style.left = px(closestCellCoords.left - spreadsheetCoords.left + closestCell.offsetWidth - 2 + leftScrollAmount);
-  }
-
-  if (Number(newColumnIndex) < Number(originalColumnIndex)) {
-    indicatorLineElement.style.left = px(closestCellCoords.left - spreadsheetCoords.left + leftScrollAmount);
-  }
-
-  if (Number(newColumnIndex) === Number(originalColumnIndex)) {
-    indicatorLineElement.style.left = selectionAreaOrigin.style.left;
-  }
-};

package/es/components/DataSpreadsheet/utils/removeCellSelections.js

@@ -1,30 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-
-/**
- * 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.
- */
-import { pkg } from '../../../settings'; // Removes the cell selection elements
-
-export var removeCellSelections = function removeCellSelections(_ref) {
-  var matcher = _ref.matcher,
-      spreadsheetRef = _ref.spreadsheetRef,
-      _ref$blockClass = _ref.blockClass,
-      blockClass = _ref$blockClass === void 0 ? "".concat(pkg.prefix, "--data-spreadsheet") : _ref$blockClass;
-
-  if (matcher && typeof matcher === 'string') {
-    var selectionToRemove = spreadsheetRef.current.querySelector("[data-matcher-id=\"".concat(matcher, "\"]"));
-
-    if (selectionToRemove) {
-      selectionToRemove.remove();
-    }
-  } else {
-    var cellSelections = spreadsheetRef.current.querySelectorAll(".".concat(blockClass, "__selection-area--element"));
-
-    _toConsumableArray(cellSelections).forEach(function (element) {
-      return element.remove();
-    });
-  }
-};

package/es/components/DataSpreadsheet/utils/selectAllCells.js

@@ -1,53 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-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; }
-
-/**
- * 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.
- */
-import { removeCellSelections } from './removeCellSelections';
-import uuidv4 from '../../../global/js/utils/uuidv4';
-export var selectAllCells = function selectAllCells(_ref) {
-  var activeCellCoordinates = _ref.activeCellCoordinates,
-      columns = _ref.columns,
-      setCurrentMatcher = _ref.setCurrentMatcher,
-      setSelectionAreas = _ref.setSelectionAreas,
-      ref = _ref.ref,
-      rows = _ref.rows,
-      updateActiveCellCoordinates = _ref.updateActiveCellCoordinates;
-  removeCellSelections({
-    spreadsheetRef: ref
-  });
-  var selectionPoint1 = {
-    row: 0,
-    column: 0
-  };
-  var selectionPoint2 = {
-    row: rows.length - 1,
-    column: columns.length - 1
-  };
-  var tempMatcher = uuidv4();
-  var newSelectionArea = {
-    point1: selectionPoint1,
-    point2: selectionPoint2,
-    areaCreated: false,
-    matcher: tempMatcher
-  };
-
-  var coordinatesClone = _objectSpread({}, activeCellCoordinates);
-
-  updateActiveCellCoordinates({
-    coords: coordinatesClone,
-    updatedValue: {
-      column: 0,
-      row: 0
-    }
-  });
-  setCurrentMatcher(tempMatcher);
-  return setSelectionAreas([newSelectionArea]);
-};

package/es/components/Datagrid/Datagrid/Datagrid.js

@@ -1,59 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["datagridState"];
-
-/**
- * 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.
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { getDevtoolsProps } from '../../../global/js/utils/devtools';
-import { pkg } from '../../../settings';
-import pconsole from '../../../global/js/utils/pconsole';
-import { InlineEditProvider } from './addons/InlineEdit/InlineEditContext';
-import { DatagridContent } from './DatagridContent';
-var blockClass = "".concat(pkg.prefix, "--datagrid");
-var componentName = 'Datagrid';
-export var Datagrid = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var datagridState = _ref.datagridState,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  if (!datagridState) {
-    pconsole.warn('Datagrid was not passed datagridState which is required to render this component.');
-    return null;
-  }
-
-  var withVirtualScroll = datagridState.withVirtualScroll,
-      DatagridPagination = datagridState.DatagridPagination,
-      isFetching = datagridState.isFetching,
-      tableId = datagridState.tableId,
-      leftPanel = datagridState.leftPanel,
-      className = datagridState.className;
-  var rows = DatagridPagination && datagridState.page || datagridState.rows;
-  return /*#__PURE__*/React.createElement(InlineEditProvider, null, /*#__PURE__*/React.createElement("div", _extends({}, rest, {
-    id: tableId,
-    ref: ref,
-    className: cx(className, blockClass, withVirtualScroll ? "".concat(blockClass, "__datagridWrap") : "".concat(blockClass, "__datagridWrap-simple"), !isFetching && rows.length === 0 ? "".concat(blockClass, "__empty-state") : '')
-  }, getDevtoolsProps(componentName)), leftPanel && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__datagridWithPanel ").concat(blockClass, "__displayFlex ").concat(blockClass, "__leftPanel-position")
-  }, /*#__PURE__*/React.createElement(DatagridContent, {
-    datagridState: datagridState
-  })), leftPanel === undefined && /*#__PURE__*/React.createElement(DatagridContent, {
-    datagridState: datagridState
-  })));
-}); // Return a placeholder if not released and not enabled by feature flag
-
-Datagrid = pkg.checkComponentEnabled(Datagrid, componentName); // The display name of the component, used by React. Note that displayName
-// is used in preference to relying on function.name.
-
-Datagrid.displayName = componentName;
-Datagrid.propTypes = {
-  /**
-   * The data grid state, much of it being supplied by the useDatagrid hook
-   */
-  datagridState: PropTypes.object.isRequired
-};

package/es/components/Datagrid/Datagrid/DatagridBody.js

@@ -1,36 +0,0 @@
-/*
- * 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.
- */
-import React from 'react';
-import DatagridEmptyBody from './DatagridEmptyBody';
-import DatagridVirtualBody from './DatagridVirtualBody';
-import DatagridSimpleBody from './DatagridSimpleBody';
-import DatagridRefBody from './DatagridRefBody';
-
-var DatagridBody = function DatagridBody(datagridState) {
-  var isFetching = datagridState.isFetching,
-      _datagridState$rows = datagridState.rows,
-      rows = _datagridState$rows === void 0 ? [] : _datagridState$rows,
-      withVirtualScroll = datagridState.withVirtualScroll,
-      withStickyColumn = datagridState.withStickyColumn;
-
-  if (!isFetching && rows.length === 0) {
-    return /*#__PURE__*/React.createElement(DatagridEmptyBody, datagridState);
-  }
-
-  if (withVirtualScroll) {
-    return /*#__PURE__*/React.createElement(DatagridVirtualBody, datagridState);
-  }
-
-  if (withStickyColumn) {
-    return /*#__PURE__*/React.createElement(DatagridRefBody, datagridState);
-  }
-
-  return /*#__PURE__*/React.createElement(DatagridSimpleBody, datagridState);
-};
-
-export default DatagridBody;

package/es/components/Datagrid/Datagrid/DatagridContent.js

@@ -1,154 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { useContext, useEffect, useRef } from 'react';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import { DataTable } from '@carbon/react';
-import { px } from '@carbon/layout';
-import DatagridHead from './DatagridHead';
-import DatagridBody from './DatagridBody';
-import DatagridToolbar from './DatagridToolbar';
-import { handleGridKeyPress } from './addons/InlineEdit/handleGridKeyPress';
-import { carbon, pkg } from '../../../settings';
-import { InlineEditContext } from './addons/InlineEdit/InlineEditContext';
-import { handleGridFocus } from './addons/InlineEdit/handleGridFocus';
-import { useClickOutside } from '../../../global/js/hooks';
-import { useMultipleKeyTracking } from '../../DataSpreadsheet/hooks';
-var TableContainer = DataTable.TableContainer,
-    Table = DataTable.Table;
-var blockClass = "".concat(pkg.prefix, "--datagrid");
-export var DatagridContent = function DatagridContent(_ref) {
-  var _cx4;
-
-  var datagridState = _ref.datagridState;
-
-  var _useContext = useContext(InlineEditContext),
-      state = _useContext.state,
-      dispatch = _useContext.dispatch;
-
-  var activeCellId = state.activeCellId;
-  var _datagridState$getTab = datagridState.getTableProps,
-      getTableProps = _datagridState$getTab === void 0 ? function () {} : _datagridState$getTab,
-      withVirtualScroll = datagridState.withVirtualScroll,
-      DatagridPagination = datagridState.DatagridPagination,
-      isFetching = datagridState.isFetching,
-      CustomizeColumnsModal = datagridState.CustomizeColumnsModal,
-      leftPanel = datagridState.leftPanel,
-      fullHeightDatagrid = datagridState.fullHeightDatagrid,
-      _datagridState$vertic = datagridState.verticalAlign,
-      verticalAlign = _datagridState$vertic === void 0 ? 'center' : _datagridState$vertic,
-      variableRowHeight = datagridState.variableRowHeight,
-      gridTitle = datagridState.gridTitle,
-      gridDescription = datagridState.gridDescription,
-      useDenseHeader = datagridState.useDenseHeader,
-      withInlineEdit = datagridState.withInlineEdit,
-      tableId = datagridState.tableId,
-      DatagridActions = datagridState.DatagridActions,
-      totalColumnsWidth = datagridState.totalColumnsWidth;
-  var rows = DatagridPagination && datagridState.page || datagridState.rows;
-  var gridActive = state.gridActive,
-      editId = state.editId;
-  var gridAreaRef = useRef();
-  var multiKeyTrackingRef = useRef();
-  useClickOutside(gridAreaRef, function (target) {
-    if (!withInlineEdit) {
-      return;
-    } // We return from here if we find a parent element with the selector below
-    // because that element was initially part of the grid area but was removed
-    // and swapped out with an input, i.e. text, number, selection, or date picker
-
-
-    if (target.closest(".".concat(blockClass, "__inline-edit-button")) || target.closest(".".concat(blockClass, "__inline-edit--select"))) {
-      return;
-    }
-
-    dispatch({
-      type: 'REMOVE_GRID_ACTIVE_FOCUS',
-      payload: activeCellId
-    });
-  });
-
-  var renderTable = function renderTable() {
-    var _getTableProps;
-
-    return /*#__PURE__*/React.createElement(Table, _extends({}, getTableProps(), {
-      className: cx(withVirtualScroll ? '' : "".concat(blockClass, "__table-simple"), "".concat(blockClass, "__vertical-align-").concat(verticalAlign), _defineProperty({}, "".concat(blockClass, "__variable-row-height"), variableRowHeight), _defineProperty({}, "".concat(blockClass, "__table-with-inline-edit"), withInlineEdit), _defineProperty({}, "".concat(blockClass, "__table-grid-active"), gridActive), (_getTableProps = getTableProps()) === null || _getTableProps === void 0 ? void 0 : _getTableProps.className),
-      role: withInlineEdit && 'grid',
-      tabIndex: withInlineEdit && 0,
-      onKeyDown: withInlineEdit ? function (event) {
-        return handleGridKeyPress({
-          event: event,
-          dispatch: dispatch,
-          state: state,
-          instance: datagridState,
-          keysPressedList: keysPressedList,
-          usingMac: usingMac
-        });
-      } : null,
-      onFocus: withInlineEdit ? function () {
-        return handleGridFocus(state, dispatch);
-      } : null
-    }), /*#__PURE__*/React.createElement(DatagridHead, datagridState), /*#__PURE__*/React.createElement(DatagridBody, _extends({}, datagridState, {
-      rows: rows
-    })));
-  };
-
-  var _useMultipleKeyTracki = useMultipleKeyTracking({
-    ref: withInlineEdit ? multiKeyTrackingRef : null,
-    containerHasFocus: gridActive,
-    isEditing: !!editId
-  }),
-      keysPressedList = _useMultipleKeyTracki.keysPressedList,
-      usingMac = _useMultipleKeyTracki.usingMac; // Provides a width for the region outline for useInlineEdit
-
-
-  useEffect(function () {
-    if (!withInlineEdit) {
-      return;
-    }
-
-    var gridElement = document.querySelector("#".concat(tableId));
-    var tableHeader = gridElement === null || gridElement === void 0 ? void 0 : gridElement.querySelector(".".concat(carbon.prefix, "--data-table-header"));
-    gridElement.style.setProperty("--".concat(blockClass, "--grid-width"), px(totalColumnsWidth + 32));
-
-    if (gridActive) {
-      gridElement.style.setProperty("--".concat(blockClass, "--grid-header-height"), px((tableHeader === null || tableHeader === void 0 ? void 0 : tableHeader.clientHeight) || 0));
-    }
-  }, [withInlineEdit, tableId, totalColumnsWidth, datagridState, gridActive]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TableContainer, {
-    className: cx("".concat(blockClass, "__grid-container"), withVirtualScroll || fullHeightDatagrid ? "".concat(blockClass, "__full-height") : '', DatagridPagination ? "".concat(blockClass, "__with-pagination") : '', useDenseHeader ? "".concat(blockClass, "__dense-header") : '', (_cx4 = {}, _defineProperty(_cx4, "".concat(blockClass, "__grid-container-grid-active"), gridActive), _defineProperty(_cx4, "".concat(blockClass, "__grid-container-inline-edit"), withInlineEdit), _defineProperty(_cx4, "".concat(blockClass, "__grid-container-grid-active--without-toolbar"), withInlineEdit && !DatagridActions), _cx4)),
-    title: gridTitle,
-    description: gridDescription
-  }, /*#__PURE__*/React.createElement(DatagridToolbar, datagridState), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__table-container"),
-    ref: gridAreaRef
-  }, leftPanel && leftPanel.isOpen && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__datagridLeftPanel")
-  }, leftPanel.panelContent), withInlineEdit ? /*#__PURE__*/React.createElement("div", {
-    ref: multiKeyTrackingRef
-  }, renderTable()) : renderTable())), (rows === null || rows === void 0 ? void 0 : rows.length) > 0 && !isFetching && DatagridPagination && /*#__PURE__*/React.createElement(DatagridPagination, datagridState), CustomizeColumnsModal && /*#__PURE__*/React.createElement(CustomizeColumnsModal, {
-    instance: datagridState
-  }));
-};
-DatagridContent.propTypes = {
-  datagridState: PropTypes.shape({
-    getTableProps: PropTypes.func,
-    withVirtualScroll: PropTypes.bool,
-    DatagridActions: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-    DatagridPagination: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-    CustomizeColumnsModal: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-    isFetching: PropTypes.bool,
-    leftPanel: PropTypes.object,
-    fullHeightDatagrid: PropTypes.bool,
-    variableRowHeight: PropTypes.bool,
-    useDenseHeader: PropTypes.bool,
-    withInlineEdit: PropTypes.bool,
-    verticalAlign: PropTypes.string,
-    gridTitle: PropTypes.node,
-    gridDescription: PropTypes.node,
-    page: PropTypes.arrayOf(PropTypes.object),
-    rows: PropTypes.arrayOf(PropTypes.object),
-    tableId: PropTypes.string,
-    totalColumnsWidth: PropTypes.number
-  })
-};