@teambit/component.ui.component-compare.version-picker 0.0.101 → 0.0.102

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/component-compare-version-picker.tsx +59 -27
  2. package/dist/component-compare-version-picker.d.ts +6 -2
  3. package/dist/component-compare-version-picker.js +43 -23
  4. package/dist/component-compare-version-picker.js.map +1 -1
  5. package/package-tar/teambit-component.ui.component-compare.version-picker-0.0.102.tgz +0 -0
  6. package/package.json +6 -4
  7. package/package-tar/teambit-component.ui.component-compare.version-picker-0.0.101.tgz +0 -0
  8. /package/dist/{preview-1686886045563.js → preview-1686971843539.js} +0 -0
package/component-compare-version-picker.tsx CHANGED
@@ -1,36 +1,65 @@
1
- import React, { HTMLAttributes, useMemo } from 'react';
2
- import { DropdownComponentVersion, VersionDropdown } from '@teambit/component.ui.version-dropdown';
1
+ import React, { HTMLAttributes } from 'react';
2
+ import { DetailedVersion, VersionDropdown } from '@teambit/component.ui.version-dropdown';
3
3
  import { useUpdatedUrlFromQuery } from '@teambit/component.ui.component-compare.hooks.use-component-compare-url';
4
4
  import { useComponentCompare } from '@teambit/component.ui.component-compare.context';
5
+ import { UseComponentType, useComponent } from '@teambit/component';
5
6
  import classNames from 'classnames';
7
+ import * as semver from 'semver';
6
8
 
7
9
  import styles from './component-compare-version-picker.module.scss';
8
10
 
9
- export type ComponentCompareVersionPickerProps = {} & HTMLAttributes<HTMLDivElement>;
11
+ export type ComponentCompareVersionPickerProps = {
12
+ customUseComponent?: UseComponentType;
13
+ host: string;
14
+ } & HTMLAttributes<HTMLDivElement>;
10
15
 
