@nokecy/qc-ui 0.0.2 → 0.0.3

package/dist/cjs/elsa/index.less

@@ -0,0 +1,21 @@
+    .x6-node-selected .userTask {
+        border-color: #52c41a;
+        border-radius: 2px;
+        box-shadow: 0 0 0 4px #ccecc0;
+    }
+
+    .x6-node-selected .userTask .failed {
+        border-color: #ff4d4f;
+        border-radius: 2px;
+        box-shadow: 0 0 0 4px #fedcdc;
+    }
+
+    .x6-edge:hover path:nth-child(2) {
+        stroke: #1890ff;
+        stroke-width: 1px;
+    }
+
+    .x6-edge-selected path:nth-child(2) {
+        stroke: #1890ff;
+        stroke-width: 3px !important;
+    }

package/dist/cjs/extensible-grid/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ExtensibleGridProps } from './interface';
+declare function ExtensibleGrid(props: ExtensibleGridProps): JSX.Element;
+export default ExtensibleGrid;

package/dist/cjs/extensible-grid/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _agGridPlus = require("../ag-grid-plus");
+
+var _excluded = ["children", "extensibleColumns"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function ExtensibleGrid(props) {
+  var children = props.children,
+      _props$extensibleColu = props.extensibleColumns,
+      extensibleColumns = _props$extensibleColu === void 0 ? [] : _props$extensibleColu,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_agGridPlus.AgGridPlus, rest, _react.default.Children.map(children, function (child, index) {
+    return child;
+  }), extensibleColumns.map(function (column) {
+    return /*#__PURE__*/_react.default.createElement(_agGridPlus.AgGridColumn, {
+      field: column.field,
+      headerName: column.headerName,
+      type: column.type,
+      flex: 1
+    });
+  }));
+}
+
+var _default = ExtensibleGrid;
+exports.default = _default;

package/dist/cjs/extensible-grid/interface.d.ts

@@ -0,0 +1,10 @@
+import { GridProps } from '../ag-grid-plus/interface';
+interface ExtensibleColumnProps {
+    field: string;
+    type?: string;
+    headerName: string;
+}
+interface ExtensibleGridProps extends GridProps {
+    extensibleColumns: ExtensibleColumnProps[];
+}
+export { ExtensibleGridProps };

package/dist/cjs/extensible-grid/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/index.d.ts

@@ -1,4 +1,6 @@
 import ArrayTable from "./array-table";
 import { AgGridColumn, AgGridPlus } from "./ag-grid-plus";
+import ExtensibleGrid from "./extensible-grid";
 import Dashboard from "./dashboard";
-export { ArrayTable, AgGridColumn, AgGridPlus, Dashboard };
+import Elsa from "./elsa";
+export { ArrayTable, AgGridColumn, AgGridPlus, ExtensibleGrid, Dashboard, Elsa };

package/dist/cjs/index.js

@@ -27,11 +27,27 @@ Object.defineProperty(exports, "Dashboard", {
     return _dashboard.default;
   }
 });
+Object.defineProperty(exports, "Elsa", {
+  enumerable: true,
+  get: function get() {
+    return _elsa.default;
+  }
+});
+Object.defineProperty(exports, "ExtensibleGrid", {
+  enumerable: true,
+  get: function get() {
+    return _extensibleGrid.default;
+  }
+});
 
 var _arrayTable = _interopRequireDefault(require("./array-table"));
 
 var _agGridPlus = require("./ag-grid-plus");
 
+var _extensibleGrid = _interopRequireDefault(require("./extensible-grid"));
+
 var _dashboard = _interopRequireDefault(require("./dashboard"));
 
+var _elsa = _interopRequireDefault(require("./elsa"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/xflow/components/Wrapper.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+declare const Wrapper: FC<PropsWithChildren>;
+export default Wrapper;

package/dist/cjs/xflow/components/Wrapper.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _graph = require("../hooks/graph");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Wrapper = function Wrapper(_ref) {
+  var children = _ref.children;
+  var graph = (0, _graph.useGraph)();
+
+  if (graph) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+  }
+
+  return null;
+};
+
+var _default = Wrapper;
+exports.default = _default;

package/dist/cjs/xflow/components/XFlow.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren, FC } from 'react';
+declare const XFlow: FC<PropsWithChildren>;
+export default XFlow;

package/dist/cjs/xflow/components/XFlow.js

@@ -0,0 +1,47 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _GraphContext = require("../context/GraphContext");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var XFlow = function XFlow(_ref) {
+  var children = _ref.children;
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      graph = _useState2[0],
+      setGraph = _useState2[1];
+
+  return /*#__PURE__*/_react.default.createElement(_GraphContext.Provider, {
+    value: {
+      graph: graph,
+      setGraph: setGraph
+    }
+  }, children);
+};
+
+var _default = XFlow;
+exports.default = _default;

package/dist/cjs/xflow/components/XFlowGraph.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { GraphOptions } from '../types';
+declare const XFlowGraph: FC<GraphOptions>;
+export default XFlowGraph;

package/dist/cjs/xflow/components/XFlowGraph.js

