seat-editor 1.2.2 → 1.2.4

package/dist/components/input/number-indicator.jsx

@@ -1,36 +0,0 @@
-"use client";
-import { useState, useEffect } from "react";
-import { Input, Button, Flex, Form } from "antd";
-import { ArrowRight, ArrowLeft } from "lucide-react";
-const NumberIndicator = ({ name, defaultValue, onChange }) => {
-    const [value, setValue] = useState(0);
-    const form = Form.useFormInstance();
-    useEffect(() => {
-        if (defaultValue) {
-            setValue(defaultValue);
-            form.setFieldsValue({ [name]: defaultValue });
-        }
-    }, [defaultValue]);
-    const handlePrev = () => {
-        setValue(value - 1);
-        form.setFieldsValue({ [name]: value - 1 });
-        onChange(value - 1);
-    };
-    const handleNext = () => {
-        setValue(value + 1);
-        form.setFieldsValue({ [name]: value + 1 });
-        onChange(value + 1);
-    };
-    return (<Flex gap={2}>
-      <Button onClick={handlePrev}>
-        <ArrowLeft />
-      </Button>
-      <Form.Item name={name} noStyle>
-      <Input className="flex text-center" type="number" value={value} name={name} onChange={(e) => setValue(parseInt(e.target.value))}/>
-      </Form.Item>
-      <Button onClick={handleNext}>
-        <ArrowRight />
-      </Button>
-    </Flex>);
-};
-export default NumberIndicator;

package/dist/components/lib/index.jsx

@@ -1,33 +0,0 @@
-"use client";
-import { useEffect } from "react";
-import Board from "../../features/board";
-import SideTool from "../../features/side-tool";
-import ControlPanels from "../../features/panel";
-import LayerView from "../../features/view";
-import { useAppDispatch } from "../../hooks/use-redux";
-const TableEditor = ({ componentProps = [], extraComponentProps = [], }) => {
-    const dispatch = useAppDispatch();
-    useEffect(() => {
-        if (componentProps.length > 0) {
-            dispatch({
-                type: "board/setNewComponents",
-                payload: componentProps,
-            });
-        }
-        if (extraComponentProps.length > 0) {
-            dispatch({
-                type: "board/setNewExtraComponent",
-                payload: extraComponentProps,
-            });
-        }
-    }, [componentProps, extraComponentProps]);
-    return (<>
-      <div className="w-full h-screen flex relative">
-        <SideTool />
-        <Board />
-        <ControlPanels />
-      </div>
-    </>);
-};
-export default TableEditor;
-export { LayerView };

package/dist/components/modal-preview/index.d.ts

@@ -1,4 +0,0 @@
-declare const ModalPreview: ({ children }: {
-    children: React.ReactNode;
-}) => import("react").JSX.Element;
-export default ModalPreview;

package/dist/components/modal-preview/index.jsx

@@ -1,11 +0,0 @@
-"use client";
-import { Modal } from "antd";
-import { useAppSelector, useAppDispatch } from "../../hooks/use-redux";
-const ModalPreview = ({ children }) => {
-    const { isPreview } = useAppSelector((state) => state.tool);
-    const dispatch = useAppDispatch();
-    return (<Modal open={isPreview} onCancel={() => dispatch({ type: "tool/setTooglePreview", payload: false })} width={700} title="Preview Board" centered footer={null}>
-      <div className="flex flex-col p-4 h-[500px]">{children}</div>
-    </Modal>);
-};
-export default ModalPreview;

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

@@ -1,12 +0,0 @@
-export interface Component {
-    id: string;
-    [key: string]: any;
-}
-export interface InitialState {
-    components: Component[];
-    backgroundColor: string;
-    extraComponents: Component[];
-}
-export declare const addComponent: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "board/addComponent">, removeComponent: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "board/removeComponent">, updateComponent: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "board/updateComponent">, setBackgroundColor: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "board/setBackgroundColor">;
-declare const _default: import("redux").Reducer<InitialState>;
-export default _default;

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

