seat-editor 3.1.3 → 3.1.5-ck

package/dist/features/board-v3/index.d.ts

@@ -1,3 +1,12 @@
 import React from "react";
-declare const BoardTemplate: () => React.JSX.Element;
+import { ReactZoomPanPinchRef } from "react-zoom-pan-pinch";
+export type RefsType = {
+    svgRef: SVGSVGElement | null;
+    transformRef: ReactZoomPanPinchRef | null;
+    containerRef: HTMLDivElement | null;
+};
+interface BoardTemplateProps {
+    refs?: React.ForwardedRef<RefsType>;
+}
+declare const BoardTemplate: ({ refs }: BoardTemplateProps) => React.JSX.Element;
 export default BoardTemplate;

package/dist/features/board-v3/index.jsx

@@ -1,5 +1,5 @@
 "use client";
-import React, { useEffect, useRef, useState } from "react";
+import React, { useEffect, useImperativeHandle, useRef, useState } from "react";
 import { TransformWrapper, TransformComponent, } from "react-zoom-pan-pinch";
 import { useAppSelector, useAppDispatch } from "../../hooks/use-redux";
 import Layers from "../../components/layer-v3";
@@ -14,7 +14,7 @@ import { applyResizeToSvgElement, arrayToSvgPointsAttr, createTableGhost, getGlo
 const toolElement = ["square", "circle", "table-seat-circle"];
 const idSelectionBoxGhost = "selection-box-ghost";
 const nameShapeSelectionBoxGhost = "selection-box";
-const BoardTemplate = () => {
+const BoardTemplate = ({ refs }) => {
     const dispatch = useAppDispatch();
     const backgroundColor = useAppSelector((state) => state.board.backgroundColor);
     const selectedComponentProps = useAppSelector((state) => state.panel.selectedComponent);
@@ -25,6 +25,11 @@ const BoardTemplate = () => {
     const svgRef = useRef(null);
     const containerRef = useRef(null);
     const releaseGroupRef = useRef(false);
+    useImperativeHandle(refs, () => ({
+        svgRef: svgRef === null || svgRef === void 0 ? void 0 : svgRef.current,
+        transformRef: transformRef === null || transformRef === void 0 ? void 0 : transformRef.current,
+        containerRef: containerRef === null || containerRef === void 0 ? void 0 : containerRef.current,
+    }));
     const widthBoardRef = useRef(20000);
     const heightBoardRef = useRef(20000);
     const widthBoard = widthBoardRef.current;

package/dist/features/package/index.d.ts

@@ -1,3 +1,4 @@
+import { RefsType } from "../board-v3";
 import { PropertiesProps } from "@/dto/table";
 import { UploadFile } from "antd";
 export interface TableEditorProps {
@@ -32,6 +33,7 @@ export interface TableEditorProps {
         component: boolean;
         extraComponent: boolean;
     };
+    refs?: React.RefObject<RefsType>;
 }
 declare const TableEditor: (props: TableEditorProps) => import("react").JSX.Element;
 export default TableEditor;

package/dist/features/package/index.jsx

@@ -8,7 +8,7 @@ import { isEqual } from "lodash";
 import LayerView from "../view-only";
 const TableEditor = (props) => {
     const [initialValue, setInitialValue] = useState(null);
-    const { componentProps, extraComponentProps, onCurrentStateChange, dragOnly, mappingKey, viewOnly, deleteAutorized } = props;
+    const { componentProps, extraComponentProps, onCurrentStateChange, dragOnly, mappingKey, viewOnly, deleteAutorized, refs } = props;
     const { components, extraComponents, backgroundColor } = useAppSelector((state) => state.board);
     const dispatch = useAppDispatch();
     useEffect(() => {
@@ -105,7 +105,7 @@ const TableEditor = (props) => {
             display: viewOnly ? "none" : "flex",
         }}>
           <SideTool dragOnly={dragOnly} deleteAutorized={deleteAutorized}/>
-          <Board />
+          <Board refs={refs}/>
           <ControlPanels action={props.action} responseMapping={props.responseMapping}/>
         </div>
       </div>

package/dist/features/panel/index.jsx

@@ -21,7 +21,7 @@ import { debounce } from "lodash";
 import clsx from "clsx";
 import { getAttributeElement } from "../board-v3/resize-element";
 import { applyResizeToSvgElement, getGlobalBBox, updateSelectionBox, } from "../board-v3/utils";
-import { SEAT_SHAPES } from "@/utils/constant";
+import { SEAT_SHAPES } from "../../utils/constant";
 import { adjustHeightWidthForSeatShape, getSeatCount, getSeatPosition, isSeatShape, } from "./utils";
 import SeatSquare from "./table-seat-square";
 const ControlPanels = (props) => {

package/package.json

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