@teambit/component.ui.version-dropdown 0.0.784 → 0.0.786

package/dist/index.d.ts

@@ -1,2 +1,4 @@
+export { SimpleVersion, DetailedVersion } from './version-dropdown-placeholder';
+export type { VersionProps } from './version-dropdown-placeholder';
 export { VersionDropdown } from './version-dropdown';
-export type { DropdownComponentVersion } from './version-dropdown';
+export type { DropdownComponentVersion, GetActiveTabIndex } from './version-dropdown';

package/dist/index.js

@@ -1,2 +1,3 @@
+export { SimpleVersion, DetailedVersion } from './version-dropdown-placeholder';
 export { VersionDropdown } from './version-dropdown';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEhF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/{preview-1686799133952.js → preview-1686971843539.js}

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

package/dist/version-dropdown-placeholder.d.ts

@@ -1,10 +1,16 @@
 import { HTMLAttributes } from 'react';
 import { DropdownComponentVersion } from './version-dropdown';
 export declare type VersionProps = {
-    tags: DropdownComponentVersion[];
-    snaps?: DropdownComponentVersion[];
-    currentVersion: string;
+    currentVersion?: string;
+    isTag?: (version?: string) => boolean;
     disabled?: boolean;
+    hasMoreVersions?: boolean;
+    showFullVersion?: boolean;
+    loading?: boolean;
+    useCurrentVersionLog?: (props: {
+        skip?: boolean;
+        version?: string;
+    }) => DropdownComponentVersion | undefined;
 } & HTMLAttributes<HTMLDivElement>;
-export declare function SimpleVersion({ currentVersion, className, disabled, tags, snaps }: VersionProps): JSX.Element;
-export declare function DetailedVersion({ currentVersion, className, disabled, snaps, tags }: VersionProps): JSX.Element;
+export declare function SimpleVersion({ currentVersion, className, disabled, hasMoreVersions, isTag, useCurrentVersionLog, showFullVersion, loading, ...rest }: VersionProps): JSX.Element;
+export declare function DetailedVersion({ currentVersion, className, disabled, hasMoreVersions, isTag, loading, useCurrentVersionLog, showFullVersion, ...rest }: VersionProps): JSX.Element;

package/dist/version-dropdown-placeholder.js

@@ -1,45 +1,62 @@
-import React, { useMemo } from 'react';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
 import { Ellipsis } from '@teambit/design.ui.styles.ellipsis';
 import classNames from 'classnames';
+import * as semver from 'semver';
 import { Icon } from '@teambit/evangelist.elements.icon';
 import { TimeAgo } from '@teambit/design.ui.time-ago';
 import { UserAvatar } from '@teambit/design.ui.avatar';
+import { WordSkeleton } from '@teambit/base-ui.loaders.skeleton';
 import styles from './version-dropdown-placeholder.module.scss';
-const getVersionDetailFromTags = (version, tags) => tags.find((tag) => tag.tag === version);
-const getVersionDetailFromSnaps = (version, snaps) => (snaps || []).find((snap) => snap.hash === version);
-const getVersionDetails = (version, tags, snaps) => {
-    if (version === 'workspace' || version === 'new')
-        return { version };
-    return getVersionDetailFromTags(version, tags) || getVersionDetailFromSnaps(version, snaps);
-};
-export function SimpleVersion({ currentVersion, className, disabled, tags, snaps }) {
-    const showArrowDown = useMemo(() => (snaps || []).concat(tags).length > 1, [tags, snaps]);
-    const versionDetails = useMemo(() => getVersionDetails(currentVersion, tags, snaps), [currentVersion, tags, snaps]);
-    return (React.createElement("div", { className: classNames(styles.simple, className, disabled && styles.disabled) },
-        React.createElement(Ellipsis, { className: classNames(styles.versionName, (versionDetails === null || versionDetails === void 0 ? void 0 : versionDetails.tag) && styles.tag, !(versionDetails === null || versionDetails === void 0 ? void 0 : versionDetails.tag) && styles.snap) }, currentVersion),
-        showArrowDown && React.createElement(Icon, { of: "fat-arrow-down" })));
+export function SimpleVersion(_a) {
+    var { currentVersion, className, disabled, hasMoreVersions, isTag = (version) => semver.valid(version) !== null, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    useCurrentVersionLog, showFullVersion, loading } = _a, rest = __rest(_a, ["currentVersion", "className", "disabled", "hasMoreVersions", "isTag", "useCurrentVersionLog", "showFullVersion", "loading"]);
+    if (loading)
+        return React.createElement(WordSkeleton, { className: styles.loader, length: 9 });
+    const formattedVersion = showFullVersion || isTag(currentVersion) ? currentVersion : currentVersion === null || currentVersion === void 0 ? void 0 : currentVersion.slice(0, 6);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(styles.simple, className, disabled && styles.disabled) }),
+        React.createElement(Ellipsis, { className: classNames(styles.versionName), onClick: rest.onClick }, formattedVersion),
+        hasMoreVersions && React.createElement(Icon, { of: "fat-arrow-down", onClick: rest.onClick })));
 }
