seat-editor 1.6.21 → 1.6.22

package/dist/features/side-tool/{index.js → index.jsx}

@@ -1,5 +1,4 @@
 "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, Ruler, Grid, MousePointer2, } from "lucide-react";
 import ButtonTools from "../../components/button-tools";
 import { Divider, ColorPicker, Button, message, } from "antd";
@@ -16,22 +15,22 @@ const SideTool = ({ dragOnly, deleteAutorized, }) => {
         {
             id: "select",
             name: "Select Tool",
-            icon: _jsx(MousePointer, {}),
+            icon: <MousePointer />,
         },
         {
             id: "grab",
             name: "Grab Tool",
-            icon: _jsx(Hand, {}),
+            icon: <Hand />,
         },
         {
             id: "ruler",
             name: "Ruler",
-            icon: _jsx(Ruler, {}),
+            icon: <Ruler />,
         },
         {
             id: "node",
             name: "Node Tool",
-            icon: _jsx(MousePointer2, {}),
+            icon: <MousePointer2 />,
         },
     ];
     const actionsTools = [
@@ -43,22 +42,22 @@ const SideTool = ({ dragOnly, deleteAutorized, }) => {
         {
             id: "square",
             name: "Square",
-            icon: _jsx(SquareMousePointer, {}),
+            icon: <SquareMousePointer />,
         },
         {
             id: "circle",
             name: "Circle",
-            icon: _jsx(Circle, {}),
+            icon: <Circle />,
         },
         {
             id: "table-seat-circle",
             name: "Table Seat Circle",
-            icon: _jsx(Ratio, {}),
+            icon: <Ratio />,
         },
         {
             id: "image-table",
             name: "Image Table",
-            icon: _jsx(Upload, {}),
+            icon: <Upload />,
         },
         // {
         //   id: "table-seat-square",
@@ -75,12 +74,12 @@ const SideTool = ({ dragOnly, deleteAutorized, }) => {
         {
             id: "background",
             name: "Background",
-            icon: _jsx(Image, {}),
+            icon: <Image />,
         },
         {
             id: "text",
             name: "Text",
-            icon: _jsx(Type, {}),
+            icon: <Type />,
         },
         // {
         //   id: "background-color",
@@ -234,72 +233,92 @@ const SideTool = ({ dragOnly, deleteAutorized, }) => {
         });
         dispatch({ type: "board/setFlagChange", payload: true });
     };
-    return (_jsxs("div", { className: "h-full left-0 flex flex-col items-center border-r-2 border-gray-300 bg-white px-2 pt-4", children: [tools === null || tools === void 0 ? void 0 : tools.map((tool) => (_jsx(ButtonTools, { buttonProps: {
+    return (<div className="h-full left-0 flex flex-col items-center border-r-2 border-gray-300 bg-white px-2 pt-4">
+      {tools === null || tools === void 0 ? void 0 : tools.map((tool) => (<ButtonTools key={tool.id} buttonProps={{
+                icon: tool.icon,
+                type: "text",
+                name: tool.name,
+                onClick: () => hanldeSelectTool(tool.id),
+                style: active === tool.id ? { color: "red" } : {},
+            }} popoverProps={{
+                content: <div>{tool.name}</div>,
+                trigger: "hover",
+                placement: "right",
+            }} items={[]}/>))}
+      {!dragOnly && (<>
+          <ButtonTools buttonProps={{
+                icon: <CopyPlus />,
+                type: "text",
+                name: "duplicate",
+                onClick: () => handleDuplicateComponent(),
+            }} items={[]} popoverProps={{
+                content: <div>Duplicate</div>,
+                trigger: "hover",
+                placement: "right",
+            }}/>
+
+          <ButtonTools buttonProps={{
+                onClick: () => handleOverride(),
+                icon: <Layers2 />,
+                type: "text",
+                name: "override",
+            }} items={[]} popoverProps={{
+                content: <div>Override Right</div>,
+                trigger: "hover",
+                placement: "right",
+            }}/>
+          <ButtonTools buttonProps={{
+                onClick: () => handleOverrideLeft(),
+                icon: <Layers />,
+                type: "text",
+                name: "override",
+            }} items={[]} popoverProps={{
+                content: <div>Override Left</div>,
+                trigger: "hover",
+                placement: "right",
+            }}/>
+
+          <Divider />
+          {actionsTools === null || actionsTools === void 0 ? void 0 : actionsTools.map((tool) => (<ButtonTools key={tool.id} buttonProps={{
                     icon: tool.icon,
                     type: "text",
                     name: tool.name,
                     onClick: () => hanldeSelectTool(tool.id),
                     style: active === tool.id ? { color: "red" } : {},
-                }, popoverProps: {
-                    content: _jsx("div", { children: tool.name }),
+                }} popoverProps={{
+                    content: <div>{tool.name}</div>,
                     trigger: "hover",
                     placement: "right",
-                }, items: [] }, tool.id))), !dragOnly && (_jsxs(_Fragment, { children: [_jsx(ButtonTools, { buttonProps: {
-                            icon: _jsx(CopyPlus, {}),
-                            type: "text",
-                            name: "duplicate",
-                            onClick: () => handleDuplicateComponent(),
-                        }, items: [], popoverProps: {
-                            content: _jsx("div", { children: "Duplicate" }),
-                            trigger: "hover",
-                            placement: "right",
-                        } }), _jsx(ButtonTools, { buttonProps: {
-                            onClick: () => handleOverride(),
-                            icon: _jsx(Layers2, {}),
-                            type: "text",
-                            name: "override",
-                        }, items: [], popoverProps: {
-                            content: _jsx("div", { children: "Override Right" }),
-                            trigger: "hover",
-                            placement: "right",
-                        } }), _jsx(ButtonTools, { buttonProps: {
-                            onClick: () => handleOverrideLeft(),
-                            icon: _jsx(Layers, {}),
-                            type: "text",
-                            name: "override",
-                        }, items: [], popoverProps: {
-                            content: _jsx("div", { children: "Override Left" }),
-                            trigger: "hover",
-                            placement: "right",
-                        } }), _jsx(Divider, {}), actionsTools === null || actionsTools === void 0 ? void 0 : actionsTools.map((tool) => (_jsx(ButtonTools, { buttonProps: {
-                            icon: tool.icon,
-                            type: "text",
-                            name: tool.name,
-                            onClick: () => hanldeSelectTool(tool.id),
-                            style: active === tool.id ? { color: "red" } : {},
-                        }, popoverProps: {
-                            content: _jsx("div", { children: tool.name }),
-                            trigger: "hover",
-                            placement: "right",
-                        }, items: [] }, tool.id))), _jsx(Divider, {})] })), controlTools === null || controlTools === void 0 ? void 0 : controlTools.map((tool) => (_jsx(ButtonTools, { buttonProps: {
-                    icon: tool.icon,
-                    type: "text",
-                    name: tool.name,
-                    onClick: () => hanldeSelectTool(tool.id),
-                    style: active === tool.id ? { color: "red" } : {},
-                }, popoverProps: {
-                    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: 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: {
-                    onClick: () => handleRemoveComponent(),
-                    icon: _jsx(Trash, {}),
-                    type: "text",
-                    name: "trash",
-                }, items: [], popoverProps: {
-                    content: _jsx("div", { children: "Trash" }),
-                    trigger: "hover",
-                    placement: "right",
-                } })] }));
+                }} items={[]}/>))}
+
+          <Divider />
+        </>)}
+      {controlTools === null || controlTools === void 0 ? void 0 : controlTools.map((tool) => (<ButtonTools key={tool.id} buttonProps={{
+                icon: tool.icon,
+                type: "text",
+                name: tool.name,
+                onClick: () => hanldeSelectTool(tool.id),
+                style: active === tool.id ? { color: "red" } : {},
+            }} popoverProps={{
+                content: <div>{tool.name}</div>,
+                trigger: "hover",
+                placement: "right",
+            }} items={[]}/>))}
+      <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={preview ? <EyeOff /> : <Eye />} type="text" name="Preview" onClick={handleOpenModalPreview} style={active === "preview" ? { color: "red" } : {}}/>
+      <Button icon={<Grid />} type="text" name="Grid" onClick={() => toggleGrid()}/>
+      <ButtonTools buttonProps={{
+            onClick: () => handleRemoveComponent(),
+            icon: <Trash />,
+            type: "text",
+            name: "trash",
+        }} items={[]} popoverProps={{
+            content: <div>Trash</div>,
+            trigger: "hover",
+            placement: "right",
+        }}/>
+    </div>);
 };
 export default SideTool;

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

@@ -15,5 +15,5 @@ export interface LayerViewProps {
     containerProps?: any;
     svgProps?: any;
 }
-declare const LayerView: (props: LayerViewProps) => import("react/jsx-runtime").JSX.Element;
+declare const LayerView: (props: LayerViewProps) => import("react").JSX.Element;
 export default LayerView;

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

@@ -15,5 +15,5 @@ export interface LayerViewProps {
     containerProps?: any;
     svgProps?: any;
 }
-declare const LayerView: (props: LayerViewProps) => import("react/jsx-runtime").JSX.Element;
+declare const LayerView: (props: LayerViewProps) => import("react").JSX.Element;
 export default LayerView;

package/dist/features/view-only/{index.js → index.jsx}

@@ -1,6 +1,5 @@
 "use client";
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { TransformWrapper, TransformComponent, } from "react-zoom-pan-pinch";
 import { useAppDispatch, useAppSelector } from "../../hooks/use-redux";
@@ -53,7 +52,7 @@ const LayerView = (props) => {
         setSelectedTable(find);
     };
     const boundingBox = useMemo(() => {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         if (!componentsEditor && (componentsEditor === null || componentsEditor === void 0 ? void 0 : componentsEditor.length) === 0) {
             return { minX: 0, minY: 0, width: 500, height: 500 };
         }
@@ -103,19 +102,21 @@ const LayerView = (props) => {
                 maxY = Math.max(maxY, values.y + values.height);
             }
         });
+        let backgroundHasOne = false;
         if ((extraComponentsEditor === null || extraComponentsEditor === void 0 ? void 0 : extraComponentsEditor.length) === 1 && ((_b = (_a = extraComponentsEditor === null || extraComponentsEditor === void 0 ? void 0 : extraComponentsEditor[0]) === null || _a === void 0 ? void 0 : _a.shape) === null || _b === void 0 ? void 0 : _b.includes("background"))) {
+            backgroundHasOne = true;
             minX = (_c = extraComponentsEditor === null || extraComponentsEditor === void 0 ? void 0 : extraComponentsEditor[0]) === null || _c === void 0 ? void 0 : _c.x;
             minY = (_d = extraComponentsEditor === null || extraComponentsEditor === void 0 ? void 0 : extraComponentsEditor[0]) === null || _d === void 0 ? void 0 : _d.y;
             maxX = (_e = extraComponentsEditor === null || extraComponentsEditor === void 0 ? void 0 : extraComponentsEditor[0]) === null || _e === void 0 ? void 0 : _e.width;
             maxY = (_f = extraComponentsEditor === null || extraComponentsEditor === void 0 ? void 0 : extraComponentsEditor[0]) === null || _f === void 0 ? void 0 : _f.height;
         }
-        if ((extraComponentsEditor === null || extraComponentsEditor === void 0 ? void 0 : extraComponentsEditor.length) < 1) {
+        if ((extraComponentsEditor === null || extraComponentsEditor === void 0 ? void 0 : extraComponentsEditor.length) < 1 && ["background", "text"].includes((_g = componentsEditor === null || componentsEditor === void 0 ? void 0 : componentsEditor[0]) === null || _g === void 0 ? void 0 : _g.shape)) {
             minX = minX - minX * 0.5;
             minY = minY - minY * 0.5;
         }
         return {
-            minX,
-            minY,
+            minX: backgroundHasOne ? minX : minX - minX * 0.5,
+            minY: backgroundHasOne ? minY : minY - minY * 0.5,
             width: maxX,
             height: maxY,
         };
@@ -159,39 +160,47 @@ const LayerView = (props) => {
             }
         };
     }, []);
-    return (_jsx("div", Object.assign({ className: "relative w-full h-full flex-1", ref: containerRef, style: {
+    return (<div className="relative w-full h-full flex-1" ref={containerRef} style={{
             height: "100vh",
             overflow: "auto",
             WebkitOverflowScrolling: "touch",
             touchAction: "pan-y",
-        } }, props.containerProps, { children: _jsx(TransformWrapper, Object.assign({ ref: transformRef }, props.transformProps, { disabled: fingerCount === 1 && scale === 1, disablePadding: true, 
-            // panning={{
-            //   disabled: false,
-            //   velocityDisabled: true,
-            // }}
-            // limitToBounds={false}
-            // doubleClick={{ disabled: true }}
-            // pinch={{ disabled: false }}
-            // wheel={{ disabled: true }}
-            // disabled={true}
-            // disablePadding={true}
-            centerZoomedOut: true, onTransformed: ({ state: { scale } }) => setScale(scale), minScale: 1, maxScale: 1000, initialScale: 1, 
-            // pinch={{ step: 1 }}
-            smooth: true, children: _jsx(TransformComponent, { wrapperStyle: {
-                    width: "100%",
-                    height: "100%",
-                    overflow: "visible",
-                }, contentStyle: {
-                    width: "100%",
-                    height: "100%",
-                }, children: _jsx("svg", Object.assign({}, props.svgProps, { id: "workspace", ref: svgRef, width: "100%", height: "100%", viewBox: `${boundingBox.minX} ${boundingBox.minY} ${boundingBox.width} ${boundingBox.height}`, className: "h-full", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", style: {
-                        background: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : defaultBackground,
-                        display: "block",
-                        pointerEvents: "auto",
-                        // touchAction: "pan-y",
-                    }, children: _jsx(Layers, { mode: "view", components: [
-                            ...extraComponentsEditor,
-                            ...renderElements(componentsEditor, mappingKey, colorMatchKey),
-                        ], onClick: handleSelectComponent, selectedTable: selectedTable, selectedTableColor: selectedTableColor }) })) }) })) })));
+        }} {...props.containerProps}>
+      <TransformWrapper ref={transformRef} {...props.transformProps} disabled={fingerCount === 1 && scale === 1} disablePadding={true} 
+    // panning={{
+    //   disabled: false,
+    //   velocityDisabled: true,
+    // }}
+    // limitToBounds={false}
+    // doubleClick={{ disabled: true }}
+    // pinch={{ disabled: false }}
+    // wheel={{ disabled: true }}
+    // disabled={true}
+    // disablePadding={true}
+    centerZoomedOut={true} onTransformed={({ state: { scale } }) => setScale(scale)} minScale={1} maxScale={1000} initialScale={1} 
+    // pinch={{ step: 1 }}
+    smooth={true}>
+        <TransformComponent wrapperStyle={{
+            width: "100%",
+            height: "100%",
+            overflow: "visible",
+        }} contentStyle={{
+            width: "100%",
+            height: "100%",
+        }}>
+          <svg {...props.svgProps} id="workspace" ref={svgRef} width="100%" height="100%" viewBox={`${boundingBox.minX} ${boundingBox.minY} ${boundingBox.width} ${boundingBox.height}`} className="h-full" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" style={{
+            background: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : defaultBackground,
+            display: "block",
+            pointerEvents: "auto",
+            // touchAction: "pan-y",
+        }}>
+            <Layers mode="view" components={[
+            ...extraComponentsEditor,
+            ...renderElements(componentsEditor, mappingKey, colorMatchKey),
+        ]} onClick={handleSelectComponent} selectedTable={selectedTable} selectedTableColor={selectedTableColor}/>
+          </svg>
+        </TransformComponent>
+      </TransformWrapper>
+    </div>);
 };
 export default LayerView;

