@teambit/react 1.0.905 → 1.0.907

package/artifacts/env-template/public/{252.b653287ab2fda1afebd6.js → 252.9c8a9f06e7d1f34bdd14.js}

@@ -720,7 +720,7 @@ the following are permitted ${Object.keys(IssuesClasses).join(", ")}`);const iss
     }
   }
   ${exports.docsFields}
-`;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)`
+`;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)`
   query Lanes(
     $extensionId: String
     $laneIds: [String!]
@@ -822,7 +822,7 @@ the following are permitted ${Object.keys(IssuesClasses).join(", ")}`);const iss
       id
     }
   }
-`,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
+`,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
 `:`
 `,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,`
 `)}function auto(text){return converts(text,lineBreak)}function cr(text){return converts(text,"\r")}function crlf(text){return converts(text,`\r