@teambit/mdx 0.0.831 → 0.0.832

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,8 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
2
  <testsuites>
3
- <testsuite name="teambit.mdx/mdx@0.0.831" timestamp="2022-09-12T14:10:56.672Z" tests="4" failures="0" errors="0" skipped="0">
4
- <testcase classname="mdx.detector.spec.js" name="should correctly detect default import" time="0.78"/>
5
- <testcase classname="mdx.detector.spec.js" name="should correctly detect star import" time="0.012"/>
3
+ <testsuite name="teambit.mdx/mdx@0.0.832" timestamp="2022-09-13T12:15:00.272Z" tests="4" failures="0" errors="0" skipped="0">
4
+ <testcase classname="mdx.detector.spec.js" name="should correctly detect default import" time="0.964"/>
5
+ <testcase classname="mdx.detector.spec.js" name="should correctly detect star import" time="0.011"/>
6
6
  <testcase classname="mdx.detector.spec.js" name="should correctly detect named import" time="0.01"/>
7
7
  <testcase classname="mdx.detector.spec.js" name="should correctly detect import with no identifier" time="0.007"/>
8
8
  </testsuite>
@@ -98,7 +98,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
98
98
  }
99
99
  }
100
100
  }
101
- `;function useComponentHost(){const{data,loading}=(0,_uiFoundationUiHooks().useDataQuery)(COMPONENT_HOST);return!data||loading?{}:{host:_componentHostModel().ComponentHostModel.from(data)}}},68211:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AspectData",{enumerable:!0,get:function(){return _aspectEntry().AspectData}}),Object.defineProperty(exports,"AspectEntry",{enumerable:!0,get:function(){return _aspectEntry().AspectEntry}}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component2().Component}}),Object.defineProperty(exports,"ComponentAspect",{enumerable:!0,get:function(){return _component().ComponentAspect}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _context().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentFS",{enumerable:!0,get:function(){return _componentFs().default}}),Object.defineProperty(exports,"ComponentID",{enumerable:!0,get:function(){return _componentId().ComponentID}}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"ComponentUrlParams",{enumerable:!0,get:function(){return _component3().ComponentUrlParams}}),Object.defineProperty(exports,"Config",{enumerable:!0,get:function(){return _config().default}}),Object.defineProperty(exports,"ConsumePlugin",{enumerable:!0,get:function(){return _menu().ConsumePlugin}}),Object.defineProperty(exports,"InvalidComponent",{enumerable:!0,get:function(){return _component2().InvalidComponent}}),Object.defineProperty(exports,"RegisteredComponentRoute",{enumerable:!0,get:function(){return _component3().RegisteredComponentRoute}}),Object.defineProperty(exports,"ResolveComponentIdFunc",{enumerable:!0,get:function(){return _aspectEntry().ResolveComponentIdFunc}}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return _section().Section}}),Object.defineProperty(exports,"Snap",{enumerable:!0,get:function(){return _snap().Snap}}),Object.defineProperty(exports,"SnapProps",{enumerable:!0,get:function(){return _snap().SnapProps}}),Object.defineProperty(exports,"State",{enumerable:!0,get:function(){return _state().State}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}}),Object.defineProperty(exports,"TagMap",{enumerable:!0,get:function(){return _tagMap().TagMap}}),Object.defineProperty(exports,"TagProps",{enumerable:!0,get:function(){return _tag().TagProps}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"TopBarNavProps",{enumerable:!0,get:function(){return _topBarNav().TopBarNavProps}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _ui().componentFields}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _ui().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _ui().componentOverviewFields}}),exports.default=void 0,Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _ui().useComponent}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}}),Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _host().useComponentHost}});function _component(){const data=__webpack_require__(42259);return _component=function(){return data},data}function _host(){const data=__webpack_require__(23384);return _host=function(){return data},data}function _component2(){const data=__webpack_require__(60195);return _component2=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _componentFs(){const data=_interopRequireDefault(__webpack_require__(11846));return _componentFs=function(){return data},data}function _aspectEntry(){const data=__webpack_require__(69301);return _aspectEntry=function(){return data},data}function _snap(){const data=__webpack_require__(8801);return _snap=function(){return data},data}function _tag(){const data=__webpack_require__(13801);return _tag=function(){return data},data}function _state(){const data=__webpack_require__(49784);return _state=function(){return data},data}function _tagMap(){const data=__webpack_require__(50310);return _tagMap=function(){return data},data}function _componentMap(){const data=__webpack_require__(12178);return _componentMap=function(){return data},data}function _section(){const data=__webpack_require__(43986);return _section=function(){return data},data}function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _ui(){const data=__webpack_require__(4744);return _ui=function(){return data},data}function _menu(){const data=__webpack_require__(70820);return _menu=function(){return data},data}function _component3(){const data=__webpack_require__(72795);return _component3=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _config(){const data=_interopRequireDefault(__webpack_require__(5075));return _config=function(){return data},data}var _default=_component().ComponentAspect;exports.default=_default},43986:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return _section().Section}});function _section(){const data=__webpack_require__(5173);return _section=function(){return data},data}},5173:()=>{"use strict"},8801:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Snap=void 0;class Snap{constructor(hash,timestamp,parents,author,message){this.hash=hash,this.timestamp=timestamp,this.parents=parents,this.author=author,this.message=message}static fromObject(snapObject){const parents=snapObject.parents||[];return new Snap(snapObject.hash,new Date(parseInt(snapObject.timestamp)),parents,snapObject.author,snapObject.message)}toObject(){return{timestamp:this.timestamp.getTime().toString(),hash:this.hash,author:this.author,message:this.message,parents:this.parents}}}exports.Snap=Snap},49784:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.State=void 0;function _componentIssues(){const data=__webpack_require__(86853);return _componentIssues=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _exceptions(){const data=__webpack_require__(54428);return _exceptions=function(){return data},data}class State{constructor(config,_aspects,filesystem,dependencies,_consumer){this.config=config,this._aspects=_aspects,this.filesystem=filesystem,this.dependencies=dependencies,this._consumer=_consumer}get mainFile(){const file=this.filesystem.files.find(componentFile=>componentFile.relative===this._consumer.mainFile);if(!file)throw new(_exceptions()).MainFileNotFound(_componentId().ComponentID.fromLegacy(this._consumer.id),this._consumer.mainFile);return file}get hash(){return""}get issues(){var _this$_consumer;return(_this$_consumer=this._consumer).issues||(_this$_consumer.issues=new(_componentIssues()).IssuesList)}get isModified(){return this._consumer._isModified}get aspects(){return this._aspects}set aspects(aspects){this._aspects=aspects}}exports.State=State},50310:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagMap=void 0;function _semverHelper(){const data=__webpack_require__(30755);return _semverHelper=function(){return data},data}function _semver(){const data=__webpack_require__(81249);return _semver=function(){return data},data}function _exceptions(){const data=__webpack_require__(54428);return _exceptions=function(){return data},data}class TagMap extends Map{byHash(hash){return Array.from(this.values()).find(currTag=>currTag.hash===hash)}getPreReleaseLatestTags(){const preReleaseTagsWithAllVersions=this.toArray().reduce((acc,current)=>{var _preReleases$;const preReleases=current.version.prerelease;return!preReleases.length||preReleases.length!==2||typeof preReleases[0]!="string"||(acc[_preReleases$=preReleases[0]]||(acc[_preReleases$]=[])).push(current.version.raw),acc},{});return Object.keys(preReleaseTagsWithAllVersions).reduce((acc,current)=>(acc[current]=(0,_semver().maxSatisfying)(preReleaseTagsWithAllVersions[current],"*",{includePrerelease:!0}),acc),{})}getHashMap(){const res2=new Map;return this.forEach(tag=>{res2.set(tag.hash,tag)}),res2}getLatest(){const versions=this.toArray().map(tag=>tag.version.raw);if(this.isEmpty())throw new(_exceptions()).CouldNotFindLatest(versions);return(0,_semverHelper().getLatestVersion)(versions)}isEmpty(){return this.size===0}toArray(){return Array.from(this.values())}byVersion(version){return this.toArray().map(tag=>tag).find(tag=>tag.version.raw===version)}static fromArray(tags){const tuples=tags.map(tag=>[tag.version,tag]);return new TagMap(tuples)}static empty(){return new TagMap}}exports.TagMap=TagMap},47769:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}});function _tag(){const data=__webpack_require__(13801);return _tag=function(){return data},data}},13801:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tag=void 0;function _semver(){const data=__webpack_require__(81249);return _semver=function(){return data},data}class Tag{constructor(hash,version){this.hash=hash,this.version=version}toObject(){return{hash:this.hash,version:this.version.raw}}static fromObject(tag){return new Tag(tag.hash,new(_semver()).SemVer(tag.version))}}exports.Tag=Tag},6315:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentError=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _designUiPages(){const data=__webpack_require__(13794);return _designUiPages=function(){return data},data}function _designUiPages2(){const data=__webpack_require__(31910);return _designUiPages2=function(){return data},data}class ComponentError{constructor(code,message){this.code=code,this.message=message}renderError(){return this.code===404?_react().default.createElement(_designUiPages().NotFoundPage,null):_react().default.createElement(_designUiPages2().ServerErrorPage,null)}}exports.ComponentError=ComponentError},70145:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentError",{enumerable:!0,get:function(){return _componentError().ComponentError}});function _componentError(){const data=__webpack_require__(6315);return _componentError=function(){return data},data}},46265:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(41817),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentModel=void 0;function _compositions(){const data=__webpack_require__(32552);return _compositions=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _tag(){const data=__webpack_require__(47769);return _tag=function(){return data},data}function _tagMap(){const data=__webpack_require__(50310);return _tagMap=function(){return data},data}class ComponentModel{constructor(id,displayName,packageName,server,compositions,tags,buildStatus,issuesCount,elementsUrl,status,deprecation,environment,description="",labels=[],host,size,latest,preview,logs){this.id=id,this.displayName=displayName,this.packageName=packageName,this.server=server,this.compositions=compositions,this.tags=tags,this.buildStatus=buildStatus,this.issuesCount=issuesCount,this.elementsUrl=elementsUrl,this.status=status,this.deprecation=deprecation,this.environment=environment,this.description=description,this.labels=labels,this.host=host,this.size=size,this.latest=latest,this.preview=preview,this.logs=logs}get version(){return this.id.version?this.id.version:"new"}static from({id,server,displayName,compositions=[],packageName,elementsUrl,tags=[],deprecation,buildStatus,env,status,issuesCount,description,labels,host,latest,preview,size,logs}){return new ComponentModel(_componentId().ComponentID.fromObject(id),displayName,packageName,server,_compositions().Composition.fromArray(compositions),_tagMap().TagMap.fromArray(tags.map(tag=>_tag().Tag.fromObject(tag))),buildStatus,issuesCount,elementsUrl,status,deprecation,env,description,labels,host,size,latest,preview,logs)}static fromArray(componentsProps){return componentsProps.map(rawComponent=>ComponentModel.from(rawComponent))}static empty(){return new ComponentModel(_componentId().ComponentID.fromObject({name:"root",scope:"temp"}),"","",{env:"",url:""},[],_tagMap().TagMap.empty())}}exports.ComponentModel=ComponentModel},77237:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}});function _componentModel(){const data=__webpack_require__(46265);return _componentModel=function(){return data},data}},34146:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=Component;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(5800));return _lodash=function(){return data},data}function _uiFoundationUiReactRouter(){const data=__webpack_require__(28776);return _uiFoundationUiReactRouter=function(){return data},data}function _lanesHooks(){const data=__webpack_require__(33461);return _lanesHooks=function(){return data},data}function _componentModule(){const data=_interopRequireDefault(__webpack_require__(33084));return _componentModule=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function Component({routeSlot,containerSlot,host,onComponentChange,componentIdStr,useComponent}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),componentId=componentIdStr?_().ComponentID.fromString(componentIdStr):void 0,fullName=componentId?.fullName||idFromLocation,{lanesModel}=(0,_lanesHooks().useLanes)(),laneComponent=fullName?lanesModel?.resolveComponent(fullName):void 0,useComponentOptions={logFilters:laneComponent&&{log:{logHead:laneComponent.version}},customUseComponent:useComponent},{component,componentDescriptor,error}=(0,_useComponent().useComponent)(host,laneComponent?.id.toString()||componentId?.toString()||idFromLocation,useComponentOptions);(0,_react().useEffect)(()=>onComponentChange?.(component),[component]),(0,_react().useEffect)(()=>()=>onComponentChange?.(void 0),[]);const pageItems=(0,_react().useMemo)(()=>(0,_lodash().default)(containerSlot?.values()),[containerSlot]),before=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="before").map(x=>x.content),[pageItems]),after=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="after").map(x=>x.content),[pageItems]);return error?error.renderError():component?_react().default.createElement(_context().ComponentDescriptorProvider,{componentDescriptor},_react().default.createElement(_context().ComponentProvider,{component},before,_react().default.createElement("div",{className:_componentModule().default.container},routeSlot&&_react().default.createElement(_uiFoundationUiReactRouter().SlotRouter,{parentPath:`${fullName}/*`,slot:routeSlot})),after)):_react().default.createElement("div",null)}},48841:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentDescriptor=exports.ComponentDescriptorContext=exports.ComponentContext=void 0;function _react(){const data=__webpack_require__(67294);return _react=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}const ComponentContext=(0,_react().createContext)(_componentModel().ComponentModel.empty());exports.ComponentContext=ComponentContext;const ComponentDescriptorContext=(0,_react().createContext)(void 0);exports.ComponentDescriptorContext=ComponentDescriptorContext;const useComponentDescriptor=()=>(0,_react().useContext)(ComponentDescriptorContext);exports.useComponentDescriptor=useComponentDescriptor},9994:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentDescriptorProvider=ComponentDescriptorProvider,exports.ComponentProvider=ComponentProvider;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function ComponentProvider({component,children}){return _react().default.createElement(_componentContext().ComponentContext.Provider,{value:component},children)}function ComponentDescriptorProvider({componentDescriptor,children}){return _react().default.createElement(_componentContext().ComponentDescriptorContext.Provider,{value:componentDescriptor},children)}},58431:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentProvider}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}});function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _componentProvider(){const data=__webpack_require__(9994);return _componentProvider=function(){return data},data}},4744:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component().Component}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _context().ComponentContext}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"TopBarNavProps",{enumerable:!0,get:function(){return _topBarNav().TopBarNavProps}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _useComponentQuery().componentFields}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _useComponentQuery().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _useComponentQuery().componentOverviewFields}}),Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _useComponent().useComponent}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _useComponentFromLocation().useIdFromLocation}});function _component(){const data=__webpack_require__(34146);return _component=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}},70820:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}});function _menu(){const data=__webpack_require__(23813);return _menu=function(){return data},data}},58072:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(2707),Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuNav=MenuNav;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(73161));return _menuModule=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function MenuNav({navigationSlot,className}){const plugins=(0,_react().useMemo)(()=>navigationSlot.toArray().sort(sortFn),[navigationSlot]);return _react().default.createElement("nav",{className:(0,_classnames().default)(_menuModule().default.navigation,_menuModule().default.desktopNav,className)},plugins.map(([id,menuItem])=>_react().default.createElement(_topBarNav().TopBarNav,(0,_extends2().default)({key:id},menuItem.props))))}function sortFn([,{order:first}],[,{order:second}]){return(first??0)-(second??0)}},23813:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMenu=ComponentMenu;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(33879);return _reactRouterDom=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(14220);return _uiFoundationUi=function(){return data},data}function _componentUi(){const data=__webpack_require__(24636);return _componentUi=function(){return data},data}function _uiFoundationUi2(){const data=__webpack_require__(60300);return _uiFoundationUi2=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _uiFoundationUiUseBox(){const data=__webpack_require__(3953);return _uiFoundationUiUseBox=function(){return data},data}function _lanesHooks(){const data=__webpack_require__(33461);return _lanesHooks=function(){return data},data}function _uiFoundationUiUseBox2(){const data=__webpack_require__(2436);return _uiFoundationUiUseBox2=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _menuNav(){const data=__webpack_require__(58072);return _menuNav=function(){return data},data}function _mobileMenuNav(){const data=__webpack_require__(76211);return _mobileMenuNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(73161));return _menuModule=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2().default)(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function ComponentMenu({navigationSlot,widgetSlot,className,host,menuItemSlot,consumeMethodSlot,componentIdStr,useComponent}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),componentId=componentIdStr?_().ComponentID.fromString(componentIdStr):void 0,fullName=componentId?.fullName||idFromLocation,{lanesModel}=(0,_lanesHooks().useLanes)(),laneComponent=fullName?lanesModel?.resolveComponent(fullName):void 0,useComponentOptions={logFilters:laneComponent&&{log:{logHead:laneComponent.version}},customUseComponent:useComponent},{component}=(0,_useComponent().useComponent)(host,laneComponent?.id.toString()||componentId?.toStringWithoutVersion()||fullName,useComponentOptions),mainMenuItems=(0,_react().useMemo)(()=>(0,_lodash().groupBy)((0,_lodash().flatten)(menuItemSlot.values()),"category"),[menuItemSlot]);return component?_react().default.createElement(_reactRouterDom().Routes,null,_react().default.createElement(_reactRouterDom().Route,{path:`${fullName}/*`,element:_react().default.createElement("div",{className:(0,_classnames().default)(_menuModule().default.topBar,className)},_react().default.createElement("div",{className:_menuModule().default.leftSide},_react().default.createElement(_menuNav().MenuNav,{navigationSlot}),_react().default.createElement(_mobileMenuNav().MobileMenuNav,{navigationSlot,widgetSlot})),_react().default.createElement("div",{className:_menuModule().default.rightSide},_react().default.createElement("div",{className:_menuModule().default.widgets},_react().default.createElement(_menuNav().MenuNav,{navigationSlot:widgetSlot})),_react().default.createElement(VersionRelatedDropdowns,{component,consumeMethods:consumeMethodSlot,host}),_react().default.createElement(_uiFoundationUi().MainDropdown,{menuItems:mainMenuItems})))})):_react().default.createElement(_uiFoundationUi2().FullLoader,null)}function VersionRelatedDropdowns({component,consumeMethods,host}){const location=(0,_baseReactNavigation().useLocation)(),{lanesModel}=(0,_lanesHooks().useLanes)(),currentLane=lanesModel?.viewedLane,{logs}=component,isWorkspace=host==="teambit.workspace/workspace",snaps=(0,_react().useMemo)(()=>(logs||[]).filter(log=>!log.tag).map(snap=>_objectSpread(_objectSpread({},snap),{},{version:snap.hash})).reverse(),[logs]),tags=(0,_react().useMemo)(()=>{var _component$tags;const tagLookup=new Map;return(logs||[]).filter(log=>log.tag).forEach(tag=>{tagLookup.set(tag?.tag,tag)}),(0,_lodash().compact)((_component$tags=component.tags)===null||_component$tags===void 0?void 0:_component$tags.toArray().reverse().map(tag=>tagLookup.get(tag.version.version))).map(tag=>_objectSpread(_objectSpread({},tag),{},{version:tag.tag}))},[logs]),isNew=snaps.length===0&&tags.length===0,lanes=lanesModel?.getLanesByComponentId(component.id)||[],localVersion=isWorkspace&&!isNew&&!currentLane,currentVersion=isWorkspace&&!isNew&&!(location!=null&&location.search.includes("version"))?"workspace":component.version,methods=useConsumeMethods(consumeMethods,component,currentLane);return _react().default.createElement(_react().default.Fragment,null,tags.length>0&&_react().default.createElement(_uiFoundationUiUseBox().UseBoxDropdown,{position:"bottom-end",className:_menuModule().default.useBox,Menu:_react().default.createElement(_uiFoundationUiUseBox2().Menu,{methods,componentName:component.id.name})}),_react().default.createElement(_componentUi().VersionDropdown,{tags,snaps,lanes,localVersion,currentVersion,latestVersion:component.latest,currentLane,menuClassName:_menuModule().default.componentVersionMenu}))}function useConsumeMethods(consumeMethods,componentModel,currentLane){return(0,_react().useMemo)(()=>(0,_lodash().flatten)(consumeMethods.values()).map(method=>method?.(componentModel,{currentLane})).filter(x=>!!x&&x.Component&&x.Title),[consumeMethods,componentModel,currentLane])}},76211:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(2707),Object.defineProperty(exports,"__esModule",{value:!0}),exports.MobileMenuNav=MobileMenuNav;function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(33879);return _reactRouterDom=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _designElements(){const data=__webpack_require__(25768);return _designElements=function(){return data},data}function _designInputs(){const data=__webpack_require__(54290);return _designInputs=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(73161));return _menuModule=function(){return data},data}function _mobileMenuNavModule(){const data=_interopRequireDefault(__webpack_require__(47722));return _mobileMenuNavModule=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function MobileMenuNav({navigationSlot,widgetSlot,className}){const totalSlots=(0,_react().useMemo)(()=>[...navigationSlot.toArray().sort(sortFn),...widgetSlot.toArray().sort(sortFn)],[navigationSlot,widgetSlot]);return _react().default.createElement(_designInputs().Dropdown,{placeholder:_react().default.createElement(Placeholder,{slots:totalSlots}),className:(0,_classnames().default)(_menuModule().default.navigation,_menuModule().default.mobileNav,className),dropClass:_mobileMenuNavModule().default.mobileMenu},_react().default.createElement("nav",null,_react().default.createElement(_designElements().Icon,{of:"x-thick",className:_mobileMenuNavModule().default.close}),totalSlots.map(([id,menuItem])=>_react().default.createElement(_topBarNav().TopBarNav,(0,_extends2().default)({key:id},menuItem.props,{className:_mobileMenuNavModule().default.mobileMenuLink,activeClassName:_mobileMenuNavModule().default.active}),typeof menuItem.props.children=="string"?menuItem.props.children:menuItem.props.displayName))))}function sortFn([,{order:first}],[,{order:second}]){return(first??0)-(second??0)}function Placeholder(_ref){let{slots}=_ref,rest=(0,_objectWithoutProperties2().default)(_ref,["slots"]);return _react().default.createElement("div",(0,_extends2().default)({},rest,{className:_mobileMenuNavModule().default.placeholder}),slots.map(([id,menuItem])=>_react().default.createElement(ShowWhenMatch,{key:id,href:menuItem.props.href||"",end:menuItem.props.exact},typeof menuItem.props.children=="string"?menuItem.props.children:menuItem.props.displayName)),_react().default.createElement(_designElements().Icon,{of:"fat-arrow-down"}))}function ShowWhenMatch({href,children,caseSensitive,end:exact}){return useLinkMatch(href,{caseSensitive,exact})?_react().default.createElement(_react().default.Fragment,null,children):null}function useLinkMatch(href,{caseSensitive,exact}={}){const location=(0,_baseReactNavigation().useLocation)();let pathname=location?.pathname||"/",destination=(0,_reactRouterDom().useResolvedPath)(href).pathname;return caseSensitive||(pathname=pathname.toLowerCase(),destination=destination.toLowerCase()),destination===pathname||!exact&&pathname.startsWith(destination)&&pathname.charAt(destination.length)==="/"}},82224:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _topBarNav=__webpack_require__(13264);Object.keys(_topBarNav).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_topBarNav[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _topBarNav[key]}})})},13264:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.TopBarNav=TopBarNav;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(33879);return _reactRouterDom=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _topBarNavModule(){const data=_interopRequireDefault(__webpack_require__(60673));return _topBarNavModule=function(){return data},data}function TopBarNav(_ref){let{href,className,activeClassName,children}=_ref,rest=(0,_objectWithoutProperties2().default)(_ref,["href","className","activeClassName","children"]);const{search}=(0,_reactRouterDom().useLocation)(),target=`${href}${search}`;return _react().default.createElement(_baseReactNavigation().Link,(0,_extends2().default)({},rest,{className:(0,_classnames().default)(className,_topBarNavModule().default.topBarLink),activeClassName:(0,_classnames().default)(activeClassName,_topBarNavModule().default.active),href:target}),_react().default.createElement("div",null,children))}},39646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIdFromLocation=useIdFromLocation;function _reactRouterDom(){const data=__webpack_require__(33879);return _reactRouterDom=function(){return data},data}const componentRegex=/^[\w/-]*[\w-]/;function useIdFromLocation(){const splat=(0,_reactRouterDom().useParams)()["*"];if(!splat)return;const match=componentRegex.exec(splat);return match?.[0]}},62589:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentOverviewFields=exports.componentIdFields=exports.componentFields=void 0,exports.useComponentQuery=useComponentQuery;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}function _react(){const data=__webpack_require__(67294);return _react=function(){return data},data}function _client(){const data=__webpack_require__(88472);return _client=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(41646);return _uiFoundationUiHooks=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _componentDescriptor(){const data=__webpack_require__(57984);return _componentDescriptor=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _componentError(){const data=__webpack_require__(70145);return _componentError=function(){return data},data}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2().default)(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}const componentIdFields=(0,_client().gql)`
101
+ `;function useComponentHost(){const{data,loading}=(0,_uiFoundationUiHooks().useDataQuery)(COMPONENT_HOST);return!data||loading?{}:{host:_componentHostModel().ComponentHostModel.from(data)}}},68211:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AspectData",{enumerable:!0,get:function(){return _aspectEntry().AspectData}}),Object.defineProperty(exports,"AspectEntry",{enumerable:!0,get:function(){return _aspectEntry().AspectEntry}}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component2().Component}}),Object.defineProperty(exports,"ComponentAspect",{enumerable:!0,get:function(){return _component().ComponentAspect}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _context().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentFS",{enumerable:!0,get:function(){return _componentFs().default}}),Object.defineProperty(exports,"ComponentID",{enumerable:!0,get:function(){return _componentId().ComponentID}}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"ComponentUrlParams",{enumerable:!0,get:function(){return _component3().ComponentUrlParams}}),Object.defineProperty(exports,"Config",{enumerable:!0,get:function(){return _config().default}}),Object.defineProperty(exports,"ConsumePlugin",{enumerable:!0,get:function(){return _menu().ConsumePlugin}}),Object.defineProperty(exports,"InvalidComponent",{enumerable:!0,get:function(){return _component2().InvalidComponent}}),Object.defineProperty(exports,"RegisteredComponentRoute",{enumerable:!0,get:function(){return _component3().RegisteredComponentRoute}}),Object.defineProperty(exports,"ResolveComponentIdFunc",{enumerable:!0,get:function(){return _aspectEntry().ResolveComponentIdFunc}}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return _section().Section}}),Object.defineProperty(exports,"Snap",{enumerable:!0,get:function(){return _snap().Snap}}),Object.defineProperty(exports,"SnapProps",{enumerable:!0,get:function(){return _snap().SnapProps}}),Object.defineProperty(exports,"State",{enumerable:!0,get:function(){return _state().State}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}}),Object.defineProperty(exports,"TagMap",{enumerable:!0,get:function(){return _tagMap().TagMap}}),Object.defineProperty(exports,"TagProps",{enumerable:!0,get:function(){return _tag().TagProps}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _ui().componentFields}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _ui().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _ui().componentOverviewFields}}),exports.default=void 0,Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _ui().useComponent}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}}),Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _host().useComponentHost}});function _component(){const data=__webpack_require__(42259);return _component=function(){return data},data}function _host(){const data=__webpack_require__(23384);return _host=function(){return data},data}function _component2(){const data=__webpack_require__(60195);return _component2=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _componentFs(){const data=_interopRequireDefault(__webpack_require__(11846));return _componentFs=function(){return data},data}function _aspectEntry(){const data=__webpack_require__(69301);return _aspectEntry=function(){return data},data}function _snap(){const data=__webpack_require__(8801);return _snap=function(){return data},data}function _tag(){const data=__webpack_require__(13801);return _tag=function(){return data},data}function _state(){const data=__webpack_require__(49784);return _state=function(){return data},data}function _tagMap(){const data=__webpack_require__(50310);return _tagMap=function(){return data},data}function _componentMap(){const data=__webpack_require__(12178);return _componentMap=function(){return data},data}function _section(){const data=__webpack_require__(43986);return _section=function(){return data},data}function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _ui(){const data=__webpack_require__(4744);return _ui=function(){return data},data}function _menu(){const data=__webpack_require__(70820);return _menu=function(){return data},data}function _component3(){const data=__webpack_require__(72795);return _component3=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _config(){const data=_interopRequireDefault(__webpack_require__(5075));return _config=function(){return data},data}var _default=_component().ComponentAspect;exports.default=_default},43986:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return _section().Section}});function _section(){const data=__webpack_require__(5173);return _section=function(){return data},data}},5173:()=>{"use strict"},8801:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Snap=void 0;class Snap{constructor(hash,timestamp,parents,author,message){this.hash=hash,this.timestamp=timestamp,this.parents=parents,this.author=author,this.message=message}static fromObject(snapObject){const parents=snapObject.parents||[];return new Snap(snapObject.hash,new Date(parseInt(snapObject.timestamp)),parents,snapObject.author,snapObject.message)}toObject(){return{timestamp:this.timestamp.getTime().toString(),hash:this.hash,author:this.author,message:this.message,parents:this.parents}}}exports.Snap=Snap},49784:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.State=void 0;function _componentIssues(){const data=__webpack_require__(86853);return _componentIssues=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _exceptions(){const data=__webpack_require__(54428);return _exceptions=function(){return data},data}class State{constructor(config,_aspects,filesystem,dependencies,_consumer){this.config=config,this._aspects=_aspects,this.filesystem=filesystem,this.dependencies=dependencies,this._consumer=_consumer}get mainFile(){const file=this.filesystem.files.find(componentFile=>componentFile.relative===this._consumer.mainFile);if(!file)throw new(_exceptions()).MainFileNotFound(_componentId().ComponentID.fromLegacy(this._consumer.id),this._consumer.mainFile);return file}get hash(){return""}get issues(){var _this$_consumer;return(_this$_consumer=this._consumer).issues||(_this$_consumer.issues=new(_componentIssues()).IssuesList)}get isModified(){return this._consumer._isModified}get aspects(){return this._aspects}set aspects(aspects){this._aspects=aspects}}exports.State=State},50310:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagMap=void 0;function _semverHelper(){const data=__webpack_require__(30755);return _semverHelper=function(){return data},data}function _semver(){const data=__webpack_require__(81249);return _semver=function(){return data},data}function _exceptions(){const data=__webpack_require__(54428);return _exceptions=function(){return data},data}class TagMap extends Map{byHash(hash){return Array.from(this.values()).find(currTag=>currTag.hash===hash)}getPreReleaseLatestTags(){const preReleaseTagsWithAllVersions=this.toArray().reduce((acc,current)=>{var _preReleases$;const preReleases=current.version.prerelease;return!preReleases.length||preReleases.length!==2||typeof preReleases[0]!="string"||(acc[_preReleases$=preReleases[0]]||(acc[_preReleases$]=[])).push(current.version.raw),acc},{});return Object.keys(preReleaseTagsWithAllVersions).reduce((acc,current)=>(acc[current]=(0,_semver().maxSatisfying)(preReleaseTagsWithAllVersions[current],"*",{includePrerelease:!0}),acc),{})}getHashMap(){const res2=new Map;return this.forEach(tag=>{res2.set(tag.hash,tag)}),res2}getLatest(){const versions=this.toArray().map(tag=>tag.version.raw);if(this.isEmpty())throw new(_exceptions()).CouldNotFindLatest(versions);return(0,_semverHelper().getLatestVersion)(versions)}isEmpty(){return this.size===0}toArray(){return Array.from(this.values())}byVersion(version){return this.toArray().map(tag=>tag).find(tag=>tag.version.raw===version)}static fromArray(tags){const tuples=tags.map(tag=>[tag.version,tag]);return new TagMap(tuples)}static empty(){return new TagMap}}exports.TagMap=TagMap},47769:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}});function _tag(){const data=__webpack_require__(13801);return _tag=function(){return data},data}},13801:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tag=void 0;function _semver(){const data=__webpack_require__(81249);return _semver=function(){return data},data}class Tag{constructor(hash,version){this.hash=hash,this.version=version}toObject(){return{hash:this.hash,version:this.version.raw}}static fromObject(tag){return new Tag(tag.hash,new(_semver()).SemVer(tag.version))}}exports.Tag=Tag},6315:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentError=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _designUiPages(){const data=__webpack_require__(13794);return _designUiPages=function(){return data},data}function _designUiPages2(){const data=__webpack_require__(31910);return _designUiPages2=function(){return data},data}class ComponentError{constructor(code,message){this.code=code,this.message=message}renderError(){return this.code===404?_react().default.createElement(_designUiPages().NotFoundPage,null):_react().default.createElement(_designUiPages2().ServerErrorPage,null)}}exports.ComponentError=ComponentError},70145:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentError",{enumerable:!0,get:function(){return _componentError().ComponentError}});function _componentError(){const data=__webpack_require__(6315);return _componentError=function(){return data},data}},46265:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(41817),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentModel=void 0;function _compositions(){const data=__webpack_require__(32552);return _compositions=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _tag(){const data=__webpack_require__(47769);return _tag=function(){return data},data}function _tagMap(){const data=__webpack_require__(50310);return _tagMap=function(){return data},data}class ComponentModel{constructor(id,displayName,packageName,server,compositions,tags,buildStatus,issuesCount,elementsUrl,status,deprecation,environment,description="",labels=[],host,size,latest,preview,logs){this.id=id,this.displayName=displayName,this.packageName=packageName,this.server=server,this.compositions=compositions,this.tags=tags,this.buildStatus=buildStatus,this.issuesCount=issuesCount,this.elementsUrl=elementsUrl,this.status=status,this.deprecation=deprecation,this.environment=environment,this.description=description,this.labels=labels,this.host=host,this.size=size,this.latest=latest,this.preview=preview,this.logs=logs}get version(){return this.id.version?this.id.version:"new"}static from({id,server,displayName,compositions=[],packageName,elementsUrl,tags=[],deprecation,buildStatus,env,status,issuesCount,description,labels,host,latest,preview,size,logs}){return new ComponentModel(_componentId().ComponentID.fromObject(id),displayName,packageName,server,_compositions().Composition.fromArray(compositions),_tagMap().TagMap.fromArray(tags.map(tag=>_tag().Tag.fromObject(tag))),buildStatus,issuesCount,elementsUrl,status,deprecation,env,description,labels,host,size,latest,preview,logs)}static fromArray(componentsProps){return componentsProps.map(rawComponent=>ComponentModel.from(rawComponent))}static empty(){return new ComponentModel(_componentId().ComponentID.fromObject({name:"root",scope:"temp"}),"","",{env:"",url:""},[],_tagMap().TagMap.empty())}}exports.ComponentModel=ComponentModel},77237:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}});function _componentModel(){const data=__webpack_require__(46265);return _componentModel=function(){return data},data}},34146:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=Component;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(5800));return _lodash=function(){return data},data}function _uiFoundationUiReactRouter(){const data=__webpack_require__(28776);return _uiFoundationUiReactRouter=function(){return data},data}function _lanesHooks(){const data=__webpack_require__(33461);return _lanesHooks=function(){return data},data}function _componentModule(){const data=_interopRequireDefault(__webpack_require__(33084));return _componentModule=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function Component({routeSlot,containerSlot,host,onComponentChange,componentIdStr,useComponent}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),componentId=componentIdStr?_().ComponentID.fromString(componentIdStr):void 0,fullName=componentId?.fullName||idFromLocation,{lanesModel}=(0,_lanesHooks().useLanes)(),laneComponent=fullName?lanesModel?.resolveComponent(fullName):void 0,useComponentOptions={logFilters:laneComponent&&{log:{logHead:laneComponent.version}},customUseComponent:useComponent},{component,componentDescriptor,error}=(0,_useComponent().useComponent)(host,laneComponent?.id.toString()||componentId?.toString()||idFromLocation,useComponentOptions);(0,_react().useEffect)(()=>onComponentChange?.(component),[component]),(0,_react().useEffect)(()=>()=>onComponentChange?.(void 0),[]);const pageItems=(0,_react().useMemo)(()=>(0,_lodash().default)(containerSlot?.values()),[containerSlot]),before=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="before").map(x=>x.content),[pageItems]),after=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="after").map(x=>x.content),[pageItems]);return error?error.renderError():component?_react().default.createElement(_context().ComponentDescriptorProvider,{componentDescriptor},_react().default.createElement(_context().ComponentProvider,{component},before,_react().default.createElement("div",{className:_componentModule().default.container},routeSlot&&_react().default.createElement(_uiFoundationUiReactRouter().SlotRouter,{parentPath:`${fullName}/*`,slot:routeSlot})),after)):_react().default.createElement("div",null)}},48841:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentDescriptor=exports.ComponentDescriptorContext=exports.ComponentContext=void 0;function _react(){const data=__webpack_require__(67294);return _react=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}const ComponentContext=(0,_react().createContext)(_componentModel().ComponentModel.empty());exports.ComponentContext=ComponentContext;const ComponentDescriptorContext=(0,_react().createContext)(void 0);exports.ComponentDescriptorContext=ComponentDescriptorContext;const useComponentDescriptor=()=>(0,_react().useContext)(ComponentDescriptorContext);exports.useComponentDescriptor=useComponentDescriptor},9994:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentDescriptorProvider=ComponentDescriptorProvider,exports.ComponentProvider=ComponentProvider;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function ComponentProvider({component,children}){return _react().default.createElement(_componentContext().ComponentContext.Provider,{value:component},children)}function ComponentDescriptorProvider({componentDescriptor,children}){return _react().default.createElement(_componentContext().ComponentDescriptorContext.Provider,{value:componentDescriptor},children)}},58431:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentProvider}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}});function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _componentProvider(){const data=__webpack_require__(9994);return _componentProvider=function(){return data},data}},4744:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component().Component}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _context().ComponentContext}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _useComponentQuery().componentFields}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _useComponentQuery().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _useComponentQuery().componentOverviewFields}}),Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _useComponent().useComponent}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _useComponentFromLocation().useIdFromLocation}});function _component(){const data=__webpack_require__(34146);return _component=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}},70820:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}});function _menu(){const data=__webpack_require__(23813);return _menu=function(){return data},data}},58072:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(2707),Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuNav=MenuNav;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(73161));return _menuModule=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function MenuNav({navigationSlot,className}){const plugins=(0,_react().useMemo)(()=>navigationSlot.toArray().sort(sortFn),[navigationSlot]);return _react().default.createElement("nav",{className:(0,_classnames().default)(_menuModule().default.navigation,_menuModule().default.desktopNav,className)},plugins.map(([id,menuItem])=>_react().default.createElement(_topBarNav().TopBarNav,(0,_extends2().default)({key:id},menuItem.props))))}function sortFn([,{order:first}],[,{order:second}]){return(first??0)-(second??0)}},23813:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMenu=ComponentMenu;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(33879);return _reactRouterDom=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(14220);return _uiFoundationUi=function(){return data},data}function _componentUi(){const data=__webpack_require__(24636);return _componentUi=function(){return data},data}function _uiFoundationUi2(){const data=__webpack_require__(60300);return _uiFoundationUi2=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _uiFoundationUiUseBox(){const data=__webpack_require__(3953);return _uiFoundationUiUseBox=function(){return data},data}function _lanesHooks(){const data=__webpack_require__(33461);return _lanesHooks=function(){return data},data}function _uiFoundationUiUseBox2(){const data=__webpack_require__(2436);return _uiFoundationUiUseBox2=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _menuNav(){const data=__webpack_require__(58072);return _menuNav=function(){return data},data}function _mobileMenuNav(){const data=__webpack_require__(76211);return _mobileMenuNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(73161));return _menuModule=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2().default)(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function ComponentMenu({navigationSlot,widgetSlot,className,host,menuItemSlot,consumeMethodSlot,componentIdStr,useComponent}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),componentId=componentIdStr?_().ComponentID.fromString(componentIdStr):void 0,fullName=componentId?.fullName||idFromLocation,{lanesModel}=(0,_lanesHooks().useLanes)(),laneComponent=fullName?lanesModel?.resolveComponent(fullName):void 0,useComponentOptions={logFilters:laneComponent&&{log:{logHead:laneComponent.version}},customUseComponent:useComponent},{component}=(0,_useComponent().useComponent)(host,laneComponent?.id.toString()||componentId?.toStringWithoutVersion()||fullName,useComponentOptions),mainMenuItems=(0,_react().useMemo)(()=>(0,_lodash().groupBy)((0,_lodash().flatten)(menuItemSlot.values()),"category"),[menuItemSlot]);return component?_react().default.createElement(_reactRouterDom().Routes,null,_react().default.createElement(_reactRouterDom().Route,{path:`${fullName}/*`,element:_react().default.createElement("div",{className:(0,_classnames().default)(_menuModule().default.topBar,className)},_react().default.createElement("div",{className:_menuModule().default.leftSide},_react().default.createElement(_menuNav().MenuNav,{navigationSlot}),_react().default.createElement(_mobileMenuNav().MobileMenuNav,{navigationSlot,widgetSlot})),_react().default.createElement("div",{className:_menuModule().default.rightSide},_react().default.createElement("div",{className:_menuModule().default.widgets},_react().default.createElement(_menuNav().MenuNav,{navigationSlot:widgetSlot})),_react().default.createElement(VersionRelatedDropdowns,{component,consumeMethods:consumeMethodSlot,host}),_react().default.createElement(_uiFoundationUi().MainDropdown,{menuItems:mainMenuItems})))})):_react().default.createElement(_uiFoundationUi2().FullLoader,null)}function VersionRelatedDropdowns({component,consumeMethods,host}){const location=(0,_baseReactNavigation().useLocation)(),{lanesModel}=(0,_lanesHooks().useLanes)(),currentLane=lanesModel?.viewedLane,{logs}=component,isWorkspace=host==="teambit.workspace/workspace",snaps=(0,_react().useMemo)(()=>(logs||[]).filter(log=>!log.tag).map(snap=>_objectSpread(_objectSpread({},snap),{},{version:snap.hash})).reverse(),[logs]),tags=(0,_react().useMemo)(()=>{var _component$tags;const tagLookup=new Map;return(logs||[]).filter(log=>log.tag).forEach(tag=>{tagLookup.set(tag?.tag,tag)}),(0,_lodash().compact)((_component$tags=component.tags)===null||_component$tags===void 0?void 0:_component$tags.toArray().reverse().map(tag=>tagLookup.get(tag.version.version))).map(tag=>_objectSpread(_objectSpread({},tag),{},{version:tag.tag}))},[logs]),isNew=snaps.length===0&&tags.length===0,lanes=lanesModel?.getLanesByComponentId(component.id)||[],localVersion=isWorkspace&&!isNew&&!currentLane,currentVersion=isWorkspace&&!isNew&&!(location!=null&&location.search.includes("version"))?"workspace":component.version,methods=useConsumeMethods(consumeMethods,component,currentLane);return _react().default.createElement(_react().default.Fragment,null,tags.length>0&&_react().default.createElement(_uiFoundationUiUseBox().UseBoxDropdown,{position:"bottom-end",className:_menuModule().default.useBox,Menu:_react().default.createElement(_uiFoundationUiUseBox2().Menu,{methods,componentName:component.id.name})}),_react().default.createElement(_componentUi().VersionDropdown,{tags,snaps,lanes,localVersion,currentVersion,latestVersion:component.latest,currentLane,menuClassName:_menuModule().default.componentVersionMenu}))}function useConsumeMethods(consumeMethods,componentModel,currentLane){return(0,_react().useMemo)(()=>(0,_lodash().flatten)(consumeMethods.values()).map(method=>method?.(componentModel,{currentLane})).filter(x=>!!x&&x.Component&&x.Title),[consumeMethods,componentModel,currentLane])}},76211:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(2707),Object.defineProperty(exports,"__esModule",{value:!0}),exports.MobileMenuNav=MobileMenuNav;function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(33879);return _reactRouterDom=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _designElements(){const data=__webpack_require__(25768);return _designElements=function(){return data},data}function _designInputs(){const data=__webpack_require__(54290);return _designInputs=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(73161));return _menuModule=function(){return data},data}function _mobileMenuNavModule(){const data=_interopRequireDefault(__webpack_require__(47722));return _mobileMenuNavModule=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function MobileMenuNav({navigationSlot,widgetSlot,className}){const totalSlots=(0,_react().useMemo)(()=>[...navigationSlot.toArray().sort(sortFn),...widgetSlot.toArray().sort(sortFn)],[navigationSlot,widgetSlot]);return _react().default.createElement(_designInputs().Dropdown,{placeholder:_react().default.createElement(Placeholder,{slots:totalSlots}),className:(0,_classnames().default)(_menuModule().default.navigation,_menuModule().default.mobileNav,className),dropClass:_mobileMenuNavModule().default.mobileMenu},_react().default.createElement("nav",null,_react().default.createElement(_designElements().Icon,{of:"x-thick",className:_mobileMenuNavModule().default.close}),totalSlots.map(([id,menuItem])=>_react().default.createElement(_topBarNav().TopBarNav,(0,_extends2().default)({key:id},menuItem.props,{className:_mobileMenuNavModule().default.mobileMenuLink,activeClassName:_mobileMenuNavModule().default.active}),typeof menuItem.props.children=="string"?menuItem.props.children:menuItem.props.displayName))))}function sortFn([,{order:first}],[,{order:second}]){return(first??0)-(second??0)}function Placeholder(_ref){let{slots}=_ref,rest=(0,_objectWithoutProperties2().default)(_ref,["slots"]);return _react().default.createElement("div",(0,_extends2().default)({},rest,{className:_mobileMenuNavModule().default.placeholder}),slots.map(([id,menuItem])=>_react().default.createElement(ShowWhenMatch,{key:id,href:menuItem.props.href||"",end:menuItem.props.exact},typeof menuItem.props.children=="string"?menuItem.props.children:menuItem.props.displayName)),_react().default.createElement(_designElements().Icon,{of:"fat-arrow-down"}))}function ShowWhenMatch({href,children,caseSensitive,end:exact}){return useLinkMatch(href,{caseSensitive,exact})?_react().default.createElement(_react().default.Fragment,null,children):null}function useLinkMatch(href,{caseSensitive,exact}={}){const location=(0,_baseReactNavigation().useLocation)();let pathname=location?.pathname||"/",destination=(0,_reactRouterDom().useResolvedPath)(href).pathname;return caseSensitive||(pathname=pathname.toLowerCase(),destination=destination.toLowerCase()),destination===pathname||!exact&&pathname.startsWith(destination)&&pathname.charAt(destination.length)==="/"}},82224:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _topBarNav=__webpack_require__(13264);Object.keys(_topBarNav).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_topBarNav[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _topBarNav[key]}})})},13264:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.TopBarNav=TopBarNav;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(33879);return _reactRouterDom=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _topBarNavModule(){const data=_interopRequireDefault(__webpack_require__(60673));return _topBarNavModule=function(){return data},data}function TopBarNav(_ref){let{href,className,activeClassName,children,displayName}=_ref,rest=(0,_objectWithoutProperties2().default)(_ref,["href","className","activeClassName","children","displayName"]);const{search}=(0,_reactRouterDom().useLocation)(),preventPassingDisplayNameToLink=displayName,target=`${href}${search}`;return _react().default.createElement(_baseReactNavigation().Link,(0,_extends2().default)({},rest,{className:(0,_classnames().default)(className,_topBarNavModule().default.topBarLink),activeClassName:(0,_classnames().default)(activeClassName,_topBarNavModule().default.active),href:target}),_react().default.createElement("div",null,children))}},39646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIdFromLocation=useIdFromLocation;function _reactRouterDom(){const data=__webpack_require__(33879);return _reactRouterDom=function(){return data},data}const componentRegex=/^[\w/-]*[\w-]/;function useIdFromLocation(){const splat=(0,_reactRouterDom().useParams)()["*"];if(!splat)return;const match=componentRegex.exec(splat);return match?.[0]}},62589:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentOverviewFields=exports.componentIdFields=exports.componentFields=void 0,exports.useComponentQuery=useComponentQuery;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}function _react(){const data=__webpack_require__(67294);return _react=function(){return data},data}function _client(){const data=__webpack_require__(88472);return _client=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(41646);return _uiFoundationUiHooks=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _componentDescriptor(){const data=__webpack_require__(57984);return _componentDescriptor=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _componentError(){const data=__webpack_require__(70145);return _componentError=function(){return data},data}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2().default)(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}const componentIdFields=(0,_client().gql)`
102
102
  fragment componentIdFields on ComponentID {
103
103
  name
104
104
  version
@@ -225,7 +225,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
225
225
  }
226
226
  }
227
227
  ${componentIdFields}
228
- `;function useComponentQuery(componentId,host,filters){var _data$getHost;const idRef=(0,_react().useRef)(componentId);idRef.current=componentId;const _useDataQuery=(0,_uiFoundationUiHooks().useDataQuery)(GET_COMPONENT,{variables:_objectSpread({id:componentId,extensionId:host},filters?.log||{})}),{data,error,loading,subscribeToMore}=_useDataQuery,rest=(0,_objectWithoutProperties2().default)(_useDataQuery,["data","error","loading","subscribeToMore"]);(0,_react().useEffect)(()=>{if(host!=="teambit.workspace/workspace")return()=>{};const unsubAddition=subscribeToMore({document:SUB_SUBSCRIPTION_ADDED,updateQuery:(prev,{subscriptionData})=>{var _prev$getHost,_subscriptionData$dat,_subscriptionData$dat2;const prevComponent=prev==null||(_prev$getHost=prev.getHost)===null||_prev$getHost===void 0?void 0:_prev$getHost.get,addedComponent=subscriptionData==null||(_subscriptionData$dat=subscriptionData.data)===null||_subscriptionData$dat===void 0||(_subscriptionData$dat2=_subscriptionData$dat.componentAdded)===null||_subscriptionData$dat2===void 0?void 0:_subscriptionData$dat2.component;return!addedComponent||prevComponent?prev:idRef.current===addedComponent.id.name?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:addedComponent})}):prev}}),unsubChanges=subscribeToMore({document:SUB_COMPONENT_CHANGED,updateQuery:(prev,{subscriptionData})=>{var _prev$getHost2,_subscriptionData$dat3,_subscriptionData$dat4;if(!subscriptionData.data)return prev;const prevComponent=prev==null||(_prev$getHost2=prev.getHost)===null||_prev$getHost2===void 0?void 0:_prev$getHost2.get,updatedComponent=subscriptionData==null||(_subscriptionData$dat3=subscriptionData.data)===null||_subscriptionData$dat3===void 0||(_subscriptionData$dat4=_subscriptionData$dat3.componentChanged)===null||_subscriptionData$dat4===void 0?void 0:_subscriptionData$dat4.component;return updatedComponent&&_componentId().ComponentID.isEqualObj(prevComponent?.id,updatedComponent?.id)?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:updatedComponent})}):prev}}),unsubRemoval=subscribeToMore({document:SUB_COMPONENT_REMOVED,updateQuery:(prev,{subscriptionData})=>{var _prev$getHost3,_subscriptionData$dat5,_subscriptionData$dat6;if(!subscriptionData.data)return prev;const prevComponent=prev==null||(_prev$getHost3=prev.getHost)===null||_prev$getHost3===void 0?void 0:_prev$getHost3.get,removedIds=subscriptionData==null||(_subscriptionData$dat5=subscriptionData.data)===null||_subscriptionData$dat5===void 0||(_subscriptionData$dat6=_subscriptionData$dat5.componentRemoved)===null||_subscriptionData$dat6===void 0?void 0:_subscriptionData$dat6.componentIds;return!prevComponent||!(removedIds!=null&&removedIds.length)?prev:removedIds.some(removedId=>_componentId().ComponentID.isEqualObj(removedId,prevComponent.id))?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:null})}):prev}});return()=>{unsubChanges(),unsubAddition(),unsubRemoval()}},[]);const rawComponent=data==null||(_data$getHost=data.getHost)===null||_data$getHost===void 0?void 0:_data$getHost.get;return(0,_react().useMemo)(()=>{const aspectList={entries:rawComponent?.aspects.map(aspectObject=>_objectSpread(_objectSpread({},aspectObject),{},{aspectId:aspectObject.id,aspectData:aspectObject.data}))},id=rawComponent&&_componentId().ComponentID.fromObject(rawComponent.id);return _objectSpread({componentDescriptor:id?_componentDescriptor().ComponentDescriptor.fromObject({id:id.toString(),aspectList}):void 0,component:rawComponent?_componentModel().ComponentModel.from(_objectSpread(_objectSpread({},rawComponent),{},{host})):void 0,error:error?new(_componentError()).ComponentError(500,error.message):!rawComponent&&!loading?new(_componentError()).ComponentError(404):void 0,loading},rest)},[rawComponent,host,error])}},21268:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(88140);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function useComponent(host,id,options){var _ref;const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent}=options||{},componentVersion=(_ref=version||query.get("version"))!==null&&_ref!==void 0?_ref:void 0;if(!id)throw new TypeError("useComponent received no component id");const componentIdStr=withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr,host,logFilters)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},4405:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;const humanize_string_1=__importDefault(__webpack_require__(40434));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}exports.humanizeCompositionId=humanizeCompositionId},91888:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(4405);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},86435:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionErrorFallback=exports.CompositionCard=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),react_error_boundary_1=__webpack_require__(35800),base_ui_surfaces_card_1=__webpack_require__(91475),base_ui_theme_accent_color_1=__webpack_require__(176),react_ui_error_fallback_1=__webpack_require__(32334),compositions_model_composition_id_1=__webpack_require__(91888),evangelist_elements_icon_1=__webpack_require__(54560),base_ui_text_themed_text_1=__webpack_require__(94106),composition_card_module_scss_1=__importDefault(__webpack_require__(25020));function CompositionCard(_a){var{Composition,name,link,className}=_a,rest=__rest(_a,["Composition","name","link","className"]);const{canvas,compositionName}=Composition,humanizedName=(0,react_1.useMemo)(()=>compositionName||(0,compositions_model_composition_id_1.humanizeCompositionId)(name),[name,compositionName]);return react_1.default.createElement(base_ui_surfaces_card_1.Card,Object.assign({elevation:"low",className:(0,classnames_1.default)(className,composition_card_module_scss_1.default.compositionCard)},rest),react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:CompositionErrorFallback},react_1.default.createElement("div",{style:canvas,className:composition_card_module_scss_1.default.compositionContainer},react_1.default.createElement(Composition,null))),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_card_module_scss_1.default.title,base_ui_theme_accent_color_1.colorPalette.neutralHeavy,base_ui_text_themed_text_1.themedText)},react_1.default.createElement("span",null,humanizedName),link&&react_1.default.createElement("a",{className:composition_card_module_scss_1.default.linkToComposition,target:"_blank",rel:"noopener noreferrer",href:link},react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"open-tab"}))))}exports.CompositionCard=CompositionCard;function CompositionErrorFallback(props){return react_1.default.createElement(react_ui_error_fallback_1.ErrorFallback,Object.assign({},props,{className:(0,classnames_1.default)(props.className,composition_card_module_scss_1.default.compositionCardError)}))}exports.CompositionErrorFallback=CompositionErrorFallback},88903:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardProps=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(86435);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}}),Object.defineProperty(exports,"CompositionCardProps",{enumerable:!0,get:function(){return composition_card_1.CompositionCardProps}})},31161:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsMenuBar=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),lodash_flatten_1=__importDefault(__webpack_require__(5800)),compositions_menu_bar_module_scss_1=__importDefault(__webpack_require__(915));function CompositionsMenuBar(_a){var{className,menuBarWidgets,children}=_a,rest=__rest(_a,["className","menuBarWidgets","children"]);const widgetsStart=(0,react_1.useMemo)(()=>(0,lodash_flatten_1.default)(menuBarWidgets?.values()).filter(({location})=>location==="start").map(({content},idx)=>react_1.default.createElement(react_1.default.Fragment,{key:idx},content)),[menuBarWidgets]),widgetsEnd=(0,react_1.useMemo)(()=>(0,lodash_flatten_1.default)(menuBarWidgets?.values()).filter(({location})=>location==="end").map(({content},idx)=>react_1.default.createElement(react_1.default.Fragment,{key:idx},content)),[menuBarWidgets]);return!widgetsStart.length&&!widgetsEnd.length?null:react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(className,compositions_menu_bar_module_scss_1.default.compositionsMenuBar)}),!!(widgetsStart?.length||children)&&react_1.default.createElement("div",null,widgetsStart," ",children),react_1.default.createElement("div",{className:compositions_menu_bar_module_scss_1.default.spacer}),!!widgetsEnd?.length&&react_1.default.createElement("div",null,widgetsEnd))}exports.CompositionsMenuBar=CompositionsMenuBar},97725:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsMenuBar=void 0;var compositions_menu_bar_1=__webpack_require__(31161);Object.defineProperty(exports,"CompositionsMenuBar",{enumerable:!0,get:function(){return compositions_menu_bar_1.CompositionsMenuBar}})},494:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreviewQueryParams=exports.usePreview=exports.CompositionContextProviderProps=exports.CompositionContextProvider=void 0;var use_composition_1=__webpack_require__(49522);Object.defineProperty(exports,"CompositionContextProvider",{enumerable:!0,get:function(){return use_composition_1.CompositionContextProvider}}),Object.defineProperty(exports,"CompositionContextProviderProps",{enumerable:!0,get:function(){return use_composition_1.CompositionContextProviderProps}}),Object.defineProperty(exports,"usePreview",{enumerable:!0,get:function(){return use_composition_1.usePreview}});var use_preview_query_params_1=__webpack_require__(68642);Object.defineProperty(exports,"usePreviewQueryParams",{enumerable:!0,get:function(){return use_preview_query_params_1.usePreviewQueryParams}})},49522:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result};Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreview=exports.CompositionContextProvider=void 0;const react_1=__importStar(__webpack_require__(67294)),CompositionsCtx=(0,react_1.createContext)({queryParams:{},setQueryParams:()=>{}});function CompositionContextProvider({children,queryParams,setQueryParams}){const state=(0,react_1.useMemo)(()=>({queryParams,setQueryParams}),[queryParams,setQueryParams]);return react_1.default.createElement(CompositionsCtx.Provider,{value:state},children)}exports.CompositionContextProvider=CompositionContextProvider;function usePreview(){return(0,react_1.useContext)(CompositionsCtx)}exports.usePreview=usePreview},68642:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreviewQueryParams=void 0;const react_1=__webpack_require__(67294),use_composition_1=__webpack_require__(49522);function usePreviewQueryParams(paramName){const ctx=(0,use_composition_1.usePreview)(),param=ctx.queryParams[paramName],setQueryParam=(0,react_1.useCallback)(value2=>ctx.setQueryParams(state=>Object.assign(Object.assign({},state),{[paramName]:value2})),[paramName]);return[param,setQueryParam]}exports.usePreviewQueryParams=usePreviewQueryParams},39708:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(91888);return _compositionsModel=function(){return data},data}class Composition{constructor(identifier,filepath,_displayName){this.identifier=identifier,this.filepath=filepath,this._displayName=_displayName}get displayName(){return this._displayName||(0,_compositionsModel().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},36717:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.CompositionsAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const CompositionsAspect=_harmony().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});exports.CompositionsAspect=CompositionsAspect;var _default=CompositionsAspect;exports.default=_default},82704:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(26561));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(17563));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(14323);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(38577);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(73624);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(68211);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(75694);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(52515);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(82718);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(32098);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(6470);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(74162);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(97725);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(494);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(74749);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(21335);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(68158);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(67902);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(15801);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(56926);return _designUiSurfaces=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(62133));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(14427);return _compositionsPanel=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function Compositions({menuBarWidgets,emptyState}){const component=(0,_react().useContext)(_component().ComponentContext),[selected,selectComposition]=(0,_react().useState)((0,_lodash().default)(component.compositions)),selectedRef=(0,_react().useRef)(selected);selectedRef.current=selected;const properties=(0,_docsUiQueries().useDocs)(component.id);(0,_react().useEffect)(()=>{var _selectedRef$current;const prevId=(_selectedRef$current=selectedRef.current)===null||_selectedRef$current===void 0?void 0:_selectedRef$current.identifier,next=component.compositions.find(c=>c.identifier===prevId)||component.compositions[0];selectComposition(next)},[component]);const showSidebar=!(0,_uiFoundationUiHooks().useIsMobile)()&&component.compositions.length>0,[isSidebarOpen,setSidebarOpenness]=(0,_react().useState)(showSidebar),sidebarOpenness=isSidebarOpen?_baseUiSurfacesSplitPane().Layout.row:_baseUiSurfacesSplitPane().Layout.left,compositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions"),currentCompositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",selected?.identifier),[compositionParams,setCompositionParams]=(0,_react().useState)({}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]);return(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),_react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"85%",className:_compositionsModule().default.compositionsPage},_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.left},_react().default.createElement(_compositionsUi().CompositionsMenuBar,{menuBarWidgets,className:_compositionsModule().default.menuBar},_react().default.createElement(_baseReactNavigation().Link,{external:!0,href:currentCompositionUrl,className:_compositionsModule().default.openInNewTab},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"}))),_react().default.createElement(CompositionContent,{emptyState,component,selected,queryParams})),_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter,{className:_compositionsModule().default.splitter},_react().default.createElement(_uiFoundationUiButtons().Collapser,{placement:"left",isOpen:isSidebarOpen,onMouseDown:e=>e.stopPropagation(),onClick:()=>setSidebarOpenness(x=>!x),tooltipContent:`${isSidebarOpen?"Hide":"Show"} side compositions`,className:_compositionsModule().default.collapser})),_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.right},_react().default.createElement(_documenterTheme().ThemeContext,null,_react().default.createElement(_panels().TabContainer,{className:_compositionsModule().default.tabsContainer},_react().default.createElement(_panels().TabList,{className:_compositionsModule().default.tabs},_react().default.createElement(_panels().Tab,null,"compositions"),_react().default.createElement(_panels().Tab,null,"properties")),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},_react().default.createElement(_compositionsPanel().CompositionsPanel,{onSelectComposition:selectComposition,url:compositionUrl,compositions:component.compositions,active:selected,className:_compositionsModule().default.compost})),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},properties&&properties.length>0?_react().default.createElement(_documenterUi().PropTable,{rows:properties,showListView:!0}):_react().default.createElement("div",null)))))))}function CompositionContent({component,selected,queryParams,emptyState}){var _component$environmen;const env=(_component$environmen=component.environment)===null||_component$environmen===void 0?void 0:_component$environmen.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/docs/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,{className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams})}},61517:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(88674),__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(26561));return _lodash=function(){return data},data}function _compositions(){const data=__webpack_require__(36717);return _compositions=function(){return data},data}class CompositionsPreview{constructor(preview){this.preview=preview}render(componentId,modules,otherPreviewDefs,context){if(!modules.componentMap[componentId.fullName])return;const compositions=this.selectPreviewModel(componentId.fullName,modules),metadata=this.getMetadata(componentId.fullName,modules),active=this.getActiveComposition(compositions,metadata);modules.mainModule.default(active,context)}selectPreviewModel(componentFullName,previewModule){const files=previewModule.componentMap[componentFullName]||[];return Object.assign({},...files)}getMetadata(componentFullName,previewModule){const metadata=previewModule!=null&&previewModule.componentMapMetadata?previewModule.componentMapMetadata[componentFullName]:void 0;if(metadata)return metadata}getActiveComposition(module,metadata){const query=this.preview.getQuery(),param=this.preview.getParam(query,"name");if(param&&module[param])return module[param];if(metadata&&metadata.compositions){const first2=(0,_lodash().default)(metadata.compositions),firstId=first2?.identifier;if(firstId&&module[firstId])return module[firstId]}return(0,_lodash().default)(Object.values(module))}static async provider([preview]){const compPreview=new CompositionsPreview(preview);return preview.registerPreview({name:"compositions",render:compPreview.render.bind(compPreview),selectPreviewModel:compPreview.selectPreviewModel.bind(compPreview),default:!0}),compPreview}}__webpack_unused_export__=CompositionsPreview,(0,_defineProperty2().default)(CompositionsPreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(CompositionsPreview,"dependencies",[_preview().PreviewAspect]),_compositions().CompositionsAspect.addRuntime(CompositionsPreview)},32552:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _ui().ComponentComposition}}),Object.defineProperty(exports,"Composition",{enumerable:!0,get:function(){return _composition().Composition}}),Object.defineProperty(exports,"CompositionContent",{enumerable:!0,get:function(){return _compositions2().CompositionContent}}),Object.defineProperty(exports,"CompositionContentProps",{enumerable:!0,get:function(){return _compositions2().CompositionContentProps}}),Object.defineProperty(exports,"CompositionProps",{enumerable:!0,get:function(){return _composition().CompositionProps}}),Object.defineProperty(exports,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),Object.defineProperty(exports,"CompositionsOverview",{enumerable:!0,get:function(){return _compositionsOverview().CompositionsOverview}}),exports.default=void 0;function _compositions(){const data=__webpack_require__(36717);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(39708);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(82704);return _compositions2=function(){return data},data}function _compositionsOverview(){const data=__webpack_require__(17126);return _compositionsOverview=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}var _default=_compositions().CompositionsAspect;exports.default=_default},23700:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=(0,_objectWithoutProperties2().default)(_ref,["composition","component","queryParams"]);const compositionParams=(0,_react().useMemo)(()=>{var _component$preview;return(composition?[(_component$preview=component.preview)!==null&&_component$preview!==void 0&&_component$preview.isScaling?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams)},[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,(0,_extends2().default)({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams}))}},61425:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsOverview=CompositionsOverview;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(88903);return _compositionsUi=function(){return data},data}function _compositionsOverviewModule(){const data=_interopRequireDefault(__webpack_require__(486));return _compositionsOverviewModule=function(){return data},data}function CompositionsOverview({compositions,compositionCardClass}){return _react().default.createElement("div",{className:_compositionsOverviewModule().default.background},compositions&&Object.entries(compositions).map(([key,composition])=>_react().default.createElement(_compositionsUi().CompositionCard,{key,Composition:composition,name:key,className:compositionCardClass})))}},17126:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _compositionsOverview=__webpack_require__(61425);Object.keys(_compositionsOverview).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_compositionsOverview[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _compositionsOverview[key]}})})},14427:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}function _evangelistElements(){const data=__webpack_require__(54560);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(10647));return _compositionsPanelModule=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function CompositionsPanel(_ref){let{url,compositions,onSelectComposition:onSelect,active,className}=_ref,rest=(0,_objectWithoutProperties2().default)(_ref,["url","compositions","onSelectComposition","active","className"]);const handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected)},[onSelect]);return _react().default.createElement("ul",(0,_extends2().default)({},rest,{className:(0,_classnames().default)(className)}),compositions.map(composition=>_react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.linkWrapper,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.box}),_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.right},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,target:"_blank",rel:"noopener noreferrer",href:`${url}&${composition.identifier}`},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"}))))))}},29066:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _compositionPreview().ComponentComposition}});function _compositionPreview(){const data=__webpack_require__(23700);return _compositionPreview=function(){return data},data}},67076:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Icon=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_ui_elements_icon_1=__webpack_require__(48318),iconSetPrefix="bitcon";function Icon(_a){var{className,of:iconName}=_a,rest=__rest(_a,["className","of"]);return react_1.default.createElement(base_ui_elements_icon_1.BaseIcon,Object.assign({of:`${iconSetPrefix}-${iconName}`,className,"data-bit-id":"teambit.evangelist/elements/icon"},rest))}exports.Icon=Icon},25768:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Icon=void 0;var icon_1=__webpack_require__(67076);Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return icon_1.Icon}})},76924:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(16558)),base_ui_surfaces_drawer_1=__webpack_require__(62918),base_ui_surfaces_abs_container_1=__webpack_require__(63867),base_ui_css_components_elevation_1=__webpack_require__(88834),base_ui_css_components_roundness_1=__webpack_require__(70518),base_ui_surfaces_background_1=__webpack_require__(17287),evangelist_css_components_fade_in_out_1=__webpack_require__(33859),dropdown_module_scss_1=__importDefault(__webpack_require__(82135));function Dropdown(_a){var{children,position="bottom",elevation="low",roundness="small",dropClass,margin=4}=_a,rest=__rest(_a,["children","position","elevation","roundness","dropClass","margin"]);return react_1.default.createElement(base_ui_surfaces_drawer_1.Drawer,Object.assign({margin},rest),react_1.default.createElement(DropdownMenu,{position,elevation,roundness,className:dropClass},children))}exports.Dropdown=Dropdown;function DropdownMenu(_a){var{className,elevation="low",roundness="small"}=_a,rest=__rest(_a,["className","elevation","roundness"]);return react_1.default.createElement(base_ui_surfaces_abs_container_1.Containee,Object.assign({},rest,{className:(0,classnames_1.default)(dropdown_module_scss_1.default.dropdownMenu,base_ui_surfaces_background_1.backgrounds.layer,base_ui_css_components_elevation_1.elevationClass[elevation],base_ui_css_components_roundness_1.roundnessClass[roundness],evangelist_css_components_fade_in_out_1.fadeInOutClass,className)}))}},54290:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(76924),exports)},17287:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.backgrounds=void 0;const background_module_scss_1=__importDefault(__webpack_require__(21690));exports.backgrounds={bedrock:background_module_scss_1.default.bedrock,base:background_module_scss_1.default.base,layer:background_module_scss_1.default.layer,crust:background_module_scss_1.default.crust,topping:background_module_scss_1.default.topping,dent:background_module_scss_1.default.dent}},16558:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
228
+ `;function useComponentQuery(componentId,host,filters){var _data$getHost;const idRef=(0,_react().useRef)(componentId);idRef.current=componentId;const _useDataQuery=(0,_uiFoundationUiHooks().useDataQuery)(GET_COMPONENT,{variables:_objectSpread({id:componentId,extensionId:host},filters?.log||{})}),{data,error,loading,subscribeToMore}=_useDataQuery,rest=(0,_objectWithoutProperties2().default)(_useDataQuery,["data","error","loading","subscribeToMore"]);(0,_react().useEffect)(()=>{if(host!=="teambit.workspace/workspace")return()=>{};const unsubAddition=subscribeToMore({document:SUB_SUBSCRIPTION_ADDED,updateQuery:(prev,{subscriptionData})=>{var _prev$getHost,_subscriptionData$dat,_subscriptionData$dat2;const prevComponent=prev==null||(_prev$getHost=prev.getHost)===null||_prev$getHost===void 0?void 0:_prev$getHost.get,addedComponent=subscriptionData==null||(_subscriptionData$dat=subscriptionData.data)===null||_subscriptionData$dat===void 0||(_subscriptionData$dat2=_subscriptionData$dat.componentAdded)===null||_subscriptionData$dat2===void 0?void 0:_subscriptionData$dat2.component;return!addedComponent||prevComponent?prev:idRef.current===addedComponent.id.name?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:addedComponent})}):prev}}),unsubChanges=subscribeToMore({document:SUB_COMPONENT_CHANGED,updateQuery:(prev,{subscriptionData})=>{var _prev$getHost2,_subscriptionData$dat3,_subscriptionData$dat4;if(!subscriptionData.data)return prev;const prevComponent=prev==null||(_prev$getHost2=prev.getHost)===null||_prev$getHost2===void 0?void 0:_prev$getHost2.get,updatedComponent=subscriptionData==null||(_subscriptionData$dat3=subscriptionData.data)===null||_subscriptionData$dat3===void 0||(_subscriptionData$dat4=_subscriptionData$dat3.componentChanged)===null||_subscriptionData$dat4===void 0?void 0:_subscriptionData$dat4.component;return updatedComponent&&_componentId().ComponentID.isEqualObj(prevComponent?.id,updatedComponent?.id)?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:updatedComponent})}):prev}}),unsubRemoval=subscribeToMore({document:SUB_COMPONENT_REMOVED,updateQuery:(prev,{subscriptionData})=>{var _prev$getHost3,_subscriptionData$dat5,_subscriptionData$dat6;if(!subscriptionData.data)return prev;const prevComponent=prev==null||(_prev$getHost3=prev.getHost)===null||_prev$getHost3===void 0?void 0:_prev$getHost3.get,removedIds=subscriptionData==null||(_subscriptionData$dat5=subscriptionData.data)===null||_subscriptionData$dat5===void 0||(_subscriptionData$dat6=_subscriptionData$dat5.componentRemoved)===null||_subscriptionData$dat6===void 0?void 0:_subscriptionData$dat6.componentIds;return!prevComponent||!(removedIds!=null&&removedIds.length)?prev:removedIds.some(removedId=>_componentId().ComponentID.isEqualObj(removedId,prevComponent.id))?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:null})}):prev}});return()=>{unsubChanges(),unsubAddition(),unsubRemoval()}},[]);const rawComponent=data==null||(_data$getHost=data.getHost)===null||_data$getHost===void 0?void 0:_data$getHost.get;return(0,_react().useMemo)(()=>{const aspectList={entries:rawComponent?.aspects.map(aspectObject=>_objectSpread(_objectSpread({},aspectObject),{},{aspectId:aspectObject.id,aspectData:aspectObject.data}))},id=rawComponent&&_componentId().ComponentID.fromObject(rawComponent.id);return _objectSpread({componentDescriptor:id?_componentDescriptor().ComponentDescriptor.fromObject({id:id.toString(),aspectList}):void 0,component:rawComponent?_componentModel().ComponentModel.from(_objectSpread(_objectSpread({},rawComponent),{},{host})):void 0,error:error?new(_componentError()).ComponentError(500,error.message):!rawComponent&&!loading?new(_componentError()).ComponentError(404):void 0,loading},rest)},[rawComponent,host,error])}},21268:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(88140);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function useComponent(host,id,options){var _ref;const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent}=options||{},componentVersion=(_ref=version||query.get("version"))!==null&&_ref!==void 0?_ref:void 0;if(!id)throw new TypeError("useComponent received no component id");const componentIdStr=withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr,host,logFilters)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},4405:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;const humanize_string_1=__importDefault(__webpack_require__(40434));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}exports.humanizeCompositionId=humanizeCompositionId},91888:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(4405);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},86435:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionErrorFallback=exports.CompositionCard=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),react_error_boundary_1=__webpack_require__(35800),base_ui_surfaces_card_1=__webpack_require__(91475),base_ui_theme_accent_color_1=__webpack_require__(176),react_ui_error_fallback_1=__webpack_require__(32334),compositions_model_composition_id_1=__webpack_require__(91888),evangelist_elements_icon_1=__webpack_require__(54560),base_ui_text_themed_text_1=__webpack_require__(94106),composition_card_module_scss_1=__importDefault(__webpack_require__(25020));function CompositionCard(_a){var{Composition,name,link,className}=_a,rest=__rest(_a,["Composition","name","link","className"]);const{canvas,compositionName}=Composition,humanizedName=(0,react_1.useMemo)(()=>compositionName||(0,compositions_model_composition_id_1.humanizeCompositionId)(name),[name,compositionName]);return react_1.default.createElement(base_ui_surfaces_card_1.Card,Object.assign({elevation:"low",className:(0,classnames_1.default)(className,composition_card_module_scss_1.default.compositionCard)},rest),react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:CompositionErrorFallback},react_1.default.createElement("div",{style:canvas,className:composition_card_module_scss_1.default.compositionContainer},react_1.default.createElement(Composition,null))),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_card_module_scss_1.default.title,base_ui_theme_accent_color_1.colorPalette.neutralHeavy,base_ui_text_themed_text_1.themedText)},react_1.default.createElement("span",null,humanizedName),link&&react_1.default.createElement("a",{className:composition_card_module_scss_1.default.linkToComposition,target:"_blank",rel:"noopener noreferrer",href:link},react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"open-tab"}))))}exports.CompositionCard=CompositionCard;function CompositionErrorFallback(props){return react_1.default.createElement(react_ui_error_fallback_1.ErrorFallback,Object.assign({},props,{className:(0,classnames_1.default)(props.className,composition_card_module_scss_1.default.compositionCardError)}))}exports.CompositionErrorFallback=CompositionErrorFallback},88903:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardProps=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(86435);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}}),Object.defineProperty(exports,"CompositionCardProps",{enumerable:!0,get:function(){return composition_card_1.CompositionCardProps}})},31161:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsMenuBar=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),lodash_flatten_1=__importDefault(__webpack_require__(5800)),compositions_menu_bar_module_scss_1=__importDefault(__webpack_require__(915));function CompositionsMenuBar(_a){var{className,menuBarWidgets,children}=_a,rest=__rest(_a,["className","menuBarWidgets","children"]);const widgetsStart=(0,react_1.useMemo)(()=>(0,lodash_flatten_1.default)(menuBarWidgets?.values()).filter(({location})=>location==="start").map(({content},idx)=>react_1.default.createElement(react_1.default.Fragment,{key:idx},content)),[menuBarWidgets]),widgetsEnd=(0,react_1.useMemo)(()=>(0,lodash_flatten_1.default)(menuBarWidgets?.values()).filter(({location})=>location==="end").map(({content},idx)=>react_1.default.createElement(react_1.default.Fragment,{key:idx},content)),[menuBarWidgets]);return!widgetsStart.length&&!widgetsEnd.length?null:react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(className,compositions_menu_bar_module_scss_1.default.compositionsMenuBar)}),!!(widgetsStart?.length||children)&&react_1.default.createElement("div",null,widgetsStart," ",children),react_1.default.createElement("div",{className:compositions_menu_bar_module_scss_1.default.spacer}),!!widgetsEnd?.length&&react_1.default.createElement("div",null,widgetsEnd))}exports.CompositionsMenuBar=CompositionsMenuBar},97725:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsMenuBar=void 0;var compositions_menu_bar_1=__webpack_require__(31161);Object.defineProperty(exports,"CompositionsMenuBar",{enumerable:!0,get:function(){return compositions_menu_bar_1.CompositionsMenuBar}})},494:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreviewQueryParams=exports.usePreview=exports.CompositionContextProviderProps=exports.CompositionContextProvider=void 0;var use_composition_1=__webpack_require__(49522);Object.defineProperty(exports,"CompositionContextProvider",{enumerable:!0,get:function(){return use_composition_1.CompositionContextProvider}}),Object.defineProperty(exports,"CompositionContextProviderProps",{enumerable:!0,get:function(){return use_composition_1.CompositionContextProviderProps}}),Object.defineProperty(exports,"usePreview",{enumerable:!0,get:function(){return use_composition_1.usePreview}});var use_preview_query_params_1=__webpack_require__(68642);Object.defineProperty(exports,"usePreviewQueryParams",{enumerable:!0,get:function(){return use_preview_query_params_1.usePreviewQueryParams}})},49522:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result};Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreview=exports.CompositionContextProvider=void 0;const react_1=__importStar(__webpack_require__(67294)),CompositionsCtx=(0,react_1.createContext)({queryParams:{},setQueryParams:()=>{}});function CompositionContextProvider({children,queryParams,setQueryParams}){const state=(0,react_1.useMemo)(()=>({queryParams,setQueryParams}),[queryParams,setQueryParams]);return react_1.default.createElement(CompositionsCtx.Provider,{value:state},children)}exports.CompositionContextProvider=CompositionContextProvider;function usePreview(){return(0,react_1.useContext)(CompositionsCtx)}exports.usePreview=usePreview},68642:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreviewQueryParams=void 0;const react_1=__webpack_require__(67294),use_composition_1=__webpack_require__(49522);function usePreviewQueryParams(paramName){const ctx=(0,use_composition_1.usePreview)(),param=ctx.queryParams[paramName],setQueryParam=(0,react_1.useCallback)(value2=>ctx.setQueryParams(state=>Object.assign(Object.assign({},state),{[paramName]:value2})),[paramName]);return[param,setQueryParam]}exports.usePreviewQueryParams=usePreviewQueryParams},39708:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(91888);return _compositionsModel=function(){return data},data}class Composition{constructor(identifier,filepath,_displayName){this.identifier=identifier,this.filepath=filepath,this._displayName=_displayName}get displayName(){return this._displayName||(0,_compositionsModel().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},36717:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.CompositionsAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const CompositionsAspect=_harmony().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});exports.CompositionsAspect=CompositionsAspect;var _default=CompositionsAspect;exports.default=_default},82704:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(26561));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(17563));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(14323);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(38577);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(73624);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(68211);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(75694);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(52515);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(82718);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(32098);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(6470);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(74162);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(97725);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(494);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(74749);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(21335);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(68158);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(67902);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(15801);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(56926);return _designUiSurfaces=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(62133));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(14427);return _compositionsPanel=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function Compositions({menuBarWidgets,emptyState}){var _component$preview;const component=(0,_react().useContext)(_component().ComponentContext),[selected,selectComposition]=(0,_react().useState)((0,_lodash().default)(component.compositions)),selectedRef=(0,_react().useRef)(selected);selectedRef.current=selected;const properties=(0,_docsUiQueries().useDocs)(component.id);(0,_react().useEffect)(()=>{var _selectedRef$current;const prevId=(_selectedRef$current=selectedRef.current)===null||_selectedRef$current===void 0?void 0:_selectedRef$current.identifier,next=component.compositions.find(c=>c.identifier===prevId)||component.compositions[0];selectComposition(next)},[component]);const showSidebar=!(0,_uiFoundationUiHooks().useIsMobile)()&&component.compositions.length>0,[isSidebarOpen,setSidebarOpenness]=(0,_react().useState)(showSidebar),sidebarOpenness=isSidebarOpen?_baseUiSurfacesSplitPane().Layout.row:_baseUiSurfacesSplitPane().Layout.left,compositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions"),isScaling=component==null||(_component$preview=component.preview)===null||_component$preview===void 0?void 0:_component$preview.isScaling,compositionIdentifierParam=isScaling?`name=${selected?.identifier}`:selected?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)({}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]);return(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),_react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"85%",className:_compositionsModule().default.compositionsPage},_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.left},_react().default.createElement(_compositionsUi().CompositionsMenuBar,{menuBarWidgets,className:_compositionsModule().default.menuBar},_react().default.createElement(_baseReactNavigation().Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.openInNewTab},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"}))),_react().default.createElement(CompositionContent,{emptyState,component,selected,queryParams})),_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter,{className:_compositionsModule().default.splitter},_react().default.createElement(_uiFoundationUiButtons().Collapser,{placement:"left",isOpen:isSidebarOpen,onMouseDown:e=>e.stopPropagation(),onClick:()=>setSidebarOpenness(x=>!x),tooltipContent:`${isSidebarOpen?"Hide":"Show"} side compositions`,className:_compositionsModule().default.collapser})),_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.right},_react().default.createElement(_documenterTheme().ThemeContext,null,_react().default.createElement(_panels().TabContainer,{className:_compositionsModule().default.tabsContainer},_react().default.createElement(_panels().TabList,{className:_compositionsModule().default.tabs},_react().default.createElement(_panels().Tab,null,"compositions"),_react().default.createElement(_panels().Tab,null,"properties")),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},_react().default.createElement(_compositionsPanel().CompositionsPanel,{isScaling,onSelectComposition:selectComposition,url:compositionUrl,compositions:component.compositions,active:selected,className:_compositionsModule().default.compost})),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},properties&&properties.length>0?_react().default.createElement(_documenterUi().PropTable,{rows:properties,showListView:!0}):_react().default.createElement("div",null)))))))}function CompositionContent({component,selected,queryParams,emptyState}){var _component$environmen;const env=(_component$environmen=component.environment)===null||_component$environmen===void 0?void 0:_component$environmen.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/docs/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,{className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams})}},61517:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(88674),__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(26561));return _lodash=function(){return data},data}function _compositions(){const data=__webpack_require__(36717);return _compositions=function(){return data},data}class CompositionsPreview{constructor(preview){this.preview=preview}render(componentId,modules,otherPreviewDefs,context){if(!modules.componentMap[componentId.fullName])return;const compositions=this.selectPreviewModel(componentId.fullName,modules),metadata=this.getMetadata(componentId.fullName,modules),active=this.getActiveComposition(compositions,metadata);modules.mainModule.default(active,context)}selectPreviewModel(componentFullName,previewModule){const files=previewModule.componentMap[componentFullName]||[];return Object.assign({},...files)}getMetadata(componentFullName,previewModule){const metadata=previewModule!=null&&previewModule.componentMapMetadata?previewModule.componentMapMetadata[componentFullName]:void 0;if(metadata)return metadata}getActiveComposition(module,metadata){const query=this.preview.getQuery(),param=this.preview.getParam(query,"name");if(param&&module[param])return module[param];if(metadata&&metadata.compositions){const first2=(0,_lodash().default)(metadata.compositions),firstId=first2?.identifier;if(firstId&&module[firstId])return module[firstId]}return(0,_lodash().default)(Object.values(module))}static async provider([preview]){const compPreview=new CompositionsPreview(preview);return preview.registerPreview({name:"compositions",render:compPreview.render.bind(compPreview),selectPreviewModel:compPreview.selectPreviewModel.bind(compPreview),default:!0}),compPreview}}__webpack_unused_export__=CompositionsPreview,(0,_defineProperty2().default)(CompositionsPreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(CompositionsPreview,"dependencies",[_preview().PreviewAspect]),_compositions().CompositionsAspect.addRuntime(CompositionsPreview)},32552:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _ui().ComponentComposition}}),Object.defineProperty(exports,"Composition",{enumerable:!0,get:function(){return _composition().Composition}}),Object.defineProperty(exports,"CompositionContent",{enumerable:!0,get:function(){return _compositions2().CompositionContent}}),Object.defineProperty(exports,"CompositionContentProps",{enumerable:!0,get:function(){return _compositions2().CompositionContentProps}}),Object.defineProperty(exports,"CompositionProps",{enumerable:!0,get:function(){return _composition().CompositionProps}}),Object.defineProperty(exports,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),Object.defineProperty(exports,"CompositionsOverview",{enumerable:!0,get:function(){return _compositionsOverview().CompositionsOverview}}),exports.default=void 0;function _compositions(){const data=__webpack_require__(36717);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(39708);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(82704);return _compositions2=function(){return data},data}function _compositionsOverview(){const data=__webpack_require__(17126);return _compositionsOverview=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}var _default=_compositions().CompositionsAspect;exports.default=_default},23700:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=(0,_objectWithoutProperties2().default)(_ref,["composition","component","queryParams"]);const compositionParams=(0,_react().useMemo)(()=>{var _component$preview;return(composition?[(_component$preview=component.preview)!==null&&_component$preview!==void 0&&_component$preview.isScaling?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams)},[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,(0,_extends2().default)({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams}))}},61425:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsOverview=CompositionsOverview;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(88903);return _compositionsUi=function(){return data},data}function _compositionsOverviewModule(){const data=_interopRequireDefault(__webpack_require__(486));return _compositionsOverviewModule=function(){return data},data}function CompositionsOverview({compositions,compositionCardClass}){return _react().default.createElement("div",{className:_compositionsOverviewModule().default.background},compositions&&Object.entries(compositions).map(([key,composition])=>_react().default.createElement(_compositionsUi().CompositionCard,{key,Composition:composition,name:key,className:compositionCardClass})))}},17126:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _compositionsOverview=__webpack_require__(61425);Object.keys(_compositionsOverview).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_compositionsOverview[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _compositionsOverview[key]}})})},14427:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}function _evangelistElements(){const data=__webpack_require__(54560);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(10647));return _compositionsPanelModule=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,active,className}=_ref,rest=(0,_objectWithoutProperties2().default)(_ref,["url","compositions","isScaling","onSelectComposition","active","className"]);const handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected)},[onSelect]);return _react().default.createElement("ul",(0,_extends2().default)({},rest,{className:(0,_classnames().default)(className)}),compositions.map(composition=>{const href=isScaling?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.linkWrapper,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.box}),_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.right},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"}))))}))}},29066:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _compositionPreview().ComponentComposition}});function _compositionPreview(){const data=__webpack_require__(23700);return _compositionPreview=function(){return data},data}},67076:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Icon=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_ui_elements_icon_1=__webpack_require__(48318),iconSetPrefix="bitcon";function Icon(_a){var{className,of:iconName}=_a,rest=__rest(_a,["className","of"]);return react_1.default.createElement(base_ui_elements_icon_1.BaseIcon,Object.assign({of:`${iconSetPrefix}-${iconName}`,className,"data-bit-id":"teambit.evangelist/elements/icon"},rest))}exports.Icon=Icon},25768:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Icon=void 0;var icon_1=__webpack_require__(67076);Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return icon_1.Icon}})},76924:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(16558)),base_ui_surfaces_drawer_1=__webpack_require__(62918),base_ui_surfaces_abs_container_1=__webpack_require__(63867),base_ui_css_components_elevation_1=__webpack_require__(88834),base_ui_css_components_roundness_1=__webpack_require__(70518),base_ui_surfaces_background_1=__webpack_require__(17287),evangelist_css_components_fade_in_out_1=__webpack_require__(33859),dropdown_module_scss_1=__importDefault(__webpack_require__(82135));function Dropdown(_a){var{children,position="bottom",elevation="low",roundness="small",dropClass,margin=4}=_a,rest=__rest(_a,["children","position","elevation","roundness","dropClass","margin"]);return react_1.default.createElement(base_ui_surfaces_drawer_1.Drawer,Object.assign({margin},rest),react_1.default.createElement(DropdownMenu,{position,elevation,roundness,className:dropClass},children))}exports.Dropdown=Dropdown;function DropdownMenu(_a){var{className,elevation="low",roundness="small"}=_a,rest=__rest(_a,["className","elevation","roundness"]);return react_1.default.createElement(base_ui_surfaces_abs_container_1.Containee,Object.assign({},rest,{className:(0,classnames_1.default)(dropdown_module_scss_1.default.dropdownMenu,base_ui_surfaces_background_1.backgrounds.layer,base_ui_css_components_elevation_1.elevationClass[elevation],base_ui_css_components_roundness_1.roundnessClass[roundness],evangelist_css_components_fade_in_out_1.fadeInOutClass,className)}))}},54290:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(76924),exports)},17287:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.backgrounds=void 0;const background_module_scss_1=__importDefault(__webpack_require__(21690));exports.backgrounds={bedrock:background_module_scss_1.default.bedrock,base:background_module_scss_1.default.base,layer:background_module_scss_1.default.layer,crust:background_module_scss_1.default.crust,topping:background_module_scss_1.default.topping,dent:background_module_scss_1.default.dent}},16558:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
229
229
  Copyright (c) 2018 Jed Watson.
230
230
  Licensed under the MIT License (MIT), see
231
231
  http://jedwatson.github.io/classnames
@@ -473,7 +473,7 @@ The following dependencies succeeded loading:`}}exports.default=ExtensionPotenti
473
473
  }
474
474
  `;function useLanes(getViewedLaneId){var _a;const lanesContext=(0,lanes_context_1.useLanesContext)(),skip=!!lanesContext,_b=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANES,{skip}),{data}=_b,rest=__rest(_b,["data"]),{scope,loading}=(0,scope_ui_hooks_use_scope_1.useScopeQuery)(skip);let lanesModel;return lanesContext?lanesModel=lanesContext:lanesModel=data&&lanes_ui_models_1.LanesModel.from({data,host:(_a=data?.getHost)===null||_a===void 0?void 0:_a.id,scope,viewedLaneId:getViewedLaneId?.()}),(0,react_1.useEffect)(()=>{if(getViewedLaneId){const viewedLaneId=getViewedLaneId();lanesModel?.setViewedLane(viewedLaneId)}},[lanesModel,getViewedLaneId]),Object.assign(Object.assign({},rest),{loading:rest.loading||!!loading,lanesModel})}exports.useLanes=useLanes},63987:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.EmptyLane=void 0;const react_1=__importDefault(__webpack_require__(67294)),ui_foundation_ui_empty_component_gallery_1=__webpack_require__(54648),empty_lane_overview_module_scss_1=__importDefault(__webpack_require__(97415));function EmptyLane(props){return react_1.default.createElement(ui_foundation_ui_empty_component_gallery_1.EmptyComponentGallery,Object.assign({},props),react_1.default.createElement("div",{className:empty_lane_overview_module_scss_1.default.text},"Start by snapping components to this Lane."))}exports.EmptyLane=EmptyLane},95571:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LaneBreadcrumbProps=exports.LaneBreadcrumb=exports.LaneDetailsProps=exports.LaneDetails=exports.LaneOverviewLineSlot=exports.LaneOverviewLine=exports.LaneGallery=exports.LaneGalleryProps=void 0;var lane_gallery_1=__webpack_require__(19697);Object.defineProperty(exports,"LaneGalleryProps",{enumerable:!0,get:function(){return lane_gallery_1.LaneGalleryProps}}),Object.defineProperty(exports,"LaneGallery",{enumerable:!0,get:function(){return lane_gallery_1.LaneGallery}}),Object.defineProperty(exports,"LaneOverviewLine",{enumerable:!0,get:function(){return lane_gallery_1.LaneOverviewLine}}),Object.defineProperty(exports,"LaneOverviewLineSlot",{enumerable:!0,get:function(){return lane_gallery_1.LaneOverviewLineSlot}});var lane_details_1=__webpack_require__(81840);Object.defineProperty(exports,"LaneDetails",{enumerable:!0,get:function(){return lane_details_1.LaneDetails}}),Object.defineProperty(exports,"LaneDetailsProps",{enumerable:!0,get:function(){return lane_details_1.LaneDetailsProps}});var lane_breadcrumb_1=__webpack_require__(27237);Object.defineProperty(exports,"LaneBreadcrumb",{enumerable:!0,get:function(){return lane_breadcrumb_1.LaneBreadcrumb}}),Object.defineProperty(exports,"LaneBreadcrumbProps",{enumerable:!0,get:function(){return lane_breadcrumb_1.LaneBreadcrumbProps}})},27237:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LaneBreadcrumb=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),evangelist_elements_icon_1=__webpack_require__(54560),design_ui_styles_ellipsis_1=__webpack_require__(31944),base_react_navigation_link_1=__webpack_require__(22576),lanes_ui_models_1=__webpack_require__(63625),lane_breadcrumb_module_scss_1=__importDefault(__webpack_require__(47437));function LaneBreadcrumb(_a){var{lane,className}=_a,rest=__rest(_a,["lane","className"]);return lane?react_1.default.createElement(base_react_navigation_link_1.Link,{href:lanes_ui_models_1.LanesModel.getLaneUrl(lane.id),className:lane_breadcrumb_module_scss_1.default.laneUrl},react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(lane_breadcrumb_module_scss_1.default.lane,className)}),react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"lane"}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:lane_breadcrumb_module_scss_1.default.laneId},lane.id))):null}exports.LaneBreadcrumb=LaneBreadcrumb},81840:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LaneDetails=void 0;const documenter_ui_sub_title_1=__webpack_require__(88270),scope_ui_scope_title_1=__webpack_require__(40896),classnames_1=__importDefault(__webpack_require__(94184)),react_1=__importDefault(__webpack_require__(67294)),component_ui_badges_component_count_1=__webpack_require__(32682),lane_details_module_scss_1=__importDefault(__webpack_require__(64080));function LaneDetails(_a){var{description,componentCount,className,laneName}=_a,rest=__rest(_a,["description","componentCount","className","laneName"]);return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(lane_details_module_scss_1.default.laneTitle,className)}),react_1.default.createElement("div",{className:lane_details_module_scss_1.default.titleRow},react_1.default.createElement(scope_ui_scope_title_1.ScopeTitle,{scopeName:laneName,icon:"https://static.bit.dev/bit-icons/lane.svg",backgroundIconColor:"unset",iconClassName:lane_details_module_scss_1.default.laneIcon})),react_1.default.createElement(documenter_ui_sub_title_1.Subtitle,null,description),react_1.default.createElement(component_ui_badges_component_count_1.ComponentCount,{count:componentCount}))}exports.LaneDetails=LaneDetails},19697:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LaneGallery=void 0;const react_1=__importStar(__webpack_require__(67294)),lanes_ui_models_1=__webpack_require__(63625),explorer_ui_gallery_component_grid_1=__webpack_require__(77615),ui_foundation_ui_react_router_slot_router_1=__webpack_require__(28776),workspace_ui_workspace_component_card_1=__webpack_require__(10091),lanes_hooks_use_lanes_1=__webpack_require__(33461),lanes_hooks_use_lane_components_1=__webpack_require__(98485),lodash_flatten_1=__importDefault(__webpack_require__(5800)),scope_1=__webpack_require__(54268),empty_lane_overview_1=__webpack_require__(63987),lane_details_1=__webpack_require__(81840),lane_gallery_module_scss_1=__importDefault(__webpack_require__(47477));function LaneGallery({routeSlot,overviewSlot,host}){const{lanesModel}=(0,lanes_hooks_use_lanes_1.useLanes)(),overviewItems=(0,react_1.useMemo)(()=>(0,lodash_flatten_1.default)(overviewSlot?.values()),[overviewSlot]),currentLane=lanesModel?.viewedLane;return!currentLane||!currentLane.id?null:currentLane.components.length===0?react_1.default.createElement(empty_lane_overview_1.EmptyLane,{name:currentLane.name}):react_1.default.createElement(LaneGalleryWithPreview,{host,currentLane,overviewItems,routeSlot})}exports.LaneGallery=LaneGallery;function LaneGalleryWithPreview({currentLane,overviewItems,routeSlot,host}){const{loading,components}=(0,lanes_hooks_use_lane_components_1.useLaneComponents)(currentLane);if(loading)return null;const ComponentCard=host==="workspace"?({component})=>react_1.default.createElement(workspace_ui_workspace_component_card_1.WorkspaceComponentCard,{component,componentUrl:lanes_ui_models_1.LanesModel.getLaneComponentUrl(component.id,currentLane.id)}):({component})=>react_1.default.createElement(scope_1.ScopeComponentCard,{component,componentUrl:lanes_ui_models_1.LanesModel.getLaneComponentUrl(component.id,currentLane.id)});return react_1.default.createElement("div",{className:lane_gallery_module_scss_1.default.container},react_1.default.createElement(lane_details_1.LaneDetails,{className:lane_gallery_module_scss_1.default.laneDetails,laneName:currentLane.id,description:"",componentCount:currentLane.components.length}),react_1.default.createElement(explorer_ui_gallery_component_grid_1.ComponentGrid,null,components?.map((component,index)=>react_1.default.createElement(ComponentCard,{component,key:index}))),routeSlot&&react_1.default.createElement(ui_foundation_ui_react_router_slot_router_1.SlotRouter,{slot:routeSlot}),overviewItems.length>0&&overviewItems.map((Item,index)=>react_1.default.createElement(Item,{key:index})))}},63625:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;var lanes_model_1=__webpack_require__(10493);Object.defineProperty(exports,"LanesModel",{enumerable:!0,get:function(){return lanes_model_1.LanesModel}})},10493:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;const component_1=__webpack_require__(68211),base_ui_utils_string_affix_1=__webpack_require__(6354),path_to_regexp_1=__webpack_require__(51068);class LanesModel{constructor({lanes,viewedLane,currentLane}){this.isInViewedLane=componentId=>{var _a;return(_a=this.viewedLane)===null||_a===void 0?void 0:_a.components.some(comp=>comp.id.name===componentId.name)},this.getLaneComponentUrlByVersion=version=>{if(!version)return"";const componentAndLane=this.lanebyComponentHash.get(version);return componentAndLane?LanesModel.getLaneComponentUrl(componentAndLane.component.id,componentAndLane.lane.id):""},this.getLanesByComponentId=componentId=>this.lanesByComponentId.get(componentId.fullName),this.setViewedLane=viewedLaneId=>{this.viewedLane=this.lanes.find(lane=>lane.id===viewedLaneId)},this.resolveComponent=(fullName,laneId)=>{var _a;return(_a=laneId&&this.lanes.find(lane=>lane.id===laneId)||this.viewedLane)===null||_a===void 0?void 0:_a.components.find(component=>component.id.fullName===fullName)},this.viewedLane=viewedLane,this.currentLane=currentLane,this.lanes=lanes||[],this.lanesByScope=LanesModel.groupByScope(this.lanes);const{byHash,byId}=LanesModel.groupByComponentHashAndId(this.lanes);this.lanebyComponentHash=byHash,this.lanesByComponentId=byId}static mapToLaneModel(laneData,host,currentScope){const{id:name,remote,isMerged,components,readmeComponent}=laneData,laneName=name,laneScope=remote?.split("/")[0]||currentScope?.name||"",laneId=remote||`${laneScope?laneScope.concat("/"):""}${name}`,componentModels=components?.map(component=>component_1.ComponentModel.from(Object.assign(Object.assign({},component),{host})))||[],readmeComponentModel=readmeComponent&&component_1.ComponentModel.from(Object.assign(Object.assign({},readmeComponent),{host}));return{id:laneId,name:laneName,scope:laneScope,isMerged,components:componentModels,readmeComponent:readmeComponentModel}}static groupByScope(lanes){const grouped=new Map;return lanes.forEach(lane=>{const{scope}=lane;if(!grouped.has(scope))grouped.set(scope,[lane]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,lane])}}),grouped}static groupByComponentHashAndId(lanes){const byHash=new Map,byId=new Map;return lanes.forEach(lane=>{const{components}=lane;components.forEach(component=>{const id=component.id.fullName,version=component.id.version;byHash.set(version,{lane,component});const existing=byId.get(id)||[];existing.push(lane),byId.set(id,existing)})}),{byHash,byId}}static from({data,host,scope,viewedLaneId}){var _a,_b,_c,_d;const lanes=((_b=(_a=data?.lanes)===null||_a===void 0?void 0:_a.list)===null||_b===void 0?void 0:_b.map(lane=>LanesModel.mapToLaneModel(lane,host,scope)))||[],currentLane=!((_d=(_c=data.lanes)===null||_c===void 0?void 0:_c.current)===null||_d===void 0)&&_d.id?lanes.find(lane=>{var _a2,_b2;return lane.name===((_b2=(_a2=data.lanes)===null||_a2===void 0?void 0:_a2.current)===null||_b2===void 0?void 0:_b2.id)}):void 0,lanesModel=new LanesModel({lanes,currentLane});return lanesModel.setViewedLane(viewedLaneId),lanesModel}}exports.LanesModel=LanesModel,LanesModel.lanesPrefix="~lane",LanesModel.baseLaneComponentRoute="/~component",LanesModel.lanePath=":scopeId/:laneId",LanesModel.drawer={id:"LANES",name:"LANES",order:100},LanesModel.laneFromPathRegex=(0,path_to_regexp_1.pathToRegexp)(`${LanesModel.lanesPrefix}/${LanesModel.lanePath}`,void 0,{end:!1,start:!1}),LanesModel.getLaneIdFromPathname=pathname=>{const matches=LanesModel.laneFromPathRegex.exec(pathname);if(!matches)return;const[,scopeId,laneId]=matches;return`${scopeId}/${laneId}`},LanesModel.getLaneUrl=laneId=>`/${LanesModel.lanesPrefix}/${laneId}`,LanesModel.getLaneComponentUrl=(componentId,laneId)=>{const laneUrl=LanesModel.getLaneUrl(laneId),urlSearch=(0,base_ui_utils_string_affix_1.affix)("?version=",componentId.version);return`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.fullName}${urlSearch}`}},93659:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VERSION_DELIMITER=void 0;const decamelize_1=__importDefault(__webpack_require__(2466)),path=__importStar(__webpack_require__(26470)),semver=__importStar(__webpack_require__(81249)),lodash_1=__webpack_require__(96486),component_version_1=__webpack_require__(8886),is_valid_id_chunk_1=__importDefault(__webpack_require__(59697)),is_valid_scope_name_1=__importDefault(__webpack_require__(27330)),exceptions_1=__webpack_require__(50365);exports.VERSION_DELIMITER="@";class BitId{constructor({scope,box,name,version}){if(!name)throw new exceptions_1.InvalidName(name);this.scope=scope||null,this.box=void 0,this.name=box?`${box}/${name}`:name,this.version=version||void 0,Object.freeze(this)}clone(){return new BitId(this)}changeScope(newScope){return new BitId({scope:newScope,name:this.name,version:this.version})}changeVersion(newVersion){return new BitId({scope:this.scope,name:this.name,version:newVersion})}isLocal(scopeName){return!this.scope||Boolean(scopeName&&scopeName===this.scope)}getVersion(){return(0,component_version_1.versionParser)(this.version)}hasVersion(){return Boolean(this.version&&this.version!==component_version_1.LATEST_VERSION)}hasScope(){return Boolean(this.scope)}hasSameName(id){return this.name===id.name}hasSameScope(id){return this.hasScope()&&id.hasScope()?this.scope===id.scope:!this.hasScope()&&!id.hasScope()}hasSameVersion(id){return this.hasVersion()&&id.hasVersion()?this.version===id.version:!this.hasVersion()&&!id.hasVersion()}toString(ignoreScope=!1,ignoreVersion=!1){const{name,version}=this,scope=this.scope,componentStr=ignoreScope||!scope?name:[scope,name].join("/");return ignoreVersion||!this.hasVersion()?componentStr:componentStr.concat(`${exports.VERSION_DELIMITER}${version}`)}toStringWithoutScope(){return this.toString(!0)}toStringWithoutVersion(){return this.toString(!1,!0)}toStringWithoutScopeAndVersion(){return this.toString(!0,!0)}isEqual(bitId){return this.hasSameName(bitId)&&this.hasSameScope(bitId)&&this.hasSameVersion(bitId)}isEqualWithoutVersion(bitId){return this.hasSameName(bitId)&&this.hasSameScope(bitId)}isEqualWithoutScopeAndVersion(bitId){return this.hasSameName(bitId)}serialize(){const obj={scope:this.scope,name:this.name,version:this.version};return this.hasVersion()||delete obj.version,this.hasScope()||delete obj.scope,obj}toFullPath(){if(!this.scope||!this.version)throw new Error("BitId.toFullPath is unable to generate a path without a scope or a version");return path.join(this.name,this.scope,this.version)}isVersionSnap(){return(0,component_version_1.isHash)(this.version)}getVersionPreReleaseData(){return this.version?semver.prerelease(this.version):null}static getStringWithoutVersion(id){const splitted=id.split(exports.VERSION_DELIMITER);let res2=splitted[0];return id.startsWith(exports.VERSION_DELIMITER)&&(res2=`${exports.VERSION_DELIMITER}${splitted[1]}`),res2}static getVersionOnlyFromString(id){return id.split(exports.VERSION_DELIMITER)[1]}static parse(id,hasScope=!0,version=component_version_1.LATEST_VERSION){if(typeof id!="string")throw new TypeError(`BitId.parse expects to get "id" as a string, instead, got ${typeof id}`);if(id.includes(exports.VERSION_DELIMITER)&&id.lastIndexOf(exports.VERSION_DELIMITER)>0){const[newId,newVersion]=id.split(exports.VERSION_DELIMITER);id=newId,version=newVersion}const getScopeAndName=()=>hasScope?BitId.getScopeAndName(id):{scope:void 0,name:id},{scope,name}=getScopeAndName();if(!(0,is_valid_id_chunk_1.default)(name))throw new exceptions_1.InvalidName(name);if(scope&&!(0,is_valid_scope_name_1.default)(scope))throw new exceptions_1.InvalidScopeName(scope,id);return new BitId({scope,name,version})}static getScopeAndName(id){const delimiterIndex=id.indexOf("/");if(delimiterIndex<0)throw new exceptions_1.InvalidBitId(id);const scope=id.substring(0,delimiterIndex),name=id.substring(delimiterIndex+1);return{scope,name}}static parseObsolete(id,version=component_version_1.LATEST_VERSION){if(id.includes(exports.VERSION_DELIMITER)){const[newId,newVersion]=id.split(exports.VERSION_DELIMITER);id=newId,version=newVersion}const idSplit=id.split("/");if(idSplit.length===3){const[scope,box,name]=idSplit;if(!(0,is_valid_id_chunk_1.default)(name,!1)||!(0,is_valid_id_chunk_1.default)(box,!1)||!(0,is_valid_scope_name_1.default)(scope))throw new exceptions_1.InvalidIdChunk(`${scope}/${box}/${name}`);return new BitId({scope,box,name,version})}if(idSplit.length===2){const[box,name]=idSplit;if(!(0,is_valid_id_chunk_1.default)(name,!1)||!(0,is_valid_id_chunk_1.default)(box,!1))throw new exceptions_1.InvalidIdChunk(`${box}/${name}`);return new BitId({box,name,version})}if(idSplit.length===1){const[name]=idSplit;if(!(0,is_valid_id_chunk_1.default)(name))throw new exceptions_1.InvalidIdChunk(name);return new BitId({name,version})}throw new exceptions_1.InvalidBitId(id)}static parseBackwardCompatible(id){return typeof id=="string"?BitId.parseObsolete(id):new BitId(id)}static getValidScopeName(scope){let cleanName=scope.toLowerCase().split("").map(char=>/^[$\-_!.a-z0-9]+$/.test(char)?char:"").join("");const nameSplitByDot=cleanName.split(".");if(nameSplitByDot.length>1&&(cleanName=`${(0,lodash_1.head)(nameSplitByDot)}.${(0,lodash_1.tail)(nameSplitByDot).join("")}`),!cleanName)throw new Error("scope name created by directory name have to contains at least one character or number");return cleanName}static getValidIdChunk(chunk){return(0,is_valid_id_chunk_1.default)(chunk)||(chunk=chunk.replace(/\./g,""),chunk=chunk.replace(/ /g,"-"),chunk=(0,decamelize_1.default)(chunk,"-")),chunk}static getValidBitId(box,name){return new BitId({name:BitId.getValidIdChunk(name),box:box?BitId.getValidIdChunk(box):void 0})}static isValidVersion(version){return BitId.isValidSemver(version)||(0,component_version_1.isHash)(version)}static isValidSemver(version){return Boolean(semver.valid(version))}}exports.default=BitId},50365:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.InvalidScopeNameFromRemote=exports.InvalidScopeName=exports.InvalidName=exports.InvalidIdChunk=exports.InvalidBitId=void 0;const invalid_bit_id_1=__importDefault(__webpack_require__(70579));exports.InvalidBitId=invalid_bit_id_1.default;const invalid_id_chunk_1=__importDefault(__webpack_require__(72951));exports.InvalidIdChunk=invalid_id_chunk_1.default;const invalid_name_1=__importDefault(__webpack_require__(71815));exports.InvalidName=invalid_name_1.default;const invalid_scope_name_1=__importDefault(__webpack_require__(15398));exports.InvalidScopeName=invalid_scope_name_1.default;const invalid_scope_name_from_remote_1=__importDefault(__webpack_require__(83129));exports.InvalidScopeNameFromRemote=invalid_scope_name_from_remote_1.default},70579:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const bit_error_1=__webpack_require__(93902);class InvalidBitId extends bit_error_1.BitError{constructor(id){super(`error: component ID "${id}" is invalid, please use the following format: [scope]/<name>`)}}exports.default=InvalidBitId},72951:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const bit_error_1=__webpack_require__(93902);class InvalidIdChunk extends bit_error_1.BitError{constructor(id){super(`error: "${id}" is invalid, component IDs can only contain alphanumeric, lowercase characters, and the following ["-", "_", "$", "!"]`)}}exports.default=InvalidIdChunk},71815:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const bit_error_1=__webpack_require__(93902);class InvalidName extends bit_error_1.BitError{constructor(componentName){super(`error: "${componentName}" is invalid, component names can only contain alphanumeric, lowercase characters, and the following ["-", "_", "$", "!", "/"]`)}}exports.default=InvalidName},83129:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const bit_error_1=__webpack_require__(93902);class InvalidScopeNameFromRemote extends bit_error_1.BitError{constructor(scopeName){super(`cannot find scope '${scopeName}'.
475
475
  if you are targeting a self-hosted scope, please ensure the scope is configured in your remotes (via "bit remote" command) and that the scope name is correct.
476
- if this is a scope on bit.cloud please add the organization name before the scope (yourOrg.some-scope-name)`)}}exports.default=InvalidScopeNameFromRemote},15398:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const bit_error_1=__webpack_require__(93902);class InvalidScopeName extends bit_error_1.BitError{constructor(scopeName,id,variant){const variantStr=variant?`configured in variant "${variant}" `:"";super(`error: "${id||scopeName}" ${variantStr}is invalid, component scope names can only contain alphanumeric, lowercase characters, and the following ["-", "_", "$", "!"]`)}}exports.default=InvalidScopeName},35666:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.InvalidScopeNameFromRemote=exports.InvalidScopeName=exports.InvalidName=exports.isValidScopeName=exports.VERSION_DELIMITER=exports.BitIdStr=exports.BitIdProps=exports.BitId=void 0;const bit_id_1=__importStar(__webpack_require__(93659));exports.BitId=bit_id_1.default,Object.defineProperty(exports,"BitIdProps",{enumerable:!0,get:function(){return bit_id_1.BitIdProps}}),Object.defineProperty(exports,"VERSION_DELIMITER",{enumerable:!0,get:function(){return bit_id_1.VERSION_DELIMITER}}),Object.defineProperty(exports,"BitIdStr",{enumerable:!0,get:function(){return bit_id_1.BitIdStr}});const exceptions_1=__webpack_require__(50365);Object.defineProperty(exports,"InvalidName",{enumerable:!0,get:function(){return exceptions_1.InvalidName}}),Object.defineProperty(exports,"InvalidScopeName",{enumerable:!0,get:function(){return exceptions_1.InvalidScopeName}}),Object.defineProperty(exports,"InvalidScopeNameFromRemote",{enumerable:!0,get:function(){return exceptions_1.InvalidScopeNameFromRemote}});const is_valid_scope_name_1=__importDefault(__webpack_require__(27330));exports.isValidScopeName=is_valid_scope_name_1.default},59697:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const validationRegExp=/^[-_a-z0-9/]+$/,validationRegExpDisallowSlash=/^[-_a-z0-9]+$/;function isValidIdChunk(val,allowSlash=!0){return typeof val!="string"||val.includes("//")?!1:(allowSlash?validationRegExp:validationRegExpDisallowSlash).test(val)}exports.default=isValidIdChunk},27330:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const validationRegExp=/^[$\-_!a-z0-9]+[.]?[$\-_!a-z0-9]+$/;function isValidScopeName(val){return typeof val!="string"?!1:validationRegExp.test(val)}exports.default=isValidScopeName},46162:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(1651),exports)},1651:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Link=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_react_navigation_link_1=__webpack_require__(22576),link_module_scss_1=__importDefault(__webpack_require__(14771));function Link(props){return react_1.default.createElement(base_react_navigation_link_1.Link,Object.assign({},props,{className:link_module_scss_1.default.link,external:!0}))}exports.Link=Link},26920:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(56998),exports)},56998:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Snippet=void 0;const react_1=__importStar(__webpack_require__(67294)),mdx_ui_mdx_scope_context_1=__webpack_require__(38168),react_2=__webpack_require__(3905),documenter_markdown_hybrid_live_code_snippet_1=__webpack_require__(80188);function Snippet(_a){var{scope}=_a,rest=__rest(_a,["scope"]);const components=(0,react_1.useContext)(mdx_ui_mdx_scope_context_1.MDXScopeContext),_scope=(0,react_1.useMemo)(()=>Object.assign(Object.assign(Object.assign({},components),{mdx:react_2.mdx}),scope),[components,scope,react_2.mdx]);return react_1.default.createElement(documenter_markdown_hybrid_live_code_snippet_1.Snippet,Object.assign({scope:_scope},rest))}exports.Snippet=Snippet},74749:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MDXLayout=void 0;var mdx_layout_1=__webpack_require__(62590);Object.defineProperty(exports,"MDXLayout",{enumerable:!0,get:function(){return mdx_layout_1.MDXLayout}})},62590:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MDXLayout=void 0;const react_1=__importStar(__webpack_require__(67294)),documenter_markdown_mdx_1=__webpack_require__(94592),mdx_ui_docs_snippet_1=__webpack_require__(26920),mdx_ui_docs_link_1=__webpack_require__(46162);__webpack_require__(87420);const mdxComponents={code:mdx_ui_docs_snippet_1.Snippet,a:mdx_ui_docs_link_1.Link};function MDXLayout(_a){var{components}=_a,rest=__rest(_a,["components"]);const _components=(0,react_1.useMemo)(()=>Object.assign(Object.assign({},mdxComponents),components),[mdxComponents,components]);return react_1.default.createElement(documenter_markdown_mdx_1.MDXLayout,Object.assign({components:_components},rest))}exports.MDXLayout=MDXLayout},52515:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PanelUiAspect",{enumerable:!0,get:function(){return _panelUi().PanelUiAspect}}),Object.defineProperty(exports,"Tab",{enumerable:!0,get:function(){return _tabs().Tab}}),Object.defineProperty(exports,"TabContainer",{enumerable:!0,get:function(){return _tabs().TabContainer}}),Object.defineProperty(exports,"TabList",{enumerable:!0,get:function(){return _tabs().TabList}}),Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function(){return _tabs().TabPanel}});function _panelUi(){const data=__webpack_require__(9322);return _panelUi=function(){return data},data}function _tabs(){const data=__webpack_require__(63096);return _tabs=function(){return data},data}},9322:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelUiAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PanelUiAspect=_harmony().Aspect.create({id:"teambit.ui-foundation/panels",dependencies:[],defaultConfig:{}});exports.PanelUiAspect=PanelUiAspect},63096:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=Tab,exports.TabContainer=void 0,exports.TabList=TabList,exports.TabPanel=void 0;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _reactTabs(){const data=__webpack_require__(117);return _reactTabs=function(){return data},data}function _tabsModule(){const data=_interopRequireDefault(__webpack_require__(1470));return _tabsModule=function(){return data},data}const TabContainer=_reactTabs().Tabs;exports.TabContainer=TabContainer;function TabList(props){return _react().default.createElement(_reactTabs().TabList,(0,_extends2().default)({},props,{className:(0,_classnames().default)(_tabsModule().default.tabContainer,props.className)}))}TabList.tabsRole="TabList";const TabPanel=_reactTabs().TabPanel;exports.TabPanel=TabPanel;function Tab(props){return _react().default.createElement(_reactTabs().Tab,(0,_extends2().default)({},props,{className:(0,_classnames().default)(props.className,_tabsModule().default.tab),selectedClassName:_tabsModule().default.active,disabledClassName:_tabsModule().default.disabled}))}Tab.tabsRole="Tab"},75665:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.computePreviewScale=void 0;function computePreviewScale(width,containerWidth){const scale=containerWidth*.95/width;return scale>1?"scale(1)":`scale(${scale})`}exports.computePreviewScale=computePreviewScale},27699:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=exports.ComponentPreview=void 0;var preview_1=__webpack_require__(34874);Object.defineProperty(exports,"ComponentPreview",{enumerable:!0,get:function(){return preview_1.ComponentPreview}});var urls_1=__webpack_require__(99768);Object.defineProperty(exports,"toPreviewUrl",{enumerable:!0,get:function(){return urls_1.toPreviewUrl}}),Object.defineProperty(exports,"toPreviewServer",{enumerable:!0,get:function(){return urls_1.toPreviewServer}}),Object.defineProperty(exports,"toPreviewHash",{enumerable:!0,get:function(){return urls_1.toPreviewHash}})},34874:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentPreview=void 0;const react_1=__importStar(__webpack_require__(67294)),lodash_1=__webpack_require__(96486),penpal_1=__webpack_require__(65859),pubsub_1=__webpack_require__(23179),urls_1=__webpack_require__(99768),compute_preview_scale_1=__webpack_require__(75665),use_iframe_content_height_1=__webpack_require__(63853),preview_module_scss_1=__importDefault(__webpack_require__(65715));function ComponentPreview(_a){var _b,_c,_d,{component,previewName,forceHeight,queryParams,pubsub,viewport=1280,fullContentHeight=!1,style}=_a,rest=__rest(_a,["component","previewName","forceHeight","queryParams","pubsub","viewport","fullContentHeight","style"]);const[heightIframeRef,iframeHeight]=(0,use_iframe_content_height_1.useIframeContentHeight)({skip:!1,viewport}),iframeRef=(0,react_1.useRef)(null),[width,setWidth]=(0,react_1.useState)(0),[height,setHeight]=(0,react_1.useState)(0),containerRef=(0,react_1.useRef)(null),isScaling=(_b=component.preview)===null||_b===void 0?void 0:_b.isScaling,currentRef=isScaling?iframeRef:heightIframeRef;(0,pubsub_1.usePubSubIframe)(pubsub?currentRef:void 0),(0,react_1.useEffect)(()=>{!iframeRef.current||(0,penpal_1.connectToChild)({iframe:iframeRef.current,methods:{pub:(event,message)=>{message.type==="preview-size"&&(setWidth(message.data.width),setHeight(message.data.height))}}})},[iframeRef?.current]);const params=Array.isArray(queryParams)?queryParams.concat(`viewport=${viewport}`):(0,lodash_1.compact)([queryParams,`viewport=${viewport}`]),targetParams=viewport===null?queryParams:params,url=(0,urls_1.toPreviewUrl)(component,previewName,isScaling?targetParams:queryParams),containerWidth=((_c=containerRef.current)===null||_c===void 0?void 0:_c.offsetWidth)||0,containerHeight=((_d=containerRef.current)===null||_d===void 0?void 0:_d.offsetHeight)||0,currentWidth=fullContentHeight?"100%":(width||1280)+10,legacyCurrentWidth="100%",targetWidth=currentWidth<containerWidth?containerWidth:currentWidth,targetHeight=height!==0?height:5e3,finalHeight=!fullContentHeight&&targetHeight<containerHeight?containerHeight:targetHeight,defaultLegacyHeight=forceHeight||5e3,legacyIframeHeight=(iframeHeight||0)>400?iframeHeight:defaultLegacyHeight;return react_1.default.createElement("div",{ref:containerRef,className:preview_module_scss_1.default.preview,style:{height:forceHeight}},react_1.default.createElement("iframe",Object.assign({},rest,{ref:currentRef,style:Object.assign(Object.assign({},style),{height:isScaling?finalHeight:legacyIframeHeight,width:isScaling?targetWidth:legacyCurrentWidth,visibility:width===0&&isScaling&&!fullContentHeight?"hidden":void 0,transform:fullContentHeight?"":(0,compute_preview_scale_1.computePreviewScale)(width,containerWidth),border:0,transformOrigin:"top left"}),src:url})))}exports.ComponentPreview=ComponentPreview},99768:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=void 0;const base_ui_utils_string_affix_1=__webpack_require__(6354);function toPreviewUrl(component,previewName,additionalParams){const serverPath=toPreviewServer(component,previewName),hash=toPreviewHash(component,previewName,additionalParams);return`${serverPath}#${hash}`}exports.toPreviewUrl=toPreviewUrl;function toPreviewServer(component,previewName){var _a,_b;const explicitUrl=(_a=component.server)===null||_a===void 0?void 0:_a.url;return explicitUrl||(((_b=component.preview)===null||_b===void 0?void 0:_b.includesEnvTemplate)===!1?toEnvTemplatePreviewUrl(component,previewName):toComponentPreviewUrl(component))}exports.toPreviewServer=toPreviewServer;function toComponentPreviewUrl(component){return`/api/${component.id.toString()}/~aspect/preview/`}function toEnvTemplatePreviewUrl(component,previewName){var _a;const envId=(_a=component.environment)===null||_a===void 0?void 0:_a.id,search=`compId=${component.id.toString()}`;return`/api/${envId}/~aspect/env-template/${previewName}/?${search}`}function toPreviewHash(component,previewName,queryParams=""){const hashQuery=[(0,base_ui_utils_string_affix_1.affix)("preview=",previewName)].concat(queryParams).filter(x=>!!x).join("&");return`${component.id.toString()}${(0,base_ui_utils_string_affix_1.affix)("?",hashQuery)}`}exports.toPreviewHash=toPreviewHash},63853:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useInterval=exports.useIframeContentHeight=void 0;const react_1=__webpack_require__(67294);function useIframeContentHeight({interval=250,skip,viewport}){const iframeRef=(0,react_1.useRef)(null),[iframeHeight,setIframeHeight]=(0,react_1.useState)(0),[iframeWidth,setIframeWidth]=(0,react_1.useState)(0);if(skip)return[iframeRef,void 0,iframeWidth];let first=!0;return useInterval(()=>{var _a;try{const iframe=iframeRef.current;viewport!==null&&(iframe.contentWindow.document.body.style.width="fit-content"),!first&&iframe?.style.height==="5000px"&&(iframe.style.height="100%");const newHeight=iframe.contentWindow.document.body.scrollHeight,newWidth=(_a=iframe?.contentWindow)===null||_a===void 0?void 0:_a.document.body.offsetWidth;setIframeHeight(newHeight),setIframeWidth(newWidth||0),first=!1}catch{}},interval),[iframeRef,iframeHeight,iframeWidth]}exports.useIframeContentHeight=useIframeContentHeight;function useInterval(callback,interval){const savedCallback=(0,react_1.useRef)(()=>callback);(0,react_1.useEffect)(()=>{savedCallback.current=callback}),(0,react_1.useEffect)(()=>{function tick(){savedCallback.current()}if(interval!==null){const id=setInterval(tick,interval);return()=>clearInterval(id)}return()=>{}},[interval])}exports.useInterval=useInterval},61950:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewPlaceholder=void 0;var preview_placeholder_1=__webpack_require__(86202);Object.defineProperty(exports,"PreviewPlaceholder",{enumerable:!0,get:function(){return preview_placeholder_1.PreviewPlaceholder}})},86202:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewPlaceholder=void 0;const react_1=__importStar(__webpack_require__(67294)),compositions_1=__webpack_require__(32552),evangelist_elements_icon_1=__webpack_require__(54560),preview_placeholder_module_scss_1=__importDefault(__webpack_require__(55631));function PreviewPlaceholder({component,shouldShowPreview}){const selectedPreview=(0,react_1.useMemo)(()=>{if(!!shouldShowPreview)return selectDefaultComposition(component)},[component,shouldShowPreview]),name=component.id.toString();return component.buildStatus==="pending"?react_1.default.createElement("div",{className:preview_placeholder_module_scss_1.default.previewPlaceholder,"data-tip":"","data-for":name},react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"Ripple-processing"}),react_1.default.createElement("div",null,"Processing preview")):shouldShowPreview?react_1.default.createElement(compositions_1.ComponentComposition,{component,composition:selectedPreview,pubsub:!1}):react_1.default.createElement("div",{className:preview_placeholder_module_scss_1.default.previewPlaceholder,"data-tip":"","data-for":name},react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"img"}),react_1.default.createElement("div",null,"No preview available"))}exports.PreviewPlaceholder=PreviewPlaceholder;const PREVIEW_COMPOSITION_SUFFIX="Preview";function selectDefaultComposition(component){const{compositions}=component;return compositions.find(x=>x.identifier.endsWith(PREVIEW_COMPOSITION_SUFFIX))}},80396:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickInsideAnIframeEvent=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _pubsub(){const data=__webpack_require__(23179);return _pubsub=function(){return data},data}class ClickInsideAnIframeEventData{constructor(clickEvent){this.clickEvent=clickEvent}}class ClickInsideAnIframeEvent extends _pubsub().BitBaseEvent{constructor(timestamp=Date.now(),clickEvent){super(ClickInsideAnIframeEvent.TYPE,"0.0.1",timestamp,new ClickInsideAnIframeEventData(clickEvent));this.timestamp=timestamp,this.clickEvent=clickEvent}}exports.ClickInsideAnIframeEvent=ClickInsideAnIframeEvent,(0,_defineProperty2().default)(ClickInsideAnIframeEvent,"TYPE","click-inside-an-iframe")},67335:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _clickInsideAnIframe=__webpack_require__(80396);Object.keys(_clickInsideAnIframe).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_clickInsideAnIframe[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _clickInsideAnIframe[key]}})})},79794:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BundlingStrategyNotFound=void 0;class BundlingStrategyNotFound extends Error{constructor(strategyName){super(`bundling strategy with name ${strategyName} was not found`);this.strategyName=strategyName}}exports.BundlingStrategyNotFound=BundlingStrategyNotFound},67166:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BundlingStrategyNotFound",{enumerable:!0,get:function(){return _bundlingStrategyNotFound().BundlingStrategyNotFound}}),Object.defineProperty(exports,"PreviewArtifactNotFound",{enumerable:!0,get:function(){return _previewArtifactNotFound().PreviewArtifactNotFound}}),Object.defineProperty(exports,"PreviewNotFound",{enumerable:!0,get:function(){return _previewNotFound().PreviewNotFound}}),Object.defineProperty(exports,"PreviewOutputFileNotFound",{enumerable:!0,get:function(){return _previewOutputFileNotFound().PreviewOutputFileNotFound}});function _previewNotFound(){const data=__webpack_require__(39517);return _previewNotFound=function(){return data},data}function _previewArtifactNotFound(){const data=__webpack_require__(82330);return _previewArtifactNotFound=function(){return data},data}function _bundlingStrategyNotFound(){const data=__webpack_require__(79794);return _bundlingStrategyNotFound=function(){return data},data}function _previewOutputFileNotFound(){const data=__webpack_require__(13291);return _previewOutputFileNotFound=function(){return data},data}},82330:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewArtifactNotFound=void 0;function _bitError(){const data=__webpack_require__(93902);return _bitError=function(){return data},data}class PreviewArtifactNotFound extends _bitError().BitError{constructor(componentId){super(`preview for component ${componentId.toString()} was not found`)}}exports.PreviewArtifactNotFound=PreviewArtifactNotFound},39517:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewNotFound=void 0;class PreviewNotFound extends Error{constructor(name){super(`Preview for name: ${name} was not found`)}}exports.PreviewNotFound=PreviewNotFound},13291:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewOutputFileNotFound=void 0;function _bitError(){const data=__webpack_require__(93902);return _bitError=function(){return data},data}class PreviewOutputFileNotFound extends _bitError().BitError{constructor(componentId,filePath){super(`preview output file for component: "${componentId.toString()}" was not found in the path: "${filePath}".
476
+ if this is a scope on bit.cloud please add the organization name before the scope (yourOrg.some-scope-name)`)}}exports.default=InvalidScopeNameFromRemote},15398:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const bit_error_1=__webpack_require__(93902);class InvalidScopeName extends bit_error_1.BitError{constructor(scopeName,id,variant){const variantStr=variant?`configured in variant "${variant}" `:"";super(`error: "${id||scopeName}" ${variantStr}is invalid, component scope names can only contain alphanumeric, lowercase characters, and the following ["-", "_", "$", "!"]`)}}exports.default=InvalidScopeName},35666:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.InvalidScopeNameFromRemote=exports.InvalidScopeName=exports.InvalidName=exports.isValidScopeName=exports.VERSION_DELIMITER=exports.BitIdStr=exports.BitIdProps=exports.BitId=void 0;const bit_id_1=__importStar(__webpack_require__(93659));exports.BitId=bit_id_1.default,Object.defineProperty(exports,"BitIdProps",{enumerable:!0,get:function(){return bit_id_1.BitIdProps}}),Object.defineProperty(exports,"VERSION_DELIMITER",{enumerable:!0,get:function(){return bit_id_1.VERSION_DELIMITER}}),Object.defineProperty(exports,"BitIdStr",{enumerable:!0,get:function(){return bit_id_1.BitIdStr}});const exceptions_1=__webpack_require__(50365);Object.defineProperty(exports,"InvalidName",{enumerable:!0,get:function(){return exceptions_1.InvalidName}}),Object.defineProperty(exports,"InvalidScopeName",{enumerable:!0,get:function(){return exceptions_1.InvalidScopeName}}),Object.defineProperty(exports,"InvalidScopeNameFromRemote",{enumerable:!0,get:function(){return exceptions_1.InvalidScopeNameFromRemote}});const is_valid_scope_name_1=__importDefault(__webpack_require__(27330));exports.isValidScopeName=is_valid_scope_name_1.default},59697:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const validationRegExp=/^[-_a-z0-9/]+$/,validationRegExpDisallowSlash=/^[-_a-z0-9]+$/;function isValidIdChunk(val,allowSlash=!0){return typeof val!="string"||val.includes("//")?!1:(allowSlash?validationRegExp:validationRegExpDisallowSlash).test(val)}exports.default=isValidIdChunk},27330:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const validationRegExp=/^[$\-_!a-z0-9]+[.]?[$\-_!a-z0-9]+$/;function isValidScopeName(val){return typeof val!="string"?!1:validationRegExp.test(val)}exports.default=isValidScopeName},46162:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(1651),exports)},1651:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Link=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_react_navigation_link_1=__webpack_require__(22576),link_module_scss_1=__importDefault(__webpack_require__(14771));function Link(props){return react_1.default.createElement(base_react_navigation_link_1.Link,Object.assign({},props,{className:link_module_scss_1.default.link,external:!0}))}exports.Link=Link},26920:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(56998),exports)},56998:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Snippet=void 0;const react_1=__importStar(__webpack_require__(67294)),mdx_ui_mdx_scope_context_1=__webpack_require__(38168),react_2=__webpack_require__(3905),documenter_markdown_hybrid_live_code_snippet_1=__webpack_require__(80188);function Snippet(_a){var{scope}=_a,rest=__rest(_a,["scope"]);const components=(0,react_1.useContext)(mdx_ui_mdx_scope_context_1.MDXScopeContext),_scope=(0,react_1.useMemo)(()=>Object.assign(Object.assign(Object.assign({},components),{mdx:react_2.mdx}),scope),[components,scope,react_2.mdx]);return react_1.default.createElement(documenter_markdown_hybrid_live_code_snippet_1.Snippet,Object.assign({scope:_scope},rest))}exports.Snippet=Snippet},74749:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MDXLayout=void 0;var mdx_layout_1=__webpack_require__(62590);Object.defineProperty(exports,"MDXLayout",{enumerable:!0,get:function(){return mdx_layout_1.MDXLayout}})},62590:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MDXLayout=void 0;const react_1=__importStar(__webpack_require__(67294)),documenter_markdown_mdx_1=__webpack_require__(94592),mdx_ui_docs_snippet_1=__webpack_require__(26920),mdx_ui_docs_link_1=__webpack_require__(46162);__webpack_require__(87420);const mdxComponents={code:mdx_ui_docs_snippet_1.Snippet,a:mdx_ui_docs_link_1.Link};function MDXLayout(_a){var{components}=_a,rest=__rest(_a,["components"]);const _components=(0,react_1.useMemo)(()=>Object.assign(Object.assign({},mdxComponents),components),[mdxComponents,components]);return react_1.default.createElement(documenter_markdown_mdx_1.MDXLayout,Object.assign({components:_components},rest))}exports.MDXLayout=MDXLayout},52515:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PanelUiAspect",{enumerable:!0,get:function(){return _panelUi().PanelUiAspect}}),Object.defineProperty(exports,"Tab",{enumerable:!0,get:function(){return _tabs().Tab}}),Object.defineProperty(exports,"TabContainer",{enumerable:!0,get:function(){return _tabs().TabContainer}}),Object.defineProperty(exports,"TabList",{enumerable:!0,get:function(){return _tabs().TabList}}),Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function(){return _tabs().TabPanel}});function _panelUi(){const data=__webpack_require__(9322);return _panelUi=function(){return data},data}function _tabs(){const data=__webpack_require__(63096);return _tabs=function(){return data},data}},9322:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelUiAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PanelUiAspect=_harmony().Aspect.create({id:"teambit.ui-foundation/panels",dependencies:[],defaultConfig:{}});exports.PanelUiAspect=PanelUiAspect},63096:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=Tab,exports.TabContainer=void 0,exports.TabList=TabList,exports.TabPanel=void 0;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _reactTabs(){const data=__webpack_require__(117);return _reactTabs=function(){return data},data}function _tabsModule(){const data=_interopRequireDefault(__webpack_require__(1470));return _tabsModule=function(){return data},data}const TabContainer=_reactTabs().Tabs;exports.TabContainer=TabContainer;function TabList(props){return _react().default.createElement(_reactTabs().TabList,(0,_extends2().default)({},props,{className:(0,_classnames().default)(_tabsModule().default.tabContainer,props.className)}))}TabList.tabsRole="TabList";const TabPanel=_reactTabs().TabPanel;exports.TabPanel=TabPanel;function Tab(props){return _react().default.createElement(_reactTabs().Tab,(0,_extends2().default)({},props,{className:(0,_classnames().default)(props.className,_tabsModule().default.tab),selectedClassName:_tabsModule().default.active,disabledClassName:_tabsModule().default.disabled}))}Tab.tabsRole="Tab"},75665:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.computePreviewScale=void 0;function computePreviewScale(width,containerWidth){const scale=containerWidth*.95/width;return scale>1?"scale(1)":`scale(${scale})`}exports.computePreviewScale=computePreviewScale},27699:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=exports.ComponentPreview=void 0;var preview_1=__webpack_require__(34874);Object.defineProperty(exports,"ComponentPreview",{enumerable:!0,get:function(){return preview_1.ComponentPreview}});var urls_1=__webpack_require__(99768);Object.defineProperty(exports,"toPreviewUrl",{enumerable:!0,get:function(){return urls_1.toPreviewUrl}}),Object.defineProperty(exports,"toPreviewServer",{enumerable:!0,get:function(){return urls_1.toPreviewServer}}),Object.defineProperty(exports,"toPreviewHash",{enumerable:!0,get:function(){return urls_1.toPreviewHash}})},34874:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentPreview=void 0;const react_1=__importStar(__webpack_require__(67294)),lodash_1=__webpack_require__(96486),penpal_1=__webpack_require__(65859),pubsub_1=__webpack_require__(23179),urls_1=__webpack_require__(99768),compute_preview_scale_1=__webpack_require__(75665),use_iframe_content_height_1=__webpack_require__(63853),preview_module_scss_1=__importDefault(__webpack_require__(65715));function ComponentPreview(_a){var _b,_c,_d,{component,previewName,forceHeight,queryParams,pubsub,viewport=1280,fullContentHeight=!1,style}=_a,rest=__rest(_a,["component","previewName","forceHeight","queryParams","pubsub","viewport","fullContentHeight","style"]);const[heightIframeRef,iframeHeight]=(0,use_iframe_content_height_1.useIframeContentHeight)({skip:!1,viewport}),iframeRef=(0,react_1.useRef)(null),[width,setWidth]=(0,react_1.useState)(0),[height,setHeight]=(0,react_1.useState)(0),containerRef=(0,react_1.useRef)(null),isScaling=(_b=component.preview)===null||_b===void 0?void 0:_b.isScaling,currentRef=isScaling?iframeRef:heightIframeRef;(0,pubsub_1.usePubSubIframe)(pubsub?currentRef:void 0),(0,react_1.useEffect)(()=>{!iframeRef.current||(0,penpal_1.connectToChild)({iframe:iframeRef.current,methods:{pub:(event,message)=>{message.type==="preview-size"&&(setWidth(message.data.width),setHeight(message.data.height))}}})},[iframeRef?.current]);const params=Array.isArray(queryParams)?queryParams.concat(`viewport=${viewport}`):(0,lodash_1.compact)([queryParams,`viewport=${viewport}`]),targetParams=viewport===null?queryParams:params,url=(0,urls_1.toPreviewUrl)(component,previewName,isScaling?targetParams:queryParams),containerWidth=((_c=containerRef.current)===null||_c===void 0?void 0:_c.offsetWidth)||0,containerHeight=((_d=containerRef.current)===null||_d===void 0?void 0:_d.offsetHeight)||0,currentWidth=fullContentHeight?"100%":(width||1280)+10,legacyCurrentWidth="100%",targetWidth=currentWidth<containerWidth?containerWidth:currentWidth,targetHeight=height!==0?height:5e3,finalHeight=!fullContentHeight&&targetHeight<containerHeight?containerHeight:targetHeight,defaultLegacyHeight=forceHeight||5e3,legacyIframeHeight=(iframeHeight||0)>400?iframeHeight:defaultLegacyHeight;return react_1.default.createElement("div",{ref:containerRef,className:preview_module_scss_1.default.preview,style:{height:forceHeight}},react_1.default.createElement("iframe",Object.assign({},rest,{ref:currentRef,style:Object.assign(Object.assign({},style),{height:forceHeight||(isScaling?finalHeight:legacyIframeHeight),width:isScaling?targetWidth:legacyCurrentWidth,visibility:width===0&&isScaling&&!fullContentHeight?"hidden":void 0,transform:fullContentHeight?"":(0,compute_preview_scale_1.computePreviewScale)(width,containerWidth),border:0,transformOrigin:"top left"}),src:url})))}exports.ComponentPreview=ComponentPreview},99768:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=void 0;const base_ui_utils_string_affix_1=__webpack_require__(6354);function toPreviewUrl(component,previewName,additionalParams){const serverPath=toPreviewServer(component,previewName),hash=toPreviewHash(component,previewName,additionalParams);return`${serverPath}#${hash}`}exports.toPreviewUrl=toPreviewUrl;function toPreviewServer(component,previewName){var _a,_b;const explicitUrl=(_a=component.server)===null||_a===void 0?void 0:_a.url;return explicitUrl||(((_b=component.preview)===null||_b===void 0?void 0:_b.includesEnvTemplate)===!1?toEnvTemplatePreviewUrl(component,previewName):toComponentPreviewUrl(component))}exports.toPreviewServer=toPreviewServer;function toComponentPreviewUrl(component){return`/api/${component.id.toString()}/~aspect/preview/`}function toEnvTemplatePreviewUrl(component,previewName){var _a;const envId=(_a=component.environment)===null||_a===void 0?void 0:_a.id,search=`compId=${component.id.toString()}`;return`/api/${envId}/~aspect/env-template/${previewName}/?${search}`}function toPreviewHash(component,previewName,queryParams=""){const hashQuery=[(0,base_ui_utils_string_affix_1.affix)("preview=",previewName)].concat(queryParams).filter(x=>!!x).join("&");return`${component.id.toString()}${(0,base_ui_utils_string_affix_1.affix)("?",hashQuery)}`}exports.toPreviewHash=toPreviewHash},63853:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useInterval=exports.useIframeContentHeight=void 0;const react_1=__webpack_require__(67294);function useIframeContentHeight({interval=250,skip,viewport}){const iframeRef=(0,react_1.useRef)(null),[iframeHeight,setIframeHeight]=(0,react_1.useState)(0),[iframeWidth,setIframeWidth]=(0,react_1.useState)(0);if(skip)return[iframeRef,void 0,iframeWidth];let first=!0;return useInterval(()=>{var _a;try{const iframe=iframeRef.current;viewport!==null&&(iframe.contentWindow.document.body.style.width="fit-content"),!first&&iframe?.style.height==="5000px"&&(iframe.style.height="100%");const newHeight=iframe.contentWindow.document.body.scrollHeight,newWidth=(_a=iframe?.contentWindow)===null||_a===void 0?void 0:_a.document.body.offsetWidth;setIframeHeight(newHeight),setIframeWidth(newWidth||0),first=!1}catch{}},interval),[iframeRef,iframeHeight,iframeWidth]}exports.useIframeContentHeight=useIframeContentHeight;function useInterval(callback,interval){const savedCallback=(0,react_1.useRef)(()=>callback);(0,react_1.useEffect)(()=>{savedCallback.current=callback}),(0,react_1.useEffect)(()=>{function tick(){savedCallback.current()}if(interval!==null){const id=setInterval(tick,interval);return()=>clearInterval(id)}return()=>{}},[interval])}exports.useInterval=useInterval},61950:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewPlaceholder=void 0;var preview_placeholder_1=__webpack_require__(86202);Object.defineProperty(exports,"PreviewPlaceholder",{enumerable:!0,get:function(){return preview_placeholder_1.PreviewPlaceholder}})},86202:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewPlaceholder=void 0;const react_1=__importStar(__webpack_require__(67294)),compositions_1=__webpack_require__(32552),evangelist_elements_icon_1=__webpack_require__(54560),preview_placeholder_module_scss_1=__importDefault(__webpack_require__(55631));function PreviewPlaceholder({component,shouldShowPreview}){const selectedPreview=(0,react_1.useMemo)(()=>{if(!!shouldShowPreview)return selectDefaultComposition(component)},[component,shouldShowPreview]),name=component.id.toString();return component.buildStatus==="pending"?react_1.default.createElement("div",{className:preview_placeholder_module_scss_1.default.previewPlaceholder,"data-tip":"","data-for":name},react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"Ripple-processing"}),react_1.default.createElement("div",null,"Processing preview")):shouldShowPreview?react_1.default.createElement(compositions_1.ComponentComposition,{component,composition:selectedPreview,pubsub:!1}):react_1.default.createElement("div",{className:preview_placeholder_module_scss_1.default.previewPlaceholder,"data-tip":"","data-for":name},react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"img"}),react_1.default.createElement("div",null,"No preview available"))}exports.PreviewPlaceholder=PreviewPlaceholder;const PREVIEW_COMPOSITION_SUFFIX="Preview";function selectDefaultComposition(component){const{compositions}=component;return compositions.find(x=>x.identifier.endsWith(PREVIEW_COMPOSITION_SUFFIX))}},80396:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickInsideAnIframeEvent=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _pubsub(){const data=__webpack_require__(23179);return _pubsub=function(){return data},data}class ClickInsideAnIframeEventData{constructor(clickEvent){this.clickEvent=clickEvent}}class ClickInsideAnIframeEvent extends _pubsub().BitBaseEvent{constructor(timestamp=Date.now(),clickEvent){super(ClickInsideAnIframeEvent.TYPE,"0.0.1",timestamp,new ClickInsideAnIframeEventData(clickEvent));this.timestamp=timestamp,this.clickEvent=clickEvent}}exports.ClickInsideAnIframeEvent=ClickInsideAnIframeEvent,(0,_defineProperty2().default)(ClickInsideAnIframeEvent,"TYPE","click-inside-an-iframe")},67335:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _clickInsideAnIframe=__webpack_require__(80396);Object.keys(_clickInsideAnIframe).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_clickInsideAnIframe[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _clickInsideAnIframe[key]}})})},79794:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BundlingStrategyNotFound=void 0;class BundlingStrategyNotFound extends Error{constructor(strategyName){super(`bundling strategy with name ${strategyName} was not found`);this.strategyName=strategyName}}exports.BundlingStrategyNotFound=BundlingStrategyNotFound},67166:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BundlingStrategyNotFound",{enumerable:!0,get:function(){return _bundlingStrategyNotFound().BundlingStrategyNotFound}}),Object.defineProperty(exports,"PreviewArtifactNotFound",{enumerable:!0,get:function(){return _previewArtifactNotFound().PreviewArtifactNotFound}}),Object.defineProperty(exports,"PreviewNotFound",{enumerable:!0,get:function(){return _previewNotFound().PreviewNotFound}}),Object.defineProperty(exports,"PreviewOutputFileNotFound",{enumerable:!0,get:function(){return _previewOutputFileNotFound().PreviewOutputFileNotFound}});function _previewNotFound(){const data=__webpack_require__(39517);return _previewNotFound=function(){return data},data}function _previewArtifactNotFound(){const data=__webpack_require__(82330);return _previewArtifactNotFound=function(){return data},data}function _bundlingStrategyNotFound(){const data=__webpack_require__(79794);return _bundlingStrategyNotFound=function(){return data},data}function _previewOutputFileNotFound(){const data=__webpack_require__(13291);return _previewOutputFileNotFound=function(){return data},data}},82330:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewArtifactNotFound=void 0;function _bitError(){const data=__webpack_require__(93902);return _bitError=function(){return data},data}class PreviewArtifactNotFound extends _bitError().BitError{constructor(componentId){super(`preview for component ${componentId.toString()} was not found`)}}exports.PreviewArtifactNotFound=PreviewArtifactNotFound},39517:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewNotFound=void 0;class PreviewNotFound extends Error{constructor(name){super(`Preview for name: ${name} was not found`)}}exports.PreviewNotFound=PreviewNotFound},13291:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewOutputFileNotFound=void 0;function _bitError(){const data=__webpack_require__(93902);return _bitError=function(){return data},data}class PreviewOutputFileNotFound extends _bitError().BitError{constructor(componentId,filePath){super(`preview output file for component: "${componentId.toString()}" was not found in the path: "${filePath}".
477
477
 
478
478
  This is usually a result of an error during the bundling process.
479
479
  The error might be an error of another component that uses the same env.
@@ -1,23 +1,23 @@
1
1
  {
2
2
  "22.af16047b2b2e8ff05709.js": "22.af16047b2b2e8ff05709.js",
3
3
  "244.13e6fa68db9b33522451.js": "244.13e6fa68db9b33522451.js",
4
- "438.ce265bacd3e83cb6aa22.js": "438.ce265bacd3e83cb6aa22.js",
4
+ "438.5abbf8cd75b42f25dae9.js": "438.5abbf8cd75b42f25dae9.js",
5
5
  "compositions.css": "static/css/compositions.6d8c7702.css",
6
6
  "compositions.html": "compositions.html",
7
- "compositions.js": "compositions.3810f2cdcc1dd9357e67.js",
7
+ "compositions.js": "compositions.77b22d66d5d8264a45ba.js",
8
8
  "entrypoints": {
9
9
  "peers": {
10
10
  "assets": {
11
11
  "js": [
12
12
  "244.13e6fa68db9b33522451.js",
13
- "peers.9fc85b55e6e80a547c72.js"
13
+ "peers.d0aebd632db7692e6f99.js"
14
14
  ]
15
15
  }
16
16
  },
17
17
  "preview-root": {
18
18
  "assets": {
19
19
  "js": [
20
- "438.ce265bacd3e83cb6aa22.js",
20
+ "438.5abbf8cd75b42f25dae9.js",
21
21
  "preview-root.1a0deb3dced4c6512194.js"
22
22
  ],
23
23
  "css": [
@@ -28,7 +28,7 @@
28
28
  "compositions": {
29
29
  "assets": {
30
30
  "js": [
31
- "compositions.3810f2cdcc1dd9357e67.js"
31
+ "compositions.77b22d66d5d8264a45ba.js"
32
32
  ],
33
33
  "css": [
34
34
  "static/css/compositions.6d8c7702.css"
@@ -39,7 +39,7 @@
39
39
  "assets": {
40
40
  "js": [
41
41
  "22.af16047b2b2e8ff05709.js",
42
- "overview.58fb0dfe8e1e3c1b7df0.js"
42
+ "overview.0d2c44d57eca10d8c163.js"
43
43
  ],
44
44
  "css": [
45
45
  "static/css/overview.367aeb5b.css"
@@ -49,8 +49,8 @@
49
49
  },
50
50
  "overview.css": "static/css/overview.367aeb5b.css",
51
51
  "overview.html": "overview.html",
52
- "overview.js": "overview.58fb0dfe8e1e3c1b7df0.js",
53
- "peers.js": "peers.9fc85b55e6e80a547c72.js",
52
+ "overview.js": "overview.0d2c44d57eca10d8c163.js",
53
+ "peers.js": "peers.d0aebd632db7692e6f99.js",
54
54
  "preview-root.js": "preview-root.1a0deb3dced4c6512194.js",
55
55
  "static/css/438.cb83b0b4.css": "static/css/438.cb83b0b4.css"
56
56
  }
@@ -2,4 +2,4 @@
2
2
  Copyright (c) 2018 Jed Watson.
3
3
  Licensed under the MIT License (MIT), see
4
4
  http://jedwatson.github.io/classnames
5
- */(function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(!!arg){var argType=typeof arg;if(argType==="string"||argType==="number")classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if(argType==="object")if(arg.toString===Object.prototype.toString)for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key);else classes.push(arg.toString())}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):(__WEBPACK_AMD_DEFINE_ARRAY__=[],__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__),__WEBPACK_AMD_DEFINE_RESULT__!==void 0&&(module.exports=__WEBPACK_AMD_DEFINE_RESULT__))})()},67494:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composer=void 0;const react_1=__importDefault(__webpack_require__(67294));function Composer(props){const{components=[],children}=props,arrayified=components.map(tuple=>Array.isArray(tuple)?tuple:[tuple,void 0]);return react_1.default.createElement(react_1.default.Fragment,null,arrayified.reduceRight((acc,[Comp,forwardProps])=>react_1.default.createElement(Comp,Object.assign({},forwardProps),acc),children))}exports.Composer=Composer},57166:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composer=void 0;var composer_1=__webpack_require__(67494);Object.defineProperty(exports,"Composer",{enumerable:!0,get:function(){return composer_1.Composer}})},31047:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(94891),exports)},94891:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StandaloneNotFoundPage=void 0;const react_1=__importDefault(__webpack_require__(67294)),design_ui_pages_not_found_1=__webpack_require__(13794);function StandaloneNotFoundPage(){return react_1.default.createElement(design_ui_pages_not_found_1.NotFoundPage,{style:{fontFamily:'"Helvetica Neue",Helvetica, sans-serif'}})}exports.StandaloneNotFoundPage=StandaloneNotFoundPage},51166:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsApp=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_ui_utils_composer_1=__webpack_require__(57166),design_ui_pages_standalone_not_found_page_1=__webpack_require__(31047),react_ui_error_fallback_1=__webpack_require__(32334),react_ui_loader_fallback_1=__webpack_require__(4603),react_error_boundary_1=__webpack_require__(35800),hideScrollbars="body::-webkit-scrollbar {display: none;}";function CompositionsApp({Composition,previewContext}){const{providers=[]}=previewContext?.get("teambit.react/react")||{},safeComposition=(0,react_ui_loader_fallback_1.useFallback)(Composition&&react_1.default.createElement(Composition,null),react_1.default.createElement(design_ui_pages_standalone_not_found_page_1.StandaloneNotFoundPage,null));return react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback,resetKeys:[Composition]},react_1.default.createElement(base_ui_utils_composer_1.Composer,{components:providers},react_1.default.createElement("style",null,hideScrollbars),safeComposition))}exports.CompositionsApp=CompositionsApp},40105:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(__webpack_require__(67294)),react_dom_1=__importDefault(__webpack_require__(73935)),compositions_app_1=__webpack_require__(51166);exports.default=(Composition,previewContext)=>{react_dom_1.default.render(react_1.default.createElement(compositions_app_1.CompositionsApp,{Composition,previewContext}),document.getElementById("root"))}},5659:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.CompositionsApp=void 0;var compositions_app_1=__webpack_require__(51166);Object.defineProperty(exports,"CompositionsApp",{enumerable:!0,get:function(){return compositions_app_1.CompositionsApp}});var compositions_app_root_1=__webpack_require__(40105);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(compositions_app_root_1).default}})},4603:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFallback=exports.LoaderFallback=void 0;var loader_fallback_1=__webpack_require__(48767);Object.defineProperty(exports,"LoaderFallback",{enumerable:!0,get:function(){return loader_fallback_1.LoaderFallback}}),Object.defineProperty(exports,"useFallback",{enumerable:!0,get:function(){return loader_fallback_1.useFallback}})},48767:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFallback=exports.LoaderFallback=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_loaders_loader_ribbon_1=__webpack_require__(99884);function LoaderFallback({Target,Loader=LoaderComponent,DefaultComponent,timeout=15e3}){return useFallback(Target&&react_1.default.createElement(Target,null),react_1.default.createElement(DefaultComponent,null),{timeout,loader:react_1.default.createElement(Loader,null)})}exports.LoaderFallback=LoaderFallback;function useFallback(target,fallback,{timeout=15e3,loader=react_1.default.createElement(LoaderComponent,null)}={}){const[working,setWorking]=(0,react_1.useState)(!!target),hasTarget=!!target;return(0,react_1.useEffect)(()=>{if(timeout<=0)return()=>{};if(hasTarget)return setWorking(!0),()=>{};const tmId=setTimeout(()=>setWorking(!1),timeout);return()=>clearTimeout(tmId)},[hasTarget,timeout]),target||(working&&timeout>0?loader:fallback)}exports.useFallback=useFallback;function LoaderComponent(){return react_1.default.createElement(base_ui_loaders_loader_ribbon_1.LoaderRibbon,{active:!0,style:{position:"fixed",top:0,left:0,right:0}})}},42917:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(74649),_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(5659),_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__);(0,_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("compositions",{mainModule:_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__,isSplitComponentBundle:!0,componentMap:{}})},80719:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={loader:"loader-ribbon_loader__2GCaR",loading:"loader-ribbon_loading__3uSHa",progress:"loader-ribbon_progress__12zF8",completed:"loader-ribbon_completed__33Bjc"}}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[244,438,629],()=>__webpack_exec__(42917));var __webpack_exports__=__webpack_require__.O()}]);
5
+ */(function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(!!arg){var argType=typeof arg;if(argType==="string"||argType==="number")classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if(argType==="object")if(arg.toString===Object.prototype.toString)for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key);else classes.push(arg.toString())}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):(__WEBPACK_AMD_DEFINE_ARRAY__=[],__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__),__WEBPACK_AMD_DEFINE_RESULT__!==void 0&&(module.exports=__WEBPACK_AMD_DEFINE_RESULT__))})()},67494:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composer=void 0;const react_1=__importDefault(__webpack_require__(67294));function Composer(props){const{components=[],children}=props,arrayified=components.map(tuple=>Array.isArray(tuple)?tuple:[tuple,void 0]);return react_1.default.createElement(react_1.default.Fragment,null,arrayified.reduceRight((acc,[Comp,forwardProps])=>react_1.default.createElement(Comp,Object.assign({},forwardProps),acc),children))}exports.Composer=Composer},57166:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composer=void 0;var composer_1=__webpack_require__(67494);Object.defineProperty(exports,"Composer",{enumerable:!0,get:function(){return composer_1.Composer}})},31047:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(94891),exports)},94891:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StandaloneNotFoundPage=void 0;const react_1=__importDefault(__webpack_require__(67294)),design_ui_pages_not_found_1=__webpack_require__(13794);function StandaloneNotFoundPage(){return react_1.default.createElement(design_ui_pages_not_found_1.NotFoundPage,{style:{fontFamily:'"Helvetica Neue",Helvetica, sans-serif'}})}exports.StandaloneNotFoundPage=StandaloneNotFoundPage},51166:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsApp=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_ui_utils_composer_1=__webpack_require__(57166),design_ui_pages_standalone_not_found_page_1=__webpack_require__(31047),react_ui_error_fallback_1=__webpack_require__(32334),react_ui_loader_fallback_1=__webpack_require__(4603),react_error_boundary_1=__webpack_require__(35800),hideScrollbars="body::-webkit-scrollbar {display: none;}";function CompositionsApp({Composition,previewContext}){const{providers=[]}=previewContext?.get("teambit.react/react")||{},safeComposition=(0,react_ui_loader_fallback_1.useFallback)(Composition&&react_1.default.createElement(Composition,null),react_1.default.createElement(design_ui_pages_standalone_not_found_page_1.StandaloneNotFoundPage,null));return react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback,resetKeys:[Composition]},react_1.default.createElement(base_ui_utils_composer_1.Composer,{components:providers},react_1.default.createElement("style",null,hideScrollbars),safeComposition))}exports.CompositionsApp=CompositionsApp},40105:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(__webpack_require__(67294)),react_dom_1=__importDefault(__webpack_require__(73935)),compositions_app_1=__webpack_require__(51166);exports.default=(Composition,previewContext)=>{react_dom_1.default.render(react_1.default.createElement(compositions_app_1.CompositionsApp,{Composition,previewContext}),document.getElementById("root"))}},5659:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.CompositionsApp=void 0;var compositions_app_1=__webpack_require__(51166);Object.defineProperty(exports,"CompositionsApp",{enumerable:!0,get:function(){return compositions_app_1.CompositionsApp}});var compositions_app_root_1=__webpack_require__(40105);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(compositions_app_root_1).default}})},4603:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFallback=exports.LoaderFallback=void 0;var loader_fallback_1=__webpack_require__(48767);Object.defineProperty(exports,"LoaderFallback",{enumerable:!0,get:function(){return loader_fallback_1.LoaderFallback}}),Object.defineProperty(exports,"useFallback",{enumerable:!0,get:function(){return loader_fallback_1.useFallback}})},48767:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFallback=exports.LoaderFallback=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_loaders_loader_ribbon_1=__webpack_require__(99884);function LoaderFallback({Target,Loader=LoaderComponent,DefaultComponent,timeout=15e3}){return useFallback(Target&&react_1.default.createElement(Target,null),react_1.default.createElement(DefaultComponent,null),{timeout,loader:react_1.default.createElement(Loader,null)})}exports.LoaderFallback=LoaderFallback;function useFallback(target,fallback,{timeout=15e3,loader=react_1.default.createElement(LoaderComponent,null)}={}){const[working,setWorking]=(0,react_1.useState)(!!target),hasTarget=!!target;return(0,react_1.useEffect)(()=>{if(timeout<=0)return()=>{};if(hasTarget)return setWorking(!0),()=>{};const tmId=setTimeout(()=>setWorking(!1),timeout);return()=>clearTimeout(tmId)},[hasTarget,timeout]),target||(working&&timeout>0?loader:fallback)}exports.useFallback=useFallback;function LoaderComponent(){return react_1.default.createElement(base_ui_loaders_loader_ribbon_1.LoaderRibbon,{active:!0,style:{position:"fixed",top:0,left:0,right:0}})}},35086:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(74649),_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(5659),_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__);(0,_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("compositions",{mainModule:_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__,isSplitComponentBundle:!0,componentMap:{}})},80719:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={loader:"loader-ribbon_loader__2GCaR",loading:"loader-ribbon_loading__3uSHa",progress:"loader-ribbon_progress__12zF8",completed:"loader-ribbon_completed__33Bjc"}}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[244,438,629],()=>__webpack_exec__(35086));var __webpack_exports__=__webpack_require__.O()}]);
@@ -1,2 +1,2 @@
1
1
  <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Preview</title><script>// Allow to use react dev-tools inside the examples