package/dist/provider/antd-provider.jsx

@@ -0,0 +1,46 @@
+"use client";
+import { useEffect } from "react";
+import { ConfigProvider } from "antd";
+import { AntdRegistry } from "@ant-design/nextjs-registry";
+import { useAppSelector, useAppDispatch } from "../hooks/use-redux";
+export const AntdProvider = ({ children, themeColor }) => {
+    const dispatch = useAppDispatch();
+    const theme = useAppSelector((state) => state.theme);
+    useEffect(() => {
+        if (themeColor !== theme.primaryColor) {
+            dispatch({
+                type: "theme/setPrimaryColor",
+                payload: themeColor
+            });
+        }
+    }, [themeColor]);
+    return (<AntdRegistry>
+      <ConfigProvider theme={{
+            token: {
+                colorPrimary: themeColor,
+            },
+            //   token: {
+            //     colorPrimary: theme.theme["--primary-color"],
+            //     colorPrimaryBorderHover: theme.theme["--primary-color"],
+            //     fontFamily: "var(--font-inter), sans-serif",
+            //     colorError: theme.theme["--danger"],
+            //     controlOutlineWidth: 4,
+            //     controlOutline: theme.theme["--surface-color"],
+            //     colorBgContainerDisabled: "var(--netral-03)",
+            //     colorTextPlaceholder: "var(--netral-06)",
+            //   },
+            components: {
+                Form: {
+                    labelFontSize: 14,
+                    fontWeightStrong: 500,
+                    itemMarginBottom: 12,
+                },
+                Button: {
+                    colorPrimary: themeColor
+                }
+            },
+        }}>
+        {children}
+      </ConfigProvider>
+    </AntdRegistry>);
+};

