seat-editor 3.3.46 → 3.4.1

package/dist/features/panel/table-seat-square.js

@@ -1,9 +1,15 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Col, ColorPicker, Flex, Form, InputNumber, Row, } from "antd";
+import { Col, ColorPicker, Divider, Flex, Form, InputNumber, Row, } from "antd";
 import SectionLabel from "../../components/form-tools/label";
 import SectionShape from "../../components/form-tools/shape";
+import { useAppSelector } from "../../hooks/use-redux";
 const SeatSquare = () => {
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: "py-2", children: [_jsx("h1", { className: "heading-s", children: " Square table" }), _jsx(Flex, { className: "w-full", children: _jsx(Form.Item, { name: "openSpace", label: "Open Space", className: "w-full", children: _jsx(InputNumber, { max: 1, min: 0, step: 0.1 }) }) }), _jsxs(Row, { gutter: [16, 16], children: [_jsxs(Col, { span: 12, children: [_jsx(Form.Item, { name: ["seatPositions", "top"], label: "Top", className: "w-full", children: _jsx(InputNumber, { max: 100, min: 0, step: 1 }) }), _jsx(Form.Item, { name: ["seatPositions", "left"], label: "Left", className: "w-full", children: _jsx(InputNumber, { max: 100, min: 0, step: 1 }) })] }), _jsxs(Col, { span: 12, children: [_jsx(Form.Item, { name: ["seatPositions", "right"], label: "Right", className: "w-full", children: _jsx(InputNumber, { max: 100, min: 0, step: 1 }) }), _jsx(Form.Item, { name: ["seatPositions", "bottom"], label: "Bottom", className: "w-full", children: _jsx(InputNumber, { max: 100, min: 0, step: 1 }) })] })] }), _jsx(Flex, { gap: 2, children: _jsx(Form.Item, { label: "Seat Fill", name: "seatFill", getValueFromEvent: (color) => color.toHexString(), className: "w-full ", children: _jsx(ColorPicker, { allowClear: true, format: "hex", defaultFormat: "hex" }) }) }), _jsx(SectionShape, {}), _jsx(SectionLabel, {})] }) }));
+    const selectedComponent = useAppSelector((state) => state.panel.selectedComponent);
+    const seatKey = useAppSelector((state) => state.panel.seatDefaultKey);
+    const isSeatCustom = (selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.shape) === "table-seat-rect-circle";
+    const seatCountDefault = selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent[seatKey];
+    const disabled = seatCountDefault > 0;
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "py-2", children: [_jsx(SectionShape, {}), _jsx("h1", { className: "heading-s", children: "Section Seating" }), _jsx(Divider, { style: { margin: 4 } }), _jsx(Flex, { className: "w-full", children: _jsx(Form.Item, { name: "openSpace", label: "Open Space", className: "w-full", children: _jsx(InputNumber, { max: 100, min: 0, step: 10, suffix: "%", disabled: isSeatCustom }) }) }), _jsxs(Row, { gutter: [16, 16], children: [_jsxs(Col, { span: 12, children: [_jsx(Form.Item, { name: ["seatPositions", "top"], label: "Top", className: "w-full", children: _jsx(InputNumber, { min: 0, step: 1, disabled: disabled }) }), _jsx(Form.Item, { name: ["seatPositions", "left"], label: "Left", className: "w-full", children: _jsx(InputNumber, { min: 0, step: 1, disabled: disabled }) })] }), _jsxs(Col, { span: 12, children: [_jsx(Form.Item, { name: ["seatPositions", "right"], label: "Right", className: "w-full", children: _jsx(InputNumber, { min: 0, step: 1, disabled: disabled }) }), _jsx(Form.Item, { name: ["seatPositions", "bottom"], label: "Bottom", className: "w-full", children: _jsx(InputNumber, { min: 0, step: 1, disabled: disabled }) })] })] }), _jsx(Flex, { gap: 2, children: _jsx(Form.Item, { label: "Seat Fill", name: "seatFill", getValueFromEvent: (color) => color.toHexString(), className: "w-full ", children: _jsx(ColorPicker, { allowClear: true, format: "hex", defaultFormat: "hex" }) }) }), _jsx(SectionLabel, {})] }) }));
 };
 export default SeatSquare;

