@teambit/aspect 1.0.906 → 1.0.907

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.
@@ -720,7 +720,7 @@ the following are permitted ${Object.keys(IssuesClasses).join(", ")}`);const iss
720
720
  }
721
721
  }
722
722
  ${exports.docsFields}
723
- `;function useDocs(componentId){var _a,_b;const{data}=(0,client_1.useQuery)(getProperties,{variables:{id:componentId.toString()}});return(_b=(_a=data?.getHost)===null||_a===void 0?void 0:_a.getDocs)===null||_b===void 0?void 0:_b.properties}},7422:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultValue=exports.Properties=exports.useDocs=exports.docsFields=void 0;var get_docs_1=__webpack_require__(90896);Object.defineProperty(exports,"docsFields",{enumerable:!0,get:function(){return get_docs_1.docsFields}}),Object.defineProperty(exports,"useDocs",{enumerable:!0,get:function(){return get_docs_1.useDocs}}),Object.defineProperty(exports,"Properties",{enumerable:!0,get:function(){return get_docs_1.Properties}}),Object.defineProperty(exports,"DefaultValue",{enumerable:!0,get:function(){return get_docs_1.DefaultValue}})},32021:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DocsAspect=void 0;function _harmony(){const data=__webpack_require__(12337);return _harmony=function(){return data},data}const DocsAspect=exports.DocsAspect=_harmony().Aspect.create({id:"teambit.docs/docs",dependencies:[],defaultConfig:{}});var _default=exports.default=DocsAspect},50207:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultDocs=void 0;const defaultDocs=exports.defaultDocs={default:()=>null,labels:[],abstract:"",examples:[]}},82894:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Doc",{enumerable:!0,get:function(){return _docsEntities().Doc}}),Object.defineProperty(exports,"DocProp",{enumerable:!0,get:function(){return _docsEntities().DocProp}}),Object.defineProperty(exports,"DocPropList",{enumerable:!0,get:function(){return _docsEntities().DocPropList}}),Object.defineProperty(exports,"DocsAspect",{enumerable:!0,get:function(){return _docs().DocsAspect}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}}),exports.default=void 0,Object.defineProperty(exports,"defaultDocs",{enumerable:!0,get:function(){return _docs2().defaultDocs}});function _docs(){const data=__webpack_require__(32021);return _docs=function(){return data},data}function _docsEntities(){const data=__webpack_require__(38975);return _docsEntities=function(){return data},data}function _docs2(){const data=__webpack_require__(50207);return _docs2=function(){return data},data}function _overview(){const data=__webpack_require__(45688);return _overview=function(){return data},data}var _default=exports.default=_docs().DocsAspect},45688:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}});function _overview(){const data=__webpack_require__(77237);return _overview=function(){return data},data}},77237:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BadgePosition=void 0,exports.Overview=Overview;function _react(){const data=_interopRequireWildcard(__webpack_require__(37953));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _lodash(){const data=__webpack_require__(92935);return _lodash=function(){return data},data}function _component(){const data=__webpack_require__(30266);return _component=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _componentUi(){const data=__webpack_require__(20437);return _componentUi=function(){return data},data}function _compositionsPanels(){const data=__webpack_require__(55970);return _compositionsPanels=function(){return data},data}function _baseReactThemes(){const data=__webpack_require__(28962);return _baseReactThemes=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}function _readmeSkeleton(){const data=__webpack_require__(19014);return _readmeSkeleton=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(79944));return _overviewModule=function(){return data},data}const _excluded=["onLoad","style"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}let BadgePosition=exports.BadgePosition=function(BadgePosition2){return BadgePosition2[BadgePosition2.Title=0]="Title",BadgePosition2[BadgePosition2.SubTitle=1]="SubTitle",BadgePosition2[BadgePosition2.Labels=2]="Labels",BadgePosition2[BadgePosition2.Package=3]="Package",BadgePosition2}({});function Overview({titleBadges,overviewOptions,previewProps,getEmptyState,TaggedAPI,usePreviewSandboxSlot}){const component=(0,_react().useContext)(_component().ComponentContext),componentDescriptor=(0,_component().useComponentDescriptor)(),currentTheme=(0,_baseReactThemes().useThemePicker)()?.current,overviewProps=(0,_lodash().flatten)(overviewOptions.values())[0],showHeader=!component.preview?.legacyHeader,EmptyState=getEmptyState&&getEmptyState(),buildFailed=component.buildStatus?.toLowerCase()!=="succeed"&&component?.host==="teambit.scope/scope",isScaling=Boolean(component.preview?.isScaling),includesEnvTemplate=Boolean(component.preview?.includesEnvTemplate),defaultLoadingState=_react().default.useMemo(()=>isScaling&&!includesEnvTemplate,[isScaling,includesEnvTemplate]),{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),[isLoading,setLoading]=(0,_react().useState)(defaultLoadingState),previewSandboxHooks=usePreviewSandboxSlot?.values()??[],[sandboxValue,setSandboxValue]=(0,_react().useState)(""),iframeQueryParams=`onlyOverview=${component.preview?.onlyOverview||"false"}&skipIncludes=${component.preview?.skipIncludes||component.preview?.onlyOverview}`,overviewPropsValues=overviewProps&&overviewProps(),{renderCompositionsFirst,defaultPkgManager}=overviewPropsValues||{},themeParams=currentTheme?.themeName?`theme=${currentTheme?.themeName}`:"",_ref=previewProps||{},{onLoad,style}=_ref,rest=_objectWithoutProperties(_ref,_excluded),onPreviewLoad=_react().default.useCallback((e,props)=>{setLoading(!1),onLoad?.(e,props)},[onLoad]);return _react().default.useEffect(()=>{!isLoading&&defaultLoadingState&&setLoading(!0),isLoading&&!defaultLoadingState&&setLoading(!1)},[component.id.toString(),defaultLoadingState]),_react().default.createElement("div",{className:(0,_classnames().default)(_overviewModule().default.overviewWrapper,isLoading&&_overviewModule().default.noOverflow),key:`${component.id.toString()}`},_react().default.createElement(_previewUi().SandboxPermissionsAggregator,{hooks:previewSandboxHooks,onSandboxChange:setSandboxValue,component}),showHeader&&_react().default.createElement(_componentUi().ComponentOverview,{className:(0,_classnames().default)(_overviewModule().default.componentOverviewBlock,!isScaling&&_overviewModule().default.legacyPreview),displayName:component.displayName,version:component.version,abstract:component.description,labels:component.labels,packageName:component.packageName,titleBadges:(0,_lodash().flatten)(titleBadges.values()),componentDescriptor,component,pkgManager:defaultPkgManager}),!buildFailed&&_react().default.createElement("div",{className:_overviewModule().default.readme},isLoading&&_react().default.createElement(_readmeSkeleton().ReadmeSkeleton,null,_react().default.createElement(_compositionsPanels().CompositionGallerySkeleton,{compositionsLength:Math.min(component.compositions.length,3)})),!isMinimal&&!renderCompositionsFirst?_react().default.createElement(_react().default.Fragment,null,_react().default.createElement(_previewUi().ComponentPreview,_extends({onLoad:onPreviewLoad,previewName:"overview",pubsub:!0,queryParams:[iframeQueryParams,themeParams,overviewPropsValues?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,sandbox:sandboxValue},rest,{component,style:{width:"100%",height:"100%",minHeight:isScaling?void 0:500}})),component.preview?.onlyOverview&&!isLoading&&_react().default.createElement(_compositionsPanels().CompositionGallery,{component,sandbox:sandboxValue})):_react().default.createElement(_react().default.Fragment,null,component.preview?.onlyOverview&&!isLoading&&_react().default.createElement(_compositionsPanels().CompositionGallery,{component,sandbox:sandboxValue}),_react().default.createElement(_previewUi().ComponentPreview,_extends({onLoad:onPreviewLoad,previewName:"overview",pubsub:!0,queryParams:[iframeQueryParams,themeParams,overviewPropsValues?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,sandbox:sandboxValue},rest,{component,style:{width:"100%",height:"100%",minHeight:isScaling?void 0:500}}))),component.preview?.onlyOverview&&!isLoading&&TaggedAPI&&_react().default.createElement(TaggedAPI,{componentId:component.id.toString()})),buildFailed&&EmptyState&&_react().default.createElement(EmptyState,null))}},19014:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReadmeSkeleton=ReadmeSkeleton;function _react(){const data=_interopRequireDefault(__webpack_require__(37953));return _react=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(84738);return _baseUiLoaders=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(79944));return _overviewModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ReadmeSkeleton({children}){return _react().default.createElement("div",{className:_overviewModule().default.readmeSkeleton},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"80%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"70%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"40%",style:{marginBottom:40}}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"30%",style:{marginBottom:16}}),_react().default.createElement(_baseUiLoaders().BlockSkeleton,{lines:10,style:{width:"100%",marginBottom:40}}),children)}},30969:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLanes=exports.IgnoreDerivingFromUrl=exports.LanesProviderProps=exports.LanesProvider=exports.useLanesContext=exports.LanesContextModel=exports.LanesContext=void 0;var lanes_context_1=__webpack_require__(18444);Object.defineProperty(exports,"LanesContext",{enumerable:!0,get:function(){return lanes_context_1.LanesContext}}),Object.defineProperty(exports,"LanesContextModel",{enumerable:!0,get:function(){return lanes_context_1.LanesContextModel}}),Object.defineProperty(exports,"useLanesContext",{enumerable:!0,get:function(){return lanes_context_1.useLanesContext}});var lanes_provider_1=__webpack_require__(57378);Object.defineProperty(exports,"LanesProvider",{enumerable:!0,get:function(){return lanes_provider_1.LanesProvider}}),Object.defineProperty(exports,"LanesProviderProps",{enumerable:!0,get:function(){return lanes_provider_1.LanesProviderProps}}),Object.defineProperty(exports,"IgnoreDerivingFromUrl",{enumerable:!0,get:function(){return lanes_provider_1.IgnoreDerivingFromUrl}});var use_lanes_1=__webpack_require__(72816);Object.defineProperty(exports,"useLanes",{enumerable:!0,get:function(){return use_lanes_1.useLanes}})},18444:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLanesContext=exports.LanesContext=void 0;const react_1=__webpack_require__(37953);exports.LanesContext=(0,react_1.createContext)(void 0);const useLanesContext=()=>(0,react_1.useContext)(exports.LanesContext);exports.useLanesContext=useLanesContext},57378: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);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}: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(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesProvider=LanesProvider;const react_1=__importStar(__webpack_require__(37953)),lanes_ui_models_lanes_model_1=__webpack_require__(1453),ui_foundation_ui_react_router_use_query_1=__webpack_require__(46480),base_react_navigation_link_1=__webpack_require__(39343),lanes_context_1=__webpack_require__(18444),use_lanes_1=__webpack_require__(72816);function LanesProvider({children,viewedLaneId:viewedLaneIdProp,targetLanes,ignoreDerivingFromUrl:ignoreDerivingFromUrlProp,skipNetworkCall,options:optionsProp={},useScope,loading:loadingFromProps}){var _a,_b;const{scope}=useScope?.()||{},query=(0,ui_foundation_ui_react_router_use_query_1.useQuery)(),location=(0,base_react_navigation_link_1.useLocation)(),skip=skipNetworkCall||Boolean(targetLanes),ignoreDerivingFromUrl=(0,react_1.useCallback)(_location=>ignoreDerivingFromUrlProp?ignoreDerivingFromUrlProp.some(fn=>fn(_location)):!1,[ignoreDerivingFromUrlProp]),[viewedLaneId,setViewedLaneId]=(0,react_1.useState)(()=>{if(viewedLaneIdProp)return viewedLaneIdProp;if(!ignoreDerivingFromUrl(location)){const laneIdFromUrl=location?.pathname?lanes_ui_models_lanes_model_1.LanesModel.getLaneIdFromPathname(location.pathname,query):void 0;if(laneIdFromUrl)return laneIdFromUrl}});(0,react_1.useEffect)(()=>{viewedLaneIdProp&&setViewedLaneId(viewedLaneIdProp)},[viewedLaneIdProp?.toString()]),(0,react_1.useEffect)(()=>{if(ignoreDerivingFromUrl(location))return;const laneIdFromUrl=location?.pathname?lanes_ui_models_lanes_model_1.LanesModel.getLaneIdFromPathname(location.pathname,query):void 0;laneIdFromUrl&&(!viewedLaneId||!viewedLaneId.isEqual(laneIdFromUrl))&&setViewedLaneId(laneIdFromUrl)},[location?.pathname,query.toString(),viewedLaneId?.toString(),ignoreDerivingFromUrl]);const options=(0,react_1.useMemo)(()=>{var _a2,_b2,_c;return Object.assign({skip,ids:(_a2=optionsProp.ids)!==null&&_a2!==void 0?_a2:viewedLaneId?[viewedLaneId.toString()]:void 0,offset:(_b2=optionsProp.offset)!==null&&_b2!==void 0?_b2:0,limit:(_c=optionsProp.limit)!==null&&_c!==void 0?_c:10},optionsProp)},[skip,optionsProp,viewedLaneId?.toString()]),{lanesModel,loading:loadingLanesModel,hasMore,fetchMoreLanes,offset,limit}=(0,use_lanes_1.useLanes)(targetLanes,skipNetworkCall,options,void 0,scope),loading=(0,react_1.useMemo)(()=>loadingFromProps||loadingLanesModel,[loadingFromProps,loadingLanesModel]),lanesState=(0,react_1.useMemo)(()=>{var _a2,_b2;if(lanesModel){const newState=new lanes_ui_models_lanes_model_1.LanesModel(Object.assign({},lanesModel)),laneIdToSet=viewedLaneId||((_a2=newState.currentLane)===null||_a2===void 0?void 0:_a2.id)||((_b2=newState.lanes.find(lane=>lane.id.isDefault()))===null||_b2===void 0?void 0:_b2.id);return newState.setViewedOrDefaultLane(laneIdToSet),newState}},[Boolean(lanesModel),(_a=lanesModel?.viewedLane)===null||_a===void 0?void 0:_a.id.toString(),viewedLaneId?.toString(),loading,lanesModel?.lanes.map(lane=>lane.id.toString()).join(",")]),updateViewedLane=(0,react_1.useCallback)(lane=>{setViewedLaneId(lane)},[]),addLanes=(0,react_1.useCallback)(newLanes=>(lanesModel&&lanesModel.addLanes(newLanes),lanesModel),[Boolean(lanesModel),lanesModel?.lanes.map(lane=>lane.id.toString()).join(",")]),lanesContextModel=(0,react_1.useMemo)(()=>({lanesModel:lanesState,updateViewedLane,loading,hasMore,fetchMoreLanes,options,offset,limit,addLanes}),[Boolean(lanesState),(_b=lanesState?.viewedLane)===null||_b===void 0?void 0:_b.id.toString(),lanesState?.lanes.map(lane=>lane.id.toString()).join(","),updateViewedLane,loading,hasMore,fetchMoreLanes,options,offset,limit,addLanes]);return react_1.default.createElement(lanes_context_1.LanesContext.Provider,{value:lanesContextModel},children)}},72816:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}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())})};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLanes=exports.useSearchLanes=void 0;const react_1=__webpack_require__(37953),ui_foundation_ui_hooks_use_data_query_1=__webpack_require__(30905),lanes_ui_models_lanes_model_1=__webpack_require__(1453),client_1=__webpack_require__(40886),lodash_1=__webpack_require__(92935),lanes_context_1=__webpack_require__(18444),GET_LANES=(0,client_1.gql)`
723
+ `;function useDocs(componentId){var _a,_b;const{data}=(0,client_1.useQuery)(getProperties,{variables:{id:componentId.toString()}});return(_b=(_a=data?.getHost)===null||_a===void 0?void 0:_a.getDocs)===null||_b===void 0?void 0:_b.properties}},7422:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultValue=exports.Properties=exports.useDocs=exports.docsFields=void 0;var get_docs_1=__webpack_require__(90896);Object.defineProperty(exports,"docsFields",{enumerable:!0,get:function(){return get_docs_1.docsFields}}),Object.defineProperty(exports,"useDocs",{enumerable:!0,get:function(){return get_docs_1.useDocs}}),Object.defineProperty(exports,"Properties",{enumerable:!0,get:function(){return get_docs_1.Properties}}),Object.defineProperty(exports,"DefaultValue",{enumerable:!0,get:function(){return get_docs_1.DefaultValue}})},32021:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DocsAspect=void 0;function _harmony(){const data=__webpack_require__(12337);return _harmony=function(){return data},data}const DocsAspect=exports.DocsAspect=_harmony().Aspect.create({id:"teambit.docs/docs",dependencies:[],defaultConfig:{}});var _default=exports.default=DocsAspect},50207:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultDocs=void 0;const defaultDocs=exports.defaultDocs={default:()=>null,labels:[],abstract:"",examples:[]}},82894:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Doc",{enumerable:!0,get:function(){return _docsEntities().Doc}}),Object.defineProperty(exports,"DocProp",{enumerable:!0,get:function(){return _docsEntities().DocProp}}),Object.defineProperty(exports,"DocPropList",{enumerable:!0,get:function(){return _docsEntities().DocPropList}}),Object.defineProperty(exports,"DocsAspect",{enumerable:!0,get:function(){return _docs().DocsAspect}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}}),exports.default=void 0,Object.defineProperty(exports,"defaultDocs",{enumerable:!0,get:function(){return _docs2().defaultDocs}});function _docs(){const data=__webpack_require__(32021);return _docs=function(){return data},data}function _docsEntities(){const data=__webpack_require__(38975);return _docsEntities=function(){return data},data}function _docs2(){const data=__webpack_require__(50207);return _docs2=function(){return data},data}function _overview(){const data=__webpack_require__(45688);return _overview=function(){return data},data}var _default=exports.default=_docs().DocsAspect},45688:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}});function _overview(){const data=__webpack_require__(77237);return _overview=function(){return data},data}},77237:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BadgePosition=void 0,exports.Overview=Overview;function _react(){const data=_interopRequireWildcard(__webpack_require__(37953));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _lodash(){const data=__webpack_require__(92935);return _lodash=function(){return data},data}function _component(){const data=__webpack_require__(30266);return _component=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _componentUi(){const data=__webpack_require__(20437);return _componentUi=function(){return data},data}function _compositionsPanels(){const data=__webpack_require__(55970);return _compositionsPanels=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}function _readmeSkeleton(){const data=__webpack_require__(19014);return _readmeSkeleton=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(79944));return _overviewModule=function(){return data},data}const _excluded=["onLoad","style"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}let BadgePosition=exports.BadgePosition=function(BadgePosition2){return BadgePosition2[BadgePosition2.Title=0]="Title",BadgePosition2[BadgePosition2.SubTitle=1]="SubTitle",BadgePosition2[BadgePosition2.Labels=2]="Labels",BadgePosition2[BadgePosition2.Package=3]="Package",BadgePosition2}({});function Overview({titleBadges,overviewOptions,previewProps,getEmptyState,TaggedAPI,usePreviewSandboxSlot}){const component=(0,_react().useContext)(_component().ComponentContext),componentDescriptor=(0,_component().useComponentDescriptor)(),overviewProps=(0,_lodash().flatten)(overviewOptions.values())[0],showHeader=!component.preview?.legacyHeader,EmptyState=getEmptyState&&getEmptyState(),buildFailed=component.buildStatus?.toLowerCase()!=="succeed"&&component?.host==="teambit.scope/scope",isScaling=Boolean(component.preview?.isScaling),includesEnvTemplate=Boolean(component.preview?.includesEnvTemplate),defaultLoadingState=_react().default.useMemo(()=>isScaling&&!includesEnvTemplate,[isScaling,includesEnvTemplate]),{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),[isLoading,setLoading]=(0,_react().useState)(defaultLoadingState),previewSandboxHooks=usePreviewSandboxSlot?.values()??[],[sandboxValue,setSandboxValue]=(0,_react().useState)(""),iframeQueryParams=`onlyOverview=${component.preview?.onlyOverview||"false"}&skipIncludes=${component.preview?.skipIncludes||component.preview?.onlyOverview}`,overviewPropsValues=overviewProps&&overviewProps(),{renderCompositionsFirst,defaultPkgManager}=overviewPropsValues||{},_ref=previewProps||{},{onLoad,style}=_ref,rest=_objectWithoutProperties(_ref,_excluded),onPreviewLoad=_react().default.useCallback((e,props)=>{setLoading(!1),onLoad?.(e,props)},[onLoad]);return _react().default.useEffect(()=>{!isLoading&&defaultLoadingState&&setLoading(!0),isLoading&&!defaultLoadingState&&setLoading(!1)},[component.id.toString(),defaultLoadingState]),_react().default.createElement("div",{className:(0,_classnames().default)(_overviewModule().default.overviewWrapper,isLoading&&_overviewModule().default.noOverflow),key:`${component.id.toString()}`},_react().default.createElement(_previewUi().SandboxPermissionsAggregator,{hooks:previewSandboxHooks,onSandboxChange:setSandboxValue,component}),showHeader&&_react().default.createElement(_componentUi().ComponentOverview,{className:(0,_classnames().default)(_overviewModule().default.componentOverviewBlock,!isScaling&&_overviewModule().default.legacyPreview),displayName:component.displayName,version:component.version,abstract:component.description,labels:component.labels,packageName:component.packageName,titleBadges:(0,_lodash().flatten)(titleBadges.values()),componentDescriptor,component,pkgManager:defaultPkgManager}),!buildFailed&&_react().default.createElement("div",{className:_overviewModule().default.readme},isLoading&&_react().default.createElement(_readmeSkeleton().ReadmeSkeleton,null,_react().default.createElement(_compositionsPanels().CompositionGallerySkeleton,{compositionsLength:Math.min(component.compositions.length,3)})),!isMinimal&&!renderCompositionsFirst?_react().default.createElement(_react().default.Fragment,null,_react().default.createElement(_previewUi().ComponentPreview,_extends({onLoad:onPreviewLoad,previewName:"overview",pubsub:!0,queryParams:[iframeQueryParams,overviewPropsValues?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,sandbox:sandboxValue},rest,{component,style:{width:"100%",height:"100%",minHeight:isScaling?void 0:500}})),component.preview?.onlyOverview&&!isLoading&&_react().default.createElement(_compositionsPanels().CompositionGallery,{component,sandbox:sandboxValue})):_react().default.createElement(_react().default.Fragment,null,component.preview?.onlyOverview&&!isLoading&&_react().default.createElement(_compositionsPanels().CompositionGallery,{component,sandbox:sandboxValue}),_react().default.createElement(_previewUi().ComponentPreview,_extends({onLoad:onPreviewLoad,previewName:"overview",pubsub:!0,queryParams:[iframeQueryParams,overviewPropsValues?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,sandbox:sandboxValue},rest,{component,style:{width:"100%",height:"100%",minHeight:isScaling?void 0:500}}))),component.preview?.onlyOverview&&!isLoading&&TaggedAPI&&_react().default.createElement(TaggedAPI,{componentId:component.id.toString()})),buildFailed&&EmptyState&&_react().default.createElement(EmptyState,null))}},19014:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReadmeSkeleton=ReadmeSkeleton;function _react(){const data=_interopRequireDefault(__webpack_require__(37953));return _react=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(84738);return _baseUiLoaders=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(79944));return _overviewModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ReadmeSkeleton({children}){return _react().default.createElement("div",{className:_overviewModule().default.readmeSkeleton},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"80%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"70%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"40%",style:{marginBottom:40}}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"30%",style:{marginBottom:16}}),_react().default.createElement(_baseUiLoaders().BlockSkeleton,{lines:10,style:{width:"100%",marginBottom:40}}),children)}},30969:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLanes=exports.IgnoreDerivingFromUrl=exports.LanesProviderProps=exports.LanesProvider=exports.useLanesContext=exports.LanesContextModel=exports.LanesContext=void 0;var lanes_context_1=__webpack_require__(18444);Object.defineProperty(exports,"LanesContext",{enumerable:!0,get:function(){return lanes_context_1.LanesContext}}),Object.defineProperty(exports,"LanesContextModel",{enumerable:!0,get:function(){return lanes_context_1.LanesContextModel}}),Object.defineProperty(exports,"useLanesContext",{enumerable:!0,get:function(){return lanes_context_1.useLanesContext}});var lanes_provider_1=__webpack_require__(57378);Object.defineProperty(exports,"LanesProvider",{enumerable:!0,get:function(){return lanes_provider_1.LanesProvider}}),Object.defineProperty(exports,"LanesProviderProps",{enumerable:!0,get:function(){return lanes_provider_1.LanesProviderProps}}),Object.defineProperty(exports,"IgnoreDerivingFromUrl",{enumerable:!0,get:function(){return lanes_provider_1.IgnoreDerivingFromUrl}});var use_lanes_1=__webpack_require__(72816);Object.defineProperty(exports,"useLanes",{enumerable:!0,get:function(){return use_lanes_1.useLanes}})},18444:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLanesContext=exports.LanesContext=void 0;const react_1=__webpack_require__(37953);exports.LanesContext=(0,react_1.createContext)(void 0);const useLanesContext=()=>(0,react_1.useContext)(exports.LanesContext);exports.useLanesContext=useLanesContext},57378: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);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}: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(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesProvider=LanesProvider;const react_1=__importStar(__webpack_require__(37953)),lanes_ui_models_lanes_model_1=__webpack_require__(1453),ui_foundation_ui_react_router_use_query_1=__webpack_require__(46480),base_react_navigation_link_1=__webpack_require__(39343),lanes_context_1=__webpack_require__(18444),use_lanes_1=__webpack_require__(72816);function LanesProvider({children,viewedLaneId:viewedLaneIdProp,targetLanes,ignoreDerivingFromUrl:ignoreDerivingFromUrlProp,skipNetworkCall,options:optionsProp={},useScope,loading:loadingFromProps}){var _a,_b;const{scope}=useScope?.()||{},query=(0,ui_foundation_ui_react_router_use_query_1.useQuery)(),location=(0,base_react_navigation_link_1.useLocation)(),skip=skipNetworkCall||Boolean(targetLanes),ignoreDerivingFromUrl=(0,react_1.useCallback)(_location=>ignoreDerivingFromUrlProp?ignoreDerivingFromUrlProp.some(fn=>fn(_location)):!1,[ignoreDerivingFromUrlProp]),[viewedLaneId,setViewedLaneId]=(0,react_1.useState)(()=>{if(viewedLaneIdProp)return viewedLaneIdProp;if(!ignoreDerivingFromUrl(location)){const laneIdFromUrl=location?.pathname?lanes_ui_models_lanes_model_1.LanesModel.getLaneIdFromPathname(location.pathname,query):void 0;if(laneIdFromUrl)return laneIdFromUrl}});(0,react_1.useEffect)(()=>{viewedLaneIdProp&&setViewedLaneId(viewedLaneIdProp)},[viewedLaneIdProp?.toString()]),(0,react_1.useEffect)(()=>{if(ignoreDerivingFromUrl(location))return;const laneIdFromUrl=location?.pathname?lanes_ui_models_lanes_model_1.LanesModel.getLaneIdFromPathname(location.pathname,query):void 0;laneIdFromUrl&&(!viewedLaneId||!viewedLaneId.isEqual(laneIdFromUrl))&&setViewedLaneId(laneIdFromUrl)},[location?.pathname,query.toString(),viewedLaneId?.toString(),ignoreDerivingFromUrl]);const options=(0,react_1.useMemo)(()=>{var _a2,_b2,_c;return Object.assign({skip,ids:(_a2=optionsProp.ids)!==null&&_a2!==void 0?_a2:viewedLaneId?[viewedLaneId.toString()]:void 0,offset:(_b2=optionsProp.offset)!==null&&_b2!==void 0?_b2:0,limit:(_c=optionsProp.limit)!==null&&_c!==void 0?_c:10},optionsProp)},[skip,optionsProp,viewedLaneId?.toString()]),{lanesModel,loading:loadingLanesModel,hasMore,fetchMoreLanes,offset,limit}=(0,use_lanes_1.useLanes)(targetLanes,skipNetworkCall,options,void 0,scope),loading=(0,react_1.useMemo)(()=>loadingFromProps||loadingLanesModel,[loadingFromProps,loadingLanesModel]),lanesState=(0,react_1.useMemo)(()=>{var _a2,_b2;if(lanesModel){const newState=new lanes_ui_models_lanes_model_1.LanesModel(Object.assign({},lanesModel)),laneIdToSet=viewedLaneId||((_a2=newState.currentLane)===null||_a2===void 0?void 0:_a2.id)||((_b2=newState.lanes.find(lane=>lane.id.isDefault()))===null||_b2===void 0?void 0:_b2.id);return newState.setViewedOrDefaultLane(laneIdToSet),newState}},[Boolean(lanesModel),(_a=lanesModel?.viewedLane)===null||_a===void 0?void 0:_a.id.toString(),viewedLaneId?.toString(),loading,lanesModel?.lanes.map(lane=>lane.id.toString()).join(",")]),updateViewedLane=(0,react_1.useCallback)(lane=>{setViewedLaneId(lane)},[]),addLanes=(0,react_1.useCallback)(newLanes=>(lanesModel&&lanesModel.addLanes(newLanes),lanesModel),[Boolean(lanesModel),lanesModel?.lanes.map(lane=>lane.id.toString()).join(",")]),lanesContextModel=(0,react_1.useMemo)(()=>({lanesModel:lanesState,updateViewedLane,loading,hasMore,fetchMoreLanes,options,offset,limit,addLanes}),[Boolean(lanesState),(_b=lanesState?.viewedLane)===null||_b===void 0?void 0:_b.id.toString(),lanesState?.lanes.map(lane=>lane.id.toString()).join(","),updateViewedLane,loading,hasMore,fetchMoreLanes,options,offset,limit,addLanes]);return react_1.default.createElement(lanes_context_1.LanesContext.Provider,{value:lanesContextModel},children)}},72816:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}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())})};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLanes=exports.useSearchLanes=void 0;const react_1=__webpack_require__(37953),ui_foundation_ui_hooks_use_data_query_1=__webpack_require__(30905),lanes_ui_models_lanes_model_1=__webpack_require__(1453),client_1=__webpack_require__(40886),lodash_1=__webpack_require__(92935),lanes_context_1=__webpack_require__(18444),GET_LANES=(0,client_1.gql)`
724
724
  query Lanes(
725
725
  $extensionId: String
726
726
  $laneIds: [String!]
@@ -822,7 +822,7 @@ the following are permitted ${Object.keys(IssuesClasses).join(", ")}`);const iss
822
822
  id
823
823
  }
824
824
  }
825
- `,useRootLanes=(viewedLaneId,skip,options={},scope)=>{const{ids,offset,limit,sort}=options,{data,fetchMore,loading}=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANES,{variables:{laneIds:ids,offset,limit,sort,skipViewedLane:!viewedLaneId||viewedLaneId.isDefault(),viewedLaneId:viewedLaneId?[viewedLaneId?.toString()]:void 0},skip,errorPolicy:"all",fetchPolicy:"cache-and-network"}),lanesModel=(0,react_1.useMemo)(()=>{if(!loading&&!!data)return lanes_ui_models_lanes_model_1.LanesModel.from({data,scope})},[loading,data,viewedLaneId?.toString(),scope]),hasMore=(0,react_1.useMemo)(()=>{var _a,_b,_c,_d,_e,_f;return loading?!0:limit?ids?.length?((_c=(_b=(_a=data?.lanes)===null||_a===void 0?void 0:_a.list)===null||_b===void 0?void 0:_b.length)!==null&&_c!==void 0?_c:0)===ids.length:((_f=(_e=(_d=data?.lanes)===null||_d===void 0?void 0:_d.list)===null||_e===void 0?void 0:_e.length)!==null&&_f!==void 0?_f:0)>=limit:!1},[loading,data]),fetchMoreLanes=(0,react_1.useCallback)((newOffset,newLimit)=>__awaiter(void 0,void 0,void 0,function*(){var _a,_b;if(hasMore)try{const{data:moreData,networkStatus}=yield fetchMore({variables:{offset:newOffset,limit:newLimit,laneIds:[],skipViewedLane:!viewedLaneId||viewedLaneId.isDefault(),viewedLaneId:viewedLaneId?[viewedLaneId?.toString()]:void 0}}),loadingMore=networkStatus===3;return!loadingMore&&moreData.lanes?{lanesModel:lanes_ui_models_lanes_model_1.LanesModel.from({data:moreData}),loading:loadingMore,hasMore:((_b=(_a=moreData.lanes.list)===null||_a===void 0?void 0:_a.length)!==null&&_b!==void 0?_b:0)>=newLimit,nextOffset:newOffset+newLimit}:{lanesModel,loading:loadingMore,nextOffset:newOffset,currentLimit:newLimit}}catch(err){return console.error(err),{}}return{lanesModel,loading:!1,hasMore:!1,nextOffset:newOffset,currentLimit:newLimit}}),[hasMore,viewedLaneId?.toString(),lanesModel]);return{loading,lanesModel,fetchMoreLanes,hasMore,offset,limit}},useSearchLanes=(search,skip)=>{const{data:searchData,loading:loadingSearch}=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANES,{variables:{search,skipViewedLane:!0},skip:skip||!search,errorPolicy:"all",fetchPolicy:"cache-and-network"});return search?{loading:loadingSearch,lanesModel:searchData&&lanes_ui_models_lanes_model_1.LanesModel.from({data:{lanes:Object.assign(Object.assign({},searchData.lanes),{current:void 0,default:void 0})}})}:{}};exports.useSearchLanes=useSearchLanes;const useLanes=(targetLanes,skip,optionsFromProps,useContextFromProps=!0,scope)=>{var _a,_b,_c,_d,_e,_f,_g;const context=(0,lanes_context_1.useLanesContext)()||{},options=optionsFromProps||context?.options,isSameOptions=(0,lodash_1.isEqual)(options,context?.options),useContext=useContextFromProps&&!!context&&isSameOptions,shouldSkip=skip||!!targetLanes||useContext,rootLanesData=useRootLanes((_b=(_a=context?.lanesModel)===null||_a===void 0?void 0:_a.viewedLane)===null||_b===void 0?void 0:_b.id,shouldSkip,options,scope),searchResult=(0,exports.useSearchLanes)(options?.search,shouldSkip);return targetLanes?(targetLanes.viewedLane||targetLanes.setViewedLane((_d=(_c=context?.lanesModel)===null||_c===void 0?void 0:_c.viewedLane)===null||_d===void 0?void 0:_d.id),Object.assign(Object.assign(Object.assign({},context),rootLanesData),{lanesModel:targetLanes,searchResult})):useContext?Object.assign(Object.assign({},context),{searchResult}):((_e=rootLanesData.lanesModel)===null||_e===void 0||_e.setViewedLane((_g=(_f=context?.lanesModel)===null||_f===void 0?void 0:_f.viewedLane)===null||_g===void 0?void 0:_g.id),Object.assign(Object.assign(Object.assign({},context),rootLanesData),{searchResult}))};exports.useLanes=useLanes},1453:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;var lanes_model_1=__webpack_require__(49446);Object.defineProperty(exports,"LanesModel",{enumerable:!0,get:function(){return lanes_model_1.LanesModel}})},49446:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;const component_1=__webpack_require__(30266),lane_id_1=__webpack_require__(35896),component_id_1=__webpack_require__(62435),path_to_regexp_1=__webpack_require__(68883),lodash_1=__webpack_require__(92935);class LanesModel{static mapToLaneModel(laneData){var _a,_b,_c,_d,_e,_f,_g,_h,_j,_k;const{id,laneComponentIds=[],readmeComponent,hash,createdAt,displayName,updatedAt,createdBy:createdByData,updatedBy:updatedByData,dependents=[],slug,deleted}=laneData,componentIds=laneComponentIds?.map(laneComponentId=>component_id_1.ComponentID.fromObject(laneComponentId))||[],readmeComponentModel=readmeComponent&&component_1.ComponentModel.from(Object.assign({},readmeComponent)),createdAtDate=createdAt&&new Date(+createdAt)||void 0,createdBy=createdByData?{name:(_a=createdByData?.name)!==null&&_a!==void 0?_a:void 0,email:(_b=createdByData.email)!==null&&_b!==void 0?_b:void 0,username:(_c=createdByData?.username)!==null&&_c!==void 0?_c:void 0,displayName:(_d=createdByData?.displayName)!==null&&_d!==void 0?_d:void 0,profileImage:(_e=createdByData.profileImage)!==null&&_e!==void 0?_e:void 0}:void 0,updatedAtDate=updatedAt&&new Date(+updatedAt)||void 0,updatedBy=updatedByData?.name?{name:(_f=updatedByData?.name)!==null&&_f!==void 0?_f:void 0,username:(_g=updatedByData?.username)!==null&&_g!==void 0?_g:void 0,displayName:(_h=updatedByData?.displayName)!==null&&_h!==void 0?_h:void 0,email:(_j=updatedByData.email)!==null&&_j!==void 0?_j:void 0,profileImage:(_k=updatedByData.profileImage)!==null&&_k!==void 0?_k:void 0}:void 0;return{id:lane_id_1.LaneId.from(id.name,id.scope),components:componentIds,readmeComponent:readmeComponentModel,createdAt:createdAtDate,updatedAt:updatedAtDate,displayName,hash,updatedBy,createdBy,deleted,dependents:dependents?.map(dependent=>component_id_1.ComponentID.fromObject(dependent)),slug}}static groupLaneIdsByScope(laneIds){const grouped=new Map;return laneIds.forEach(laneId=>{const{scope}=laneId;if(!grouped.has(scope))grouped.set(scope,[laneId]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,laneId])}}),grouped}static groupLanesByScope(lanes){const grouped=new Map;return lanes.forEach(lane=>{const{scope}=lane.id;if(!grouped.has(scope))grouped.set(scope,[lane]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,lane])}}),grouped}static groupByComponentNameAndId(lanes){const byName=new Map,byId=new Map;return lanes.forEach(lane=>{const{components}=lane;components.forEach(component=>{const name=component.fullName,id=component.toString(),existingByName=byName.get(name)||[],existingById=byId.get(id)||[];existingByName.push(lane),existingById.push(lane),byName.set(name,existingByName),byId.set(id,existingById)})}),{byName,byId}}static from({data,scope,viewedLaneId}){var _a,_b,_c,_d,_e;const lanes=((_b=(_a=data?.lanes)===null||_a===void 0?void 0:_a.list)===null||_b===void 0?void 0:_b.map(lane=>LanesModel.mapToLaneModel(lane)))||[],currentLane=!((_c=data?.lanes)===null||_c===void 0)&&_c.current?LanesModel.mapToLaneModel(data.lanes.current):void 0,defaultLane=!((_d=data?.lanes)===null||_d===void 0)&&_d.default?LanesModel.mapToLaneModel(data.lanes.default):scope&&LanesModel.mapToLaneModel({id:{name:"main",scope},hash:""})||lanes.find(lane=>lane.id.isDefault())||void 0,viewedLane=viewedLaneId?lanes.find(lane=>lane.slug===viewedLaneId.name||lane.id.isEqual(viewedLaneId)):((_e=data?.lanes)===null||_e===void 0?void 0:_e.viewedLane)&&LanesModel.mapToLaneModel(data.lanes.viewedLane[0])||currentLane||defaultLane;return new LanesModel({lanes,currentLane,defaultLane,viewedLane})}constructor({lanes=[],viewedLane,currentLane,defaultLane}){this.getLaneComponentUrlByVersion=(componentId,laneId,addScopeMetadataInUrl,laneFromParams)=>{var _a;const defaultLane2=this.getDefaultLane();if(!componentId.version||!laneId||!defaultLane2||laneId&&this.currentLane&&laneId.isEqual(this.currentLane.id))return LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl,laneFromParams);const lane=(_a=this.getLanesByComponentId(componentId))===null||_a===void 0?void 0:_a.find(l=>l.id.isEqual(laneId));return lane?lane.id.isDefault()?LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl,laneFromParams):LanesModel.getLaneComponentUrl(componentId,lane.id,addScopeMetadataInUrl,laneFromParams):defaultLane2.components.find(c=>c.isEqual(componentId))?LanesModel.getMainComponentUrl(componentId,laneId,addScopeMetadataInUrl,laneFromParams):void 0},this.setViewedLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.slug===viewedLaneId.name||lane.id.isEqual(viewedLaneId)):void 0},this.setViewedOrDefaultLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.slug===viewedLaneId.name||lane.id.isEqual(viewedLaneId)):this.getDefaultLane()},this.resolveComponentFromUrl=(idFromUrl,laneId)=>{var _a;const comps=((_a=laneId&&this.lanes.find(lane=>lane.slug===laneId.toString()||lane.id.isEqual(laneId))||this.viewedLane)===null||_a===void 0?void 0:_a.components)||[];return idFromUrl.includes(".")?comps.find(component=>component.toStringWithoutVersion()===idFromUrl):comps.find(component=>component.fullName===idFromUrl)},this.getDefaultLane=()=>this.defaultLane,this.getNonMainLanes=()=>this.lanes.filter(lane=>!lane.id.isDefault()),this.isInViewedLane=(componentId,includeVersion)=>{var _a,_b;return includeVersion?(_a=this.viewedLane)===null||_a===void 0?void 0:_a.components.some(comp=>includeVersion&&comp.isEqual(componentId)):(_b=this.viewedLane)===null||_b===void 0?void 0:_b.components.some(comp=>includeVersion&&comp.isEqual(componentId,{ignoreVersion:!0}))},this.isViewingCurrentLane=()=>this.currentLane&&this.viewedLane&&this.currentLane.id.isEqual(this.viewedLane.id),this.isViewingDefaultLane=()=>this.viewedLane&&this.viewedLane.id.isDefault(),this.isViewingNonDefaultLane=()=>this.viewedLane&&!this.viewedLane.id.isDefault(),this.getLanesByComponentName=componentId=>this.lanesByComponentName.get(componentId.fullName),this.getLanesByComponentId=componentId=>this.lanesByComponentId.get(componentId.toString()),this.isComponentOnMain=(componentId,includeVersion)=>{var _a,_b;return includeVersion?!!(!((_a=this.getLanesByComponentId(componentId))===null||_a===void 0)&&_a.some(lane=>lane.id.isDefault())):!!(!((_b=this.getLanesByComponentName(componentId))===null||_b===void 0)&&_b.some(lane=>lane.id.isDefault()))},this.isComponentOnMainButNotOnLane=(componentId,includeVersion,laneId)=>this.isComponentOnMain(componentId,includeVersion)&&!this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnLaneButNotOnMain=(componentId,includeVersion,laneId)=>!this.isComponentOnMain(componentId,includeVersion)&&this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnNonDefaultLanes=(componentId,includeVersion,laneId)=>{var _a,_b;return includeVersion?!!(!((_a=this.getLanesByComponentId(componentId))===null||_a===void 0)&&_a.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId)))):!!(!((_b=this.getLanesByComponentName(componentId))===null||_b===void 0)&&_b.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId))))},this.isComponentDependent=(componentId,includeVersion,laneId)=>{var _a,_b;const lane=laneId?this.lanes.find(l=>l.id.isEqual(laneId)):this.viewedLane;return lane?includeVersion?!!(!((_a=lane.dependents)===null||_a===void 0)&&_a.some(dep=>dep.isEqual(componentId))):!!(!((_b=lane.dependents)===null||_b===void 0)&&_b.some(dep=>dep.isEqual(componentId,{ignoreVersion:!0}))):!1},this.viewedLane=viewedLane,this.currentLane=currentLane,this.defaultLane=defaultLane;const allUniqueLanes=(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,this.defaultLane,this.currentLane,this.viewedLane],lane=>lane?.id.toString()));this.lanes=allUniqueLanes,this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}addLanes(newLanes=[]){this.lanes=LanesModel.concatLanes(this.lanes,newLanes),this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}static concatLanes(lanes=[],newLanes=[]){return(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,...newLanes],lane=>lane?.id.toString()))}}exports.LanesModel=LanesModel,LanesModel.lanesPrefix="~lane",LanesModel.baseLaneComponentRoute="/~component",LanesModel.lanePath=":scopeId/:laneId",LanesModel.laneUrlParamsKey="lane",LanesModel.laneFromPathRegex=(0,path_to_regexp_1.pathToRegexp)(`${LanesModel.lanesPrefix}/${LanesModel.lanePath}`,void 0,{end:!1,start:!1}),LanesModel.getLaneIdFromPathname=(pathname,urlSearchParams)=>{const matches=LanesModel.laneFromPathRegex.exec(pathname);if(matches){const[,scopeId,laneId]=matches;return lane_id_1.LaneId.from(laneId,scopeId)}if(urlSearchParams){const laneIdQueryParam=urlSearchParams.get(LanesModel.laneUrlParamsKey);return laneIdQueryParam?lane_id_1.LaneId.parse(laneIdQueryParam):void 0}},LanesModel.getLaneUrl=(laneId,relative,_lane)=>`${relative?"":"/"}${LanesModel.lanesPrefix}/${laneId.toString()}`,LanesModel.getLaneComponentUrl=(componentId,laneId,addScopeMetadataInUrl,_lane)=>{const isExternalComponent=componentId.scope!==laneId.scope,laneUrl=LanesModel.getLaneUrl(laneId),queryParams=new URLSearchParams;return componentId.version&&queryParams.set("version",componentId.version),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${isExternalComponent?`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.toStringWithoutVersion()}`:`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.fullName}`}?${queryParams.toString()}`},LanesModel.getMainComponentUrl=(componentId,laneId,addScopeMetadataInUrl,_lane)=>{const componentUrl=componentId.fullName,queryParams=new URLSearchParams;return laneId&&queryParams.set(LanesModel.laneUrlParamsKey,laneId.toString()),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${componentUrl}?${queryParams.toString()}`}},618:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PanelUiAspect",{enumerable:!0,get:function(){return _panelUi().PanelUiAspect}}),Object.defineProperty(exports,"Tab",{enumerable:!0,get:function(){return _tabs().Tab}}),Object.defineProperty(exports,"TabContainer",{enumerable:!0,get:function(){return _tabs().TabContainer}}),Object.defineProperty(exports,"TabList",{enumerable:!0,get:function(){return _tabs().TabList}}),Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function(){return _tabs().TabPanel}});function _panelUi(){const data=__webpack_require__(75041);return _panelUi=function(){return data},data}function _tabs(){const data=__webpack_require__(31025);return _tabs=function(){return data},data}},75041:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelUiAspect=void 0;function _harmony(){const data=__webpack_require__(12337);return _harmony=function(){return data},data}const PanelUiAspect=exports.PanelUiAspect=_harmony().Aspect.create({id:"teambit.ui-foundation/panels",dependencies:[],defaultConfig:{}})},31025:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=Tab,exports.TabContainer=void 0,exports.TabList=TabList,exports.TabPanel=void 0;function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _react(){const data=_interopRequireDefault(__webpack_require__(37953));return _react=function(){return data},data}function _reactTabs(){const data=__webpack_require__(39824);return _reactTabs=function(){return data},data}function _tabsModule(){const data=_interopRequireDefault(__webpack_require__(30688));return _tabsModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const TabContainer=exports.TabContainer=_reactTabs().Tabs;function TabList(props){return _react().default.createElement(_reactTabs().TabList,_extends({},props,{className:(0,_classnames().default)(_tabsModule().default.tabContainer,props.className)}))}TabList.tabsRole="TabList";const TabPanel=exports.TabPanel=_reactTabs().TabPanel;function Tab(props){return _react().default.createElement(_reactTabs().Tab,_extends({},props,{className:(0,_classnames().default)(props.className,_tabsModule().default.tab),selectedClassName:_tabsModule().default.active,disabledClassName:_tabsModule().default.disabled}))}Tab.tabsRole="Tab"},34907:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"getLatestVersion",{enumerable:!0,get:function(){return _semverHelper().getLatestVersion}}),Object.defineProperty(exports,"getValidVersionOrReleaseType",{enumerable:!0,get:function(){return _semverHelper().getValidVersionOrReleaseType}}),Object.defineProperty(exports,"isRange1GreaterThanRange2Naively",{enumerable:!0,get:function(){return _semverHelper().isRange1GreaterThanRange2Naively}}),Object.defineProperty(exports,"validateVersion",{enumerable:!0,get:function(){return _semverHelper().validateVersion}});function _semverHelper(){const data=__webpack_require__(54388);return _semverHelper=function(){return data},data}},54388:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLatestVersion=getLatestVersion,exports.getValidVersionOrReleaseType=getValidVersionOrReleaseType,exports.isRange1GreaterThanRange2Naively=isRange1GreaterThanRange2Naively,exports.isReleaseTypeSupported=isReleaseTypeSupported,exports.isStrReleaseType=isStrReleaseType,exports.throwForUnsupportedReleaseType=throwForUnsupportedReleaseType,exports.validateVersion=validateVersion;function _semver(){const data=__webpack_require__(16322);return _semver=function(){return data},data}function _componentVersion(){const data=__webpack_require__(25699);return _componentVersion=function(){return data},data}function isStrReleaseType(str){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(str)}function isReleaseTypeSupported(str){return["patch","minor","major","prerelease"].includes(str)}function throwForUnsupportedReleaseType(str){if(!isReleaseTypeSupported(str))throw new Error(`the release-type "${str}" is not supported`)}function validateVersion(version){if(version){const validVersion=(0,_semver().valid)(version);if(!validVersion)throw new(_componentVersion()).InvalidVersion(version);return validVersion}}function getValidVersionOrReleaseType(str){if(isStrReleaseType(str)){const releaseType=str;return throwForUnsupportedReleaseType(releaseType),{releaseType}}return{exactVersion:validateVersion(str)}}function getLatestVersion(versions){const max=(0,_semver().maxSatisfying)(versions,"*",{includePrerelease:!0});if(!max)throw new Error(`unable to find the latest version from ${versions.join(", ")}`);return max}function isRange1GreaterThanRange2Naively(range1,range2){const minVersion1=(0,_semver().minVersion)(range1),minVersion2=(0,_semver().minVersion)(range2);return!minVersion1||!minVersion2?!1:(0,_semver().gt)(minVersion1,minVersion2)}},16467:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.computePreviewScale=computePreviewScale;function computePreviewScale(width,containerWidth){const scale=containerWidth*.95/width;return scale>1?"scale(1)":`scale(${scale})`}},37175:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SandboxPermissionsAggregator=exports.SandboxPermissionExecutor=exports.SandboxManager=exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=exports.ComponentPreview=void 0;var preview_1=__webpack_require__(21119);Object.defineProperty(exports,"ComponentPreview",{enumerable:!0,get:function(){return preview_1.ComponentPreview}});var urls_1=__webpack_require__(46229);Object.defineProperty(exports,"toPreviewUrl",{enumerable:!0,get:function(){return urls_1.toPreviewUrl}}),Object.defineProperty(exports,"toPreviewServer",{enumerable:!0,get:function(){return urls_1.toPreviewServer}}),Object.defineProperty(exports,"toPreviewHash",{enumerable:!0,get:function(){return urls_1.toPreviewHash}});var sandbox_manager_1=__webpack_require__(83402);Object.defineProperty(exports,"SandboxManager",{enumerable:!0,get:function(){return sandbox_manager_1.SandboxManager}}),Object.defineProperty(exports,"SandboxPermissionExecutor",{enumerable:!0,get:function(){return sandbox_manager_1.SandboxPermissionExecutor}}),Object.defineProperty(exports,"SandboxPermissionsAggregator",{enumerable:!0,get:function(){return sandbox_manager_1.SandboxPermissionsAggregator}})},21119: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);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}: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(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}(),__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentPreview=ComponentPreview;const react_1=__importStar(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(97500)),lodash_1=__webpack_require__(92935),penpal_1=__webpack_require__(8926),pubsub_1=__webpack_require__(78410),ui_foundation_ui_rendering_html_1=__webpack_require__(28452),urls_1=__webpack_require__(46229),compute_preview_scale_1=__webpack_require__(16467),use_iframe_content_height_1=__webpack_require__(52833),preview_module_scss_1=__importDefault(__webpack_require__(64982));function ComponentPreview(_a){var _b,_c,_d,{component,previewName,className,forceHeight,includeEnv=!0,queryParams,disableScroll=!1,pubsub,innerBottomPadding=0,viewport=1280,fullContentHeight=!1,onLoad,style,sandbox,propagateError,onPreviewError}=_a,rest=__rest(_a,["component","previewName","className","forceHeight","includeEnv","queryParams","disableScroll","pubsub","innerBottomPadding","viewport","fullContentHeight","onLoad","style","sandbox","propagateError","onPreviewError"]);const[heightIframeRef,iframeHeight]=(0,use_iframe_content_height_1.useIframeContentHeight)({skip:!1,viewport}),iframeRef=(0,react_1.useRef)(null),[width,setWidth]=(0,react_1.useState)(0),[height,setHeight]=(0,react_1.useState)(0),containerRef=(0,react_1.useRef)(null),isScaling=(_b=component.preview)===null||_b===void 0?void 0:_b.isScaling,currentRef=isScaling?iframeRef:heightIframeRef,[forceVisible,setForceVisible]=(0,react_1.useState)(!1);(0,pubsub_1.usePubSubIframe)(pubsub?currentRef:void 0),(0,react_1.useEffect)(()=>{const handleMessage=event=>{if((event.data&&event.data.event===ui_foundation_ui_rendering_html_1.LOAD_EVENT||event.data&&event.data.event==="webpackInvalid")&&onLoad&&onLoad(event),event.data&&(event.data.event===ui_foundation_ui_rendering_html_1.ERROR_EVENT||event.data.event==="AI_FIX_REQUEST")){const errorData=event.data.payload;if(onPreviewError?.(errorData),setForceVisible(!0),propagateError&&window.parent&&window!==window.parent)try{window.parent.postMessage({event:event.data.event,payload:Object.assign(Object.assign({},errorData),{forwardedFrom:{component:component.id,preview:previewName}})},"*")}catch(err){console.error("failed to propagate error to parent",err)}}};return window.addEventListener("message",handleMessage),()=>{window.removeEventListener("message",handleMessage)}},[component.id.toString(),onLoad,propagateError,onPreviewError]),(0,react_1.useEffect)(()=>{!iframeRef.current||(0,penpal_1.connectToChild)({iframe:iframeRef.current,methods:{pub:(event,message)=>{message.type==="preview-size"&&(setWidth(message.data.width),setHeight(message.data.height)),onLoad&&event&&onLoad(event,{height:message.data.height,width:message.data.width})}}})},[iframeRef?.current]);const params=Array.isArray(queryParams)?queryParams.concat(`viewport=${viewport}`):(0,lodash_1.compact)([queryParams,`viewport=${viewport}`]),targetParams=viewport===null?queryParams:params,url=(0,urls_1.toPreviewUrl)(component,previewName,isScaling?targetParams:queryParams,includeEnv),containerWidth=((_c=containerRef.current)===null||_c===void 0?void 0:_c.offsetWidth)||0,containerHeight=((_d=containerRef.current)===null||_d===void 0?void 0:_d.offsetHeight)||0,currentWidth=fullContentHeight?"100%":width||1280,legacyCurrentWidth="100%",targetWidth=typeof currentWidth=="string"?currentWidth:Math.max(currentWidth,containerWidth),targetHeight=height!==0?height:5e3,finalHeight=!fullContentHeight&&targetHeight<containerHeight?containerHeight:targetHeight,defaultLegacyHeight=forceHeight||5e3,legacyIframeHeight=(iframeHeight||0)>400?iframeHeight:defaultLegacyHeight;return react_1.default.createElement("div",{ref:containerRef,className:(0,classnames_1.default)(preview_module_scss_1.default.preview,className),style:{height:forceHeight}},react_1.default.createElement("iframe",Object.assign({},rest,{sandbox:sandbox||void 0,ref:currentRef,style:Object.assign(Object.assign({},style),{height:forceHeight||(isScaling?finalHeight+innerBottomPadding:legacyIframeHeight),width:isScaling?targetWidth:legacyCurrentWidth,visibility:width===0&&isScaling&&!fullContentHeight&&!forceVisible?"hidden":void 0,transform:fullContentHeight?"":(0,compute_preview_scale_1.computePreviewScale)(width||1280,containerWidth||1280),border:0,transformOrigin:"top left"}),src:url,scrolling:disableScroll?"no":void 0})))}},83402: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);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}: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(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.SandboxManager=void 0,exports.SandboxPermissionExecutor=SandboxPermissionExecutor,exports.SandboxPermissionsAggregator=SandboxPermissionsAggregator;const react_1=__importStar(__webpack_require__(37953));class SandboxManager{constructor(initialPermissions=[]){this.permissions=new Set(initialPermissions)}add(permission){return this.permissions.add(permission),this}remove(permission){return this.permissions.delete(permission),this}has(permission){return this.permissions.has(permission)}toString(){return Array.from(this.permissions).join(" ")}}exports.SandboxManager=SandboxManager;function SandboxPermissionExecutor({usePermissionHook,manager,component}){return usePermissionHook(manager,component),null}function SandboxPermissionsAggregator({hooks,onSandboxChange,component}){const managerRef=(0,react_1.useRef)(new SandboxManager);return(0,react_1.useEffect)(()=>{onSandboxChange?.(managerRef.current.toString())}),react_1.default.createElement(react_1.default.Fragment,null,hooks.map((usePermissionHook,i)=>react_1.default.createElement(SandboxPermissionExecutor,{key:`sanbox-permission-executor-${i}`,usePermissionHook,manager:managerRef.current,component})))}},46229:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewUrl=toPreviewUrl,exports.toPreviewServer=toPreviewServer,exports.toPreviewHash=toPreviewHash;const base_ui_utils_string_affix_1=__webpack_require__(91611);function toPreviewUrl(component,previewName,additionalParams,includeEnvId=!0){const serverPath=toPreviewServer(component,previewName),envId=getEnvIdQueryParam(component,includeEnvId),hash=toPreviewHash(component,previewName,envId,additionalParams);return`${serverPath}#${hash}`}function toPreviewServer(component,previewName){var _a,_b;const explicitUrl=(_a=component.server)===null||_a===void 0?void 0:_a.url;return explicitUrl&&!component.server.host?explicitUrl:((_b=component.preview)===null||_b===void 0?void 0:_b.includesEnvTemplate)===!1?toEnvTemplatePreviewUrl(component,previewName):toComponentPreviewUrl(component)}function getEnvIdQueryParam(component,includeEnvId=!0){var _a,_b,_c,_d;if(!!includeEnvId&&!(((_a=component.server)===null||_a===void 0?void 0:_a.host)||((_b=component.server)===null||_b===void 0?void 0:_b.basePath))&&!!(!((_c=component.server)===null||_c===void 0)&&_c.url))return(_d=component.environment)===null||_d===void 0?void 0:_d.id}function toComponentPreviewUrl(component){var _a,_b;return`${createPrefix((_a=component.server)===null||_a===void 0?void 0:_a.basePath,(_b=component.server)===null||_b===void 0?void 0:_b.host)}/${component.id.toString()}/~aspect/preview/`}function createPrefix(basePath,host){const actualBasePath=basePath||"/api",basePathWithSlash=actualBasePath.startsWith("/")?actualBasePath:`/${actualBasePath}`,hostWithoutSlash=host?.endsWith("/")?host.slice(0,-1):host,prefix=hostWithoutSlash?`${hostWithoutSlash}${basePathWithSlash}`:basePathWithSlash;return prefix.endsWith("/")?prefix.slice(0,-1):prefix}function toEnvTemplatePreviewUrl(component,previewName){var _a,_b,_c;const envId=(_a=component.environment)===null||_a===void 0?void 0:_a.id,search=`compId=${component.id.toString()}`;return`${createPrefix((_b=component.server)===null||_b===void 0?void 0:_b.basePath,(_c=component.server)===null||_c===void 0?void 0:_c.host)}/${envId}/~aspect/env-template/${previewName}/?${search}`}function toPreviewHash(component,previewName,envId,queryParams=""){const previewParam=(0,base_ui_utils_string_affix_1.affix)("preview=",previewName),envIdParam=(0,base_ui_utils_string_affix_1.affix)("env=",envId),hashQuery=[previewParam,envIdParam].concat(queryParams).filter(x=>!!x).join("&");return`${component.id.toString()}${(0,base_ui_utils_string_affix_1.affix)("?",hashQuery)}`}},52833:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIframeContentHeight=useIframeContentHeight,exports.useInterval=useInterval;const react_1=__webpack_require__(37953);function useIframeContentHeight({interval=250,skip,viewport}){const iframeRef=(0,react_1.useRef)(null),[iframeHeight,setIframeHeight]=(0,react_1.useState)(0),[iframeWidth,setIframeWidth]=(0,react_1.useState)(0);if(skip)return[iframeRef,void 0,iframeWidth];let first=!0;return useInterval(()=>{var _a;try{const iframe=iframeRef.current;if(!iframe||!iframe.contentWindow||!iframe.contentWindow.document)return;viewport!==null&&(iframe.contentWindow.document.body.style.width="fit-content"),!first&&iframe?.style.height==="5000px"&&(iframe.style.height="100%");const newHeight=iframe.contentWindow.document.body.scrollHeight,newWidth=(_a=iframe?.contentWindow)===null||_a===void 0?void 0:_a.document.body.offsetWidth;setIframeHeight(newHeight),setIframeWidth(newWidth||0),first=!1}catch{}},interval),[iframeRef,iframeHeight,iframeWidth]}function useInterval(callback,interval){const savedCallback=(0,react_1.useRef)(()=>callback);(0,react_1.useEffect)(()=>{savedCallback.current=callback}),(0,react_1.useEffect)(()=>{function tick(){savedCallback.current()}if(interval!==null){const id=setInterval(tick,interval);return()=>clearInterval(id)}return()=>{}},[interval])}},78434:(__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},78410:(__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,"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__(6525);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(78434);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(19665);return _pubsubContext=function(){return data},data}},19665:(__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__(37953));return _react=function(){return data},data}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}const pubsubRegistry=exports.pubsubRegistry=(0,_react().createContext)(void 0);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?.current||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},6525:(__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__(12337);return _harmony=function(){return data},data}const PubsubAspect=exports.PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});var _default=exports.default=PubsubAspect},46834: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.DocsApp=DocsApp;const react_1=__importDefault(__webpack_require__(37953)),docs_1=__webpack_require__(82894),react_ui_docs_properties_table_1=__webpack_require__(95743),react_ui_docs_compositions_carousel_1=__webpack_require__(20299),react_ui_docs_docs_content_1=__webpack_require__(84410),docs_theme_1=__webpack_require__(45728),docs_app_module_scss_1=__importDefault(__webpack_require__(20785));function DocsApp({componentId,docs=docs_1.defaultDocs,compositions,context}){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?"),renderOnlyOverview=new URLSearchParams(after).get("onlyOverview");return react_1.default.createElement(docs_theme_1.DocsTheme,null,react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(react_ui_docs_docs_content_1.DocsContent,{docs,className:docs_app_module_scss_1.default.mdx}),(!renderOnlyOverview||renderOnlyOverview==="false")&&react_1.default.createElement(react_ui_docs_compositions_carousel_1.CompositionsCarousel,{renderingContext:context,compositions,className:docs_app_module_scss_1.default.compositionSection,compositionCardClass:docs_app_module_scss_1.default.compositionCard}),(!renderOnlyOverview||renderOnlyOverview==="false")&&react_1.default.createElement(react_ui_docs_properties_table_1.PropertiesTable,{componentId})))}},45728: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.DocsTheme=DocsTheme;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(97500)),design_themes_theme_toggler_1=__webpack_require__(3249),design_theme_icons_font_1=__webpack_require__(11381),docs_app_module_scss_1=__importDefault(__webpack_require__(20785));function DocsTheme({children}){const hash=window.location.hash,[,hashQuery]=hash&&hash.split("?"),theme=new URLSearchParams(hashQuery).get("theme")||"light";return react_1.default.createElement(design_themes_theme_toggler_1.ThemeSwitcher,{defaultTheme:theme},react_1.default.createElement(design_theme_icons_font_1.IconFont,{query:"q76y7n"}),react_1.default.createElement("div",{className:(0,classnames_1.default)(docs_app_module_scss_1.default.docsMainBlock)},children))}},31990: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__(37953)),react_dom_1=__importDefault(__webpack_require__(88705)),docs_app_1=__webpack_require__(46834);function DocsRoot({componentId,docs,compositions,context}){react_dom_1.default.render(react_1.default.createElement(docs_app_1.DocsApp,{componentId,docs,compositions,context}),document.getElementById("root"))}DocsRoot.apiObject=!0,exports.default=DocsRoot},26143: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.docsStyles=exports.DocsApp=exports.default=exports.DocsTheme=void 0;var docs_theme_1=__webpack_require__(45728);Object.defineProperty(exports,"DocsTheme",{enumerable:!0,get:function(){return docs_theme_1.DocsTheme}});var docs_app_root_1=__webpack_require__(31990);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(docs_app_root_1).default}});var docs_app_1=__webpack_require__(46834);Object.defineProperty(exports,"DocsApp",{enumerable:!0,get:function(){return docs_app_1.DocsApp}});var docs_app_module_scss_1=__webpack_require__(20785);Object.defineProperty(exports,"docsStyles",{enumerable:!0,get:function(){return __importDefault(docs_app_module_scss_1).default}})},66621: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.ApplyProviders=ApplyProviders;const react_1=__importDefault(__webpack_require__(37953)),react_error_boundary_1=__webpack_require__(36273),base_ui_utils_composer_1=__webpack_require__(33101),react_ui_error_fallback_1=__webpack_require__(25817),react_2=__webpack_require__(51014);function ApplyProviders(_a){var{renderingContext,children}=_a,rest=__rest(_a,["renderingContext","children"]);const{providers=[]}=renderingContext.get(react_2.ReactAspect.id)||{};return react_1.default.createElement("div",Object.assign({},rest),react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback},react_1.default.createElement(base_ui_utils_composer_1.Composer,{components:providers},children)))}},21634:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApplyProviders=void 0;var apply_providers_1=__webpack_require__(66621);Object.defineProperty(exports,"ApplyProviders",{enumerable:!0,get:function(){return apply_providers_1.ApplyProviders}})},63499: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.CompositionsCarousel=CompositionsCarousel;const react_1=__importDefault(__webpack_require__(37953)),react_ui_docs_apply_providers_1=__webpack_require__(21634),compositions_ui_compositions_overview_1=__webpack_require__(36141),documenter_ui_linked_heading_1=__webpack_require__(2151),documenter_ui_section_1=__webpack_require__(81235);function CompositionsCarousel(_a){var{compositions,compositionCardClass,renderingContext}=_a,rest=__rest(_a,["compositions","compositionCardClass","renderingContext"]);return!compositions||Object.keys(compositions).length===0?null:react_1.default.createElement(documenter_ui_section_1.Section,Object.assign({},rest),react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,null,"Compositions"),react_1.default.createElement(react_ui_docs_apply_providers_1.ApplyProviders,{renderingContext},react_1.default.createElement(compositions_ui_compositions_overview_1.CompositionsOverview,{compositions,compositionCardClass})))}},20299:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsCarousel=void 0;var compositions_carousel_1=__webpack_require__(63499);Object.defineProperty(exports,"CompositionsCarousel",{enumerable:!0,get:function(){return compositions_carousel_1.CompositionsCarousel}})},5915: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.DocsContent=DocsContent;const react_error_boundary_1=__webpack_require__(36273),lodash_1=__webpack_require__(92935),docs_1=__webpack_require__(82894),react_ui_error_fallback_1=__webpack_require__(25817),mdx_ui_mdx_layout_1=__webpack_require__(19216),react_1=__importDefault(__webpack_require__(37953));function DocsContent(_a){var{docs=docs_1.defaultDocs}=_a,rest=__rest(_a,["docs"]);const Content=(0,lodash_1.isFunction)(docs.default)?docs.default:()=>null;return react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback},Content.isMDXComponent?react_1.default.createElement(mdx_ui_mdx_layout_1.MDXLayout,Object.assign({},rest),react_1.default.createElement(Content,null)):react_1.default.createElement(Content,null))}},84410:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DocsContent=void 0;var docs_content_1=__webpack_require__(5915);Object.defineProperty(exports,"DocsContent",{enumerable:!0,get:function(){return docs_content_1.DocsContent}})},95743:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=void 0;var properties_table_1=__webpack_require__(5471);Object.defineProperty(exports,"PropertiesTable",{enumerable:!0,get:function(){return properties_table_1.PropertiesTable}})},5471: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.PropertiesTable=PropertiesTable;const documenter_ui_linked_heading_1=__webpack_require__(2151),documenter_ui_property_table_1=__webpack_require__(83870),documenter_ui_section_1=__webpack_require__(81235),component_ui_hooks_use_fetch_docs_1=__webpack_require__(77115),react_1=__importDefault(__webpack_require__(37953));function PropertiesTable(_a){var{componentId}=_a,rest=__rest(_a,["componentId"]);const{loading,error,data}=(0,component_ui_hooks_use_fetch_docs_1.useFetchDocs)(componentId);if(!data||loading)return null;if(error)return console.error(`failed to fetch docs for ${componentId} in PropertiesTable`,error),null;if(!data.docs.properties)return console.warn(`no properties found for ${componentId} in PropertiesTable`),null;const{properties}=data.docs;return properties.length===0?react_1.default.createElement("div",null):react_1.default.createElement(documenter_ui_section_1.Section,Object.assign({},rest),react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,null,"Properties"),react_1.default.createElement(documenter_ui_property_table_1.PropTable,{rows:properties}))}},63170:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}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.ErrorFallback=ErrorFallback;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(97500)),design_ui_icon_button_1=__webpack_require__(10269),base_ui_styles_flex_center_1=__webpack_require__(75417),error_fallback_module_scss_1=__importDefault(__webpack_require__(48841));function ErrorFallback({resetErrorBoundary,className,children="Failed to render",cta="try again"}){const handleClick=()=>__awaiter(this,void 0,void 0,function*(){yield new Promise(resolve=>setTimeout(resolve,480)),resetErrorBoundary()});return react_1.default.createElement("div",{className:(0,classnames_1.default)(error_fallback_module_scss_1.default.errorFallback,base_ui_styles_flex_center_1.flexCenter,className)},react_1.default.createElement("div",{className:error_fallback_module_scss_1.default.icon}),react_1.default.createElement("div",{className:error_fallback_module_scss_1.default.message},children),react_1.default.createElement(design_ui_icon_button_1.IconButton,{onClick:handleClick,className:error_fallback_module_scss_1.default.retryButton},cta))}},25817:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorFallback=void 0;var error_fallback_1=__webpack_require__(63170);Object.defineProperty(exports,"ErrorFallback",{enumerable:!0,get:function(){return error_fallback_1.ErrorFallback}})},51014:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ReactAspect",{enumerable:!0,get:function(){return _react().ReactAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _react().ReactAspect}});function _react(){const data=__webpack_require__(57075);return _react=function(){return data},data}},57075:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ReactAspect=void 0;function _harmony(){const data=__webpack_require__(12337);return _harmony=function(){return data},data}const ReactAspect=exports.ReactAspect=_harmony().Aspect.create({id:"teambit.react/react"});var _default=exports.default=ReactAspect},50668:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.matchPatterns=exports.splitPatterns=void 0;var match_patterns_1=__webpack_require__(54601);Object.defineProperty(exports,"splitPatterns",{enumerable:!0,get:function(){return match_patterns_1.splitPatterns}}),Object.defineProperty(exports,"matchPatterns",{enumerable:!0,get:function(){return match_patterns_1.matchPatterns}})},54601: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.matchPatterns=matchPatterns,exports.splitPatterns=splitPatterns;const minimatch_1=__importDefault(__webpack_require__(7491));function matchPatterns(filePath,includePatterns,excludePatterns){const included=includePatterns.some(pattern=>(0,minimatch_1.default)(filePath,pattern)),excluded=excludePatterns.every(pattern=>(0,minimatch_1.default)(filePath,pattern));return included&&excluded}function splitPatterns(patterns){return{includePatterns:patterns.filter(pattern=>!pattern.startsWith("!")),excludePatterns:patterns.filter(pattern=>pattern.startsWith("!"))}}},75987:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=capitalize;function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1)}},5913:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=void 0;var capitalize_1=__webpack_require__(75987);Object.defineProperty(exports,"capitalize",{enumerable:!0,get:function(){return capitalize_1.capitalize}})},96859:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var process=__webpack_require__(68558),Buffer=__webpack_require__(84686).Buffer;Object.defineProperty(exports,"__esModule",{value:!0}),exports.lf=lf,exports.auto=auto,exports.cr=cr,exports.crlf=crlf;const isbinaryfile_1=__webpack_require__(81423),lineBreak=typeof process<"u"&&process.platform==="win32"?`\r
825
+ `,useRootLanes=(viewedLaneId,skip,options={},scope)=>{const{ids,offset,limit,sort}=options,{data,fetchMore,loading}=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANES,{variables:{laneIds:ids,offset,limit,sort,skipViewedLane:!viewedLaneId||viewedLaneId.isDefault(),viewedLaneId:viewedLaneId?[viewedLaneId?.toString()]:void 0},skip,errorPolicy:"all",fetchPolicy:"cache-and-network"}),lanesModel=(0,react_1.useMemo)(()=>{if(!loading&&!!data)return lanes_ui_models_lanes_model_1.LanesModel.from({data,scope})},[loading,data,viewedLaneId?.toString(),scope]),hasMore=(0,react_1.useMemo)(()=>{var _a,_b,_c,_d,_e,_f;return loading?!0:limit?ids?.length?((_c=(_b=(_a=data?.lanes)===null||_a===void 0?void 0:_a.list)===null||_b===void 0?void 0:_b.length)!==null&&_c!==void 0?_c:0)===ids.length:((_f=(_e=(_d=data?.lanes)===null||_d===void 0?void 0:_d.list)===null||_e===void 0?void 0:_e.length)!==null&&_f!==void 0?_f:0)>=limit:!1},[loading,data]),fetchMoreLanes=(0,react_1.useCallback)((newOffset,newLimit)=>__awaiter(void 0,void 0,void 0,function*(){var _a,_b;if(hasMore)try{const{data:moreData,networkStatus}=yield fetchMore({variables:{offset:newOffset,limit:newLimit,laneIds:[],skipViewedLane:!viewedLaneId||viewedLaneId.isDefault(),viewedLaneId:viewedLaneId?[viewedLaneId?.toString()]:void 0}}),loadingMore=networkStatus===3;return!loadingMore&&moreData.lanes?{lanesModel:lanes_ui_models_lanes_model_1.LanesModel.from({data:moreData}),loading:loadingMore,hasMore:((_b=(_a=moreData.lanes.list)===null||_a===void 0?void 0:_a.length)!==null&&_b!==void 0?_b:0)>=newLimit,nextOffset:newOffset+newLimit}:{lanesModel,loading:loadingMore,nextOffset:newOffset,currentLimit:newLimit}}catch(err){return console.error(err),{}}return{lanesModel,loading:!1,hasMore:!1,nextOffset:newOffset,currentLimit:newLimit}}),[hasMore,viewedLaneId?.toString(),lanesModel]);return{loading,lanesModel,fetchMoreLanes,hasMore,offset,limit}},useSearchLanes=(search,skip)=>{const{data:searchData,loading:loadingSearch}=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANES,{variables:{search,skipViewedLane:!0},skip:skip||!search,errorPolicy:"all",fetchPolicy:"cache-and-network"});return search?{loading:loadingSearch,lanesModel:searchData&&lanes_ui_models_lanes_model_1.LanesModel.from({data:{lanes:Object.assign(Object.assign({},searchData.lanes),{current:void 0,default:void 0})}})}:{}};exports.useSearchLanes=useSearchLanes;const useLanes=(targetLanes,skip,optionsFromProps,useContextFromProps=!0,scope)=>{var _a,_b,_c,_d,_e,_f,_g;const context=(0,lanes_context_1.useLanesContext)()||{},options=optionsFromProps||context?.options,isSameOptions=(0,lodash_1.isEqual)(options,context?.options),useContext=useContextFromProps&&!!context&&isSameOptions,shouldSkip=skip||!!targetLanes||useContext,rootLanesData=useRootLanes((_b=(_a=context?.lanesModel)===null||_a===void 0?void 0:_a.viewedLane)===null||_b===void 0?void 0:_b.id,shouldSkip,options,scope),searchResult=(0,exports.useSearchLanes)(options?.search,shouldSkip);return targetLanes?(targetLanes.viewedLane||targetLanes.setViewedLane((_d=(_c=context?.lanesModel)===null||_c===void 0?void 0:_c.viewedLane)===null||_d===void 0?void 0:_d.id),Object.assign(Object.assign(Object.assign({},context),rootLanesData),{lanesModel:targetLanes,searchResult})):useContext?Object.assign(Object.assign({},context),{searchResult}):((_e=rootLanesData.lanesModel)===null||_e===void 0||_e.setViewedLane((_g=(_f=context?.lanesModel)===null||_f===void 0?void 0:_f.viewedLane)===null||_g===void 0?void 0:_g.id),Object.assign(Object.assign(Object.assign({},context),rootLanesData),{searchResult}))};exports.useLanes=useLanes},1453:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;var lanes_model_1=__webpack_require__(49446);Object.defineProperty(exports,"LanesModel",{enumerable:!0,get:function(){return lanes_model_1.LanesModel}})},49446:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;const component_1=__webpack_require__(30266),lane_id_1=__webpack_require__(35896),component_id_1=__webpack_require__(62435),path_to_regexp_1=__webpack_require__(68883),lodash_1=__webpack_require__(92935);class LanesModel{static mapToLaneModel(laneData){var _a,_b,_c,_d,_e,_f,_g,_h,_j,_k;const{id,laneComponentIds=[],readmeComponent,hash,createdAt,displayName,updatedAt,createdBy:createdByData,updatedBy:updatedByData,dependents=[],slug,deleted}=laneData,componentIds=laneComponentIds?.map(laneComponentId=>component_id_1.ComponentID.fromObject(laneComponentId))||[],readmeComponentModel=readmeComponent&&component_1.ComponentModel.from(Object.assign({},readmeComponent)),createdAtDate=createdAt&&new Date(+createdAt)||void 0,createdBy=createdByData?{name:(_a=createdByData?.name)!==null&&_a!==void 0?_a:void 0,email:(_b=createdByData.email)!==null&&_b!==void 0?_b:void 0,username:(_c=createdByData?.username)!==null&&_c!==void 0?_c:void 0,displayName:(_d=createdByData?.displayName)!==null&&_d!==void 0?_d:void 0,profileImage:(_e=createdByData.profileImage)!==null&&_e!==void 0?_e:void 0}:void 0,updatedAtDate=updatedAt&&new Date(+updatedAt)||void 0,updatedBy=updatedByData?.name?{name:(_f=updatedByData?.name)!==null&&_f!==void 0?_f:void 0,username:(_g=updatedByData?.username)!==null&&_g!==void 0?_g:void 0,displayName:(_h=updatedByData?.displayName)!==null&&_h!==void 0?_h:void 0,email:(_j=updatedByData.email)!==null&&_j!==void 0?_j:void 0,profileImage:(_k=updatedByData.profileImage)!==null&&_k!==void 0?_k:void 0}:void 0;return{id:lane_id_1.LaneId.from(id.name,id.scope),components:componentIds,readmeComponent:readmeComponentModel,createdAt:createdAtDate,updatedAt:updatedAtDate,displayName,hash,updatedBy,createdBy,deleted,dependents:dependents?.map(dependent=>component_id_1.ComponentID.fromObject(dependent)),slug}}static groupLaneIdsByScope(laneIds){const grouped=new Map;return laneIds.forEach(laneId=>{const{scope}=laneId;if(!grouped.has(scope))grouped.set(scope,[laneId]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,laneId])}}),grouped}static groupLanesByScope(lanes){const grouped=new Map;return lanes.forEach(lane=>{const{scope}=lane.id;if(!grouped.has(scope))grouped.set(scope,[lane]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,lane])}}),grouped}static groupByComponentNameAndId(lanes){const byName=new Map,byId=new Map;return lanes.forEach(lane=>{const{components}=lane;components.forEach(component=>{const name=component.fullName,id=component.toString(),existingByName=byName.get(name)||[],existingById=byId.get(id)||[];existingByName.push(lane),existingById.push(lane),byName.set(name,existingByName),byId.set(id,existingById)})}),{byName,byId}}static from({data,scope,viewedLaneId}){var _a,_b,_c,_d,_e;const lanes=((_b=(_a=data?.lanes)===null||_a===void 0?void 0:_a.list)===null||_b===void 0?void 0:_b.map(lane=>LanesModel.mapToLaneModel(lane)))||[],currentLane=!((_c=data?.lanes)===null||_c===void 0)&&_c.current?LanesModel.mapToLaneModel(data.lanes.current):void 0,defaultLane=!((_d=data?.lanes)===null||_d===void 0)&&_d.default?LanesModel.mapToLaneModel(data.lanes.default):scope&&LanesModel.mapToLaneModel({id:{name:"main",scope},hash:""})||lanes.find(lane=>lane.id.isDefault())||void 0,viewedLane=viewedLaneId?lanes.find(lane=>lane.slug===viewedLaneId.name||lane.id.isEqual(viewedLaneId)):((_e=data?.lanes)===null||_e===void 0?void 0:_e.viewedLane)&&LanesModel.mapToLaneModel(data.lanes.viewedLane[0])||currentLane||defaultLane;return new LanesModel({lanes,currentLane,defaultLane,viewedLane})}constructor({lanes=[],viewedLane,currentLane,defaultLane}){this.getLaneComponentUrlByVersion=(componentId,laneId,addScopeMetadataInUrl,laneFromParams)=>{var _a;const defaultLane2=this.getDefaultLane();if(!componentId.version||!laneId||!defaultLane2||laneId&&this.currentLane&&laneId.isEqual(this.currentLane.id))return LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl,laneFromParams);const lane=(_a=this.getLanesByComponentId(componentId))===null||_a===void 0?void 0:_a.find(l=>l.id.isEqual(laneId));return lane?lane.id.isDefault()?LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl,laneFromParams):LanesModel.getLaneComponentUrl(componentId,lane.id,addScopeMetadataInUrl,laneFromParams):defaultLane2.components.find(c=>c.isEqual(componentId))?LanesModel.getMainComponentUrl(componentId,laneId,addScopeMetadataInUrl,laneFromParams):void 0},this.setViewedLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.slug===viewedLaneId.name||lane.id.isEqual(viewedLaneId)):void 0},this.setViewedOrDefaultLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.slug===viewedLaneId.name||lane.id.isEqual(viewedLaneId)):this.getDefaultLane()},this.resolveComponentFromUrl=(idFromUrl,laneId)=>{var _a;const comps=((_a=laneId&&this.lanes.find(lane=>lane.slug===laneId.toString()||lane.id.isEqual(laneId))||this.viewedLane)===null||_a===void 0?void 0:_a.components)||[];return idFromUrl.includes(".")?comps.find(component=>component.toStringWithoutVersion()===idFromUrl):comps.find(component=>component.fullName===idFromUrl)},this.getDefaultLane=()=>this.defaultLane,this.getNonMainLanes=()=>this.lanes.filter(lane=>!lane.id.isDefault()),this.isInViewedLane=(componentId,includeVersion)=>{var _a,_b;return includeVersion?(_a=this.viewedLane)===null||_a===void 0?void 0:_a.components.some(comp=>includeVersion&&comp.isEqual(componentId)):(_b=this.viewedLane)===null||_b===void 0?void 0:_b.components.some(comp=>includeVersion&&comp.isEqual(componentId,{ignoreVersion:!0}))},this.isViewingCurrentLane=()=>this.currentLane&&this.viewedLane&&this.currentLane.id.isEqual(this.viewedLane.id),this.isViewingDefaultLane=()=>this.viewedLane&&this.viewedLane.id.isDefault(),this.isViewingNonDefaultLane=()=>this.viewedLane&&!this.viewedLane.id.isDefault(),this.getLanesByComponentName=componentId=>this.lanesByComponentName.get(componentId.fullName),this.getLanesByComponentId=componentId=>this.lanesByComponentId.get(componentId.toString()),this.isComponentOnMain=(componentId,includeVersion)=>{var _a,_b;return includeVersion?!!(!((_a=this.getLanesByComponentId(componentId))===null||_a===void 0)&&_a.some(lane=>lane.id.isDefault())):!!(!((_b=this.getLanesByComponentName(componentId))===null||_b===void 0)&&_b.some(lane=>lane.id.isDefault()))},this.isComponentOnMainButNotOnLane=(componentId,includeVersion,laneId)=>this.isComponentOnMain(componentId,includeVersion)&&!this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnLaneButNotOnMain=(componentId,includeVersion,laneId)=>!this.isComponentOnMain(componentId,includeVersion)&&this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnNonDefaultLanes=(componentId,includeVersion,laneId)=>{var _a,_b;return includeVersion?!!(!((_a=this.getLanesByComponentId(componentId))===null||_a===void 0)&&_a.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId)))):!!(!((_b=this.getLanesByComponentName(componentId))===null||_b===void 0)&&_b.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId))))},this.isComponentDependent=(componentId,includeVersion,laneId)=>{var _a,_b;const lane=laneId?this.lanes.find(l=>l.id.isEqual(laneId)):this.viewedLane;return lane?includeVersion?!!(!((_a=lane.dependents)===null||_a===void 0)&&_a.some(dep=>dep.isEqual(componentId))):!!(!((_b=lane.dependents)===null||_b===void 0)&&_b.some(dep=>dep.isEqual(componentId,{ignoreVersion:!0}))):!1},this.viewedLane=viewedLane,this.currentLane=currentLane,this.defaultLane=defaultLane;const allUniqueLanes=(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,this.defaultLane,this.currentLane,this.viewedLane],lane=>lane?.id.toString()));this.lanes=allUniqueLanes,this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}addLanes(newLanes=[]){this.lanes=LanesModel.concatLanes(this.lanes,newLanes),this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}static concatLanes(lanes=[],newLanes=[]){return(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,...newLanes],lane=>lane?.id.toString()))}}exports.LanesModel=LanesModel,LanesModel.lanesPrefix="~lane",LanesModel.baseLaneComponentRoute="/~component",LanesModel.lanePath=":scopeId/:laneId",LanesModel.laneUrlParamsKey="lane",LanesModel.laneFromPathRegex=(0,path_to_regexp_1.pathToRegexp)(`${LanesModel.lanesPrefix}/${LanesModel.lanePath}`,void 0,{end:!1,start:!1}),LanesModel.getLaneIdFromPathname=(pathname,urlSearchParams)=>{const matches=LanesModel.laneFromPathRegex.exec(pathname);if(matches){const[,scopeId,laneId]=matches;return lane_id_1.LaneId.from(laneId,scopeId)}if(urlSearchParams){const laneIdQueryParam=urlSearchParams.get(LanesModel.laneUrlParamsKey);return laneIdQueryParam?lane_id_1.LaneId.parse(laneIdQueryParam):void 0}},LanesModel.getLaneUrl=(laneId,relative,_lane)=>`${relative?"":"/"}${LanesModel.lanesPrefix}/${laneId.toString()}`,LanesModel.getLaneComponentUrl=(componentId,laneId,addScopeMetadataInUrl,_lane)=>{const isExternalComponent=componentId.scope!==laneId.scope,laneUrl=LanesModel.getLaneUrl(laneId),queryParams=new URLSearchParams;return componentId.version&&queryParams.set("version",componentId.version),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${isExternalComponent?`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.toStringWithoutVersion()}`:`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.fullName}`}?${queryParams.toString()}`},LanesModel.getMainComponentUrl=(componentId,laneId,addScopeMetadataInUrl,_lane)=>{const componentUrl=componentId.fullName,queryParams=new URLSearchParams;return laneId&&queryParams.set(LanesModel.laneUrlParamsKey,laneId.toString()),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${componentUrl}?${queryParams.toString()}`}},618:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PanelUiAspect",{enumerable:!0,get:function(){return _panelUi().PanelUiAspect}}),Object.defineProperty(exports,"Tab",{enumerable:!0,get:function(){return _tabs().Tab}}),Object.defineProperty(exports,"TabContainer",{enumerable:!0,get:function(){return _tabs().TabContainer}}),Object.defineProperty(exports,"TabList",{enumerable:!0,get:function(){return _tabs().TabList}}),Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function(){return _tabs().TabPanel}});function _panelUi(){const data=__webpack_require__(75041);return _panelUi=function(){return data},data}function _tabs(){const data=__webpack_require__(31025);return _tabs=function(){return data},data}},75041:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelUiAspect=void 0;function _harmony(){const data=__webpack_require__(12337);return _harmony=function(){return data},data}const PanelUiAspect=exports.PanelUiAspect=_harmony().Aspect.create({id:"teambit.ui-foundation/panels",dependencies:[],defaultConfig:{}})},31025:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=Tab,exports.TabContainer=void 0,exports.TabList=TabList,exports.TabPanel=void 0;function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _react(){const data=_interopRequireDefault(__webpack_require__(37953));return _react=function(){return data},data}function _reactTabs(){const data=__webpack_require__(39824);return _reactTabs=function(){return data},data}function _tabsModule(){const data=_interopRequireDefault(__webpack_require__(30688));return _tabsModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const TabContainer=exports.TabContainer=_reactTabs().Tabs;function TabList(props){return _react().default.createElement(_reactTabs().TabList,_extends({},props,{className:(0,_classnames().default)(_tabsModule().default.tabContainer,props.className)}))}TabList.tabsRole="TabList";const TabPanel=exports.TabPanel=_reactTabs().TabPanel;function Tab(props){return _react().default.createElement(_reactTabs().Tab,_extends({},props,{className:(0,_classnames().default)(props.className,_tabsModule().default.tab),selectedClassName:_tabsModule().default.active,disabledClassName:_tabsModule().default.disabled}))}Tab.tabsRole="Tab"},34907:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"getLatestVersion",{enumerable:!0,get:function(){return _semverHelper().getLatestVersion}}),Object.defineProperty(exports,"getValidVersionOrReleaseType",{enumerable:!0,get:function(){return _semverHelper().getValidVersionOrReleaseType}}),Object.defineProperty(exports,"isRange1GreaterThanRange2Naively",{enumerable:!0,get:function(){return _semverHelper().isRange1GreaterThanRange2Naively}}),Object.defineProperty(exports,"validateVersion",{enumerable:!0,get:function(){return _semverHelper().validateVersion}});function _semverHelper(){const data=__webpack_require__(54388);return _semverHelper=function(){return data},data}},54388:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLatestVersion=getLatestVersion,exports.getValidVersionOrReleaseType=getValidVersionOrReleaseType,exports.isRange1GreaterThanRange2Naively=isRange1GreaterThanRange2Naively,exports.isReleaseTypeSupported=isReleaseTypeSupported,exports.isStrReleaseType=isStrReleaseType,exports.throwForUnsupportedReleaseType=throwForUnsupportedReleaseType,exports.validateVersion=validateVersion;function _semver(){const data=__webpack_require__(16322);return _semver=function(){return data},data}function _componentVersion(){const data=__webpack_require__(25699);return _componentVersion=function(){return data},data}function isStrReleaseType(str){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(str)}function isReleaseTypeSupported(str){return["patch","minor","major","prerelease"].includes(str)}function throwForUnsupportedReleaseType(str){if(!isReleaseTypeSupported(str))throw new Error(`the release-type "${str}" is not supported`)}function validateVersion(version){if(version){const validVersion=(0,_semver().valid)(version);if(!validVersion)throw new(_componentVersion()).InvalidVersion(version);return validVersion}}function getValidVersionOrReleaseType(str){if(isStrReleaseType(str)){const releaseType=str;return throwForUnsupportedReleaseType(releaseType),{releaseType}}return{exactVersion:validateVersion(str)}}function getLatestVersion(versions){const max=(0,_semver().maxSatisfying)(versions,"*",{includePrerelease:!0});if(!max)throw new Error(`unable to find the latest version from ${versions.join(", ")}`);return max}function isRange1GreaterThanRange2Naively(range1,range2){const minVersion1=(0,_semver().minVersion)(range1),minVersion2=(0,_semver().minVersion)(range2);return!minVersion1||!minVersion2?!1:(0,_semver().gt)(minVersion1,minVersion2)}},16467:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.computePreviewScale=computePreviewScale;function computePreviewScale(width,containerWidth){const scale=containerWidth*.95/width;return scale>1?"scale(1)":`scale(${scale})`}},37175:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SandboxPermissionsAggregator=exports.SandboxPermissionExecutor=exports.SandboxManager=exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=exports.ComponentPreview=void 0;var preview_1=__webpack_require__(21119);Object.defineProperty(exports,"ComponentPreview",{enumerable:!0,get:function(){return preview_1.ComponentPreview}});var urls_1=__webpack_require__(46229);Object.defineProperty(exports,"toPreviewUrl",{enumerable:!0,get:function(){return urls_1.toPreviewUrl}}),Object.defineProperty(exports,"toPreviewServer",{enumerable:!0,get:function(){return urls_1.toPreviewServer}}),Object.defineProperty(exports,"toPreviewHash",{enumerable:!0,get:function(){return urls_1.toPreviewHash}});var sandbox_manager_1=__webpack_require__(83402);Object.defineProperty(exports,"SandboxManager",{enumerable:!0,get:function(){return sandbox_manager_1.SandboxManager}}),Object.defineProperty(exports,"SandboxPermissionExecutor",{enumerable:!0,get:function(){return sandbox_manager_1.SandboxPermissionExecutor}}),Object.defineProperty(exports,"SandboxPermissionsAggregator",{enumerable:!0,get:function(){return sandbox_manager_1.SandboxPermissionsAggregator}})},21119: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);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}: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(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}(),__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentPreview=ComponentPreview;const react_1=__importStar(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(97500)),lodash_1=__webpack_require__(92935),penpal_1=__webpack_require__(8926),pubsub_1=__webpack_require__(78410),base_react_themes_theme_switcher_1=__webpack_require__(28962),ui_foundation_ui_rendering_html_1=__webpack_require__(28452),urls_1=__webpack_require__(46229),compute_preview_scale_1=__webpack_require__(16467),use_iframe_content_height_1=__webpack_require__(52833),preview_module_scss_1=__importDefault(__webpack_require__(64982));function ComponentPreview(_a){var _b,_c,_d,_e,{component,previewName,className,forceHeight,includeEnv=!0,queryParams,disableScroll=!1,pubsub,innerBottomPadding=0,viewport=1280,fullContentHeight=!1,onLoad,style,sandbox,propagateError,onPreviewError}=_a,rest=__rest(_a,["component","previewName","className","forceHeight","includeEnv","queryParams","disableScroll","pubsub","innerBottomPadding","viewport","fullContentHeight","onLoad","style","sandbox","propagateError","onPreviewError"]);const[heightIframeRef,iframeHeight]=(0,use_iframe_content_height_1.useIframeContentHeight)({skip:!1,viewport}),iframeRef=(0,react_1.useRef)(null),[width,setWidth]=(0,react_1.useState)(0),[height,setHeight]=(0,react_1.useState)(0),containerRef=(0,react_1.useRef)(null),isScaling=(_b=component.preview)===null||_b===void 0?void 0:_b.isScaling,currentRef=isScaling?iframeRef:heightIframeRef,[forceVisible,setForceVisible]=(0,react_1.useState)(!1);(0,pubsub_1.usePubSubIframe)(pubsub?currentRef:void 0),(0,react_1.useEffect)(()=>{const handleMessage=event=>{if((event.data&&event.data.event===ui_foundation_ui_rendering_html_1.LOAD_EVENT||event.data&&event.data.event==="webpackInvalid")&&onLoad&&onLoad(event),event.data&&(event.data.event===ui_foundation_ui_rendering_html_1.ERROR_EVENT||event.data.event==="AI_FIX_REQUEST")){const errorData=event.data.payload;if(onPreviewError?.(errorData),setForceVisible(!0),propagateError&&window.parent&&window!==window.parent)try{window.parent.postMessage({event:event.data.event,payload:Object.assign(Object.assign({},errorData),{forwardedFrom:{component:component.id,preview:previewName}})},"*")}catch(err){console.error("failed to propagate error to parent",err)}}};return window.addEventListener("message",handleMessage),()=>{window.removeEventListener("message",handleMessage)}},[component.id.toString(),onLoad,propagateError,onPreviewError]),(0,react_1.useEffect)(()=>{!iframeRef.current||(0,penpal_1.connectToChild)({iframe:iframeRef.current,methods:{pub:(event,message)=>{message.type==="preview-size"&&(setWidth(message.data.width),setHeight(message.data.height)),onLoad&&event&&onLoad(event,{height:message.data.height,width:message.data.width})}}})},[iframeRef?.current]);const theme=(0,base_react_themes_theme_switcher_1.useThemePicker)(),themeParam=!((_c=theme?.current)===null||_c===void 0)&&_c.themeName?`theme=${theme.current.themeName}`:"",baseParams=Array.isArray(queryParams)?queryParams.concat(themeParam):(0,lodash_1.compact)([queryParams,themeParam]),paramsWithViewport=Array.isArray(baseParams)?baseParams.concat(`viewport=${viewport}`):(0,lodash_1.compact)([baseParams,`viewport=${viewport}`]),targetParams=viewport===null?baseParams:paramsWithViewport,url=(0,urls_1.toPreviewUrl)(component,previewName,isScaling?targetParams:baseParams,includeEnv),containerWidth=((_d=containerRef.current)===null||_d===void 0?void 0:_d.offsetWidth)||0,containerHeight=((_e=containerRef.current)===null||_e===void 0?void 0:_e.offsetHeight)||0,currentWidth=fullContentHeight?"100%":width||1280,legacyCurrentWidth="100%",targetWidth=typeof currentWidth=="string"?currentWidth:Math.max(currentWidth,containerWidth),targetHeight=height!==0?height:5e3,finalHeight=!fullContentHeight&&targetHeight<containerHeight?containerHeight:targetHeight,defaultLegacyHeight=forceHeight||5e3,legacyIframeHeight=(iframeHeight||0)>400?iframeHeight:defaultLegacyHeight;return react_1.default.createElement("div",{ref:containerRef,className:(0,classnames_1.default)(preview_module_scss_1.default.preview,className),style:{height:forceHeight}},react_1.default.createElement("iframe",Object.assign({},rest,{sandbox:sandbox||void 0,ref:currentRef,style:Object.assign(Object.assign({},style),{height:forceHeight||(isScaling?finalHeight+innerBottomPadding:legacyIframeHeight),width:isScaling?targetWidth:legacyCurrentWidth,visibility:width===0&&isScaling&&!fullContentHeight&&!forceVisible?"hidden":void 0,transform:fullContentHeight?"":(0,compute_preview_scale_1.computePreviewScale)(width||1280,containerWidth||1280),border:0,transformOrigin:"top left"}),src:url,scrolling:disableScroll?"no":void 0})))}},83402: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);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}: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(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.SandboxManager=void 0,exports.SandboxPermissionExecutor=SandboxPermissionExecutor,exports.SandboxPermissionsAggregator=SandboxPermissionsAggregator;const react_1=__importStar(__webpack_require__(37953));class SandboxManager{constructor(initialPermissions=[]){this.permissions=new Set(initialPermissions)}add(permission){return this.permissions.add(permission),this}remove(permission){return this.permissions.delete(permission),this}has(permission){return this.permissions.has(permission)}toString(){return Array.from(this.permissions).join(" ")}}exports.SandboxManager=SandboxManager;function SandboxPermissionExecutor({usePermissionHook,manager,component}){return usePermissionHook(manager,component),null}function SandboxPermissionsAggregator({hooks,onSandboxChange,component}){const managerRef=(0,react_1.useRef)(new SandboxManager);return(0,react_1.useEffect)(()=>{onSandboxChange?.(managerRef.current.toString())}),react_1.default.createElement(react_1.default.Fragment,null,hooks.map((usePermissionHook,i)=>react_1.default.createElement(SandboxPermissionExecutor,{key:`sanbox-permission-executor-${i}`,usePermissionHook,manager:managerRef.current,component})))}},46229:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewUrl=toPreviewUrl,exports.toPreviewServer=toPreviewServer,exports.toPreviewHash=toPreviewHash;const base_ui_utils_string_affix_1=__webpack_require__(91611);function toPreviewUrl(component,previewName,additionalParams,includeEnvId=!0){const serverPath=toPreviewServer(component,previewName),envId=getEnvIdQueryParam(component,includeEnvId),hash=toPreviewHash(component,previewName,envId,additionalParams);return`${serverPath}#${hash}`}function toPreviewServer(component,previewName){var _a,_b;const explicitUrl=(_a=component.server)===null||_a===void 0?void 0:_a.url;return explicitUrl&&!component.server.host?explicitUrl:((_b=component.preview)===null||_b===void 0?void 0:_b.includesEnvTemplate)===!1?toEnvTemplatePreviewUrl(component,previewName):toComponentPreviewUrl(component)}function getEnvIdQueryParam(component,includeEnvId=!0){var _a,_b,_c,_d;if(!!includeEnvId&&!(((_a=component.server)===null||_a===void 0?void 0:_a.host)||((_b=component.server)===null||_b===void 0?void 0:_b.basePath))&&!!(!((_c=component.server)===null||_c===void 0)&&_c.url))return(_d=component.environment)===null||_d===void 0?void 0:_d.id}function toComponentPreviewUrl(component){var _a,_b;return`${createPrefix((_a=component.server)===null||_a===void 0?void 0:_a.basePath,(_b=component.server)===null||_b===void 0?void 0:_b.host)}/${component.id.toString()}/~aspect/preview/`}function createPrefix(basePath,host){const actualBasePath=basePath||"/api",basePathWithSlash=actualBasePath.startsWith("/")?actualBasePath:`/${actualBasePath}`,hostWithoutSlash=host?.endsWith("/")?host.slice(0,-1):host,prefix=hostWithoutSlash?`${hostWithoutSlash}${basePathWithSlash}`:basePathWithSlash;return prefix.endsWith("/")?prefix.slice(0,-1):prefix}function toEnvTemplatePreviewUrl(component,previewName){var _a,_b,_c;const envId=(_a=component.environment)===null||_a===void 0?void 0:_a.id,search=`compId=${component.id.toString()}`;return`${createPrefix((_b=component.server)===null||_b===void 0?void 0:_b.basePath,(_c=component.server)===null||_c===void 0?void 0:_c.host)}/${envId}/~aspect/env-template/${previewName}/?${search}`}function toPreviewHash(component,previewName,envId,queryParams=""){const previewParam=(0,base_ui_utils_string_affix_1.affix)("preview=",previewName),envIdParam=(0,base_ui_utils_string_affix_1.affix)("env=",envId),hashQuery=[previewParam,envIdParam].concat(queryParams).filter(x=>!!x).join("&");return`${component.id.toString()}${(0,base_ui_utils_string_affix_1.affix)("?",hashQuery)}`}},52833:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIframeContentHeight=useIframeContentHeight,exports.useInterval=useInterval;const react_1=__webpack_require__(37953);function useIframeContentHeight({interval=250,skip,viewport}){const iframeRef=(0,react_1.useRef)(null),[iframeHeight,setIframeHeight]=(0,react_1.useState)(0),[iframeWidth,setIframeWidth]=(0,react_1.useState)(0);if(skip)return[iframeRef,void 0,iframeWidth];let first=!0;return useInterval(()=>{var _a;try{const iframe=iframeRef.current;if(!iframe||!iframe.contentWindow||!iframe.contentWindow.document)return;viewport!==null&&(iframe.contentWindow.document.body.style.width="fit-content"),!first&&iframe?.style.height==="5000px"&&(iframe.style.height="100%");const newHeight=iframe.contentWindow.document.body.scrollHeight,newWidth=(_a=iframe?.contentWindow)===null||_a===void 0?void 0:_a.document.body.offsetWidth;setIframeHeight(newHeight),setIframeWidth(newWidth||0),first=!1}catch{}},interval),[iframeRef,iframeHeight,iframeWidth]}function useInterval(callback,interval){const savedCallback=(0,react_1.useRef)(()=>callback);(0,react_1.useEffect)(()=>{savedCallback.current=callback}),(0,react_1.useEffect)(()=>{function tick(){savedCallback.current()}if(interval!==null){const id=setInterval(tick,interval);return()=>clearInterval(id)}return()=>{}},[interval])}},78434:(__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},78410:(__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,"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__(6525);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(78434);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(19665);return _pubsubContext=function(){return data},data}},19665:(__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__(37953));return _react=function(){return data},data}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}const pubsubRegistry=exports.pubsubRegistry=(0,_react().createContext)(void 0);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?.current||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},6525:(__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__(12337);return _harmony=function(){return data},data}const PubsubAspect=exports.PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});var _default=exports.default=PubsubAspect},46834: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.DocsApp=DocsApp;const react_1=__importDefault(__webpack_require__(37953)),docs_1=__webpack_require__(82894),react_ui_docs_properties_table_1=__webpack_require__(95743),react_ui_docs_compositions_carousel_1=__webpack_require__(20299),react_ui_docs_docs_content_1=__webpack_require__(84410),docs_theme_1=__webpack_require__(45728),docs_app_module_scss_1=__importDefault(__webpack_require__(20785));function DocsApp({componentId,docs=docs_1.defaultDocs,compositions,context}){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?"),renderOnlyOverview=new URLSearchParams(after).get("onlyOverview");return react_1.default.createElement(docs_theme_1.DocsTheme,null,react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(react_ui_docs_docs_content_1.DocsContent,{docs,className:docs_app_module_scss_1.default.mdx}),(!renderOnlyOverview||renderOnlyOverview==="false")&&react_1.default.createElement(react_ui_docs_compositions_carousel_1.CompositionsCarousel,{renderingContext:context,compositions,className:docs_app_module_scss_1.default.compositionSection,compositionCardClass:docs_app_module_scss_1.default.compositionCard}),(!renderOnlyOverview||renderOnlyOverview==="false")&&react_1.default.createElement(react_ui_docs_properties_table_1.PropertiesTable,{componentId})))}},45728: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.DocsTheme=DocsTheme;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(97500)),design_themes_theme_toggler_1=__webpack_require__(3249),design_theme_icons_font_1=__webpack_require__(11381),docs_app_module_scss_1=__importDefault(__webpack_require__(20785));function DocsTheme({children}){const hash=window.location.hash,[,hashQuery]=hash&&hash.split("?"),theme=new URLSearchParams(hashQuery).get("theme")||"light";return react_1.default.createElement(design_themes_theme_toggler_1.ThemeSwitcher,{defaultTheme:theme},react_1.default.createElement(design_theme_icons_font_1.IconFont,{query:"q76y7n"}),react_1.default.createElement("div",{className:(0,classnames_1.default)(docs_app_module_scss_1.default.docsMainBlock)},children))}},31990: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__(37953)),react_dom_1=__importDefault(__webpack_require__(88705)),docs_app_1=__webpack_require__(46834);function DocsRoot({componentId,docs,compositions,context}){react_dom_1.default.render(react_1.default.createElement(docs_app_1.DocsApp,{componentId,docs,compositions,context}),document.getElementById("root"))}DocsRoot.apiObject=!0,exports.default=DocsRoot},26143: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.docsStyles=exports.DocsApp=exports.default=exports.DocsTheme=void 0;var docs_theme_1=__webpack_require__(45728);Object.defineProperty(exports,"DocsTheme",{enumerable:!0,get:function(){return docs_theme_1.DocsTheme}});var docs_app_root_1=__webpack_require__(31990);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(docs_app_root_1).default}});var docs_app_1=__webpack_require__(46834);Object.defineProperty(exports,"DocsApp",{enumerable:!0,get:function(){return docs_app_1.DocsApp}});var docs_app_module_scss_1=__webpack_require__(20785);Object.defineProperty(exports,"docsStyles",{enumerable:!0,get:function(){return __importDefault(docs_app_module_scss_1).default}})},66621: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.ApplyProviders=ApplyProviders;const react_1=__importDefault(__webpack_require__(37953)),react_error_boundary_1=__webpack_require__(36273),base_ui_utils_composer_1=__webpack_require__(33101),react_ui_error_fallback_1=__webpack_require__(25817),react_2=__webpack_require__(51014);function ApplyProviders(_a){var{renderingContext,children}=_a,rest=__rest(_a,["renderingContext","children"]);const{providers=[]}=renderingContext.get(react_2.ReactAspect.id)||{};return react_1.default.createElement("div",Object.assign({},rest),react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback},react_1.default.createElement(base_ui_utils_composer_1.Composer,{components:providers},children)))}},21634:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApplyProviders=void 0;var apply_providers_1=__webpack_require__(66621);Object.defineProperty(exports,"ApplyProviders",{enumerable:!0,get:function(){return apply_providers_1.ApplyProviders}})},63499: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.CompositionsCarousel=CompositionsCarousel;const react_1=__importDefault(__webpack_require__(37953)),react_ui_docs_apply_providers_1=__webpack_require__(21634),compositions_ui_compositions_overview_1=__webpack_require__(36141),documenter_ui_linked_heading_1=__webpack_require__(2151),documenter_ui_section_1=__webpack_require__(81235);function CompositionsCarousel(_a){var{compositions,compositionCardClass,renderingContext}=_a,rest=__rest(_a,["compositions","compositionCardClass","renderingContext"]);return!compositions||Object.keys(compositions).length===0?null:react_1.default.createElement(documenter_ui_section_1.Section,Object.assign({},rest),react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,null,"Compositions"),react_1.default.createElement(react_ui_docs_apply_providers_1.ApplyProviders,{renderingContext},react_1.default.createElement(compositions_ui_compositions_overview_1.CompositionsOverview,{compositions,compositionCardClass})))}},20299:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsCarousel=void 0;var compositions_carousel_1=__webpack_require__(63499);Object.defineProperty(exports,"CompositionsCarousel",{enumerable:!0,get:function(){return compositions_carousel_1.CompositionsCarousel}})},5915: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.DocsContent=DocsContent;const react_error_boundary_1=__webpack_require__(36273),lodash_1=__webpack_require__(92935),docs_1=__webpack_require__(82894),react_ui_error_fallback_1=__webpack_require__(25817),mdx_ui_mdx_layout_1=__webpack_require__(19216),react_1=__importDefault(__webpack_require__(37953));function DocsContent(_a){var{docs=docs_1.defaultDocs}=_a,rest=__rest(_a,["docs"]);const Content=(0,lodash_1.isFunction)(docs.default)?docs.default:()=>null;return react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback},Content.isMDXComponent?react_1.default.createElement(mdx_ui_mdx_layout_1.MDXLayout,Object.assign({},rest),react_1.default.createElement(Content,null)):react_1.default.createElement(Content,null))}},84410:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DocsContent=void 0;var docs_content_1=__webpack_require__(5915);Object.defineProperty(exports,"DocsContent",{enumerable:!0,get:function(){return docs_content_1.DocsContent}})},95743:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=void 0;var properties_table_1=__webpack_require__(5471);Object.defineProperty(exports,"PropertiesTable",{enumerable:!0,get:function(){return properties_table_1.PropertiesTable}})},5471: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.PropertiesTable=PropertiesTable;const documenter_ui_linked_heading_1=__webpack_require__(2151),documenter_ui_property_table_1=__webpack_require__(83870),documenter_ui_section_1=__webpack_require__(81235),component_ui_hooks_use_fetch_docs_1=__webpack_require__(77115),react_1=__importDefault(__webpack_require__(37953));function PropertiesTable(_a){var{componentId}=_a,rest=__rest(_a,["componentId"]);const{loading,error,data}=(0,component_ui_hooks_use_fetch_docs_1.useFetchDocs)(componentId);if(!data||loading)return null;if(error)return console.error(`failed to fetch docs for ${componentId} in PropertiesTable`,error),null;if(!data.docs.properties)return console.warn(`no properties found for ${componentId} in PropertiesTable`),null;const{properties}=data.docs;return properties.length===0?react_1.default.createElement("div",null):react_1.default.createElement(documenter_ui_section_1.Section,Object.assign({},rest),react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,null,"Properties"),react_1.default.createElement(documenter_ui_property_table_1.PropTable,{rows:properties}))}},63170:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}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.ErrorFallback=ErrorFallback;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(97500)),design_ui_icon_button_1=__webpack_require__(10269),base_ui_styles_flex_center_1=__webpack_require__(75417),error_fallback_module_scss_1=__importDefault(__webpack_require__(48841));function ErrorFallback({resetErrorBoundary,className,children="Failed to render",cta="try again"}){const handleClick=()=>__awaiter(this,void 0,void 0,function*(){yield new Promise(resolve=>setTimeout(resolve,480)),resetErrorBoundary()});return react_1.default.createElement("div",{className:(0,classnames_1.default)(error_fallback_module_scss_1.default.errorFallback,base_ui_styles_flex_center_1.flexCenter,className)},react_1.default.createElement("div",{className:error_fallback_module_scss_1.default.icon}),react_1.default.createElement("div",{className:error_fallback_module_scss_1.default.message},children),react_1.default.createElement(design_ui_icon_button_1.IconButton,{onClick:handleClick,className:error_fallback_module_scss_1.default.retryButton},cta))}},25817:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorFallback=void 0;var error_fallback_1=__webpack_require__(63170);Object.defineProperty(exports,"ErrorFallback",{enumerable:!0,get:function(){return error_fallback_1.ErrorFallback}})},51014:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ReactAspect",{enumerable:!0,get:function(){return _react().ReactAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _react().ReactAspect}});function _react(){const data=__webpack_require__(57075);return _react=function(){return data},data}},57075:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ReactAspect=void 0;function _harmony(){const data=__webpack_require__(12337);return _harmony=function(){return data},data}const ReactAspect=exports.ReactAspect=_harmony().Aspect.create({id:"teambit.react/react"});var _default=exports.default=ReactAspect},50668:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.matchPatterns=exports.splitPatterns=void 0;var match_patterns_1=__webpack_require__(54601);Object.defineProperty(exports,"splitPatterns",{enumerable:!0,get:function(){return match_patterns_1.splitPatterns}}),Object.defineProperty(exports,"matchPatterns",{enumerable:!0,get:function(){return match_patterns_1.matchPatterns}})},54601: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.matchPatterns=matchPatterns,exports.splitPatterns=splitPatterns;const minimatch_1=__importDefault(__webpack_require__(7491));function matchPatterns(filePath,includePatterns,excludePatterns){const included=includePatterns.some(pattern=>(0,minimatch_1.default)(filePath,pattern)),excluded=excludePatterns.every(pattern=>(0,minimatch_1.default)(filePath,pattern));return included&&excluded}function splitPatterns(patterns){return{includePatterns:patterns.filter(pattern=>!pattern.startsWith("!")),excludePatterns:patterns.filter(pattern=>pattern.startsWith("!"))}}},75987:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=capitalize;function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1)}},5913:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=void 0;var capitalize_1=__webpack_require__(75987);Object.defineProperty(exports,"capitalize",{enumerable:!0,get:function(){return capitalize_1.capitalize}})},96859:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var process=__webpack_require__(68558),Buffer=__webpack_require__(84686).Buffer;Object.defineProperty(exports,"__esModule",{value:!0}),exports.lf=lf,exports.auto=auto,exports.cr=cr,exports.crlf=crlf;const isbinaryfile_1=__webpack_require__(81423),lineBreak=typeof process<"u"&&process.platform==="win32"?`\r
826
826
  `:`
827
827
  `,newline=/\r\n|\r|\n/g;function converts(text,to){if(Buffer.isBuffer(text)){if((0,isbinaryfile_1.isBinaryFileSync)(text))return text;const str=text.toString(),strReplaced=str.replace(newline,to);return str!==strReplaced?Buffer.from(strReplaced):text}return text.toString().replace(newline,to)}function lf(text){return converts(text,`
828
828
  `)}function auto(text){return converts(text,lineBreak)}function cr(text){return converts(text,"\r")}function crlf(text){return converts(text,`\r
@@ -1,24 +1,24 @@
1
1
  {
2
2
  "320.901d818bee5d1e4c5580.js": "320.901d818bee5d1e4c5580.js",
3
- "492.9be9a753738cc5680f79.js": "492.9be9a753738cc5680f79.js",
4
- "944.4d3552a415751c4a3722.js": "944.4d3552a415751c4a3722.js",
3
+ "442.616c1623d58e2b0debdf.js": "442.616c1623d58e2b0debdf.js",
4
+ "492.b092c1efc42db82712dd.js": "492.b092c1efc42db82712dd.js",
5
5
  "compositions.css": "static/css/compositions.a801ccd3.css",
6
6
  "compositions.html": "compositions.html",
7
- "compositions.js": "compositions.2d6d3bc3ec91ebfbff41.js",
7
+ "compositions.js": "compositions.be7a80f812a6ac1b8edd.js",
8
8
  "entrypoints": {
9
9
  "peers": {
10
10
  "assets": {
11
11
  "js": [
12
12
  "320.901d818bee5d1e4c5580.js",
13
- "peers.60fe3a6408628c8fcc8b.js"
13
+ "peers.750e8afefcb86077d9d2.js"
14
14
  ]
15
15
  }
16
16
  },
17
17
  "preview-root": {
18
18
  "assets": {
19
19
  "js": [
20
- "944.4d3552a415751c4a3722.js",
21
- "preview-root.a049d584fc4a837b8f3c.js"
20
+ "442.616c1623d58e2b0debdf.js",
21
+ "preview-root.e219ff28e5cc9066b7e5.js"
22
22
  ],
23
23
  "css": [
24
24
  "static/css/preview-root.3af19910.css"
@@ -28,7 +28,7 @@
28
28
  "compositions": {
29
29
  "assets": {
30
30
  "js": [
31
- "compositions.2d6d3bc3ec91ebfbff41.js"
31
+ "compositions.be7a80f812a6ac1b8edd.js"
32
32
  ],
33
33
  "css": [
34
34
  "static/css/compositions.a801ccd3.css"
@@ -38,19 +38,19 @@
38
38
  "overview": {
39
39
  "assets": {
40
40
  "js": [
41
- "492.9be9a753738cc5680f79.js",
42
- "overview.14712e90ac2621734397.js"
41
+ "492.b092c1efc42db82712dd.js",
42
+ "overview.3e7ee819e6bcf15e59e1.js"
43
43
  ],
44
44
  "css": [
45
- "static/css/492.ab522583.css"
45
+ "static/css/492.7b89e816.css"
46
46
  ]
47
47
  }
48
48
  }
49
49
  },
50
50
  "overview.html": "overview.html",
51
- "overview.js": "overview.14712e90ac2621734397.js",
52
- "peers.js": "peers.60fe3a6408628c8fcc8b.js",
51
+ "overview.js": "overview.3e7ee819e6bcf15e59e1.js",
52
+ "peers.js": "peers.750e8afefcb86077d9d2.js",
53
53
  "preview-root.css": "static/css/preview-root.3af19910.css",
54
- "preview-root.js": "preview-root.a049d584fc4a837b8f3c.js",
55
- "static/css/492.ab522583.css": "static/css/492.ab522583.css"
54
+ "preview-root.js": "preview-root.e219ff28e5cc9066b7e5.js",
55
+ "static/css/492.7b89e816.css": "static/css/492.7b89e816.css"
56
56
  }
@@ -0,0 +1,13 @@
1
+ (self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[866],{55855:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.linkModules=exports.PreviewModules=exports.PREVIEW_MODULES=void 0;var preview_modules_1=__webpack_require__(16463);Object.defineProperty(exports,"PREVIEW_MODULES",{enumerable:!0,get:function(){return preview_modules_1.PREVIEW_MODULES}}),Object.defineProperty(exports,"PreviewModules",{enumerable:!0,get:function(){return preview_modules_1.PreviewModules}}),Object.defineProperty(exports,"linkModules",{enumerable:!0,get:function(){return preview_modules_1.linkModules}})},16463:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.linkModules=exports.PREVIEW_MODULES=exports.PreviewModules=void 0;class PreviewModules extends Map{constructor(){super(...arguments);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;function getPreviewModules(){return typeof window<"u"?(window.__bit_preview_modules||(window.__bit_preview_modules=new PreviewModules),window.__bit_preview_modules):new PreviewModules}exports.PREVIEW_MODULES=getPreviewModules();function linkModules(previewName,previewModule){exports.PREVIEW_MODULES.set(previewName,previewModule)}exports.linkModules=linkModules},8060:(__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 _previewModules().PREVIEW_MODULES}},__webpack_unused_export__={enumerable:!0,get:function(){return _previewModules().PreviewModules}},Object.defineProperty(exports,"uf",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _previewModules(){const data=__webpack_require__(55855);return _previewModules=function(){return data},data}},31552:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.compareUrl=compareUrl;function isSubObject(source,target){for(const[key,value]of source.entries())if(target.get(key)!==value)return!1;return!0}function isSubUrl(base,match){return(!match.protocol||match.protocol===base.protocol)&&(!match.hostname||match.hostname===base.hostname)&&(!match.port||match.port===base.port)&&(!match.pathname||base.pathname.startsWith(match.pathname))&&(!match.search||isSubObject(match.searchParams,base.searchParams))&&(!match.hash||match.hash===base.hash)&&(!match.password||match.password===base.password)&&(!match.username||match.username===base.username)}function isExactMatch(base,match){return(!match.pathname||base.pathname===match.pathname)&&(!match.search||isSubObject(new URLSearchParams(base.search),new URLSearchParams(match.search)))}function isStrictMatch(base,match){return!match.pathname||base.pathname.endsWith("/")===match.pathname.endsWith("/")}function compareUrl(baseUrlFromParams,toMatchUrlFromParams,{exact=!1,strict=!1}={}){if(baseUrlFromParams===toMatchUrlFromParams)return!0;let baseUrlStr=baseUrlFromParams,toMatchUrlStr=toMatchUrlFromParams;strict||(baseUrlStr=baseUrlStr.replace(/\/(?=[?#]|$)/,""),toMatchUrlStr=toMatchUrlStr.replace(/\/(?=[?#]|$)/,""));try{const base=new URL(baseUrlStr,"http://example.com"),match=new URL(toMatchUrlStr,"http://example.com"),subUrl=isSubUrl(base,match),exactMatch=!exact||isExactMatch(base,match),strictMatch=!strict||isStrictMatch(base,match);return subUrl&&exactMatch&&strictMatch}catch(error){return console.error("Invalid URL provided:",error),!1}}},39343:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NavigationProvider=exports.useNavigation=exports.useNavigate=exports.useLocation=exports.Link=void 0;var link_js_1=__webpack_require__(17387);Object.defineProperty(exports,"Link",{enumerable:!0,get:function(){return link_js_1.Link}});var use_location_js_1=__webpack_require__(1758);Object.defineProperty(exports,"useLocation",{enumerable:!0,get:function(){return use_location_js_1.useLocation}});var use_navigate_js_1=__webpack_require__(80262);Object.defineProperty(exports,"useNavigate",{enumerable:!0,get:function(){return use_navigate_js_1.useNavigate}});var navigation_provider_js_1=__webpack_require__(7);Object.defineProperty(exports,"useNavigation",{enumerable:!0,get:function(){return navigation_provider_js_1.useNavigation}}),Object.defineProperty(exports,"NavigationProvider",{enumerable:!0,get:function(){return navigation_provider_js_1.NavigationProvider}})},17387: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);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}: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.Link=void 0;const react_1=__importStar(__webpack_require__(37953)),navigation_provider_js_1=__webpack_require__(7),native_link_js_1=__webpack_require__(50121);exports.Link=(0,react_1.forwardRef)(function(props,ref){const ActualLink=(0,navigation_provider_js_1.useNavigation)().Link||native_link_js_1.NativeLink;return props.native||props.external?react_1.default.createElement(native_link_js_1.NativeLink,Object.assign({},props,{ref})):react_1.default.createElement(ActualLink,Object.assign({},props,{ref}))})},50121: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);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}: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.NativeLink=void 0;const react_1=__importStar(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(96265)),compare_url_js_1=__webpack_require__(31552),use_location_js_1=__webpack_require__(1758),externalLinkAttributes={rel:"noopener",target:"_blank"};exports.NativeLink=(0,react_1.forwardRef)(function(_a,ref){var{className,style,activeClassName,activeStyle,active,strict,children,exact,href,external,native,state}=_a,rest=__rest(_a,["className","style","activeClassName","activeStyle","active","strict","children","exact","href","external","native","state"]);const location=(0,use_location_js_1.useLocation)(),shouldCalcActive=!!activeClassName||!!activeStyle,isActive=(0,react_1.useMemo)(()=>shouldCalcActive?typeof active=="boolean"?active:!location||!href?!1:(0,compare_url_js_1.compareUrl)(location.pathname,href,{exact,strict}):!1,[active,href,location,shouldCalcActive]),externalProps=external?externalLinkAttributes:{},combinedStyles=(0,react_1.useMemo)(()=>isActive&&activeStyle?Object.assign(Object.assign({},style),activeStyle):style,[isActive,style]);return react_1.default.createElement("a",Object.assign({},externalProps,rest,{ref,href,className:(0,classnames_1.default)(className,isActive&&activeClassName),style:combinedStyles}),children)})},7: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);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}: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.NavigationContext=void 0,exports.useNavigation=useNavigation,exports.NavigationProvider=NavigationProvider;const react_1=__importStar(__webpack_require__(37953));exports.NavigationContext=react_1.default.createContext({});function useNavigation(){return(0,react_1.useContext)(exports.NavigationContext)}function NavigationProvider({children,implementation}){return react_1.default.createElement(exports.NavigationContext.Provider,{value:implementation},children)}},1758:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLocation=useLocation;const navigation_provider_js_1=__webpack_require__(7);function NativeUseLocation(){if(!(typeof window>"u"))return window.location}function useLocation(){return((0,navigation_provider_js_1.useNavigation)().useLocation||NativeUseLocation)()}},80262:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useNavigate=useNavigate;const navigation_provider_js_1=__webpack_require__(7);function nativeNavigator(target,{replace}={}){if(typeof window>"u")throw new Error("base-react.navigation.use-location - cannot use native navigator outside of browser. Inject a custom useNavigate, or use navigation after mount");const{location,history}=window;typeof target=="number"?history.go(target):replace?location.replace(target):location.assign(target)}function useNavigate(){var _a;const nav=(0,navigation_provider_js_1.useNavigation)();return((_a=nav.useNavigate)===null||_a===void 0?void 0:_a.call(nav))||nativeNavigator}},75779:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LoaderRibbon=void 0;var loader_ribbon_1=__webpack_require__(20417);Object.defineProperty(exports,"LoaderRibbon",{enumerable:!0,get:function(){return loader_ribbon_1.LoaderRibbon}})},20417: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.LoaderRibbon=void 0;const classnames_1=__importDefault(__webpack_require__(97500)),react_1=__importDefault(__webpack_require__(37953)),loader_ribbon_module_scss_1=__importDefault(__webpack_require__(82784));function LoaderRibbon(_a){var{active,className}=_a,rest=__rest(_a,["active","className"]);return react_1.default.createElement("div",Object.assign({},rest,{className:classnames_1.default(className,loader_ribbon_module_scss_1.default.loader,active&&loader_ribbon_module_scss_1.default.loading)}),react_1.default.createElement("div",{className:loader_ribbon_module_scss_1.default.progress}))}exports.LoaderRibbon=LoaderRibbon},82147: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__(37953));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},33101:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composer=void 0;var composer_1=__webpack_require__(82147);Object.defineProperty(exports,"Composer",{enumerable:!0,get:function(){return composer_1.Composer}})},80124:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.links=void 0;var links_1=__webpack_require__(63253);Object.defineProperty(exports,"links",{enumerable:!0,get:function(){return links_1.links}})},63253:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.links=void 0,exports.links={docs:"https://bit.dev/docs",github:"https://github.com/teambit/bit",slack:"https://join.slack.com/t/bit-dev-community/shared_invite/zt-1el4b4sb5-FpgRefqUiZbUH9lvnHgwRg",blog:"https://bit.cloud/blog",twitter:"https://twitter.com/bitdev_",linkedin:"https://www.linkedin.com/company/bit-dev",bitRegistry:"https://node.bit.cloud",youtube:"https://www.youtube.com/c/Bitdev/videos",careers:"https://bit.breezy.hr"}},4551: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.ContactIcons=void 0;const react_1=__importDefault(__webpack_require__(37953)),base_react_navigation_link_1=__webpack_require__(39343),community_constants_links_1=__webpack_require__(80124),styles={link:{textDecoration:"none",lineHeight:"inherit",color:"unset"},logo:{width:"24px",height:"24px",margin:"0 13px"}};function ContactIcons(props){const style={props};return react_1.default.createElement("div",Object.assign({style:Object.assign(Object.assign({},styles.iconLine),style)},props),react_1.default.createElement(base_react_navigation_link_1.Link,{external:!0,style:styles.link,href:community_constants_links_1.links.slack},react_1.default.createElement("img",{alt:"slack",style:styles.logo,src:"https://static.bit.dev/harmony/slack-round-icon.svg"})),react_1.default.createElement(base_react_navigation_link_1.Link,{external:!0,style:styles.link,href:community_constants_links_1.links.github},react_1.default.createElement("img",{alt:"github",style:styles.logo,src:"https://static.bit.dev/harmony/github.svg"})),react_1.default.createElement(base_react_navigation_link_1.Link,{external:!0,style:styles.link,href:community_constants_links_1.links.docs},react_1.default.createElement("img",{alt:"bit docs",style:styles.logo,src:"https://static.bit.dev/bit-logo.svg"})))}exports.ContactIcons=ContactIcons},68653: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.ErrorPage=void 0;const react_1=__importDefault(__webpack_require__(37953)),styles={errorPage:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",margin:"auto",padding:"24px",textAlign:"center"},title:{fontWeight:"bold",margin:"0 0 24px 0"},img:{maxWidth:"700px",marginBottom:"24px",width:"100%"}},inlineStyles=`
2
+ .bit-error-page-title { font-size: 36px; }
3
+ @media screen and (max-width: 480px) { .bit-error-page-title { font-size: 24px; } }
4
+ `;function ErrorPage(_a){var{code,title,style,children}=_a,rest=__rest(_a,["code","title","style","children"]);return react_1.default.createElement("div",Object.assign({},rest,{style:Object.assign(Object.assign({},styles.errorPage),style)}),react_1.default.createElement("style",null,inlineStyles),react_1.default.createElement("h1",{style:styles.title,className:"bit-error-page-title"},title),react_1.default.createElement("img",{alt:"error",style:styles.img,src:`https://static.bit.dev/harmony/${code}.svg`}),children)}exports.ErrorPage=ErrorPage},10547: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);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}: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}),exports.ContactIcons=void 0,__exportStar(__webpack_require__(68653),exports);var contact_footer_1=__webpack_require__(4551);Object.defineProperty(exports,"ContactIcons",{enumerable:!0,get:function(){return contact_footer_1.ContactIcons}})},48546:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NotFoundPage=void 0;var not_found_page_1=__webpack_require__(11280);Object.defineProperty(exports,"NotFoundPage",{enumerable:!0,get:function(){return not_found_page_1.NotFoundPage}})},11280: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.NotFoundPage=void 0;const react_1=__importDefault(__webpack_require__(37953)),design_ui_error_page_1=__webpack_require__(10547);function NotFoundPage(_a){var rest=__rest(_a,[]);return react_1.default.createElement(design_ui_error_page_1.ErrorPage,Object.assign({},rest,{code:404,title:"Page not found"}),react_1.default.createElement(design_ui_error_page_1.ContactIcons,null))}exports.NotFoundPage=NotFoundPage},68771: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);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}: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__(833),exports)},833: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=StandaloneNotFoundPage;const react_1=__importDefault(__webpack_require__(37953)),design_ui_pages_not_found_1=__webpack_require__(48546);function StandaloneNotFoundPage(){return react_1.default.createElement(design_ui_pages_not_found_1.NotFoundPage,{style:{fontFamily:'"Helvetica Neue",Helvetica, sans-serif'}})}},95956:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var preview_modules=__webpack_require__(8060),dist=__webpack_require__(89699),dist_namespaceObject=__webpack_require__.t(dist,2);function _regenerator(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */var e,t,r=typeof Symbol=="function"?Symbol:{},n=r.iterator||"@@iterator",o=r.toStringTag||"@@toStringTag";function i(r2,n2,o2,i2){var c2=n2&&n2.prototype instanceof Generator?n2:Generator,u2=Object.create(c2.prototype);return _regeneratorDefine2(u2,"_invoke",function(r3,n3,o3){var i3,c3,u3,f2=0,p=o3||[],y=!1,G={p:0,n:0,v:e,a:d,f:d.bind(e,4),d:function(t2,r4){return i3=t2,c3=0,u3=e,G.n=r4,a}};function d(r4,n4){for(c3=r4,u3=n4,t=0;!y&&f2&&!o4&&t<p.length;t++){var o4,i4=p[t],d2=G.p,l=i4[2];r4>3?(o4=l===n4)&&(u3=i4[(c3=i4[4])?5:(c3=3,3)],i4[4]=i4[5]=e):i4[0]<=d2&&((o4=r4<2&&d2<i4[1])?(c3=0,G.v=n4,G.n=i4[1]):d2<l&&(o4=r4<3||i4[0]>n4||n4>l)&&(i4[4]=r4,i4[5]=n4,G.n=l,c3=0))}if(o4||r4>1)return a;throw y=!0,n4}return function(o4,p2,l){if(f2>1)throw TypeError("Generator is already running");for(y&&p2===1&&d(p2,l),c3=p2,u3=l;(t=c3<2?e:u3)||!y;){i3||(c3?c3<3?(c3>1&&(G.n=-1),d(c3,u3)):G.n=u3:G.v=u3);try{if(f2=2,i3){if(c3||(o4="next"),t=i3[o4]){if(!(t=t.call(i3,u3)))throw TypeError("iterator result is not an object");if(!t.done)return t;u3=t.value,c3<2&&(c3=0)}else c3===1&&(t=i3.return)&&t.call(i3),c3<2&&(u3=TypeError("The iterator does not provide a '"+o4+"' method"),c3=1);i3=e}else if((t=(y=G.n<0)?u3:r3.call(n3,G))!==a)break}catch(t2){i3=e,c3=1,u3=t2}finally{f2=1}}return{value:t,done:y}}}(r2,o2,i2),!0),u2}var a={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}t=Object.getPrototypeOf;var c=[][n]?t(t([][n]())):(_regeneratorDefine2(t={},n,function(){return this}),t),u=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(c);function f(e2){return Object.setPrototypeOf?Object.setPrototypeOf(e2,GeneratorFunctionPrototype):(e2.__proto__=GeneratorFunctionPrototype,_regeneratorDefine2(e2,o,"GeneratorFunction")),e2.prototype=Object.create(u),e2}return GeneratorFunction.prototype=GeneratorFunctionPrototype,_regeneratorDefine2(u,"constructor",GeneratorFunctionPrototype),_regeneratorDefine2(GeneratorFunctionPrototype,"constructor",GeneratorFunction),GeneratorFunction.displayName="GeneratorFunction",_regeneratorDefine2(GeneratorFunctionPrototype,o,"GeneratorFunction"),_regeneratorDefine2(u),_regeneratorDefine2(u,o,"Generator"),_regeneratorDefine2(u,n,function(){return this}),_regeneratorDefine2(u,"toString",function(){return"[object Generator]"}),(_regenerator=function(){return{w:i,m:f}})()}function _regeneratorDefine2(e,r,n,t){var i=Object.defineProperty;try{i({},"",{})}catch{i=0}_regeneratorDefine2=function(e2,r2,n2,t2){function o(r3,n3){_regeneratorDefine2(e2,r3,function(e3){return this._invoke(r3,n3,e3)})}r2?i?i(e2,r2,{value:n2,enumerable:!t2,configurable:!t2,writable:!t2}):e2[r2]=n2:(o("next",0),o("throw",1),o("return",2))},_regeneratorDefine2(e,r,n,t)}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value}catch(n2){return void e(n2)}i.done?t(u):Promise.resolve(u).then(r,o)}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n2){asyncGeneratorStep(a,r,o,_next,_throw,"next",n2)}function _throw(n2){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n2)}_next(void 0)})}}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
5
+ In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _unsupportedIterableToArray(r,a){if(r){if(typeof r=="string")return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return t==="Object"&&r.constructor&&(t=r.constructor.name),t==="Map"||t==="Set"?Array.from(r):t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(a==null||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}function _iterableToArrayLimit(r,l){var t=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(t!=null){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,l===0){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r2){o=!0,n=r2}finally{try{if(!f&&t.return!=null&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}function _arrayWithHoles(r){if(Array.isArray(r))return r}function __bitNormalizeId(id){return id?String(id).trim().replace(/^\/+|\/+$/g,""):""}function __bitActiveComponentId(){try{var hash=window.location.hash;if(!hash)return null;var _hash$slice$split=hash.slice(1).split("?"),_hash$slice$split2=_slicedToArray(_hash$slice$split,1),idPart=_hash$slice$split2[0],id=__bitNormalizeId(idPart),idWithoutVersion=id.split("@")[0];return idWithoutVersion||null}catch{return null}}var __bitActiveId=__bitActiveComponentId();function __bitShouldSurfaceFor(componentId){if(!__bitActiveId)return!1;var act=__bitNormalizeId(__bitActiveId),cmp=__bitNormalizeId(componentId);return!act||!cmp?!1:act===cmp}function __bitSurfaceToOverlay(err,componentId){return;var e,msg}(function(){var _initializeModules=_asyncToGenerator(_regenerator().m(function _callee(){return _regenerator().w(function(_context){for(;;)switch(_context.n){case 0:(0,preview_modules.uf)("compositions",{modulesMap:{default:dist_namespaceObject},isSplitComponentBundle:!1,componentMap:{}});case 1:return _context.a(2)}},_callee)}));function initializeModules(){return _initializeModules.apply(this,arguments)}return initializeModules})()()},96265:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
6
+ Copyright (c) 2018 Jed Watson.
7
+ Licensed under the MIT License (MIT), see
8
+ http://jedwatson.github.io/classnames
9
+ */(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__))})()},82784:(__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__dsevW",loading:"loader-ribbon_loading__hmT3U",progress:"loader-ribbon_progress__2VWbN",completed:"loader-ribbon_completed__CY-qe"}},73434: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=CompositionsApp;const react_1=__importDefault(__webpack_require__(37953)),base_ui_utils_composer_1=__webpack_require__(33101),design_ui_pages_standalone_not_found_page_1=__webpack_require__(68771),react_ui_loader_fallback_1=__webpack_require__(14134),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(base_ui_utils_composer_1.Composer,{components:providers},react_1.default.createElement("style",null,hideScrollbars),safeComposition)}},94206: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__(37953)),react_dom_1=__importDefault(__webpack_require__(88705)),compositions_app_1=__webpack_require__(73434);exports.default=(Composition,previewContext)=>{react_dom_1.default.render(react_1.default.createElement(compositions_app_1.CompositionsApp,{Composition,previewContext}),document.getElementById("root"))}},89699: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__(73434);Object.defineProperty(exports,"CompositionsApp",{enumerable:!0,get:function(){return compositions_app_1.CompositionsApp}});var compositions_app_root_1=__webpack_require__(94206);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(compositions_app_root_1).default}})},14134:(__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__(11354);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}})},11354: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);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}: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(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.LoaderFallback=LoaderFallback,exports.useFallback=useFallback;const react_1=__importStar(__webpack_require__(37953)),base_ui_loaders_loader_ribbon_1=__webpack_require__(75779);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)})}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)}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}})}},97500:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
10
+ Copyright (c) 2018 Jed Watson.
11
+ Licensed under the MIT License (MIT), see
12
+ http://jedwatson.github.io/classnames
13
+ */(function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if(typeof arg=="string"||typeof arg=="number")return arg;if(typeof arg!="object")return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}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__))})()}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[320,442,518],()=>__webpack_exec__(95956));var __webpack_exports__=__webpack_require__.O()}]);
@@ -1,2 +1,2 @@
1
1
  <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Preview</title><script>// Allow to use react dev-tools inside the examples