package/dist/provider/redux-provider.d.ts

@@ -1,3 +1,3 @@
 export declare const ReduxProvider: ({ children }: {
     children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/dist/provider/{redux-provider.js → redux-provider.jsx}

@@ -1,7 +1,6 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
 import { store } from "../libs/store";
 import { Provider } from "react-redux";
 export const ReduxProvider = ({ children }) => {
-    return _jsx(Provider, { store: store, children: children });
+    return <Provider store={store}>{children}</Provider>;
 };

package/dist/provider/store-provider.d.ts

@@ -1,4 +1,4 @@
 export declare const StoreProvider: ({ children, themeColor, }: {
     children: React.ReactNode;
     themeColor?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/dist/provider/{store-provider.js → store-provider.jsx}

@@ -1,9 +1,10 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
 import { ReduxProvider } from "./redux-provider";
 import { AntdProvider } from "./antd-provider";
 import { injectSeatEditorCSS } from "../utils/injectCss";
 export const StoreProvider = ({ children, themeColor = "red", }) => {
     injectSeatEditorCSS();
-    return (_jsx(ReduxProvider, { children: _jsx(AntdProvider, { themeColor: themeColor, children: children }) }));
+    return (<ReduxProvider>
+      <AntdProvider themeColor={themeColor}>{children}</AntdProvider>
+    </ReduxProvider>);
 };

package/package.json

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

package/dist/app/new-board/page.js

@@ -1,34 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import SeatEditor from "../../features/package";
-import { data2 } from "../constant";
-export default function NewBoard() {
-    const [initialValue, setInitialValue] = useState([]);
-    const [extraComponents, setExtraComponents] = useState([]);
-    const [backgroundColor, setBackgroundColor] = useState("#ffffff");
-    const [viewOnly, setViewOnly] = useState(true);
-    useEffect(() => {
-        setInitialValue(data2);
-        setExtraComponents([
-            {}
-        ]);
-    }, []);
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: "w-full h-screen flex flex-col relative justify-center", children: [_jsx("button", { className: "bg-blue-500 text-white px-4 py-2 rounded", onClick: () => setViewOnly(!viewOnly), children: viewOnly ? "Edit Mode" : "View Mode" }), _jsx("div", { className: "flex-1 h-full", children: _jsx(SeatEditor, { componentProps: initialValue, viewOnly: viewOnly, dragOnly: true, deleteAutorized: {
-                            component: true,
-                            extraComponent: true,
-                        }, mappingKey: "properties", onCurrentStateChange: (setState) => {
-                            var _a, _b, _c, _d;
-                            if (((_a = setState === null || setState === void 0 ? void 0 : setState.components) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                                setInitialValue((_b = setState === null || setState === void 0 ? void 0 : setState.components) !== null && _b !== void 0 ? _b : []);
-                            }
-                            if (setState === null || setState === void 0 ? void 0 : setState.backgroundColor) {
-                                setBackgroundColor(setState === null || setState === void 0 ? void 0 : setState.backgroundColor);
-                            }
-                            if (((_c = setState === null || setState === void 0 ? void 0 : setState.extraComponents) === null || _c === void 0 ? void 0 : _c.length) > 0) {
-                                setExtraComponents((_d = setState === null || setState === void 0 ? void 0 : setState.extraComponents) !== null && _d !== void 0 ? _d : []);
-                            }
-                        }, extraComponentProps: extraComponents, defaultBackground: backgroundColor, 
-                        // dragOnly={true}
-                        statusKey: "status" }) })] }) }));
-}

