@teambit/mdx 0.0.829 → 0.0.830

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.
Files changed (16) hide show
  1. package/artifacts/__bit_junit.xml +5 -5
  2. package/artifacts/env-template/public/{438.03213c510e0c426eabc4.js → 438.ce265bacd3e83cb6aa22.js} +3 -3
  3. package/artifacts/env-template/public/assets-manifest.json +8 -8
  4. package/artifacts/env-template/public/{compositions.f6dbe9755cf2c9d7fbf5.js → compositions.04fa9e3ada345acc4ac4.js} +1 -1
  5. package/artifacts/env-template/public/compositions.html +1 -1
  6. package/artifacts/env-template/public/overview.e2292f3bf0bf08c74ecf.js +1 -0
  7. package/artifacts/env-template/public/overview.html +1 -1
  8. package/artifacts/env-template/public/{peers.3cba9e666b484357c3ed.js → peers.257403db104175514038.js} +1 -1
  9. package/artifacts/preview/teambit_mdx_mdx-preview.js +1 -1
  10. package/{compositions-1662892819691.js → compositions-1662953672627.js} +0 -0
  11. package/{overview-1662892819691.js → overview-1662953672627.js} +0 -0
  12. package/package-tar/teambit-mdx-0.0.830.tgz +0 -0
  13. package/package.json +15 -15
  14. package/{preview-1662892819691.js → preview-1662953672627.js} +4 -2
  15. package/artifacts/env-template/public/overview.ebb620c7d99e56295176.js +0 -1
  16. package/package-tar/teambit-mdx-0.0.829.tgz +0 -0
package/artifacts/__bit_junit.xml CHANGED
@@ -1,9 +1,9 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
2
  <testsuites>
3
- <testsuite name="teambit.mdx/mdx@0.0.829" timestamp="2022-09-11T11:01:05.547Z" tests="4" failures="0" errors="0" skipped="0">
4
- <testcase classname="mdx.detector.spec.js" name="should correctly detect default import" time="0.708"/>
5
- <testcase classname="mdx.detector.spec.js" name="should correctly detect star import" time="0.01"/>
6
- <testcase classname="mdx.detector.spec.js" name="should correctly detect named import" time="0.009"/>
7
- <testcase classname="mdx.detector.spec.js" name="should correctly detect import with no identifier" time="0.006"/>
3
+ <testsuite name="teambit.mdx/mdx@0.0.830" timestamp="2022-09-12T03:56:16.208Z" tests="4" failures="0" errors="0" skipped="0">
4
+ <testcase classname="mdx.detector.spec.js" name="should correctly detect default import" time="0.897"/>
5
+ <testcase classname="mdx.detector.spec.js" name="should correctly detect star import" time="0.012"/>
6
+ <testcase classname="mdx.detector.spec.js" name="should correctly detect named import" time="0.012"/>
7
+ <testcase classname="mdx.detector.spec.js" name="should correctly detect import with no identifier" time="0.007"/>
8
8
  </testsuite>
9
9
  </testsuites>
package/artifacts/env-template/public/{438.03213c510e0c426eabc4.js → 438.ce265bacd3e83cb6aa22.js} RENAMED
@@ -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}}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"),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:(_component$preview=component.preview)!==null&&_component$preview!==void 0&&_component$preview.isScaling?`name=${queryParams}`: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),active=this.getActiveComposition(compositions);modules.mainModule.default(active,context)}selectPreviewModel(componentId,previewModule){const files=previewModule.componentMap[componentId]||[];return Object.assign({},...files)}getActiveComposition(module){const query=this.preview.getQuery(),param=this.preview.getParam(query,"name");return param&&module[param]?module[param]:(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}){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__;/*!
229
229
  Copyright (c) 2018 Jed Watson.
230
230
  Licensed under the MIT License (MIT), see
231
231
  http://jedwatson.github.io/classnames
@@ -403,7 +403,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
403
403
  Copyright (c) 2018 Jed Watson.
404
404
  Licensed under the MIT License (MIT), see
405
405
  http://jedwatson.github.io/classnames
