seat-editor 3.5.64 → 3.5.66
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -109,7 +109,7 @@ const LayerView = (props) => {
|
|
|
109
109
|
]);
|
|
110
110
|
useEffect(() => {
|
|
111
111
|
setTooltip(Object.assign(Object.assign({}, tooltip), { visible: false }));
|
|
112
|
-
}, [privilegedTags]);
|
|
112
|
+
}, [privilegedTags, getScaleTransform]);
|
|
113
113
|
useEffect(() => {
|
|
114
114
|
onCurrentStateChange &&
|
|
115
115
|
onCurrentStateChange({
|
|
@@ -686,6 +686,6 @@ const LayerView = (props) => {
|
|
|
686
686
|
// pointerEvents: disabled ? "none" : "all",
|
|
687
687
|
touchAction: "none",
|
|
688
688
|
userSelect: "none",
|
|
689
|
-
} }, props.svgProps, { children: [hasBoundingBox && (_jsx("defs", { children: _jsx("clipPath", { id: "contentCrop", children: _jsx("rect", { x: boundingBox.minX, y: boundingBox.minY, width: boundingBox.width, height: boundingBox.height }) }) })), _jsx("g", { id: "main-layer", clipPath: "url(#contentCrop)", children: _jsx(Layers, { components: componentsAll, selectedTable: selectedTable, iconTags: iconTags, eventMatchTable: eventMatchTable, privilegedTags: privilegedTags }) })] })), tooltip.visible && (
|
|
689
|
+
} }, props.svgProps, { children: [hasBoundingBox && (_jsx("defs", { children: _jsx("clipPath", { id: "contentCrop", children: _jsx("rect", { x: boundingBox.minX, y: boundingBox.minY, width: boundingBox.width, height: boundingBox.height }) }) })), _jsx("g", { id: "main-layer", clipPath: "url(#contentCrop)", children: _jsx(Layers, { components: componentsAll, selectedTable: selectedTable, iconTags: iconTags, eventMatchTable: eventMatchTable, privilegedTags: privilegedTags }) })] })), tooltip.visible && (_jsx("div", { className: `seat-editor tooltip-container ${tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.className}`, style: Object.assign({ top: tooltip.y, left: tooltip.x, transform: `scale(${1 / getScaleTransform}) ${tooltip.isBottom ? "translateY(-100%)" : ""}`, transformOrigin: "top left", minWidth: widthTooltip + "px" }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.style), children: tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.children }))] }) }))] })));
|
|
690
690
|
};
|
|
691
691
|
export default LayerView;
|
|
@@ -108,7 +108,7 @@ const LayerView = (props) => {
|
|
|
108
108
|
]);
|
|
109
109
|
useEffect(() => {
|
|
110
110
|
setTooltip(Object.assign(Object.assign({}, tooltip), { visible: false }));
|
|
111
|
-
}, [privilegedTags]);
|
|
111
|
+
}, [privilegedTags, getScaleTransform]);
|
|
112
112
|
useEffect(() => {
|
|
113
113
|
onCurrentStateChange &&
|
|
114
114
|
onCurrentStateChange({
|
|
@@ -710,19 +710,6 @@ const LayerView = (props) => {
|
|
|
710
710
|
{/* 🧠 Ghost universal */}
|
|
711
711
|
</svg>
|
|
712
712
|
{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, transform: `scale(${1 / getScaleTransform}) ${tooltip.isBottom ? "translateY(-100%)" : ""}`, transformOrigin: "top left", minWidth: widthTooltip + "px" }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.style)}>
|
|
713
|
-
<div className="tooltip-content">
|
|
714
|
-
<h1>Tooltip</h1>
|
|
715
|
-
<p>test</p>
|
|
716
|
-
<p>test</p>
|
|
717
|
-
<p>test</p>
|
|
718
|
-
<p>test</p>
|
|
719
|
-
<p>test</p>
|
|
720
|
-
<p>test</p>
|
|
721
|
-
<p>test</p>
|
|
722
|
-
<p>test</p>
|
|
723
|
-
<p>test</p>
|
|
724
|
-
|
|
725
|
-
</div>
|
|
726
713
|
{tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.children}
|
|
727
714
|
</div>)}
|
|
728
715
|
</TransformComponent>
|