@teambit/ui-foundation.ui.side-bar 0.0.533 → 0.0.536

package/component-tree/component-view/component-view.tsx

@@ -2,7 +2,6 @@ import { ComponentTreeSlot } from '@teambit/component-tree';
 import { NavLink } from '@teambit/base-ui.routing.nav-link';
 import { EnvIcon } from '@teambit/envs.ui.env-icon';
 import { DeprecationIcon } from '@teambit/component.ui.deprecation-icon';
-import { clickable } from '@teambit/legacy/dist/to-eject/css-components/clickable';
 import classNames from 'classnames';
 import React, { useCallback, useContext } from 'react';
 import { Tooltip } from '@teambit/design.ui.tooltip';
@@ -43,7 +42,7 @@ export function ComponentView(props: ComponentViewProps<PayloadType>) {
   return (
     <NavLink
       href={`/${component.id.fullName}`}
-      className={classNames(indentClass, clickable, styles.component)}
+      className={classNames(indentClass, styles.component)}
       activeClassName={styles.active}
       onClick={handleClick}
     >

package/dist/component-tree/component-view/component-view.js

@@ -26,7 +26,6 @@ exports.ComponentView = void 0;
 const base_ui_routing_nav_link_1 = require("@teambit/base-ui.routing.nav-link");
 const envs_ui_env_icon_1 = require("@teambit/envs.ui.env-icon");
 const component_ui_deprecation_icon_1 = require("@teambit/component.ui.deprecation-icon");
-const clickable_1 = require("@teambit/legacy/dist/to-eject/css-components/clickable");
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
 const design_ui_tooltip_1 = require("@teambit/design.ui.tooltip");
@@ -48,7 +47,7 @@ function ComponentView(props) {
     const envTooltip = (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: component_view_module_scss_1.default.componentEnvTitle }, "Environment"),
         react_1.default.createElement("div", null, (_a = component.environment) === null || _a === void 0 ? void 0 : _a.id)));
