seat-editor 2.1.0 → 2.1.2

package/dist/features/panel/{upload-tool.jsx → upload-tool.js}

@@ -8,6 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { Upload, Image, Button } from "antd";
 import { InboxOutlined } from "@ant-design/icons";
@@ -124,29 +125,6 @@ const UploadTool = ({ name, type, action, responseMapping, defaultValue, }) => {
     const handleDelete = () => {
         setDefaultSrc(null);
     };
-    return (<>
-      {defaultSrc ? (<>
-          <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}>
-            Edit
-          </Button>
-        </>) : (<Dragger {...propsUpload} action={""}>
-          <p className="ant-upload-drag-icon">
-            <InboxOutlined />
-          </p>
-          <p className="ant-upload-text">
-            Click or drag file to this area to upload
-          </p>
-          <p className="ant-upload-hint">
-            Support for a single or bulk upload. Strictly prohibited from
-            uploading company data or other banned files.
-          </p>
-        </Dragger>)}
-
-      <SectionShape allowChangeShape={type === "component"}/>
-      <SectionLabel />
-    </>);
+    return (_jsxs(_Fragment, { 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" })] })) : (_jsxs(Dragger, Object.assign({}, propsUpload, { action: "", 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." })] }))), _jsx(SectionShape, { allowChangeShape: type === "component" }), _jsx(SectionLabel, {})] }));
 };
 export default UploadTool;

package/dist/features/side-tool/index.d.ts

@@ -4,5 +4,5 @@ declare const SideTool: ({ dragOnly, deleteAutorized, }: {
         component: boolean;
         extraComponent: boolean;
     };
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SideTool;

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

@@ -1,4 +1,5 @@
 "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, Lock, LockOpen, Undo2, Redo2, } from "lucide-react";
 import ButtonTools from "../../components/button-tools";
 import { Divider, ColorPicker, Button, message, } from "antd";
@@ -15,22 +16,22 @@ const SideTool = ({ dragOnly, deleteAutorized, }) => {
         {
             id: "select",
             name: "Select Tool",
-            icon: <MousePointer />,
+            icon: _jsx(MousePointer, {}),
         },
         {
             id: "grab",
             name: "Grab Tool",
-            icon: <Hand />,
+            icon: _jsx(Hand, {}),
         },
         {
             id: "ruler",
             name: "Ruler",
-            icon: <Ruler />,
+            icon: _jsx(Ruler, {}),
         },
         {
             id: "node",
             name: "Node Tool",
-            icon: <MousePointer2 />,
+            icon: _jsx(MousePointer2, {}),
         },
     ];
     const actionsTools = [
@@ -42,22 +43,22 @@ const SideTool = ({ dragOnly, deleteAutorized, }) => {
         {
             id: "square",
             name: "Square",
-            icon: <SquareMousePointer />,
+            icon: _jsx(SquareMousePointer, {}),
         },
         {
             id: "circle",
             name: "Circle",
-            icon: <Circle />,
+            icon: _jsx(Circle, {}),
         },
         {
             id: "table-seat-circle",
             name: "Table Seat Circle",
-            icon: <Ratio />,
+            icon: _jsx(Ratio, {}),
         },
         {
             id: "image-table",
             name: "Image Table",
-            icon: <Upload />,
+            icon: _jsx(Upload, {}),
         },
         // {
         //   id: "table-seat-square",
@@ -74,12 +75,12 @@ const SideTool = ({ dragOnly, deleteAutorized, }) => {
         {
             id: "background",
             name: "Background",
-            icon: <Image />,
+            icon: _jsx(Image, {}),
         },
         {
             id: "text",
             name: "Text",
-            icon: <Type />,
+            icon: _jsx(Type, {}),
         },
         // {
         //   id: "background-color",
@@ -250,122 +251,99 @@ const SideTool = ({ dragOnly, deleteAutorized, }) => {
         dispatch({ type: "board/redoHistory" });
         dispatch({ type: "board/setFlagChange", payload: true });
     };
-    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={{
+    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: {
                     icon: tool.icon,
                     type: "text",
                     name: tool.name,
                     onClick: () => hanldeSelectTool(tool.id),
                     style: active === tool.id ? { color: "red" } : {},
-                }} popoverProps={{
-                    content: <div>{tool.name}</div>,
+                }, popoverProps: {
+                    content: _jsx("div", { children: tool.name }),
                     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",
-        }}/>
-       <ButtonTools buttonProps={{
-            onClick: () => toogleSetLockBackground(),
-            icon: lockBackground ? <Lock /> : <LockOpen />,
-            type: "text",
-            name: "trash",
-        }} items={[]} popoverProps={{
-            content: <div>{lockBackground ? "Unlock Background" : "Lock Background"}</div>,
-            trigger: "hover",
-            placement: "right",
-        }}/>
-      <ButtonTools buttonProps={{
-            onClick: () => handleUndo(),
-            icon: <Undo2 />,
-            type: "text",
-            name: "undo",
-        }} items={[]} popoverProps={{
-            content: <div>Undo</div>,
-            trigger: "hover",
-            placement: "right",
-        }}/>
-      <ButtonTools buttonProps={{
-            onClick: () => handleRedo(),
-            icon: <Redo2 />,
-            type: "text",
-            name: "redo",
-        }} items={[]} popoverProps={{
-            content: <div>Redo</div>,
-            trigger: "hover",
-            placement: "right",
-        }}/>
-    </div>);
+                }, 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",
+                } }), _jsx(ButtonTools, { buttonProps: {
+                    onClick: () => toogleSetLockBackground(),
+                    icon: lockBackground ? _jsx(Lock, {}) : _jsx(LockOpen, {}),
+                    type: "text",
+                    name: "trash",
+                }, items: [], popoverProps: {
+                    content: _jsx("div", { children: lockBackground ? "Unlock Background" : "Lock Background" }),
+                    trigger: "hover",
+                    placement: "right",
+                } }), _jsx(ButtonTools, { buttonProps: {
+                    onClick: () => handleUndo(),
+                    icon: _jsx(Undo2, {}),
+                    type: "text",
+                    name: "undo",
+                }, items: [], popoverProps: {
+                    content: _jsx("div", { children: "Undo" }),
+                    trigger: "hover",
+                    placement: "right",
+                } }), _jsx(ButtonTools, { buttonProps: {
+                    onClick: () => handleRedo(),
+                    icon: _jsx(Redo2, {}),
+                    type: "text",
+                    name: "redo",
+                }, items: [], popoverProps: {
+                    content: _jsx("div", { children: "Redo" }),
+                    trigger: "hover",
+                    placement: "right",
+                } })] }));
 };
 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.Element;
