@darajs/components 1.10.5 → 1.11.2

package/dist/common/heading/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../js/common/heading/heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkC,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC1G,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAQrD,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;AAElC,MAAM,UAAU,GAAG,CAAC,IAAY,EAAU,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAErF,SAAS,OAAO,CAAC,KAAmB;IAChC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC7C,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,KAAK,EAAiC,CAAC;IAC7D,OAAO,CACH,KAAC,SAAS,eACG,GAAG,EACZ,EAAE,EAAE,GAAG,EACP,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,EAAE,EAAE,UAAU,CAAC,OAAO,CAAC,EACvB,KAAK,kBAAI,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,IAAK,KAAK,aAElE,OAAO,GACA,CACf,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../js/common/heading/heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkC,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC1G,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAQrD,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;AAElC,MAAM,UAAU,GAAG,CAAC,IAAY,EAAU,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAErF,SAAS,OAAO,CAAC,KAAmB;IAChC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC7C,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,KAAK,EAAiC,CAAC;IAC7D,OAAO,CACH,KAAC,SAAS,eACG,GAAG,EACZ,EAAE,EAAE,GAAG,EACP,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,EAAE,EAAE,UAAU,CAAC,OAAO,CAAC,EACvB,KAAK,kBAAI,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,KAAY,IAAK,KAAK,aAEzE,OAAO,GACA,CACf,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}

package/dist/common/markdown/markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../js/common/markdown/markdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAA8C,MAAM,cAAc,CAAC;AAG1G,UAAU,aAAc,SAAQ,oBAAoB;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;CACvC;AAID;;GAEG;AACH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAoBnD;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../js/common/markdown/markdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAA8C,MAAM,cAAc,CAAC;AAG1G,UAAU,aAAc,SAAQ,oBAAoB;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;CACvC;AAID;;GAEG;AACH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAmBnD;AAED,eAAe,QAAQ,CAAC"}

package/dist/common/markdown/markdown.js

@@ -13,9 +13,7 @@ function Markdown(props) {
     if (props.html_raw) {
         rehypePlugins.push(rehypeRaw);
     }
-    return (_jsx(CustomMarkdown, { "$rawCss": css, className: props.className, style: style, markdown: markdown, 
-        // @ts-expect-error rehype type
-        rehypePlugins: rehypePlugins }));
+    return (_jsx(CustomMarkdown, { "$rawCss": css, className: props.className, style: style, markdown: markdown, rehypePlugins: rehypePlugins }));
 }
 export default Markdown;
 //# sourceMappingURL=markdown.js.map

package/dist/common/markdown/markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.js","sourceRoot":"","sources":["../../../js/common/markdown/markdown.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAkC,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC1G,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAa/D,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;AAE7C;;GAEG;AACH,SAAS,QAAQ,CAAC,KAAoB;IAClC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE/C,MAAM,aAAa,GAAG,EAAE,CAAC;IAEzB,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC;IAED,OAAO,CACH,KAAC,cAAc,eACF,GAAG,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ;QAClB,+BAA+B;QAC/B,aAAa,EAAE,aAAa,GAC9B,CACL,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"markdown.js","sourceRoot":"","sources":["../../../js/common/markdown/markdown.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAkC,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC1G,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAa/D,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;AAE7C;;GAEG;AACH,SAAS,QAAQ,CAAC,KAAoB;IAClC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE/C,MAAM,aAAa,GAAG,EAAE,CAAC;IAEzB,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC;IAED,OAAO,CACH,KAAC,cAAc,eACF,GAAG,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,GAC9B,CACL,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/dist/common/text/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../js/common/text/text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAkC,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACtH,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAWrD,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACrC,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AAEnC,SAAS,IAAI,CAAC,KAAgB;;IAC1B,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,2DAA2D;IAC3D,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAE3C,oEAAoE;IACpE,MAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;IAEpH,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,CAAC;QAC1D,OAAO,CACH,KAAC,UAAU,eACE,GAAG,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,kBACD,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,MAAM,EAC/B,KAAK,EACL,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAC7C,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAC1C,WAAW,EAAE,OAAO,EACpB,SAAS,EAAE,KAAK,CAAC,KAAK,EACtB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAC/C,KAAK,aAGX,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,GAC9C,CAChB,CAAC;IACN,CAAC;IAED,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5C,OAAO,CACH,KAAC,SAAS,eACG,GAAG,EACZ,EAAE,EAAE,GAAG,EACP,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,kBACD,KAAK,EACL,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,KAAK,CAAC,KAAK,IACnB,KAAK,aAGX,IAAI,GACG,CACf,CAAC;AACN,CAAC;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../js/common/text/text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAkC,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACtH,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAWrD,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACrC,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AAEnC,SAAS,IAAI,CAAC,KAAgB;;IAC1B,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,2DAA2D;IAC3D,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAE3C,oEAAoE;IACpE,MAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;IAEpH,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,CAAC;QAC1D,OAAO,CACH,KAAC,UAAU,eACE,GAAG,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,kBACD,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,MAAM,EAC/B,KAAK,EACL,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAC7C,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAC1C,WAAW,EAAE,OAAO,EACpB,SAAS,EAAE,KAAK,CAAC,KAAY,EAC7B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAC/C,KAAK,aAGX,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,GAC9C,CAChB,CAAC;IACN,CAAC;IAED,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5C,OAAO,CACH,KAAC,SAAS,eACG,GAAG,EACZ,EAAE,EAAE,GAAG,EACP,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,kBACD,KAAK,EACL,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,KAAK,CAAC,KAAY,IAC1B,KAAK,aAGX,IAAI,GACG,CACf,CAAC;AACN,CAAC;AAED,eAAe,IAAI,CAAC"}

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

