@teambit/lanes.hooks.use-lane-components 0.0.37 → 0.0.38

package/dist/use-lane-components.d.ts

@@ -1,8 +1,9 @@
 import { DataQueryResult } from '@teambit/ui-foundation.ui.hooks.use-data-query';
-import { LaneModel, LanesQuery } from '@teambit/lanes.ui.models';
+import { LanesQuery } from '@teambit/lanes.ui.models.lanes-model';
 import { ComponentModel } from '@teambit/component';
-export declare function useLaneComponents(lane: LaneModel): {
+import { LaneId } from '@teambit/lane-id';
+export declare function useLaneComponents(laneId?: LaneId): {
     components?: Array<ComponentModel>;
 } & Omit<DataQueryResult<LanesQuery, {
-    ids: string[];
+    ids: (string | undefined)[];
 }>, 'data'>;

package/dist/use-lane-components.js

@@ -20,9 +20,11 @@ const GET_LANE_COMPONENTS = (0, client_1.gql) `
     lanes {
       id
       list(ids: $ids) {
-        id
-        remote
-        isMerged
+        id {
+          name
+          scope
+        }
+        hash
         components {
           ...componentOverviewFields
         }
@@ -37,9 +39,13 @@ const GET_LANE_COMPONENTS = (0, client_1.gql) `
   }
   ${component_1.componentOverviewFields}
 `;
-function useLaneComponents(lane) {
+function useLaneComponents(laneId) {
+    /**
+     * query from context if exists
+     */
     const _a = (0, ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANE_COMPONENTS, {
-        variables: { ids: [lane.name] },
+        variables: { ids: [laneId === null || laneId === void 0 ? void 0 : laneId.toString()] },
+        skip: !laneId,
     }), { data } = _a, rest = __rest(_a, ["data"]);
     const components = data === null || data === void 0 ? void 0 : data.lanes.list[0].components.map((component) => {
         const componentModel = component_1.ComponentModel.from(Object.assign(Object.assign({}, component), { host: data.getHost.id }));

package/dist/use-lane-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-lane-components.js","sourceRoot":"","sources":["../use-lane-components.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,0GAA+F;AAC/F,2CAAqC;AAErC,kDAA6E;AAE7E,MAAM,mBAAmB,GAAG,IAAA,YAAG,EAAA;;;;;;;;;;;;;;;;;;;;IAoB3B,mCAAuB;CAC1B,CAAC;AAEF,SAAgB,iBAAiB,CAAC,IAAe;IAG/C,MAAM,KAAoB,IAAA,oDAAY,EAAC,mBAAmB,EAAE;QAC1D,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;KAChC,CAAC,EAFI,EAAE,IAAI,OAEV,EAFe,IAAI,cAAf,QAAiB,CAErB,CAAC;IAEH,MAAM,UAAU,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;QAClE,MAAM,cAAc,GAAG,0BAAc,CAAC,IAAI,iCAAM,SAAS,KAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,EAAE,IAAG,CAAC;QACpF,OAAO,cAAc,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,uCACK,IAAI,KACP,UAAU,IACV;AACJ,CAAC;AAhBD,8CAgBC"}
+{"version":3,"file":"use-lane-components.js","sourceRoot":"","sources":["../use-lane-components.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,0GAA+F;AAC/F,2CAAqC;AAErC,kDAA6E;AAG7E,MAAM,mBAAmB,GAAG,IAAA,YAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;IAsB3B,mCAAuB;CAC1B,CAAC;AAEF,SAAgB,iBAAiB,CAAC,MAAe;IAG/C;;OAEG;IAEH,MAAM,KAAoB,IAAA,oDAAY,EAAC,mBAAmB,EAAE;QAC1D,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE,CAAC,EAAE;QACxC,IAAI,EAAE,CAAC,MAAM;KACd,CAAC,EAHI,EAAE,IAAI,OAGV,EAHe,IAAI,cAAf,QAAiB,CAGrB,CAAC;IAEH,MAAM,UAAU,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;QAClE,MAAM,cAAc,GAAG,0BAAc,CAAC,IAAI,iCAAM,SAAS,KAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,EAAE,IAAG,CAAC;QACpF,OAAO,cAAc,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,uCACK,IAAI,KACP,UAAU,IACV;AACJ,CAAC;AArBD,8CAqBC"}

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@teambit/lanes.hooks.use-lane-components",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "homepage": "https://bit.dev/teambit/lanes/hooks/use-lane-components",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.lanes",
     "name": "hooks/use-lane-components",
-    "version": "0.0.37"
+    "version": "0.0.38"
   },
   "dependencies": {
-    "@teambit/lanes.ui.models": "0.0.36",
+    "@teambit/lane-id": "0.0.97",
+    "@teambit/lanes.ui.models.lanes-model": "0.0.1",
     "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.496"
   },
   "devDependencies": {

package/use-lane-components.tsx

@@ -1,16 +1,19 @@
 import { useDataQuery, DataQueryResult } from '@teambit/ui-foundation.ui.hooks.use-data-query';
 import { gql } from '@apollo/client';
-import { LaneModel, LanesQuery } from '@teambit/lanes.ui.models';
+import { LanesQuery } from '@teambit/lanes.ui.models.lanes-model';
 import { ComponentModel, componentOverviewFields } from '@teambit/component';
+import { LaneId } from '@teambit/lane-id';
 
 const GET_LANE_COMPONENTS = gql`
   query LaneComponent($ids: [String!], $extensionId: String) {
     lanes {
       id
       list(ids: $ids) {
-        id
-        remote
-        isMerged
+        id {
+          name
+          scope
+        }
+        hash
         components {
           ...componentOverviewFields
         }
@@ -26,11 +29,16 @@ const GET_LANE_COMPONENTS = gql`
   ${componentOverviewFields}
 `;
 
-export function useLaneComponents(lane: LaneModel): {
+export function useLaneComponents(laneId?: LaneId): {
   components?: Array<ComponentModel>;
-} & Omit<DataQueryResult<LanesQuery, { ids: string[] }>, 'data'> {
+} & Omit<DataQueryResult<LanesQuery, { ids: (string | undefined)[] }>, 'data'> {
+  /**
+   * query from context if exists
+   */
+
   const { data, ...rest } = useDataQuery(GET_LANE_COMPONENTS, {
-    variables: { ids: [lane.name] },
+    variables: { ids: [laneId?.toString()] },
+    skip: !laneId,
   });
 
   const components = data?.lanes.list[0].components.map((component) => {