sheet-widget 0.1.4 → 0.1.5

package/dist/index.js

@@ -37208,19 +37208,21 @@ function WidgetNode({ id, data }) {
   var _a, _b;
   const info = data == null ? void 0 : data.info;
   const table = data == null ? void 0 : data.table;
+  const [localTable, setLocalTable] = (0, import_react3.useState)(null);
   const widgetId = (_a = data == null ? void 0 : data.widgetId) != null ? _a : info == null ? void 0 : info.widgetId;
-  const [tableTitle, setTableTitle] = (0, import_react3.useState)((table == null ? void 0 : table.title) || "\u0411\u0435\u0437 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F");
+  const effectiveTable = localTable != null ? localTable : table;
+  const [tableTitle, setTableTitle] = (0, import_react3.useState)((effectiveTable == null ? void 0 : effectiveTable.title) || "\u0411\u0435\u0437 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F");
   const [newTitle, setNewTitle] = (0, import_react3.useState)("\u041D\u043E\u0432\u0430\u044F \u0442\u0430\u0431\u043B\u0438\u0446\u0430");
   const [rowsCount, setRowsCount] = (0, import_react3.useState)(10);
   const [colsCount, setColsCount] = (0, import_react3.useState)(8);
   const [isCreating, setIsCreating] = (0, import_react3.useState)(false);
-  const { setNodes } = (0, import_react4.useReactFlow)();
+  const externalSetNodes = typeof (data == null ? void 0 : data.setNodes) === "function" ? data.setNodes : null;
   const lastSyncedConfig = (0, import_react3.useRef)(null);
   (0, import_react3.useEffect)(() => {
-    if (!widgetId || !(table == null ? void 0 : table.id)) {
+    if (!widgetId || !(effectiveTable == null ? void 0 : effectiveTable.id)) {
       return;
     }
-    const nextConfig = { tableId: table.id };
+    const nextConfig = { tableId: effectiveTable.id };
     const serialized = JSON.stringify(nextConfig);
     if (lastSyncedConfig.current === serialized) {
       return;
@@ -37229,10 +37231,10 @@ function WidgetNode({ id, data }) {
     import_axios2.default.put(`${WIDGET_CONFIG_API}${widgetId}`, nextConfig).catch((error) => {
       console.error("\u041E\u0448\u0438\u0431\u043A\u0430 \u0441\u0438\u043D\u0445\u0440\u043E\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u043A\u043E\u043D\u0444\u0438\u0433\u0430 \u0432\u0438\u0434\u0436\u0435\u0442\u0430:", error);
     });
-  }, [table == null ? void 0 : table.id, widgetId]);
+  }, [effectiveTable == null ? void 0 : effectiveTable.id, widgetId]);
   (0, import_react3.useEffect)(() => {
-    setTableTitle((table == null ? void 0 : table.title) || "\u0411\u0435\u0437 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F");
-  }, [table == null ? void 0 : table.title]);
+    setTableTitle((effectiveTable == null ? void 0 : effectiveTable.title) || "\u0411\u0435\u0437 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F");
+  }, [effectiveTable == null ? void 0 : effectiveTable.title]);
   const handleCreateTable = async (titleOverride, rowsOverride, colsOverride) => {
     var _a2;
     const titleValue = typeof titleOverride === "string" ? titleOverride : newTitle;
@@ -37252,17 +37254,21 @@ function WidgetNode({ id, data }) {
         title: titleValue,
         data: { rows: emptyRows }
       });