@@ -5631,7 +5631,7 @@
       },
       useDeepCompare([currentStartIdx, internalData])
     );
-    const onItemsRendered = React.useCallback(({ overscanStartIndex, overscanStopIndex }, forceRefresh) => __awaiter$4(this, void 0, void 0, function* () {
+    const onItemsRendered = React.useCallback((_a3, forceRefresh_1) => __awaiter$4(this, [_a3, forceRefresh_1], void 0, function* ({ overscanStartIndex, overscanStopIndex }, forceRefresh) {
       try {
         const isFirstItemLoaded = overscanStartIndex >= currentStartIdx && overscanStartIndex <= currentStopIdx;
         const isLastItemLoaded = overscanStopIndex >= currentStartIdx && overscanStopIndex <= currentStopIdx;
@@ -5773,8 +5773,8 @@
       };
     }
     return {
-      scrollLeft: element2.pageXOffset,
-      scrollTop: element2.pageYOffset
+      scrollLeft: element2.scrollX,
+      scrollTop: element2.scrollY
     };
   }
   function getParentNode$1(node2) {
@@ -43656,7 +43656,6 @@
     color: ${(props) => props.isSelected ? "#FFF" : props.theme.colors.text};
     text-overflow: ellipsis;
     white-space: nowrap;
-    border-radius: 0.25rem;
 
     background-color: ${(props) => {
     if (props.isSelected) {
@@ -43667,6 +43666,7 @@
     }
     return props.theme.colors.grey1;
   }};
+    border-radius: 0.25rem;
 
     :hover {
         background-color: ${(props) => props.isSelected ? props.theme.colors.primary : props.theme.colors.grey2};
@@ -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;
@@ -309939,25 +309940,23 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   const Heading = styled__default.default.h2`
     overflow: hidden;
     display: -webkit-box; /* stylelint-disable-line value-no-vendor-prefix */
+    -webkit-box-orient: vertical;
 
     font-size: 1rem;
     font-weight: 700;
     text-overflow: ellipsis;
 
-    -webkit-box-orient: vertical;
-
     -webkit-line-clamp: 1;
 `;
   const Body = styled__default.default.span`
     overflow: hidden;
     display: -webkit-box; /* stylelint-disable-line value-no-vendor-prefix */
+    -webkit-box-orient: vertical;
 
     font-weight: 400;
     line-height: 1.25rem;
     text-overflow: ellipsis;
 
-    -webkit-box-orient: vertical;
-
     -webkit-line-clamp: ${(props) => props.moreDetailsShown ? 1 : 2};
 `;
   const Icon = styled__default.default.div`
@@ -315808,6 +315807,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 +374477,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 +388470,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 +388505,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 +388680,7 @@ ${letters.join("\n")}`;
           });
         });
         this.createGroupContainers();
-        this.debouncedUpdateLayout();
+        this.markStylesDirty();
         this.requestRender();
       }
     }
@@ -388732,7 +388740,7 @@ ${letters.join("\n")}`;
       } else {
         this.selectedEdge = null;
       }
-      this.updateStyles();
+      this.markStylesDirty();
       this.requestRender();
     }
     selectNode(id2) {
@@ -388750,7 +388758,7 @@ ${letters.join("\n")}`;
         node2.state.selected = true;
       }
       this.selectedNode = id2;