2
- try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>body { margin: 0; }</style><script defer="defer" src="320.901d818bee5d1e4c5580.js"></script><script defer="defer" src="peers.60fe3a6408628c8fcc8b.js"></script><script defer="defer" src="944.4d3552a415751c4a3722.js"></script><script defer="defer" src="preview-root.a049d584fc4a837b8f3c.js"></script><script defer="defer" src="compositions.2d6d3bc3ec91ebfbff41.js"></script><link href="static/css/preview-root.3af19910.css" rel="stylesheet"><link href="static/css/compositions.a801ccd3.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><style>body { margin: 0; }</style><script defer="defer" src="320.901d818bee5d1e4c5580.js"></script><script defer="defer" src="peers.750e8afefcb86077d9d2.js"></script><script defer="defer" src="442.616c1623d58e2b0debdf.js"></script><script defer="defer" src="preview-root.e219ff28e5cc9066b7e5.js"></script><script defer="defer" src="compositions.be7a80f812a6ac1b8edd.js"></script><link href="static/css/preview-root.3af19910.css" rel="stylesheet"><link href="static/css/compositions.a801ccd3.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
@@ -0,0 +1,2 @@
1
+ (self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[542],{91313:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _home_circleci_bvm_versions_1_13_80_bit_1_13_80_node_modules_teambit_preview_dist_preview_modules_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(8060),_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_9b89befd045d1080499f8437aaaa95b3d5125fd8_mjs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(95492);function _regenerator(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */var e,t,r=typeof Symbol=="function"?Symbol:{},n=r.iterator||"@@iterator",o=r.toStringTag||"@@toStringTag";function i(r2,n2,o2,i2){var c2=n2&&n2.prototype instanceof Generator?n2:Generator,u2=Object.create(c2.prototype);return _regeneratorDefine2(u2,"_invoke",function(r3,n3,o3){var i3,c3,u3,f2=0,p=o3||[],y=!1,G={p:0,n:0,v:e,a:d,f:d.bind(e,4),d:function(t2,r4){return i3=t2,c3=0,u3=e,G.n=r4,a}};function d(r4,n4){for(c3=r4,u3=n4,t=0;!y&&f2&&!o4&&t<p.length;t++){var o4,i4=p[t],d2=G.p,l=i4[2];r4>3?(o4=l===n4)&&(u3=i4[(c3=i4[4])?5:(c3=3,3)],i4[4]=i4[5]=e):i4[0]<=d2&&((o4=r4<2&&d2<i4[1])?(c3=0,G.v=n4,G.n=i4[1]):d2<l&&(o4=r4<3||i4[0]>n4||n4>l)&&(i4[4]=r4,i4[5]=n4,G.n=l,c3=0))}if(o4||r4>1)return a;throw y=!0,n4}return function(o4,p2,l){if(f2>1)throw TypeError("Generator is already running");for(y&&p2===1&&d(p2,l),c3=p2,u3=l;(t=c3<2?e:u3)||!y;){i3||(c3?c3<3?(c3>1&&(G.n=-1),d(c3,u3)):G.n=u3:G.v=u3);try{if(f2=2,i3){if(c3||(o4="next"),t=i3[o4]){if(!(t=t.call(i3,u3)))throw TypeError("iterator result is not an object");if(!t.done)return t;u3=t.value,c3<2&&(c3=0)}else c3===1&&(t=i3.return)&&t.call(i3),c3<2&&(u3=TypeError("The iterator does not provide a '"+o4+"' method"),c3=1);i3=e}else if((t=(y=G.n<0)?u3:r3.call(n3,G))!==a)break}catch(t2){i3=e,c3=1,u3=t2}finally{f2=1}}return{value:t,done:y}}}(r2,o2,i2),!0),u2}var a={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}t=Object.getPrototypeOf;var c=[][n]?t(t([][n]())):(_regeneratorDefine2(t={},n,function(){return this}),t),u=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(c);function f(e2){return Object.setPrototypeOf?Object.setPrototypeOf(e2,GeneratorFunctionPrototype):(e2.__proto__=GeneratorFunctionPrototype,_regeneratorDefine2(e2,o,"GeneratorFunction")),e2.prototype=Object.create(u),e2}return GeneratorFunction.prototype=GeneratorFunctionPrototype,_regeneratorDefine2(u,"constructor",GeneratorFunctionPrototype),_regeneratorDefine2(GeneratorFunctionPrototype,"constructor",GeneratorFunction),GeneratorFunction.displayName="GeneratorFunction",_regeneratorDefine2(GeneratorFunctionPrototype,o,"GeneratorFunction"),_regeneratorDefine2(u),_regeneratorDefine2(u,o,"Generator"),_regeneratorDefine2(u,n,function(){return this}),_regeneratorDefine2(u,"toString",function(){return"[object Generator]"}),(_regenerator=function(){return{w:i,m:f}})()}function _regeneratorDefine2(e,r,n,t){var i=Object.defineProperty;try{i({},"",{})}catch{i=0}_regeneratorDefine2=function(e2,r2,n2,t2){function o(r3,n3){_regeneratorDefine2(e2,r3,function(e3){return this._invoke(r3,n3,e3)})}r2?i?i(e2,r2,{value:n2,enumerable:!t2,configurable:!t2,writable:!t2}):e2[r2]=n2:(o("next",0),o("throw",1),o("return",2))},_regeneratorDefine2(e,r,n,t)}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value}catch(n2){return void e(n2)}i.done?t(u):Promise.resolve(u).then(r,o)}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n2){asyncGeneratorStep(a,r,o,_next,_throw,"next",n2)}function _throw(n2){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n2)}_next(void 0)})}}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
2
+ In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _unsupportedIterableToArray(r,a){if(r){if(typeof r=="string")return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return t==="Object"&&r.constructor&&(t=r.constructor.name),t==="Map"||t==="Set"?Array.from(r):t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(a==null||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}function _iterableToArrayLimit(r,l){var t=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(t!=null){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,l===0){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r2){o=!0,n=r2}finally{try{if(!f&&t.return!=null&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}function _arrayWithHoles(r){if(Array.isArray(r))return r}function __bitNormalizeId(id){return id?String(id).trim().replace(/^\/+|\/+$/g,""):""}function __bitActiveComponentId(){try{var hash=window.location.hash;if(!hash)return null;var _hash$slice$split=hash.slice(1).split("?"),_hash$slice$split2=_slicedToArray(_hash$slice$split,1),idPart=_hash$slice$split2[0],id=__bitNormalizeId(idPart),idWithoutVersion=id.split("@")[0];return idWithoutVersion||null}catch{return null}}var __bitActiveId=__bitActiveComponentId();function __bitShouldSurfaceFor(componentId){if(!__bitActiveId)return!1;var act=__bitNormalizeId(__bitActiveId),cmp=__bitNormalizeId(componentId);return!act||!cmp?!1:act===cmp}function __bitSurfaceToOverlay(err,componentId){return;var e,msg}(function(){var _initializeModules=_asyncToGenerator(_regenerator().m(function _callee(){return _regenerator().w(function(_context){for(;;)switch(_context.n){case 0:(0,_home_circleci_bvm_versions_1_13_80_bit_1_13_80_node_modules_teambit_preview_dist_preview_modules_js__WEBPACK_IMPORTED_MODULE_0__.uf)("overview",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_9b89befd045d1080499f8437aaaa95b3d5125fd8_mjs__WEBPACK_IMPORTED_MODULE_1__.x},isSplitComponentBundle:!1,componentMap:{}});case 1:return _context.a(2)}},_callee)}));function initializeModules(){return _initializeModules.apply(this,arguments)}return initializeModules})()()},94891:()=>{},91044:()=>{},38954:()=>{},71220:()=>{},38854:()=>{}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[492,320,442,518,866],()=>__webpack_exec__(91313));var __webpack_exports__=__webpack_require__.O()}]);
@@ -1,2 +1,2 @@
1
1
  <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Preview</title><script>// Allow to use react dev-tools inside the examples
