@carbon/ibm-products 2.65.0 → 2.66.0

package/es/components/Datagrid/Datagrid/addons/stateReducer.js

@@ -5,34 +5,33 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectSpread2 as _objectSpread2, slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { pkg } from '../../../../settings.js';
 
-var COLUMN_RESIZE_START = 'columnStartResizing';
-var COLUMN_RESIZING = 'columnResizing';
-var COLUMN_RESIZE_END = 'columnDoneResizing';
-var INIT = 'init';
-var TOGGLE_ROW_SELECTED = 'toggleRowSelected'; // selects individual row
-var TOGGLE_ALL_ROWS_SELECTED = 'toggleAllRowsSelected'; // selects all rows in entire table
-var TOGGLE_ON_PAGE_ALL_ROWS_SELECTED = 'toggleAllRowsOnPageSelected'; // selects all rows in the current page
-var DYNAMIC_ROW_CHECK = 'dynamicRowCheck';
-var blockClass = "".concat(pkg.prefix, "--datagrid");
-var handleColumnResizeEndEvent = function handleColumnResizeEndEvent(dispatch, onColResizeEnd, headerId, isKeyEvent) {
+const COLUMN_RESIZE_START = 'columnStartResizing';
+const COLUMN_RESIZING = 'columnResizing';
+const COLUMN_RESIZE_END = 'columnDoneResizing';
+const INIT = 'init';
+const TOGGLE_ROW_SELECTED = 'toggleRowSelected'; // selects individual row
+const TOGGLE_ALL_ROWS_SELECTED = 'toggleAllRowsSelected'; // selects all rows in entire table
+const TOGGLE_ON_PAGE_ALL_ROWS_SELECTED = 'toggleAllRowsOnPageSelected'; // selects all rows in the current page
+const DYNAMIC_ROW_CHECK = 'dynamicRowCheck';
+const blockClass = `${pkg.prefix}--datagrid`;
+const handleColumnResizeEndEvent = (dispatch, onColResizeEnd, headerId, isKeyEvent) => {
   dispatch({
     type: COLUMN_RESIZE_END,
     payload: {
-      onColResizeEnd: onColResizeEnd,
-      headerId: headerId,
-      isKeyEvent: isKeyEvent
+      onColResizeEnd,
+      headerId,
+      isKeyEvent
     }
   });
 };
-var handleColumnResizingEvent = function handleColumnResizingEvent(dispatch, header, newWidth, isKeyEvent) {
+const handleColumnResizingEvent = (dispatch, header, newWidth, isKeyEvent) => {
   {
     dispatch({
       type: COLUMN_RESIZE_START,
       payload: {
-        newWidth: newWidth,
+        newWidth,
         headerId: header.id,
         defaultWidth: header.originalWidth
       }
@@ -41,266 +40,305 @@ var handleColumnResizingEvent = function handleColumnResizingEvent(dispatch, hea
   dispatch({
     type: COLUMN_RESIZING,
     payload: {
-      newWidth: newWidth,
+      newWidth,
       headerId: header.id,
       defaultWidth: header.originalWidth
     }
   });
 };
-var handleToggleRowSelected = function handleToggleRowSelected(_ref) {
-  var dispatch = _ref.dispatch,
-    rowData = _ref.rowData,
-    isChecked = _ref.isChecked,
-    getRowId = _ref.getRowId,
-    selectAll = _ref.selectAll;
+const handleToggleRowSelected = _ref => {
+  let {
+    dispatch,
+    rowData,
+    isChecked,
+    getRowId,
+    selectAll
+  } = _ref;
   return dispatch({
     type: TOGGLE_ROW_SELECTED,
     payload: {
-      rowData: rowData,
-      isChecked: isChecked,
-      getRowId: getRowId,
-      selectAll: selectAll
+      rowData,
+      isChecked,
+      getRowId,
+      selectAll
     }
   });
 };
-var handleSelectAllRowData = function handleSelectAllRowData(_ref2) {
-  var dispatch = _ref2.dispatch,
-    rows = _ref2.rows,
-    getRowId = _ref2.getRowId,
-    indeterminate = _ref2.indeterminate,
-    isChecked = _ref2.isChecked;
+const handleSelectAllRowData = _ref2 => {
+  let {
+    dispatch,
+    rows,
+    getRowId,
+    indeterminate,
+    isChecked
+  } = _ref2;
   return dispatch({
     type: TOGGLE_ALL_ROWS_SELECTED,
     payload: {
-      rows: rows,
-      getRowId: getRowId,
-      indeterminate: indeterminate,
-      isChecked: isChecked
+      rows,
+      getRowId,
+      indeterminate,
+      isChecked
     }
   });
 };
-var handleOnPageSelectAllRowData = function handleOnPageSelectAllRowData(_ref3) {
-  var dispatch = _ref3.dispatch,
-    rows = _ref3.rows,
-    getRowId = _ref3.getRowId,
-    indeterminate = _ref3.indeterminate,
-    isChecked = _ref3.isChecked;
+const handleOnPageSelectAllRowData = _ref3 => {
+  let {
+    dispatch,
+    rows,
+    getRowId,
+    indeterminate,
+    isChecked
+  } = _ref3;
   return dispatch({
     type: TOGGLE_ON_PAGE_ALL_ROWS_SELECTED,
     payload: {
-      rows: rows,
-      getRowId: getRowId,
-      indeterminate: indeterminate,
-      isChecked: isChecked
+      rows,
+      getRowId,
+      indeterminate,
+      isChecked
     }
   });
 };
-var handleDynamicRowCheck = function handleDynamicRowCheck(_ref4) {
-  var dispatch = _ref4.dispatch,
-    status = _ref4.status,
-    rowId = _ref4.rowId,
-    depth = _ref4.depth,
-    index = _ref4.index;
+const handleDynamicRowCheck = _ref4 => {
+  let {
+    dispatch,
+    status,
+    rowId,
+    depth,
+    index
+  } = _ref4;
   return dispatch({
     type: DYNAMIC_ROW_CHECK,
     payload: {
-      status: status,
-      rowId: rowId,
-      depth: depth,
-      index: index
+      status,
+      rowId,
+      depth,
+      index
     }
   });
 };
-var stateReducer = function stateReducer(newState, action) {
+const stateReducer = (newState, action) => {
   switch (action.type) {
     case DYNAMIC_ROW_CHECK:
       {
-        var _action$payload = action.payload,
-          status = _action$payload.status,
-          rowId = _action$payload.rowId,
-          depth = _action$payload.depth,
-          index = _action$payload.index;
+        const {
+          status,
+          rowId,
+          depth,
+          index
+        } = action.payload;
         if (status === 'start') {
-          var skeletonRow = function skeletonRow(id) {
-            return {
-              isSkeleton: true,
-              values: 'skeleton',
-              id: id,
-              depth: depth,
-              index: index,
-              skeletonKey: "".concat(id, "__skeleton")
-            };
-          };
-          return _objectSpread2(_objectSpread2({}, newState), {}, {
-            dynamicRowSkeleton: skeletonRow(rowId)
+          const skeletonRow = id => ({
+            isSkeleton: true,
+            values: 'skeleton',
+            id,
+            depth,
+            index,
+            skeletonKey: `${id}__skeleton`
           });
+          return {
+            ...newState,
+            dynamicRowSkeleton: skeletonRow(rowId)
+          };
         }
-        return _objectSpread2(_objectSpread2({}, newState), {}, {
+        return {
+          ...newState,
           dynamicRowSkeleton: null
-        });
+        };
       }
     case TOGGLE_ALL_ROWS_SELECTED:
       {
-        var _ref5 = action.payload || {},
-          rows = _ref5.rows,
-          getRowId = _ref5.getRowId,
-          indeterminate = _ref5.indeterminate,
-          isChecked = _ref5.isChecked;
-        var newSelectedRowIds = {};
+        const {
+          rows,
+          getRowId,
+          indeterminate,
+          isChecked
+        } = action.payload || {};
+        const newSelectedRowIds = {};
         if (rows) {
-          var _rows$find, _rows$find$getRowProp;
-          var newSelectedRowData = {};
-          var nonSelectableRows = ((_rows$find = rows.find(function (row) {
-            return row.getRowProps;
-          })) === null || _rows$find === void 0 || (_rows$find$getRowProp = _rows$find.getRowProps) === null || _rows$find$getRowProp === void 0 || (_rows$find$getRowProp = _rows$find$getRowProp.call(_rows$find)) === null || _rows$find$getRowProp === void 0 ? void 0 : _rows$find$getRowProp.nonselectablerows) || [];
-          rows.forEach(function (row) {
+          const newSelectedRowData = {};
+          const nonSelectableRows = rows.find(row => row.getRowProps)?.getRowProps?.()?.nonselectablerows || [];
+          rows.forEach(row => {
             if (nonSelectableRows.length > 0 && nonSelectableRows.includes(row.id)) {
               return;
             }
             newSelectedRowIds[getRowId(row.original, row.index)] = true;
             newSelectedRowData[getRowId(row.original, row.index)] = row.original;
           });
-          return _objectSpread2(_objectSpread2({}, newState), {}, {
+          return {
+            ...newState,
             selectedRowIds: newSelectedRowIds,
             selectedRowData: indeterminate || !isChecked ? {} : newSelectedRowData
-          });
+          };
         }
-        return _objectSpread2({}, newState);
+        return {
+          ...newState
+        };
       }
     case TOGGLE_ON_PAGE_ALL_ROWS_SELECTED:
       {
-        var _ref6 = action.payload || {},
-          _rows = _ref6.rows,
-          _getRowId = _ref6.getRowId,
-          _indeterminate = _ref6.indeterminate,
-          _isChecked = _ref6.isChecked;
-        var previousSelectedRowIds = newState.selectedRowIds || {};
-        var previousSelectedRowData = newState.selectedRowData || {};
-        var _newSelectedRowIds = {};
-        if (_rows) {
-          var _newSelectedRowData = {};
-          _rows.forEach(function (row) {
-            var _row$getRowProps;
-            var props = (_row$getRowProps = row.getRowProps) === null || _row$getRowProps === void 0 ? void 0 : _row$getRowProps.call(row);
+        const {
+          rows,
+          getRowId,
+          indeterminate,
+          isChecked
+        } = action.payload || {};
+        const previousSelectedRowIds = newState.selectedRowIds || {};
+        const previousSelectedRowData = newState.selectedRowData || {};
+        const newSelectedRowIds = {};
+        if (rows) {
+          const newSelectedRowData = {};
+          rows.forEach(row => {
+            const props = row.getRowProps?.();
             if (props && props.disabled) {
               return;
             }
             if (props) {
-              if (!_indeterminate && _isChecked) {
+              if (!indeterminate && isChecked) {
                 // adds selection to newly selected rows
-                _newSelectedRowIds[_getRowId(row.original, row.index)] = true;
-                _newSelectedRowData[_getRowId(row.original, row.index)] = row.original;
+                newSelectedRowIds[getRowId(row.original, row.index)] = true;
+                newSelectedRowData[getRowId(row.original, row.index)] = row.original;
               } else {
                 // removes selection from previously selected rows
-                delete previousSelectedRowIds[_getRowId(row.original, row.index)];
-                delete previousSelectedRowData[_getRowId(row.original, row.index)];
+                delete previousSelectedRowIds[getRowId(row.original, row.index)];
+                delete previousSelectedRowData[getRowId(row.original, row.index)];
               }
             }
           });
-          var finalSelectedRowIds = _objectSpread2(_objectSpread2({}, previousSelectedRowIds), _newSelectedRowIds);
-          var finalSelectedRowData = _objectSpread2(_objectSpread2({}, previousSelectedRowData), _newSelectedRowData);
-          return _objectSpread2(_objectSpread2({}, newState), {}, {
+          const finalSelectedRowIds = {
+            ...previousSelectedRowIds,
+            ...newSelectedRowIds
+          };
+          const finalSelectedRowData = {
+            ...previousSelectedRowData,
+            ...newSelectedRowData
+          };
+          return {
+            ...newState,
             selectedRowIds: finalSelectedRowIds,
             selectedRowData: finalSelectedRowData
-          });
+          };
         }
-        return _objectSpread2({}, newState);
+        return {
+          ...newState
+        };
       }
     case TOGGLE_ROW_SELECTED:
       {
-        var _ref7 = action.payload || {},
-          rowData = _ref7.rowData,
-          _isChecked2 = _ref7.isChecked,
-          _getRowId2 = _ref7.getRowId;
+        const {
+          rowData,
+          isChecked,
+          getRowId
+        } = action.payload || {};
         if (!rowData) {
           return;
         }
-        if (_isChecked2) {
-          return _objectSpread2(_objectSpread2({}, newState), {}, {
-            selectedRowData: _objectSpread2(_objectSpread2({}, newState.selectedRowData), {}, _defineProperty({}, _getRowId2(rowData.original, rowData.index), rowData.original))
-          });
+        if (isChecked) {
+          return {
+            ...newState,
+            selectedRowData: {
+              ...newState.selectedRowData,
+              [getRowId(rowData.original, rowData.index)]: rowData.original
+            }
+          };
         }
-        if (rowData && !_isChecked2) {
-          var newData = _objectSpread2({}, newState.selectedRowData);
-          var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (_ref8) {
-            var _ref9 = _slicedToArray(_ref8, 1),
-              key = _ref9[0];
-            return parseInt(key) !== parseInt(_getRowId2(rowData.original, rowData.index));
+        if (rowData && !isChecked) {
+          const newData = {
+            ...newState.selectedRowData
+          };
+          const dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(_ref5 => {
+            let [key] = _ref5;
+            return parseInt(key) !== parseInt(getRowId(rowData.original, rowData.index));
           }));
-          return _objectSpread2(_objectSpread2({}, newState), {}, {
+          return {
+            ...newState,
             selectedRowData: dataWithRemovedRow
-          });
+          };
         }
-        return _objectSpread2({}, newState);
+        return {
+          ...newState
+        };
       }
     case INIT:
       {
-        return _objectSpread2(_objectSpread2({}, newState), {}, {
+        return {
+          ...newState,
           isResizing: false
-        });
+        };
       }
     case COLUMN_RESIZE_START:
       {
-        var _ref10 = action.payload || {},
-          headerId = _ref10.headerId;
-        return _objectSpread2(_objectSpread2({}, newState), {}, {
+        const {
+          headerId
+        } = action.payload || {};
+        return {
+          ...newState,
           isResizing: headerId
-        });
+        };
       }
     case COLUMN_RESIZING:
       {
-        var _ref11 = action.payload || {},
-          _headerId = _ref11.headerId,
-          newWidth = _ref11.newWidth,
-          defaultWidth = _ref11.defaultWidth;
-        var newColumnWidth = {};
-        if (typeof _headerId === 'undefined') {
-          return _objectSpread2({}, newState);
+        const {
+          headerId,
+          newWidth,
+          defaultWidth
+        } = action.payload || {};
+        const newColumnWidth = {};
+        if (typeof headerId === 'undefined') {
+          return {
+            ...newState
+          };
         }
-        newColumnWidth[_headerId] = newWidth;
-        var cleanedWidths = Object.fromEntries(Object.entries(newState.columnResizing.columnWidths).filter(function (_ref12) {
-          var _ref13 = _slicedToArray(_ref12, 2);
-            _ref13[0];
-            var value = _ref13[1];
+        newColumnWidth[headerId] = newWidth;
+        const cleanedWidths = Object.fromEntries(Object.entries(newState.columnResizing.columnWidths).filter(_ref6 => {
+          let [_, value] = _ref6;
           return !isNaN(value);
         }));
-        var headerIdArray = newState.columnResizing.headerIdWidths || [];
-        return _objectSpread2(_objectSpread2({}, newState), {}, {
-          isResizing: _headerId,
-          columnResizing: _objectSpread2(_objectSpread2({}, newState.columnResizing), {}, {
+        const headerIdArray = newState.columnResizing.headerIdWidths || [];
+        return {
+          ...newState,
+          isResizing: headerId,
+          columnResizing: {
+            ...newState.columnResizing,
             columnWidth: defaultWidth,
-            columnWidths: _objectSpread2(_objectSpread2({}, cleanedWidths), newColumnWidth),
-            headerIdWidths: [].concat(_toConsumableArray(headerIdArray), [[_headerId, newWidth]])
-          })
-        });
+            columnWidths: {
+              ...cleanedWidths,
+              ...newColumnWidth
+            },
+            headerIdWidths: [...headerIdArray, [headerId, newWidth]]
+          }
+        };
       }
     case COLUMN_RESIZE_END:
       {
-        var _ref14 = action.payload || {},
-          onColResizeEnd = _ref14.onColResizeEnd,
-          _headerId2 = _ref14.headerId,
-          isKeyEvent = _ref14.isKeyEvent;
-        var currentColumn = {};
-        currentColumn[_headerId2] = newState.columnResizing.columnWidths[_headerId2];
-        var allChangedColumns = newState.columnResizing.columnWidths;
-        onColResizeEnd === null || onColResizeEnd === void 0 || onColResizeEnd(currentColumn, allChangedColumns);
+        const {
+          onColResizeEnd,
+          headerId,
+          isKeyEvent
+        } = action.payload || {};
+        const currentColumn = {};
+        currentColumn[headerId] = newState.columnResizing.columnWidths[headerId];
+        const allChangedColumns = newState.columnResizing.columnWidths;
+        onColResizeEnd?.(currentColumn, allChangedColumns);
         if (!isKeyEvent) {
           if (typeof isKeyEvent === 'undefined') {
             // Blur resizer input if it has focus and is not from a key event resize
-            if (document.activeElement.classList.contains("".concat(blockClass, "__col-resizer-range"))) {
-              var _document;
-              (_document = document) === null || _document === void 0 || (_document = _document.activeElement) === null || _document === void 0 || _document.blur();
+            if (document.activeElement.classList.contains(`${blockClass}__col-resizer-range`)) {
+              document?.activeElement?.blur();
             }
             return;
           }
         }
-        return _objectSpread2(_objectSpread2({}, newState), {}, {
+        return {
+          ...newState,
           isResizing: false,
-          columnResizing: _objectSpread2(_objectSpread2({}, newState.columnResizing), {}, {
+          columnResizing: {
+            ...newState.columnResizing,
             isResizingColumn: false,
             startX: null
-          })
-        });
+          }
+        };
       }
   }
 };

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

@@ -5,6 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-var selectionColumnId = 'datagridSelection';
+const selectionColumnId = 'datagridSelection';
 
 export { selectionColumnId };