@teambit/graph 0.0.0-351b8797f220d8d6c242cfc30d4ecebaee07da45

package/dist/ui/graph-page/graph-filters.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GraphFilters = GraphFilters;
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _baseUiSurfaces() {
+  const data = require("@teambit/base-ui.surfaces.card");
+  _baseUiSurfaces = function () {
+    return data;
+  };
+  return data;
+}
+function _evangelistInputCheckbox() {
+  const data = require("@teambit/evangelist.input.checkbox.label");
+  _evangelistInputCheckbox = function () {
+    return data;
+  };
+  return data;
+}
+const _excluded = ["onChangeFilter", "isFiltered", "disable"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+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; }
+function GraphFilters(_ref) {
+  let {
+      onChangeFilter,
+      isFiltered,
+      disable
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react().default.createElement(_baseUiSurfaces().Card, rest, /*#__PURE__*/_react().default.createElement("div", null, /*#__PURE__*/_react().default.createElement(_evangelistInputCheckbox().CheckboxLabel, {
+    checked: !isFiltered,
+    disabled: disable,
+    onInputChanged: e => onChangeFilter(!e.target.checked)
+  }, ' ', "show non-runtime")));
+}
+
+//# sourceMappingURL=graph-filters.js.map

package/dist/ui/graph-page/graph-filters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_baseUiSurfaces","_evangelistInputCheckbox","_excluded","e","__esModule","default","_objectWithoutProperties","t","o","r","i","_objectWithoutPropertiesLoose","Object","getOwnPropertySymbols","n","length","indexOf","propertyIsEnumerable","call","hasOwnProperty","GraphFilters","_ref","onChangeFilter","isFiltered","disable","rest","createElement","Card","CheckboxLabel","checked","disabled","onInputChanged","target"],"sources":["graph-filters.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, CardProps } from '@teambit/base-ui.surfaces.card';\nimport { CheckboxLabel } from '@teambit/evangelist.input.checkbox.label';\n\ntype GraphFiltersType = {\n  isFiltered: boolean;\n  showMetadata?: boolean;\n  onChangeFilter: (isFiltered: boolean) => void;\n  disable?: boolean;\n} & CardProps;\n\nexport function GraphFilters({ onChangeFilter, isFiltered, disable, ...rest }: GraphFiltersType) {\n  return (\n    <Card {...rest}>\n      <div>\n        {/* show non-runtime === !isFiltered */}\n        <CheckboxLabel\n          checked={!isFiltered}\n          disabled={disable}\n          onInputChanged={(e) => onChangeFilter(!e.target.checked)}\n        >\n          {' '}\n          show non-runtime\n        </CheckboxLabel>\n      </div>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,gBAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,eAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,yBAAA;EAAA,MAAAJ,IAAA,GAAAE,OAAA;EAAAE,wBAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAyE,MAAAK,SAAA;AAAA,SAAAJ,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,EAAAI,CAAA,gBAAAJ,CAAA,iBAAAK,CAAA,EAAAC,CAAA,EAAAC,CAAA,GAAAC,6BAAA,CAAAR,CAAA,EAAAI,CAAA,OAAAK,MAAA,CAAAC,qBAAA,QAAAC,CAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAV,CAAA,QAAAM,CAAA,MAAAA,CAAA,GAAAK,CAAA,CAAAC,MAAA,EAAAN,CAAA,IAAAD,CAAA,GAAAM,CAAA,CAAAL,CAAA,UAAAF,CAAA,CAAAS,OAAA,CAAAR,CAAA,QAAAS,oBAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAK,CAAA,MAAAE,CAAA,CAAAF,CAAA,IAAAL,CAAA,CAAAK,CAAA,aAAAE,CAAA;AAAA,SAAAC,8BAAAF,CAAA,EAAAN,CAAA,gBAAAM,CAAA,iBAAAF,CAAA,gBAAAO,CAAA,IAAAL,CAAA,SAAAU,cAAA,CAAAD,IAAA,CAAAT,CAAA,EAAAK,CAAA,gBAAAX,CAAA,CAAAa,OAAA,CAAAF,CAAA,aAAAP,CAAA,CAAAO,CAAA,IAAAL,CAAA,CAAAK,CAAA,YAAAP,CAAA;AASlE,SAASa,YAAYA,CAAAC,IAAA,EAAqE;EAAA,IAApE;MAAEC,cAAc;MAAEC,UAAU;MAAEC;IAAmC,CAAC,GAAAH,IAAA;IAAxBI,IAAI,GAAAnB,wBAAA,CAAAe,IAAA,EAAAnB,SAAA;EACzE,oBACEN,MAAA,GAAAS,OAAA,CAAAqB,aAAA,CAAC1B,eAAA,GAAA2B,IAAI,EAAKF,IAAI,eACZ7B,MAAA,GAAAS,OAAA,CAAAqB,aAAA,2BAEE9B,MAAA,GAAAS,OAAA,CAAAqB,aAAA,CAACzB,wBAAA,GAAA2B,aAAa;IACZC,OAAO,EAAE,CAACN,UAAW;IACrBO,QAAQ,EAAEN,OAAQ;IAClBO,cAAc,EAAG5B,CAAC,IAAKmB,cAAc,CAAC,CAACnB,CAAC,CAAC6B,MAAM,CAACH,OAAO;EAAE,GAExD,GAAG,EAAC,kBAEQ,CACZ,CACD,CAAC;AAEX","ignoreList":[]}

package/dist/ui/graph-page/graph-page.d.ts

@@ -0,0 +1,6 @@
+import { ComponentWidgetSlot } from '../../graph.ui.runtime';
+type GraphPageProps = {
+    componentWidgets: ComponentWidgetSlot;
+};
+export declare function GraphPage({ componentWidgets }: GraphPageProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/graph-page/graph-page.js

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GraphPage = GraphPage;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _designUiPages() {
+  const data = require("@teambit/design.ui.pages.not-found");
+  _designUiPages = function () {
+    return data;
+  };
+  return data;
+}
+function _designUiPages2() {
+  const data = require("@teambit/design.ui.pages.server-error");
+  _designUiPages2 = function () {
+    return data;
+  };
+  return data;
+}
+function _component() {
+  const data = require("@teambit/component");
+  _component = function () {
+    return data;
+  };
+  return data;
+}
+function _designSkeletons() {
+  const data = require("@teambit/design.skeletons.base-skeleton");
+  _designSkeletons = function () {
+    return data;
+  };
+  return data;
+}
+function _classnames() {
+  const data = _interopRequireDefault(require("classnames"));
+  _classnames = function () {
+    return data;
+  };
+  return data;
+}
+function _query() {
+  const data = require("../query");
+  _query = function () {
+    return data;
+  };
+  return data;
+}
+function _dependenciesGraph() {
+  const data = require("../dependencies-graph");
+  _dependenciesGraph = function () {
+    return data;
+  };
+  return data;
+}
+function _graphFilters() {
+  const data = require("./graph-filters");
+  _graphFilters = function () {
+    return data;
+  };
+  return data;
+}
+function _graphPageModule() {
+  const data = _interopRequireDefault(require("./graph-page.module.scss"));
+  _graphPageModule = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 GraphPage({
+  componentWidgets
+}) {
+  const component = (0, _react().useContext)(_component().ComponentContext);
+  const [filter, setFilter] = (0, _react().useState)('runtimeOnly');
+  const onCheckFilter = isFiltered => {
+    setFilter(isFiltered ? 'runtimeOnly' : undefined);
+  };
+  const {
+    graph,
+    error,
+    graphLoading,
+    loading
+  } = (0, _query().useGraphQuery)([component.id.toString()], filter);
+  const isFiltered = filter === 'runtimeOnly';
+  if (error) return error.code === 404 ? /*#__PURE__*/_react().default.createElement(_designUiPages().NotFoundPage, null) : /*#__PURE__*/_react().default.createElement(_designUiPages2().ServerErrorPage, null);
+  return /*#__PURE__*/_react().default.createElement("div", {
+    className: (0, _classnames().default)(_graphPageModule().default.page)
+  }, /*#__PURE__*/_react().default.createElement(_dependenciesGraph().DependenciesGraph, {
+    componentWidgets: componentWidgets,
+    graph: graph,
+    rootNode: component.id,
+    className: (0, _classnames().default)(_graphPageModule().default.graph, !graph && _designSkeletons().skeleton),
+    loadingGraphMetadata: graphLoading
+  }, graph && /*#__PURE__*/_react().default.createElement(_graphFilters().GraphFilters, {
+    className: (0, _classnames().default)(_graphPageModule().default.filters),
+    disable: loading,
+    isFiltered: isFiltered,
+    onChangeFilter: onCheckFilter
+  })));
+}
+
+//# sourceMappingURL=graph-page.js.map

package/dist/ui/graph-page/graph-page.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_designUiPages","_designUiPages2","_component","_designSkeletons","_classnames","_interopRequireDefault","_query","_dependenciesGraph","_graphFilters","_graphPageModule","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GraphPage","componentWidgets","component","useContext","ComponentContext","filter","setFilter","useState","onCheckFilter","isFiltered","undefined","graph","error","graphLoading","loading","useGraphQuery","id","toString","code","createElement","NotFoundPage","ServerErrorPage","className","classNames","styles","page","DependenciesGraph","rootNode","skeleton","loadingGraphMetadata","GraphFilters","filters","disable","onChangeFilter"],"sources":["graph-page.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport { NotFoundPage } from '@teambit/design.ui.pages.not-found';\nimport { ServerErrorPage } from '@teambit/design.ui.pages.server-error';\nimport { ComponentContext } from '@teambit/component';\nimport { skeleton } from '@teambit/design.skeletons.base-skeleton';\nimport classNames from 'classnames';\n\nimport { useGraphQuery } from '../query';\nimport { DependenciesGraph } from '../dependencies-graph';\nimport { ComponentWidgetSlot } from '../../graph.ui.runtime';\nimport type { GraphFilter } from '../../model/graph-filters';\n\nimport { GraphFilters } from './graph-filters';\n\nimport styles from './graph-page.module.scss';\n\ntype GraphPageProps = {\n  componentWidgets: ComponentWidgetSlot;\n};\n\nexport function GraphPage({ componentWidgets }: GraphPageProps) {\n  const component = useContext(ComponentContext);\n\n  const [filter, setFilter] = useState<GraphFilter>('runtimeOnly');\n\n  const onCheckFilter = (isFiltered: boolean) => {\n    setFilter(isFiltered ? 'runtimeOnly' : undefined);\n  };\n\n  const { graph, error, graphLoading, loading } = useGraphQuery([component.id.toString()], filter);\n\n  const isFiltered = filter === 'runtimeOnly';\n\n  if (error) return error.code === 404 ? <NotFoundPage /> : <ServerErrorPage />;\n\n  return (\n    <div className={classNames(styles.page)}>\n      <DependenciesGraph\n        componentWidgets={componentWidgets}\n        graph={graph}\n        rootNode={component.id}\n        className={classNames(styles.graph, !graph && skeleton)}\n        loadingGraphMetadata={graphLoading}\n      >\n        {graph && (\n          <GraphFilters\n            className={classNames(styles.filters)}\n            disable={loading}\n            isFiltered={isFiltered}\n            onChangeFilter={onCheckFilter}\n          />\n        )}\n      </DependenciesGraph>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ui/graph-page/graph-page.module.scss

@@ -0,0 +1,37 @@
+.page {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  padding: 24px;
+
+  h2 {
+    margin-bottom: 24px;
+  }
+}
+
+.graph {
+  flex-grow: 1;
+  height: 100%;
+  width: unset;
+
+  border-radius: 5px;
+  border: solid 1px var(--bit-border-color-lightest, #ededed);
+  background: var(--bit-bg-dent, #f6f6f6);
+}
+
+.summery {
+  margin-bottom: 24px;
+}
+
+.filters {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  padding: 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  font-size: 0.75em;
+  box-shadow: var(--bit-shadow-faint);
+  z-index: 8; // position above the abs positioned graph items
+}

package/dist/ui/graph-page/index.d.ts

@@ -0,0 +1,6 @@
+export { GraphPage } from './graph-page';
+export { GraphFilters } from './graph-filters';
+export declare const styles: {
+    graph: string;
+    filters: string;
+};

package/dist/ui/graph-page/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GraphFilters", {
+  enumerable: true,
+  get: function () {
+    return _graphFilters().GraphFilters;
+  }
+});
+Object.defineProperty(exports, "GraphPage", {
+  enumerable: true,
+  get: function () {
+    return _graphPage().GraphPage;
+  }
+});
+exports.styles = void 0;
+function _graphPageModule() {
+  const data = _interopRequireDefault(require("./graph-page.module.scss"));
+  _graphPageModule = function () {
+    return data;
+  };
+  return data;
+}
+function _graphPage() {
+  const data = require("./graph-page");
+  _graphPage = function () {
+    return data;
+  };
+  return data;
+}
+function _graphFilters() {
+  const data = require("./graph-filters");
+  _graphFilters = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  graph,
+  filters
+} = _graphPageModule().default;
+const styles = exports.styles = {
+  graph,
+  filters
+};
+
+//# sourceMappingURL=index.js.map

package/dist/ui/graph-page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_graphPageModule","data","_interopRequireDefault","require","_graphPage","_graphFilters","e","__esModule","default","graph","filters","pageStyles","styles","exports"],"sources":["index.ts"],"sourcesContent":["import pageStyles from './graph-page.module.scss';\n\nexport { GraphPage } from './graph-page';\nexport { GraphFilters } from './graph-filters';\n\nconst { graph, filters } = pageStyles;\nexport const styles = { graph, filters };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,SAAAA,iBAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,gBAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAG,WAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,UAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,cAAA;EAAA,MAAAJ,IAAA,GAAAE,OAAA;EAAAE,aAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAA+C,SAAAC,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/C,MAAM;EAAEG,KAAK;EAAEC;AAAQ,CAAC,GAAGC,0BAAU;AAC9B,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EAAEH,KAAK;EAAEC;AAAQ,CAAC","ignoreList":[]}

package/dist/ui/graph.section.d.ts

@@ -0,0 +1,15 @@
+import { Section } from '@teambit/component';
+import { ComponentWidgetSlot } from '../graph.ui.runtime';
+export declare class GraphSection implements Section {
+    private componentWidgetSlot;
+    constructor(componentWidgetSlot: ComponentWidgetSlot);
+    route: {
+        path: string;
+        element: import("react/jsx-runtime").JSX.Element;
+    };
+    navigationLink: {
+        href: string;
+        children: string;
+    };
+    order: number;
+}

package/dist/ui/graph.section.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GraphSection = void 0;
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _graphPage() {
+  const data = require("./graph-page");
+  _graphPage = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+class GraphSection {
+  constructor(componentWidgetSlot) {
+    this.componentWidgetSlot = componentWidgetSlot;
+    _defineProperty(this, "route", {
+      path: '~graph',
+      element: /*#__PURE__*/_react().default.createElement(_graphPage().GraphPage, {
+        componentWidgets: this.componentWidgetSlot
+      })
+    });
+    _defineProperty(this, "navigationLink", {
+      href: '~graph',
+      children: 'Graph'
+    });
+    _defineProperty(this, "order", 40);
+  }
+}
+exports.GraphSection = GraphSection;
+
+//# sourceMappingURL=graph.section.js.map

package/dist/ui/graph.section.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_graphPage","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","GraphSection","constructor","componentWidgetSlot","path","element","createElement","GraphPage","componentWidgets","href","children","exports"],"sources":["graph.section.tsx"],"sourcesContent":["import { Section } from '@teambit/component';\nimport React from 'react';\n\nimport { GraphPage } from './graph-page';\nimport { ComponentWidgetSlot } from '../graph.ui.runtime';\n\nexport class GraphSection implements Section {\n  constructor(private componentWidgetSlot: ComponentWidgetSlot) {}\n\n  route = {\n    path: '~graph',\n    element: <GraphPage componentWidgets={this.componentWidgetSlot} />,\n  };\n  navigationLink = {\n    href: '~graph',\n    children: 'Graph',\n  };\n  order = 40;\n}\n"],"mappings":";;;;;;AACA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAG,WAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,UAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAyC,SAAAC,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,gBAAAH,CAAA,EAAAI,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAAE,cAAA,CAAAF,CAAA,MAAAJ,CAAA,GAAAO,MAAA,CAAAC,cAAA,CAAAR,CAAA,EAAAI,CAAA,IAAAK,KAAA,EAAAJ,CAAA,EAAAK,UAAA,MAAAC,YAAA,MAAAC,QAAA,UAAAZ,CAAA,CAAAI,CAAA,IAAAC,CAAA,EAAAL,CAAA;AAAA,SAAAM,eAAAD,CAAA,QAAAQ,CAAA,GAAAC,YAAA,CAAAT,CAAA,uCAAAQ,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAC,aAAAT,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAL,CAAA,GAAAK,CAAA,CAAAU,MAAA,CAAAC,WAAA,kBAAAhB,CAAA,QAAAa,CAAA,GAAAb,CAAA,CAAAiB,IAAA,CAAAZ,CAAA,EAAAD,CAAA,uCAAAS,CAAA,SAAAA,CAAA,YAAAK,SAAA,yEAAAd,CAAA,GAAAe,MAAA,GAAAC,MAAA,EAAAf,CAAA;AAGlC,MAAMgB,YAAY,CAAoB;EAC3CC,WAAWA,CAASC,mBAAwC,EAAE;IAAA,KAA1CA,mBAAwC,GAAxCA,mBAAwC;IAAApB,eAAA,gBAEpD;MACNqB,IAAI,EAAE,QAAQ;MACdC,OAAO,eAAE9B,MAAA,GAAAO,OAAA,CAAAwB,aAAA,CAAC3B,UAAA,GAAA4B,SAAS;QAACC,gBAAgB,EAAE,IAAI,CAACL;MAAoB,CAAE;IACnE,CAAC;IAAApB,eAAA,yBACgB;MACf0B,IAAI,EAAE,QAAQ;MACdC,QAAQ,EAAE;IACZ,CAAC;IAAA3B,eAAA,gBACO,EAAE;EAVqD;AAWjE;AAAC4B,OAAA,CAAAV,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/ui/query/edge-model.d.ts

@@ -0,0 +1,8 @@
+import { EdgeType } from '../../edge-type';
+import { RawEdge } from './get-graph.query';
+export declare class EdgeModel {
+    sourceId: string;
+    targetId: string;
+    dependencyLifecycleType: EdgeType;
+    static from(rawEdge: RawEdge): EdgeModel;
+}

package/dist/ui/query/edge-model.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EdgeModel = void 0;
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+class EdgeModel {
+  constructor() {
+    _defineProperty(this, "sourceId", void 0);
+    _defineProperty(this, "targetId", void 0);
+    _defineProperty(this, "dependencyLifecycleType", void 0);
+  }
+  static from(rawEdge) {
+    const edge = new EdgeModel();
+    edge.sourceId = rawEdge.sourceId;
+    edge.targetId = rawEdge.targetId;
+    edge.dependencyLifecycleType = rawEdge.dependencyLifecycleType;
+    return edge;
+  }
+}
+exports.EdgeModel = EdgeModel;
+
+//# sourceMappingURL=edge-model.js.map

package/dist/ui/query/edge-model.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EdgeModel","constructor","_defineProperty","from","rawEdge","edge","sourceId","targetId","dependencyLifecycleType","exports"],"sources":["edge-model.ts"],"sourcesContent":["import { EdgeType } from '../../edge-type';\nimport { RawEdge } from './get-graph.query';\n\nexport class EdgeModel {\n  sourceId: string;\n  targetId: string;\n  dependencyLifecycleType: EdgeType;\n\n  static from(rawEdge: RawEdge) {\n    const edge = new EdgeModel();\n    edge.sourceId = rawEdge.sourceId;\n    edge.targetId = rawEdge.targetId;\n    edge.dependencyLifecycleType = rawEdge.dependencyLifecycleType;\n    return edge;\n  }\n}\n"],"mappings":";;;;;;;;;AAGO,MAAMA,SAAS,CAAC;EAAAC,YAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;EAKrB,OAAOC,IAAIA,CAACC,OAAgB,EAAE;IAC5B,MAAMC,IAAI,GAAG,IAAIL,SAAS,CAAC,CAAC;IAC5BK,IAAI,CAACC,QAAQ,GAAGF,OAAO,CAACE,QAAQ;IAChCD,IAAI,CAACE,QAAQ,GAAGH,OAAO,CAACG,QAAQ;IAChCF,IAAI,CAACG,uBAAuB,GAAGJ,OAAO,CAACI,uBAAuB;IAC9D,OAAOH,IAAI;EACb;AACF;AAACI,OAAA,CAAAT,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/ui/query/get-graph.query.d.ts

@@ -0,0 +1,33 @@
+import { EdgeType } from '../../edge-type';
+export declare const GET_GRAPH_IDS: import("@apollo/client").DocumentNode;
+export declare const GET_GRAPH: import("@apollo/client").DocumentNode;
+export type RawGraphQuery = {
+    graph: RawGraph;
+};
+export type RawGraph = {
+    nodes: RawNode[];
+    edges: [];
+};
+export type RawNode = {
+    id: string;
+    component?: {
+        id: {
+            name: string;
+            scope: string;
+            version: string;
+        };
+        displayName: string;
+        deprecation: {
+            isDeprecate: boolean;
+        };
+        env: {
+            id: string;
+            icon: string;
+        };
+    };
+};
+export type RawEdge = {
+    sourceId: string;
+    targetId: string;
+    dependencyLifecycleType: EdgeType;
+};

package/dist/ui/query/get-graph.query.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GET_GRAPH_IDS = exports.GET_GRAPH = void 0;
+function _client() {
+  const data = require("@apollo/client");
+  _client = function () {
+    return data;
+  };
+  return data;
+}
+const GET_GRAPH_IDS = exports.GET_GRAPH_IDS = (0, _client().gql)`
+  query graph($ids: [String], $filter: String) {
+    graph(ids: $ids, filter: $filter) {
+      nodes {
+        id
+      }
+      edges {
+        sourceId
+        targetId
+        dependencyLifecycleType
+      }
+    }
+  }
+`;
+const GET_GRAPH = exports.GET_GRAPH = (0, _client().gql)`
+  query graph($ids: [String], $filter: String) {
+    graph(ids: $ids, filter: $filter) {
+      nodes {
+        id
+        component {
+          id {
+            name
+            version
+            scope
+          }
+          displayName
+
+          deprecation {
+            isDeprecate
+          }
+
+          env {
+            id
+            icon
+          }
+        }
+      }
+      edges {
+        sourceId
+        targetId
+        dependencyLifecycleType
+      }
+    }
+  }
+`;
+
+//# sourceMappingURL=get-graph.query.js.map

package/dist/ui/query/get-graph.query.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_client","data","require","GET_GRAPH_IDS","exports","gql","GET_GRAPH"],"sources":["get-graph.query.ts"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { EdgeType } from '../../edge-type';\n\nexport const GET_GRAPH_IDS = gql`\n  query graph($ids: [String], $filter: String) {\n    graph(ids: $ids, filter: $filter) {\n      nodes {\n        id\n      }\n      edges {\n        sourceId\n        targetId\n        dependencyLifecycleType\n      }\n    }\n  }\n`;\n\nexport const GET_GRAPH = gql`\n  query graph($ids: [String], $filter: String) {\n    graph(ids: $ids, filter: $filter) {\n      nodes {\n        id\n        component {\n          id {\n            name\n            version\n            scope\n          }\n          displayName\n\n          deprecation {\n            isDeprecate\n          }\n\n          env {\n            id\n            icon\n          }\n        }\n      }\n      edges {\n        sourceId\n        targetId\n        dependencyLifecycleType\n      }\n    }\n  }\n`;\n\nexport type RawGraphQuery = {\n  graph: RawGraph;\n};\n\nexport type RawGraph = {\n  nodes: RawNode[];\n  edges: [];\n};\n\nexport type RawNode = {\n  id: string;\n  component?: {\n    id: {\n      name: string;\n      scope: string;\n      version: string;\n    };\n    displayName: string;\n    deprecation: {\n      isDeprecate: boolean;\n    };\n    env: {\n      id: string;\n      icon: string;\n    };\n  };\n};\n\nexport type RawEdge = {\n  sourceId: string;\n  targetId: string;\n  dependencyLifecycleType: EdgeType;\n};\n"],"mappings":";;;;;;AAAA,SAAAA,QAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,OAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAGO,MAAME,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,aAAG;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,SAAS,GAAAF,OAAA,CAAAE,SAAA,GAAG,IAAAD,aAAG;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/dist/ui/query/graph-model.d.ts

@@ -0,0 +1,9 @@
+import { RawGraph } from './get-graph.query';
+import { NodeModel } from './node-model';
+import { EdgeModel } from './edge-model';
+export declare class GraphModel<N extends NodeModel, E extends EdgeModel> {
+    nodes: N[];
+    edges: E[];
+    constructor(nodes: N[], edges: E[]);
+    static from(rawGraph: RawGraph): GraphModel<NodeModel, EdgeModel>;
+}

package/dist/ui/query/graph-model.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GraphModel = void 0;
+function _nodeModel() {
+  const data = require("./node-model");
+  _nodeModel = function () {
+    return data;
+  };
+  return data;
+}
+function _edgeModel() {
+  const data = require("./edge-model");
+  _edgeModel = function () {
+    return data;
+  };
+  return data;
+}
+class GraphModel {
+  constructor(nodes, edges) {
+    this.nodes = nodes;
+    this.edges = edges;
+  }
+  static from(rawGraph) {
+    const nodes = rawGraph.nodes.map(_nodeModel().NodeModel.from);
+    const edges = rawGraph.edges.map(_edgeModel().EdgeModel.from);
+    return new GraphModel(nodes, edges);
+  }
+}
+exports.GraphModel = GraphModel;
+
+//# sourceMappingURL=graph-model.js.map

package/dist/ui/query/graph-model.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_nodeModel","data","require","_edgeModel","GraphModel","constructor","nodes","edges","from","rawGraph","map","NodeModel","EdgeModel","exports"],"sources":["graph-model.ts"],"sourcesContent":["import { RawGraph } from './get-graph.query';\nimport { NodeModel } from './node-model';\nimport { EdgeModel } from './edge-model';\n\nexport class GraphModel<N extends NodeModel, E extends EdgeModel> {\n  constructor(\n    public nodes: N[],\n    public edges: E[]\n  ) {}\n\n  static from(rawGraph: RawGraph) {\n    const nodes = rawGraph.nodes.map(NodeModel.from);\n    const edges = rawGraph.edges.map(EdgeModel.from);\n    return new GraphModel(nodes, edges);\n  }\n}\n"],"mappings":";;;;;;AACA,SAAAA,WAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,UAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,WAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,UAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEO,MAAMG,UAAU,CAA2C;EAChEC,WAAWA,CACFC,KAAU,EACVC,KAAU,EACjB;IAAA,KAFOD,KAAU,GAAVA,KAAU;IAAA,KACVC,KAAU,GAAVA,KAAU;EAChB;EAEH,OAAOC,IAAIA,CAACC,QAAkB,EAAE;IAC9B,MAAMH,KAAK,GAAGG,QAAQ,CAACH,KAAK,CAACI,GAAG,CAACC,sBAAS,CAACH,IAAI,CAAC;IAChD,MAAMD,KAAK,GAAGE,QAAQ,CAACF,KAAK,CAACG,GAAG,CAACE,sBAAS,CAACJ,IAAI,CAAC;IAChD,OAAO,IAAIJ,UAAU,CAACE,KAAK,EAAEC,KAAK,CAAC;EACrC;AACF;AAACM,OAAA,CAAAT,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/ui/query/index.d.ts

@@ -0,0 +1,6 @@
+export { useGraphQuery } from './use-graph-query';
+export { useGraph } from './use-graph';
+export { GraphModel } from './graph-model';
+export { EdgeModel } from './edge-model';
+export { NodeModel } from './node-model';
+export { RawGraph } from './get-graph.query';

package/dist/ui/query/index.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EdgeModel", {
+  enumerable: true,
+  get: function () {
+    return _edgeModel().EdgeModel;
+  }
+});
+Object.defineProperty(exports, "GraphModel", {
+  enumerable: true,
+  get: function () {
+    return _graphModel().GraphModel;
+  }
+});
+Object.defineProperty(exports, "NodeModel", {
+  enumerable: true,
+  get: function () {
+    return _nodeModel().NodeModel;
+  }
+});
+Object.defineProperty(exports, "RawGraph", {
+  enumerable: true,
+  get: function () {
+    return _getGraph().RawGraph;
+  }
+});
+Object.defineProperty(exports, "useGraph", {
+  enumerable: true,
+  get: function () {
+    return _useGraph().useGraph;
+  }
+});
+Object.defineProperty(exports, "useGraphQuery", {
+  enumerable: true,
+  get: function () {
+    return _useGraphQuery().useGraphQuery;
+  }
+});
+function _useGraphQuery() {
+  const data = require("./use-graph-query");
+  _useGraphQuery = function () {
+    return data;
+  };
+  return data;
+}
+function _useGraph() {
+  const data = require("./use-graph");
+  _useGraph = function () {
+    return data;
+  };
+  return data;
+}
+function _graphModel() {
+  const data = require("./graph-model");
+  _graphModel = function () {
+    return data;
+  };
+  return data;
+}
+function _edgeModel() {
+  const data = require("./edge-model");
+  _edgeModel = function () {
+    return data;
+  };
+  return data;
+}
+function _nodeModel() {
+  const data = require("./node-model");
+  _nodeModel = function () {
+    return data;
+  };
+  return data;
+}
+function _getGraph() {
+  const data = require("./get-graph.query");
+  _getGraph = function () {
+    return data;
+  };
+  return data;
+}
+
+//# sourceMappingURL=index.js.map

package/dist/ui/query/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useGraphQuery","data","require","_useGraph","_graphModel","_edgeModel","_nodeModel","_getGraph"],"sources":["index.ts"],"sourcesContent":["export { useGraphQuery } from './use-graph-query';\nexport { useGraph } from './use-graph';\n\nexport { GraphModel } from './graph-model';\nexport { EdgeModel } from './edge-model';\nexport { NodeModel } from './node-model';\nexport { RawGraph } from './get-graph.query';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAAA,eAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,cAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,UAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,SAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAG,YAAA;EAAA,MAAAH,IAAA,GAAAC,OAAA;EAAAE,WAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,WAAA;EAAA,MAAAJ,IAAA,GAAAC,OAAA;EAAAG,UAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAK,WAAA;EAAA,MAAAL,IAAA,GAAAC,OAAA;EAAAI,UAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAM,UAAA;EAAA,MAAAN,IAAA,GAAAC,OAAA;EAAAK,SAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA","ignoreList":[]}

package/dist/ui/query/node-model.d.ts

@@ -0,0 +1,8 @@
+import { ComponentID, ComponentModel } from '@teambit/component';
+import { RawNode } from './get-graph.query';
+export declare class NodeModel {
+    id: string;
+    component?: ComponentModel;
+    componentId: ComponentID;
+    static from(rawNode: RawNode): NodeModel;
+}