@teambit/scope 1.0.310 → 1.0.311

package/artifacts/__bit_junit.xml

@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <testsuites tests="0" failures="0" errors="0" skipped="0">
-  <testsuite name="teambit.scope/scope@1.0.310" tests="0" failures="0" errors="0" skipped="0"/>
+  <testsuite name="teambit.scope/scope@1.0.311" tests="0" failures="0" errors="0" skipped="0"/>
 </testsuites>

package/artifacts/preview/teambit_scope_scope-preview.js

@@ -1,2 +1,2 @@
 /*! For license information please see teambit_scope_scope-preview.js.LICENSE.txt */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.scope/scope-preview"]=t():e["teambit.scope/scope-preview"]=t()}(self,(()=>(()=>{var e={88443:(e,t)=>{var n;!function(){"use strict";var o={}.hasOwnProperty;function r(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var i=typeof n;if("string"===i||"number"===i)e.push(n);else if(Array.isArray(n)&&n.length){var a=r.apply(null,n);a&&e.push(a)}else if("object"===i)for(var s in n)o.call(n,s)&&n[s]&&e.push(s)}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):void 0===(n=function(){return r}.apply(t,[]))||(e.exports=n)}()},69685:(e,t)=>{var n;!function(){"use strict";var o={}.hasOwnProperty;function r(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var i=typeof n;if("string"===i||"number"===i)e.push(n);else if(Array.isArray(n)){if(n.length){var a=r.apply(null,n);a&&e.push(a)}}else if("object"===i)if(n.toString===Object.prototype.toString)for(var s in n)o.call(n,s)&&n[s]&&e.push(s);else e.push(n.toString())}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):void 0===(n=function(){return r}.apply(t,[]))||(e.exports=n)}()},78552:()=>{!function(){if("undefined"!=typeof window&&"undefined"!=typeof document&&"undefined"!=typeof HTMLElement){var e=!1;try{var t=document.createElement("div");t.addEventListener("focus",(function(e){e.preventDefault(),e.stopPropagation()}),!0),t.focus(Object.defineProperty({},"preventScroll",{get:function(){e=!0}}))}catch(e){}void 0!==HTMLElement.prototype.nativeFocus||e||(HTMLElement.prototype.nativeFocus=HTMLElement.prototype.focus,HTMLElement.prototype.focus=function(e){var t=window.scrollY||window.pageYOffset;this.nativeFocus(),e&&e.preventScroll&&setTimeout((function(){window.scroll(window.scrollX||window.pageXOffset,t)}),0)})}}()},81903:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isNavigator=t.isBrowser=t.off=t.on=t.noop=void 0,t.noop=function(){},t.on=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];e&&e.addEventListener&&e.addEventListener.apply(e,t)},t.off=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];e&&e.removeEventListener&&e.removeEventListener.apply(e,t)},t.isBrowser="undefined"!=typeof window,t.isNavigator="undefined"!=typeof navigator},57793:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(41594);t.default=function(e){o.useEffect(e,[])}},87709:(e,t,n)=>{"use strict";var o=n(41594),r=n(81903),i=r.isBrowser?window:null,a=function(e){return!!e.addEventListener},s=function(e){return!!e.on};t.A=function(e,t,n,c){void 0===n&&(n=i),o.useEffect((function(){if(t&&n)return a(n)?r.on(n,e,t,c):s(n)&&n.on(e,t,c),function(){a(n)?r.off(n,e,t,c):s(n)&&n.off(e,t,c)}}),[e,t,n,JSON.stringify(c)])}},33331:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(7746),r=n(41594),i=o.__importDefault(n(93797));t.default=function(e){var t=r.useRef(0),n=r.useState(e),o=n[0],a=n[1],s=r.useCallback((function(e){cancelAnimationFrame(t.current),t.current=requestAnimationFrame((function(){a(e)}))}),[]);return i.default((function(){cancelAnimationFrame(t.current)})),[o,s]}},93797:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(7746),r=n(41594),i=o.__importDefault(n(57793));t.default=function(e){var t=r.useRef(e);t.current=e,i.default((function(){return function(){return t.current()}}))}},69200:(e,t,n)=>{"use strict";var o=n(7746),r=n(41594),i=o.__importDefault(n(33331)),a=n(81903);t.A=function(e,t){void 0===e&&(e=1/0),void 0===t&&(t=1/0);var n=i.default({width:a.isBrowser?window.innerWidth:e,height:a.isBrowser?window.innerHeight:t}),o=n[0],s=n[1];return r.useEffect((function(){if(a.isBrowser){var e=function(){s({width:window.innerWidth,height:window.innerHeight})};return a.on(window,"resize",e),function(){a.off(window,"resize",e)}}}),[]),o}},51225:function(e,t,n){"use strict";var o=this&&this.__rest||function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseImage=void 0;const i=r(n(41594)),a=r(n(88443)),s=r(n(76076));function c(e){var{alt:t,className:n,fullWidth:r}=e,c=o(e,["alt","className","fullWidth"]);return i.default.createElement("img",Object.assign({"data-bit-id":"teambit.base-ui/elements/image",alt:t},c,{className:a.default(s.default.image,r&&s.default.fullWidth,n)}))}c.__bit_component={id:"teambit.base-ui/elements/image@1.0.0",homepage:"https://bit.dev/teambit/base-ui/elements/image",exported:!0},t.BaseImage=c},14076:function(e,t,n){"use strict";var o=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n),Object.defineProperty(e,o,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),r=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||o(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),r(n(51225),t)},62233:(e,t,n)=>{"use strict";n.r(t),n.d(t,{Image:()=>y});var o=n(41594),r=n.n(o),i=n(69685),a=n.n(i);n(78552);const s=ReactDom;var c=n(87709),l=n(69200),u=n(7746),p=function(e){return e+"ms"},f={getBoundingClientRect:function(){return{height:0,left:0,top:0,width:0}},style:{transform:null}},d=(0,o.memo)((function(e){var t=e.children,n=e.closeText,i=void 0===n?"Unzoom Image":n,a=e.onUnload,d=e.onLoad,m=e.overlayBgColorEnd,h=void 0===m?"rgba(255, 255, 255, 0.95)":m,y=e.overlayBgColorStart,v=void 0===y?"rgba(255, 255, 255, 0)":y,b=e.parentRef,g=e.portalEl,_=void 0===g?document.body:g,w=e.scrollableEl,x=void 0===w?window:w,O=e.transitionDuration,j=void 0===O?300:O,S=e.zoomMargin,P=void 0===S?0:S,E=e.zoomZindex,T=void 0===E?2147483647:E,k=(0,o.useRef)(null),M=(0,o.useState)(0)[1],D=(0,o.useState)(!1),C=D[0],I=D[1],A=(0,o.useState)(!1),z=A[0],B=A[1],N=(0,l.A)(),L=N.width,R=N.height,W=(0,o.useCallback)((function(e){e.preventDefault(),B(!0)}),[]),F=(0,o.useCallback)((function(e){"Escape"!==e.key&&27!==e.keyCode||(e.stopPropagation(),B(!0))}),[]),H=(0,o.useCallback)((function(){M((function(e){return e+1})),z||B(!0)}),[z]);(0,c.A)("keydown",F,document),(0,c.A)("scroll",H,x),(0,o.useEffect)((function(){I(!0),d(),k.current&&k.current.focus({preventScroll:!0})}),[d]),(0,o.useEffect)((function(){var e=z?setTimeout(a,j):null;return function(){e&&clearTimeout(e)}}),[z,a,j]);var X=b.current||f,U=X.getBoundingClientRect(),G=U.height,Z=U.left,$=U.top,J=U.width,V=function(e){var t=e.isLoaded,n=e.isUnloading,o=e.overlayBgColorEnd,r=e.zoomZindex,i={backgroundColor:e.overlayBgColorStart,transitionDuration:p(e.transitionDuration),zIndex:r};return t&&!n&&(i.backgroundColor=o),i}({isLoaded:C,isUnloading:z,overlayBgColorEnd:h,overlayBgColorStart:v,transitionDuration:j,zoomZindex:T}),Y=function(e){var t=e.height,n=e.innerHeight,o=e.innerWidth,r=e.isLoaded,i=e.isUnloading,a=e.left,s=e.originalTransform,c=e.top,l=e.transitionDuration,f=e.width,d=e.zoomMargin,m=p(l);if(!r||i){var h=(0,u.__spreadArrays)(["scale(1)","translate(0, 0)"],s?[s]:[]).join(" ");return{height:t,left:a,top:c,transform:h,WebkitTransform:h,transitionDuration:m,width:f}}var y=function(e){var t=e.zoomMargin,n=e.innerWidth/(e.width+t),o=e.innerHeight/(e.height+t);return Math.min(n,o)}({height:t,innerWidth:o,innerHeight:n,width:f,zoomMargin:d}),v=(o/2-(a+f/2))/y,b=(n/2-(c+t/2))/y,g=(0,u.__spreadArrays)(["scale("+y+")","translate("+v+"px, "+b+"px)"],s?[s]:[]).join(" ");return{height:t,left:a,top:c,transform:g,WebkitTransform:g,transitionDuration:m,width:f}}({height:G,isLoaded:C,innerHeight:R,innerWidth:L,isUnloading:z,left:Z,originalTransform:X.style.transform,top:$,transitionDuration:j,width:J,zoomMargin:P});return(0,s.createPortal)(r().createElement("div",{"aria-modal":!0,"data-rmiz-overlay":!0,role:"dialog",style:V},r().createElement("div",{"data-rmiz-modal-content":!0,style:Y},t),r().createElement("button",{"aria-label":i,"data-rmiz-btn-close":!0,onClick:W,ref:k})),_)}));const m=(0,o.memo)((function(e){var t=e.children,n=e.closeText,i=void 0===n?"Unzoom image":n,a=e.overlayBgColorEnd,s=void 0===a?"rgba(255, 255, 255, 0.95)":a,c=e.overlayBgColorStart,l=void 0===c?"rgba(255, 255, 255, 0)":c,u=e.portalEl,p=e.openText,f=void 0===p?"Zoom image":p,m=e.scrollableEl,h=e.transitionDuration,y=void 0===h?300:h,v=e.wrapElement,b=void 0===v?"div":v,g=e.wrapStyle,_=e.zoomMargin,w=void 0===_?0:_,x=e.zoomZindex,O=void 0===x?2147483647:x,j=(0,o.useState)(!1),S=j[0],P=j[1],E=(0,o.useState)(!1),T=E[0],k=E[1],M=(0,o.useRef)(null),D=(0,o.useRef)(null),C=(0,o.useCallback)((function(e){S||(e.preventDefault(),P(!0))}),[S]),I=(0,o.useCallback)((function(){k(!0)}),[]),A=(0,o.useCallback)((function(){P(!1),k(!1),D.current&&D.current.focus({preventScroll:!0})}),[]),z=S&&T?"hidden":"visible";return r().createElement(o.StrictMode,null,r().createElement(b,{"data-rmiz-wrap":z,ref:M,style:g},t,r().createElement("button",{"aria-label":f,"data-rmiz-btn-open":!0,onClick:C,ref:D}),"undefined"!=typeof window&&S&&r().createElement(d,{closeText:i,onLoad:I,onUnload:A,overlayBgColorEnd:s,overlayBgColorStart:l,parentRef:M,portalEl:u,scrollableEl:m,transitionDuration:y,zoomMargin:w,zoomZindex:O},t)))}));var h=n(14076);const y=e=>{var{center:t=!0,width:n,alt:o,src:i,className:s}=e,c=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}(e,["center","width","alt","src","className"]);return r().createElement("div",{style:{width:n||"100%"},className:a()(t&&"image_center__6-xCb",s)},r().createElement(m,null,r().createElement(h.BaseImage,Object.assign({fullWidth:!0,alt:o,src:i},c))))};y.__bit_component={id:"teambit.docs/ui/zoomable-image@1.95.0",homepage:"https://bit.dev/teambit/docs/ui/zoomable-image",exported:!0}},5702:(e,t,n)=>{"use strict";Object.defineProperty(t,"Ay",{enumerable:!0,get:function(){return o.default}});var o=r(n(69285));function r(e){return e&&e.__esModule?e:{default:e}}r.__bit_component={id:"teambit.scope/content/scope-overview@1.95.0",homepage:"https://bit.dev/teambit/scope/content/scope-overview",exported:!0}},69285:(e,t,n)=>{"use strict";var o={id:"teambit.scope/content/scope-overview@1.95.0",homepage:"https://bit.dev/teambit/scope/content/scope-overview",exported:!0};Object.defineProperty(t,"__esModule",{value:!0}),t.default=v,p(n(41594));var r=n(5016),i=n(65682),a=p(n(78199)),s=p(n(37080)),c=p(n(50758)),l=n(62233),u=["components"];function p(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},f.apply(this,arguments)}function d(e,t){if(null==e)return{};var n,o,r=m(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function m(e,t){if(null==e)return{};var n,o,r={},i=Object.keys(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}p.__bit_component=o,f.__bit_component=o,d.__bit_component=o,m.__bit_component=o;var h={},y="wrapper";function v(e){var t=e.components,n=d(e,u);return(0,r.mdx)(y,f({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(i.MDXScopeProvider,{components:{scopeImage:a.default,scopeGraph:s.default,componentTypes:c.default,Image:l.Image},mdxType:"MDXScopeProvider"},(0,r.mdx)("h1",null,"Scope Overview"),(0,r.mdx)("p",null,"Scope is a server for hosting components. Scopes help teams to share and use each other's components as by preserving team autonomy through versioning, forking, storing dependencies, and collaborate on changes of independent components.\nScopes defines ownership on components, as a single team owns the components exported to scope."),(0,r.mdx)(l.Image,{width:"70%",src:a.default,mdxType:"Image"}),(0,r.mdx)("h2",null,"Full stack of functionality"),(0,r.mdx)("p",null,"Scopes host components of any kind, from React, Angular and Node modules, all the way to a frontend apps or microservices. For a scope they are all Bit Components.",(0,r.mdx)("br",{parentName:"p"}),"\n","For example, the ",(0,r.mdx)("a",{parentName:"p",href:"https://bit.dev/teambit/mdx"},"MDX scope"),' contains all components relevant to handling MDX functionality in Bit. It exposes various types of components (or "APIs") to achieve this: Webpack loader, Node modules, React components and even a ',(0,r.mdx)("a",{parentName:"p",href:"/"},"Bit Aspect"),". This makes it easy for other teams to take leverage of MDX, not just as a feature but also as an API for their features."),(0,r.mdx)("p",null,"Scopes support various methods for using components, from adding as dependencies to runtime integrations, allowing the consumer to decide how whats the best solution for their use case."),(0,r.mdx)(l.Image,{width:"70%",src:c.default,mdxType:"Image"}),(0,r.mdx)("h2",null,"Team collaboration using components"),(0,r.mdx)("p",null,"Scopes provides visibility to components built by other teams, this is the first step towards better collaboration. Developers can find, use and depend on components by other teams. Instead of reinventing the wheel and rebuilding the same functionality, component visibility drives for collaboration. It is similar to how teams build with microservices and build team communication and collaboration by using each-other's APIs.",(0,r.mdx)("br",{parentName:"p"}),"\n","Moreover, developers can use ",(0,r.mdx)("inlineCode",{parentName:"p"},"bit import")," and access to any component's source code and contribute change to collaborate on components."),(0,r.mdx)("p",null,"Bit keeps track on all these dependencies and flows, making team collaboration visible, easy to extend and optimize."),(0,r.mdx)(l.Image,{width:"70%",src:s.default,mdxType:"Image"}),(0,r.mdx)("h2",null,"Distributed and autonomous"),(0,r.mdx)("p",null,"Hosted scopes form a distributed network, where each scope is connected to the other scopes according to component dependencies. Each scope stores not only the components it hosts, but also the dependencies of those components.",(0,r.mdx)("br",{parentName:"p"}),"\n","When you export a component, the scope then does network calls to fetch the dependencies of the component from their respective scopes. This means that each scope becomes autonomous, as it contains all the dependencies needed to its components to run. In turn this makes teams more autonomous, as they can now build and use their components without having to worry about the dependencies."),(0,r.mdx)("p",null,"Scopes use standard HTTP for inner-scope communication, however, when building a network of scopes, you need to ensure scopes are able to connect to one another to fetch dependencies."),(0,r.mdx)("h2",null,"Source of truth"),(0,r.mdx)("p",null,"Scopes become the source of truth for components. Allowing different stakeholders to collaborate and work together from the same, or from different Workspaces.\nComponents can be maintained from multiple Workspaces in parallel, while Scopes are keeping them in sync, merging changes for all ends."),(0,r.mdx)("p",null,(0,r.mdx)("inlineCode",{parentName:"p"},"bit import")," can be used to fetch component updates. Using ",(0,r.mdx)("inlineCode",{parentName:"p"},"bit import")," is similar to using ",(0,r.mdx)("inlineCode",{parentName:"p"},"git fetch")," where new objects are being fetched but not checked out in your workspace.  "),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-bash"},"$ bit import\n⡃⢐ fetching 143 components from 18 remotes. delta-only: 143, all-history: 0.\n- up to date teambit.community/ui/hero   \n- up to date teambit.community/ui/homepage/sections/distribution   \n- updated teambit.design/ui/layouts/sections/left-right   \n- updated teambit.design/ui/layouts/sections/section-group   \n- updated teambit.design/ui/layouts/sections/top-down   \n")),(0,r.mdx)("p",null,(0,r.mdx)("inlineCode",{parentName:"p"},"bit export")," is used to share component changes with others. It pushes new objects from a local Workspace to a remote Scope, allowing others to keep in sync with the latest\ncomponent changes."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-bash"},"$ bit export\nexported 8 components successfully to remote scope `community`\n"))))}v.__bit_component=o,v.isMDXComponent=!0},18666:(e,t,n)=>{"use strict";var o={id:"teambit.scope/scope@1.0.310",homepage:"https://bit.cloud/teambit/scope/scope",exported:!0};function r(){const e=i(n(41594));return r=function(){return e},e}function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,r.__bit_component=o,i.__bit_component=o;const a=()=>r().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},r().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/scope.svg"}));a.__bit_component=o,t.Logo=a},76076:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>o});const o={fullWidth:"image_fullWidth__sELLz"}},50758:(e,t,n)=>{"use strict";e.exports=n.p+"static/images/3a1072c009accd203fa8.png"},37080:(e,t,n)=>{"use strict";e.exports=n.p+"static/images/ccf5ea377e3a1a72829d.png"},78199:(e,t,n)=>{"use strict";e.exports=n.p+"static/images/aef2176d16de53259dad.png"},5016:e=>{"use strict";e.exports=MdxJsReact},41594:e=>{"use strict";e.exports=React},65682:e=>{"use strict";e.exports=TeambitMdxUiMdxScopeContext},7746:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__addDisposableResource:()=>A,__assign:()=>i,__asyncDelegator:()=>S,__asyncGenerator:()=>j,__asyncValues:()=>P,__await:()=>O,__awaiter:()=>m,__classPrivateFieldGet:()=>D,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>C,__createBinding:()=>y,__decorate:()=>s,__disposeResources:()=>B,__esDecorate:()=>l,__exportStar:()=>v,__extends:()=>r,__generator:()=>h,__importDefault:()=>M,__importStar:()=>k,__makeTemplateObject:()=>E,__metadata:()=>d,__param:()=>c,__propKey:()=>p,__read:()=>g,__rest:()=>a,__runInitializers:()=>u,__setFunctionName:()=>f,__spread:()=>_,__spreadArray:()=>x,__spreadArrays:()=>w,__values:()=>b,default:()=>N});var o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},o(e,t)};function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var i=function(){return i=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},i.apply(this,arguments)};function a(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}function s(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function c(e,t){return function(n,o){t(n,o,e)}}function l(e,t,n,o,r,i){function a(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,c=o.kind,l="getter"===c?"get":"setter"===c?"set":"value",u=!t&&e?o.static?e:e.prototype:null,p=t||(u?Object.getOwnPropertyDescriptor(u,o.name):{}),f=!1,d=n.length-1;d>=0;d--){var m={};for(var h in o)m[h]="access"===h?{}:o[h];for(var h in o.access)m.access[h]=o.access[h];m.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");i.push(a(e||null))};var y=(0,n[d])("accessor"===c?{get:p.get,set:p.set}:p[l],m);if("accessor"===c){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(s=a(y.get))&&(p.get=s),(s=a(y.set))&&(p.set=s),(s=a(y.init))&&r.unshift(s)}else(s=a(y))&&("field"===c?r.unshift(s):p[l]=s)}u&&Object.defineProperty(u,o.name,p),f=!0}function u(e,t,n){for(var o=arguments.length>2,r=0;r<t.length;r++)n=o?t[r].call(e,n):t[r].call(e);return o?n:void 0}function p(e){return"symbol"==typeof e?e:"".concat(e)}function f(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function d(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function m(e,t,n,o){return new(n||(n=Promise))((function(r,i){function a(e){try{c(o.next(e))}catch(e){i(e)}}function s(e){try{c(o.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}c((o=o.apply(e,t||[])).next())}))}function h(e,t){var n,o,r,i,a={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(s){return function(c){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;i&&(i=0,s[0]&&(a=0)),a;)try{if(n=1,o&&(r=2&s[0]?o.return:s[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,s[1])).done)return r;switch(o=0,r&&(s=[2&s[0],r.value]),s[0]){case 0:case 1:r=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,o=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((r=(r=a.trys).length>0&&r[r.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!r||s[1]>r[0]&&s[1]<r[3])){a.label=s[1];break}if(6===s[0]&&a.label<r[1]){a.label=r[1],r=s;break}if(r&&a.label<r[2]){a.label=r[2],a.ops.push(s);break}r[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],o=0}finally{n=r=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,c])}}}var y=Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]};function v(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||y(t,e,n)}function b(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],o=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function g(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,i=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}function _(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(g(arguments[t]));return e}function w(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var o=Array(e),r=0;for(t=0;t<n;t++)for(var i=arguments[t],a=0,s=i.length;a<s;a++,r++)o[r]=i[a];return o}function x(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}function O(e){return this instanceof O?(this.v=e,this):new O(e)}function j(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,r=n.apply(e,t||[]),i=[];return o={},a("next"),a("throw"),a("return",(function(e){return function(t){return Promise.resolve(t).then(e,l)}})),o[Symbol.asyncIterator]=function(){return this},o;function a(e,t){r[e]&&(o[e]=function(t){return new Promise((function(n,o){i.push([e,t,n,o])>1||s(e,t)}))},t&&(o[e]=t(o[e])))}function s(e,t){try{(n=r[e](t)).value instanceof O?Promise.resolve(n.value.v).then(c,l):u(i[0][2],n)}catch(e){u(i[0][3],e)}var n}function c(e){s("next",e)}function l(e){s("throw",e)}function u(e,t){e(t),i.shift(),i.length&&s(i[0][0],i[0][1])}}function S(e){var t,n;return t={},o("next"),o("throw",(function(e){throw e})),o("return"),t[Symbol.iterator]=function(){return this},t;function o(o,r){t[o]=e[o]?function(t){return(n=!n)?{value:O(e[o](t)),done:!1}:r?r(t):t}:r}}function P(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=b(e),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(n){t[n]=e[n]&&function(t){return new Promise((function(o,r){!function(e,t,n,o){Promise.resolve(o).then((function(t){e({value:t,done:n})}),t)}(o,r,(t=e[n](t)).done,t.value)}))}}}function E(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var T=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function k(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&y(t,e,n);return T(t,e),t}function M(e){return e&&e.__esModule?e:{default:e}}function D(e,t,n,o){if("a"===n&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?o:"a"===n?o.call(e):o?o.value:t.get(e)}function C(e,t,n,o,r){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?r.call(e,n):r?r.value=n:t.set(e,n),n}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function A(e,t,n){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var o,r;if(n){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");o=t[Symbol.asyncDispose]}if(void 0===o){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");o=t[Symbol.dispose],n&&(r=o)}if("function"!=typeof o)throw new TypeError("Object not disposable.");r&&(o=function(){try{r.call(this)}catch(e){return Promise.reject(e)}}),e.stack.push({value:t,dispose:o,async:n})}else n&&e.stack.push({async:!0});return t}var z="function"==typeof SuppressedError?SuppressedError:function(e,t,n){var o=new Error(n);return o.name="SuppressedError",o.error=e,o.suppressed=t,o};function B(e){function t(t){e.error=e.hasError?new z(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function n(){for(;e.stack.length;){var o=e.stack.pop();try{var r=o.dispose&&o.dispose.call(o.value);if(o.async)return Promise.resolve(r).then(n,(function(e){return t(e),n()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const N={__extends:r,__assign:i,__rest:a,__decorate:s,__param:c,__metadata:d,__awaiter:m,__generator:h,__createBinding:y,__exportStar:v,__values:b,__read:g,__spread:_,__spreadArrays:w,__spreadArray:x,__await:O,__asyncGenerator:j,__asyncDelegator:S,__asyncValues:P,__makeTemplateObject:E,__importStar:k,__importDefault:M,__classPrivateFieldGet:D,__classPrivateFieldSet:C,__classPrivateFieldIn:I,__addDisposableResource:A,__disposeResources:B}}},t={};function n(o){var r=t[o];if(void 0!==r)return r.exports;var i=t[o]={exports:{}};return e[o].call(i.exports,i,i.exports,n),i.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;n.g.importScripts&&(e=n.g.location+"");var t=n.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var o=t.getElementsByTagName("script");if(o.length)for(var r=o.length-1;r>-1&&(!e||!/^http(s?):/.test(e));)e=o[r--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),n.p=e})();var o={};return(()=>{"use strict";n.r(o),n.d(o,{compositions:()=>f,compositions_metadata:()=>m,overview:()=>d});var e={};n.r(e),n.d(e,{default:()=>p});var t=n(18666),r=(n(41594),n(5016)),i=n(65682),a=n(5702),s=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},c.apply(null,arguments)}var l={},u="wrapper";function p(e){var t=e.components,n=function(e,t){if(null==e)return{};var n,o,r=function(e,t){if(null==e)return{};var n={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(t.indexOf(o)>=0)continue;n[o]=e[o]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||{}.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}(e,s);return(0,r.mdx)(u,c({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(i.MDXScopeProvider,{components:{ScopeOverview:a.Ay},mdxType:"MDXScopeProvider"},(0,r.mdx)(a.Ay,{mdxType:"ScopeOverview"})))}p.isMDXComponent=!0;const f=[t],d=[e],m={compositions:[{displayName:"Logo",identifier:"Logo"}]}})(),o})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.scope/scope-preview"]=t():e["teambit.scope/scope-preview"]=t()}(self,(()=>(()=>{var e={88443:(e,t)=>{var n;!function(){"use strict";var o={}.hasOwnProperty;function r(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var i=typeof n;if("string"===i||"number"===i)e.push(n);else if(Array.isArray(n)&&n.length){var a=r.apply(null,n);a&&e.push(a)}else if("object"===i)for(var s in n)o.call(n,s)&&n[s]&&e.push(s)}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):void 0===(n=function(){return r}.apply(t,[]))||(e.exports=n)}()},69685:(e,t)=>{var n;!function(){"use strict";var o={}.hasOwnProperty;function r(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var i=typeof n;if("string"===i||"number"===i)e.push(n);else if(Array.isArray(n)){if(n.length){var a=r.apply(null,n);a&&e.push(a)}}else if("object"===i)if(n.toString===Object.prototype.toString)for(var s in n)o.call(n,s)&&n[s]&&e.push(s);else e.push(n.toString())}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):void 0===(n=function(){return r}.apply(t,[]))||(e.exports=n)}()},78552:()=>{!function(){if("undefined"!=typeof window&&"undefined"!=typeof document&&"undefined"!=typeof HTMLElement){var e=!1;try{var t=document.createElement("div");t.addEventListener("focus",(function(e){e.preventDefault(),e.stopPropagation()}),!0),t.focus(Object.defineProperty({},"preventScroll",{get:function(){e=!0}}))}catch(e){}void 0!==HTMLElement.prototype.nativeFocus||e||(HTMLElement.prototype.nativeFocus=HTMLElement.prototype.focus,HTMLElement.prototype.focus=function(e){var t=window.scrollY||window.pageYOffset;this.nativeFocus(),e&&e.preventScroll&&setTimeout((function(){window.scroll(window.scrollX||window.pageXOffset,t)}),0)})}}()},81903:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isNavigator=t.isBrowser=t.off=t.on=t.noop=void 0,t.noop=function(){},t.on=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];e&&e.addEventListener&&e.addEventListener.apply(e,t)},t.off=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];e&&e.removeEventListener&&e.removeEventListener.apply(e,t)},t.isBrowser="undefined"!=typeof window,t.isNavigator="undefined"!=typeof navigator},57793:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(41594);t.default=function(e){o.useEffect(e,[])}},87709:(e,t,n)=>{"use strict";var o=n(41594),r=n(81903),i=r.isBrowser?window:null,a=function(e){return!!e.addEventListener},s=function(e){return!!e.on};t.A=function(e,t,n,c){void 0===n&&(n=i),o.useEffect((function(){if(t&&n)return a(n)?r.on(n,e,t,c):s(n)&&n.on(e,t,c),function(){a(n)?r.off(n,e,t,c):s(n)&&n.off(e,t,c)}}),[e,t,n,JSON.stringify(c)])}},33331:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(7746),r=n(41594),i=o.__importDefault(n(93797));t.default=function(e){var t=r.useRef(0),n=r.useState(e),o=n[0],a=n[1],s=r.useCallback((function(e){cancelAnimationFrame(t.current),t.current=requestAnimationFrame((function(){a(e)}))}),[]);return i.default((function(){cancelAnimationFrame(t.current)})),[o,s]}},93797:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(7746),r=n(41594),i=o.__importDefault(n(57793));t.default=function(e){var t=r.useRef(e);t.current=e,i.default((function(){return function(){return t.current()}}))}},69200:(e,t,n)=>{"use strict";var o=n(7746),r=n(41594),i=o.__importDefault(n(33331)),a=n(81903);t.A=function(e,t){void 0===e&&(e=1/0),void 0===t&&(t=1/0);var n=i.default({width:a.isBrowser?window.innerWidth:e,height:a.isBrowser?window.innerHeight:t}),o=n[0],s=n[1];return r.useEffect((function(){if(a.isBrowser){var e=function(){s({width:window.innerWidth,height:window.innerHeight})};return a.on(window,"resize",e),function(){a.off(window,"resize",e)}}}),[]),o}},51225:function(e,t,n){"use strict";var o=this&&this.__rest||function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseImage=void 0;const i=r(n(41594)),a=r(n(88443)),s=r(n(76076));function c(e){var{alt:t,className:n,fullWidth:r}=e,c=o(e,["alt","className","fullWidth"]);return i.default.createElement("img",Object.assign({"data-bit-id":"teambit.base-ui/elements/image",alt:t},c,{className:a.default(s.default.image,r&&s.default.fullWidth,n)}))}c.__bit_component={id:"teambit.base-ui/elements/image@1.0.0",homepage:"https://bit.dev/teambit/base-ui/elements/image",exported:!0},t.BaseImage=c},14076:function(e,t,n){"use strict";var o=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n),Object.defineProperty(e,o,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),r=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||o(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),r(n(51225),t)},62233:(e,t,n)=>{"use strict";n.r(t),n.d(t,{Image:()=>y});var o=n(41594),r=n.n(o),i=n(69685),a=n.n(i);n(78552);const s=ReactDom;var c=n(87709),l=n(69200),u=n(7746),p=function(e){return e+"ms"},f={getBoundingClientRect:function(){return{height:0,left:0,top:0,width:0}},style:{transform:null}},d=(0,o.memo)((function(e){var t=e.children,n=e.closeText,i=void 0===n?"Unzoom Image":n,a=e.onUnload,d=e.onLoad,m=e.overlayBgColorEnd,h=void 0===m?"rgba(255, 255, 255, 0.95)":m,y=e.overlayBgColorStart,v=void 0===y?"rgba(255, 255, 255, 0)":y,b=e.parentRef,g=e.portalEl,_=void 0===g?document.body:g,w=e.scrollableEl,x=void 0===w?window:w,O=e.transitionDuration,j=void 0===O?300:O,S=e.zoomMargin,P=void 0===S?0:S,E=e.zoomZindex,T=void 0===E?2147483647:E,k=(0,o.useRef)(null),M=(0,o.useState)(0)[1],D=(0,o.useState)(!1),C=D[0],I=D[1],A=(0,o.useState)(!1),z=A[0],B=A[1],N=(0,l.A)(),L=N.width,R=N.height,W=(0,o.useCallback)((function(e){e.preventDefault(),B(!0)}),[]),F=(0,o.useCallback)((function(e){"Escape"!==e.key&&27!==e.keyCode||(e.stopPropagation(),B(!0))}),[]),H=(0,o.useCallback)((function(){M((function(e){return e+1})),z||B(!0)}),[z]);(0,c.A)("keydown",F,document),(0,c.A)("scroll",H,x),(0,o.useEffect)((function(){I(!0),d(),k.current&&k.current.focus({preventScroll:!0})}),[d]),(0,o.useEffect)((function(){var e=z?setTimeout(a,j):null;return function(){e&&clearTimeout(e)}}),[z,a,j]);var X=b.current||f,U=X.getBoundingClientRect(),G=U.height,Z=U.left,$=U.top,J=U.width,V=function(e){var t=e.isLoaded,n=e.isUnloading,o=e.overlayBgColorEnd,r=e.zoomZindex,i={backgroundColor:e.overlayBgColorStart,transitionDuration:p(e.transitionDuration),zIndex:r};return t&&!n&&(i.backgroundColor=o),i}({isLoaded:C,isUnloading:z,overlayBgColorEnd:h,overlayBgColorStart:v,transitionDuration:j,zoomZindex:T}),Y=function(e){var t=e.height,n=e.innerHeight,o=e.innerWidth,r=e.isLoaded,i=e.isUnloading,a=e.left,s=e.originalTransform,c=e.top,l=e.transitionDuration,f=e.width,d=e.zoomMargin,m=p(l);if(!r||i){var h=(0,u.__spreadArrays)(["scale(1)","translate(0, 0)"],s?[s]:[]).join(" ");return{height:t,left:a,top:c,transform:h,WebkitTransform:h,transitionDuration:m,width:f}}var y=function(e){var t=e.zoomMargin,n=e.innerWidth/(e.width+t),o=e.innerHeight/(e.height+t);return Math.min(n,o)}({height:t,innerWidth:o,innerHeight:n,width:f,zoomMargin:d}),v=(o/2-(a+f/2))/y,b=(n/2-(c+t/2))/y,g=(0,u.__spreadArrays)(["scale("+y+")","translate("+v+"px, "+b+"px)"],s?[s]:[]).join(" ");return{height:t,left:a,top:c,transform:g,WebkitTransform:g,transitionDuration:m,width:f}}({height:G,isLoaded:C,innerHeight:R,innerWidth:L,isUnloading:z,left:Z,originalTransform:X.style.transform,top:$,transitionDuration:j,width:J,zoomMargin:P});return(0,s.createPortal)(r().createElement("div",{"aria-modal":!0,"data-rmiz-overlay":!0,role:"dialog",style:V},r().createElement("div",{"data-rmiz-modal-content":!0,style:Y},t),r().createElement("button",{"aria-label":i,"data-rmiz-btn-close":!0,onClick:W,ref:k})),_)}));const m=(0,o.memo)((function(e){var t=e.children,n=e.closeText,i=void 0===n?"Unzoom image":n,a=e.overlayBgColorEnd,s=void 0===a?"rgba(255, 255, 255, 0.95)":a,c=e.overlayBgColorStart,l=void 0===c?"rgba(255, 255, 255, 0)":c,u=e.portalEl,p=e.openText,f=void 0===p?"Zoom image":p,m=e.scrollableEl,h=e.transitionDuration,y=void 0===h?300:h,v=e.wrapElement,b=void 0===v?"div":v,g=e.wrapStyle,_=e.zoomMargin,w=void 0===_?0:_,x=e.zoomZindex,O=void 0===x?2147483647:x,j=(0,o.useState)(!1),S=j[0],P=j[1],E=(0,o.useState)(!1),T=E[0],k=E[1],M=(0,o.useRef)(null),D=(0,o.useRef)(null),C=(0,o.useCallback)((function(e){S||(e.preventDefault(),P(!0))}),[S]),I=(0,o.useCallback)((function(){k(!0)}),[]),A=(0,o.useCallback)((function(){P(!1),k(!1),D.current&&D.current.focus({preventScroll:!0})}),[]),z=S&&T?"hidden":"visible";return r().createElement(o.StrictMode,null,r().createElement(b,{"data-rmiz-wrap":z,ref:M,style:g},t,r().createElement("button",{"aria-label":f,"data-rmiz-btn-open":!0,onClick:C,ref:D}),"undefined"!=typeof window&&S&&r().createElement(d,{closeText:i,onLoad:I,onUnload:A,overlayBgColorEnd:s,overlayBgColorStart:l,parentRef:M,portalEl:u,scrollableEl:m,transitionDuration:y,zoomMargin:w,zoomZindex:O},t)))}));var h=n(14076);const y=e=>{var{center:t=!0,width:n,alt:o,src:i,className:s}=e,c=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}(e,["center","width","alt","src","className"]);return r().createElement("div",{style:{width:n||"100%"},className:a()(t&&"image_center__6-xCb",s)},r().createElement(m,null,r().createElement(h.BaseImage,Object.assign({fullWidth:!0,alt:o,src:i},c))))};y.__bit_component={id:"teambit.docs/ui/zoomable-image@1.95.0",homepage:"https://bit.dev/teambit/docs/ui/zoomable-image",exported:!0}},5702:(e,t,n)=>{"use strict";Object.defineProperty(t,"Ay",{enumerable:!0,get:function(){return o.default}});var o=r(n(69285));function r(e){return e&&e.__esModule?e:{default:e}}r.__bit_component={id:"teambit.scope/content/scope-overview@1.95.0",homepage:"https://bit.dev/teambit/scope/content/scope-overview",exported:!0}},69285:(e,t,n)=>{"use strict";var o={id:"teambit.scope/content/scope-overview@1.95.0",homepage:"https://bit.dev/teambit/scope/content/scope-overview",exported:!0};Object.defineProperty(t,"__esModule",{value:!0}),t.default=v,p(n(41594));var r=n(5016),i=n(65682),a=p(n(78199)),s=p(n(37080)),c=p(n(50758)),l=n(62233),u=["components"];function p(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},f.apply(this,arguments)}function d(e,t){if(null==e)return{};var n,o,r=m(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function m(e,t){if(null==e)return{};var n,o,r={},i=Object.keys(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}p.__bit_component=o,f.__bit_component=o,d.__bit_component=o,m.__bit_component=o;var h={},y="wrapper";function v(e){var t=e.components,n=d(e,u);return(0,r.mdx)(y,f({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(i.MDXScopeProvider,{components:{scopeImage:a.default,scopeGraph:s.default,componentTypes:c.default,Image:l.Image},mdxType:"MDXScopeProvider"},(0,r.mdx)("h1",null,"Scope Overview"),(0,r.mdx)("p",null,"Scope is a server for hosting components. Scopes help teams to share and use each other's components as by preserving team autonomy through versioning, forking, storing dependencies, and collaborate on changes of independent components.\nScopes defines ownership on components, as a single team owns the components exported to scope."),(0,r.mdx)(l.Image,{width:"70%",src:a.default,mdxType:"Image"}),(0,r.mdx)("h2",null,"Full stack of functionality"),(0,r.mdx)("p",null,"Scopes host components of any kind, from React, Angular and Node modules, all the way to a frontend apps or microservices. For a scope they are all Bit Components.",(0,r.mdx)("br",{parentName:"p"}),"\n","For example, the ",(0,r.mdx)("a",{parentName:"p",href:"https://bit.dev/teambit/mdx"},"MDX scope"),' contains all components relevant to handling MDX functionality in Bit. It exposes various types of components (or "APIs") to achieve this: Webpack loader, Node modules, React components and even a ',(0,r.mdx)("a",{parentName:"p",href:"/"},"Bit Aspect"),". This makes it easy for other teams to take leverage of MDX, not just as a feature but also as an API for their features."),(0,r.mdx)("p",null,"Scopes support various methods for using components, from adding as dependencies to runtime integrations, allowing the consumer to decide how whats the best solution for their use case."),(0,r.mdx)(l.Image,{width:"70%",src:c.default,mdxType:"Image"}),(0,r.mdx)("h2",null,"Team collaboration using components"),(0,r.mdx)("p",null,"Scopes provides visibility to components built by other teams, this is the first step towards better collaboration. Developers can find, use and depend on components by other teams. Instead of reinventing the wheel and rebuilding the same functionality, component visibility drives for collaboration. It is similar to how teams build with microservices and build team communication and collaboration by using each-other's APIs.",(0,r.mdx)("br",{parentName:"p"}),"\n","Moreover, developers can use ",(0,r.mdx)("inlineCode",{parentName:"p"},"bit import")," and access to any component's source code and contribute change to collaborate on components."),(0,r.mdx)("p",null,"Bit keeps track on all these dependencies and flows, making team collaboration visible, easy to extend and optimize."),(0,r.mdx)(l.Image,{width:"70%",src:s.default,mdxType:"Image"}),(0,r.mdx)("h2",null,"Distributed and autonomous"),(0,r.mdx)("p",null,"Hosted scopes form a distributed network, where each scope is connected to the other scopes according to component dependencies. Each scope stores not only the components it hosts, but also the dependencies of those components.",(0,r.mdx)("br",{parentName:"p"}),"\n","When you export a component, the scope then does network calls to fetch the dependencies of the component from their respective scopes. This means that each scope becomes autonomous, as it contains all the dependencies needed to its components to run. In turn this makes teams more autonomous, as they can now build and use their components without having to worry about the dependencies."),(0,r.mdx)("p",null,"Scopes use standard HTTP for inner-scope communication, however, when building a network of scopes, you need to ensure scopes are able to connect to one another to fetch dependencies."),(0,r.mdx)("h2",null,"Source of truth"),(0,r.mdx)("p",null,"Scopes become the source of truth for components. Allowing different stakeholders to collaborate and work together from the same, or from different Workspaces.\nComponents can be maintained from multiple Workspaces in parallel, while Scopes are keeping them in sync, merging changes for all ends."),(0,r.mdx)("p",null,(0,r.mdx)("inlineCode",{parentName:"p"},"bit import")," can be used to fetch component updates. Using ",(0,r.mdx)("inlineCode",{parentName:"p"},"bit import")," is similar to using ",(0,r.mdx)("inlineCode",{parentName:"p"},"git fetch")," where new objects are being fetched but not checked out in your workspace.  "),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-bash"},"$ bit import\n⡃⢐ fetching 143 components from 18 remotes. delta-only: 143, all-history: 0.\n- up to date teambit.community/ui/hero   \n- up to date teambit.community/ui/homepage/sections/distribution   \n- updated teambit.design/ui/layouts/sections/left-right   \n- updated teambit.design/ui/layouts/sections/section-group   \n- updated teambit.design/ui/layouts/sections/top-down   \n")),(0,r.mdx)("p",null,(0,r.mdx)("inlineCode",{parentName:"p"},"bit export")," is used to share component changes with others. It pushes new objects from a local Workspace to a remote Scope, allowing others to keep in sync with the latest\ncomponent changes."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-bash"},"$ bit export\nexported 8 components successfully to remote scope `community`\n"))))}v.__bit_component=o,v.isMDXComponent=!0},43959:(e,t,n)=>{"use strict";var o={id:"teambit.scope/scope@1.0.311",homepage:"https://bit.cloud/teambit/scope/scope",exported:!0};function r(){const e=i(n(41594));return r=function(){return e},e}function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,r.__bit_component=o,i.__bit_component=o;const a=()=>r().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},r().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/scope.svg"}));a.__bit_component=o,t.Logo=a},76076:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>o});const o={fullWidth:"image_fullWidth__sELLz"}},50758:(e,t,n)=>{"use strict";e.exports=n.p+"static/images/3a1072c009accd203fa8.png"},37080:(e,t,n)=>{"use strict";e.exports=n.p+"static/images/ccf5ea377e3a1a72829d.png"},78199:(e,t,n)=>{"use strict";e.exports=n.p+"static/images/aef2176d16de53259dad.png"},5016:e=>{"use strict";e.exports=MdxJsReact},41594:e=>{"use strict";e.exports=React},65682:e=>{"use strict";e.exports=TeambitMdxUiMdxScopeContext},7746:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__addDisposableResource:()=>A,__assign:()=>i,__asyncDelegator:()=>S,__asyncGenerator:()=>j,__asyncValues:()=>P,__await:()=>O,__awaiter:()=>m,__classPrivateFieldGet:()=>D,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>C,__createBinding:()=>y,__decorate:()=>s,__disposeResources:()=>B,__esDecorate:()=>l,__exportStar:()=>v,__extends:()=>r,__generator:()=>h,__importDefault:()=>M,__importStar:()=>k,__makeTemplateObject:()=>E,__metadata:()=>d,__param:()=>c,__propKey:()=>p,__read:()=>g,__rest:()=>a,__runInitializers:()=>u,__setFunctionName:()=>f,__spread:()=>_,__spreadArray:()=>x,__spreadArrays:()=>w,__values:()=>b,default:()=>N});var o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},o(e,t)};function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var i=function(){return i=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},i.apply(this,arguments)};function a(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}function s(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function c(e,t){return function(n,o){t(n,o,e)}}function l(e,t,n,o,r,i){function a(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,c=o.kind,l="getter"===c?"get":"setter"===c?"set":"value",u=!t&&e?o.static?e:e.prototype:null,p=t||(u?Object.getOwnPropertyDescriptor(u,o.name):{}),f=!1,d=n.length-1;d>=0;d--){var m={};for(var h in o)m[h]="access"===h?{}:o[h];for(var h in o.access)m.access[h]=o.access[h];m.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");i.push(a(e||null))};var y=(0,n[d])("accessor"===c?{get:p.get,set:p.set}:p[l],m);if("accessor"===c){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(s=a(y.get))&&(p.get=s),(s=a(y.set))&&(p.set=s),(s=a(y.init))&&r.unshift(s)}else(s=a(y))&&("field"===c?r.unshift(s):p[l]=s)}u&&Object.defineProperty(u,o.name,p),f=!0}function u(e,t,n){for(var o=arguments.length>2,r=0;r<t.length;r++)n=o?t[r].call(e,n):t[r].call(e);return o?n:void 0}function p(e){return"symbol"==typeof e?e:"".concat(e)}function f(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function d(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function m(e,t,n,o){return new(n||(n=Promise))((function(r,i){function a(e){try{c(o.next(e))}catch(e){i(e)}}function s(e){try{c(o.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}c((o=o.apply(e,t||[])).next())}))}function h(e,t){var n,o,r,i,a={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(s){return function(c){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;i&&(i=0,s[0]&&(a=0)),a;)try{if(n=1,o&&(r=2&s[0]?o.return:s[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,s[1])).done)return r;switch(o=0,r&&(s=[2&s[0],r.value]),s[0]){case 0:case 1:r=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,o=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((r=(r=a.trys).length>0&&r[r.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!r||s[1]>r[0]&&s[1]<r[3])){a.label=s[1];break}if(6===s[0]&&a.label<r[1]){a.label=r[1],r=s;break}if(r&&a.label<r[2]){a.label=r[2],a.ops.push(s);break}r[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],o=0}finally{n=r=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,c])}}}var y=Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]};function v(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||y(t,e,n)}function b(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],o=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function g(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,i=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}function _(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(g(arguments[t]));return e}function w(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var o=Array(e),r=0;for(t=0;t<n;t++)for(var i=arguments[t],a=0,s=i.length;a<s;a++,r++)o[r]=i[a];return o}function x(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}function O(e){return this instanceof O?(this.v=e,this):new O(e)}function j(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,r=n.apply(e,t||[]),i=[];return o={},a("next"),a("throw"),a("return",(function(e){return function(t){return Promise.resolve(t).then(e,l)}})),o[Symbol.asyncIterator]=function(){return this},o;function a(e,t){r[e]&&(o[e]=function(t){return new Promise((function(n,o){i.push([e,t,n,o])>1||s(e,t)}))},t&&(o[e]=t(o[e])))}function s(e,t){try{(n=r[e](t)).value instanceof O?Promise.resolve(n.value.v).then(c,l):u(i[0][2],n)}catch(e){u(i[0][3],e)}var n}function c(e){s("next",e)}function l(e){s("throw",e)}function u(e,t){e(t),i.shift(),i.length&&s(i[0][0],i[0][1])}}function S(e){var t,n;return t={},o("next"),o("throw",(function(e){throw e})),o("return"),t[Symbol.iterator]=function(){return this},t;function o(o,r){t[o]=e[o]?function(t){return(n=!n)?{value:O(e[o](t)),done:!1}:r?r(t):t}:r}}function P(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=b(e),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(n){t[n]=e[n]&&function(t){return new Promise((function(o,r){!function(e,t,n,o){Promise.resolve(o).then((function(t){e({value:t,done:n})}),t)}(o,r,(t=e[n](t)).done,t.value)}))}}}function E(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var T=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function k(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&y(t,e,n);return T(t,e),t}function M(e){return e&&e.__esModule?e:{default:e}}function D(e,t,n,o){if("a"===n&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?o:"a"===n?o.call(e):o?o.value:t.get(e)}function C(e,t,n,o,r){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?r.call(e,n):r?r.value=n:t.set(e,n),n}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function A(e,t,n){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var o,r;if(n){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");o=t[Symbol.asyncDispose]}if(void 0===o){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");o=t[Symbol.dispose],n&&(r=o)}if("function"!=typeof o)throw new TypeError("Object not disposable.");r&&(o=function(){try{r.call(this)}catch(e){return Promise.reject(e)}}),e.stack.push({value:t,dispose:o,async:n})}else n&&e.stack.push({async:!0});return t}var z="function"==typeof SuppressedError?SuppressedError:function(e,t,n){var o=new Error(n);return o.name="SuppressedError",o.error=e,o.suppressed=t,o};function B(e){function t(t){e.error=e.hasError?new z(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function n(){for(;e.stack.length;){var o=e.stack.pop();try{var r=o.dispose&&o.dispose.call(o.value);if(o.async)return Promise.resolve(r).then(n,(function(e){return t(e),n()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const N={__extends:r,__assign:i,__rest:a,__decorate:s,__param:c,__metadata:d,__awaiter:m,__generator:h,__createBinding:y,__exportStar:v,__values:b,__read:g,__spread:_,__spreadArrays:w,__spreadArray:x,__await:O,__asyncGenerator:j,__asyncDelegator:S,__asyncValues:P,__makeTemplateObject:E,__importStar:k,__importDefault:M,__classPrivateFieldGet:D,__classPrivateFieldSet:C,__classPrivateFieldIn:I,__addDisposableResource:A,__disposeResources:B}}},t={};function n(o){var r=t[o];if(void 0!==r)return r.exports;var i=t[o]={exports:{}};return e[o].call(i.exports,i,i.exports,n),i.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;n.g.importScripts&&(e=n.g.location+"");var t=n.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var o=t.getElementsByTagName("script");if(o.length)for(var r=o.length-1;r>-1&&(!e||!/^http(s?):/.test(e));)e=o[r--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),n.p=e})();var o={};return(()=>{"use strict";n.r(o),n.d(o,{compositions:()=>f,compositions_metadata:()=>m,overview:()=>d});var e={};n.r(e),n.d(e,{default:()=>p});var t=n(43959),r=(n(41594),n(5016)),i=n(65682),a=n(5702),s=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},c.apply(null,arguments)}var l={},u="wrapper";function p(e){var t=e.components,n=function(e,t){if(null==e)return{};var n,o,r=function(e,t){if(null==e)return{};var n={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(t.indexOf(o)>=0)continue;n[o]=e[o]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||{}.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}(e,s);return(0,r.mdx)(u,c({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(i.MDXScopeProvider,{components:{ScopeOverview:a.Ay},mdxType:"MDXScopeProvider"},(0,r.mdx)(a.Ay,{mdxType:"ScopeOverview"})))}p.isMDXComponent=!0;const f=[t],d=[e],m={compositions:[{displayName:"Logo",identifier:"Logo"}]}})(),o})()));