package/dist/app/page.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Board from "../features/board";
-import SideTool from "../features/side-tool";
-import ControlPanels from "../features/panel";
-const TableEditor = () => {
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: "w-full h-screen flex relative", children: [_jsx(SideTool, {}), _jsx(Board, {}), _jsx(ControlPanels, {})] }) }));
-};
-export default TableEditor;

package/dist/app/v2/page.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Board from "../../features/board-v2";
-import SideTool from "../../features/side-tool";
-import ControlPanels from "../../features/panel";
-const TableEditor = () => {
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: "w-full h-screen flex relative", children: [_jsx(SideTool, {}), _jsx(Board, {}), _jsx(ControlPanels, {})] }) }));
-};
-export default TableEditor;

package/dist/components/button-tools/index.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Popover } from "antd";
-const ButtonTools = (props) => {
-    const { buttonProps, items, popoverProps } = props;
-    if (items.length === 0) {
-        return (_jsx(Popover, Object.assign({ trigger: "hover" }, popoverProps, { children: _jsx(Button, Object.assign({}, buttonProps)) })));
-    }
-    return (_jsx(Popover, { content: _jsxs("div", { children: [_jsx(Button, { children: "Button 1" }), _jsx(Button, { children: "Button 2" })] }), trigger: "click", children: _jsx(Button, Object.assign({}, buttonProps)) }));
-};
-export default ButtonTools;