package/dist/features/panel/table-seat-square.jsx

@@ -1,31 +1,39 @@
 "use client";
-import { Col, ColorPicker, Flex, Form, InputNumber, Row, } from "antd";
+import { Col, ColorPicker, Divider, Flex, Form, InputNumber, Row, } from "antd";
 import SectionLabel from "../../components/form-tools/label";
 import SectionShape from "../../components/form-tools/shape";
+import { useAppSelector } from "../../hooks/use-redux";
 const SeatSquare = () => {
+    const selectedComponent = useAppSelector((state) => state.panel.selectedComponent);
+    const seatKey = useAppSelector((state) => state.panel.seatDefaultKey);
+    const isSeatCustom = (selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.shape) === "table-seat-rect-circle";
+    const seatCountDefault = selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent[seatKey];
+    const disabled = seatCountDefault > 0;
     return (<>
       <div className="py-2">
-        <h1 className="heading-s"> Square table</h1>
+        <SectionShape />
+        <h1 className="heading-s">Section Seating</h1>
+        <Divider style={{ margin: 4 }}/>
         <Flex className="w-full">
           <Form.Item name="openSpace" label="Open Space" className="w-full">
-            <InputNumber max={1} min={0} step={0.1}/>
+            <InputNumber max={100} min={0} step={10} suffix="%" disabled={isSeatCustom}/>
           </Form.Item>
         </Flex>
         <Row gutter={[16, 16]}>
           <Col span={12}>
             <Form.Item name={["seatPositions", "top"]} label="Top" className="w-full">
-               <InputNumber max={100} min={0} step={1}/>
+              <InputNumber min={0} step={1} disabled={disabled}/>
             </Form.Item>
             <Form.Item name={["seatPositions", "left"]} label="Left" className="w-full">
-               <InputNumber max={100} min={0} step={1}/>
+              <InputNumber min={0} step={1} disabled={disabled}/>
             </Form.Item>
           </Col>
           <Col span={12}>
             <Form.Item name={["seatPositions", "right"]} label="Right" className="w-full">
-               <InputNumber max={100} min={0} step={1}/>
+              <InputNumber min={0} step={1} disabled={disabled}/>
             </Form.Item>
             <Form.Item name={["seatPositions", "bottom"]} label="Bottom" className="w-full">
-               <InputNumber max={100} min={0} step={1}/>
+              <InputNumber min={0} step={1} disabled={disabled}/>
             </Form.Item>
           </Col>
         </Row>
@@ -43,7 +51,6 @@ const SeatSquare = () => {
           <ColorPicker allowClear format="hex" defaultFormat="hex" />
         </Form.Item> */}
         </Flex>
-        <SectionShape />
         <SectionLabel />
       </div>
     </>);

package/dist/features/panel/upload-tool.js

@@ -96,6 +96,8 @@ const UploadTool = ({ name, type, action, defaultValue, transform, }) => {
                                 type: "panel/setSelectedComponent",
                                 payload: defaultValue,
                             });
+                            dispatch({ type: "board/setFlagChange", payload: true });
+                            dispatch({ type: "board/setUpdateBy", payload: "global" });
                         }
                     }
                     // ⬇️ IF local upload