@@ -1,44 +0,0 @@
-import { createSlice } from "@reduxjs/toolkit";
-const initialState = {
-    components: [],
-    backgroundColor: "#000000",
-    extraComponents: []
-};
-const boardSlice = createSlice({
-    name: "board",
-    initialState,
-    reducers: {
-        addComponent: (state, action) => {
-            state.components.push(action.payload);
-        },
-        removeComponent: (state, action) => {
-            state.components = state.components.filter((component) => component.id !== action.payload.id);
-        },
-        updateComponent: (state, action) => {
-            const index = state.components.findIndex((component) => component.id === action.payload.id);
-            const indexExtra = state.extraComponents.findIndex((extraComponent) => extraComponent.id === action.payload.id);
-            if (index !== -1) {
-                // Update component biasa
-                state.components[index] = Object.assign(Object.assign({}, state.components[index]), action.payload);
-            }
-            else if (indexExtra !== -1) {
-                // Update extraComponent
-                state.extraComponents[indexExtra] = Object.assign(Object.assign({}, state.extraComponents[indexExtra]), action.payload);
-            }
-        },
-        setBackgroundColor: (state, action) => {
-            state.backgroundColor = action.payload;
-        },
-        setNewComponents: (state, action) => {
-            state.components = action.payload;
-        },
-        setNewExtraComponents: (state, action) => {
-            state.extraComponents = action.payload;
-        },
-        setExtraComponent: (state, action) => {
-            state.extraComponents.push(action.payload);
-        },
-    },
-});
-export const { addComponent, removeComponent, updateComponent, setBackgroundColor } = boardSlice.actions;
-export default boardSlice.reducer;

package/dist/features/board/index.jsx

