seat-editor 3.5.14 → 3.5.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -19,31 +19,31 @@ export const optionsShape = [
19
19
  },
20
20
  {
21
21
  value: "table-seat-circle",
22
- label: "Type 1",
22
+ label: "Circle Type 1",
23
23
  icon: _jsx(Type1Icon, {}),
24
24
  },
25
+ {
26
+ value: "table-seat-rect-circle",
27
+ label: "Circle Type 2",
28
+ icon: _jsx(Type5Icon, {}),
29
+ },
25
30
  {
26
31
  value: "table-seat-square",
27
- label: "Type 2",
32
+ label: "Square Type 1",
28
33
  icon: _jsx(Type2Icon, {}),
29
34
  },
30
35
  {
31
36
  value: "table-seat-half-square",
32
- label: "Type 3",
37
+ label: "Square Type 2",
33
38
  icon: _jsx(Type3Icon, {}),
34
39
  },
35
40
  {
36
41
  value: "table-seat-rect-square",
37
- label: "Type 4",
42
+ label: "Square Type 3",
38
43
  icon: _jsx(Type4Icon, {}),
39
44
  },
40
45
  {
41
- value: "table-seat-rect-circle",
42
- label: "Type 5 ",
43
- icon: _jsx(Type5Icon, {}),
44
- },
45
- {
46
- label: "Image Table",
46
+ label: "Square Type 4",
47
47
  value: "image-table",
48
48
  icon: _jsx(Image, { size: 18 }),
49
49
  },
@@ -56,7 +56,7 @@ const SectionShape = ({ allowChangeShape = true, }) => {
56
56
  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) => {
57
57
  const disabled = item.value === "table-seat-rect-circle" && maxSeat > 4;
58
58
  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"
59
- ? `Type 5 (only for 4 ${seatKey})`
59
+ ? `Circle Type 2 (only for 4 ${seatKey})`
60
60
  : item.label })] }) }, item.value));
61
61
  }) }) }) })), _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) => {
62
62
  var _a;
@@ -18,31 +18,31 @@ export const optionsShape = [
18
18
  },
19
19
  {
20
20
  value: "table-seat-circle",
21
- label: "Type 1",
21
+ label: "Circle Type 1",
22
22
  icon: <Type1Icon />,
23
23
  },
24
+ {
25
+ value: "table-seat-rect-circle",
26
+ label: "Circle Type 2",
27
+ icon: <Type5Icon />,
28
+ },
24
29
  {
25
30
  value: "table-seat-square",
26
- label: "Type 2",
31
+ label: "Square Type 1",
27
32
  icon: <Type2Icon />,
28
33
  },
29
34
  {
30
35
  value: "table-seat-half-square",
31
- label: "Type 3",
36
+ label: "Square Type 2",
32
37
  icon: <Type3Icon />,
33
38
  },
34
39
  {
35
40
  value: "table-seat-rect-square",
36
- label: "Type 4",
41
+ label: "Square Type 3",
37
42
  icon: <Type4Icon />,
38
43
  },
39
44
  {
40
- value: "table-seat-rect-circle",
41
- label: "Type 5 ",
42
- icon: <Type5Icon />,
43
- },
44
- {
45
- label: "Image Table",
45
+ label: "Square Type 4",
46
46
  value: "image-table",
47
47
  icon: <Image size={18}/>,
48
48
  },
@@ -64,7 +64,7 @@ const SectionShape = ({ allowChangeShape = true, }) => {
64
64
  {item.icon}
65
65
  <span>
66
66
  {item.value === "table-seat-rect-circle"
67
- ? `Type 5 (only for 4 ${seatKey})`
67
+ ? `Circle Type 2 (only for 4 ${seatKey})`
68
68
  : item.label}
69
69
  </span>
70
70
  </Flex>
@@ -14,6 +14,6 @@ const ModalPreview = ({ children }) => {
14
14
  });
15
15
  }
16
16
  }, [isPreview]);
17
- return (_jsx(Modal, { open: isPreview, onCancel: () => dispatch({ type: "tool/setTooglePreview", payload: false }), width: 700, title: "Preview Board", centered: true, footer: null, children: _jsx("div", { className: "flex flex-col p-4 h-[500px]", children: children }) }));
17
+ return (_jsx(Modal, { open: isPreview, onCancel: () => dispatch({ type: "tool/setTooglePreview", payload: false }), width: 1000, height: 600, title: "Preview Board", centered: true, footer: null, children: _jsx("div", { className: "flex flex-col p-4 h-[500px]", children: children }) }));
18
18
  };
19
19
  export default ModalPreview;
@@ -13,7 +13,7 @@ const ModalPreview = ({ children }) => {
13
13
  });
14
14
  }
15
15
  }, [isPreview]);
16
- return (<Modal open={isPreview} onCancel={() => dispatch({ type: "tool/setTooglePreview", payload: false })} width={700} title="Preview Board" centered footer={null}>
16
+ return (<Modal open={isPreview} onCancel={() => dispatch({ type: "tool/setTooglePreview", payload: false })} width={1000} height={600} title="Preview Board" centered footer={null}>
17
17
  <div className="flex flex-col p-4 h-[500px]">{children}</div>
18
18
  </Modal>);
19
19
  };