@@ -145,6 +147,6 @@ const UploadTool = ({ name, type, action, defaultValue, transform, }) => {
     const handleDelete = () => {
         setDefaultSrc(null);
     };
-    return (_jsxs(Form.Item, { label: "", name: "src", className: "w-full", children: [defaultSrc ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "w-full flex flex-col items-center gap-2 max-h-[200px] overflow-y-auto", children: _jsx(Image, { src: defaultSrc }) }), _jsx(Button, { type: "primary", onClick: handleDelete, children: "Edit" })] })) : (_jsx(Dragger, Object.assign({ beforeUpload: () => false }, propsUpload, { children: loading ? (_jsx("div", { className: "w-full flex flex-col items-center gap-2 max-h-[200px]", children: _jsx(LoadingOutlined, {}) })) : (_jsxs(_Fragment, { children: [_jsx("p", { className: "ant-upload-drag-icon", children: _jsx(InboxOutlined, {}) }), _jsx("p", { className: "ant-upload-text", children: "Click or drag file to this area to upload" }), _jsx("p", { className: "ant-upload-hint", children: "Support for a single or bulk upload. Strictly prohibited from uploading company data or other banned files." })] })) }))), defaultSrc && (_jsxs(_Fragment, { children: [_jsx(SectionShape, { allowChangeShape: type === "component" }), _jsx(SectionLabel, {})] }))] }));
+    return (_jsxs(Form.Item, { label: "", name: "src", className: "w-full", children: [defaultSrc ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "w-full flex flex-col items-center gap-2 max-h-[200px] overflow-y-auto", children: _jsx(Image, { src: defaultSrc }) }), _jsx(Button, { type: "primary", onClick: handleDelete, className: "w-full mt-4", children: "Edit" })] })) : (_jsx(Dragger, Object.assign({ beforeUpload: () => false }, propsUpload, { children: loading ? (_jsx("div", { className: "w-full flex flex-col items-center gap-2 max-h-[200px]", children: _jsx(LoadingOutlined, {}) })) : (_jsxs(_Fragment, { children: [_jsx("p", { className: "ant-upload-drag-icon", children: _jsx(InboxOutlined, {}) }), _jsx("p", { className: "ant-upload-text", children: "Click or drag file to this area to upload" }), _jsx("p", { className: "ant-upload-hint", children: "Support for a single or bulk upload. Strictly prohibited from uploading company data or other banned files." })] })) }))), (selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.id) && (_jsxs(_Fragment, { children: [_jsx(SectionShape, { allowChangeShape: type === "component" }), _jsx(SectionLabel, {})] }))] }));
 };
 export default UploadTool;

package/dist/features/panel/upload-tool.jsx

@@ -95,6 +95,8 @@ const UploadTool = ({ name, type, action, defaultValue, transform, }) => {
                                 type: "panel/setSelectedComponent",
                                 payload: defaultValue,
                             });
+                            dispatch({ type: "board/setFlagChange", payload: true });
+                            dispatch({ type: "board/setUpdateBy", payload: "global" });
                         }
                     }
                     // ⬇️ IF local upload
@@ -149,7 +151,7 @@ const UploadTool = ({ name, type, action, defaultValue, transform, }) => {
           <div className="w-full flex flex-col items-center gap-2 max-h-[200px] overflow-y-auto">
             <Image src={defaultSrc}/>
           </div>
-          <Button type="primary" onClick={handleDelete}>
+          <Button type="primary" onClick={handleDelete} className="w-full mt-4">
             Edit
           </Button>
         </>) : (<Dragger beforeUpload={() => false} {...propsUpload}>
@@ -168,7 +170,7 @@ const UploadTool = ({ name, type, action, defaultValue, transform, }) => {
               </p>
             </>)}
         </Dragger>)}