406
- */(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__))})()},33859: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.fadeInOutClass=void 0;const fade_in_out_module_scss_1=__importDefault(__webpack_require__(87728));exports.fadeInOutClass=fade_in_out_module_scss_1.default.fadeInOut},48834: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},54560: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__(48834),exports)},9192: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__(81275)),base_ui_surfaces_drawer_1=__webpack_require__(82854),base_ui_surfaces_abs_container_1=__webpack_require__(76692),base_ui_css_components_elevation_1=__webpack_require__(71203),base_ui_css_components_roundness_1=__webpack_require__(70518),base_ui_surfaces_background_1=__webpack_require__(28109),dropdown_module_scss_1=__importDefault(__webpack_require__(49232)),evangelist_css_components_fade_in_out_1=__webpack_require__(33859);function Dropdown(_a){var{children,position="bottom",dropClass}=_a,rest=__rest(_a,["children","position","dropClass"]);return react_1.default.createElement(base_ui_surfaces_drawer_1.Drawer,Object.assign({},rest),react_1.default.createElement(DropdownMenu,{position,className:dropClass},children))}exports.Dropdown=Dropdown;function DropdownMenu(_a){var{className,elevation="medium",roundness="sharp"}=_a,rest=__rest(_a,["className","elevation","roundness"]);return react_1.default.createElement(base_ui_surfaces_abs_container_1.Containee,Object.assign({},rest,{className:classnames_1.default(dropdown_module_scss_1.default.dropdown,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)}))}Dropdown.defaultProps={position:"bottom",elevation:"medium",roundness:"sharp"}},67963: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__(9192),exports)},65660:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},71203: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)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.elevationClass=void 0;const elevations_module_scss_1=__importDefault(__webpack_require__(54772));__exportStar(__webpack_require__(65660),exports),exports.elevationClass={low:elevations_module_scss_1.default.low,medium:elevations_module_scss_1.default.medium,high:elevations_module_scss_1.default.high,none:void 0}},2830: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.Containee=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(81275)),react_create_ref_1=__importDefault(__webpack_require__(22184)),abs_container_module_scss_1=__importDefault(__webpack_require__(47028)),positions_module_scss_1=__importDefault(__webpack_require__(16937)),displacement_module_scss_1=__importDefault(__webpack_require__(28683));class Containee extends react_1.Component{constructor(){super(...arguments);this.ref=react_create_ref_1.default()}render(){const _a=this.props,{className,position="bottom"}=_a,rest=__rest(_a,["className","position"]),positionClass=positions_module_scss_1.default[position],displacement=displacement_module_scss_1.default.displacement;return react_1.default.createElement("div",Object.assign({ref:this.ref,className:classnames_1.default(abs_container_module_scss_1.default.containee,displacement,positionClass,className),"data-position":position},rest))}}exports.Containee=Containee},53500: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__(2830),exports)},50432: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.Container=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(81275)),abs_container_module_scss_1=__importDefault(__webpack_require__(47028));exports.Container=react_1.forwardRef(function(_a,ref){var{className,open}=_a,rest=__rest(_a,["className","open"]);return react_1.default.createElement("div",Object.assign({ref,className:classnames_1.default(abs_container_module_scss_1.default.container,className),"data-open":open},rest))})},27971: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__(50432),exports)},76692: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)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.containeeClass=exports.containerClass=void 0;const abs_container_module_scss_1=__importDefault(__webpack_require__(47028));__exportStar(__webpack_require__(53500),exports),__exportStar(__webpack_require__(27971),exports),exports.containerClass=abs_container_module_scss_1.default.container,exports.containeeClass=abs_container_module_scss_1.default.containee},34276: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.DefaultPlaceholder=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(81275)),drawer_module_scss_1=__importDefault(__webpack_require__(18016));function DefaultPlaceholder(props){return react_1.default.createElement("div",Object.assign({},props,{className:classnames_1.default(props.className,drawer_module_scss_1.default.placeholder)}))}exports.DefaultPlaceholder=DefaultPlaceholder},78034: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.Drawer=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_surfaces_abs_container_1=__webpack_require__(76692),base_ui_hook_use_click_outside_1=__webpack_require__(79721),react_create_ref_1=__importDefault(__webpack_require__(22184)),default_placeholder_1=__webpack_require__(34276);class Drawer extends react_1.Component{constructor(){super(...arguments);this.state={isOpen:this.props.open||!1},this.ref=react_create_ref_1.default(),this.toggle=evt=>{const{isOpen}=this.state,nextOpen=!isOpen;this.isControlled||this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.close=evt=>{const{isOpen}=this.state,nextOpen=!1;!this.isControlled&&isOpen&&this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.open=evt=>{const{isOpen}=this.state,nextOpen=!0;!this.isControlled&&!isOpen&&this.setState({isOpen:!0}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.handlePlaceholderClick=e=>{this.props.onPlaceholderToggle&&this.props.onPlaceholderToggle(e),e.defaultPrevented||this.props.clickPlaceholderToggles&&this.toggle(e)},this.handleContainerClick=e=>{this.props.clickToggles&&this.toggle(e),this.props.onClick&&this.props.onClick(e)},this.handleClickOutside=e=>{this.props.onClickOutside&&this.props.onClickOutside(e),e.defaultPrevented||this.props.clickOutside&&this.close()},this.handleLeaveContainer=e=>{this.props.onMouseLeave&&this.props.onMouseLeave(e),e.defaultPrevented||this.props.hoverToOpen&&this.close(e)},this.handleEnterContainer=e=>{this.props.onMouseEnter&&this.props.onMouseEnter(e),e.defaultPrevented||this.props.hoverToOpen&&this.open(e)}}componentWillReceiveProps(nextProps){this.props.open!==nextProps.open&&nextProps.open!==void 0&&this.setState({isOpen:nextProps.open})}get isControlled(){return this.props.open!==void 0}render(){const _a=this.props,{placeholder,children,PlaceholderComponent=default_placeholder_1.DefaultPlaceholder,clickOutside,onMouseEnter,onMouseLeave,open,hoverToOpen,clickPlaceholderToggles,clickToggles,onChange,onPlaceholderToggle,onContainerToggle,onContaineeToggle,onClickOutside}=_a,rest=__rest(_a,["placeholder","children","PlaceholderComponent","clickOutside","onMouseEnter","onMouseLeave","open","hoverToOpen","clickPlaceholderToggles","clickToggles","onChange","onPlaceholderToggle","onContainerToggle","onContaineeToggle","onClickOutside"]),{isOpen}=this.state;return react_1.default.createElement(base_ui_surfaces_abs_container_1.Container,Object.assign({},rest,{ref:this.ref,open:isOpen,onMouseLeave:this.handleLeaveContainer,onMouseEnter:this.handleEnterContainer,onClick:this.handleContainerClick}),children,react_1.default.createElement(PlaceholderComponent,{onClick:this.handlePlaceholderClick},placeholder),react_1.default.createElement(base_ui_hook_use_click_outside_1.ClickOutside,{targetRef:this.ref,enabled:!!clickOutside&&isOpen,handler:this.handleClickOutside}))}}exports.Drawer=Drawer,Drawer.defaultProps={PlaceholderComponent:default_placeholder_1.DefaultPlaceholder,clickPlaceholderToggles:!0,clickOutside:!0,clickToggles:!0}},82854: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__(78034),exports)},81275:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
406
+ */(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__))})()},33859: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.fadeInOutClass=void 0;const fade_in_out_module_scss_1=__importDefault(__webpack_require__(87728));exports.fadeInOutClass=fade_in_out_module_scss_1.default.fadeInOut},48834: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},54560: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__(48834),exports)},9192: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__(81275)),base_ui_surfaces_drawer_1=__webpack_require__(82854),base_ui_surfaces_abs_container_1=__webpack_require__(76692),base_ui_css_components_elevation_1=__webpack_require__(71203),base_ui_css_components_roundness_1=__webpack_require__(70518),base_ui_surfaces_background_1=__webpack_require__(28109),dropdown_module_scss_1=__importDefault(__webpack_require__(49232)),evangelist_css_components_fade_in_out_1=__webpack_require__(33859);function Dropdown(_a){var{children,position="bottom",dropClass}=_a,rest=__rest(_a,["children","position","dropClass"]);return react_1.default.createElement(base_ui_surfaces_drawer_1.Drawer,Object.assign({},rest),react_1.default.createElement(DropdownMenu,{position,className:dropClass},children))}exports.Dropdown=Dropdown;function DropdownMenu(_a){var{className,elevation="medium",roundness="sharp"}=_a,rest=__rest(_a,["className","elevation","roundness"]);return react_1.default.createElement(base_ui_surfaces_abs_container_1.Containee,Object.assign({},rest,{className:classnames_1.default(dropdown_module_scss_1.default.dropdown,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)}))}Dropdown.defaultProps={position:"bottom",elevation:"medium",roundness:"sharp"}},67963: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__(9192),exports)},65660:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},71203: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)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.elevationClass=void 0;const elevations_module_scss_1=__importDefault(__webpack_require__(54772));__exportStar(__webpack_require__(65660),exports),exports.elevationClass={low:elevations_module_scss_1.default.low,medium:elevations_module_scss_1.default.medium,high:elevations_module_scss_1.default.high,none:void 0}},2830: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.Containee=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(81275)),react_create_ref_1=__importDefault(__webpack_require__(22184)),abs_container_module_scss_1=__importDefault(__webpack_require__(47028)),positions_module_scss_1=__importDefault(__webpack_require__(16937)),displacement_module_scss_1=__importDefault(__webpack_require__(28683));class Containee extends react_1.Component{constructor(){super(...arguments);this.ref=react_create_ref_1.default()}render(){const _a=this.props,{className,position="bottom"}=_a,rest=__rest(_a,["className","position"]),positionClass=positions_module_scss_1.default[position],displacement=displacement_module_scss_1.default.displacement;return react_1.default.createElement("div",Object.assign({ref:this.ref,className:classnames_1.default(abs_container_module_scss_1.default.containee,displacement,positionClass,className),"data-position":position},rest))}}exports.Containee=Containee},62433: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__(2830),exports)},50432: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.Container=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(81275)),abs_container_module_scss_1=__importDefault(__webpack_require__(47028));exports.Container=react_1.forwardRef(function(_a,ref){var{className,open}=_a,rest=__rest(_a,["className","open"]);return react_1.default.createElement("div",Object.assign({ref,className:classnames_1.default(abs_container_module_scss_1.default.container,className),"data-open":open},rest))})},27971: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__(50432),exports)},76692: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)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.containeeClass=exports.containerClass=void 0;const abs_container_module_scss_1=__importDefault(__webpack_require__(47028));__exportStar(__webpack_require__(62433),exports),__exportStar(__webpack_require__(27971),exports),exports.containerClass=abs_container_module_scss_1.default.container,exports.containeeClass=abs_container_module_scss_1.default.containee},34276: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.DefaultPlaceholder=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(81275)),drawer_module_scss_1=__importDefault(__webpack_require__(18016));function DefaultPlaceholder(props){return react_1.default.createElement("div",Object.assign({},props,{className:classnames_1.default(props.className,drawer_module_scss_1.default.placeholder)}))}exports.DefaultPlaceholder=DefaultPlaceholder},78034: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.Drawer=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_surfaces_abs_container_1=__webpack_require__(76692),base_ui_hook_use_click_outside_1=__webpack_require__(79721),react_create_ref_1=__importDefault(__webpack_require__(22184)),default_placeholder_1=__webpack_require__(34276);class Drawer extends react_1.Component{constructor(){super(...arguments);this.state={isOpen:this.props.open||!1},this.ref=react_create_ref_1.default(),this.toggle=evt=>{const{isOpen}=this.state,nextOpen=!isOpen;this.isControlled||this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.close=evt=>{const{isOpen}=this.state,nextOpen=!1;!this.isControlled&&isOpen&&this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.open=evt=>{const{isOpen}=this.state,nextOpen=!0;!this.isControlled&&!isOpen&&this.setState({isOpen:!0}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.handlePlaceholderClick=e=>{this.props.onPlaceholderToggle&&this.props.onPlaceholderToggle(e),e.defaultPrevented||this.props.clickPlaceholderToggles&&this.toggle(e)},this.handleContainerClick=e=>{this.props.clickToggles&&this.toggle(e),this.props.onClick&&this.props.onClick(e)},this.handleClickOutside=e=>{this.props.onClickOutside&&this.props.onClickOutside(e),e.defaultPrevented||this.props.clickOutside&&this.close()},this.handleLeaveContainer=e=>{this.props.onMouseLeave&&this.props.onMouseLeave(e),e.defaultPrevented||this.props.hoverToOpen&&this.close(e)},this.handleEnterContainer=e=>{this.props.onMouseEnter&&this.props.onMouseEnter(e),e.defaultPrevented||this.props.hoverToOpen&&this.open(e)}}componentWillReceiveProps(nextProps){this.props.open!==nextProps.open&&nextProps.open!==void 0&&this.setState({isOpen:nextProps.open})}get isControlled(){return this.props.open!==void 0}render(){const _a=this.props,{placeholder,children,PlaceholderComponent=default_placeholder_1.DefaultPlaceholder,clickOutside,onMouseEnter,onMouseLeave,open,hoverToOpen,clickPlaceholderToggles,clickToggles,onChange,onPlaceholderToggle,onContainerToggle,onContaineeToggle,onClickOutside}=_a,rest=__rest(_a,["placeholder","children","PlaceholderComponent","clickOutside","onMouseEnter","onMouseLeave","open","hoverToOpen","clickPlaceholderToggles","clickToggles","onChange","onPlaceholderToggle","onContainerToggle","onContaineeToggle","onClickOutside"]),{isOpen}=this.state;return react_1.default.createElement(base_ui_surfaces_abs_container_1.Container,Object.assign({},rest,{ref:this.ref,open:isOpen,onMouseLeave:this.handleLeaveContainer,onMouseEnter:this.handleEnterContainer,onClick:this.handleContainerClick}),children,react_1.default.createElement(PlaceholderComponent,{onClick:this.handlePlaceholderClick},placeholder),react_1.default.createElement(base_ui_hook_use_click_outside_1.ClickOutside,{targetRef:this.ref,enabled:!!clickOutside&&isOpen,handler:this.handleClickOutside}))}}exports.Drawer=Drawer,Drawer.defaultProps={PlaceholderComponent:default_placeholder_1.DefaultPlaceholder,clickPlaceholderToggles:!0,clickOutside:!0,clickToggles:!0}},82854: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__(78034),exports)},81275:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
407
407
  Copyright (c) 2018 Jed Watson.
408
408
  Licensed under the MIT License (MIT), see
409
409
  http://jedwatson.github.io/classnames
@@ -489,7 +489,7 @@ Run "bit envs" to see other components that uses the same env`)}}exports.Preview
489
489
  }
490
490
  }
491
491
  }
492
- `;async function fetchComponentAspects(componentId){try{return(await(0,_graphqlRequest().request)(GQL_SERVER,GET_COMPONENT_ASPECTS,{id:componentId.toString()})).getHost.get.aspects.map(x=>x.id)}catch(err){console.error(`[gql] error on "getComponentAspects" - "${err.toString()}"`);return}}},79271:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(88674),Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadLink=loadLink,exports.loadScript=loadScript;function loadScript({src}){return new Promise((resolve,reject)=>{const script=document.createElement("script");script.setAttribute("defer","defer"),script.src=src,script.onload=()=>resolve(),script.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load script: ${message}`)),document.head.appendChild(script)})}function loadLink({href}){return new Promise((resolve,reject)=>{const link=document.createElement("link");href.endsWith(".css")&&link.setAttribute("rel","stylesheet"),link.setAttribute("href",href),link.onload=()=>resolve(),link.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load link: ${message}`)),document.head.appendChild(link)})}},49471:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={PreviewAspect:!0,PreviewRuntime:!0,PreviewDefinition:!0};Object.defineProperty(exports,"PreviewAspect",{enumerable:!0,get:function(){return _preview().PreviewAspect}}),Object.defineProperty(exports,"PreviewDefinition",{enumerable:!0,get:function(){return _previewDefinition().PreviewDefinition}}),Object.defineProperty(exports,"PreviewRuntime",{enumerable:!0,get:function(){return _preview().PreviewRuntime}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _preview().PreviewAspect}});function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}var _events=__webpack_require__(67335);Object.keys(_events).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_events[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _events[key]}})});function _previewDefinition(){const data=__webpack_require__(15739);return _previewDefinition=function(){return data},data}},15739:()=>{"use strict"},2094:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewModules=exports.PREVIEW_MODULES=void 0,exports.linkModules=linkModules;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}class PreviewModules extends Map{constructor(...args){super(...args);(0,_defineProperty2().default)(this,"onSet",new Set)}set(id,preview){return super.set(id,preview),this.onSet.forEach(callback=>callback()),this}loadComponentPreviews(compId,previews){Object.entries(previews).forEach(([previewName,moduleFile])=>{const preview=this.get(previewName);!preview||(preview.componentMap[compId]=moduleFile)})}}exports.PreviewModules=PreviewModules;const PREVIEW_MODULES=new PreviewModules;exports.PREVIEW_MODULES=PREVIEW_MODULES;function linkModules(previewName,previewModule){PREVIEW_MODULES.set(previewName,previewModule)}},22395:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PreviewRuntime=exports.PreviewAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PreviewRuntime=new(_harmony()).RuntimeDefinition("preview");exports.PreviewRuntime=PreviewRuntime;const PreviewAspect=_harmony().Aspect.create({id:"teambit.preview/preview",dependencies:[],defaultConfig:{},declareRuntime:PreviewRuntime});exports.PreviewAspect=PreviewAspect;var _default=PreviewAspect;exports.default=_default},74649:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(88674),__webpack_require__(74916),__webpack_require__(60285),__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0,Object.defineProperty(exports,"Bu",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _pubsub(){const data=_interopRequireDefault(__webpack_require__(23179));return _pubsub=function(){return data},data}function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _crossFetch(){const data=_interopRequireDefault(__webpack_require__(54098));return _crossFetch=function(){return data},data}function _memoizee(){const data=_interopRequireDefault(__webpack_require__(34156));return _memoizee=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _exceptions(){const data=__webpack_require__(67166);return _exceptions=function(){return data},data}function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}function _events(){const data=__webpack_require__(67335);return _events=function(){return data},data}function _renderingContext(){const data=__webpack_require__(85216);return _renderingContext=function(){return data},data}function _fetchComponentAspects(){const data=__webpack_require__(73110);return _fetchComponentAspects=function(){return data},data}function _previewModules(){const data=__webpack_require__(2094);return _previewModules=function(){return data},data}function _htmlUtils(){const data=__webpack_require__(79271);return _htmlUtils=function(){return data},data}function _sizeEvent(){const data=__webpack_require__(14285);return _sizeEvent=function(){return data},data}class PreviewPreview{constructor(pubsub,previewSlot,renderingContextSlot){this.pubsub=pubsub,this.previewSlot=previewSlot,this.renderingContextSlot=renderingContextSlot,(0,_defineProperty2().default)(this,"isDev",!1),(0,_defineProperty2().default)(this,"_setupPromise",void 0),(0,_defineProperty2().default)(this,"setup",()=>{var _this$_setupPromise;return this.isReady()?Promise.resolve():((_this$_setupPromise=this._setupPromise)!==null&&_this$_setupPromise!==void 0||(this._setupPromise=new Promise(resolve=>{_previewModules().PREVIEW_MODULES.onSet.add(()=>{this.isReady()&&resolve()})})),this._setupPromise)}),(0,_defineProperty2().default)(this,"render",async rootExt=>{window.document.body.style.width="fit-content";const{previewName,componentId}=this.getLocation(),name=previewName||this.getDefault();rootExt&&(this.isDev=rootExt==="teambit.workspace/workspace");const preview=this.getPreview(name);if(!preview||!componentId)throw new(_exceptions()).PreviewNotFound(previewName);const includes=(await Promise.all((preview.include||[]).map(async inclPreviewName=>{var _includedPreview$sele;const includedPreview=this.getPreview(inclPreviewName);if(!includedPreview)return;const inclPreviewModule=await this.getPreviewModule(inclPreviewName,componentId);return(_includedPreview$sele=includedPreview.selectPreviewModel)===null||_includedPreview$sele===void 0?void 0:_includedPreview$sele.call(includedPreview,componentId.fullName,inclPreviewModule)}))).filter(module=>!!module),componentAspects=this.isDev?await this.getComponentAspects(componentId.toString()):void 0,previewModule=await this.getPreviewModule(name,componentId),render=preview.render(componentId,previewModule,includes,this.getRenderingContext(componentAspects));return this.reportSize(),this.setViewport(),render}),(0,_defineProperty2().default)(this,"getComponentAspects",(0,_memoizee().default)(_fetchComponentAspects().fetchComponentAspects,{max:100,maxAge:12*60*60*1e3})),this.registerClickPubSub()}registerClickPubSub(){window.addEventListener("click",e=>{const timestamp=Date.now(),clickEvent=Object.assign({},e);this.pubsub.pub(_preview().PreviewAspect.id,new(_events()).ClickInsideAnIframeEvent(timestamp,clickEvent))})}isReady(){var _preview$include$ever,_preview$include;const{previewName}=this.getLocation(),name=previewName||this.getDefault();if(!_previewModules().PREVIEW_MODULES.has(name))return!1;const preview=this.getPreview(name);return!(!preview||!((_preview$include$ever=(_preview$include=preview.include)===null||_preview$include===void 0?void 0:_preview$include.every(included=>_previewModules().PREVIEW_MODULES.has(included)))!==null&&_preview$include$ever!==void 0?_preview$include$ever:!0))}setViewport(){const query=this.getQuery(),viewPort=this.getParam(query,"viewport");if(!viewPort){window.document.body.style.width="100%";return}window.document.body.style.maxWidth=`${viewPort}px`}reportSize(){var _window,_window2;if(!((_window=window)!==null&&_window!==void 0&&_window.parent)||!((_window2=window)!==null&&_window2!==void 0&&_window2.document))return;const sendPubsubEvent=()=>{this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))};window.addEventListener("resize",(0,_lodash().debounce)(sendPubsubEvent,150));let counter=0;const interval=setInterval(()=>{if(counter+=1,counter>10){clearInterval(interval);return}this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))},200)}async getPreviewModule(previewName,id){const compShortId=id.fullName,relevantModel=_previewModules().PREVIEW_MODULES.get(previewName);if(!relevantModel)throw new Error(`[preview.preview] missing preview "${previewName}"`);if(relevantModel.componentMap[compShortId])return relevantModel;const componentPreviews=await this.fetchComponentPreview(id,previewName);_previewModules().PREVIEW_MODULES.loadComponentPreviews(compShortId,componentPreviews);const component=componentPreviews[previewName];return{mainModule:relevantModel.mainModule,componentMap:{[id.fullName]:component}}}async fetchComponentPreview(id,name){let previewFile;const allFiles=await this.fetchComponentPreviewFiles(id,name);return allFiles===null?{}:(await Promise.all(allFiles.map(file=>{if(file.endsWith("-preview.js")){previewFile=file;return}return this.addComponentFileElement(id,file)})),previewFile?this.loadPreviewScript(id,name,previewFile):{})}addComponentFileElement(id,previewBundleFileName){if(previewBundleFileName.endsWith(".js"))return this.addComponentFileScriptElement(id,previewBundleFileName);this.addComponentFileLinkElement(id,previewBundleFileName).catch(err=>{throw new Error(`[preview.preview] failed loading asset "${previewBundleFileName}". Error - "${err?.toString()}"`)})}async fetchComponentPreviewFiles(id,previewName){const previewAssetsRoute="~aspect/preview-assets",url=`/api/${id.toString()}/${previewAssetsRoute}`,res2=await(0,_crossFetch().default)(url);if(res2.status>=400)throw new(_exceptions()).PreviewNotFound(previewName);const parsed=await res2.json();if(parsed.isBundledWithEnv)return null;if(!parsed.files||!parsed.files.length)throw new(_exceptions()).PreviewNotFound(previewName);return parsed.files}addComponentFileScriptElement(id,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;return(0,_htmlUtils().loadScript)({src})}addComponentFileLinkElement(id,previewBundleFileName){const href=`/api/${id.toString()}/~aspect/component-preview/${previewBundleFileName}`;return(0,_htmlUtils().loadLink)({href})}async loadPreviewScript(id,previewName,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;await(0,_htmlUtils().loadScript)({src});const globalId=`${id.toStringWithoutVersion()}-preview`,componentPreview=window[globalId];if(!componentPreview)throw new(_exceptions()).PreviewNotFound(previewName);return componentPreview}registerPreview(preview){return this.previewSlot.register(preview),this}getRenderingContext(aspectsFilter){return new(_renderingContext()).RenderingContext(this.renderingContextSlot,{aspectsFilter})}registerRenderContext(renderContext){return this.renderingContextSlot.register(renderContext),this}getDefault(){const previews=this.previewSlot.values(),defaultOne=previews.find(previewCandidate=>previewCandidate.default);return defaultOne?.name||previews[0].name}getPreview(previewName){return this.previewSlot.values().find(previewCandidate=>previewCandidate.name===previewName)}getParam(query,param){return new URLSearchParams(query).get(param)}getQuery(){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?");return after}getLocation(){const withoutHash=window.location.hash.substring(1),[before,after]=withoutHash.split("?");return{previewName:this.getParam(after,"preview"),componentId:_componentId().ComponentID.tryFromString(before)}}static async provider([pubsub],config,[previewSlot,renderingContextSlot]){const preview=new PreviewPreview(pubsub,previewSlot,renderingContextSlot);return window.addEventListener("hashchange",()=>{preview.render()}),preview}}__webpack_unused_export__=PreviewPreview,(0,_defineProperty2().default)(PreviewPreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(PreviewPreview,"dependencies",[_pubsub().default]),(0,_defineProperty2().default)(PreviewPreview,"slots",[_harmony().Slot.withType(),_harmony().Slot.withType()]),_preview().PreviewAspect.addRuntime(PreviewPreview)},85216:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RenderingContext=void 0;class RenderingContext{constructor(contexts,options={}){this.contexts=contexts,this.options=options}get(aspectId){const contextFactory=this.contexts.get(aspectId);return contextFactory?.(this.options)}}exports.RenderingContext=RenderingContext},14285:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.SizeEvent=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 SizeEvent extends _pubsub().BitBaseEvent{constructor(sizeEvent){super(SizeEvent.TYPE,"0.0.1",new Date().getTime(),sizeEvent)}}exports.SizeEvent=SizeEvent,(0,_defineProperty2().default)(SizeEvent,"TYPE","preview-size")},43979:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitBaseEvent=void 0;class BitBaseEvent{constructor(type,version,timestamp,data){this.type=type,this.version=version,this.timestamp=timestamp,this.data=data}}exports.BitBaseEvent=BitBaseEvent},23179:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BitBaseEvent",{enumerable:!0,get:function(){return _bitBaseEvent().BitBaseEvent}}),Object.defineProperty(exports,"PubSubRegistry",{enumerable:!0,get:function(){return _pubsubContext().PubSubRegistry}}),Object.defineProperty(exports,"PubsubAspect",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"usePubSub",{enumerable:!0,get:function(){return _pubsubContext().usePubSub}}),Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(43979);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(17796);return _pubsubContext=function(){return data},data}},14339:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PubSubNoParentError=void 0;class PubSubNoParentError extends Error{constructor(){super("could not connect to parent window");this.name="PubSubNoParentError"}}exports.PubSubNoParentError=PubSubNoParentError},17796:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createProvider=createProvider,exports.pubsubRegistry=void 0,exports.usePubSub=usePubSub,exports.usePubSubIframe=usePubSubIframe;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=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}const pubsubRegistry=(0,_react().createContext)(void 0);exports.pubsubRegistry=pubsubRegistry;function createProvider(pubSubContext){return({children})=>_react().default.createElement(pubsubRegistry.Provider,{value:pubSubContext},children)}function usePubSub(){return(0,_react().useContext)(pubsubRegistry)}function usePubSubIframe(ref){const pubSub=usePubSub();(0,_react().useEffect)(()=>{if(!(ref!=null&&ref.current)||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},56646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PubsubAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});exports.PubsubAspect=PubsubAspect;var _default=PubsubAspect;exports.default=_default},53707:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(95318);__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 _uiFoundationUi(){const data=__webpack_require__(53518);return _uiFoundationUi=function(){return data},data}function _eventemitter(){const data=__webpack_require__(56387);return _eventemitter=function(){return data},data}function _penpal(){const data=__webpack_require__(65859);return _penpal=function(){return data},data}function _noParentError(){const data=__webpack_require__(14339);return _noParentError=function(){return data},data}function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}class PubsubPreview{constructor(){(0,_defineProperty2().default)(this,"_parentPubsub",void 0),(0,_defineProperty2().default)(this,"events",new(_eventemitter()).EventEmitter2),(0,_defineProperty2().default)(this,"connectToParentPubSub",(retries=10)=>{if(retries<=0)throw new(_noParentError()).PubSubNoParentError;return(0,_penpal().connectToParent)({timeout:300,methods:{pub:this.handleMessageFromParent}}).promise.then(parentPubsub=>this._parentPubsub=parentPubsub).catch(e=>{if(e.code!==_penpal().ErrorCode.ConnectionTimeout)throw e;return this.connectToParentPubSub(retries-1)})}),(0,_defineProperty2().default)(this,"handleMessageFromParent",(topic,message)=>{this.events.emit(topic,message)})}sub(topic,callback){const emitter=this.events;return emitter.on(topic,callback),()=>{emitter.off(topic,callback)}}pub(topic,event){var _this$_parentPubsub;this.events.emit(topic,event),(_this$_parentPubsub=this._parentPubsub)===null||_this$_parentPubsub===void 0||_this$_parentPubsub.pub(topic,event).catch(err=>{console.error("[Pubsub.preview]",err)})}inIframe(){try{return _uiFoundationUi().isBrowser&&window.self!==window.top}catch{return!1}}static async provider(){const pubsubPreview=new PubsubPreview;return pubsubPreview.inIframe()&&pubsubPreview.connectToParentPubSub().catch(err=>{err instanceof _noParentError().PubSubNoParentError||console.error("[Pubsub.preview]",err)}),pubsubPreview}}__webpack_unused_export__=PubsubPreview,(0,_defineProperty2().default)(PubsubPreview,"runtime",_preview().PreviewRuntime),_pubsub().PubsubAspect.addRuntime(PubsubPreview)},93849:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__={enumerable:!0,get:function(){return _reactNative2().ReactNativeAspect}},__webpack_unused_export__={enumerable:!0,get:function(){return _reactNative().ReactNativeEnv}},Object.defineProperty(exports,"ZP",{enumerable:!0,get:function(){return _reactNative2().ReactNativeAspect}});function _reactNative(){const data=__webpack_require__(5994);return _reactNative=function(){return data},data}function _reactNative2(){const data=__webpack_require__(38117);return _reactNative2=function(){return data},data}},38117:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReactNativeAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const ReactNativeAspect=_harmony().Aspect.create({id:"teambit.react/react-native"});exports.ReactNativeAspect=ReactNativeAspect},5994:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(66992),__webpack_require__(88674),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReactNativeEnvType=exports.ReactNativeEnv=void 0;function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _reactNativeAlias(){const data=__webpack_require__(96649);return _reactNativeAlias=function(){return data},data}function _webpackTemplateTransformers(){const data=__webpack_require__(28142);return _webpackTemplateTransformers=function(){return data},data}const ReactNativeEnvType="react-native";exports.ReactNativeEnvType=ReactNativeEnvType;class ReactNativeEnv{constructor(react,aspect){this.react=react,this.aspect=aspect}async getHostDependencies(){const reactAdditional=await this.react.reactEnv.getAdditionalHostDependencies(),currentPeers=Object.keys(this.getDependencies().peerDependencies);return(0,_lodash().uniq)(reactAdditional.concat(currentPeers).filter(dep=>dep!=="react-native"))}async getTemplateBundler(context,transformers=[]){return this.createTemplateWebpackBundler(context,transformers)}async createTemplateWebpackBundler(context,transformers=[]){return this.aspect.aspectEnv.createTemplateWebpackBundler(context,[_webpackTemplateTransformers().removeExposedReactNative,_webpackTemplateTransformers().removeReactNativePeerEntry,_reactNativeAlias().reactNativeAlias,...transformers])}getDependencies(){return{dependencies:{react:"-","react-dom":"-","react-native":"-"},devDependencies:{react:"-","react-dom":"-","react-native":"-","@types/jest":"^26.0.0","@types/react":"^17.0.8","@types/react-dom":"^17.0.5","@types/react-native":"^0.64.1","@babel/runtime":"7.12.18","@types/testing-library__jest-dom":"5.9.5"},peerDependencies:{react:"^16.8.0 || ^17.0.0","react-dom":"^16.8.0 || ^17.0.0","react-native":"^0.64.1","react-native-web":"^0.16.0"}}}async __getDescriptor(){return{type:ReactNativeEnvType}}}exports.ReactNativeEnv=ReactNativeEnv},65883:(__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__=__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 _react(){const data=__webpack_require__(32750);return _react=function(){return data},data}function _reactNative(){const data=__webpack_require__(38117);return _reactNative=function(){return data},data}class ReactNativePreview{constructor(reactPreview,preview){this.reactPreview=reactPreview,this.preview=preview,(0,_defineProperty2().default)(this,"registerProvider",this.reactPreview.registerProvider.bind(this.reactPreview)),(0,_defineProperty2().default)(this,"getRenderingContext",this.reactPreview.getRenderingContext.bind(this.reactPreview))}static async provider([reactPreview,preview]){const reactNativePreview=new ReactNativePreview(reactPreview,preview);return preview.registerRenderContext(reactNativePreview.getRenderingContext),reactNativePreview}}__webpack_unused_export__=ReactNativePreview,(0,_defineProperty2().default)(ReactNativePreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(ReactNativePreview,"slots",[]),(0,_defineProperty2().default)(ReactNativePreview,"dependencies",[_react().ReactAspect,_preview().PreviewAspect]),_reactNative().ReactNativeAspect.addRuntime(ReactNativePreview);var _default=ReactNativePreview;__webpack_unused_export__=_default},96649:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.reactNativeAlias=reactNativeAlias;function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function reactNativeAlias(config){const newAliases={"react-native$":(0,_lodash().get)(config.raw,"resolve.alias.react-native-web",58091)};return config.removeAliases(["react-native"]),config.addAliases(newAliases),config}},28142:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.removeExposedReactNative=removeExposedReactNative,exports.removeReactNativePeerEntry=removeReactNativePeerEntry;function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function removeExposedReactNative(config){var _config$raw,_config$raw$module;return config!=null&&(_config$raw=config.raw)!==null&&_config$raw!==void 0&&(_config$raw$module=_config$raw.module)!==null&&_config$raw$module!==void 0&&_config$raw$module.rules&&(config.raw.module.rules=config.raw.module.rules.filter(rule=>{var _rule$loader,_rule$test;return!((_rule$loader=rule.loader)!==null&&_rule$loader!==void 0&&_rule$loader.includes("expose-loader")&&typeof rule.test&&typeof rule.test=="string"&&(_rule$test=rule.test)!==null&&_rule$test!==void 0&&_rule$test.includes("/react-native/"))})),config}function removeReactNativePeerEntry(config){const peersImports=(0,_lodash().get)(config.raw,"entry.peers.import");return peersImports&&(0,_lodash().set)(config.raw,"entry.peers.import",peersImports.filter(name=>name!=="react-native")),config}},30329:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fiberToPrototype=exports.toRootFiber=exports.domToFiber=void 0;const react17Key="__reactFiber",react16Key="__reactInternalInstance";function domToFiber(element){if(!element)return null;const fiberKey=Object.keys(element).find(key=>key.startsWith(react17Key)||key.startsWith(react16Key));if(!fiberKey)return null;const fiberNode=element[fiberKey];return fiberNode||null}exports.domToFiber=domToFiber;function toRootFiber(fiberNode){for(let current=fiberNode;current!==null&&current.type!==null;current=current.return)if(typeof current.type=="function"||typeof current.type=="object"&&typeof current.type.render=="function")return current;return null}exports.toRootFiber=toRootFiber;function fiberToPrototype(fiberNode){var _a;return((_a=toRootFiber(fiberNode))===null||_a===void 0?void 0:_a.type)||null}exports.fiberToPrototype=fiberToPrototype},33773:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.domToReacts=exports.domToReact=exports.toRootElement=void 0;const dom_to_fiber_1=__webpack_require__(30329);function toRootElement(element){const rootFiber=(0,dom_to_fiber_1.toRootFiber)((0,dom_to_fiber_1.domToFiber)(element));if(!rootFiber)return null;for(let current=element;current;current=current.parentElement){const fiberNode=(0,dom_to_fiber_1.domToFiber)(current);if(!fiberNode)return null;const parent2=fiberNode.return;if(fiberNode===rootFiber||parent2===rootFiber)return current}return null}exports.toRootElement=toRootElement;function domToReact(element){return domToReacts(element).pop()}exports.domToReact=domToReact;function domToReacts(element){if(element===null)return[];const fiberNode=(0,dom_to_fiber_1.domToFiber)(element),rootFiber=(0,dom_to_fiber_1.toRootFiber)(fiberNode);return componentsOf(rootFiber)}exports.domToReacts=domToReacts;function componentsOf(fiberNode){const components=[];let current=fiberNode;for(;current&&current.type!==null&&typeof current.type!="string";)components.push(current.type),current=current.return;return components}},35450:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fiberToPrototype=exports.toRootFiber=exports.domToFiber=exports.toRootElement=exports.domToReacts=exports.domToReact=void 0;var dom_to_react_1=__webpack_require__(33773);Object.defineProperty(exports,"domToReact",{enumerable:!0,get:function(){return dom_to_react_1.domToReact}}),Object.defineProperty(exports,"domToReacts",{enumerable:!0,get:function(){return dom_to_react_1.domToReacts}}),Object.defineProperty(exports,"toRootElement",{enumerable:!0,get:function(){return dom_to_react_1.toRootElement}});var dom_to_fiber_1=__webpack_require__(30329);Object.defineProperty(exports,"domToFiber",{enumerable:!0,get:function(){return dom_to_fiber_1.domToFiber}}),Object.defineProperty(exports,"toRootFiber",{enumerable:!0,get:function(){return dom_to_fiber_1.toRootFiber}}),Object.defineProperty(exports,"fiberToPrototype",{enumerable:!0,get:function(){return dom_to_fiber_1.fiberToPrototype}})},93130: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.ChildrenHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),hybrid_highlighter_1=__webpack_require__(90995);function ChildrenHighlighter(_a){var{watchMotion=!1}=_a,props=__rest(_a,["watchMotion"]);return react_1.default.createElement(hybrid_highlighter_1.HybridHighlighter,Object.assign({},props,{mode:"allChildren",watchMotion}))}exports.ChildrenHighlighter=ChildrenHighlighter},31524:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChildrenHighlighter=exports.useChildrenHighlighter=void 0;var use_children_highlighter_1=__webpack_require__(87605);Object.defineProperty(exports,"useChildrenHighlighter",{enumerable:!0,get:function(){return use_children_highlighter_1.useChildrenHighlighter}});var children_highlighter_1=__webpack_require__(93130);Object.defineProperty(exports,"ChildrenHighlighter",{enumerable:!0,get:function(){return children_highlighter_1.ChildrenHighlighter}})},87605: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.useChildrenHighlighter=void 0;const react_1=__webpack_require__(67294),get_xpath_1=__importDefault(__webpack_require__(4825)),react_modules_dom_to_react_1=__webpack_require__(35450),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),ignore_highlighter_1=__webpack_require__(84486),rule_matcher_1=__webpack_require__(93008);function useChildrenHighlighter({onChange,disabled,scopeRef,scopeClass:scopeSelector="",rule,componentRule}){(0,react_1.useEffect)(()=>{const nextTargets={},scopeElement=scopeRef.current;if(!scopeElement||disabled)return;let allElements=Array.from(scopeElement.querySelectorAll(targetsSelector(`.${scopeSelector}`)));rule&&(allElements=allElements.filter(elem=>(0,rule_matcher_1.ruleMatcher)(elem,rule)));const rootElements=allElements.map(react_modules_dom_to_react_1.toRootElement).filter(x=>!!x);new Set(rootElements).forEach(element=>{if(!element)return;const componentsWithMeta=(0,react_modules_dom_to_react_1.domToReacts)(element).filter(x=>(0,react_ui_highlighter_component_metadata_bit_component_meta_1.hasComponentMeta)(x)&&(0,rule_matcher_1.componentRuleMatcher)({meta:x[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]},componentRule));if(componentsWithMeta.length<1)return;const key=(0,get_xpath_1.default)(element);nextTargets[key]={element,components:componentsWithMeta}}),onChange(nextTargets)},[disabled,scopeSelector])}exports.useChildrenHighlighter=useChildrenHighlighter;function targetsSelector(scopeSelector=":scope"){const excludedSelector=`${scopeSelector} ${ignore_highlighter_1.excludeHighlighterSelector}, ${scopeSelector} ${ignore_highlighter_1.excludeHighlighterSelector} *`,skippedSelector=`${scopeSelector} ${ignore_highlighter_1.skipHighlighterSelector}, ${scopeSelector} ${ignore_highlighter_1.skipHighlighterSelector} *`;return`:not(${excludedSelector}, ${skippedSelector})`}},41807: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.ElementHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),frame_1=__webpack_require__(91331),label_1=__webpack_require__(90608),ignore_highlighter_1=__webpack_require__(84486),element_highlighter_module_scss_1=__importDefault(__webpack_require__(38053));function ElementHighlighter(_a){var{targetRef,components,placement="top",watchMotion,className,classes}=_a,props=__rest(_a,["targetRef","components","placement","watchMotion","className","classes"]);return react_1.default.createElement("div",Object.assign({},props,ignore_highlighter_1.skipHighlighterAttr,{className:(0,classnames_1.default)(classes?.container,element_highlighter_module_scss_1.default.container,className)}),react_1.default.createElement(frame_1.Frame,{targetRef,className:(0,classnames_1.default)(element_highlighter_module_scss_1.default.frame,classes?.frame),watchMotion}),components&&react_1.default.createElement(label_1.LabelContainer,{targetRef,className:element_highlighter_module_scss_1.default.label,placement,watchMotion},react_1.default.createElement(label_1.Label,{components,className:classes?.label})))}exports.ElementHighlighter=ElementHighlighter},76308:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ElementHighlighter=void 0;var element_highlighter_1=__webpack_require__(41807);Object.defineProperty(exports,"ElementHighlighter",{enumerable:!0,get:function(){return element_highlighter_1.ElementHighlighter}})},58580: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},__awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value2){return value2 instanceof P?value2:new P(function(resolve){resolve(value2)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value2){try{step(generator.next(value2))}catch(e){reject(e)}}function rejected(value2){try{step(generator.throw(value2))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),react_dom_1=__webpack_require__(36728),frame_module_scss_1=__importDefault(__webpack_require__(26448)),MARGIN_FROM_TARGET=+frame_module_scss_1.default.offset||6,MARGIN_FROM_DOC_EDGE=0,overflowParameters={rootBoundary:"document",padding:MARGIN_FROM_DOC_EDGE},SHIFT_POSITIVE="shiftPositive",HAS_RESIZE_OBSERVER=typeof window<"u"&&!!window.ResizeObserver;function Frame({targetRef,watchMotion,className,stylesClass=frame_module_scss_1.default.overlayBorder,style}){var _a;const dimensionRef=(0,react_1.useRef)({width:0,height:0}),{x,y,strategy,reference,floating,update,refs,middlewareData}=(0,react_dom_1.useFloating)({placement:"bottom-start",middleware:[{name:"align-to-target",fn({rects}){return rects.floating=Object.assign(Object.assign({},rects.floating),{width:rects.reference.width+2*MARGIN_FROM_TARGET,height:rects.reference.height+2*MARGIN_FROM_TARGET}),{}}},(0,react_dom_1.offset)(({rects})=>-rects.reference.height),(0,react_dom_1.offset)(()=>({mainAxis:-MARGIN_FROM_TARGET,crossAxis:-MARGIN_FROM_TARGET})),{name:"shiftPositive",fn:args=>__awaiter(this,void 0,void 0,function*(){const overflow=yield(0,react_dom_1.detectOverflow)(args,overflowParameters),nextCoords={x:overflow.left>0?args.x+overflow.left:args.x,y:overflow.top>0?args.y+overflow.top:args.y},shiftAmount={x:nextCoords.x-args.x,y:nextCoords.y-args.y};return Object.assign(Object.assign({},nextCoords),{data:shiftAmount})})},(0,react_dom_1.size)({rootBoundary:"document",padding:MARGIN_FROM_DOC_EDGE,apply({elements,rects,availableHeight,availableWidth,middlewareData:middlewareData2}){const shift=middlewareData2[SHIFT_POSITIVE]||{x:0,y:0},paddingX=2*MARGIN_FROM_TARGET-shift.x,paddingY=2*MARGIN_FROM_TARGET-shift.y,dimensions={width:rects.reference.width+paddingX,height:rects.reference.height+paddingY,maxWidth:availableWidth,maxHeight:availableHeight};Object.assign(elements.floating.style,dimensions),dimensionRef.current=dimensions}}),(0,react_dom_1.hide)({strategy:"referenceHidden"})]});(0,react_1.useLayoutEffect)(()=>{reference(targetRef.current)},[targetRef.current]),(0,react_1.useEffect)(()=>!refs.reference.current||!refs.floating.current||!HAS_RESIZE_OBSERVER?()=>{}:(0,react_dom_1.autoUpdate)(refs.reference.current,refs.floating.current,update,{animationFrame:watchMotion}),[refs.reference.current,refs.floating.current,update,watchMotion]);const isReady=!(!((_a=middlewareData.hide)===null||_a===void 0)&&_a.referenceHidden);return react_1.default.createElement("div",{ref:floating,className:(0,classnames_1.default)(className,stylesClass,!isReady&&frame_module_scss_1.default.hidden),style:Object.assign(Object.assign(Object.assign({},style),dimensionRef.current),{position:strategy,top:y??0,left:x??0})})}exports.Frame=Frame},91331:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;var frame_1=__webpack_require__(58580);Object.defineProperty(exports,"Frame",{enumerable:!0,get:function(){return frame_1.Frame}})},74988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.bubbleToComponent=void 0;const react_modules_dom_to_react_1=__webpack_require__(35450),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),rule_matcher_1=__webpack_require__(93008);function bubbleToComponent(element,{elementRule,componentRule,propagateSameParents=!0}={}){let current=bubbleToFirstComponent(element,elementRule,componentRule);if(!propagateSameParents)return current;for(;current;){const parentElement=current.element.parentElement,parent2=bubbleToFirstComponent(parentElement,elementRule,componentRule),primeComponent=current?.components.slice(-1).pop(),parentPrimeComponent=parent2?.components.slice(-1).pop();if(primeComponent?.[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField].id!==parentPrimeComponent?.[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField].id)return current;current=parent2}}exports.bubbleToComponent=bubbleToComponent;function bubbleToFirstComponent(element,elementRule,componentRule){for(let current=element;current;current=current.parentElement){if(current=(0,react_modules_dom_to_react_1.toRootElement)(current),!current)return;if((0,rule_matcher_1.ruleMatcher)(current,elementRule)){const relevantComponents=(0,react_modules_dom_to_react_1.domToReacts)(current).filter(x=>(0,react_ui_highlighter_component_metadata_bit_component_meta_1.hasComponentMeta)(x)&&(0,rule_matcher_1.componentRuleMatcher)({meta:x[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]},componentRule));return relevantComponents.length<1?void 0:{element:current,components:relevantComponents}}}}},52429: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.HoverHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),hybrid_highlighter_1=__webpack_require__(90995);function HoverHighlighter(_a){var props=__rest(_a,[]);return react_1.default.createElement(hybrid_highlighter_1.HybridHighlighter,Object.assign({},props,{mode:"hover"}))}exports.HoverHighlighter=HoverHighlighter},23988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HoverHighlighter=exports.useHoverHighlighter=void 0;var use_hover_highlighter_1=__webpack_require__(76641);Object.defineProperty(exports,"useHoverHighlighter",{enumerable:!0,get:function(){return use_hover_highlighter_1.useHoverHighlighter}});var hover_highlighter_1=__webpack_require__(52429);Object.defineProperty(exports,"HoverHighlighter",{enumerable:!0,get:function(){return hover_highlighter_1.HoverHighlighter}})},76641:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHoverHighlighter=void 0;const react_1=__webpack_require__(67294),use_debounce_1=__webpack_require__(3962),react_ui_hover_selector_1=__webpack_require__(83933),ignore_highlighter_1=__webpack_require__(84486),bubble_to_component_1=__webpack_require__(74988);function useHoverHighlighter(onChange,props={},{debounceDuration,scopeClass,disabled,rule,componentRule}){const{handleElement}=useHoverHandler({onChange,scopeClass,debounceDuration,disabled,rule,componentRule});return(0,react_ui_hover_selector_1.useHoverSelection)(disabled?void 0:handleElement,props)}exports.useHoverHighlighter=useHoverHighlighter;function useHoverHandler({onChange,scopeClass="",debounceDuration,disabled,rule,componentRule}){const _handleElement=element=>{if(!element||element.hasAttribute("data-nullify-component-highlight")){onChange(void 0);return}if(element.closest(`.${scopeClass} ${ignore_highlighter_1.excludeHighlighterSelector}`)){onChange(void 0);return}if(element.closest(`.${scopeClass} ${ignore_highlighter_1.skipHighlighterSelector}`))return;const result=(0,bubble_to_component_1.bubbleToComponent)(element,{elementRule:rule,componentRule});!result||onChange({element:result.element,components:result.components})},handleElement=(0,use_debounce_1.useDebouncedCallback)(_handleElement,debounceDuration);return(0,react_1.useEffect)(()=>{disabled&&handleElement.cancel()},[disabled,handleElement]),{handleElement}}},92126: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.HybridHighlighter=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),uuid_1=__webpack_require__(53871),hover_highlighter_1=__webpack_require__(23988),element_highlighter_1=__webpack_require__(76308),children_highlighter_1=__webpack_require__(31524);function HybridHighlighter(_a){var{disabled,mode="hover",debounceSelection=80,watchMotion=!0,placement,rule,componentRule,classes,highlightStyle,className,style,bgColor,bgColorHover,bgColorActive,children}=_a,rest=__rest(_a,["disabled","mode","debounceSelection","watchMotion","placement","rule","componentRule","classes","highlightStyle","className","style","bgColor","bgColorHover","bgColorActive","children"]);const ref=(0,react_1.createRef)(),[targets,setTarget]=(0,react_1.useState)({}),scopeClass=(0,react_1.useRef)(`hl-scope-${(0,uuid_1.v4)()}`).current,hasTargets=Object.entries(targets).length>0;(0,react_1.useEffect)(()=>{disabled&&setTarget({})},[disabled]);const handlers=(0,hover_highlighter_1.useHoverHighlighter)(nextTarget=>setTarget(nextTarget?{"hover-target":nextTarget}:{}),rest,{debounceDuration:hasTargets?debounceSelection:0,scopeClass,disabled:disabled||mode!=="hover",rule,componentRule});(0,children_highlighter_1.useChildrenHighlighter)({onChange:setTarget,scopeRef:ref,scopeClass,disabled:disabled||mode!=="allChildren",rule,componentRule});const _styles=(0,react_1.useMemo)(()=>Object.assign({"--bit-highlighter-color":bgColor,"--bit-highlighter-color-hover":bgColorHover,"--bit-highlighter-color-active":bgColorActive},style),[bgColor,bgColorHover,bgColorActive,style]);return react_1.default.createElement("div",Object.assign({ref},rest,handlers,{style:_styles,className:(0,classnames_1.default)(className,scopeClass),"data-nullify-component-highlight":!0}),children,Object.entries(targets).map(([key,target])=>react_1.default.createElement(element_highlighter_1.ElementHighlighter,{key,targetRef:{current:target.element},components:target.components,classes,style:highlightStyle,placement,watchMotion})))}exports.HybridHighlighter=HybridHighlighter},90995:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HybridHighlighter=void 0;var hybrid_highlighter_1=__webpack_require__(92126);Object.defineProperty(exports,"HybridHighlighter",{enumerable:!0,get:function(){return hybrid_highlighter_1.HybridHighlighter}})},84486: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.skipHighlighterSelector=exports.skipHighlighterAttr=exports.skipHighlighterAttrName=exports.ExcludeHighlighter=exports.excludeHighlighterAtt=exports.excludeHighlighterSelector=exports.excludeHighlighterAttrName=void 0;const react_1=__importDefault(__webpack_require__(67294));exports.excludeHighlighterAttrName="data-ignore-component-highlight",exports.excludeHighlighterSelector=`[${exports.excludeHighlighterAttrName}]`,exports.excludeHighlighterAtt={[exports.excludeHighlighterAttrName]:!0};function ExcludeHighlighter(props){return react_1.default.createElement("div",Object.assign({},props,exports.excludeHighlighterAtt))}exports.ExcludeHighlighter=ExcludeHighlighter,exports.skipHighlighterAttrName="data-skip-component-highlight",exports.skipHighlighterAttr={[exports.skipHighlighterAttrName]:!0},exports.skipHighlighterSelector=`[${exports.skipHighlighterAttrName}]`},48191:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.skipHighlighterAttrName=exports.skipHighlighterAttr=exports.excludeHighlighterAttrName=exports.excludeHighlighterAtt=exports.ExcludeHighlighter=exports.ElementHighlighter=exports.ChildrenHighlighter=exports.HoverHighlighter=exports.ComponentHighlighter=void 0;var hybrid_highlighter_1=__webpack_require__(90995);Object.defineProperty(exports,"ComponentHighlighter",{enumerable:!0,get:function(){return hybrid_highlighter_1.HybridHighlighter}});var hover_highlighter_1=__webpack_require__(23988);Object.defineProperty(exports,"HoverHighlighter",{enumerable:!0,get:function(){return hover_highlighter_1.HoverHighlighter}});var children_highlighter_1=__webpack_require__(31524);Object.defineProperty(exports,"ChildrenHighlighter",{enumerable:!0,get:function(){return children_highlighter_1.ChildrenHighlighter}});var element_highlighter_1=__webpack_require__(76308);Object.defineProperty(exports,"ElementHighlighter",{enumerable:!0,get:function(){return element_highlighter_1.ElementHighlighter}});var ignore_highlighter_1=__webpack_require__(84486);Object.defineProperty(exports,"ExcludeHighlighter",{enumerable:!0,get:function(){return ignore_highlighter_1.ExcludeHighlighter}}),Object.defineProperty(exports,"excludeHighlighterAtt",{enumerable:!0,get:function(){return ignore_highlighter_1.excludeHighlighterAtt}}),Object.defineProperty(exports,"excludeHighlighterAttrName",{enumerable:!0,get:function(){return ignore_highlighter_1.excludeHighlighterAttrName}}),Object.defineProperty(exports,"skipHighlighterAttr",{enumerable:!0,get:function(){return ignore_highlighter_1.skipHighlighterAttr}}),Object.defineProperty(exports,"skipHighlighterAttrName",{enumerable:!0,get:function(){return ignore_highlighter_1.skipHighlighterAttrName}})},1554: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.ComponentStrip=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_routing_native_link_1=__webpack_require__(62990),component_id_1=__webpack_require__(47274),component_modules_component_url_1=__webpack_require__(65468),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),component_strip_module_scss_1=__importDefault(__webpack_require__(75440)),links_1=__webpack_require__(23660);exports.ComponentStrip=(0,react_1.forwardRef)(function({component,children},ref){const{id,homepage,exported}=extractMetadata(component),parsedId=(0,react_1.useMemo)(()=>component_id_1.ComponentID.tryFromString(id),[id]),componentLink=homepage||(0,links_1.calcComponentLink)(parsedId,exported);return react_1.default.createElement("div",{className:component_strip_module_scss_1.default.componentStrip,ref},!parsedId&&react_1.default.createElement(LabelBlock,{link:homepage},id),parsedId&&react_1.default.createElement(LabelBlock,{link:component_modules_component_url_1.ScopeUrl.toUrl(parsedId.scope)},parsedId.scope),parsedId&&react_1.default.createElement(LabelBlock,{link:componentLink,className:component_strip_module_scss_1.default.nameBlock},react_1.default.createElement("span",null,parsedId.fullName),parsedId.version&&parsedId.version!=="latest"&&react_1.default.createElement("span",{className:component_strip_module_scss_1.default.version},"@",parsedId.version)),children)});function LabelBlock({link,children,className}){const Comp=link?base_ui_routing_native_link_1.NativeLink:"span";return react_1.default.createElement(Comp,{href:link,external:!!link,className},children)}function extractMetadata(metadata){return typeof metadata=="string"?{id:metadata,exported:!0}:metadata[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]}},90608:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LabelContainer=exports.Label=void 0;var label_1=__webpack_require__(16545);Object.defineProperty(exports,"Label",{enumerable:!0,get:function(){return label_1.Label}});var label_container_1=__webpack_require__(84185);Object.defineProperty(exports,"LabelContainer",{enumerable:!0,get:function(){return label_container_1.LabelContainer}})},84185: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.LabelContainer=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),lodash_compact_1=__importDefault(__webpack_require__(16195)),react_dom_1=__webpack_require__(36728),label_module_scss_1=__importDefault(__webpack_require__(753)),HAS_RESIZE_OBSERVER=typeof window<"u"&&!!window.ResizeObserver;function LabelContainer(_a){var _b,{targetRef,offset,placement,flip=!0,watchMotion,className,style}=_a,rest=__rest(_a,["targetRef","offset","placement","flip","watchMotion","className","style"]);const{x,y,strategy,floating,reference,refs,update,middlewareData}=(0,react_dom_1.useFloating)({placement,middleware:(0,lodash_compact_1.default)([offset&&(0,react_dom_1.offset)({mainAxis:offset[0],crossAxis:offset[1]}),flip&&(0,react_dom_1.flip)(),(0,react_dom_1.shift)({rootBoundary:"document",mainAxis:!0,crossAxis:!0}),(0,react_dom_1.hide)({strategy:"referenceHidden"})])});(0,react_1.useLayoutEffect)(()=>{reference(targetRef.current)},[targetRef.current,reference]),(0,react_1.useEffect)(()=>!refs.reference.current||!refs.floating.current||!HAS_RESIZE_OBSERVER?()=>{}:(0,react_dom_1.autoUpdate)(refs.reference.current,refs.floating.current,update,{animationFrame:!!watchMotion}),[refs.reference.current,refs.floating.current,update,watchMotion]);const isReady=!(!((_b=middlewareData.hide)===null||_b===void 0)&&_b.referenceHidden);return react_1.default.createElement("div",Object.assign({},rest,{ref:floating,className:(0,classnames_1.default)(className,!isReady&&label_module_scss_1.default.hidden),style:Object.assign(Object.assign({},style),{position:strategy,top:y??0,left:x??0})}))}exports.LabelContainer=LabelContainer},16545: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.Label=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),label_module_scss_1=__importDefault(__webpack_require__(753)),component_strip_1=__webpack_require__(1554),other_components_1=__webpack_require__(46976);function Label(_a){var{components}=_a,props=__rest(_a,["components"]);const[showMore,setShowMore]=(0,react_1.useState)(!1),last=components.slice(-1).pop();if(!last)return null;const hasMore=components.length>1;return(0,react_1.useEffect)(()=>{setShowMore(!1)},[components]),react_1.default.createElement(other_components_1.OtherComponentsPopper,{components,visible:showMore,placement:"bottom-start"},react_1.default.createElement(component_strip_1.ComponentStrip,Object.assign({},props,{component:last}),hasMore&&react_1.default.createElement("span",{className:(0,classnames_1.default)(label_module_scss_1.default.othersTooltip,showMore&&label_module_scss_1.default.active),onClick:()=>setShowMore(x=>!x)})))}exports.Label=Label},23660: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.calcComponentLink=void 0;const url_join_1=__importDefault(__webpack_require__(34078)),component_modules_component_url_1=__webpack_require__(65468);function calcComponentLink(id,exported){if(!!id)return exported?component_modules_component_url_1.ComponentUrl.toUrl(id):(0,url_join_1.default)("/",id.fullName)}exports.calcComponentLink=calcComponentLink},46976: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.OtherComponentsPopper=void 0;const react_1=__importDefault(__webpack_require__(67294)),headless_1=__importDefault(__webpack_require__(71215)),component_strip_1=__webpack_require__(1554),label_module_scss_1=__importDefault(__webpack_require__(753));function OtherComponentsPopper(_a){var{components,children,start,end=-1,placement="bottom",interactive=!0}=_a,tippyProps=__rest(_a,["components","children","start","end","placement","interactive"]);const content=react_1.default.createElement(react_1.default.Fragment,null,components.slice(start,end).reverse().map((comp,idx)=>react_1.default.createElement(component_strip_1.ComponentStrip,{key:idx,component:comp})));return react_1.default.createElement(headless_1.default,Object.assign({placement,interactive},tippyProps,{render:attrs=>react_1.default.createElement("div",Object.assign({},attrs,{className:label_module_scss_1.default.othersContainer}),content)}),children)}exports.OtherComponentsPopper=OtherComponentsPopper},93008:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentRuleMatcher=exports.ruleMatcher=void 0;const component_id_1=__webpack_require__(47274);function ruleMatcher(element,rule){return typeof rule=="string"?element.matches(rule):typeof rule=="function"?rule(element):!0}exports.ruleMatcher=ruleMatcher;function componentRuleMatcher(target,rule){if(typeof rule=="string"){const targetCmpId=component_id_1.ComponentID.tryFromString(target.meta.id),ruleCmpId=component_id_1.ComponentID.tryFromString(rule);return component_id_1.ComponentID.isEqual(ruleCmpId,targetCmpId,{ignoreVersion:!0})}if(Array.isArray(rule)){const targetCmpId=component_id_1.ComponentID.tryFromString(target.meta.id);return rule.map(x=>component_id_1.ComponentID.tryFromString(x)).some(cmdId=>component_id_1.ComponentID.isEqual(targetCmpId,cmdId,{ignoreVersion:!0}))}return typeof rule=="function"?rule(target):!0}exports.componentRuleMatcher=componentRuleMatcher},91204:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentID=void 0;const legacy_bit_id_1=__webpack_require__(35666),exceptions_1=__webpack_require__(8105);class ComponentID{constructor(legacyComponentId,_scope){this.legacyComponentId=legacyComponentId,this._scope=_scope}get _legacy(){return this.legacyComponentId}hasVersion(){return this._legacy.hasVersion()}get version(){return this.legacyComponentId.version}get namespace(){return this.legacyComponentId.name.split("/").slice(0,-1).join("/")}get fullName(){return this._legacy.name}get name(){const arr=this.legacyComponentId.name.split("/");return arr[arr.length-1]}get scope(){const scope=this._legacy.scope;if(scope)return scope;if(!this._scope)throw new Error("scope cannot be undefined");return this._scope}changeScope(scopeName){const legacyId=this._legacy.changeScope(scopeName);return ComponentID.fromLegacy(legacyId)}changeVersion(version){const legacyId=this._legacy.changeVersion(version);return ComponentID.fromLegacy(legacyId,this.scope)}isEqual(id,opts){return ComponentID.isEqual(this,id,opts)}getVersionPreReleaseData(){return this._legacy.getVersionPreReleaseData()}toStringWithoutVersion(){let id=this._legacy;return this._scope&&!this._legacy.scope&&(id=id.changeScope(this._scope)),id.toStringWithoutVersion()}toString(opts={}){let id=this._legacy;this._scope&&!this._legacy.scope&&(id=id.changeScope(this._scope));const idStr=id.toString(!1,opts.ignoreVersion);return opts.fsCompatible?idStr.replace(/\//g,"_").replace(/\./g,"_").replace(/-/g,"_"):idStr}toObject(){const object=this.legacyComponentId.serialize();return object.scope||(object.scope=this.scope),object}static tryFromString(idStr,scope){try{return ComponentID.fromString(idStr,scope)}catch{return}}static fromString(idStr,scope){const legacyId=legacy_bit_id_1.BitId.parse(idStr,!0);if(!scope&&!legacyId.scope)throw new exceptions_1.MissingScope(idStr);return new ComponentID(legacyId,scope)}static fromLegacyString(idStr,scope){const legacyId=legacy_bit_id_1.BitId.parse(idStr,!1);return new ComponentID(legacyId,scope)}static fromObject(object,scope){return ComponentID.fromLegacy(new legacy_bit_id_1.BitId(object),scope)}static isValidObject(o){return typeof o=="object"&&typeof o.name=="string"&&typeof o.scope=="string"}static isEqual(a,b,opts={}){if(!a&&!b)return!0;if(!a||!b)return!1;let result=a.scope===b.scope&&a.toString({ignoreVersion:opts.ignoreVersion})===b.toString({ignoreVersion:opts.ignoreVersion});return opts.ignoreVersion||(result=result&&a.version===b.version),result}static isEqualObj(a,b,opts={}){if(!a&&!b)return!0;if(!a||!b)return!1;let result=a.scope===b.scope&&a.name===b.name;return opts.ignoreVersion||(result=result&&a.version===b.version),result}static fromLegacy(legacyId,scope){if(!scope&&!legacyId.scope)throw new exceptions_1.MissingScope(legacyId);return new ComponentID(legacyId,scope)}}exports.ComponentID=ComponentID},8105:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingScope=void 0;const missing_scope_1=__webpack_require__(61504);Object.defineProperty(exports,"MissingScope",{enumerable:!0,get:function(){return missing_scope_1.MissingScope}})},61504:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingScope=void 0;class MissingScope extends Error{constructor(src){super(`scope was not defined directly or by "${src}"`)}report(){return this.message}}exports.MissingScope=MissingScope},47274:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentID=void 0;var component_id_1=__webpack_require__(91204);Object.defineProperty(exports,"ComponentID",{enumerable:!0,get:function(){return component_id_1.ComponentID}})},96961:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
492
+ `;async function fetchComponentAspects(componentId){try{return(await(0,_graphqlRequest().request)(GQL_SERVER,GET_COMPONENT_ASPECTS,{id:componentId.toString()})).getHost.get.aspects.map(x=>x.id)}catch(err){console.error(`[gql] error on "getComponentAspects" - "${err.toString()}"`);return}}},79271:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(88674),Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadLink=loadLink,exports.loadScript=loadScript;function loadScript({src}){return new Promise((resolve,reject)=>{const script=document.createElement("script");script.setAttribute("defer","defer"),script.src=src,script.onload=()=>resolve(),script.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load script: ${message}`)),document.head.appendChild(script)})}function loadLink({href}){return new Promise((resolve,reject)=>{const link=document.createElement("link");href.endsWith(".css")&&link.setAttribute("rel","stylesheet"),link.setAttribute("href",href),link.onload=()=>resolve(),link.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load link: ${message}`)),document.head.appendChild(link)})}},49471:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={PreviewAspect:!0,PreviewRuntime:!0,PreviewDefinition:!0};Object.defineProperty(exports,"PreviewAspect",{enumerable:!0,get:function(){return _preview().PreviewAspect}}),Object.defineProperty(exports,"PreviewDefinition",{enumerable:!0,get:function(){return _previewDefinition().PreviewDefinition}}),Object.defineProperty(exports,"PreviewRuntime",{enumerable:!0,get:function(){return _preview().PreviewRuntime}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _preview().PreviewAspect}});function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}var _events=__webpack_require__(67335);Object.keys(_events).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_events[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _events[key]}})});function _previewDefinition(){const data=__webpack_require__(15739);return _previewDefinition=function(){return data},data}},15739:()=>{"use strict"},2094:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewModules=exports.PREVIEW_MODULES=void 0,exports.linkModules=linkModules;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}class PreviewModules extends Map{constructor(...args){super(...args);(0,_defineProperty2().default)(this,"onSet",new Set)}set(id,preview){return super.set(id,preview),this.onSet.forEach(callback=>callback()),this}loadComponentPreviews(compId,previews){Object.entries(previews).forEach(([previewName,moduleFile])=>{const preview=this.get(previewName);!preview||(preview.componentMap[compId]=moduleFile)})}}exports.PreviewModules=PreviewModules;const PREVIEW_MODULES=new PreviewModules;exports.PREVIEW_MODULES=PREVIEW_MODULES;function linkModules(previewName,previewModule){PREVIEW_MODULES.set(previewName,previewModule)}},22395:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PreviewRuntime=exports.PreviewAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PreviewRuntime=new(_harmony()).RuntimeDefinition("preview");exports.PreviewRuntime=PreviewRuntime;const PreviewAspect=_harmony().Aspect.create({id:"teambit.preview/preview",dependencies:[],defaultConfig:{},declareRuntime:PreviewRuntime});exports.PreviewAspect=PreviewAspect;var _default=PreviewAspect;exports.default=_default},74649:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(88674),__webpack_require__(74916),__webpack_require__(60285),__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0,Object.defineProperty(exports,"Bu",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _pubsub(){const data=_interopRequireDefault(__webpack_require__(23179));return _pubsub=function(){return data},data}function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _crossFetch(){const data=_interopRequireDefault(__webpack_require__(54098));return _crossFetch=function(){return data},data}function _memoizee(){const data=_interopRequireDefault(__webpack_require__(34156));return _memoizee=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _exceptions(){const data=__webpack_require__(67166);return _exceptions=function(){return data},data}function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}function _events(){const data=__webpack_require__(67335);return _events=function(){return data},data}function _renderingContext(){const data=__webpack_require__(85216);return _renderingContext=function(){return data},data}function _fetchComponentAspects(){const data=__webpack_require__(73110);return _fetchComponentAspects=function(){return data},data}function _previewModules(){const data=__webpack_require__(2094);return _previewModules=function(){return data},data}function _htmlUtils(){const data=__webpack_require__(79271);return _htmlUtils=function(){return data},data}function _sizeEvent(){const data=__webpack_require__(14285);return _sizeEvent=function(){return data},data}class PreviewPreview{constructor(pubsub,previewSlot,renderingContextSlot){this.pubsub=pubsub,this.previewSlot=previewSlot,this.renderingContextSlot=renderingContextSlot,(0,_defineProperty2().default)(this,"isDev",!1),(0,_defineProperty2().default)(this,"_setupPromise",void 0),(0,_defineProperty2().default)(this,"setup",()=>{var _this$_setupPromise;return this.isReady()?Promise.resolve():((_this$_setupPromise=this._setupPromise)!==null&&_this$_setupPromise!==void 0||(this._setupPromise=new Promise(resolve=>{_previewModules().PREVIEW_MODULES.onSet.add(()=>{this.isReady()&&resolve()})})),this._setupPromise)}),(0,_defineProperty2().default)(this,"render",async rootExt=>{window.document.body.style.width="fit-content";const{previewName,componentId}=this.getLocation(),name=previewName||this.getDefault();rootExt&&(this.isDev=rootExt==="teambit.workspace/workspace");const preview=this.getPreview(name);if(!preview||!componentId)throw new(_exceptions()).PreviewNotFound(previewName);const includes=(await Promise.all((preview.include||[]).map(async inclPreviewName=>{var _includedPreview$sele;const includedPreview=this.getPreview(inclPreviewName);if(!includedPreview)return;const inclPreviewModule=await this.getPreviewModule(inclPreviewName,componentId);return(_includedPreview$sele=includedPreview.selectPreviewModel)===null||_includedPreview$sele===void 0?void 0:_includedPreview$sele.call(includedPreview,componentId.fullName,inclPreviewModule)}))).filter(module=>!!module),componentAspects=this.isDev?await this.getComponentAspects(componentId.toString()):void 0,previewModule=await this.getPreviewModule(name,componentId),render=preview.render(componentId,previewModule,includes,this.getRenderingContext(componentAspects));return this.reportSize(),this.setViewport(),render}),(0,_defineProperty2().default)(this,"getComponentAspects",(0,_memoizee().default)(_fetchComponentAspects().fetchComponentAspects,{max:100,maxAge:12*60*60*1e3})),this.registerClickPubSub()}registerClickPubSub(){window.addEventListener("click",e=>{const timestamp=Date.now(),clickEvent=Object.assign({},e);this.pubsub.pub(_preview().PreviewAspect.id,new(_events()).ClickInsideAnIframeEvent(timestamp,clickEvent))})}isReady(){var _preview$include$ever,_preview$include;const{previewName}=this.getLocation(),name=previewName||this.getDefault();if(!_previewModules().PREVIEW_MODULES.has(name))return!1;const preview=this.getPreview(name);return!(!preview||!((_preview$include$ever=(_preview$include=preview.include)===null||_preview$include===void 0?void 0:_preview$include.every(included=>_previewModules().PREVIEW_MODULES.has(included)))!==null&&_preview$include$ever!==void 0?_preview$include$ever:!0))}setViewport(){const query=this.getQuery(),viewPort=this.getParam(query,"viewport");if(!viewPort){window.document.body.style.width="100%";return}window.document.body.style.maxWidth=`${viewPort}px`}reportSize(){var _window,_window2;if(!((_window=window)!==null&&_window!==void 0&&_window.parent)||!((_window2=window)!==null&&_window2!==void 0&&_window2.document))return;const sendPubsubEvent=()=>{this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))};window.addEventListener("resize",(0,_lodash().debounce)(sendPubsubEvent,300));let counter=0;const interval=setInterval(()=>{if(counter+=1,counter>10){clearInterval(interval);return}this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))},200)}async getPreviewModule(previewName,id){const compShortId=id.fullName,relevantModel=_previewModules().PREVIEW_MODULES.get(previewName);if(!relevantModel)throw new Error(`[preview.preview] missing preview "${previewName}"`);if(relevantModel.componentMap[compShortId])return relevantModel;const componentPreviews=await this.fetchComponentPreview(id,previewName);_previewModules().PREVIEW_MODULES.loadComponentPreviews(compShortId,componentPreviews);const component=componentPreviews[previewName],metadata=componentPreviews[`${previewName}_metadata`];return{mainModule:relevantModel.mainModule,componentMap:{[id.fullName]:component},componentMapMetadata:{[id.fullName]:metadata}}}async fetchComponentPreview(id,name){let previewFile;const allFiles=await this.fetchComponentPreviewFiles(id,name);return allFiles===null?{}:(await Promise.all(allFiles.map(file=>{if(file.endsWith("-preview.js")){previewFile=file;return}return this.addComponentFileElement(id,file)})),previewFile?this.loadPreviewScript(id,name,previewFile):{})}addComponentFileElement(id,previewBundleFileName){if(previewBundleFileName.endsWith(".js"))return this.addComponentFileScriptElement(id,previewBundleFileName);this.addComponentFileLinkElement(id,previewBundleFileName).catch(err=>{throw new Error(`[preview.preview] failed loading asset "${previewBundleFileName}". Error - "${err?.toString()}"`)})}async fetchComponentPreviewFiles(id,previewName){const previewAssetsRoute="~aspect/preview-assets",url=`/api/${id.toString()}/${previewAssetsRoute}`,res2=await(0,_crossFetch().default)(url);if(res2.status>=400)throw new(_exceptions()).PreviewNotFound(previewName);const parsed=await res2.json();if(parsed.isBundledWithEnv)return null;if(!parsed.files||!parsed.files.length)throw new(_exceptions()).PreviewNotFound(previewName);return parsed.files}addComponentFileScriptElement(id,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;return(0,_htmlUtils().loadScript)({src})}addComponentFileLinkElement(id,previewBundleFileName){const href=`/api/${id.toString()}/~aspect/component-preview/${previewBundleFileName}`;return(0,_htmlUtils().loadLink)({href})}async loadPreviewScript(id,previewName,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;await(0,_htmlUtils().loadScript)({src});const globalId=`${id.toStringWithoutVersion()}-preview`,componentPreview=window[globalId];if(!componentPreview)throw new(_exceptions()).PreviewNotFound(previewName);return componentPreview}registerPreview(preview){return this.previewSlot.register(preview),this}getRenderingContext(aspectsFilter){return new(_renderingContext()).RenderingContext(this.renderingContextSlot,{aspectsFilter})}registerRenderContext(renderContext){return this.renderingContextSlot.register(renderContext),this}getDefault(){const previews=this.previewSlot.values(),defaultOne=previews.find(previewCandidate=>previewCandidate.default);return defaultOne?.name||previews[0].name}getPreview(previewName){return this.previewSlot.values().find(previewCandidate=>previewCandidate.name===previewName)}getParam(query,param){return new URLSearchParams(query).get(param)}getQuery(){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?");return after}getLocation(){const withoutHash=window.location.hash.substring(1),[before,after]=withoutHash.split("?");return{previewName:this.getParam(after,"preview"),componentId:_componentId().ComponentID.tryFromString(before)}}static async provider([pubsub],config,[previewSlot,renderingContextSlot]){const preview=new PreviewPreview(pubsub,previewSlot,renderingContextSlot);return window.addEventListener("hashchange",()=>{preview.render()}),preview}}__webpack_unused_export__=PreviewPreview,(0,_defineProperty2().default)(PreviewPreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(PreviewPreview,"dependencies",[_pubsub().default]),(0,_defineProperty2().default)(PreviewPreview,"slots",[_harmony().Slot.withType(),_harmony().Slot.withType()]),_preview().PreviewAspect.addRuntime(PreviewPreview)},85216:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RenderingContext=void 0;class RenderingContext{constructor(contexts,options={}){this.contexts=contexts,this.options=options}get(aspectId){const contextFactory=this.contexts.get(aspectId);return contextFactory?.(this.options)}}exports.RenderingContext=RenderingContext},14285:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.SizeEvent=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 SizeEvent extends _pubsub().BitBaseEvent{constructor(sizeEvent){super(SizeEvent.TYPE,"0.0.1",new Date().getTime(),sizeEvent)}}exports.SizeEvent=SizeEvent,(0,_defineProperty2().default)(SizeEvent,"TYPE","preview-size")},43979:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitBaseEvent=void 0;class BitBaseEvent{constructor(type,version,timestamp,data){this.type=type,this.version=version,this.timestamp=timestamp,this.data=data}}exports.BitBaseEvent=BitBaseEvent},23179:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BitBaseEvent",{enumerable:!0,get:function(){return _bitBaseEvent().BitBaseEvent}}),Object.defineProperty(exports,"PubSubRegistry",{enumerable:!0,get:function(){return _pubsubContext().PubSubRegistry}}),Object.defineProperty(exports,"PubsubAspect",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"usePubSub",{enumerable:!0,get:function(){return _pubsubContext().usePubSub}}),Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(43979);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(17796);return _pubsubContext=function(){return data},data}},14339:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PubSubNoParentError=void 0;class PubSubNoParentError extends Error{constructor(){super("could not connect to parent window");this.name="PubSubNoParentError"}}exports.PubSubNoParentError=PubSubNoParentError},17796:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createProvider=createProvider,exports.pubsubRegistry=void 0,exports.usePubSub=usePubSub,exports.usePubSubIframe=usePubSubIframe;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=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}const pubsubRegistry=(0,_react().createContext)(void 0);exports.pubsubRegistry=pubsubRegistry;function createProvider(pubSubContext){return({children})=>_react().default.createElement(pubsubRegistry.Provider,{value:pubSubContext},children)}function usePubSub(){return(0,_react().useContext)(pubsubRegistry)}function usePubSubIframe(ref){const pubSub=usePubSub();(0,_react().useEffect)(()=>{if(!(ref!=null&&ref.current)||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},56646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PubsubAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});exports.PubsubAspect=PubsubAspect;var _default=PubsubAspect;exports.default=_default},53707:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(95318);__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 _uiFoundationUi(){const data=__webpack_require__(53518);return _uiFoundationUi=function(){return data},data}function _eventemitter(){const data=__webpack_require__(56387);return _eventemitter=function(){return data},data}function _penpal(){const data=__webpack_require__(65859);return _penpal=function(){return data},data}function _noParentError(){const data=__webpack_require__(14339);return _noParentError=function(){return data},data}function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}class PubsubPreview{constructor(){(0,_defineProperty2().default)(this,"_parentPubsub",void 0),(0,_defineProperty2().default)(this,"events",new(_eventemitter()).EventEmitter2),(0,_defineProperty2().default)(this,"connectToParentPubSub",(retries=10)=>{if(retries<=0)throw new(_noParentError()).PubSubNoParentError;return(0,_penpal().connectToParent)({timeout:300,methods:{pub:this.handleMessageFromParent}}).promise.then(parentPubsub=>this._parentPubsub=parentPubsub).catch(e=>{if(e.code!==_penpal().ErrorCode.ConnectionTimeout)throw e;return this.connectToParentPubSub(retries-1)})}),(0,_defineProperty2().default)(this,"handleMessageFromParent",(topic,message)=>{this.events.emit(topic,message)})}sub(topic,callback){const emitter=this.events;return emitter.on(topic,callback),()=>{emitter.off(topic,callback)}}pub(topic,event){var _this$_parentPubsub;this.events.emit(topic,event),(_this$_parentPubsub=this._parentPubsub)===null||_this$_parentPubsub===void 0||_this$_parentPubsub.pub(topic,event).catch(err=>{console.error("[Pubsub.preview]",err)})}inIframe(){try{return _uiFoundationUi().isBrowser&&window.self!==window.top}catch{return!1}}static async provider(){const pubsubPreview=new PubsubPreview;return pubsubPreview.inIframe()&&pubsubPreview.connectToParentPubSub().catch(err=>{err instanceof _noParentError().PubSubNoParentError||console.error("[Pubsub.preview]",err)}),pubsubPreview}}__webpack_unused_export__=PubsubPreview,(0,_defineProperty2().default)(PubsubPreview,"runtime",_preview().PreviewRuntime),_pubsub().PubsubAspect.addRuntime(PubsubPreview)},93849:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__={enumerable:!0,get:function(){return _reactNative2().ReactNativeAspect}},__webpack_unused_export__={enumerable:!0,get:function(){return _reactNative().ReactNativeEnv}},Object.defineProperty(exports,"ZP",{enumerable:!0,get:function(){return _reactNative2().ReactNativeAspect}});function _reactNative(){const data=__webpack_require__(5994);return _reactNative=function(){return data},data}function _reactNative2(){const data=__webpack_require__(38117);return _reactNative2=function(){return data},data}},38117:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReactNativeAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const ReactNativeAspect=_harmony().Aspect.create({id:"teambit.react/react-native"});exports.ReactNativeAspect=ReactNativeAspect},5994:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(66992),__webpack_require__(88674),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReactNativeEnvType=exports.ReactNativeEnv=void 0;function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _reactNativeAlias(){const data=__webpack_require__(96649);return _reactNativeAlias=function(){return data},data}function _webpackTemplateTransformers(){const data=__webpack_require__(28142);return _webpackTemplateTransformers=function(){return data},data}const ReactNativeEnvType="react-native";exports.ReactNativeEnvType=ReactNativeEnvType;class ReactNativeEnv{constructor(react,aspect){this.react=react,this.aspect=aspect}async getHostDependencies(){const reactAdditional=await this.react.reactEnv.getAdditionalHostDependencies(),currentPeers=Object.keys(this.getDependencies().peerDependencies);return(0,_lodash().uniq)(reactAdditional.concat(currentPeers).filter(dep=>dep!=="react-native"))}async getTemplateBundler(context,transformers=[]){return this.createTemplateWebpackBundler(context,transformers)}async createTemplateWebpackBundler(context,transformers=[]){return this.aspect.aspectEnv.createTemplateWebpackBundler(context,[_webpackTemplateTransformers().removeExposedReactNative,_webpackTemplateTransformers().removeReactNativePeerEntry,_reactNativeAlias().reactNativeAlias,...transformers])}getDependencies(){return{dependencies:{react:"-","react-dom":"-","react-native":"-"},devDependencies:{react:"-","react-dom":"-","react-native":"-","@types/jest":"^26.0.0","@types/react":"^17.0.8","@types/react-dom":"^17.0.5","@types/react-native":"^0.64.1","@babel/runtime":"7.12.18","@types/testing-library__jest-dom":"5.9.5"},peerDependencies:{react:"^16.8.0 || ^17.0.0","react-dom":"^16.8.0 || ^17.0.0","react-native":"^0.64.1","react-native-web":"^0.16.0"}}}async __getDescriptor(){return{type:ReactNativeEnvType}}}exports.ReactNativeEnv=ReactNativeEnv},65883:(__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__=__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 _react(){const data=__webpack_require__(32750);return _react=function(){return data},data}function _reactNative(){const data=__webpack_require__(38117);return _reactNative=function(){return data},data}class ReactNativePreview{constructor(reactPreview,preview){this.reactPreview=reactPreview,this.preview=preview,(0,_defineProperty2().default)(this,"registerProvider",this.reactPreview.registerProvider.bind(this.reactPreview)),(0,_defineProperty2().default)(this,"getRenderingContext",this.reactPreview.getRenderingContext.bind(this.reactPreview))}static async provider([reactPreview,preview]){const reactNativePreview=new ReactNativePreview(reactPreview,preview);return preview.registerRenderContext(reactNativePreview.getRenderingContext),reactNativePreview}}__webpack_unused_export__=ReactNativePreview,(0,_defineProperty2().default)(ReactNativePreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(ReactNativePreview,"slots",[]),(0,_defineProperty2().default)(ReactNativePreview,"dependencies",[_react().ReactAspect,_preview().PreviewAspect]),_reactNative().ReactNativeAspect.addRuntime(ReactNativePreview);var _default=ReactNativePreview;__webpack_unused_export__=_default},96649:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.reactNativeAlias=reactNativeAlias;function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function reactNativeAlias(config){const newAliases={"react-native$":(0,_lodash().get)(config.raw,"resolve.alias.react-native-web",58091)};return config.removeAliases(["react-native"]),config.addAliases(newAliases),config}},28142:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.removeExposedReactNative=removeExposedReactNative,exports.removeReactNativePeerEntry=removeReactNativePeerEntry;function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function removeExposedReactNative(config){var _config$raw,_config$raw$module;return config!=null&&(_config$raw=config.raw)!==null&&_config$raw!==void 0&&(_config$raw$module=_config$raw.module)!==null&&_config$raw$module!==void 0&&_config$raw$module.rules&&(config.raw.module.rules=config.raw.module.rules.filter(rule=>{var _rule$loader,_rule$test;return!((_rule$loader=rule.loader)!==null&&_rule$loader!==void 0&&_rule$loader.includes("expose-loader")&&typeof rule.test&&typeof rule.test=="string"&&(_rule$test=rule.test)!==null&&_rule$test!==void 0&&_rule$test.includes("/react-native/"))})),config}function removeReactNativePeerEntry(config){const peersImports=(0,_lodash().get)(config.raw,"entry.peers.import");return peersImports&&(0,_lodash().set)(config.raw,"entry.peers.import",peersImports.filter(name=>name!=="react-native")),config}},30329:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fiberToPrototype=exports.toRootFiber=exports.domToFiber=void 0;const react17Key="__reactFiber",react16Key="__reactInternalInstance";function domToFiber(element){if(!element)return null;const fiberKey=Object.keys(element).find(key=>key.startsWith(react17Key)||key.startsWith(react16Key));if(!fiberKey)return null;const fiberNode=element[fiberKey];return fiberNode||null}exports.domToFiber=domToFiber;function toRootFiber(fiberNode){for(let current=fiberNode;current!==null&&current.type!==null;current=current.return)if(typeof current.type=="function"||typeof current.type=="object"&&typeof current.type.render=="function")return current;return null}exports.toRootFiber=toRootFiber;function fiberToPrototype(fiberNode){var _a;return((_a=toRootFiber(fiberNode))===null||_a===void 0?void 0:_a.type)||null}exports.fiberToPrototype=fiberToPrototype},33773:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.domToReacts=exports.domToReact=exports.toRootElement=void 0;const dom_to_fiber_1=__webpack_require__(30329);function toRootElement(element){const rootFiber=(0,dom_to_fiber_1.toRootFiber)((0,dom_to_fiber_1.domToFiber)(element));if(!rootFiber)return null;for(let current=element;current;current=current.parentElement){const fiberNode=(0,dom_to_fiber_1.domToFiber)(current);if(!fiberNode)return null;const parent2=fiberNode.return;if(fiberNode===rootFiber||parent2===rootFiber)return current}return null}exports.toRootElement=toRootElement;function domToReact(element){return domToReacts(element).pop()}exports.domToReact=domToReact;function domToReacts(element){if(element===null)return[];const fiberNode=(0,dom_to_fiber_1.domToFiber)(element),rootFiber=(0,dom_to_fiber_1.toRootFiber)(fiberNode);return componentsOf(rootFiber)}exports.domToReacts=domToReacts;function componentsOf(fiberNode){const components=[];let current=fiberNode;for(;current&&current.type!==null&&typeof current.type!="string";)components.push(current.type),current=current.return;return components}},35450:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fiberToPrototype=exports.toRootFiber=exports.domToFiber=exports.toRootElement=exports.domToReacts=exports.domToReact=void 0;var dom_to_react_1=__webpack_require__(33773);Object.defineProperty(exports,"domToReact",{enumerable:!0,get:function(){return dom_to_react_1.domToReact}}),Object.defineProperty(exports,"domToReacts",{enumerable:!0,get:function(){return dom_to_react_1.domToReacts}}),Object.defineProperty(exports,"toRootElement",{enumerable:!0,get:function(){return dom_to_react_1.toRootElement}});var dom_to_fiber_1=__webpack_require__(30329);Object.defineProperty(exports,"domToFiber",{enumerable:!0,get:function(){return dom_to_fiber_1.domToFiber}}),Object.defineProperty(exports,"toRootFiber",{enumerable:!0,get:function(){return dom_to_fiber_1.toRootFiber}}),Object.defineProperty(exports,"fiberToPrototype",{enumerable:!0,get:function(){return dom_to_fiber_1.fiberToPrototype}})},93130: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.ChildrenHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),hybrid_highlighter_1=__webpack_require__(90995);function ChildrenHighlighter(_a){var{watchMotion=!1}=_a,props=__rest(_a,["watchMotion"]);return react_1.default.createElement(hybrid_highlighter_1.HybridHighlighter,Object.assign({},props,{mode:"allChildren",watchMotion}))}exports.ChildrenHighlighter=ChildrenHighlighter},31524:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChildrenHighlighter=exports.useChildrenHighlighter=void 0;var use_children_highlighter_1=__webpack_require__(87605);Object.defineProperty(exports,"useChildrenHighlighter",{enumerable:!0,get:function(){return use_children_highlighter_1.useChildrenHighlighter}});var children_highlighter_1=__webpack_require__(93130);Object.defineProperty(exports,"ChildrenHighlighter",{enumerable:!0,get:function(){return children_highlighter_1.ChildrenHighlighter}})},87605: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.useChildrenHighlighter=void 0;const react_1=__webpack_require__(67294),get_xpath_1=__importDefault(__webpack_require__(4825)),react_modules_dom_to_react_1=__webpack_require__(35450),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),ignore_highlighter_1=__webpack_require__(84486),rule_matcher_1=__webpack_require__(93008);function useChildrenHighlighter({onChange,disabled,scopeRef,scopeClass:scopeSelector="",rule,componentRule}){(0,react_1.useEffect)(()=>{const nextTargets={},scopeElement=scopeRef.current;if(!scopeElement||disabled)return;let allElements=Array.from(scopeElement.querySelectorAll(targetsSelector(`.${scopeSelector}`)));rule&&(allElements=allElements.filter(elem=>(0,rule_matcher_1.ruleMatcher)(elem,rule)));const rootElements=allElements.map(react_modules_dom_to_react_1.toRootElement).filter(x=>!!x);new Set(rootElements).forEach(element=>{if(!element)return;const componentsWithMeta=(0,react_modules_dom_to_react_1.domToReacts)(element).filter(x=>(0,react_ui_highlighter_component_metadata_bit_component_meta_1.hasComponentMeta)(x)&&(0,rule_matcher_1.componentRuleMatcher)({meta:x[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]},componentRule));if(componentsWithMeta.length<1)return;const key=(0,get_xpath_1.default)(element);nextTargets[key]={element,components:componentsWithMeta}}),onChange(nextTargets)},[disabled,scopeSelector])}exports.useChildrenHighlighter=useChildrenHighlighter;function targetsSelector(scopeSelector=":scope"){const excludedSelector=`${scopeSelector} ${ignore_highlighter_1.excludeHighlighterSelector}, ${scopeSelector} ${ignore_highlighter_1.excludeHighlighterSelector} *`,skippedSelector=`${scopeSelector} ${ignore_highlighter_1.skipHighlighterSelector}, ${scopeSelector} ${ignore_highlighter_1.skipHighlighterSelector} *`;return`:not(${excludedSelector}, ${skippedSelector})`}},41807: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.ElementHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),frame_1=__webpack_require__(91331),label_1=__webpack_require__(90608),ignore_highlighter_1=__webpack_require__(84486),element_highlighter_module_scss_1=__importDefault(__webpack_require__(38053));function ElementHighlighter(_a){var{targetRef,components,placement="top",watchMotion,className,classes}=_a,props=__rest(_a,["targetRef","components","placement","watchMotion","className","classes"]);return react_1.default.createElement("div",Object.assign({},props,ignore_highlighter_1.skipHighlighterAttr,{className:(0,classnames_1.default)(classes?.container,element_highlighter_module_scss_1.default.container,className)}),react_1.default.createElement(frame_1.Frame,{targetRef,className:(0,classnames_1.default)(element_highlighter_module_scss_1.default.frame,classes?.frame),watchMotion}),components&&react_1.default.createElement(label_1.LabelContainer,{targetRef,className:element_highlighter_module_scss_1.default.label,placement,watchMotion},react_1.default.createElement(label_1.Label,{components,className:classes?.label})))}exports.ElementHighlighter=ElementHighlighter},76308:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ElementHighlighter=void 0;var element_highlighter_1=__webpack_require__(41807);Object.defineProperty(exports,"ElementHighlighter",{enumerable:!0,get:function(){return element_highlighter_1.ElementHighlighter}})},58580: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},__awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value2){return value2 instanceof P?value2:new P(function(resolve){resolve(value2)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value2){try{step(generator.next(value2))}catch(e){reject(e)}}function rejected(value2){try{step(generator.throw(value2))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),react_dom_1=__webpack_require__(36728),frame_module_scss_1=__importDefault(__webpack_require__(26448)),MARGIN_FROM_TARGET=+frame_module_scss_1.default.offset||6,MARGIN_FROM_DOC_EDGE=0,overflowParameters={rootBoundary:"document",padding:MARGIN_FROM_DOC_EDGE},SHIFT_POSITIVE="shiftPositive",HAS_RESIZE_OBSERVER=typeof window<"u"&&!!window.ResizeObserver;function Frame({targetRef,watchMotion,className,stylesClass=frame_module_scss_1.default.overlayBorder,style}){var _a;const dimensionRef=(0,react_1.useRef)({width:0,height:0}),{x,y,strategy,reference,floating,update,refs,middlewareData}=(0,react_dom_1.useFloating)({placement:"bottom-start",middleware:[{name:"align-to-target",fn({rects}){return rects.floating=Object.assign(Object.assign({},rects.floating),{width:rects.reference.width+2*MARGIN_FROM_TARGET,height:rects.reference.height+2*MARGIN_FROM_TARGET}),{}}},(0,react_dom_1.offset)(({rects})=>-rects.reference.height),(0,react_dom_1.offset)(()=>({mainAxis:-MARGIN_FROM_TARGET,crossAxis:-MARGIN_FROM_TARGET})),{name:"shiftPositive",fn:args=>__awaiter(this,void 0,void 0,function*(){const overflow=yield(0,react_dom_1.detectOverflow)(args,overflowParameters),nextCoords={x:overflow.left>0?args.x+overflow.left:args.x,y:overflow.top>0?args.y+overflow.top:args.y},shiftAmount={x:nextCoords.x-args.x,y:nextCoords.y-args.y};return Object.assign(Object.assign({},nextCoords),{data:shiftAmount})})},(0,react_dom_1.size)({rootBoundary:"document",padding:MARGIN_FROM_DOC_EDGE,apply({elements,rects,availableHeight,availableWidth,middlewareData:middlewareData2}){const shift=middlewareData2[SHIFT_POSITIVE]||{x:0,y:0},paddingX=2*MARGIN_FROM_TARGET-shift.x,paddingY=2*MARGIN_FROM_TARGET-shift.y,dimensions={width:rects.reference.width+paddingX,height:rects.reference.height+paddingY,maxWidth:availableWidth,maxHeight:availableHeight};Object.assign(elements.floating.style,dimensions),dimensionRef.current=dimensions}}),(0,react_dom_1.hide)({strategy:"referenceHidden"})]});(0,react_1.useLayoutEffect)(()=>{reference(targetRef.current)},[targetRef.current]),(0,react_1.useEffect)(()=>!refs.reference.current||!refs.floating.current||!HAS_RESIZE_OBSERVER?()=>{}:(0,react_dom_1.autoUpdate)(refs.reference.current,refs.floating.current,update,{animationFrame:watchMotion}),[refs.reference.current,refs.floating.current,update,watchMotion]);const isReady=!(!((_a=middlewareData.hide)===null||_a===void 0)&&_a.referenceHidden);return react_1.default.createElement("div",{ref:floating,className:(0,classnames_1.default)(className,stylesClass,!isReady&&frame_module_scss_1.default.hidden),style:Object.assign(Object.assign(Object.assign({},style),dimensionRef.current),{position:strategy,top:y??0,left:x??0})})}exports.Frame=Frame},91331:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;var frame_1=__webpack_require__(58580);Object.defineProperty(exports,"Frame",{enumerable:!0,get:function(){return frame_1.Frame}})},74988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.bubbleToComponent=void 0;const react_modules_dom_to_react_1=__webpack_require__(35450),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),rule_matcher_1=__webpack_require__(93008);function bubbleToComponent(element,{elementRule,componentRule,propagateSameParents=!0}={}){let current=bubbleToFirstComponent(element,elementRule,componentRule);if(!propagateSameParents)return current;for(;current;){const parentElement=current.element.parentElement,parent2=bubbleToFirstComponent(parentElement,elementRule,componentRule),primeComponent=current?.components.slice(-1).pop(),parentPrimeComponent=parent2?.components.slice(-1).pop();if(primeComponent?.[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField].id!==parentPrimeComponent?.[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField].id)return current;current=parent2}}exports.bubbleToComponent=bubbleToComponent;function bubbleToFirstComponent(element,elementRule,componentRule){for(let current=element;current;current=current.parentElement){if(current=(0,react_modules_dom_to_react_1.toRootElement)(current),!current)return;if((0,rule_matcher_1.ruleMatcher)(current,elementRule)){const relevantComponents=(0,react_modules_dom_to_react_1.domToReacts)(current).filter(x=>(0,react_ui_highlighter_component_metadata_bit_component_meta_1.hasComponentMeta)(x)&&(0,rule_matcher_1.componentRuleMatcher)({meta:x[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]},componentRule));return relevantComponents.length<1?void 0:{element:current,components:relevantComponents}}}}},52429: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.HoverHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),hybrid_highlighter_1=__webpack_require__(90995);function HoverHighlighter(_a){var props=__rest(_a,[]);return react_1.default.createElement(hybrid_highlighter_1.HybridHighlighter,Object.assign({},props,{mode:"hover"}))}exports.HoverHighlighter=HoverHighlighter},23988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HoverHighlighter=exports.useHoverHighlighter=void 0;var use_hover_highlighter_1=__webpack_require__(76641);Object.defineProperty(exports,"useHoverHighlighter",{enumerable:!0,get:function(){return use_hover_highlighter_1.useHoverHighlighter}});var hover_highlighter_1=__webpack_require__(52429);Object.defineProperty(exports,"HoverHighlighter",{enumerable:!0,get:function(){return hover_highlighter_1.HoverHighlighter}})},76641:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHoverHighlighter=void 0;const react_1=__webpack_require__(67294),use_debounce_1=__webpack_require__(3962),react_ui_hover_selector_1=__webpack_require__(83933),ignore_highlighter_1=__webpack_require__(84486),bubble_to_component_1=__webpack_require__(74988);function useHoverHighlighter(onChange,props={},{debounceDuration,scopeClass,disabled,rule,componentRule}){const{handleElement}=useHoverHandler({onChange,scopeClass,debounceDuration,disabled,rule,componentRule});return(0,react_ui_hover_selector_1.useHoverSelection)(disabled?void 0:handleElement,props)}exports.useHoverHighlighter=useHoverHighlighter;function useHoverHandler({onChange,scopeClass="",debounceDuration,disabled,rule,componentRule}){const _handleElement=element=>{if(!element||element.hasAttribute("data-nullify-component-highlight")){onChange(void 0);return}if(element.closest(`.${scopeClass} ${ignore_highlighter_1.excludeHighlighterSelector}`)){onChange(void 0);return}if(element.closest(`.${scopeClass} ${ignore_highlighter_1.skipHighlighterSelector}`))return;const result=(0,bubble_to_component_1.bubbleToComponent)(element,{elementRule:rule,componentRule});!result||onChange({element:result.element,components:result.components})},handleElement=(0,use_debounce_1.useDebouncedCallback)(_handleElement,debounceDuration);return(0,react_1.useEffect)(()=>{disabled&&handleElement.cancel()},[disabled,handleElement]),{handleElement}}},92126: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.HybridHighlighter=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),uuid_1=__webpack_require__(53871),hover_highlighter_1=__webpack_require__(23988),element_highlighter_1=__webpack_require__(76308),children_highlighter_1=__webpack_require__(31524);function HybridHighlighter(_a){var{disabled,mode="hover",debounceSelection=80,watchMotion=!0,placement,rule,componentRule,classes,highlightStyle,className,style,bgColor,bgColorHover,bgColorActive,children}=_a,rest=__rest(_a,["disabled","mode","debounceSelection","watchMotion","placement","rule","componentRule","classes","highlightStyle","className","style","bgColor","bgColorHover","bgColorActive","children"]);const ref=(0,react_1.createRef)(),[targets,setTarget]=(0,react_1.useState)({}),scopeClass=(0,react_1.useRef)(`hl-scope-${(0,uuid_1.v4)()}`).current,hasTargets=Object.entries(targets).length>0;(0,react_1.useEffect)(()=>{disabled&&setTarget({})},[disabled]);const handlers=(0,hover_highlighter_1.useHoverHighlighter)(nextTarget=>setTarget(nextTarget?{"hover-target":nextTarget}:{}),rest,{debounceDuration:hasTargets?debounceSelection:0,scopeClass,disabled:disabled||mode!=="hover",rule,componentRule});(0,children_highlighter_1.useChildrenHighlighter)({onChange:setTarget,scopeRef:ref,scopeClass,disabled:disabled||mode!=="allChildren",rule,componentRule});const _styles=(0,react_1.useMemo)(()=>Object.assign({"--bit-highlighter-color":bgColor,"--bit-highlighter-color-hover":bgColorHover,"--bit-highlighter-color-active":bgColorActive},style),[bgColor,bgColorHover,bgColorActive,style]);return react_1.default.createElement("div",Object.assign({ref},rest,handlers,{style:_styles,className:(0,classnames_1.default)(className,scopeClass),"data-nullify-component-highlight":!0}),children,Object.entries(targets).map(([key,target])=>react_1.default.createElement(element_highlighter_1.ElementHighlighter,{key,targetRef:{current:target.element},components:target.components,classes,style:highlightStyle,placement,watchMotion})))}exports.HybridHighlighter=HybridHighlighter},90995:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HybridHighlighter=void 0;var hybrid_highlighter_1=__webpack_require__(92126);Object.defineProperty(exports,"HybridHighlighter",{enumerable:!0,get:function(){return hybrid_highlighter_1.HybridHighlighter}})},84486: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.skipHighlighterSelector=exports.skipHighlighterAttr=exports.skipHighlighterAttrName=exports.ExcludeHighlighter=exports.excludeHighlighterAtt=exports.excludeHighlighterSelector=exports.excludeHighlighterAttrName=void 0;const react_1=__importDefault(__webpack_require__(67294));exports.excludeHighlighterAttrName="data-ignore-component-highlight",exports.excludeHighlighterSelector=`[${exports.excludeHighlighterAttrName}]`,exports.excludeHighlighterAtt={[exports.excludeHighlighterAttrName]:!0};function ExcludeHighlighter(props){return react_1.default.createElement("div",Object.assign({},props,exports.excludeHighlighterAtt))}exports.ExcludeHighlighter=ExcludeHighlighter,exports.skipHighlighterAttrName="data-skip-component-highlight",exports.skipHighlighterAttr={[exports.skipHighlighterAttrName]:!0},exports.skipHighlighterSelector=`[${exports.skipHighlighterAttrName}]`},48191:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.skipHighlighterAttrName=exports.skipHighlighterAttr=exports.excludeHighlighterAttrName=exports.excludeHighlighterAtt=exports.ExcludeHighlighter=exports.ElementHighlighter=exports.ChildrenHighlighter=exports.HoverHighlighter=exports.ComponentHighlighter=void 0;var hybrid_highlighter_1=__webpack_require__(90995);Object.defineProperty(exports,"ComponentHighlighter",{enumerable:!0,get:function(){return hybrid_highlighter_1.HybridHighlighter}});var hover_highlighter_1=__webpack_require__(23988);Object.defineProperty(exports,"HoverHighlighter",{enumerable:!0,get:function(){return hover_highlighter_1.HoverHighlighter}});var children_highlighter_1=__webpack_require__(31524);Object.defineProperty(exports,"ChildrenHighlighter",{enumerable:!0,get:function(){return children_highlighter_1.ChildrenHighlighter}});var element_highlighter_1=__webpack_require__(76308);Object.defineProperty(exports,"ElementHighlighter",{enumerable:!0,get:function(){return element_highlighter_1.ElementHighlighter}});var ignore_highlighter_1=__webpack_require__(84486);Object.defineProperty(exports,"ExcludeHighlighter",{enumerable:!0,get:function(){return ignore_highlighter_1.ExcludeHighlighter}}),Object.defineProperty(exports,"excludeHighlighterAtt",{enumerable:!0,get:function(){return ignore_highlighter_1.excludeHighlighterAtt}}),Object.defineProperty(exports,"excludeHighlighterAttrName",{enumerable:!0,get:function(){return ignore_highlighter_1.excludeHighlighterAttrName}}),Object.defineProperty(exports,"skipHighlighterAttr",{enumerable:!0,get:function(){return ignore_highlighter_1.skipHighlighterAttr}}),Object.defineProperty(exports,"skipHighlighterAttrName",{enumerable:!0,get:function(){return ignore_highlighter_1.skipHighlighterAttrName}})},1554: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.ComponentStrip=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_routing_native_link_1=__webpack_require__(62990),component_id_1=__webpack_require__(47274),component_modules_component_url_1=__webpack_require__(65468),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),component_strip_module_scss_1=__importDefault(__webpack_require__(75440)),links_1=__webpack_require__(23660);exports.ComponentStrip=(0,react_1.forwardRef)(function({component,children},ref){const{id,homepage,exported}=extractMetadata(component),parsedId=(0,react_1.useMemo)(()=>component_id_1.ComponentID.tryFromString(id),[id]),componentLink=homepage||(0,links_1.calcComponentLink)(parsedId,exported);return react_1.default.createElement("div",{className:component_strip_module_scss_1.default.componentStrip,ref},!parsedId&&react_1.default.createElement(LabelBlock,{link:homepage},id),parsedId&&react_1.default.createElement(LabelBlock,{link:component_modules_component_url_1.ScopeUrl.toUrl(parsedId.scope)},parsedId.scope),parsedId&&react_1.default.createElement(LabelBlock,{link:componentLink,className:component_strip_module_scss_1.default.nameBlock},react_1.default.createElement("span",null,parsedId.fullName),parsedId.version&&parsedId.version!=="latest"&&react_1.default.createElement("span",{className:component_strip_module_scss_1.default.version},"@",parsedId.version)),children)});function LabelBlock({link,children,className}){const Comp=link?base_ui_routing_native_link_1.NativeLink:"span";return react_1.default.createElement(Comp,{href:link,external:!!link,className},children)}function extractMetadata(metadata){return typeof metadata=="string"?{id:metadata,exported:!0}:metadata[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]}},90608:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LabelContainer=exports.Label=void 0;var label_1=__webpack_require__(16545);Object.defineProperty(exports,"Label",{enumerable:!0,get:function(){return label_1.Label}});var label_container_1=__webpack_require__(84185);Object.defineProperty(exports,"LabelContainer",{enumerable:!0,get:function(){return label_container_1.LabelContainer}})},84185: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.LabelContainer=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),lodash_compact_1=__importDefault(__webpack_require__(16195)),react_dom_1=__webpack_require__(36728),label_module_scss_1=__importDefault(__webpack_require__(753)),HAS_RESIZE_OBSERVER=typeof window<"u"&&!!window.ResizeObserver;function LabelContainer(_a){var _b,{targetRef,offset,placement,flip=!0,watchMotion,className,style}=_a,rest=__rest(_a,["targetRef","offset","placement","flip","watchMotion","className","style"]);const{x,y,strategy,floating,reference,refs,update,middlewareData}=(0,react_dom_1.useFloating)({placement,middleware:(0,lodash_compact_1.default)([offset&&(0,react_dom_1.offset)({mainAxis:offset[0],crossAxis:offset[1]}),flip&&(0,react_dom_1.flip)(),(0,react_dom_1.shift)({rootBoundary:"document",mainAxis:!0,crossAxis:!0}),(0,react_dom_1.hide)({strategy:"referenceHidden"})])});(0,react_1.useLayoutEffect)(()=>{reference(targetRef.current)},[targetRef.current,reference]),(0,react_1.useEffect)(()=>!refs.reference.current||!refs.floating.current||!HAS_RESIZE_OBSERVER?()=>{}:(0,react_dom_1.autoUpdate)(refs.reference.current,refs.floating.current,update,{animationFrame:!!watchMotion}),[refs.reference.current,refs.floating.current,update,watchMotion]);const isReady=!(!((_b=middlewareData.hide)===null||_b===void 0)&&_b.referenceHidden);return react_1.default.createElement("div",Object.assign({},rest,{ref:floating,className:(0,classnames_1.default)(className,!isReady&&label_module_scss_1.default.hidden),style:Object.assign(Object.assign({},style),{position:strategy,top:y??0,left:x??0})}))}exports.LabelContainer=LabelContainer},16545: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.Label=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),label_module_scss_1=__importDefault(__webpack_require__(753)),component_strip_1=__webpack_require__(1554),other_components_1=__webpack_require__(46976);function Label(_a){var{components}=_a,props=__rest(_a,["components"]);const[showMore,setShowMore]=(0,react_1.useState)(!1),last=components.slice(-1).pop();if(!last)return null;const hasMore=components.length>1;return(0,react_1.useEffect)(()=>{setShowMore(!1)},[components]),react_1.default.createElement(other_components_1.OtherComponentsPopper,{components,visible:showMore,placement:"bottom-start"},react_1.default.createElement(component_strip_1.ComponentStrip,Object.assign({},props,{component:last}),hasMore&&react_1.default.createElement("span",{className:(0,classnames_1.default)(label_module_scss_1.default.othersTooltip,showMore&&label_module_scss_1.default.active),onClick:()=>setShowMore(x=>!x)})))}exports.Label=Label},23660: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.calcComponentLink=void 0;const url_join_1=__importDefault(__webpack_require__(34078)),component_modules_component_url_1=__webpack_require__(65468);function calcComponentLink(id,exported){if(!!id)return exported?component_modules_component_url_1.ComponentUrl.toUrl(id):(0,url_join_1.default)("/",id.fullName)}exports.calcComponentLink=calcComponentLink},46976: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.OtherComponentsPopper=void 0;const react_1=__importDefault(__webpack_require__(67294)),headless_1=__importDefault(__webpack_require__(71215)),component_strip_1=__webpack_require__(1554),label_module_scss_1=__importDefault(__webpack_require__(753));function OtherComponentsPopper(_a){var{components,children,start,end=-1,placement="bottom",interactive=!0}=_a,tippyProps=__rest(_a,["components","children","start","end","placement","interactive"]);const content=react_1.default.createElement(react_1.default.Fragment,null,components.slice(start,end).reverse().map((comp,idx)=>react_1.default.createElement(component_strip_1.ComponentStrip,{key:idx,component:comp})));return react_1.default.createElement(headless_1.default,Object.assign({placement,interactive},tippyProps,{render:attrs=>react_1.default.createElement("div",Object.assign({},attrs,{className:label_module_scss_1.default.othersContainer}),content)}),children)}exports.OtherComponentsPopper=OtherComponentsPopper},93008:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentRuleMatcher=exports.ruleMatcher=void 0;const component_id_1=__webpack_require__(47274);function ruleMatcher(element,rule){return typeof rule=="string"?element.matches(rule):typeof rule=="function"?rule(element):!0}exports.ruleMatcher=ruleMatcher;function componentRuleMatcher(target,rule){if(typeof rule=="string"){const targetCmpId=component_id_1.ComponentID.tryFromString(target.meta.id),ruleCmpId=component_id_1.ComponentID.tryFromString(rule);return component_id_1.ComponentID.isEqual(ruleCmpId,targetCmpId,{ignoreVersion:!0})}if(Array.isArray(rule)){const targetCmpId=component_id_1.ComponentID.tryFromString(target.meta.id);return rule.map(x=>component_id_1.ComponentID.tryFromString(x)).some(cmdId=>component_id_1.ComponentID.isEqual(targetCmpId,cmdId,{ignoreVersion:!0}))}return typeof rule=="function"?rule(target):!0}exports.componentRuleMatcher=componentRuleMatcher},91204:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentID=void 0;const legacy_bit_id_1=__webpack_require__(35666),exceptions_1=__webpack_require__(8105);class ComponentID{constructor(legacyComponentId,_scope){this.legacyComponentId=legacyComponentId,this._scope=_scope}get _legacy(){return this.legacyComponentId}hasVersion(){return this._legacy.hasVersion()}get version(){return this.legacyComponentId.version}get namespace(){return this.legacyComponentId.name.split("/").slice(0,-1).join("/")}get fullName(){return this._legacy.name}get name(){const arr=this.legacyComponentId.name.split("/");return arr[arr.length-1]}get scope(){const scope=this._legacy.scope;if(scope)return scope;if(!this._scope)throw new Error("scope cannot be undefined");return this._scope}changeScope(scopeName){const legacyId=this._legacy.changeScope(scopeName);return ComponentID.fromLegacy(legacyId)}changeVersion(version){const legacyId=this._legacy.changeVersion(version);return ComponentID.fromLegacy(legacyId,this.scope)}isEqual(id,opts){return ComponentID.isEqual(this,id,opts)}getVersionPreReleaseData(){return this._legacy.getVersionPreReleaseData()}toStringWithoutVersion(){let id=this._legacy;return this._scope&&!this._legacy.scope&&(id=id.changeScope(this._scope)),id.toStringWithoutVersion()}toString(opts={}){let id=this._legacy;this._scope&&!this._legacy.scope&&(id=id.changeScope(this._scope));const idStr=id.toString(!1,opts.ignoreVersion);return opts.fsCompatible?idStr.replace(/\//g,"_").replace(/\./g,"_").replace(/-/g,"_"):idStr}toObject(){const object=this.legacyComponentId.serialize();return object.scope||(object.scope=this.scope),object}static tryFromString(idStr,scope){try{return ComponentID.fromString(idStr,scope)}catch{return}}static fromString(idStr,scope){const legacyId=legacy_bit_id_1.BitId.parse(idStr,!0);if(!scope&&!legacyId.scope)throw new exceptions_1.MissingScope(idStr);return new ComponentID(legacyId,scope)}static fromLegacyString(idStr,scope){const legacyId=legacy_bit_id_1.BitId.parse(idStr,!1);return new ComponentID(legacyId,scope)}static fromObject(object,scope){return ComponentID.fromLegacy(new legacy_bit_id_1.BitId(object),scope)}static isValidObject(o){return typeof o=="object"&&typeof o.name=="string"&&typeof o.scope=="string"}static isEqual(a,b,opts={}){if(!a&&!b)return!0;if(!a||!b)return!1;let result=a.scope===b.scope&&a.toString({ignoreVersion:opts.ignoreVersion})===b.toString({ignoreVersion:opts.ignoreVersion});return opts.ignoreVersion||(result=result&&a.version===b.version),result}static isEqualObj(a,b,opts={}){if(!a&&!b)return!0;if(!a||!b)return!1;let result=a.scope===b.scope&&a.name===b.name;return opts.ignoreVersion||(result=result&&a.version===b.version),result}static fromLegacy(legacyId,scope){if(!scope&&!legacyId.scope)throw new exceptions_1.MissingScope(legacyId);return new ComponentID(legacyId,scope)}}exports.ComponentID=ComponentID},8105:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingScope=void 0;const missing_scope_1=__webpack_require__(61504);Object.defineProperty(exports,"MissingScope",{enumerable:!0,get:function(){return missing_scope_1.MissingScope}})},61504:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingScope=void 0;class MissingScope extends Error{constructor(src){super(`scope was not defined directly or by "${src}"`)}report(){return this.message}}exports.MissingScope=MissingScope},47274:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentID=void 0;var component_id_1=__webpack_require__(91204);Object.defineProperty(exports,"ComponentID",{enumerable:!0,get:function(){return component_id_1.ComponentID}})},96961:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
493
493
  Copyright (c) 2018 Jed Watson.
494
494
  Licensed under the MIT License (MIT), see
495
495
  http://jedwatson.github.io/classnames
package/artifacts/env-template/public/assets-manifest.json CHANGED
@@ -1,23 +1,23 @@
1
1
  {
2
2
  "22.af16047b2b2e8ff05709.js": "22.af16047b2b2e8ff05709.js",
3
3
  "244.13e6fa68db9b33522451.js": "244.13e6fa68db9b33522451.js",
4
- "438.03213c510e0c426eabc4.js": "438.03213c510e0c426eabc4.js",
4
+ "438.ce265bacd3e83cb6aa22.js": "438.ce265bacd3e83cb6aa22.js",
5
5
  "compositions.css": "static/css/compositions.6d8c7702.css",
6
6
  "compositions.html": "compositions.html",
7
- "compositions.js": "compositions.f6dbe9755cf2c9d7fbf5.js",
7
+ "compositions.js": "compositions.04fa9e3ada345acc4ac4.js",
8
8
  "entrypoints": {
9
9
  "peers": {
10
10
  "assets": {
11
11
  "js": [
12
12
  "244.13e6fa68db9b33522451.js",
13
- "peers.3cba9e666b484357c3ed.js"
13
+ "peers.257403db104175514038.js"
14
14
  ]
15
15
  }
16
16
  },
17
17
  "preview-root": {
18
18
  "assets": {
19
19
  "js": [
20
- "438.03213c510e0c426eabc4.js",
20
+ "438.ce265bacd3e83cb6aa22.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.f6dbe9755cf2c9d7fbf5.js"
31
+ "compositions.04fa9e3ada345acc4ac4.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.ebb620c7d99e56295176.js"
42
+ "overview.e2292f3bf0bf08c74ecf.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.ebb620c7d99e56295176.js",
53
- "peers.js": "peers.3cba9e666b484357c3ed.js",
52
+ "overview.js": "overview.e2292f3bf0bf08c74ecf.js",
53
+ "peers.js": "peers.257403db104175514038.js",
54
54
  "preview-root.js": "preview-root.1a0deb3dced4c6512194.js",
55
55
  "static/css/438.cb83b0b4.css": "static/css/438.cb83b0b4.css"
56
56
  }
package/artifacts/env-template/public/{compositions.f6dbe9755cf2c9d7fbf5.js → compositions.04fa9e3ada345acc4ac4.js} RENAMED
@@ -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}})}},25066:(__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__(25066));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}})}},90234:(__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__(90234));var __webpack_exports__=__webpack_require__.O()}]);
package/artifacts/env-template/public/compositions.html CHANGED
@@ -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.3cba9e666b484357c3ed.js"></script><script defer="defer" src="438.03213c510e0c426eabc4.js"></script><script defer="defer" src="preview-root.1a0deb3dced4c6512194.js"></script><script defer="defer" src="compositions.f6dbe9755cf2c9d7fbf5.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.257403db104175514038.js"></script><script defer="defer" src="438.ce265bacd3e83cb6aa22.js"></script><script defer="defer" src="preview-root.1a0deb3dced4c6512194.js"></script><script defer="defer" src="compositions.04fa9e3ada345acc4ac4.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>
package/artifacts/env-template/public/overview.e2292f3bf0bf08c74ecf.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[340],{55425:(__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__(55425));var __webpack_exports__=__webpack_require__.O()}]);
package/artifacts/env-template/public/overview.html CHANGED
@@ -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.3cba9e666b484357c3ed.js"></script><script defer="defer" src="438.03213c510e0c426eabc4.js"></script><script defer="defer" src="preview-root.1a0deb3dced4c6512194.js"></script><script defer="defer" src="compositions.f6dbe9755cf2c9d7fbf5.js"></script><script defer="defer" src="22.af16047b2b2e8ff05709.js"></script><script defer="defer" src="overview.ebb620c7d99e56295176.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.257403db104175514038.js"></script><script defer="defer" src="438.ce265bacd3e83cb6aa22.js"></script><script defer="defer" src="preview-root.1a0deb3dced4c6512194.js"></script><script defer="defer" src="compositions.04fa9e3ada345acc4ac4.js"></script><script defer="defer" src="22.af16047b2b2e8ff05709.js"></script><script defer="defer" src="overview.e2292f3bf0bf08c74ecf.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>
package/artifacts/env-template/public/{peers.3cba9e666b484357c3ed.js → peers.257403db104175514038.js} RENAMED
@@ -1 +1 @@
1
- (()=>{"use strict";var __webpack_modules__={62433:(__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__(62433));__webpack_exports__=__webpack_require__.O(__webpack_exports__)})();
1
+ (()=>{"use strict";var __webpack_modules__={45264:(__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__(45264));__webpack_exports__=__webpack_require__.O(__webpack_exports__)})();
package/artifacts/preview/teambit_mdx_mdx-preview.js CHANGED
@@ -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},234:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.mdx/mdx@0.0.829",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,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__(234),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]})(),__webpack_exports__})()});
132
+ `)))}MDXContent.__bit_component=__bit_component,MDXContent.isMDXComponent=!0},774:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.mdx/mdx@0.0.830",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__(774),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.829",
3
+ "version": "0.0.830",
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.829"
9
+ "version": "0.0.830"
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.849",
19
+ "@teambit/builder": "0.0.850",
20
20
  "@teambit/compilation.modules.babel-compiler": "0.0.130",
