@darajs/components 1.10.4 → 1.10.6

package/dist/umd/dara.components.umd.js

@@ -5773,8 +5773,8 @@
       };
     }
     return {
-      scrollLeft: element2.pageXOffset,
-      scrollTop: element2.pageYOffset
+      scrollLeft: element2.scrollX,
+      scrollTop: element2.scrollY
     };
   }
   function getParentNode$1(node2) {
@@ -300220,7 +300220,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         let rects = [], prev = null;
         for (let i2 = this.toEditorPos(e3.rangeStart), end2 = this.toEditorPos(e3.rangeEnd); i2 < end2; i2++) {
           let rect = view.coordsForChar(i2);
-          prev = rect && new DOMRect(rect.left, rect.right, rect.right - rect.left, rect.bottom - rect.top) || prev || new DOMRect();
+          prev = rect && new DOMRect(rect.left, rect.top, rect.right - rect.left, rect.bottom - rect.top) || prev || new DOMRect();
           rects.push(prev);
         }
         context2.updateCharacterBounds(e3.rangeStart, rects);
@@ -300263,6 +300263,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           if (pending.from == fromA && pending.to == toA && pending.insert.eq(insert2)) {
             pending = this.pendingContextChange = null;
             off += dLen;
+            this.to += dLen;
             return;
           } else {
             pending = null;
@@ -315808,6 +315809,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   var parseValues = function parseQueryStringValues(str, options) {
     var obj = { __proto__: null };
     var cleanStr = options.ignoreQueryPrefix ? str.replace(/^\?/, "") : str;
+    cleanStr = cleanStr.replace(/%5B/gi, "[").replace(/%5D/gi, "]");
     var limit2 = options.parameterLimit === Infinity ? void 0 : options.parameterLimit;
     var parts = cleanStr.split(options.delimiter, limit2);
     var skipIndex = -1;
@@ -374477,7 +374479,7 @@ ${e3}`);
     }
     return style2;
   };
-  var version = "3.29.2";
+  var version = "3.29.1";
   var cytoscape$1 = function cytoscape2(options) {
     if (options === void 0) {
       options = {};
@@ -388470,6 +388472,7 @@ ${letters.join("\n")}`;
       this.onMove = null;
       this.onStartDrag = null;
       this.renderRequestId = null;
+      this.isStyleDirty = false;
       this.searchResults = [];
       this.selectedEdge = null;
       this.selectedNode = null;
@@ -388504,11 +388507,18 @@ ${letters.join("\n")}`;
       this.resizeObserver.disconnect();
       this.app.destroy(true, true);
     }
+    markStylesDirty() {
+      this.isStyleDirty = true;
+    }
     requestRender() {
       if (this.renderRequestId) {
         return;
       }
       this.renderRequestId = requestAnimationFrame(() => {
+        if (this.isStyleDirty) {
+          this.updateStyles();
+          this.isStyleDirty = false;
+        }
         if (this.viewport && this.app.stage) {
           this.graph.forEachEdge((e3, attrs2, source, target, sourceNodeAttributes, targetNodeAttributes) => {
             const edgeObject = this.edgeMap.get(e3);
@@ -388672,7 +388682,7 @@ ${letters.join("\n")}`;
           });
         });
         this.createGroupContainers();
-        this.debouncedUpdateLayout();
+        this.markStylesDirty();
         this.requestRender();
       }
     }
@@ -388732,7 +388742,7 @@ ${letters.join("\n")}`;
       } else {
         this.selectedEdge = null;
       }
-      this.updateStyles();
+      this.markStylesDirty();
       this.requestRender();
     }
     selectNode(id2) {
@@ -388750,7 +388760,7 @@ ${letters.join("\n")}`;
         node2.state.selected = true;
       }
       this.selectedNode = id2;
