@teambit/docs 0.0.804 → 0.0.805

package/dist/docs.compare.section.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TitleBadgeSlot } from '@teambit/docs';
 import { Section } from '@teambit/component';
+import { TitleBadgeSlot } from './overview';
 export declare class OverviewCompareSection implements Section {
     private titleBadgeSlot;
     constructor(titleBadgeSlot: TitleBadgeSlot);

package/dist/docs.compare.section.js.map

@@ -1 +1 @@
-{"version":3,"names":["OverviewCompareSection","constructor","titleBadgeSlot","href","children","exact","order","path","element"],"sources":["docs.compare.section.tsx"],"sourcesContent":["import React from 'react';\nimport { TitleBadgeSlot } from '@teambit/docs';\nimport { Section } from '@teambit/component';\nimport { OverviewCompare } from '@teambit/docs.ui.overview-compare';\n\nexport class OverviewCompareSection implements Section {\n  constructor(private titleBadgeSlot: TitleBadgeSlot) {}\n\n  navigationLink = {\n    href: '.',\n    children: 'Overview',\n    exact: true,\n    order: 0,\n  };\n\n  route = {\n    path: '*',\n    element: <OverviewCompare titleBadges={this.titleBadgeSlot} />,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,sBAAN,CAAgD;EACrDC,WAAW,CAASC,cAAT,EAAyC;IAAA,KAAhCA,cAAgC,GAAhCA,cAAgC;IAAA,wDAEnC;MACfC,IAAI,EAAE,GADS;MAEfC,QAAQ,EAAE,UAFK;MAGfC,KAAK,EAAE,IAHQ;MAIfC,KAAK,EAAE;IAJQ,CAFmC;IAAA,+CAS5C;MACNC,IAAI,EAAE,GADA;MAENC,OAAO,eAAE,+BAAC,yBAAD;QAAiB,WAAW,EAAE,KAAKN;MAAnC;IAFH,CAT4C;EAAE;;AADD"}
+{"version":3,"names":["OverviewCompareSection","constructor","titleBadgeSlot","href","children","exact","order","path","element"],"sources":["docs.compare.section.tsx"],"sourcesContent":["import React from 'react';\nimport { Section } from '@teambit/component';\nimport { OverviewCompare } from '@teambit/docs.ui.overview-compare';\nimport { TitleBadgeSlot } from './overview';\n\nexport class OverviewCompareSection implements Section {\n  constructor(private titleBadgeSlot: TitleBadgeSlot) {}\n\n  navigationLink = {\n    href: '.',\n    children: 'Overview',\n    exact: true,\n    order: 0,\n  };\n\n  route = {\n    path: '*',\n    element: <OverviewCompare titleBadges={this.titleBadgeSlot} />,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGO,MAAMA,sBAAN,CAAgD;EACrDC,WAAW,CAASC,cAAT,EAAyC;IAAA,KAAhCA,cAAgC,GAAhCA,cAAgC;IAAA,wDAEnC;MACfC,IAAI,EAAE,GADS;MAEfC,QAAQ,EAAE,UAFK;MAGfC,KAAK,EAAE,IAHQ;MAIfC,KAAK,EAAE;IAJQ,CAFmC;IAAA,+CAS5C;MACNC,IAAI,EAAE,GADA;MAENC,OAAO,eAAE,+BAAC,yBAAD;QAAiB,WAAW,EAAE,KAAKN;MAAnC;IAFH,CAT4C;EAAE;;AADD"}

package/dist/docs.ui.runtime.d.ts

@@ -1,18 +1,17 @@
 import { ComponentUI } from '@teambit/component';
-import type { TitleBadge } from '@teambit/component.ui.component-meta';
 import { ComponentCompareUI } from '@teambit/component-compare';
-import { TitleBadgeSlot } from './overview';
+import type { TitleBadgeSlot, TitleBadge } from './overview';
 export declare class DocsUI {
     readonly titleBadgeSlot: TitleBadgeSlot;
     constructor(titleBadgeSlot: TitleBadgeSlot);
     /**
      * register a new title badge into the overview section of a component.
      */
-    registerTitleBadge(...titleBadge: TitleBadge[]): this;
+    registerTitleBadge(titleBadges: TitleBadge | TitleBadge[]): this;
     /**
      * list all title badges registered.
      */
-    listTitleBadges(): TitleBadgeSlot;
+    listTitleBadges(): TitleBadge[];
     static dependencies: import("@teambit/harmony").Aspect[];
     static runtime: import("@teambit/harmony").RuntimeDefinition;
     static slots: ((registerFn: () => string) => import("@teambit/harmony").SlotRegistry<TitleBadge>)[];

package/dist/docs.ui.runtime.js

@@ -21,6 +21,16 @@ function _defineProperty2() {
   return data;
 }
 
+function _lodash() {
+  const data = require("lodash");
+
+  _lodash = function () {
+    return data;
+  };
+
+  return data;
+}
+
 function _component() {
   const data = require("@teambit/component");
 
@@ -100,8 +110,9 @@ class DocsUI {
    */
 
 
-  registerTitleBadge(...titleBadge) {
-    this.titleBadgeSlot.register(titleBadge);
+  registerTitleBadge(titleBadges) {
+    const badges = Array.isArray(titleBadges) ? titleBadges : [titleBadges];
+    this.titleBadgeSlot.register(badges);
     return this;
   }
   /**
@@ -110,12 +121,12 @@ class DocsUI {
 
 
   listTitleBadges() {
-    return this.titleBadgeSlot;
+    return (0, _lodash().flatten)(this.titleBadgeSlot.values());
   }
 
   static async provider([component, componentCompare], config, [titleBadgeSlot]) {
     const docs = new DocsUI(titleBadgeSlot);
-    const section = new (_overview().OverviewSection)(docs);
+    const section = new (_overview().OverviewSection)(titleBadgeSlot);
     const compareSection = new (_docsCompare().OverviewCompareSection)(titleBadgeSlot);
     component.registerRoute(section.route);
     component.registerNavigation(section.navigationLink, section.order);

package/dist/docs.ui.runtime.js.map

@@ -1 +1 @@
-{"version":3,"names":["DocsUI","constructor","titleBadgeSlot","registerTitleBadge","titleBadge","register","listTitleBadges","provider","component","componentCompare","config","docs","section","OverviewSection","compareSection","OverviewCompareSection","registerRoute","route","registerNavigation","navigationLink","order","props","registerRoutes","ComponentAspect","ComponentCompareAspect","UIRuntime","Slot","withType","DocsAspect","addRuntime"],"sources":["docs.ui.runtime.tsx"],"sourcesContent":["import { ComponentAspect, ComponentUI } from '@teambit/component';\nimport { Slot } from '@teambit/harmony';\nimport type { TitleBadge } from '@teambit/component.ui.component-meta';\nimport { UIRuntime } from '@teambit/ui';\nimport ComponentCompareAspect, { ComponentCompareUI } from '@teambit/component-compare';\n\nimport { DocsAspect } from './docs.aspect';\nimport { OverviewSection } from './overview.section';\nimport { TitleBadgeSlot } from './overview';\nimport { OverviewCompareSection } from './docs.compare.section';\n\nexport class DocsUI {\n  constructor(readonly titleBadgeSlot: TitleBadgeSlot) {}\n\n  /**\n   * register a new title badge into the overview section of a component.\n   */\n  registerTitleBadge(...titleBadge: TitleBadge[]) {\n    this.titleBadgeSlot.register(titleBadge);\n    return this;\n  }\n\n  /**\n   * list all title badges registered.\n   */\n  listTitleBadges() {\n    return this.titleBadgeSlot;\n  }\n\n  static dependencies = [ComponentAspect, ComponentCompareAspect];\n\n  static runtime = UIRuntime;\n\n  static slots = [Slot.withType<TitleBadge>()];\n\n  static async provider(\n    [component, componentCompare]: [ComponentUI, ComponentCompareUI],\n    config,\n    [titleBadgeSlot]: [TitleBadgeSlot]\n  ) {\n    const docs = new DocsUI(titleBadgeSlot);\n    const section = new OverviewSection(docs);\n    const compareSection = new OverviewCompareSection(titleBadgeSlot);\n\n    component.registerRoute(section.route);\n    component.registerNavigation(section.navigationLink, section.order);\n    componentCompare.registerNavigation({\n      props: compareSection.navigationLink,\n      order: compareSection.navigationLink.order,\n    });\n    componentCompare.registerRoutes([compareSection.route]);\n    return docs;\n  }\n}\n\nexport default DocsUI;\n\nDocsAspect.addRuntime(DocsUI);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,MAAN,CAAa;EAClBC,WAAW,CAAUC,cAAV,EAA0C;IAAA,KAAhCA,cAAgC,GAAhCA,cAAgC;EAAE;EAEvD;AACF;AACA;;;EACEC,kBAAkB,CAAC,GAAGC,UAAJ,EAA8B;IAC9C,KAAKF,cAAL,CAAoBG,QAApB,CAA6BD,UAA7B;IACA,OAAO,IAAP;EACD;EAED;AACF;AACA;;;EACEE,eAAe,GAAG;IAChB,OAAO,KAAKJ,cAAZ;EACD;;EAQoB,aAARK,QAAQ,CACnB,CAACC,SAAD,EAAYC,gBAAZ,CADmB,EAEnBC,MAFmB,EAGnB,CAACR,cAAD,CAHmB,EAInB;IACA,MAAMS,IAAI,GAAG,IAAIX,MAAJ,CAAWE,cAAX,CAAb;IACA,MAAMU,OAAO,GAAG,KAAIC,2BAAJ,EAAoBF,IAApB,CAAhB;IACA,MAAMG,cAAc,GAAG,KAAIC,qCAAJ,EAA2Bb,cAA3B,CAAvB;IAEAM,SAAS,CAACQ,aAAV,CAAwBJ,OAAO,CAACK,KAAhC;IACAT,SAAS,CAACU,kBAAV,CAA6BN,OAAO,CAACO,cAArC,EAAqDP,OAAO,CAACQ,KAA7D;IACAX,gBAAgB,CAACS,kBAAjB,CAAoC;MAClCG,KAAK,EAAEP,cAAc,CAACK,cADY;MAElCC,KAAK,EAAEN,cAAc,CAACK,cAAf,CAA8BC;IAFH,CAApC;IAIAX,gBAAgB,CAACa,cAAjB,CAAgC,CAACR,cAAc,CAACG,KAAhB,CAAhC;IACA,OAAON,IAAP;EACD;;AAzCiB;;;gCAAPX,M,kBAkBW,CAACuB,4BAAD,EAAkBC,2BAAlB,C;gCAlBXxB,M,aAoBMyB,e;gCApBNzB,M,WAsBI,CAAC0B,eAAA,CAAKC,QAAL,EAAD,C;eAsBF3B,M;;;AAEf4B,kBAAA,CAAWC,UAAX,CAAsB7B,MAAtB"}
+{"version":3,"names":["DocsUI","constructor","titleBadgeSlot","registerTitleBadge","titleBadges","badges","Array","isArray","register","listTitleBadges","flatten","values","provider","component","componentCompare","config","docs","section","OverviewSection","compareSection","OverviewCompareSection","registerRoute","route","registerNavigation","navigationLink","order","props","registerRoutes","ComponentAspect","ComponentCompareAspect","UIRuntime","Slot","withType","DocsAspect","addRuntime"],"sources":["docs.ui.runtime.tsx"],"sourcesContent":["import { flatten } from 'lodash';\nimport { ComponentAspect, ComponentUI } from '@teambit/component';\nimport { Slot } from '@teambit/harmony';\nimport { UIRuntime } from '@teambit/ui';\nimport ComponentCompareAspect, { ComponentCompareUI } from '@teambit/component-compare';\n\nimport { DocsAspect } from './docs.aspect';\nimport { OverviewSection } from './overview.section';\nimport type { TitleBadgeSlot, TitleBadge } from './overview';\nimport { OverviewCompareSection } from './docs.compare.section';\n\nexport class DocsUI {\n  constructor(readonly titleBadgeSlot: TitleBadgeSlot) {}\n\n  /**\n   * register a new title badge into the overview section of a component.\n   */\n  registerTitleBadge(titleBadges: TitleBadge | TitleBadge[]) {\n    const badges = Array.isArray(titleBadges) ? titleBadges : [titleBadges];\n    this.titleBadgeSlot.register(badges);\n    return this;\n  }\n\n  /**\n   * list all title badges registered.\n   */\n  listTitleBadges() {\n    return flatten(this.titleBadgeSlot.values());\n  }\n\n  static dependencies = [ComponentAspect, ComponentCompareAspect];\n\n  static runtime = UIRuntime;\n\n  static slots = [Slot.withType<TitleBadge>()];\n\n  static async provider(\n    [component, componentCompare]: [ComponentUI, ComponentCompareUI],\n    config,\n    [titleBadgeSlot]: [TitleBadgeSlot]\n  ) {\n    const docs = new DocsUI(titleBadgeSlot);\n    const section = new OverviewSection(titleBadgeSlot);\n    const compareSection = new OverviewCompareSection(titleBadgeSlot);\n\n    component.registerRoute(section.route);\n    component.registerNavigation(section.navigationLink, section.order);\n    componentCompare.registerNavigation({\n      props: compareSection.navigationLink,\n      order: compareSection.navigationLink.order,\n    });\n    componentCompare.registerRoutes([compareSection.route]);\n    return docs;\n  }\n}\n\nexport default DocsUI;\n\nDocsAspect.addRuntime(DocsUI);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,MAAN,CAAa;EAClBC,WAAW,CAAUC,cAAV,EAA0C;IAAA,KAAhCA,cAAgC,GAAhCA,cAAgC;EAAE;EAEvD;AACF;AACA;;;EACEC,kBAAkB,CAACC,WAAD,EAAyC;IACzD,MAAMC,MAAM,GAAGC,KAAK,CAACC,OAAN,CAAcH,WAAd,IAA6BA,WAA7B,GAA2C,CAACA,WAAD,CAA1D;IACA,KAAKF,cAAL,CAAoBM,QAApB,CAA6BH,MAA7B;IACA,OAAO,IAAP;EACD;EAED;AACF;AACA;;;EACEI,eAAe,GAAG;IAChB,OAAO,IAAAC,iBAAA,EAAQ,KAAKR,cAAL,CAAoBS,MAApB,EAAR,CAAP;EACD;;EAQoB,aAARC,QAAQ,CACnB,CAACC,SAAD,EAAYC,gBAAZ,CADmB,EAEnBC,MAFmB,EAGnB,CAACb,cAAD,CAHmB,EAInB;IACA,MAAMc,IAAI,GAAG,IAAIhB,MAAJ,CAAWE,cAAX,CAAb;IACA,MAAMe,OAAO,GAAG,KAAIC,2BAAJ,EAAoBhB,cAApB,CAAhB;IACA,MAAMiB,cAAc,GAAG,KAAIC,qCAAJ,EAA2BlB,cAA3B,CAAvB;IAEAW,SAAS,CAACQ,aAAV,CAAwBJ,OAAO,CAACK,KAAhC;IACAT,SAAS,CAACU,kBAAV,CAA6BN,OAAO,CAACO,cAArC,EAAqDP,OAAO,CAACQ,KAA7D;IACAX,gBAAgB,CAACS,kBAAjB,CAAoC;MAClCG,KAAK,EAAEP,cAAc,CAACK,cADY;MAElCC,KAAK,EAAEN,cAAc,CAACK,cAAf,CAA8BC;IAFH,CAApC;IAIAX,gBAAgB,CAACa,cAAjB,CAAgC,CAACR,cAAc,CAACG,KAAhB,CAAhC;IACA,OAAON,IAAP;EACD;;AA1CiB;;;gCAAPhB,M,kBAmBW,CAAC4B,4BAAD,EAAkBC,2BAAlB,C;gCAnBX7B,M,aAqBM8B,e;gCArBN9B,M,WAuBI,CAAC+B,eAAA,CAAKC,QAAL,EAAD,C;eAsBFhC,M;;;AAEfiC,kBAAA,CAAWC,UAAX,CAAsBlC,MAAtB"}

package/dist/index.d.ts

@@ -10,7 +10,7 @@ export type { DocsPreview, DocsRootProps } from './docs.preview.runtime';
 export type { DocReader } from './doc-reader';
 export type { Docs, Example } from './docs';
 export { defaultDocs } from './docs';
-export type { TitleBadgeSlot } from './overview';
-export { Overview } from './overview';
+export type { TitleBadgeSlot, TitleBadge } from './overview';
+export { Overview, BadgePosition } from './overview';
 export { DocsAspect };
 export default DocsAspect;

package/dist/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "BadgePosition", {
+  enumerable: true,
+  get: function () {
+    return _overview().BadgePosition;
+  }
+});
 Object.defineProperty(exports, "Doc", {
   enumerable: true,
   get: function () {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["DocsAspect"],"sources":["index.ts"],"sourcesContent":["import { DocsAspect } from './docs.aspect';\n\n/**\n * Doc entity.\n * @deprecated - please dont use this. use directly from @teambit/docs.entities.doc.\n */\nexport { Doc, DocProp, DocPropList } from '@teambit/docs.entities.doc';\n\nexport type { DocsMain } from './docs.main.runtime';\nexport type { DocsUI } from './docs.ui.runtime';\nexport type { DocsPreview, DocsRootProps } from './docs.preview.runtime';\nexport type { DocReader } from './doc-reader';\nexport type { Docs, Example } from './docs';\nexport { defaultDocs } from './docs';\n\nexport type { TitleBadgeSlot } from './overview';\nexport { Overview } from './overview';\n\nexport { DocsAspect };\nexport default DocsAspect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAMA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAOA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAdA;AACA;AACA;AACA;eAceA,kB"}
+{"version":3,"names":["DocsAspect"],"sources":["index.ts"],"sourcesContent":["import { DocsAspect } from './docs.aspect';\n\n/**\n * Doc entity.\n * @deprecated - please dont use this. use directly from @teambit/docs.entities.doc.\n */\nexport { Doc, DocProp, DocPropList } from '@teambit/docs.entities.doc';\n\nexport type { DocsMain } from './docs.main.runtime';\nexport type { DocsUI } from './docs.ui.runtime';\nexport type { DocsPreview, DocsRootProps } from './docs.preview.runtime';\nexport type { DocReader } from './doc-reader';\nexport type { Docs, Example } from './docs';\nexport { defaultDocs } from './docs';\n\nexport type { TitleBadgeSlot, TitleBadge } from './overview';\nexport { Overview, BadgePosition } from './overview';\n\nexport { DocsAspect };\nexport default DocsAspect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAMA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAOA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAdA;AACA;AACA;AACA;eAceA,kB"}

package/dist/overview/index.d.ts

@@ -1,2 +1,2 @@
-export { Overview } from './overview';
-export type { TitleBadgeSlot } from './overview';
+export { Overview, BadgePosition } from './overview';
+export type { TitleBadgeSlot, TitleBadge } from './overview';

package/dist/overview/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "BadgePosition", {
+  enumerable: true,
+  get: function () {
+    return _overview().BadgePosition;
+  }
+});
 Object.defineProperty(exports, "Overview", {
   enumerable: true,
   get: function () {

package/dist/overview/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { Overview } from './overview';\nexport type { TitleBadgeSlot } from './overview';\n"],"mappings":";;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { Overview, BadgePosition } from './overview';\nexport type { TitleBadgeSlot, TitleBadge } from './overview';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA"}

package/dist/overview/overview.d.ts

@@ -1,6 +1,17 @@
-/// <reference types="react" />
+import { ComponentType } from 'react';
 import type { SlotRegistry } from '@teambit/harmony';
-import { TitleBadge } from '@teambit/component.ui.component-meta';
+export declare enum BadgePosition {
+    Title = 0,
+    SubTitle = 1,
+    Labels = 2,
+    Package = 3,
+    ElementsPackage = 4
+}
+export declare type TitleBadge = {
+    component: ComponentType<any>;
+    weight?: number;
+    position?: BadgePosition;
+};
 export declare type TitleBadgeSlot = SlotRegistry<TitleBadge[]>;
 export declare type OverviewProps = {
     titleBadges: TitleBadgeSlot;

package/dist/overview/overview.js

@@ -9,6 +9,7 @@ require("core-js/modules/es.array.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.BadgePosition = void 0;
 exports.Overview = Overview;
 
 function _react() {
@@ -22,7 +23,7 @@ function _react() {
 }
 
 function _lodash() {
-  const data = _interopRequireDefault(require("lodash.flatten"));
+  const data = require("lodash");
 
   _lodash = function () {
     return data;
@@ -105,6 +106,17 @@ 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; }
 
+let BadgePosition;
+exports.BadgePosition = BadgePosition;
+
+(function (BadgePosition) {
+  BadgePosition[BadgePosition["Title"] = 0] = "Title";
+  BadgePosition[BadgePosition["SubTitle"] = 1] = "SubTitle";
+  BadgePosition[BadgePosition["Labels"] = 2] = "Labels";
+  BadgePosition[BadgePosition["Package"] = 3] = "Package";
+  BadgePosition[BadgePosition["ElementsPackage"] = 4] = "ElementsPackage";
+})(BadgePosition || (exports.BadgePosition = BadgePosition = {}));
+
 function Overview({
   titleBadges
 }) {
@@ -142,7 +154,7 @@ function Overview({
     abstract: component.description,
     labels: component.labels,
     packageName: component.packageName,
-    titleBadges: (0, _lodash().default)(titleBadges.values()),
+    titleBadges: (0, _lodash().flatten)(titleBadges.values()),
     componentDescriptor: componentDescriptor,
     component: component
   }), /*#__PURE__*/_react().default.createElement(_previewUi().ComponentPreview, {

package/dist/overview/overview.js.map

@@ -1 +1 @@
-{"version":3,"names":["Overview","titleBadges","component","useContext","ComponentContext","componentDescriptor","useComponentDescriptor","lanesModel","useLanesContext","currentLane","viewedLane","showHeader","preview","legacyHeader","buildStatus","host","margin","styles","overviewWrapper","componentOverviewBlock","displayName","version","description","labels","packageName","flatten","values","width","height"],"sources":["overview.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport flatten from 'lodash.flatten';\nimport { ComponentContext, useComponentDescriptor } from '@teambit/component';\nimport type { SlotRegistry } from '@teambit/harmony';\nimport { ComponentPreview } from '@teambit/preview.ui.component-preview';\nimport { StatusMessageCard } from '@teambit/design.ui.surfaces.status-message-card';\nimport { ComponentOverview, TitleBadge } from '@teambit/component.ui.component-meta';\nimport { LaneBreadcrumb, useLanesContext } from '@teambit/lanes.ui.lanes';\nimport { Separator } from '@teambit/design.ui.separator';\nimport styles from './overview.module.scss';\n\nexport type TitleBadgeSlot = SlotRegistry<TitleBadge[]>;\n\nexport type OverviewProps = {\n  titleBadges: TitleBadgeSlot;\n};\n\nexport function Overview({ titleBadges }: OverviewProps) {\n  const component = useContext(ComponentContext);\n  const componentDescriptor = useComponentDescriptor();\n  const lanesModel = useLanesContext();\n  const currentLane = lanesModel?.viewedLane;\n\n  const showHeader = !component.preview?.legacyHeader;\n\n  if (component?.buildStatus === 'pending' && component?.host === 'teambit.scope/scope')\n    return (\n      <StatusMessageCard style={{ margin: 'auto' }} status=\"PROCESSING\" title=\"component preview pending\">\n        this might take some time\n      </StatusMessageCard>\n    );\n\n  if (component?.buildStatus === 'failed' && component?.host === 'teambit.scope/scope')\n    return <StatusMessageCard style={{ margin: 'auto' }} status=\"FAILURE\" title=\"failed to get component preview \" />;\n\n  return (\n    <div className={styles.overviewWrapper}>\n      {currentLane && <LaneBreadcrumb lane={currentLane} />}\n      {currentLane && <Separator isPresentational />}\n      {showHeader && (\n        <ComponentOverview\n          className={styles.componentOverviewBlock}\n          displayName={component.displayName}\n          version={component.version}\n          abstract={component.description}\n          labels={component.labels}\n          packageName={component.packageName}\n          titleBadges={flatten(titleBadges.values())}\n          componentDescriptor={componentDescriptor}\n          component={component}\n        />\n      )}\n      <ComponentPreview\n        component={component}\n        style={{ width: '100%', height: '100%' }}\n        previewName=\"overview\"\n        fullContentHeight\n        scrolling=\"no\"\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;;;;;AAQO,SAASA,QAAT,CAAkB;EAAEC;AAAF,CAAlB,EAAkD;EAAA;;EACvD,MAAMC,SAAS,GAAG,IAAAC,mBAAA,EAAWC,6BAAX,CAAlB;EACA,MAAMC,mBAAmB,GAAG,IAAAC,mCAAA,GAA5B;EACA,MAAMC,UAAU,GAAG,IAAAC,0BAAA,GAAnB;EACA,MAAMC,WAAW,GAAGF,UAAH,aAAGA,UAAH,uBAAGA,UAAU,CAAEG,UAAhC;EAEA,MAAMC,UAAU,GAAG,wBAACT,SAAS,CAACU,OAAX,+CAAC,mBAAmBC,YAApB,CAAnB;EAEA,IAAI,CAAAX,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEY,WAAX,MAA2B,SAA3B,IAAwC,CAAAZ,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEa,IAAX,MAAoB,qBAAhE,EACE,oBACE,+BAAC,qCAAD;IAAmB,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAV,CAA1B;IAA8C,MAAM,EAAC,YAArD;IAAkE,KAAK,EAAC;EAAxE,+BADF;EAMF,IAAI,CAAAd,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEY,WAAX,MAA2B,QAA3B,IAAuC,CAAAZ,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEa,IAAX,MAAoB,qBAA/D,EACE,oBAAO,+BAAC,qCAAD;IAAmB,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAV,CAA1B;IAA8C,MAAM,EAAC,SAArD;IAA+D,KAAK,EAAC;EAArE,EAAP;EAEF,oBACE;IAAK,SAAS,EAAEC,yBAAA,CAAOC;EAAvB,GACGT,WAAW,iBAAI,+BAAC,yBAAD;IAAgB,IAAI,EAAEA;EAAtB,EADlB,EAEGA,WAAW,iBAAI,+BAAC,qBAAD;IAAW,gBAAgB;EAA3B,EAFlB,EAGGE,UAAU,iBACT,+BAAC,gCAAD;IACE,SAAS,EAAEM,yBAAA,CAAOE,sBADpB;IAEE,WAAW,EAAEjB,SAAS,CAACkB,WAFzB;IAGE,OAAO,EAAElB,SAAS,CAACmB,OAHrB;IAIE,QAAQ,EAAEnB,SAAS,CAACoB,WAJtB;IAKE,MAAM,EAAEpB,SAAS,CAACqB,MALpB;IAME,WAAW,EAAErB,SAAS,CAACsB,WANzB;IAOE,WAAW,EAAE,IAAAC,iBAAA,EAAQxB,WAAW,CAACyB,MAAZ,EAAR,CAPf;IAQE,mBAAmB,EAAErB,mBARvB;IASE,SAAS,EAAEH;EATb,EAJJ,eAgBE,+BAAC,6BAAD;IACE,SAAS,EAAEA,SADb;IAEE,KAAK,EAAE;MAAEyB,KAAK,EAAE,MAAT;MAAiBC,MAAM,EAAE;IAAzB,CAFT;IAGE,WAAW,EAAC,UAHd;IAIE,iBAAiB,MAJnB;IAKE,SAAS,EAAC;EALZ,EAhBF,CADF;AA0BD"}
+{"version":3,"names":["BadgePosition","Overview","titleBadges","component","useContext","ComponentContext","componentDescriptor","useComponentDescriptor","lanesModel","useLanesContext","currentLane","viewedLane","showHeader","preview","legacyHeader","buildStatus","host","margin","styles","overviewWrapper","componentOverviewBlock","displayName","version","description","labels","packageName","flatten","values","width","height"],"sources":["overview.tsx"],"sourcesContent":["import React, { useContext, ComponentType } from 'react';\nimport { flatten } from 'lodash';\nimport { ComponentContext, useComponentDescriptor } from '@teambit/component';\nimport type { SlotRegistry } from '@teambit/harmony';\nimport { ComponentPreview } from '@teambit/preview.ui.component-preview';\nimport { StatusMessageCard } from '@teambit/design.ui.surfaces.status-message-card';\nimport { ComponentOverview } from '@teambit/component.ui.component-meta';\nimport { LaneBreadcrumb, useLanesContext } from '@teambit/lanes.ui.lanes';\nimport { Separator } from '@teambit/design.ui.separator';\nimport styles from './overview.module.scss';\n\nexport enum BadgePosition {\n  Title,\n  SubTitle,\n  Labels,\n  Package,\n  ElementsPackage,\n}\n\nexport type TitleBadge = {\n  component: ComponentType<any>;\n  weight?: number;\n  position?: BadgePosition;\n};\n\nexport type TitleBadgeSlot = SlotRegistry<TitleBadge[]>;\n\nexport type OverviewProps = {\n  titleBadges: TitleBadgeSlot;\n};\n\nexport function Overview({ titleBadges }: OverviewProps) {\n  const component = useContext(ComponentContext);\n  const componentDescriptor = useComponentDescriptor();\n  const lanesModel = useLanesContext();\n  const currentLane = lanesModel?.viewedLane;\n\n  const showHeader = !component.preview?.legacyHeader;\n\n  if (component?.buildStatus === 'pending' && component?.host === 'teambit.scope/scope')\n    return (\n      <StatusMessageCard style={{ margin: 'auto' }} status=\"PROCESSING\" title=\"component preview pending\">\n        this might take some time\n      </StatusMessageCard>\n    );\n\n  if (component?.buildStatus === 'failed' && component?.host === 'teambit.scope/scope')\n    return <StatusMessageCard style={{ margin: 'auto' }} status=\"FAILURE\" title=\"failed to get component preview \" />;\n\n  return (\n    <div className={styles.overviewWrapper}>\n      {currentLane && <LaneBreadcrumb lane={currentLane} />}\n      {currentLane && <Separator isPresentational />}\n      {showHeader && (\n        <ComponentOverview\n          className={styles.componentOverviewBlock}\n          displayName={component.displayName}\n          version={component.version}\n          abstract={component.description}\n          labels={component.labels}\n          packageName={component.packageName}\n          titleBadges={flatten(titleBadges.values())}\n          componentDescriptor={componentDescriptor}\n          component={component}\n        />\n      )}\n      <ComponentPreview\n        component={component}\n        style={{ width: '100%', height: '100%' }}\n        previewName=\"overview\"\n        fullContentHeight\n        scrolling=\"no\"\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;;;;;IAEYA,a;;;WAAAA,a;EAAAA,a,CAAAA,a;EAAAA,a,CAAAA,a;EAAAA,a,CAAAA,a;EAAAA,a,CAAAA,a;EAAAA,a,CAAAA,a;GAAAA,a,6BAAAA,a;;AAoBL,SAASC,QAAT,CAAkB;EAAEC;AAAF,CAAlB,EAAkD;EAAA;;EACvD,MAAMC,SAAS,GAAG,IAAAC,mBAAA,EAAWC,6BAAX,CAAlB;EACA,MAAMC,mBAAmB,GAAG,IAAAC,mCAAA,GAA5B;EACA,MAAMC,UAAU,GAAG,IAAAC,0BAAA,GAAnB;EACA,MAAMC,WAAW,GAAGF,UAAH,aAAGA,UAAH,uBAAGA,UAAU,CAAEG,UAAhC;EAEA,MAAMC,UAAU,GAAG,wBAACT,SAAS,CAACU,OAAX,+CAAC,mBAAmBC,YAApB,CAAnB;EAEA,IAAI,CAAAX,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEY,WAAX,MAA2B,SAA3B,IAAwC,CAAAZ,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEa,IAAX,MAAoB,qBAAhE,EACE,oBACE,+BAAC,qCAAD;IAAmB,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAV,CAA1B;IAA8C,MAAM,EAAC,YAArD;IAAkE,KAAK,EAAC;EAAxE,+BADF;EAMF,IAAI,CAAAd,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEY,WAAX,MAA2B,QAA3B,IAAuC,CAAAZ,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEa,IAAX,MAAoB,qBAA/D,EACE,oBAAO,+BAAC,qCAAD;IAAmB,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAV,CAA1B;IAA8C,MAAM,EAAC,SAArD;IAA+D,KAAK,EAAC;EAArE,EAAP;EAEF,oBACE;IAAK,SAAS,EAAEC,yBAAA,CAAOC;EAAvB,GACGT,WAAW,iBAAI,+BAAC,yBAAD;IAAgB,IAAI,EAAEA;EAAtB,EADlB,EAEGA,WAAW,iBAAI,+BAAC,qBAAD;IAAW,gBAAgB;EAA3B,EAFlB,EAGGE,UAAU,iBACT,+BAAC,gCAAD;IACE,SAAS,EAAEM,yBAAA,CAAOE,sBADpB;IAEE,WAAW,EAAEjB,SAAS,CAACkB,WAFzB;IAGE,OAAO,EAAElB,SAAS,CAACmB,OAHrB;IAIE,QAAQ,EAAEnB,SAAS,CAACoB,WAJtB;IAKE,MAAM,EAAEpB,SAAS,CAACqB,MALpB;IAME,WAAW,EAAErB,SAAS,CAACsB,WANzB;IAOE,WAAW,EAAE,IAAAC,iBAAA,EAAQxB,WAAW,CAACyB,MAAZ,EAAR,CAPf;IAQE,mBAAmB,EAAErB,mBARvB;IASE,SAAS,EAAEH;EATb,EAJJ,eAgBE,+BAAC,6BAAD;IACE,SAAS,EAAEA,SADb;IAEE,KAAK,EAAE;MAAEyB,KAAK,EAAE,MAAT;MAAiBC,MAAM,EAAE;IAAzB,CAFT;IAGE,WAAW,EAAC,UAHd;IAIE,iBAAiB,MAJnB;IAKE,SAAS,EAAC;EALZ,EAhBF,CADF;AA0BD"}

package/dist/overview.section.d.ts

@@ -1,16 +1,16 @@
 /// <reference types="react" />
 import { Section } from '@teambit/component';
-import { DocsUI } from './docs.ui.runtime';
+import { TitleBadgeSlot } from './overview';
 export declare class OverviewSection implements Section {
     /**
-     * docs ui extension.
+     * title badge slot.
      */
-    private docs;
+    private titleBadgeSlot;
     constructor(
     /**
-     * docs ui extension.
+     * title badge slot.
      */
-    docs: DocsUI);
+    titleBadgeSlot: TitleBadgeSlot);
     navigationLink: {
         href: string;
         exact: boolean;

package/dist/overview.section.js

@@ -40,10 +40,10 @@ function _overview() {
 class OverviewSection {
   constructor(
   /**
-   * docs ui extension.
+   * title badge slot.
    */
-  docs) {
-    this.docs = docs;
+  titleBadgeSlot) {
+    this.titleBadgeSlot = titleBadgeSlot;
     (0, _defineProperty2().default)(this, "navigationLink", {
       href: '.',
       exact: true,
@@ -52,7 +52,7 @@ class OverviewSection {
     (0, _defineProperty2().default)(this, "route", {
       index: true,
       element: /*#__PURE__*/_react().default.createElement(_overview().Overview, {
-        titleBadges: this.docs.titleBadgeSlot
+        titleBadges: this.titleBadgeSlot
       })
     });
     (0, _defineProperty2().default)(this, "order", 10);

package/dist/overview.section.js.map

@@ -1 +1 @@
-{"version":3,"names":["OverviewSection","constructor","docs","href","exact","children","index","element","titleBadgeSlot"],"sources":["overview.section.tsx"],"sourcesContent":["import { Section } from '@teambit/component';\nimport React from 'react';\n\nimport { DocsUI } from './docs.ui.runtime';\nimport { Overview } from './overview';\n\nexport class OverviewSection implements Section {\n  constructor(\n    /**\n     * docs ui extension.\n     */\n    private docs: DocsUI\n  ) {}\n\n  navigationLink = {\n    href: '.',\n    exact: true,\n    children: 'Overview',\n  };\n\n  route = {\n    index: true,\n    element: <Overview titleBadges={this.docs.titleBadgeSlot} />,\n  };\n\n  order = 10;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,eAAN,CAAyC;EAC9CC,WAAW;EACT;AACJ;AACA;EACYC,IAJC,EAKT;IAAA,KADQA,IACR,GADQA,IACR;IAAA,wDAEe;MACfC,IAAI,EAAE,GADS;MAEfC,KAAK,EAAE,IAFQ;MAGfC,QAAQ,EAAE;IAHK,CAFf;IAAA,+CAQM;MACNC,KAAK,EAAE,IADD;MAENC,OAAO,eAAE,+BAAC,oBAAD;QAAU,WAAW,EAAE,KAAKL,IAAL,CAAUM;MAAjC;IAFH,CARN;IAAA,+CAaM,EAbN;EAAE;;AAN0C"}
+{"version":3,"names":["OverviewSection","constructor","titleBadgeSlot","href","exact","children","index","element"],"sources":["overview.section.tsx"],"sourcesContent":["import React from 'react';\nimport { Section } from '@teambit/component';\nimport { Overview, TitleBadgeSlot } from './overview';\n\nexport class OverviewSection implements Section {\n  constructor(\n    /**\n     * title badge slot.\n     */\n    private titleBadgeSlot: TitleBadgeSlot\n  ) {}\n\n  navigationLink = {\n    href: '.',\n    exact: true,\n    children: 'Overview',\n  };\n\n  route = {\n    index: true,\n    element: <Overview titleBadges={this.titleBadgeSlot} />,\n  };\n\n  order = 10;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,eAAN,CAAyC;EAC9CC,WAAW;EACT;AACJ;AACA;EACYC,cAJC,EAKT;IAAA,KADQA,cACR,GADQA,cACR;IAAA,wDAEe;MACfC,IAAI,EAAE,GADS;MAEfC,KAAK,EAAE,IAFQ;MAGfC,QAAQ,EAAE;IAHK,CAFf;IAAA,+CAQM;MACNC,KAAK,EAAE,IADD;MAENC,OAAO,eAAE,+BAAC,oBAAD;QAAU,WAAW,EAAE,KAAKL;MAA5B;IAFH,CARN;IAAA,+CAaM,EAbN;EAAE;;AAN0C"}

package/docs.compare.section.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import { TitleBadgeSlot } from '@teambit/docs';
 import { Section } from '@teambit/component';
 import { OverviewCompare } from '@teambit/docs.ui.overview-compare';
+import { TitleBadgeSlot } from './overview';
 
 export class OverviewCompareSection implements Section {
   constructor(private titleBadgeSlot: TitleBadgeSlot) {}

package/docs.ui.runtime.tsx

@@ -1,12 +1,12 @@
+import { flatten } from 'lodash';
 import { ComponentAspect, ComponentUI } from '@teambit/component';
 import { Slot } from '@teambit/harmony';
-import type { TitleBadge } from '@teambit/component.ui.component-meta';
 import { UIRuntime } from '@teambit/ui';
 import ComponentCompareAspect, { ComponentCompareUI } from '@teambit/component-compare';
 
 import { DocsAspect } from './docs.aspect';
 import { OverviewSection } from './overview.section';
-import { TitleBadgeSlot } from './overview';
+import type { TitleBadgeSlot, TitleBadge } from './overview';
 import { OverviewCompareSection } from './docs.compare.section';
 
 export class DocsUI {
@@ -15,8 +15,9 @@ export class DocsUI {
   /**
    * register a new title badge into the overview section of a component.
    */
-  registerTitleBadge(...titleBadge: TitleBadge[]) {
-    this.titleBadgeSlot.register(titleBadge);
+  registerTitleBadge(titleBadges: TitleBadge | TitleBadge[]) {
+    const badges = Array.isArray(titleBadges) ? titleBadges : [titleBadges];
+    this.titleBadgeSlot.register(badges);
     return this;
   }
 
@@ -24,7 +25,7 @@ export class DocsUI {
    * list all title badges registered.
    */
   listTitleBadges() {
-    return this.titleBadgeSlot;
+    return flatten(this.titleBadgeSlot.values());
   }
 
   static dependencies = [ComponentAspect, ComponentCompareAspect];
@@ -39,7 +40,7 @@ export class DocsUI {
     [titleBadgeSlot]: [TitleBadgeSlot]
   ) {
     const docs = new DocsUI(titleBadgeSlot);
-    const section = new OverviewSection(docs);
+    const section = new OverviewSection(titleBadgeSlot);
     const compareSection = new OverviewCompareSection(titleBadgeSlot);
 
     component.registerRoute(section.route);

package/overview/index.ts

@@ -1,2 +1,2 @@
-export { Overview } from './overview';
-export type { TitleBadgeSlot } from './overview';
+export { Overview, BadgePosition } from './overview';
+export type { TitleBadgeSlot, TitleBadge } from './overview';

package/overview/overview.tsx

@@ -1,14 +1,28 @@
-import React, { useContext } from 'react';
-import flatten from 'lodash.flatten';
+import React, { useContext, ComponentType } from 'react';
+import { flatten } from 'lodash';
 import { ComponentContext, useComponentDescriptor } from '@teambit/component';
 import type { SlotRegistry } from '@teambit/harmony';
 import { ComponentPreview } from '@teambit/preview.ui.component-preview';
 import { StatusMessageCard } from '@teambit/design.ui.surfaces.status-message-card';
-import { ComponentOverview, TitleBadge } from '@teambit/component.ui.component-meta';
+import { ComponentOverview } from '@teambit/component.ui.component-meta';
 import { LaneBreadcrumb, useLanesContext } from '@teambit/lanes.ui.lanes';
 import { Separator } from '@teambit/design.ui.separator';
 import styles from './overview.module.scss';
 
+export enum BadgePosition {
+  Title,
+  SubTitle,
+  Labels,
+  Package,
+  ElementsPackage,
+}
+
+export type TitleBadge = {
+  component: ComponentType<any>;
+  weight?: number;
+  position?: BadgePosition;
+};
+
 export type TitleBadgeSlot = SlotRegistry<TitleBadge[]>;
 
 export type OverviewProps = {

package/overview.section.tsx

@@ -1,15 +1,13 @@
-import { Section } from '@teambit/component';
 import React from 'react';
-
-import { DocsUI } from './docs.ui.runtime';
-import { Overview } from './overview';
+import { Section } from '@teambit/component';
+import { Overview, TitleBadgeSlot } from './overview';
 
 export class OverviewSection implements Section {
   constructor(
     /**
-     * docs ui extension.
+     * title badge slot.
      */
-    private docs: DocsUI
+    private titleBadgeSlot: TitleBadgeSlot
   ) {}
 
   navigationLink = {
@@ -20,7 +18,7 @@ export class OverviewSection implements Section {
 
   route = {
     index: true,
-    element: <Overview titleBadges={this.docs.titleBadgeSlot} />,
+    element: <Overview titleBadges={this.titleBadgeSlot} />,
   };
 
   order = 10;

package/package.json

@@ -1,45 +1,45 @@
 {
   "name": "@teambit/docs",
-  "version": "0.0.804",
+  "version": "0.0.805",
   "homepage": "https://bit.dev/teambit/docs/docs",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.docs",
     "name": "docs",
-    "version": "0.0.804"
+    "version": "0.0.805"
   },
   "dependencies": {
     "graphql-tag": "2.12.1",
-    "lodash.flatten": "4.4.0",
+    "lodash": "4.17.21",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
     "@teambit/harmony": "0.3.3",
     "@teambit/design.ui.separator": "0.0.354",
-    "@teambit/compiler": "0.0.804",
-    "@teambit/component": "0.0.804",
+    "@teambit/compiler": "0.0.805",
+    "@teambit/component": "0.0.805",
     "@teambit/docs.entities.doc": "0.0.4",
-    "@teambit/pkg": "0.0.804",
-    "@teambit/workspace": "0.0.804",
-    "@teambit/docs.ui.overview-compare": "0.0.43",
-    "@teambit/cli": "0.0.535",
-    "@teambit/dev-files": "0.0.804",
-    "@teambit/envs": "0.0.804",
-    "@teambit/graphql": "0.0.804",
-    "@teambit/logger": "0.0.628",
-    "@teambit/preview": "0.0.804",
+    "@teambit/pkg": "0.0.805",
+    "@teambit/workspace": "0.0.805",
+    "@teambit/docs.ui.overview-compare": "0.0.44",
+    "@teambit/cli": "0.0.536",
+    "@teambit/dev-files": "0.0.805",
+    "@teambit/envs": "0.0.805",
+    "@teambit/graphql": "0.0.805",
+    "@teambit/logger": "0.0.629",
+    "@teambit/preview": "0.0.805",
     "@teambit/component-id": "0.0.405",
-    "@teambit/component-compare": "0.0.52",
-    "@teambit/component.ui.component-meta": "0.0.96",
-    "@teambit/ui": "0.0.804",
-    "@teambit/pubsub": "0.0.804",
+    "@teambit/component-compare": "0.0.53",
+    "@teambit/ui": "0.0.805",
+    "@teambit/pubsub": "0.0.805",
+    "@teambit/component.ui.component-meta": "0.0.97",
     "@teambit/design.ui.surfaces.status-message-card": "0.0.8",
-    "@teambit/lanes.ui.lanes": "0.0.104",
+    "@teambit/lanes.ui.lanes": "0.0.105",
     "@teambit/preview.ui.component-preview": "0.0.494"
   },
   "devDependencies": {
     "@types/react-dom": "^17.0.5",
     "@types/react": "^17.0.8",
-    "@types/lodash.flatten": "4.4.6",
+    "@types/lodash": "4.14.165",
     "@types/mocha": "9.1.0",
     "@types/testing-library__jest-dom": "5.9.5",
     "@types/jest": "^26.0.0",
@@ -47,7 +47,7 @@
     "@teambit/docs.content.docs-overview": "1.95.9"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.317",
+    "@teambit/legacy": "1.0.319",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },

package/{preview-1659347901202.js → preview-1659456045857.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.docs_docs@0.0.804/dist/docs.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.docs_docs@0.0.804/dist/docs.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.docs_docs@0.0.805/dist/docs.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.docs_docs@0.0.805/dist/docs.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];