@teambit/changelog 0.0.674 → 0.0.677

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.
@@ -144,8 +144,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
144
144
  function ChangeLogPage({
145
145
  className
146
146
  }) {
147
- var _logs$, _logs$2;
148
-
149
147
  const component = (0, _react().useContext)(_component().ComponentContext);
150
148
  const lanesContext = (0, _lanesUi().useLanesContext)();
151
149
  const currentLane = lanesContext === null || lanesContext === void 0 ? void 0 : lanesContext.currentLane;
@@ -178,7 +176,6 @@ function ChangeLogPage({
178
176
  }, /*#__PURE__*/_react().default.createElement(_mdxUi().MDXLayout, null, /*#__PURE__*/_react().default.createElement(_componentInstructions().ExportingComponents, null)))));
179
177
  }
180
178
 
181
- const latestVersion = ((_logs$ = logs[0]) === null || _logs$ === void 0 ? void 0 : _logs$.tag) || ((_logs$2 = logs[0]) === null || _logs$2 === void 0 ? void 0 : _logs$2.hash);
182
179
  return /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, /*#__PURE__*/_react().default.createElement(_lanesUi().LaneBreadcrumb, {
183
180
  lane: currentLane
184
181
  }), /*#__PURE__*/_react().default.createElement(_designUi().Separator, {
@@ -190,8 +187,10 @@ function ChangeLogPage({
190
187
  }, "History"), /*#__PURE__*/_react().default.createElement(_designUi().Separator, {
191
188
  isPresentational: true,
192
189
  className: _changeLogPageModule().default.separator
193
- }), logs.map((snap, index) => {
194
- const isLatest = latestVersion === snap.tag || latestVersion === snap.hash;
190
+ }), /*#__PURE__*/_react().default.createElement("div", {
191
+ className: _changeLogPageModule().default.logContainer
192
+ }, logs.map((snap, index) => {
193
+ const isLatest = component.latest === snap.tag || component.latest === snap.hash;
195
194
  const isCurrent = component.version === snap.tag || component.version === snap.hash;
196
195
  return /*#__PURE__*/_react().default.createElement(_componentUi().VersionBlock, {
197
196
  key: index,
@@ -200,7 +199,7 @@ function ChangeLogPage({
200
199
  snap: snap,
201
200
  isCurrent: isCurrent
202
201
  });
203
- })));
202
+ }))));
204
203
  }
205
204
 
206
205
  //# sourceMappingURL=change-log-page.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["change-log-page.tsx"],"names":["ChangeLogPage","className","component","ComponentContext","lanesContext","currentLane","logs","length","styles","lane","laneName","id","separator","changeLogPage","title","separatorNoChangeLog","changeLogCard","latestVersion","tag","hash","map","snap","index","isLatest","isCurrent","version","fullName"],"mappings":"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","sourcesContent":["import { ComponentContext } from '@teambit/component';\nimport { H1 } from '@teambit/documenter.ui.heading';\nimport { Separator } from '@teambit/design.ui.separator';\nimport { VersionBlock } from '@teambit/component.ui.version-block';\nimport classNames from 'classnames';\nimport { MDXLayout } from '@teambit/mdx.ui.mdx-layout';\nimport { ExportingComponents } from '@teambit/component.instructions.exporting-components';\nimport { AlertCard } from '@teambit/design.ui.alert-card';\nimport React, { HTMLAttributes, useContext } from 'react';\nimport { LaneBreadcrumb, useLanesContext } from '@teambit/lanes.ui.lanes';\nimport { Icon } from '@teambit/evangelist.elements.icon';\nimport { Ellipsis } from '@teambit/design.ui.styles.ellipsis';\nimport styles from './change-log-page.module.scss';\n\ntype ChangeLogPageProps = {} & HTMLAttributes<HTMLDivElement>;\n\nexport function ChangeLogPage({ className }: ChangeLogPageProps) {\n const component = useContext(ComponentContext);\n const lanesContext = useLanesContext();\n const currentLane = lanesContext?.currentLane;\n const { logs } = component;\n\n if (!logs) return null;\n\n if (logs.length === 0) {\n return (\n <>\n {currentLane && (\n <>\n <div className={styles.lane}>\n <Icon of=\"lane\"></Icon>\n <Ellipsis className={styles.laneName}>{currentLane.id}</Ellipsis>\n </div>\n <Separator isPresentational className={styles.separator} />\n </>\n )}\n <div className={classNames(styles.changeLogPage, className)}>\n <H1 className={styles.title}>History</H1>\n <Separator isPresentational className={styles.separatorNoChangeLog} />\n <AlertCard\n level=\"info\"\n title=\"There is no change log as this component has not been exported yet.\n Learn how to export components:\"\n className={styles.changeLogCard}\n >\n <MDXLayout>\n <ExportingComponents />\n </MDXLayout>\n </AlertCard>\n </div>\n </>\n );\n }\n\n const latestVersion = logs[0]?.tag || logs[0]?.hash;\n\n return (\n <>\n <LaneBreadcrumb lane={currentLane} />\n <Separator isPresentational />\n <div className={classNames(styles.changeLogPage, className)}>\n <H1 className={styles.title}>History</H1>\n <Separator isPresentational className={styles.separator} />\n {logs.map((snap, index) => {\n const isLatest = latestVersion === snap.tag || latestVersion === snap.hash;\n const isCurrent = component.version === snap.tag || component.version === snap.hash;\n return (\n <VersionBlock\n key={index}\n componentId={component.id.fullName}\n isLatest={isLatest}\n snap={snap}\n isCurrent={isCurrent}\n />\n );\n })}\n </div>\n </>\n );\n}\n"]}
