seat-editor 3.3.13 → 3.3.15

package/dist/components/layer-v3/utils.js

@@ -0,0 +1,72 @@
+export function rectToPolygonPoints(x, y, width, height) {
+    const topLeft = [x, y];
+    const topRight = [x + width, y];
+    const bottomRight = [x + width, y + height];
+    const bottomLeft = [x, y + height];
+    const points = [topLeft, topRight, bottomRight, bottomLeft]
+        .map((point) => point.join(","))
+        .join(" ");
+    return points;
+}
+export function rectToPolygonNodes(width, height) {
+    const points = [
+        { x: 0, y: 0 },
+        { x: 0 + width / 2, y: 0 },
+        { x: 0 + width, y: 0 },
+        { x: 0 + width, y: 0 + height / 2 },
+        { x: 0 + width, y: 0 + height },
+        { x: 0 + width / 2, y: 0 + height },
+        { x: 0, y: 0 + height },
+        { x: 0, y: 0 + height / 2 },
+    ];
+    return points;
+}
+export function distributeWithSpacing({ start, length, count, radius, spacing, }) {
+    if (count === 0)
+        return [];
+    // ✅ satu seat → selalu center
+    if (count === 1) {
+        return [start + length / 2];
+    }
+    const usable = length - 2 * radius;
+    // spacing default = bagi penuh
+    const defaultSpacing = usable / (count - 1);
+    const s = spacing != null ? Math.min(spacing, defaultSpacing) : defaultSpacing;
+    // total panjang seat berdasarkan spacing
+    const total = (count - 1) * s;
+    // start supaya CENTERED
+    const offset = (usable - total) / 2;
+    return Array.from({ length: count }, (_, i) => start + radius + offset + i * s);
+}
+// utils/svgPath.ts
+// utils/svgArc.ts
+export const arcByDirection = ({ cx, cy, r, direction = "top", fraction = 0.5, }) => {
+    const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
+    const frac = clamp(fraction, 0.01, 1);
+    const sweep = 360 * frac;
+    // angle tengah untuk tiap direction
+    const centerAngleMap = {
+        top: -90,
+        right: 0,
+        bottom: 90,
+        left: 180,
+    };
+    const centerAngle = centerAngleMap[direction];
+    const startAngle = centerAngle - sweep / 2;
+    const endAngle = centerAngle + sweep / 2;
+    const rad = (deg) => (deg * Math.PI) / 180;
+    const start = {
+        x: cx + r * Math.cos(rad(startAngle)),
+        y: cy + r * Math.sin(rad(startAngle)),
+    };
+    const end = {
+        x: cx + r * Math.cos(rad(endAngle)),
+        y: cy + r * Math.sin(rad(endAngle)),
+    };
+    const largeArcFlag = sweep > 180 ? 1 : 0;
+    const sweepFlag = 1;
+    return `
+      M ${start.x} ${start.y}
+      A ${r} ${r} 0 ${largeArcFlag} ${sweepFlag} ${end.x} ${end.y}
+    `;
+};

package/dist/components/layer-v4/constant.d.ts

@@ -0,0 +1,60 @@
+export declare const tagsDummy: (name: string, icon: string) => ({
+    gap: string;
+    key: string;
+    items: {
+        type: string;
+        value: string;
+    }[];
+    direction: string;
+    offsetX?: undefined;
+    offsetY?: undefined;
+} | {
+    gap: string;
+    key: string;
+    items: {
+        type: string;
+        value: string;
+    }[];
+    offsetX: string;
+    offsetY: string;
+    direction: string;
+} | {
+    gap: string;
+    key: string;
+    items: ({
+        type: string;
+        value: string;
+        fontWeight: string;
+        textDecoration: string;
+        symbol?: undefined;
+    } | {
+        type: string;
+        value: string;
+        fontWeight?: undefined;
+        textDecoration?: undefined;
+        symbol?: undefined;
+    } | {
+        type: string;
+        value: string;
+        symbol: {
+            value: string;
+            gap: number;
+            position: string;
+        };
+        fontWeight?: undefined;
+        textDecoration?: undefined;
+    })[];
+    direction: string;
+    offsetY: number;
+    offsetX?: undefined;
+})[];
+export declare const PRIVILEGED_TAGS: {
+    CURRENT_TIME: {
+        key: string;
+        items: string[];
+    }[];
+    NEXT_3_RESERVATION: {
+        key: string;
+        items: string[];
+    }[];
+};

package/dist/components/layer-v4/constant.js

@@ -0,0 +1,93 @@
+export const tagsDummy = (name, icon) => [
+    {
+        gap: "8",
+        key: "table",
+        items: [
+            {
+                type: "text",
+                value: name,
+            },
+            {
+                type: "icon",
+                value: icon,
+            },
+        ],
+        direction: "column",
+    },
+    {
+        gap: "8",
+        key: "pax",
+        items: [
+            {
+                type: "icon",
+                value: "people",
+            },
+            {
+                type: "text",
+                value: "0/8",
+            },
+        ],
+        offsetX: "3",
+        offsetY: "1",
+        direction: "flex",
+    },
+    {
+        gap: "2",
+        key: "rsvp_time",
+        items: [
+            {
+                type: "text",
+                value: "18:00",
+                fontWeight: "bold",
+                textDecoration: "underline",
+            },
+            {
+                type: "text",
+                value: "19:00",
+            },
+            {
+                type: "text",
+                value: "22:00",
+                symbol: {
+                    value: "+1",
+                    gap: 1,
+                    position: "right-top"
+                },
+            },
+            // as Position, // right | right-top | right-bottom | left | left-top | left-bottom | top | bottom
+            // {
+            //   type: "text",
+            //   value: "23:00",
+            //   symbol: {
+            //     value: "+1",
+            //     gap: 1,
+            //     position: "right-top" as Position, // right | right-top | right-bottom | left | left-top | left-bottom | top | bottom
+            //   },
+            // },
+        ],
+        direction: "column",
+        offsetY: -35,
+    },
+];
+export const PRIVILEGED_TAGS = {
+    CURRENT_TIME: [
+        {
+            key: "table",
+            items: ["text", "icon"],
+        },
+        {
+            key: "pax",
+            items: ["text", "icon"],
+        },
+    ],
+    NEXT_3_RESERVATION: [
+        {
+            key: "table",
+            items: ["text"],
+        },
+        {
+            key: "rsvp_time",
+            items: ["text"],
+        },
+    ],
+};

package/dist/components/layer-v4/index.d.ts

@@ -0,0 +1,24 @@
+import { EventHandleType } from "../../dto/event-handler";
+import { PropertiesProps } from "../../dto/table";
+import { TableMatchEvent } from "../../features/view-only-3";
+interface LayersProps {
+    components?: PropertiesProps[];
+    selectedComponent?: PropertiesProps;
+    activeTool?: string;
+    onBlur?: () => void;
+    selectedTable?: PropertiesProps;
+    iconTags?: {
+        icon: React.JSX.Element;
+        key: string;
+    }[];
+    eventMatchTable?: TableMatchEvent[];
+    onHighlightGroup?: (group: SVGGElement, eventType: EventHandleType) => void;
+    onForceRestoreGroup?: (group: SVGGElement, eventType: EventHandleType) => void;
+    selectedTableColor?: string;
+    privilegedTags?: {
+        key: string;
+        items: string[];
+    }[];
+}
+declare const Layers: ({ components, selectedTable, iconTags, eventMatchTable, onHighlightGroup, onForceRestoreGroup, selectedTableColor, privilegedTags, }: LayersProps) => import("react").JSX.Element;
+export default Layers;