@@ -1,290 +0,0 @@
-"use client";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { TransformWrapper, TransformComponent, } from "react-zoom-pan-pinch";
-import { useAppSelector, useAppDispatch } from "../../hooks/use-redux";
-import Layers from "../../components/layer";
-import { throttle } from "lodash";
-import ModalPreview from "../../components/modal-preview";
-import LayerView from "../view";
-const BoardTemplate = ({ onSelectComponent }) => {
-    const dispatch = useAppDispatch();
-    const transformRef = useRef(null);
-    const containerRef = useRef(null);
-    const [widthBoard, setWidthBoard] = useState(0);
-    const [heightBoard, setHeightBoard] = useState(0);
-    const svgRef = useRef(null);
-    const [shadowShape, setShadowShape] = useState([]);
-    const [startPoint, setStartPoint] = useState(null);
-    const [dragOffset, setDragOffset] = useState({ x: 0, y: 0 });
-    const [moveComponent, setMoveComponent] = useState(false);
-    const [scale, setScale] = useState(1);
-    const activeTool = useAppSelector((state) => state.tool.active);
-    const { components, extraComponents } = useAppSelector((state) => state.board);
-    const backgroundColor = useAppSelector((state) => state.board.backgroundColor);
-    const selectedComponent = useAppSelector((state) => state.panel.selectedComponent);
-    // useEffect(() => {
-    //   const handleKeyDown = (event: KeyboardEvent) => {
-    //     if (event.key === 'Backspace' && selectedComponent) {
-    //         dispatch({
-    //           type:"board/removeComponent",
-    //           payload:selectedComponent
-    //         })
-    //         dispatch({
-    //           type:"panel/setUnSelectedComponent",
-    //         })
-    //     }
-    //   };
-    //   window.addEventListener('keydown', handleKeyDown);
-    //   return () => {
-    //     window.removeEventListener('keydown', handleKeyDown);
-    //   };
-    // }, [selectedComponent]);
-    const handleAddComponent = (shape) => {
-        dispatch({
-            type: activeTool === "text"
-                ? "board/setExtraComponent"
-                : "board/addComponent",
-            payload: Object.assign(Object.assign({}, shape), { fill: "#4A90E2" }),
-        });
-    };
-    const handleUpdateComponent = () => {
-        if (!selectedComponent)
-            return;
-        dispatch({
-            type: "board/updateComponent",
-            payload: Object.assign({}, (typeof selectedComponent === "object" && selectedComponent !== null
-                ? selectedComponent
-                : {})),
-        });
-    };
-    const getSvgCoords = (e) => {
-        var _a;
-        const svg = svgRef.current;
-        const point = svg.createSVGPoint();
-        point.x = e.clientX;
-        point.y = e.clientY;
-        const transformed = point.matrixTransform((_a = svg.getScreenCTM()) === null || _a === void 0 ? void 0 : _a.inverse());
-        return { x: transformed.x, y: transformed.y };
-    };
-    const createShape = (x, y, fill) => ({
-        x,
-        y,
-        width: 50,
-        height: 50,
-        shape: activeTool,
-        id: Date.now(),
-        fill,
-        rotation: activeTool === "diamond" ? 45 : 0,
-        seatCount: activeTool === "table-seat-circle" ? 6 : 0,
-        openSpace: activeTool === "table-seat-circle" ? 0 : undefined,
-        seatFill: activeTool === "table-seat-circle" ? "#DADADA" : undefined,
-        text: activeTool === "text" ? "Text" : "",
-        fontColor: activeTool === "text" ? "#DADADA" : undefined,
-    });
-    // console.log({ moveComponent})
-    const handleMouseDown = (e, item) => {
-        // console.log(" mouse down", item);
-        // if (!isEmpty(item)) {
-        //   handleSelectComponent(item);
-        // }
-        if (activeTool === "select") {
-            if (e) {
-                dispatch({ type: "panel/setShow", payload: false });
-                setMoveComponent(true);
-                dispatch({ type: "panel/setSelectedComponent", payload: item });
-                const rectBox = (e === null || e === void 0 ? void 0 : e.target).getBoundingClientRect();
-                setDragOffset({
-                    x: e.clientX - rectBox.left,
-                    y: e.clientY - rectBox.top,
-                });
-                // dispatch({ type: "panel/setShow" , payload: false });
-            }
-        }
-    };
-    const handleMouseUp = () => {
-        if (activeTool === "select") {
-            setMoveComponent(false);
-            dispatch({ type: "panel/setShow", payload: false });
-        }
-    };
-    const handleMouseEnter = () => {
-        if (![
-            "square",
-            "circle",
-            "diamond",
-            "table-seat-circle",
-            "table-seat-square",
-            "text",
-        ].includes(activeTool))
-            return;
-    };
-    const handleMouseLeave = () => {
-        if (![
-            "square",
-            "circle",
-            "diamond",
-            "table-seat-circle",
-            "table-seat-square",
-            "text",
-        ].includes(activeTool))
-            return;
-        setShadowShape([]);
-    };
-    const handleMouseClick = (e) => {
-        if (![
-            "square",
-            "circle",
-            "diamond",
-            "table-seat-circle",
-            "table-seat-square",
-            "text",
-        ].includes(activeTool))
-            return;
-        const { x, y } = getSvgCoords(event);
-        setStartPoint({ x, y });
-        handleAddComponent(createShape(x, y, "#4A90E2"));
-    };
-    const throttledDispatch = useCallback(throttle((component) => {
-        dispatch({
-            type: "board/updateComponent",
-            payload: component,
-        });
-    }, 16), // 16ms ≈ 60fps
-    [dispatch]);
-    const handleMouseMove = (e) => {
-        if ([
-            "square",
-            "circle",
-            "diamond",
-            "table-seat-circle",
-            "table-seat-square",
-            "text",
-        ].includes(activeTool)) {
-            const { x, y } = getSvgCoords(event);
-            setShadowShape([createShape(x, y, "white")]);
-            return;
-        }
-        if (activeTool === "select" &&
-            selectedComponent &&
-            moveComponent &&
-            dragOffset) {
-            const workspaceRect = e.currentTarget.getBoundingClientRect();
-            const newX = e.clientX - workspaceRect.left - dragOffset.x;
-            const newY = e.clientY - workspaceRect.top - dragOffset.y;
-            let newPosition = {
-                x: newX,
-                y: newY,
-            };
-            throttledDispatch(Object.assign(Object.assign({}, (typeof selectedComponent === "object" && selectedComponent !== null
-                ? selectedComponent
-                : {})), { x: newPosition.x, y: newPosition.y }));
-            // dispatch({
-            //   type: "board/updateComponent",
-            //   payload: {
-            //     ...(typeof selectedComponent === "object" &&
-            //     selectedComponent !== null
-            //       ? selectedComponent
-            //       : {}),
-            //     x: newPosition.x,
-            //     y: newPosition.y,
-            //   },
-            // });
-            return;
-        }
-    };
-    // if (activeTool === "table-seat-circle") {
-    //   shape = {
-    //     x: Math.min(x, startPoint.x),
-    //     y: Math.min(y, startPoint.y),
-    //     width: Math.abs(x - startPoint.x),
-    //     height: Math.abs(y - startPoint.y),
-    //     shape: activeTool,
-    //     id: Date.now(),
-    //     fill: "#4A90E2",
-    //     seats: 6,
-    //   };
-    // }
-    // if (activeTool === "text") {
-    //   shape = {
-    //     x: Math.min(x, startPoint.x),
-    //     y: Math.min(y, startPoint.y),
-    //     width: Math.abs(x - startPoint.x),
-    //     height: Math.abs(y - startPoint.y),
-    //     shape: activeTool,
-    //     id: Date.now(),
-    //     fill: "#4A90E2",
-    //     text: "Text",
-    //   };
-    // }
-    // if (activeTool === "select" && selectedComponent) {
-    //   shape = {
-    //     ...selectedComponent,
-    //     x: Math.min(x, startPoint.x),
-    //     y: Math.min(y, startPoint.y),
-    //     width: Math.abs(x - startPoint.x),
-    //     height: Math.abs(y - startPoint.y),
-    //   };
-    //   setSelectedComponent(shape);
-    //   return;
-    // }
-    // }
-    const handleSelectComponent = (items) => {
-        if (activeTool === "select") {
-            // if (isEmpty(items)) {
-            //   dispatch({ type: "panel/setSelectedComponent", payload: null });
-            //   setMoveComponent(false);
-            // } else {
-            onSelectComponent && onSelectComponent(items);
-            dispatch({ type: "panel/setSelectedComponent", payload: items });
-            dispatch({ type: "panel/setShow", payload: true });
-            // }
-        }
-    };
-    useEffect(() => {
-        if (containerRef.current) {
-            setWidthBoard(containerRef.current.offsetWidth);
-            setHeightBoard(containerRef.current.offsetHeight);
-        }
-    });
-    const handleUnSelectComponent = () => {
-        dispatch({ type: "panel/setSelectedComponent", payload: null });
-    };
-    return (<>
-      <ModalPreview>
-        <LayerView statusKey="status"/>
-      </ModalPreview>
-      <div className="relative w-full h-screen flex-1" ref={containerRef}>
-        <TransformWrapper ref={transformRef} panning={{ disabled: false }} centerZoomedOut={true} onTransformed={({ state: { scale } }) => setScale(scale)} minScale={1} // sangat kecil = bisa zoom out jauh
-     maxScale={1000} initialScale={1} pinch={{ step: 1 }} smooth={true} 
-    // doubleClick={{ step: 2, mode: "zoomIn" }}
-    disablePadding>
-          <TransformComponent wrapperStyle={{
-            width: "100%",
-            height: "100%",
-            overflow: "hidden",
-        }} contentStyle={{
-            width: "100%",
-            height: "100%",
-        }}>
-            <svg id="workspace" ref={svgRef} width="100%" height="100%" viewBox={`0 0 ${widthBoard} ${heightBoard}`} className="h-screen" onMouseUp={handleMouseUp} onMouseMove={handleMouseMove} onMouseEnter={handleMouseEnter} onClick={(e) => {
-            e.stopPropagation();
-            handleMouseClick(e);
-        }} onMouseLeave={handleMouseLeave} 
-    // onMouseDown={(e) => {
-    //   e.stopPropagation();
-    // }}
-    // onFocus={(e) => {
-    //   console.log(e.target);
-    // }}
-    xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" style={{
-            background: backgroundColor,
-            display: "block",
-        }}>
-              <Layers shadowShape={shadowShape} components={[...extraComponents, ...components]} onClick={handleSelectComponent} onMouseDown={handleMouseDown} onMouseUp={handleMouseUp} onBlur={handleUnSelectComponent} selectedComponent={selectedComponent} activeTool={activeTool}/>
-            </svg>
-          </TransformComponent>
-        </TransformWrapper>
-      </div>
-    </>);
-};
-export default BoardTemplate;

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

