@trops/dash-core 0.1.398 → 0.1.399

package/dist/index.esm.js

@@ -24221,6 +24221,35 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
     children = _ref$children === void 0 ? null : _ref$children;
   var _useContext = useContext(DashboardContext),
     dashApi = _useContext.dashApi;
+
+  // When a widget package is updated via Settings > Widgets (or the AI
+  // Widget Builder), the main process broadcasts "widget:installed"
+  // and Dash.js rebroadcasts a "dash:widget-installed" CustomEvent on
+  // window. We listen here, per-instance, and bump a local version
+  // counter when OUR component is the one that was updated. The counter
+  // is embedded in the child's React key so only matching instances
+  // re-mount — unrelated widgets, the sidebar, and the Settings modal
+  // are untouched. Replaces the old global stageKey remount in Dash.js.
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    componentVersion = _useState2[0],
+    setComponentVersion = _useState2[1];
+  useEffect(function () {
+    var onWidgetInstalled = function onWidgetInstalled(e) {
+      var _e$detail;
+      var installed = e === null || e === void 0 || (_e$detail = e.detail) === null || _e$detail === void 0 ? void 0 : _e$detail.widgetName;
+      if (!installed) return;
+      if (installed === component) {
+        setComponentVersion(function (v) {
+          return v + 1;
+        });
+      }
+    };
+    window.addEventListener("dash:widget-installed", onWidgetInstalled);
+    return function () {
+      return window.removeEventListener("dash:widget-installed", onWidgetInstalled);
+    };
+  }, [component]);
   try {
     var m = ComponentManager.componentMap();
     if (component && m) {
@@ -24307,7 +24336,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
         backgroundColor: bgColor,
         widgetConfig: helpers.config(),
         widgetEventNames: helpers.events()
-      }), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsx(WidgetComponent, _objectSpread$C(_objectSpread$C(_objectSpread$C({
+      }), "widget-nokids-".concat(widgetKey, "-v").concat(componentVersion)) : /*#__PURE__*/jsx(WidgetComponent, _objectSpread$C(_objectSpread$C(_objectSpread$C({
         listen: function listen(listeners, handlers) {
           return helpers.listen(listeners, handlers);
         },
@@ -24320,7 +24349,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
       }, params), userPrefs), {}, {
         backgroundColor: bgColor,
         children: children
-      }), "widget-kids-".concat(widgetKey));
+      }), "widget-kids-".concat(widgetKey, "-v").concat(componentVersion));
 
       // Wrap widget rendering with WidgetContext + error boundary
       return /*#__PURE__*/jsx(WidgetContext.Provider, {