package/artifacts/schema.json

@@ -100,7 +100,7 @@
                   "_legacy": {
                     "scope": "teambit.scope",
                     "name": "scope",
-                    "version": "1.0.310"
+                    "version": "1.0.311"
                   },
                   "_scope": "teambit.scope"
                 }
@@ -193,7 +193,7 @@
                   "_legacy": {
                     "scope": "teambit.scope",
                     "name": "scope",
-                    "version": "1.0.310"
+                    "version": "1.0.311"
                   },
                   "_scope": "teambit.scope"
                 }
@@ -2126,7 +2126,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register to the post-export slot.\n   */",
-                "comment": "register to the post-export slot."
+                "comment": "register to the post-export slot.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.onPostPut(postPutFn: OnPostPut): this",
               "name": "onPostPut",
@@ -2179,7 +2180,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register to the post-delete slot.\n   */",
-                "comment": "register to the post-delete slot."
+                "comment": "register to the post-delete slot.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.onPostDelete(postDeleteFn: OnPostDelete): this",
               "name": "onPostDelete",
@@ -2232,7 +2234,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register to the post-export slot.\n   */",
-                "comment": "register to the post-export slot."
+                "comment": "register to the post-export slot.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.registerOnPostExport(postExportFn: OnPostExport): this",
               "name": "registerOnPostExport",