21
- "@teambit/compiler": "0.0.849",
21
+ "@teambit/compiler": "0.0.850",
22
22
  "@teambit/mdx.modules.mdx-compiler": "0.0.496",
23
- "@teambit/dependency-resolver": "0.0.849",
24
- "@teambit/docs": "0.0.849",
25
- "@teambit/envs": "0.0.849",
26
- "@teambit/babel": "0.0.849",
23
+ "@teambit/dependency-resolver": "0.0.850",
24
+ "@teambit/docs": "0.0.850",
25
+ "@teambit/envs": "0.0.850",
26
+ "@teambit/babel": "0.0.850",
27
27
  "@teambit/cli": "0.0.566",
28
- "@teambit/generator": "0.0.849",
29
- "@teambit/multi-compiler": "0.0.849",
30
- "@teambit/react": "0.0.849",
28
+ "@teambit/generator": "0.0.850",
29
+ "@teambit/multi-compiler": "0.0.850",
30
+ "@teambit/react": "0.0.850",
31
31
  "@teambit/typescript.modules.ts-config-mutator": "0.0.74",
32
- "@teambit/typescript": "0.0.849",
33
- "@teambit/compositions": "0.0.849",
32
+ "@teambit/typescript": "0.0.850",
33
+ "@teambit/compositions": "0.0.850",
34
34
  "@teambit/design.ui.empty-box": "0.0.360",
