seat-editor 3.2.17 → 3.2.19

package/dist/app/only-view/page.jsx

@@ -214,15 +214,15 @@ const TouchScrollDetect = () => {
         ]} eventMatchTable={[
             {
                 event: "mouseenter",
-                properties: { fill: "red" },
+                properties: { strokeWidth: 5 },
             },
             {
                 event: "dragenter",
-                properties: { fill: "blue" },
+                properties: { strokeWidth: 5 },
             },
             {
                 event: "selected",
-                properties: { fill: "white" },
+                properties: { strokeWidth: 5 },
             },
         ]} iconTags={[
             {
@@ -235,7 +235,7 @@ const TouchScrollDetect = () => {
             },
         ]} viewStyles={{
             paddingTop: 200,
-        }} disabled={false}/>
+        }} disabled={false} transformProps={{}}/>
         </div>
       </div>
     </div>);

package/dist/components/layer-v4/index.jsx

@@ -3,6 +3,7 @@ import { isEmpty, omit } from "lodash";
 import { arcByDirection, distributeWithSpacing } from "../layer-v3/utils";
 import { PRIVILEGED_TAGS, tagsDummy } from "./constant";
 import { useAppSelector } from "../../hooks/use-redux";
+const toKebabCase = (str) => str.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase());
 const Layers = ({ components, selectedTable, iconTags, eventMatchTable, onHighlightGroup, onForceRestoreGroup, selectedTableColor, privilegedTags = [], }) => {
     const { isShowTagType } = useAppSelector((state) => state.board);
     const showLabels = !(["type-1", "type-2"].includes(isShowTagType)) && !iconTags;
@@ -160,7 +161,7 @@ const Layers = ({ components, selectedTable, iconTags, eventMatchTable, onHighli
                     el.dataset[key] = el.getAttribute(key) || "";
                 });
                 Object.entries(properties).forEach(([key, value]) => {
-                    el.setAttribute(key, value);
+                    el.setAttribute(toKebabCase(key), value);
                 });
             });
         };
@@ -178,7 +179,7 @@ const Layers = ({ components, selectedTable, iconTags, eventMatchTable, onHighli
                     // bersihkan data
                     const dataset = el.dataset;
                     Object.entries(dataset).forEach(([key, value]) => {
-                        el.setAttribute(key, value);
+                        el.setAttribute(toKebabCase(key), value);
                         delete el.dataset[key];
                         properties = {};
                     });
@@ -195,7 +196,7 @@ const Layers = ({ components, selectedTable, iconTags, eventMatchTable, onHighli
                     return;
                 const dataset = el.dataset;
                 Object.entries(dataset).forEach(([key, value]) => {
-                    el.setAttribute(key, value);
+                    el.setAttribute(toKebabCase(key), value);
                     delete el.dataset[key];
                     properties = {};
                 });

package/dist/dto/table.d.ts

@@ -54,6 +54,8 @@ export interface TableProps {
     rotation?: number;
     points?: Point[];
     fill?: string;
+    strokeWidth?: number;
+    stroke?: string;
     seatPositions?: {
         top: number;
         right: number;

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

@@ -44,7 +44,7 @@ export interface LayerViewProps<TMeta = undefined> {
     eventMatchTable?: TableMatchEvent[];
     statusKey: string;
     defaultBackground?: string;
-    transformProps?: TransformProps;
+    transformProps?: ReactZoomPanPinchProps;
     containerProps?: React.HTMLAttributes<HTMLDivElement>;
     svgProps?: SVGAttributes<SVGSVGElement>;
     ghostAttributes?: SVGAttributes<SVGGElement>;

package/dist/features/view-only-3/index.jsx

@@ -535,14 +535,14 @@ const LayerView = (props) => {
           </div>
         )} */}
 
-      <TransformWrapper ref={transformRef} {...props.transformProps} 
+      <TransformWrapper ref={transformRef} 
     // disabled={fingerCount === 1 && scale === 1}
     disablePadding={true} centerZoomedOut={true} panning={{
             disabled: panningGroup,
             wheelPanning: true,
         }} wheel={{
             disabled: false,
-        }} onTransformed={({ state: { scale } }) => setScale(scale)} minScale={1} maxScale={1000} initialScale={1} smooth={true}>
+        }} onTransformed={({ state: { scale } }) => setScale(scale)} minScale={1} maxScale={1000} initialScale={1} smooth={true} {...props.transformProps}>
         <TransformComponent wrapperStyle={{
             width: "100%",
             height: "100%",

package/package.json

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