@@ -2414,7 +2417,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * Will fetch a list of components into the current scope.\n   * This will only fetch the object and won't write the files to the actual FS\n   */",
-                "comment": "Will fetch a list of components into the current scope.\nThis will only fetch the object and won't write the files to the actual FS"
+                "comment": "Will fetch a list of components into the current scope.\nThis will only fetch the object and won't write the files to the actual FS",
+                "tags": []
               },
               "signature": "(method) ScopeMain.fetch(ids: ComponentIdList): void",
               "name": "fetch",
@@ -2741,7 +2745,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * for long-running processes, such as `bit start` or `bit watch`, it's important to keep the following data up to date:\n   * 1. scope-index (.bit/index.json file).\n   * 2. remote-refs (.bit/refs/*).\n   * 3. global config. so for example if a user logs in or out it would be reflected.\n   * it's possible that other commands (e.g. `bit import`) modified these files, while these processes are running.\n   * Because these data are kept in memory, they're not up to date anymore.\n   */",
-                "comment": "for long-running processes, such as `bit start` or `bit watch`, it's important to keep the following data up to date:\n1. scope-index (.bit/index.json file).\n2. remote-refs (.bit/refs/*).\n3. global config. so for example if a user logs in or out it would be reflected.\nit's possible that other commands (e.g. `bit import`) modified these files, while these processes are running.\nBecause these data are kept in memory, they're not up to date anymore."
+                "comment": "for long-running processes, such as `bit start` or `bit watch`, it's important to keep the following data up to date:\n1. scope-index (.bit/index.json file).\n2. remote-refs (.bit/refs/*).\n3. global config. so for example if a user logs in or out it would be reflected.\nit's possible that other commands (e.g. `bit import`) modified these files, while these processes are running.\nBecause these data are kept in memory, they're not up to date anymore.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.watchScopeInternalFiles(): Promise<void>",
               "name": "watchScopeInternalFiles",
