@m4l/components 2.0.7 → 3.0.1

package/{react-data-grid.c5377916.js → react-data-grid-BfYuZ6AK.js}

@@ -2,8 +2,7 @@ import { forwardRef, useRef, createContext, useContext, useState, useMemo, useIm
 import clsx from "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 function styleInject(css, ref) {
-  if (ref === void 0)
-    ref = {};
+  if (ref === void 0) ref = {};
   var insertAt = ref.insertAt;
   if (!css || typeof document === "undefined") {
     return;
@@ -83,8 +82,7 @@ const useLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEff
 function useFocusRef(isSelected) {
   const ref = useRef(null);
   useLayoutEffect(() => {
-    if (!isSelected)
-      return;
+    if (!isSelected) return;
     ref.current?.focus({
       preventScroll: true
     });
@@ -281,13 +279,11 @@ function getNextSelectedCellPosition({
   const setColSpan = (moveRight) => {
     if (nextRowIdx >= 0 && nextRowIdx < rows.length) {
       const row2 = rows[nextRowIdx];
-      if (isGroupRow(row2))
-        return;
+      if (isGroupRow(row2)) return;
     }
     for (const column of colSpanColumns) {
       const colIdx = column.idx;
-      if (colIdx > nextIdx)
-        break;
+      if (colIdx > nextIdx) break;
       const colSpan = getSelectedCellColSpan({
         rows,
         summaryRows,
@@ -456,25 +452,20 @@ function useCalculatedColumns({
       key: bKey,
       frozen: frozenB
     }) => {
-      if (aKey === SELECT_COLUMN_KEY)
-        return -1;
-      if (bKey === SELECT_COLUMN_KEY)
-        return 1;
+      if (aKey === SELECT_COLUMN_KEY) return -1;
+      if (bKey === SELECT_COLUMN_KEY) return 1;
       if (rawGroupBy?.includes(aKey)) {
         if (rawGroupBy.includes(bKey)) {
           return rawGroupBy.indexOf(aKey) - rawGroupBy.indexOf(bKey);
         }
         return -1;
       }
-      if (rawGroupBy?.includes(bKey))
-        return 1;
+      if (rawGroupBy?.includes(bKey)) return 1;
       if (frozenA) {
-        if (frozenB)
-          return 0;
+        if (frozenB) return 0;
         return -1;
       }
-      if (frozenB)
-        return 1;
+      if (frozenB) return 1;
       return 0;
     });
     const colSpanColumns2 = [];
@@ -632,8 +623,7 @@ function useGridDimensions() {
     const {
       ResizeObserver
     } = window;
-    if (ResizeObserver == null)
-      return;
+    if (ResizeObserver == null) return;
     const {
       clientWidth,
       clientHeight,
@@ -678,11 +668,9 @@ function useRovingCellRef(isSelected) {
     setIsChildFocused(false);
   }
   const ref = useCallback((cell2) => {
-    if (cell2 === null)
-      return;
+    if (cell2 === null) return;
     scrollIntoView(cell2);
-    if (cell2.contains(document.activeElement))
-      return;
+    if (cell2.contains(document.activeElement)) return;
     cell2.focus({
       preventScroll: true
     });
@@ -712,8 +700,7 @@ function useViewportColumns({
   isGroupRow
 }) {
   const startIdx = useMemo(() => {
-    if (colOverscanStartIdx === 0)
-      return 0;
+    if (colOverscanStartIdx === 0) return 0;
     let startIdx2 = colOverscanStartIdx;
     const updateStartIdx = (colIdx, colSpan) => {
       if (colSpan !== void 0 && colIdx + colSpan > colOverscanStartIdx) {
@@ -724,8 +711,7 @@ function useViewportColumns({
     };
     for (const column of colSpanColumns) {
       const colIdx = column.idx;
-      if (colIdx >= startIdx2)
-        break;
+      if (colIdx >= startIdx2) break;
       if (updateStartIdx(colIdx, getColSpan(column, lastFrozenColumnIndex, {
         type: "HEADER"
       }))) {
@@ -733,8 +719,7 @@ function useViewportColumns({
       }
       for (let rowIdx = rowOverscanStartIdx; rowIdx <= rowOverscanEndIdx; rowIdx++) {
         const row2 = rows[rowIdx];
-        if (isGroupRow(row2))
-          continue;
+        if (isGroupRow(row2)) continue;
         if (updateStartIdx(colIdx, getColSpan(column, lastFrozenColumnIndex, {
           type: "ROW",
           row: row2
@@ -759,8 +744,7 @@ function useViewportColumns({
     const viewportColumns = [];
     for (let colIdx = 0; colIdx <= colOverscanEndIdx; colIdx++) {
       const column = columns[colIdx];
-      if (colIdx < startIdx && !column.frozen)
-        continue;
+      if (colIdx < startIdx && !column.frozen) continue;
       viewportColumns.push(column);
     }
     return viewportColumns;
@@ -780,8 +764,7 @@ function useViewportRows({
   enableVirtualization
 }) {
   const [groupedRows, rowsCount] = useMemo(() => {
-    if (groupBy.length === 0 || rowGrouper == null)
-      return [void 0, rawRows.length];
+    if (groupBy.length === 0 || rowGrouper == null) return [void 0, rawRows.length];
     const groupRows = (rows2, [groupByKey, ...remainingGroupByKeys], startRowIndex) => {
       let groupRowsCount = 0;
       const groups = {};
@@ -800,8 +783,7 @@ function useViewportRows({
   }, [groupBy, rowGrouper, rawRows]);
   const [rows, isGroupRow] = useMemo(() => {
     const allGroupRows = /* @__PURE__ */ new Set();
-    if (!groupedRows)
-      return [rawRows, isGroupRow2];
+    if (!groupedRows) return [rawRows, isGroupRow2];
     const flattenedRows = [];
     const expandGroup = (rows2, parentId, level) => {
       if (isReadonlyArray(rows2)) {
@@ -888,15 +870,13 @@ function useViewportRows({
         while (start <= end) {
           const middle = start + floor((end - start) / 2);
           const currentOffset = rowPositions[middle].top;
-          if (currentOffset === offset)
-            return middle;
+          if (currentOffset === offset) return middle;
           if (currentOffset < offset) {
             start = middle + 1;
           } else if (currentOffset > offset) {
             end = middle - 1;
           }
-          if (start > end)
-            return end;
+          if (start > end) return end;
         }
         return 0;
       }
@@ -937,10 +917,9 @@ function HeaderRenderer({
   onSort,
   isCellSelected
 }) {
-  if (!column.sortable)
-    return /* @__PURE__ */ jsx(Fragment, {
-      children: column.name
-    });
+  if (!column.sortable) return /* @__PURE__ */ jsx(Fragment, {
+    children: column.name
+  });
   return /* @__PURE__ */ jsx(SortableHeaderCell, {
     onSort,
     sortDirection,
@@ -1051,8 +1030,7 @@ function HeaderCell({
     currentTarget.addEventListener("lostpointercapture", onLostPointerCapture);
   }
   function onSort(ctrlClick) {
-    if (onSortColumnsChange == null)
-      return;
+    if (onSortColumnsChange == null) return;
     const {
       sortDescendingFirst
     } = column;
@@ -1529,8 +1507,7 @@ function EditCell({
     onClose(true);
   });
   useEffect(() => {
-    if (!commitOnOutsideClick)
-      return;
+    if (!commitOnOutsideClick) return;
     function onWindowCaptureMouseDown() {
       frameRequestRef.current = requestAnimationFrame(commitOnOutsideMouseDown);
     }
@@ -1612,14 +1589,12 @@ function DragHandle({
   setDraggedOverRowIdx
 }) {
   function handleMouseDown(event) {
-    if (event.buttons !== 1)
-      return;
+    if (event.buttons !== 1) return;
     setDragging(true);
     window.addEventListener("mouseover", onMouseOver);
     window.addEventListener("mouseup", onMouseUp);
     function onMouseOver(event2) {
-      if (event2.buttons !== 1)
-        onMouseUp();
+      if (event2.buttons !== 1) onMouseUp();
     }
     function onMouseUp() {
       window.removeEventListener("mouseover", onMouseOver);
@@ -1630,8 +1605,7 @@ function DragHandle({
   }
   function handleDragEnd() {
     const overRowIdx = latestDraggedOverRowIdx.current;
-    if (overRowIdx === void 0)
-      return;
+    if (overRowIdx === void 0) return;
     const {
       rowIdx
     } = selectedPosition;
@@ -1887,8 +1861,7 @@ function DataGrid({
     }
   });
   useLayoutEffect(() => {
-    if (autoResizeColumn === null)
-      return;
+    if (autoResizeColumn === null) return;
     const columnElement = gridRef.current.querySelector(`[aria-colindex="${autoResizeColumn.idx + 1}"]`);
     const {
       width
@@ -1908,8 +1881,7 @@ function DataGrid({
       const {
         current
       } = gridRef;
-      if (!current)
-        return;
+      if (!current) return;
       current.scrollTo({
         top: getRowTop(rowIdx),
         behavior: "smooth"
@@ -1938,8 +1910,7 @@ function DataGrid({
     checked,
     isShiftClick
   }) {
-    if (!onSelectedRowsChange)
-      return;
+    if (!onSelectedRowsChange) return;
     assertIsValidKeyGetter(rowKeyGetter);
     const newSelectedRows = new Set(selectedRows);
     if (isGroupRow(row2)) {
@@ -1964,8 +1935,7 @@ function DataGrid({
         const step = sign(rowIdx - previousRowIdx);
         for (let i = previousRowIdx + step; i !== rowIdx; i += step) {
           const row3 = rows[i];
-          if (isGroupRow(row3))
-            continue;
+          if (isGroupRow(row3)) continue;
           newSelectedRows.add(rowKeyGetter(row3));
         }
       }
@@ -1976,8 +1946,7 @@ function DataGrid({
     onSelectedRowsChange(newSelectedRows);
   }
   function selectAllRows(checked) {
-    if (!onSelectedRowsChange)
-      return;
+    if (!onSelectedRowsChange) return;
     assertIsValidKeyGetter(rowKeyGetter);
     const newSelectedRows = new Set(selectedRows);
     for (const row2 of rawRows) {
@@ -1991,8 +1960,7 @@ function DataGrid({
     onSelectedRowsChange(newSelectedRows);
   }
   function toggleGroup(expandedGroupId) {
-    if (!onExpandedGroupIdsChange)
-      return;
+    if (!onExpandedGroupIdsChange) return;
     const newExpandedGroupIds = new Set(expandedGroupIds);
     if (newExpandedGroupIds.has(expandedGroupId)) {
       newExpandedGroupIds.delete(expandedGroupId);
@@ -2002,12 +1970,10 @@ function DataGrid({
     onExpandedGroupIdsChange(newExpandedGroupIds);
   }
   function handleKeyDown(event) {
-    if (!(event.target instanceof Element))
-      return;
+    if (!(event.target instanceof Element)) return;
     const isCellEvent = event.target.closest(".rdg-cell") !== null;
     const isRowEvent = hasGroups && event.target === rowRef.current;
-    if (!isCellEvent && !isRowEvent)
-      return;
+    if (!isCellEvent && !isRowEvent) return;
     const {
       key,
       keyCode
@@ -2068,11 +2034,9 @@ function DataGrid({
     return hasGroups ? rawRows.indexOf(rows[rowIdx]) : rowIdx;
   }
   function updateRow(rowIdx, row2) {
-    if (typeof onRowsChange !== "function")
-      return;
+    if (typeof onRowsChange !== "function") return;
     const rawRowIdx = getRawRowIdx(rowIdx);
-    if (row2 === rawRows[rawRowIdx])
-      return;
+    if (row2 === rawRows[rawRowIdx]) return;
     const updatedRows = [...rawRows];
     updatedRows[rawRowIdx] = row2;
     onRowsChange(updatedRows, {
@@ -2081,8 +2045,7 @@ function DataGrid({
     });
   }
   function commitEditorChanges() {
-    if (selectedPosition.mode !== "EDIT")
-      return;
+    if (selectedPosition.mode !== "EDIT") return;
     updateRow(selectedPosition.rowIdx, selectedPosition.row);
   }
   function handleCopy() {
@@ -2119,11 +2082,9 @@ function DataGrid({
     updateRow(rowIdx, updatedTargetRow);
   }
   function handleCellInput(event) {
-    if (!selectedCellIsWithinViewportBounds)
-      return;
+    if (!selectedCellIsWithinViewportBounds) return;
     const row2 = rows[selectedPosition.rowIdx];
-    if (isGroupRow(row2))
-      return;
+    if (isGroupRow(row2)) return;
     const {
       key,
       shiftKey
@@ -2141,8 +2102,7 @@ function DataGrid({
     }
     const column = columns[selectedPosition.idx];
     column.editorOptions?.onCellKeyDown?.(event);
-    if (event.isDefaultPrevented())
-      return;
+    if (event.isDefaultPrevented()) return;
     if (isCellEditable2(selectedPosition) && isDefaultCellInput(event)) {
       setSelectedPosition(({
         idx,
@@ -2183,8 +2143,7 @@ function DataGrid({
     });
   }
   function selectCell(position, enableEditor) {
-    if (!isCellWithinSelectionBounds(position))
-      return;
+    if (!isCellWithinSelectionBounds(position)) return;
     commitEditorChanges();
     if (enableEditor && isCellEditable2(position)) {
       const row2 = rows[position.rowIdx];
@@ -2207,8 +2166,7 @@ function DataGrid({
     const {
       current
     } = gridRef;
-    if (!current)
-      return;
+    if (!current) return;
     if (idx > lastFrozenColumnIndex) {
       const {
         rowIdx
@@ -2216,8 +2174,7 @@ function DataGrid({
       if (!isCellWithinSelectionBounds({
         rowIdx,
         idx
-      }))
-        return;
+      })) return;
       const {
         clientWidth
       } = current;
@@ -2302,28 +2259,25 @@ function DataGrid({
           rowIdx
         };
       case "Home":
-        if (isRowSelected)
-          return {
-            idx,
-            rowIdx: 0
-          };
+        if (isRowSelected) return {
+          idx,
+          rowIdx: 0
+        };
         return {
           idx: 0,
           rowIdx: ctrlKey ? minRowIdx : rowIdx
         };
       case "End":
-        if (isRowSelected)
-          return {
-            idx,
-            rowIdx: rows.length - 1
-          };
+        if (isRowSelected) return {
+          idx,
+          rowIdx: rows.length - 1
+        };
         return {
           idx: maxColIdx,
           rowIdx: ctrlKey ? maxRowIdx : rowIdx
         };
       case "PageUp": {
-        if (selectedPosition.rowIdx === minRowIdx)
-          return selectedPosition;
+        if (selectedPosition.rowIdx === minRowIdx) return selectedPosition;
         const nextRowY = getRowTop(rowIdx) + getRowHeight(rowIdx) - clientHeight;
         return {
           idx,
@@ -2331,8 +2285,7 @@ function DataGrid({
         };
       }
       case "PageDown": {
-        if (selectedPosition.rowIdx >= rows.length)
-          return selectedPosition;
+        if (selectedPosition.rowIdx >= rows.length) return selectedPosition;
         const nextRowY = getRowTop(rowIdx) + clientHeight;
         return {
           idx,
@@ -2366,8 +2319,7 @@ function DataGrid({
     event.preventDefault();
     const ctrlKey = isCtrlKeyHeldDown(event);
     const nextPosition = getNextPosition(key, ctrlKey, shiftKey);
-    if (isSamePosition(selectedPosition, nextPosition))
-      return;
+    if (isSamePosition(selectedPosition, nextPosition)) return;
     const nextSelectedCellPosition = getNextSelectedCellPosition({
       columns,
       colSpanColumns,
@@ -2385,8 +2337,7 @@ function DataGrid({
     selectCell(nextSelectedCellPosition);
   }
   function getDraggedOverCellIdx(currentRowIdx) {
-    if (draggedOverRowIdx === void 0)
-      return;
+    if (draggedOverRowIdx === void 0) return;
     const {
       rowIdx
     } = selectedPosition;
@@ -2394,8 +2345,7 @@ function DataGrid({
     return isDraggedOver ? selectedPosition.idx : void 0;
   }
   function getLayoutCssVars() {
-    if (autoResizeColumn === null)
-      return layoutCssVars;
+    if (autoResizeColumn === null) return layoutCssVars;
     const {
       gridTemplateColumns
     } = layoutCssVars;
@@ -2423,8 +2373,7 @@ function DataGrid({
     });
   }
   function getCellEditor(rowIdx) {
-    if (selectedPosition.rowIdx !== rowIdx || selectedPosition.mode === "SELECT")
-      return;
+    if (selectedPosition.rowIdx !== rowIdx || selectedPosition.mode === "SELECT") return;
     const {
       idx,
       row: row2