@@ -1,2 +0,0 @@
-declare const Navbar: () => import("react").JSX.Element;
-export default Navbar;

package/dist/features/navbar/index.jsx

@@ -1,5 +0,0 @@
-"use client";
-const Navbar = () => {
-    return <div>Navbar</div>;
-};
-export default Navbar;

package/dist/features/package/index.jsx

@@ -1,39 +0,0 @@
-"use client";
-import { useEffect } from "react";
-import Board from "../board";
-import SideTool from "../side-tool";
-import ControlPanels from "../panel";
-import { useAppDispatch, useAppSelector } from "../../hooks/use-redux";
-const TableEditor = (props) => {
-    const { componentProps, extraComponentProps, onCurrentStateChange } = props;
-    const { components, extraComponents } = useAppSelector((state) => state.board);
-    const dispatch = useAppDispatch();
-    useEffect(() => {
-        onCurrentStateChange && onCurrentStateChange({
-            components,
-            extraComponents,
-        });
-    }, [components, extraComponents]);
-    useEffect(() => {
-        if ((componentProps === null || componentProps === void 0 ? void 0 : componentProps.length) > 0) {
-            dispatch({
-                type: "board/setNewComponents",
-                payload: componentProps,
-            });
-        }
-        if ((extraComponentProps === null || extraComponentProps === void 0 ? void 0 : extraComponentProps.length) > 0) {
-            dispatch({
-                type: "board/setNewExtraComponent",
-                payload: extraComponentProps,
-            });
-        }
-    }, [componentProps, extraComponentProps]);
-    return (<>
-      <div className="w-full h-screen flex relative">
-        <SideTool />
-        <Board onSelectComponent={props.onSelectComponent}/>
-        <ControlPanels />
-      </div>
-    </>);
-};
-export default TableEditor;

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