35
- "@teambit/tester": "0.0.849",
36
- "@teambit/ui": "0.0.849"
35
+ "@teambit/tester": "0.0.850",
36
+ "@teambit/ui": "0.0.850"
37
37
  },
38
38
  "devDependencies": {
39
39
  "@types/fs-extra": "9.0.7",
package/{preview-1662892819691.js → preview-1662953672627.js} RENAMED
@@ -1,5 +1,7 @@
1
- import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.mdx_mdx@0.0.829/dist/mdx.composition.js';
2
- import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.mdx_mdx@0.0.829/dist/mdx.docs.mdx';
1
+ import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.mdx_mdx@0.0.830/dist/mdx.composition.js';
2
+ import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.mdx_mdx@0.0.830/dist/mdx.docs.mdx';
3
3
 
4
4
  export const compositions = [compositions_0];
5
5
  export const overview = [overview_0];
6
+
7
+ export const compositions_metadata = {"compositions":[{"displayName":"Logo","identifier":"Logo"}]};
package/artifacts/env-template/public/overview.ebb620c7d99e56295176.js DELETED
@@ -1 +0,0 @@
1
- "use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[340],{2013:(__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__(2013));var __webpack_exports__=__webpack_require__.O()}]);
package/package-tar/teambit-mdx-0.0.829.tgz DELETED
Binary file