seat-editor 3.5.13 → 3.5.14

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

@@ -56,6 +56,7 @@ export default function NewBoard() {
             reader.onerror = reject;
             reader.readAsDataURL(file);
         });
+        console.log({ test });
         return test;
     };
     const test = [

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

@@ -55,6 +55,7 @@ export default function NewBoard() {
             reader.onerror = reject;
             reader.readAsDataURL(file);
         });
+        console.log({ test });
         return test;
     };
     const test = [

package/dist/components/form-tools/shape.d.ts

@@ -1,6 +1,7 @@
 export declare const optionsShape: {
     value: string;
     label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
 }[];
 declare const SectionShape: ({ allowChangeShape, }: {
     allowChangeShape?: boolean;

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

@@ -3,39 +3,49 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MIN_HEIGHT, MIN_WIDTH, MIN_X, MIN_Y, } from "../../features/board-v3/constant";
 import { useAppSelector } from "../../hooks/use-redux";
 import { ColorPicker, Flex, Form, InputNumber, Select } from "antd";
+import { Type4Icon, Type5Icon, Type1Icon, Type2Icon, Type3Icon, Circle, Square } from "../icons";
+import { Image } from "lucide-react";
 const { Option } = Select;
 export const optionsShape = [
     {
         value: "circle",
         label: "Circle",
+        icon: _jsx(Circle, {}),
     },
     {
         value: "square",
         label: "Square",
+        icon: _jsx(Square, {}),
     },
     {
         value: "table-seat-circle",
         label: "Type 1",
+        icon: _jsx(Type1Icon, {}),
     },
     {
         value: "table-seat-square",
         label: "Type 2",
+        icon: _jsx(Type2Icon, {}),
     },
     {
         value: "table-seat-half-square",
         label: "Type 3",
+        icon: _jsx(Type3Icon, {}),
     },
     {
         value: "table-seat-rect-square",
         label: "Type 4",
+        icon: _jsx(Type4Icon, {}),
     },
     {
         value: "table-seat-rect-circle",
         label: "Type 5 ",
+        icon: _jsx(Type5Icon, {}),
     },
     {
         label: "Image Table",
         value: "image-table",
+        icon: _jsx(Image, { size: 18 }),
     },
 ];
 const SectionShape = ({ allowChangeShape = true, }) => {
@@ -45,9 +55,9 @@ const SectionShape = ({ allowChangeShape = true, }) => {
     const maxSeat = (selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent[seatKey]) || 0;
     return (_jsxs("div", { className: "py-2", children: [_jsx("h1", { className: "heading-s", children: "Shape" }), allowChangeShape && (_jsx(Flex, { gap: 2, className: "w-full", children: _jsx(Form.Item, { label: "Name", name: "shape", className: "w-full", children: _jsx(Select, { className: "w-full", children: optionsShape === null || optionsShape === void 0 ? void 0 : optionsShape.map((item) => {
                             const disabled = item.value === "table-seat-rect-circle" && maxSeat > 4;
-                            return (_jsx(Option, { value: item.value, disabled: disabled, children: item.value === "table-seat-rect-circle"
-                                    ? `Type 5 (only for 4 ${seatKey})`
-                                    : item.label }, item.value));
+                            return (_jsx(Option, { value: item.value, disabled: disabled, className: "flex w-full items-center", children: _jsxs(Flex, { gap: 5, align: "center", justify: "between", children: [item.icon, _jsx("span", { children: item.value === "table-seat-rect-circle"
+                                                ? `Type 5 (only for 4 ${seatKey})`
+                                                : item.label })] }) }, item.value));
                         }) }) }) })), _jsxs(Flex, { gap: 2, className: "w-full", children: [_jsx(Form.Item, { label: "Width", name: "width", className: "w-full", children: _jsx(InputNumber, { suffix: "px", controls: true, name: "width", min: MIN_WIDTH, step: 1, parser: (value) => {
                                 var _a;
                                 const onlyNumber = (_a = value === null || value === void 0 ? void 0 : value.replace(/\D/g, "")) !== null && _a !== void 0 ? _a : "";

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

@@ -2,39 +2,49 @@
 import { MIN_HEIGHT, MIN_WIDTH, MIN_X, MIN_Y, } from "../../features/board-v3/constant";
 import { useAppSelector } from "../../hooks/use-redux";
 import { ColorPicker, Flex, Form, InputNumber, Select } from "antd";
+import { Type4Icon, Type5Icon, Type1Icon, Type2Icon, Type3Icon, Circle, Square } from "../icons";
+import { Image } from "lucide-react";
 const { Option } = Select;
 export const optionsShape = [
     {
         value: "circle",
         label: "Circle",
+        icon: <Circle />,
     },
     {
         value: "square",
         label: "Square",
+        icon: <Square />,
     },
     {
         value: "table-seat-circle",
         label: "Type 1",
+        icon: <Type1Icon />,
     },
     {
         value: "table-seat-square",
         label: "Type 2",
+        icon: <Type2Icon />,
     },
     {
         value: "table-seat-half-square",
         label: "Type 3",
+        icon: <Type3Icon />,
     },
     {
         value: "table-seat-rect-square",
         label: "Type 4",
+        icon: <Type4Icon />,
     },
     {
         value: "table-seat-rect-circle",
         label: "Type 5 ",
+        icon: <Type5Icon />,
     },
     {
         label: "Image Table",
         value: "image-table",
+        icon: <Image size={18}/>,
     },
 ];
 const SectionShape = ({ allowChangeShape = true, }) => {
@@ -49,10 +59,15 @@ const SectionShape = ({ allowChangeShape = true, }) => {
             <Select className="w-full">
               {optionsShape === null || optionsShape === void 0 ? void 0 : optionsShape.map((item) => {
                 const disabled = item.value === "table-seat-rect-circle" && maxSeat > 4;
-                return (<Option key={item.value} value={item.value} disabled={disabled}>
-                    {item.value === "table-seat-rect-circle"
+                return (<Option key={item.value} value={item.value} disabled={disabled} className="flex w-full items-center">
+                    <Flex gap={5} align="center" justify="between">
+                      {item.icon}
+                      <span>
+                        {item.value === "table-seat-rect-circle"
                         ? `Type 5 (only for 4 ${seatKey})`
                         : item.label}
+                      </span>
+                    </Flex>
                   </Option>);
             })}
             </Select>

package/dist/components/icons/camera.d.ts

@@ -0,0 +1 @@
+export declare const Camera: () => import("react/jsx-runtime").JSX.Element;