@industry-theme/principal-view-panels 0.12.75 → 0.12.76

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/panels/CanvasEditorPanel.d.ts.map +1 -1
  2. package/dist/panels.bundle.js +36 -25
  3. package/dist/panels.bundle.js.map +1 -1
  4. package/package.json +1 -1
package/dist/panels/CanvasEditorPanel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CanvasEditorPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasEditorPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAI5D,OAAO,KAAK,EAAqD,gBAAgB,EAA+C,MAAM,mCAAmC,CAAC;AAE1K,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAKxE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAkCrE;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,2BAA2B;IACzE;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAE3C;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEnC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEnC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;QAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC,CAAC;IAEH;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEnC;;;;OAIG;IACH,aAAa,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAEvC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEhC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAoqD9D,CAAC"}
1
+ {"version":3,"file":"CanvasEditorPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasEditorPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAI5D,OAAO,KAAK,EAAqD,gBAAgB,EAA+C,MAAM,mCAAmC,CAAC;AAE1K,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAKxE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAkCrE;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,2BAA2B;IACzE;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAE3C;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEnC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEnC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;QAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC,CAAC;IAEH;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEnC;;;;OAIG;IACH,aAAa,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAEvC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEhC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmrD9D,CAAC"}
package/dist/panels.bundle.js CHANGED
@@ -189158,10 +189158,13 @@ const CanvasEditorPanel = ({
189158
189158
  observerRef.current = new ResizeObserver(([entry]) => {
189159
189159
  const { width, height } = entry.contentRect;
189160
189160
  if (width > 0 && height > 0) {
189161
+ console.info("[CanvasEditorPanel] ResizeObserver dimensions:", { width, height, canvasPath });
189161
189162
  setContainerDimensions({ width, height });
189162
189163
  }
189163
189164
  });
189164
189165
  observerRef.current.observe(node2);
189166
+ const rect = node2.getBoundingClientRect();
189167
+ console.info("[CanvasEditorPanel] Initial container rect:", { width: rect.width, height: rect.height, canvasPath });
189165
189168
  }, []);
189166
189169
  useEffect(() => {
189167
189170
  return () => {
@@ -190072,33 +190075,41 @@ const CanvasEditorPanel = ({
190072
190075
  ) }) : /* @__PURE__ */ jsx("div", {}),
190073
190076
  rightPanel: /* @__PURE__ */ jsxs("div", { ref: containerRefCallback, style: { height: "100%", width: "100%", background: theme2.colors.background, display: "flex", flexDirection: "column" }, children: [
190074
190077
  /* @__PURE__ */ jsxs("div", { style: { flex: 1, minHeight: 0, position: "relative" }, children: [
190075
- canvasContent ? /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center" }, children: canvasContent }) : state.canvas ? /* @__PURE__ */ jsx(
190076
- GraphRenderer,
190077
- {
190078
- ref: graphRef,
190079
- canvas: state.canvas,
190080
- library: state.library ?? void 0,
190081
- spansCanvas: state.spansCanvas ?? void 0,
190082
- workflowSpanPattern: workflowSpanPattern ?? void 0,
190083
- width: "100%",
190084
- height: "100%",
190085
- editable: state.isEditMode,
190086
- onPendingChangesChange: (hasChanges) => {
190087
- setState((prev) => ({ ...prev, hasUnsavedChanges: hasChanges }));
190088
- },
190089
- onCopy: handleCopyNodes,
190090
- showBackground: state.showGridLines,
190091
- backgroundVariant: "lines",
190092
- showControls: true,
190093
- highlightedNodeId: state.highlightedNodeId,
190094
- activeNodeIds,
190095
- fitViewToNodeIds,
190096
- fitViewPadding: 0.15,
190078
+ canvasContent ? /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center" }, children: canvasContent }) : state.canvas ? (() => {
190079
+ console.info("[CanvasEditorPanel] Rendering GraphRenderer with dimensions:", {
190097
190080
  containerWidth: containerDimensions == null ? void 0 : containerDimensions.width,
190098
190081
  containerHeight: containerDimensions == null ? void 0 : containerDimensions.height,
190099
- scenarioEdges
190100
- }
190101
- ) : null,
190082
+ fitViewToNodeIds: fitViewToNodeIds == null ? void 0 : fitViewToNodeIds.length,
190083
+ canvasPath
190084
+ });
190085
+ return /* @__PURE__ */ jsx(
190086
+ GraphRenderer,
190087
+ {
190088
+ ref: graphRef,
190089
+ canvas: state.canvas,
190090
+ library: state.library ?? void 0,
190091
+ spansCanvas: state.spansCanvas ?? void 0,
190092
+ workflowSpanPattern: workflowSpanPattern ?? void 0,
190093
+ width: "100%",
190094
+ height: "100%",
190095
+ editable: state.isEditMode,
190096
+ onPendingChangesChange: (hasChanges) => {
190097
+ setState((prev) => ({ ...prev, hasUnsavedChanges: hasChanges }));
190098
+ },
190099
+ onCopy: handleCopyNodes,
190100
+ showBackground: state.showGridLines,
190101
+ backgroundVariant: "lines",
190102
+ showControls: true,
190103
+ highlightedNodeId: state.highlightedNodeId,
190104
+ activeNodeIds,
190105
+ fitViewToNodeIds,
190106
+ fitViewPadding: 0.15,
190107
+ containerWidth: containerDimensions == null ? void 0 : containerDimensions.width,
190108
+ containerHeight: containerDimensions == null ? void 0 : containerDimensions.height,
190109
+ scenarioEdges
190110
+ }
190111
+ );
190112
+ })() : null,
190102
190113
  state.isEditMode && state.hasUnsavedChanges && /* @__PURE__ */ jsxs("div", { style: {
190103
190114
  position: "absolute",
190104
190115
  top: 0,