@@ -3088,7 +3093,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * import components into the scope.\n   */",
-                "comment": "import components into the scope."
+                "comment": "import components into the scope.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.import(ids: ComponentID[], { useCache, reFetchUnBuiltVersion, preferDependencyGraph, lane, reason, }?: {\n    useCache?: boolean;\n    reFetchUnBuiltVersion?: boolean;\n    lane?: Lane;\n    preferDependencyGraph?: boolean;\n    reason?: string;\n}): Promise<void>",
               "name": "import",
@@ -3157,7 +3163,8 @@
                             "character": 7
                           },
                           "raw": "/**\n       * if the component exists locally, don't go to the server to search for updates.\n       */",
-                          "comment": "if the component exists locally, don't go to the server to search for updates."
+                          "comment": "if the component exists locally, don't go to the server to search for updates.",
+                          "tags": []
                         },
                         "signature": "(property) useCache?: boolean | undefined",
                         "name": "useCache",
@@ -3187,7 +3194,8 @@
                             "character": 7
                           },
                           "raw": "/**\n       * if the Version objects exists locally, but its `buildStatus` is Pending or Failed, reach the remote to find\n       * whether the version was already built there.\n       */",
-                          "comment": "if the Version objects exists locally, but its `buildStatus` is Pending or Failed, reach the remote to find\nwhether the version was already built there."
+                          "comment": "if the Version objects exists locally, but its `buildStatus` is Pending or Failed, reach the remote to find\nwhether the version was already built there.",
+                          "tags": []
                         },
                         "signature": "(property) reFetchUnBuiltVersion?: boolean | undefined",
                         "name": "reFetchUnBuiltVersion",