2
- try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>body { margin: 0; }</style><script defer="defer" src="320.901d818bee5d1e4c5580.js"></script><script defer="defer" src="peers.60fe3a6408628c8fcc8b.js"></script><script defer="defer" src="944.4d3552a415751c4a3722.js"></script><script defer="defer" src="preview-root.a049d584fc4a837b8f3c.js"></script><script defer="defer" src="compositions.2d6d3bc3ec91ebfbff41.js"></script><script defer="defer" src="492.9be9a753738cc5680f79.js"></script><script defer="defer" src="overview.14712e90ac2621734397.js"></script><link href="static/css/preview-root.3af19910.css" rel="stylesheet"><link href="static/css/compositions.a801ccd3.css" rel="stylesheet"><link href="static/css/492.ab522583.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><style>body { margin: 0; }</style><script defer="defer" src="320.901d818bee5d1e4c5580.js"></script><script defer="defer" src="peers.750e8afefcb86077d9d2.js"></script><script defer="defer" src="442.616c1623d58e2b0debdf.js"></script><script defer="defer" src="preview-root.e219ff28e5cc9066b7e5.js"></script><script defer="defer" src="compositions.be7a80f812a6ac1b8edd.js"></script><script defer="defer" src="492.b092c1efc42db82712dd.js"></script><script defer="defer" src="overview.3e7ee819e6bcf15e59e1.js"></script><link href="static/css/preview-root.3af19910.css" rel="stylesheet"><link href="static/css/compositions.a801ccd3.css" rel="stylesheet"><link href="static/css/492.7b89e816.css" rel="stylesheet"></head><body><div id="root"></div></body></html>