@@ -1,2 +0,0 @@
-declare const ControlPanels: () => import("react").JSX.Element;
-export default ControlPanels;

package/dist/features/panel/index.jsx

@@ -1,91 +0,0 @@
-"use client";
-import { useEffect, useState } from "react";
-import { useAppDispatch, useAppSelector } from "../../hooks/use-redux";
-import { Form, Drawer, Input } from "antd";
-import SelectToolForm from "./select-tool";
-import SquareToolForm from "./square-circle-tool";
-import SeatCircle from "./table-seat-circle";
-import UploadTool from "./upload-tool";
-const ControlPanels = () => {
-    const dispatch = useAppDispatch();
-    const tool = useAppSelector((state) => state.tool);
-    const selectedComponent = useAppSelector((state) => state.panel.selectedComponent);
-    const { show } = useAppSelector((state) => state.panel);
-    const [open, setOpen] = useState(false);
-    const [form] = Form.useForm();
-    let values = Form.useWatch([], form);
-    useEffect(() => {
-        console.log("masuuuuk");
-        if (selectedComponent) {
-            const isDifferentId = (selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.id) !== (values === null || values === void 0 ? void 0 : values.id) || !(values === null || values === void 0 ? void 0 : values.id);
-            const isSameIdAndSameDimensions = (selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.id) === (values === null || values === void 0 ? void 0 : values.id) &&
-                (selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.height) === (values === null || values === void 0 ? void 0 : values.height) &&
-                (selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.width) === (values === null || values === void 0 ? void 0 : values.width) &&
-                (selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.x) === (values === null || values === void 0 ? void 0 : values.x) &&
-                (selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.y) === (values === null || values === void 0 ? void 0 : values.y);
-            console.log({ isDifferentId, isSameIdAndSameDimensions, show });
-            if (show && (isDifferentId || isSameIdAndSameDimensions)) {
-                setOpen(true);
-            }
-            console.log("turee");
-            form.setFieldsValue(selectedComponent);
-        }
-        else {
-            console.log("false");
-            setOpen(false);
-        }
-    }, [selectedComponent]);
-    useEffect(() => {
-        if (tool.active === "background" || tool.active === "image-table") {
-            setOpen(true);
-        }
-    }, [tool]);
-    const handleChangeComponent = (values, allValues) => {
-        dispatch({
-            type: "board/updateComponent",
-            payload: Object.assign(Object.assign({}, (selectedComponent || {})), allValues),
-        });
-        dispatch({
-            type: "panel/updateSelectedComponent",
-            payload: Object.assign(Object.assign({}, (selectedComponent || {})), allValues),
-        });
-    };
-    const renderFormPanel = () => {
-        switch (tool.active) {
-            case "select":
-                return <SelectToolForm />;
-            case "square":
-            case "circle":
-                return <SquareToolForm />;
-            case "table-seat-circle":
-                return <SeatCircle />;
-            case "image-table":
-                return <UploadTool name={tool.active} type="component"/>;
-            case "background":
-                return <UploadTool name={tool.active} type="background"/>;
-            default:
-                return null;
-        }
-    };
-    const handleClose = () => {
-        setOpen(false);
-        dispatch({
-            type: "panel/setShow",
-            payload: false,
-        });
-    };
-    // if(!show) return null
-    return (<Drawer open={show} onClose={handleClose} title="Panel">
-      <div className="bg-white h-full max-h-screen overflow-y-auto w-[300px]">
-        <Form layout="vertical" form={form} name="table" onFinish={(values) => {
-            console.log(values);
-        }} onValuesChange={handleChangeComponent} initialValues={{ labels: [{}] }}>
-          <Form.Item name="id" hidden>
-            <Input />
-          </Form.Item>
-          {renderFormPanel()}
-        </Form>
-      </div>
-    </Drawer>);
-};
-export default ControlPanels;

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