-export function DetailedVersion({ currentVersion, className, disabled, snaps, tags }) {
-    const showArrowDown = useMemo(() => (snaps || []).concat(tags).length > 1, [tags, snaps]);
-    const versionDetails = useMemo(() => getVersionDetails(currentVersion, tags, snaps), [currentVersion, tags, snaps]);
-    const timestamp = useMemo(() => ((versionDetails === null || versionDetails === void 0 ? void 0 : versionDetails.date) ? new Date(parseInt(versionDetails.date)).toString() : new Date().toString()), [versionDetails === null || versionDetails === void 0 ? void 0 : versionDetails.date]);
-    const author = useMemo(() => {
+export function DetailedVersion(_a) {
+    var { currentVersion, className, disabled, hasMoreVersions, isTag = (version) => semver.valid(version) !== null, loading, useCurrentVersionLog, showFullVersion } = _a, rest = __rest(_a, ["currentVersion", "className", "disabled", "hasMoreVersions", "isTag", "loading", "useCurrentVersionLog", "showFullVersion"]);
+    const currentVersionLog = useCurrentVersionLog === null || useCurrentVersionLog === void 0 ? void 0 : useCurrentVersionLog({ skip: loading, version: currentVersion });
+    const { displayName, message, username, email, date: _date, profileImage } = currentVersionLog || {};
+    const author = React.useMemo(() => {
         return {
-            displayName: versionDetails === null || versionDetails === void 0 ? void 0 : versionDetails.username,
-            email: versionDetails === null || versionDetails === void 0 ? void 0 : versionDetails.email,
+            displayName: displayName !== null && displayName !== void 0 ? displayName : '',
+            email,
+            name: username !== null && username !== void 0 ? username : '',
+            profileImage,
         };
-    }, [versionDetails]);
-    return (React.createElement("div", { className: classNames(styles.detailed, className, disabled && styles.disabled) },
-        React.createElement(UserAvatar, { size: 24, account: author, className: styles.versionUserAvatar, showTooltip: true }),
-        React.createElement(Ellipsis, { className: classNames(styles.versionName, (versionDetails === null || versionDetails === void 0 ? void 0 : versionDetails.tag) && styles.tag, !(versionDetails === null || versionDetails === void 0 ? void 0 : versionDetails.tag) && styles.snap) }, currentVersion),
-        commitMessage(versionDetails === null || versionDetails === void 0 ? void 0 : versionDetails.message),
-        React.createElement(Ellipsis, { className: styles.versionTimestamp },
-            React.createElement(TimeAgo, { date: timestamp })),
-        showArrowDown && React.createElement(Icon, { of: "fat-arrow-down" })));
+    }, [displayName, email, username, profileImage]);
+    const formattedVersion = showFullVersion || isTag(currentVersion) ? currentVersion : currentVersion === null || currentVersion === void 0 ? void 0 : currentVersion.slice(0, 6);
+    const date = _date ? new Date(+_date) : undefined;
+    const timestamp = React.useMemo(() => (date ? new Date(+date).toString() : new Date().toString()), [date]);
+    if (loading)
+        return React.createElement(WordSkeleton, { className: styles.loader, length: 9 });
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(styles.detailed, className, disabled && styles.disabled) }),
+        React.createElement(UserAvatar, { size: 24, account: author !== null && author !== void 0 ? author : {}, className: styles.versionUserAvatar, showTooltip: true, onClick: rest.onClick }),
+        React.createElement(Ellipsis, { className: classNames(styles.versionName), onClick: rest.onClick }, formattedVersion),
+        commitMessage(message, rest.onClick),
+        React.createElement(Ellipsis, { className: styles.versionTimestamp, onClick: rest.onClick },
+            React.createElement(TimeAgo, { date: timestamp, onClick: rest.onClick })),
+        hasMoreVersions && React.createElement(Icon, { of: "fat-arrow-down", onClick: rest.onClick })));
 }
