@teambit/component 0.0.676 → 0.0.679

package/component.composition.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const Logo = () => (
+  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>
+    <img style={{ width: 70 }} src="https://static.bit.dev/bit-icons/components.svg" />
+  </div>
+);

package/component.docs.mdx

@@ -1,5 +1,5 @@
 ---
-description: Handles component data and versioning
+description: Composable, independent and reusable piece of software.
 labels: ['component', 'bit', 'extension', 'aspect']
 ---
 

package/dist/component.composition.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Logo: () => JSX.Element;

package/dist/component.composition.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Logo = void 0;
+
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function () {
+    return data;
+  };
+
+  return data;
+}
+
+const Logo = () => /*#__PURE__*/_react().default.createElement("div", {
+  style: {
+    height: '100%',
+    display: 'flex',
+    justifyContent: 'center'
+  }
+}, /*#__PURE__*/_react().default.createElement("img", {
+  style: {
+    width: 70
+  },
+  src: "https://static.bit.dev/bit-icons/components.svg"
+}));
+
+exports.Logo = Logo;
+
+//# sourceMappingURL=component.composition.js.map

package/dist/component.composition.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component.composition.tsx"],"names":["Logo","height","display","justifyContent","width"],"mappings":";;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,IAAI,GAAG,mBAClB;AAAK,EAAA,KAAK,EAAE;AAAEC,IAAAA,MAAM,EAAE,MAAV;AAAkBC,IAAAA,OAAO,EAAE,MAA3B;AAAmCC,IAAAA,cAAc,EAAE;AAAnD;AAAZ,gBACE;AAAK,EAAA,KAAK,EAAE;AAAEC,IAAAA,KAAK,EAAE;AAAT,GAAZ;AAA2B,EAAA,GAAG,EAAC;AAA/B,EADF,CADK","sourcesContent":["import React from 'react';\n\nexport const Logo = () => (\n  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>\n    <img style={{ width: 70 }} src=\"https://static.bit.dev/bit-icons/components.svg\" />\n  </div>\n);\n"]}

package/dist/component.docs.mdx

@@ -1,5 +1,5 @@
 ---
-description: Handles component data and versioning
+description: Composable, independent and reusable piece of software.
 labels: ['component', 'bit', 'extension', 'aspect']
 ---
 

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

@@ -102,7 +102,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const GET_COMPONENT = (0, _client().gql)`
-  query($id: String!) {
+  query ($id: String!) {
     getHost {
       get(id: $id) {
         aspects {
@@ -114,7 +114,7 @@ const GET_COMPONENT = (0, _client().gql)`
       }
     }
   }