1
+ {"version":3,"sources":["change-log-page.tsx"],"names":["ChangeLogPage","className","component","ComponentContext","lanesContext","currentLane","logs","length","styles","lane","laneName","id","separator","changeLogPage","title","separatorNoChangeLog","changeLogCard","logContainer","map","snap","index","isLatest","latest","tag","hash","isCurrent","version","fullName"],"mappings":"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","sourcesContent":["import { ComponentContext } from '@teambit/component';\nimport { H1 } from '@teambit/documenter.ui.heading';\nimport { Separator } from '@teambit/design.ui.separator';\nimport { VersionBlock } from '@teambit/component.ui.version-block';\nimport classNames from 'classnames';\nimport { MDXLayout } from '@teambit/mdx.ui.mdx-layout';\nimport { ExportingComponents } from '@teambit/component.instructions.exporting-components';\nimport { AlertCard } from '@teambit/design.ui.alert-card';\nimport React, { HTMLAttributes, useContext } from 'react';\nimport { LaneBreadcrumb, useLanesContext } from '@teambit/lanes.ui.lanes';\nimport { Icon } from '@teambit/evangelist.elements.icon';\nimport { Ellipsis } from '@teambit/design.ui.styles.ellipsis';\nimport styles from './change-log-page.module.scss';\n\ntype ChangeLogPageProps = {} & HTMLAttributes<HTMLDivElement>;\n\nexport function ChangeLogPage({ className }: ChangeLogPageProps) {\n const component = useContext(ComponentContext);\n const lanesContext = useLanesContext();\n const currentLane = lanesContext?.currentLane;\n const { logs } = component;\n\n if (!logs) return null;\n\n if (logs.length === 0) {\n return (\n <>\n {currentLane && (\n <>\n <div className={styles.lane}>\n <Icon of=\"lane\"></Icon>\n <Ellipsis className={styles.laneName}>{currentLane.id}</Ellipsis>\n </div>\n <Separator isPresentational className={styles.separator} />\n </>\n )}\n <div className={classNames(styles.changeLogPage, className)}>\n <H1 className={styles.title}>History</H1>\n <Separator isPresentational className={styles.separatorNoChangeLog} />\n <AlertCard\n level=\"info\"\n title=\"There is no change log as this component has not been exported yet.\n Learn how to export components:\"\n className={styles.changeLogCard}\n >\n <MDXLayout>\n <ExportingComponents />\n </MDXLayout>\n </AlertCard>\n </div>\n </>\n );\n }\n\n return (\n <>\n <LaneBreadcrumb lane={currentLane} />\n <Separator isPresentational />\n <div className={classNames(styles.changeLogPage, className)}>\n <H1 className={styles.title}>History</H1>\n <Separator isPresentational className={styles.separator} />\n <div className={styles.logContainer}>\n {logs.map((snap, index) => {\n const isLatest = component.latest === snap.tag || component.latest === snap.hash;\n const isCurrent = component.version === snap.tag || component.version === snap.hash;\n return (\n <VersionBlock\n key={index}\n componentId={component.id.fullName}\n isLatest={isLatest}\n snap={snap}\n isCurrent={isCurrent}\n />\n );\n })}\n </div>\n </div>\n </>\n );\n}\n"]}
@@ -22,3 +22,8 @@
22
22
  .changeLogCard {
23
23
  margin-bottom: 8px;
24
24
  }
