@carbon/ibm-products 2.24.0 → 2.26.0

package/es/components/CreateTearsheet/CreateTearsheet.d.ts

@@ -0,0 +1,4 @@
+export const StepsContext: React.Context<null>;
+export const StepNumberContext: React.Context<number>;
+export let CreateTearsheet: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/es/components/CreateTearsheet/CreateTearsheet.js

@@ -1,44 +1,47 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["backButtonText", "cancelButtonText", "children", "className", "description", "influencerWidth", "initialStep", "label", "nextButtonText", "onClose", "onRequestSubmit", "open", "firstFocusElement", "submitButtonText", "title", "verticalPosition"];
 /**
- * Copyright IBM Corp. 2021, 2022
+ * Copyright IBM Corp. 2020, 2024
  *
  * 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, { forwardRef, useState, useRef, createContext, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef, useState, useRef, useEffect, createContext } from 'react';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import cx from '../../node_modules/classnames/index.js';
 import { Form } from '@carbon/react';
-import wrapFocus from '../../global/js/utils/wrapFocus';
-import { TearsheetShell } from '../Tearsheet/TearsheetShell';
-import { CreateInfluencer } from '../CreateInfluencer';
-import { pkg } from '../../settings';
-import { usePreviousValue, useValidCreateStepCount, useResetCreateComponent, useCreateComponentFocus, useCreateComponentStepChange } from '../../global/js/hooks';
-import { getDevtoolsProps } from '../../global/js/utils/devtools';
-import { lastIndexInArray } from '../../global/js/utils/lastIndexInArray';
-import { getNumberOfHiddenSteps } from '../../global/js/utils/getNumberOfHiddenSteps';
+import wrapFocus from '../../global/js/utils/wrapFocus.js';
+import { TearsheetShell } from '../Tearsheet/TearsheetShell.js';
+import { pkg } from '../../settings.js';
+import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
+import { lastIndexInArray } from '../../global/js/utils/lastIndexInArray.js';
+import { getNumberOfHiddenSteps } from '../../global/js/utils/getNumberOfHiddenSteps.js';
+import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
+import { useCreateComponentFocus } from '../../global/js/hooks/useCreateComponentFocus.js';
+import { useValidCreateStepCount } from '../../global/js/hooks/useValidCreateStepCount.js';
+import { useResetCreateComponent } from '../../global/js/hooks/useResetCreateComponent.js';
+import { useCreateComponentStepChange } from '../../global/js/hooks/useCreateComponentStepChange.js';
+import { CreateInfluencer } from '../CreateInfluencer/CreateInfluencer.js';
+
+var _excluded = ["backButtonText", "cancelButtonText", "children", "className", "description", "influencerWidth", "initialStep", "label", "nextButtonText", "onClose", "onRequestSubmit", "open", "firstFocusElement", "submitButtonText", "title", "verticalPosition"];
 var componentName = 'CreateTearsheet';
 var blockClass = "".concat(pkg.prefix, "--tearsheet-create");
 
 // This is a general context for the steps container
 // containing information about the state of the container
 // and providing some callback methods for steps to use
-export var StepsContext = /*#__PURE__*/createContext(null);
+var StepsContext = /*#__PURE__*/createContext(null);
 
 // This is a context supplied separately to each step in the container
 // to let it know what number it is in the sequence of steps
-export var StepNumberContext = /*#__PURE__*/createContext(-1);
+var StepNumberContext = /*#__PURE__*/createContext(-1);
 
 // Default values for props
 var defaults = {
   verticalPosition: 'normal',
   influencerWidth: 'narrow'
 };
-export var CreateTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var CreateTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var backButtonText = _ref.backButtonText,
     cancelButtonText = _ref.cancelButtonText,
     children = _ref.children,
@@ -185,12 +188,12 @@ export var CreateTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
       });
     }
   };
