seat-editor 3.2.18 → 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={[
             {

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/package.json

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