-      setNodes(
-        (current) => current.map(
-          (node) => node.id === id ? {
-            ...node,
-            data: {
-              ...node.data,
-              table: response.data
-            }
-          } : node
-        )
-      );
+      if (externalSetNodes) {
+        externalSetNodes(
+          (current) => current.map(
+            (node) => node.id === id ? {
+              ...node,
+              data: {
+                ...node.data,
+                table: response.data
+              }
+            } : node
+          )
+        );
+      } else {
+        setLocalTable(response.data);
+      }
       setTableTitle(((_a2 = response.data) == null ? void 0 : _a2.title) || titleValue);
     } catch (error) {
       console.error(error);
@@ -37272,11 +37278,11 @@ function WidgetNode({ id, data }) {
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: containerStyle, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: titleStyle, className: "node-drag-handle", children: table ? tableTitle : (data == null ? void 0 : data.title) || "\u041D\u043E\u0432\u044B\u0439 \u0432\u0438\u0434\u0436\u0435\u0442" }),
-    table ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: editorContainerStyle, className: "nodrag", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: titleStyle, className: "node-drag-handle", children: effectiveTable ? tableTitle : (data == null ? void 0 : data.title) || "\u041D\u043E\u0432\u044B\u0439 \u0432\u0438\u0434\u0436\u0435\u0442" }),
+    effectiveTable ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: editorContainerStyle, className: "nodrag", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       TableEditor_default,
       {
-        id: table.id,
+        id: effectiveTable.id,
         compactMode: true,
         showCompactControls: true,
         onTitleChange: setTableTitle

package/dist/index.mjs

@@ -8126,7 +8126,7 @@ import React3 from "react";
 // src/WidgetNode.js
 import React2, { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
 import axios2 from "axios";
-import { Handle, Position, useReactFlow } from "@xyflow/react";
+import { Handle, Position } from "@xyflow/react";
 
 // src/TableEditor.js
 import React, { useEffect, useState, useRef } from "react";
@@ -37199,19 +37199,21 @@ function WidgetNode({ id, data }) {
   var _a, _b;
   const info = data == null ? void 0 : data.info;
   const table = data == null ? void 0 : data.table;
+  const [localTable, setLocalTable] = useState2(null);
   const widgetId = (_a = data == null ? void 0 : data.widgetId) != null ? _a : info == null ? void 0 : info.widgetId;
-  const [tableTitle, setTableTitle] = useState2((table == null ? void 0 : table.title) || "\u0411\u0435\u0437 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F");
+  const effectiveTable = localTable != null ? localTable : table;
+  const [tableTitle, setTableTitle] = useState2((effectiveTable == null ? void 0 : effectiveTable.title) || "\u0411\u0435\u0437 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F");
   const [newTitle, setNewTitle] = useState2("\u041D\u043E\u0432\u0430\u044F \u0442\u0430\u0431\u043B\u0438\u0446\u0430");
   const [rowsCount, setRowsCount] = useState2(10);
   const [colsCount, setColsCount] = useState2(8);
   const [isCreating, setIsCreating] = useState2(false);
-  const { setNodes } = useReactFlow();
+  const externalSetNodes = typeof (data == null ? void 0 : data.setNodes) === "function" ? data.setNodes : null;
   const lastSyncedConfig = useRef2(null);
   useEffect2(() => {
-    if (!widgetId || !(table == null ? void 0 : table.id)) {
+    if (!widgetId || !(effectiveTable == null ? void 0 : effectiveTable.id)) {
       return;
     }
-    const nextConfig = { tableId: table.id };
+    const nextConfig = { tableId: effectiveTable.id };
     const serialized = JSON.stringify(nextConfig);
     if (lastSyncedConfig.current === serialized) {
       return;
@@ -37220,10 +37222,10 @@ function WidgetNode({ id, data }) {
     axios2.put(`${WIDGET_CONFIG_API}${widgetId}`, nextConfig).catch((error) => {
       console.error("\u041E\u0448\u0438\u0431\u043A\u0430 \u0441\u0438\u043D\u0445\u0440\u043E\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u043A\u043E\u043D\u0444\u0438\u0433\u0430 \u0432\u0438\u0434\u0436\u0435\u0442\u0430:", error);
     });
-  }, [table == null ? void 0 : table.id, widgetId]);
+  }, [effectiveTable == null ? void 0 : effectiveTable.id, widgetId]);
   useEffect2(() => {
-    setTableTitle((table == null ? void 0 : table.title) || "\u0411\u0435\u0437 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F");
-  }, [table == null ? void 0 : table.title]);
+    setTableTitle((effectiveTable == null ? void 0 : effectiveTable.title) || "\u0411\u0435\u0437 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F");
+  }, [effectiveTable == null ? void 0 : effectiveTable.title]);
   const handleCreateTable = async (titleOverride, rowsOverride, colsOverride) => {
     var _a2;
     const titleValue = typeof titleOverride === "string" ? titleOverride : newTitle;
@@ -37243,17 +37245,21 @@ function WidgetNode({ id, data }) {
         title: titleValue,
         data: { rows: emptyRows }
       });
-      setNodes(
-        (current) => current.map(
-          (node) => node.id === id ? {
-            ...node,
-            data: {
-              ...node.data,
-              table: response.data
-            }
-          } : node
-        )
-      );
+      if (externalSetNodes) {
+        externalSetNodes(
+          (current) => current.map(
+            (node) => node.id === id ? {
+              ...node,
+              data: {
+                ...node.data,
+                table: response.data
+              }
+            } : node
+          )
+        );
+      } else {
+        setLocalTable(response.data);
+      }
       setTableTitle(((_a2 = response.data) == null ? void 0 : _a2.title) || titleValue);
     } catch (error) {
       console.error(error);
@@ -37263,11 +37269,11 @@ function WidgetNode({ id, data }) {
     }
   };
   return /* @__PURE__ */ jsxs2("div", { style: containerStyle, children: [
-    /* @__PURE__ */ jsx2("div", { style: titleStyle, className: "node-drag-handle", children: table ? tableTitle : (data == null ? void 0 : data.title) || "\u041D\u043E\u0432\u044B\u0439 \u0432\u0438\u0434\u0436\u0435\u0442" }),
-    table ? /* @__PURE__ */ jsx2(Fragment2, { children: /* @__PURE__ */ jsx2("div", { style: editorContainerStyle, className: "nodrag", children: /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx2("div", { style: titleStyle, className: "node-drag-handle", children: effectiveTable ? tableTitle : (data == null ? void 0 : data.title) || "\u041D\u043E\u0432\u044B\u0439 \u0432\u0438\u0434\u0436\u0435\u0442" }),
+    effectiveTable ? /* @__PURE__ */ jsx2(Fragment2, { children: /* @__PURE__ */ jsx2("div", { style: editorContainerStyle, className: "nodrag", children: /* @__PURE__ */ jsx2(
       TableEditor_default,
       {
-        id: table.id,
+        id: effectiveTable.id,
         compactMode: true,
         showCompactControls: true,
         onTitleChange: setTableTitle

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sheet-widget",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "private": false,
   "files": ["dist"],
   "main": "dist/index.cjs",