@teambit/component 1.0.141 → 1.0.143

package/dist/aspect.section.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Section } from './section';
 export declare class AspectSection implements Section {
     route: {

package/dist/component-map/component-map.d.ts

@@ -9,12 +9,12 @@ export declare class ComponentMap<T> {
     /**
      * @deprecated please use `get` instead
      */
-    byComponent(component: Component): [Component, T];
+    byComponent(component: Component): [Component, T] | undefined;
     get components(): Component[];
     /**
      * get a value for a component.
      */
-    get(component: Component): [Component, T];
+    get(component: Component): [Component, T] | undefined;
     /**
      * get a value by the component-id
      */

package/dist/component.composition.d.ts

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

package/dist/component.d.ts

@@ -79,7 +79,7 @@ export declare class Component implements IComponent {
      * build status of the component
      */
     get buildStatus(): BuildStatus;
-    get headTag(): Tag;
+    get headTag(): Tag | undefined;
     get latest(): string | undefined;
     /**
      * get aspect data from current state.

package/dist/component.graphql.d.ts

@@ -14,7 +14,7 @@ export declare function componentSchema(componentExtension: ComponentMain): {
             log: (component: Component) => Promise<{
                 date: number;
                 email: string;
-                username: string;
+                username: string | undefined;
                 displayName: string;
                 id: string;
                 hash: string;
@@ -25,15 +25,15 @@ export declare function componentSchema(componentExtension: ComponentMain): {
             }>;
             getFile: (component: Component, { path }: {
                 path: string;
-            }) => string;
+            }) => string | undefined;
             mainFile: (component: Component) => any;
-            headTag: (component: Component) => import(".").TagProps;
-            latest: (component: Component) => string;
+            headTag: (component: Component) => import(".").TagProps | undefined;
+            latest: (component: Component) => string | undefined;
             tags: (component: any) => any;
             aspects: (component: Component, { include }: {
-                include?: string[];
+                include?: string[] | undefined;
             }) => import("./component-interface").RawComponentMetadata[];
-            elementsUrl: () => any;
+            elementsUrl: () => undefined;
             logs: (component: Component, filter?: {
                 type?: string;
                 offset?: number;
@@ -44,21 +44,21 @@ export declare function componentSchema(componentExtension: ComponentMain): {
             }) => Promise<{
                 id: string;
                 message: string;
-                username?: string;
-                displayName?: string;
-                email?: string;
-                date?: string;
+                username?: string | undefined;
+                displayName?: string | undefined;
+                email?: string | undefined;
+                date?: string | undefined;
                 hash: string;
-                tag?: string;
+                tag?: string | undefined;
                 parents: string[];
-                profileImage?: string;
-                onLane?: boolean;
+                profileImage?: string | undefined;
+                onLane?: boolean | undefined;
             }[]>;
         };
         ComponentHost: {
             get: (host: ComponentFactory, { id }: {
                 id: string;
-            }) => Promise<Component>;
+            }) => Promise<Component | null | undefined>;
             snaps: (host: ComponentFactory, { id }: {
                 id: string;
             }) => Promise<ComponentLog[]>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /// <reference types="lodash" />
 import type { RouteProps } from 'react-router-dom';
 import type { LinkProps } from '@teambit/base-react.navigation.link';

package/dist/esm.mjs

@@ -25,5 +25,8 @@ export const useIdFromLocation = cjsModule.useIdFromLocation;
 export const useComponentLogs = cjsModule.useComponentLogs;
 export const Config = cjsModule.Config;
 export const ComponentModel = cjsModule.ComponentModel;
+export const CollapsibleMenuNav = cjsModule.CollapsibleMenuNav;
+export const ComponentMenu = cjsModule.ComponentMenu;
+export const VersionRelatedDropdowns = cjsModule.VersionRelatedDropdowns;
 
 export default cjsModule;

package/dist/{preview-1705720522529.js → preview-1706194779559.js}

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

package/dist/tag-map.d.ts

@@ -5,7 +5,7 @@ export declare class TagMap extends Map<SemVer, Tag> {
     /**
      * get snap by hash.
      */
-    byHash(hash: Hash): Tag;
+    byHash(hash: Hash): Tag | undefined;
     /**
      * e.g.
      * {

package/dist/ui/aspect-page/aspect-page.d.ts

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

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

@@ -11,13 +11,6 @@ function _harmonyUi() {
   };
   return data;
 }
-function _component() {
-  const data = require("@teambit/component");
-  _component = function () {
-    return data;
-  };
-  return data;
-}
 function _react() {
   const data = _interopRequireWildcard(require("react"));
   _react = function () {
@@ -67,6 +60,13 @@ function _aspectPageModule() {
   };
   return data;
 }
+function _context() {
+  const data = require("../context");
+  _context = function () {
+    return data;
+  };
+  return data;
+}
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -87,7 +87,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() {
-  const component = (0, _react().useContext)(_component().ComponentContext);
+  const component = (0, _react().useContext)(_context().ComponentContext);
   const {
     data
   } = (0, _uiFoundationUiHooks().useDataQuery)(GET_COMPONENT, {

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

@@ -1 +1 @@
-{"version":3,"names":["_harmonyUi","data","require","_component","_react","_interopRequireWildcard","_uiFoundationUiHooks","_client","_designUi","_documenterUi","_documenterUi2","_aspectPageModule","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","GET_COMPONENT","gql","AspectPage","component","useContext","ComponentContext","useDataQuery","variables","id","toString","aspectList","getHost","aspects","length","createElement","EmptyBox","title","linkText","link","className","styles","aspectPage","H1","Separator","separator","map","aspect","AspectBox","key","aspectBox","name","icon","config"],"sources":["aspect-page.tsx"],"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.toString() },\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) => {\n            return (\n              <AspectBox\n                key={aspect.id}\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"],"mappings":"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"}
+{"version":3,"names":["_harmonyUi","data","require","_react","_interopRequireWildcard","_uiFoundationUiHooks","_client","_designUi","_documenterUi","_documenterUi2","_aspectPageModule","_interopRequireDefault","_context","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","GET_COMPONENT","gql","AspectPage","component","useContext","ComponentContext","useDataQuery","variables","id","toString","aspectList","getHost","aspects","length","createElement","EmptyBox","title","linkText","link","className","styles","aspectPage","H1","Separator","separator","map","aspect","AspectBox","key","aspectBox","name","icon","config"],"sources":["aspect-page.tsx"],"sourcesContent":["import { AspectBox } from '@teambit/harmony.ui.aspect-box';\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';\nimport { ComponentContext } from '../context';\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.toString() },\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) => {\n            return (\n              <AspectBox\n                key={aspect.id}\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"],"mappings":"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"}

package/dist/ui/component-error/component-error.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare class ComponentError {
     /**
      * http status code of error
@@ -6,7 +7,7 @@ export declare class ComponentError {
     /**
      * error message of the error
      */
-    readonly message?: string;
+    readonly message?: string | undefined;
     constructor(
     /**
      * http status code of error
@@ -15,6 +16,6 @@ export declare class ComponentError {
     /**
      * error message of the error
      */
-    message?: string);
+    message?: string | undefined);
     renderError(): JSX.Element;
 }

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

@@ -77,11 +77,11 @@ export declare class ComponentModel {
     /**
      * component build status
      */
-    readonly buildStatus?: string;
+    readonly buildStatus?: string | undefined;
     /**
      * issues of component.
      */
-    readonly issuesCount?: number;
+    readonly issuesCount?: number | undefined;
     /**
      * status of component.
      */
@@ -89,11 +89,11 @@ export declare class ComponentModel {
     /**
      * deprecation info of the component.
      */
-    readonly deprecation?: DeprecationInfo;
+    readonly deprecation?: DeprecationInfo | undefined;
     /**
      * env descriptor.
      */
-    readonly environment?: Descriptor;
+    readonly environment?: Descriptor | undefined;
     /**
      * description of the component.
      */
@@ -102,18 +102,18 @@ export declare class ComponentModel {
     /**
      * host of the component
      */
-    readonly host?: string;
+    readonly host?: string | undefined;
     /**
      *
      * size preview
      */
-    readonly size?: ComponentPreviewSize;
+    readonly size?: ComponentPreviewSize | undefined;
     /**
      * latest version of component
      */
-    readonly latest?: string;
-    readonly preview?: ComponentPreview;
-    readonly logs?: LegacyComponentLog[];
+    readonly latest?: string | undefined;
+    readonly preview?: ComponentPreview | undefined;
+    readonly logs?: LegacyComponentLog[] | undefined;
     constructor(
     /**
      * id of the component
@@ -142,11 +142,11 @@ export declare class ComponentModel {
     /**
      * component build status
      */
-    buildStatus?: string, 
+    buildStatus?: string | undefined, 
     /**
      * issues of component.
      */
-    issuesCount?: number, 
+    issuesCount?: number | undefined, 
     /**
      * status of component.
      */
@@ -154,11 +154,11 @@ export declare class ComponentModel {
     /**
      * deprecation info of the component.
      */
-    deprecation?: DeprecationInfo, 
+    deprecation?: DeprecationInfo | undefined, 
     /**
      * env descriptor.
      */
-    environment?: Descriptor, 
+    environment?: Descriptor | undefined, 
     /**
      * description of the component.
      */
@@ -166,16 +166,16 @@ export declare class ComponentModel {
     /**
      * host of the component
      */
-    host?: string, 
+    host?: string | undefined, 
     /**
      *
      * size preview
      */
-    size?: ComponentPreviewSize, 
+    size?: ComponentPreviewSize | undefined, 
     /**
      * latest version of component
      */
-    latest?: string, preview?: ComponentPreview, logs?: LegacyComponentLog[]);
+    latest?: string | undefined, preview?: ComponentPreview | undefined, logs?: LegacyComponentLog[] | undefined);
     get version(): string;
     /**
      * create an instance of a component from a plain object.

package/dist/ui/component-searcher/component-result.d.ts

@@ -1,5 +1,5 @@
 import React, { ComponentType } from 'react';
-import { ComponentModel } from '@teambit/component';
+import { ComponentModel } from '../component-model';
 export type ComponentPluginProps = React.HTMLAttributes<HTMLDivElement> & {
     component: ComponentModel;
 };

package/dist/ui/component-searcher/component-result.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_lodash","_designUiStyles","_envsUi","_classnames","_componentResultModule","obj","__esModule","default","ComponentResult","component","plugins","name","id","fullName","startPlugins","compact","map","plugin","start","createElement","key","endPlugins","end","Fragment","EnvIcon","className","styles","icon","classnames","ellipsis"],"sources":["component-result.tsx"],"sourcesContent":["import React, { ComponentType } from 'react';\nimport compact from 'lodash.compact';\nimport { ComponentModel } from '@teambit/component';\nimport { ellipsis } from '@teambit/design.ui.styles.ellipsis';\nimport { EnvIcon } from '@teambit/envs.ui.env-icon';\nimport classnames from 'classnames';\n\nimport styles from './component-result.module.scss';\n\nexport type ComponentPluginProps = React.HTMLAttributes<HTMLDivElement> & { component: ComponentModel };\n\nexport type ComponentResultPlugin = {\n  key: string;\n  start?: ComponentType<ComponentPluginProps>;\n  end?: ComponentType<ComponentPluginProps>;\n};\ntype ComponentResultProps = {\n  component: ComponentModel;\n  plugins?: ComponentResultPlugin[];\n};\n\nexport function ComponentResult({ component, plugins }: ComponentResultProps) {\n  const name = component.id.fullName;\n\n  const startPlugins = compact(\n    plugins?.map((plugin) => plugin.start && <plugin.start key={plugin.key} component={component} />)\n  );\n  const endPlugins = compact(\n    plugins?.map((plugin) => plugin.end && <plugin.end key={plugin.key} component={component} />)\n  );\n\n  return (\n    <>\n      {startPlugins}\n      <EnvIcon component={component} className={styles.icon} />\n      <div className={classnames(styles.name, ellipsis)}>{name}</div>\n      {endPlugins}\n    </>\n  );\n}\n"],"mappings":";;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,QAAA;EAAA,MAAAH,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAC,OAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAI,gBAAA;EAAA,MAAAJ,IAAA,GAAAE,OAAA;EAAAE,eAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAK,QAAA;EAAA,MAAAL,IAAA,GAAAE,OAAA;EAAAG,OAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAM,YAAA;EAAA,MAAAN,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAI,WAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAO,uBAAA;EAAA,MAAAP,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAK,sBAAA,YAAAA,CAAA;IAAA,OAAAP,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAoD,SAAAC,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAc7C,SAASG,eAAeA,CAAC;EAAEC,SAAS;EAAEC;AAA8B,CAAC,EAAE;EAC5E,MAAMC,IAAI,GAAGF,SAAS,CAACG,EAAE,CAACC,QAAQ;EAElC,MAAMC,YAAY,GAAG,IAAAC,iBAAO,EAC1BL,OAAO,EAAEM,GAAG,CAAEC,MAAM,IAAKA,MAAM,CAACC,KAAK,iBAAItB,MAAA,GAAAW,OAAA,CAAAY,aAAA,CAACF,MAAM,CAACC,KAAK;IAACE,GAAG,EAAEH,MAAM,CAACG,GAAI;IAACX,SAAS,EAAEA;EAAU,CAAE,CAAC,CAClG,CAAC;EACD,MAAMY,UAAU,GAAG,IAAAN,iBAAO,EACxBL,OAAO,EAAEM,GAAG,CAAEC,MAAM,IAAKA,MAAM,CAACK,GAAG,iBAAI1B,MAAA,GAAAW,OAAA,CAAAY,aAAA,CAACF,MAAM,CAACK,GAAG;IAACF,GAAG,EAAEH,MAAM,CAACG,GAAI;IAACX,SAAS,EAAEA;EAAU,CAAE,CAAC,CAC9F,CAAC;EAED,oBACEb,MAAA,GAAAW,OAAA,CAAAY,aAAA,CAAAvB,MAAA,GAAAW,OAAA,CAAAgB,QAAA,QACGT,YAAY,eACblB,MAAA,GAAAW,OAAA,CAAAY,aAAA,CAACjB,OAAA,GAAAsB,OAAO;IAACf,SAAS,EAAEA,SAAU;IAACgB,SAAS,EAAEC,gCAAM,CAACC;EAAK,CAAE,CAAC,eACzD/B,MAAA,GAAAW,OAAA,CAAAY,aAAA;IAAKM,SAAS,EAAE,IAAAG,qBAAU,EAACF,gCAAM,CAACf,IAAI,EAAEkB,0BAAQ;EAAE,GAAElB,IAAU,CAAC,EAC9DU,UACD,CAAC;AAEP"}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_lodash","_designUiStyles","_envsUi","_classnames","_componentResultModule","obj","__esModule","default","ComponentResult","component","plugins","name","id","fullName","startPlugins","compact","map","plugin","start","createElement","key","endPlugins","end","Fragment","EnvIcon","className","styles","icon","classnames","ellipsis"],"sources":["component-result.tsx"],"sourcesContent":["import React, { ComponentType } from 'react';\nimport compact from 'lodash.compact';\nimport { ellipsis } from '@teambit/design.ui.styles.ellipsis';\nimport { EnvIcon } from '@teambit/envs.ui.env-icon';\nimport classnames from 'classnames';\nimport { ComponentModel } from '../component-model';\n\nimport styles from './component-result.module.scss';\n\nexport type ComponentPluginProps = React.HTMLAttributes<HTMLDivElement> & { component: ComponentModel };\n\nexport type ComponentResultPlugin = {\n  key: string;\n  start?: ComponentType<ComponentPluginProps>;\n  end?: ComponentType<ComponentPluginProps>;\n};\ntype ComponentResultProps = {\n  component: ComponentModel;\n  plugins?: ComponentResultPlugin[];\n};\n\nexport function ComponentResult({ component, plugins }: ComponentResultProps) {\n  const name = component.id.fullName;\n\n  const startPlugins = compact(\n    plugins?.map((plugin) => plugin.start && <plugin.start key={plugin.key} component={component} />)\n  );\n  const endPlugins = compact(\n    plugins?.map((plugin) => plugin.end && <plugin.end key={plugin.key} component={component} />)\n  );\n\n  return (\n    <>\n      {startPlugins}\n      <EnvIcon component={component} className={styles.icon} />\n      <div className={classnames(styles.name, ellipsis)}>{name}</div>\n      {endPlugins}\n    </>\n  );\n}\n"],"mappings":";;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,QAAA;EAAA,MAAAH,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAC,OAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,gBAAA;EAAA,MAAAJ,IAAA,GAAAE,OAAA;EAAAE,eAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAK,QAAA;EAAA,MAAAL,IAAA,GAAAE,OAAA;EAAAG,OAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAM,YAAA;EAAA,MAAAN,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAI,WAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAGA,SAAAO,uBAAA;EAAA,MAAAP,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAK,sBAAA,YAAAA,CAAA;IAAA,OAAAP,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAoD,SAAAC,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAc7C,SAASG,eAAeA,CAAC;EAAEC,SAAS;EAAEC;AAA8B,CAAC,EAAE;EAC5E,MAAMC,IAAI,GAAGF,SAAS,CAACG,EAAE,CAACC,QAAQ;EAElC,MAAMC,YAAY,GAAG,IAAAC,iBAAO,EAC1BL,OAAO,EAAEM,GAAG,CAAEC,MAAM,IAAKA,MAAM,CAACC,KAAK,iBAAItB,MAAA,GAAAW,OAAA,CAAAY,aAAA,CAACF,MAAM,CAACC,KAAK;IAACE,GAAG,EAAEH,MAAM,CAACG,GAAI;IAACX,SAAS,EAAEA;EAAU,CAAE,CAAC,CAClG,CAAC;EACD,MAAMY,UAAU,GAAG,IAAAN,iBAAO,EACxBL,OAAO,EAAEM,GAAG,CAAEC,MAAM,IAAKA,MAAM,CAACK,GAAG,iBAAI1B,MAAA,GAAAW,OAAA,CAAAY,aAAA,CAACF,MAAM,CAACK,GAAG;IAACF,GAAG,EAAEH,MAAM,CAACG,GAAI;IAACX,SAAS,EAAEA;EAAU,CAAE,CAAC,CAC9F,CAAC;EAED,oBACEb,MAAA,GAAAW,OAAA,CAAAY,aAAA,CAAAvB,MAAA,GAAAW,OAAA,CAAAgB,QAAA,QACGT,YAAY,eACblB,MAAA,GAAAW,OAAA,CAAAY,aAAA,CAACjB,OAAA,GAAAsB,OAAO;IAACf,SAAS,EAAEA,SAAU;IAACgB,SAAS,EAAEC,gCAAM,CAACC;EAAK,CAAE,CAAC,eACzD/B,MAAA,GAAAW,OAAA,CAAAY,aAAA;IAAKM,SAAS,EAAE,IAAAG,qBAAU,EAACF,gCAAM,CAACf,IAAI,EAAEkB,0BAAQ;EAAE,GAAElB,IAAU,CAAC,EAC9DU,UACD,CAAC;AAEP"}

package/dist/ui/component-searcher/component-searcher.d.ts

@@ -1,7 +1,7 @@
-import { ComponentModel } from '@teambit/component';
 import { SearchResult, FuzzySearchItem, FuzzySearcher } from '@teambit/explorer.ui.command-bar';
 import type { SearchProvider } from '@teambit/command-bar';
 import { ComponentResultPlugin } from './component-result';
+import { ComponentModel } from '../component-model';
 export type { ComponentResultPlugin };
 type ComponentSearchIdx = {
     name: string;

package/dist/ui/component-searcher/component-searcher.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_explorerUi","_componentResult","obj","__esModule","default","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","key","value","_toPropertyKey","configurable","writable","i","_toPrimitive","String","Symbol","toPrimitive","call","TypeError","Number","searchKeys","ComponentSearcher","FuzzySearcher","constructor","options","item","navigate","resultPlugins","component","id","fullName","action","children","createElement","ComponentResult","plugins","updatePlugins","test","term","startsWith","toSearchableItem","name","displayName","exports"],"sources":["component-searcher.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ComponentModel } from '@teambit/component';\nimport { SearchResult, FuzzySearchItem, FuzzySearcher } from '@teambit/explorer.ui.command-bar';\nimport type { SearchProvider } from '@teambit/command-bar';\nimport { ComponentResult, ComponentResultPlugin } from './component-result';\n\nexport type { ComponentResultPlugin };\n\ntype ComponentSearchIdx = {\n  name: string;\n  displayName: string;\n  component: ComponentModel;\n};\n\nconst searchKeys: (keyof ComponentSearchIdx)[] = ['displayName', 'name'];\n\ntype ComponentSearcherOptions = {\n  navigate: (path: string) => void;\n  resultPlugins?: ComponentResultPlugin[];\n};\n\nexport class ComponentSearcher extends FuzzySearcher<ComponentModel, ComponentSearchIdx> implements SearchProvider {\n  constructor(public options: ComponentSearcherOptions) {\n    super({ searchKeys });\n  }\n\n  updatePlugins(plugins: ComponentResultPlugin[]) {\n    this.options = {\n      ...this.options,\n      resultPlugins: plugins,\n    };\n  }\n\n  override test(term: string): boolean {\n    return !term.startsWith('>') && term.length > 0;\n  }\n\n  protected override toSearchableItem(item: ComponentModel): ComponentSearchIdx {\n    return {\n      name: item.id.name,\n      displayName: item.id.fullName,\n      component: item,\n    };\n  }\n\n  protected override toSearchResult = ({ item }: FuzzySearchItem<ComponentSearchIdx>): SearchResult => {\n    const { navigate, resultPlugins } = this.options;\n    const { component } = item;\n\n    return {\n      id: component.id.fullName,\n      action: () => navigate(`/${component.id.fullName}`),\n      children: <ComponentResult component={component} plugins={resultPlugins} />,\n    };\n  };\n}\n"],"mappings":"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"}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_explorerUi","_componentResult","obj","__esModule","default","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","key","value","_toPropertyKey","configurable","writable","i","_toPrimitive","String","Symbol","toPrimitive","call","TypeError","Number","searchKeys","ComponentSearcher","FuzzySearcher","constructor","options","item","navigate","resultPlugins","component","id","fullName","action","children","createElement","ComponentResult","plugins","updatePlugins","test","term","startsWith","toSearchableItem","name","displayName","exports"],"sources":["component-searcher.tsx"],"sourcesContent":["import React from 'react';\nimport { SearchResult, FuzzySearchItem, FuzzySearcher } from '@teambit/explorer.ui.command-bar';\nimport type { SearchProvider } from '@teambit/command-bar';\nimport { ComponentResult, ComponentResultPlugin } from './component-result';\nimport { ComponentModel } from '../component-model';\n\nexport type { ComponentResultPlugin };\n\ntype ComponentSearchIdx = {\n  name: string;\n  displayName: string;\n  component: ComponentModel;\n};\n\nconst searchKeys: (keyof ComponentSearchIdx)[] = ['displayName', 'name'];\n\ntype ComponentSearcherOptions = {\n  navigate: (path: string) => void;\n  resultPlugins?: ComponentResultPlugin[];\n};\n\nexport class ComponentSearcher extends FuzzySearcher<ComponentModel, ComponentSearchIdx> implements SearchProvider {\n  constructor(public options: ComponentSearcherOptions) {\n    super({ searchKeys });\n  }\n\n  updatePlugins(plugins: ComponentResultPlugin[]) {\n    this.options = {\n      ...this.options,\n      resultPlugins: plugins,\n    };\n  }\n\n  override test(term: string): boolean {\n    return !term.startsWith('>') && term.length > 0;\n  }\n\n  protected override toSearchableItem(item: ComponentModel): ComponentSearchIdx {\n    return {\n      name: item.id.name,\n      displayName: item.id.fullName,\n      component: item,\n    };\n  }\n\n  protected override toSearchResult = ({ item }: FuzzySearchItem<ComponentSearchIdx>): SearchResult => {\n    const { navigate, resultPlugins } = this.options;\n    const { component } = item;\n\n    return {\n      id: component.id.fullName,\n      action: () => navigate(`/${component.id.fullName}`),\n      children: <ComponentResult component={component} plugins={resultPlugins} />,\n    };\n  };\n}\n"],"mappings":"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"}

package/dist/ui/context/component-context.d.ts

@@ -3,4 +3,4 @@ import type { ComponentDescriptor } from '@teambit/component-descriptor';
 import { ComponentModel } from '../component-model';
 export declare const ComponentContext: React.Context<ComponentModel>;
 export declare const ComponentDescriptorContext: React.Context<ComponentDescriptor | undefined>;
-export declare const useComponentDescriptor: () => ComponentDescriptor;
+export declare const useComponentDescriptor: () => ComponentDescriptor | undefined;

package/dist/ui/top-bar-nav/top-bar-nav.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { NavPluginProps } from '../menu/nav-plugin';
 export declare function TopBarNav({ href, className, activeClassName, children, displayName, ignoreQueryParams, ...rest }: NavPluginProps): JSX.Element;

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;
+    logOffset: number | undefined;
     variables: {
         id: string;
         extensionId: string;
         logOffset: any;
-        logLimit: number;
-        logType: string;
-        logHead: string;
-        logSort: string;
-        logTakeHeadFromComponent: boolean;
+        logLimit: number | undefined;
+        logType: string | undefined;
+        logHead: string | undefined;
+        logSort: string | undefined;
+        logTakeHeadFromComponent: boolean | undefined;
     };
-    skip: boolean;
+    skip: boolean | undefined;
 };

package/esm.mjs

@@ -25,5 +25,8 @@ export const useIdFromLocation = cjsModule.useIdFromLocation;
 export const useComponentLogs = cjsModule.useComponentLogs;
 export const Config = cjsModule.Config;
 export const ComponentModel = cjsModule.ComponentModel;
+export const CollapsibleMenuNav = cjsModule.CollapsibleMenuNav;
+export const ComponentMenu = cjsModule.ComponentMenu;
+export const VersionRelatedDropdowns = cjsModule.VersionRelatedDropdowns;
 
 export default cjsModule;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/component",
-  "version": "1.0.141",
+  "version": "1.0.143",
   "homepage": "https://bit.cloud/teambit/component/component",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component",
-    "version": "1.0.141"
+    "version": "1.0.143"
   },
   "dependencies": {
     "@teambit/any-fs": "0.0.5",
@@ -34,38 +34,38 @@
     "@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.navigation.responsive-navbar": "0.0.7",
     "@teambit/base-ui.layout.breakpoints": "1.0.0",
-    "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.141",
+    "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.142",
+    "@teambit/design.ui.pages.not-found": "0.0.366",
+    "@teambit/design.ui.pages.server-error": "0.0.366",
     "@teambit/design.ui.styles.ellipsis": "0.0.357",
     "@teambit/explorer.ui.command-bar": "2.0.14",
-    "@teambit/aspect-loader": "1.0.141",
-    "@teambit/graph": "1.0.141",
+    "@teambit/aspect-loader": "1.0.143",
+    "@teambit/graph": "1.0.143",
     "@teambit/toolbox.path.match-patterns": "0.0.15",
     "@teambit/toolbox.string.capitalize": "0.0.496",
-    "@teambit/cli": "0.0.848",
-    "@teambit/express": "0.0.947",
-    "@teambit/graphql": "1.0.141",
-    "@teambit/command-bar": "1.0.141",
+    "@teambit/cli": "0.0.849",
+    "@teambit/express": "0.0.948",
+    "@teambit/graphql": "1.0.143",
+    "@teambit/command-bar": "1.0.143",
     "@teambit/component-package-version": "0.0.433",
-    "@teambit/preview": "1.0.141",
-    "@teambit/pubsub": "1.0.141",
-    "@teambit/react-router": "1.0.141",
-    "@teambit/ui": "1.0.141",
-    "@teambit/component-issues": "0.0.140",
+    "@teambit/preview": "1.0.143",
+    "@teambit/pubsub": "1.0.143",
+    "@teambit/react-router": "1.0.143",
+    "@teambit/ui": "1.0.143",
+    "@teambit/component-issues": "0.0.141",
     "@teambit/cli-table": "0.0.48",
-    "@teambit/component-descriptor": "0.0.413",
+    "@teambit/component-descriptor": "0.0.414",
     "@teambit/harmony.ui.aspect-box": "0.0.507",
-    "@teambit/compositions": "1.0.141",
-    "@teambit/deprecation": "1.0.141",
-    "@teambit/envs": "1.0.141",
-    "@teambit/component.ui.version-dropdown": "0.0.854",
-    "@teambit/lanes.hooks.use-lanes": "0.0.258",
+    "@teambit/compositions": "1.0.143",
+    "@teambit/deprecation": "1.0.143",
+    "@teambit/envs": "1.0.143",
+    "@teambit/component.ui.version-dropdown": "0.0.855",
+    "@teambit/lanes.hooks.use-lanes": "0.0.259",
     "@teambit/lanes.ui.models.lanes-model": "0.0.212",
     "@teambit/envs.ui.env-icon": "0.0.505"
   },
@@ -76,16 +76,15 @@
     "@types/classnames": "2.2.11",
     "@types/lodash.compact": "3.0.6",
     "@types/mocha": "9.1.0",
-    "@types/jest": "^29.2.2",
-    "@types/testing-library__jest-dom": "^5.9.5",
+    "chai": "4.3.0",
     "@teambit/component.content.component-overview": "1.95.0",
-    "@teambit/harmony.envs.core-aspect-env": "0.0.19"
+    "@teambit/harmony.envs.core-aspect-env": "0.0.24"
   },
   "peerDependencies": {
     "@apollo/client": "^3.6.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-router-dom": "^6.8.1",
-    "@types/react": "17.0.8",
+    "@types/react": "^17.0.73",
     "@teambit/legacy": "1.0.624"
   },
   "license": "Apache-2.0",
@@ -100,7 +99,8 @@
       "default": "./dist/index.js"
     },
     "./dist/*": "./dist/*",
-    "./artifacts/*": "./artifacts/*"
+    "./artifacts/*": "./artifacts/*",
+    "./*": "./*.ts"
   },
   "private": false,
   "engines": {

package/tsconfig.json

@@ -17,7 +17,10 @@
     "resolveJsonModule": true,
     "allowJs": true,
     "outDir": "dist",
-    "emitDeclarationOnly": true
+    "emitDeclarationOnly": true,
+    "strict": true,
+    "strictPropertyInitialization": false,
+    "noImplicitAny": false
   },
   "exclude": [
     "artifacts",

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

@@ -1,5 +1,4 @@
 import { AspectBox } from '@teambit/harmony.ui.aspect-box';
-import { ComponentContext } from '@teambit/component';
 import React, { useContext } from 'react';
 import { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';
 import { gql } from '@apollo/client';
@@ -7,6 +6,7 @@ import { EmptyBox } from '@teambit/design.ui.empty-box';
 import { H1 } from '@teambit/documenter.ui.heading';
 import { Separator } from '@teambit/documenter.ui.separator';
 import styles from './aspect-page.module.scss';
+import { ComponentContext } from '../context';
 
 const GET_COMPONENT = gql`
   query ($id: String!) {

package/ui/component-searcher/component-result.tsx

@@ -1,9 +1,9 @@
 import React, { ComponentType } from 'react';
 import compact from 'lodash.compact';
-import { ComponentModel } from '@teambit/component';
 import { ellipsis } from '@teambit/design.ui.styles.ellipsis';
 import { EnvIcon } from '@teambit/envs.ui.env-icon';
 import classnames from 'classnames';
+import { ComponentModel } from '../component-model';
 
 import styles from './component-result.module.scss';
 

package/ui/component-searcher/component-searcher.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
-
-import { ComponentModel } from '@teambit/component';
 import { SearchResult, FuzzySearchItem, FuzzySearcher } from '@teambit/explorer.ui.command-bar';
 import type { SearchProvider } from '@teambit/command-bar';
 import { ComponentResult, ComponentResultPlugin } from './component-result';
+import { ComponentModel } from '../component-model';
 
 export type { ComponentResultPlugin };