-  return /*#__PURE__*/React.createElement(TearsheetShell, _extends({}, rest, getDevtoolsProps(componentName), {
+  return /*#__PURE__*/React__default.createElement(TearsheetShell, _extends({}, rest, getDevtoolsProps(componentName), {
     actions: createTearsheetActions,
     className: cx(blockClass, className),
     description: description,
     hasCloseIcon: false,
-    influencer: /*#__PURE__*/React.createElement(CreateInfluencer, {
+    influencer: /*#__PURE__*/React__default.createElement(CreateInfluencer, {
       currentStep: currentStep,
       stepData: stepData
     }),
@@ -203,13 +206,13 @@ export var CreateTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
     title: title,
     verticalPosition: verticalPosition,
     ref: ref
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__content"),
     onBlur: handleBlur,
     ref: contentRef
-  }, /*#__PURE__*/React.createElement(Form, {
+  }, /*#__PURE__*/React__default.createElement(Form, {
     "aria-label": title
-  }, /*#__PURE__*/React.createElement(StepsContext.Provider, {
+  }, /*#__PURE__*/React__default.createElement(StepsContext.Provider, {
     value: {
       currentStep: currentStep,
       setIsDisabled: setIsDisabled,
@@ -231,8 +234,8 @@ export var CreateTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
       setStepData: setStepData,
       stepData: stepData
     }
-  }, React.Children.map(children, function (child, index) {
-    return /*#__PURE__*/React.createElement(StepNumberContext.Provider, {
+  }, React__default.Children.map(children, function (child, index) {
+    return /*#__PURE__*/React__default.createElement(StepNumberContext.Provider, {
       value: index + 1
     }, child);
   })))));
@@ -323,4 +326,6 @@ CreateTearsheet.propTypes = {
    * to allow an action bar navigation or breadcrumbs to also show through.
    */
   verticalPosition: PropTypes.oneOf(['normal', 'lower'])
-};
+};
+
+export { CreateTearsheet, StepNumberContext, StepsContext };

package/es/components/CreateTearsheet/CreateTearsheetDivider.d.ts

@@ -0,0 +1,2 @@
+export let CreateTearsheetDivider: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/es/components/CreateTearsheet/CreateTearsheetDivider.js

@@ -1,23 +1,23 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className"];
 /**
- * Copyright IBM Corp. 2021, 2021
+ * Copyright IBM Corp. 2020, 2024
  *
  * 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, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { pkg } from '../../settings';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import cx from '../../node_modules/classnames/index.js';
+import { pkg } from '../../settings.js';
+
+var _excluded = ["className"];
 var componentName = 'CreateTearsheetDivider';
 var blockClass = "".concat(pkg.prefix, "--tearsheet-create__section--divider");
-export var CreateTearsheetDivider = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var CreateTearsheetDivider = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
+  return /*#__PURE__*/React__default.createElement("span", _extends({}, rest, {
     ref: ref,
     className: cx(blockClass, className)
   }));
@@ -30,4 +30,6 @@ CreateTearsheetDivider.propTypes = {
    * Sets an optional className to be added to the tearsheet step
    */
   className: PropTypes.string
-};
+};
+
+export { CreateTearsheetDivider };

package/es/components/CreateTearsheet/CreateTearsheetStep.d.ts

@@ -0,0 +1,2 @@
+export let CreateTearsheetStep: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/es/components/CreateTearsheet/CreateTearsheetStep.js

@@ -1,23 +1,22 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "description", "disableSubmit", "fieldsetLegendText", "hasFieldset", "includeStep", "introStep", "invalid", "onMount", "onNext", "onPrevious", "secondaryLabel", "subtitle", "title"];
 /**
- * Copyright IBM Corp. 2021, 2023
+ * Copyright IBM Corp. 2020, 2024
  *
  * 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, { forwardRef, useContext, useEffect, useState, isValidElement } from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { Column, FormGroup, Grid } from '@carbon/react';
-import { StepsContext, StepNumberContext } from './CreateTearsheet';
-import { pkg } from '../../settings';
-import pconsole from '../../global/js/utils/pconsole';
-import { usePreviousValue, useRetrieveStepData } from '../../global/js/hooks';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef, useContext, useState, useEffect, isValidElement } from 'react';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import cx from '../../node_modules/classnames/index.js';
+import { Grid, Column, FormGroup } from '@carbon/react';
+import { StepsContext, StepNumberContext } from './CreateTearsheet.js';
+import { pkg } from '../../settings.js';
+import pconsole from '../../global/js/utils/pconsole.js';
+import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
+import { useRetrieveStepData } from '../../global/js/hooks/useRetrieveStepData.js';
+
+var _excluded = ["children", "className", "description", "disableSubmit", "fieldsetLegendText", "hasFieldset", "includeStep", "introStep", "invalid", "onMount", "onNext", "onPrevious", "secondaryLabel", "subtitle", "title"];
 var componentName = 'CreateTearsheetStep';
 var blockClass = "".concat(pkg.prefix, "--tearsheet-create__step");
 
@@ -26,7 +25,7 @@ var defaults = {
   hasFieldset: true,
   includeStep: true
 };
-export var CreateTearsheetStep = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var CreateTearsheetStep = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     description = _ref.description,
@@ -89,33 +88,33 @@ export var CreateTearsheetStep = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var renderDescription = function renderDescription() {
     if (description) {
       if (typeof description === 'string') {
-        return /*#__PURE__*/React.createElement("p", {
+        return /*#__PURE__*/React__default.createElement("p", {
           className: "".concat(blockClass, "--description")
         }, description);
       }
       if ( /*#__PURE__*/isValidElement(description)) {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/React__default.createElement("div", {
           className: "".concat(blockClass, "--description")
         }, description);
       }
     }
     return null;
   };
-  return stepsContext ? /*#__PURE__*/React.createElement(Grid, _extends({}, rest, {
+  return stepsContext ? /*#__PURE__*/React__default.createElement(Grid, _extends({}, rest, {
     className: cx(blockClass, className, _defineProperty(_defineProperty({}, "".concat(blockClass, "__step--hidden-step"), stepNumber !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep))),
     ref: ref
-  }), /*#__PURE__*/React.createElement(Column, {
+  }), /*#__PURE__*/React__default.createElement(Column, {
     xlg: 12,
     lg: 12,
     md: 8,
     sm: 4
-  }, /*#__PURE__*/React.createElement("h4", {
+  }, /*#__PURE__*/React__default.createElement("h4", {
     className: "".concat(blockClass, "--title")
-  }, title), subtitle && /*#__PURE__*/React.createElement("h6", {
+  }, title), subtitle && /*#__PURE__*/React__default.createElement("h6", {
     className: "".concat(blockClass, "--subtitle")
-  }, subtitle), renderDescription()), /*#__PURE__*/React.createElement(Column, {
+  }, subtitle), renderDescription()), /*#__PURE__*/React__default.createElement(Column, {
     span: 100
-  }, hasFieldset ? /*#__PURE__*/React.createElement(FormGroup, {
+  }, hasFieldset ? /*#__PURE__*/React__default.createElement(FormGroup, {
     legendText: fieldsetLegendText,
     className: "".concat(blockClass, "--fieldset")
   }, children) : children)) : pconsole.warn("You have tried using a ".concat(componentName, " component outside of a CreateTearsheet. This is not allowed. ").concat(componentName, "s should always be children of the CreateTearsheet"));
@@ -195,4 +194,6 @@ CreateTearsheetStep.propTypes = {
    * Sets the title text for a tearsheet step
    */
   title: PropTypes.node.isRequired
-};
+};
+
+export { CreateTearsheetStep };

package/es/components/CreateTearsheet/index.d.ts

@@ -0,0 +1,3 @@
+export { CreateTearsheet } from "./CreateTearsheet";
+export { CreateTearsheetStep } from "./CreateTearsheetStep";
+export { CreateTearsheetDivider } from "./CreateTearsheetDivider";

package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Use a narrow tearsheet as an alternative to a modal when there is scrolling.
+ * Use when the form fields can be broken down into sections using section headers.
+ */
+export let CreateTearsheetNarrow: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js

@@ -1,24 +1,21 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "description", "disableSubmit", "formDescription", "formTitle", "label", "open", "onRequestClose", "onRequestSubmit", "primaryButtonText", "secondaryButtonText", "selectorPrimaryFocus", "title", "verticalPosition"];
 /**
- * Copyright IBM Corp. 2021, 2021
+ * Copyright IBM Corp. 2020, 2024
  *
  * 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 portions of React that are needed.
-import React from 'react';
-
-// Other standard imports.
-import PropTypes from 'prop-types';
-import cx from 'classnames';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import cx from '../../node_modules/classnames/index.js';
 import { Form } from '@carbon/react';
-import { getDevtoolsProps } from '../../global/js/utils/devtools';
-import { pkg } from '../../settings';
-import { TearsheetNarrow } from '../Tearsheet/TearsheetNarrow';
-import uuidv4 from '../../global/js/utils/uuidv4';
+import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
+import { pkg } from '../../settings.js';
+import { TearsheetNarrow } from '../Tearsheet/TearsheetNarrow.js';
+import uuidv4 from '../../global/js/utils/uuidv4.js';
+
+var _excluded = ["children", "className", "description", "disableSubmit", "formDescription", "formTitle", "label", "open", "onRequestClose", "onRequestSubmit", "primaryButtonText", "secondaryButtonText", "selectorPrimaryFocus", "title", "verticalPosition"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--create-tearsheet-narrow");
@@ -30,7 +27,7 @@ var componentName = 'CreateTearsheetNarrow';
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling.
  * Use when the form fields can be broken down into sections using section headers.
  */
-export var CreateTearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var CreateTearsheetNarrow = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     description = _ref.description,
@@ -59,7 +56,7 @@ export var CreateTearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref,
   }];
   var formTextClass = "".concat(blockClass, "__content-text");
   var formTitleId = uuidv4();
-  return /*#__PURE__*/React.createElement(TearsheetNarrow, _extends({}, rest, {
+  return /*#__PURE__*/React__default.createElement(TearsheetNarrow, _extends({}, rest, {
     title: title,
     description: description,
     className: cx(blockClass, className),
@@ -74,12 +71,12 @@ export var CreateTearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref,
     selectorPrimaryFocus: selectorPrimaryFocus,
     verticalPosition: verticalPosition,
     role: "presentation"
-  }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("h3", {
+  }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement("h3", {
     className: cx("".concat(blockClass, "__form-title-text"), formTextClass),
     id: formTitleId
-  }, formTitle), /*#__PURE__*/React.createElement("p", {
+  }, formTitle), /*#__PURE__*/React__default.createElement("p", {
     className: cx("".concat(blockClass, "__form-description-text"), formTextClass)
-  }, formDescription), /*#__PURE__*/React.createElement(Form, {
+  }, formDescription), /*#__PURE__*/React__default.createElement(Form, {
     className: "".concat(blockClass, "__form"),
     "aria-labelledby": formTitleId
   }, children));
@@ -166,4 +163,6 @@ CreateTearsheetNarrow.propTypes = {
    * to allow an action bar navigation or breadcrumbs to also show through.
    */
   verticalPosition: PropTypes.oneOf(['normal', 'lower'])
-};
+};
+
+export { CreateTearsheetNarrow };

package/es/components/CreateTearsheetNarrow/index.d.ts

@@ -0,0 +1 @@
+export { CreateTearsheetNarrow } from "./CreateTearsheetNarrow";

package/es/components/DataSpreadsheet/DataSpreadsheet.d.ts

@@ -0,0 +1,5 @@
+/**
+ * DataSpreadsheet: used to organize and display large amounts of structured data, separated by columns and rows in a grid-like format.
+ */
+export let DataSpreadsheet: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/es/components/DataSpreadsheet/DataSpreadsheet.js

@@ -1,44 +1,41 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _typeof from "@babel/runtime/helpers/typeof";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["cellSize", "className", "columns", "data", "defaultEmptyRowCount", "onDataUpdate", "id", "onActiveCellChange", "onSelectionAreaChange", "selectAllAriaLabel", "spreadsheetAriaLabel", "theme", "totalVisibleColumns"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
- * Copyright IBM Corp. 2022, 2022
+ * Copyright IBM Corp. 2020, 2024
  *
  * 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 portions of React that are needed.
-import React, { useMemo, useRef, useState, useCallback, useEffect } from 'react';
-import { useBlockLayout, useTable, useColumnOrder } from 'react-table';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, typeof as _typeof, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useRef, useState, useMemo, useCallback, useEffect } from 'react';
+import { useTable, useBlockLayout, useColumnOrder } from 'react-table';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import cx from '../../node_modules/classnames/index.js';
+import { pkg } from '../../settings.js';
+import { DataSpreadsheetBody } from './DataSpreadsheetBody.js';
+import { DataSpreadsheetHeader } from './DataSpreadsheetHeader.js';
+import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
+import { getScrollbarWidth } from '../../global/js/utils/getScrollbarWidth.js';
+import uuidv4 from '../../global/js/utils/uuidv4.js';
+import { deepCloneObject } from '../../global/js/utils/deepCloneObject.js';
+import { createActiveCellFn } from './utils/createActiveCellFn.js';
+import { getCellSize } from './utils/getCellSize.js';
+import { includesShift, handleMultipleKeys, includesResourceKey } from './utils/handleMultipleKeys.js';
+import { handleHeaderCellSelection } from './utils/handleHeaderCellSelection.js';
+import { removeCellSelections } from './utils/removeCellSelections.js';
+import { selectAllCells } from './utils/selectAllCells.js';
+import { handleEditSubmit } from './utils/handleEditSubmit.js';
+import { handleActiveCellInSelectionEnter } from './utils/handleActiveCellInSelectionEnter.js';
+import { handleActiveCellInSelectionTab } from './utils/handleActiveCellInSelectionTab.js';
+import { handleCellDeletion } from './utils/handleCellDeletion.js';
+import { useActiveElement } from '../../global/js/hooks/useActiveElement.js';
+import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
+import { useMultipleKeyTracking } from './hooks/useMultipleKeyTracking.js';
+import { useResetSpreadsheetFocus } from './hooks/useResetSpreadsheetFocus.js';
+import { useSpreadsheetOutsideClick } from './hooks/useSpreadsheetOutsideClick.js';
+import { useMoveActiveCell } from './hooks/useMoveActiveCell.js';
+import { useSpreadsheetEdit } from './hooks/useSpreadsheetEdit.js';
 
-// Other standard imports.
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { pkg } from '../../settings';
-import { DataSpreadsheetBody } from './DataSpreadsheetBody';
-import { DataSpreadsheetHeader } from './DataSpreadsheetHeader';
-import { getDevtoolsProps } from '../../global/js/utils/devtools';
-import { getScrollbarWidth } from '../../global/js/utils/getScrollbarWidth';
-import { useActiveElement, usePreviousValue } from '../../global/js/hooks';
-import uuidv4 from '../../global/js/utils/uuidv4';
-import { deepCloneObject } from '../../global/js/utils/deepCloneObject';
-import { useResetSpreadsheetFocus, useSpreadsheetOutsideClick, useMoveActiveCell, useMultipleKeyTracking, useSpreadsheetEdit } from './hooks';
-import { createActiveCellFn } from './utils/createActiveCellFn';
-import { getCellSize } from './utils/getCellSize';
-import { handleMultipleKeys, includesResourceKey, includesShift } from './utils/handleMultipleKeys';
-import { handleHeaderCellSelection } from './utils/handleHeaderCellSelection';
-import { removeCellSelections } from './utils/removeCellSelections';
-import { selectAllCells } from './utils/selectAllCells';
-import { handleEditSubmit } from './utils/handleEditSubmit';
-import { handleActiveCellInSelectionEnter } from './utils/handleActiveCellInSelectionEnter';
-import { handleActiveCellInSelectionTab } from './utils/handleActiveCellInSelectionTab';
-import { handleCellDeletion } from './utils/handleCellDeletion';
+var _excluded = ["cellSize", "className", "columns", "data", "defaultEmptyRowCount", "onDataUpdate", "id", "onActiveCellChange", "onSelectionAreaChange", "selectAllAriaLabel", "spreadsheetAriaLabel", "theme", "totalVisibleColumns"];
 // cspell:words rowcount colcount
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -60,7 +57,7 @@ var defaults = {
 /**
  * DataSpreadsheet: used to organize and display large amounts of structured data, separated by columns and rows in a grid-like format.
  */
-export var DataSpreadsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var DataSpreadsheet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _ref$cellSize = _ref.cellSize,
     cellSize = _ref$cellSize === void 0 ? defaults.cellSize : _ref$cellSize,
     className = _ref.className,
@@ -174,7 +171,7 @@ export var DataSpreadsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     onDataUpdate(function (prev) {
       return prev.map(function (row, index) {
         if (index === rowIndex) {
-          return _objectSpread(_objectSpread({}, prev[rowIndex]), {}, _defineProperty({}, columnId, cellEditorValue || newValue));
+          return _objectSpread2(_objectSpread2({}, prev[rowIndex]), {}, _defineProperty({}, columnId, cellEditorValue || newValue));
         }
         return row;
       });
@@ -270,11 +267,11 @@ export var DataSpreadsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   }, [activeCellCoordinates]);
   var updateActiveCellCoordinates = useCallback(function (_ref3) {
     var _ref3$coords = _ref3.coords,
-      coords = _ref3$coords === void 0 ? _objectSpread({}, activeCellCoordinates) : _ref3$coords,
+      coords = _ref3$coords === void 0 ? _objectSpread2({}, activeCellCoordinates) : _ref3$coords,
       updatedValue = _ref3.updatedValue,
       _ref3$optOutOfSelecti = _ref3.optOutOfSelectionAreaUpdate,
       optOutOfSelectionAreaUpdate = _ref3$optOutOfSelecti === void 0 ? false : _ref3$optOutOfSelecti;
-    var newActiveCell = _objectSpread(_objectSpread({}, coords), updatedValue);
+    var newActiveCell = _objectSpread2(_objectSpread2({}, coords), updatedValue);
     setActiveCellCoordinates(newActiveCell);
     // Only run if the active cell is _not_ a header cell. This will add a point1 object
     // to selectionAreas every time the active cell changes, allowing us to create cell
@@ -291,7 +288,7 @@ export var DataSpreadsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   }, [activeCellCoordinates]);
   var handleHomeEndKey = useCallback(function (_ref4) {
     var type = _ref4.type;
-    var coordinatesClone = _objectSpread({}, activeCellCoordinates);
+    var coordinatesClone = _objectSpread2({}, activeCellCoordinates);
     updateActiveCellCoordinates({
       coords: coordinatesClone,
       updatedValue: {
@@ -427,7 +424,7 @@ export var DataSpreadsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref)
         case 'ArrowLeft':
           {
             handleInitialArrowPress();
-            var coordinatesClone = _objectSpread({}, activeCellCoordinates);
+            var coordinatesClone = _objectSpread2({}, activeCellCoordinates);
             if (coordinatesClone.column === 'header') {
               return;
             }
@@ -454,7 +451,7 @@ export var DataSpreadsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref)
         case 'ArrowUp':
           {
             handleInitialArrowPress();
-            var _coordinatesClone = _objectSpread({}, activeCellCoordinates);
+            var _coordinatesClone = _objectSpread2({}, activeCellCoordinates);
             if (_coordinatesClone.row === 'header') {
               return;
             }
@@ -483,7 +480,7 @@ export var DataSpreadsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref)
         case 'ArrowRight':
           {
             handleInitialArrowPress();
-            var _coordinatesClone2 = _objectSpread({}, activeCellCoordinates);
+            var _coordinatesClone2 = _objectSpread2({}, activeCellCoordinates);
             if (_coordinatesClone2.column === 'header') {
               updateActiveCellCoordinates({
                 coords: _coordinatesClone2,
@@ -511,7 +508,7 @@ export var DataSpreadsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref)
         case 'ArrowDown':
           {
             handleInitialArrowPress();
-            var _coordinatesClone3 = _objectSpread({}, activeCellCoordinates);
+            var _coordinatesClone3 = _objectSpread2({}, activeCellCoordinates);
             if (_coordinatesClone3.row === 'header') {
               updateActiveCellCoordinates({
                 coords: _coordinatesClone3,
@@ -628,13 +625,13 @@ export var DataSpreadsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     };
     // Select an entire column
     if ((activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' && (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) !== 'header') {
-      handleHeaderCellSelection(_objectSpread({
+      handleHeaderCellSelection(_objectSpread2({
         type: 'column'
       }, handleHeaderCellProps));
     }
     // Select an entire row
     if ((activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header' && (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) !== 'header') {
-      handleHeaderCellSelection(_objectSpread({
+      handleHeaderCellSelection(_objectSpread2({
         type: 'row'
       }, handleHeaderCellProps));
     }
@@ -701,7 +698,7 @@ export var DataSpreadsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   var handleActiveCellMouseEnter = useCallback(function () {
     handleActiveCellMouseEnterCallback(selectionAreas, clickAndHoldActive);
   }, [clickAndHoldActive, selectionAreas, handleActiveCellMouseEnterCallback]);
-  return /*#__PURE__*/React.createElement("div", _extends({}, rest, getTableProps(), getDevtoolsProps(componentName), {
+  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, getTableProps(), getDevtoolsProps(componentName), {
     className: cx(blockClass, className, "".concat(blockClass, "--interactive-cell-element"), _defineProperty(_defineProperty({}, "".concat(blockClass, "__container-has-focus"), containerHasFocus), "".concat(blockClass, "__").concat(theme), theme === 'dark')),
     ref: spreadsheetRef,
     role: "grid",
@@ -713,9 +710,9 @@ export var DataSpreadsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     onFocus: function onFocus() {
       return setContainerHasFocus(true);
     }
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     ref: multiKeyTrackingRef
-  }, /*#__PURE__*/React.createElement(DataSpreadsheetHeader, {
+  }, /*#__PURE__*/React__default.createElement(DataSpreadsheetHeader, {
     ref: spreadsheetRef,
     activeCellCoordinates: activeCellCoordinates,
     cellSize: cellSize,
@@ -736,7 +733,7 @@ export var DataSpreadsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     headerCellHoldActive: headerCellHoldActive,
     visibleColumns: visibleColumns,
     selectAllAriaLabel: selectAllAriaLabel
-  }), /*#__PURE__*/React.createElement(DataSpreadsheetBody, {
+  }), /*#__PURE__*/React__default.createElement(DataSpreadsheetBody, {
     activeCellCoordinates: activeCellCoordinates,
     ref: spreadsheetRef,
     clickAndHoldActive: clickAndHoldActive,
@@ -768,7 +765,7 @@ export var DataSpreadsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     setHeaderCellHoldActive: setHeaderCellHoldActive,
     setColumnOrder: setColumnOrder,
     visibleColumns: visibleColumns
-  }), /*#__PURE__*/React.createElement("button", {
+  }), /*#__PURE__*/React__default.createElement("button", {
     onMouseDown: handleActiveCellMouseDown,
     onMouseUp: handleActiveCellMouseUp,
     onClick: handleActiveCellClick,
@@ -778,7 +775,7 @@ export var DataSpreadsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     ref: activeCellRef,
     className: cx("".concat(blockClass, "--interactive-cell-element"), "".concat(blockClass, "__active-cell--highlight"), _defineProperty({}, "".concat(blockClass, "__active-cell--with-selection"), activeCellInsideSelectionArea)),
     type: "button"
-  }, activeCellContent), /*#__PURE__*/React.createElement("textarea", {
+  }, activeCellContent), /*#__PURE__*/React__default.createElement("textarea", {
     id: "".concat(blockClass, "__cell-editor-text-area"),
     value: cellEditorValue,
     onKeyDown: handleEditSubmit({
@@ -801,7 +798,7 @@ export var DataSpreadsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     ref: cellEditorRef,
     "aria-labelledby": activeCellCoordinates ? "".concat(blockClass, "__cell--").concat(activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row, "--").concat(activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) : null,
     className: cx("".concat(blockClass, "__cell-editor"), "".concat(blockClass, "--interactive-cell-element"), "".concat(blockClass, "__cell-editor--").concat(cellSize), _defineProperty({}, "".concat(blockClass, "__cell-editor--active"), isEditing))
-  }), /*#__PURE__*/React.createElement("pre", {
+  }), /*#__PURE__*/React__default.createElement("pre", {
     "aria-hidden": true,
     ref: cellEditorRulerRef,
     className: "".concat(blockClass, "__cell-editor-ruler")
@@ -835,7 +832,6 @@ DataSpreadsheet.propTypes = {
     accessor: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
     Cell: PropTypes.func // optional cell formatter
   })),
-
   /**
    * The spreadsheet data that will be rendered in the body of the spreadsheet component
    */
@@ -879,4 +875,6 @@ DataSpreadsheet.propTypes = {
   totalVisibleColumns: PropTypes.number
 
   /* TODO: add types and DocGen for all props. */
-};
+};
+
+export { DataSpreadsheet };

package/es/components/DataSpreadsheet/DataSpreadsheetBody.d.ts

@@ -0,0 +1,2 @@
+export const DataSpreadsheetBody: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';