seat-editor 3.3.13 → 3.3.15

package/dist/libs/store.d.ts

@@ -0,0 +1,18 @@
+import { Action, ThunkAction } from "@reduxjs/toolkit";
+export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
+    board: import("../features/board-v3/board-slice").InitialState;
+    tool: import("../features/side-tool/side-tool-slice").ToolState;
+    panel: import("../features/panel/panel-slice").PanelState;
+    theme: import("../features/theme/theme-slice").ThemeProps;
+}, import("redux").UnknownAction, import("@reduxjs/toolkit").Tuple<[import("redux").StoreEnhancer<{
+    dispatch: import("redux-thunk").ThunkDispatch<{
+        board: import("../features/board-v3/board-slice").InitialState;
+        tool: import("../features/side-tool/side-tool-slice").ToolState;
+        panel: import("../features/panel/panel-slice").PanelState;
+        theme: import("../features/theme/theme-slice").ThemeProps;
+    }, undefined, import("redux").UnknownAction>;
+}>, import("redux").StoreEnhancer]>>;
+export type AppDispatch = typeof store.dispatch;
+export type RootState = ReturnType<typeof store.getState>;
+export type AppThunk = ThunkAction<void, RootState, unknown, Action<string>>;
+export type AppStore = typeof store;

package/dist/libs/store.js

@@ -0,0 +1,19 @@
+"use client";
+import { configureStore } from "@reduxjs/toolkit";
+import { rootReducer } from "./rootReducer";
+import { logger } from "redux-logger";
+import { middleware } from "./middleware";
+import { FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER } from "redux-persist";
+if (process.env.NODE_ENV === "development") {
+    middleware.push(logger);
+}
+// const rootPersistReducer = persistReducer<RootState>(rootPersistConfig, rootReducer);
+export const store = configureStore({
+    reducer: rootReducer,
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware({
+        serializableCheck: {
+            ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
+        },
+    }).concat(middleware),
+    devTools: process.env.NODE_ENV !== "production",
+});

package/dist/provider/antd-provider.d.ts

@@ -0,0 +1,4 @@
+export declare const AntdProvider: React.FC<{
+    children: React.ReactNode;
+    themeColor?: string;
+}>;

package/dist/provider/antd-provider.jsx

@@ -0,0 +1,46 @@
+"use client";
+import { useEffect } from "react";
+import { ConfigProvider } from "antd";
+import { AntdRegistry } from "@ant-design/nextjs-registry";
+import { useAppSelector, useAppDispatch } from "../hooks/use-redux";
+export const AntdProvider = ({ children, themeColor }) => {
+    const dispatch = useAppDispatch();
+    const theme = useAppSelector((state) => state.theme);
+    useEffect(() => {
+        if (themeColor !== theme.primaryColor) {
+            dispatch({
+                type: "theme/setPrimaryColor",
+                payload: themeColor
+            });
+        }
+    }, [themeColor]);
+    return (<AntdRegistry>
+      <ConfigProvider theme={{
+            token: {
+                colorPrimary: themeColor,
+            },
+            //   token: {
+            //     colorPrimary: theme.theme["--primary-color"],
+            //     colorPrimaryBorderHover: theme.theme["--primary-color"],
+            //     fontFamily: "var(--font-inter), sans-serif",
+            //     colorError: theme.theme["--danger"],
+            //     controlOutlineWidth: 4,
+            //     controlOutline: theme.theme["--surface-color"],
+            //     colorBgContainerDisabled: "var(--netral-03)",
+            //     colorTextPlaceholder: "var(--netral-06)",
+            //   },
+            components: {
+                Form: {
+                    labelFontSize: 14,
+                    fontWeightStrong: 500,
+                    itemMarginBottom: 12,
+                },
+                Button: {
+                    colorPrimary: themeColor
+                }
+            },
+        }}>
+        {children}
+      </ConfigProvider>
+    </AntdRegistry>);
+};

package/dist/provider/redux-provider.d.ts

@@ -0,0 +1,3 @@
+export declare const ReduxProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react").JSX.Element;

package/dist/provider/redux-provider.jsx

