seat-editor 1.5.4 → 1.5.5

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

@@ -1,8 +1,17 @@
 "use client";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 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 { constantData } from "../constant";
-import LayerView from "@/features/view-only";
 export default function NewBoard() {
     const [initialValue, setInitialValue] = useState([]);
     const [viewOnly, setViewOnly] = useState(true);
@@ -10,7 +19,13 @@ export default function NewBoard() {
     useEffect(() => {
         setInitialValue(constantData);
     }, []);
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: "w-full h-screen flex flex-col relative justify-center", children: [_jsx(LayerView, { componentProps: initialValue, mappingKey: "properties", extraComponentProps: [], defaultBackground: "#ffffff", 
-                    // dragOnly={true}
-                    statusKey: "status" }), _jsx("button", { className: "bg-blue-500 text-white px-4 py-2 rounded", onClick: () => setViewOnly(!viewOnly), children: viewOnly ? "Edit Mode" : "View Mode" })] }) }));
+    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, mappingKey: "properties", onCurrentStateChange: (setState) => {
+                            var _a;
+                            console.log("setState", setState);
+                            setInitialValue((_a = setState === null || setState === void 0 ? void 0 : setState.components) !== null && _a !== void 0 ? _a : []);
+                        }, extraComponentProps: [], defaultBackground: "#ffffff", 
+                        // dragOnly={true}
+                        statusKey: "status", action: (action) => __awaiter(this, void 0, void 0, function* () {
+                            console.log("action", action);
+                        }) }) })] }) }));
 }

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

@@ -1,7 +1,16 @@
 "use client";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { useEffect, useState } from "react";
+import SeatEditor from "../../features/package";
 import { constantData } from "../constant";
