seat-editor 3.6.23 → 3.6.25

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.
Files changed (3) hide show
  1. package/dist/features/view-only-5/index.js +32 -10
  2. package/dist/features/view-only-5/index.jsx +32 -10
  3. package/package.json +1 -1
package/dist/features/view-only-5/index.js CHANGED
@@ -27,8 +27,8 @@ const LayerView = (props) => {
27
27
  viewGraph: false,
28
28
  dragTable: false,
29
29
  selectNode: false,
30
- connectingNode: false
31
- }, onMakeSelection, groupSelection } = props;
30
+ connectingNode: false,
31
+ }, onMakeSelection, groupSelection, } = props;
32
32
  const widthTooltip = (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.minWidth) || 168;
33
33
  const tableGhost = useRef(null);
34
34
  const hoverUnderghostId = useRef(null);
@@ -62,7 +62,9 @@ const LayerView = (props) => {
62
62
  }));
63
63
  const dispatch = useAppDispatch();
64
64
  useEffect(() => {
65
- setTooltip(Object.assign(Object.assign({}, tooltip), { visible: tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.open }));
65
+ if (!(tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.open)) {
66
+ setTooltip(Object.assign(Object.assign({}, tooltip), { visible: false }));
67
+ }
66
68
  }, [tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.open]);
67
69
  useEffect(() => {
68
70
  if (!loading && (loadingRender === null || loadingRender === void 0 ? void 0 : loadingRender.state)) {
@@ -309,7 +311,10 @@ const LayerView = (props) => {
309
311
  return;
310
312
  }
311
313
  setPanningGroup(true);
312
- if (makeSelection && (props === null || props === void 0 ? void 0 : props.allowTooltip) && (tooltip === null || tooltip === void 0 ? void 0 : tooltip.visible)) {
314
+ if (makeSelection &&
315
+ (props === null || props === void 0 ? void 0 : props.allowTooltip) &&
316
+ (tooltip === null || tooltip === void 0 ? void 0 : tooltip.visible) &&
317
+ e.button !== 2) {
313
318
  setTooltip((prev) => (Object.assign(Object.assign({}, prev), { visible: false })));
314
319
  return;
315
320
  }
@@ -320,15 +325,16 @@ const LayerView = (props) => {
320
325
  : !((_b = props === null || props === void 0 ? void 0 : props.dragTableBlockKey) === null || _b === void 0 ? void 0 : _b.some((_) => {
321
326
  const dataRaw = originalData({ id: ghostId, type: "find" });
322
327
  return _.value === (dataRaw === null || dataRaw === void 0 ? void 0 : dataRaw[_.key]);
323
- }))) &&
324
- (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.dragTable);
328
+ }))) && (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.dragTable);
325
329
  if (ghostAttributes) {
326
330
  Object.keys(ghostAttributes).forEach((key) => ghost.setAttribute(key, ghostAttributes[key]));
327
331
  }
328
332
  if (allowedDrag) {
329
333
  (_c = e.dataTransfer) === null || _c === void 0 ? void 0 : _c.setData("application/json", JSON.stringify(ghostId));
330
334
  const dataRaw = originalData({ id: ghostId, type: "find" });
331
- (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.dragTable) && (props === null || props === void 0 ? void 0 : props.onDragTable) && props.onDragTable(e, dataRaw);
335
+ (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.dragTable) &&
336
+ (props === null || props === void 0 ? void 0 : props.onDragTable) &&
337
+ props.onDragTable(e, dataRaw);
332
338
  }
333
339
  ghost === null || ghost === void 0 ? void 0 : ghost.setAttribute("opacity", "0.5");
334
340
  ghost === null || ghost === void 0 ? void 0 : ghost.setAttribute("pointer-events", "none");
@@ -464,7 +470,10 @@ const LayerView = (props) => {
464
470
  const rightClick = e.button === 2 && allowTooltip;
465
471
  setTooltip({ x: newX / scale, y: newY / scale, visible: rightClick });
466
472
  }
