@teambit/component 1.0.667 → 1.0.668

package/show/files.fragment.ts

@@ -1,5 +1,5 @@
-import { ShowFragment } from './show-fragment';
-import { Component } from '../component';
+import type { ShowFragment } from './show-fragment';
+import type { Component } from '../component';
 
 export class FilesFragment implements ShowFragment {
   async renderRow(component: Component) {

package/show/id.fragment.ts

@@ -1,5 +1,5 @@
-import { ShowFragment } from './show-fragment';
-import { Component } from '../component';
+import type { ShowFragment } from './show-fragment';
+import type { Component } from '../component';
 
 export class IDFragment implements ShowFragment {
   async renderRow(component: Component) {

package/show/legacy-show/docs-template.ts

@@ -1,7 +1,7 @@
 import c from 'chalk';
 import Table from 'cli-table';
 import { isEmpty, isNil } from 'lodash';
-import { Doclet } from '@teambit/semantics.doc-parser';
+import type { Doclet } from '@teambit/semantics.doc-parser';
 
 const paintExample = (example) => {
   return example.raw;

package/show/legacy-show/get-consumer-component.ts

@@ -1,4 +1,5 @@
-import { Consumer, loadConsumer } from '@teambit/legacy.consumer';
+import type { Consumer } from '@teambit/legacy.consumer';
+import { loadConsumer } from '@teambit/legacy.consumer';
 import { NothingToCompareTo } from './nothing-to-compare-to';
 
 export async function getConsumerComponent({ id, compare }: { id: string; compare: boolean }) {

package/show/legacy-show/get-scope-component.ts

@@ -1,10 +1,12 @@
 import { ComponentID } from '@teambit/component-id';
 import { loader } from '@teambit/legacy.loader';
-import { Consumer, loadConsumerIfExist } from '@teambit/legacy.consumer';
-import { ConsumerComponent as Component } from '@teambit/legacy.consumer-component';
+import type { Consumer } from '@teambit/legacy.consumer';
+import { loadConsumerIfExist } from '@teambit/legacy.consumer';
+import type { ConsumerComponent as Component } from '@teambit/legacy.consumer-component';
 import { getRemoteByName } from '@teambit/scope.remotes';
-import { loadScope, Scope } from '@teambit/legacy.scope';
-import { DependenciesInfo } from '@teambit/legacy.dependency-graph';
+import type { Scope } from '@teambit/legacy.scope';
+import { loadScope } from '@teambit/legacy.scope';
+import type { DependenciesInfo } from '@teambit/legacy.dependency-graph';
 
 export async function getScopeComponent({
   id,

package/show/legacy-show/show-legacy-cmd.ts

@@ -3,7 +3,7 @@ import rightpad from 'pad-right';
 import { table } from 'table';
 import type { Alignment } from 'table';
 import { componentToPrintableForDiff, getDiffBetweenObjects, prettifyFieldName } from '@teambit/legacy.component-diff';
-import { ConsumerComponent } from '@teambit/legacy.consumer-component';
+import type { ConsumerComponent } from '@teambit/legacy.consumer-component';
 import { show } from './legacy-show';
 import paintDocumentation from './docs-template';
 import { compact } from 'lodash';

package/show/main-file.fragment.ts

@@ -1,5 +1,5 @@
-import { ShowFragment } from './show-fragment';
-import { Component } from '../component';
+import type { ShowFragment } from './show-fragment';
+import type { Component } from '../component';
 
 export class MainFileFragment implements ShowFragment {
   async renderRow(component: Component) {

package/show/name.fragment.ts

@@ -1,5 +1,5 @@
-import { ShowFragment } from './show-fragment';
-import { Component } from '../component';
+import type { ShowFragment } from './show-fragment';
+import type { Component } from '../component';
 
 export class NameFragment implements ShowFragment {
   async renderRow(component: Component) {

package/show/scope.fragment.ts

@@ -1,5 +1,5 @@
-import { ShowFragment } from './show-fragment';
-import { Component } from '../component';
+import type { ShowFragment } from './show-fragment';
+import type { Component } from '../component';
 
 export class ScopeFragment implements ShowFragment {
   async renderRow(component: Component) {

package/show/show-fragment.ts

@@ -1,4 +1,4 @@
-import { Component } from '../component';
+import type { Component } from '../component';
 
 export interface ShowFragment {
   /**

package/show/show.cmd.ts

@@ -1,13 +1,13 @@
 import open from 'open';
-import { Command, CommandOptions } from '@teambit/cli';
+import type { Command, CommandOptions } from '@teambit/cli';
 import { compact } from 'lodash';
 // import { Logger } from '@teambit/logger';
 // import chalk from 'chalk';
 import { CLITable } from '@teambit/cli-table';
 import { MissingBitMapComponent } from '@teambit/legacy.bit-map';
-import { Logger } from '@teambit/logger';
+import type { Logger } from '@teambit/logger';
 import { reportLegacy, actionLegacy } from './legacy-show/show-legacy-cmd';
-import { ComponentMain } from '../component.main.runtime';
+import type { ComponentMain } from '../component.main.runtime';
 import { isLikelyPackageName, resolveComponentIdFromPackageName } from '@teambit/pkg.modules.component-package-name';
 
 export class ShowCmd implements Command {

package/snap/snap.ts

@@ -1,4 +1,4 @@
-import { Author } from './author';
+import type { Author } from './author';
 
 export type SnapProps = {
   hash: string;

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

@@ -1,12 +1,14 @@
-import { Composition, CompositionProps } from '@teambit/compositions';
-import { DeprecationInfo } from '@teambit/deprecation';
-import { Descriptor } from '@teambit/envs';
-import { ComponentID, ComponentIdObj } from '@teambit/component-id';
-import { LegacyComponentLog } from '@teambit/legacy-component-log';
-import { ComponentPreviewSize } from '@teambit/preview';
+import type { CompositionProps } from '@teambit/compositions';
+import { Composition } from '@teambit/compositions';
+import type { DeprecationInfo } from '@teambit/deprecation';
+import type { Descriptor } from '@teambit/envs';
+import type { ComponentIdObj } from '@teambit/component-id';
+import { ComponentID } from '@teambit/component-id';
+import type { LegacyComponentLog } from '@teambit/legacy-component-log';
+import type { ComponentPreviewSize } from '@teambit/preview';
 import { Tag } from '../../tag';
 import { TagMap } from '../../tag-map';
-import { TagProps } from '../../tag/tag';
+import type { TagProps } from '../../tag/tag';
 // import { Snap } from '../../snap';
 
 // ADDING MORE PROPERTIES HERE IS NOT ALLOWED!!! IF YOU NEED DATA PLEASE ADD A NEW

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

@@ -1,9 +1,10 @@
-import React, { ComponentType } from 'react';
+import type { ComponentType } from 'react';
+import React from 'react';
 import compact from 'lodash.compact';
 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 type { ComponentModel } from '../component-model';
 
 import styles from './component-result.module.scss';
 

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

@@ -1,8 +1,10 @@
 import React from 'react';
-import { SearchResult, FuzzySearchItem, FuzzySearcher } from '@teambit/explorer.ui.command-bar';
+import type { SearchResult, FuzzySearchItem } from '@teambit/explorer.ui.command-bar';
+import { 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';
+import type { ComponentResultPlugin } from './component-result';
+import { ComponentResult } from './component-result';
+import type { ComponentModel } from '../component-model';
 
 export type { ComponentResultPlugin };
 

package/ui/component.tsx

@@ -1,14 +1,16 @@
-import React, { useEffect, ReactNode, useMemo } from 'react';
-import { RouteProps } from 'react-router-dom';
+import type { ReactNode } from 'react';
+import React, { useEffect, useMemo } from 'react';
+import type { RouteProps } from 'react-router-dom';
 import { useQuery } from '@teambit/ui-foundation.ui.react-router.use-query';
 import flatten from 'lodash.flatten';
 import { SlotRouter } from '@teambit/ui-foundation.ui.react-router.slot-router';
 import type { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
-import { SlotRegistry } from '@teambit/harmony';
+import type { SlotRegistry } from '@teambit/harmony';
 import { isFunction } from 'lodash';
 import { ComponentProvider, ComponentDescriptorProvider } from './context';
-import { useComponent as useComponentQuery, UseComponentType, Filters } from './use-component';
-import { ComponentModel } from './component-model';
+import type { UseComponentType, Filters } from './use-component';
+import { useComponent as useComponentQuery } from './use-component';
+import type { ComponentModel } from './component-model';
 import { useIdFromLocation } from './use-component-from-location';
 import { ComponentID } from '..';
 

package/ui/context/component-provider.tsx

@@ -1,6 +1,7 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 import type { ComponentDescriptor } from '@teambit/component-descriptor';
-import { ComponentModel } from '../component-model';
+import type { ComponentModel } from '../component-model';
 import { ComponentContext, ComponentDescriptorContext } from './component-context';
 
 export type ComponentProviderProps = {

package/ui/menu/menu-nav.tsx

@@ -5,7 +5,7 @@ import type { TabProps } from '@teambit/design.navigation.responsive-navbar';
 import { useWorkspaceMode } from '@teambit/workspace.ui.use-workspace-mode';
 import { TopBarNav } from '../top-bar-nav';
 import styles from './menu.module.scss';
-import { NavPlugin, OrderedNavigationSlot } from './nav-plugin';
+import type { NavPlugin, OrderedNavigationSlot } from './nav-plugin';
 
 export type MenuNavProps = {
   /**

package/ui/menu/menu.tsx

@@ -1,24 +1,34 @@
-import React, { useMemo, ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React, { useMemo } from 'react';
 import { Routes, Route } from 'react-router-dom';
 import classnames from 'classnames';
 import { useQuery } from '@teambit/ui-foundation.ui.react-router.use-query';
 import { compact, flatten, groupBy, isFunction, orderBy } from 'lodash';
 import * as semver from 'semver';
-import { SlotRegistry } from '@teambit/harmony';
-import { DropdownComponentVersion, GetActiveTabIndex, VersionDropdown } from '@teambit/component.ui.version-dropdown';
-import { MainDropdown, MenuItemSlot } from '@teambit/ui-foundation.ui.main-dropdown';
+import type { SlotRegistry } from '@teambit/harmony';
+import type { DropdownComponentVersion, GetActiveTabIndex } from '@teambit/component.ui.version-dropdown';
+import { VersionDropdown } from '@teambit/component.ui.version-dropdown';
+import type { MenuItemSlot } from '@teambit/ui-foundation.ui.main-dropdown';
+import { MainDropdown } from '@teambit/ui-foundation.ui.main-dropdown';
 import { ComponentID } from '@teambit/component-id';
 import type { ConsumeMethod } from '@teambit/ui-foundation.ui.use-box.menu';
 import { useLocation } from '@teambit/base-react.navigation.link';
 import { UseBoxDropdown } from '@teambit/ui-foundation.ui.use-box.dropdown';
 import { useLanes as defaultUseLanes } from '@teambit/lanes.hooks.use-lanes';
-import { LanesModel } from '@teambit/lanes.ui.models.lanes-model';
+import type { LanesModel } from '@teambit/lanes.ui.models.lanes-model';
 import { Menu as ConsumeMethodsMenu } from '@teambit/ui-foundation.ui.use-box.menu';
-import { LegacyComponentLog } from '@teambit/legacy-component-log';
+import type { LegacyComponentLog } from '@teambit/legacy-component-log';
 import { useWorkspaceMode } from '@teambit/workspace.ui.use-workspace-mode';
-import { useComponent as useComponentQuery, UseComponentType, Filters } from '../use-component';
+import type { UseComponentType, Filters } from '../use-component';
+import { useComponent as useComponentQuery } from '../use-component';
 import { CollapsibleMenuNav } from './menu-nav';
-import { OrderedNavigationSlot, ConsumeMethodSlot, ConsumePluginProps, NavPlugin, NavPluginProps } from './nav-plugin';
+import type {
+  OrderedNavigationSlot,
+  ConsumeMethodSlot,
+  ConsumePluginProps,
+  NavPlugin,
+  NavPluginProps,
+} from './nav-plugin';
 import { useIdFromLocation } from '../use-component-from-location';
 import { TopBarNav } from '../top-bar-nav';
 

package/ui/menu/nav-plugin.tsx

@@ -1,9 +1,9 @@
-import { SlotRegistry } from '@teambit/harmony';
+import type { SlotRegistry } from '@teambit/harmony';
 import type { LinkProps } from '@teambit/base-react.navigation.link';
 import type { ConsumeMethod } from '@teambit/ui-foundation.ui.use-box.menu';
-import { LaneModel } from '@teambit/lanes.ui.models.lanes-model';
-import { ComponentID } from '@teambit/component-id';
-import { ComponentModel } from '../component-model';
+import type { LaneModel } from '@teambit/lanes.ui.models.lanes-model';
+import type { ComponentID } from '@teambit/component-id';
+import type { ComponentModel } from '../component-model';
 
 export type NavPluginProps = {
   displayName?: string;

package/ui/top-bar-nav/top-bar-nav.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import classnames from 'classnames';
 import { useLocation } from 'react-router-dom';
 import { Link as BaseLink } from '@teambit/base-react.navigation.link';
-import { NavPluginProps } from '../menu/nav-plugin';
+import type { NavPluginProps } from '../menu/nav-plugin';
 
 import styles from './top-bar-nav.module.scss';
 

package/ui/use-component-logs.ts

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
-import { LegacyComponentLog } from '@teambit/legacy-component-log';
+import type { LegacyComponentLog } from '@teambit/legacy-component-log';
 import { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';
-import { ComponentLogsResult, Filters } from './use-component.model';
+import type { ComponentLogsResult, Filters } from './use-component.model';
 import { GET_COMPONENT_WITH_LOGS } from './use-component.fragments';
 import { ComponentError } from './component-error';
 import { getOffsetValue } from './use-component.utils';

package/ui/use-component-query.ts

@@ -3,7 +3,7 @@ import { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';
 import { ComponentID } from '@teambit/component-id';
 import { ComponentDescriptor } from '@teambit/component-descriptor';
 import { ComponentModel } from './component-model';
-import { ComponentQueryResult, Filters } from './use-component.model';
+import type { ComponentQueryResult, Filters } from './use-component.model';
 import { GET_COMPONENT } from './use-component.fragments';
 import { useComponentLogs } from './use-component-logs';
 import { ComponentError } from './component-error';

package/ui/use-component.model.ts

@@ -1,8 +1,8 @@
-import { ComponentDescriptor } from '@teambit/component-descriptor';
-import { LegacyComponentLog } from '@teambit/legacy-component-log';
-import { ComponentID } from '../';
-import { ComponentError } from './component-error';
-import { ComponentModel } from './component-model';
+import type { ComponentDescriptor } from '@teambit/component-descriptor';
+import type { LegacyComponentLog } from '@teambit/legacy-component-log';
+import type { ComponentID } from '../';
+import type { ComponentError } from './component-error';
+import type { ComponentModel } from './component-model';
 
 export type LogFilter = {
   offset?: number;

package/ui/use-component.tsx

@@ -1,6 +1,7 @@
 import { useQuery } from '@teambit/ui-foundation.ui.react-router.use-query';
 import { useComponentQuery } from './use-component-query';
-import { ComponentQueryResult, UseComponentOptions, UseComponentType, Filters } from './use-component.model';
+import type { ComponentQueryResult, UseComponentOptions } from './use-component.model';
+import { UseComponentType, Filters } from './use-component.model';
 
 export { UseComponentType, Filters };