package/dist/components/form-tools/label.js

@@ -1,7 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, ColorPicker, Flex, Form, Input, InputNumber } from "antd";
-const SectionLabel = () => {
-    return (_jsxs("div", { className: "py-2", children: [_jsx("h1", { className: "heading-s", children: "Section Labeling" }), _jsx(Form.Item, { label: "Labels in square", name: "labels", children: _jsx(Form.List, { name: "labels", children: (fields, { add, remove }) => (_jsxs(_Fragment, { children: [fields.map((field) => (_jsxs("div", { children: [_jsxs(Flex, { gap: 2, children: [_jsx(Form.Item, { name: [field.name, "label"], label: "Text", children: _jsx(Input, {}) }), _jsx(Form.Item, { name: [field.name, "fontColor"], label: "Color", getValueFromEvent: (color) => color.toHexString(), children: _jsx(ColorPicker, { allowClear: true, format: "hex", defaultFormat: "hex" }) })] }), _jsxs(Flex, { gap: 2, children: [_jsx(Form.Item, { name: [field.name, "x"], label: "X", children: _jsx(InputNumber, {}) }), _jsx(Form.Item, { name: [field.name, "y"], label: "Y", children: _jsx(InputNumber, {}) }), _jsx(Form.Item, { name: [field.name, "fontSize"], label: "Size", children: _jsx(InputNumber, { suffix: "px" }) })] })] }, field.key))), _jsxs(Flex, { gap: 2, children: [_jsx(Button, { type: "primary", onClick: () => add(), className: "btn btn-primary", children: "Add" }), _jsx(Button, { type: "primary", onClick: () => remove(fields.length - 1), className: "btn btn-primary", children: "Remove" })] })] })) }) }), _jsx("div", { className: "divider-dashed" })] }));
-};
-export default SectionLabel;

