@carbon/ibm-products 2.43.2-canary.29 → 2.43.2-canary.292

package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var layout = require('@carbon/layout');
 var settings = require('../../../settings.js');

package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var layout = require('@carbon/layout');

package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var settings = require('../../../settings.js');
 var removeCellSelections = require('../utils/removeCellSelections.js');

package/lib/components/DataSpreadsheet/index.d.ts

@@ -1 +1,8 @@
-export { DataSpreadsheet } from "./DataSpreadsheet";
+/**
+ * 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.
+ */
+export { DataSpreadsheet } from './DataSpreadsheet';
+export type { DataSpreadsheetProps } from './DataSpreadsheet';

package/lib/components/DataSpreadsheet/types/index.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Copyright IBM Corp. 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.
+ */
 export type Size = 'xs' | 'sm' | 'md' | 'lg';
 export type Theme = 'light' | 'dark';
 export interface SpreadsheetColumn {
@@ -15,6 +21,7 @@ export interface PrevState {
     isEditing?: boolean;
     selectionAreaData?: any[];
     clickAndHoldActive?: boolean;
+    selectedHeaderReorderActive?: boolean;
     rowHeight?: number;
     cellSize?: Size;
 }

package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var deepCloneObject = require('../../../global/js/utils/deepCloneObject.js');
 

package/lib/components/DataSpreadsheet/utils/checkForHoldingKey.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var checkForHoldingKey = function checkForHoldingKey(event, key) {
   // possible key inputs: altKey,ctrlKey,metaKey,shiftKey
   if (key == 'cmd') {

package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var deepCloneObject = require('../../../global/js/utils/deepCloneObject.js');
 
 var checkSelectedHeaderCell = function checkSelectedHeaderCell(headerIndex, selectionAreas, headerType, items) {

package/lib/components/DataSpreadsheet/utils/commonEventHandlers.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var settings = require('../../../settings.js');
 var checkForHoldingKey = require('./checkForHoldingKey.js');
@@ -54,7 +52,7 @@ var handleBodyCellClick = function handleBodyCellClick(cell, columnIndex, event)
     row: cell.row.index,
     column: columnIndex
   };
-  var tempMatcher = uuidv4["default"]();
+  var tempMatcher = uuidv4.default();
   setClickAndHoldActive(true);
 
   // prevent multiple selections unless cmd key is held

package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var layout = require('@carbon/layout');
 var settings = require('../../../settings.js');
 

package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var layout = require('@carbon/layout');
 var deepCloneObject = require('../../../global/js/utils/deepCloneObject.js');
 var getSelectionAreaPoints = require('./getSelectionAreaPoints.js');

package/lib/components/DataSpreadsheet/utils/getCellSize.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var layout = require('@carbon/layout');
 
 var getSizeInPixels = function getSizeInPixels(carbonSize) {

package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var getSelectionAreaPoints = function getSelectionAreaPoints(area) {
   var greatestRowIndex = Math.max(area.point1.row, area.point2.row);
   var greatestColumnIndex = Math.max(area.point1.column, area.point2.column);

package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var layout = require('@carbon/layout');
 
 var getSpreadsheetWidth = function getSpreadsheetWidth(_ref) {

package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var getSelectionAreaPoints = require('./getSelectionAreaPoints.js');
 

package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var getSelectionAreaPoints = require('./getSelectionAreaPoints.js');
 
 var handleActiveCellInSelectionTab = function handleActiveCellInSelectionTab(_ref) {

package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var deepCloneObject = require('../../../global/js/utils/deepCloneObject.js');
 var rangeWithCallback = require('../../../global/js/utils/rangeWithCallback.js');
 

package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var removeCellSelections = require('./removeCellSelections.js');
 var uuidv4 = require('../../../global/js/utils/uuidv4.js');
@@ -40,7 +38,7 @@ var handleEditSubmit = function handleEditSubmit(_ref) {
         spreadsheetRef: spreadsheetRef
       });
       submitEditChanges();
-      var tempMatcher = uuidv4["default"]();
+      var tempMatcher = uuidv4.default();
       var newSelectionArea = {
         row: type === 'Enter' ? activeCellCoordinates.row === rows.length - 1 ? activeCellCoordinates.row : activeCellCoordinates.row + 1 : activeCellCoordinates.row,
         column: type === 'Tab' ? activeCellCoordinates.column === columns.length - 1 ? activeCellCoordinates.column : activeCellCoordinates.column + 1 : activeCellCoordinates.column

package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var deepCloneObject = require('../../../global/js/utils/deepCloneObject.js');
 var uuidv4 = require('../../../global/js/utils/uuidv4.js');
@@ -59,7 +57,7 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
     // going to always be the last row
     column: type === 'column' ? columnValue : columns.length - 1
   };
-  var tempMatcher = uuidv4["default"]();
+  var tempMatcher = uuidv4.default();
   if (!isHoldingShiftKey) {
     setActiveCellCoordinates({
       row: type === 'column' ? 0 : rowValue,

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

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var deepCloneObject = require('../../../global/js/utils/deepCloneObject.js');
 var uuidv4 = require('../../../global/js/utils/uuidv4.js');
@@ -153,7 +151,7 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
     };
     // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
     if (indexOfCurrentArea === -1) {
-      var tempMatcher = uuidv4["default"]();
+      var tempMatcher = uuidv4.default();
       var newSelectionArea = {
         point1: _selectionPoint,
         point2: _selectionPoint2,
@@ -188,7 +186,7 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
     };
     // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
     if (indexOfCurrentArea === -1) {
-      var _tempMatcher = uuidv4["default"]();
+      var _tempMatcher = uuidv4.default();
       var _newSelectionArea = {
         point1: _selectionPoint3,
         point2: _selectionPoint4,

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

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var layout = require('@carbon/layout');
 var settings = require('../../../settings.js');
 

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

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var settings = require('../../../settings.js');
 

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

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var removeCellSelections = require('./removeCellSelections.js');
 var uuidv4 = require('../../../global/js/utils/uuidv4.js');
@@ -32,7 +30,7 @@ var selectAllCells = function selectAllCells(_ref) {
     row: rows.length - 1,
     column: columns.length - 1
   };
-  var tempMatcher = uuidv4["default"]();
+  var tempMatcher = uuidv4.default();
   var newSelectionArea = {
     point1: selectionPoint1,
     point2: selectionPoint2,

package/lib/components/Datagrid/Datagrid/Datagrid.d.ts

@@ -16,12 +16,8 @@ export interface DatagridProps {
      * The data grid state, much of it being supplied by the useDatagrid hook
      */
     datagridState: DataGridState;
-    /**
-     * Table title
-     */
-    title?: string;
 }
 /**
- * The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/cdai-design/pal/components/data-table/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
+ * The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/carbon/ibm-products/components/datagrid/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
  */
 export declare let Datagrid: React.ForwardRefExoticComponent<DatagridProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -7,11 +7,9 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../node_modules/prop-types/index.js');
+var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../../global/js/utils/devtools.js');
 var settings = require('../../../settings.js');
@@ -20,24 +18,18 @@ var DatagridContent = require('./DatagridContent.js');
 var FilterProvider = require('./addons/Filtering/FilterProvider.js');
 var InlineEditContext = require('./addons/InlineEdit/InlineEditContext/InlineEditContext.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-var _excluded = ["datagridState", "title", "ariaToolbarLabel"];
+var _excluded = ["datagridState", "ariaToolbarLabel"];
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var componentName = 'Datagrid';
 /**
- * The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/cdai-design/pal/components/data-table/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
+ * The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/carbon/ibm-products/components/datagrid/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
  */
-exports.Datagrid = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.Datagrid = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var datagridState = _ref.datagridState,
-    title = _ref.title,
     ariaToolbarLabel = _ref.ariaToolbarLabel,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   if (!datagridState) {
-    pconsole["default"].warn('Datagrid was not passed datagridState which is required to render this component.');
+    pconsole.default.warn('Datagrid was not passed datagridState which is required to render this component.');
     return;
   }
   var withVirtualScroll = datagridState.withVirtualScroll,
@@ -49,21 +41,20 @@ exports.Datagrid = /*#__PURE__*/React__default["default"].forwardRef(function (_
     state = datagridState.state;
   var rows = DatagridPagination && datagridState.page || datagridState.rows;
   var props = {
-    title: title,
     datagridState: datagridState,
     ariaToolbarLabel: ariaToolbarLabel
   };
-  return /*#__PURE__*/React__default["default"].createElement(FilterProvider.FilterProvider, {
+  return /*#__PURE__*/React.createElement(FilterProvider.FilterProvider, {
     filters: state === null || state === void 0 ? void 0 : state.filters,
     filterProps: filterProps,
     tableId: tableId
-  }, /*#__PURE__*/React__default["default"].createElement(InlineEditContext.InlineEditProvider, null, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  }, /*#__PURE__*/React.createElement(InlineEditContext.InlineEditProvider, null, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     id: tableId,
     ref: ref,
-    className: cx__default["default"](className, blockClass, withVirtualScroll ? "".concat(blockClass, "__datagridWrap") : "".concat(blockClass, "__datagridWrap-simple"), !isFetching && rows.length === 0 ? "".concat(blockClass, "__empty-state") : '')
-  }, devtools.getDevtoolsProps(componentName)), (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'panel' ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: cx(className, blockClass, withVirtualScroll ? "".concat(blockClass, "__datagridWrap") : "".concat(blockClass, "__datagridWrap-simple"), !isFetching && rows.length === 0 ? "".concat(blockClass, "__empty-state") : '')
+  }, devtools.getDevtoolsProps(componentName)), (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'panel' ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__datagridWithPanel ").concat(blockClass, "__displayFlex")
-  }, /*#__PURE__*/React__default["default"].createElement(DatagridContent.DatagridContent, props)) : /*#__PURE__*/React__default["default"].createElement(DatagridContent.DatagridContent, props))));
+  }, /*#__PURE__*/React.createElement(DatagridContent.DatagridContent, props)) : /*#__PURE__*/React.createElement(DatagridContent.DatagridContent, props))));
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -77,14 +68,10 @@ exports.Datagrid.propTypes = {
    * Specify a label to be read by screen readers on the container node
    * 'aria-label' of the TableToolbar component.
    */
-  ariaToolbarLabel: index["default"].string,
+  ariaToolbarLabel: index.default.string,
   /**
    * The data grid state, much of it being supplied by the useDatagrid hook
    */
   /**@ts-ignore */
-  datagridState: index["default"].object.isRequired,
-  /**
-   * Table title
-   */
-  title: index["default"].string
+  datagridState: index.default.object.isRequired
 };

package/lib/components/Datagrid/Datagrid/DatagridBody.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Copyright IBM Corp. 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 { DataGridState } from '../types';
 declare const DatagridBody: (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
 export default DatagridBody;

package/lib/components/Datagrid/Datagrid/DatagridBody.js

@@ -15,10 +15,6 @@ var DatagridVirtualBody = require('./DatagridVirtualBody.js');
 var DatagridSimpleBody = require('./DatagridSimpleBody.js');
 var DatagridRefBody = require('./DatagridRefBody.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var DatagridBody = function DatagridBody(datagridState) {
   var isFetching = datagridState.isFetching,
     _datagridState$rows = datagridState.rows,
@@ -26,15 +22,15 @@ var DatagridBody = function DatagridBody(datagridState) {
     withVirtualScroll = datagridState.withVirtualScroll,
     withStickyColumn = datagridState.withStickyColumn;
   if (!isFetching && rows.length === 0) {
-    return /*#__PURE__*/React__default["default"].createElement(DatagridEmptyBody["default"], datagridState);
+    return /*#__PURE__*/React.createElement(DatagridEmptyBody.default, datagridState);
   }
   if (withVirtualScroll) {
-    return /*#__PURE__*/React__default["default"].createElement(DatagridVirtualBody["default"], datagridState);
+    return /*#__PURE__*/React.createElement(DatagridVirtualBody.default, datagridState);
   }
   if (withStickyColumn) {
-    return /*#__PURE__*/React__default["default"].createElement(DatagridRefBody["default"], datagridState);
+    return /*#__PURE__*/React.createElement(DatagridRefBody.default, datagridState);
   }
-  return /*#__PURE__*/React__default["default"].createElement(DatagridSimpleBody["default"], datagridState);
+  return /*#__PURE__*/React.createElement(DatagridSimpleBody.default, datagridState);
 };
 
-exports["default"] = DatagridBody;
+exports.default = DatagridBody;