2
- try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><script defer="defer" src="244.13e6fa68db9b33522451.js"></script><script defer="defer" src="peers.9fc85b55e6e80a547c72.js"></script><script defer="defer" src="438.ce265bacd3e83cb6aa22.js"></script><script defer="defer" src="preview-root.1a0deb3dced4c6512194.js"></script><script defer="defer" src="compositions.3810f2cdcc1dd9357e67.js"></script><link href="static/css/438.cb83b0b4.css" rel="stylesheet"><link href="static/css/compositions.6d8c7702.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
2
+ try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><script defer="defer" src="244.13e6fa68db9b33522451.js"></script><script defer="defer" src="peers.d0aebd632db7692e6f99.js"></script><script defer="defer" src="438.5abbf8cd75b42f25dae9.js"></script><script defer="defer" src="preview-root.1a0deb3dced4c6512194.js"></script><script defer="defer" src="compositions.77b22d66d5d8264a45ba.js"></script><link href="static/css/438.cb83b0b4.css" rel="stylesheet"><link href="static/css/compositions.6d8c7702.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
@@ -1 +1 @@
1
- "use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[340],{55449:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(74649),_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(79022),_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__);(0,_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("overview",{mainModule:_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__,isSplitComponentBundle:!0,componentMap:{}})}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[22,244,438,629,384],()=>__webpack_exec__(55449));var __webpack_exports__=__webpack_require__.O()}]);
1
+ "use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[340],{93744:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(74649),_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(79022),_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__);(0,_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("overview",{mainModule:_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__,isSplitComponentBundle:!0,componentMap:{}})}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[22,244,438,629,384],()=>__webpack_exec__(93744));var __webpack_exports__=__webpack_require__.O()}]);
@@ -1,2 +1,2 @@
1
1
  <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Preview</title><script>// Allow to use react dev-tools inside the examples