package/dist/components/form-tools/shape.js

@@ -1,25 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ColorPicker, Flex, Form, InputNumber, Select } from "antd";
-const SectionShape = () => {
-    const optionsShape = [
-        {
-            value: "circle",
-            label: "Circle",
-        },
-        {
-            value: "square",
-            label: "Square",
-        },
-        {
-            value: "table-seat-circle",
-            label: "Table Seat Circle",
-        },
-        {
-            label: "Image Table",
-            value: "image-table",
-        },
-    ];
-    return (_jsxs("div", { className: "py-2", children: [_jsx("h1", { className: "heading-s", children: "Shape" }), _jsx(Flex, { gap: 2, className: "w-full", children: _jsx(Form.Item, { label: "Name", name: "shape", className: "w-full", children: _jsx(Select, { options: optionsShape, className: "w-full" }) }) }), _jsxs(Flex, { gap: 2, className: "w-full", children: [_jsx(Form.Item, { label: "Width", name: "width", className: "w-full", children: _jsx(InputNumber, { suffix: "px" }) }), _jsx(Form.Item, { label: "Height", name: "height", className: "w-full", children: _jsx(InputNumber, { suffix: "px" }) })] }), _jsxs(Flex, { gap: 2, children: [_jsx(Form.Item, { label: "Position X", name: "x", className: "w-full", children: _jsx(InputNumber, {}) }), _jsx(Form.Item, { label: "Position Y", name: "y", className: "w-full", children: _jsx(InputNumber, {}) }), _jsx(Form.Item, { label: "Rotation", name: "rotation", className: "w-full", children: _jsx(InputNumber, {}) })] }), _jsxs(Flex, { gap: 2, children: [_jsx(Form.Item, { label: "Fill", name: "fill", getValueFromEvent: (color) => color.toHexString(), className: "w-full ", children: _jsx(ColorPicker, { allowClear: true, format: "hex", defaultFormat: "hex" }) }), _jsx(Form.Item, { label: "Stroke", name: "stroke", getValueFromEvent: (color) => color.toHexString(), className: "w-full ", children: _jsx(ColorPicker, { allowClear: true, format: "hex", defaultFormat: "hex" }) })] }), _jsxs(Flex, { children: [_jsx(Form.Item, { label: "Stroke Width", name: "strokeWidth", className: "w-full", children: _jsx(InputNumber, {}) }), _jsx(Form.Item, { label: "opacity", name: "opacity", className: "w-full", children: _jsx(InputNumber, { step: 0.1, max: 1, min: 0 }) })] })] }));
-};
-export default SectionShape;