@capillarytech/blaze-ui 5.2.2 → 5.2.4

package/index.js

@@ -2548,6 +2548,58 @@ var _default = exports["default"] = (0, _reactIntl.defineMessages)({
   }
 });
 
+/***/ }),
+
+/***/ 2580:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(85072);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64284);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(77659);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55056);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10540);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(45733);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
+/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__[__WEBPACK_IMPORT_KEY__]
+/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+;
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+options.domAPI = (_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()), options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
+
+
 /***/ }),
 
 /***/ 2695:
@@ -9100,6 +9152,22 @@ var _default = exports["default"] = (0, _LocaleHoc.default)(CapBlock, {
   key: 'CapBlock'
 });
 
+/***/ }),
+
+/***/ 5338:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+var m = __webpack_require__(22951);
+if (true) {
+  exports.createRoot = m.createRoot;
+  exports.hydrateRoot = m.hydrateRoot;
+} else // removed by dead control flow
+{ var i; }
+
+
 /***/ }),
 
 /***/ 5543:
@@ -16548,6 +16616,489 @@ var _default = exports["default"] = SvgSitemap;
 
 /***/ }),
 
+/***/ 12084:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _x = __webpack_require__(28890);
+__webpack_require__(90460);
+var _classnames = _interopRequireDefault(__webpack_require__(46942));
+var _get = _interopRequireDefault(__webpack_require__(58156));
+var _react = _interopRequireWildcard(__webpack_require__(9206));
+var _CapButton = _interopRequireDefault(__webpack_require__(80739));
+var _CapIcon = _interopRequireDefault(__webpack_require__(65124));
+var _styles = _interopRequireDefault(__webpack_require__(50742));
+var _Tooltip = _interopRequireDefault(__webpack_require__(30405));
+var _jsxRuntime = __webpack_require__(74848);
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /**
+ *
+ * CapLevelGraphRenderer
+ *
+ * It render graph with custom node and draw level by level backward edge
+ *
+ * Mock Data
+ * nodes = [{ id: 'tier1', height: 295 }, { id: 'tier2', height: 500 }]
+ * connections = [ { sourceId: 'tier2', targetId: 'tier1' }]
+ */ // Type for Edge with addTools/removeTools methods (not in @antv/x6 TypeScript definitions)
+const nodePostionObj = {};
+const edgeObj = {};
+const idSeparator = ' ';
+const CapLevelGraphRenderer = _ref => {
+  let {
+    nodes = [],
+    graphId,
+    className = '',
+    graphWidth = '500px',
+    graphHeight = '500px',
+    showToolTip = false,
+    connections = [],
+    graphStyles = {},
+    offsetHeight = 20,
+    defaultStartX = 0,
+    defaultStartY = 0,
+    scrollerProps = {},
+    scrollClassName = '',
+    containerStyles = {},
+    lineStrokeColor = 'gray',
+    defaultEleWidth = 100,
+    defaultEleDistance = 20,
+    offsetLineDistance = 18,
+    forwardConnProps = {},
+    reverseConnProps = {},
+    allowForwardArrowTooltip = false,
+    allowReverseArrowTooltip = false
+  } = _ref;
+  const graphRef = (0, _react.useRef)(null);
+  const [scrollbarPosition, setScrollbarPosition] = (0, _react.useState)(0);
+  const totalAvailWidth = nodes.length * defaultEleWidth + defaultEleDistance * (nodes.length - 1) - parseInt(String(graphWidth), 10);
+  (0, _react.useEffect)(() => {
+    // Initialize graph and events
+    initializeGraph();
+    initializeEvents();
+  }, []);
+  (0, _react.useEffect)(() => {
+    // Draw nodes after graph initialization
+    drawNodes();
+  }, [nodes, connections]);
+  (0, _react.useEffect)(() => {
+    // Initialize and set scroll position on pagination change
+    if (graphRef.current) {
+      graphRef.current.setScrollbarPosition(scrollbarPosition);
+    }
+  }, [nodes, connections, scrollbarPosition]);
+
+  // Initialize Graph area
+  const initializeGraph = (0, _react.useCallback)(() => {
+    if (showToolTip) {
+      _x.Graph.registerEdgeTool('tooltip', _Tooltip.default, true);
+    }
+    const container = document.getElementById(graphId);
+    if (!container) {
+      console.error("[CapLevelGraphRenderer] Container with id \"" + graphId + "\" not found");
+      return;
+    }
+    // Convert string width/height to numbers if needed
+    const width = typeof graphWidth === 'string' ? parseInt(graphWidth, 10) : graphWidth;
+    const height = typeof graphHeight === 'string' ? parseInt(graphHeight, 10) : graphHeight;
+    graphRef.current = new _x.Graph({
+      container,
+      resizing: false,
+      width,
+      height,
+      // @ts-expect-error - @antv/x6 Graph options may not have complete TypeScript definitions
+      fitView: true,
+      scroller: _extends({
+        padding: 0,
+        enabled: true,
+        pannable: false,
+        autoResize: true,
+        className: scrollClassName
+      }, scrollerProps),
+      interacting: false
+    });
+  }, [graphId, graphWidth, graphHeight, scrollClassName, scrollerProps, showToolTip]);
+  const drawNodes = (0, _react.useCallback)(function (eleWidth, distance, offsetY) {
+    if (eleWidth === void 0) {
+      eleWidth = defaultEleWidth;
+    }
+    if (distance === void 0) {
+      distance = defaultEleDistance;
+    }
+    if (offsetY === void 0) {
+      offsetY = offsetHeight;
+    }
+    if (!graphRef.current) return;
+    let nextX = defaultStartX;
+    nodes.forEach((_ref2, index) => {
+      var _graphRef$current;
+      let {
+        id,
+        component,
+        height,
+        props = {},
+        toolTip = ''
+      } = _ref2;
+      const Component = component;
+      const x = nextX;
+      const y = defaultStartY;
+      const endX = nextX + eleWidth;
+      // draw the node
+      (_graphRef$current = graphRef.current) == null || _graphRef$current.addNode({
+        id,
+        x,
+        y,
+        width: eleWidth,
+        height,
+        component: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _extends({}, props)),
+        shape: 'react-shape',
+        zIndex: 2
+      });
+
+      // Adding node positions to obj
+      nodePostionObj[id] = {
+        x,
+        y,
+        x1: endX,
+        y1: y + height,
+        height,
+        width: eleWidth,
+        toolTip
+      };
+
+      // Draw forward connection left to right - starts
+      nextX = endX + distance;
+      // Skip connection for last node
+      if (nodes[index + 1]) {
+        var _graphRef$current2;
+        // offsetY - Connection offset height from node point
+        const forwardEdgeId = "" + id + idSeparator + nodes[index + 1].id;
+        edgeObj[forwardEdgeId] = {
+          forward: true
+        };
+        (_graphRef$current2 = graphRef.current) == null || _graphRef$current2.addEdge({
+          id: forwardEdgeId,
+          sourcePoint: {
+            x: endX,
+            y: y + offsetY
+          },
+          targetPoint: {
+            x: nextX,
+            y: y + offsetY
+          },
+          attrs: {
+            line: _extends({
+              stroke: lineStrokeColor
+            }, forwardConnProps)
+          }
+        });
+      }
+      // Forward connection ends
+    });
+    calculateAndDrawRevConnections();
+  }, [nodes, defaultEleWidth, defaultEleDistance, offsetHeight, defaultStartX, defaultStartY, lineStrokeColor, forwardConnProps]);
+
+  // Calculate levels / Split connections based on level and Draw reverse connection
+  const calculateAndDrawRevConnections = (0, _react.useCallback)(() => {
+    if (!graphRef.current) return;
+    let connectionListTemp = [...connections];
+    // maintains in and out list for each node
+    const connectionObj = {};
+    // maintains connections by level
+    const levelList = [];
+    // Iterate level by level
+    for (let levelIndex = 1; levelIndex <= nodes.length; levelIndex++) {
+      let levels = [];
+      let lastTargetIndex;
+      // Iterate nodes by reverse order
+      for (let sourceIndex = nodes.length - 1; sourceIndex >= 0; sourceIndex--) {
+        const targetIndex = sourceIndex - levelIndex;
+        if (nodes[sourceIndex] && nodes[targetIndex]) {
+          const source = nodes[sourceIndex];
+          const target = nodes[targetIndex];
+          const filterConnection = connectionListTemp.filter(_ref3 => {
+            let {
+              sourceId,
+              targetId
+            } = _ref3;
+            return source.id !== sourceId || target.id !== targetId;
+          });
+          // check if two nodes have connection or not
+          const isConnection = filterConnection.length !== connectionListTemp.length;
+          if (isConnection) {
+            // If connection, connections is assigned with filterList to avoid unwanted iteration
+            connectionListTemp = filterConnection;
+            if (!lastTargetIndex && levelIndex !== 1) {
+              lastTargetIndex = targetIndex;
+            }
+            // Put in next level when two connection get interacts
+            if (lastTargetIndex !== undefined && targetIndex <= lastTargetIndex && levelIndex !== 1) {
+              levels.push({
+                sourceId: source.id,
+                targetId: target.id
+              });
+              levelList.push(levels);
+              levels = [];
+            }
+            if (levelIndex === 1) {
+              levels.push({
+                sourceId: source.id,
+                targetId: target.id
+              });
+            }
+
+            // Handle connections in and out list
+            if (!connectionObj[source.id]) {
+              connectionObj[source.id] = {
+                in: [],
+                out: [target.id]
+              };
+            } else {
+              connectionObj[source.id].out.push(target.id);
+            }
+            if (!connectionObj[target.id]) {
+              connectionObj[target.id] = {
+                in: [source.id],
+                out: []
+              };
+            } else {
+              connectionObj[target.id].in.push(source.id);
+            }
+          }
+        }
+      }
+      // Added connection in level list
+      if (levels.length > 0) {
+        levelList.push(levels);
+      }
+    }
+    drawReverseConnections(nodes, connectionObj, levelList);
+  }, [connections, nodes]);
+
+  // Get height between two nodes having connection
+  // This Avoid connection overlaps over node
+  const getMaxHeight = (nodeList, sourceId, targetId) => {
+    let maxY1 = 0;
+    let isStart = false;
+    nodeList.forEach(_ref4 => {
+      let {
+        id
+      } = _ref4;
+      const position = nodePostionObj[id];
+      if (!position) return;
+      const {
+        y1
+      } = position;
+      if (id === targetId) {
+        isStart = true;
+      }
+      if (isStart && y1 > maxY1) {
+        maxY1 = y1;
+      }
+      if (id === sourceId) {
+        isStart = false;
+      }
+    });
+    return maxY1;
+  };
+
+  // Draw reverse connection
+  const drawReverseConnections = (nodeList, connectionObj, levelList) => {
+    if (!graphRef.current) return;
+
+    // Iterate level list by level by level
+    levelList.forEach((levels, index) => {
+      // Iterate connection on a each level
+      levels.forEach((_ref5, levelItemIndex) => {
+        var _graphRef$current3;
+        let {
+          sourceId,
+          targetId
+        } = _ref5;
+        const sourcePosition = nodePostionObj[sourceId];
+        const targetPosition = nodePostionObj[targetId];
+        if (!sourcePosition || !targetPosition) return;
+
+        // Get source and target total connection count
+        const srcConCount = connectionObj[sourceId].in.length + connectionObj[sourceId].out.length + 1;
+        const targetConCount = connectionObj[targetId].in.length + connectionObj[targetId].out.length + 1;
+
+        // split connection based on connection count for a node
+        let x = sourcePosition.x + sourcePosition.width / srcConCount;
+        let x1 = targetPosition.x1 - targetPosition.width / targetConCount;
+        if (connectionObj[sourceId].out.includes(targetId)) {
+          // set start position of connection, based on connection count and arrangements
+          x = sourcePosition.x + sourcePosition.width / srcConCount * ([...connectionObj[sourceId].out, ...connectionObj[sourceId].in].indexOf(targetId) + 1);
+        }
+        if (connectionObj[targetId].in.includes(sourceId)) {
+          // set end position of connection, based on connection count and arrangements
+          x1 = targetPosition.x1 - targetPosition.width / targetConCount * ([...connectionObj[targetId].in, ...connectionObj[targetId].out].indexOf(sourceId) + 1);
+        }
+
+        // Handle connection overlaps over node
+        const maxHeight = getMaxHeight(nodeList, sourceId, targetId);
+        const {
+          y1: y
+        } = sourcePosition;
+        const {
+          y1
+        } = targetPosition;
+        const v1 = {
+          x,
+          y: maxHeight + offsetLineDistance * (index + 1)
+        };
+        const v2 = {
+          x: x1,
+          y: maxHeight + offsetLineDistance * (index + 1)
+        };
+        const reverseEdgeId = "" + sourceId + idSeparator + targetId;
+        edgeObj[reverseEdgeId] = {
+          reverse: true
+        };
+        (_graphRef$current3 = graphRef.current) == null || _graphRef$current3.addEdge({
+          id: reverseEdgeId,
+          sourcePoint: [x, y],
+          target: [x1, y1],
+          vertices: [v1, v2],
+          router: {
+            name: 'orth',
+            args: {
+              padding: {}
+            }
+          },
+          attrs: {
+            line: _extends({
+              stroke: lineStrokeColor
+            }, reverseConnProps)
+          }
+        }).setConnector('jumpover');
+        // adding empty edge at last level
+        if (levelList.length - 1 === index && levels.length - 1 === levelItemIndex) {
+          var _graphRef$current4;
+          const v3 = {
+            x: v1.x - 8,
+            y: v1.y + 8
+          };
+          const v4 = {
+            x: v2.x - 8,
+            y: v2.y + 8
+          };
+          (_graphRef$current4 = graphRef.current) == null || _graphRef$current4.addEdge({
+            id: "" + sourceId + idSeparator + targetId + "-end",
+            sourcePoint: [x, y],
+            target: [x1, y1],
+            vertices: [v3, v4],
+            router: {
+              name: 'orth',
+              args: {
+                padding: {}
+              }
+            },
+            attrs: {
+              line: {
+                stroke: 'transparent'
+              }
+            }
+          });
+        }
+      });
+    });
+  };
+  const initializeEvents = (0, _react.useCallback)(() => {
+    if (!graphRef.current) return;
+    graphRef.current.on('node:mousedown', data => {
+      const targetElement = (0, _get.default)(data, 'e.target', {});
+      if (targetElement.tagName === 'INPUT') {
+        targetElement.focus();
+      }
+    });
+    if (showToolTip) {
+      graphRef.current.on('edge:mouseenter', _ref6 => {
+        let {
+          edge = {}
+        } = _ref6;
+        const edgeId = edge.id;
+        if (edgeId && edgeObj[edgeId] && (allowForwardArrowTooltip && edgeObj[edgeId].forward || allowReverseArrowTooltip && edgeObj[edgeId].reverse)) {
+          const [sourceId, targetId] = edgeId.split(idSeparator);
+          const sourceToolTip = (0, _get.default)(nodePostionObj, [sourceId, 'toolTip']);
+          const targetToolTip = (0, _get.default)(nodePostionObj, [targetId, 'toolTip']);
+          if (sourceToolTip && targetToolTip) {
+            // Type assertion needed because @antv/x6 Edge type may not expose addTools in TypeScript definitions
+            edge.addTools == null || edge.addTools([{
+              name: 'tooltip',
+              args: {
+                tooltip: sourceToolTip + " - " + targetToolTip
+              }
+            }]);
+          }
+        }
+      });
+      graphRef.current.on('edge:mouseleave', _ref7 => {
+        let {
+          edge
+        } = _ref7;
+        // Type assertion needed because @antv/x6 Edge type may not expose removeTools in TypeScript definitions
+        edge.removeTools == null || edge.removeTools();
+      });
+    }
+  }, [showToolTip, allowForwardArrowTooltip, allowReverseArrowTooltip]);
+  const onPreviousPageClick = (0, _react.useCallback)(() => {
+    let newScrollValue = parseFloat((scrollbarPosition - (defaultEleWidth + defaultEleDistance)).toFixed(5));
+    if (newScrollValue < 0) {
+      newScrollValue = 0;
+    }
+    if (newScrollValue >= 0) setScrollbarPosition(newScrollValue);
+  }, [scrollbarPosition, defaultEleWidth, defaultEleDistance]);
+  const onNextPageClick = (0, _react.useCallback)(() => {
+    let newScrollValue = parseFloat((scrollbarPosition + defaultEleWidth + defaultEleDistance).toFixed(5));
+    if (newScrollValue > totalAvailWidth) {
+      newScrollValue = totalAvailWidth;
+    }
+    if (newScrollValue <= totalAvailWidth) setScrollbarPosition(newScrollValue);
+  }, [nodes, scrollbarPosition, defaultEleWidth, defaultEleDistance, totalAvailWidth]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(_styles.default['cap-level-graph-renderer-v2'], className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _styles.default['level-graph-pagination-row'],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _styles.default['level-graph-pagination-container'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapButton.default, {
+          type: "flat",
+          className: "pointer-cursor " + _styles.default['level-graph-pagination-left'],
+          disabled: scrollbarPosition <= 0,
+          onClick: onPreviousPageClick,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+            type: "chevron-left"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapButton.default, {
+          type: "flat",
+          className: "pointer-cursor " + _styles.default['level-graph-pagination-right'],
+          disabled: parseFloat((scrollbarPosition + defaultEleWidth + defaultEleDistance).toFixed(5)) > totalAvailWidth,
+          onClick: onNextPageClick,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+            type: "chevron-right"
+          })
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _styles.default['graph-renderer-container'],
+      style: _extends({}, containerStyles),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        id: graphId,
+        style: _extends({}, graphStyles)
+      })
+    })]
+  });
+};
+var _default = exports["default"] = CapLevelGraphRenderer;
+
+/***/ }),
+
 /***/ 12208:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -23394,7 +23945,7 @@ function getFontSizes(base) {
 
 
 exports.__esModule = true;
-exports.TIME_UNITS = exports.FORMAT_TOKENS = void 0;
+exports.TIME_UNITS = exports.FORMAT_TOKENS = exports.DEFAULT_TIMEZONE = void 0;
 exports.dayjsToMoment = dayjsToMoment;
 exports["default"] = void 0;
 exports.hasMomentTimezoneSupport = hasMomentTimezoneSupport;
@@ -23402,6 +23953,7 @@ exports.isDayjsObject = isDayjsObject;
 exports.isMomentObject = isMomentObject;
 exports.momentToDayjs = momentToDayjs;
 exports.normalizeDateValue = normalizeDateValue;
+exports.toDayjsInTimezone = toDayjsInTimezone;
 var _dayjs = _interopRequireDefault(__webpack_require__(87695));
 var _advancedFormat = _interopRequireDefault(__webpack_require__(96833));
 var _customParseFormat = _interopRequireDefault(__webpack_require__(2825));
@@ -23513,7 +24065,23 @@ if (!tzIsCallable) {
       if (_dayjs.default.isDayjs(date)) {
         return date.tz(tzName);
       }
-      return (0, _dayjs.default)(date).tz(tzName);
+      // For strings/Dates: interpret the date/time values as being IN the target timezone
+      // (matching moment.tz(string, tz) semantics). dayjs(date).tz(tz) is wrong because
+      // dayjs(date) anchors to the system local timezone, so .tz() converts FROM local TO tz.
+      // Instead: parse as UTC to get raw date/time values, compute the target timezone's offset,
+      // then adjust the UTC timestamp so .tz() produces the intended local time.
+      try {
+        // Validate timezone is a real IANA timezone before applying the offset correction
+        Intl.DateTimeFormat(undefined, {
+          timeZone: tzName
+        });
+      } catch (_unused) {
+        // Invalid timezone — fall back to local time
+        return (0, _dayjs.default)(date);
+      }
+      const asUtc = _dayjs.default.utc(date);
+      const tzOffset = asUtc.tz(tzName).utcOffset(); // target tz offset in minutes
+      return _dayjs.default.utc(asUtc.valueOf() - tzOffset * 60000).tz(tzName);
     } catch (error) {
       // If timezone is invalid, log error and fall back to local time
       logDevError("dayjs.tz: Invalid timezone \"" + tzName + "\"", error);
@@ -23590,6 +24158,8 @@ const FORMAT_TOKENS = exports.FORMAT_TOKENS = {
   MONTH_FULL: 'MMMM',
   YEAR: 'YYYY',
   YEAR_SHORT: 'YY',
+  // Cap UI datetime picker format (DD-MM-YYYY | HH:mm)
+  DATE_TIME: 'DD-MM-YYYY | HH:mm',
   // Localized formats
   DATE_LOCALIZED_SHORT: 'l',
   DATETIME_LOCALIZED_SHORT: 'll',
@@ -23600,6 +24170,7 @@ const FORMAT_TOKENS = exports.FORMAT_TOKENS = {
   DATETIME_LOCALIZED_LONG_TIME: 'LLL',
   DATETIME_LOCALIZED_LONG_TIME_WEEKDAY: 'LLLL'
 };
+const DEFAULT_TIMEZONE = exports.DEFAULT_TIMEZONE = 'Asia/Kolkata';
 function logDevError(message, error) {
   if (false) // removed by dead control flow
 {}
@@ -23680,7 +24251,10 @@ function momentToDayjs(value) {
         const tz = value.tz();
         if (tz) {
           // Has a named timezone - preserve it
-          dayjsObj = (0, _dayjs.default)(date).tz(tz);
+          // dayjs.utc(date) is required here: dayjs(date) anchors to the system local timezone,
+          // causing .tz() to only re-label without converting hours. dayjs.utc(date) creates a
+          // UTC-mode dayjs, which .tz() correctly converts to the target timezone for display.
+          dayjsObj = _dayjs.default.utc(date).tz(tz);
 
           // WORKAROUND: dayjs-timezone-iana-plugin doesn't persist timezone name in standard way
           // Store it manually in $x for round-trip conversion fidelity
@@ -23733,6 +24307,35 @@ function momentToDayjs(value) {
   return null;
 }
 
+/**
+ * Converts any supported date value (Moment, Day.js, string, Date) to a Day.js object
+ * in the specified timezone. This is the recommended single entry point for timezone-safe
+ * date conversion — it handles moment-to-dayjs conversion and timezone application in one step,
+ * avoiding the double-offset bug in dayjs-timezone-iana-plugin.
+ *
+ * @param value - Moment, Day.js, string, Date, or null/undefined
+ * @param timezone - Target IANA timezone (e.g., 'Asia/Kolkata', 'America/New_York')
+ * @returns Day.js object in the target timezone, or null if invalid
+ *
+ * @example
+ * toDayjsInTimezone(moment.tz('2025-04-21 00:00', 'Asia/Kolkata'), 'Asia/Kolkata');
+ * // Returns dayjs representing 2025-04-21 00:00 IST
+ *
+ * @example
+ * toDayjsInTimezone(moment.tz('2025-04-21 00:00', 'UTC'), 'Asia/Kolkata');
+ * // Returns dayjs representing 2025-04-21 05:30 IST
+ */
+function toDayjsInTimezone(value, timezone) {
+  const dayjsValue = momentToDayjs(value);
+  if (!dayjsValue) return null;
+
+  // Convert via UTC to avoid the double-offset bug in dayjs-timezone-iana-plugin:
+  // calling .tz() on a dayjs that already has a non-zero utcOffset corrupts the value.
+  // Going through .toDate() → dayjs.utc() gives us a clean UTC-mode dayjs that .tz()
+  // correctly converts to the target timezone.
+  return _dayjs.default.utc(dayjsValue.toDate()).tz(timezone);
+}
+
 /**
  * Converts a Day.js object to Moment.js, preserving timezone and locale information.
  *
@@ -25331,6 +25934,14 @@ var getPrototype = overArg(Object.getPrototypeOf, Object);
 module.exports = getPrototype;
 
 
+/***/ }),
+
+/***/ 28890:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("@antv/x6");
+
 /***/ }),
 
 /***/ 28932:
@@ -26013,6 +26624,137 @@ function isIndex(value, length) {
 module.exports = isIndex;
 
 
+/***/ }),
+
+/***/ 30405:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _x = __webpack_require__(28890);
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _client = __webpack_require__(5338);
+var _CapTooltip = _interopRequireDefault(__webpack_require__(85684));
+var _jsxRuntime = __webpack_require__(74848);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Custom tooltip tool for x6 graph edges
+ * Extends ToolsView.ToolItem to provide tooltip functionality on edge hover
+ *
+ * Note: Uses type assertions for @antv/x6 properties as the library's TypeScript
+ * definitions may not fully expose all ToolItem properties.
+ */
+class TooltipTool extends _x.ToolsView.ToolItem {
+  /** DOM element for tooltip rendering */
+
+  /** Delay in milliseconds before showing/hiding tooltip */
+
+  /** Current tooltip visibility state */
+
+  /** Timer reference for delayed tooltip operations */
+
+  /** React root instance for rendering tooltip */
+
+  constructor(props) {
+    super(props);
+    this.onMouseMove = e => {
+      if (this.timer) {
+        window.clearTimeout(this.timer);
+      }
+      this.updatePosition(e);
+      this.timer = window.setTimeout(() => {
+        if (this.tooltipVisible) {
+          this.toggleTooltip(false);
+        }
+        this.toggleTooltip(true);
+      }, this.delay);
+    };
+    this.delay = 100;
+    this.tooltipVisible = false;
+  }
+  render() {
+    super.render();
+    this.knob = _x.ToolsView.createElement('div', false);
+    this.knob.style.position = 'absolute';
+    const container = this.container;
+    container.appendChild(this.knob);
+    this.updatePosition();
+    document.addEventListener('mousemove', this.onMouseMove);
+    return this;
+  }
+  toggleTooltip(visible) {
+    if (!this.root) {
+      this.root = (0, _client.createRoot)(this.knob);
+    }
+    if (visible) {
+      const tooltipText = this.options.tooltip;
+      this.root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltip.default, {
+        title: tooltipText,
+        open: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {})
+      }));
+    } else {
+      this.root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {}));
+    }
+    this.tooltipVisible = visible;
+  }
+  updatePosition(e) {
+    const {
+      style
+    } = this.knob;
+    const graph = this.graph;
+    if (e && graph) {
+      const p = graph.clientToGraph(e.clientX, e.clientY);
+      style.display = 'block';
+      style.left = p.x + "px";
+      style.top = p.y + "px";
+    } else {
+      style.display = 'none';
+      style.left = '-1000px';
+      style.top = '-1000px';
+    }
+  }
+  onMouseLeave() {
+    this.updatePosition();
+    if (this.timer) {
+      window.clearTimeout(this.timer);
+    }
+    this.timer = window.setTimeout(() => {
+      this.toggleTooltip(false);
+    }, this.delay);
+    document.removeEventListener('mousemove', this.onMouseMove);
+  }
+  delegateEvents() {
+    const cellView = this.cellView;
+    cellView.on('cell:mouseleave', this.onMouseLeave, this);
+    return super.delegateEvents();
+  }
+  onRemove() {
+    const cellView = this.cellView;
+    cellView.off('cell:mouseleave', this.onMouseLeave);
+    if (this.timer) {
+      window.clearTimeout(this.timer);
+    }
+    if (this.root) {
+      this.root.unmount();
+    }
+    document.removeEventListener('mousemove', this.onMouseMove);
+  }
+}
+
+/**
+ * Type for TooltipTool config method
+ */
+
+TooltipTool.config({
+  tagName: 'div',
+  isSVGElement: false
+});
+var _default = exports["default"] = TooltipTool;
+
 /***/ }),
 
 /***/ 30514:
