chore: update gridstack to homarr/gridstack package (#20)

* chore: migrate gridstack to homarr gridstack

* fix: formatting issue
This commit is contained in:
Meier Lukas
2024-02-03 22:59:34 +01:00
committed by GitHub
parent d3c11f49dc
commit 2943819f74
5 changed files with 18 additions and 17 deletions

View File

@@ -1,6 +1,7 @@
import type { MutableRefObject, RefObject } from "react";
import type { GridItemHTMLElement } from "fily-publish-gridstack";
import { GridStack } from "fily-publish-gridstack";
import type { GridItemHTMLElement } from "@homarr/gridstack";
import { GridStack } from "@homarr/gridstack";
import type { Section } from "~/app/[locale]/boards/_types";
@@ -36,11 +37,11 @@ export const initializeGridstack = ({
float: true,
alwaysShowResizeHandle: true,
acceptWidgets: true,
disableOneColumnMode: true,
staticGrid: true,
minRow,
animate: false,
styleInHead: true,
disableRemoveNodeOnDrop: true,
},
// selector of the gridstack item (it's eather category or wrapper)
`.grid-stack-${section.kind}[data-section-id='${section.id}']`,

View File

@@ -1,11 +1,12 @@
import type { MutableRefObject, RefObject } from "react";
import { createRef, useCallback, useEffect, useMemo, useRef } from "react";
import { useAtomValue } from "jotai";
import type {
GridItemHTMLElement,
GridStack,
GridStackNode,
} from "fily-publish-gridstack";
import { useAtomValue } from "jotai";
} from "@homarr/gridstack";
import {
useMarkSectionAsReady,
@@ -101,12 +102,11 @@ export const useGridstack = ({
const currentGrid = gridRef.current;
// Add listener for moving items around in a wrapper
currentGrid?.on("change", (_, nodes) => {
(nodes as GridStackNode[]).forEach(onChange);
nodes.forEach(onChange);
});
// Add listener for moving items in config from one wrapper to another
currentGrid?.on("added", (_, el) => {
const nodes = el as GridStackNode[];
currentGrid?.on("added", (_, nodes) => {
nodes.forEach((node) => onAdd(node));
});