@@ -1,16 +0,0 @@
-import { PayloadAction } from "@reduxjs/toolkit";
-export interface PanelState {
-    selectedComponent: any;
-    pasSelectedComponent: any[];
-    active: string;
-    show: boolean;
-}
-export declare const panelSlice: import("@reduxjs/toolkit").Slice<PanelState, {
-    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;
-    setShow: (state: import("immer").WritableDraft<PanelState>, action: PayloadAction<boolean>) => void;
-}, "panel", "panel", import("@reduxjs/toolkit").SliceSelectors<PanelState>>;
-export declare const setSelectedComponent: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "panel/setSelectedComponent">, setUnSelectedComponent: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"panel/setUnSelectedComponent">, setShow: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<boolean, "panel/setShow">;
-declare const _default: import("redux").Reducer<PanelState>;
-export default _default;

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

@@ -1,31 +0,0 @@
-import { createSlice } from "@reduxjs/toolkit";
-const initialState = {
-    selectedComponent: null,
-    pasSelectedComponent: [],
-    active: "",
-    show: false,
-};
-export const panelSlice = createSlice({
-    name: "panel",
-    initialState,
-    reducers: {
-        setSelectedComponent: (state, action) => {
-            state.pasSelectedComponent = [
-                ...state.pasSelectedComponent,
-                action.payload,
-            ];
-            state.selectedComponent = action.payload;
-        },
-        setUnSelectedComponent: (state) => {
-            state.selectedComponent = null;
-        },
-        updateSelectedComponent: (state, action) => {
-            state.selectedComponent = Object.assign({}, action.payload);
-        },
-        setShow: (state, action) => {
-            state.show = action.payload;
-        }
-    },
-});
-export const { setSelectedComponent, setUnSelectedComponent, setShow } = panelSlice.actions;
-export default panelSlice.reducer;

package/dist/features/panel/select-tool.d.ts

@@ -1,4 +0,0 @@
-declare const SelectToolForm: ({ title }: {
-    title?: string;
-}) => import("react").JSX.Element;
-export default SelectToolForm;