seat-editor 3.6.0 → 3.6.1

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import clsx from "clsx";
 const ButtonRadio = ({ options, value, onChange, }) => {
     const [selected, setSelected] = useState(value);
@@ -8,6 +8,9 @@ const ButtonRadio = ({ options, value, onChange, }) => {
         setSelected(val);
         onChange === null || onChange === void 0 ? void 0 : onChange(val);
     };
+    useEffect(() => {
+        setSelected(value);
+    }, [value]);
     return (_jsx("div", { className: "flex items-center gap-[22px] p-1 rounded-xl w-fit", children: options.map((option) => {
             const isSelected = selected === option.value;
             return (_jsx("button", { type: "button", onClick: () => handleSelect(option.value), className: clsx("px-4 py-2.5 rounded-[6px] text-[12px] font-semibold transition-all duration-200", {

package/dist/components/button-radio/index.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import clsx from "clsx";
 const ButtonRadio = ({ options, value, onChange, }) => {
     const [selected, setSelected] = useState(value);
@@ -7,6 +7,9 @@ const ButtonRadio = ({ options, value, onChange, }) => {
         setSelected(val);
         onChange === null || onChange === void 0 ? void 0 : onChange(val);
     };
+    useEffect(() => {
+        setSelected(value);
+    }, [value]);
     return (<div className="flex items-center gap-[22px] p-1 rounded-xl w-fit">
       {options.map((option) => {
             const isSelected = selected === option.value;

package/dist/features/board-v3/icons.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
 type IconProps = React.HTMLAttributes<SVGElement>;
 export declare const RsvpIcons: Record<string, React.FC<IconProps>>;
+export declare const WarningIcon: () => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/features/board-v3/icons.js

@@ -14,3 +14,6 @@ export const RsvpIcons = {
     walk: (props) => (_jsx("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("path", { d: "M13.0233 5.09302C14.1489 5.09302 15.0698 4.17209 15.0698 3.04651C15.0698 1.92093 14.1489 1 13.0233 1C11.8977 1 10.9768 1.92093 10.9768 3.04651C10.9768 4.17209 11.8977 5.09302 13.0233 5.09302ZM9.23725 8.57209L6.61771 21.7823C6.48469 22.4065 6.97585 23 7.62051 23H7.70237C8.1833 23 8.5926 22.6726 8.70516 22.2019L10.3628 14.814L12.5117 16.8605V21.9767C12.5117 22.5395 12.9721 23 13.5349 23C14.0977 23 14.5582 22.5395 14.5582 21.9767V16.2056C14.5582 15.6428 14.3331 15.1107 13.9238 14.7219L12.4093 13.2791L13.0233 10.2093C14.1764 11.5276 15.755 12.4002 17.4847 12.6753C18.0986 12.7674 18.6512 12.2763 18.6512 11.6521C18.6512 11.1507 18.2828 10.7312 17.7814 10.6493C16.2261 10.3935 14.9368 9.47256 14.2512 8.26512L13.2279 6.62791C12.9516 6.18602 12.527 5.85689 12.0302 5.69941C11.5334 5.54193 10.9968 5.56638 10.5163 5.76837L6.59725 7.42605C6.22654 7.5845 5.91057 7.84841 5.68862 8.18498C5.46667 8.52154 5.34853 8.91591 5.34888 9.31907V11.7442C5.34888 12.307 5.80934 12.7674 6.37213 12.7674C6.93492 12.7674 7.39539 12.307 7.39539 11.7442V9.28837L9.23725 8.57209Z", fill: "currentColor" }) }))),
     people: (props) => (_jsxs("svg", Object.assign({ width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("path", { d: "M8.40752 11.6627C9.79514 11.6627 10.92 10.5378 10.92 9.15019C10.92 7.76258 9.79514 6.6377 8.40752 6.6377C7.0199 6.6377 5.89502 7.76258 5.89502 9.15019C5.89502 10.5378 7.0199 11.6627 8.40752 11.6627Z", fill: "#5E6278" }), _jsx("path", { d: "M8.4076 16.5002C10.1307 16.5002 11.5276 15.6171 11.5276 14.5277C11.5276 13.4383 10.1307 12.5552 8.4076 12.5552C6.68447 12.5552 5.2876 13.4383 5.2876 14.5277C5.2876 15.6171 6.68447 16.5002 8.4076 16.5002Z", fill: "#5E6278" }), _jsx("path", { opacity: "0.3", d: "M12.3826 5.73C13.5507 5.73 14.4976 4.78308 14.4976 3.615C14.4976 2.44692 13.5507 1.5 12.3826 1.5C11.2145 1.5 10.2676 2.44692 10.2676 3.615C10.2676 4.78308 11.2145 5.73 12.3826 5.73Z", fill: "#5E6278" }), _jsx("path", { opacity: "0.3", d: "M4.41017 5.73C5.57825 5.73 6.52517 4.78308 6.52517 3.615C6.52517 2.44692 5.57825 1.5 4.41017 1.5C3.24208 1.5 2.29517 2.44692 2.29517 3.615C2.29517 4.78308 3.24208 5.73 4.41017 5.73Z", fill: "#5E6278" }), _jsxs("g", { opacity: "0.3", children: [_jsx("path", { d: "M12.2625 7.37256C12.0225 7.37256 11.79 7.37256 11.5575 7.41006C11.9105 8.02313 12.0701 8.72856 12.0152 9.43388C11.9603 10.1392 11.6936 10.8115 11.25 11.3626C11.586 11.4291 11.9275 11.4642 12.27 11.4676C14.175 11.4676 15.7125 10.5451 15.7125 9.42006C15.7125 8.29506 14.1675 7.37256 12.2625 7.37256Z", fill: "#5E6278" }), _jsx("path", { d: "M4.2375 7.5C4.4775 7.5 4.71 7.5 4.9425 7.5375C4.58947 8.15057 4.42993 8.856 4.4848 9.56132C4.53968 10.2666 4.8064 10.9389 5.25 11.49C4.91399 11.5565 4.57252 11.5917 4.23 11.595C2.325 11.595 0.7875 10.6725 0.7875 9.5475C0.7875 8.4225 2.3325 7.5 4.2375 7.5Z", fill: "#5E6278" })] })] }))),
 };
+export const WarningIcon = () => {
+    return (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { opacity: "0.3", d: "M9.99935 18.3346C14.6017 18.3346 18.3327 14.6037 18.3327 10.0013C18.3327 5.39893 14.6017 1.66797 9.99935 1.66797C5.39698 1.66797 1.66602 5.39893 1.66602 10.0013C1.66602 14.6037 5.39698 18.3346 9.99935 18.3346Z", fill: "#5E6278" }), _jsx("path", { d: "M9.99935 8.83594C10.2204 8.83594 10.4323 8.92373 10.5886 9.08001C10.7449 9.23629 10.8327 9.44826 10.8327 9.66927V13.5526C10.8327 13.7736 10.7449 13.9856 10.5886 14.1419C10.4323 14.2981 10.2204 14.3859 9.99935 14.3859C9.77834 14.3859 9.56637 14.2981 9.41009 14.1419C9.25381 13.9856 9.16602 13.7736 9.16602 13.5526V9.66927C9.16602 9.44826 9.25381 9.23629 9.41009 9.08001C9.56637 8.92373 9.77834 8.83594 9.99935 8.83594Z", fill: "#5E6278" }), _jsx("path", { d: "M9.9987 7.70052C10.574 7.70052 11.0404 7.23415 11.0404 6.65885C11.0404 6.08356 10.574 5.61719 9.9987 5.61719C9.4234 5.61719 8.95703 6.08356 8.95703 6.65885C8.95703 7.23415 9.4234 7.70052 9.9987 7.70052Z", fill: "#5E6278" })] }));
+};

package/dist/features/board-v3/icons.jsx

@@ -98,3 +98,10 @@ export const RsvpIcons = {
       </g>
     </svg>),
 };
+export const WarningIcon = () => {
+    return (<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path opacity="0.3" d="M9.99935 18.3346C14.6017 18.3346 18.3327 14.6037 18.3327 10.0013C18.3327 5.39893 14.6017 1.66797 9.99935 1.66797C5.39698 1.66797 1.66602 5.39893 1.66602 10.0013C1.66602 14.6037 5.39698 18.3346 9.99935 18.3346Z" fill="#5E6278"/>
+      <path d="M9.99935 8.83594C10.2204 8.83594 10.4323 8.92373 10.5886 9.08001C10.7449 9.23629 10.8327 9.44826 10.8327 9.66927V13.5526C10.8327 13.7736 10.7449 13.9856 10.5886 14.1419C10.4323 14.2981 10.2204 14.3859 9.99935 14.3859C9.77834 14.3859 9.56637 14.2981 9.41009 14.1419C9.25381 13.9856 9.16602 13.7736 9.16602 13.5526V9.66927C9.16602 9.44826 9.25381 9.23629 9.41009 9.08001C9.56637 8.92373 9.77834 8.83594 9.99935 8.83594Z" fill="#5E6278"/>
+      <path d="M9.9987 7.70052C10.574 7.70052 11.0404 7.23415 11.0404 6.65885C11.0404 6.08356 10.574 5.61719 9.9987 5.61719C9.4234 5.61719 8.95703 6.08356 8.95703 6.65885C8.95703 7.23415 9.4234 7.70052 9.9987 7.70052Z" fill="#5E6278"/>
+    </svg>);
+};

package/dist/features/board-v3/index.js

@@ -15,11 +15,11 @@ import { applyResizeToSvgElement, arrayToSvgPointsAttr, createTableGhost, getGlo
 import { getOS } from "../../utils/agent";
 import { MIN_HEIGHT, MIN_WIDTH, ZOOM_STEP, ZOOM_MAX, ZOOM_MIN, FONT_SCALES, } from "./constant";
 import ButtonRadio from "../../components/button-radio";
+import { WarningIcon } from "./icons";
 const toolElement = ["square", "circle", "table-seat-circle"];
 const idSelectionBoxGhost = "selection-box-ghost";
 const nameShapeSelectionBoxGhost = "selection-box";
 const BoardTemplate = ({ refs, loadingRender, disabled = false, priviewActive = [], }) => {
-    var _a;
     const os = getOS();
     const dispatch = useAppDispatch();
     const backgroundColor = useAppSelector((state) => state.board.backgroundColor);
@@ -1973,15 +1973,19 @@ const BoardTemplate = ({ refs, loadingRender, disabled = false, priviewActive =
         return 1;
     };
     const { typePreview } = useAppSelector((state) => state.tool);
-    const previewTabValue = typePreview === "setting" ? priviewActive === null || priviewActive === void 0 ? void 0 : priviewActive.filter((item) => item.type !== "default") : priviewActive;
+    const previewTabValue = typePreview === "setting"
+        ? priviewActive === null || priviewActive === void 0 ? void 0 : priviewActive.filter((item) => item.type !== "default")
+        : priviewActive;
     return (_jsxs(_Fragment, { children: [_jsx(ModalPreview, { modalProps: {
-                    footer: (typePreview === "setting" && isShowTagType !== "default") && (_jsx(_Fragment, { children: _jsxs("div", { className: "flex gap-2 p-[20px]", children: [_jsx("span", { className: "font-bold text-[14px]", children: "Select Font Size:" }), _jsx(Radio.Group, { value: valuesScalingFontSize(), onChange: (e) => {
+                    footer: typePreview === "setting" && isShowTagType !== "default" && (_jsx(_Fragment, { children: _jsxs("div", { className: "flex gap-2 p-[20px]", children: [_jsx("span", { className: "font-bold text-[14px]", children: "Select Font Size:" }), _jsx(Radio.Group, { value: valuesScalingFontSize(), onChange: (e) => {
                                         handleClickButtonFontScaling(e.target.value, isShowTagType);
                                     }, children: FONT_SCALES === null || FONT_SCALES === void 0 ? void 0 : FONT_SCALES.map((item) => (_jsx(Radio, { value: item.value, children: item.label }, item.value))) })] }) })),
-                    title: (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex flex-col gap-[20px] p-[20px]", children: _jsx("h1", { className: "text-[22px] font-semibold leading-[22px]", children: typePreview === "setting" ? "Font Size Setting" : "Preview Board" }) }), _jsx("div", { className: "w-full h-[1px] bg-[#E6E6E6]" }), _jsx("div", { className: "p-[10px]", children: _jsx(ButtonRadio, { onChange: (val) => handleCheckPreview(val), options: previewTabValue === null || previewTabValue === void 0 ? void 0 : previewTabValue.map((item) => ({
+                    title: (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex flex-col gap-[20px] p-[20px]", children: _jsx("h1", { className: "text-[22px] font-semibold leading-[22px]", children: typePreview === "setting"
+                                        ? "Font Size Setting"
+                                        : "Preview Board" }) }), _jsx("div", { className: "w-full h-[1px] bg-[#E6E6E6]" }), _jsx("div", { className: "p-[10px]", children: _jsx(ButtonRadio, { onChange: (val) => handleCheckPreview(val), options: previewTabValue === null || previewTabValue === void 0 ? void 0 : previewTabValue.map((item) => ({
                                         label: item.label,
                                         value: item.type,
-                                    })), value: (_a = previewTabValue === null || previewTabValue === void 0 ? void 0 : previewTabValue[0]) === null || _a === void 0 ? void 0 : _a.type }) })] }))
+                                    })), value: isShowTagType }) }), typePreview === "setting" && (_jsxs("div", { className: "py-2.5 px-3 bg-[#FFF8DD] border-[#FFC700] border text-[#181C32] flex gap-2.5 text-[12px] font-semibold items-center tracking-[0%]", children: [_jsx(WarningIcon, {}), " Font adjustments made here are scaled based on the original font sizes set in the main layout. Changes made here affect the operational layouts only, without changing your main editing canvas."] }))] })),
                 }, children: _jsx(LayerView, { statusKey: "status", loadingRender: loadingRender, actionPrivileged: {
                         select: false,
                         move: false,

package/dist/features/board-v3/index.jsx

@@ -14,11 +14,11 @@ import { applyResizeToSvgElement, arrayToSvgPointsAttr, createTableGhost, getGlo
 import { getOS } from "../../utils/agent";
 import { MIN_HEIGHT, MIN_WIDTH, ZOOM_STEP, ZOOM_MAX, ZOOM_MIN, FONT_SCALES, } from "./constant";
 import ButtonRadio from "../../components/button-radio";
+import { WarningIcon } from "./icons";
 const toolElement = ["square", "circle", "table-seat-circle"];
 const idSelectionBoxGhost = "selection-box-ghost";
 const nameShapeSelectionBoxGhost = "selection-box";
 const BoardTemplate = ({ refs, loadingRender, disabled = false, priviewActive = [], }) => {
-    var _a;
     const os = getOS();
     const dispatch = useAppDispatch();
     const backgroundColor = useAppSelector((state) => state.board.backgroundColor);
@@ -1972,12 +1972,14 @@ const BoardTemplate = ({ refs, loadingRender, disabled = false, priviewActive =
         return 1;
     };
     const { typePreview } = useAppSelector((state) => state.tool);
-    const previewTabValue = typePreview === "setting" ? priviewActive === null || priviewActive === void 0 ? void 0 : priviewActive.filter((item) => item.type !== "default") : priviewActive;
+    const previewTabValue = typePreview === "setting"
+        ? priviewActive === null || priviewActive === void 0 ? void 0 : priviewActive.filter((item) => item.type !== "default")
+        : priviewActive;
     return (<>
       <ModalPreview modalProps={{
-            footer: (typePreview === "setting" && isShowTagType !== "default") && (<>
+            footer: typePreview === "setting" && isShowTagType !== "default" && (<>
               <div className="flex gap-2 p-[20px]">
-              <span className="font-bold text-[14px]">Select Font Size:</span>
+                <span className="font-bold text-[14px]">Select Font Size:</span>
 
                 <Radio.Group value={valuesScalingFontSize()} onChange={(e) => {
                     handleClickButtonFontScaling(e.target.value, isShowTagType);
@@ -2022,18 +2024,27 @@ const BoardTemplate = ({ refs, loadingRender, disabled = false, priviewActive =
                 </div> */}
             </>),
             title: (<>
-            <div className="flex flex-col gap-[20px] p-[20px]">
-              <h1 className="text-[22px] font-semibold leading-[22px]">{typePreview === "setting" ? "Font Size Setting" : "Preview Board"}</h1>
-            </div>
-            <div className="w-full h-[1px] bg-[#E6E6E6]"/>
+              <div className="flex flex-col gap-[20px] p-[20px]">
+                <h1 className="text-[22px] font-semibold leading-[22px]">
+                  {typePreview === "setting"
+                    ? "Font Size Setting"
+                    : "Preview Board"}
+                </h1>
+              </div>
+              <div className="w-full h-[1px] bg-[#E6E6E6]"/>
               <div className="p-[10px]">
                 <ButtonRadio onChange={(val) => handleCheckPreview(val)} options={previewTabValue === null || previewTabValue === void 0 ? void 0 : previewTabValue.map((item) => ({
                     label: item.label,
                     value: item.type,
-                }))} value={(_a = previewTabValue === null || previewTabValue === void 0 ? void 0 : previewTabValue[0]) === null || _a === void 0 ? void 0 : _a.type}/>
-                
+                }))} value={isShowTagType}/>
               </div>
-          </>)
+              {typePreview === "setting" && (<div className="py-2.5 px-3 bg-[#FFF8DD] border-[#FFC700] border text-[#181C32] flex gap-2.5 text-[12px] font-semibold items-center tracking-[0%]">
+                <WarningIcon /> Font adjustments made here are scaled based on
+                the original font sizes set in the main layout. Changes made
+                here affect the operational layouts only, without changing your
+                main editing canvas.
+              </div>)}
+            </>),
         }}>
         <LayerView statusKey="status" loadingRender={loadingRender} actionPrivileged={{
             select: false,

package/package.json

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