seat-editor 3.6.17 → 3.6.19

package/dist/app/graph-view-new/constant.d.ts

@@ -580,3 +580,13 @@ export declare const data: ({
     sections: any;
 })[];
 export declare const COLORS_SECTION: string[];
+export declare const background: {
+    x: number;
+    y: number;
+    id: string;
+    src: string;
+    image: string;
+    shape: string;
+    width: number;
+    height: number;
+}[];

package/dist/app/graph-view-new/constant.js

@@ -6993,3 +6993,13 @@ export const COLORS_SECTION = [
     "#FBC6D3",
     "#D5C4F9",
 ];
+export const background = [{
+        "x": 1108,
+        "y": 78,
+        "id": "1754137849705",
+        "src": "https://cdn.table.link/prod/5bf923de-2366-4a11-9b8b-e92de0afbf05/3a65cb36-7d85-4c38-9403-a15f94641920/68d45207-d66b-4bb5-92a2-4e5a87715e98/rsvp/1754137849587013665_BOI Reg.png",
+        "image": "/5bf923de-2366-4a11-9b8b-e92de0afbf05/3a65cb36-7d85-4c38-9403-a15f94641920/68d45207-d66b-4bb5-92a2-4e5a87715e98/rsvp/1754137849587013665_BOI Reg.png",
+        "shape": "background",
+        "width": 1561,
+        "height": 1494
+    }];

package/dist/app/graph-view-new/page.js

@@ -9,7 +9,7 @@ import { selection } from "./selection";
 export default function GraphView() {
     const [isConnecting, setIsConnecting] = useState(false);
     const [actionPrivileged, setActionPrivileged] = useState({
-        select: true,
+        select: false,
         move: false,
         switch: false,
         drop: false,
@@ -140,7 +140,9 @@ export default function GraphView() {
     };
     return (_jsx("div", { className: "w-full h-screen flex relative", children: _jsxs("div", { className: "flex", children: [_jsx("div", { className: "absolute top-0 left-0 z-10 flex gap-2", children: priviledged.map((item) => (_jsx(Button, { type: actionPrivileged[item.key] ? "primary" : "default", htmlType: "button", onClick: () => {
                             setActionPrivileged((prev) => (Object.assign(Object.assign({}, prev), { [item.key]: !prev[item.key] })));
-                        }, children: item.name }, item.key))) }), _jsx(LayerView, { componentProps: componentSection, statusKey: "section", defaultBackground: "#1e2d4a", mappingKey: "properties", keyNode: "nodes", onEdgesChange: (table, edges) => console.log({ edges, table }), isConnectEdge: isConnecting, isSelectNode: isSelectNode, onSelectComponent: handleSelectItem, 
+                        }, children: item.name }, item.key))) }), _jsx(LayerView, { componentProps: componentSection, statusKey: "section", defaultBackground: "#1e2d4a", mappingKey: "properties", keyNode: "nodes", onEdgesChange: (table, edges) => console.log({ edges, table }), isConnectEdge: isConnecting, isSelectNode: isSelectNode, 
+                    // extraComponentProps={background}
+                    onSelectComponent: handleSelectItem, 
                     // actionPrivileged={{
                     //   select: true,
                     // }}

package/dist/app/graph-view-new/page.jsx

@@ -8,7 +8,7 @@ import { selection } from "./selection";
 export default function GraphView() {
     const [isConnecting, setIsConnecting] = useState(false);
     const [actionPrivileged, setActionPrivileged] = useState({
-        select: true,
+        select: false,
         move: false,
         switch: false,
         drop: false,
@@ -146,7 +146,9 @@ export default function GraphView() {
               {item.name}
             </Button>))}
         </div>
-        <LayerView componentProps={componentSection} statusKey="section" defaultBackground="#1e2d4a" mappingKey="properties" keyNode="nodes" onEdgesChange={(table, edges) => console.log({ edges, table })} isConnectEdge={isConnecting} isSelectNode={isSelectNode} onSelectComponent={handleSelectItem} 
+        <LayerView componentProps={componentSection} statusKey="section" defaultBackground="#1e2d4a" mappingKey="properties" keyNode="nodes" onEdgesChange={(table, edges) => console.log({ edges, table })} isConnectEdge={isConnecting} isSelectNode={isSelectNode} 
+    // extraComponentProps={background}
+    onSelectComponent={handleSelectItem} 
     // actionPrivileged={{
     //   select: true,
     // }}

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

@@ -275,7 +275,8 @@ const LayerView = (props) => {
         const { clientX, clientY } = e;
         const hitPoint = document.elementFromPoint(clientX, clientY);
         const downOutTable = (hitPoint === null || hitPoint === void 0 ? void 0 : hitPoint.nodeName) === "svg";
-        const makeSelection = downOutTable && (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.selection);
+        console.log(hitPoint, "hit", targetGroup);
+        const makeSelection = (downOutTable || !targetGroup) && (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.selection);
         const hadSelection = dataElementSelectionGroupRef.current.length > 0;
         const downInOutSelection = hadSelection && makeSelection;
         if (downOutTable) {
@@ -407,7 +408,7 @@ const LayerView = (props) => {
         };
         pointerMoveGhost(e.nativeEvent);
         const pointerHandleUp = (e) => {
-            var _a, _b, _c;
+            var _a, _b, _c, _d, _e;
             if (targetGroup) {
                 const dataId = JSON.parse(targetGroup.getAttribute("data-id") || "{}");
                 isDragging.current = false;
@@ -484,6 +485,9 @@ const LayerView = (props) => {
                 }
                 (_c = svg.querySelector("#selection-box-ghost")) === null || _c === void 0 ? void 0 : _c.remove();
             }
+            if (makeSelection && ((_d = dataElementSelectionGroupRef.current) === null || _d === void 0 ? void 0 : _d.length) === 0) {
+                (_e = svg.querySelector("#selection-box-ghost")) === null || _e === void 0 ? void 0 : _e.remove();
+            }
             setPanningGroup(false);
             tableGhost.current = null;
             isDragging.current = false;

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

@@ -274,7 +274,8 @@ const LayerView = (props) => {
         const { clientX, clientY } = e;
         const hitPoint = document.elementFromPoint(clientX, clientY);
         const downOutTable = (hitPoint === null || hitPoint === void 0 ? void 0 : hitPoint.nodeName) === "svg";
-        const makeSelection = downOutTable && (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.selection);
+        console.log(hitPoint, "hit", targetGroup);
+        const makeSelection = (downOutTable || !targetGroup) && (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.selection);
         const hadSelection = dataElementSelectionGroupRef.current.length > 0;
         const downInOutSelection = hadSelection && makeSelection;
         if (downOutTable) {
@@ -406,7 +407,7 @@ const LayerView = (props) => {
         };
         pointerMoveGhost(e.nativeEvent);
         const pointerHandleUp = (e) => {
-            var _a, _b, _c;
+            var _a, _b, _c, _d, _e;
             if (targetGroup) {
                 const dataId = JSON.parse(targetGroup.getAttribute("data-id") || "{}");
                 isDragging.current = false;
@@ -483,6 +484,9 @@ const LayerView = (props) => {
                 }
                 (_c = svg.querySelector("#selection-box-ghost")) === null || _c === void 0 ? void 0 : _c.remove();
             }
+            if (makeSelection && ((_d = dataElementSelectionGroupRef.current) === null || _d === void 0 ? void 0 : _d.length) === 0) {
+                (_e = svg.querySelector("#selection-box-ghost")) === null || _e === void 0 ? void 0 : _e.remove();
+            }
             setPanningGroup(false);
             tableGhost.current = null;
             isDragging.current = false;

package/package.json

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