@wordpress/block-editor 15.4.1-next.f56bd8138.0 → 15.5.1-next.47f435fc9.0

package/build-module/components/grid/use-get-number-of-blocks-before-cell.js

@@ -1,26 +1,12 @@
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../store';
-export function useGetNumberOfBlocksBeforeCell(gridClientId, numColumns) {
-  const {
-    getBlockOrder,
-    getBlockAttributes
-  } = useSelect(blockEditorStore);
+import { useSelect } from "@wordpress/data";
+import { store as blockEditorStore } from "../../store";
+function useGetNumberOfBlocksBeforeCell(gridClientId, numColumns) {
+  const { getBlockOrder, getBlockAttributes } = useSelect(blockEditorStore);
   const getNumberOfBlocksBeforeCell = (column, row) => {
     const targetIndex = (row - 1) * numColumns + column - 1;
     let count = 0;
     for (const clientId of getBlockOrder(gridClientId)) {
-      var _getBlockAttributes$s;
-      const {
-        columnStart,
-        rowStart
-      } = (_getBlockAttributes$s = getBlockAttributes(clientId).style?.layout) !== null && _getBlockAttributes$s !== void 0 ? _getBlockAttributes$s : {};
+      const { columnStart, rowStart } = getBlockAttributes(clientId).style?.layout ?? {};
       const cellIndex = (rowStart - 1) * numColumns + columnStart - 1;
       if (cellIndex < targetIndex) {
         count++;
@@ -30,4 +16,7 @@ export function useGetNumberOfBlocksBeforeCell(gridClientId, numColumns) {
   };
   return getNumberOfBlocksBeforeCell;
 }
-//# sourceMappingURL=use-get-number-of-blocks-before-cell.js.map
+export {
+  useGetNumberOfBlocksBeforeCell
+};
+//# sourceMappingURL=use-get-number-of-blocks-before-cell.js.map

package/build-module/components/grid/use-get-number-of-blocks-before-cell.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useSelect","store","blockEditorStore","useGetNumberOfBlocksBeforeCell","gridClientId","numColumns","getBlockOrder","getBlockAttributes","getNumberOfBlocksBeforeCell","column","row","targetIndex","count","clientId","_getBlockAttributes$s","columnStart","rowStart","style","layout","cellIndex"],"sources":["@wordpress/block-editor/src/components/grid/use-get-number-of-blocks-before-cell.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nexport function useGetNumberOfBlocksBeforeCell( gridClientId, numColumns ) {\n\tconst { getBlockOrder, getBlockAttributes } = useSelect( blockEditorStore );\n\n\tconst getNumberOfBlocksBeforeCell = ( column, row ) => {\n\t\tconst targetIndex = ( row - 1 ) * numColumns + column - 1;\n\n\t\tlet count = 0;\n\t\tfor ( const clientId of getBlockOrder( gridClientId ) ) {\n\t\t\tconst { columnStart, rowStart } =\n\t\t\t\tgetBlockAttributes( clientId ).style?.layout ?? {};\n\t\t\tconst cellIndex = ( rowStart - 1 ) * numColumns + columnStart - 1;\n\t\t\tif ( cellIndex < targetIndex ) {\n\t\t\t\tcount++;\n\t\t\t}\n\t\t}\n\t\treturn count;\n\t};\n\n\treturn getNumberOfBlocksBeforeCell;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAEvD,OAAO,SAASC,8BAA8BA,CAAEC,YAAY,EAAEC,UAAU,EAAG;EAC1E,MAAM;IAAEC,aAAa;IAAEC;EAAmB,CAAC,GAAGP,SAAS,CAAEE,gBAAiB,CAAC;EAE3E,MAAMM,2BAA2B,GAAGA,CAAEC,MAAM,EAAEC,GAAG,KAAM;IACtD,MAAMC,WAAW,GAAG,CAAED,GAAG,GAAG,CAAC,IAAKL,UAAU,GAAGI,MAAM,GAAG,CAAC;IAEzD,IAAIG,KAAK,GAAG,CAAC;IACb,KAAM,MAAMC,QAAQ,IAAIP,aAAa,CAAEF,YAAa,CAAC,EAAG;MAAA,IAAAU,qBAAA;MACvD,MAAM;QAAEC,WAAW;QAAEC;MAAS,CAAC,IAAAF,qBAAA,GAC9BP,kBAAkB,CAAEM,QAAS,CAAC,CAACI,KAAK,EAAEC,MAAM,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,CAAC,CAAC;MACnD,MAAMK,SAAS,GAAG,CAAEH,QAAQ,GAAG,CAAC,IAAKX,UAAU,GAAGU,WAAW,GAAG,CAAC;MACjE,IAAKI,SAAS,GAAGR,WAAW,EAAG;QAC9BC,KAAK,EAAE;MACR;IACD;IACA,OAAOA,KAAK;EACb,CAAC;EAED,OAAOJ,2BAA2B;AACnC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/grid/use-get-number-of-blocks-before-cell.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nexport function useGetNumberOfBlocksBeforeCell( gridClientId, numColumns ) {\n\tconst { getBlockOrder, getBlockAttributes } = useSelect( blockEditorStore );\n\n\tconst getNumberOfBlocksBeforeCell = ( column, row ) => {\n\t\tconst targetIndex = ( row - 1 ) * numColumns + column - 1;\n\n\t\tlet count = 0;\n\t\tfor ( const clientId of getBlockOrder( gridClientId ) ) {\n\t\t\tconst { columnStart, rowStart } =\n\t\t\t\tgetBlockAttributes( clientId ).style?.layout ?? {};\n\t\t\tconst cellIndex = ( rowStart - 1 ) * numColumns + columnStart - 1;\n\t\t\tif ( cellIndex < targetIndex ) {\n\t\t\t\tcount++;\n\t\t\t}\n\t\t}\n\t\treturn count;\n\t};\n\n\treturn getNumberOfBlocksBeforeCell;\n}\n"],
+  "mappings": "AAGA,SAAS,iBAAiB;AAK1B,SAAS,SAAS,wBAAwB;AAEnC,SAAS,+BAAgC,cAAc,YAAa;AAC1E,QAAM,EAAE,eAAe,mBAAmB,IAAI,UAAW,gBAAiB;AAE1E,QAAM,8BAA8B,CAAE,QAAQ,QAAS;AACtD,UAAM,eAAgB,MAAM,KAAM,aAAa,SAAS;AAExD,QAAI,QAAQ;AACZ,eAAY,YAAY,cAAe,YAAa,GAAI;AACvD,YAAM,EAAE,aAAa,SAAS,IAC7B,mBAAoB,QAAS,EAAE,OAAO,UAAU,CAAC;AAClD,YAAM,aAAc,WAAW,KAAM,aAAa,cAAc;AAChE,UAAK,YAAY,aAAc;AAC9B;AAAA,MACD;AAAA,IACD;AACA,WAAO;AAAA,EACR;AAEA,SAAO;AACR;",
+  "names": []
+}

package/build-module/components/grid/use-grid-layout-sync.js

@@ -1,93 +1,83 @@
-/**
- * WordPress dependencies
- */
-import { useDispatch, useSelect } from '@wordpress/data';
-import { useEffect, useMemo } from '@wordpress/element';
-import { usePrevious } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../store';
-import { GridRect } from './utils';
-import { setImmutably } from '../../utils/object';
-export function useGridLayoutSync({
-  clientId: gridClientId
-}) {
-  const {
-    gridLayout,
-    blockOrder,
-    selectedBlockLayout
-  } = useSelect(select => {
-    var _getBlockAttributes$l;
-    const {
-      getBlockAttributes,
-      getBlockOrder
-    } = select(blockEditorStore);
-    const selectedBlock = select(blockEditorStore).getSelectedBlock();
-    return {
-      gridLayout: (_getBlockAttributes$l = getBlockAttributes(gridClientId).layout) !== null && _getBlockAttributes$l !== void 0 ? _getBlockAttributes$l : {},
-      blockOrder: getBlockOrder(gridClientId),
-      selectedBlockLayout: selectedBlock?.attributes.style?.layout
-    };
-  }, [gridClientId]);
-  const {
-    getBlockAttributes,
-    getBlockRootClientId
-  } = useSelect(blockEditorStore);
-  const {
-    updateBlockAttributes,
-    __unstableMarkNextChangeAsNotPersistent
-  } = useDispatch(blockEditorStore);
-  const selectedBlockRect = useMemo(() => selectedBlockLayout ? new GridRect(selectedBlockLayout) : null, [selectedBlockLayout]);
+import { useDispatch, useSelect } from "@wordpress/data";
+import { useEffect, useMemo } from "@wordpress/element";
+import { usePrevious } from "@wordpress/compose";
+import { store as blockEditorStore } from "../../store";
+import { GridRect } from "./utils";
+import { setImmutably } from "../../utils/object";
+function useGridLayoutSync({ clientId: gridClientId }) {
+  const { gridLayout, blockOrder, selectedBlockLayout } = useSelect(
+    (select) => {
+      const { getBlockAttributes: getBlockAttributes2, getBlockOrder } = select(blockEditorStore);
+      const selectedBlock = select(blockEditorStore).getSelectedBlock();
+      return {
+        gridLayout: getBlockAttributes2(gridClientId).layout ?? {},
+        blockOrder: getBlockOrder(gridClientId),
+        selectedBlockLayout: selectedBlock?.attributes.style?.layout
+      };
+    },
+    [gridClientId]
+  );
+  const { getBlockAttributes, getBlockRootClientId } = useSelect(blockEditorStore);
+  const { updateBlockAttributes, __unstableMarkNextChangeAsNotPersistent } = useDispatch(blockEditorStore);
+  const selectedBlockRect = useMemo(
+    () => selectedBlockLayout ? new GridRect(selectedBlockLayout) : null,
+    [selectedBlockLayout]
+  );
   const previouslySelectedBlockRect = usePrevious(selectedBlockRect);
-  const previousIsManualPlacement = usePrevious(gridLayout.isManualPlacement);
+  const previousIsManualPlacement = usePrevious(
+    gridLayout.isManualPlacement
+  );
   const previousBlockOrder = usePrevious(blockOrder);
   useEffect(() => {
     const updates = {};
     if (gridLayout.isManualPlacement) {
       const occupiedRects = [];
-
-      // Respect the position of blocks that already have a columnStart and rowStart value.
       for (const clientId of blockOrder) {
-        var _getBlockAttributes$s;
         const {
           columnStart,
           rowStart,
           columnSpan = 1,
           rowSpan = 1
-        } = (_getBlockAttributes$s = getBlockAttributes(clientId).style?.layout) !== null && _getBlockAttributes$s !== void 0 ? _getBlockAttributes$s : {};
+        } = getBlockAttributes(clientId).style?.layout ?? {};
         if (!columnStart || !rowStart) {
           continue;
         }
-        occupiedRects.push(new GridRect({
-          columnStart,
-          rowStart,
-          columnSpan,
-          rowSpan
-        }));
+        occupiedRects.push(
+          new GridRect({
+            columnStart,
+            rowStart,
+            columnSpan,
+            rowSpan
+          })
+        );
       }
-
-      // When in manual mode, ensure that every block has a columnStart and rowStart value.
       for (const clientId of blockOrder) {
-        var _attributes$style$lay;
         const attributes = getBlockAttributes(clientId);
         const {
           columnStart,
           rowStart,
           columnSpan = 1,
           rowSpan = 1
-        } = (_attributes$style$lay = attributes.style?.layout) !== null && _attributes$style$lay !== void 0 ? _attributes$style$lay : {};
+        } = attributes.style?.layout ?? {};
         if (columnStart && rowStart) {
           continue;
         }
-        const [newColumnStart, newRowStart] = placeBlock(occupiedRects, gridLayout.columnCount, columnSpan, rowSpan, previouslySelectedBlockRect?.columnEnd, previouslySelectedBlockRect?.rowEnd);
-        occupiedRects.push(new GridRect({
-          columnStart: newColumnStart,
-          rowStart: newRowStart,
+        const [newColumnStart, newRowStart] = placeBlock(
+          occupiedRects,
+          gridLayout.columnCount,
           columnSpan,
-          rowSpan
-        }));
+          rowSpan,
+          previouslySelectedBlockRect?.columnEnd,
+          previouslySelectedBlockRect?.rowEnd
+        );
+        occupiedRects.push(
+          new GridRect({
+            columnStart: newColumnStart,
+            rowStart: newRowStart,
+            columnSpan,
+            rowSpan
+          })
+        );
         updates[clientId] = {
           style: {
             ...attributes.style,
@@ -99,9 +89,9 @@ export function useGridLayoutSync({
           }
         };
       }
-
-      // Ensure there's enough rows to fit all blocks.
-      const bottomMostRow = Math.max(...occupiedRects.map(r => r.rowEnd));
+      const bottomMostRow = Math.max(
+        ...occupiedRects.map((r) => r.rowEnd)
+      );
       if (!gridLayout.rowCount || gridLayout.rowCount < bottomMostRow) {
         updates[gridClientId] = {
           layout: {
@@ -110,23 +100,14 @@ export function useGridLayoutSync({
           }
         };
       }
-
-      // Unset grid layout attributes for blocks removed from the grid.
-      for (const clientId of previousBlockOrder !== null && previousBlockOrder !== void 0 ? previousBlockOrder : []) {
+      for (const clientId of previousBlockOrder ?? []) {
         if (!blockOrder.includes(clientId)) {
-          var _attributes$style$lay2;
           const rootClientId = getBlockRootClientId(clientId);
-
-          // Block was removed from the editor, so nothing to do.
           if (rootClientId === null) {
             continue;
           }
-
-          // Check if the block is being moved to another grid.
-          // If so, do nothing and let the new grid parent handle
-          // the attributes.
           const rootAttributes = getBlockAttributes(rootClientId);
-          if (rootAttributes?.layout?.type === 'grid') {
+          if (rootAttributes?.layout?.type === "grid") {
             continue;
           }
           const attributes = getBlockAttributes(clientId);
@@ -136,64 +117,67 @@ export function useGridLayoutSync({
             columnSpan,
             rowSpan,
             ...layout
-          } = (_attributes$style$lay2 = attributes.style?.layout) !== null && _attributes$style$lay2 !== void 0 ? _attributes$style$lay2 : {};
+          } = attributes.style?.layout ?? {};
           if (columnStart || rowStart || columnSpan || rowSpan) {
             const hasEmptyLayoutAttribute = Object.keys(layout).length === 0;
-            updates[clientId] = setImmutably(attributes, ['style', 'layout'], hasEmptyLayoutAttribute ? undefined : layout);
+            updates[clientId] = setImmutably(
+              attributes,
+              ["style", "layout"],
+              hasEmptyLayoutAttribute ? void 0 : layout
+            );
           }
         }
       }
     } else {
-      // Remove all of the columnStart and rowStart values
-      // when switching from manual to auto mode,
       if (previousIsManualPlacement === true) {
         for (const clientId of blockOrder) {
-          var _attributes$style$lay3;
           const attributes = getBlockAttributes(clientId);
-          const {
-            columnStart,
-            rowStart,
-            ...layout
-          } = (_attributes$style$lay3 = attributes.style?.layout) !== null && _attributes$style$lay3 !== void 0 ? _attributes$style$lay3 : {};
-          // Only update attributes if columnStart or rowStart are set.
+          const { columnStart, rowStart, ...layout } = attributes.style?.layout ?? {};
           if (columnStart || rowStart) {
             const hasEmptyLayoutAttribute = Object.keys(layout).length === 0;
-            updates[clientId] = setImmutably(attributes, ['style', 'layout'], hasEmptyLayoutAttribute ? undefined : layout);
+            updates[clientId] = setImmutably(
+              attributes,
+              ["style", "layout"],
+              hasEmptyLayoutAttribute ? void 0 : layout
+            );
           }
         }
       }
-
-      // Remove row styles in auto mode
       if (gridLayout.rowCount) {
         updates[gridClientId] = {
           layout: {
             ...gridLayout,
-            rowCount: undefined
+            rowCount: void 0
           }
         };
       }
     }
     if (Object.keys(updates).length) {
       __unstableMarkNextChangeAsNotPersistent();
-      updateBlockAttributes(Object.keys(updates), updates, /* uniqueByBlock: */true);
+      updateBlockAttributes(
+        Object.keys(updates),
+        updates,
+        /* uniqueByBlock: */
+        true
+      );
     }
   }, [
-  // Actual deps to sync:
-  gridClientId, gridLayout, previousBlockOrder, blockOrder, previouslySelectedBlockRect, previousIsManualPlacement,
-  // These won't change, but the linter thinks they might:
-  __unstableMarkNextChangeAsNotPersistent, getBlockAttributes, getBlockRootClientId, updateBlockAttributes]);
+    // Actual deps to sync:
+    gridClientId,
+    gridLayout,
+    previousBlockOrder,
+    blockOrder,
+    previouslySelectedBlockRect,
+    previousIsManualPlacement,
+    // These won't change, but the linter thinks they might:
+    __unstableMarkNextChangeAsNotPersistent,
+    getBlockAttributes,
+    getBlockRootClientId,
+    updateBlockAttributes
+  ]);
 }
-
-/**
- * @param {GridRect[]} occupiedRects
- * @param {number}     gridColumnCount
- * @param {number}     blockColumnSpan
- * @param {number}     blockRowSpan
- * @param {number?}    startColumn
- * @param {number?}    startRow
- */
 function placeBlock(occupiedRects, gridColumnCount, blockColumnSpan, blockRowSpan, startColumn = 1, startRow = 1) {
-  for (let row = startRow;; row++) {
+  for (let row = startRow; ; row++) {
     for (let column = row === startRow ? startColumn : 1; column <= gridColumnCount; column++) {
       const candidateRect = new GridRect({
         columnStart: column,
@@ -201,10 +185,15 @@ function placeBlock(occupiedRects, gridColumnCount, blockColumnSpan, blockRowSpa
         columnSpan: blockColumnSpan,
         rowSpan: blockRowSpan
       });
-      if (!occupiedRects.some(r => r.intersectsRect(candidateRect))) {
+      if (!occupiedRects.some(
+        (r) => r.intersectsRect(candidateRect)
+      )) {
         return [column, row];
       }
     }
   }
 }
-//# sourceMappingURL=use-grid-layout-sync.js.map
+export {
+  useGridLayoutSync
+};
+//# sourceMappingURL=use-grid-layout-sync.js.map

package/build-module/components/grid/use-grid-layout-sync.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useDispatch","useSelect","useEffect","useMemo","usePrevious","store","blockEditorStore","GridRect","setImmutably","useGridLayoutSync","clientId","gridClientId","gridLayout","blockOrder","selectedBlockLayout","select","_getBlockAttributes$l","getBlockAttributes","getBlockOrder","selectedBlock","getSelectedBlock","layout","attributes","style","getBlockRootClientId","updateBlockAttributes","__unstableMarkNextChangeAsNotPersistent","selectedBlockRect","previouslySelectedBlockRect","previousIsManualPlacement","isManualPlacement","previousBlockOrder","updates","occupiedRects","_getBlockAttributes$s","columnStart","rowStart","columnSpan","rowSpan","push","_attributes$style$lay","newColumnStart","newRowStart","placeBlock","columnCount","columnEnd","rowEnd","bottomMostRow","Math","max","map","r","rowCount","includes","_attributes$style$lay2","rootClientId","rootAttributes","type","hasEmptyLayoutAttribute","Object","keys","length","undefined","_attributes$style$lay3","gridColumnCount","blockColumnSpan","blockRowSpan","startColumn","startRow","row","column","candidateRect","some","intersectsRect"],"sources":["@wordpress/block-editor/src/components/grid/use-grid-layout-sync.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect, useMemo } from '@wordpress/element';\nimport { usePrevious } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { GridRect } from './utils';\nimport { setImmutably } from '../../utils/object';\n\nexport function useGridLayoutSync( { clientId: gridClientId } ) {\n\tconst { gridLayout, blockOrder, selectedBlockLayout } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockAttributes, getBlockOrder } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst selectedBlock = select( blockEditorStore ).getSelectedBlock();\n\t\t\treturn {\n\t\t\t\tgridLayout: getBlockAttributes( gridClientId ).layout ?? {},\n\t\t\t\tblockOrder: getBlockOrder( gridClientId ),\n\t\t\t\tselectedBlockLayout: selectedBlock?.attributes.style?.layout,\n\t\t\t};\n\t\t},\n\t\t[ gridClientId ]\n\t);\n\n\tconst { getBlockAttributes, getBlockRootClientId } =\n\t\tuseSelect( blockEditorStore );\n\tconst { updateBlockAttributes, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst selectedBlockRect = useMemo(\n\t\t() =>\n\t\t\tselectedBlockLayout ? new GridRect( selectedBlockLayout ) : null,\n\t\t[ selectedBlockLayout ]\n\t);\n\n\tconst previouslySelectedBlockRect = usePrevious( selectedBlockRect );\n\tconst previousIsManualPlacement = usePrevious(\n\t\tgridLayout.isManualPlacement\n\t);\n\tconst previousBlockOrder = usePrevious( blockOrder );\n\n\tuseEffect( () => {\n\t\tconst updates = {};\n\n\t\tif ( gridLayout.isManualPlacement ) {\n\t\t\tconst occupiedRects = [];\n\n\t\t\t// Respect the position of blocks that already have a columnStart and rowStart value.\n\t\t\tfor ( const clientId of blockOrder ) {\n\t\t\t\tconst {\n\t\t\t\t\tcolumnStart,\n\t\t\t\t\trowStart,\n\t\t\t\t\tcolumnSpan = 1,\n\t\t\t\t\trowSpan = 1,\n\t\t\t\t} = getBlockAttributes( clientId ).style?.layout ?? {};\n\t\t\t\tif ( ! columnStart || ! rowStart ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\toccupiedRects.push(\n\t\t\t\t\tnew GridRect( {\n\t\t\t\t\t\tcolumnStart,\n\t\t\t\t\t\trowStart,\n\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\trowSpan,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t// When in manual mode, ensure that every block has a columnStart and rowStart value.\n\t\t\tfor ( const clientId of blockOrder ) {\n\t\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\t\tconst {\n\t\t\t\t\tcolumnStart,\n\t\t\t\t\trowStart,\n\t\t\t\t\tcolumnSpan = 1,\n\t\t\t\t\trowSpan = 1,\n\t\t\t\t} = attributes.style?.layout ?? {};\n\t\t\t\tif ( columnStart && rowStart ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\tconst [ newColumnStart, newRowStart ] = placeBlock(\n\t\t\t\t\toccupiedRects,\n\t\t\t\t\tgridLayout.columnCount,\n\t\t\t\t\tcolumnSpan,\n\t\t\t\t\trowSpan,\n\t\t\t\t\tpreviouslySelectedBlockRect?.columnEnd,\n\t\t\t\t\tpreviouslySelectedBlockRect?.rowEnd\n\t\t\t\t);\n\t\t\t\toccupiedRects.push(\n\t\t\t\t\tnew GridRect( {\n\t\t\t\t\t\tcolumnStart: newColumnStart,\n\t\t\t\t\t\trowStart: newRowStart,\n\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\trowSpan,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t\tupdates[ clientId ] = {\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\t...attributes.style,\n\t\t\t\t\t\tlayout: {\n\t\t\t\t\t\t\t...attributes.style?.layout,\n\t\t\t\t\t\t\tcolumnStart: newColumnStart,\n\t\t\t\t\t\t\trowStart: newRowStart,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t// Ensure there's enough rows to fit all blocks.\n\t\t\tconst bottomMostRow = Math.max(\n\t\t\t\t...occupiedRects.map( ( r ) => r.rowEnd )\n\t\t\t);\n\t\t\tif (\n\t\t\t\t! gridLayout.rowCount ||\n\t\t\t\tgridLayout.rowCount < bottomMostRow\n\t\t\t) {\n\t\t\t\tupdates[ gridClientId ] = {\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...gridLayout,\n\t\t\t\t\t\trowCount: bottomMostRow,\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t// Unset grid layout attributes for blocks removed from the grid.\n\t\t\tfor ( const clientId of previousBlockOrder ?? [] ) {\n\t\t\t\tif ( ! blockOrder.includes( clientId ) ) {\n\t\t\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\n\t\t\t\t\t// Block was removed from the editor, so nothing to do.\n\t\t\t\t\tif ( rootClientId === null ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Check if the block is being moved to another grid.\n\t\t\t\t\t// If so, do nothing and let the new grid parent handle\n\t\t\t\t\t// the attributes.\n\t\t\t\t\tconst rootAttributes = getBlockAttributes( rootClientId );\n\t\t\t\t\tif ( rootAttributes?.layout?.type === 'grid' ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\t\t\tconst {\n\t\t\t\t\t\tcolumnStart,\n\t\t\t\t\t\trowStart,\n\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\trowSpan,\n\t\t\t\t\t\t...layout\n\t\t\t\t\t} = attributes.style?.layout ?? {};\n\n\t\t\t\t\tif ( columnStart || rowStart || columnSpan || rowSpan ) {\n\t\t\t\t\t\tconst hasEmptyLayoutAttribute =\n\t\t\t\t\t\t\tObject.keys( layout ).length === 0;\n\n\t\t\t\t\t\tupdates[ clientId ] = setImmutably(\n\t\t\t\t\t\t\tattributes,\n\t\t\t\t\t\t\t[ 'style', 'layout' ],\n\t\t\t\t\t\t\thasEmptyLayoutAttribute ? undefined : layout\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\t// Remove all of the columnStart and rowStart values\n\t\t\t// when switching from manual to auto mode,\n\t\t\tif ( previousIsManualPlacement === true ) {\n\t\t\t\tfor ( const clientId of blockOrder ) {\n\t\t\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\t\t\tconst { columnStart, rowStart, ...layout } =\n\t\t\t\t\t\tattributes.style?.layout ?? {};\n\t\t\t\t\t// Only update attributes if columnStart or rowStart are set.\n\t\t\t\t\tif ( columnStart || rowStart ) {\n\t\t\t\t\t\tconst hasEmptyLayoutAttribute =\n\t\t\t\t\t\t\tObject.keys( layout ).length === 0;\n\n\t\t\t\t\t\tupdates[ clientId ] = setImmutably(\n\t\t\t\t\t\t\tattributes,\n\t\t\t\t\t\t\t[ 'style', 'layout' ],\n\t\t\t\t\t\t\thasEmptyLayoutAttribute ? undefined : layout\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Remove row styles in auto mode\n\t\t\tif ( gridLayout.rowCount ) {\n\t\t\t\tupdates[ gridClientId ] = {\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...gridLayout,\n\t\t\t\t\t\trowCount: undefined,\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\n\t\tif ( Object.keys( updates ).length ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tupdateBlockAttributes(\n\t\t\t\tObject.keys( updates ),\n\t\t\t\tupdates,\n\t\t\t\t/* uniqueByBlock: */ true\n\t\t\t);\n\t\t}\n\t}, [\n\t\t// Actual deps to sync:\n\t\tgridClientId,\n\t\tgridLayout,\n\t\tpreviousBlockOrder,\n\t\tblockOrder,\n\t\tpreviouslySelectedBlockRect,\n\t\tpreviousIsManualPlacement,\n\t\t// These won't change, but the linter thinks they might:\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\tgetBlockAttributes,\n\t\tgetBlockRootClientId,\n\t\tupdateBlockAttributes,\n\t] );\n}\n\n/**\n * @param {GridRect[]} occupiedRects\n * @param {number}     gridColumnCount\n * @param {number}     blockColumnSpan\n * @param {number}     blockRowSpan\n * @param {number?}    startColumn\n * @param {number?}    startRow\n */\nfunction placeBlock(\n\toccupiedRects,\n\tgridColumnCount,\n\tblockColumnSpan,\n\tblockRowSpan,\n\tstartColumn = 1,\n\tstartRow = 1\n) {\n\tfor ( let row = startRow; ; row++ ) {\n\t\tfor (\n\t\t\tlet column = row === startRow ? startColumn : 1;\n\t\t\tcolumn <= gridColumnCount;\n\t\t\tcolumn++\n\t\t) {\n\t\t\tconst candidateRect = new GridRect( {\n\t\t\t\tcolumnStart: column,\n\t\t\t\trowStart: row,\n\t\t\t\tcolumnSpan: blockColumnSpan,\n\t\t\t\trowSpan: blockRowSpan,\n\t\t\t} );\n\t\t\tif (\n\t\t\t\t! occupiedRects.some( ( r ) =>\n\t\t\t\t\tr.intersectsRect( candidateRect )\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\treturn [ column, row ];\n\t\t\t}\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/grid/use-grid-layout-sync.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect, useMemo } from '@wordpress/element';\nimport { usePrevious } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { GridRect } from './utils';\nimport { setImmutably } from '../../utils/object';\n\nexport function useGridLayoutSync( { clientId: gridClientId } ) {\n\tconst { gridLayout, blockOrder, selectedBlockLayout } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockAttributes, getBlockOrder } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst selectedBlock = select( blockEditorStore ).getSelectedBlock();\n\t\t\treturn {\n\t\t\t\tgridLayout: getBlockAttributes( gridClientId ).layout ?? {},\n\t\t\t\tblockOrder: getBlockOrder( gridClientId ),\n\t\t\t\tselectedBlockLayout: selectedBlock?.attributes.style?.layout,\n\t\t\t};\n\t\t},\n\t\t[ gridClientId ]\n\t);\n\n\tconst { getBlockAttributes, getBlockRootClientId } =\n\t\tuseSelect( blockEditorStore );\n\tconst { updateBlockAttributes, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst selectedBlockRect = useMemo(\n\t\t() =>\n\t\t\tselectedBlockLayout ? new GridRect( selectedBlockLayout ) : null,\n\t\t[ selectedBlockLayout ]\n\t);\n\n\tconst previouslySelectedBlockRect = usePrevious( selectedBlockRect );\n\tconst previousIsManualPlacement = usePrevious(\n\t\tgridLayout.isManualPlacement\n\t);\n\tconst previousBlockOrder = usePrevious( blockOrder );\n\n\tuseEffect( () => {\n\t\tconst updates = {};\n\n\t\tif ( gridLayout.isManualPlacement ) {\n\t\t\tconst occupiedRects = [];\n\n\t\t\t// Respect the position of blocks that already have a columnStart and rowStart value.\n\t\t\tfor ( const clientId of blockOrder ) {\n\t\t\t\tconst {\n\t\t\t\t\tcolumnStart,\n\t\t\t\t\trowStart,\n\t\t\t\t\tcolumnSpan = 1,\n\t\t\t\t\trowSpan = 1,\n\t\t\t\t} = getBlockAttributes( clientId ).style?.layout ?? {};\n\t\t\t\tif ( ! columnStart || ! rowStart ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\toccupiedRects.push(\n\t\t\t\t\tnew GridRect( {\n\t\t\t\t\t\tcolumnStart,\n\t\t\t\t\t\trowStart,\n\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\trowSpan,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t// When in manual mode, ensure that every block has a columnStart and rowStart value.\n\t\t\tfor ( const clientId of blockOrder ) {\n\t\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\t\tconst {\n\t\t\t\t\tcolumnStart,\n\t\t\t\t\trowStart,\n\t\t\t\t\tcolumnSpan = 1,\n\t\t\t\t\trowSpan = 1,\n\t\t\t\t} = attributes.style?.layout ?? {};\n\t\t\t\tif ( columnStart && rowStart ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\tconst [ newColumnStart, newRowStart ] = placeBlock(\n\t\t\t\t\toccupiedRects,\n\t\t\t\t\tgridLayout.columnCount,\n\t\t\t\t\tcolumnSpan,\n\t\t\t\t\trowSpan,\n\t\t\t\t\tpreviouslySelectedBlockRect?.columnEnd,\n\t\t\t\t\tpreviouslySelectedBlockRect?.rowEnd\n\t\t\t\t);\n\t\t\t\toccupiedRects.push(\n\t\t\t\t\tnew GridRect( {\n\t\t\t\t\t\tcolumnStart: newColumnStart,\n\t\t\t\t\t\trowStart: newRowStart,\n\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\trowSpan,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t\tupdates[ clientId ] = {\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\t...attributes.style,\n\t\t\t\t\t\tlayout: {\n\t\t\t\t\t\t\t...attributes.style?.layout,\n\t\t\t\t\t\t\tcolumnStart: newColumnStart,\n\t\t\t\t\t\t\trowStart: newRowStart,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t// Ensure there's enough rows to fit all blocks.\n\t\t\tconst bottomMostRow = Math.max(\n\t\t\t\t...occupiedRects.map( ( r ) => r.rowEnd )\n\t\t\t);\n\t\t\tif (\n\t\t\t\t! gridLayout.rowCount ||\n\t\t\t\tgridLayout.rowCount < bottomMostRow\n\t\t\t) {\n\t\t\t\tupdates[ gridClientId ] = {\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...gridLayout,\n\t\t\t\t\t\trowCount: bottomMostRow,\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t// Unset grid layout attributes for blocks removed from the grid.\n\t\t\tfor ( const clientId of previousBlockOrder ?? [] ) {\n\t\t\t\tif ( ! blockOrder.includes( clientId ) ) {\n\t\t\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\n\t\t\t\t\t// Block was removed from the editor, so nothing to do.\n\t\t\t\t\tif ( rootClientId === null ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Check if the block is being moved to another grid.\n\t\t\t\t\t// If so, do nothing and let the new grid parent handle\n\t\t\t\t\t// the attributes.\n\t\t\t\t\tconst rootAttributes = getBlockAttributes( rootClientId );\n\t\t\t\t\tif ( rootAttributes?.layout?.type === 'grid' ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\t\t\tconst {\n\t\t\t\t\t\tcolumnStart,\n\t\t\t\t\t\trowStart,\n\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\trowSpan,\n\t\t\t\t\t\t...layout\n\t\t\t\t\t} = attributes.style?.layout ?? {};\n\n\t\t\t\t\tif ( columnStart || rowStart || columnSpan || rowSpan ) {\n\t\t\t\t\t\tconst hasEmptyLayoutAttribute =\n\t\t\t\t\t\t\tObject.keys( layout ).length === 0;\n\n\t\t\t\t\t\tupdates[ clientId ] = setImmutably(\n\t\t\t\t\t\t\tattributes,\n\t\t\t\t\t\t\t[ 'style', 'layout' ],\n\t\t\t\t\t\t\thasEmptyLayoutAttribute ? undefined : layout\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\t// Remove all of the columnStart and rowStart values\n\t\t\t// when switching from manual to auto mode,\n\t\t\tif ( previousIsManualPlacement === true ) {\n\t\t\t\tfor ( const clientId of blockOrder ) {\n\t\t\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\t\t\tconst { columnStart, rowStart, ...layout } =\n\t\t\t\t\t\tattributes.style?.layout ?? {};\n\t\t\t\t\t// Only update attributes if columnStart or rowStart are set.\n\t\t\t\t\tif ( columnStart || rowStart ) {\n\t\t\t\t\t\tconst hasEmptyLayoutAttribute =\n\t\t\t\t\t\t\tObject.keys( layout ).length === 0;\n\n\t\t\t\t\t\tupdates[ clientId ] = setImmutably(\n\t\t\t\t\t\t\tattributes,\n\t\t\t\t\t\t\t[ 'style', 'layout' ],\n\t\t\t\t\t\t\thasEmptyLayoutAttribute ? undefined : layout\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Remove row styles in auto mode\n\t\t\tif ( gridLayout.rowCount ) {\n\t\t\t\tupdates[ gridClientId ] = {\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...gridLayout,\n\t\t\t\t\t\trowCount: undefined,\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\n\t\tif ( Object.keys( updates ).length ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tupdateBlockAttributes(\n\t\t\t\tObject.keys( updates ),\n\t\t\t\tupdates,\n\t\t\t\t/* uniqueByBlock: */ true\n\t\t\t);\n\t\t}\n\t}, [\n\t\t// Actual deps to sync:\n\t\tgridClientId,\n\t\tgridLayout,\n\t\tpreviousBlockOrder,\n\t\tblockOrder,\n\t\tpreviouslySelectedBlockRect,\n\t\tpreviousIsManualPlacement,\n\t\t// These won't change, but the linter thinks they might:\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\tgetBlockAttributes,\n\t\tgetBlockRootClientId,\n\t\tupdateBlockAttributes,\n\t] );\n}\n\n/**\n * @param {GridRect[]} occupiedRects\n * @param {number}     gridColumnCount\n * @param {number}     blockColumnSpan\n * @param {number}     blockRowSpan\n * @param {number?}    startColumn\n * @param {number?}    startRow\n */\nfunction placeBlock(\n\toccupiedRects,\n\tgridColumnCount,\n\tblockColumnSpan,\n\tblockRowSpan,\n\tstartColumn = 1,\n\tstartRow = 1\n) {\n\tfor ( let row = startRow; ; row++ ) {\n\t\tfor (\n\t\t\tlet column = row === startRow ? startColumn : 1;\n\t\t\tcolumn <= gridColumnCount;\n\t\t\tcolumn++\n\t\t) {\n\t\t\tconst candidateRect = new GridRect( {\n\t\t\t\tcolumnStart: column,\n\t\t\t\trowStart: row,\n\t\t\t\tcolumnSpan: blockColumnSpan,\n\t\t\t\trowSpan: blockRowSpan,\n\t\t\t} );\n\t\t\tif (\n\t\t\t\t! occupiedRects.some( ( r ) =>\n\t\t\t\t\tr.intersectsRect( candidateRect )\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\treturn [ column, row ];\n\t\t\t}\n\t\t}\n\t}\n}\n"],
+  "mappings": "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",
+  "names": ["getBlockAttributes"]
+}

package/build-module/components/grid/utils.js

@@ -1,9 +1,7 @@
-export function range(start, length) {
-  return Array.from({
-    length
-  }, (_, i) => start + i);
+function range(start, length) {
+  return Array.from({ length }, (_, i) => start + i);
 }
-export class GridRect {
+class GridRect {
   constructor({
     columnStart,
     rowStart,
@@ -12,17 +10,17 @@ export class GridRect {
     columnSpan,
     rowSpan
   } = {}) {
-    this.columnStart = columnStart !== null && columnStart !== void 0 ? columnStart : 1;
-    this.rowStart = rowStart !== null && rowStart !== void 0 ? rowStart : 1;
-    if (columnSpan !== undefined) {
+    this.columnStart = columnStart ?? 1;
+    this.rowStart = rowStart ?? 1;
+    if (columnSpan !== void 0) {
       this.columnEnd = this.columnStart + columnSpan - 1;
     } else {
-      this.columnEnd = columnEnd !== null && columnEnd !== void 0 ? columnEnd : this.columnStart;
+      this.columnEnd = columnEnd ?? this.columnStart;
     }
-    if (rowSpan !== undefined) {
+    if (rowSpan !== void 0) {
       this.rowEnd = this.rowStart + rowSpan - 1;
     } else {
-      this.rowEnd = rowEnd !== null && rowEnd !== void 0 ? rowEnd : this.rowStart;
+      this.rowEnd = rowEnd ?? this.rowStart;
     }
   }
   get columnSpan() {
@@ -41,64 +39,40 @@ export class GridRect {
     return this.columnStart <= rect.columnEnd && this.columnEnd >= rect.columnStart && this.rowStart <= rect.rowEnd && this.rowEnd >= rect.rowStart;
   }
 }
-export function getComputedCSS(element, property) {
+function getComputedCSS(element, property) {
   return element.ownerDocument.defaultView.getComputedStyle(element).getPropertyValue(property);
 }
-
-/**
- * Given a grid-template-columns or grid-template-rows CSS property value, gets the start and end
- * position in pixels of each grid track.
- *
- * https://css-tricks.com/snippets/css/complete-guide-grid/#aa-grid-track
- *
- * @param {string} template The grid-template-columns or grid-template-rows CSS property value.
- *                          Only supports fixed sizes in pixels.
- * @param {number} gap      The gap between grid tracks in pixels.
- *
- * @return {Array<{start: number, end: number}>} An array of objects with the start and end
- *                                               position in pixels of each grid track.
- */
-export function getGridTracks(template, gap) {
+function getGridTracks(template, gap) {
   const tracks = [];
-  for (const size of template.split(' ')) {
+  for (const size of template.split(" ")) {
     const previousTrack = tracks[tracks.length - 1];
     const start = previousTrack ? previousTrack.end + gap : 0;
     const end = start + parseFloat(size);
-    tracks.push({
-      start,
-      end
-    });
+    tracks.push({ start, end });
   }
   return tracks;
 }
-
-/**
- * Given an array of grid tracks and a position in pixels, gets the index of the closest track to
- * that position.
- *
- * https://css-tricks.com/snippets/css/complete-guide-grid/#aa-grid-track
- *
- * @param {Array<{start: number, end: number}>} tracks   An array of objects with the start and end
- *                                                       position in pixels of each grid track.
- * @param {number}                              position The position in pixels.
- * @param {string}                              edge     The edge of the track to compare the
- *                                                       position to. Either 'start' or 'end'.
- *
- * @return {number} The index of the closest track to the position. 0-based, unlike CSS grid which
- *                  is 1-based.
- */
-export function getClosestTrack(tracks, position, edge = 'start') {
-  return tracks.reduce((closest, track, index) => Math.abs(track[edge] - position) < Math.abs(tracks[closest][edge] - position) ? index : closest, 0);
+function getClosestTrack(tracks, position, edge = "start") {
+  return tracks.reduce(
+    (closest, track, index) => Math.abs(track[edge] - position) < Math.abs(tracks[closest][edge] - position) ? index : closest,
+    0
+  );
 }
-export function getGridRect(gridElement, rect) {
-  const columnGap = parseFloat(getComputedCSS(gridElement, 'column-gap'));
-  const rowGap = parseFloat(getComputedCSS(gridElement, 'row-gap'));
-  const gridColumnTracks = getGridTracks(getComputedCSS(gridElement, 'grid-template-columns'), columnGap);
-  const gridRowTracks = getGridTracks(getComputedCSS(gridElement, 'grid-template-rows'), rowGap);
+function getGridRect(gridElement, rect) {
+  const columnGap = parseFloat(getComputedCSS(gridElement, "column-gap"));
+  const rowGap = parseFloat(getComputedCSS(gridElement, "row-gap"));
+  const gridColumnTracks = getGridTracks(
+    getComputedCSS(gridElement, "grid-template-columns"),
+    columnGap
+  );
+  const gridRowTracks = getGridTracks(
+    getComputedCSS(gridElement, "grid-template-rows"),
+    rowGap
+  );
   const columnStart = getClosestTrack(gridColumnTracks, rect.left) + 1;
   const rowStart = getClosestTrack(gridRowTracks, rect.top) + 1;
-  const columnEnd = getClosestTrack(gridColumnTracks, rect.right, 'end') + 1;
-  const rowEnd = getClosestTrack(gridRowTracks, rect.bottom, 'end') + 1;
+  const columnEnd = getClosestTrack(gridColumnTracks, rect.right, "end") + 1;
+  const rowEnd = getClosestTrack(gridRowTracks, rect.bottom, "end") + 1;
   return new GridRect({
     columnStart,
     columnEnd,
@@ -106,32 +80,52 @@ export function getGridRect(gridElement, rect) {
     rowEnd
   });
 }
-export function getGridItemRect(gridItemElement) {
-  return getGridRect(gridItemElement.parentElement, new window.DOMRect(gridItemElement.offsetLeft, gridItemElement.offsetTop, gridItemElement.offsetWidth, gridItemElement.offsetHeight));
+function getGridItemRect(gridItemElement) {
+  return getGridRect(
+    gridItemElement.parentElement,
+    new window.DOMRect(
+      gridItemElement.offsetLeft,
+      gridItemElement.offsetTop,
+      gridItemElement.offsetWidth,
+      gridItemElement.offsetHeight
+    )
+  );
 }
-export function getGridInfo(gridElement) {
-  const gridTemplateColumns = getComputedCSS(gridElement, 'grid-template-columns');
-  const gridTemplateRows = getComputedCSS(gridElement, 'grid-template-rows');
-  const borderTopWidth = getComputedCSS(gridElement, 'border-top-width');
-  const borderRightWidth = getComputedCSS(gridElement, 'border-right-width');
-  const borderBottomWidth = getComputedCSS(gridElement, 'border-bottom-width');
-  const borderLeftWidth = getComputedCSS(gridElement, 'border-left-width');
-  const paddingTop = getComputedCSS(gridElement, 'padding-top');
-  const paddingRight = getComputedCSS(gridElement, 'padding-right');
-  const paddingBottom = getComputedCSS(gridElement, 'padding-bottom');
-  const paddingLeft = getComputedCSS(gridElement, 'padding-left');
-  const numColumns = gridTemplateColumns.split(' ').length;
-  const numRows = gridTemplateRows.split(' ').length;
+function getGridInfo(gridElement) {
+  const gridTemplateColumns = getComputedCSS(
+    gridElement,
+    "grid-template-columns"
+  );
+  const gridTemplateRows = getComputedCSS(
+    gridElement,
+    "grid-template-rows"
+  );
+  const borderTopWidth = getComputedCSS(gridElement, "border-top-width");
+  const borderRightWidth = getComputedCSS(
+    gridElement,
+    "border-right-width"
+  );
+  const borderBottomWidth = getComputedCSS(
+    gridElement,
+    "border-bottom-width"
+  );
+  const borderLeftWidth = getComputedCSS(gridElement, "border-left-width");
+  const paddingTop = getComputedCSS(gridElement, "padding-top");
+  const paddingRight = getComputedCSS(gridElement, "padding-right");
+  const paddingBottom = getComputedCSS(gridElement, "padding-bottom");
+  const paddingLeft = getComputedCSS(gridElement, "padding-left");
+  const numColumns = gridTemplateColumns.split(" ").length;
+  const numRows = gridTemplateRows.split(" ").length;
   const numItems = numColumns * numRows;
   return {
     numColumns,
     numRows,
     numItems,
-    currentColor: getComputedCSS(gridElement, 'color'),
+    currentColor: getComputedCSS(gridElement, "color"),
     style: {
       gridTemplateColumns,
       gridTemplateRows,
-      gap: getComputedCSS(gridElement, 'gap'),
+      gap: getComputedCSS(gridElement, "gap"),
       inset: `
 				calc(${paddingTop} + ${borderTopWidth})
 				calc(${paddingRight} + ${borderRightWidth})
@@ -141,4 +135,14 @@ export function getGridInfo(gridElement) {
     }
   };
 }
-//# sourceMappingURL=utils.js.map
+export {
+  GridRect,
+  getClosestTrack,
+  getComputedCSS,
+  getGridInfo,
+  getGridItemRect,
+  getGridRect,
+  getGridTracks,
+  range
+};
+//# sourceMappingURL=utils.js.map