-    return (react_1.default.createElement(base_ui_routing_nav_link_1.NavLink, { href: `/${component.id.fullName}`, className: (0, classnames_1.default)(base_ui_graph_tree_indent_1.indentClass, clickable_1.clickable, component_view_module_scss_1.default.component), activeClassName: component_view_module_scss_1.default.active, onClick: handleClick },
+    return (react_1.default.createElement(base_ui_routing_nav_link_1.NavLink, { href: `/${component.id.fullName}`, className: (0, classnames_1.default)(base_ui_graph_tree_indent_1.indentClass, component_view_module_scss_1.default.component), activeClassName: component_view_module_scss_1.default.active, onClick: handleClick },
         react_1.default.createElement("div", { className: component_view_module_scss_1.default.left },
             react_1.default.createElement(design_ui_tooltip_1.Tooltip, { className: component_view_module_scss_1.default.componentEnvTooltip, placement: "right", content: envTooltip },
                 react_1.default.createElement(envs_ui_env_icon_1.EnvIcon, { component: component, className: component_view_module_scss_1.default.envIcon })),

package/dist/component-tree/component-view/component-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-view.js","sourceRoot":"","sources":["../../../component-tree/component-view/component-view.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,gFAA4D;AAC5D,gEAAoD;AACpD,0FAAyE;AACzE,sFAAmF;AACnF,4DAAoC;AACpC,+CAAuD;AACvD,kEAAqD;AACrD,kDAAoD;AACpD,8FAAuE;AACvE,kFAAiE;AAGjE,gDAA4C;AAC5C,8FAAkD;AAMlD,SAAgB,aAAa,CAAC,KAAsC;;IAClE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACvB,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;IAE/B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,kBAAU,EAAC,6CAAW,CAAC,CAAC;IAE7C,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,KAAsD,EAAE,EAAE;QACzD,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IACvC,CAAC,EACD,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,CACpB,CAAC;IAEF,IAAI,CAAC,CAAC,SAAS,YAAY,0BAAc,CAAC;QAAE,OAAO,IAAI,CAAC;IAExD,MAAM,UAAU,GAAG,CACjB;QACE,uCAAK,SAAS,EAAE,oCAAM,CAAC,iBAAiB,kBAAmB;QAC3D,2CAAM,MAAA,SAAS,CAAC,WAAW,0CAAE,EAAE,CAAO,CACrC,CACJ,CAAC;IAEF,OAAO,CACL,8BAAC,kCAAO,IACN,IAAI,EAAE,IAAI,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,EACjC,SAAS,EAAE,IAAA,oBAAU,EAAC,uCAAW,EAAE,qBAAS,EAAE,oCAAM,CAAC,SAAS,CAAC,EAC/D,eAAe,EAAE,oCAAM,CAAC,MAAM,EAC9B,OAAO,EAAE,WAAW;QAEpB,uCAAK,SAAS,EAAE,oCAAM,CAAC,IAAI;YACzB,8BAAC,2BAAO,IAAC,SAAS,EAAE,oCAAM,CAAC,mBAAmB,EAAE,SAAS,EAAC,OAAO,EAAC,OAAO,EAAE,UAAU;gBACnF,8BAAC,0BAAO,IAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,oCAAM,CAAC,OAAO,GAAI,CACpD;YAEV,4CAAO,IAAA,kBAAO,EAAC,IAAI,CAAC,EAAE,CAAC,CAAQ,CAC3B;QAEN,uCAAK,SAAS,EAAE,oCAAM,CAAC,KAAK;YAC1B,8BAAC,+CAAe,IAAC,SAAS,EAAE,SAAS,GAAI;YAExC,KAAK,CAAC,YAAY;gBACjB,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,8BAAC,QAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC,CACtG,CACE,CACX,CAAC;AACJ,CAAC;AA7CD,sCA6CC"}
+{"version":3,"file":"component-view.js","sourceRoot":"","sources":["../../../component-tree/component-view/component-view.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,gFAA4D;AAC5D,gEAAoD;AACpD,0FAAyE;AACzE,4DAAoC;AACpC,+CAAuD;AACvD,kEAAqD;AACrD,kDAAoD;AACpD,8FAAuE;AACvE,kFAAiE;AAGjE,gDAA4C;AAC5C,8FAAkD;AAMlD,SAAgB,aAAa,CAAC,KAAsC;;IAClE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACvB,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;IAE/B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,kBAAU,EAAC,6CAAW,CAAC,CAAC;IAE7C,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,KAAsD,EAAE,EAAE;QACzD,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IACvC,CAAC,EACD,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,CACpB,CAAC;IAEF,IAAI,CAAC,CAAC,SAAS,YAAY,0BAAc,CAAC;QAAE,OAAO,IAAI,CAAC;IAExD,MAAM,UAAU,GAAG,CACjB;QACE,uCAAK,SAAS,EAAE,oCAAM,CAAC,iBAAiB,kBAAmB;QAC3D,2CAAM,MAAA,SAAS,CAAC,WAAW,0CAAE,EAAE,CAAO,CACrC,CACJ,CAAC;IAEF,OAAO,CACL,8BAAC,kCAAO,IACN,IAAI,EAAE,IAAI,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,EACjC,SAAS,EAAE,IAAA,oBAAU,EAAC,uCAAW,EAAE,oCAAM,CAAC,SAAS,CAAC,EACpD,eAAe,EAAE,oCAAM,CAAC,MAAM,EAC9B,OAAO,EAAE,WAAW;QAEpB,uCAAK,SAAS,EAAE,oCAAM,CAAC,IAAI;YACzB,8BAAC,2BAAO,IAAC,SAAS,EAAE,oCAAM,CAAC,mBAAmB,EAAE,SAAS,EAAC,OAAO,EAAC,OAAO,EAAE,UAAU;gBACnF,8BAAC,0BAAO,IAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,oCAAM,CAAC,OAAO,GAAI,CACpD;YAEV,4CAAO,IAAA,kBAAO,EAAC,IAAI,CAAC,EAAE,CAAC,CAAQ,CAC3B;QAEN,uCAAK,SAAS,EAAE,oCAAM,CAAC,KAAK;YAC1B,8BAAC,+CAAe,IAAC,SAAS,EAAE,SAAS,GAAI;YAExC,KAAK,CAAC,YAAY;gBACjB,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,8BAAC,QAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC,CACtG,CACE,CACX,CAAC;AACJ,CAAC;AA7CD,sCA6CC"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/ui-foundation.ui.side-bar",
-  "version": "0.0.533",
+  "version": "0.0.536",
   "homepage": "https://bit.dev/teambit/ui-foundation/ui/side-bar",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.ui-foundation",
     "name": "ui/side-bar",
-    "version": "0.0.533"
+    "version": "0.0.536"
   },
   "dependencies": {
     "classnames": "2.2.6",
@@ -16,13 +16,12 @@
     "@teambit/base-ui.graph.tree.inflate-paths": "1.0.0",
     "@teambit/base-ui.graph.tree.tree-context": "1.0.0",
     "@teambit/base-ui.routing.routing-provider": "1.0.0",
-    "@teambit/base-ui.routing.nav-link": "1.0.0",
-    "@teambit/documenter.ui.separator": "4.1.1",
-    "@teambit/evangelist.elements.icon": "1.0.2",
     "@teambit/base-ui.theme.colors": "1.0.0",
     "@teambit/base-ui.graph.tree.recursive-tree": "1.0.0",
+    "@teambit/base-ui.routing.nav-link": "1.0.0",
+    "@teambit/evangelist.elements.icon": "1.0.2",
     "@teambit/design.ui.tree": "0.0.5",
-    "@teambit/lanes.ui.lanes": "0.0.36",
+    "@teambit/lanes.ui.lanes": "0.0.39",
     "@teambit/component.ui.deprecation-icon": "0.0.493",
     "@teambit/design.ui.tooltip": "0.0.352",
     "@teambit/envs.ui.env-icon": "0.0.486"

package/dist/overview-link/index.d.ts

@@ -1 +0,0 @@
-export * from './overview-link';

package/dist/overview-link/index.js

@@ -1,14 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./overview-link"), exports);
-//# sourceMappingURL=index.js.map

package/dist/overview-link/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../overview-link/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,kDAAgC"}

package/dist/overview-link/overview-link.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function OverviewLink(): JSX.Element;

package/dist/overview-link/overview-link.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverviewLink = void 0;
-const documenter_ui_separator_1 = require("@teambit/documenter.ui.separator");
-const evangelist_elements_icon_1 = require("@teambit/evangelist.elements.icon");
-const base_ui_routing_nav_link_1 = require("@teambit/base-ui.routing.nav-link");
-const clickable_1 = require("@teambit/legacy/dist/to-eject/css-components/clickable");
-const hoverable_1 = require("@teambit/legacy/dist/to-eject/css-components/hoverable");
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const overview_link_module_scss_1 = __importDefault(require("./overview-link.module.scss"));
-function OverviewLink() {
-    return (react_1.default.createElement("div", { className: overview_link_module_scss_1.default.overview },
-        react_1.default.createElement(base_ui_routing_nav_link_1.NavLink, { exact: true, href: "/", activeClassName: overview_link_module_scss_1.default.active, className: (0, classnames_1.default)(hoverable_1.hoverable, clickable_1.clickable, overview_link_module_scss_1.default.overviewLink) },
-            "Components",
-            react_1.default.createElement(evangelist_elements_icon_1.Icon, { of: "comps", className: overview_link_module_scss_1.default.icon })),
-        react_1.default.createElement(documenter_ui_separator_1.Separator, { className: overview_link_module_scss_1.default.separator })));
-}
-exports.OverviewLink = OverviewLink;
-//# sourceMappingURL=overview-link.js.map

package/dist/overview-link/overview-link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"overview-link.js","sourceRoot":"","sources":["../../overview-link/overview-link.tsx"],"names":[],"mappings":";;;;;;AAAA,8EAA6D;AAC7D,gFAAyD;AACzD,gFAA4D;AAC5D,sFAAmF;AACnF,sFAAmF;AACnF,4DAAoC;AACpC,kDAA0B;AAE1B,4FAAiD;AAEjD,SAAgB,YAAY;IAC1B,OAAO,CACL,uCAAK,SAAS,EAAE,mCAAM,CAAC,QAAQ;QAC7B,8BAAC,kCAAO,IACN,KAAK,QACL,IAAI,EAAC,GAAG,EACR,eAAe,EAAE,mCAAM,CAAC,MAAM,EAC9B,SAAS,EAAE,IAAA,oBAAU,EAAC,qBAAS,EAAE,qBAAS,EAAE,mCAAM,CAAC,YAAY,CAAC;;YAGhE,8BAAC,+BAAI,IAAC,EAAE,EAAC,OAAO,EAAC,SAAS,EAAE,mCAAM,CAAC,IAAI,GAAI,CACnC;QACV,8BAAC,mCAAS,IAAC,SAAS,EAAE,mCAAM,CAAC,SAAS,GAAI,CACtC,CACP,CAAC;AACJ,CAAC;AAfD,oCAeC"}

package/dist/overview-link/overview-link.module.scss

@@ -1,29 +0,0 @@
-.overview {
-  padding: 8px 8px 0px 8px;
-  .separator {
-    margin: unset;
-  }
-  .overviewLink {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 9px 8px;
-    text-decoration: none;
-    color: var(--bit-text-color-heavy);
-    margin-bottom: 8px;
-    .icon {
-      color: var(--bit-text-color-light, #6c707c);
-    }
-  }
-  .active {
-    background-color: var(--bit-accent-color, #6c5ce7);
-    color: var(--bit-text-on-accent, #ffffff);
-    font-weight: unset;
-    .icon {
-      color: var(--bit-text-on-accent, #ffffff);
-    }
-    &:hover {
-      background-color: var(--bit-accent-heavy, #5d4aec);
-    }
-  }
-}

package/overview-link/index.ts

@@ -1 +0,0 @@
-export * from './overview-link';

package/overview-link/overview-link.module.scss

@@ -1,29 +0,0 @@
-.overview {
-  padding: 8px 8px 0px 8px;
-  .separator {
-    margin: unset;
-  }
-  .overviewLink {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 9px 8px;
-    text-decoration: none;
-    color: var(--bit-text-color-heavy);
-    margin-bottom: 8px;
-    .icon {
-      color: var(--bit-text-color-light, #6c707c);
-    }
-  }
-  .active {
-    background-color: var(--bit-accent-color, #6c5ce7);
-    color: var(--bit-text-on-accent, #ffffff);
-    font-weight: unset;
-    .icon {
-      color: var(--bit-text-on-accent, #ffffff);
-    }
-    &:hover {
-      background-color: var(--bit-accent-heavy, #5d4aec);
-    }
-  }
-}

package/overview-link/overview-link.tsx

@@ -1,26 +0,0 @@
-import { Separator } from '@teambit/documenter.ui.separator';
-import { Icon } from '@teambit/evangelist.elements.icon';
-import { NavLink } from '@teambit/base-ui.routing.nav-link';
-import { clickable } from '@teambit/legacy/dist/to-eject/css-components/clickable';
-import { hoverable } from '@teambit/legacy/dist/to-eject/css-components/hoverable';
-import classNames from 'classnames';
-import React from 'react';
-
-import styles from './overview-link.module.scss';
-
-export function OverviewLink() {
-  return (
-    <div className={styles.overview}>
-      <NavLink
-        exact
-        href="/"
-        activeClassName={styles.active}
-        className={classNames(hoverable, clickable, styles.overviewLink)}
-      >
-        Components
-        <Icon of="comps" className={styles.icon} />
-      </NavLink>
-      <Separator className={styles.separator} />
-    </div>
-  );
-}