@@ -27114,6 +27856,33 @@ var _default = exports["default"] = SvgGallery;
 
 /***/ }),
 
+/***/ 32528:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.scope = exports["default"] = void 0;
+var _reactIntl = __webpack_require__(46407);
+const scope = exports.scope = 'app.commonUtils.capUiLibrary.capDateTimePicker';
+var _default = exports["default"] = (0, _reactIntl.defineMessages)({
+  selectDateTimePlaceHolder: {
+    id: scope + ".selectDateTimePlaceHolder",
+    defaultMessage: 'Select date | time'
+  },
+  selectLabel: {
+    id: scope + ".selectLabel",
+    defaultMessage: 'Select'
+  },
+  todayLabel: {
+    id: scope + ".todayLabel",
+    defaultMessage: 'Today'
+  }
+});
+
+/***/ }),
+
 /***/ 32719:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -34799,6 +35568,179 @@ const sliderBackgroundColors = exports.sliderBackgroundColors = [{
 
 /***/ }),
 
+/***/ 45274:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _antdV = __webpack_require__(64273);
+var _classnames = _interopRequireDefault(__webpack_require__(46942));
+var _react = _interopRequireWildcard(__webpack_require__(9206));
+var _reactIntl = __webpack_require__(46407);
+var _dayjs = _interopRequireWildcard(__webpack_require__(25549));
+var _CapIcon = _interopRequireDefault(__webpack_require__(65124));
+var _logDeprecationWarning = _interopRequireDefault(__webpack_require__(19224));
+var _messages = _interopRequireDefault(__webpack_require__(32528));
+var _styles = _interopRequireDefault(__webpack_require__(2580));
+var _jsxRuntime = __webpack_require__(74848);
+const _excluded = ["intl", "className", "value", "defaultValue", "onChange", "cellRender", "dateRender", "showTime", "format", "placeholder", "timezone", "disabledTime", "renderExtraFooter", "showToday", "onOk", "onPanelChange", "popupClassName", "dropdownClassName", "popupStyle", "dropdownStyle", "getPopupContainer", "getCalendarContainer", "popupOpen", "open", "onPopupOpenChange", "onOpenChange"];
+/**
+ *
+ * CapDateTimePicker
+ *
+ */
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const clsPrefix = 'cap-date-time-picker';
+const CapDateTimePicker = _ref => {
+  var _ref2;
+  let {
+      intl: {
+        formatMessage
+      },
+      className = '',
+      value = null,
+      defaultValue = null,
+      onChange = () => {},
+      cellRender,
+      dateRender,
+      showTime = {
+        format: _dayjs.FORMAT_TOKENS.TIME_24H
+      },
+      format = _dayjs.FORMAT_TOKENS.DATE_TIME,
+      placeholder = '',
+      timezone = _dayjs.DEFAULT_TIMEZONE,
+      disabledTime,
+      renderExtraFooter,
+      showToday,
+      onOk,
+      onPanelChange,
+      popupClassName,
+      dropdownClassName,
+      popupStyle,
+      dropdownStyle,
+      getPopupContainer,
+      getCalendarContainer,
+      popupOpen,
+      open: openProp,
+      onPopupOpenChange,
+      onOpenChange
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  (0, _logDeprecationWarning.default)('CapDateTimePicker', 'dateRender', dateRender, 'cellRender');
+  (0, _logDeprecationWarning.default)('CapDateTimePicker', 'dropdownClassName', dropdownClassName, 'popupClassName');
+  (0, _logDeprecationWarning.default)('CapDateTimePicker', 'dropdownStyle', dropdownStyle, 'popupStyle');
+  (0, _logDeprecationWarning.default)('CapDateTimePicker', 'getCalendarContainer', getCalendarContainer, 'getPopupContainer');
+  (0, _logDeprecationWarning.default)('CapDateTimePicker', 'open', openProp, 'popupOpen');
+  (0, _logDeprecationWarning.default)('CapDateTimePicker', 'onOpenChange', onOpenChange, 'onPopupOpenChange');
+  (0, _logDeprecationWarning.default)('CapDateTimePicker', 'showToday', showToday, 'N/A (handled internally)');
+  (0, _logDeprecationWarning.default)('CapDateTimePicker', 'renderExtraFooter', renderExtraFooter, 'custom panel components');
+  const [isPickerOpen, setIsPickerOpen] = (0, _react.useState)(false);
+  const skipNextCloseRef = (0, _react.useRef)(false);
+
+  // Detect if consumer is using moment
+  const isConsumerUsingMoment = (0, _dayjs.isMomentObject)(value) || (0, _dayjs.isMomentObject)(defaultValue);
+
+  // Parse date in timezone
+  const parseDateTime = dateTime => {
+    if (!dateTime) return null;
+    const dayjsDateTimeToTimezone = (0, _dayjs.toDayjsInTimezone)(dateTime, timezone);
+    if (!dayjsDateTimeToTimezone) return null;
+    return dayjsDateTimeToTimezone;
+  };
+
+  // Today's date in target timezone
+  const todayDate = (0, _react.useMemo)(() => _dayjs.default.tz((0, _dayjs.default)(), timezone).startOf(_dayjs.TIME_UNITS.DAY), [timezone]);
+
+  // Default picker value (today)
+  const defaultPickerValue = (0, _react.useMemo)(() => todayDate.clone(), [todayDate]);
+
+  // Final showTime config
+  const showTimeConfig = (0, _react.useMemo)(() => {
+    if (!showTime) return false;
+    const base = typeof showTime === 'object' ? showTime : {
+      format
+    };
+    return _extends({}, base, {
+      defaultValue: _dayjs.default.tz((0, _dayjs.default)(), timezone)
+    });
+  }, [showTime, timezone, format]);
+
+  // Handle calendar change
+  const handleChange = (newValue, dateString) => {
+    if (Array.isArray(newValue) || Array.isArray(dateString)) return;
+    const parsedValue = parseDateTime(newValue);
+
+    // Return the same type the consumer passed in
+    const result = (0, _dayjs.normalizeDateValue)(isConsumerUsingMoment, parsedValue);
+    onChange(result != null ? result : null, dateString != null ? dateString : '');
+  };
+  const handleOpenChange = nextOpen => {
+    setIsPickerOpen(nextOpen);
+    onPopupOpenChange == null || onPopupOpenChange(nextOpen);
+    onOpenChange == null || onOpenChange(nextOpen);
+  };
+  const handleOk = date => {
+    skipNextCloseRef.current = false;
+    setIsPickerOpen(false);
+    const parsedValue = parseDateTime(date);
+    const result = (0, _dayjs.normalizeDateValue)(isConsumerUsingMoment, parsedValue);
+    onOk == null || onOk(result != null ? result : null);
+  };
+
+  // Get the current value in the correct timezone
+  const currentValue = (0, _react.useMemo)(() => {
+    if (!value) return null;
+    return parseDateTime(value);
+  }, [value, timezone]);
+
+  // Backward compatibility: map deprecated props to new props
+  const finalPopupClassName = (0, _classnames.default)(_styles.default[clsPrefix + "__calendar-popup"], popupClassName != null ? popupClassName : dropdownClassName);
+  const labelVars = {
+    '--cap-datetime-select-label': "'" + formatMessage(_messages.default.selectLabel) + "'",
+    '--cap-datetime-today-label': "'" + formatMessage(_messages.default.todayLabel) + "'"
+  };
+  const finalPopupStyle = _extends({}, labelVars, popupStyle != null ? popupStyle : dropdownStyle);
+  const finalGetPopupContainer = getPopupContainer != null ? getPopupContainer : getCalendarContainer;
+  const finalOpen = (_ref2 = popupOpen != null ? popupOpen : openProp) != null ? _ref2 : isPickerOpen;
+
+  // Backward compatibility: map deprecated dateRender to cellRender
+  const finalCellRender = cellRender != null ? cellRender : dateRender ? current => dateRender(current, todayDate) : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.DatePicker, _extends({
+    className: (0, _classnames.default)(clsPrefix, className),
+    showTime: showTimeConfig,
+    format: format,
+    placeholder: placeholder || formatMessage(_messages.default.selectDateTimePlaceHolder),
+    value: currentValue,
+    onChange: handleChange,
+    cellRender: finalCellRender,
+    popupClassName: finalPopupClassName,
+    popupStyle: finalPopupStyle,
+    getPopupContainer: finalGetPopupContainer,
+    open: finalOpen,
+    onOk: handleOk,
+    onOpenChange: handleOpenChange,
+    onPanelChange: onPanelChange,
+    disabledTime: disabledTime,
+    renderExtraFooter: renderExtraFooter,
+    showToday: showToday,
+    defaultPickerValue: defaultPickerValue,
+    suffixIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+      type: "calendar",
+      size: "m",
+      className: _styles.default[clsPrefix + "__calendar-icon"]
+    })
+  }, rest));
+};
+var _default = exports["default"] = (0, _reactIntl.injectIntl)(CapDateTimePicker);
+
+/***/ }),
+
 /***/ 45337:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -34932,6 +35874,25 @@ const SvgTestComplete = props => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", _exte
 }));
 var _default = exports["default"] = SvgTestComplete;
 