-      this.updateStyles();
+      this.markStylesDirty();
       this.requestRender();
     }
     setDragMode(dragMode) {
@@ -388760,7 +388770,7 @@ ${letters.join("\n")}`;
       this.theme = theme2;
       this.background.updateTexture(theme2, this.textureCache);
       [this.app.renderer.background.color] = colorToPixi(this.theme.colors.blue1);
-      this.updateStyles();
+      this.markStylesDirty();
       this.requestRender();
     }
     start(container) {
@@ -388808,7 +388818,18 @@ ${letters.join("\n")}`;
         this.viewport.addChild(this.edgeSymbolsLayer);
         this.viewport.addChild(this.nodeLayer);
         this.viewport.addChild(this.nodeLabelLayer);
-        this.resizeObserver = new ResizeObserver(() => {
+        this.resizeObserver = new ResizeObserver((entries) => {
+          var _a3;
+          const oldBounds = (_a3 = this.graph.getAttribute("extras")) === null || _a3 === void 0 ? void 0 : _a3.bounds;
+          const boundsChanged = entries.some((entry) => {
+            const newBounds = entry.contentRect;
+            const newWidth = Math.round(newBounds.width);
+            const newHeight = Math.round(newBounds.height);
+            return (oldBounds === null || oldBounds === void 0 ? void 0 : oldBounds.width) !== newWidth || (oldBounds === null || oldBounds === void 0 ? void 0 : oldBounds.height) !== newHeight;
+          });
+          if (!boundsChanged) {
+            return;
+          }
           this.app.resize();
           this.viewport.resize(this.container.clientWidth, this.container.clientHeight);
           this.background.updatePosition(this.container);
@@ -388836,7 +388857,7 @@ ${letters.join("\n")}`;
         }
         this.createGraph();
         this.resetViewport();
-        this.updateStyles();
+        this.markStylesDirty();
         this.initialized = true;
         this.resetViewport();
       });
@@ -389180,7 +389201,7 @@ ${letters.join("\n")}`;
     }
     onGraphAttributesUpdated({ attributes: attributes2 }) {
       if (this.uid) {
-        this.updateStyles();
+        this.markStylesDirty();
         this.requestRender();
       }
       this.uid = attributes2.uid;
@@ -389191,7 +389212,7 @@ ${letters.join("\n")}`;
       if (!attributes2.x && !attributes2.y) {
         this.debouncedUpdateLayout();
       }
-      this.updateStyles();
+      this.markStylesDirty();
       this.requestRender();
       (_a3 = this.onAddNode) === null || _a3 === void 0 ? void 0 : _a3.call(this);
     }
@@ -389201,7 +389222,7 @@ ${letters.join("\n")}`;
       const targetNodeAttrs = this.graph.getNodeAttributes(target);
       this.createEdge(key, attributes2, source, target, sourceNodeAttrs, targetNodeAttrs);
       this.updateStrengthRange();
-      this.updateStyles();
+      this.markStylesDirty();
       this.requestRender();
       (_a3 = this.onAddEdge) === null || _a3 === void 0 ? void 0 : _a3.call(this);
     }
@@ -389214,11 +389235,11 @@ ${letters.join("\n")}`;
     }
     onGraphEdgeAttributesUpdated() {
       this.updateStrengthRange();
-      this.updateStyles();
+      this.markStylesDirty();
       this.requestRender();
     }
     onGraphNodeAttributesUpdated() {
-      this.updateStyles();
+      this.markStylesDirty();
       this.requestRender();
     }
     setLayout(layout2, edgePoints2, resetViewport = true) {
@@ -389232,7 +389253,7 @@ ${letters.join("\n")}`;
       if (resetViewport) {
         this.resetViewport();
       }
-      this.updateStyles();
+      this.markStylesDirty();
       this.requestRender();
     }
     getRelativeStrength(attributes2) {
@@ -389311,6 +389332,7 @@ ${letters.join("\n")}`;
       return __awaiter$1(this, void 0, void 0, function* () {
         (_a3 = this.onCleanup) === null || _a3 === void 0 ? void 0 : _a3.call(this);
         try {
+          this.graph.updateAttribute("extras", (prev) => Object.assign(Object.assign({}, prev), { bounds: { width: this.container.clientWidth, height: this.container.clientHeight } }));
           const { layout: layout2, edgePoints: edgePoints2, onStartDrag, onEndDrag, onCleanup, onMove, onAddNode, onAddEdge } = yield this.layout.applyLayout(this.graph, (l2, e3) => this.setLayout(l2, e3, false));
           this.onAddNode = onAddNode;
           this.onAddEdge = onAddEdge;
@@ -389784,7 +389806,7 @@ ${letters.join("\n")}`;
         const parsedGraph = causalGraphParser(graphData, availableInputs, state.graph);
         const newEditorMode = editorMode !== null && editorMode !== void 0 ? editorMode : isDag(parsedGraph) ? EditorMode.DEFAULT : EditorMode.PAG_VIEWER;
         dispatch2({
-          graph: causalGraphParser(graphData, availableInputs, state.graph),
+          graph: parsedGraph,
           editorMode: newEditorMode,
           type: GraphActionType.INIT_GRAPH
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@darajs/components",
-  "version": "1.10.4",
+  "version": "1.10.6",
   "description": "Components for the Dara framework",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -29,9 +29,9 @@
   "prettier": "@darajs/prettier-config",
   "devDependencies": {
     "@babel/core": "^7.23.5",
-    "@darajs/eslint-config": "~1.10.2",
-    "@darajs/prettier-config": "~1.10.2",
-    "@darajs/stylelint-config": "~1.10.2",
+    "@darajs/eslint-config": "~1.10.3",
+    "@darajs/prettier-config": "~1.10.3",
+    "@darajs/stylelint-config": "~1.10.3",
     "@testing-library/react-hooks": "^3.4.2",
     "@types/lodash": "^4.14.155",
     "@types/react": "18.2.60",
@@ -54,14 +54,14 @@
   },
   "dependencies": {
     "@bokeh/bokehjs": "~3.1.1",
-    "@darajs/core": "1.10.4",
-    "@darajs/styled-components": "~1.10.2",
-    "@darajs/ui-causal-graph-editor": "~1.10.2",
-    "@darajs/ui-code-editor": "~1.10.2",
-    "@darajs/ui-components": "~1.10.2",
-    "@darajs/ui-hierarchy-viewer": "~1.10.2",
-    "@darajs/ui-icons": "~1.10.2",
-    "@darajs/ui-utils": "~1.10.2",
+    "@darajs/core": "1.10.6",
+    "@darajs/styled-components": "~1.10.3",
+    "@darajs/ui-causal-graph-editor": "~1.10.3",
+    "@darajs/ui-code-editor": "~1.10.3",
+    "@darajs/ui-components": "~1.10.3",
+    "@darajs/ui-hierarchy-viewer": "~1.10.3",
+    "@darajs/ui-icons": "~1.10.3",
+    "@darajs/ui-utils": "~1.10.3",
     "@popperjs/core": "2.4.0",
     "date-fns": "2.9.0",
     "immer": "^10.0.0",
@@ -83,5 +83,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "40ee7a574368c627d7732967f5314cb8daa2b849"
+  "gitHead": "c2a8bd47e67972d68201ac64286ff44fe31e5232"
 }