@@ -0,0 +1,73 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _GraphContext = require("../context/GraphContext");
+
+var _x = require("@antv/x6");
+
+var _util = require("../util");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var XFlowGraph = function XFlowGraph(props) {
+  var container = (0, _react.useRef)(null);
+
+  var _useContext = (0, _react.useContext)(_GraphContext.GraphContext),
+      graph = _useContext.graph,
+      setGraph = _useContext.setGraph;
+
+  (0, _react.useEffect)(function () {
+    var graph = new _x.Graph(_objectSpread({
+      container: container.current,
+      autoResize: true
+    }, props.configs));
+    setGraph(graph);
+  }, []);
+  (0, _react.useLayoutEffect)(function () {
+    if (graph && props.data.length > 0) {
+      var data = props.data,
+          defaultNodeOptions = props.defaultNodeOptions,
+          defaultEdgeOptions = props.defaultEdgeOptions,
+          centerContent = props.centerContent;
+
+      var model = _util.Util.preprocess(data, defaultNodeOptions, defaultEdgeOptions);
+
+      graph.fromJSON(model);
+
+      if (centerContent) {
+        graph.centerContent();
+      }
+    }
+  }, [graph, props.data]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '100%',
+      height: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: container,
+    style: {
+      width: '100%',
+      height: '100%'
+    }
+  }));
+};
+
+var _default = XFlowGraph;
+exports.default = _default;

package/dist/cjs/xflow/components/graph-toolbar/index.d.ts

@@ -0,0 +1,19 @@
+import { FC, ReactElement } from 'react';
+export declare enum Direction {
+    vertical = "vertical",
+    horizontal = "horizontal"
+}
+export interface GraphToolbarItem {
+    name: string;
+    text?: string;
+    tooltip: string;
+    disabled?: boolean;
+    icon: ReactElement;
+    onClick: () => void;
+}
+export interface GraphToolbarProps {
+    className: string;
+    items: GraphToolbarItem[];
+    direction?: Direction;
+}
+export declare const GraphToolbar: FC<GraphToolbarProps>;

package/dist/cjs/xflow/components/graph-toolbar/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GraphToolbar = exports.Direction = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+var _classnames3 = _interopRequireDefault(require("classnames"));
+
+var _index = _interopRequireDefault(require("./index.less"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var Direction;
+exports.Direction = Direction;
+
+(function (Direction) {
+  Direction["vertical"] = "vertical";
+  Direction["horizontal"] = "horizontal";
+})(Direction || (exports.Direction = Direction = {}));
+
+var ToolbarItem = function ToolbarItem(props) {
+  var name = props.name,
+      text = props.text,
+      icon = props.icon,
+      disabled = props.disabled,
+      _onClick = props.onClick;
+  return /*#__PURE__*/_react.default.createElement("button", {
+    key: name,
+    disabled: disabled,
+    onClick: function onClick() {
+      return disabled && _onClick();
+    },
+    className: (0, _classnames3.default)(_index.default.item, _defineProperty({}, _index.default.disabled, disabled))
+  }, icon, text);
+};
+
+var GraphToolbar = function GraphToolbar(props) {
+  var _classnames2;
+
+  var className = props.className,
+      items = props.items,
+      direction = props.direction;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames3.default)(className, _index.default.graphToolbar, (_classnames2 = {}, _defineProperty(_classnames2, _index.default.vertical, direction === Direction.vertical), _defineProperty(_classnames2, _index.default.horizontal, direction === Direction.horizontal), _classnames2))
+  }, items.map(function (item) {
+    return item.tooltip ? /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+      key: item.name,
+      title: item.tooltip
+    }, /*#__PURE__*/_react.default.createElement(ToolbarItem, item)) : /*#__PURE__*/_react.default.createElement(ToolbarItem, item);
+  }));
+};
+
+exports.GraphToolbar = GraphToolbar;

package/dist/cjs/xflow/components/graph-toolbar/index.less

@@ -0,0 +1,11 @@
+.graphToolbar {
+  display: flex;
+
+  &.vertical {
+    flex-direction: column;
+  }
+
+  &.horizontal {
+    flex-direction: row;
+  }
+}

package/dist/cjs/xflow/components/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Wrapper } from './Wrapper';
+export { default as XFlow } from './XFlow';
+export { default as XFlowGraph } from './XFlowGraph';