-import LayerView from "@/features/view-only";
 export default function NewBoard() {
     const [initialValue, setInitialValue] = useState([]);
     const [viewOnly, setViewOnly] = useState(true);
@@ -12,31 +21,30 @@ export default function NewBoard() {
     return (<>
       <div className="w-full h-screen flex flex-col relative justify-center">
         {/* <div className="w-full h-[1000px] bg-white border-r border-gray-200"> */}
-        <LayerView componentProps={initialValue} mappingKey="properties" extraComponentProps={[]} defaultBackground="#ffffff" 
-    // dragOnly={true}
-    statusKey="status"/>
+        {/* <LayerView
+          componentProps={initialValue}
+          mappingKey="properties"
+          extraComponentProps={[]}
+          defaultBackground="#ffffff"
+          // dragOnly={true}
+          statusKey="status"
+          
+        /> */}
         {/* </div> */}
         <button className="bg-blue-500 text-white px-4 py-2 rounded" onClick={() => setViewOnly(!viewOnly)}>
           {viewOnly ? "Edit Mode" : "View Mode"}
         </button>
-        {/* <div className="flex-1 h-full">
-          <SeatEditor
-            componentProps={initialValue}
-            viewOnly={viewOnly}
-            mappingKey="properties"
-            onCurrentStateChange={(setState: any) => {
-              console.log("setState", setState);
-              setInitialValue(setState?.components??[]);
-            }}
-            extraComponentProps={[]}
-            defaultBackground="#ffffff"
-            // dragOnly={true}
-            statusKey="status"
-            action={async (action: any) => {
-              console.log("action", action);
-            }}
-          />
-          </div> */}
+        <div className="flex-1 h-full">
+          <SeatEditor componentProps={initialValue} viewOnly={viewOnly} mappingKey="properties" onCurrentStateChange={(setState) => {
+            var _a;
+            console.log("setState", setState);
+            setInitialValue((_a = setState === null || setState === void 0 ? void 0 : setState.components) !== null && _a !== void 0 ? _a : []);
+        }} extraComponentProps={[]} defaultBackground="#ffffff" 
+    // dragOnly={true}
+    statusKey="status" action={(action) => __awaiter(this, void 0, void 0, function* () {
+            console.log("action", action);
+        })}/>
+          </div>
 
       </div>
     </>);

package/dist/features/panel/index.js

@@ -70,7 +70,7 @@ const ControlPanels = (props) => {
     const renderFormPanel = () => {
         switch (tool.active) {
             case "select":
-                return _jsx(SelectToolForm, {});
+                return _jsx(SelectToolForm, { action: action, responseMapping: responseMapping });
             case "square":
             case "circle":
                 return _jsx(SquareToolForm, {});

package/dist/features/panel/index.jsx

@@ -69,7 +69,7 @@ const ControlPanels = (props) => {
     const renderFormPanel = () => {
         switch (tool.active) {
             case "select":
-                return <SelectToolForm />;
+                return <SelectToolForm action={action} responseMapping={responseMapping}/>;
             case "square":
             case "circle":
                 return <SquareToolForm />;

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

@@ -1,4 +1,6 @@
-declare const SelectToolForm: ({ title }: {
+declare const SelectToolForm: ({ title, action, responseMapping }: {
     title?: string;
+    action: any;
+    responseMapping: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export default SelectToolForm;

package/dist/features/panel/select-tool.js

@@ -5,7 +5,7 @@ import SquareToolForm from "./square-circle-tool";
 import SeatCircle from "./table-seat-circle";
 import UploadTool from "./upload-tool";
 import TextTool from "./text-tool";
-const SelectToolForm = ({ title = "Title" }) => {
+const SelectToolForm = ({ title = "Title", action, responseMapping }) => {
     const components = useAppSelector((state) => state.board.components);
     const selectedComponent = useAppSelector((state) => state.panel.selectedComponent);
     const extraComponents = useAppSelector((state) => state.board.extraComponents);
@@ -19,7 +19,9 @@ const SelectToolForm = ({ title = "Title" }) => {
             return acc;
         }, {});
         const variableFormatToString = (variable) => {
-            return variable.replace(/-/g, " ").replace(/\b\w/g, (char) => char.toUpperCase());
+            return variable
+                .replace(/-/g, " ")
+                .replace(/\b\w/g, (char) => char.toUpperCase());
         };
         return (_jsxs("div", { className: "flex flex-col", children: [_jsx("h1", { className: "heading-s", children: title }), _jsx("div", { className: "flex flex-col gap-2 mt-5", children: Object.entries(countByShape).map(([shape, count]) => (_jsxs("div", { children: [_jsxs("span", { className: "font-bold", children: [variableFormatToString(shape), ":"] }), " ", count] }, shape))) })] }));
     };
@@ -32,7 +34,9 @@ const SelectToolForm = ({ title = "Title" }) => {
                 return _jsx(SeatCircle, {});
             case "image-table":
             case "background":
-                return _jsx(UploadTool, { name: selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.shape, defaultValue: selectedComponent, type: (selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.shape) === "background" ? "background" : "component" });
+                return (_jsx(UploadTool, { action: action, responseMapping: responseMapping, name: selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.shape, defaultValue: selectedComponent, type: (selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.shape) === "background"
+                        ? "background"
+                        : "component" }));
             case "text":
                 return _jsx(TextTool, {});
             default:

package/dist/features/panel/select-tool.jsx

@@ -4,7 +4,7 @@ import SquareToolForm from "./square-circle-tool";
 import SeatCircle from "./table-seat-circle";
 import UploadTool from "./upload-tool";
 import TextTool from "./text-tool";
-const SelectToolForm = ({ title = "Title" }) => {
+const SelectToolForm = ({ title = "Title", action, responseMapping }) => {
     const components = useAppSelector((state) => state.board.components);
     const selectedComponent = useAppSelector((state) => state.panel.selectedComponent);
     const extraComponents = useAppSelector((state) => state.board.extraComponents);
@@ -18,13 +18,18 @@ const SelectToolForm = ({ title = "Title" }) => {
             return acc;
         }, {});
         const variableFormatToString = (variable) => {
-            return variable.replace(/-/g, " ").replace(/\b\w/g, (char) => char.toUpperCase());
+            return variable
+                .replace(/-/g, " ")
+                .replace(/\b\w/g, (char) => char.toUpperCase());
         };
         return (<div className="flex flex-col">
         <h1 className="heading-s">{title}</h1>
         <div className="flex flex-col gap-2 mt-5">
           {Object.entries(countByShape).map(([shape, count]) => (<div key={shape}>
-              <span className="font-bold">{variableFormatToString(shape)}:</span> {count}
+              <span className="font-bold">
+                {variableFormatToString(shape)}:
+              </span>{" "}
+              {count}
             </div>))}
         </div>
       </div>);
@@ -38,7 +43,9 @@ const SelectToolForm = ({ title = "Title" }) => {
                 return <SeatCircle />;
             case "image-table":
             case "background":
-                return <UploadTool name={selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.shape} defaultValue={selectedComponent} type={(selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.shape) === "background" ? "background" : "component"}/>;
+                return (<UploadTool action={action} responseMapping={responseMapping} name={selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.shape} defaultValue={selectedComponent} type={(selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.shape) === "background"
+                        ? "background"
+                        : "component"}/>);
             case "text":
                 return <TextTool />;
             default:

package/package.json

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