467
- if (makeSelection && ((_a = dataElementSelectionGroupRef.current) === null || _a === void 0 ? void 0 : _a.length) > 0 && e.button === 0) {
473
+ if (makeSelection &&
474
+ ((_a = dataElementSelectionGroupRef.current) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
475
+ e.button === 0 &&
476
+ !targetSelectionGroup) {
468
477
  const allTableInSelection = (_b = dataElementSelectionGroupRef.current) === null || _b === void 0 ? void 0 : _b.map((d) => d.id);
469
478
  const filterTableInSelection = componentProps === null || componentProps === void 0 ? void 0 : componentProps.filter((item) => {
470
479
  var _a, _b;
@@ -505,8 +514,12 @@ const LayerView = (props) => {
505
514
  }
506
515
  (_c = svg.querySelector("#selection-box-ghost")) === null || _c === void 0 ? void 0 : _c.remove();
507
516
  }
508
- if (makeSelection && ((_d = dataElementSelectionGroupRef.current) === null || _d === void 0 ? void 0 : _d.length) === 0) {
517
+ if (makeSelection &&
518
+ ((_d = dataElementSelectionGroupRef.current) === null || _d === void 0 ? void 0 : _d.length) === 0 &&
519
+ e.button === 0 &&
520
+ targetSelectionGroup) {
509
521
  (_e = svg.querySelector("#selection-box-ghost")) === null || _e === void 0 ? void 0 : _e.remove();
522
+ setSelectedLines(null);
510
523
  }
511
524
  setPanningGroup(false);
512
525
  tableGhost.current = null;
@@ -629,7 +642,16 @@ const LayerView = (props) => {
629
642
  const viewBox = isValidBoundingBox
630
643
  ? `${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)}`
631
644
  : "0 0 1000 1000";
632
- const renderedElements = useMemo(() => renderElements(componentsEditor, mappingKey, tableMatchKey, graph.connecting, groupSelection), [componentsEditor, mappingKey, tableMatchKey, statusKey, graph.connecting, groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.selection, groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.dataKey, groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.colorGroupSelection]);
645
+ const renderedElements = useMemo(() => renderElements(componentsEditor, mappingKey, tableMatchKey, graph.connecting, groupSelection), [
646
+ componentsEditor,
647
+ mappingKey,
648
+ tableMatchKey,
649
+ statusKey,
650
+ graph.connecting,
651
+ groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.selection,
652
+ groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.dataKey,
653
+ groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.colorGroupSelection,
654
+ ]);
633
655
  return (_jsxs("div", Object.assign({ className: "relative w-full h-full flex-1", ref: containerRef, style: { overflow: "auto", WebkitOverflowScrolling: "touch" } }, props.containerProps, { children: [loading && (_jsx("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", children: (loadingRender === null || loadingRender === void 0 ? void 0 : loadingRender.element) || _jsx(Spin, {}) })), _jsx(TransformWrapper, Object.assign({ ref: transformRef, disablePadding: true, centerZoomedOut: true, panning: { disabled: panningGroup, wheelPanning: true }, wheel: { disabled: false }, onTransformed: ({ state: { scale } }) => setScale(scale), minScale: 1, maxScale: 1000, initialScale: 1, smooth: true, centerOnInit: true }, props.transformProps, { children: _jsxs(TransformComponent, { wrapperStyle: { width: "100%", height: "100%" }, contentStyle: { width: "100%", height: "100%" }, children: [_jsxs("svg", Object.assign({ id: "workspace", ref: svgRef, width: "100%", height: "100%", overflow: "hidden", viewBox: viewBox, className: "h-full", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", onContextMenu: (e) => e.preventDefault(),
634
656
  // onDrop={(e) => handleTableEvent(e, "drop")}
635
657
  onPointerDown: handlePointerDown, onPointerUp: handleMouseUp, onMouseMove: (e) => graph.onMouseMove(e), onMouseUp: () => graph.onMouseUp(), onClick: (e) => {
package/dist/features/view-only-5/index.jsx CHANGED
@@ -26,8 +26,8 @@ const LayerView = (props) => {
26
26
  viewGraph: false,
27
27
  dragTable: false,
28
28
  selectNode: false,
29
- connectingNode: false
30
- }, onMakeSelection, groupSelection } = props;
29
+ connectingNode: false,
30
+ }, onMakeSelection, groupSelection, } = props;
31
31
  const widthTooltip = (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.minWidth) || 168;
32
32
  const tableGhost = useRef(null);
33
33
  const hoverUnderghostId = useRef(null);
@@ -61,7 +61,9 @@ const LayerView = (props) => {
61
61
  }));
62
62
  const dispatch = useAppDispatch();
63
63
  useEffect(() => {
64
- setTooltip(Object.assign(Object.assign({}, tooltip), { visible: tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.open }));
64
+ if (!(tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.open)) {
65
+ setTooltip(Object.assign(Object.assign({}, tooltip), { visible: false }));
66
+ }
65
67
  }, [tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.open]);
66
68
  useEffect(() => {
67
69
  if (!loading && (loadingRender === null || loadingRender === void 0 ? void 0 : loadingRender.state)) {
@@ -308,7 +310,10 @@ const LayerView = (props) => {
308
310
  return;
309
311
  }
310
312
  setPanningGroup(true);
311
- if (makeSelection && (props === null || props === void 0 ? void 0 : props.allowTooltip) && (tooltip === null || tooltip === void 0 ? void 0 : tooltip.visible)) {
313
+ if (makeSelection &&
314
+ (props === null || props === void 0 ? void 0 : props.allowTooltip) &&
315
+ (tooltip === null || tooltip === void 0 ? void 0 : tooltip.visible) &&
316
+ e.button !== 2) {
312
317
  setTooltip((prev) => (Object.assign(Object.assign({}, prev), { visible: false })));
313
318
  return;
314
319
  }
@@ -319,15 +324,16 @@ const LayerView = (props) => {
319
324
  : !((_b = props === null || props === void 0 ? void 0 : props.dragTableBlockKey) === null || _b === void 0 ? void 0 : _b.some((_) => {
320
325
  const dataRaw = originalData({ id: ghostId, type: "find" });
321
326
  return _.value === (dataRaw === null || dataRaw === void 0 ? void 0 : dataRaw[_.key]);
322
- }))) &&
323
- (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.dragTable);
327
+ }))) && (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.dragTable);
324
328
  if (ghostAttributes) {
325
329
  Object.keys(ghostAttributes).forEach((key) => ghost.setAttribute(key, ghostAttributes[key]));
326
330
  }
327
331
  if (allowedDrag) {
328
332
  (_c = e.dataTransfer) === null || _c === void 0 ? void 0 : _c.setData("application/json", JSON.stringify(ghostId));
329
333
  const dataRaw = originalData({ id: ghostId, type: "find" });
330
- (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.dragTable) && (props === null || props === void 0 ? void 0 : props.onDragTable) && props.onDragTable(e, dataRaw);
334
+ (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.dragTable) &&
335
+ (props === null || props === void 0 ? void 0 : props.onDragTable) &&
336
+ props.onDragTable(e, dataRaw);
331
337
  }
332
338
  ghost === null || ghost === void 0 ? void 0 : ghost.setAttribute("opacity", "0.5");
333
339
  ghost === null || ghost === void 0 ? void 0 : ghost.setAttribute("pointer-events", "none");
@@ -463,7 +469,10 @@ const LayerView = (props) => {
463
469
  const rightClick = e.button === 2 && allowTooltip;
464
470
  setTooltip({ x: newX / scale, y: newY / scale, visible: rightClick });
465
471
  }
466
- if (makeSelection && ((_a = dataElementSelectionGroupRef.current) === null || _a === void 0 ? void 0 : _a.length) > 0 && e.button === 0) {
472
+ if (makeSelection &&
473
+ ((_a = dataElementSelectionGroupRef.current) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
474
+ e.button === 0 &&
475
+ !targetSelectionGroup) {
467
476
  const allTableInSelection = (_b = dataElementSelectionGroupRef.current) === null || _b === void 0 ? void 0 : _b.map((d) => d.id);
468
477
  const filterTableInSelection = componentProps === null || componentProps === void 0 ? void 0 : componentProps.filter((item) => {
469
478
  var _a, _b;
@@ -504,8 +513,12 @@ const LayerView = (props) => {
504
513
  }
505
514
  (_c = svg.querySelector("#selection-box-ghost")) === null || _c === void 0 ? void 0 : _c.remove();
506
515
  }
507
- if (makeSelection && ((_d = dataElementSelectionGroupRef.current) === null || _d === void 0 ? void 0 : _d.length) === 0) {
516
+ if (makeSelection &&
517
+ ((_d = dataElementSelectionGroupRef.current) === null || _d === void 0 ? void 0 : _d.length) === 0 &&
518
+ e.button === 0 &&
519
+ targetSelectionGroup) {
508
520
  (_e = svg.querySelector("#selection-box-ghost")) === null || _e === void 0 ? void 0 : _e.remove();
521
+ setSelectedLines(null);
509
522
  }
510
523
  setPanningGroup(false);
511
524
  tableGhost.current = null;
@@ -628,7 +641,16 @@ const LayerView = (props) => {
628
641
  const viewBox = isValidBoundingBox
629
642
  ? `${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)}`
630
643
  : "0 0 1000 1000";
631
- const renderedElements = useMemo(() => renderElements(componentsEditor, mappingKey, tableMatchKey, graph.connecting, groupSelection), [componentsEditor, mappingKey, tableMatchKey, statusKey, graph.connecting, groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.selection, groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.dataKey, groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.colorGroupSelection]);
644
+ const renderedElements = useMemo(() => renderElements(componentsEditor, mappingKey, tableMatchKey, graph.connecting, groupSelection), [
645
+ componentsEditor,
646
+ mappingKey,
647
+ tableMatchKey,
648
+ statusKey,
649
+ graph.connecting,
650
+ groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.selection,
651
+ groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.dataKey,
652
+ groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.colorGroupSelection,
653
+ ]);
632
654
  return (<div className="relative w-full h-full flex-1" ref={containerRef} style={{ overflow: "auto", WebkitOverflowScrolling: "touch" }} {...props.containerProps}>
633
655
  {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">
634
656
  {(loadingRender === null || loadingRender === void 0 ? void 0 : loadingRender.element) || <Spin />}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "seat-editor",
3
- "version": "3.6.23",
3
+ "version": "3.6.25",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",