@@ -3217,7 +3225,8 @@
                             "character": 7
                           },
                           "raw": "/**\n       * if the component is on a lane, provide the lane object. the component will be fetched from the lane-scope and\n       * not from the component-scope.\n       */",
-                          "comment": "if the component is on a lane, provide the lane object. the component will be fetched from the lane-scope and\nnot from the component-scope."
+                          "comment": "if the component is on a lane, provide the lane object. the component will be fetched from the lane-scope and\nnot from the component-scope.",
+                          "tags": []
                         },
                         "signature": "(property) lane?: Lane | undefined",
                         "name": "lane",
@@ -3248,7 +3257,8 @@
                             "character": 7
                           },
                           "raw": "/**\n       * if an external is missing and the remote has it with the dependency graph, don't fetch all its dependencies\n       */",
-                          "comment": "if an external is missing and the remote has it with the dependency graph, don't fetch all its dependencies"
+                          "comment": "if an external is missing and the remote has it with the dependency graph, don't fetch all its dependencies",
+                          "tags": []
                         },
                         "signature": "(property) preferDependencyGraph?: boolean | undefined",
                         "name": "preferDependencyGraph",
@@ -3278,7 +3288,8 @@
                             "character": 7
                           },
                           "raw": "/**\n       * reason why this import is needed (to show in the terminal)\n       */",
-                          "comment": "reason why this import is needed (to show in the terminal)"
+                          "comment": "reason why this import is needed (to show in the terminal)",
+                          "tags": []
                         },
                         "signature": "(property) reason?: string | undefined",
                         "name": "reason",
@@ -3313,7 +3324,8 @@
                           "character": 7
                         },
                         "raw": "/**\n       * if the component exists locally, don't go to the server to search for updates.\n       */",
-                        "comment": "if the component exists locally, don't go to the server to search for updates."
+                        "comment": "if the component exists locally, don't go to the server to search for updates.",
+                        "tags": []
                       },
                       "signature": "(property) useCache?: boolean | undefined",
                       "name": "useCache",
@@ -3343,7 +3355,8 @@
                           "character": 7
                         },
                         "raw": "/**\n       * if the Version objects exists locally, but its `buildStatus` is Pending or Failed, reach the remote to find\n       * whether the version was already built there.\n       */",
-                        "comment": "if the Version objects exists locally, but its `buildStatus` is Pending or Failed, reach the remote to find\nwhether the version was already built there."
+                        "comment": "if the Version objects exists locally, but its `buildStatus` is Pending or Failed, reach the remote to find\nwhether the version was already built there.",
+                        "tags": []
                       },
                       "signature": "(property) reFetchUnBuiltVersion?: boolean | undefined",
                       "name": "reFetchUnBuiltVersion",
@@ -3373,7 +3386,8 @@
                           "character": 7
                         },
                         "raw": "/**\n       * if an external is missing and the remote has it with the dependency graph, don't fetch all its dependencies\n       */",
-                        "comment": "if an external is missing and the remote has it with the dependency graph, don't fetch all its dependencies"
+                        "comment": "if an external is missing and the remote has it with the dependency graph, don't fetch all its dependencies",
+                        "tags": []
                       },
                       "signature": "(property) preferDependencyGraph?: boolean | undefined",
                       "name": "preferDependencyGraph",
@@ -3403,7 +3417,8 @@
                           "character": 7
                         },
                         "raw": "/**\n       * if the component is on a lane, provide the lane object. the component will be fetched from the lane-scope and\n       * not from the component-scope.\n       */",
-                        "comment": "if the component is on a lane, provide the lane object. the component will be fetched from the lane-scope and\nnot from the component-scope."
+                        "comment": "if the component is on a lane, provide the lane object. the component will be fetched from the lane-scope and\nnot from the component-scope.",
+                        "tags": []
                       },
                       "signature": "(property) lane?: Lane | undefined",
                       "name": "lane",
@@ -3434,7 +3449,8 @@
                           "character": 7
                         },
                         "raw": "/**\n       * reason why this import is needed (to show in the terminal)\n       */",
-                        "comment": "reason why this import is needed (to show in the terminal)"
+                        "comment": "reason why this import is needed (to show in the terminal)",
+                        "tags": []
                       },
                       "signature": "(property) reason?: string | undefined",
                       "name": "reason",
@@ -3677,7 +3693,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * get a component from a remote without importing it\n   */",
-                "comment": "get a component from a remote without importing it"
+                "comment": "get a component from a remote without importing it",
+                "tags": []
               },
               "signature": "(method) ScopeMain.getRemoteComponent(id: ComponentID): Promise<Component>",
               "name": "getRemoteComponent",
@@ -3751,7 +3768,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * get a component from a remote without importing it\n   */",
-                "comment": "get a component from a remote without importing it"
+                "comment": "get a component from a remote without importing it",
+                "tags": []
               },
               "signature": "(method) ScopeMain.getManyRemoteComponents(ids: ComponentID[]): Promise<Component[]>",
               "name": "getManyRemoteComponents",
@@ -3841,7 +3859,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * list all components in the scope.\n   */",
-                "comment": "list all components in the scope."
+                "comment": "list all components in the scope.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.list(filter?: {\n    offset: number;\n    limit: number;\n    namespaces?: string[];\n}, includeCache?: boolean, includeFromLanes?: boolean, includeDeleted?: boolean): Promise<Component[]>",
               "name": "list",
