sheet-widget 0.1.3 → 0.1.5

package/dist/index.d.mts

@@ -16,6 +16,11 @@ declare class WidgetNodeErrorBoundary {
     componentDidCatch(error: any, errorInfo: any): void;
     render(): any;
 }
-declare function WidgetNodeSafe(props: any): any;
+declare function WidgetNodeSafe({ fallback, onError, ...props }: {
+    [x: string]: any;
+    fallback: any;
+    onError: any;
+}): any;
+declare const WidgetNodeUnsafe: typeof WidgetNode;
 
-export { WidgetNode, WidgetNodeErrorBoundary, WidgetNodeSafe };
+export { WidgetNodeSafe as WidgetNode, WidgetNodeErrorBoundary, WidgetNodeSafe, WidgetNodeUnsafe };

package/dist/index.d.ts

@@ -16,6 +16,11 @@ declare class WidgetNodeErrorBoundary {
     componentDidCatch(error: any, errorInfo: any): void;
     render(): any;
 }
-declare function WidgetNodeSafe(props: any): any;
+declare function WidgetNodeSafe({ fallback, onError, ...props }: {
+    [x: string]: any;
+    fallback: any;
+    onError: any;
+}): any;
+declare const WidgetNodeUnsafe: typeof WidgetNode;
 
-export { WidgetNode, WidgetNodeErrorBoundary, WidgetNodeSafe };
+export { WidgetNodeSafe as WidgetNode, WidgetNodeErrorBoundary, WidgetNodeSafe, WidgetNodeUnsafe };

package/dist/index.js

@@ -8121,13 +8121,17 @@ var require_tiny_emitter = __commonJS({
 // src/index.js
 var index_exports = {};
 __export(index_exports, {
-  WidgetNode: () => WidgetNode_default,
+  WidgetNode: () => WidgetNodeSafe,
   WidgetNodeErrorBoundary: () => WidgetNodeErrorBoundary,
-  WidgetNodeSafe: () => WidgetNodeSafe
+  WidgetNodeSafe: () => WidgetNodeSafe,
+  WidgetNodeUnsafe: () => WidgetNodeUnsafe
 });
 module.exports = __toCommonJS(index_exports);
 var import_handsontable_full_min = require("handsontable/dist/handsontable.full.min.css");
 
+// src/WidgetNodeSafe.js
+var import_react5 = __toESM(require("react"));
+
 // src/WidgetNode.js
 var import_react3 = __toESM(require("react"));
 var import_axios2 = __toESM(require("axios"));
@@ -37204,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;
@@ -37225,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;
@@ -37248,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);
@@ -37268,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
@@ -37363,7 +37373,6 @@ function WidgetNode({ id, data }) {
 var WidgetNode_default = WidgetNode;
 
 // src/WidgetNodeSafe.js
-var import_react5 = __toESM(require("react"));
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var WidgetNodeErrorBoundary = class extends import_react5.default.Component {
   constructor(props) {
@@ -37393,12 +37402,14 @@ var WidgetNodeErrorBoundary = class extends import_react5.default.Component {
     return this.props.children;
   }
 };
-var WidgetNodeSafe = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WidgetNodeErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WidgetNode_default, { ...props }) });
+var WidgetNodeSafe = ({ fallback, onError, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WidgetNodeErrorBoundary, { fallback, onError, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WidgetNode_default, { ...props }) });
+var WidgetNodeUnsafe = WidgetNode_default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   WidgetNode,
   WidgetNodeErrorBoundary,
-  WidgetNodeSafe
+  WidgetNodeSafe,
+  WidgetNodeUnsafe
 });
 /*! Bundled license information:
 

package/dist/index.mjs

@@ -8120,10 +8120,13 @@ var require_tiny_emitter = __commonJS({
 // src/index.js
 import "handsontable/dist/handsontable.full.min.css";
 
+// src/WidgetNodeSafe.js
+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";
@@ -37196,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;
@@ -37217,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;
@@ -37240,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);
@@ -37260,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
@@ -37355,7 +37364,6 @@ function WidgetNode({ id, data }) {
 var WidgetNode_default = WidgetNode;
 
 // src/WidgetNodeSafe.js
-import React3 from "react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var WidgetNodeErrorBoundary = class extends React3.Component {
   constructor(props) {
@@ -37385,11 +37393,13 @@ var WidgetNodeErrorBoundary = class extends React3.Component {
     return this.props.children;
   }
 };
-var WidgetNodeSafe = (props) => /* @__PURE__ */ jsx3(WidgetNodeErrorBoundary, { children: /* @__PURE__ */ jsx3(WidgetNode_default, { ...props }) });
+var WidgetNodeSafe = ({ fallback, onError, ...props }) => /* @__PURE__ */ jsx3(WidgetNodeErrorBoundary, { fallback, onError, children: /* @__PURE__ */ jsx3(WidgetNode_default, { ...props }) });
+var WidgetNodeUnsafe = WidgetNode_default;
 export {
-  WidgetNode_default as WidgetNode,
+  WidgetNodeSafe as WidgetNode,
   WidgetNodeErrorBoundary,
-  WidgetNodeSafe
+  WidgetNodeSafe,
+  WidgetNodeUnsafe
 };
 /*! Bundled license information:
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sheet-widget",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "private": false,
   "files": ["dist"],
   "main": "dist/index.cjs",
@@ -17,8 +17,8 @@
   },
   "peerDependencies": {
     "@xyflow/react": "^12.10.0",
-    "react": "^19.2.1",
-    "react-dom": "^19.2.1"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",