+/***/ }),
+
+/***/ 45733:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.cap-date-time-picker__calendar-icon{color:#091e42}.cap-date-time-picker__calendar-popup .ant-picker-footer .ant-picker-ranges{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:1.142rem;padding:.571rem 1.142rem .857rem 1.142rem}.cap-date-time-picker__calendar-popup .ant-picker-footer .ant-picker-ranges .ant-picker-ok{order:0;margin-inline-start:0}.cap-date-time-picker__calendar-popup .ant-picker-footer .ant-picker-ranges .ant-picker-ok>button{background:#47af46;border:none;border-radius:.285rem;padding:0 2rem;height:2.285rem;line-height:2.285rem;font-weight:500;color:#fff;box-shadow:none}.cap-date-time-picker__calendar-popup .ant-picker-footer .ant-picker-ranges .ant-picker-ok>button>span{display:none}.cap-date-time-picker__calendar-popup .ant-picker-footer .ant-picker-ranges .ant-picker-ok>button::after{content:var(--cap-datetime-select-label, "Select");font-size:1rem}.cap-date-time-picker__calendar-popup .ant-picker-footer .ant-picker-ranges .ant-picker-ok>button:disabled{background:#a1d8a0;cursor:not-allowed}.cap-date-time-picker__calendar-popup .ant-picker-footer .ant-picker-ranges .ant-picker-now{order:1}.cap-date-time-picker__calendar-popup .ant-picker-footer .ant-picker-ranges .ant-picker-now>a{font-size:0;font-weight:500;color:#2466ea}.cap-date-time-picker__calendar-popup .ant-picker-footer .ant-picker-ranges .ant-picker-now>a::after{content:var(--cap-datetime-today-label, "Today");font-size:1rem;vertical-align:sub}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"cap-date-time-picker__calendar-icon": `cap-date-time-picker__calendar-icon`,
+	"cap-date-time-picker__calendar-popup": `cap-date-time-picker__calendar-popup`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
 /***/ }),
 
 /***/ 45855:
