@uipath/apollo-react 6.22.3 → 6.23.1

package/README.md

@@ -237,7 +237,8 @@ This approach allows you to integrate Apollo design tokens into existing Materia
 
 ## Icons
 
-Access to 1300+ Apollo icons as React components:
+Access to 1300+ Apollo icons as React components, generated from
+[`@uipath/apollo-ui-icons`](../apollo-ui-icons):
 
 ```typescript
 import {

package/dist/canvas/components/JsonTree/JsonTree.cjs

@@ -147,7 +147,7 @@ function JsonTree({ nodes, collapsed = {}, onToggleCollapsed, query, filterPredi
                                 depth: depth
                             }, node.path)),
                         0 === rows.length && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                            className: "py-4 text-center text-xs text-foreground-subtle",
+                            className: "p-4 text-center text-xs text-foreground-subtle",
                             children: resolvedEmptyMessage
                         })
                     ]

package/dist/canvas/components/JsonTree/JsonTree.js

@@ -119,7 +119,7 @@ function JsonTree({ nodes, collapsed = {}, onToggleCollapsed, query, filterPredi
                                 depth: depth
                             }, node.path)),
                         0 === rows.length && /*#__PURE__*/ jsx("span", {
-                            className: "py-4 text-center text-xs text-foreground-subtle",
+                            className: "p-4 text-center text-xs text-foreground-subtle",
                             children: resolvedEmptyMessage
                         })
                     ]

package/dist/canvas/components/JsonTree/JsonTreeRow.cjs

@@ -41,7 +41,7 @@ const external_NodeKey_cjs_namespaceObject = require("./NodeKey.cjs");
 const external_RowActions_cjs_namespaceObject = require("./RowActions.cjs");
 const external_ScalarValueCell_cjs_namespaceObject = require("./ScalarValueCell.cjs");
 const ROW_CLASS = 'group flex min-h-7 cursor-default items-center gap-1.5 py-1 pr-1 transition hover:bg-surface-overlay';
-const CUSTOM_CELL_CLASS = 'flex min-w-0 flex-1 items-center overflow-hidden';
+const VALUE_CELL_CLASS = 'flex min-w-8 flex-1 items-center';
 function rowIndent(depth, extra = 0) {
     return {
         paddingLeft: `${6 + 12 * depth + extra}px`
@@ -253,7 +253,7 @@ function JsonTreeRow({ node, depth }) {
                                 })
                             }),
                             null != customCell && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                className: CUSTOM_CELL_CLASS,
+                                className: VALUE_CELL_CLASS,
                                 children: customCell
                             }),
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_DecorationChip_cjs_namespaceObject.DecorationChip, {
@@ -268,7 +268,7 @@ function JsonTreeRow({ node, depth }) {
                     }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
                         children: [
                             !wrapped && (null != customCell ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                className: CUSTOM_CELL_CLASS,
+                                className: VALUE_CELL_CLASS,
                                 children: customCell
                             }) : !(readOnly && void 0 === node.value || isTemplate) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
                                 children: [
@@ -276,13 +276,16 @@ function JsonTreeRow({ node, depth }) {
                                         className: "shrink-0 font-mono text-xs text-foreground-subtle",
                                         children: "="
                                     }),
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ScalarValueCell_cjs_namespaceObject.ScalarValueCell, {
-                                        node: node,
-                                        readOnly: readOnly,
-                                        editing: editingPath === node.path,
-                                        onStartEdit: (n)=>setEditingPath(n.path),
-                                        onStopEdit: ()=>setEditingPath(null),
-                                        onEdit: canEdit ? commitEdit : void 0
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        className: (0, apollo_wind_namespaceObject.cn)(VALUE_CELL_CLASS, 'shrink-3'),
+                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ScalarValueCell_cjs_namespaceObject.ScalarValueCell, {
+                                            node: node,
+                                            readOnly: readOnly,
+                                            editing: editingPath === node.path,
+                                            onStartEdit: (n)=>setEditingPath(n.path),
+                                            onStopEdit: ()=>setEditingPath(null),
+                                            onEdit: canEdit ? commitEdit : void 0
+                                        })
                                     })
                                 ]
                             })),
@@ -328,7 +331,9 @@ function JsonTreeRow({ node, depth }) {
                         message: 'Click to edit'
                     }) : void 0,
                     className: (0, apollo_wind_namespaceObject.cn)('w-full whitespace-pre-wrap break-all rounded text-left font-mono text-xs leading-5', canEdit && 'cursor-text', (0, external_ScalarValueCell_cjs_namespaceObject.valueColorClass)(node.type, node.value)),
-                    children: 'string' == typeof node.value ? node.value : (0, external_buildJsonTree_cjs_namespaceObject.formatLeafValue)(node.type, node.value)
+                    children: (0, external_buildJsonTree_cjs_namespaceObject.formatLeafValue)(node.type, node.value, {
+                        preserveStringWhitespace: true
+                    })
                 })
             }),
             isContainer && jsonEditingPath === node.path && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {

package/dist/canvas/components/JsonTree/JsonTreeRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JsonTreeRow.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonTreeRow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,SAAS,EAET,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAiC1B,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,cAAc,GAAG,SAAS,CAAC;IAClE,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAEvC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,kBAAkB,CAAC;IAE/B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;KAAE,GAAG,IAAI,CAAC;IACzD,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACxE;AAID,eAAO,MAAM,0BAA0B,0DAA8B,CAAC;AAgBtE,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CA6WjF"}
+{"version":3,"file":"JsonTreeRow.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonTreeRow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,SAAS,EAET,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,eAAe,EAChB,MAAM,kBAAkB,CAAC;AA+B1B,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,cAAc,GAAG,SAAS,CAAC;IAClE,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAEvC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,kBAAkB,CAAC;IAE/B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;KAAE,GAAG,IAAI,CAAC;IACzD,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACxE;AAID,eAAO,MAAM,0BAA0B,0DAA8B,CAAC;AAgBtE,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CA+WjF"}

package/dist/canvas/components/JsonTree/JsonTreeRow.js

@@ -12,7 +12,7 @@ import { NodeKey } from "./NodeKey.js";
 import { RowActions } from "./RowActions.js";
 import { ScalarValueCell, valueColorClass } from "./ScalarValueCell.js";
 const ROW_CLASS = 'group flex min-h-7 cursor-default items-center gap-1.5 py-1 pr-1 transition hover:bg-surface-overlay';
-const CUSTOM_CELL_CLASS = 'flex min-w-0 flex-1 items-center overflow-hidden';
+const VALUE_CELL_CLASS = 'flex min-w-8 flex-1 items-center';
 function rowIndent(depth, extra = 0) {
     return {
         paddingLeft: `${6 + 12 * depth + extra}px`
@@ -224,7 +224,7 @@ function JsonTreeRow({ node, depth }) {
                                 })
                             }),
                             null != customCell && /*#__PURE__*/ jsx("span", {
-                                className: CUSTOM_CELL_CLASS,
+                                className: VALUE_CELL_CLASS,
                                 children: customCell
                             }),
                             /*#__PURE__*/ jsx(DecorationChip, {
@@ -239,7 +239,7 @@ function JsonTreeRow({ node, depth }) {
                     }) : /*#__PURE__*/ jsxs(Fragment, {
                         children: [
                             !wrapped && (null != customCell ? /*#__PURE__*/ jsx("span", {
-                                className: CUSTOM_CELL_CLASS,
+                                className: VALUE_CELL_CLASS,
                                 children: customCell
                             }) : !(readOnly && void 0 === node.value || isTemplate) && /*#__PURE__*/ jsxs(Fragment, {
                                 children: [
@@ -247,13 +247,16 @@ function JsonTreeRow({ node, depth }) {
                                         className: "shrink-0 font-mono text-xs text-foreground-subtle",
                                         children: "="
                                     }),
-                                    /*#__PURE__*/ jsx(ScalarValueCell, {
-                                        node: node,
-                                        readOnly: readOnly,
-                                        editing: editingPath === node.path,
-                                        onStartEdit: (n)=>setEditingPath(n.path),
-                                        onStopEdit: ()=>setEditingPath(null),
-                                        onEdit: canEdit ? commitEdit : void 0
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: cn(VALUE_CELL_CLASS, 'shrink-3'),
+                                        children: /*#__PURE__*/ jsx(ScalarValueCell, {
+                                            node: node,
+                                            readOnly: readOnly,
+                                            editing: editingPath === node.path,
+                                            onStartEdit: (n)=>setEditingPath(n.path),
+                                            onStopEdit: ()=>setEditingPath(null),
+                                            onEdit: canEdit ? commitEdit : void 0
+                                        })
                                     })
                                 ]
                             })),
@@ -299,7 +302,9 @@ function JsonTreeRow({ node, depth }) {
                         message: 'Click to edit'
                     }) : void 0,
                     className: cn('w-full whitespace-pre-wrap break-all rounded text-left font-mono text-xs leading-5', canEdit && 'cursor-text', valueColorClass(node.type, node.value)),
-                    children: 'string' == typeof node.value ? node.value : formatLeafValue(node.type, node.value)
+                    children: formatLeafValue(node.type, node.value, {
+                        preserveStringWhitespace: true
+                    })
                 })
             }),
             isContainer && jsonEditingPath === node.path && /*#__PURE__*/ jsx("div", {

package/dist/canvas/components/JsonTree/NodeKey.cjs

@@ -34,7 +34,7 @@ function NodeKey({ node, label, displayPath, onCopyPath, className }) {
     const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
     const text = label ?? node.key;
     const copyPathText = displayPath ?? node.path;
-    const keyClass = (0, apollo_wind_namespaceObject.cn)('max-w-[45%] shrink-0 truncate text-xs text-foreground', null != label ? 'font-medium' : 'font-mono', void 0 === node.value && 'text-foreground-muted', className);
+    const keyClass = (0, apollo_wind_namespaceObject.cn)('min-w-4 max-w-[45%] truncate text-xs text-foreground', null != label ? 'font-medium' : 'font-mono', void 0 === node.value && 'text-foreground-muted', className);
     if (!onCopyPath) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
         className: keyClass,
         children: text

package/dist/canvas/components/JsonTree/NodeKey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeKey.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/NodeKey.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,YAAY,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,YAAY,2CAuDxF"}
+{"version":3,"file":"NodeKey.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/NodeKey.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,YAAY,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,YAAY,2CA4DxF"}

package/dist/canvas/components/JsonTree/NodeKey.js

@@ -6,7 +6,7 @@ function NodeKey({ node, label, displayPath, onCopyPath, className }) {
     const { _ } = useSafeLingui();
     const text = label ?? node.key;
     const copyPathText = displayPath ?? node.path;
-    const keyClass = cn('max-w-[45%] shrink-0 truncate text-xs text-foreground', null != label ? 'font-medium' : 'font-mono', void 0 === node.value && 'text-foreground-muted', className);
+    const keyClass = cn('min-w-4 max-w-[45%] truncate text-xs text-foreground', null != label ? 'font-medium' : 'font-mono', void 0 === node.value && 'text-foreground-muted', className);
     if (!onCopyPath) return /*#__PURE__*/ jsx("span", {
         className: keyClass,
         children: text

package/dist/canvas/components/JsonTree/ScalarValueCell.cjs

@@ -39,7 +39,7 @@ function valueColorClass(type, value) {
     if ('boolean' === type) return value ? 'text-success' : 'text-error';
     return 'text-foreground';
 }
-const VALUE_CELL_CLASS = 'min-w-0 shrink-3 truncate rounded font-mono text-xs transition hover:bg-surface-raised';
+const VALUE_CELL_CLASS = 'min-w-0 truncate rounded font-mono text-xs transition hover:bg-surface-raised';
 function ScalarValueCell({ node, readOnly, editing, onStartEdit, onStopEdit, onEdit }) {
     const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
     const missing = void 0 === node.value;
@@ -59,7 +59,7 @@ function ScalarValueCell({ node, readOnly, editing, onStartEdit, onStopEdit, onE
         onCancel: onStopEdit
     });
     if (readOnly || !onEdit) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-        className: (0, apollo_wind_namespaceObject.cn)('min-w-0 shrink-3 truncate font-mono text-xs', colorClass),
+        className: (0, apollo_wind_namespaceObject.cn)('min-w-0 truncate font-mono text-xs', colorClass),
         children: display
     });
     const editTitle = _({

package/dist/canvas/components/JsonTree/ScalarValueCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarValueCell.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/ScalarValueCell.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlF,wBAAgB,eAAe,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAM5F;AAOD,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACzD;AAQD,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,UAAU,EACV,MAAM,GACP,EAAE,oBAAoB,2CAsHtB"}
+{"version":3,"file":"ScalarValueCell.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/ScalarValueCell.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlF,wBAAgB,eAAe,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAM5F;AASD,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACzD;AAQD,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,UAAU,EACV,MAAM,GACP,EAAE,oBAAoB,2CAkHtB"}

package/dist/canvas/components/JsonTree/ScalarValueCell.js

@@ -10,7 +10,7 @@ function valueColorClass(type, value) {
     if ('boolean' === type) return value ? 'text-success' : 'text-error';
     return 'text-foreground';
 }
-const VALUE_CELL_CLASS = 'min-w-0 shrink-3 truncate rounded font-mono text-xs transition hover:bg-surface-raised';
+const VALUE_CELL_CLASS = 'min-w-0 truncate rounded font-mono text-xs transition hover:bg-surface-raised';
 function ScalarValueCell({ node, readOnly, editing, onStartEdit, onStopEdit, onEdit }) {
     const { _ } = useSafeLingui();
     const missing = void 0 === node.value;
@@ -30,7 +30,7 @@ function ScalarValueCell({ node, readOnly, editing, onStartEdit, onStopEdit, onE
         onCancel: onStopEdit
     });
     if (readOnly || !onEdit) return /*#__PURE__*/ jsx("span", {
-        className: cn('min-w-0 shrink-3 truncate font-mono text-xs', colorClass),
+        className: cn('min-w-0 truncate font-mono text-xs', colorClass),
         children: display
     });
     const editTitle = _({

package/dist/canvas/components/JsonTree/buildJsonTree.cjs

@@ -285,9 +285,9 @@ function removeValueAtPath(root, segments) {
         [head]: child
     };
 }
-function formatLeafValue(type, value) {
+function formatLeafValue(type, value, options) {
     if (null == value) return 'null';
-    if ('string' === type) return JSON.stringify(value);
+    if ('string' === type) return options?.preserveStringWhitespace ? `"${value}"` : JSON.stringify(value);
     return String(value);
 }
 exports.appendPathSegment = __webpack_exports__.appendPathSegment;

package/dist/canvas/components/JsonTree/buildJsonTree.d.ts

@@ -33,5 +33,7 @@ export declare function collectContainerPaths(nodes: JsonTreeNode[], depth?: num
 export declare function getValueAtPath(root: JsonValue | undefined, segments: PathSegment[]): JsonValue | undefined;
 export declare function setValueAtPath(root: JsonValue | undefined, segments: PathSegment[], value: JsonValue): JsonValue;
 export declare function removeValueAtPath(root: JsonValue | undefined, segments: PathSegment[]): JsonValue | undefined;
-export declare function formatLeafValue(type: JsonTreeNodeType, value: JsonValue | undefined): string;
+export declare function formatLeafValue(type: JsonTreeNodeType, value: JsonValue | undefined, options?: {
+    preserveStringWhitespace?: boolean;
+}): string;
 //# sourceMappingURL=buildJsonTree.d.ts.map

package/dist/canvas/components/JsonTree/buildJsonTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildJsonTree.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/buildJsonTree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,UAAU,EACV,UAAU,EAEV,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,WAAW,EACZ,MAAM,kBAAkB,CAAC;AAI1B,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,KAAK,IAAI,UAAU,CAE9E;AAGD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAG,MAAM,CAI5E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,GAAG,gBAAgB,CAajE;AAQD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,UAAU,GAAG,SAAS,GAAG,gBAAgB,CASlF;AAuJD,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AASD,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,YAAY,EAAE,CAc3E;AASD,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAEnE;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,MAAM,MAAM,gBAAgB,GAAG,CAC7B,IAAI,EAAE,YAAY,KACf;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAAC;AAoCvD,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;IAElD,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAGD,wBAAgB,eAAe,CAC7B,KAAK,EAAE,YAAY,EAAE,EACrB,OAAO,GAAE,cAAmB,EAC5B,KAAK,SAAI,GACR,eAAe,EAAE,CAsCnB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,KAAK,SAAI,GAAG,aAAa,EAAE,CASvF;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,SAAS,GAAG,SAAS,EAC3B,QAAQ,EAAE,WAAW,EAAE,GACtB,SAAS,GAAG,SAAS,CAcvB;AAOD,wBAAgB,cAAc,CAC5B,IAAI,EAAE,SAAS,GAAG,SAAS,EAC3B,QAAQ,EAAE,WAAW,EAAE,EACvB,KAAK,EAAE,SAAS,GACf,SAAS,CAoBX;AAOD,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,SAAS,GAAG,SAAS,EAC3B,QAAQ,EAAE,WAAW,EAAE,GACtB,SAAS,GAAG,SAAS,CAyBvB;AAGD,wBAAgB,eAAe,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAI5F"}
+{"version":3,"file":"buildJsonTree.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/buildJsonTree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,UAAU,EACV,UAAU,EAEV,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,WAAW,EACZ,MAAM,kBAAkB,CAAC;AAI1B,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,KAAK,IAAI,UAAU,CAE9E;AAGD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAG,MAAM,CAI5E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,GAAG,gBAAgB,CAajE;AAQD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,UAAU,GAAG,SAAS,GAAG,gBAAgB,CASlF;AAuJD,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AASD,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,YAAY,EAAE,CAc3E;AASD,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAEnE;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,MAAM,MAAM,gBAAgB,GAAG,CAC7B,IAAI,EAAE,YAAY,KACf;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAAC;AAoCvD,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;IAElD,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAGD,wBAAgB,eAAe,CAC7B,KAAK,EAAE,YAAY,EAAE,EACrB,OAAO,GAAE,cAAmB,EAC5B,KAAK,SAAI,GACR,eAAe,EAAE,CAsCnB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,KAAK,SAAI,GAAG,aAAa,EAAE,CASvF;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,SAAS,GAAG,SAAS,EAC3B,QAAQ,EAAE,WAAW,EAAE,GACtB,SAAS,GAAG,SAAS,CAcvB;AAOD,wBAAgB,cAAc,CAC5B,IAAI,EAAE,SAAS,GAAG,SAAS,EAC3B,QAAQ,EAAE,WAAW,EAAE,EACvB,KAAK,EAAE,SAAS,GACf,SAAS,CAoBX;AAOD,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,SAAS,GAAG,SAAS,EAC3B,QAAQ,EAAE,WAAW,EAAE,GACtB,SAAS,GAAG,SAAS,CAyBvB;AAGD,wBAAgB,eAAe,CAC7B,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,SAAS,GAAG,SAAS,EAC5B,OAAO,CAAC,EAAE;IAAE,wBAAwB,CAAC,EAAE,OAAO,CAAA;CAAE,GAC/C,MAAM,CAMR"}

package/dist/canvas/components/JsonTree/buildJsonTree.js

@@ -246,9 +246,9 @@ function removeValueAtPath(root, segments) {
         [head]: child
     };
 }
-function formatLeafValue(type, value) {
+function formatLeafValue(type, value, options) {
     if (null == value) return 'null';
-    if ('string' === type) return JSON.stringify(value);
+    if ('string' === type) return options?.preserveStringWhitespace ? `"${value}"` : JSON.stringify(value);
     return String(value);
 }
 export { appendPathSegment, buildJsonTree, collectContainerPaths, flattenJsonTree, formatLeafValue, getValueAtPath, inferValueType, isArrayItemTemplateRoot, isJsonObject, removeValueAtPath, schemaDisplayType, setValueAtPath };

package/dist/canvas/components/NodeIOView/PanelTitleBar.cjs

@@ -34,36 +34,34 @@ function PanelTitleBar({ icon, title, badge, trailing, className }) {
         className: (0, apollo_wind_namespaceObject.cn)('flex items-center justify-between gap-2', className),
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                className: "flex min-w-0 items-center gap-2",
+                className: "flex min-w-16 flex-1 items-center gap-2",
                 children: [
                     icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                        className: "shrink-0 text-foreground-subtle [&>svg]:size-[13px]",
+                        className: "shrink-0 text-foreground-subtle [&>svg]:size-3.25",
                         children: icon
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
                         smartTooltip: true,
                         delay: true,
-                        placement: "bottom",
                         content: title,
                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                            className: "truncate text-xs font-medium text-foreground",
+                            className: "min-w-2 truncate text-xs font-medium text-foreground",
                             children: title
                         })
                     }),
                     badge && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
                         smartTooltip: true,
                         delay: true,
-                        placement: "bottom",
                         content: badge,
                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                            className: "min-w-0 truncate font-mono text-[10px] text-foreground-muted",
+                            className: "min-w-2 shrink-8 truncate font-mono text-[10px] text-foreground-muted",
                             children: badge
                         })
                     })
                 ]
             }),
             trailing && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                className: "shrink-0",
+                className: "flex min-w-12 items-center justify-end",
                 children: trailing
             })
         ]

package/dist/canvas/components/NodeIOView/PanelTitleBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelTitleBar.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodeIOView/PanelTitleBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,kBAAkB;IAEjC,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,KAAK,EAAE,MAAM,CAAC;IAEd,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAqB5F"}
+{"version":3,"file":"PanelTitleBar.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodeIOView/PanelTitleBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,kBAAkB;IAEjC,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,KAAK,EAAE,MAAM,CAAC;IAEd,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAmB5F"}

package/dist/canvas/components/NodeIOView/PanelTitleBar.js

@@ -6,36 +6,34 @@ function PanelTitleBar({ icon, title, badge, trailing, className }) {
         className: cn('flex items-center justify-between gap-2', className),
         children: [
             /*#__PURE__*/ jsxs("div", {
-                className: "flex min-w-0 items-center gap-2",
+                className: "flex min-w-16 flex-1 items-center gap-2",
                 children: [
                     icon && /*#__PURE__*/ jsx("span", {
-                        className: "shrink-0 text-foreground-subtle [&>svg]:size-[13px]",
+                        className: "shrink-0 text-foreground-subtle [&>svg]:size-3.25",
                         children: icon
                     }),
                     /*#__PURE__*/ jsx(CanvasTooltip, {
                         smartTooltip: true,
                         delay: true,
-                        placement: "bottom",
                         content: title,
                         children: /*#__PURE__*/ jsx("span", {
-                            className: "truncate text-xs font-medium text-foreground",
+                            className: "min-w-2 truncate text-xs font-medium text-foreground",
                             children: title
                         })
                     }),
                     badge && /*#__PURE__*/ jsx(CanvasTooltip, {
                         smartTooltip: true,
                         delay: true,
-                        placement: "bottom",
                         content: badge,
                         children: /*#__PURE__*/ jsx("span", {
-                            className: "min-w-0 truncate font-mono text-[10px] text-foreground-muted",
+                            className: "min-w-2 shrink-8 truncate font-mono text-[10px] text-foreground-muted",
                             children: badge
                         })
                     })
                 ]
             }),
             trailing && /*#__PURE__*/ jsx("div", {
-                className: "shrink-0",
+                className: "flex min-w-12 items-center justify-end",
                 children: trailing
             })
         ]

package/dist/canvas/components/StageNode/StageNode.styles.cjs

@@ -160,6 +160,13 @@ const StageTaskWrapper = styled_default().div`
   width: ${({ isParallel })=>isParallel ? 'var(--stage-task-width-parallel, 216px)' : 'var(--stage-task-width, 246px)'};
   border-radius: ${apollo_core_namespaceObject.Spacing.SpacingXs};
   height: 36px;
