seat-editor 3.2.14 → 3.2.16

package/dist/components/layer-v4/index.jsx

@@ -12,7 +12,6 @@ const Layers = ({ components, selectedTable, iconTags, eventMatchTable, onHighli
         const renderTags = (data) => {
             const tags = data !== null && data !== void 0 ? data : tagsDummy("tes");
             const privileged = !isEmpty(privilegedTags) ? privilegedTags : isShowTagType === "type-1" ? PRIVILEGED_TAGS["CURRENT_TIME"] : isShowTagType === "type-2" ? PRIVILEGED_TAGS["NEXT_3_RESERVATION"] : undefined;
-            console.log({ privileged, privilegedTags });
             if (tags && (tags === null || tags === void 0 ? void 0 : tags.length) > 0) {
                 const gapBetweenTags = Number(gapTags || 20);
                 const defaultFontSize = Number(fontSize || 12);

package/dist/features/panel/panel-slice.d.ts

@@ -6,8 +6,10 @@ export interface PanelState {
     show: boolean;
     selectedGroup: any;
     selectionLines?: any;
+    loading?: boolean;
 }
 export declare const panelSlice: import("@reduxjs/toolkit").Slice<PanelState, {
+    setLoading: (state: import("immer").WritableDraft<PanelState>, action: PayloadAction<boolean>) => void;
     setSelectedComponent: (state: import("immer").WritableDraft<PanelState>, action: PayloadAction<any>) => void;
     setUnSelectedComponent: (state: import("immer").WritableDraft<PanelState>) => void;
     updateSelectedComponent: (state: import("immer").WritableDraft<PanelState>, action: PayloadAction<any>) => void;

package/dist/features/panel/panel-slice.js

@@ -6,11 +6,15 @@ const initialState = {
     show: false,
     selectedGroup: null,
     selectionLines: null,
+    loading: false,
 };
 export const panelSlice = createSlice({
     name: "panel",
     initialState,
     reducers: {
+        setLoading: (state, action) => {
+            state.loading = action.payload;
+        },
         setSelectedComponent: (state, action) => {
             state.selectedComponent = action.payload;
         },

package/dist/features/view-only-3/index.d.ts

@@ -78,6 +78,7 @@ export interface LayerViewProps<TMeta = undefined> {
         paddingBottom?: number;
     };
     disabled?: boolean;
+    loadingComponent?: React.JSX.Element;
 }
 declare const LayerView: <TMeta>(props: LayerViewProps<TMeta>) => React.JSX.Element;
 export default LayerView;

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

@@ -4,8 +4,9 @@ import { TransformWrapper, TransformComponent, } from "react-zoom-pan-pinch";
 import { useAppDispatch, useAppSelector } from "../../hooks/use-redux";
 import Layers from "../../components/layer-v4";
 import { getTranslate } from "../board-v3/utils";
+import { Spin } from "antd";
 const LayerView = (props) => {
-    const { componentProps, extraComponentProps, onSelectComponent, onCurrentStateChange, mappingKey, statusKey, defaultBackground, iconTags, tooltipProps, onRightClick, allowTooltip = true, tableMatchKey, eventMatchTable, ghostAttributes, onDrop, onSwitch, refs, privilegedTags, disabled } = props;
+    const { componentProps, extraComponentProps, onSelectComponent, onCurrentStateChange, mappingKey, statusKey, defaultBackground, iconTags, tooltipProps, onRightClick, allowTooltip = true, tableMatchKey, eventMatchTable, ghostAttributes, onDrop, onSwitch, refs, privilegedTags, disabled, loadingComponent, } = props;
     const widthTooltip = (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.minWidth) || 168;
     const tableGhost = useRef(null);
     const hoverUnderghostId = useRef(null);
@@ -24,6 +25,7 @@ const LayerView = (props) => {
     const [selectedTable, setSelectedTable] = useState(null);
     const { components: componentsEditor, extraComponents: extraComponentsEditor, } = useAppSelector((state) => state.board);
     const backgroundColor = useAppSelector((state) => state.board.backgroundColor);
+    const { loading } = useAppSelector((state) => state.panel);
     useImperativeHandle(refs, () => ({
         svgRef: svgRef === null || svgRef === void 0 ? void 0 : svgRef.current,
         transformRef: transformRef === null || transformRef === void 0 ? void 0 : transformRef.current,
@@ -36,6 +38,9 @@ const LayerView = (props) => {
     }));
     const dispatch = useAppDispatch();
     useEffect(() => {
+        if (!loading) {
+            dispatch({ type: "panel/setLoading", payload: true });
+        }
         if ((componentProps === null || componentProps === void 0 ? void 0 : componentProps.length) > 0) {
             dispatch({
                 type: "board/setNewComponents",
@@ -55,6 +60,9 @@ const LayerView = (props) => {
                 payload: defaultBackground,
             });
         }
+        setTimeout(() => {
+            dispatch({ type: "panel/setLoading", payload: true });
+        }, 1000);
     }, [componentProps, extraComponentProps, defaultBackground]);
     useEffect(() => {
         setTooltip(Object.assign(Object.assign({}, tooltip), { visible: false }));
@@ -517,6 +525,10 @@ const LayerView = (props) => {
             filter: disabled ? "grayscale(100%)" : "none",
             pointerEvents: disabled ? "none" : "auto",
         }} {...props.containerProps}>
+      {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">
+          {loadingComponent || <Spin />}
+        </div>)}
+
       {/* {isDragging?.current && (
           <div className="absolute bottom-1/2 left-1  flex gap-4 z-[10]">
             <button className="p-4 bg-gray-400">+</button>
@@ -548,7 +560,7 @@ const LayerView = (props) => {
             display: "block",
             pointerEvents: disabled ? "none" : "all",
             touchAction: "none",
-            userSelect: "none"
+            userSelect: "none",
         }} {...props.svgProps}>
             {hasBoundingBox && (<defs>
                 <clipPath id="contentCrop">

package/package.json

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