11
- export function ComponentCompareVersionPicker({ className }: ComponentCompareVersionPickerProps) {
16
+ export function ComponentCompareVersionPicker({
17
+ className,
18
+ host,
19
+ customUseComponent,
20
+ }: ComponentCompareVersionPickerProps) {
12
21
  const componentCompare = useComponentCompare();
13
22
  const compare = componentCompare?.compare?.model;
23
+ const componentId = compare?.id.toString();
24
+ const componentWithLogsOptions = {
25
+ customUseComponent,
26
+ };
14
27
 
15
- const logs =
16
- (compare?.logs || []).filter((log) => {
17
- const version = log.tag || log.hash;
18
- return componentCompare?.compare?.hasLocalChanges || version !== compare?.id.version;
19
- }) || [];
28
+ const useVersions = (props?: { skip?: boolean }) => {
29
+ const { skip } = props || {};
30
+ const { componentLogs = {}, loading: loadingLogs } = useComponent(host, componentId, {
31
+ ...componentWithLogsOptions,
32
+ skip,
33
+ });
34
+ return {
35
+ loading: loadingLogs,
36
+ ...componentLogs,
37
+ snaps: (componentLogs.logs || [])
38
+ .map((snap) => ({ ...snap, version: snap.hash }))
39
+ .filter((log) => {
40
+ if (log.tag) return false;
41
+ const version = log.hash;
42
+ return componentCompare?.compare?.hasLocalChanges || version !== compare?.id.version;
43
+ }),
44
+ tags: (componentLogs.logs || [])
45
+ .map((tag) => ({ ...tag, version: tag.tag as string }))
46
+ .filter((log) => {
47
+ if (!log.tag) return false;
48
+ const version = log.tag;
49
+ return componentCompare?.compare?.hasLocalChanges || version !== compare?.id.version;
50
+ }),
51
+ };
52
+ };
20
53
 
21
- const [tags, snaps] = useMemo(() => {
22
- return (logs || []).reduce(
23
- ([_tags, _snaps], log) => {
24
- if (!log.tag) {
25
- _snaps.push({ ...log, version: log.hash });
26
- } else {
27
- _tags.push({ ...log, version: log.tag as string });
28
- }
29
- return [_tags, _snaps];
30
- },
31
- [new Array<DropdownComponentVersion>(), new Array<DropdownComponentVersion>()]
32
- );
33
- }, [logs]);
54
+ const useVersion = (props?: { version?: string; skip?: boolean }) => {
55
+ const { version, skip } = props || {};
56
+ const { tags, snaps, loading } = useVersions({ skip });
57
+ const isTag = React.useMemo(() => semver.valid(version), [loading, version]);
58
+ if (isTag) {
59
+ return React.useMemo(() => tags?.find((tag) => tag.tag === version), [loading, tags?.length, version]);
60
+ }
61
+ return React.useMemo(() => snaps?.find((snap) => snap.version === version), [loading, snaps?.length, version]);
62
+ };
34
63
 
35
64
  const compareVersion = componentCompare?.compare?.hasLocalChanges ? 'workspace' : compare?.version;
36
65
 
@@ -47,15 +76,17 @@ export function ComponentCompareVersionPicker({ className }: ComponentCompareVer
47
76
  dropdownClassName={styles.componentCompareDropdown}
48
77
  placeholderClassName={styles.componentCompareVersionPlaceholder}
49
78
  menuClassName={classNames(styles.componentCompareVersionMenu, styles.showMenuOverNav)}
50
- snaps={snaps}
51
- tags={tags}
52
79
  currentVersion={baseVersion as string}
53
80
  loading={componentCompare?.loading}
54
81
  overrideVersionHref={(_baseVersion) => {
55
82
  return useUpdatedUrlFromQuery({ baseVersion: _baseVersion });
56
83
  }}
57
- disabled={snaps.concat(tags).length < 2}
84
+ disabled={(compare?.logs?.length ?? 0) < 2}
85
+ hasMoreVersions={(compare?.logs?.length ?? 0) > 1}
58
86
  showVersionDetails={true}
87
+ useComponentVersions={useVersions}
88
+ useCurrentVersionLog={useVersion}
89
+ PlaceholderComponent={DetailedVersion}
59
90
  />
60
91
  <div className={styles.titleText}>with</div>
61
92
  <VersionDropdown
@@ -63,11 +94,12 @@ export function ComponentCompareVersionPicker({ className }: ComponentCompareVer
63
94
  dropdownClassName={styles.componentCompareDropdown}
64
95
  placeholderClassName={styles.componentCompareVersionPlaceholder}
65
96
  menuClassName={styles.componentCompareVersionMenu}
66
- snaps={snaps}
67
- tags={tags}
68
97
  disabled={true}
69
98
  loading={componentCompare?.loading}
70
99
  currentVersion={compareVersion as string}
100
+ PlaceholderComponent={DetailedVersion}
101
+ useCurrentVersionLog={useVersion}
102
+ showVersionDetails={true}
71
103
  />
72
104
  </div>
73
105
  );
package/dist/component-compare-version-picker.d.ts CHANGED
@@ -1,3 +1,7 @@
1
1
  import { HTMLAttributes } from 'react';
2
- export declare type ComponentCompareVersionPickerProps = {} & HTMLAttributes<HTMLDivElement>;
3
- export declare function ComponentCompareVersionPicker({ className }: ComponentCompareVersionPickerProps): JSX.Element;
2
+ import { UseComponentType } from '@teambit/component';
3
+ export declare type ComponentCompareVersionPickerProps = {
4
+ customUseComponent?: UseComponentType;
5
+ host: string;
6
+ } & HTMLAttributes<HTMLDivElement>;
7
+ export declare function ComponentCompareVersionPicker({ className, host, customUseComponent, }: ComponentCompareVersionPickerProps): JSX.Element;
package/dist/component-compare-version-picker.js CHANGED
@@ -1,38 +1,58 @@
1
- import React, { useMemo } from 'react';
2
- import { VersionDropdown } from '@teambit/component.ui.version-dropdown';
1
+ import React from 'react';
2
+ import { DetailedVersion, VersionDropdown } from '@teambit/component.ui.version-dropdown';
3
3
  import { useUpdatedUrlFromQuery } from '@teambit/component.ui.component-compare.hooks.use-component-compare-url';
4
4
  import { useComponentCompare } from '@teambit/component.ui.component-compare.context';
5
+ import { useComponent } from '@teambit/component';
5
6
  import classNames from 'classnames';
7
+ import * as semver from 'semver';
6
8
  import styles from './component-compare-version-picker.module.scss';
7
- export function ComponentCompareVersionPicker({ className }) {
8
- var _a, _b, _c, _d;
9
+ export function ComponentCompareVersionPicker({ className, host, customUseComponent, }) {
10
+ var _a, _b, _c, _d, _e, _f, _g, _h;
9
11
  const componentCompare = useComponentCompare();
10
12
  const compare = (_a = componentCompare === null || componentCompare === void 0 ? void 0 : componentCompare.compare) === null || _a === void 0 ? void 0 : _a.model;
11
- const logs = ((compare === null || compare === void 0 ? void 0 : compare.logs) || []).filter((log) => {
12
- var _a;
13
- const version = log.tag || log.hash;
14
- return ((_a = componentCompare === null || componentCompare === void 0 ? void 0 : componentCompare.compare) === null || _a === void 0 ? void 0 : _a.hasLocalChanges) || version !== (compare === null || compare === void 0 ? void 0 : compare.id.version);
15
- }) || [];
16
- const [tags, snaps] = useMemo(() => {
17
- return (logs || []).reduce(([_tags, _snaps], log) => {
18
- if (!log.tag) {
19
- _snaps.push(Object.assign(Object.assign({}, log), { version: log.hash }));
20
- }
21
- else {
22
- _tags.push(Object.assign(Object.assign({}, log), { version: log.tag }));
23
- }
24
- return [_tags, _snaps];
25
- }, [new Array(), new Array()]);
26
- }, [logs]);
13
+ const componentId = compare === null || compare === void 0 ? void 0 : compare.id.toString();
14
+ const componentWithLogsOptions = {
15
+ customUseComponent,
16
+ };
17
+ const useVersions = (props) => {
18
+ const { skip } = props || {};
19
+ const { componentLogs = {}, loading: loadingLogs } = useComponent(host, componentId, Object.assign(Object.assign({}, componentWithLogsOptions), { skip }));
20
+ return Object.assign(Object.assign({ loading: loadingLogs }, componentLogs), { snaps: (componentLogs.logs || [])
21
+ .map((snap) => (Object.assign(Object.assign({}, snap), { version: snap.hash })))
22
+ .filter((log) => {
23
+ var _a;
24
+ if (log.tag)
25
+ return false;
26
+ const version = log.hash;
27
+ return ((_a = componentCompare === null || componentCompare === void 0 ? void 0 : componentCompare.compare) === null || _a === void 0 ? void 0 : _a.hasLocalChanges) || version !== (compare === null || compare === void 0 ? void 0 : compare.id.version);
28
+ }), tags: (componentLogs.logs || [])
29
+ .map((tag) => (Object.assign(Object.assign({}, tag), { version: tag.tag })))
30
+ .filter((log) => {
31
+ var _a;
32
+ if (!log.tag)
33
+ return false;
34
+ const version = log.tag;
35
+ return ((_a = componentCompare === null || componentCompare === void 0 ? void 0 : componentCompare.compare) === null || _a === void 0 ? void 0 : _a.hasLocalChanges) || version !== (compare === null || compare === void 0 ? void 0 : compare.id.version);
36
+ }) });
37
+ };
38
+ const useVersion = (props) => {
39
+ const { version, skip } = props || {};
40
+ const { tags, snaps, loading } = useVersions({ skip });
41
+ const isTag = React.useMemo(() => semver.valid(version), [loading, version]);
42
+ if (isTag) {
43
+ return React.useMemo(() => tags === null || tags === void 0 ? void 0 : tags.find((tag) => tag.tag === version), [loading, tags === null || tags === void 0 ? void 0 : tags.length, version]);
44
+ }
45
+ return React.useMemo(() => snaps === null || snaps === void 0 ? void 0 : snaps.find((snap) => snap.version === version), [loading, snaps === null || snaps === void 0 ? void 0 : snaps.length, version]);
46
+ };
27
47
  const compareVersion = ((_b = componentCompare === null || componentCompare === void 0 ? void 0 : componentCompare.compare) === null || _b === void 0 ? void 0 : _b.hasLocalChanges) ? 'workspace' : compare === null || compare === void 0 ? void 0 : compare.version;
28
48
  const baseVersion = (_c = componentCompare === null || componentCompare === void 0 ? void 0 : componentCompare.base) === null || _c === void 0 ? void 0 : _c.model.version;
29
49
  const key = `base-compare-version-dropdown-${(_d = componentCompare === null || componentCompare === void 0 ? void 0 : componentCompare.compare) === null || _d === void 0 ? void 0 : _d.model.id.toString()}`;
30
50
  return (React.createElement("div", { className: styles.componentCompareVersionPicker },
31
51
  React.createElement("div", { className: classNames(styles.titleText, styles.rightPad) }, "Comparing"),
32
- React.createElement(VersionDropdown, { key: key, className: classNames(styles.componentCompareVersionContainer, styles.left, className), dropdownClassName: styles.componentCompareDropdown, placeholderClassName: styles.componentCompareVersionPlaceholder, menuClassName: classNames(styles.componentCompareVersionMenu, styles.showMenuOverNav), snaps: snaps, tags: tags, currentVersion: baseVersion, loading: componentCompare === null || componentCompare === void 0 ? void 0 : componentCompare.loading, overrideVersionHref: (_baseVersion) => {
52
+ React.createElement(VersionDropdown, { key: key, className: classNames(styles.componentCompareVersionContainer, styles.left, className), dropdownClassName: styles.componentCompareDropdown, placeholderClassName: styles.componentCompareVersionPlaceholder, menuClassName: classNames(styles.componentCompareVersionMenu, styles.showMenuOverNav), currentVersion: baseVersion, loading: componentCompare === null || componentCompare === void 0 ? void 0 : componentCompare.loading, overrideVersionHref: (_baseVersion) => {
33
53
  return useUpdatedUrlFromQuery({ baseVersion: _baseVersion });
34
- }, disabled: snaps.concat(tags).length < 2, showVersionDetails: true }),
54
+ }, disabled: ((_f = (_e = compare === null || compare === void 0 ? void 0 : compare.logs) === null || _e === void 0 ? void 0 : _e.length) !== null && _f !== void 0 ? _f : 0) < 2, hasMoreVersions: ((_h = (_g = compare === null || compare === void 0 ? void 0 : compare.logs) === null || _g === void 0 ? void 0 : _g.length) !== null && _h !== void 0 ? _h : 0) > 1, showVersionDetails: true, useComponentVersions: useVersions, useCurrentVersionLog: useVersion, PlaceholderComponent: DetailedVersion }),
35
55
  React.createElement("div", { className: styles.titleText }, "with"),
36
- React.createElement(VersionDropdown, { className: classNames(styles.componentCompareVersionContainer, styles.right), dropdownClassName: styles.componentCompareDropdown, placeholderClassName: styles.componentCompareVersionPlaceholder, menuClassName: styles.componentCompareVersionMenu, snaps: snaps, tags: tags, disabled: true, loading: componentCompare === null || componentCompare === void 0 ? void 0 : componentCompare.loading, currentVersion: compareVersion })));
56
+ React.createElement(VersionDropdown, { className: classNames(styles.componentCompareVersionContainer, styles.right), dropdownClassName: styles.componentCompareDropdown, placeholderClassName: styles.componentCompareVersionPlaceholder, menuClassName: styles.componentCompareVersionMenu, disabled: true, loading: componentCompare === null || componentCompare === void 0 ? void 0 : componentCompare.loading, currentVersion: compareVersion, PlaceholderComponent: DetailedVersion, useCurrentVersionLog: useVersion, showVersionDetails: true })));
37
57
  }
38
58
  //# sourceMappingURL=component-compare-version-picker.js.map
package/dist/component-compare-version-picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"component-compare-version-picker.js","sourceRoot":"","sources":["../component-compare-version-picker.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"component-compare-version-picker.js","sourceRoot":"","sources":["../component-compare-version-picker.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,24 +1,26 @@
1
1
  {
2
2
  "name": "@teambit/component.ui.component-compare.version-picker",
3
- "version": "0.0.101",
3
+ "version": "0.0.102",
4
4
  "homepage": "https://bit.cloud/teambit/component/ui/component-compare/version-picker",
5
5
  "main": "dist/index.js",
6
6
  "componentId": {
7
7
  "scope": "teambit.component",
8
8
  "name": "ui/component-compare/version-picker",
9
- "version": "0.0.101"
9
+ "version": "0.0.102"
10
10
  },
11
11
  "dependencies": {
12
12
  "classnames": "2.2.6",
13
+ "semver": "7.3.4",
13
14
  "core-js": "^3.0.0",
14
15
  "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.499",
15
- "@teambit/component.ui.component-compare.context": "0.0.50",
16
+ "@teambit/component.ui.component-compare.context": "0.0.51",
16
17
  "@teambit/component.ui.component-compare.hooks.use-component-compare-url": "0.0.3",
17
- "@teambit/component.ui.version-dropdown": "0.0.785"
18
+ "@teambit/component.ui.version-dropdown": "0.0.786"
18
19
  },
19
20
  "devDependencies": {
20
21
  "@types/classnames": "2.2.11",
21
22
  "@types/react": "^17.0.8",
23
+ "@types/semver": "7.3.4",
22
24
  "@types/mocha": "9.1.0",
23
25
  "@types/node": "12.20.4",
24
26
  "@types/react-dom": "^17.0.5",