+
+  /* Only reorderable rows are wrapped, so this is the drag affordance. */
+  cursor: grab;
+
+  &:active {
+    cursor: grabbing;
+  }
 `;
 const StageItemPill = styled_default().div`
   position: relative;

package/dist/canvas/components/StageNode/StageNode.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,mBAAmB,QAAuD,CAAC;AAExF,eAAO,MAAM,cAAc;;;;eACd,OAAO;aACT,WAAW;YACZ,MAAM;yGAqDf,CAAC;AAEF,eAAO,MAAM,WAAW;;;;kBAA8B,OAAO;yGAS5D,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAQxB,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAK1B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;iBAA6B,OAAO;yGAMvE,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAa9B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;iBAA6B,OAAO;yGAKhE,CAAC;AAEF,eAAO,MAAM,aAAa;;;;aACf,WAAW;eACT,OAAO;iBACL,OAAO;oBACJ,OAAO;oBACP,OAAO;yGA2ExB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAYzB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;aAAyB,SAAS,GAAG,MAAM,GAAG,OAAO;yGAoBvF,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;yGAG3C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAK/B,CAAC;AAEF,eAAO,MAAM,SAAS;;;qHAsBrB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAI7B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;yGAInC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;uBAAmC,OAAO;yGAW9E,CAAC"}
+{"version":3,"file":"StageNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,mBAAmB,QAAuD,CAAC;AAExF,eAAO,MAAM,cAAc;;;;eACd,OAAO;aACT,WAAW;YACZ,MAAM;yGAqDf,CAAC;AAEF,eAAO,MAAM,WAAW;;;;kBAA8B,OAAO;yGAS5D,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAQxB,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAK1B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;iBAA6B,OAAO;yGAMvE,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAa9B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;iBAA6B,OAAO;yGAYhE,CAAC;AAEF,eAAO,MAAM,aAAa;;;;aACf,WAAW;eACT,OAAO;iBACL,OAAO;oBACJ,OAAO;oBACP,OAAO;yGA2ExB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAYzB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;aAAyB,SAAS,GAAG,MAAM,GAAG,OAAO;yGAoBvF,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;yGAG3C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAK/B,CAAC;AAEF,eAAO,MAAM,SAAS;;;qHAsBrB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAI7B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;yGAInC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;uBAAmC,OAAO;yGAW9E,CAAC"}

