seat-editor 3.1.6 → 3.1.7

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

@@ -51,6 +51,7 @@ export interface LayerViewProps {
         className: string;
         style: CSSProperties;
         minWidth: number;
+        children: React.ReactNode;
     };
     dragTableBlockKey?: [
         {

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

@@ -3,7 +3,6 @@ import React, { useEffect, useMemo, useRef, useState, useImperativeHandle, } fro
 import { TransformWrapper, TransformComponent, } from "react-zoom-pan-pinch";
 import { useAppDispatch, useAppSelector } from "../../hooks/use-redux";
 import Layers from "../../components/layer-v4";
-import { isEmpty } from "lodash";
 import { getTranslate } from "../board-v3/utils";
 const LayerView = (props) => {
     const { componentProps, extraComponentProps, onSelectComponent, onCurrentStateChange, mappingKey, statusKey, defaultBackground, iconTags, tooltipProps, onRightClick, allowTooltip = true, tableMatchKey, eventMatchTable, ghostAttributes, onDrop, onSwitch, refs, } = props;
@@ -18,6 +17,7 @@ const LayerView = (props) => {
         y: 0,
         visible: false,
     });
+    console.log("tooltip", tooltip);
     const isDragging = useRef(false);
     const [panningGroup, setPanningGroup] = useState(false);
     const [scale, setScale] = useState(1);
@@ -342,7 +342,7 @@ const LayerView = (props) => {
             if (!hasMoved) {
                 const dataId = JSON.parse(targetGroup.getAttribute("data-id") || "{}");
                 isDragging.current = false;
-                const dataGroupEmty = isEmpty(dataId);
+                const dataGroupEmty = !dataId;
                 // TOOLTIP ACTION
                 const svgSize = svg.getBoundingClientRect();
                 const widthScreeen = svgSize.width;
@@ -373,7 +373,9 @@ const LayerView = (props) => {
                 else if (relY === centerY) {
                     newY = relY;
                 }
+                console.log({ dataGroupEmty, }, e.button);
                 const rightClick = e.button === 2 && !dataGroupEmty && allowTooltip;
+                console.log({ rightClick });
                 setTooltip({
                     x: newX,
                     y: newY,
@@ -537,7 +539,7 @@ const LayerView = (props) => {
             {/* 🧠 Ghost universal */}
           </svg>
           {tooltip.visible && (<div className={`seat-editor tooltip-container ${tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.className}`} style={Object.assign({ top: tooltip.y, left: tooltip.x, minWidth: widthTooltip + "px" }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.style)}>
-              hallo dunia
+              {tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.children}
             </div>)}
         </TransformComponent>
       </TransformWrapper>

package/package.json

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