-      {defaultSrc && (<>
+      {(selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.id) && (<>
           <SectionShape allowChangeShape={type === "component"}/>
           <SectionLabel />
         </>)}

package/dist/features/panel/utils.d.ts

@@ -1,5 +1,11 @@
+import { PropertiesProps } from "../../dto/table";
 import { SeatShape } from "../../utils/constant";
 export declare const isSeatShape: (shape: string) => shape is SeatShape;
-export declare const getSeatCount: (shape: string, props: any) => any;
-export declare const getSeatPosition: (shape: string, props: any) => any;
+export declare const getSeatCount: (shape: string, props: PropertiesProps, defaultValue: number) => number;
+export declare const getSeatPosition: (shape: string, props: PropertiesProps, defaultValue: number) => {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
 export declare const adjustHeightWidthForSeatShape: (shape: string, props: any) => any;

package/dist/features/panel/utils.js

@@ -1,7 +1,7 @@
 import { SEAT_SHAPES } from "../../utils/constant";
 import { MIN_HEIGHT, MIN_WIDTH } from "../board-v3/constant";
 export const isSeatShape = (shape) => SEAT_SHAPES.includes(shape);
-export const getSeatCount = (shape, props) => {
+export const getSeatCount = (shape, props, defaultValue) => {
     // if (shape === "table-seat-circle") {
     //   if (props?.seatCount) {
     //     return props.seatCount;
@@ -10,32 +10,33 @@ export const getSeatCount = (shape, props) => {
     //     return top + bottom + left + right;
     //   }
     // }
-    return (props === null || props === void 0 ? void 0 : props.seatCount) || 0;
+    return (props === null || props === void 0 ? void 0 : props.seatCount) || defaultValue || 0;
 };
-export const getSeatPosition = (shape, props) => {
-    // if (shape === "table-seat-square" || shape === "table-seat-rect-square") {
-    //   if (props?.seatPositions) {
-    //     return props.seatPositions;
-    //   } else if (props?.seatCount) {
-    //     const totalSeat = props.seatCount;
-    //     const seatPerSide = Math.floor(totalSeat / 4);
-    //     return {
-    //       top: seatPerSide,
-    //       bottom: seatPerSide,
-    //       left: seatPerSide,
-    //       right: seatPerSide,
-    //     };
-    //   }
-    // }
-    if (shape === "table-seat-rect-circle") {
+export const getSeatPosition = (shape, props, defaultValue) => {
+    let seatCountDefault = defaultValue;
+    if (seatCountDefault === 0) {
         return {
-            top: 1,
-            bottom: 1,
-            left: 1,
-            right: 1,
+            top: 0,
+            bottom: 0,
+            left: 0,
+            right: 0,
         };
     }
-    return (props === null || props === void 0 ? void 0 : props.seatPositions) || { top: 0, bottom: 0, left: 0, right: 0 };
+    if (shape === "table-seat-rect-circle") {
+        if (seatCountDefault > 4) {
+            seatCountDefault = 4;
+        }
+        return (props === null || props === void 0 ? void 0 : props.seatPositions) &&
+            getTotalSeats(props === null || props === void 0 ? void 0 : props.seatPositions) <= seatCountDefault
+            ? normalizeSeatPosition(props === null || props === void 0 ? void 0 : props.seatPositions)
+            : distributeSeats(seatCountDefault);
+    }
+    console.log("seatCountDefault", props === null || props === void 0 ? void 0 : props.seatPositions);
+    if (getTotalSeats(props === null || props === void 0 ? void 0 : props.seatPositions) <= seatCountDefault && (getTotalSeats(props === null || props === void 0 ? void 0 : props.seatPositions) !== 0)) {
+        return props === null || props === void 0 ? void 0 : props.seatPositions;
+    }
+    console.log("seatCountDefault", seatCountDefault);
+    return distributeSeats(seatCountDefault);
 };
 export const adjustHeightWidthForSeatShape = (shape, props) => {
     if (shape === null || shape === void 0 ? void 0 : shape.includes("circle")) {
@@ -45,3 +46,39 @@ export const adjustHeightWidthForSeatShape = (shape, props) => {
     }
     return props;
 };
+function distributeSeats(seatCount) {
+    const base = Math.floor(seatCount / 4);
+    let remainder = seatCount % 4;
+    const result = {
+        top: base,
+        right: base,
+        bottom: base,
+        left: base,
+    };
+    const positions = ["top", "right", "bottom", "left"];
+    let index = 0;
+    while (remainder > 0) {
+        result[positions[index]] += 1;
+        remainder--;
+        index++;
+    }
+    return result;
+}
+function normalizeSeatPosition(input) {
+    const clamp = (value) => Math.max(0, Math.min(1, value));
+    return {
+        top: clamp(input.top),
+        right: clamp(input.right),
+        bottom: clamp(input.bottom),
+        left: clamp(input.left),
+    };
+}
+function getTotalSeats(position) {
+    const { top, right, bottom, left } = position || {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0,
+    };
+    return top + right + bottom + left;
+}

package/dist/features/side-tool/index.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Circle, CopyPlus, Eye, EyeOff, Image, Layers2, MousePointer, PaintBucket, Ratio, SquareMousePointer, Trash, Type, Upload, Hand, Layers, Grid, Lock, LockOpen, Undo2, Redo2, PenTool, Scan, } from "lucide-react";
+import { Circle, CopyPlus, Eye, EyeOff, Image, Layers2, MousePointer, PaintBucket, Ratio, SquareMousePointer, Trash, Type, Upload, Hand, Layers, Grid, Lock, LockOpen, Undo2, Redo2, PenTool, Scan, ScanEye, } from "lucide-react";
 import ButtonTools from "../../components/button-tools";
-import { Divider, ColorPicker, Button, message, } from "antd";
+import { Divider, ColorPicker, Button, message, Popover, Flex, } from "antd";
 import { useAppDispatch, useAppSelector } from "../../hooks/use-redux";
 import { useState } from "react";
 const SideTool = ({ dragOnly, deleteAutorized, }) => {
@@ -134,6 +134,11 @@ const SideTool = ({ dragOnly, deleteAutorized, }) => {
         dispatch({ type: "board/setFlagChange", payload: true });
     };
     const toogleSetLockBackground = () => {
+        dispatch({
+            type: "panel/setSelectedComponent",
+            payload: null,
+        });
+        dispatch({ type: "board/setFlagChange", payload: true });
         dispatch({
             type: "tool/setToogleBackground",
             payload: !lockBackground,
@@ -197,6 +202,7 @@ const SideTool = ({ dragOnly, deleteAutorized, }) => {
             payload: null,
         });
         dispatch({ type: "board/setFlagChange", payload: true });
+        dispatch({ type: "board/setUpdateBy", payload: "global" });
     };
     const handleDuplicateComponent = () => {
         const newComponent = Object.assign(Object.assign({}, selectedComponent), { x: selectedComponent.x + 20, y: selectedComponent.y + 20, id: Date.now() });
@@ -324,7 +330,7 @@ const SideTool = ({ dragOnly, deleteAutorized, }) => {
                     content: _jsx("div", { children: tool.name }),
                     trigger: "hover",
                     placement: "right",
-                }, items: [] }, tool.id))), _jsx(ColorPicker, { value: color, onChange: handleChangeColorBackground, children: _jsx(Button, { icon: _jsx(PaintBucket, {}), type: "text", name: "Background Color", onClick: () => hanldeSelectTool("background-color"), style: active === "background-color" ? { color: "red" } : {} }) }), _jsx(Button, { icon: _jsx(Scan, {}), type: "text", name: "Bounding Box", onClick: () => hanldeSelectTool("bounding-box"), style: active === "bounding-box" ? { color: "red" } : {} }), _jsx(Button, { icon: preview ? _jsx(EyeOff, {}) : _jsx(Eye, {}), type: "text", name: "Preview", onClick: handleOpenModalPreview, style: active === "preview" ? { color: "red" } : {} }), _jsx(Button, { icon: _jsx(Grid, {}), type: "text", name: "Grid", onClick: () => toggleGrid() }), _jsx(ButtonTools, { buttonProps: {
+                }, items: [] }, tool.id))), _jsx(ColorPicker, { value: color, onChange: handleChangeColorBackground, children: _jsx(Button, { icon: _jsx(PaintBucket, {}), type: "text", name: "Background Color", onClick: () => hanldeSelectTool("background-color"), style: active === "background-color" ? { color: "red" } : {} }) }), _jsx(Popover, { trigger: "hover", placement: "right", content: _jsxs(Flex, { vertical: true, children: [_jsx(Button, { icon: _jsx(Scan, {}), type: "text", name: "Bounding Box", onClick: () => hanldeSelectTool("bounding-box"), style: active === "bounding-box" ? { color: "red" } : {} }), _jsx(Button, { icon: preview ? _jsx(EyeOff, {}) : _jsx(Eye, {}), type: "text", name: "Preview", onClick: handleOpenModalPreview, style: active === "preview" ? { color: "red" } : {} })] }), children: _jsx(Button, { icon: _jsx(ScanEye, {}), type: "text" }) }), _jsx(Button, { icon: _jsx(Grid, {}), type: "text", name: "Grid", onClick: () => toggleGrid() }), _jsx(ButtonTools, { buttonProps: {
                     onClick: () => handleRemoveComponent(),
                     icon: _jsx(Trash, {}),
                     type: "text",

package/dist/features/side-tool/index.jsx

@@ -1,7 +1,7 @@
 "use client";
-import { Circle, CopyPlus, Eye, EyeOff, Image, Layers2, MousePointer, PaintBucket, Ratio, SquareMousePointer, Trash, Type, Upload, Hand, Layers, Grid, Lock, LockOpen, Undo2, Redo2, PenTool, Scan, } from "lucide-react";
+import { Circle, CopyPlus, Eye, EyeOff, Image, Layers2, MousePointer, PaintBucket, Ratio, SquareMousePointer, Trash, Type, Upload, Hand, Layers, Grid, Lock, LockOpen, Undo2, Redo2, PenTool, Scan, ScanEye, } from "lucide-react";
 import ButtonTools from "../../components/button-tools";
-import { Divider, ColorPicker, Button, message, } from "antd";
+import { Divider, ColorPicker, Button, message, Popover, Flex, } from "antd";
 import { useAppDispatch, useAppSelector } from "../../hooks/use-redux";
 import { useState } from "react";
 const SideTool = ({ dragOnly, deleteAutorized, }) => {
@@ -133,6 +133,11 @@ const SideTool = ({ dragOnly, deleteAutorized, }) => {
         dispatch({ type: "board/setFlagChange", payload: true });
     };
     const toogleSetLockBackground = () => {
+        dispatch({
+            type: "panel/setSelectedComponent",
+            payload: null,
+        });
+        dispatch({ type: "board/setFlagChange", payload: true });
         dispatch({
             type: "tool/setToogleBackground",
             payload: !lockBackground,
@@ -196,6 +201,7 @@ const SideTool = ({ dragOnly, deleteAutorized, }) => {
             payload: null,
         });
         dispatch({ type: "board/setFlagChange", payload: true });
+        dispatch({ type: "board/setUpdateBy", payload: "global" });
     };
     const handleDuplicateComponent = () => {
         const newComponent = Object.assign(Object.assign({}, selectedComponent), { x: selectedComponent.x + 20, y: selectedComponent.y + 20, id: Date.now() });
@@ -340,8 +346,14 @@ const SideTool = ({ dragOnly, deleteAutorized, }) => {
       <ColorPicker value={color} onChange={handleChangeColorBackground}>
         <Button icon={<PaintBucket />} type="text" name="Background Color" onClick={() => hanldeSelectTool("background-color")} style={active === "background-color" ? { color: "red" } : {}}/>
       </ColorPicker>
-      <Button icon={<Scan />} type="text" name="Bounding Box" onClick={() => hanldeSelectTool("bounding-box")} style={active === "bounding-box" ? { color: "red" } : {}}/>
-      <Button icon={preview ? <EyeOff /> : <Eye />} type="text" name="Preview" onClick={handleOpenModalPreview} style={active === "preview" ? { color: "red" } : {}}/>
+
+      <Popover trigger={"hover"} placement="right" content={<Flex vertical>
+            <Button icon={<Scan />} type="text" name="Bounding Box" onClick={() => hanldeSelectTool("bounding-box")} style={active === "bounding-box" ? { color: "red" } : {}}/>
+            <Button icon={preview ? <EyeOff /> : <Eye />} type="text" name="Preview" onClick={handleOpenModalPreview} style={active === "preview" ? { color: "red" } : {}}/>
+          </Flex>}>
+        <Button icon={<ScanEye />} type="text"/>
+      </Popover>
+
       <Button icon={<Grid />} type="text" name="Grid" onClick={() => toggleGrid()}/>
       <ButtonTools buttonProps={{
             onClick: () => handleRemoveComponent(),

package/dist/features/view-only-2/index.js

@@ -89,9 +89,11 @@ const LayerView = (props) => {
             payload: defaultBoundingBox,
         });
         // }
-        setTimeout(() => {
-            dispatch({ type: "panel/setLoading", payload: false });
-        }, 1000);
+        if (loading) {
+            setTimeout(() => {
+                dispatch({ type: "panel/setLoading", payload: false });
+            }, 1000);
+        }
     }, [
         componentProps,
         extraComponentProps,
@@ -325,7 +327,7 @@ const LayerView = (props) => {
             : !((_a = props === null || props === void 0 ? void 0 : props.dragTableBlockKey) === null || _a === void 0 ? void 0 : _a.some((_) => {
                 const dataRaw = originalData({ id: ghostId, type: "find" });
                 return _.value === (dataRaw === null || dataRaw === void 0 ? void 0 : dataRaw[_.key]);
-            }))) && !(actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.switch);
+            }))) && ((actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.move) && (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.switch));
         if (ghostAttributes) {
             Object.keys(ghostAttributes).forEach((key) => {
                 ghost.setAttribute(key, ghostAttributes[key]);

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

@@ -88,9 +88,11 @@ const LayerView = (props) => {
             payload: defaultBoundingBox,
         });
         // }
-        setTimeout(() => {
-            dispatch({ type: "panel/setLoading", payload: false });
-        }, 1000);
+        if (loading) {
+            setTimeout(() => {
+                dispatch({ type: "panel/setLoading", payload: false });
+            }, 1000);
+        }
     }, [
         componentProps,
         extraComponentProps,

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

@@ -90,9 +90,11 @@ const LayerView = (props) => {
             payload: defaultBoundingBox,
         });
         // }
-        setTimeout(() => {
-            dispatch({ type: "panel/setLoading", payload: false });
-        }, 1000);
+        if (loading) {
+            setTimeout(() => {
+                dispatch({ type: "panel/setLoading", payload: false });
+            }, 1000);
+        }
     }, [
         componentProps,
         extraComponentProps,
@@ -326,7 +328,7 @@ const LayerView = (props) => {
             : !((_a = props === null || props === void 0 ? void 0 : props.dragTableBlockKey) === null || _a === void 0 ? void 0 : _a.some((_) => {
                 const dataRaw = originalData({ id: ghostId, type: "find" });
                 return _.value === (dataRaw === null || dataRaw === void 0 ? void 0 : dataRaw[_.key]);
-            }))) && !(actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.switch);
+            }))) && ((actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.move) && (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.switch));
         if (ghostAttributes) {
             Object.keys(ghostAttributes).forEach((key) => {
                 ghost.setAttribute(key, ghostAttributes[key]);
@@ -433,7 +435,7 @@ const LayerView = (props) => {
             }
             if (isDragging.current && hasMoved && allowedDrag) {
                 // drag between group
-                console.log("drag between group");
+                // console.log("drag between group");
                 const dataHoveredGhost = hoverUnderghostId.current;
                 const sourceTable = JSON.parse(targetGroup.getAttribute("data-id") || "{}");
                 const data = {

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

@@ -89,9 +89,11 @@ const LayerView = (props) => {
             payload: defaultBoundingBox,
         });
         // }
-        setTimeout(() => {
-            dispatch({ type: "panel/setLoading", payload: false });
-        }, 1000);
+        if (loading) {
+            setTimeout(() => {
+                dispatch({ type: "panel/setLoading", payload: false });
+            }, 1000);
+        }
     }, [
         componentProps,
         extraComponentProps,
@@ -300,7 +302,7 @@ const LayerView = (props) => {
         return { x: transformed.x, y: transformed.y };
     };
     const handlePointerDown = (e) => {
-        var _a, _b;
+        var _a;
         const svg = svgRef.current;
         if (!e.isPrimary)
             return;
@@ -326,10 +328,6 @@ const LayerView = (props) => {
                 const dataRaw = originalData({ id: ghostId, type: "find" });
                 return _.value === (dataRaw === null || dataRaw === void 0 ? void 0 : dataRaw[_.key]);
             }))) && ((actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.move) && (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.switch));
-        console.log({ allowedDrag }, !((_b = props === null || props === void 0 ? void 0 : props.dragTableBlockKey) === null || _b === void 0 ? void 0 : _b.some((_) => {
-            const dataRaw = originalData({ id: ghostId, type: "find" });
-            return _.value === (dataRaw === null || dataRaw === void 0 ? void 0 : dataRaw[_.key]);
-        })), ((actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.move) && (actionPrivileged === null || actionPrivileged === void 0 ? void 0 : actionPrivileged.switch)));
         if (ghostAttributes) {
             Object.keys(ghostAttributes).forEach((key) => {
                 ghost.setAttribute(key, ghostAttributes[key]);
@@ -436,7 +434,7 @@ const LayerView = (props) => {
             }
             if (isDragging.current && hasMoved && allowedDrag) {
                 // drag between group
-                console.log("drag between group");
+                // console.log("drag between group");
                 const dataHoveredGhost = hoverUnderghostId.current;
                 const sourceTable = JSON.parse(targetGroup.getAttribute("data-id") || "{}");
                 const data = {

package/package.json

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