package/dist/canvas/components/StageNode/StageNode.styles.js

@@ -102,6 +102,13 @@ const StageTaskWrapper = styled.div`
   width: ${({ isParallel })=>isParallel ? 'var(--stage-task-width-parallel, 216px)' : 'var(--stage-task-width, 246px)'};
   border-radius: ${Spacing.SpacingXs};
   height: 36px;
+
+  /* Only reorderable rows are wrapped, so this is the drag affordance. */
+  cursor: grab;
+
+  &:active {
+    cursor: grabbing;
+  }
 `;
 const StageItemPill = styled.div`
   position: relative;

package/dist/canvas/components/StageNode/StageNode.types.d.ts

@@ -139,10 +139,5 @@ export interface TaskStateReference {
     groupIndex: number;
     taskIndex: number;
 }
-export interface StageTaskGroup {
-    task: StageTaskItem;
-    groupIndex: number;
-    taskIndex: number;
-}
 export {};
 //# sourceMappingURL=StageNode.types.d.ts.map

package/dist/canvas/components/StageNode/StageNode.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"StageNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.types.ts"],"names":[],"mappings":"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"}

package/dist/canvas/components/StageNode/hooks/useStageTaskDragHandler.cjs

@@ -29,81 +29,56 @@ __webpack_require__.d(__webpack_exports__, {
 const react_namespaceObject = require("@xyflow/react");
 const external_react_namespaceObject = require("react");
 const external_StageNode_utils_cjs_namespaceObject = require("../StageNode.utils.cjs");
-const useStageTaskDragHandler = ({ sequentialTaskGroups, sequentialTasks, onTaskReorder })=>{
+const useStageTaskDragHandler = ({ taskGroups, onTaskReorder, allowRegrouping = true })=>{
     const storeApi = (0, react_namespaceObject.useStoreApi)();
+    const offsetLeft = (0, external_react_namespaceObject.useRef)(0);
     const [activeDragId, setActiveDragId] = (0, external_react_namespaceObject.useState)(null);
-    const [offsetLeft, setOffsetLeft] = (0, external_react_namespaceObject.useState)(0);
-    const [overId, setOverId] = (0, external_react_namespaceObject.useState)(null);
-    const activeSequentialTask = (0, external_react_namespaceObject.useMemo)(()=>sequentialTasks.find(({ task })=>task.id === activeDragId), [
-        sequentialTasks,
+    const activeTask = (0, external_react_namespaceObject.useMemo)(()=>taskGroups.flat().find((task)=>task.id === activeDragId), [
+        taskGroups,
         activeDragId
     ]);
-    const isActiveTaskParallel = (0, external_react_namespaceObject.useMemo)(()=>{
-        if (!activeDragId) return false;
-        const group = sequentialTaskGroups.find((g)=>g.some((t)=>t.id === activeDragId));
-        return group ? group.length > 1 : false;
-    }, [
-        sequentialTaskGroups,
+    const isActiveTaskParallel = (0, external_react_namespaceObject.useMemo)(()=>(taskGroups.find((group)=>group.some((t)=>t.id === activeDragId))?.length ?? 0) > 1, [
+        taskGroups,
         activeDragId
     ]);
-    const projected = (0, external_react_namespaceObject.useMemo)(()=>{
-        if (!activeDragId || !overId) return null;
-        return (0, external_StageNode_utils_cjs_namespaceObject.getProjection)(sequentialTaskGroups, activeDragId, overId, offsetLeft);
-    }, [
-        sequentialTaskGroups,
-        activeDragId,
-        overId,
-        offsetLeft
-    ]);
-    const resetState = (0, external_react_namespaceObject.useCallback)(()=>{
-        setActiveDragId(null);
-        setOffsetLeft(0);
-        setOverId(null);
-    }, []);
-    const handleDragStart = (0, external_react_namespaceObject.useCallback)((event)=>{
-        setActiveDragId(event.active.id);
-    }, []);
+    const handleDragStart = (0, external_react_namespaceObject.useCallback)((event)=>setActiveDragId(String(event.active.id)), []);
     const handleDragMove = (0, external_react_namespaceObject.useCallback)((event)=>{
-        setOffsetLeft(event.delta.x / storeApi.getState().transform[2]);
+        offsetLeft.current = event.delta.x / storeApi.getState().transform[2];
     }, [
         storeApi
     ]);
-    const handleDragOver = (0, external_react_namespaceObject.useCallback)((event)=>{
-        setOverId(event.over?.id ?? null);
-    }, []);
     const handleDragEnd = (0, external_react_namespaceObject.useCallback)((event)=>{
         const { active, over } = event;
-        const currentOffsetLeft = offsetLeft;
-        resetState();
+        const currentOffsetLeft = offsetLeft.current;
+        offsetLeft.current = 0;
+        setActiveDragId(null);
         if (!over) return;
-        const projection = (0, external_StageNode_utils_cjs_namespaceObject.getProjection)(sequentialTaskGroups, active.id, over.id, currentOffsetLeft);
-        if (!projection) return;
+        let depth = 0;
+        if (allowRegrouping) {
+            const projection = (0, external_StageNode_utils_cjs_namespaceObject.getProjection)(taskGroups, active.id, over.id, currentOffsetLeft);
+            if (!projection) return;
+            depth = projection.depth;
+        }
         if (active.id === over.id) {
-            const flattened = (0, external_StageNode_utils_cjs_namespaceObject.flattenTasks)(sequentialTaskGroups);
-            const activeTask = flattened.find((t)=>t.id === active.id);
-            if (activeTask && activeTask.depth === projection.depth) return;
+            const flattened = (0, external_StageNode_utils_cjs_namespaceObject.flattenTasks)(taskGroups);
+            const draggedTask = flattened.find((t)=>t.id === active.id);
+            if (draggedTask && draggedTask.depth === depth) return;
         }
-        const newTasks = (0, external_StageNode_utils_cjs_namespaceObject.reorderTasks)(sequentialTaskGroups, active.id, over.id, projection.depth);
-        onTaskReorder(newTasks);
+        onTaskReorder((0, external_StageNode_utils_cjs_namespaceObject.reorderTasks)(taskGroups, active.id, over.id, depth));
     }, [
-        sequentialTaskGroups,
+        taskGroups,
         onTaskReorder,
-        offsetLeft,
-        resetState
+        allowRegrouping
     ]);
     const handleDragCancel = (0, external_react_namespaceObject.useCallback)(()=>{
-        resetState();
-    }, [
-        resetState
-    ]);
+        offsetLeft.current = 0;
+        setActiveDragId(null);
+    }, []);
     return {
-        activeDragId,
-        activeSequentialTask,
+        activeTask,
         isActiveTaskParallel,
-        projected,
-        handleDragMove,
-        handleDragOver,
         handleDragStart,
+        handleDragMove,
         handleDragEnd,
         handleDragCancel
     };

package/dist/canvas/components/StageNode/hooks/useStageTaskDragHandler.d.ts

@@ -1,17 +1,14 @@
-import type { DragEndEvent, DragMoveEvent, DragOverEvent, DragStartEvent } from '@dnd-kit/core';
-import type { StageTaskGroup, StageTaskItem } from '../StageNode.types';
-export declare const useStageTaskDragHandler: ({ sequentialTaskGroups, sequentialTasks, onTaskReorder, }: {
-    sequentialTaskGroups: StageTaskItem[][];
-    sequentialTasks: StageTaskGroup[];
+import type { DragEndEvent, DragMoveEvent, DragStartEvent } from '@dnd-kit/core';
+import type { StageTaskItem } from '../StageNode.types';
+export declare const useStageTaskDragHandler: ({ taskGroups, onTaskReorder, allowRegrouping, }: {
+    taskGroups: StageTaskItem[][];
     onTaskReorder: (newTasks: StageTaskItem[][]) => void;
+    allowRegrouping?: boolean;
 }) => {
-    activeDragId: string | null;
-    activeSequentialTask: StageTaskGroup | undefined;
+    activeTask: StageTaskItem | undefined;
     isActiveTaskParallel: boolean;
-    projected: import("../StageNode.utils").ProjectionResult | null;
-    handleDragMove: (event: DragMoveEvent) => void;
-    handleDragOver: (event: DragOverEvent) => void;
     handleDragStart: (event: DragStartEvent) => void;
+    handleDragMove: (event: DragMoveEvent) => void;
     handleDragEnd: (event: DragEndEvent) => void;
     handleDragCancel: () => void;
 };

package/dist/canvas/components/StageNode/hooks/useStageTaskDragHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStageTaskDragHandler.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/hooks/useStageTaskDragHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGhG,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGxE,eAAO,MAAM,uBAAuB,GAAI,2DAIrC;IACD,oBAAoB,EAAE,aAAa,EAAE,EAAE,CAAC;IACxC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,aAAa,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,EAAE,KAAK,IAAI,CAAC;CACtD;;;;;4BAkCW,aAAa;4BAMoB,aAAa;6BAXZ,cAAc;2BAgBhD,YAAY;;CAsDvB,CAAC"}
+{"version":3,"file":"useStageTaskDragHandler.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/hooks/useStageTaskDragHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGxD,eAAO,MAAM,uBAAuB,GAAI,iDAIrC;IACD,UAAU,EAAE,aAAa,EAAE,EAAE,CAAC;IAC9B,aAAa,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,EAAE,KAAK,IAAI,CAAC;IAGrD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;;;6BAkBW,cAAc;4BAKd,aAAa;2BAOb,YAAY;;CAoDvB,CAAC"}