@teambit/component 1.0.107 → 1.0.109

package/dist/ui/use-component-logs.d.ts

@@ -1,16 +1,16 @@
 import { ComponentLogsResult, Filters } from './use-component.model';
 export declare function useComponentLogs(componentId: string, host: string, filters?: Filters, skipFromProps?: boolean): ComponentLogsResult;
 export declare function useComponentLogsInit(componentId: string, host: string, filters?: Filters, skip?: boolean): {
-    logOffset: number | undefined;
+    logOffset: number;
     variables: {
         id: string;
         extensionId: string;
         logOffset: any;
-        logLimit: number | undefined;
-        logType: string | undefined;
-        logHead: string | undefined;
-        logSort: string | undefined;
-        logTakeHeadFromComponent: boolean | undefined;
+        logLimit: number;
+        logType: string;
+        logHead: string;
+        logSort: string;
+        logTakeHeadFromComponent: boolean;
     };
-    skip: boolean | undefined;
+    skip: boolean;
 };

package/dist/ui/use-component-logs.js

@@ -48,7 +48,6 @@ function _() {
   return data;
 }
 function useComponentLogs(componentId, host, filters, skipFromProps) {
-  var _data$getHost, _rawComponent$id, _rawComponent$id2, _rawComponent$id3;
   const {
     variables,
     skip
@@ -62,16 +61,16 @@ function useComponentLogs(componentId, host, filters, skipFromProps) {
     skip,
     errorPolicy: 'all'
   });
-  const rawComponent = data === null || data === void 0 || (_data$getHost = data.getHost) === null || _data$getHost === void 0 ? void 0 : _data$getHost.get;
-  const rawCompLogs = rawComponent === null || rawComponent === void 0 ? void 0 : rawComponent.logs;
+  const rawComponent = data?.getHost?.get;
+  const rawCompLogs = rawComponent?.logs;
   const componentError = error && !data ? new (_componentError().ComponentError)(500, error.message) : !rawComponent && !loading && new (_componentError().ComponentError)(404) || undefined;
-  const idDepKey = rawComponent !== null && rawComponent !== void 0 && rawComponent.id ? `${rawComponent === null || rawComponent === void 0 || (_rawComponent$id = rawComponent.id) === null || _rawComponent$id === void 0 ? void 0 : _rawComponent$id.scope}/${rawComponent === null || rawComponent === void 0 || (_rawComponent$id2 = rawComponent.id) === null || _rawComponent$id2 === void 0 ? void 0 : _rawComponent$id2.name}@${rawComponent === null || rawComponent === void 0 || (_rawComponent$id3 = rawComponent.id) === null || _rawComponent$id3 === void 0 ? void 0 : _rawComponent$id3.version}}` : undefined;
+  const idDepKey = rawComponent?.id ? `${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}` : undefined;
   const id = (0, _react().useMemo)(() => rawComponent ? _().ComponentID.fromObject(rawComponent.id) : undefined, [idDepKey]);
   return {
     loading,
     id,
-    packageName: rawComponent === null || rawComponent === void 0 ? void 0 : rawComponent.packageName,
-    latest: rawComponent === null || rawComponent === void 0 ? void 0 : rawComponent.latest,
+    packageName: rawComponent?.packageName,
+    latest: rawComponent?.latest,
     error: componentError,
     componentLogs: {
       logs: rawCompLogs,

package/dist/ui/use-component-logs.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","require","_uiFoundationUiHooks","_useComponent","_componentError","_useComponent2","_","useComponentLogs","componentId","host","filters","skipFromProps","_data$getHost","_rawComponent$id","_rawComponent$id2","_rawComponent$id3","variables","skip","useComponentLogsInit","error","loading","useDataQuery","GET_COMPONENT_WITH_LOGS","errorPolicy","rawComponent","getHost","get","rawCompLogs","logs","componentError","ComponentError","message","undefined","idDepKey","id","scope","name","version","useMemo","ComponentID","fromObject","packageName","latest","componentLogs","log","head","logHead","offset","logOffset","sort","logSort","limit","logLimit","type","logType","takeHeadFromComponent","logTakeHeadFromComponent","extensionId","getOffsetValue"],"sources":["use-component-logs.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { LegacyComponentLog } from '@teambit/legacy-component-log';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { ComponentLogsResult, Filters } from './use-component.model';\nimport { GET_COMPONENT_WITH_LOGS } from './use-component.fragments';\nimport { ComponentError } from './component-error';\nimport { getOffsetValue } from './use-component.utils';\nimport { ComponentID } from '..';\n\nexport function useComponentLogs(\n  componentId: string,\n  host: string,\n  filters?: Filters,\n  skipFromProps?: boolean\n): ComponentLogsResult {\n  const { variables, skip } = useComponentLogsInit(componentId, host, filters, skipFromProps);\n\n  const { data, error, loading } = useDataQuery(GET_COMPONENT_WITH_LOGS, {\n    variables,\n    skip,\n    errorPolicy: 'all',\n  });\n\n  const rawComponent = data?.getHost?.get;\n  const rawCompLogs: Array<LegacyComponentLog> = rawComponent?.logs;\n\n  const componentError =\n    error && !data\n      ? new ComponentError(500, error.message)\n      : (!rawComponent && !loading && new ComponentError(404)) || undefined;\n\n  const idDepKey = rawComponent?.id\n    ? `${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}`\n    : undefined;\n\n  const id: ComponentID | undefined = useMemo(\n    () => (rawComponent ? ComponentID.fromObject(rawComponent.id) : undefined),\n    [idDepKey]\n  );\n\n  return {\n    loading,\n    id,\n    packageName: rawComponent?.packageName,\n    latest: rawComponent?.latest,\n    error: componentError,\n    componentLogs: {\n      logs: rawCompLogs,\n      loading,\n    },\n  };\n}\n\nexport function useComponentLogsInit(componentId: string, host: string, filters?: Filters, skip?: boolean) {\n  const { log } = filters || {};\n  const {\n    head: logHead,\n    offset: logOffset,\n    sort: logSort,\n    limit: logLimit,\n    type: logType,\n    takeHeadFromComponent: logTakeHeadFromComponent,\n  } = log || {};\n  const variables = {\n    id: componentId,\n    extensionId: host,\n    logOffset: getOffsetValue(logOffset, logLimit),\n    logLimit,\n    logType,\n    logHead,\n    logSort,\n    logTakeHeadFromComponent,\n  };\n  return {\n    logOffset,\n    variables,\n    skip,\n  };\n}\n"],"mappings":";;;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAE,qBAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,oBAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAG,cAAA;EAAA,MAAAH,IAAA,GAAAC,OAAA;EAAAE,aAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,gBAAA;EAAA,MAAAJ,IAAA,GAAAC,OAAA;EAAAG,eAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAK,eAAA;EAAA,MAAAL,IAAA,GAAAC,OAAA;EAAAI,cAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAM,EAAA;EAAA,MAAAN,IAAA,GAAAC,OAAA;EAAAK,CAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEO,SAASO,gBAAgBA,CAC9BC,WAAmB,EACnBC,IAAY,EACZC,OAAiB,EACjBC,aAAuB,EACF;EAAA,IAAAC,aAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA;EACrB,MAAM;IAAEC,SAAS;IAAEC;EAAK,CAAC,GAAGC,oBAAoB,CAACV,WAAW,EAAEC,IAAI,EAAEC,OAAO,EAAEC,aAAa,CAAC;EAE3F,MAAM;IAAEX,IAAI;IAAEmB,KAAK;IAAEC;EAAQ,CAAC,GAAG,IAAAC,mCAAY,EAACC,uCAAuB,EAAE;IACrEN,SAAS;IACTC,IAAI;IACJM,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGxB,IAAI,aAAJA,IAAI,gBAAAY,aAAA,GAAJZ,IAAI,CAAEyB,OAAO,cAAAb,aAAA,uBAAbA,aAAA,CAAec,GAAG;EACvC,MAAMC,WAAsC,GAAGH,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEI,IAAI;EAEjE,MAAMC,cAAc,GAClBV,KAAK,IAAI,CAACnB,IAAI,GACV,KAAI8B,gCAAc,EAAC,GAAG,EAAEX,KAAK,CAACY,OAAO,CAAC,GACrC,CAACP,YAAY,IAAI,CAACJ,OAAO,IAAI,KAAIU,gCAAc,EAAC,GAAG,CAAC,IAAKE,SAAS;EAEzE,MAAMC,QAAQ,GAAGT,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAEU,EAAE,GAC5B,GAAEV,YAAY,aAAZA,YAAY,gBAAAX,gBAAA,GAAZW,YAAY,CAAEU,EAAE,cAAArB,gBAAA,uBAAhBA,gBAAA,CAAkBsB,KAAM,IAAGX,YAAY,aAAZA,YAAY,gBAAAV,iBAAA,GAAZU,YAAY,CAAEU,EAAE,cAAApB,iBAAA,uBAAhBA,iBAAA,CAAkBsB,IAAK,IAAGZ,YAAY,aAAZA,YAAY,gBAAAT,iBAAA,GAAZS,YAAY,CAAEU,EAAE,cAAAnB,iBAAA,uBAAhBA,iBAAA,CAAkBsB,OAAQ,GAAE,GACpFL,SAAS;EAEb,MAAME,EAA2B,GAAG,IAAAI,gBAAO,EACzC,MAAOd,YAAY,GAAGe,eAAW,CAACC,UAAU,CAAChB,YAAY,CAACU,EAAE,CAAC,GAAGF,SAAU,EAC1E,CAACC,QAAQ,CACX,CAAC;EAED,OAAO;IACLb,OAAO;IACPc,EAAE;IACFO,WAAW,EAAEjB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEiB,WAAW;IACtCC,MAAM,EAAElB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEkB,MAAM;IAC5BvB,KAAK,EAAEU,cAAc;IACrBc,aAAa,EAAE;MACbf,IAAI,EAAED,WAAW;MACjBP;IACF;EACF,CAAC;AACH;AAEO,SAASF,oBAAoBA,CAACV,WAAmB,EAAEC,IAAY,EAAEC,OAAiB,EAAEO,IAAc,EAAE;EACzG,MAAM;IAAE2B;EAAI,CAAC,GAAGlC,OAAO,IAAI,CAAC,CAAC;EAC7B,MAAM;IACJmC,IAAI,EAAEC,OAAO;IACbC,MAAM,EAAEC,SAAS;IACjBC,IAAI,EAAEC,OAAO;IACbC,KAAK,EAAEC,QAAQ;IACfC,IAAI,EAAEC,OAAO;IACbC,qBAAqB,EAAEC;EACzB,CAAC,GAAGZ,GAAG,IAAI,CAAC,CAAC;EACb,MAAM5B,SAAS,GAAG;IAChBkB,EAAE,EAAE1B,WAAW;IACfiD,WAAW,EAAEhD,IAAI;IACjBuC,SAAS,EAAE,IAAAU,+BAAc,EAACV,SAAS,EAAEI,QAAQ,CAAC;IAC9CA,QAAQ;IACRE,OAAO;IACPR,OAAO;IACPI,OAAO;IACPM;EACF,CAAC;EACD,OAAO;IACLR,SAAS;IACThC,SAAS;IACTC;EACF,CAAC;AACH"}
+{"version":3,"names":["_react","data","require","_uiFoundationUiHooks","_useComponent","_componentError","_useComponent2","_","useComponentLogs","componentId","host","filters","skipFromProps","variables","skip","useComponentLogsInit","error","loading","useDataQuery","GET_COMPONENT_WITH_LOGS","errorPolicy","rawComponent","getHost","get","rawCompLogs","logs","componentError","ComponentError","message","undefined","idDepKey","id","scope","name","version","useMemo","ComponentID","fromObject","packageName","latest","componentLogs","log","head","logHead","offset","logOffset","sort","logSort","limit","logLimit","type","logType","takeHeadFromComponent","logTakeHeadFromComponent","extensionId","getOffsetValue"],"sources":["use-component-logs.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { LegacyComponentLog } from '@teambit/legacy-component-log';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { ComponentLogsResult, Filters } from './use-component.model';\nimport { GET_COMPONENT_WITH_LOGS } from './use-component.fragments';\nimport { ComponentError } from './component-error';\nimport { getOffsetValue } from './use-component.utils';\nimport { ComponentID } from '..';\n\nexport function useComponentLogs(\n  componentId: string,\n  host: string,\n  filters?: Filters,\n  skipFromProps?: boolean\n): ComponentLogsResult {\n  const { variables, skip } = useComponentLogsInit(componentId, host, filters, skipFromProps);\n\n  const { data, error, loading } = useDataQuery(GET_COMPONENT_WITH_LOGS, {\n    variables,\n    skip,\n    errorPolicy: 'all',\n  });\n\n  const rawComponent = data?.getHost?.get;\n  const rawCompLogs: Array<LegacyComponentLog> = rawComponent?.logs;\n\n  const componentError =\n    error && !data\n      ? new ComponentError(500, error.message)\n      : (!rawComponent && !loading && new ComponentError(404)) || undefined;\n\n  const idDepKey = rawComponent?.id\n    ? `${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}`\n    : undefined;\n\n  const id: ComponentID | undefined = useMemo(\n    () => (rawComponent ? ComponentID.fromObject(rawComponent.id) : undefined),\n    [idDepKey]\n  );\n\n  return {\n    loading,\n    id,\n    packageName: rawComponent?.packageName,\n    latest: rawComponent?.latest,\n    error: componentError,\n    componentLogs: {\n      logs: rawCompLogs,\n      loading,\n    },\n  };\n}\n\nexport function useComponentLogsInit(componentId: string, host: string, filters?: Filters, skip?: boolean) {\n  const { log } = filters || {};\n  const {\n    head: logHead,\n    offset: logOffset,\n    sort: logSort,\n    limit: logLimit,\n    type: logType,\n    takeHeadFromComponent: logTakeHeadFromComponent,\n  } = log || {};\n  const variables = {\n    id: componentId,\n    extensionId: host,\n    logOffset: getOffsetValue(logOffset, logLimit),\n    logLimit,\n    logType,\n    logHead,\n    logSort,\n    logTakeHeadFromComponent,\n  };\n  return {\n    logOffset,\n    variables,\n    skip,\n  };\n}\n"],"mappings":"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"}

package/dist/ui/use-component-query.js

@@ -67,7 +67,6 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 /** provides data to component ui page, making sure both variables and return value are safely typed and memoized */
 function useComponentQuery(componentId, host, filters, skip) {
-  var _data$getHost, _rawComponent$id, _rawComponent$id2, _rawComponent$id3;
   const idRef = (0, _react().useRef)(componentId);
   idRef.current = componentId;
   const variables = {
@@ -90,7 +89,7 @@ function useComponentQuery(componentId, host, filters, skip) {
       logs
     } = {}
   } = (0, _useComponentLogs().useComponentLogs)(componentId, host, filters, skip);
-  const rawComponent = data === null || data === void 0 || (_data$getHost = data.getHost) === null || _data$getHost === void 0 ? void 0 : _data$getHost.get;
+  const rawComponent = data?.getHost?.get;
   (0, _react().useEffect)(() => {
     // @TODO @Kutner fix subscription for scope
     if (host !== 'teambit.workspace/workspace') {
@@ -101,9 +100,8 @@ function useComponentQuery(componentId, host, filters, skip) {
       updateQuery: (prev, {
         subscriptionData
       }) => {
-        var _prev$getHost, _subscriptionData$dat;
-        const prevComponent = prev === null || prev === void 0 || (_prev$getHost = prev.getHost) === null || _prev$getHost === void 0 ? void 0 : _prev$getHost.get;
-        const addedComponent = subscriptionData === null || subscriptionData === void 0 || (_subscriptionData$dat = subscriptionData.data) === null || _subscriptionData$dat === void 0 || (_subscriptionData$dat = _subscriptionData$dat.componentAdded) === null || _subscriptionData$dat === void 0 ? void 0 : _subscriptionData$dat.component;
+        const prevComponent = prev?.getHost?.get;
+        const addedComponent = subscriptionData?.data?.componentAdded?.component;
         if (!addedComponent || prevComponent) return prev;
         if (idRef.current === addedComponent.id.name) {
           return _objectSpread(_objectSpread({}, prev), {}, {
@@ -120,11 +118,10 @@ function useComponentQuery(componentId, host, filters, skip) {
       updateQuery: (prev, {
         subscriptionData
       }) => {
-        var _prev$getHost2, _subscriptionData$dat2;
         if (!subscriptionData.data) return prev;
-        const prevComponent = prev === null || prev === void 0 || (_prev$getHost2 = prev.getHost) === null || _prev$getHost2 === void 0 ? void 0 : _prev$getHost2.get;
-        const updatedComponent = subscriptionData === null || subscriptionData === void 0 || (_subscriptionData$dat2 = subscriptionData.data) === null || _subscriptionData$dat2 === void 0 || (_subscriptionData$dat2 = _subscriptionData$dat2.componentChanged) === null || _subscriptionData$dat2 === void 0 ? void 0 : _subscriptionData$dat2.component;
-        const isUpdated = updatedComponent && _componentId().ComponentID.isEqualObj(prevComponent === null || prevComponent === void 0 ? void 0 : prevComponent.id, updatedComponent === null || updatedComponent === void 0 ? void 0 : updatedComponent.id);
+        const prevComponent = prev?.getHost?.get;
+        const updatedComponent = subscriptionData?.data?.componentChanged?.component;
+        const isUpdated = updatedComponent && _componentId().ComponentID.isEqualObj(prevComponent?.id, updatedComponent?.id);
         if (isUpdated) {
           return _objectSpread(_objectSpread({}, prev), {}, {
             getHost: _objectSpread(_objectSpread({}, prev.getHost), {}, {
@@ -140,11 +137,10 @@ function useComponentQuery(componentId, host, filters, skip) {
       updateQuery: (prev, {
         subscriptionData
       }) => {
-        var _prev$getHost3, _subscriptionData$dat3;
         if (!subscriptionData.data) return prev;
-        const prevComponent = prev === null || prev === void 0 || (_prev$getHost3 = prev.getHost) === null || _prev$getHost3 === void 0 ? void 0 : _prev$getHost3.get;
-        const removedIds = subscriptionData === null || subscriptionData === void 0 || (_subscriptionData$dat3 = subscriptionData.data) === null || _subscriptionData$dat3 === void 0 || (_subscriptionData$dat3 = _subscriptionData$dat3.componentRemoved) === null || _subscriptionData$dat3 === void 0 ? void 0 : _subscriptionData$dat3.componentIds;
-        if (!prevComponent || !(removedIds !== null && removedIds !== void 0 && removedIds.length)) return prev;
+        const prevComponent = prev?.getHost?.get;
+        const removedIds = subscriptionData?.data?.componentRemoved?.componentIds;
+        if (!prevComponent || !removedIds?.length) return prev;
         const isRemoved = removedIds.some(removedId => _componentId().ComponentID.isEqualObj(removedId, prevComponent.id));
         if (isRemoved) {
           return _objectSpread(_objectSpread({}, prev), {}, {
@@ -162,16 +158,16 @@ function useComponentQuery(componentId, host, filters, skip) {
       unsubRemoval();
     };
   }, []);
-  const idDepKey = rawComponent !== null && rawComponent !== void 0 && rawComponent.id ? `${rawComponent === null || rawComponent === void 0 || (_rawComponent$id = rawComponent.id) === null || _rawComponent$id === void 0 ? void 0 : _rawComponent$id.scope}/${rawComponent === null || rawComponent === void 0 || (_rawComponent$id2 = rawComponent.id) === null || _rawComponent$id2 === void 0 ? void 0 : _rawComponent$id2.name}@${rawComponent === null || rawComponent === void 0 || (_rawComponent$id3 = rawComponent.id) === null || _rawComponent$id3 === void 0 ? void 0 : _rawComponent$id3.version}}` : undefined;
+  const idDepKey = rawComponent?.id ? `${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}` : undefined;
   const id = (0, _react().useMemo)(() => rawComponent ? _componentId().ComponentID.fromObject(rawComponent.id) : undefined, [idDepKey]);
   const componentError = error && !data ? new (_componentError().ComponentError)(500, error.message) : !rawComponent && !loading && new (_componentError().ComponentError)(404) || undefined;
   const component = (0, _react().useMemo)(() => rawComponent ? _componentModel().ComponentModel.from(_objectSpread(_objectSpread({}, rawComponent), {}, {
     host,
     logs
-  })) : undefined, [id === null || id === void 0 ? void 0 : id.toString(), logs]);
+  })) : undefined, [id?.toString(), logs]);
   const componentDescriptor = (0, _react().useMemo)(() => {
     const aspectList = {
-      entries: rawComponent === null || rawComponent === void 0 ? void 0 : rawComponent.aspects.map(aspectObject => {
+      entries: rawComponent?.aspects.map(aspectObject => {
         return _objectSpread(_objectSpread({}, aspectObject), {}, {
           aspectId: aspectObject.id,
           aspectData: aspectObject.data
@@ -182,7 +178,7 @@ function useComponentQuery(componentId, host, filters, skip) {
       id: id.toString(),
       aspectList
     }) : undefined;
-  }, [id === null || id === void 0 ? void 0 : id.toString()]);
+  }, [id?.toString()]);
   return (0, _react().useMemo)(() => {
     return {
       componentDescriptor,

package/dist/ui/use-component-query.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","require","_uiFoundationUiHooks","_componentId","_componentDescriptor","_componentModel","_useComponent","_useComponentLogs","_componentError","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","key","value","_toPropertyKey","configurable","writable","i","_toPrimitive","String","Symbol","toPrimitive","call","TypeError","Number","useComponentQuery","componentId","host","filters","skip","_data$getHost","_rawComponent$id","_rawComponent$id2","_rawComponent$id3","idRef","useRef","current","variables","id","extensionId","error","loading","subscribeToMore","useDataQuery","GET_COMPONENT","errorPolicy","loadingLogs","componentLogs","logs","useComponentLogs","rawComponent","getHost","get","useEffect","unsubAddition","document","SUB_SUBSCRIPTION_ADDED","updateQuery","prev","subscriptionData","_prev$getHost","_subscriptionData$dat","prevComponent","addedComponent","componentAdded","component","name","unsubChanges","SUB_COMPONENT_CHANGED","_prev$getHost2","_subscriptionData$dat2","updatedComponent","componentChanged","isUpdated","ComponentID","isEqualObj","unsubRemoval","SUB_COMPONENT_REMOVED","_prev$getHost3","_subscriptionData$dat3","removedIds","componentRemoved","componentIds","isRemoved","some","removedId","idDepKey","scope","version","undefined","useMemo","fromObject","componentError","ComponentError","message","ComponentModel","from","toString","componentDescriptor","aspectList","entries","aspects","map","aspectObject","aspectId","aspectData","ComponentDescriptor"],"sources":["use-component-query.ts"],"sourcesContent":["import { useMemo, useEffect, useRef } from 'react';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { ComponentID, ComponentIdObj } from '@teambit/component-id';\nimport { ComponentDescriptor } from '@teambit/component-descriptor';\nimport { ComponentModel } from './component-model';\nimport { ComponentQueryResult, Filters } from './use-component.model';\nimport {\n  GET_COMPONENT,\n  SUB_COMPONENT_CHANGED,\n  SUB_COMPONENT_REMOVED,\n  SUB_SUBSCRIPTION_ADDED,\n} from './use-component.fragments';\nimport { useComponentLogs } from './use-component-logs';\nimport { ComponentError } from './component-error';\n\n/** provides data to component ui page, making sure both variables and return value are safely typed and memoized */\nexport function useComponentQuery(\n  componentId: string,\n  host: string,\n  filters?: Filters,\n  skip?: boolean\n): ComponentQueryResult {\n  const idRef = useRef(componentId);\n  idRef.current = componentId;\n  const variables = {\n    id: componentId,\n    extensionId: host,\n  };\n\n  const { data, error, loading, subscribeToMore } = useDataQuery(GET_COMPONENT, {\n    variables,\n    skip,\n    errorPolicy: 'all',\n  });\n\n  const { loading: loadingLogs, componentLogs: { logs } = {} } = useComponentLogs(componentId, host, filters, skip);\n\n  const rawComponent = data?.getHost?.get;\n\n  useEffect(() => {\n    // @TODO @Kutner fix subscription for scope\n    if (host !== 'teambit.workspace/workspace') {\n      return () => {};\n    }\n\n    const unsubAddition = subscribeToMore({\n      document: SUB_SUBSCRIPTION_ADDED,\n      updateQuery: (prev, { subscriptionData }) => {\n        const prevComponent = prev?.getHost?.get;\n        const addedComponent = subscriptionData?.data?.componentAdded?.component;\n\n        if (!addedComponent || prevComponent) return prev;\n\n        if (idRef.current === addedComponent.id.name) {\n          return {\n            ...prev,\n            getHost: {\n              ...prev.getHost,\n              get: addedComponent,\n            },\n          };\n        }\n\n        return prev;\n      },\n    });\n\n    const unsubChanges = subscribeToMore({\n      document: SUB_COMPONENT_CHANGED,\n      updateQuery: (prev, { subscriptionData }) => {\n        if (!subscriptionData.data) return prev;\n\n        const prevComponent = prev?.getHost?.get;\n        const updatedComponent = subscriptionData?.data?.componentChanged?.component;\n\n        const isUpdated = updatedComponent && ComponentID.isEqualObj(prevComponent?.id, updatedComponent?.id);\n\n        if (isUpdated) {\n          return {\n            ...prev,\n            getHost: {\n              ...prev.getHost,\n              get: updatedComponent,\n            },\n          };\n        }\n\n        return prev;\n      },\n    });\n\n    const unsubRemoval = subscribeToMore({\n      document: SUB_COMPONENT_REMOVED,\n      updateQuery: (prev, { subscriptionData }) => {\n        if (!subscriptionData.data) return prev;\n\n        const prevComponent = prev?.getHost?.get;\n        const removedIds: ComponentIdObj[] | undefined = subscriptionData?.data?.componentRemoved?.componentIds;\n        if (!prevComponent || !removedIds?.length) return prev;\n\n        const isRemoved = removedIds.some((removedId) => ComponentID.isEqualObj(removedId, prevComponent.id));\n\n        if (isRemoved) {\n          return {\n            ...prev,\n            getHost: {\n              ...prev.getHost,\n              get: null,\n            },\n          };\n        }\n\n        return prev;\n      },\n    });\n\n    return () => {\n      unsubChanges();\n      unsubAddition();\n      unsubRemoval();\n    };\n  }, []);\n\n  const idDepKey = rawComponent?.id\n    ? `${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}`\n    : undefined;\n\n  const id: ComponentID | undefined = useMemo(\n    () => (rawComponent ? ComponentID.fromObject(rawComponent.id) : undefined),\n    [idDepKey]\n  );\n\n  const componentError =\n    error && !data\n      ? new ComponentError(500, error.message)\n      : (!rawComponent && !loading && new ComponentError(404)) || undefined;\n\n  const component = useMemo(\n    () => (rawComponent ? ComponentModel.from({ ...rawComponent, host, logs }) : undefined),\n    [id?.toString(), logs]\n  );\n\n  const componentDescriptor = useMemo(() => {\n    const aspectList = {\n      entries: rawComponent?.aspects.map((aspectObject) => {\n        return {\n          ...aspectObject,\n          aspectId: aspectObject.id,\n          aspectData: aspectObject.data,\n        };\n      }),\n    };\n\n    return id ? ComponentDescriptor.fromObject({ id: id.toString(), aspectList }) : undefined;\n  }, [id?.toString()]);\n\n  return useMemo(() => {\n    return {\n      componentDescriptor,\n      component,\n      componentLogs: {\n        loading: loadingLogs,\n        logs,\n      },\n      error: componentError || undefined,\n      loading,\n    };\n  }, [host, component, componentDescriptor, componentError]);\n}\n"],"mappings":";;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,qBAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,oBAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,aAAA;EAAA,MAAAH,IAAA,GAAAC,OAAA;EAAAE,YAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,qBAAA;EAAA,MAAAJ,IAAA,GAAAC,OAAA;EAAAG,oBAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAK,gBAAA;EAAA,MAAAL,IAAA,GAAAC,OAAA;EAAAI,eAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAM,cAAA;EAAA,MAAAN,IAAA,GAAAC,OAAA;EAAAK,aAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAMA,SAAAO,kBAAA;EAAA,MAAAP,IAAA,GAAAC,OAAA;EAAAM,iBAAA,YAAAA,CAAA;IAAA,OAAAP,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAQ,gBAAA;EAAA,MAAAR,IAAA,GAAAC,OAAA;EAAAO,eAAA,YAAAA,CAAA;IAAA,OAAAR,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAmD,SAAAS,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,IAAAe,eAAA,CAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAAA,SAAAgB,gBAAAI,GAAA,EAAAC,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAD,GAAA,IAAAjB,MAAA,CAAAgB,cAAA,CAAAC,GAAA,EAAAC,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAb,UAAA,QAAAe,YAAA,QAAAC,QAAA,oBAAAL,GAAA,CAAAC,GAAA,IAAAC,KAAA,WAAAF,GAAA;AAAA,SAAAG,eAAArB,CAAA,QAAAwB,CAAA,GAAAC,YAAA,CAAAzB,CAAA,uCAAAwB,CAAA,GAAAA,CAAA,GAAAE,MAAA,CAAAF,CAAA;AAAA,SAAAC,aAAAzB,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAF,CAAA,GAAAE,CAAA,CAAA2B,MAAA,CAAAC,WAAA,kBAAA9B,CAAA,QAAA0B,CAAA,GAAA1B,CAAA,CAAA+B,IAAA,CAAA7B,CAAA,EAAAD,CAAA,uCAAAyB,CAAA,SAAAA,CAAA,YAAAM,SAAA,yEAAA/B,CAAA,GAAA2B,MAAA,GAAAK,MAAA,EAAA/B,CAAA;AAEnD;AACO,SAASgC,iBAAiBA,CAC/BC,WAAmB,EACnBC,IAAY,EACZC,OAAiB,EACjBC,IAAc,EACQ;EAAA,IAAAC,aAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA;EACtB,MAAMC,KAAK,GAAG,IAAAC,eAAM,EAACT,WAAW,CAAC;EACjCQ,KAAK,CAACE,OAAO,GAAGV,WAAW;EAC3B,MAAMW,SAAS,GAAG;IAChBC,EAAE,EAAEZ,WAAW;IACfa,WAAW,EAAEZ;EACf,CAAC;EAED,MAAM;IAAE9C,IAAI;IAAE2D,KAAK;IAAEC,OAAO;IAAEC;EAAgB,CAAC,GAAG,IAAAC,mCAAY,EAACC,6BAAa,EAAE;IAC5EP,SAAS;IACTR,IAAI;IACJgB,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAM;IAAEJ,OAAO,EAAEK,WAAW;IAAEC,aAAa,EAAE;MAAEC;IAAK,CAAC,GAAG,CAAC;EAAE,CAAC,GAAG,IAAAC,oCAAgB,EAACvB,WAAW,EAAEC,IAAI,EAAEC,OAAO,EAAEC,IAAI,CAAC;EAEjH,MAAMqB,YAAY,GAAGrE,IAAI,aAAJA,IAAI,gBAAAiD,aAAA,GAAJjD,IAAI,CAAEsE,OAAO,cAAArB,aAAA,uBAAbA,aAAA,CAAesB,GAAG;EAEvC,IAAAC,kBAAS,EAAC,MAAM;IACd;IACA,IAAI1B,IAAI,KAAK,6BAA6B,EAAE;MAC1C,OAAO,MAAM,CAAC,CAAC;IACjB;IAEA,MAAM2B,aAAa,GAAGZ,eAAe,CAAC;MACpCa,QAAQ,EAAEC,sCAAsB;MAChCC,WAAW,EAAEA,CAACC,IAAI,EAAE;QAAEC;MAAiB,CAAC,KAAK;QAAA,IAAAC,aAAA,EAAAC,qBAAA;QAC3C,MAAMC,aAAa,GAAGJ,IAAI,aAAJA,IAAI,gBAAAE,aAAA,GAAJF,IAAI,CAAEP,OAAO,cAAAS,aAAA,uBAAbA,aAAA,CAAeR,GAAG;QACxC,MAAMW,cAAc,GAAGJ,gBAAgB,aAAhBA,gBAAgB,gBAAAE,qBAAA,GAAhBF,gBAAgB,CAAE9E,IAAI,cAAAgF,qBAAA,gBAAAA,qBAAA,GAAtBA,qBAAA,CAAwBG,cAAc,cAAAH,qBAAA,uBAAtCA,qBAAA,CAAwCI,SAAS;QAExE,IAAI,CAACF,cAAc,IAAID,aAAa,EAAE,OAAOJ,IAAI;QAEjD,IAAIxB,KAAK,CAACE,OAAO,KAAK2B,cAAc,CAACzB,EAAE,CAAC4B,IAAI,EAAE;UAC5C,OAAA/D,aAAA,CAAAA,aAAA,KACKuD,IAAI;YACPP,OAAO,EAAAhD,aAAA,CAAAA,aAAA,KACFuD,IAAI,CAACP,OAAO;cACfC,GAAG,EAAEW;YAAc;UACpB;QAEL;QAEA,OAAOL,IAAI;MACb;IACF,CAAC,CAAC;IAEF,MAAMS,YAAY,GAAGzB,eAAe,CAAC;MACnCa,QAAQ,EAAEa,qCAAqB;MAC/BX,WAAW,EAAEA,CAACC,IAAI,EAAE;QAAEC;MAAiB,CAAC,KAAK;QAAA,IAAAU,cAAA,EAAAC,sBAAA;QAC3C,IAAI,CAACX,gBAAgB,CAAC9E,IAAI,EAAE,OAAO6E,IAAI;QAEvC,MAAMI,aAAa,GAAGJ,IAAI,aAAJA,IAAI,gBAAAW,cAAA,GAAJX,IAAI,CAAEP,OAAO,cAAAkB,cAAA,uBAAbA,cAAA,CAAejB,GAAG;QACxC,MAAMmB,gBAAgB,GAAGZ,gBAAgB,aAAhBA,gBAAgB,gBAAAW,sBAAA,GAAhBX,gBAAgB,CAAE9E,IAAI,cAAAyF,sBAAA,gBAAAA,sBAAA,GAAtBA,sBAAA,CAAwBE,gBAAgB,cAAAF,sBAAA,uBAAxCA,sBAAA,CAA0CL,SAAS;QAE5E,MAAMQ,SAAS,GAAGF,gBAAgB,IAAIG,0BAAW,CAACC,UAAU,CAACb,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAExB,EAAE,EAAEiC,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAEjC,EAAE,CAAC;QAErG,IAAImC,SAAS,EAAE;UACb,OAAAtE,aAAA,CAAAA,aAAA,KACKuD,IAAI;YACPP,OAAO,EAAAhD,aAAA,CAAAA,aAAA,KACFuD,IAAI,CAACP,OAAO;cACfC,GAAG,EAAEmB;YAAgB;UACtB;QAEL;QAEA,OAAOb,IAAI;MACb;IACF,CAAC,CAAC;IAEF,MAAMkB,YAAY,GAAGlC,eAAe,CAAC;MACnCa,QAAQ,EAAEsB,qCAAqB;MAC/BpB,WAAW,EAAEA,CAACC,IAAI,EAAE;QAAEC;MAAiB,CAAC,KAAK;QAAA,IAAAmB,cAAA,EAAAC,sBAAA;QAC3C,IAAI,CAACpB,gBAAgB,CAAC9E,IAAI,EAAE,OAAO6E,IAAI;QAEvC,MAAMI,aAAa,GAAGJ,IAAI,aAAJA,IAAI,gBAAAoB,cAAA,GAAJpB,IAAI,CAAEP,OAAO,cAAA2B,cAAA,uBAAbA,cAAA,CAAe1B,GAAG;QACxC,MAAM4B,UAAwC,GAAGrB,gBAAgB,aAAhBA,gBAAgB,gBAAAoB,sBAAA,GAAhBpB,gBAAgB,CAAE9E,IAAI,cAAAkG,sBAAA,gBAAAA,sBAAA,GAAtBA,sBAAA,CAAwBE,gBAAgB,cAAAF,sBAAA,uBAAxCA,sBAAA,CAA0CG,YAAY;QACvG,IAAI,CAACpB,aAAa,IAAI,EAACkB,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAE3E,MAAM,GAAE,OAAOqD,IAAI;QAEtD,MAAMyB,SAAS,GAAGH,UAAU,CAACI,IAAI,CAAEC,SAAS,IAAKX,0BAAW,CAACC,UAAU,CAACU,SAAS,EAAEvB,aAAa,CAACxB,EAAE,CAAC,CAAC;QAErG,IAAI6C,SAAS,EAAE;UACb,OAAAhF,aAAA,CAAAA,aAAA,KACKuD,IAAI;YACPP,OAAO,EAAAhD,aAAA,CAAAA,aAAA,KACFuD,IAAI,CAACP,OAAO;cACfC,GAAG,EAAE;YAAI;UACV;QAEL;QAEA,OAAOM,IAAI;MACb;IACF,CAAC,CAAC;IAEF,OAAO,MAAM;MACXS,YAAY,CAAC,CAAC;MACdb,aAAa,CAAC,CAAC;MACfsB,YAAY,CAAC,CAAC;IAChB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMU,QAAQ,GAAGpC,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAEZ,EAAE,GAC5B,GAAEY,YAAY,aAAZA,YAAY,gBAAAnB,gBAAA,GAAZmB,YAAY,CAAEZ,EAAE,cAAAP,gBAAA,uBAAhBA,gBAAA,CAAkBwD,KAAM,IAAGrC,YAAY,aAAZA,YAAY,gBAAAlB,iBAAA,GAAZkB,YAAY,CAAEZ,EAAE,cAAAN,iBAAA,uBAAhBA,iBAAA,CAAkBkC,IAAK,IAAGhB,YAAY,aAAZA,YAAY,gBAAAjB,iBAAA,GAAZiB,YAAY,CAAEZ,EAAE,cAAAL,iBAAA,uBAAhBA,iBAAA,CAAkBuD,OAAQ,GAAE,GACpFC,SAAS;EAEb,MAAMnD,EAA2B,GAAG,IAAAoD,gBAAO,EACzC,MAAOxC,YAAY,GAAGwB,0BAAW,CAACiB,UAAU,CAACzC,YAAY,CAACZ,EAAE,CAAC,GAAGmD,SAAU,EAC1E,CAACH,QAAQ,CACX,CAAC;EAED,MAAMM,cAAc,GAClBpD,KAAK,IAAI,CAAC3D,IAAI,GACV,KAAIgH,gCAAc,EAAC,GAAG,EAAErD,KAAK,CAACsD,OAAO,CAAC,GACrC,CAAC5C,YAAY,IAAI,CAACT,OAAO,IAAI,KAAIoD,gCAAc,EAAC,GAAG,CAAC,IAAKJ,SAAS;EAEzE,MAAMxB,SAAS,GAAG,IAAAyB,gBAAO,EACvB,MAAOxC,YAAY,GAAG6C,gCAAc,CAACC,IAAI,CAAA7F,aAAA,CAAAA,aAAA,KAAM+C,YAAY;IAAEvB,IAAI;IAAEqB;EAAI,EAAE,CAAC,GAAGyC,SAAU,EACvF,CAACnD,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAE2D,QAAQ,CAAC,CAAC,EAAEjD,IAAI,CACvB,CAAC;EAED,MAAMkD,mBAAmB,GAAG,IAAAR,gBAAO,EAAC,MAAM;IACxC,MAAMS,UAAU,GAAG;MACjBC,OAAO,EAAElD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEmD,OAAO,CAACC,GAAG,CAAEC,YAAY,IAAK;QACnD,OAAApG,aAAA,CAAAA,aAAA,KACKoG,YAAY;UACfC,QAAQ,EAAED,YAAY,CAACjE,EAAE;UACzBmE,UAAU,EAAEF,YAAY,CAAC1H;QAAI;MAEjC,CAAC;IACH,CAAC;IAED,OAAOyD,EAAE,GAAGoE,0CAAmB,CAACf,UAAU,CAAC;MAAErD,EAAE,EAAEA,EAAE,CAAC2D,QAAQ,CAAC,CAAC;MAAEE;IAAW,CAAC,CAAC,GAAGV,SAAS;EAC3F,CAAC,EAAE,CAACnD,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAE2D,QAAQ,CAAC,CAAC,CAAC,CAAC;EAEpB,OAAO,IAAAP,gBAAO,EAAC,MAAM;IACnB,OAAO;MACLQ,mBAAmB;MACnBjC,SAAS;MACTlB,aAAa,EAAE;QACbN,OAAO,EAAEK,WAAW;QACpBE;MACF,CAAC;MACDR,KAAK,EAAEoD,cAAc,IAAIH,SAAS;MAClChD;IACF,CAAC;EACH,CAAC,EAAE,CAACd,IAAI,EAAEsC,SAAS,EAAEiC,mBAAmB,EAAEN,cAAc,CAAC,CAAC;AAC5D"}
+{"version":3,"names":["_react","data","require","_uiFoundationUiHooks","_componentId","_componentDescriptor","_componentModel","_useComponent","_useComponentLogs","_componentError","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","key","value","_toPropertyKey","configurable","writable","i","_toPrimitive","String","Symbol","toPrimitive","call","TypeError","Number","useComponentQuery","componentId","host","filters","skip","idRef","useRef","current","variables","id","extensionId","error","loading","subscribeToMore","useDataQuery","GET_COMPONENT","errorPolicy","loadingLogs","componentLogs","logs","useComponentLogs","rawComponent","getHost","get","useEffect","unsubAddition","document","SUB_SUBSCRIPTION_ADDED","updateQuery","prev","subscriptionData","prevComponent","addedComponent","componentAdded","component","name","unsubChanges","SUB_COMPONENT_CHANGED","updatedComponent","componentChanged","isUpdated","ComponentID","isEqualObj","unsubRemoval","SUB_COMPONENT_REMOVED","removedIds","componentRemoved","componentIds","isRemoved","some","removedId","idDepKey","scope","version","undefined","useMemo","fromObject","componentError","ComponentError","message","ComponentModel","from","toString","componentDescriptor","aspectList","entries","aspects","map","aspectObject","aspectId","aspectData","ComponentDescriptor"],"sources":["use-component-query.ts"],"sourcesContent":["import { useMemo, useEffect, useRef } from 'react';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { ComponentID, ComponentIdObj } from '@teambit/component-id';\nimport { ComponentDescriptor } from '@teambit/component-descriptor';\nimport { ComponentModel } from './component-model';\nimport { ComponentQueryResult, Filters } from './use-component.model';\nimport {\n  GET_COMPONENT,\n  SUB_COMPONENT_CHANGED,\n  SUB_COMPONENT_REMOVED,\n  SUB_SUBSCRIPTION_ADDED,\n} from './use-component.fragments';\nimport { useComponentLogs } from './use-component-logs';\nimport { ComponentError } from './component-error';\n\n/** provides data to component ui page, making sure both variables and return value are safely typed and memoized */\nexport function useComponentQuery(\n  componentId: string,\n  host: string,\n  filters?: Filters,\n  skip?: boolean\n): ComponentQueryResult {\n  const idRef = useRef(componentId);\n  idRef.current = componentId;\n  const variables = {\n    id: componentId,\n    extensionId: host,\n  };\n\n  const { data, error, loading, subscribeToMore } = useDataQuery(GET_COMPONENT, {\n    variables,\n    skip,\n    errorPolicy: 'all',\n  });\n\n  const { loading: loadingLogs, componentLogs: { logs } = {} } = useComponentLogs(componentId, host, filters, skip);\n\n  const rawComponent = data?.getHost?.get;\n\n  useEffect(() => {\n    // @TODO @Kutner fix subscription for scope\n    if (host !== 'teambit.workspace/workspace') {\n      return () => {};\n    }\n\n    const unsubAddition = subscribeToMore({\n      document: SUB_SUBSCRIPTION_ADDED,\n      updateQuery: (prev, { subscriptionData }) => {\n        const prevComponent = prev?.getHost?.get;\n        const addedComponent = subscriptionData?.data?.componentAdded?.component;\n\n        if (!addedComponent || prevComponent) return prev;\n\n        if (idRef.current === addedComponent.id.name) {\n          return {\n            ...prev,\n            getHost: {\n              ...prev.getHost,\n              get: addedComponent,\n            },\n          };\n        }\n\n        return prev;\n      },\n    });\n\n    const unsubChanges = subscribeToMore({\n      document: SUB_COMPONENT_CHANGED,\n      updateQuery: (prev, { subscriptionData }) => {\n        if (!subscriptionData.data) return prev;\n\n        const prevComponent = prev?.getHost?.get;\n        const updatedComponent = subscriptionData?.data?.componentChanged?.component;\n\n        const isUpdated = updatedComponent && ComponentID.isEqualObj(prevComponent?.id, updatedComponent?.id);\n\n        if (isUpdated) {\n          return {\n            ...prev,\n            getHost: {\n              ...prev.getHost,\n              get: updatedComponent,\n            },\n          };\n        }\n\n        return prev;\n      },\n    });\n\n    const unsubRemoval = subscribeToMore({\n      document: SUB_COMPONENT_REMOVED,\n      updateQuery: (prev, { subscriptionData }) => {\n        if (!subscriptionData.data) return prev;\n\n        const prevComponent = prev?.getHost?.get;\n        const removedIds: ComponentIdObj[] | undefined = subscriptionData?.data?.componentRemoved?.componentIds;\n        if (!prevComponent || !removedIds?.length) return prev;\n\n        const isRemoved = removedIds.some((removedId) => ComponentID.isEqualObj(removedId, prevComponent.id));\n\n        if (isRemoved) {\n          return {\n            ...prev,\n            getHost: {\n              ...prev.getHost,\n              get: null,\n            },\n          };\n        }\n\n        return prev;\n      },\n    });\n\n    return () => {\n      unsubChanges();\n      unsubAddition();\n      unsubRemoval();\n    };\n  }, []);\n\n  const idDepKey = rawComponent?.id\n    ? `${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}`\n    : undefined;\n\n  const id: ComponentID | undefined = useMemo(\n    () => (rawComponent ? ComponentID.fromObject(rawComponent.id) : undefined),\n    [idDepKey]\n  );\n\n  const componentError =\n    error && !data\n      ? new ComponentError(500, error.message)\n      : (!rawComponent && !loading && new ComponentError(404)) || undefined;\n\n  const component = useMemo(\n    () => (rawComponent ? ComponentModel.from({ ...rawComponent, host, logs }) : undefined),\n    [id?.toString(), logs]\n  );\n\n  const componentDescriptor = useMemo(() => {\n    const aspectList = {\n      entries: rawComponent?.aspects.map((aspectObject) => {\n        return {\n          ...aspectObject,\n          aspectId: aspectObject.id,\n          aspectData: aspectObject.data,\n        };\n      }),\n    };\n\n    return id ? ComponentDescriptor.fromObject({ id: id.toString(), aspectList }) : undefined;\n  }, [id?.toString()]);\n\n  return useMemo(() => {\n    return {\n      componentDescriptor,\n      component,\n      componentLogs: {\n        loading: loadingLogs,\n        logs,\n      },\n      error: componentError || undefined,\n      loading,\n    };\n  }, [host, component, componentDescriptor, componentError]);\n}\n"],"mappings":"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"}

package/dist/ui/use-component.model.d.ts

@@ -3,33 +3,33 @@ import { LegacyComponentLog } from '@teambit/legacy-component-log';
 import { ComponentID } from '../';
 import { ComponentError } from './component-error';
 import { ComponentModel } from './component-model';
-export declare type LogFilter = {
+export type LogFilter = {
     offset?: number;
     limit?: number;
     head?: string;
     sort?: string;
     takeHeadFromComponent?: boolean;
 };
-export declare type Filters = {
+export type Filters = {
     log?: LogFilter & {
         type?: string;
     };
     loading?: boolean;
 };
-export declare type UseComponentOptions = {
+export type UseComponentOptions = {
     version?: string;
     logFilters?: Filters;
     customUseComponent?: UseComponentType;
     skip?: boolean;
 };
-export declare type ComponentQueryResult = {
+export type ComponentQueryResult = {
     component?: ComponentModel;
     componentDescriptor?: ComponentDescriptor;
     componentLogs?: ComponentLogs;
     loading?: boolean;
     error?: ComponentError;
 };
-export declare type ComponentLogsResult = {
+export type ComponentLogsResult = {
     id?: ComponentID;
     componentLogs?: ComponentLogs;
     latest?: string;
@@ -37,8 +37,8 @@ export declare type ComponentLogsResult = {
     error?: ComponentError;
     loading?: boolean;
 };
-export declare type ComponentLogs = {
+export type ComponentLogs = {
     logs?: LegacyComponentLog[];
     loading?: boolean;
 };
-export declare type UseComponentType = (id: string, host: string, filters?: Filters, skip?: boolean) => ComponentQueryResult;
+export type UseComponentType = (id: string, host: string, filters?: Filters, skip?: boolean) => ComponentQueryResult;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/component",
-  "version": "1.0.107",
+  "version": "1.0.109",
   "homepage": "https://bit.cloud/teambit/component/component",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component",
-    "version": "1.0.107"
+    "version": "1.0.109"
   },
   "dependencies": {
     "@teambit/any-fs": "0.0.5",
@@ -19,8 +19,6 @@
     "lodash.flatten": "4.4.0",
     "classnames": "2.2.6",
     "lodash.compact": "3.0.1",
-    "core-js": "^3.0.0",
-    "@babel/runtime": "7.20.0",
     "@teambit/component-id": "1.2.0",
     "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.502",
     "@teambit/graph.cleargraph": "0.0.1",
@@ -35,61 +33,59 @@
     "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.505",
     "@teambit/legacy-component-log": "0.0.402",
     "@teambit/ui-foundation.ui.react-router.use-query": "0.0.501",
-    "@teambit/design.ui.pages.not-found": "0.0.366",
-    "@teambit/design.ui.pages.server-error": "0.0.366",
     "@teambit/design.ui.empty-box": "0.0.363",
     "@teambit/documenter.ui.heading": "4.1.1",
     "@teambit/documenter.ui.separator": "4.1.1",
     "@teambit/design.ui.styles.ellipsis": "0.0.357",
     "@teambit/explorer.ui.command-bar": "2.0.14",
+    "@teambit/design.ui.pages.not-found": "0.0.366",
+    "@teambit/design.ui.pages.server-error": "0.0.366",
     "@teambit/design.navigation.responsive-navbar": "0.0.7",
     "@teambit/base-ui.layout.breakpoints": "1.0.0",
     "@teambit/component.ui.version-dropdown": "0.0.852",
     "@teambit/lanes.hooks.use-lanes": "0.0.254",
     "@teambit/lanes.ui.models.lanes-model": "0.0.207",
     "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.141",
-    "@teambit/aspect-loader": "1.0.107",
-    "@teambit/graph": "1.0.107",
+    "@teambit/aspect-loader": "1.0.109",
+    "@teambit/graph": "1.0.109",
     "@teambit/toolbox.path.match-patterns": "0.0.13",
     "@teambit/toolbox.string.capitalize": "0.0.494",
-    "@teambit/cli": "0.0.839",
-    "@teambit/express": "0.0.938",
-    "@teambit/graphql": "1.0.107",
-    "@teambit/command-bar": "1.0.107",
-    "@teambit/component-package-version": "0.0.430",
-    "@teambit/preview": "1.0.107",
-    "@teambit/pubsub": "1.0.107",
-    "@teambit/react-router": "1.0.107",
-    "@teambit/ui": "1.0.107",
-    "@teambit/component-issues": "0.0.137",
-    "@teambit/cli-table": "0.0.45",
-    "@teambit/component-descriptor": "0.0.407",
+    "@teambit/cli": "0.0.841",
+    "@teambit/express": "0.0.940",
+    "@teambit/graphql": "1.0.109",
+    "@teambit/command-bar": "1.0.109",
+    "@teambit/component-package-version": "0.0.431",
+    "@teambit/preview": "1.0.109",
+    "@teambit/pubsub": "1.0.109",
+    "@teambit/react-router": "1.0.109",
+    "@teambit/ui": "1.0.109",
+    "@teambit/component-issues": "0.0.138",
+    "@teambit/cli-table": "0.0.46",
+    "@teambit/component-descriptor": "0.0.409",
     "@teambit/harmony.ui.aspect-box": "0.0.505",
-    "@teambit/compositions": "1.0.107",
-    "@teambit/deprecation": "1.0.107",
-    "@teambit/envs": "1.0.107",
-    "@teambit/envs.ui.env-icon": "0.0.503"
+    "@teambit/envs.ui.env-icon": "0.0.503",
+    "@teambit/compositions": "1.0.109",
+    "@teambit/deprecation": "1.0.109",
+    "@teambit/envs": "1.0.109"
   },
   "devDependencies": {
-    "@types/react": "^17.0.8",
     "@types/lodash": "4.14.165",
     "@types/semver": "7.3.4",
     "@types/lodash.flatten": "4.4.6",
     "@types/classnames": "2.2.11",
     "@types/lodash.compact": "3.0.6",
     "@types/mocha": "9.1.0",
-    "@types/node": "12.20.4",
-    "@types/react-dom": "^17.0.5",
-    "@types/jest": "^26.0.0",
-    "@types/testing-library__jest-dom": "5.9.5",
-    "@teambit/component.content.component-overview": "1.95.0"
+    "@types/jest": "^29.2.2",
+    "@types/testing-library__jest-dom": "^5.9.5",
+    "@teambit/component.content.component-overview": "1.95.0",
+    "@teambit/harmony.envs.core-aspect-env": "0.0.14"
   },
   "peerDependencies": {
     "@apollo/client": "^3.6.0",
-    "react-router-dom": "^6.0.0",
-    "@teambit/legacy": "1.0.624",
-    "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "react": "^17.0.0 || ^18.0.0",
+    "react-router-dom": "^6.8.1",
+    "@types/react": "^18.2.12",
+    "@teambit/legacy": "1.0.624"
   },
   "license": "Apache-2.0",
   "optionalDependencies": {},
@@ -103,7 +99,7 @@
   },
   "private": false,
   "engines": {
-    "node": ">=12.22.0"
+    "node": ">=16.0.0"
   },
   "repository": {
     "type": "git",
@@ -112,12 +108,9 @@
   "keywords": [
     "bit",
     "bit-aspect",
+    "bit-core-aspect",
     "components",
     "collaboration",
-    "web",
-    "react",
-    "react-components",
-    "angular",
-    "angular-components"
+    "web"
   ]
 }

package/tsconfig.json

@@ -1,38 +1,33 @@
 {
   "compilerOptions": {
     "lib": [
-      "es2019",
-      "DOM",
-      "ES6",
-      "DOM.Iterable",
-      "ScriptHost"
+      "esnext",
+      "dom",
+      "dom.Iterable"
     ],
-    "target": "es2015",
-    "module": "CommonJS",
-    "jsx": "react",
-    "allowJs": true,
-    "composite": true,
+    "target": "es2020",
+    "module": "es2020",
+    "jsx": "react-jsx",
     "declaration": true,
     "sourceMap": true,
-    "skipLibCheck": true,
     "experimentalDecorators": true,
-    "outDir": "dist",
+    "skipLibCheck": true,
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "rootDir": ".",
     "resolveJsonModule": true,
-    "emitDeclarationOnly": true,
-    "emitDecoratorMetadata": true,
-    "allowSyntheticDefaultImports": true,
-    "strictPropertyInitialization": false,
-    "strict": true,
-    "noImplicitAny": false,
-    "preserveConstEnums": true
+    "allowJs": true,
+    "outDir": "dist",
+    "emitDeclarationOnly": true
   },
   "exclude": [
+    "artifacts",
+    "public",
     "dist",
+    "node_modules",
+    "package.json",
     "esm.mjs",
-    "package.json"
+    "**/*.cjs",
+    "./dist"
   ],
   "include": [
     "**/*",

package/types/asset.d.ts

@@ -5,12 +5,12 @@ declare module '*.png' {
 declare module '*.svg' {
   import type { FunctionComponent, SVGProps } from 'react';
 
-  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
   const src: string;
   export default src;
 }
-
-// @TODO Gilad
 declare module '*.jpg' {
   const value: any;
   export = value;
@@ -27,3 +27,15 @@ declare module '*.bmp' {
   const value: any;
   export = value;
 }
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}