@01.software/sdk 0.5.6 → 0.5.8

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.
@@ -73,6 +73,10 @@ declare function sanitizeCSS(css: string, scopeClass?: string): string;
73
73
  * ```ts
74
74
  * import '@xyflow/react/dist/style.css'
75
75
  * ```
76
+ *
77
+ * **Stable references required**: `nodeRenderers`, `frameRenderer`, `nodeWrapper`, `renderNode`,
78
+ * and `edgeRenderers` must be stable (defined outside render or wrapped with `useCallback`/`useMemo`).
79
+ * Unstable references recreate `nodeTypes`/`edgeTypes` every render, causing React Flow to remount all nodes.
76
80
  */
77
81
  interface FlowRendererProps {
78
82
  /** Canvas data from Flow document's `canvas` field */
package/dist/ui/flow.d.ts CHANGED
@@ -73,6 +73,10 @@ declare function sanitizeCSS(css: string, scopeClass?: string): string;
73
73
  * ```ts
74
74
  * import '@xyflow/react/dist/style.css'
75
75
  * ```
76
+ *
77
+ * **Stable references required**: `nodeRenderers`, `frameRenderer`, `nodeWrapper`, `renderNode`,
78
+ * and `edgeRenderers` must be stable (defined outside render or wrapped with `useCallback`/`useMemo`).
79
+ * Unstable references recreate `nodeTypes`/`edgeTypes` every render, causing React Flow to remount all nodes.
76
80
  */
77
81
  interface FlowRendererProps {
78
82
  /** Canvas data from Flow document's `canvas` field */
package/dist/ui/flow.js CHANGED
@@ -778,6 +778,10 @@ function DefaultFrameNode({ data }) {
778
778
  const bgColor = (() => {
779
779
  const m = baseColor.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
780
780
  if (m) return `rgba(${m[1]},${m[2]},${m[3]},${opacity})`;
781
+ const h6 = baseColor.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);
782
+ if (h6) return `rgba(${parseInt(h6[1], 16)},${parseInt(h6[2], 16)},${parseInt(h6[3], 16)},${opacity})`;
783
+ const h3 = baseColor.match(/^#([0-9a-f])([0-9a-f])([0-9a-f])$/i);
784
+ if (h3) return `rgba(${parseInt(h3[1] + h3[1], 16)},${parseInt(h3[2] + h3[2], 16)},${parseInt(h3[3] + h3[3], 16)},${opacity})`;
781
785
  return baseColor;
782
786
  })();
783
787
  return /* @__PURE__ */ React2.createElement(
@@ -1000,7 +1004,8 @@ function Image({
1000
1004
  objectFit = "cover",
1001
1005
  priority = false,
1002
1006
  fill = false,
1003
- imageRendering
1007
+ imageRendering,
1008
+ alt: altProp
1004
1009
  }) {
1005
1010
  const [loaded, setLoaded] = useState(false);
1006
1011
  const firedRef = useRef(false);
@@ -1083,7 +1088,7 @@ function Image({
1083
1088
  "img",
1084
1089
  {
1085
1090
  ref: imgRef,
1086
- alt: image.alt ?? "",
1091
+ alt: altProp ?? image.alt ?? "",
1087
1092
  src,
1088
1093
  srcSet: srcSet || void 0,
1089
1094
  sizes,