25
+
26
+ .logContainer {
27
+ display: flex;
28
+ flex-direction: column-reverse;
29
+ }
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@teambit/changelog",
3
- "version": "0.0.674",
3
+ "version": "0.0.677",
4
4
  "homepage": "https://bit.dev/teambit/component/changelog",
5
5
  "main": "dist/index.js",
6
6
  "componentId": {
7
7
  "scope": "teambit.component",
8
8
  "name": "changelog",
9
- "version": "0.0.674"
9
+ "version": "0.0.677"
10
10
  },
11
11
  "dependencies": {
12
12
  "@teambit/harmony": "0.2.11",
@@ -16,14 +16,14 @@
16
16
  "@teambit/component.instructions.exporting-components": "0.0.6",
17
17
  "@teambit/documenter.ui.heading": "4.1.1",
18
18
  "@teambit/evangelist.elements.icon": "1.0.2",
19
- "@teambit/component": "0.0.674",
19
+ "@teambit/component": "0.0.677",
20
20
  "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.488",
21
- "@teambit/ui": "0.0.674",
22
- "@teambit/component.ui.version-block": "0.0.516",
21
+ "@teambit/ui": "0.0.677",
22
+ "@teambit/component.ui.version-block": "0.0.518",
23
23
  "@teambit/design.ui.alert-card": "0.0.14",
24
24
  "@teambit/design.ui.separator": "0.0.351",
25
25
  "@teambit/design.ui.styles.ellipsis": "0.0.347",
26
- "@teambit/lanes.ui.lanes": "0.0.13",
26
+ "@teambit/lanes.ui.lanes": "0.0.15",
27
27
  "@teambit/mdx.ui.mdx-layout": "0.0.496"
28
28
  },
29
29
  "devDependencies": {
@@ -36,7 +36,7 @@
36
36
  "@types/node": "12.20.4"
37
37
  },
38
38
  "peerDependencies": {
39
- "@teambit/legacy": "1.0.231",
39
+ "@teambit/legacy": "1.0.232",
40
40
  "react-dom": "^16.8.0 || ^17.0.0",
41
41
  "react": "^16.8.0 || ^17.0.0"
42
42
  },
@@ -64,7 +64,7 @@
64
64
  "react": "-"
65
65
  },
66
66
  "peerDependencies": {
67
- "@teambit/legacy": "1.0.231",
67
+ "@teambit/legacy": "1.0.232",
68
68
  "react-dom": "^16.8.0 || ^17.0.0",
69
69
  "react": "^16.8.0 || ^17.0.0"
70
70
  }
@@ -22,3 +22,8 @@
22
22
  .changeLogCard {
23
23
  margin-bottom: 8px;
24
24
  }
25
+
26
+ .logContainer {
27
+ display: flex;
28
+ flex-direction: column-reverse;
29
+ }
@@ -52,8 +52,6 @@ export function ChangeLogPage({ className }: ChangeLogPageProps) {
52
52
  );
53
53
  }
54
54
 
55
- const latestVersion = logs[0]?.tag || logs[0]?.hash;
56
-
57
55
  return (
58
56
  <>
59
57
  <LaneBreadcrumb lane={currentLane} />
@@ -61,19 +59,21 @@ export function ChangeLogPage({ className }: ChangeLogPageProps) {
61
59
  <div className={classNames(styles.changeLogPage, className)}>
62
60
  <H1 className={styles.title}>History</H1>
63
61
  <Separator isPresentational className={styles.separator} />
64
- {logs.map((snap, index) => {
65
- const isLatest = latestVersion === snap.tag || latestVersion === snap.hash;
66
- const isCurrent = component.version === snap.tag || component.version === snap.hash;
67
- return (
68
- <VersionBlock
69
- key={index}
70
- componentId={component.id.fullName}
71
- isLatest={isLatest}
72
- snap={snap}
73
- isCurrent={isCurrent}
74
- />
75
- );
76
- })}
62
+ <div className={styles.logContainer}>
63
+ {logs.map((snap, index) => {
64
+ const isLatest = component.latest === snap.tag || component.latest === snap.hash;
65
+ const isCurrent = component.version === snap.tag || component.version === snap.hash;
66
+ return (
67
+ <VersionBlock
68
+ key={index}
69
+ componentId={component.id.fullName}
70
+ isLatest={isLatest}
71
+ snap={snap}
72
+ isCurrent={isCurrent}
73
+ />
74
+ );
75
+ })}
76
+ </div>
77
77
  </div>
78
78
  </>
79
79
  );