-      this.updateStyles();
+      this.markStylesDirty();
       this.requestRender();
     }
     setDragMode(dragMode) {
@@ -388760,7 +388768,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 +388816,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 +388855,7 @@ ${letters.join("\n")}`;
         }
         this.createGraph();
         this.resetViewport();
-        this.updateStyles();
+        this.markStylesDirty();
         this.initialized = true;
         this.resetViewport();
       });
@@ -389180,7 +389199,7 @@ ${letters.join("\n")}`;
     }
     onGraphAttributesUpdated({ attributes: attributes2 }) {
       if (this.uid) {
-        this.updateStyles();
+        this.markStylesDirty();
         this.requestRender();
       }
       this.uid = attributes2.uid;
@@ -389191,7 +389210,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 +389220,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 +389233,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 +389251,7 @@ ${letters.join("\n")}`;
       if (resetViewport) {
         this.resetViewport();
       }
-      this.updateStyles();
+      this.markStylesDirty();
       this.requestRender();
     }
     getRelativeStrength(attributes2) {
@@ -389306,11 +389325,12 @@ ${letters.join("\n")}`;
         }
       });
     }
-    updateLayout(retry = false) {
-      var _a3;
-      return __awaiter$1(this, void 0, void 0, function* () {
+    updateLayout() {
+      return __awaiter$1(this, arguments, void 0, function* (retry = false) {
+        var _a3;
         (_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 +389804,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
         });
@@ -390042,6 +390062,7 @@ ${letters.join("\n")}`;
 `;
   const GraphPane = styled__default.default.div`
     position: relative;
+    z-index: 1;
 
     display: flex;
     flex: 1 1 auto;
@@ -390457,7 +390478,7 @@ ${letters.join("\n")}`;
       selectedEdge,
       selectedNode,
       verboseDescriptions: props.verboseDescriptions
-    }, children: [selectedEdge && jsxRuntime.exports.jsx(EdgeInfoContent, { api: api2, extraSections: props.edgeExtrasContent, onConfirmDirection: confirmDirection, onUpdateConstraint: updateConstraint, selectedConstraint, selectedEdge, state }, selectedEdge.join("-")), selectedNode && jsxRuntime.exports.jsx(NodeInfoContent, { api: api2, extraSections: props.nodeExtrasContent, selectedNode, state }, selectedNode)] }) }), error2 && jsxRuntime.exports.jsx(NotificationWrapper, { children: jsxRuntime.exports.jsx(Notification, { notification: error2, onDismiss: () => setError(null) }) }), jsxRuntime.exports.jsx("div", { ref: canvasParentRef, style: { height: "100%", width: "100%" } }), jsxRuntime.exports.jsx(Tooltip$1, { content: tooltipContent, followCursor: true, getReferenceClientRect: tooltipRef.current, visible: !isInPanel && !!tooltipContent }), jsxRuntime.exports.jsx(ConfirmationModal, Object.assign({ title: "Confirm Removal" }, removeEdgeProps))] }) }) }) });
+    }, children: [selectedEdge && jsxRuntime.exports.jsx(EdgeInfoContent, { api: api2, extraSections: props.edgeExtrasContent, onConfirmDirection: confirmDirection, onUpdateConstraint: updateConstraint, selectedConstraint, selectedEdge, state }, selectedEdge.join("-")), selectedNode && jsxRuntime.exports.jsx(NodeInfoContent, { api: api2, extraSections: props.nodeExtrasContent, selectedNode, state }, selectedNode)] }) }), error2 && jsxRuntime.exports.jsx(NotificationWrapper, { children: jsxRuntime.exports.jsx(Notification, { notification: error2, onDismiss: () => setError(null) }) }), jsxRuntime.exports.jsx("div", { ref: canvasParentRef, style: { height: "100%", width: "100%" } }), jsxRuntime.exports.jsx(Tooltip$1, { appendTo: canvasParentRef.current, content: tooltipContent, followCursor: true, getReferenceClientRect: tooltipRef.current, visible: !isInPanel && !!tooltipContent }), jsxRuntime.exports.jsx(ConfirmationModal, Object.assign({ title: "Confirm Removal" }, removeEdgeProps))] }) }) }) });
   }
   var DndContext = React.createContext({
     dragDropManager: void 0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@darajs/components",
-  "version": "1.10.5",
+  "version": "1.11.2",
   "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.11.2",
+    "@darajs/prettier-config": "1.11.2",
+    "@darajs/stylelint-config": "1.11.2",
     "@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.5",
-    "@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.11.2",
+    "@darajs/styled-components": "1.11.2",
+    "@darajs/ui-causal-graph-editor": "1.11.2",
+    "@darajs/ui-code-editor": "1.11.2",
+    "@darajs/ui-components": "1.11.2",
+    "@darajs/ui-hierarchy-viewer": "1.11.2",
+    "@darajs/ui-icons": "1.11.2",
+    "@darajs/ui-utils": "1.11.2",
     "@popperjs/core": "2.4.0",
     "date-fns": "2.9.0",
     "immer": "^10.0.0",
@@ -83,5 +83,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ea34073a22d49b202d336861ed0dd5b4037a0869"
+  "gitHead": "859cfcf281a0635e05f7e633857346e9ec4fc116"
 }