@@ -37902,6 +38863,58 @@ function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {
 module.exports = equalObjects;
 
 
+/***/ }),
+
+/***/ 50742:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(85072);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64284);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(77659);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55056);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10540);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65999);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
+/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__[__WEBPACK_IMPORT_KEY__]
+/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+;
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+options.domAPI = (_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()), options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
+
+
 /***/ }),
 
 /***/ 50791:
@@ -56846,6 +57859,7 @@ var _exportNames = {
   CapCarousel: true,
   CapCheckbox: true,
   CapDatePicker: true,
+  CapDateTimePicker: true,
   CapMultiSelectDatePicker: true,
   CapCustomCard: true,
   CapColoredTag: true,
@@ -56872,6 +57886,7 @@ var _exportNames = {
   CapInput: true,
   CapInfoNote: true,
   CapLabel: true,
+  CapLevelGraphRenderer: true,
   CapLink: true,
   CapList: true,
   CapLogin: true,
@@ -56930,7 +57945,7 @@ var _exportNames = {
   CapIcons: true,
   styledVars: true
 };
-exports.styledVars = exports.request = exports.loadCapUIFonts = exports.loadCapUI = exports.getCapUIFontLinks = exports.getCapThemeConfig = exports.LocaleHoc = exports.CapVirtualList = exports.CapUploader = exports.CapUnifiedSelect = exports.CapTruncateList = exports.CapTree = exports.CapTopBar = exports.CapTooltipWithInfo = exports.CapTooltip = exports.CapTimePicker = exports.CapTag = exports.CapTable = exports.CapTabV3 = exports.CapTab = exports.CapSwitch = exports.CapSupportVideosWrapper = exports.CapSteps = exports.CapStatus = exports.CapStatisticCard = exports.CapSplit = exports.CapSpin = exports.CapSomethingWentWrong = exports.CapSnackBar = exports.CapSlider = exports.CapSlideBox = exports.CapSkeleton = exports.CapSideBar = exports.CapShape = exports.CapSelectFilter = exports.CapSelect = exports.CapSecondaryTopBar = exports.CapRow = exports.CapRoadMap = exports.CapReorderComponent = exports.CapRadioGroup = exports.CapRadioButton = exports.CapRadio = exports.CapProgress = exports.CapPopover = exports.CapNotificationDropdown = exports.CapNotification = exports.CapMultiSelectDatePicker = exports.CapModal = exports.CapMenu = exports.CapLogin = exports.CapList = exports.CapLink = exports.CapLanguageProvider = exports.CapLabel = exports.CapInputTextArea = exports.CapInputSearch = exports.CapInputNumber = exports.CapInput = exports.CapInfoNote = exports.CapImportMFEComponent = exports.CapImage = exports.CapIllustration = exports.CapIcons = exports.CapIcon = exports.CapHeading = exports.CapHeader = exports.CapFormItem = exports.CapForm = exports.CapError = exports.CapEmptyDivWithBorder = exports.CapDropdown = exports.CapDrawer = exports.CapDivider = exports.CapDatePicker = exports.CapCustomSelect = exports.CapCustomList = exports.CapCustomCheckboxList = exports.CapCustomCard = exports.CapConditionPreview = exports.CapColumn = exports.CapColoredTag = exports.CapColorPicker = exports.CapCheckbox = exports.CapCarousel = exports.CapCardBox = exports.CapCard = exports.CapCalendarDatePicker = exports.CapButton = exports.CapBorderedBox = exports.CapBlock = exports.CapBanner = exports.CapAppNotEnabled = exports.CapAlert = exports.CapActionBar = void 0;
+exports.styledVars = exports.request = exports.loadCapUIFonts = exports.loadCapUI = exports.getCapUIFontLinks = exports.getCapThemeConfig = exports.LocaleHoc = exports.CapVirtualList = exports.CapUploader = exports.CapUnifiedSelect = exports.CapTruncateList = exports.CapTree = exports.CapTopBar = exports.CapTooltipWithInfo = exports.CapTooltip = exports.CapTimePicker = exports.CapTag = exports.CapTable = exports.CapTabV3 = exports.CapTab = exports.CapSwitch = exports.CapSupportVideosWrapper = exports.CapSteps = exports.CapStatus = exports.CapStatisticCard = exports.CapSplit = exports.CapSpin = exports.CapSomethingWentWrong = exports.CapSnackBar = exports.CapSlider = exports.CapSlideBox = exports.CapSkeleton = exports.CapSideBar = exports.CapShape = exports.CapSelectFilter = exports.CapSelect = exports.CapSecondaryTopBar = exports.CapRow = exports.CapRoadMap = exports.CapReorderComponent = exports.CapRadioGroup = exports.CapRadioButton = exports.CapRadio = exports.CapProgress = exports.CapPopover = exports.CapNotificationDropdown = exports.CapNotification = exports.CapMultiSelectDatePicker = exports.CapModal = exports.CapMenu = exports.CapLogin = exports.CapList = exports.CapLink = exports.CapLevelGraphRenderer = exports.CapLanguageProvider = exports.CapLabel = exports.CapInputTextArea = exports.CapInputSearch = exports.CapInputNumber = exports.CapInput = exports.CapInfoNote = exports.CapImportMFEComponent = exports.CapImage = exports.CapIllustration = exports.CapIcons = exports.CapIcon = exports.CapHeading = exports.CapHeader = exports.CapFormItem = exports.CapForm = exports.CapError = exports.CapEmptyDivWithBorder = exports.CapDropdown = exports.CapDrawer = exports.CapDivider = exports.CapDateTimePicker = exports.CapDatePicker = exports.CapCustomSelect = exports.CapCustomList = exports.CapCustomCheckboxList = exports.CapCustomCard = exports.CapConditionPreview = exports.CapColumn = exports.CapColoredTag = exports.CapColorPicker = exports.CapCheckbox = exports.CapCarousel = exports.CapCardBox = exports.CapCard = exports.CapCalendarDatePicker = exports.CapButton = exports.CapBorderedBox = exports.CapBlock = exports.CapBanner = exports.CapAppNotEnabled = exports.CapAlert = exports.CapActionBar = void 0;
 var _CapAlert = _interopRequireDefault(__webpack_require__(20855));
 exports.CapAlert = _CapAlert.default;
 var _CapActionBar = _interopRequireDefault(__webpack_require__(9464));
@@ -56955,6 +57970,8 @@ var _CapCheckbox = _interopRequireDefault(__webpack_require__(20564));
 exports.CapCheckbox = _CapCheckbox.default;
 var _CapDatePicker = _interopRequireDefault(__webpack_require__(88785));
 exports.CapDatePicker = _CapDatePicker.default;
+var _CapDateTimePicker = _interopRequireDefault(__webpack_require__(45274));
+exports.CapDateTimePicker = _CapDateTimePicker.default;
 var _CapMultiSelectDatePicker = _interopRequireDefault(__webpack_require__(95452));
 exports.CapMultiSelectDatePicker = _CapMultiSelectDatePicker.default;
 var _CapCustomCard = _interopRequireDefault(__webpack_require__(84328));
@@ -57010,6 +58027,8 @@ var _CapInfoNote = _interopRequireDefault(__webpack_require__(47703));
 exports.CapInfoNote = _CapInfoNote.default;
 var _CapLabel = _interopRequireDefault(__webpack_require__(92675));
 exports.CapLabel = _CapLabel.default;
+var _CapLevelGraphRenderer = _interopRequireDefault(__webpack_require__(12084));
+exports.CapLevelGraphRenderer = _CapLevelGraphRenderer.default;
 var _CapLink = _interopRequireDefault(__webpack_require__(43223));
 exports.CapLink = _CapLink.default;
 var _CapList = _interopRequireDefault(__webpack_require__(34979));
@@ -58621,6 +59640,28 @@ const SvgExpand2 = props => /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _extends({
 }));
 var _default = exports["default"] = SvgExpand2;
 
+/***/ }),
+
+/***/ 65999:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.cap-level-graph-renderer-v2 .level-graph-pagination-container,.cap-level-graph-renderer-v2 .level-graph-pagination-row,.cap-level-graph-renderer-v2 .level-graph-pagination-left,.cap-level-graph-renderer-v2 .level-graph-pagination-right{display:flex}.cap-level-graph-renderer-v2 .level-graph-pagination-row{justify-content:flex-end;height:1.714rem;margin-bottom:2.571rem}.cap-level-graph-renderer-v2 .level-graph-pagination-row .level-graph-pagination-left{margin-right:1.714rem}.cap-level-graph-renderer-v2 .level-graph-pagination-row .level-graph-pagination-left > span + .anticon{margin:0}.cap-level-graph-renderer-v2 .level-graph-pagination-row .level-graph-pagination-left,.cap-level-graph-renderer-v2 .level-graph-pagination-row .level-graph-pagination-right{justify-content:center;align-items:center;min-width:fit-content;height:100%;padding:0}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"cap-level-graph-renderer-v2": `cap-level-graph-renderer-v2`,
+	"level-graph-pagination-container": `level-graph-pagination-container`,
+	"level-graph-pagination-row": `level-graph-pagination-row`,
+	"level-graph-pagination-left": `level-graph-pagination-left`,
+	"level-graph-pagination-right": `level-graph-pagination-right`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
 /***/ }),
 
 /***/ 66120:
@@ -73271,6 +74312,14 @@ function mapCacheGet(key) {
 module.exports = mapCacheGet;
 
 
+/***/ }),
+
+/***/ 90460:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("@antv/x6-react-shape");
+
 /***/ }),
 
 /***/ 90614: