seat-editor 3.6.18 → 3.6.20

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

@@ -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,
                     // }}
@@ -160,5 +162,5 @@ export default function GraphView() {
                         colorGroupSelection: COLORS_SECTION,
                         dataKey: "uuid_table",
                         selection: selection
-                    } }), _jsxs("div", { className: "w-1/5 p-4", onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, children: [_jsx("div", { id: "table" }), _jsxs("div", { className: "rounded-lg bg-white p-4", children: [_jsx("h1", { className: "text-2xl font-bold", children: "Section" }), sections.map((section) => (_jsxs("div", { className: clsx("font-bold text-white rounded-md p-2 cursor-pointer", sectionActive === section.id && "!bg-blue-500"), style: { backgroundColor: section.color }, onClick: () => setSectionActive(section.id), children: [_jsx("h2", { className: "text-lg", children: section.name }), section.items.length > 0 && (_jsx("ul", { className: "list-disc pl-5 bg-opacity-50 bg-white p-2 rounded ", children: section.items.map((item) => (_jsx("li", { children: item.name }, item.id))) }))] }, section.id)))] })] }), _jsx("div", { className: "w-1/5 p-4", children: _jsx("div", { className: "rounded-lg bg-white p-4", children: _jsx("h1", { className: "text-2xl font-bold", children: "Nodes" }) }) })] }) }));
+                    }, allowTooltip: true }), _jsxs("div", { className: "w-1/5 p-4", onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, children: [_jsx("div", { id: "table" }), _jsxs("div", { className: "rounded-lg bg-white p-4", children: [_jsx("h1", { className: "text-2xl font-bold", children: "Section" }), sections.map((section) => (_jsxs("div", { className: clsx("font-bold text-white rounded-md p-2 cursor-pointer", sectionActive === section.id && "!bg-blue-500"), style: { backgroundColor: section.color }, onClick: () => setSectionActive(section.id), children: [_jsx("h2", { className: "text-lg", children: section.name }), section.items.length > 0 && (_jsx("ul", { className: "list-disc pl-5 bg-opacity-50 bg-white p-2 rounded ", children: section.items.map((item) => (_jsx("li", { children: item.name }, item.id))) }))] }, section.id)))] })] }), _jsx("div", { className: "w-1/5 p-4", children: _jsx("div", { className: "rounded-lg bg-white p-4", children: _jsx("h1", { className: "text-2xl font-bold", children: "Nodes" }) }) })] }) }));
 }

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

@@ -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,
     // }}
@@ -166,7 +168,7 @@ export default function GraphView() {
             colorGroupSelection: COLORS_SECTION,
             dataKey: "uuid_table",
             selection: selection
-        }}/>
+        }} allowTooltip={true}/>
         <div className="w-1/5 p-4" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>
           <div id="table"/>
           <div className="rounded-lg bg-white p-4">

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

@@ -121,6 +121,7 @@ const LayerView = (props) => {
     const handleUnSelectComponent = () => {
         setSelectedLines(null);
         dataElementSelectionGroupRef.current = [];
+        onMakeSelection && onMakeSelection([]);
     };
     const handleDoubleClick = (items, e) => {
         const find = componentsEditor.find((item) => {
@@ -262,7 +263,6 @@ const LayerView = (props) => {
     }, [actionPrivileged]);
     const handlePointerDown = (e) => {
         var _a, _b, _c;
-        console.log("handlePointerDown");
         const svg = svgRef.current;
         if (!e.isPrimary || !svg)
             return;
@@ -275,7 +275,7 @@ 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 || !(hitPoint === null || hitPoint === void 0 ? void 0 : hitPoint.closest("g[data-id]"))) && (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.selection);
+        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) {
@@ -299,7 +299,7 @@ const LayerView = (props) => {
             handleUnSelectComponent();
         }
         setPanningGroup(true);
-        if (!targetGroup && (props === null || props === void 0 ? void 0 : props.allowTooltip)) {
+        if (makeSelection && (props === null || props === void 0 ? void 0 : props.allowTooltip) && (tooltip === null || tooltip === void 0 ? void 0 : tooltip.visible)) {
             setTooltip((prev) => (Object.assign(Object.assign({}, prev), { visible: false })));
             return;
         }
@@ -407,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;
@@ -484,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/dist/features/view-only-5/index.jsx

@@ -120,6 +120,7 @@ const LayerView = (props) => {
     const handleUnSelectComponent = () => {
         setSelectedLines(null);
         dataElementSelectionGroupRef.current = [];
+        onMakeSelection && onMakeSelection([]);
     };
     const handleDoubleClick = (items, e) => {
         const find = componentsEditor.find((item) => {
@@ -261,7 +262,6 @@ const LayerView = (props) => {
     }, [actionPrivileged]);
     const handlePointerDown = (e) => {
         var _a, _b, _c;
-        console.log("handlePointerDown");
         const svg = svgRef.current;
         if (!e.isPrimary || !svg)
             return;
@@ -274,7 +274,7 @@ 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 || !(hitPoint === null || hitPoint === void 0 ? void 0 : hitPoint.closest("g[data-id]"))) && (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.selection);
+        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) {
@@ -298,7 +298,7 @@ const LayerView = (props) => {
             handleUnSelectComponent();
         }
         setPanningGroup(true);
-        if (!targetGroup && (props === null || props === void 0 ? void 0 : props.allowTooltip)) {
+        if (makeSelection && (props === null || props === void 0 ? void 0 : props.allowTooltip) && (tooltip === null || tooltip === void 0 ? void 0 : tooltip.visible)) {
             setTooltip((prev) => (Object.assign(Object.assign({}, prev), { visible: false })));
             return;
         }
@@ -406,7 +406,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 +483,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.18",
+  "version": "3.6.20",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",