+declare const LayerView: (props: LayerViewProps) => import("react/jsx-runtime").JSX.Element;
 export default LayerView;

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

@@ -1,5 +1,6 @@
 "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";
@@ -182,47 +183,39 @@ const LayerView = (props) => {
             }
         };
     }, []);
-    return (<div className="relative w-full h-full flex-1" ref={containerRef} style={{
+    return (_jsx("div", Object.assign({ className: "relative w-full h-full flex-1", ref: containerRef, style: {
             height: "100vh",
             overflow: "auto",
             WebkitOverflowScrolling: "touch",
             touchAction: "pan-y",
-        }} {...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 === null || extraComponentsEditor === void 0 ? void 0 : extraComponentsEditor.length) > 0 ? extraComponentsEditor : []),
-            ...renderElements(componentsEditor, mappingKey, colorMatchKey),
-        ]} onClick={handleSelectComponent} selectedTable={selectedTable} selectedTableColor={selectedTableColor}/>
-          </svg>
-        </TransformComponent>
-      </TransformWrapper>
-    </div>);
+        } }, 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 === null || extraComponentsEditor === void 0 ? void 0 : extraComponentsEditor.length) > 0 ? extraComponentsEditor : []),
+                            ...renderElements(componentsEditor, mappingKey, colorMatchKey),
+                        ], onClick: handleSelectComponent, selectedTable: selectedTable, selectedTableColor: selectedTableColor }) })) }) })) })));
 };
 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.Element;
+declare const LayerView: (props: LayerViewProps) => import("react/jsx-runtime").JSX.Element;
 export default LayerView;

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

@@ -1,5 +1,6 @@
 "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";
@@ -160,47 +161,39 @@ const LayerView = (props) => {
             }
         };
     }, []);
-    return (<div className="relative w-full h-full flex-1" ref={containerRef} style={{
+    return (_jsx("div", Object.assign({ className: "relative w-full h-full flex-1", ref: containerRef, style: {
             height: "100vh",
             overflow: "auto",
             WebkitOverflowScrolling: "touch",
             touchAction: "pan-y",
-        }} {...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>);
+        } }, 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 }) })) }) })) })));
 };
 export default LayerView;

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

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

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

@@ -1,5 +1,6 @@
 "use client";
 "use client";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useAppDispatch, useAppSelector } from "../../hooks/use-redux";
 import Layers from "../../components/layer";
@@ -161,21 +162,17 @@ const LayerView = (props) => {
             }
         };
     }, []);
-    return (<div className="relative w-full h-full flex-1" ref={containerRef} {...props.containerProps}>
-      <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: "auto",
-            // touchAction: "pan-y",
-        }}>
-        <Layers mode="view" components={[
-            ...extraComponentsEditor,
-            ...renderElements(componentsEditor, mappingKey, colorMatchKey),
-        ]} onClick={handleSelectComponent} selectedTable={selectedTable} selectedTableColor={selectedTableColor}/>
-      </svg>
-    </div>);
+    return (_jsx("div", Object.assign({ className: "relative w-full h-full flex-1", ref: containerRef }, props.containerProps, { 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: "auto",
+                // touchAction: "pan-y",
+            }, children: _jsx(Layers, { mode: "view", components: [
+                    ...extraComponentsEditor,
+                    ...renderElements(componentsEditor, mappingKey, colorMatchKey),
+                ], onClick: handleSelectComponent, selectedTable: selectedTable, selectedTableColor: selectedTableColor }) })) })));
 };
 export default LayerView;

package/dist/provider/antd-provider.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+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 (_jsx(AntdRegistry, { children: _jsx(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: children }) }));
+};

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

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