@@ -0,0 +1,6 @@
+"use client";
+import { store } from "../libs/store";
+import { Provider } from "react-redux";
+export const ReduxProvider = ({ children }) => {
+    return <Provider store={store}>{children}</Provider>;
+};

package/dist/provider/store-provider.d.ts

@@ -0,0 +1,4 @@
+export declare const StoreProvider: ({ children, themeColor, }: {
+    children: React.ReactNode;
+    themeColor?: string;
+}) => import("react").JSX.Element;

package/dist/provider/store-provider.jsx

@@ -0,0 +1,10 @@
+"use client";
+import { ReduxProvider } from "./redux-provider";
+import { AntdProvider } from "./antd-provider";
+import { injectSeatEditorCSS } from "../utils/injectCss";
+export const StoreProvider = ({ children, themeColor = "red", }) => {
+    injectSeatEditorCSS();
+    return (<ReduxProvider>
+      <AntdProvider themeColor={themeColor}>{children}</AntdProvider>
+    </ReduxProvider>);
+};

package/dist/utils/constant.d.ts

@@ -0,0 +1,3 @@
+export declare const TABLE_KEYS: string[];
+export declare const SEAT_SHAPES: readonly ["circle", "square", "table-seat-circle", "table-seat-square", "table-seat-half-square", "table-seat-rect-square", "table-seat-rect-circle"];
+export type SeatShape = typeof SEAT_SHAPES[number];

package/dist/utils/constant.js

@@ -0,0 +1,13 @@
+export const TABLE_KEYS = [
+    "labels",
+    "fontColor",
+    "src",
+    "shape",
+    "seatFill",
+    "tags",
+    "gapTags",
+    "seatCount",
+    "openSpace",
+    "seatPositions"
+];
+export const SEAT_SHAPES = ["circle", "square", "table-seat-circle", "table-seat-square", "table-seat-half-square", "table-seat-rect-square", "table-seat-rect-circle"];

package/dist/utils/format.d.ts

@@ -0,0 +1,2 @@
+export declare const parseDataAttribute: <T = any>(el: Element | null, attr: string, fallback?: T | null) => T;
+export declare const parseDataAttributeList: <T = any>(elements: Array<Element> | NodeListOf<Element>, attr: string) => T[];

package/dist/utils/format.js

@@ -0,0 +1,29 @@
+export const parseDataAttribute = (el, attr, fallback) => {
+    if (!el)
+        return fallback;
+    const raw = el.getAttribute(attr);
+    if (!raw)
+        return fallback;
+    try {
+        return JSON.parse(raw);
+    }
+    catch (err) {
+        console.warn(`Failed to parse attribute "${attr}":`, err);
+        return fallback;
+    }
+};
+export const parseDataAttributeList = (elements, attr) => {
+    const result = [];
+    elements.forEach((el) => {
+        const raw = el.getAttribute(attr);
+        if (!raw)
+            return;
+        try {
+            result.push(JSON.parse(raw));
+        }
+        catch (err) {
+            console.warn(`Failed to parse attribute "${attr}" on element`, err);
+        }
+    });
+    return result;
+};

package/dist/utils/injectCss.d.ts

@@ -0,0 +1 @@
+export declare const injectSeatEditorCSS: () => void;

package/dist/utils/injectCss.js

@@ -0,0 +1,13 @@
+// src/utils/injectCss.ts
+export const injectSeatEditorCSS = () => {
+    if (typeof document !== 'undefined') {
+        const id = '__seat-editor-css__';
+        if (!document.getElementById(id)) {
+            const link = document.createElement('link');
+            link.id = id;
+            link.rel = 'stylesheet';
+            link.href = '/node_modules/seat-editor/dist/seat-editor.css'; // atau dynamic import
+            document.head.appendChild(link);
+        }
+    }
+};

package/dist/utils/regex.d.ts

@@ -0,0 +1,3 @@
+export declare const REGEX: {
+    size: RegExp;
+};

package/dist/utils/regex.js

@@ -0,0 +1,3 @@
+export const REGEX = {
+    size: /^[1-9]\d*$/,
+};

package/package.json

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