@teambit/workspace 0.0.675 → 0.0.678

package/dist/ui/workspace-components-drawer/workspace-components-drawer.module.scss

@@ -3,8 +3,26 @@
   display: block;
 }
 
-.collapseIcon {
-  width: 16px;
+.widgetIcon {
+  padding: 4px;
+  border-radius: 8px;
+  align-items: center;
+  display: flex;
+  &:hover,
+  &.open {
+    background-color: var(--bit-border-color-lightest, #ededed);
+  }
+  img {
+    width: 16px;
+  }
+  &:active img,
+  &.open img {
+    filter: invert(38%) sepia(33%) saturate(7140%) hue-rotate(234deg) brightness(96%) contrast(87%);
+  }
+}
+
+.filterWidgetIcon {
+  margin-right: 8px;
 }
 
 .deprecateFilter {
@@ -15,27 +33,19 @@
   padding: 8px;
   margin: 4px 8px;
 
-  .filterIcon {
+  > div {
     line-height: 16px;
     display: flex;
+  }
+
+  .filterIcon {
+    img {
+      width: 16px;
+    }
 
     .filterIconLabel {
       margin: 0px 8px;
-      font-size: 12px;
+      font-size: 14px;
     }
   }
 }
-
-.filterWidgetIcon {
-  margin-right: 12px;
-  padding: 4px;
-
-  &:hover {
-    background: white;
-  }
-
-  &.open {
-    color: var(--bit-accent-color, #6c5ce7);
-    background-color: var(--bit-bg-heavy, #f6f6f6);
-  }
-}

package/dist/ui/workspace-components-drawer/workspace-components.drawer.js

@@ -49,16 +49,6 @@ function _uiFoundationUi2() {
   return data;
 }
 
-function _evangelistElements() {
-  const data = require("@teambit/evangelist.elements.icon");
-
-  _evangelistElements = function () {
-    return data;
-  };
-
-  return data;
-}
-
 function _react() {
   const data = _interopRequireWildcard(require("react"));
 
@@ -234,11 +224,12 @@ function TreeToggleWidget() {
     setCollapsed
   } = (0, _react().useContext)(WorkspaceTreeContext);
   const icon = collapsed ? 'https://static.bit.dev/bit-icons/expand.svg' : 'https://static.bit.dev/bit-icons/collapse.svg';
-  return /*#__PURE__*/_react().default.createElement("img", {
+  return /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceComponentsDrawerModule().default.widgetIcon
+  }, /*#__PURE__*/_react().default.createElement("img", {
     src: icon,
-    className: _workspaceComponentsDrawerModule().default.collapseIcon,
     onClick: () => setCollapsed(!collapsed)
-  });
+  }));
 }
 
 function FilterWidget() {
@@ -246,11 +237,12 @@ function FilterWidget() {
     filterOpen,
     setFilterOpen
   } = (0, _react().useContext)(WorkspaceTreeContext);
-  return /*#__PURE__*/_react().default.createElement(_evangelistElements().Icon, {
-    className: (0, _classnames().default)(_workspaceComponentsDrawerModule().default.filterWidgetIcon, filterOpen && _workspaceComponentsDrawerModule().default.open),
-    of: "Ripple_filters",
+  return /*#__PURE__*/_react().default.createElement("div", {
+    className: (0, _classnames().default)(_workspaceComponentsDrawerModule().default.widgetIcon, _workspaceComponentsDrawerModule().default.filterWidgetIcon, filterOpen && _workspaceComponentsDrawerModule().default.open)
+  }, /*#__PURE__*/_react().default.createElement("img", {
+    src: "https://static.bit.dev/bit-icons/filter.svg",
     onClick: () => setFilterOpen(!filterOpen)
-  });
+  }));
 }
 
 function DeprecateFilter() {
@@ -265,8 +257,8 @@ function DeprecateFilter() {
     className: (0, _classnames().default)(_workspaceComponentsDrawerModule().default.deprecateFilter, isActive && _workspaceComponentsDrawerModule().default.active)
   }, /*#__PURE__*/_react().default.createElement("div", {
     className: _workspaceComponentsDrawerModule().default.filterIcon
-  }, /*#__PURE__*/_react().default.createElement(_evangelistElements().Icon, {
-    of: "note-deprecated"
+  }, /*#__PURE__*/_react().default.createElement("img", {
+    src: "https://static.bit.dev/bit-icons/deprecated.svg"
   }), /*#__PURE__*/_react().default.createElement("span", {
     className: _workspaceComponentsDrawerModule().default.filterIconLabel
   }, "Deprecated")), /*#__PURE__*/_react().default.createElement("div", null, /*#__PURE__*/_react().default.createElement(_designUiInput().Toggle, {

package/dist/ui/workspace-components-drawer/workspace-components.drawer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["workspace-components.drawer.tsx"],"names":["WorkspaceTreeContext","collapsed","setCollapsed","activeFilters","setActiveFilter","filterOpen","setFilterOpen","WorkspaceComponentsDrawer","constructor","treeNodeSlot","children","setActiveFilters","handleActiveFilterToggle","filterId","isFilterActive","includes","list","filter","id","concat","workspace","WorkspaceContext","showDeprecatedComponents","find","activeFilter","TreeNodeRenderer","TreeNode","props","node","payload","ScopePayload","components","component","deprecation","isDeprecate","length","mutedItalic","ellipsis","styles","emptyWorkspace","TreeToggleWidget","icon","collapseIcon","FilterWidget","filterWidgetIcon","open","DeprecateFilter","isActive","deprecateFilter","active","filterIcon","filterIconLabel"],"mappings":"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","sourcesContent":["import type { DrawerType } from '@teambit/ui-foundation.ui.tree.drawer';\nimport { FullLoader } from '@teambit/ui-foundation.ui.full-loader';\nimport {\n  ComponentTree,\n  PayloadType,\n  ComponentView,\n  ScopeTreeNode,\n  NamespaceTreeNode,\n  ScopePayload,\n} from '@teambit/ui-foundation.ui.side-bar';\nimport { Icon } from '@teambit/evangelist.elements.icon';\nimport { TreeNodeProps } from '@teambit/design.ui.tree';\nimport React, { useCallback, useContext, useState, createContext } from 'react';\nimport classNames from 'classnames';\nimport { ComponentTreeSlot } from '@teambit/component-tree';\nimport { mutedItalic } from '@teambit/design.ui.styles.muted-italic';\nimport { ellipsis } from '@teambit/design.ui.styles.ellipsis';\nimport { Toggle } from '@teambit/design.ui.input.toggle';\nimport { WorkspaceContext } from '../workspace/workspace-context';\nimport styles from './workspace-components-drawer.module.scss';\n\ntype WorkspaceTreeContextType = {\n  collapsed: boolean;\n  setCollapsed: (x: boolean) => void;\n  filterOpen: boolean;\n  setFilterOpen: (open: boolean) => void;\n  activeFilters: string[];\n  setActiveFilter: (filterId: string) => void;\n};\nconst WorkspaceTreeContext = createContext<WorkspaceTreeContextType>({\n  collapsed: true,\n  setCollapsed: () => {},\n  activeFilters: [],\n  setActiveFilter: () => {},\n  filterOpen: false,\n  setFilterOpen: () => {},\n});\n\nexport class WorkspaceComponentsDrawer implements DrawerType {\n  constructor(private treeNodeSlot: ComponentTreeSlot) {}\n\n  id = 'workspace-components';\n  name = 'COMPONENTS';\n\n  widgets = [<FilterWidget key={'filter-widget'} />, <TreeToggleWidget key={'tree-toggle-widget'} />];\n\n  Context = ({ children }) => {\n    const [collapsed, setCollapsed] = useState(true);\n    const [activeFilters, setActiveFilters] = useState<string[]>([]);\n    const [filterOpen, setFilterOpen] = useState<boolean>(false);\n\n    const handleActiveFilterToggle = (filterId: string) => {\n      const isFilterActive = activeFilters.includes(filterId);\n      if (isFilterActive) {\n        setActiveFilters((list) => list.filter((id) => id !== filterId));\n        return;\n      }\n      setActiveFilters((list) => list.concat(filterId));\n    };\n\n    return (\n      <WorkspaceTreeContext.Provider\n        value={{\n          collapsed,\n          setCollapsed,\n          activeFilters,\n          setActiveFilter: handleActiveFilterToggle,\n          filterOpen,\n          setFilterOpen,\n        }}\n      >\n        {children}\n      </WorkspaceTreeContext.Provider>\n    );\n  };\n\n  Filters = [<DeprecateFilter key={'deprecate-filter'} />];\n\n  render = () => {\n    const workspace = useContext(WorkspaceContext);\n    const { collapsed, activeFilters } = useContext(WorkspaceTreeContext);\n    const { treeNodeSlot } = this;\n    const showDeprecatedComponents = activeFilters.find((activeFilter) => activeFilter === 'deprecate');\n\n    const TreeNodeRenderer = useCallback(\n      function TreeNode(props: TreeNodeProps<PayloadType>) {\n        const children = props.node.children;\n\n        if (!children) return <ComponentView {...props} treeNodeSlot={treeNodeSlot} />; // non collapse\n\n        if (props.node.payload instanceof ScopePayload) return <ScopeTreeNode {...props} />;\n\n        return <NamespaceTreeNode {...props} />;\n      },\n      [treeNodeSlot]\n    );\n\n    if (!workspace) return <FullLoader />;\n\n    const components = showDeprecatedComponents\n      ? workspace.components\n      : workspace.components.filter((component) => !component.deprecation?.isDeprecate);\n\n    if (components.length === 0) {\n      return <span className={classNames(mutedItalic, ellipsis, styles.emptyWorkspace)}>Workspace is empty</span>;\n    }\n\n    return <ComponentTree components={components} isCollapsed={collapsed} TreeNode={TreeNodeRenderer} />;\n  };\n}\n\nfunction TreeToggleWidget() {\n  const { collapsed, setCollapsed } = useContext(WorkspaceTreeContext);\n  const icon = collapsed\n    ? 'https://static.bit.dev/bit-icons/expand.svg'\n    : 'https://static.bit.dev/bit-icons/collapse.svg';\n  return <img src={icon} className={styles.collapseIcon} onClick={() => setCollapsed(!collapsed)} />;\n}\n\nfunction FilterWidget() {\n  const { filterOpen, setFilterOpen } = useContext(WorkspaceTreeContext);\n  return (\n    <Icon\n      className={classNames(styles.filterWidgetIcon, filterOpen && styles.open)}\n      of=\"Ripple_filters\"\n      onClick={() => setFilterOpen(!filterOpen)}\n    />\n  );\n}\n\nfunction DeprecateFilter() {\n  const { activeFilters, setActiveFilter, filterOpen } = useContext(WorkspaceTreeContext);\n  const isActive = activeFilters.includes('deprecate');\n\n  if (!filterOpen) return null;\n\n  return (\n    <div className={classNames(styles.deprecateFilter, isActive && styles.active)}>\n      <div className={styles.filterIcon}>\n        <Icon of=\"note-deprecated\" />\n        <span className={styles.filterIconLabel}>Deprecated</span>\n      </div>\n      <div>\n        <Toggle checked={isActive} onInputChanged={() => setActiveFilter('deprecate')} />\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["workspace-components.drawer.tsx"],"names":["WorkspaceTreeContext","collapsed","setCollapsed","activeFilters","setActiveFilter","filterOpen","setFilterOpen","WorkspaceComponentsDrawer","constructor","treeNodeSlot","children","setActiveFilters","handleActiveFilterToggle","filterId","isFilterActive","includes","list","filter","id","concat","workspace","WorkspaceContext","showDeprecatedComponents","find","activeFilter","TreeNodeRenderer","TreeNode","props","node","payload","ScopePayload","components","component","deprecation","isDeprecate","length","mutedItalic","ellipsis","styles","emptyWorkspace","TreeToggleWidget","icon","widgetIcon","FilterWidget","filterWidgetIcon","open","DeprecateFilter","isActive","deprecateFilter","active","filterIcon","filterIconLabel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AASA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;;;;;AAUA,MAAMA,oBAAoB,gBAAG,4BAAwC;AACnEC,EAAAA,SAAS,EAAE,IADwD;AAEnEC,EAAAA,YAAY,EAAE,MAAM,CAAE,CAF6C;AAGnEC,EAAAA,aAAa,EAAE,EAHoD;AAInEC,EAAAA,eAAe,EAAE,MAAM,CAAE,CAJ0C;AAKnEC,EAAAA,UAAU,EAAE,KALuD;AAMnEC,EAAAA,aAAa,EAAE,MAAM,CAAE;AAN4C,CAAxC,CAA7B;;AASO,MAAMC,yBAAN,CAAsD;AAC3DC,EAAAA,WAAW,CAASC,YAAT,EAA0C;AAAA,SAAjCA,YAAiC,GAAjCA,YAAiC;AAAA,gDAEhD,sBAFgD;AAAA,kDAG9C,YAH8C;AAAA,qDAK3C,cAAC,+BAAC,YAAD;AAAc,MAAA,GAAG,EAAE;AAAnB,MAAD,eAAyC,+BAAC,gBAAD;AAAkB,MAAA,GAAG,EAAE;AAAvB,MAAzC,CAL2C;AAAA,qDAO3C,CAAC;AAAEC,MAAAA;AAAF,KAAD,KAAkB;AAC1B,YAAM,CAACT,SAAD,EAAYC,YAAZ,IAA4B,uBAAS,IAAT,CAAlC;AACA,YAAM,CAACC,aAAD,EAAgBQ,gBAAhB,IAAoC,uBAAmB,EAAnB,CAA1C;AACA,YAAM,CAACN,UAAD,EAAaC,aAAb,IAA8B,uBAAkB,KAAlB,CAApC;;AAEA,YAAMM,wBAAwB,GAAIC,QAAD,IAAsB;AACrD,cAAMC,cAAc,GAAGX,aAAa,CAACY,QAAd,CAAuBF,QAAvB,CAAvB;;AACA,YAAIC,cAAJ,EAAoB;AAClBH,UAAAA,gBAAgB,CAAEK,IAAD,IAAUA,IAAI,CAACC,MAAL,CAAaC,EAAD,IAAQA,EAAE,KAAKL,QAA3B,CAAX,CAAhB;AACA;AACD;;AACDF,QAAAA,gBAAgB,CAAEK,IAAD,IAAUA,IAAI,CAACG,MAAL,CAAYN,QAAZ,CAAX,CAAhB;AACD,OAPD;;AASA,0BACE,+BAAC,oBAAD,CAAsB,QAAtB;AACE,QAAA,KAAK,EAAE;AACLZ,UAAAA,SADK;AAELC,UAAAA,YAFK;AAGLC,UAAAA,aAHK;AAILC,UAAAA,eAAe,EAAEQ,wBAJZ;AAKLP,UAAAA,UALK;AAMLC,UAAAA;AANK;AADT,SAUGI,QAVH,CADF;AAcD,KAnCoD;AAAA,qDAqC3C,cAAC,+BAAC,eAAD;AAAiB,MAAA,GAAG,EAAE;AAAtB,MAAD,CArC2C;AAAA,oDAuC5C,MAAM;AACb,YAAMU,SAAS,GAAG,yBAAWC,oCAAX,CAAlB;AACA,YAAM;AAAEpB,QAAAA,SAAF;AAAaE,QAAAA;AAAb,UAA+B,yBAAWH,oBAAX,CAArC;AACA,YAAM;AAAES,QAAAA;AAAF,UAAmB,IAAzB;AACA,YAAMa,wBAAwB,GAAGnB,aAAa,CAACoB,IAAd,CAAoBC,YAAD,IAAkBA,YAAY,KAAK,WAAtD,CAAjC;AAEA,YAAMC,gBAAgB,GAAG,0BACvB,SAASC,QAAT,CAAkBC,KAAlB,EAAqD;AACnD,cAAMjB,QAAQ,GAAGiB,KAAK,CAACC,IAAN,CAAWlB,QAA5B;AAEA,YAAI,CAACA,QAAL,EAAe,oBAAO,+BAAC,gCAAD,+BAAmBiB,KAAnB;AAA0B,UAAA,YAAY,EAAElB;AAAxC,WAAP,CAHoC,CAG6B;;AAEhF,YAAIkB,KAAK,CAACC,IAAN,CAAWC,OAAX,YAA8BC,+BAAlC,EAAgD,oBAAO,+BAAC,gCAAD,EAAmBH,KAAnB,CAAP;AAEhD,4BAAO,+BAAC,oCAAD,EAAuBA,KAAvB,CAAP;AACD,OATsB,EAUvB,CAAClB,YAAD,CAVuB,CAAzB;AAaA,UAAI,CAACW,SAAL,EAAgB,oBAAO,+BAAC,4BAAD,OAAP;AAEhB,YAAMW,UAAU,GAAGT,wBAAwB,GACvCF,SAAS,CAACW,UAD6B,GAEvCX,SAAS,CAACW,UAAV,CAAqBd,MAArB,CAA6Be,SAAD;AAAA;;AAAA,eAAe,2BAACA,SAAS,CAACC,WAAX,kDAAC,sBAAuBC,WAAxB,CAAf;AAAA,OAA5B,CAFJ;;AAIA,UAAIH,UAAU,CAACI,MAAX,KAAsB,CAA1B,EAA6B;AAC3B,4BAAO;AAAM,UAAA,SAAS,EAAE,2BAAWC,6BAAX,EAAwBC,2BAAxB,EAAkCC,2CAAOC,cAAzC;AAAjB,gCAAP;AACD;;AAED,0BAAO,+BAAC,gCAAD;AAAe,QAAA,UAAU,EAAER,UAA3B;AAAuC,QAAA,WAAW,EAAE9B,SAApD;AAA+D,QAAA,QAAQ,EAAEwB;AAAzE,QAAP;AACD,KArEoD;AAAE;;AADI;;;;AAyE7D,SAASe,gBAAT,GAA4B;AAC1B,QAAM;AAAEvC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,MAA8B,yBAAWF,oBAAX,CAApC;AACA,QAAMyC,IAAI,GAAGxC,SAAS,GAClB,6CADkB,GAElB,+CAFJ;AAGA,sBACE;AAAK,IAAA,SAAS,EAAEqC,2CAAOI;AAAvB,kBACE;AAAK,IAAA,GAAG,EAAED,IAAV;AAAgB,IAAA,OAAO,EAAE,MAAMvC,YAAY,CAAC,CAACD,SAAF;AAA3C,IADF,CADF;AAKD;;AAED,SAAS0C,YAAT,GAAwB;AACtB,QAAM;AAAEtC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAAgC,yBAAWN,oBAAX,CAAtC;AACA,sBACE;AAAK,IAAA,SAAS,EAAE,2BAAWsC,2CAAOI,UAAlB,EAA8BJ,2CAAOM,gBAArC,EAAuDvC,UAAU,IAAIiC,2CAAOO,IAA5E;AAAhB,kBACE;AAAK,IAAA,GAAG,EAAC,6CAAT;AAAuD,IAAA,OAAO,EAAE,MAAMvC,aAAa,CAAC,CAACD,UAAF;AAAnF,IADF,CADF;AAKD;;AAED,SAASyC,eAAT,GAA2B;AACzB,QAAM;AAAE3C,IAAAA,aAAF;AAAiBC,IAAAA,eAAjB;AAAkCC,IAAAA;AAAlC,MAAiD,yBAAWL,oBAAX,CAAvD;AACA,QAAM+C,QAAQ,GAAG5C,aAAa,CAACY,QAAd,CAAuB,WAAvB,CAAjB;AAEA,MAAI,CAACV,UAAL,EAAiB,OAAO,IAAP;AAEjB,sBACE;AAAK,IAAA,SAAS,EAAE,2BAAWiC,2CAAOU,eAAlB,EAAmCD,QAAQ,IAAIT,2CAAOW,MAAtD;AAAhB,kBACE;AAAK,IAAA,SAAS,EAAEX,2CAAOY;AAAvB,kBACE;AAAK,IAAA,GAAG,EAAC;AAAT,IADF,eAEE;AAAM,IAAA,SAAS,EAAEZ,2CAAOa;AAAxB,kBAFF,CADF,eAKE,yDACE,+BAAC,uBAAD;AAAQ,IAAA,OAAO,EAAEJ,QAAjB;AAA2B,IAAA,cAAc,EAAE,MAAM3C,eAAe,CAAC,WAAD;AAAhE,IADF,CALF,CADF;AAWD","sourcesContent":["import type { DrawerType } from '@teambit/ui-foundation.ui.tree.drawer';\nimport { FullLoader } from '@teambit/ui-foundation.ui.full-loader';\nimport {\n  ComponentTree,\n  PayloadType,\n  ComponentView,\n  ScopeTreeNode,\n  NamespaceTreeNode,\n  ScopePayload,\n} from '@teambit/ui-foundation.ui.side-bar';\nimport { TreeNodeProps } from '@teambit/design.ui.tree';\nimport React, { useCallback, useContext, useState, createContext } from 'react';\nimport classNames from 'classnames';\nimport { ComponentTreeSlot } from '@teambit/component-tree';\nimport { mutedItalic } from '@teambit/design.ui.styles.muted-italic';\nimport { ellipsis } from '@teambit/design.ui.styles.ellipsis';\nimport { Toggle } from '@teambit/design.ui.input.toggle';\nimport { WorkspaceContext } from '../workspace/workspace-context';\nimport styles from './workspace-components-drawer.module.scss';\n\ntype WorkspaceTreeContextType = {\n  collapsed: boolean;\n  setCollapsed: (x: boolean) => void;\n  filterOpen: boolean;\n  setFilterOpen: (open: boolean) => void;\n  activeFilters: string[];\n  setActiveFilter: (filterId: string) => void;\n};\nconst WorkspaceTreeContext = createContext<WorkspaceTreeContextType>({\n  collapsed: true,\n  setCollapsed: () => {},\n  activeFilters: [],\n  setActiveFilter: () => {},\n  filterOpen: false,\n  setFilterOpen: () => {},\n});\n\nexport class WorkspaceComponentsDrawer implements DrawerType {\n  constructor(private treeNodeSlot: ComponentTreeSlot) {}\n\n  id = 'workspace-components';\n  name = 'COMPONENTS';\n\n  widgets = [<FilterWidget key={'filter-widget'} />, <TreeToggleWidget key={'tree-toggle-widget'} />];\n\n  Context = ({ children }) => {\n    const [collapsed, setCollapsed] = useState(true);\n    const [activeFilters, setActiveFilters] = useState<string[]>([]);\n    const [filterOpen, setFilterOpen] = useState<boolean>(false);\n\n    const handleActiveFilterToggle = (filterId: string) => {\n      const isFilterActive = activeFilters.includes(filterId);\n      if (isFilterActive) {\n        setActiveFilters((list) => list.filter((id) => id !== filterId));\n        return;\n      }\n      setActiveFilters((list) => list.concat(filterId));\n    };\n\n    return (\n      <WorkspaceTreeContext.Provider\n        value={{\n          collapsed,\n          setCollapsed,\n          activeFilters,\n          setActiveFilter: handleActiveFilterToggle,\n          filterOpen,\n          setFilterOpen,\n        }}\n      >\n        {children}\n      </WorkspaceTreeContext.Provider>\n    );\n  };\n\n  Filters = [<DeprecateFilter key={'deprecate-filter'} />];\n\n  render = () => {\n    const workspace = useContext(WorkspaceContext);\n    const { collapsed, activeFilters } = useContext(WorkspaceTreeContext);\n    const { treeNodeSlot } = this;\n    const showDeprecatedComponents = activeFilters.find((activeFilter) => activeFilter === 'deprecate');\n\n    const TreeNodeRenderer = useCallback(\n      function TreeNode(props: TreeNodeProps<PayloadType>) {\n        const children = props.node.children;\n\n        if (!children) return <ComponentView {...props} treeNodeSlot={treeNodeSlot} />; // non collapse\n\n        if (props.node.payload instanceof ScopePayload) return <ScopeTreeNode {...props} />;\n\n        return <NamespaceTreeNode {...props} />;\n      },\n      [treeNodeSlot]\n    );\n\n    if (!workspace) return <FullLoader />;\n\n    const components = showDeprecatedComponents\n      ? workspace.components\n      : workspace.components.filter((component) => !component.deprecation?.isDeprecate);\n\n    if (components.length === 0) {\n      return <span className={classNames(mutedItalic, ellipsis, styles.emptyWorkspace)}>Workspace is empty</span>;\n    }\n\n    return <ComponentTree components={components} isCollapsed={collapsed} TreeNode={TreeNodeRenderer} />;\n  };\n}\n\nfunction TreeToggleWidget() {\n  const { collapsed, setCollapsed } = useContext(WorkspaceTreeContext);\n  const icon = collapsed\n    ? 'https://static.bit.dev/bit-icons/expand.svg'\n    : 'https://static.bit.dev/bit-icons/collapse.svg';\n  return (\n    <div className={styles.widgetIcon}>\n      <img src={icon} onClick={() => setCollapsed(!collapsed)} />\n    </div>\n  );\n}\n\nfunction FilterWidget() {\n  const { filterOpen, setFilterOpen } = useContext(WorkspaceTreeContext);\n  return (\n    <div className={classNames(styles.widgetIcon, styles.filterWidgetIcon, filterOpen && styles.open)}>\n      <img src=\"https://static.bit.dev/bit-icons/filter.svg\" onClick={() => setFilterOpen(!filterOpen)} />\n    </div>\n  );\n}\n\nfunction DeprecateFilter() {\n  const { activeFilters, setActiveFilter, filterOpen } = useContext(WorkspaceTreeContext);\n  const isActive = activeFilters.includes('deprecate');\n\n  if (!filterOpen) return null;\n\n  return (\n    <div className={classNames(styles.deprecateFilter, isActive && styles.active)}>\n      <div className={styles.filterIcon}>\n        <img src=\"https://static.bit.dev/bit-icons/deprecated.svg\" />\n        <span className={styles.filterIconLabel}>Deprecated</span>\n      </div>\n      <div>\n        <Toggle checked={isActive} onInputChanged={() => setActiveFilter('deprecate')} />\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/workspace.composition.d.ts

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

package/dist/workspace.composition.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Logo = void 0;
+
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function () {
+    return data;
+  };
+
+  return data;
+}
+
+const Logo = () => /*#__PURE__*/_react().default.createElement("div", {
+  style: {
+    height: '100%',
+    display: 'flex',
+    justifyContent: 'center'
+  }
+}, /*#__PURE__*/_react().default.createElement("img", {
+  style: {
+    width: 70
+  },
+  src: "https://static.bit.dev/extensions-icons/workspace.svg"
+}));
+
+exports.Logo = Logo;
+
+//# sourceMappingURL=workspace.composition.js.map

package/dist/workspace.composition.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["workspace.composition.tsx"],"names":["Logo","height","display","justifyContent","width"],"mappings":";;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,IAAI,GAAG,mBAClB;AAAK,EAAA,KAAK,EAAE;AAAEC,IAAAA,MAAM,EAAE,MAAV;AAAkBC,IAAAA,OAAO,EAAE,MAA3B;AAAmCC,IAAAA,cAAc,EAAE;AAAnD;AAAZ,gBACE;AAAK,EAAA,KAAK,EAAE;AAAEC,IAAAA,KAAK,EAAE;AAAT,GAAZ;AAA2B,EAAA,GAAG,EAAC;AAA/B,EADF,CADK","sourcesContent":["import React from 'react';\n\nexport const Logo = () => (\n  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>\n    <img style={{ width: 70 }} src=\"https://static.bit.dev/extensions-icons/workspace.svg\" />\n  </div>\n);\n"]}

package/dist/workspace.d.ts

@@ -237,7 +237,7 @@ export declare class Workspace implements ComponentFactory {
     getAllComponentIds(): Promise<ComponentID[]>;
     getNewAndModifiedIds(): Promise<ComponentID[]>;
     newAndModified(): Promise<Component[]>;
-    getLogs(id: ComponentID): Promise<ComponentLog[]>;
+    getLogs(id: ComponentID, shortHash?: boolean, startsFrom?: string): Promise<ComponentLog[]>;
     getLegacyGraph(ids?: ComponentID[]): Promise<LegacyGraph>;
     /**
      * given component ids, find their dependents in the workspace

package/dist/workspace.docs.mdx

@@ -1,6 +1,6 @@
 ---
-description: A local workspace for component development and composition
-labels: ['core aspect']
+description: A development workspace for distributed, component-driven software.
+labels: ['core aspect', 'bit']
 ---
 
 import WorkspaceOverview from '@teambit/workspace.content.workspace-overview';

package/dist/workspace.js

@@ -802,8 +802,8 @@ class Workspace {
     return this.getMany(ids);
   }
 
-  async getLogs(id) {
-    return this.scope.getLogs(id);
+  async getLogs(id, shortHash = false, startsFrom) {
+    return this.scope.getLogs(id, shortHash, startsFrom);
   }
 
   async getLegacyGraph(ids) {
@@ -1738,8 +1738,10 @@ needed-for: ${(neededFor === null || neededFor === void 0 ? void 0 : neededFor.t
       const component = await this.get(id);
       const data = this.envs.getEnvData(component);
       const isUsingAspectEnv = this.envs.isUsingAspectEnv(component);
+      const isUsingEnvEnv = this.envs.isUsingEnvEnv(component);
+      const isValidAspect = isUsingAspectEnv || isUsingEnvEnv;
 
-      if (!isUsingAspectEnv && idsWithoutCore.includes(component.id.toString())) {
+      if (!isValidAspect && idsWithoutCore.includes(component.id.toString())) {
         const err = new (_incorrectEnvAspect().IncorrectEnvAspect)(component.id.toString(), data.type, data.id);
 
         if (data.id === _envs().DEFAULT_ENV) {
@@ -1752,7 +1754,7 @@ needed-for: ${(neededFor === null || neededFor === void 0 ? void 0 : neededFor.t
         }
       }
 
-      return isUsingAspectEnv;
+      return isValidAspect;
     };
 
     const graph = await this.getAspectsGraphWithoutCore(components, isAspect);