2
- try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><script defer="defer" src="244.13e6fa68db9b33522451.js"></script><script defer="defer" src="peers.9fc85b55e6e80a547c72.js"></script><script defer="defer" src="438.ce265bacd3e83cb6aa22.js"></script><script defer="defer" src="preview-root.1a0deb3dced4c6512194.js"></script><script defer="defer" src="compositions.3810f2cdcc1dd9357e67.js"></script><script defer="defer" src="22.af16047b2b2e8ff05709.js"></script><script defer="defer" src="overview.58fb0dfe8e1e3c1b7df0.js"></script><link href="static/css/438.cb83b0b4.css" rel="stylesheet"><link href="static/css/compositions.6d8c7702.css" rel="stylesheet"><link href="static/css/overview.367aeb5b.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
2
+ try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><script defer="defer" src="244.13e6fa68db9b33522451.js"></script><script defer="defer" src="peers.d0aebd632db7692e6f99.js"></script><script defer="defer" src="438.5abbf8cd75b42f25dae9.js"></script><script defer="defer" src="preview-root.1a0deb3dced4c6512194.js"></script><script defer="defer" src="compositions.77b22d66d5d8264a45ba.js"></script><script defer="defer" src="22.af16047b2b2e8ff05709.js"></script><script defer="defer" src="overview.0d2c44d57eca10d8c163.js"></script><link href="static/css/438.cb83b0b4.css" rel="stylesheet"><link href="static/css/compositions.6d8c7702.css" rel="stylesheet"><link href="static/css/overview.367aeb5b.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
@@ -1 +1 @@
1
- (()=>{"use strict";var __webpack_modules__={89646:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__2)=>{var react__WEBPACK_IMPORTED_MODULE_0___namespace_cache,react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__2(67294),react_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__2(73935),_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__2(38168),_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__2(3905);const globalObj=window;guard("React",react__WEBPACK_IMPORTED_MODULE_0___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_0__,2))),guard("ReactDom",react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_1__,2))),guard("TeambitMdxUiMdxScopeContext",_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2__),guard("MdxJsReact",_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__),globalObj.React=react__WEBPACK_IMPORTED_MODULE_0___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_0__,2)),globalObj.ReactDom=react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_1__,2)),globalObj.TeambitMdxUiMdxScopeContext=_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2__,globalObj.MdxJsReact=_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__;function guard(property,expected){var existing=globalObj[property];if(existing===expected&&expected!==void 0)console.warn('[expose-peers] "'+property+'" already exists in global scope, but with correct value');else if(existing!==void 0)throw new Error('[expose-peers] "'+property+'" already exists in the global scope, cannot overwrite')}}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,(()=>{var deferred=[];__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(chunkIds){priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority];return}for(var notFulfilled=1/0,i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(priority&!1||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every(key=>__webpack_require__.O[key](chunkIds[j]))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();r!==void 0&&(result=r)}}return result}})(),__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},(()=>{var getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,leafPrototypes;__webpack_require__.t=function(value,mode){if(mode&1&&(value=this(value)),mode&8||typeof value=="object"&&value&&(mode&4&&value.__esModule||mode&16&&typeof value.then=="function"))return value;var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=mode&2&&value;typeof current=="object"&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach(key=>def[key]=()=>value[key]);return def.default=()=>value,__webpack_require__.d(ns,def),ns}})(),__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch{if(typeof window=="object")return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),(()=>{var installedChunks={703:0};__webpack_require__.O.j=chunkId=>installedChunks[chunkId]===0;var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var[chunkIds,moreModules,runtime]=data,moduleId,chunkId,i=0;if(chunkIds.some(id=>installedChunks[id]!==0)){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkIds[i]]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})();var __webpack_exports__=__webpack_require__.O(void 0,[244],()=>__webpack_require__(89646));__webpack_exports__=__webpack_require__.O(__webpack_exports__)})();
1
+ (()=>{"use strict";var __webpack_modules__={95153:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__2)=>{var react__WEBPACK_IMPORTED_MODULE_0___namespace_cache,react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__2(67294),react_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__2(73935),_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__2(38168),_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__2(3905);const globalObj=window;guard("React",react__WEBPACK_IMPORTED_MODULE_0___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_0__,2))),guard("ReactDom",react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_1__,2))),guard("TeambitMdxUiMdxScopeContext",_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2__),guard("MdxJsReact",_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__),globalObj.React=react__WEBPACK_IMPORTED_MODULE_0___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_0__,2)),globalObj.ReactDom=react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_1__,2)),globalObj.TeambitMdxUiMdxScopeContext=_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2__,globalObj.MdxJsReact=_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__;function guard(property,expected){var existing=globalObj[property];if(existing===expected&&expected!==void 0)console.warn('[expose-peers] "'+property+'" already exists in global scope, but with correct value');else if(existing!==void 0)throw new Error('[expose-peers] "'+property+'" already exists in the global scope, cannot overwrite')}}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,(()=>{var deferred=[];__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(chunkIds){priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority];return}for(var notFulfilled=1/0,i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(priority&!1||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every(key=>__webpack_require__.O[key](chunkIds[j]))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();r!==void 0&&(result=r)}}return result}})(),__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},(()=>{var getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,leafPrototypes;__webpack_require__.t=function(value,mode){if(mode&1&&(value=this(value)),mode&8||typeof value=="object"&&value&&(mode&4&&value.__esModule||mode&16&&typeof value.then=="function"))return value;var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=mode&2&&value;typeof current=="object"&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach(key=>def[key]=()=>value[key]);return def.default=()=>value,__webpack_require__.d(ns,def),ns}})(),__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch{if(typeof window=="object")return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),(()=>{var installedChunks={703:0};__webpack_require__.O.j=chunkId=>installedChunks[chunkId]===0;var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var[chunkIds,moreModules,runtime]=data,moduleId,chunkId,i=0;if(chunkIds.some(id=>installedChunks[id]!==0)){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkIds[i]]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})();var __webpack_exports__=__webpack_require__.O(void 0,[244],()=>__webpack_require__(95153));__webpack_exports__=__webpack_require__.O(__webpack_exports__)})();
@@ -129,4 +129,4 @@ then it makes more sense to have that external text integrated into your docs (b
129
129
 
130
130
  <Button style={{ width: 120 }}>Normal</Button>
131
131
  </>
132
- `)))}MDXContent.__bit_component=__bit_component,MDXContent.isMDXComponent=!0},734:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.mdx/mdx@0.0.831",homepage:"https://bit.dev/teambit/mdx/mdx",exported:!0},_interopRequireDefault=__webpack_require__2(244);Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.Logo=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__2(804));return _react=function(){return data},data}_react.__bit_component=__bit_component;const Logo=()=>_react().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},_react().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/brands/logo-mdx.svg"}));Logo.__bit_component=__bit_component,exports2.Logo=Logo},253:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={dotsLoader:"dots-loader_dotsLoader__4vr-t","scale-down":"dots-loader_scale-down__3m6Iy"}},37:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={vanillaButton:"button_vanillaButton__G9HSU"}},945:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={Button:"button_Button__1481h"}},454:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={low:"elevations_low__2Tgzq",medium:"elevations_medium__L2g-Q",high:"elevations_high__2ME70"}},57:module2=>{"use strict";module2.exports=MdxJsReact},804:module2=>{"use strict";module2.exports=React}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module2=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module2.exports,module2,module2.exports,__webpack_require__),module2.loaded=!0,module2.exports}__webpack_require__.d=(exports2,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports2,key)&&Object.defineProperty(exports2,key,{enumerable:!0,get:definition[key]})},__webpack_require__.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch{if(typeof window=="object")return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports2=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports2,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports2,"__esModule",{value:!0})},__webpack_require__.nmd=module2=>(module2.paths=[],module2.children||(module2.children=[]),module2);var __webpack_exports__={};return(()=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{compositions:()=>compositions,compositions_metadata:()=>compositions_metadata,overview:()=>overview});var mdx_docs_namespaceObject={};__webpack_require__.r(mdx_docs_namespaceObject),__webpack_require__.d(mdx_docs_namespaceObject,{default:()=>MDXContent});var mdx_composition=__webpack_require__(734),external_React_=__webpack_require__(804),external_MdxJsReact_=__webpack_require__(57);const external_TeambitMdxUiMdxScopeContext_namespaceObject=TeambitMdxUiMdxScopeContext;var dist=__webpack_require__(102),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,external_MdxJsReact_.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,external_MdxJsReact_.mdx)(external_TeambitMdxUiMdxScopeContext_namespaceObject.MDXScopeProvider,{components:{Mdx:dist.i},mdxType:"MDXScopeProvider"},(0,external_MdxJsReact_.mdx)(dist.i,{mdxType:"Mdx"})))}MDXContent.isMDXComponent=!0;const compositions=[mdx_composition],overview=[mdx_docs_namespaceObject],compositions_metadata={compositions:[{displayName:"Logo",identifier:"Logo"}]}})(),__webpack_exports__})()});
132
+ `)))}MDXContent.__bit_component=__bit_component,MDXContent.isMDXComponent=!0},950:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.mdx/mdx@0.0.832",homepage:"https://bit.dev/teambit/mdx/mdx",exported:!0},_interopRequireDefault=__webpack_require__2(244);Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.Logo=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__2(804));return _react=function(){return data},data}_react.__bit_component=__bit_component;const Logo=()=>_react().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},_react().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/brands/logo-mdx.svg"}));Logo.__bit_component=__bit_component,exports2.Logo=Logo},253:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={dotsLoader:"dots-loader_dotsLoader__4vr-t","scale-down":"dots-loader_scale-down__3m6Iy"}},37:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={vanillaButton:"button_vanillaButton__G9HSU"}},945:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={Button:"button_Button__1481h"}},454:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={low:"elevations_low__2Tgzq",medium:"elevations_medium__L2g-Q",high:"elevations_high__2ME70"}},57:module2=>{"use strict";module2.exports=MdxJsReact},804:module2=>{"use strict";module2.exports=React}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module2=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module2.exports,module2,module2.exports,__webpack_require__),module2.loaded=!0,module2.exports}__webpack_require__.d=(exports2,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports2,key)&&Object.defineProperty(exports2,key,{enumerable:!0,get:definition[key]})},__webpack_require__.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch{if(typeof window=="object")return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports2=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports2,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports2,"__esModule",{value:!0})},__webpack_require__.nmd=module2=>(module2.paths=[],module2.children||(module2.children=[]),module2);var __webpack_exports__={};return(()=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{compositions:()=>compositions,compositions_metadata:()=>compositions_metadata,overview:()=>overview});var mdx_docs_namespaceObject={};__webpack_require__.r(mdx_docs_namespaceObject),__webpack_require__.d(mdx_docs_namespaceObject,{default:()=>MDXContent});var mdx_composition=__webpack_require__(950),external_React_=__webpack_require__(804),external_MdxJsReact_=__webpack_require__(57);const external_TeambitMdxUiMdxScopeContext_namespaceObject=TeambitMdxUiMdxScopeContext;var dist=__webpack_require__(102),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,external_MdxJsReact_.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,external_MdxJsReact_.mdx)(external_TeambitMdxUiMdxScopeContext_namespaceObject.MDXScopeProvider,{components:{Mdx:dist.i},mdxType:"MDXScopeProvider"},(0,external_MdxJsReact_.mdx)(dist.i,{mdxType:"Mdx"})))}MDXContent.isMDXComponent=!0;const compositions=[mdx_composition],overview=[mdx_docs_namespaceObject],compositions_metadata={compositions:[{displayName:"Logo",identifier:"Logo"}]}})(),__webpack_exports__})()});
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@teambit/mdx",
3
- "version": "0.0.831",
3
+ "version": "0.0.832",
4
4
  "homepage": "https://bit.dev/teambit/mdx/mdx",
