datastake-daf 0.6.358 → 0.6.359

package/dist/components/index.js

@@ -51038,6 +51038,7 @@ function PrimaryNode({
       }
     }), /*#__PURE__*/jsxRuntime.jsxs(Style$f, {
       className: "flex",
+      $isPdf: data?.isPdf,
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
         className: "left flex flex-column justify-center",
         style: {
@@ -51148,6 +51149,7 @@ function PrimaryNode({
 }
 const Style$f = dt.div`
   width: ${MAIN_NODE_WIDTH}px;
+  height: ${props => props.$isPdf ? `${MAIN_NODE_HEIGHT}px` : 'auto'};
   display: flex;
   background: white;
   border-radius: 8px;
@@ -51167,7 +51169,7 @@ const Style$f = dt.div`
     flex: 1;
 
     .top {
-      padding: 16px 12px;
+      padding: ${props => props.$isPdf ? '12px 12px' : '16px 12px'};
       border-bottom: 1px solid var(--base-gray-30);
 
       span {
@@ -51194,7 +51196,7 @@ const Style$f = dt.div`
     }
 
     .bottom {
-      padding: 16px;
+      padding: ${props => props.$isPdf ? '12px' : '16px'};
       display: flex;
       margin-top: 6px;
       margin-bottom: 6px;
@@ -52659,7 +52661,8 @@ function positionDataNodes(_ref2) {
     total,
     mainNode,
     type,
-    hasContent
+    hasContent,
+    isPdf = false
   } = _ref2;
   const DATA_NODE_WIDTH = DATA_NODE_SIZE[type].width;
   const DATA_NODE_HEIGHT = DATA_NODE_SIZE[type].height;
@@ -52681,7 +52684,7 @@ function positionDataNodes(_ref2) {
   const X_SPACE_FROM_ICON_NODE = 130;
   const MIN_SPACE_REQUIRED = Y_SPACE_FROM_SIBLINGS + DATA_NODE_HEIGHT;
   const totalHeight = total * MIN_SPACE_REQUIRED;
-  const iconNodeCenterY = iconNode.position.y + ICON_NODE_HEIGHT / 2 + (hasContent ? 26.5 : type === "primaryNode" ? 15 : 16.5);
+  const iconNodeCenterY = isPdf ? iconNode.position.y + ICON_NODE_HEIGHT / 2 : iconNode.position.y + ICON_NODE_HEIGHT / 2 + (hasContent ? 26.5 : type === "primaryNode" ? 15 : 16.5);
   const startY = iconNodeCenterY - totalHeight / 2;
   const END_Y = startY + totalHeight;
   const yOffset = index * MIN_SPACE_REQUIRED;
@@ -52757,7 +52760,8 @@ function StakeholderMappings(_ref3) {
         onClick: (data === null || data === void 0 ? void 0 : data.onClick) || undefined,
         totalSources: data === null || data === void 0 ? void 0 : data.totalSources,
         backgroundColor: (data === null || data === void 0 ? void 0 : data.backgroundColor) || "#ade9e1",
-        iconColor: (data === null || data === void 0 ? void 0 : data.iconColor) || "#08949a"
+        iconColor: (data === null || data === void 0 ? void 0 : data.iconColor) || "#08949a",
+        isPdf
       },
       position: {
         x: centerX - MAIN_NODE_WIDTH / 2,
@@ -52779,6 +52783,7 @@ function StakeholderMappings(_ref3) {
           order: child.order,
           isLeftSide: child.order % 2 !== 0,
           emptyName: child.emptyName,
+          isPdf,
           onSelect: !isSelectable ? undefined : nodeId => {
             if (selectedIconNodes.includes(nodeId)) {
               setSelectedIconNodes(prev => prev.filter(id => id !== nodeId));
@@ -52841,7 +52846,8 @@ function StakeholderMappings(_ref3) {
             total: 1,
             mainNode,
             type: "nameNode",
-            hasContent: (node === null || node === void 0 || (_node$data4 = node.data) === null || _node$data4 === void 0 ? void 0 : _node$data4.content) !== undefined && (node === null || node === void 0 || (_node$data5 = node.data) === null || _node$data5 === void 0 ? void 0 : _node$data5.content) !== null ? true : false
+            hasContent: (node === null || node === void 0 || (_node$data4 = node.data) === null || _node$data4 === void 0 ? void 0 : _node$data4.content) !== undefined && (node === null || node === void 0 || (_node$data5 = node.data) === null || _node$data5 === void 0 ? void 0 : _node$data5.content) !== null ? true : false,
+            isPdf
           })
         }];
       }
@@ -52935,7 +52941,8 @@ function StakeholderMappings(_ref3) {
             total,
             mainNode,
             type: child.type || "primaryNode",
-            hasContent: node !== null && node !== void 0 && (_node$data15 = node.data) !== null && _node$data15 !== void 0 && _node$data15.content ? true : false
+            hasContent: node !== null && node !== void 0 && (_node$data15 = node.data) !== null && _node$data15 !== void 0 && _node$data15.content ? true : false,
+            isPdf
           })
         };
       });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.358",
+	"version": "0.6.359",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",

package/src/@daf/core/components/Graphs/StakeholderMappings/index.jsx

@@ -72,6 +72,7 @@ function positionDataNodes({
 	mainNode,
 	type,
 	hasContent,
+	isPdf = false,
 }) {
 	const DATA_NODE_WIDTH = DATA_NODE_SIZE[type].width;
 	const DATA_NODE_HEIGHT = DATA_NODE_SIZE[type].height;
@@ -95,10 +96,11 @@ function positionDataNodes({
 
 	const totalHeight = total * MIN_SPACE_REQUIRED;
 
-	const iconNodeCenterY =
-		iconNode.position.y +
-		ICON_NODE_HEIGHT / 2 +
-		(hasContent ? 26.5 : type === "primaryNode" ? 15 : 16.5);
+	const iconNodeCenterY = isPdf
+		? iconNode.position.y + ICON_NODE_HEIGHT / 2
+		: iconNode.position.y +
+		  ICON_NODE_HEIGHT / 2 +
+		  (hasContent ? 26.5 : type === "primaryNode" ? 15 : 16.5);
 	const startY = iconNodeCenterY - totalHeight / 2;
 	const END_Y = startY + totalHeight;
 
@@ -183,6 +185,7 @@ function StakeholderMappings({
 				totalSources: data?.totalSources,
 				backgroundColor: data?.backgroundColor || "#ade9e1",
 				iconColor: data?.iconColor || "#08949a",
+				isPdf,
 			},
 			position: {
 				x: centerX - MAIN_NODE_WIDTH / 2,
@@ -206,6 +209,7 @@ function StakeholderMappings({
 					order: child.order,
 					isLeftSide: child.order % 2 !== 0,
 					emptyName: child.emptyName,
+					isPdf,
 					onSelect: !isSelectable
 						? undefined
 						: (nodeId) => {
@@ -285,7 +289,8 @@ function StakeholderMappings({
 							hasContent:
 								node?.data?.content !== undefined && node?.data?.content !== null
 									? true
-									: false,
+								: false,
+						isPdf,
 						}),
 					},
 				];
@@ -372,7 +377,7 @@ function StakeholderMappings({
 
 				return {
 					id: `${child.id}-${iconNodeId}`,
-					type: child.type || "primaryNode",
+							type: child.type || "primaryNode",
 					data: {
 						name: child.name,
 						id: child.id,
@@ -392,7 +397,8 @@ function StakeholderMappings({
 						total,
 						mainNode,
 						type: child.type || "primaryNode",
-						hasContent: node?.data?.content ? true : false,
+								hasContent: node?.data?.content ? true : false,
+								isPdf,
 					}),
 				};
 			});

package/src/@daf/core/components/Graphs/components/Nodes/PrimaryNode.jsx

@@ -30,7 +30,7 @@ export default function PrimaryNode({ id, data }) {
           opacity: 0,
         }}
       />
-      <Style className="flex">
+      <Style className="flex" $isPdf={data?.isPdf}>
         <div
           className="left flex flex-column justify-center"
           style={{
@@ -133,6 +133,7 @@ export default function PrimaryNode({ id, data }) {
 
 const Style = styled.div`
   width: ${MAIN_NODE_WIDTH}px;
+  height: ${(props) => (props.$isPdf ? `${MAIN_NODE_HEIGHT}px` : 'auto')};
   display: flex;
   background: white;
   border-radius: 8px;
@@ -152,7 +153,7 @@ const Style = styled.div`
     flex: 1;
 
     .top {
-      padding: 16px 12px;
+      padding: ${(props) => (props.$isPdf ? '12px 12px' : '16px 12px')};
       border-bottom: 1px solid var(--base-gray-30);
 
       span {
@@ -179,7 +180,7 @@ const Style = styled.div`
     }
 
     .bottom {
-      padding: 16px;
+      padding: ${(props) => (props.$isPdf ? '12px' : '16px')};
       display: flex;
       margin-top: 6px;
       margin-bottom: 6px;