-function commitMessage(message) {
+function commitMessage(message, onClick) {
     if (!message || message === '')
-        return React.createElement(Ellipsis, { className: styles.emptyMessage }, "No commit message");
-    return React.createElement(Ellipsis, { className: styles.commitMessage }, message);
+        return (React.createElement(Ellipsis, { className: styles.emptyMessage, onClick: onClick }, "No commit message"));
+    return (React.createElement(Ellipsis, { className: styles.commitMessage, onClick: onClick }, message));
 }
 //# sourceMappingURL=version-dropdown-placeholder.js.map

package/dist/version-dropdown-placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"version-dropdown-placeholder.js","sourceRoot":"","sources":["../version-dropdown-placeholder.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"version-dropdown-placeholder.js","sourceRoot":"","sources":["../version-dropdown-placeholder.tsx"],"names":[],"mappings":"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"}

package/dist/version-dropdown-placeholder.module.scss

@@ -1,25 +1,22 @@
-.simple {
+.simple,
+.detailed {
   cursor: pointer;
   border: 1px solid var(--bit-border-color, #babec9);
   border-radius: 6px;
   transition: background-color 300ms ease-in-out;
   height: 30px;
-  padding: 0 8px;
   display: flex;
   align-items: center;
   box-sizing: border-box;
   user-select: none;
+  flex-wrap: nowrap;
+  gap: 8px;
+  padding: 8px;
 
-  > div {
-    margin-right: 5px;
-  }
   &:hover {
     background-color: var(--bit-bg-heavy);
   }
 
-  > div {
-    max-width: 80px;
-  }
   &.disabled {
     cursor: default;
     background-color: #ededed;
@@ -27,71 +24,24 @@
       display: none;
     }
   }
-  .versionName {
-    &.tag {
-      min-width: fit-content;
-    }
-    &.snap {
-      min-width: 20%;
-    }
-  }
+}
+.versionName {
+  flex-grow: 1;
+  min-width: fit-content;
 }
 
-.detailed {
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: 0 8px;
-  height: 30px;
-  border-radius: 6px;
-  user-select: none;
-  transition: background-color 300ms ease-in-out;
-  border: 1px solid var(--bit-border-color, #babec9);
+.commitMessage {
+  flex-grow: 1;
+}
 
-  cursor: pointer;
-  > div {
-    margin-right: 5px;
-  }
-  &:hover {
-    background-color: var(--bit-bg-heavy);
-  }
-  > div {
-    max-width: 80px;
-  }
-  &.disabled {
-    cursor: default;
-    background-color: #ededed;
-    > span {
-      display: none;
-    }
-  }
-  .versionName {
-    &.tag {
-      min-width: fit-content;
-    }
-    &.snap {
-      min-width: 20%;
-    }
-  }
-  .commitMessage,
-  .emptyMessage {
-    max-width: 50%;
-    padding: 0px 8px;
-  }
-  .emptyMessage {
-    font-style: italic;
-    color: var(--bit-text-color-light, #6c707c);
-  }
-  .author {
-    text-transform: capitalize;
-    min-width: fit-content;
-  }
-  .versionTimestamp {
-    min-width: fit-content;
-    margin-right: 2px;
-    text-align: right;
-  }
-  .versionUserAvatar {
-    flex: none;
+.versionUserAvatar {
+  flex: none;
+  margin-right: 5px;
+}
+
+.loader {
+  color: var(--bit-bg-dent, #f6f6f6);
+  > span {
+    padding: 4px;
   }
 }

package/dist/version-dropdown.composition.js

@@ -5,12 +5,16 @@ import { VersionDropdown } from './version-dropdown';
 const style = { display: 'flex', justifyContent: 'center', alignContent: 'center' };
 export const VersionDropdownWithOneVersion = () => {
     return (React.createElement(ThemeCompositions, { style: style },
-        React.createElement(VersionDropdown, { tags: [{ version: '0.1' }], currentVersion: "0.1" })));
+        React.createElement(VersionDropdown, { useComponentVersions: () => ({
+                tags: [{ version: '0.1' }],
+            }), currentVersion: "0.1" })));
 };
 export const VersionDropdownWithMultipleVersions = () => {
     const versions = ['0.3', '0.2', '0.1'].map((version) => ({ version }));
     return (React.createElement(ThemeCompositions, { style: style },
         React.createElement(MemoryRouter, null,
-            React.createElement(VersionDropdown, { tags: versions, currentVersion: versions[0].version }))));
+            React.createElement(VersionDropdown, { useComponentVersions: () => ({
+                    tags: [{ version: '0.1' }],
+                }), currentVersion: versions[0].version }))));
 };
 //# sourceMappingURL=version-dropdown.composition.js.map

package/dist/version-dropdown.composition.js.map

@@ -1 +1 @@
-{"version":3,"file":"version-dropdown.composition.js","sourceRoot":"","sources":["../version-dropdown.composition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEpF,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,EAAE;IAChD,OAAO,CACL,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK;QAC7B,oBAAC,eAAe,IAAC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,cAAc,EAAC,KAAK,GAAG,CAClD,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mCAAmC,GAAG,GAAG,EAAE;IACtD,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;IACvE,OAAO,CACL,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK;QAC7B,oBAAC,YAAY;YACX,oBAAC,eAAe,IAAC,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,GAAI,CAC3D,CACG,CACrB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"version-dropdown.composition.js","sourceRoot":"","sources":["../version-dropdown.composition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEpF,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,EAAE;IAChD,OAAO,CACL,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK;QAC7B,oBAAC,eAAe,IACd,oBAAoB,EAAE,GAAG,EAAE,CAAC,CAAC;gBAC3B,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;aAC3B,CAAC,EACF,cAAc,EAAC,KAAK,GACpB,CACgB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mCAAmC,GAAG,GAAG,EAAE;IACtD,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK;QAC7B,oBAAC,YAAY;YACX,oBAAC,eAAe,IACd,oBAAoB,EAAE,GAAG,EAAE,CAAC,CAAC;oBAC3B,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;iBAC3B,CAAC,EACF,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,GACnC,CACW,CACG,CACrB,CAAC;AACJ,CAAC,CAAC"}

package/dist/version-dropdown.d.ts

@@ -1,25 +1,53 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { LegacyComponentLog } from '@teambit/legacy-component-log';
 import { LaneModel } from '@teambit/lanes.ui.models.lanes-model';
+import { VersionProps } from './version-dropdown-placeholder';
 export declare const LOCAL_VERSION = "workspace";
 export declare type DropdownComponentVersion = Partial<LegacyComponentLog> & {
     version: string;
 };
-export declare type VersionDropdownProps = {
-    tags: DropdownComponentVersion[];
+export declare type UseComponentDropdownVersionsResult = {
+    tags?: DropdownComponentVersion[];
     snaps?: DropdownComponentVersion[];
-    lanes?: LaneModel[];
+    loading?: boolean;
+};
+export declare type UseComponentDropdownVersionsProps = {
+    skip?: boolean;
+};
+export declare type UseComponentDropdownVersions = (props?: UseComponentDropdownVersionsProps) => UseComponentDropdownVersionsResult;
+export declare type GetActiveTabIndex = (currentVersion?: string, tabs?: Array<VersionMenuTab>, tags?: DropdownComponentVersion[], snaps?: DropdownComponentVersion[], currentLane?: LaneModel) => number;
+export declare type VersionDropdownProps = {
     localVersion?: boolean;
-    currentVersion: string;
-    currentLane?: LaneModel;
     latestVersion?: string;
+    currentVersion: string;
+    useCurrentVersionLog?: (props?: {
+        skip?: boolean;
+        version?: string;
+    }) => DropdownComponentVersion | undefined;
+    hasMoreVersions?: boolean;
     loading?: boolean;
+    useComponentVersions?: UseComponentDropdownVersions;
+    currentLane?: LaneModel;
+    lanes?: LaneModel[];
+    getActiveTabIndex?: GetActiveTabIndex;
     overrideVersionHref?: (version: string) => string;
     placeholderClassName?: string;
     dropdownClassName?: string;
     menuClassName?: string;
     showVersionDetails?: boolean;
     disabled?: boolean;
-    placeholderComponent?: ReactNode;
+    PlaceholderComponent?: React.ComponentType<VersionProps>;
 } & React.HTMLAttributes<HTMLDivElement>;
-export declare function VersionDropdown({ snaps, tags, lanes, currentVersion, latestVersion, localVersion, loading, currentLane, overrideVersionHref, className, placeholderClassName, dropdownClassName, menuClassName, showVersionDetails, disabled, placeholderComponent, ...rest }: VersionDropdownProps): JSX.Element;
+export declare const VersionDropdown: React.MemoExoticComponent<typeof _VersionDropdown>;
+declare function _VersionDropdown({ currentVersion, latestVersion, localVersion, useCurrentVersionLog, hasMoreVersions, loading, overrideVersionHref, className, placeholderClassName, getActiveTabIndex, dropdownClassName, menuClassName, showVersionDetails, disabled, PlaceholderComponent: _PlaceholderComponent, currentLane, useComponentVersions, lanes, ...rest }: VersionDropdownProps): JSX.Element;
+export declare type VersionMenuTab = {
+    name: 'SNAP';
+    payload: DropdownComponentVersion[];
+} | {
+    name: 'LANE';
+    payload: LaneModel[];
+} | {
+    name: 'TAG';
+    payload: DropdownComponentVersion[];
+};
+export {};

package/dist/version-dropdown.docs.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
+import React from 'react';
 import { MemoryRouter } from 'react-router-dom';
-import { VersionDropdown } from './version-dropdown';
 declare function Overview(): JSX.Element;
 declare namespace Overview {
     var abstract: string;
     var labels: string[];
     var examples: ({
         scope: {
-            VersionDropdown: typeof VersionDropdown;
+            VersionDropdown: React.MemoExoticComponent<({ currentVersion, latestVersion, localVersion, useCurrentVersionLog, hasMoreVersions, loading, overrideVersionHref, className, placeholderClassName, getActiveTabIndex, dropdownClassName, menuClassName, showVersionDetails, disabled, PlaceholderComponent: _PlaceholderComponent, currentLane, useComponentVersions, lanes, ...rest }: import("./version-dropdown").VersionDropdownProps) => JSX.Element>;
             style: {
                 display: string;
                 justifyContent: string;
@@ -20,7 +19,7 @@ declare namespace Overview {
         code: string;
     } | {
         scope: {
-            VersionDropdown: typeof VersionDropdown;
+            VersionDropdown: React.MemoExoticComponent<({ currentVersion, latestVersion, localVersion, useCurrentVersionLog, hasMoreVersions, loading, overrideVersionHref, className, placeholderClassName, getActiveTabIndex, dropdownClassName, menuClassName, showVersionDetails, disabled, PlaceholderComponent: _PlaceholderComponent, currentLane, useComponentVersions, lanes, ...rest }: import("./version-dropdown").VersionDropdownProps) => JSX.Element>;
             style: {
                 display: string;
                 justifyContent: string;

package/dist/version-dropdown.js

@@ -21,25 +21,49 @@ import { VersionInfo } from './version-info';
 import { LaneInfo } from './lane-info';
 import { SimpleVersion } from './version-dropdown-placeholder';
 export const LOCAL_VERSION = 'workspace';
-export function VersionDropdown(_a) {
-    var { snaps, tags, lanes, currentVersion, latestVersion, localVersion, loading, currentLane, overrideVersionHref, className, placeholderClassName, dropdownClassName, menuClassName, showVersionDetails, disabled, placeholderComponent = (React.createElement(SimpleVersion, { disabled: disabled, snaps: snaps, tags: tags, className: placeholderClassName, currentVersion: currentVersion })) } = _a, rest = __rest(_a, ["snaps", "tags", "lanes", "currentVersion", "latestVersion", "localVersion", "loading", "currentLane", "overrideVersionHref", "className", "placeholderClassName", "dropdownClassName", "menuClassName", "showVersionDetails", "disabled", "placeholderComponent"]);
+export const VersionDropdown = React.memo(_VersionDropdown);
+const VersionMenu = React.memo(_VersionMenu);
+function _VersionDropdown(_a) {
+    var { currentVersion, latestVersion, localVersion, useCurrentVersionLog, hasMoreVersions, loading, overrideVersionHref, className, placeholderClassName, getActiveTabIndex, dropdownClassName, menuClassName, showVersionDetails = true, disabled, PlaceholderComponent: _PlaceholderComponent, currentLane, useComponentVersions, lanes } = _a, rest = __rest(_a, ["currentVersion", "latestVersion", "localVersion", "useCurrentVersionLog", "hasMoreVersions", "loading", "overrideVersionHref", "className", "placeholderClassName", "getActiveTabIndex", "dropdownClassName", "menuClassName", "showVersionDetails", "disabled", "PlaceholderComponent", "currentLane", "useComponentVersions", "lanes"]);
     const [key, setKey] = useState(0);
-    const singleVersion = (snaps || []).concat(tags).length < 2 && !localVersion;
+    const singleVersion = !hasMoreVersions;
+    const [open, setOpen] = useState(false);
+    React.useEffect(() => {
+        if (loading && open) {
+            setOpen(false);
+        }
+    }, [loading]);
+    const handlePlaceholderClicked = (e) => {
+        if (loading)
+            return;
+        if (e.target === e.currentTarget) {
+            setOpen((o) => !o);
+        }
+    };
+    const defaultPlaceholder = (React.createElement(SimpleVersion, { useCurrentVersionLog: useCurrentVersionLog, disabled: disabled, className: placeholderClassName, currentVersion: currentVersion, onClick: handlePlaceholderClicked, hasMoreVersions: hasMoreVersions, loading: loading, showFullVersion: currentVersion === 'workspace' }));
+    const PlaceholderComponent = _PlaceholderComponent ? (React.createElement(_PlaceholderComponent, { useCurrentVersionLog: useCurrentVersionLog, disabled: disabled, className: placeholderClassName, currentVersion: currentVersion, onClick: handlePlaceholderClicked, hasMoreVersions: hasMoreVersions, loading: loading, showFullVersion: currentVersion === 'workspace' })) : (defaultPlaceholder);
     if (disabled || (singleVersion && !loading)) {
-        return React.createElement("div", { className: classNames(styles.noVersions, className) }, placeholderComponent);
+        return React.createElement("div", { className: classNames(styles.noVersions, className) }, PlaceholderComponent);
     }
     return (React.createElement("div", Object.assign({}, rest, { className: classNames(styles.versionDropdown, className) }),
-        React.createElement(Dropdown, { className: classNames(styles.dropdown, dropdownClassName), dropClass: classNames(styles.menu, menuClassName), clickToggles: false, clickPlaceholderToggles: true, onChange: (_e, open) => open && setKey((x) => x + 1), PlaceholderComponent: (_a) => {
+        React.createElement(Dropdown, { className: classNames(styles.dropdown, dropdownClassName), dropClass: classNames(styles.menu, menuClassName), open: open, onClick: handlePlaceholderClicked, onClickOutside: () => setOpen(false), onChange: (_e, _open) => _open && setKey((x) => x + 1), PlaceholderComponent: (_a) => {
                 var { children } = _a, other = __rest(_a, ["children"]);
-                return (React.createElement("div", Object.assign({}, other, { className: placeholderClassName }), children));
-            }, placeholder: placeholderComponent },
-            loading && React.createElement(LineSkeleton, { className: styles.loading, count: 6 }),
-            loading || (React.createElement(VersionMenu, { className: menuClassName, key: key, tags: tags, snaps: snaps, lanes: lanes, currentVersion: currentVersion, latestVersion: latestVersion, localVersion: localVersion, currentLane: currentLane, overrideVersionHref: overrideVersionHref, showVersionDetails: showVersionDetails })))));
+                return (React.createElement("div", Object.assign({}, other, { className: placeholderClassName, onClick: handlePlaceholderClicked }), children));
+            }, placeholder: PlaceholderComponent },
+            React.createElement(VersionMenu, { className: menuClassName, key: key, currentVersion: currentVersion, latestVersion: latestVersion, localVersion: localVersion, overrideVersionHref: overrideVersionHref, showVersionDetails: showVersionDetails, currentLane: currentLane, getActiveTabIndex: getActiveTabIndex, lanes: lanes, useVersions: useComponentVersions, open: open }))));
 }
+const defaultActiveTabIndex = (currentVersion, tabs = [], tags, snaps) => {
+    if ((snaps || []).some((snap) => snap.version === currentVersion))
+        return tabs.findIndex((tab) => tab.name === 'SNAP');
+    return 0;
+};
 const VERSION_TAB_NAMES = ['TAG', 'SNAP', 'LANE'];
-function VersionMenu(_a) {
-    var { tags, snaps, lanes, currentVersion, localVersion, latestVersion, currentLane, overrideVersionHref, showVersionDetails } = _a, rest = __rest(_a, ["tags", "snaps", "lanes", "currentVersion", "localVersion", "latestVersion", "currentLane", "overrideVersionHref", "showVersionDetails"]);
-    const tabs = VERSION_TAB_NAMES.map((name) => {
+function _VersionMenu(_a) {
+    var _b, _c;
+    var { currentVersion, localVersion, latestVersion, overrideVersionHref, showVersionDetails, useVersions, currentLane, lanes, getActiveTabIndex = defaultActiveTabIndex, loading: loadingFromProps, open } = _a, rest = __rest(_a, ["currentVersion", "localVersion", "latestVersion", "overrideVersionHref", "showVersionDetails", "useVersions", "currentLane", "lanes", "getActiveTabIndex", "loading", "open"]);
+    const { snaps, tags, loading: loadingVersions } = (useVersions === null || useVersions === void 0 ? void 0 : useVersions()) || {};
+    const loading = loadingFromProps || loadingVersions;
+    const tabs = React.useMemo(() => VERSION_TAB_NAMES.map((name) => {
         switch (name) {
             case 'SNAP':
                 return { name, payload: snaps || [] };
@@ -48,23 +72,46 @@ function VersionMenu(_a) {
             default:
                 return { name, payload: tags || [] };
         }
-    }).filter((tab) => tab.payload.length > 0);
-    const getActiveTabIndex = () => {
-        if (currentLane === null || currentLane === void 0 ? void 0 : currentLane.components.some((c) => c.version === currentVersion))
-            return tabs.findIndex((tab) => tab.name === 'LANE');
-        if ((snaps || []).some((snap) => snap.version === currentVersion))
-            return tabs.findIndex((tab) => tab.name === 'SNAP');
-        return 0;
-    };
-    const [activeTabIndex, setActiveTab] = useState(getActiveTabIndex());
+    }).filter((tab) => tab.payload.length > 0), [snaps === null || snaps === void 0 ? void 0 : snaps.length, tags === null || tags === void 0 ? void 0 : tags.length, lanes === null || lanes === void 0 ? void 0 : lanes.length, loading]);
+    const [activeTabIndex, setActiveTab] = React.useState(getActiveTabIndex(currentVersion, tabs, tags, snaps, currentLane));
+    const activeTab = React.useMemo(() => (activeTabIndex !== undefined ? tabs[activeTabIndex] : undefined), [activeTabIndex, tabs]);
+    React.useEffect(() => {
+        if (!currentLane)
+            return;
+        if (tabs.length === 0)
+            return;
+        const _activeTabIndex = getActiveTabIndex(currentVersion, tabs, tags, snaps, currentLane);
+        if (_activeTabIndex !== activeTabIndex)
+            setActiveTab(_activeTabIndex);
+    }, [currentLane, tabs.length, tags === null || tags === void 0 ? void 0 : tags.length, snaps === null || snaps === void 0 ? void 0 : snaps.length, currentVersion, loading]);
     const multipleTabs = tabs.length > 1;
     const message = multipleTabs
         ? 'Switch to view tags, snaps, or lanes'
-        : `Switch between ${tabs[0].name.toLocaleLowerCase()}s`;
-    return (React.createElement("div", Object.assign({}, rest),
+        : `Switch between ${(_b = tabs[0]) === null || _b === void 0 ? void 0 : _b.name.toLocaleLowerCase()}s`;
+    const showTab = activeTabIndex !== undefined && ((_c = tabs[activeTabIndex]) === null || _c === void 0 ? void 0 : _c.payload.length) > 0;
+    const _rowRenderer = React.useCallback(function VersionRowRenderer({ index }) {
+        const { name, payload = [] } = activeTab || {};
+        const item = payload[index];
+        if (!item)
+            return null;
+        if (name === 'LANE') {
+            const lane = item;
+            return React.createElement(LaneInfo, Object.assign({ key: lane.id.toString(), currentLane: currentLane }, lane));
+        }
+        const version = item;
+        return (React.createElement(VersionInfo, Object.assign({ key: version.version, currentVersion: currentVersion, latestVersion: latestVersion, overrideVersionHref: overrideVersionHref, showDetails: showVersionDetails }, version)));
+    }, [activeTab, currentVersion, latestVersion, showVersionDetails, currentLane === null || currentLane === void 0 ? void 0 : currentLane.id.toString(), showTab]);
+    const rowRenderer = React.useMemo(() => (showTab && activeTab ? _rowRenderer : () => null), [showTab, activeTab, _rowRenderer]);
+    const ActiveTab = React.useMemo(() => {
+        return activeTab === null || activeTab === void 0 ? void 0 : activeTab.payload.map((payload, index) => {
+            return rowRenderer({ index });
+        });
+    }, [activeTab]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(styles.versionMenuContainer, !open && styles.hide) }),
         React.createElement("div", { className: styles.top },
-            React.createElement("div", { className: classNames(styles.titleContainer, styles.title) }, message),
-            localVersion && (React.createElement(MenuLinkItem, { href: '?', active: currentVersion === LOCAL_VERSION, className: classNames(styles.versionRow, styles.localVersion) },
+            loading && React.createElement(LineSkeleton, { count: 6, className: styles.loader }),
+            !loading && React.createElement("div", { className: classNames(styles.titleContainer, styles.title) }, message),
+            !loading && localVersion && (React.createElement(MenuLinkItem, { href: '?', active: currentVersion === LOCAL_VERSION, className: classNames(styles.versionRow, styles.localVersion) },
                 React.createElement("div", { className: styles.version },
                     React.createElement(UserAvatar, { size: 24, account: {}, className: styles.versionUserAvatar }),
                     React.createElement("span", { className: styles.versionName }, LOCAL_VERSION))))),
@@ -72,10 +119,6 @@ function VersionMenu(_a) {
             tabs.map(({ name }, index) => {
                 return (React.createElement(Tab, { className: styles.tab, key: name, isActive: activeTabIndex === index, onClick: () => setActiveTab(index) }, name));
             })),
-        React.createElement("div", { className: styles.versionContainer },
-            tabs[activeTabIndex].name === 'LANE' &&
-                tabs[activeTabIndex].payload.map((payload) => (React.createElement(LaneInfo, Object.assign({ key: payload.id, currentLane: currentLane }, payload)))),
-            tabs[activeTabIndex].name !== 'LANE' &&
-                tabs[activeTabIndex].payload.map((payload) => (React.createElement(VersionInfo, Object.assign({ key: payload.version, currentVersion: currentVersion, latestVersion: latestVersion, overrideVersionHref: overrideVersionHref, showDetails: showVersionDetails }, payload)))))));
+        React.createElement("div", { className: styles.versionContainerRoot }, ActiveTab)));
 }
 //# sourceMappingURL=version-dropdown.js.map

package/dist/version-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"version-dropdown.js","sourceRoot":"","sources":["../version-dropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"version-dropdown.js","sourceRoot":"","sources":["../version-dropdown.tsx"],"names":[],"mappings":"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"}