5
5
  "main": "dist/index.js",
6
6
  "componentId": {
7
7
  "scope": "teambit.mdx",
8
8
  "name": "mdx",
9
- "version": "0.0.831"
9
+ "version": "0.0.832"
10
10
  },
11
11
  "dependencies": {
12
12
  "@babel/core": "7.12.17",
@@ -16,24 +16,24 @@
16
16
  "@babel/runtime": "7.12.18",
17
17
  "core-js": "^3.0.0",
18
18
  "@teambit/harmony": "0.3.3",
19
- "@teambit/builder": "0.0.851",
19
+ "@teambit/builder": "0.0.852",
20
20
  "@teambit/compilation.modules.babel-compiler": "0.0.130",
21
- "@teambit/compiler": "0.0.851",
21
+ "@teambit/compiler": "0.0.852",
22
22
  "@teambit/mdx.modules.mdx-compiler": "0.0.496",
23
- "@teambit/dependency-resolver": "0.0.851",
24
- "@teambit/docs": "0.0.851",
25
- "@teambit/envs": "0.0.851",
26
- "@teambit/babel": "0.0.851",
23
+ "@teambit/dependency-resolver": "0.0.852",
24
+ "@teambit/docs": "0.0.852",
25
+ "@teambit/envs": "0.0.852",
26
+ "@teambit/babel": "0.0.852",
27
27
  "@teambit/cli": "0.0.566",
28
- "@teambit/generator": "0.0.851",
29
- "@teambit/multi-compiler": "0.0.851",
30
- "@teambit/react": "0.0.851",
28
+ "@teambit/generator": "0.0.852",
29
+ "@teambit/multi-compiler": "0.0.852",
30
+ "@teambit/react": "0.0.852",
31
31
  "@teambit/typescript.modules.ts-config-mutator": "0.0.74",
32
- "@teambit/typescript": "0.0.851",
33
- "@teambit/compositions": "0.0.851",
32
+ "@teambit/typescript": "0.0.852",
33
+ "@teambit/compositions": "0.0.852",
34
34
  "@teambit/design.ui.empty-box": "0.0.360",
35
- "@teambit/tester": "0.0.851",
36
- "@teambit/ui": "0.0.851"
35
+ "@teambit/tester": "0.0.852",
36
+ "@teambit/ui": "0.0.852"
37
37
  },
38
38
  "devDependencies": {
39
39
  "@types/fs-extra": "9.0.7",
@@ -1,5 +1,5 @@
1
- import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.mdx_mdx@0.0.831/dist/mdx.composition.js';
2
- import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.mdx_mdx@0.0.831/dist/mdx.docs.mdx';
1
+ import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.mdx_mdx@0.0.832/dist/mdx.composition.js';
2
+ import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.mdx_mdx@0.0.832/dist/mdx.docs.mdx';
3
3
 
4
4
  export const compositions = [compositions_0];
5
5
  export const overview = [overview_0];
Binary file