@@ -4050,7 +4069,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * for now, list of invalid components are mostly useful for the workspace.\n   * in the future, this can return components that failed to load in the scope due to objects file\n   * corruption or similar issues.\n   */",
-                "comment": "for now, list of invalid components are mostly useful for the workspace.\nin the future, this can return components that failed to load in the scope due to objects file\ncorruption or similar issues."
+                "comment": "for now, list of invalid components are mostly useful for the workspace.\nin the future, this can return components that failed to load in the scope due to objects file\ncorruption or similar issues.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.listInvalid(): Promise<never[]>",
               "name": "listInvalid",
@@ -4408,7 +4428,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * determine whether a component exists in the scope.\n   */",
-                "comment": "determine whether a component exists in the scope."
+                "comment": "determine whether a component exists in the scope.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.exists(modelComponent: ModelComponent): boolean",
               "name": "exists",
@@ -4562,7 +4583,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * important! you probably want to use `getMany`, which returns the components from the scope.\n   * this method loads all aspects of the loaded components. (which hurts performance)\n   */",
-                "comment": "important! you probably want to use `getMany`, which returns the components from the scope.\nthis method loads all aspects of the loaded components. (which hurts performance)"
+                "comment": "important! you probably want to use `getMany`, which returns the components from the scope.\nthis method loads all aspects of the loaded components. (which hurts performance)",
+                "tags": []
               },
               "signature": "(method) ScopeMain.loadMany(ids: ComponentID[], lane?: Lane, opts?: LoadOptions): Promise<Component[]>",
               "name": "loadMany",
@@ -5084,7 +5106,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * get component log sorted by the timestamp in ascending order (from the earliest to the latest)\n   */",
-                "comment": "get component log sorted by the timestamp in ascending order (from the earliest to the latest)"
+                "comment": "get component log sorted by the timestamp in ascending order (from the earliest to the latest)",
+                "tags": []
               },
               "signature": "(method) ScopeMain.getLogs(id: ComponentID, shortHash?: boolean, startsFrom?: string): Promise<ComponentLog[]>",
               "name": "getLogs",
@@ -5226,7 +5249,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * whether a component is soft-removed.\n   * the version is required as it can be removed on a lane. in which case, the version is the head in the lane.\n   */",
-                "comment": "whether a component is soft-removed.\nthe version is required as it can be removed on a lane. in which case, the version is the head in the lane."
+                "comment": "whether a component is soft-removed.\nthe version is required as it can be removed on a lane. in which case, the version is the head in the lane.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.isComponentRemoved(id: ComponentID): Promise<Boolean>",
               "name": "isComponentRemoved",
@@ -5296,7 +5320,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * whether the id with the specified version exits in the local scope.\n   */",
-                "comment": "whether the id with the specified version exits in the local scope."
+                "comment": "whether the id with the specified version exits in the local scope.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.isComponentInScope(id: ComponentID): Promise<boolean>",
               "name": "isComponentInScope",
@@ -5580,6 +5605,7 @@
                   "character": 3
                 },
                 "raw": "/**\n   * @deprecated use `this.idsByPattern` instead for consistency, which supports also negation and list of patterns.\n   */",
+                "comment": "",
                 "tags": [
                   {
                     "__schema": "TagSchema",
@@ -5697,7 +5723,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * get component-ids matching the given pattern. a pattern can have multiple patterns separated by a comma.\n   * it uses multimatch (https://www.npmjs.com/package/multimatch) package for the matching algorithm, which supports\n   * (among others) negate character \"!\" to exclude ids. See the package page for more supported characters.\n   */",
-                "comment": "get component-ids matching the given pattern. a pattern can have multiple patterns separated by a comma.\nit uses multimatch (https://www.npmjs.com/package/multimatch) package for the matching algorithm, which supports\n(among others) negate character \"!\" to exclude ids. See the package page for more supported characters."
+                "comment": "get component-ids matching the given pattern. a pattern can have multiple patterns separated by a comma.\nit uses multimatch (https://www.npmjs.com/package/multimatch) package for the matching algorithm, which supports\n(among others) negate character \"!\" to exclude ids. See the package page for more supported characters.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.idsByPattern(pattern: string, throwForNoMatch?: boolean): Promise<ComponentID[]>",
               "name": "idsByPattern",
@@ -6450,6 +6477,7 @@
                   "character": 3
                 },
                 "raw": "/**\n   * @deprecated use `this.resolveComponentId` instead.\n   */",
+                "comment": "",
                 "tags": [
                   {
                     "__schema": "TagSchema",
@@ -6566,7 +6594,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * list all component ids from a remote-scope\n   */",
-                "comment": "list all component ids from a remote-scope"
+                "comment": "list all component ids from a remote-scope",
+                "tags": []
               },
               "signature": "(method) ScopeMain.listRemoteScope(scopeName: string): Promise<ComponentID[]>",
               "name": "listRemoteScope",
@@ -6724,7 +6753,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * ModelComponent is of type `BitObject` which gets saved into the local scope as an object file.\n   * It has data about the tags and the component head. It doesn't have any data about the source-files/artifacts etc.\n   */",
-                "comment": "ModelComponent is of type `BitObject` which gets saved into the local scope as an object file.\nIt has data about the tags and the component head. It doesn't have any data about the source-files/artifacts etc."
+                "comment": "ModelComponent is of type `BitObject` which gets saved into the local scope as an object file.\nIt has data about the tags and the component head. It doesn't have any data about the source-files/artifacts etc.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.getBitObjectModelComponent(id: ComponentID, throwIfNotExist?: boolean): Promise<ModelComponent | undefined>",
               "name": "getBitObjectModelComponent",
@@ -6835,7 +6865,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * Version BitObject holds the data of the source files and build artifacts of a specific snap/tag.\n   */",
-                "comment": "Version BitObject holds the data of the source files and build artifacts of a specific snap/tag."
+                "comment": "Version BitObject holds the data of the source files and build artifacts of a specific snap/tag.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.getBitObjectVersion(modelComponent: ModelComponent, version: string, throwIfNotExist?: boolean): Promise<Version | undefined>",
               "name": "getBitObjectVersion",
@@ -7063,7 +7094,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * get a component and load its aspect\n   */",
-                "comment": "get a component and load its aspect"
+                "comment": "get a component and load its aspect",
+                "tags": []
               },
               "signature": "(method) ScopeMain.load(id: ComponentID, lane?: Lane, opts?: LoadOptions): Promise<Component | undefined>",
               "name": "load",
@@ -7636,7 +7668,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * declare the slots of scope extension.\n   */",
-                "comment": "declare the slots of scope extension."
+                "comment": "declare the slots of scope extension.",
+                "tags": []
               },
               "signature": "(property) ScopeMain.slots: (((registerFn: () => string) => SlotRegistry<OnPostPut>) | ((registerFn: () => string) => SlotRegistry<OnPostObjectsPersist>) | ((registerFn: () => string) => SlotRegistry<...>) | ((registerFn: () => string) => SlotRegistry<...>))[]",
               "name": "slots",
@@ -8056,7 +8089,7 @@
                   "_legacy": {
                     "scope": "teambit.scope",
                     "name": "scope",
-                    "version": "1.0.310"
+                    "version": "1.0.311"
                   },
                   "_scope": "teambit.scope"
                 }
@@ -9040,7 +9073,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register a new badge into the scope overview.\n   */",
-                "comment": "register a new badge into the scope overview."
+                "comment": "register a new badge into the scope overview.",
+                "tags": []
               },
               "signature": "(method) ScopeUI.registerBadge(...badges: ScopeBadge[]): this",
               "name": "registerBadge",
@@ -9143,7 +9177,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register a new line beneath the scope overview section.\n   */",
-                "comment": "register a new line beneath the scope overview section."
+                "comment": "register a new line beneath the scope overview section.",
+                "tags": []
               },
               "signature": "(method) ScopeUI.registerOverviewLine(...lines: OverviewLine[]): this",
               "name": "registerOverviewLine",
@@ -9204,7 +9239,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register a route to the scope.\n   */",
-                "comment": "register a route to the scope."
+                "comment": "register a route to the scope.",
+                "tags": []
               },
               "signature": "(method) ScopeUI.registerRoutes(routes: RouteProps[]): this",
               "name": "registerRoutes",
@@ -9452,7 +9488,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register a scope overview.\n   */",
-                "comment": "register a scope overview."
+                "comment": "register a scope overview.",
+                "tags": []
               },
               "signature": "(method) ScopeUI.replaceOverview(): void",
               "name": "replaceOverview",
@@ -9483,7 +9520,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register description.\n   */",
-                "comment": "register description."
+                "comment": "register description.",
+                "tags": []
               },
               "signature": "(method) ScopeUI.replaceDescription(): void",
               "name": "replaceDescription",
@@ -9514,7 +9552,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register metadata section.\n   */",
-                "comment": "register metadata section."
+                "comment": "register metadata section.",
+                "tags": []
               },
               "signature": "(method) ScopeUI.replaceMetadataSection(): void",
               "name": "replaceMetadataSection",
@@ -9545,7 +9584,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register a metadata item.\n   */",
-                "comment": "register a metadata item."
+                "comment": "register a metadata item.",
+                "tags": []
               },
               "signature": "(method) ScopeUI.registerMetadataItem(): void",
               "name": "registerMetadataItem",
@@ -9597,7 +9637,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register metadata.\n   */",
-                "comment": "register metadata."
+                "comment": "register metadata.",
+                "tags": []
               },
               "signature": "(method) ScopeUI.registerMetadata(): void",
               "name": "registerMetadata",
@@ -9628,7 +9669,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * add a new context to the scope.\n   */",
-                "comment": "add a new context to the scope."
+                "comment": "add a new context to the scope.",
+                "tags": []
               },
               "signature": "(method) ScopeUI.addContext(...context: ScopeContextType[]): this",
               "name": "addContext",
@@ -9710,7 +9752,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register a sidebar Widget for the scope\n   */",
-                "comment": "register a sidebar Widget for the scope"
+                "comment": "register a sidebar Widget for the scope",
+                "tags": []
               },
               "signature": "(property) ScopeUI.registerSidebarWidget: (componentTreeNodes: ComponentTreeNode[]) => this",
               "name": "registerSidebarWidget",
@@ -9741,7 +9784,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register a sidebar link to the section above the drawers\n   */",
-                "comment": "register a sidebar link to the section above the drawers"
+                "comment": "register a sidebar link to the section above the drawers",
+                "tags": []
               },
               "signature": "(property) ScopeUI.registerSidebarLink: (...links: SidebarItem[]) => void",
               "name": "registerSidebarLink",
@@ -9793,7 +9837,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register component filters\n   */",
-                "comment": "register component filters"
+                "comment": "register component filters",
+                "tags": []
               },
               "signature": "(property) ScopeUI.registerDrawerComponentFilters: (filters: ComponentFilters) => void",
               "name": "registerDrawerComponentFilters",
@@ -10219,7 +10264,8 @@
                   "character": 3
                 },
                 "raw": "/** registers available components */",
-                "comment": "registers available components"
+                "comment": "registers available components",
+                "tags": []
               },
               "signature": "(property) ScopeUI.setComponents: (components: ComponentModel[]) => void",
               "name": "setComponents",
@@ -10924,7 +10970,7 @@
                   "_legacy": {
                     "scope": "teambit.scope",
                     "name": "scope",
-                    "version": "1.0.310"
+                    "version": "1.0.311"
                   },
                   "_scope": "teambit.scope"
                 }
@@ -11877,7 +11923,8 @@
                     "character": 3
                   },
                   "raw": "/**\n   * In case the component we are loading is app, whether to load it as app (in a scope aspects capsule)\n   */",
-                  "comment": "In case the component we are loading is app, whether to load it as app (in a scope aspects capsule)"
+                  "comment": "In case the component we are loading is app, whether to load it as app (in a scope aspects capsule)",
+                  "tags": []
                 },
                 "signature": "(property) loadApps?: boolean | undefined",
                 "name": "loadApps",
@@ -11907,7 +11954,8 @@
                     "character": 3
                   },
                   "raw": "/**\n   * In case the component we are loading is env, whether to load it as env (in a scope aspects capsule)\n   */",
-                  "comment": "In case the component we are loading is env, whether to load it as env (in a scope aspects capsule)"
+                  "comment": "In case the component we are loading is env, whether to load it as env (in a scope aspects capsule)",
+                  "tags": []
                 },
                 "signature": "(property) loadEnvs?: boolean | undefined",
                 "name": "loadEnvs",
@@ -12037,7 +12085,8 @@
                     "character": 3
                   },
                   "raw": "/**\n   * Set a different package manager for the aspects capsules\n   */",
