synapse-react-client 2.1.12 → 2.1.13
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/containers/entity_finder/EntityFinder.js +2 -2
- package/dist/containers/entity_finder/EntityFinder.js.map +1 -1
- package/dist/containers/entity_finder/tree/TreeNode.d.ts +3 -2
- package/dist/containers/entity_finder/tree/TreeNode.js +17 -16
- package/dist/containers/entity_finder/tree/TreeNode.js.map +1 -1
- package/dist/containers/entity_finder/tree/TreeView.d.ts +2 -2
- package/dist/containers/entity_finder/tree/TreeView.js +4 -4
- package/dist/containers/entity_finder/tree/TreeView.js.map +1 -1
- package/dist/style/components/_download-list-v2.scss +1 -1
- package/dist/style/components/entity_finder/_breadcrumbs.scss +7 -7
- package/dist/style/components/entity_finder/_tree-node-browse.scss +16 -6
- package/dist/style/main.css +53 -3
- package/dist/umd/synapse-react-client.development.css +45 -3
- package/dist/umd/synapse-react-client.development.css.map +2 -2
- package/dist/umd/synapse-react-client.development.js +31 -31
- package/dist/umd/synapse-react-client.development.js.map +2 -2
- package/dist/umd/synapse-react-client.production.min.css +1 -1
- package/dist/umd/synapse-react-client.production.min.js +32 -32
- package/package.json +1 -1
|
@@ -81675,11 +81675,11 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
81675
81675
|
|
|
81676
81676
|
// src/lib/containers/entity_finder/tree/TreeNode.tsx
|
|
81677
81677
|
var import_react218 = __toModule(require_react());
|
|
81678
|
-
var
|
|
81679
|
-
|
|
81680
|
-
|
|
81681
|
-
return
|
|
81682
|
-
})(
|
|
81678
|
+
var EntityTreeNodeType = /* @__PURE__ */ ((EntityTreeNodeType2) => {
|
|
81679
|
+
EntityTreeNodeType2[EntityTreeNodeType2["SELECT"] = 0] = "SELECT";
|
|
81680
|
+
EntityTreeNodeType2[EntityTreeNodeType2["BROWSE"] = 1] = "BROWSE";
|
|
81681
|
+
return EntityTreeNodeType2;
|
|
81682
|
+
})(EntityTreeNodeType || {});
|
|
81683
81683
|
var TreeNode = ({
|
|
81684
81684
|
entityHeader,
|
|
81685
81685
|
selected,
|
|
@@ -81688,12 +81688,14 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
81688
81688
|
autoExpand = () => false,
|
|
81689
81689
|
visibleTypes = [EntityType.PROJECT, EntityType.FOLDER],
|
|
81690
81690
|
rootNodeConfiguration,
|
|
81691
|
-
|
|
81692
|
-
selectableTypes
|
|
81691
|
+
treeNodeType,
|
|
81692
|
+
selectableTypes,
|
|
81693
|
+
currentContainer
|
|
81693
81694
|
}) => {
|
|
81694
81695
|
const isRootNode = !!rootNodeConfiguration;
|
|
81695
|
-
const isDisabled = !isRootNode && entityHeader && !selectableTypes.includes(getEntityTypeFromHeader(entityHeader));
|
|
81696
81696
|
const nodeId = isRootNode ? "root" : entityHeader.id;
|
|
81697
|
+
const isSelected = treeNodeType === 0 /* SELECT */ ? selected.has(nodeId) : currentContainer === nodeId;
|
|
81698
|
+
const isDisabled = !isRootNode && entityHeader && !selectableTypes.includes(getEntityTypeFromHeader(entityHeader));
|
|
81697
81699
|
const nodeName = isRootNode ? rootNodeConfiguration == null ? void 0 : rootNodeConfiguration.nodeText : entityHeader.name;
|
|
81698
81700
|
const TOOLTIP_ID = `TreeViewNodeTooltipId_${nodeId}`;
|
|
81699
81701
|
const [isExpanded, setIsExpanded] = (0, import_react218.useState)(isRootNode || autoExpand(nodeId));
|
|
@@ -81729,9 +81731,9 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
81729
81731
|
}
|
|
81730
81732
|
}, [isRootNode, children, rootNodeConfiguration]);
|
|
81731
81733
|
return /* @__PURE__ */ import_react218.default.createElement("div", {
|
|
81732
|
-
className: `Node ${
|
|
81734
|
+
className: `Node ${treeNodeType === 0 /* SELECT */ ? "SelectNode" : "BrowseNode"}`,
|
|
81733
81735
|
role: "treeitem",
|
|
81734
|
-
"aria-selected":
|
|
81736
|
+
"aria-selected": isSelected,
|
|
81735
81737
|
"aria-disabled": isDisabled
|
|
81736
81738
|
}, /* @__PURE__ */ import_react218.default.createElement("div", {
|
|
81737
81739
|
ref: nodeRef,
|
|
@@ -81749,7 +81751,8 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
81749
81751
|
}, /* @__PURE__ */ import_react218.default.createElement(index_es_default, {
|
|
81750
81752
|
id: TOOLTIP_ID,
|
|
81751
81753
|
delayShow: 500,
|
|
81752
|
-
place: "top"
|
|
81754
|
+
place: "top",
|
|
81755
|
+
effect: "solid"
|
|
81753
81756
|
}), entityChildren && entityChildren.length > 0 ? /* @__PURE__ */ import_react218.default.createElement("div", {
|
|
81754
81757
|
className: "ExpandButton",
|
|
81755
81758
|
"aria-label": `Expand ${nodeName}`,
|
|
@@ -81758,7 +81761,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
81758
81761
|
e3.stopPropagation();
|
|
81759
81762
|
setIsExpanded(!isExpanded);
|
|
81760
81763
|
}
|
|
81761
|
-
}, isExpanded ? "\u25BE" : "\u25B8") : /* @__PURE__ */ import_react218.default.createElement("span", null),
|
|
81764
|
+
}, isExpanded ? "\u25BE" : "\u25B8") : /* @__PURE__ */ import_react218.default.createElement("span", null), treeNodeType === 0 /* SELECT */ && /* @__PURE__ */ import_react218.default.createElement("div", {
|
|
81762
81765
|
className: "EntityIcon"
|
|
81763
81766
|
}, !isRootNode && entityHeader && /* @__PURE__ */ import_react218.default.createElement(EntityTypeIcon, {
|
|
81764
81767
|
type: getEntityTypeFromHeader(entityHeader)
|
|
@@ -81766,10 +81769,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
81766
81769
|
className: "EntityName",
|
|
81767
81770
|
"data-for": TOOLTIP_ID,
|
|
81768
81771
|
"data-tip": nodeName
|
|
81769
|
-
}, /* @__PURE__ */ import_react218.default.createElement("span", null, /* @__PURE__ */ import_react218.default.createElement(
|
|
81770
|
-
variant: "smallText1",
|
|
81771
|
-
style: { margin: "0px" }
|
|
81772
|
-
}, nodeName))), appearance === 0 /* SELECT */ && /* @__PURE__ */ import_react218.default.createElement(EntityBadgeIcons, {
|
|
81772
|
+
}, /* @__PURE__ */ import_react218.default.createElement("span", null, nodeName)), treeNodeType === 0 /* SELECT */ && /* @__PURE__ */ import_react218.default.createElement(EntityBadgeIcons, {
|
|
81773
81773
|
entityId: nodeId,
|
|
81774
81774
|
showHasDiscussionThread: false,
|
|
81775
81775
|
showHasWiki: false,
|
|
@@ -81788,8 +81788,9 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
81788
81788
|
level: level + 1,
|
|
81789
81789
|
autoExpand,
|
|
81790
81790
|
visibleTypes,
|
|
81791
|
-
|
|
81792
|
-
selectableTypes
|
|
81791
|
+
treeNodeType,
|
|
81792
|
+
selectableTypes,
|
|
81793
|
+
currentContainer
|
|
81793
81794
|
});
|
|
81794
81795
|
}), /* @__PURE__ */ import_react218.default.createElement("div", {
|
|
81795
81796
|
ref: endRef
|
|
@@ -81835,7 +81836,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
81835
81836
|
setDetailsViewConfiguration,
|
|
81836
81837
|
setBreadcrumbItems,
|
|
81837
81838
|
showScopeAsRootNode = true,
|
|
81838
|
-
|
|
81839
|
+
treeNodeType,
|
|
81839
81840
|
selectableTypes
|
|
81840
81841
|
}) => {
|
|
81841
81842
|
const DEFAULT_CONFIGURATION = {
|
|
@@ -81846,7 +81847,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
81846
81847
|
const [topLevelEntities, setTopLevelEntities] = (0, import_react219.useState)([]);
|
|
81847
81848
|
const [scope, setScope] = (0, import_react219.useState)(initialScope);
|
|
81848
81849
|
const [initialContainerPath, setInitialContainerPath] = (0, import_react219.useState)();
|
|
81849
|
-
const [currentContainer, setCurrentContainer] = (0, import_react219.useState)(
|
|
81850
|
+
const [currentContainer, setCurrentContainer] = (0, import_react219.useState)(treeNodeType === EntityTreeNodeType.BROWSE ? initialContainer : initialContainer);
|
|
81850
81851
|
const handleError = (0, import_react_error_boundary12.useErrorHandler)();
|
|
81851
81852
|
(0, import_react219.useEffect)(() => {
|
|
81852
81853
|
if (setDetailsViewConfiguration) {
|
|
@@ -81869,10 +81870,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
81869
81870
|
} = useGetProjectsInfinite(scope === "Projects Created By Me" /* CREATED_BY_ME */ ? { filter: "CREATED", sort: "PROJECT_NAME", sortDirection: "ASC" } : { sort: "PROJECT_NAME", sortDirection: "ASC" }, {
|
|
81870
81871
|
enabled: useProjectData
|
|
81871
81872
|
});
|
|
81872
|
-
const {
|
|
81873
|
-
data: currentContainerBundle,
|
|
81874
|
-
isSuccess: isSuccessBundle
|
|
81875
|
-
} = useGetEntityBundle(currentContainer, void 0, void 0, {
|
|
81873
|
+
const { data: currentContainerBundle, isSuccess: isSuccessBundle } = useGetEntityBundle(currentContainer, void 0, void 0, {
|
|
81876
81874
|
enabled: !!currentContainer && currentContainer !== "root"
|
|
81877
81875
|
});
|
|
81878
81876
|
const { ref, inView } = useInView({ rootMargin: "500px" });
|
|
@@ -82038,7 +82036,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
82038
82036
|
return !!(scope === "Current Project" /* CURRENT_PROJECT */ && initialContainerPath && isEntityIdInPath(entityId, initialContainerPath));
|
|
82039
82037
|
}, [scope, initialContainerPath]);
|
|
82040
82038
|
return /* @__PURE__ */ import_react219.default.createElement("div", {
|
|
82041
|
-
className: `TreeView ${
|
|
82039
|
+
className: `TreeView ${treeNodeType === EntityTreeNodeType.SELECT ? "SelectTree" : "BrowseTree"}`
|
|
82042
82040
|
}, /* @__PURE__ */ import_react219.default.createElement("div", {
|
|
82043
82041
|
className: "Header"
|
|
82044
82042
|
}, /* @__PURE__ */ import_react219.default.createElement("div", {
|
|
@@ -82081,8 +82079,9 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
82081
82079
|
visibleTypes,
|
|
82082
82080
|
autoExpand: shouldAutoExpand,
|
|
82083
82081
|
rootNodeConfiguration,
|
|
82084
|
-
|
|
82085
|
-
selectableTypes
|
|
82082
|
+
treeNodeType,
|
|
82083
|
+
selectableTypes,
|
|
82084
|
+
currentContainer
|
|
82086
82085
|
}) : topLevelEntities.map((entity) => /* @__PURE__ */ import_react219.default.createElement(TreeNode, {
|
|
82087
82086
|
key: entity.id,
|
|
82088
82087
|
level: 0,
|
|
@@ -82091,8 +82090,9 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
82091
82090
|
visibleTypes,
|
|
82092
82091
|
autoExpand: shouldAutoExpand,
|
|
82093
82092
|
entityHeader: entity,
|
|
82094
|
-
|
|
82095
|
-
selectableTypes
|
|
82093
|
+
treeNodeType,
|
|
82094
|
+
selectableTypes,
|
|
82095
|
+
currentContainer
|
|
82096
82096
|
})), /* @__PURE__ */ import_react219.default.createElement("div", {
|
|
82097
82097
|
ref,
|
|
82098
82098
|
style: { height: "5px", width: "100%" }
|
|
@@ -82295,7 +82295,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
82295
82295
|
projectId,
|
|
82296
82296
|
initialContainer,
|
|
82297
82297
|
showScopeAsRootNode: false,
|
|
82298
|
-
|
|
82298
|
+
treeNodeType: EntityTreeNodeType.SELECT,
|
|
82299
82299
|
selectableTypes
|
|
82300
82300
|
})) : /* @__PURE__ */ import_react220.default.createElement("div", {
|
|
82301
82301
|
className: "EntityFinderReflexContainer"
|
|
@@ -82314,7 +82314,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
82314
82314
|
initialScope,
|
|
82315
82315
|
projectId,
|
|
82316
82316
|
initialContainer,
|
|
82317
|
-
|
|
82317
|
+
treeNodeType: EntityTreeNodeType.BROWSE,
|
|
82318
82318
|
setBreadcrumbItems: setBreadcrumbs,
|
|
82319
82319
|
selectableTypes: visibleTypesInTree
|
|
82320
82320
|
})), /* @__PURE__ */ import_react220.default.createElement(ReflexSplitter, null), /* @__PURE__ */ import_react220.default.createElement(ReflexElement_default, {
|