seat-editor 3.3.13 → 3.3.15

package/dist/components/lib/index.d.ts

@@ -0,0 +1,8 @@
+import LayerView from "../../features/view-only";
+export interface LayerViewProps {
+    componentProps: any[];
+    extraComponentProps: any[];
+}
+declare const TableEditor: ({ componentProps, extraComponentProps, }: LayerViewProps) => import("react").JSX.Element;
+export default TableEditor;
+export { LayerView };

package/dist/components/lib/index.jsx

@@ -0,0 +1,33 @@
+"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-only";
+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

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

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

@@ -0,0 +1,11 @@
+"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/dto/event-handler.d.ts

@@ -0,0 +1 @@
+export type EventHandleType = "dragover" | "dragleave" | "drop" | "dragend" | "mousemove" | "mouseleave" | "mouseenter" | "dragleave" | "dragenter" | "pointerover" | "mousedown" | "pointerup" | "pointerdown" | "pointermove" | "pointerup" | "touchstart" | "touchmove" | "touchend" | "selected";

package/dist/dto/event-handler.js

@@ -0,0 +1 @@
+export {};

package/dist/dto/table.d.ts

@@ -0,0 +1,80 @@
+import { SVGAttributes } from "react";
+export type Shape = "square" | "circle" | "diamond" | "table-seat-circle" | "table-seat-square" | "background" | "image-table" | "text" | "ellipse" | "polygon" | "selection-box" | "table-seat-rect-circle" | "table-seat-half-square" | "table-seat-rect-square" | "bounding-box";
+export type TagType = "icon" | "text";
+export type Position = "right-top" | "right" | "right-bottom" | "left" | "left-top" | "left-bottom" | "top" | "bottom";
+export type Direction = "flex" | "column";
+export interface Label extends SVGAttributes<SVGElement> {
+    label?: string;
+    x?: number;
+    y?: number;
+    fontColor?: string;
+    rotation?: number;
+}
+export interface Symbol extends SVGAttributes<SVGElement> {
+    value?: string;
+    gap?: number;
+    fontSize?: number;
+    position: Position;
+}
+export interface Item extends SVGAttributes<SVGElement> {
+    value?: string;
+    type?: TagType;
+    x?: number;
+    y?: number;
+    fontColor?: string;
+    symbol?: Symbol;
+}
+export interface Tag {
+    key?: string;
+    items?: Array<Item>;
+    direction?: string;
+    offsetX?: number;
+    offsetY?: number;
+    gap?: number;
+}
+export interface TableProps {
+    id?: string;
+    labels?: Label[];
+    fontColor?: string;
+    src?: string;
+    shape?: Shape;
+    seatFill?: string;
+    text?: string;
+    tags?: Tag[];
+    gapTags?: number;
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    seatCount?: number;
+    openSpace?: number;
+    fontSize?: number;
+    label?: string;
+    radius?: number;
+    rotation?: number;
+    points?: Point[];
+    fill?: string;
+    strokeWidth?: number;
+    stroke?: string;
+    opacity?: number;
+    seatPositions?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+}
+export interface SVGElementProps extends SVGAttributes<SVGElement> {
+}
+export interface PropertiesProps extends Omit<SVGAttributes<SVGElement>, keyof TableProps>, TableProps {
+}
+export type BaseElement = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export type Point = {
+    x: number;
+    y: number;
+};

package/dist/dto/table.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,14 @@
+export interface Component {
+    id: string;
+    [key: string]: any;
+}
+export interface InitialState {
+    components: Component[];
+    backgroundColor: string;
+    themeColor: string;
+    extraComponents: Component[];
+    flagChange: boolean;
+}
+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">, removeExtraComponent: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "board/removeExtraComponent">;
+declare const _default: import("redux").Reducer<InitialState>;
+export default _default;

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

@@ -0,0 +1,52 @@
+import { createSlice } from "@reduxjs/toolkit";
+const initialState = {
+    components: [],
+    backgroundColor: "#FFFFFF",
+    themeColor: "#4A90E2",
+    extraComponents: [],
+    flagChange: false
+};
+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);
+        },
+        removeExtraComponent: (state, action) => {
+            state.extraComponents = state.extraComponents.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);
+        },
+        setFlagChange: (state, action) => {
+            state.flagChange = action.payload;
+        },
+    },
+});
+export const { addComponent, removeComponent, updateComponent, setBackgroundColor, removeExtraComponent } = boardSlice.actions;
+export default boardSlice.reducer;

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

@@ -0,0 +1,6 @@
+interface BoardTemplateProps {
+    onSelectComponent?: (items: any) => void;
+    mappingKey?: string;
+}
+declare const BoardTemplate: ({ onSelectComponent }: BoardTemplateProps) => import("react").JSX.Element;
+export default BoardTemplate;