-                  "comment": "Set a different package manager for the aspects capsules"
+                  "comment": "Set a different package manager for the aspects capsules",
+                  "tags": []
                 },
                 "signature": "(property) aspectsPackageManager?: string | undefined",
                 "name": "aspectsPackageManager",
@@ -12067,7 +12116,8 @@
                     "character": 3
                   },
                   "raw": "/**\n   * Set a different node linker for the aspects capsules\n   */",
-                  "comment": "Set a different node linker for the aspects capsules"
+                  "comment": "Set a different node linker for the aspects capsules",
+                  "tags": []
                 },
                 "signature": "(property) aspectsNodeLinker?: NodeLinker | undefined",
                 "name": "aspectsNodeLinker",
@@ -13926,7 +13976,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register to the post-export slot.\n   */",
-                "comment": "register to the post-export slot."
+                "comment": "register to the post-export slot.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.onPostPut(postPutFn: OnPostPut): this",
               "name": "onPostPut",
@@ -13979,7 +14030,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register to the post-delete slot.\n   */",
-                "comment": "register to the post-delete slot."
+                "comment": "register to the post-delete slot.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.onPostDelete(postDeleteFn: OnPostDelete): this",
               "name": "onPostDelete",
@@ -14032,7 +14084,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register to the post-export slot.\n   */",
-                "comment": "register to the post-export slot."
+                "comment": "register to the post-export slot.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.registerOnPostExport(postExportFn: OnPostExport): this",
               "name": "registerOnPostExport",
@@ -14214,7 +14267,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * Will fetch a list of components into the current scope.\n   * This will only fetch the object and won't write the files to the actual FS\n   */",
-                "comment": "Will fetch a list of components into the current scope.\nThis will only fetch the object and won't write the files to the actual FS"
+                "comment": "Will fetch a list of components into the current scope.\nThis will only fetch the object and won't write the files to the actual FS",
+                "tags": []
               },
               "signature": "(method) ScopeMain.fetch(ids: ComponentIdList): void",
               "name": "fetch",
@@ -14541,7 +14595,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * for long-running processes, such as `bit start` or `bit watch`, it's important to keep the following data up to date:\n   * 1. scope-index (.bit/index.json file).\n   * 2. remote-refs (.bit/refs/*).\n   * 3. global config. so for example if a user logs in or out it would be reflected.\n   * it's possible that other commands (e.g. `bit import`) modified these files, while these processes are running.\n   * Because these data are kept in memory, they're not up to date anymore.\n   */",
-                "comment": "for long-running processes, such as `bit start` or `bit watch`, it's important to keep the following data up to date:\n1. scope-index (.bit/index.json file).\n2. remote-refs (.bit/refs/*).\n3. global config. so for example if a user logs in or out it would be reflected.\nit's possible that other commands (e.g. `bit import`) modified these files, while these processes are running.\nBecause these data are kept in memory, they're not up to date anymore."
+                "comment": "for long-running processes, such as `bit start` or `bit watch`, it's important to keep the following data up to date:\n1. scope-index (.bit/index.json file).\n2. remote-refs (.bit/refs/*).\n3. global config. so for example if a user logs in or out it would be reflected.\nit's possible that other commands (e.g. `bit import`) modified these files, while these processes are running.\nBecause these data are kept in memory, they're not up to date anymore.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.watchScopeInternalFiles(): Promise<void>",
               "name": "watchScopeInternalFiles",
@@ -14888,7 +14943,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * import components into the scope.\n   */",
-                "comment": "import components into the scope."
+                "comment": "import components into the scope.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.import(ids: ComponentID[], { useCache, reFetchUnBuiltVersion, preferDependencyGraph, lane, reason, }?: {\n    useCache?: boolean;\n    reFetchUnBuiltVersion?: boolean;\n    lane?: Lane;\n    preferDependencyGraph?: boolean;\n    reason?: string;\n}): Promise<void>",
               "name": "import",
@@ -14957,7 +15013,8 @@
                             "character": 7
                           },
                           "raw": "/**\n       * if the component exists locally, don't go to the server to search for updates.\n       */",
-                          "comment": "if the component exists locally, don't go to the server to search for updates."
+                          "comment": "if the component exists locally, don't go to the server to search for updates.",
+                          "tags": []
                         },
                         "signature": "(property) useCache?: boolean | undefined",
                         "name": "useCache",
@@ -14987,7 +15044,8 @@
                             "character": 7
                           },
                           "raw": "/**\n       * if the Version objects exists locally, but its `buildStatus` is Pending or Failed, reach the remote to find\n       * whether the version was already built there.\n       */",
-                          "comment": "if the Version objects exists locally, but its `buildStatus` is Pending or Failed, reach the remote to find\nwhether the version was already built there."
+                          "comment": "if the Version objects exists locally, but its `buildStatus` is Pending or Failed, reach the remote to find\nwhether the version was already built there.",
+                          "tags": []
                         },
                         "signature": "(property) reFetchUnBuiltVersion?: boolean | undefined",
                         "name": "reFetchUnBuiltVersion",
@@ -15017,7 +15075,8 @@
                             "character": 7
                           },
                           "raw": "/**\n       * if the component is on a lane, provide the lane object. the component will be fetched from the lane-scope and\n       * not from the component-scope.\n       */",
-                          "comment": "if the component is on a lane, provide the lane object. the component will be fetched from the lane-scope and\nnot from the component-scope."
+                          "comment": "if the component is on a lane, provide the lane object. the component will be fetched from the lane-scope and\nnot from the component-scope.",
+                          "tags": []
                         },
                         "signature": "(property) lane?: Lane | undefined",
                         "name": "lane",
@@ -15048,7 +15107,8 @@
                             "character": 7
                           },
                           "raw": "/**\n       * if an external is missing and the remote has it with the dependency graph, don't fetch all its dependencies\n       */",
-                          "comment": "if an external is missing and the remote has it with the dependency graph, don't fetch all its dependencies"
+                          "comment": "if an external is missing and the remote has it with the dependency graph, don't fetch all its dependencies",
+                          "tags": []
                         },
                         "signature": "(property) preferDependencyGraph?: boolean | undefined",
                         "name": "preferDependencyGraph",
@@ -15078,7 +15138,8 @@
                             "character": 7
                           },
                           "raw": "/**\n       * reason why this import is needed (to show in the terminal)\n       */",
-                          "comment": "reason why this import is needed (to show in the terminal)"
+                          "comment": "reason why this import is needed (to show in the terminal)",
+                          "tags": []
                         },
                         "signature": "(property) reason?: string | undefined",
                         "name": "reason",
@@ -15113,7 +15174,8 @@
                           "character": 7
                         },
                         "raw": "/**\n       * if the component exists locally, don't go to the server to search for updates.\n       */",
-                        "comment": "if the component exists locally, don't go to the server to search for updates."
+                        "comment": "if the component exists locally, don't go to the server to search for updates.",
+                        "tags": []
                       },
                       "signature": "(property) useCache?: boolean | undefined",
                       "name": "useCache",
@@ -15143,7 +15205,8 @@
                           "character": 7
                         },
                         "raw": "/**\n       * if the Version objects exists locally, but its `buildStatus` is Pending or Failed, reach the remote to find\n       * whether the version was already built there.\n       */",
-                        "comment": "if the Version objects exists locally, but its `buildStatus` is Pending or Failed, reach the remote to find\nwhether the version was already built there."
+                        "comment": "if the Version objects exists locally, but its `buildStatus` is Pending or Failed, reach the remote to find\nwhether the version was already built there.",
+                        "tags": []
                       },
                       "signature": "(property) reFetchUnBuiltVersion?: boolean | undefined",
                       "name": "reFetchUnBuiltVersion",
@@ -15173,7 +15236,8 @@
                           "character": 7
                         },
                         "raw": "/**\n       * if an external is missing and the remote has it with the dependency graph, don't fetch all its dependencies\n       */",
-                        "comment": "if an external is missing and the remote has it with the dependency graph, don't fetch all its dependencies"
+                        "comment": "if an external is missing and the remote has it with the dependency graph, don't fetch all its dependencies",
+                        "tags": []
                       },
                       "signature": "(property) preferDependencyGraph?: boolean | undefined",
                       "name": "preferDependencyGraph",
@@ -15203,7 +15267,8 @@
                           "character": 7
                         },
                         "raw": "/**\n       * if the component is on a lane, provide the lane object. the component will be fetched from the lane-scope and\n       * not from the component-scope.\n       */",
-                        "comment": "if the component is on a lane, provide the lane object. the component will be fetched from the lane-scope and\nnot from the component-scope."
+                        "comment": "if the component is on a lane, provide the lane object. the component will be fetched from the lane-scope and\nnot from the component-scope.",
+                        "tags": []
                       },
                       "signature": "(property) lane?: Lane | undefined",
                       "name": "lane",
@@ -15234,7 +15299,8 @@
                           "character": 7
                         },
                         "raw": "/**\n       * reason why this import is needed (to show in the terminal)\n       */",
-                        "comment": "reason why this import is needed (to show in the terminal)"
+                        "comment": "reason why this import is needed (to show in the terminal)",
+                        "tags": []
                       },
                       "signature": "(property) reason?: string | undefined",
                       "name": "reason",
@@ -15477,7 +15543,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * get a component from a remote without importing it\n   */",
-                "comment": "get a component from a remote without importing it"
+                "comment": "get a component from a remote without importing it",
+                "tags": []
               },
               "signature": "(method) ScopeMain.getRemoteComponent(id: ComponentID): Promise<Component>",
               "name": "getRemoteComponent",
@@ -15551,7 +15618,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * get a component from a remote without importing it\n   */",
-                "comment": "get a component from a remote without importing it"
+                "comment": "get a component from a remote without importing it",
+                "tags": []
               },
               "signature": "(method) ScopeMain.getManyRemoteComponents(ids: ComponentID[]): Promise<Component[]>",
               "name": "getManyRemoteComponents",
@@ -15641,7 +15709,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * list all components in the scope.\n   */",
-                "comment": "list all components in the scope."
+                "comment": "list all components in the scope.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.list(filter?: {\n    offset: number;\n    limit: number;\n    namespaces?: string[];\n}, includeCache?: boolean, includeFromLanes?: boolean, includeDeleted?: boolean): Promise<Component[]>",
               "name": "list",
@@ -15850,7 +15919,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * for now, list of invalid components are mostly useful for the workspace.\n   * in the future, this can return components that failed to load in the scope due to objects file\n   * corruption or similar issues.\n   */",
-                "comment": "for now, list of invalid components are mostly useful for the workspace.\nin the future, this can return components that failed to load in the scope due to objects file\ncorruption or similar issues."
+                "comment": "for now, list of invalid components are mostly useful for the workspace.\nin the future, this can return components that failed to load in the scope due to objects file\ncorruption or similar issues.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.listInvalid(): Promise<never[]>",
               "name": "listInvalid",
@@ -16208,7 +16278,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * determine whether a component exists in the scope.\n   */",
-                "comment": "determine whether a component exists in the scope."
+                "comment": "determine whether a component exists in the scope.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.exists(modelComponent: ModelComponent): boolean",
               "name": "exists",
@@ -16362,7 +16433,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * important! you probably want to use `getMany`, which returns the components from the scope.\n   * this method loads all aspects of the loaded components. (which hurts performance)\n   */",
-                "comment": "important! you probably want to use `getMany`, which returns the components from the scope.\nthis method loads all aspects of the loaded components. (which hurts performance)"
+                "comment": "important! you probably want to use `getMany`, which returns the components from the scope.\nthis method loads all aspects of the loaded components. (which hurts performance)",
+                "tags": []
               },
               "signature": "(method) ScopeMain.loadMany(ids: ComponentID[], lane?: Lane, opts?: LoadOptions): Promise<Component[]>",
               "name": "loadMany",
@@ -16884,7 +16956,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * get component log sorted by the timestamp in ascending order (from the earliest to the latest)\n   */",
-                "comment": "get component log sorted by the timestamp in ascending order (from the earliest to the latest)"
+                "comment": "get component log sorted by the timestamp in ascending order (from the earliest to the latest)",
+                "tags": []
               },
               "signature": "(method) ScopeMain.getLogs(id: ComponentID, shortHash?: boolean, startsFrom?: string): Promise<ComponentLog[]>",
               "name": "getLogs",
@@ -17026,7 +17099,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * whether a component is soft-removed.\n   * the version is required as it can be removed on a lane. in which case, the version is the head in the lane.\n   */",
-                "comment": "whether a component is soft-removed.\nthe version is required as it can be removed on a lane. in which case, the version is the head in the lane."
+                "comment": "whether a component is soft-removed.\nthe version is required as it can be removed on a lane. in which case, the version is the head in the lane.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.isComponentRemoved(id: ComponentID): Promise<Boolean>",
               "name": "isComponentRemoved",
