@uipath/apollo-react 6.44.0 → 6.44.1
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.
- package/dist/canvas/components/JsonTree/JsonTree.cjs +5 -6
- package/dist/canvas/components/JsonTree/JsonTree.d.ts.map +1 -1
- package/dist/canvas/components/JsonTree/JsonTree.js +5 -6
- package/dist/canvas/components/JsonTree/buildJsonTree.cjs +2 -2
- package/dist/canvas/components/JsonTree/buildJsonTree.d.ts.map +1 -1
- package/dist/canvas/components/JsonTree/buildJsonTree.js +2 -2
- package/package.json +1 -1
|
@@ -41,21 +41,20 @@ const VIRTUAL_OVERSCAN = 10;
|
|
|
41
41
|
function scrollMarginOf(element, scrollElement) {
|
|
42
42
|
return Math.round(element.getBoundingClientRect().top - scrollElement.getBoundingClientRect().top + scrollElement.scrollTop);
|
|
43
43
|
}
|
|
44
|
-
function VirtualRows({ rows,
|
|
44
|
+
function VirtualRows({ rows, container, scrollElement, pinnedPaths }) {
|
|
45
45
|
const [scrollMargin, setScrollMargin] = (0, external_react_namespaceObject.useState)(0);
|
|
46
46
|
const getItemKey = (0, external_react_namespaceObject.useCallback)((index)=>rows[index]?.node.path ?? index, [
|
|
47
47
|
rows
|
|
48
48
|
]);
|
|
49
49
|
const virtualizer = (0, react_virtual_namespaceObject.useVirtualizer)({
|
|
50
50
|
count: rows.length,
|
|
51
|
-
getScrollElement: ()=>scrollElement ??
|
|
51
|
+
getScrollElement: ()=>scrollElement ?? container,
|
|
52
52
|
estimateSize: ()=>external_JsonTreeRow_cjs_namespaceObject.ROW_MIN_HEIGHT_PX,
|
|
53
53
|
getItemKey,
|
|
54
54
|
overscan: VIRTUAL_OVERSCAN,
|
|
55
55
|
scrollMargin
|
|
56
56
|
});
|
|
57
57
|
(0, useIsomorphicLayoutEffect_cjs_namespaceObject.useIsomorphicLayoutEffect)(()=>{
|
|
58
|
-
const container = containerRef.current;
|
|
59
58
|
if (!container || !scrollElement) {
|
|
60
59
|
if (0 !== scrollMargin) setScrollMargin(0);
|
|
61
60
|
return;
|
|
@@ -125,7 +124,7 @@ const DefaultRowWrapper = ({ className, style, onClick, children })=>/*#__PURE__
|
|
|
125
124
|
});
|
|
126
125
|
function JsonTree({ nodes, collapsed = {}, onToggleCollapsed, query, filterPredicate, readOnly = false, onEdit, rowWrapper, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions = 3, renderCodeEditor, pathForCopy, onCopy, virtualized = false, scrollElement, emptyMessage, className }) {
|
|
127
126
|
const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
|
|
128
|
-
const
|
|
127
|
+
const [container, setContainer] = (0, external_react_namespaceObject.useState)(null);
|
|
129
128
|
const usesAncestorScroller = virtualized && !!scrollElement;
|
|
130
129
|
const RowWrapper = rowWrapper ?? DefaultRowWrapper;
|
|
131
130
|
const [editingPath, setEditingPath] = (0, external_react_namespaceObject.useState)(null);
|
|
@@ -228,12 +227,12 @@ function JsonTree({ nodes, collapsed = {}, onToggleCollapsed, query, filterPredi
|
|
|
228
227
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonTreeRow_cjs_namespaceObject.JsonTreeRowContextProvider, {
|
|
229
228
|
value: rowContext,
|
|
230
229
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
231
|
-
ref:
|
|
230
|
+
ref: setContainer,
|
|
232
231
|
className: (0, apollo_wind_namespaceObject.cn)(usesAncestorScroller ? 'overflow-x-clip' : 'h-full overflow-y-auto overflow-x-hidden', virtualized && !usesAncestorScroller && 'max-h-screen', virtualized && '[overflow-anchor:none]', className),
|
|
233
232
|
children: [
|
|
234
233
|
virtualized ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VirtualRows, {
|
|
235
234
|
rows: rows,
|
|
236
|
-
|
|
235
|
+
container: container,
|
|
237
236
|
scrollElement: scrollElement,
|
|
238
237
|
pinnedPaths: pinnedPaths
|
|
239
238
|
}) : rows.map(({ node, depth })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonTreeRow_cjs_namespaceObject.JsonTreeRow, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JsonTree.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonTree.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,SAAS,EACT,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAQ1B,MAAM,WAAW,aAAa;IAE5B,KAAK,EAAE,YAAY,EAAE,CAAC;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAE3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;IAElD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IAMpE,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAEhC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,cAAc,GAAG,SAAS,CAAC;IAElE,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC,WAAW,CAAC,EAAE,eAAe,CAAC;IAM9B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAKlC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAEvC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAQpC,WAAW,CAAC,EAAE,OAAO,CAAC;IAQtB,aAAa,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;
|
|
1
|
+
{"version":3,"file":"JsonTree.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonTree.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,SAAS,EACT,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAQ1B,MAAM,WAAW,aAAa;IAE5B,KAAK,EAAE,YAAY,EAAE,CAAC;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAE3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;IAElD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IAMpE,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAEhC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,cAAc,GAAG,SAAS,CAAC;IAElE,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC,WAAW,CAAC,EAAE,eAAe,CAAC;IAM9B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAKlC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAEvC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAQpC,WAAW,CAAC,EAAE,OAAO,CAAC;IAQtB,aAAa,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqJD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,SAAc,EACd,iBAAiB,EACjB,KAAK,EACL,eAAe,EACf,QAAgB,EAChB,MAAM,EACN,UAAU,EACV,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,gBAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,WAAmB,EACnB,aAAa,EACb,YAAY,EACZ,SAAS,GACV,EAAE,aAAa,2CA6Jf"}
|
|
@@ -13,21 +13,20 @@ const VIRTUAL_OVERSCAN = 10;
|
|
|
13
13
|
function scrollMarginOf(element, scrollElement) {
|
|
14
14
|
return Math.round(element.getBoundingClientRect().top - scrollElement.getBoundingClientRect().top + scrollElement.scrollTop);
|
|
15
15
|
}
|
|
16
|
-
function VirtualRows({ rows,
|
|
16
|
+
function VirtualRows({ rows, container, scrollElement, pinnedPaths }) {
|
|
17
17
|
const [scrollMargin, setScrollMargin] = useState(0);
|
|
18
18
|
const getItemKey = useCallback((index)=>rows[index]?.node.path ?? index, [
|
|
19
19
|
rows
|
|
20
20
|
]);
|
|
21
21
|
const virtualizer = useVirtualizer({
|
|
22
22
|
count: rows.length,
|
|
23
|
-
getScrollElement: ()=>scrollElement ??
|
|
23
|
+
getScrollElement: ()=>scrollElement ?? container,
|
|
24
24
|
estimateSize: ()=>ROW_MIN_HEIGHT_PX,
|
|
25
25
|
getItemKey,
|
|
26
26
|
overscan: VIRTUAL_OVERSCAN,
|
|
27
27
|
scrollMargin
|
|
28
28
|
});
|
|
29
29
|
useIsomorphicLayoutEffect(()=>{
|
|
30
|
-
const container = containerRef.current;
|
|
31
30
|
if (!container || !scrollElement) {
|
|
32
31
|
if (0 !== scrollMargin) setScrollMargin(0);
|
|
33
32
|
return;
|
|
@@ -97,7 +96,7 @@ const DefaultRowWrapper = ({ className, style, onClick, children })=>/*#__PURE__
|
|
|
97
96
|
});
|
|
98
97
|
function JsonTree({ nodes, collapsed = {}, onToggleCollapsed, query, filterPredicate, readOnly = false, onEdit, rowWrapper, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions = 3, renderCodeEditor, pathForCopy, onCopy, virtualized = false, scrollElement, emptyMessage, className }) {
|
|
99
98
|
const { _ } = useSafeLingui();
|
|
100
|
-
const
|
|
99
|
+
const [container, setContainer] = useState(null);
|
|
101
100
|
const usesAncestorScroller = virtualized && !!scrollElement;
|
|
102
101
|
const RowWrapper = rowWrapper ?? DefaultRowWrapper;
|
|
103
102
|
const [editingPath, setEditingPath] = useState(null);
|
|
@@ -200,12 +199,12 @@ function JsonTree({ nodes, collapsed = {}, onToggleCollapsed, query, filterPredi
|
|
|
200
199
|
children: /*#__PURE__*/ jsx(JsonTreeRowContextProvider, {
|
|
201
200
|
value: rowContext,
|
|
202
201
|
children: /*#__PURE__*/ jsxs("div", {
|
|
203
|
-
ref:
|
|
202
|
+
ref: setContainer,
|
|
204
203
|
className: cn(usesAncestorScroller ? 'overflow-x-clip' : 'h-full overflow-y-auto overflow-x-hidden', virtualized && !usesAncestorScroller && 'max-h-screen', virtualized && '[overflow-anchor:none]', className),
|
|
205
204
|
children: [
|
|
206
205
|
virtualized ? /*#__PURE__*/ jsx(VirtualRows, {
|
|
207
206
|
rows: rows,
|
|
208
|
-
|
|
207
|
+
container: container,
|
|
209
208
|
scrollElement: scrollElement,
|
|
210
209
|
pinnedPaths: pinnedPaths
|
|
211
210
|
}) : rows.map(({ node, depth })=>/*#__PURE__*/ jsx(JsonTreeRow, {
|
|
@@ -200,7 +200,7 @@ function flattenJsonTree(nodes, options = {}, depth = 0) {
|
|
|
200
200
|
query: selfQueryMatch ? '' : options.query,
|
|
201
201
|
filterPredicate: selfPredicateMatch ? void 0 : filterPredicate
|
|
202
202
|
} : options;
|
|
203
|
-
|
|
203
|
+
for (const row of flattenJsonTree(node.children, childOptions, depth + 1))rows.push(row);
|
|
204
204
|
}
|
|
205
205
|
}
|
|
206
206
|
}
|
|
@@ -213,7 +213,7 @@ function collectContainerPaths(nodes, depth = 0) {
|
|
|
213
213
|
path: node.path,
|
|
214
214
|
depth
|
|
215
215
|
});
|
|
216
|
-
|
|
216
|
+
for (const child of collectContainerPaths(node.children, depth + 1))paths.push(child);
|
|
217
217
|
}
|
|
218
218
|
return paths;
|
|
219
219
|
}
|
|
@@ -1 +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,
|
|
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,CA2CnB;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,CAYvF;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"}
|
|
@@ -161,7 +161,7 @@ function flattenJsonTree(nodes, options = {}, depth = 0) {
|
|
|
161
161
|
query: selfQueryMatch ? '' : options.query,
|
|
162
162
|
filterPredicate: selfPredicateMatch ? void 0 : filterPredicate
|
|
163
163
|
} : options;
|
|
164
|
-
|
|
164
|
+
for (const row of flattenJsonTree(node.children, childOptions, depth + 1))rows.push(row);
|
|
165
165
|
}
|
|
166
166
|
}
|
|
167
167
|
}
|
|
@@ -174,7 +174,7 @@ function collectContainerPaths(nodes, depth = 0) {
|
|
|
174
174
|
path: node.path,
|
|
175
175
|
depth
|
|
176
176
|
});
|
|
177
|
-
|
|
177
|
+
for (const child of collectContainerPaths(node.children, depth + 1))paths.push(child);
|
|
178
178
|
}
|
|
179
179
|
return paths;
|
|
180
180
|
}
|