@teambit/lanes.hooks.use-lane-components 0.0.1

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { useLaneComponents } from './use-lane-components';

package/dist/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLaneComponents = void 0;
+var use_lane_components_1 = require("./use-lane-components");
+Object.defineProperty(exports, "useLaneComponents", { enumerable: true, get: function () { return use_lane_components_1.useLaneComponents; } });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":";;;AAAA,6DAA0D;AAAjD,wHAAA,iBAAiB,OAAA"}

package/dist/tsconfig.json

@@ -0,0 +1,32 @@
+{
+    "compilerOptions": {
+        "lib": [
+            "es2019",
+            "DOM",
+            "ES6",
+            "DOM.Iterable"
+        ],
+        "target": "es2015",
+        "module": "CommonJS",
+        "jsx": "react",
+        "allowJs": true,
+        "composite": true,
+        "declaration": true,
+        "sourceMap": true,
+        "skipLibCheck": true,
+        "experimentalDecorators": true,
+        "outDir": "dist",
+        "moduleResolution": "node",
+        "esModuleInterop": true,
+        "rootDir": ".",
+        "resolveJsonModule": true
+    },
+    "exclude": [
+        "dist",
+        "package.json"
+    ],
+    "include": [
+        "**/*",
+        "**/*.json"
+    ]
+}

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

@@ -0,0 +1,6 @@
+import { QueryResult } from '@apollo/client';
+import { LaneModel, LanesQuery } from '@teambit/lanes.ui.models';
+import { ComponentModel } from '@teambit/component';
+export declare function useLaneComponents(lane: LaneModel): {
+    components?: Array<ComponentModel>;
+} & Omit<QueryResult<LanesQuery>, 'data'>;

package/dist/use-lane-components.js

@@ -0,0 +1,51 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLaneComponents = void 0;
+const ui_foundation_ui_hooks_use_data_query_1 = require("@teambit/ui-foundation.ui.hooks.use-data-query");
+const client_1 = require("@apollo/client");
+const component_1 = require("@teambit/component");
+const GET_LANE_COMPONENTS = (0, client_1.gql) `
+  query LaneComponent($ids: [String!], $extensionId: String) {
+    lanes {
+      id
+      list(ids: $ids) {
+        id
+        remote
+        isMerged
+        components {
+          ...componentOverviewFields
+        }
+        readmeComponent {
+          ...componentOverviewFields
+        }
+      }
+    }
+    getHost(id: $extensionId) {
+      id
+    }
+  }
+  ${component_1.componentOverviewFields}
+`;
+function useLaneComponents(lane) {
+    const _a = (0, ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANE_COMPONENTS, {
+        variables: { ids: [lane.name] },
+    }), { 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 }));
+        return componentModel;
+    });
+    return Object.assign(Object.assign({}, rest), { components });
+}
+exports.useLaneComponents = useLaneComponents;
+//# sourceMappingURL=use-lane-components.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-lane-components.js","sourceRoot":"","sources":["../use-lane-components.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,0GAA8E;AAC9E,2CAAkD;AAElD,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"}

package/index.ts

@@ -0,0 +1 @@
+export { useLaneComponents } from './use-lane-components';

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@teambit/lanes.hooks.use-lane-components",
+  "version": "0.0.1",
+  "main": "dist/index.js",
+  "componentId": {
+    "scope": "teambit.lanes",
+    "name": "hooks/use-lane-components",
+    "version": "0.0.1"
+  },
+  "dependencies": {
+    "@teambit/lanes.ui.models": "0.0.1",
+    "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.488"
+  },
+  "devDependencies": {
+    "@types/mocha": "9.1.0",
+    "@babel/runtime": "7.12.18",
+    "@types/node": "12.20.4",
+    "@types/jest": "26.0.20"
+  },
+  "peerDependencies": {
+    "@apollo/client": "^3.0.0"
+  },
+  "license": "Apache-2.0",
+  "private": false,
+  "engines": {
+    "node": ">=12.22.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/teambit/bit"
+  },
+  "keywords": [
+    "bit",
+    "components",
+    "collaboration",
+    "web",
+    "react",
+    "react-components",
+    "angular",
+    "angular-components",
+    "vue",
+    "vue-components"
+  ]
+}

package/preview-1660793399184.js

@@ -0,0 +1,5 @@
+;
+;
+
+export const compositions = [];
+export const overview = [];

package/tsconfig.json

@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "es2019",
+      "DOM",
+      "ES6",
+      "DOM.Iterable"
+    ],
+    "target": "es2015",
+    "module": "CommonJS",
+    "jsx": "react",
+    "allowJs": true,
+    "composite": true,
+    "declaration": true,
+    "sourceMap": true,
+    "skipLibCheck": true,
+    "experimentalDecorators": true,
+    "outDir": "dist",
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "rootDir": ".",
+    "resolveJsonModule": true
+  },
+  "exclude": [
+    "dist",
+    "package.json"
+  ],
+  "include": [
+    "**/*",
+    "**/*.json"
+  ]
+}

package/types/asset.d.ts

@@ -0,0 +1,29 @@
+declare module '*.png' {
+  const value: any;
+  export = value;
+}
+declare module '*.svg' {
+  import type { FunctionComponent, SVGProps } from 'react';
+
+  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
+  const src: string;
+  export default src;
+}
+
+// @TODO Gilad
+declare module '*.jpg' {
+  const value: any;
+  export = value;
+}
+declare module '*.jpeg' {
+  const value: any;
+  export = value;
+}
+declare module '*.gif' {
+  const value: any;
+  export = value;
+}
+declare module '*.bmp' {
+  const value: any;
+  export = value;
+}

package/types/style.d.ts

@@ -0,0 +1,42 @@
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.mdx' {
+  const component: any;
+  export default component;
+}

package/use-lane-components.tsx

@@ -0,0 +1,45 @@
+import { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';
+import { gql, QueryResult } from '@apollo/client';
+import { LaneModel, LanesQuery } from '@teambit/lanes.ui.models';
+import { ComponentModel, componentOverviewFields } from '@teambit/component';
+
+const GET_LANE_COMPONENTS = gql`
+  query LaneComponent($ids: [String!], $extensionId: String) {
+    lanes {
+      id
+      list(ids: $ids) {
+        id
+        remote
+        isMerged
+        components {
+          ...componentOverviewFields
+        }
+        readmeComponent {
+          ...componentOverviewFields
+        }
+      }
+    }
+    getHost(id: $extensionId) {
+      id
+    }
+  }
+  ${componentOverviewFields}
+`;
+
+export function useLaneComponents(lane: LaneModel): {
+  components?: Array<ComponentModel>;
+} & Omit<QueryResult<LanesQuery>, 'data'> {
+  const { data, ...rest } = useDataQuery(GET_LANE_COMPONENTS, {
+    variables: { ids: [lane.name] },
+  });
+
+  const components = data?.lanes.list[0].components.map((component) => {
+    const componentModel = ComponentModel.from({ ...component, host: data.getHost.id });
+    return componentModel;
+  });
+
+  return {
+    ...rest,
+    components,
+  };
+}