seat-editor 3.3.32 → 3.3.34

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

@@ -1575,6 +1575,7 @@ const BoardTemplate = ({ refs, loadingRender }) => {
                 "table-seat-circle",
                 "table-seat-square",
                 "bounding-box",
+                ""
             ].includes(activeTool),
         }} 
     // centerZoomedOut={true}

package/dist/features/package/index.jsx

@@ -13,6 +13,7 @@ const TableEditor = (props) => {
     const { componentProps, extraComponentProps, onCurrentStateChange, dragOnly, mappingKey, viewOnly, deleteAutorized, refs, loadingRender, } = props;
     const { components, extraComponents, backgroundColor, boundingBox } = useAppSelector((state) => state.board);
     const { loading } = useAppSelector((state) => state.panel);
+    const { isPreview } = useAppSelector((state) => state.tool);
     const dispatch = useAppDispatch();
     const refsBoard = useRef(null);
     useImperativeHandle(refs, () => {
@@ -73,10 +74,11 @@ const TableEditor = (props) => {
     useEffect(() => {
         if (!isEqual(components, convertComponentProps()) ||
             !isEqual(extraComponents, extraComponentProps) ||
-            !isEqual(backgroundColor, props === null || props === void 0 ? void 0 : props.defaultBackground)) {
+            !isEqual(backgroundColor, props === null || props === void 0 ? void 0 : props.defaultBackground) ||
+            !isEqual(boundingBox, props === null || props === void 0 ? void 0 : props.defaultBoundingBox)) {
             onCurrentStateChange && onUpdateCurrentState();
         }
-    }, [components, extraComponents, backgroundColor]);
+    }, [components, extraComponents, backgroundColor, boundingBox]);
     const convertComponentProps = () => {
         let mappingData = componentProps === null || componentProps === void 0 ? void 0 : componentProps.map((item) => {
             if (item && mappingKey && (item === null || item === void 0 ? void 0 : item[mappingKey])) {
@@ -163,7 +165,7 @@ const TableEditor = (props) => {
         {viewOnly ? (<div className="w-full h-full flex relative">
             <LayerView key={`${viewOnly}`} statusKey="status" loadingRender={props === null || props === void 0 ? void 0 : props.loadingRender}/>
           </div>) : (<div key={`${viewOnly}`} className="w-full h-full flex relative">
-            {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">
+            {(loading && !isPreview) && (<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">
                 {(loadingRender === null || loadingRender === void 0 ? void 0 : loadingRender.element) || <Spin />}
               </div>)}
             <SideTool dragOnly={dragOnly} deleteAutorized={deleteAutorized}/>

package/package.json

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