seat-editor 3.6.49 → 3.6.51

package/dist/features/view-only-5/index.jsx

@@ -268,7 +268,8 @@ const LayerView = (props) => {
     }, [actionPrivileged]);
     const timerRef = useRef(null);
     const handlePointerDown = (e) => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f;
+        const shiftActive = e.shiftKey;
         const svg = svgRef.current;
         if (!e.isPrimary || !svg)
             return;
@@ -287,11 +288,31 @@ const LayerView = (props) => {
         const downInOutSelection = hadSelection && makeSelection && e.button !== 2;
         const unSelectAll = hadSelection && e.button === 2 && targetGroup && !targetSelectionGroup;
         const hasSelectionDownOutSelection = !targetSelectionGroup && targetGroup && hadSelection;
+        const targetSelection = e.target.closest("g[id='selection-lines']");
         if (downOutTable || (!targetGroup && !targetSelectionGroup)) {
             if (graph.connecting) {
                 graph.cancelConnect();
             }
         }
+        let idTargetElement = JSON.parse((targetGroup === null || targetGroup === void 0 ? void 0 : targetGroup.getAttribute("data-id")) || "{}");
+        const selectionTarget = (_b = (_a = targetSelection === null || targetSelection === void 0 ? void 0 : targetSelection.dataset) === null || _a === void 0 ? void 0 : _a.selection) === null || _b === void 0 ? void 0 : _b.replace("selection-", "");
+        const activeId = selectionTarget !== null && selectionTarget !== void 0 ? selectionTarget : idTargetElement;
+        if (targetGroup && shiftActive) {
+            const findById = renderedElements === null || renderedElements === void 0 ? void 0 : renderedElements.find((comp) => comp.id == activeId);
+            const currentSelection = (_c = dataElementSelectionGroupRef.current) !== null && _c !== void 0 ? _c : [];
+            if (currentSelection.length == 0 && findById) {
+                currentSelection.push(findById);
+            }
+            const alreadySelected = currentSelection.some((comp) => comp.id == activeId);
+            let newSelection;
+            if (alreadySelected) {
+                newSelection = currentSelection.filter((comp) => comp.id != activeId);
+            }
+            else {
+                newSelection = [...currentSelection, findById];
+            }
+            dataElementSelectionGroupRef.current = newSelection;
+        }
         if (makeSelection) {
             const boxSelection = createTableGhost({
                 x,
@@ -302,9 +323,9 @@ const LayerView = (props) => {
                 shape: "selection-box",
                 id: "selection-box-ghost",
             });
-            (_a = svgRef.current) === null || _a === void 0 ? void 0 : _a.appendChild(boxSelection);
+            (_d = svgRef.current) === null || _d === void 0 ? void 0 : _d.appendChild(boxSelection);
         }
-        if (downInOutSelection || hasSelectionDownOutSelection || unSelectAll) {
+        if ((downInOutSelection || hasSelectionDownOutSelection || unSelectAll) && !shiftActive) {
             handleUnSelectComponent();
         }
         if (unSelectAll) {
@@ -340,7 +361,7 @@ const LayerView = (props) => {
         const ghostId = JSON.parse((targetGroup === null || targetGroup === void 0 ? void 0 : targetGroup.getAttribute("data-id")) || "{}");
         const allowedDrag = (!(props === null || props === void 0 ? void 0 : props.dragTableBlockKey)
             ? true
-            : !((_b = props === null || props === void 0 ? void 0 : props.dragTableBlockKey) === null || _b === void 0 ? void 0 : _b.some((_) => {
+            : !((_e = props === null || props === void 0 ? void 0 : props.dragTableBlockKey) === null || _e === void 0 ? void 0 : _e.some((_) => {
                 const dataRaw = originalData({ id: ghostId, type: "find" });
                 return _.value === (dataRaw === null || dataRaw === void 0 ? void 0 : dataRaw[_.key]);
             }))) && (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.dragTable);
@@ -348,7 +369,7 @@ const LayerView = (props) => {
             Object.keys(ghostAttributes).forEach((key) => ghost.setAttribute(key, ghostAttributes[key]));
         }
         if (allowedDrag) {
-            (_c = e.dataTransfer) === null || _c === void 0 ? void 0 : _c.setData("application/json", JSON.stringify(ghostId));
+            (_f = e.dataTransfer) === null || _f === void 0 ? void 0 : _f.setData("application/json", JSON.stringify(ghostId));
             const dataRaw = originalData({ id: ghostId, type: "find" });
             (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.dragTable) &&
                 (props === null || props === void 0 ? void 0 : props.onDragTable) &&
@@ -441,7 +462,43 @@ const LayerView = (props) => {
         };
         pointerMoveGhost(e.nativeEvent);
         const pointerHandleUp = (e) => {
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c, _d, _e, _f;
+            if (shiftActive) {
+                const allElementSelectionGroup = dataElementSelectionGroupRef.current;
+                // HITUNG BOUNDING BOX
+                let xs = [];
+                let ys = [];
+                let x2 = [];
+                let y2 = [];
+                allElementSelectionGroup.forEach((element) => {
+                    const activeId = element.id;
+                    const { g } = getAttributeElement(svg, String(activeId));
+                    const { x, y, width, height } = getGlobalBBox(svg, g);
+                    xs.push(x);
+                    ys.push(y);
+                    x2.push(x + width);
+                    y2.push(y + height);
+                });
+                const selectionBox = {
+                    x: Math.min(...xs),
+                    y: Math.min(...ys),
+                    width: Math.max(...x2) - Math.min(...xs),
+                    height: Math.max(...y2) - Math.min(...ys),
+                    stroke: "red",
+                    shape: "selection-box",
+                    fill: "transparent",
+                    id: `${Date.now()}`,
+                    rotation: 0,
+                };
+                setSelectedLines(selectionBox);
+                const allTableInSelection = (_a = dataElementSelectionGroupRef.current) === null || _a === void 0 ? void 0 : _a.map((d) => d.id);
+                const filterTableInSelection = componentProps === null || componentProps === void 0 ? void 0 : componentProps.filter((item) => {
+                    var _a, _b;
+                    return ((_a = item === null || item === void 0 ? void 0 : item[mappingKey]) === null || _a === void 0 ? void 0 : _a.id) &&
+                        (allTableInSelection === null || allTableInSelection === void 0 ? void 0 : allTableInSelection.includes((_b = item === null || item === void 0 ? void 0 : item[mappingKey]) === null || _b === void 0 ? void 0 : _b.id));
+                });
+                onMakeSelection && onMakeSelection(filterTableInSelection);
+            }
             if (targetGroup && !hadSelection) {
                 const dataId = JSON.parse(targetGroup.getAttribute("data-id") || "{}");
                 isDragging.current = false;
@@ -489,10 +546,10 @@ const LayerView = (props) => {
                 setTooltip({ x: newX / scale, y: newY / scale, visible: rightClick });
             }
             if (makeSelection &&
-                ((_a = dataElementSelectionGroupRef.current) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
+                ((_b = dataElementSelectionGroupRef.current) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
                 e.button === 0 &&
                 !targetSelectionGroup) {
-                const allTableInSelection = (_b = dataElementSelectionGroupRef.current) === null || _b === void 0 ? void 0 : _b.map((d) => d.id);
+                const allTableInSelection = (_c = dataElementSelectionGroupRef.current) === null || _c === void 0 ? void 0 : _c.map((d) => d.id);
                 const filterTableInSelection = componentProps === null || componentProps === void 0 ? void 0 : componentProps.filter((item) => {
                     var _a, _b;
                     return ((_a = item === null || item === void 0 ? void 0 : item[mappingKey]) === null || _a === void 0 ? void 0 : _a.id) &&
@@ -530,13 +587,13 @@ const LayerView = (props) => {
                 if (!hasInvalidNumber(selectionBox)) {
                     setSelectedLines(selectionBox);
                 }
-                (_c = svg.querySelector("#selection-box-ghost")) === null || _c === void 0 ? void 0 : _c.remove();
+                (_d = svg.querySelector("#selection-box-ghost")) === null || _d === void 0 ? void 0 : _d.remove();
             }
             if (makeSelection &&
-                ((_d = dataElementSelectionGroupRef.current) === null || _d === void 0 ? void 0 : _d.length) === 0 &&
+                ((_e = dataElementSelectionGroupRef.current) === null || _e === void 0 ? void 0 : _e.length) === 0 &&
                 e.button === 0 &&
                 targetSelectionGroup) {
-                (_e = svg.querySelector("#selection-box-ghost")) === null || _e === void 0 ? void 0 : _e.remove();
+                (_f = svg.querySelector("#selection-box-ghost")) === null || _f === void 0 ? void 0 : _f.remove();
                 setSelectedLines(null);
             }
             setPanningGroup(false);
@@ -618,15 +675,10 @@ const LayerView = (props) => {
     // ─── Node helper ──────────────────────────────────────────────────────────
     const getNodeById = useCallback((id) => {
         var _a, _b, _c, _d;
-        const comp = componentsEditor.find((item) => {
-            var _a, _b, _c;
-            if (mappingKey && (item === null || item === void 0 ? void 0 : item[mappingKey]))
-                return ((_b = (_a = item[mappingKey]) === null || _a === void 0 ? void 0 : _a[groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.dataKey]) !== null && _b !== void 0 ? _b : item[mappingKey].id == id);
-            return (_c = item === null || item === void 0 ? void 0 : item[groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.dataKey]) !== null && _c !== void 0 ? _c : item.id == id;
-        });
+        const comp = renderedElements.find((c) => { var _a; return ((_a = c[groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.dataKey]) !== null && _a !== void 0 ? _a : c.id) === id; });
         if (!comp)
             return null;
-        const v = mappingKey ? comp[mappingKey] : comp;
+        const v = comp;
         const w = (_a = v.width) !== null && _a !== void 0 ? _a : 100;
         const h = (_b = v.height) !== null && _b !== void 0 ? _b : 50;
         const rotation = (_c = v.rotation) !== null && _c !== void 0 ? _c : 0;
@@ -664,7 +716,43 @@ const LayerView = (props) => {
     const viewBox = isValidBoundingBox
         ? `${boundingBox.minX - (((_a = props === null || props === void 0 ? void 0 : props.viewStyles) === null || _a === void 0 ? void 0 : _a.paddingLeft) || 0)} ${boundingBox.minY - (((_b = props === null || props === void 0 ? void 0 : props.viewStyles) === null || _b === void 0 ? void 0 : _b.paddingTop) || 0)} ${boundingBox.width + (((_c = props === null || props === void 0 ? void 0 : props.viewStyles) === null || _c === void 0 ? void 0 : _c.paddingRight) || 0)} ${boundingBox.height + (((_d = props === null || props === void 0 ? void 0 : props.viewStyles) === null || _d === void 0 ? void 0 : _d.paddingBottom) || 0)}`
         : "0 0 1000 1000";
-    const renderedElements = useMemo(() => renderElements(componentsEditor, mappingKey, tableMatchKey, graph.connecting, groupSelection, graph.edges, connectionMatchKey, displaySettings === null || displaySettings === void 0 ? void 0 : displaySettings.selectionGroup), [
+    const stillHoldShift = useRef(false);
+    useEffect(() => {
+        var _a, _b;
+        if (stillHoldShift.current && dataElementSelectionGroupRef.current) {
+            const selectionLines = (_a = svgRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("#selection-lines");
+            selectionLines === null || selectionLines === void 0 ? void 0 : selectionLines.setAttribute("pointer-events", "none");
+        }
+        if (!stillHoldShift.current && dataElementSelectionGroupRef.current) {
+            const selectionLines = (_b = svgRef.current) === null || _b === void 0 ? void 0 : _b.querySelector("#selection-lines");
+            selectionLines === null || selectionLines === void 0 ? void 0 : selectionLines.setAttribute("pointer-events", "all");
+        }
+    }, [stillHoldShift.current, dataElementSelectionGroupRef.current]);
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            var _a, _b;
+            // setPressedKey(e.key);
+            const selectionLines = (_a = svgRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("#selection-lines");
+            (_b = svgRef.current) === null || _b === void 0 ? void 0 : _b.querySelector("#selection-lines");
+            if (e.key === "Shift") {
+                stillHoldShift.current = true;
+                selectionLines === null || selectionLines === void 0 ? void 0 : selectionLines.setAttribute("pointer-events", "none");
+            }
+        };
+        const handleKeyUp = () => {
+            var _a;
+            const selectionLines = (_a = svgRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("#selection-lines");
+            stillHoldShift.current = false;
+            selectionLines === null || selectionLines === void 0 ? void 0 : selectionLines.setAttribute("pointer-events", "all");
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        window.addEventListener("keyup", handleKeyUp);
+        return () => {
+            window.removeEventListener("keydown", handleKeyDown);
+            window.removeEventListener("keyup", handleKeyUp);
+        };
+    }, [dataElementSelectionGroupRef.current]);
+    const renderedElements = useMemo(() => renderElements(componentsEditor, mappingKey, tableMatchKey, graph.connecting, groupSelection, graph.edges, connectionMatchKey, displaySettings === null || displaySettings === void 0 ? void 0 : displaySettings.selectionGroup, graph.selectedNode), [
         componentsEditor,
         mappingKey,
         tableMatchKey,
@@ -675,6 +763,7 @@ const LayerView = (props) => {
         groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.colorGroupSelection,
         graph.edges,
         connectionMatchKey,
+        graph.selectedNode
     ]);
     return (<div className="relative w-full h-full flex-1" ref={containerRef} style={{ overflow: "auto", WebkitOverflowScrolling: "touch" }} {...props.containerProps}>
       {loading && (<div className="absolute z-10 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-opacity-50 bg-white w-full h-full flex items-center justify-center">

package/dist/features/view-only-5/utils.d.ts

@@ -65,4 +65,4 @@ export declare const renderElements: (elementEditor: ComponentProps[], mappingKe
 }, edges?: EdgeType[], connectionMatchKey?: {
     key: string;
     value: string | number;
-}, settingSelectionGroup?: boolean) => ComponentProps[];
+}, settingSelectionGroup?: boolean, selectedNodeId?: string) => ComponentProps[];

package/dist/features/view-only-5/utils.js

@@ -71,48 +71,57 @@ const findIndexByValue = (obj, targetValue) => {
     const foundEntry = Object.entries(obj).find(([_, values]) => values.includes(targetValue));
     return foundEntry ? Number(foundEntry[0]) : undefined;
 };
-export const renderElements = (elementEditor, mappingKey, tableMatchKey, connecting, groupSelection, edges, connectionMatchKey, settingSelectionGroup) => {
+export const renderElements = (elementEditor, mappingKey, tableMatchKey, connecting, groupSelection, edges, connectionMatchKey, settingSelectionGroup, selectedNodeId) => {
     var _a;
-    const allIDFromIdConnection = ((_a = edges === null || edges === void 0 ? void 0 : edges.filter((edge) => edge.from === (connecting === null || connecting === void 0 ? void 0 : connecting.fromId) || edge.to === (connecting === null || connecting === void 0 ? void 0 : connecting.fromId)
+    const allIDFromIdConnection = ((_a = edges === null || edges === void 0 ? void 0 : edges.filter((edge) => edge.from === (connecting === null || connecting === void 0 ? void 0 : connecting.fromId) || edge.to === (connecting === null || connecting === void 0 ? void 0 : connecting.fromId) || selectedNodeId
     //bikin ed.to di merge dengan ed.from
-    )) === null || _a === void 0 ? void 0 : _a.map((edge) => edge.to === (connecting === null || connecting === void 0 ? void 0 : connecting.fromId) ? edge.from : edge.to)) || [];
+    )) === null || _a === void 0 ? void 0 : _a.map((edge) => (edge.to === (connecting === null || connecting === void 0 ? void 0 : connecting.fromId) ? edge.from : edge.to))) ||
+        [];
     return elementEditor.map((editorItem) => {
         var _a, _b, _c, _d;
         const isUsingMapping = mappingKey &&
             typeof editorItem[mappingKey] === "object" &&
             editorItem[mappingKey] !== null;
         let finalProps = isUsingMapping ? editorItem[mappingKey] : editorItem;
+        const findIndexSelection = findIndexByValue(groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.selection, finalProps === null || finalProps === void 0 ? void 0 : finalProps[groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.dataKey]);
+        let fill = finalProps === null || finalProps === void 0 ? void 0 : finalProps.fill;
+        let stroke = finalProps === null || finalProps === void 0 ? void 0 : finalProps.stroke;
+        let seatFill = finalProps === null || finalProps === void 0 ? void 0 : finalProps.seatFill;
         if (tableMatchKey) {
             const tableMatch = tableMatchKey.find((item) => {
                 const hasKey = Object.keys(editorItem).some((key) => key == item.key);
                 if (hasKey)
                     return item.value == (editorItem === null || editorItem === void 0 ? void 0 : editorItem[item.key]);
             });
-            const findIndexSelection = findIndexByValue(groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.selection, finalProps === null || finalProps === void 0 ? void 0 : finalProps[groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.dataKey]);
-            let fill = finalProps === null || finalProps === void 0 ? void 0 : finalProps.fill;
-            let stroke = finalProps === null || finalProps === void 0 ? void 0 : finalProps.stroke;
-            let seatFill = finalProps === null || finalProps === void 0 ? void 0 : finalProps.seatFill;
-            if (findIndexSelection !== undefined && settingSelectionGroup) {
-                fill = groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.colorGroupSelection[findIndexSelection];
-                seatFill = groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.colorGroupSelection[findIndexSelection];
-                stroke = groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.colorGroupSelection[findIndexSelection];
-            }
             if ((_a = tableMatch === null || tableMatch === void 0 ? void 0 : tableMatch.properties) === null || _a === void 0 ? void 0 : _a.fill) {
                 fill = (_b = tableMatch === null || tableMatch === void 0 ? void 0 : tableMatch.properties) === null || _b === void 0 ? void 0 : _b.fill;
                 seatFill = (_c = tableMatch === null || tableMatch === void 0 ? void 0 : tableMatch.properties) === null || _c === void 0 ? void 0 : _c.seatFill;
                 stroke = (_d = tableMatch === null || tableMatch === void 0 ? void 0 : tableMatch.properties) === null || _d === void 0 ? void 0 : _d.stroke;
             }
-            if ((connecting === null || connecting === void 0 ? void 0 : connecting.fromId) == (finalProps === null || finalProps === void 0 ? void 0 : finalProps.id)) {
-                fill = "#F8F5FF";
-                stroke = "#5014D0";
-            }
-            if ((allIDFromIdConnection === null || allIDFromIdConnection === void 0 ? void 0 : allIDFromIdConnection.includes(finalProps === null || finalProps === void 0 ? void 0 : finalProps.id)) && (connecting === null || connecting === void 0 ? void 0 : connecting.fromId) !== (finalProps === null || finalProps === void 0 ? void 0 : finalProps.id)) {
-                fill = "#EEF6FF";
-                stroke = "#3E97FF";
-                seatFill = "#3E97FF";
-            }
             finalProps = Object.assign(Object.assign(Object.assign({}, finalProps), tableMatch === null || tableMatch === void 0 ? void 0 : tableMatch.properties), { fill: fill, seatFill: seatFill, stroke, className: tableMatch === null || tableMatch === void 0 ? void 0 : tableMatch.className, element: tableMatch === null || tableMatch === void 0 ? void 0 : tableMatch.element });
         }
+        if (findIndexSelection) {
+            if (findIndexSelection !== undefined && settingSelectionGroup) {
+                fill = groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.colorGroupSelection[findIndexSelection];
+                seatFill = groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.colorGroupSelection[findIndexSelection];
+                stroke = groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.colorGroupSelection[findIndexSelection];
+                finalProps = Object.assign(Object.assign({}, finalProps), { fill: fill, seatFill: seatFill, stroke });
+            }
+        }
+        if (((connecting === null || connecting === void 0 ? void 0 : connecting.fromId) || selectedNodeId) ==
+            ((finalProps === null || finalProps === void 0 ? void 0 : finalProps[groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.dataKey]) || (finalProps === null || finalProps === void 0 ? void 0 : finalProps.id))) {
+            fill = "#F8F5FF";
+            stroke = "#5014D0";
+            finalProps = Object.assign(Object.assign({}, finalProps), { fill: fill, seatFill: seatFill, stroke });
+        }
+        if ((allIDFromIdConnection === null || allIDFromIdConnection === void 0 ? void 0 : allIDFromIdConnection.includes((finalProps === null || finalProps === void 0 ? void 0 : finalProps[groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.dataKey]) || (finalProps === null || finalProps === void 0 ? void 0 : finalProps.id))) &&
+            (connecting === null || connecting === void 0 ? void 0 : connecting.fromId) !==
+                ((finalProps === null || finalProps === void 0 ? void 0 : finalProps[groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.dataKey]) || (finalProps === null || finalProps === void 0 ? void 0 : finalProps.id))) {
+            fill = "#EEF6FF";
+            stroke = "#3E97FF";
+            seatFill = "#3E97FF";
+            finalProps = Object.assign(Object.assign({}, finalProps), { fill: fill, seatFill: seatFill, stroke });
+        }
         if (connectionMatchKey) {
             if (!(finalProps === null || finalProps === void 0 ? void 0 : finalProps[connectionMatchKey.key])) {
                 finalProps = Object.assign(Object.assign({}, finalProps), { [connectionMatchKey.key]: editorItem === null || editorItem === void 0 ? void 0 : editorItem[connectionMatchKey.key] });

package/dist/features/view-only-6/index.d.ts

@@ -95,5 +95,5 @@ export interface LayerViewProps<TMeta = undefined> {
     onEdgesChange?: (edges: EdgeType[], table: PropertiesProps[]) => void;
     keyNode: string;
 }
-declare const LayerView: <TMeta>(props: LayerViewProps<TMeta>) => React.JSX.Element;
+declare const LayerView: <TMeta>(props: LayerViewProps<TMeta>) => import("react/jsx-runtime").JSX.Element;
 export default LayerView;

package/dist/features/view-only-7/index.d.ts

@@ -95,5 +95,5 @@ export interface LayerViewProps<TMeta = undefined> {
     onEdgesChange?: (edges: EdgeType[], table: PropertiesProps[]) => void;
     keyNode: string;
 }
-declare const LayerView: <TMeta>(props: LayerViewProps<TMeta>) => React.JSX.Element;
+declare const LayerView: <TMeta>(props: LayerViewProps<TMeta>) => import("react/jsx-runtime").JSX.Element;
 export default LayerView;

package/dist/provider/redux-provider.d.ts

@@ -1,3 +1,3 @@
 export declare const ReduxProvider: ({ children }: {
     children: React.ReactNode;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/provider/store-provider.d.ts

@@ -1,4 +1,4 @@
 export declare const StoreProvider: ({ children, themeColor, }: {
     children: React.ReactNode;
     themeColor?: string;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "seat-editor",
-  "version": "3.6.49",
+  "version": "3.6.51",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",