-`;
+`; // TODO: get the docs domain from the community aspect and pass it here as a prop
 
 function AspectPage() {
   var _data$getHost, _data$getHost$get;
@@ -133,7 +133,7 @@ function AspectPage() {
     return /*#__PURE__*/_react().default.createElement(_designUi().EmptyBox, {
       title: "This component is new and doesn\u2019t have any aspects.",
       linkText: "Learn more about component aspects",
-      link: "https://harmony-docs.bit.dev/aspects/aspects-overview"
+      link: `https://bit.dev/docs/extending-bit/aspect-overview`
     });
   }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["aspect-page.tsx"],"names":["GET_COMPONENT","AspectPage","component","ComponentContext","data","variables","id","_legacy","name","aspectList","getHost","get","aspects","length","styles","aspectPage","title","separator","map","aspect","index","aspectBox","icon","config"],"mappings":";;;;;;;;;AAAA;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;;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,MAAMA,aAAa,GAAG,kBAAI;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAbA;;AAeO,SAASC,UAAT,GAAsB;AAAA;;AAC3B,QAAMC,SAAS,GAAG,yBAAWC,6BAAX,CAAlB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAW,yCAAaJ,aAAb,EAA4B;AAC3CK,IAAAA,SAAS,EAAE;AAAEC,MAAAA,EAAE,EAAEJ,SAAS,CAACI,EAAV,CAAaC,OAAb,CAAqBC;AAA3B;AADgC,GAA5B,CAAjB;AAGA,QAAMC,UAAU,GAAGL,IAAH,aAAGA,IAAH,wCAAGA,IAAI,CAAEM,OAAT,uEAAG,cAAeC,GAAlB,sDAAG,kBAAoBC,OAAvC;;AAEA,MAAIH,UAAU,IAAIA,UAAU,CAACI,MAAX,KAAsB,CAAxC,EAA2C;AACzC,wBACE,+BAAC,oBAAD;AACE,MAAA,KAAK,EAAC,0DADR;AAEE,MAAA,QAAQ,EAAC,oCAFX;AAGE,MAAA,IAAI,EAAC;AAHP,MADF;AAOD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAEC,4BAAOC;AAAvB,kBACE,yDACE,+BAAC,kBAAD;AAAI,IAAA,SAAS,EAAED,4BAAOE;AAAtB,qBADF,eAEE,+BAAC,0BAAD;AAAW,IAAA,SAAS,EAAEF,4BAAOG;AAA7B,IAFF,EAGGR,UAAU,IACTA,UAAU,CAACS,GAAX,CAAe,CAACC,MAAD,EAASC,KAAT,KAAmB;AAChC,wBACE,+BAAC,sBAAD;AACE,MAAA,GAAG,EAAEA,KADP;AAEE,MAAA,SAAS,EAAEN,4BAAOO,SAFpB;AAGE,MAAA,IAAI,EAAEF,MAAM,CAACb,EAHf;AAIE,MAAA,IAAI,EAAEa,MAAM,CAACG,IAJf;AAKE,MAAA,MAAM,EAAEH,MAAM,CAACI,MALjB;AAME,MAAA,IAAI,EAAEJ,MAAM,CAACf;AANf,MADF;AAUD,GAXD,CAJJ,CADF,CADF;AAqBD","sourcesContent":["import { AspectBox } from '@teambit/harmony.ui.aspect-box';\nimport { ComponentContext } from '@teambit/component';\nimport React, { useContext } from 'react';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { gql } from '@apollo/client';\nimport { EmptyBox } from '@teambit/design.ui.empty-box';\nimport { H1 } from '@teambit/documenter.ui.heading';\nimport { Separator } from '@teambit/documenter.ui.separator';\nimport styles from './aspect-page.module.scss';\n\nconst GET_COMPONENT = gql`\n  query($id: String!) {\n    getHost {\n      get(id: $id) {\n        aspects {\n          id\n          config\n          data\n          icon\n        }\n      }\n    }\n  }\n`;\n\nexport function AspectPage() {\n  const component = useContext(ComponentContext);\n  const { data } = useDataQuery(GET_COMPONENT, {\n    variables: { id: component.id._legacy.name },\n  });\n  const aspectList = data?.getHost?.get?.aspects;\n\n  if (aspectList && aspectList.length === 0) {\n    return (\n      <EmptyBox\n        title=\"This component is new and doesn’t have any aspects.\"\n        linkText=\"Learn more about component aspects\"\n        link=\"https://harmony-docs.bit.dev/aspects/aspects-overview\"\n      />\n    );\n  }\n\n  return (\n    <div className={styles.aspectPage}>\n      <div>\n        <H1 className={styles.title}>Configuration</H1>\n        <Separator className={styles.separator} />\n        {aspectList &&\n          aspectList.map((aspect, index) => {\n            return (\n              <AspectBox\n                key={index}\n                className={styles.aspectBox}\n                name={aspect.id}\n                icon={aspect.icon}\n                config={aspect.config}\n                data={aspect.data}\n              />\n            );\n          })}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["aspect-page.tsx"],"names":["GET_COMPONENT","AspectPage","component","ComponentContext","data","variables","id","_legacy","name","aspectList","getHost","get","aspects","length","styles","aspectPage","title","separator","map","aspect","index","aspectBox","icon","config"],"mappings":";;;;;;;;;AAAA;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;;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,MAAMA,aAAa,GAAG,kBAAI;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAbA,C,CAeA;;AACO,SAASC,UAAT,GAAsB;AAAA;;AAC3B,QAAMC,SAAS,GAAG,yBAAWC,6BAAX,CAAlB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAW,yCAAaJ,aAAb,EAA4B;AAC3CK,IAAAA,SAAS,EAAE;AAAEC,MAAAA,EAAE,EAAEJ,SAAS,CAACI,EAAV,CAAaC,OAAb,CAAqBC;AAA3B;AADgC,GAA5B,CAAjB;AAGA,QAAMC,UAAU,GAAGL,IAAH,aAAGA,IAAH,wCAAGA,IAAI,CAAEM,OAAT,uEAAG,cAAeC,GAAlB,sDAAG,kBAAoBC,OAAvC;;AAEA,MAAIH,UAAU,IAAIA,UAAU,CAACI,MAAX,KAAsB,CAAxC,EAA2C;AACzC,wBACE,+BAAC,oBAAD;AACE,MAAA,KAAK,EAAC,0DADR;AAEE,MAAA,QAAQ,EAAC,oCAFX;AAGE,MAAA,IAAI,EAAG;AAHT,MADF;AAOD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAEC,4BAAOC;AAAvB,kBACE,yDACE,+BAAC,kBAAD;AAAI,IAAA,SAAS,EAAED,4BAAOE;AAAtB,qBADF,eAEE,+BAAC,0BAAD;AAAW,IAAA,SAAS,EAAEF,4BAAOG;AAA7B,IAFF,EAGGR,UAAU,IACTA,UAAU,CAACS,GAAX,CAAe,CAACC,MAAD,EAASC,KAAT,KAAmB;AAChC,wBACE,+BAAC,sBAAD;AACE,MAAA,GAAG,EAAEA,KADP;AAEE,MAAA,SAAS,EAAEN,4BAAOO,SAFpB;AAGE,MAAA,IAAI,EAAEF,MAAM,CAACb,EAHf;AAIE,MAAA,IAAI,EAAEa,MAAM,CAACG,IAJf;AAKE,MAAA,MAAM,EAAEH,MAAM,CAACI,MALjB;AAME,MAAA,IAAI,EAAEJ,MAAM,CAACf;AANf,MADF;AAUD,GAXD,CAJJ,CADF,CADF;AAqBD","sourcesContent":["import { AspectBox } from '@teambit/harmony.ui.aspect-box';\nimport { ComponentContext } from '@teambit/component';\nimport React, { useContext } from 'react';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { gql } from '@apollo/client';\nimport { EmptyBox } from '@teambit/design.ui.empty-box';\nimport { H1 } from '@teambit/documenter.ui.heading';\nimport { Separator } from '@teambit/documenter.ui.separator';\nimport styles from './aspect-page.module.scss';\n\nconst GET_COMPONENT = gql`\n  query ($id: String!) {\n    getHost {\n      get(id: $id) {\n        aspects {\n          id\n          config\n          data\n          icon\n        }\n      }\n    }\n  }\n`;\n\n// TODO: get the docs domain from the community aspect and pass it here as a prop\nexport function AspectPage() {\n  const component = useContext(ComponentContext);\n  const { data } = useDataQuery(GET_COMPONENT, {\n    variables: { id: component.id._legacy.name },\n  });\n  const aspectList = data?.getHost?.get?.aspects;\n\n  if (aspectList && aspectList.length === 0) {\n    return (\n      <EmptyBox\n        title=\"This component is new and doesn’t have any aspects.\"\n        linkText=\"Learn more about component aspects\"\n        link={`https://bit.dev/docs/extending-bit/aspect-overview`}\n      />\n    );\n  }\n\n  return (\n    <div className={styles.aspectPage}>\n      <div>\n        <H1 className={styles.title}>Configuration</H1>\n        <Separator className={styles.separator} />\n        {aspectList &&\n          aspectList.map((aspect, index) => {\n            return (\n              <AspectBox\n                key={index}\n                className={styles.aspectBox}\n                name={aspect.id}\n                icon={aspect.icon}\n                config={aspect.config}\n                data={aspect.data}\n              />\n            );\n          })}\n      </div>\n    </div>\n  );\n}\n"]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/component",
-  "version": "0.0.676",
+  "version": "0.0.679",
   "homepage": "https://bit.dev/teambit/component/component",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component",
-    "version": "0.0.676"
+    "version": "0.0.679"
   },
   "dependencies": {
     "@teambit/any-fs": "0.0.5",
@@ -27,41 +27,41 @@
     "@teambit/documenter.ui.heading": "4.1.1",
     "@teambit/documenter.ui.separator": "4.1.1",
     "@teambit/base-ui.routing.routing-provider": "1.0.0",
-    "@teambit/component-id": "0.0.401",
+    "@teambit/component-id": "0.0.402",
     "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.488",
-    "@teambit/aspect-loader": "0.0.676",
-    "@teambit/legacy-bit-id": "0.0.398",
+    "@teambit/aspect-loader": "0.0.679",
+    "@teambit/legacy-bit-id": "0.0.399",
     "@teambit/toolbox.string.capitalize": "0.0.483",
-    "@teambit/cli": "0.0.453",
-    "@teambit/config": "0.0.466",
-    "@teambit/express": "0.0.549",
-    "@teambit/graphql": "0.0.676",
+    "@teambit/cli": "0.0.454",
+    "@teambit/config": "0.0.467",
+    "@teambit/express": "0.0.550",
+    "@teambit/graphql": "0.0.679",
     "@teambit/bit-error": "0.0.394",
-    "@teambit/command-bar": "0.0.676",
-    "@teambit/preview": "0.0.676",
-    "@teambit/pubsub": "0.0.676",
+    "@teambit/command-bar": "0.0.679",
+    "@teambit/preview": "0.0.679",
+    "@teambit/pubsub": "0.0.679",
     "@teambit/ui-foundation.ui.is-browser": "0.0.486",
     "@teambit/ui-foundation.ui.main-dropdown": "0.0.486",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.488",
-    "@teambit/ui-foundation.ui.use-box.menu": "0.0.111",
-    "@teambit/ui": "0.0.676",
-    "@teambit/component-issues": "0.0.46",
+    "@teambit/ui-foundation.ui.use-box.menu": "0.0.113",
+    "@teambit/ui": "0.0.679",
+    "@teambit/component-issues": "0.0.47",
     "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.487",
     "@teambit/cli-table": "0.0.33",
-    "@teambit/component-descriptor": "0.0.16",
-    "@teambit/lanes.ui.lanes": "0.0.14",
+    "@teambit/component-descriptor": "0.0.19",
+    "@teambit/lanes.ui.lanes": "0.0.17",
     "@teambit/ui-foundation.ui.react-router.use-query": "0.0.486",
     "@teambit/design.ui.empty-box": "0.0.353",
     "@teambit/harmony.ui.aspect-box": "0.0.486",
-    "@teambit/design.ui.pages.not-found": "0.0.353",
-    "@teambit/design.ui.pages.server-error": "0.0.353",
-    "@teambit/compositions": "0.0.676",
-    "@teambit/deprecation": "0.0.676",
-    "@teambit/envs": "0.0.676",
+    "@teambit/compositions": "0.0.679",
+    "@teambit/deprecation": "0.0.679",
+    "@teambit/envs": "0.0.679",
     "@teambit/legacy-component-log": "0.0.392",
-    "@teambit/component.ui.version-dropdown": "0.0.499",
+    "@teambit/design.ui.pages.not-found": "0.0.354",
+    "@teambit/design.ui.pages.server-error": "0.0.354",
+    "@teambit/component.ui.version-dropdown": "0.0.502",
     "@teambit/ui-foundation.ui.full-loader": "0.0.486",
-    "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.111",
+    "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.113",
     "@teambit/ui-foundation.ui.react-router.extend-path": "0.0.486"
   },
   "devDependencies": {
@@ -81,7 +81,7 @@
   },
   "peerDependencies": {
     "@apollo/client": "^3.0.0",
-    "@teambit/legacy": "1.0.232",
+    "@teambit/legacy": "1.0.233",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -109,7 +109,7 @@
         "react": "-"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.232",
+        "@teambit/legacy": "1.0.233",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }

package/preview-1647509820722.js

@@ -0,0 +1,2 @@
+export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_component@0.0.679/dist/component.composition.js')]
+export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_component@0.0.679/dist/component.docs.mdx')]

package/ui/aspect-page/aspect-page.tsx

@@ -9,7 +9,7 @@ import { Separator } from '@teambit/documenter.ui.separator';
 import styles from './aspect-page.module.scss';
 
 const GET_COMPONENT = gql`
-  query($id: String!) {
+  query ($id: String!) {
     getHost {
       get(id: $id) {
         aspects {
@@ -23,6 +23,7 @@ const GET_COMPONENT = gql`
   }
 `;
 
+// TODO: get the docs domain from the community aspect and pass it here as a prop
 export function AspectPage() {
   const component = useContext(ComponentContext);
   const { data } = useDataQuery(GET_COMPONENT, {
@@ -35,7 +36,7 @@ export function AspectPage() {
       <EmptyBox
         title="This component is new and doesn’t have any aspects."
         linkText="Learn more about component aspects"
-        link="https://harmony-docs.bit.dev/aspects/aspects-overview"
+        link={`https://bit.dev/docs/extending-bit/aspect-overview`}
       />
     );
   }

package/preview-1647314610121.js

@@ -1 +0,0 @@
-export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_component@0.0.676/dist/component.docs.mdx')]