@@ -17096,7 +17170,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * whether the id with the specified version exits in the local scope.\n   */",
-                "comment": "whether the id with the specified version exits in the local scope."
+                "comment": "whether the id with the specified version exits in the local scope.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.isComponentInScope(id: ComponentID): Promise<boolean>",
               "name": "isComponentInScope",
@@ -17380,6 +17455,7 @@
                   "character": 3
                 },
                 "raw": "/**\n   * @deprecated use `this.idsByPattern` instead for consistency, which supports also negation and list of patterns.\n   */",
+                "comment": "",
                 "tags": [
                   {
                     "__schema": "TagSchema",
@@ -17497,7 +17573,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * get component-ids matching the given pattern. a pattern can have multiple patterns separated by a comma.\n   * it uses multimatch (https://www.npmjs.com/package/multimatch) package for the matching algorithm, which supports\n   * (among others) negate character \"!\" to exclude ids. See the package page for more supported characters.\n   */",
-                "comment": "get component-ids matching the given pattern. a pattern can have multiple patterns separated by a comma.\nit uses multimatch (https://www.npmjs.com/package/multimatch) package for the matching algorithm, which supports\n(among others) negate character \"!\" to exclude ids. See the package page for more supported characters."
+                "comment": "get component-ids matching the given pattern. a pattern can have multiple patterns separated by a comma.\nit uses multimatch (https://www.npmjs.com/package/multimatch) package for the matching algorithm, which supports\n(among others) negate character \"!\" to exclude ids. See the package page for more supported characters.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.idsByPattern(pattern: string, throwForNoMatch?: boolean): Promise<ComponentID[]>",
               "name": "idsByPattern",
@@ -18250,6 +18327,7 @@
                   "character": 3
                 },
                 "raw": "/**\n   * @deprecated use `this.resolveComponentId` instead.\n   */",
+                "comment": "",
                 "tags": [
                   {
                     "__schema": "TagSchema",
@@ -18366,7 +18444,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * list all component ids from a remote-scope\n   */",
-                "comment": "list all component ids from a remote-scope"
+                "comment": "list all component ids from a remote-scope",
+                "tags": []
               },
               "signature": "(method) ScopeMain.listRemoteScope(scopeName: string): Promise<ComponentID[]>",
               "name": "listRemoteScope",
@@ -18524,7 +18603,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * ModelComponent is of type `BitObject` which gets saved into the local scope as an object file.\n   * It has data about the tags and the component head. It doesn't have any data about the source-files/artifacts etc.\n   */",
-                "comment": "ModelComponent is of type `BitObject` which gets saved into the local scope as an object file.\nIt has data about the tags and the component head. It doesn't have any data about the source-files/artifacts etc."
+                "comment": "ModelComponent is of type `BitObject` which gets saved into the local scope as an object file.\nIt has data about the tags and the component head. It doesn't have any data about the source-files/artifacts etc.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.getBitObjectModelComponent(id: ComponentID, throwIfNotExist?: boolean): Promise<ModelComponent | undefined>",
               "name": "getBitObjectModelComponent",
@@ -18635,7 +18715,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * Version BitObject holds the data of the source files and build artifacts of a specific snap/tag.\n   */",
-                "comment": "Version BitObject holds the data of the source files and build artifacts of a specific snap/tag."
+                "comment": "Version BitObject holds the data of the source files and build artifacts of a specific snap/tag.",
+                "tags": []
               },
               "signature": "(method) ScopeMain.getBitObjectVersion(modelComponent: ModelComponent, version: string, throwIfNotExist?: boolean): Promise<Version | undefined>",
               "name": "getBitObjectVersion",
@@ -18863,7 +18944,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * get a component and load its aspect\n   */",
-                "comment": "get a component and load its aspect"
+                "comment": "get a component and load its aspect",
+                "tags": []
               },
               "signature": "(method) ScopeMain.load(id: ComponentID, lane?: Lane, opts?: LoadOptions): Promise<Component | undefined>",
               "name": "load",
@@ -19436,7 +19518,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * declare the slots of scope extension.\n   */",
-                "comment": "declare the slots of scope extension."
+                "comment": "declare the slots of scope extension.",
+                "tags": []
               },
               "signature": "(property) ScopeMain.slots: (((registerFn: () => string) => SlotRegistry<OnPostPut>) | ((registerFn: () => string) => SlotRegistry<OnPostObjectsPersist>) | ((registerFn: () => string) => SlotRegistry<...>) | ((registerFn: () => string) => SlotRegistry<...>))[]",
               "name": "slots",
@@ -19856,7 +19939,7 @@
                   "_legacy": {
                     "scope": "teambit.scope",
                     "name": "scope",
-                    "version": "1.0.310"
+                    "version": "1.0.311"
                   },
                   "_scope": "teambit.scope"
                 }
@@ -22160,7 +22243,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register a new badge into the scope overview.\n   */",
-                "comment": "register a new badge into the scope overview."
+                "comment": "register a new badge into the scope overview.",
+                "tags": []
               },
               "signature": "(method) ScopeUI.registerBadge(...badges: ScopeBadge[]): this",
               "name": "registerBadge",
@@ -22263,7 +22347,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register a new line beneath the scope overview section.\n   */",
-                "comment": "register a new line beneath the scope overview section."
+                "comment": "register a new line beneath the scope overview section.",
+                "tags": []
               },
               "signature": "(method) ScopeUI.registerOverviewLine(...lines: OverviewLine[]): this",
               "name": "registerOverviewLine",
@@ -22324,7 +22409,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register a route to the scope.\n   */",
-                "comment": "register a route to the scope."
+                "comment": "register a route to the scope.",
+                "tags": []
               },
               "signature": "(method) ScopeUI.registerRoutes(routes: RouteProps[]): this",
               "name": "registerRoutes",
@@ -22572,7 +22658,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register a scope overview.\n   */",
-                "comment": "register a scope overview."
+                "comment": "register a scope overview.",
+                "tags": []
               },
               "signature": "(method) ScopeUI.replaceOverview(): void",
               "name": "replaceOverview",
@@ -22603,7 +22690,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register description.\n   */",
-                "comment": "register description."
+                "comment": "register description.",
+                "tags": []
               },
               "signature": "(method) ScopeUI.replaceDescription(): void",
               "name": "replaceDescription",
@@ -22634,7 +22722,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register metadata section.\n   */",
-                "comment": "register metadata section."
+                "comment": "register metadata section.",
+                "tags": []
               },
               "signature": "(method) ScopeUI.replaceMetadataSection(): void",
               "name": "replaceMetadataSection",
@@ -22665,7 +22754,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register a metadata item.\n   */",
-                "comment": "register a metadata item."
+                "comment": "register a metadata item.",
+                "tags": []
               },
               "signature": "(method) ScopeUI.registerMetadataItem(): void",
               "name": "registerMetadataItem",
@@ -22717,7 +22807,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register metadata.\n   */",
-                "comment": "register metadata."
+                "comment": "register metadata.",
+                "tags": []
               },
               "signature": "(method) ScopeUI.registerMetadata(): void",
               "name": "registerMetadata",
@@ -22748,7 +22839,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * add a new context to the scope.\n   */",
-                "comment": "add a new context to the scope."
+                "comment": "add a new context to the scope.",
+                "tags": []
               },
               "signature": "(method) ScopeUI.addContext(...context: ScopeContextType[]): this",
               "name": "addContext",
@@ -22830,7 +22922,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register a sidebar Widget for the scope\n   */",
-                "comment": "register a sidebar Widget for the scope"
+                "comment": "register a sidebar Widget for the scope",
+                "tags": []
               },
               "signature": "(property) ScopeUI.registerSidebarWidget: (componentTreeNodes: ComponentTreeNode[]) => this",
               "name": "registerSidebarWidget",
@@ -22861,7 +22954,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register a sidebar link to the section above the drawers\n   */",
-                "comment": "register a sidebar link to the section above the drawers"
+                "comment": "register a sidebar link to the section above the drawers",
+                "tags": []
               },
               "signature": "(property) ScopeUI.registerSidebarLink: (...links: SidebarItem[]) => void",
               "name": "registerSidebarLink",
@@ -22913,7 +23007,8 @@
                   "character": 3
                 },
                 "raw": "/**\n   * register component filters\n   */",
-                "comment": "register component filters"
+                "comment": "register component filters",
+                "tags": []
               },
               "signature": "(property) ScopeUI.registerDrawerComponentFilters: (filters: ComponentFilters) => void",
               "name": "registerDrawerComponentFilters",
@@ -23339,7 +23434,8 @@
                   "character": 3
                 },
                 "raw": "/** registers available components */",
-                "comment": "registers available components"
+                "comment": "registers available components",
+                "tags": []
               },
               "signature": "(property) ScopeUI.setComponents: (components: ComponentModel[]) => void",
               "name": "setComponents",
@@ -23803,7 +23899,7 @@
   "componentId": {
     "scope": "teambit.scope",
     "name": "scope",
-    "version": "1.0.310"
+    "version": "1.0.311"
   },
   "taggedModuleExports": []
 }

package/dist/{preview-1718853656395.js → preview-1719137078208.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.scope_scope@1.0.310/dist/scope.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.scope_scope@1.0.310/dist/scope.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.scope_scope@1.0.311/dist/scope.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.scope_scope@1.0.311/dist/scope.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/scope",
-  "version": "1.0.310",
+  "version": "1.0.311",
   "homepage": "https://bit.cloud/teambit/scope/scope",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.scope",
     "name": "scope",
-    "version": "1.0.310"
+    "version": "1.0.311"
   },
   "dependencies": {
     "fs-extra": "10.0.0",
@@ -50,34 +50,34 @@
     "@teambit/component.modules.component-url": "0.0.167",
     "@teambit/scope.models.scope-model": "0.0.510",
     "@teambit/scope.ui.hooks.scope-context": "0.0.504",
-    "@teambit/aspect-loader": "1.0.310",
-    "@teambit/cli": "0.0.887",
-    "@teambit/compiler": "1.0.310",
-    "@teambit/component": "1.0.310",
-    "@teambit/dependency-resolver": "1.0.310",
-    "@teambit/envs": "1.0.310",
-    "@teambit/global-config": "0.0.890",
+    "@teambit/aspect-loader": "1.0.311",
+    "@teambit/cli": "0.0.888",
+    "@teambit/compiler": "1.0.311",
+    "@teambit/component": "1.0.311",
+    "@teambit/dependency-resolver": "1.0.311",
+    "@teambit/envs": "1.0.311",
+    "@teambit/global-config": "0.0.891",
     "@teambit/harmony.modules.requireable-component": "0.0.497",
-    "@teambit/isolator": "1.0.310",
-    "@teambit/logger": "0.0.980",
+    "@teambit/isolator": "1.0.311",
+    "@teambit/logger": "0.0.981",
     "@teambit/legacy-component-log": "0.0.403",
-    "@teambit/builder": "1.0.310",
-    "@teambit/express": "0.0.986",
-    "@teambit/graph": "1.0.310",
-    "@teambit/graphql": "1.0.310",
-    "@teambit/ui": "1.0.310",
+    "@teambit/builder": "1.0.311",
+    "@teambit/express": "0.0.987",
+    "@teambit/graph": "1.0.311",
+    "@teambit/graphql": "1.0.311",
+    "@teambit/ui": "1.0.311",
     "@teambit/workspace.modules.match-pattern": "0.0.505",
     "@teambit/component.ui.component-drawer": "0.0.401",
     "@teambit/lanes.hooks.use-lane-components": "0.0.264",
     "@teambit/lanes.hooks.use-lanes": "0.0.264",
     "@teambit/lanes.ui.models.lanes-model": "0.0.216",
-    "@teambit/command-bar": "1.0.310",
-    "@teambit/component-tree": "1.0.310",
+    "@teambit/command-bar": "1.0.311",
+    "@teambit/component-tree": "1.0.311",
     "@teambit/component.ui.component-filters.component-filter-context": "0.0.222",
     "@teambit/component.ui.component-filters.deprecate-filter": "0.0.220",
     "@teambit/component.ui.component-filters.env-filter": "0.0.230",
     "@teambit/component.ui.component-filters.show-main-filter": "0.0.213",
-    "@teambit/sidebar": "1.0.310",
+    "@teambit/sidebar": "1.0.311",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.509",
     "@teambit/ui-foundation.ui.buttons.collapser": "0.0.222",
     "@teambit/component-descriptor": "0.0.421",