@@ -38,7 +38,7 @@ const SelectedGroup = ({ action, }) => {
38
38
  return (_jsx(_Fragment, { children: _jsxs("div", { className: "py-2", children: [_jsx("h1", { className: "heading-s", children: " Group Selection" }), _jsxs("div", { className: "py-2", children: [!hasExtraComponent && (_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: optionsSelect === null || optionsSelect === void 0 ? void 0 : optionsSelect.map((item) => {
39
39
  const disabled = item.value === "table-seat-rect-circle" && maxSeat;
40
40
  return (_jsx(Option, { value: item.value, disabled: disabled, className: "flex w-full justify-between items-center", children: _jsxs(Flex, { gap: 5, align: "center", justify: "between", children: [item.icon, _jsx("span", { children: item.value === "table-seat-rect-circle"
41
- ? `Type 5 (only for 4 ${seatKey})`
41
+ ? `Circle Type 2 (only for 4 ${seatKey})`
42
42
  : item.label })] }) }, item.value));
43
43
  }) }) }) })), allImageSelected && (_jsx(UploadGroupTool, { type: "component", name: "image-table", action: action })), _jsxs(Flex, { gap: 2, className: "w-full", vertical: true, children: [!shapeAllIncludePolygon && (_jsxs(_Fragment, { children: [_jsx(Form.Item, { label: "Width", name: "width", className: "w-full", layout: "horizontal", labelCol: { style: { width: 100, textAlign: "left" } }, wrapperCol: { style: { flex: 1 } }, children: _jsx(InputNumber, { suffix: "px", name: "width", min: MIN_WIDTH, placeholder: placeholders["width"], style: { width: "100%" } }) }), _jsx(Form.Item, { label: "Height", name: "height", className: "w-full", layout: "horizontal", labelCol: { style: { width: 100, textAlign: "left" } }, wrapperCol: { style: { flex: 1 } }, children: _jsx(InputNumber, { suffix: "px", name: "height", min: MIN_HEIGHT, placeholder: placeholders["height"], style: { width: "100%" } }) })] })), !(shape === null || shape === void 0 ? void 0 : shape.includes("circle")) && !shapeAllIncludePolygon && (_jsx(Form.Item, { label: "Radius", name: "radius", className: "w-full", layout: "horizontal", labelCol: { style: { width: 100, textAlign: "left" } }, wrapperCol: { style: { flex: 1 } }, children: _jsx(InputNumber, { name: "radius", suffix: "px", style: { width: "100%" }, placeholder: placeholders["radius"], parser: (value) => {
44
44
  var _a;
@@ -54,7 +54,7 @@ const SelectedGroup = ({ action, }) => {
54
54
  {item.icon}
55
55
  <span>
56
56
  {item.value === "table-seat-rect-circle"
57
- ? `Type 5 (only for 4 ${seatKey})`
57
+ ? `Circle Type 2 (only for 4 ${seatKey})`
58
58
  : item.label}
59
59
  </span>
60
60
  </Flex>
@@ -14,7 +14,7 @@ import { Upload, Image as ImageAntd, Button, Form, Flex, Select, InputNumber, Co
14
14
  import { InboxOutlined, LoadingOutlined } from "@ant-design/icons";
15
15
  import { useAppDispatch, useAppSelector } from "../../hooks/use-redux";
16
16
  import { MIN_HEIGHT, MIN_WIDTH, MIN_X, MIN_Y } from "../board-v3/constant";
17
- import { optionsShape } from "@/components/form-tools/shape";
17
+ import { optionsShape } from "../../components/form-tools/shape";
18
18
  const { Dragger } = Upload;
19
19
  const UploadTool = ({ name, type, action, defaultValue, transform, }) => {
20
20
  // const src = Form.useWatch("src");
@@ -172,7 +172,7 @@ const UploadToolForm = (props) => {
172
172
  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, { className: "w-full", children: optionsShape === null || optionsShape === void 0 ? void 0 : optionsShape.map((item) => {
173
173
  const disabled = item.value === "table-seat-rect-circle" && maxSeat > 4;
174
174
  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"
175
- ? `Type 5 (only for 4 ${seatKey})`
175
+ ? `Circle Type 2 (only for 4 ${seatKey})`
176
176
  : item.label })] }) }, item.value));
177
177
  }) }) }) }), _jsx(UploadTool, Object.assign({}, props)), _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) => {
178
178
  var _a;
@@ -13,7 +13,7 @@ import { Upload, Image as ImageAntd, Button, Form, Flex, Select, InputNumber, Co
13
13
  import { InboxOutlined, LoadingOutlined } from "@ant-design/icons";
14
14
  import { useAppDispatch, useAppSelector } from "../../hooks/use-redux";
15
15
  import { MIN_HEIGHT, MIN_WIDTH, MIN_X, MIN_Y } from "../board-v3/constant";
16
- import { optionsShape } from "@/components/form-tools/shape";
16
+ import { optionsShape } from "../../components/form-tools/shape";
17
17
  const { Dragger } = Upload;
18
18
  const UploadTool = ({ name, type, action, defaultValue, transform, }) => {
19
19
  // const src = Form.useWatch("src");
@@ -209,7 +209,7 @@ const UploadToolForm = (props) => {
209
209
  {item.icon}
210
210
  <span>
211
211
  {item.value === "table-seat-rect-circle"
212
- ? `Type 5 (only for 4 ${seatKey})`
212
+ ? `Circle Type 2 (only for 4 ${seatKey})`
213
213
  : item.label}
214
214
  </span>
215
215
  </Flex>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "seat-editor",
3
- "version": "3.5.14",
3
+ "version": "3.5.16",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",