@teambit/changelog 0.0.664 → 0.0.665

package/dist/ui/change-log-page.js

@@ -57,16 +57,6 @@ function _classnames() {
   return data;
 }
 
-function _componentUiHooks() {
-  const data = require("@teambit/component.ui.hooks.use-snaps");
-
-  _componentUiHooks = function () {
-    return data;
-  };
-
-  return data;
-}
-
 function _mdxUi() {
   const data = require("@teambit/mdx.ui.mdx-layout");
 
@@ -154,21 +144,17 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function ChangeLogPage({
   className
 }) {
-  var _snaps$, _snaps$2;
+  var _logs$, _logs$2;
 
   const component = (0, _react().useContext)(_component().ComponentContext);
   const lanesContext = (0, _lanesUi().useLanesContext)();
   const currentLane = lanesContext === null || lanesContext === void 0 ? void 0 : lanesContext.currentLane;
-  const snapResult = (0, _componentUiHooks().useSnaps)(component.id);
-  const {
-    loading
-  } = snapResult;
   const {
-    snaps
-  } = snapResult;
-  if (!snaps) return null;
+    logs
+  } = component;
+  if (!logs) return null;
 
-  if (snaps.length === 0 && !loading) {
+  if (logs.length === 0) {
     return /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, currentLane && /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, /*#__PURE__*/_react().default.createElement("div", {
       className: _changeLogPageModule().default.lane
     }, /*#__PURE__*/_react().default.createElement(_evangelistElements().Icon, {
@@ -192,7 +178,7 @@ function ChangeLogPage({
     }, /*#__PURE__*/_react().default.createElement(_mdxUi().MDXLayout, null, /*#__PURE__*/_react().default.createElement(_componentInstructions().ExportingComponents, null)))));
   }
 
-  const latestVersion = ((_snaps$ = snaps[0]) === null || _snaps$ === void 0 ? void 0 : _snaps$.tag) || ((_snaps$2 = snaps[0]) === null || _snaps$2 === void 0 ? void 0 : _snaps$2.hash);
+  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);
   return /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, /*#__PURE__*/_react().default.createElement(_lanesUi().LaneBreadcrumb, {
     lane: currentLane
   }), /*#__PURE__*/_react().default.createElement(_designUi().Separator, {
@@ -204,7 +190,7 @@ function ChangeLogPage({
   }, "History"), /*#__PURE__*/_react().default.createElement(_designUi().Separator, {
     isPresentational: true,
     className: _changeLogPageModule().default.separator
-  }), snaps.map((snap, index) => {
+  }), logs.map((snap, index) => {
     const isLatest = latestVersion === snap.tag || latestVersion === snap.hash;
     return /*#__PURE__*/_react().default.createElement(_componentUi().VersionBlock, {
       key: index,

package/dist/ui/change-log-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["change-log-page.tsx"],"names":["ChangeLogPage","className","component","ComponentContext","lanesContext","currentLane","snapResult","id","loading","snaps","length","styles","lane","laneName","separator","changeLogPage","title","separatorNoChangeLog","changeLogCard","latestVersion","tag","hash","map","snap","index","isLatest","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 { useSnaps } from '@teambit/component.ui.hooks.use-snaps';\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 snapResult = useSnaps(component.id);\n  const { loading } = snapResult;\n  const { snaps } = snapResult;\n\n  if (!snaps) return null;\n\n  if (snaps.length === 0 && !loading) {\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 = snaps[0]?.tag || snaps[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        {snaps.map((snap, index) => {\n          const isLatest = latestVersion === snap.tag || latestVersion === snap.hash;\n          return <VersionBlock key={index} componentId={component.id.fullName} isLatest={isLatest} snap={snap} />;\n        })}\n      </div>\n    </>\n  );\n}\n"]}
+{"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","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          return <VersionBlock key={index} componentId={component.id.fullName} isLatest={isLatest} snap={snap} />;\n        })}\n      </div>\n    </>\n  );\n}\n"]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/changelog",
-  "version": "0.0.664",
+  "version": "0.0.665",
   "homepage": "https://bit.dev/teambit/component/changelog",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "changelog",
-    "version": "0.0.664"
+    "version": "0.0.665"
   },
   "dependencies": {
     "@teambit/harmony": "0.2.11",
@@ -16,15 +16,14 @@
     "@teambit/component.instructions.exporting-components": "0.0.6",
     "@teambit/documenter.ui.heading": "4.1.1",
     "@teambit/evangelist.elements.icon": "1.0.2",
-    "@teambit/component": "0.0.664",
+    "@teambit/component": "0.0.665",
     "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.488",
-    "@teambit/ui": "0.0.664",
-    "@teambit/component.ui.hooks.use-snaps": "0.0.492",
-    "@teambit/component.ui.version-block": "0.0.511",
+    "@teambit/ui": "0.0.665",
+    "@teambit/component.ui.version-block": "0.0.512",
     "@teambit/design.ui.alert-card": "0.0.14",
     "@teambit/design.ui.separator": "0.0.351",
     "@teambit/design.ui.styles.ellipsis": "0.0.347",
-    "@teambit/lanes.ui.lanes": "0.0.8",
+    "@teambit/lanes.ui.lanes": "0.0.9",
     "@teambit/mdx.ui.mdx-layout": "0.0.494"
   },
   "devDependencies": {

package/ui/change-log-page.tsx

@@ -3,7 +3,6 @@ import { H1 } from '@teambit/documenter.ui.heading';
 import { Separator } from '@teambit/design.ui.separator';
 import { VersionBlock } from '@teambit/component.ui.version-block';
 import classNames from 'classnames';
-import { useSnaps } from '@teambit/component.ui.hooks.use-snaps';
 import { MDXLayout } from '@teambit/mdx.ui.mdx-layout';
 import { ExportingComponents } from '@teambit/component.instructions.exporting-components';
 import { AlertCard } from '@teambit/design.ui.alert-card';
@@ -19,13 +18,11 @@ export function ChangeLogPage({ className }: ChangeLogPageProps) {
   const component = useContext(ComponentContext);
   const lanesContext = useLanesContext();
   const currentLane = lanesContext?.currentLane;
-  const snapResult = useSnaps(component.id);
-  const { loading } = snapResult;
-  const { snaps } = snapResult;
+  const { logs } = component;
 
-  if (!snaps) return null;
+  if (!logs) return null;
 
-  if (snaps.length === 0 && !loading) {
+  if (logs.length === 0) {
     return (
       <>
         {currentLane && (
@@ -55,7 +52,7 @@ export function ChangeLogPage({ className }: ChangeLogPageProps) {
     );
   }
 
-  const latestVersion = snaps[0]?.tag || snaps[0]?.hash;
+  const latestVersion = logs[0]?.tag || logs[0]?.hash;
 
   return (
     <>
@@ -64,7 +61,7 @@ export function ChangeLogPage({ className }: ChangeLogPageProps) {
       <div className={classNames(styles.changeLogPage, className)}>
         <H1 className={styles.title}>History</H1>
         <Separator isPresentational className={styles.separator} />
-        {snaps.map((snap, index) => {
+        {logs.map((snap, index) => {
           const isLatest = latestVersion === snap.tag || latestVersion === snap.hash;
           return <VersionBlock key={index} componentId={component.id.fullName} isLatest={isLatest} snap={snap} />;
         })}