package/dist/cjs/xflow/components/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Wrapper", {
+  enumerable: true,
+  get: function get() {
+    return _Wrapper.default;
+  }
+});
+Object.defineProperty(exports, "XFlow", {
+  enumerable: true,
+  get: function get() {
+    return _XFlow.default;
+  }
+});
+Object.defineProperty(exports, "XFlowGraph", {
+  enumerable: true,
+  get: function get() {
+    return _XFlowGraph.default;
+  }
+});
+
+var _Wrapper = _interopRequireDefault(require("./Wrapper"));
+
+var _XFlow = _interopRequireDefault(require("./XFlow"));
+
+var _XFlowGraph = _interopRequireDefault(require("./XFlowGraph"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/xflow/components/keyboard/index.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { KeyboardImpl } from '@antv/x6-plugin-keyboard/lib/keyboard';
+export declare const Keyboard: FC<KeyboardImpl.Options>;

package/dist/cjs/xflow/components/keyboard/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Keyboard = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _x6PluginKeyboard = require("@antv/x6-plugin-keyboard");
+
+var _graph = require("../../hooks/graph");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Keyboard = function Keyboard(props) {
+  var graph = (0, _graph.useGraph)();
+  var initKeyboard = (0, _react.useCallback)(function () {
+    if (graph) {
+      var keyboard = graph.getPlugin(_x6PluginKeyboard.Keyboard.name);
+
+      if (keyboard) {// TODO: add setOptions function to handle
+        // scroller.setOptions(options)
+      } else {
+        var graphKeyboard = new _x6PluginKeyboard.Keyboard(props);
+        graph.use(graphKeyboard);
+      }
+    }
+  }, [graph, props]);
+  (0, _react.useEffect)(function () {
+    initKeyboard();
+  }, [graph, props, initKeyboard]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+};
+
+exports.Keyboard = Keyboard;

package/dist/cjs/xflow/components/minimap/index.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { MiniMap } from '@antv/x6-plugin-minimap';
+export declare const Minimap: FC<Omit<MiniMap.Options, 'container'>>;

package/dist/cjs/xflow/components/minimap/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Minimap = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _x6PluginMinimap = require("@antv/x6-plugin-minimap");
+
+var _graph = require("../../hooks/graph");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var Minimap = function Minimap(props) {
+  var graph = (0, _graph.useGraph)();
+  var mapRef = (0, _react.useRef)(null);
+  var initMinimap = (0, _react.useCallback)(function () {
+    if (mapRef.current && graph) {
+      var options = _objectSpread(_objectSpread({}, props), {}, {
+        container: mapRef.current
+      });
+
+      var minimap = graph.getPlugin(_x6PluginMinimap.MiniMap.name);
+
+      if (minimap) {// TODO: add setOption function
+        // minimap.setOptions(options)
+      } else {
+        var GraphMinimap = new _x6PluginMinimap.MiniMap(options);
+        graph.use(GraphMinimap);
+      }
+    }
+  }, [mapRef, props, graph]);
+  (0, _react.useEffect)(function () {
+    initMinimap();
+  }, [mapRef, graph, initMinimap]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: mapRef
+  });
+};
+
+exports.Minimap = Minimap;

package/dist/cjs/xflow/components/scroller/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Scroller as X6Scroll } from '@antv/x6-plugin-scroller';
+export declare const Scroller: FC<X6Scroll.Options>;
+export declare const useScroller: () => any;

package/dist/cjs/xflow/components/scroller/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScroller = exports.Scroller = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _x6PluginScroller = require("@antv/x6-plugin-scroller");
+
+var _graph = require("../../hooks/graph");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Scroller = function Scroller(props) {
+  var graph = (0, _graph.useGraph)();
+  var initScroller = (0, _react.useCallback)(function () {
+    if (graph) {
+      var scroller = graph.getPlugin(_x6PluginScroller.Scroller.name);
+
+      if (scroller) {// TODO: add setOptions function to handle
+        // scroller.setOptions(options)
+      } else {
+        var graphScroller = new _x6PluginScroller.Scroller(props);
+        graph.use(graphScroller);
+      }
+    }
+  }, [graph, props]);
+  (0, _react.useEffect)(function () {
+    initScroller();
+  }, [graph, props, initScroller]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+};
+
+exports.Scroller = Scroller;
+
+var useScroller = function useScroller() {
+  var graph = (0, _graph.useGraph)();
+  return (0, _react.useMemo)(function () {
+    return graph && graph.getPlugin(_x6PluginScroller.Scroller.name);
+  }, [graph]);
+};
+
+exports.useScroller = useScroller;

package/dist/cjs/xflow/components/selection/index.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Selection as X6Selection } from '@antv/x6-plugin-selection';
+export declare const Selection: FC<X6Selection.Options>;

package/dist/cjs/xflow/components/selection/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Selection = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _x6PluginSelection = require("@antv/x6-plugin-selection");
+
+var _graph = require("../../hooks/graph");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Selection = function Selection(props) {
+  var graph = (0, _graph.useGraph)();
+  var initSelection = (0, _react.useCallback)(function () {
+    if (graph) {
+      var selection = graph.getPlugin(_x6PluginSelection.Selection.name);
+
+      if (selection) {// TODO: add setOptions function to handle
+        // selection.setOptions(options)
+      } else {
+        var xflowSelection = new _x6PluginSelection.Selection(props);
+        graph.use(xflowSelection);
+      }
+    }
+  }, [graph, props]);
+  (0, _react.useEffect)(function () {
+    initSelection();
+  }, [graph]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+};
+
+exports.Selection = Selection;

package/dist/cjs/xflow/components/snapline/index.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Snapline as X6Snapline } from '@antv/x6-plugin-snapline';
+export declare const Snapline: FC<X6Snapline.Options>;