@teambit/graph 0.0.653 → 0.0.656

package/{__preview-1645393132004.js → __preview-1645673006381.js}

@@ -1 +1 @@
-export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_graph@0.0.653/dist/graph.docs.md')]
+export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_graph@0.0.656/dist/graph.docs.md')]

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

@@ -59,10 +59,10 @@ function _component() {
   return data;
 }
 
-function _fullLoader() {
-  const data = require("@teambit/legacy/dist/to-eject/full-loader");
+function _uiFoundationUi() {
+  const data = require("@teambit/ui-foundation.ui.full-loader");
 
-  _fullLoader = function () {
+  _uiFoundationUi = function () {
     return data;
   };
 
@@ -129,7 +129,7 @@ function GraphPage({
     loading
   } = (0, _query().useGraphQuery)([component.id.toString()], filter);
   if (error) return error.code === 404 ? /*#__PURE__*/_react().default.createElement(_designUiPages().NotFoundPage, null) : /*#__PURE__*/_react().default.createElement(_designUiPages2().ServerErrorPage, null);
-  if (!graph) return /*#__PURE__*/_react().default.createElement(_fullLoader().FullLoader, null);
+  if (!graph) return /*#__PURE__*/_react().default.createElement(_uiFoundationUi().FullLoader, null);
   const isFiltered = filter === 'runtimeOnly';
   return /*#__PURE__*/_react().default.createElement("div", {
     className: _graphPageModule().default.page

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

@@ -1 +1 @@
-{"version":3,"sources":["graph-page.tsx"],"names":["GraphPage","componentWidgets","component","ComponentContext","filter","setFilter","onCheckFilter","isFiltered","undefined","graph","error","loading","id","toString","code","styles","page","filters"],"mappings":";;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAIA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;;;;;AAMO,SAASA,SAAT,CAAmB;AAAEC,EAAAA;AAAF,CAAnB,EAAyD;AAC9D,QAAMC,SAAS,GAAG,yBAAWC,6BAAX,CAAlB;AAEA,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,uBAAsB,aAAtB,CAA5B;;AACA,QAAMC,aAAa,GAAIC,UAAD,IAAyB;AAC7CF,IAAAA,SAAS,CAACE,UAAU,GAAG,aAAH,GAAmBC,SAA9B,CAAT;AACD,GAFD;;AAIA,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA;AAAhB,MAA4B,4BAAc,CAACT,SAAS,CAACU,EAAV,CAAaC,QAAb,EAAD,CAAd,EAAyCT,MAAzC,CAAlC;AACA,MAAIM,KAAJ,EAAW,OAAOA,KAAK,CAACI,IAAN,KAAe,GAAf,gBAAqB,+BAAC,6BAAD,OAArB,gBAAwC,+BAAC,iCAAD,OAA/C;AACX,MAAI,CAACL,KAAL,EAAY,oBAAO,+BAAC,wBAAD,OAAP;AAEZ,QAAMF,UAAU,GAAGH,MAAM,KAAK,aAA9B;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEW,2BAAOC;AAAvB,kBACE,+BAAC,kBAAD;AAAI,IAAA,IAAI,EAAC;AAAT,8BADF,eAEE,+BAAC,sCAAD;AACE,IAAA,gBAAgB,EAAEf,gBADpB;AAEE,IAAA,KAAK,EAAEQ,KAFT;AAGE,IAAA,QAAQ,EAAEP,SAAS,CAACU,EAHtB;AAIE,IAAA,SAAS,EAAEG,2BAAON;AAJpB,kBAME,+BAAC,4BAAD;AACE,IAAA,SAAS,EAAEM,2BAAOE,OADpB;AAEE,IAAA,OAAO,EAAEN,OAFX;AAGE,IAAA,UAAU,EAAEJ,UAHd;AAIE,IAAA,cAAc,EAAED;AAJlB,IANF,CAFF,CADF;AAkBD","sourcesContent":["import React, { useContext, useState } from 'react';\n\nimport { H2 } from '@teambit/documenter.ui.heading';\nimport { NotFoundPage } from '@teambit/design.ui.pages.not-found';\nimport { ServerErrorPage } from '@teambit/design.ui.pages.server-error';\nimport { ComponentContext } from '@teambit/component';\nimport { FullLoader } from '@teambit/legacy/dist/to-eject/full-loader';\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  const onCheckFilter = (isFiltered: boolean) => {\n    setFilter(isFiltered ? 'runtimeOnly' : undefined);\n  };\n\n  const { graph, error, loading } = useGraphQuery([component.id.toString()], filter);\n  if (error) return error.code === 404 ? <NotFoundPage /> : <ServerErrorPage />;\n  if (!graph) return <FullLoader />;\n\n  const isFiltered = filter === 'runtimeOnly';\n\n  return (\n    <div className={styles.page}>\n      <H2 size=\"xs\">Component Dependencies</H2>\n      <DependenciesGraph\n        componentWidgets={componentWidgets}\n        graph={graph}\n        rootNode={component.id}\n        className={styles.graph}\n      >\n        <GraphFilters\n          className={styles.filters}\n          disable={loading}\n          isFiltered={isFiltered}\n          onChangeFilter={onCheckFilter}\n        />\n      </DependenciesGraph>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["graph-page.tsx"],"names":["GraphPage","componentWidgets","component","ComponentContext","filter","setFilter","onCheckFilter","isFiltered","undefined","graph","error","loading","id","toString","code","styles","page","filters"],"mappings":";;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAIA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;;;;;AAMO,SAASA,SAAT,CAAmB;AAAEC,EAAAA;AAAF,CAAnB,EAAyD;AAC9D,QAAMC,SAAS,GAAG,yBAAWC,6BAAX,CAAlB;AAEA,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,uBAAsB,aAAtB,CAA5B;;AACA,QAAMC,aAAa,GAAIC,UAAD,IAAyB;AAC7CF,IAAAA,SAAS,CAACE,UAAU,GAAG,aAAH,GAAmBC,SAA9B,CAAT;AACD,GAFD;;AAIA,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA;AAAhB,MAA4B,4BAAc,CAACT,SAAS,CAACU,EAAV,CAAaC,QAAb,EAAD,CAAd,EAAyCT,MAAzC,CAAlC;AACA,MAAIM,KAAJ,EAAW,OAAOA,KAAK,CAACI,IAAN,KAAe,GAAf,gBAAqB,+BAAC,6BAAD,OAArB,gBAAwC,+BAAC,iCAAD,OAA/C;AACX,MAAI,CAACL,KAAL,EAAY,oBAAO,+BAAC,4BAAD,OAAP;AAEZ,QAAMF,UAAU,GAAGH,MAAM,KAAK,aAA9B;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEW,2BAAOC;AAAvB,kBACE,+BAAC,kBAAD;AAAI,IAAA,IAAI,EAAC;AAAT,8BADF,eAEE,+BAAC,sCAAD;AACE,IAAA,gBAAgB,EAAEf,gBADpB;AAEE,IAAA,KAAK,EAAEQ,KAFT;AAGE,IAAA,QAAQ,EAAEP,SAAS,CAACU,EAHtB;AAIE,IAAA,SAAS,EAAEG,2BAAON;AAJpB,kBAME,+BAAC,4BAAD;AACE,IAAA,SAAS,EAAEM,2BAAOE,OADpB;AAEE,IAAA,OAAO,EAAEN,OAFX;AAGE,IAAA,UAAU,EAAEJ,UAHd;AAIE,IAAA,cAAc,EAAED;AAJlB,IANF,CAFF,CADF;AAkBD","sourcesContent":["import React, { useContext, useState } from 'react';\n\nimport { H2 } from '@teambit/documenter.ui.heading';\nimport { NotFoundPage } from '@teambit/design.ui.pages.not-found';\nimport { ServerErrorPage } from '@teambit/design.ui.pages.server-error';\nimport { ComponentContext } from '@teambit/component';\nimport { FullLoader } from '@teambit/ui-foundation.ui.full-loader';\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  const onCheckFilter = (isFiltered: boolean) => {\n    setFilter(isFiltered ? 'runtimeOnly' : undefined);\n  };\n\n  const { graph, error, loading } = useGraphQuery([component.id.toString()], filter);\n  if (error) return error.code === 404 ? <NotFoundPage /> : <ServerErrorPage />;\n  if (!graph) return <FullLoader />;\n\n  const isFiltered = filter === 'runtimeOnly';\n\n  return (\n    <div className={styles.page}>\n      <H2 size=\"xs\">Component Dependencies</H2>\n      <DependenciesGraph\n        componentWidgets={componentWidgets}\n        graph={graph}\n        rootNode={component.id}\n        className={styles.graph}\n      >\n        <GraphFilters\n          className={styles.filters}\n          disable={loading}\n          isFiltered={isFiltered}\n          onChangeFilter={onCheckFilter}\n        />\n      </DependenciesGraph>\n    </div>\n  );\n}\n"]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/graph",
-  "version": "0.0.653",
+  "version": "0.0.656",
   "homepage": "https://bit.dev/teambit/component/graph",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "graph",
-    "version": "0.0.653"
+    "version": "0.0.656"
   },
   "dependencies": {
     "@teambit/harmony": "0.2.11",
@@ -23,16 +23,17 @@
     "@teambit/base-ui.text.muted-text": "1.0.1",
     "@teambit/evangelist.input.checkbox.label": "1.0.3",
     "@teambit/documenter.ui.heading": "4.1.1",
-    "@teambit/component": "0.0.653",
-    "@teambit/graphql": "0.0.653",
-    "@teambit/cli": "0.0.445",
-    "@teambit/ui": "0.0.653",
+    "@teambit/component": "0.0.656",
+    "@teambit/graphql": "0.0.656",
+    "@teambit/cli": "0.0.447",
+    "@teambit/ui": "0.0.656",
     "@teambit/legacy-bit-id": "0.0.398",
     "@teambit/component.ui.deprecation-icon": "0.0.493",
     "@teambit/design.ui.styles.ellipsis": "0.0.347",
     "@teambit/envs.ui.env-icon": "0.0.486",
     "@teambit/design.ui.pages.not-found": "0.0.353",
     "@teambit/design.ui.pages.server-error": "0.0.353",
+    "@teambit/ui-foundation.ui.full-loader": "0.0.486",
     "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.487"
   },
   "devDependencies": {
@@ -49,7 +50,7 @@
   },
   "peerDependencies": {
     "@apollo/client": "^3.0.0",
-    "@teambit/legacy": "1.0.223",
+    "@teambit/legacy": "1.0.226",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -77,7 +78,7 @@
         "react": "-"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.223",
+        "@teambit/legacy": "1.0.226",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }

package/ui/graph-page/graph-page.tsx

@@ -4,7 +4,7 @@ import { H2 } from '@teambit/documenter.ui.heading';
 import { NotFoundPage } from '@teambit/design.ui.pages.not-found';
 import { ServerErrorPage } from '@teambit/design.ui.pages.server-error';
 import { ComponentContext } from '@teambit/component';
-import { FullLoader } from '@teambit/legacy/dist/to-eject/full-loader';
+import { FullLoader } from '@teambit/ui-foundation.ui.full-loader';
 
 import { useGraphQuery } from '../query';
 import { DependenciesGraph } from '../dependencies-graph';