@teambit/env 1.0.48 → 1.0.49

package/artifacts/env-template/public/{29.b73732b009bcb5dd17a3.js → 29.533f916771d2af665d08.js}

@@ -196,7 +196,7 @@ the following are permitted ${Object.keys(IssuesClasses).join(", ")}`);const iss
     }
   }
   ${componentIdFields}
-`},21268:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _useComponent().Filters}}),Object.defineProperty(exports,"UseComponentType",{enumerable:!0,get:function(){return _useComponent().UseComponentType}}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(88140);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(48166);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},48166:()=>{"use strict"},12645:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOffsetValue=getOffsetValue;function getOffsetValue(offset,limit,backwards=!1){if(offset!==void 0)return backwards?-(offset+limit):offset;if(limit!==void 0)return 0}},25408:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=CompositionCardSkeleton,exports.PreviewSkeleton=PreviewSkeleton;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(99870);return _baseUiLoaders=function(){return data},data}function _compositionCardSkeletonModule(){const data=_interopRequireDefault(__webpack_require__(16841));return _compositionCardSkeletonModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function CompositionCardSkeleton(){return _react().default.createElement("div",{className:_compositionCardSkeletonModule().default.compositionCardSkeleton},_react().default.createElement(PreviewSkeleton,null),_react().default.createElement("div",{className:_compositionCardSkeletonModule().default.bottom},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"104px"})))}function PreviewSkeleton(){return _react().default.createElement("div",{className:_compositionCardSkeletonModule().default.preview},_react().default.createElement(_baseUiLoaders().BlockSkeleton,{lines:2,className:_compositionCardSkeletonModule().default.block}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"208px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"152px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"88px"}))}},78647:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return _compositionCardSkeleton().CompositionCardSkeleton}}),Object.defineProperty(exports,"PreviewSkeleton",{enumerable:!0,get:function(){return _compositionCardSkeleton().PreviewSkeleton}});function _compositionCardSkeleton(){const data=__webpack_require__(25408);return _compositionCardSkeleton=function(){return data},data}},94075:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCard=CompositionCard;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _evangelistElements(){const data=__webpack_require__(54560);return _evangelistElements=function(){return data},data}function _compositions(){const data=__webpack_require__(32552);return _compositions=function(){return data},data}function _designUiStyles(){const data=__webpack_require__(31944);return _designUiStyles=function(){return data},data}function _compositionCardSkeleton(){const data=__webpack_require__(78647);return _compositionCardSkeleton=function(){return data},data}function _compositionCardModule(){const data=_interopRequireDefault(__webpack_require__(80633));return _compositionCardModule=function(){return data},data}const _excluded=["composition","component","className","openCompositionLink","previewClass","isLoading"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function CompositionCard(_ref){let{composition,component,className,openCompositionLink,previewClass,isLoading=!0}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const[previewLoading,setLoading]=(0,_react().useState)(isLoading);return _react().default.createElement("div",_extends({},rest,{key:composition.identifier,className:(0,_classnames().default)(_compositionCardModule().default.compositionCard,className)}),_react().default.createElement("div",{className:_compositionCardModule().default.compositionPreview},!isLoading&&_react().default.createElement(_compositions().ComponentComposition,{onLoad:()=>setLoading(!1),onError:()=>{setLoading(!1)},loading:"lazy",className:previewClass,composition,component,pubsub:!1}),_react().default.createElement("div",{className:_compositionCardModule().default.previewOverlay},previewLoading&&_react().default.createElement(_compositionCardSkeleton().PreviewSkeleton,null))),_react().default.createElement("div",{className:_compositionCardModule().default.bottom},_react().default.createElement("span",{className:(0,_classnames().default)(_designUiStyles().ellipsis,_compositionCardModule().default.displayName)},composition.displayName),openCompositionLink&&_react().default.createElement("a",{className:_compositionCardModule().default.link,target:"_blank",rel:"noopener noreferrer",href:openCompositionLink},_react().default.createElement(_evangelistElements().Icon,{className:_compositionCardModule().default.icon,of:"open-tab"}))))}},75797:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return _compositionCard().CompositionCard}}),Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return _compositionCardSkeleton().CompositionCardSkeleton}});function _compositionCard(){const data=__webpack_require__(94075);return _compositionCard=function(){return data},data}function _compositionCardSkeleton(){const data=__webpack_require__(78647);return _compositionCardSkeleton=function(){return data},data}},4405:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;const humanize_string_1=__importDefault(__webpack_require__(40434));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}exports.humanizeCompositionId=humanizeCompositionId},91888:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(4405);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},94659: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.CompositionGallerySkeleton=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),base_ui_loaders_skeleton_1=__webpack_require__(99870),composition_card_1=__webpack_require__(75797),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(52024));function CompositionGallerySkeleton(_a){var{compositionsLength,className}=_a,rest=__rest(_a,["compositionsLength","className"]);const length=Array.from(Array(compositionsLength));return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGallerySkeleton,className)}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"100px",className:composition_gallery_skeleton_module_scss_1.default.title}),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGalleryGrid)},length.map(i=>react_1.default.createElement(composition_card_1.CompositionCardSkeleton,{key:i}))))}exports.CompositionGallerySkeleton=CompositionGallerySkeleton},67343:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=void 0;var composition_gallery_skeleton_1=__webpack_require__(94659);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},94478: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.CompositionGallery=void 0;const react_1=__importDefault(__webpack_require__(67294)),design_elements_icon_1=__webpack_require__(25768),documenter_ui_linked_heading_1=__webpack_require__(95966),base_react_navigation_link_1=__webpack_require__(22576),composition_card_1=__webpack_require__(75797),composition_gallery_module_scss_1=__importDefault(__webpack_require__(76534));function CompositionGallery({component,isLoading}){const navigate=(0,base_react_navigation_link_1.useNavigate)();return react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.compositionGallery},react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,{size:"xs",className:composition_gallery_module_scss_1.default.title},react_1.default.createElement(design_elements_icon_1.Icon,{of:"eye"})," ",react_1.default.createElement("span",null,"PREVIEW")),react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.carousel},component.compositions.map(composition=>react_1.default.createElement(composition_card_1.CompositionCard,{isLoading,key:composition.identifier.toLowerCase(),onClick:()=>navigate(`~compositions/${composition.identifier.toLowerCase()}`),className:composition_gallery_module_scss_1.default.compositionGalleryCard,previewClass:composition_gallery_module_scss_1.default.preview,composition,component}))))}exports.CompositionGallery=CompositionGallery},10726:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=exports.CompositionGallery=void 0;var composition_gallery_1=__webpack_require__(94478);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(67343);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},86435:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionErrorFallback=exports.CompositionCard=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),react_error_boundary_1=__webpack_require__(35800),base_ui_surfaces_card_1=__webpack_require__(48869),base_ui_theme_accent_color_1=__webpack_require__(176),react_ui_error_fallback_1=__webpack_require__(69248),compositions_model_composition_id_1=__webpack_require__(77795),evangelist_elements_icon_1=__webpack_require__(54560),base_ui_text_themed_text_1=__webpack_require__(94106),composition_card_module_scss_1=__importDefault(__webpack_require__(25020));function CompositionCard(_a){var{Composition,name,link,className}=_a,rest=__rest(_a,["Composition","name","link","className"]);const{canvas,compositionName}=Composition,humanizedName=(0,react_1.useMemo)(()=>compositionName||(0,compositions_model_composition_id_1.humanizeCompositionId)(name),[name,compositionName]);return react_1.default.createElement(base_ui_surfaces_card_1.Card,Object.assign({elevation:"low",className:(0,classnames_1.default)(className,composition_card_module_scss_1.default.compositionCard)},rest),react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:CompositionErrorFallback},react_1.default.createElement("div",{style:canvas,className:composition_card_module_scss_1.default.compositionContainer},react_1.default.createElement(Composition,null))),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_card_module_scss_1.default.title,base_ui_theme_accent_color_1.colorPalette.neutralHeavy,base_ui_text_themed_text_1.themedText)},react_1.default.createElement("span",null,humanizedName),link&&react_1.default.createElement("a",{className:composition_card_module_scss_1.default.linkToComposition,target:"_blank",rel:"noopener noreferrer",href:link},react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"open-tab"}))))}exports.CompositionCard=CompositionCard;function CompositionErrorFallback(props){return react_1.default.createElement(react_ui_error_fallback_1.ErrorFallback,Object.assign({},props,{className:(0,classnames_1.default)(props.className,composition_card_module_scss_1.default.compositionCardError)}))}exports.CompositionErrorFallback=CompositionErrorFallback},88903:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(86435);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}})},29147:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},31235:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.elevationClass=void 0;const elevations_module_scss_1=__importDefault(__webpack_require__(24498));__exportStar(__webpack_require__(29147),exports),exports.elevationClass={low:elevations_module_scss_1.default.low,medium:elevations_module_scss_1.default.medium,high:elevations_module_scss_1.default.high,none:void 0}},6841: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.flexCenter=void 0;const flex_center_module_scss_1=__importDefault(__webpack_require__(99086));exports.flexCenter=flex_center_module_scss_1.default.flexCenter},71751:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.backgrounds=void 0;const background_module_scss_1=__importDefault(__webpack_require__(30669));exports.backgrounds={bedrock:background_module_scss_1.default.bedrock,base:background_module_scss_1.default.base,layer:background_module_scss_1.default.layer,crust:background_module_scss_1.default.crust,topping:background_module_scss_1.default.topping,dent:background_module_scss_1.default.dent}},39922: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.Card=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),card_module_scss_1=__importDefault(__webpack_require__(55971)),base_ui_css_components_elevation_1=__webpack_require__(31235),base_ui_css_components_roundness_1=__webpack_require__(70518),base_ui_surfaces_background_1=__webpack_require__(71751);function Card(_a){var{className,elevation="low",roundness="default"}=_a,rest=__rest(_a,["className","elevation","roundness"]);return react_1.default.createElement("div",Object.assign({"data-bit-id":"teambit.base-ui/surfaces/card",className:classnames_1.default(card_module_scss_1.default.card,base_ui_surfaces_background_1.backgrounds.layer,base_ui_css_components_elevation_1.elevationClass[elevation],base_ui_css_components_roundness_1.roundnessClass[roundness],className)},rest))}exports.Card=Card,Card.defaultProps={elevation:"low",roundness:"default"}},48869:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(39922),exports)},27623:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;const humanize_string_1=__importDefault(__webpack_require__(40434));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}exports.humanizeCompositionId=humanizeCompositionId},77795:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(27623);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},54917: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=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),design_ui_icon_button_1=__webpack_require__(35059),base_ui_styles_flex_center_1=__webpack_require__(6841),error_fallback_module_scss_1=__importDefault(__webpack_require__(91844));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))}exports.ErrorFallback=ErrorFallback},69248:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorFallback=void 0;var error_fallback_1=__webpack_require__(54917);Object.defineProperty(exports,"ErrorFallback",{enumerable:!0,get:function(){return error_fallback_1.ErrorFallback}})},31161:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsMenuBar=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),lodash_flatten_1=__importDefault(__webpack_require__(5800)),compositions_menu_bar_module_scss_1=__importDefault(__webpack_require__(915));function CompositionsMenuBar(_a){var{className,menuBarWidgets,children}=_a,rest=__rest(_a,["className","menuBarWidgets","children"]);const widgetsStart=(0,react_1.useMemo)(()=>(0,lodash_flatten_1.default)(menuBarWidgets?.values()).filter(({location})=>location==="start").map(({content},idx)=>react_1.default.createElement(react_1.default.Fragment,{key:idx},content)),[menuBarWidgets]),widgetsEnd=(0,react_1.useMemo)(()=>(0,lodash_flatten_1.default)(menuBarWidgets?.values()).filter(({location})=>location==="end").map(({content},idx)=>react_1.default.createElement(react_1.default.Fragment,{key:idx},content)),[menuBarWidgets]);return!widgetsStart.length&&!widgetsEnd.length?null:react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(className,compositions_menu_bar_module_scss_1.default.compositionsMenuBar)}),!!(widgetsStart?.length||children)&&react_1.default.createElement("div",null,widgetsStart," ",children),react_1.default.createElement("div",{className:compositions_menu_bar_module_scss_1.default.spacer}),!!widgetsEnd?.length&&react_1.default.createElement("div",null,widgetsEnd))}exports.CompositionsMenuBar=CompositionsMenuBar},97725:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsMenuBar=void 0;var compositions_menu_bar_1=__webpack_require__(31161);Object.defineProperty(exports,"CompositionsMenuBar",{enumerable:!0,get:function(){return compositions_menu_bar_1.CompositionsMenuBar}})},18667: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.CompositionsOverview=void 0;const react_1=__importDefault(__webpack_require__(67294)),compositions_ui_composition_card_1=__webpack_require__(88903),compositions_overview_module_scss_1=__importDefault(__webpack_require__(98922));function CompositionsOverview({compositions,compositionCardClass}){return react_1.default.createElement("div",{className:compositions_overview_module_scss_1.default.background},compositions&&Object.entries(compositions).map(([key,composition])=>react_1.default.createElement(compositions_ui_composition_card_1.CompositionCard,{key,Composition:composition,name:key,className:compositionCardClass})))}exports.CompositionsOverview=CompositionsOverview},46127:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsOverview=void 0;var compositions_overview_1=__webpack_require__(18667);Object.defineProperty(exports,"CompositionsOverview",{enumerable:!0,get:function(){return compositions_overview_1.CompositionsOverview}})},494:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreviewQueryParams=exports.usePreview=exports.CompositionContextProvider=void 0;var use_composition_1=__webpack_require__(49522);Object.defineProperty(exports,"CompositionContextProvider",{enumerable:!0,get:function(){return use_composition_1.CompositionContextProvider}}),Object.defineProperty(exports,"usePreview",{enumerable:!0,get:function(){return use_composition_1.usePreview}});var use_preview_query_params_1=__webpack_require__(68642);Object.defineProperty(exports,"usePreviewQueryParams",{enumerable:!0,get:function(){return use_preview_query_params_1.usePreviewQueryParams}})},49522:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result};Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreview=exports.CompositionContextProvider=void 0;const react_1=__importStar(__webpack_require__(67294)),CompositionsCtx=(0,react_1.createContext)({queryParams:{},setQueryParams:()=>{}});function CompositionContextProvider({children,queryParams,setQueryParams}){const state=(0,react_1.useMemo)(()=>({queryParams,setQueryParams}),[queryParams,setQueryParams]);return react_1.default.createElement(CompositionsCtx.Provider,{value:state},children)}exports.CompositionContextProvider=CompositionContextProvider;function usePreview(){return(0,react_1.useContext)(CompositionsCtx)}exports.usePreview=usePreview},68642:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreviewQueryParams=void 0;const react_1=__webpack_require__(67294),use_composition_1=__webpack_require__(49522);function usePreviewQueryParams(paramName){const ctx=(0,use_composition_1.usePreview)(),param=ctx.queryParams[paramName],setQueryParam=(0,react_1.useCallback)(value=>ctx.setQueryParams(state=>Object.assign(Object.assign({},state),{[paramName]:value})),[paramName]);return[param,setQueryParam]}exports.usePreviewQueryParams=usePreviewQueryParams},39708:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(91888);return _compositionsModel=function(){return data},data}class Composition{constructor(identifier,filepath,_displayName){this.identifier=identifier,this.filepath=filepath,this._displayName=_displayName}get displayName(){return this._displayName||(0,_compositionsModel().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},82704:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(93692);return _reactRouterDom=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(26561));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(17563));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(14323);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(38577);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(73624);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(68211);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(45822);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(52515);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(82718);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(32098);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(6470);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(74162);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(97725);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(494);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(74749);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(21335);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(68158);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(67902);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(15801);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(56926);return _designUiSurfaces=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(62133));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(14427);return _compositionsPanel=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function Compositions({menuBarWidgets,emptyState}){var _component$preview,_component$preview2,_component$preview3;const component=(0,_react().useContext)(_component().ComponentContext),params=(0,_reactRouterDom().useParams)(),navigate=(0,_baseReactNavigation().useNavigate)(),location=(0,_baseReactNavigation().useLocation)(),currentCompositionName=params["*"],currentComposition=component.compositions.find(composition=>composition.identifier.toLowerCase()===currentCompositionName)||(0,_lodash().default)(component.compositions),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition;const properties=(0,_docsUiQueries().useDocs)(component.id),showSidebar=!(0,_uiFoundationUiHooks().useIsMobile)()&&component.compositions.length>0,[isSidebarOpen,setSidebarOpenness]=(0,_react().useState)(showSidebar),sidebarOpenness=isSidebarOpen?_baseUiSurfacesSplitPane().Layout.row:_baseUiSurfacesSplitPane().Layout.left,compositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions"),isScaling=component==null||(_component$preview=component.preview)===null||_component$preview===void 0?void 0:_component$preview.isScaling,includesEnvTemplates=component==null||(_component$preview2=component.preview)===null||_component$preview2===void 0?void 0:_component$preview2.includesEnvTemplate,compositionIdentifierParam=isScaling&&includesEnvTemplates===!1?`name=${currentComposition?.identifier}`:currentComposition?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)({}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]);return(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),_react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"85%",className:_compositionsModule().default.compositionsPage},_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.left},_react().default.createElement(_compositionsUi().CompositionsMenuBar,{menuBarWidgets,className:_compositionsModule().default.menuBar},_react().default.createElement(_baseReactNavigation().Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.openInNewTab},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"}))),_react().default.createElement(CompositionContent,{emptyState,component,selected:currentComposition,queryParams})),_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter,{className:_compositionsModule().default.splitter},_react().default.createElement(_uiFoundationUiButtons().Collapser,{placement:"left",isOpen:isSidebarOpen,onMouseDown:e=>e.stopPropagation(),onClick:()=>setSidebarOpenness(x=>!x),tooltipContent:`${isSidebarOpen?"Hide":"Show"} side compositions`,className:_compositionsModule().default.collapser})),_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.right},_react().default.createElement(_documenterTheme().ThemeContext,null,_react().default.createElement(_panels().TabContainer,{className:_compositionsModule().default.tabsContainer},_react().default.createElement(_panels().TabList,{className:_compositionsModule().default.tabs},_react().default.createElement(_panels().Tab,null,"compositions"),_react().default.createElement(_panels().Tab,null,"properties")),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},_react().default.createElement(_compositionsPanel().CompositionsPanel,{isScaling,includesEnvTemplate:(_component$preview3=component.preview)===null||_component$preview3===void 0?void 0:_component$preview3.includesEnvTemplate,onSelectComposition:composition=>{if(!currentComposition||!location)return;if(location.pathname.includes(currentComposition.identifier.toLowerCase())){navigate(composition.identifier.toLowerCase());return}const path=location.pathname.replace(currentComposition.identifier.toLowerCase(),composition.identifier.toLowerCase());if(!!path){if(!path.includes(composition.identifier.toLowerCase())){const nextPath=location.pathname.concat(`/${composition.identifier.toLowerCase()}`);navigate(nextPath);return}navigate(path)}},url:compositionUrl,compositions:component.compositions,active:currentComposition,className:_compositionsModule().default.compost})),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},properties&&properties.length>0?_react().default.createElement(_documenterUi().PropTable,{rows:properties,showListView:!0}):_react().default.createElement("div",null)))))))}function CompositionContent(_ref){var _component$environmen;let{component,selected,queryParams,emptyState}=_ref,componentCompositionProps=_objectWithoutProperties(_ref,_excluded);const env=(_component$environmen=component.environment)===null||_component$environmen===void 0?void 0:_component$environmen.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,_extends({className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams},componentCompositionProps))}},32552:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _ui().ComponentComposition}}),Object.defineProperty(exports,"Composition",{enumerable:!0,get:function(){return _composition().Composition}}),Object.defineProperty(exports,"CompositionContent",{enumerable:!0,get:function(){return _compositions2().CompositionContent}}),Object.defineProperty(exports,"CompositionContentProps",{enumerable:!0,get:function(){return _compositions2().CompositionContentProps}}),Object.defineProperty(exports,"CompositionProps",{enumerable:!0,get:function(){return _composition().CompositionProps}}),Object.defineProperty(exports,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),exports.default=void 0;function _compositions(){const data=__webpack_require__(36717);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(39708);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(82704);return _compositions2=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},23700:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}const _excluded=["composition","component","queryParams"];function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function ComponentComposition(_ref){var _component$preview,_component$preview2;let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const includesEnvTemplate=(_component$preview=component.preview)===null||_component$preview===void 0?void 0:_component$preview.includesEnvTemplate,shouldAddNameParam=((_component$preview2=component.preview)===null||_component$preview2===void 0?void 0:_component$preview2.isScaling)&&includesEnvTemplate===!1,compositionParams=(0,_react().useMemo)(()=>(composition?[shouldAddNameParam?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams),[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,_extends({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams}))}},14427:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(54560);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(10647));return _compositionsPanelModule=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","active","includesEnvTemplate","className"];function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,active,includesEnvTemplate,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const shouldAddNameParam=isScaling&&includesEnvTemplate===!1,handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected)},[onSelect]);return _react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(className)}),compositions.map(composition=>{const href=shouldAddNameParam?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.linkWrapper,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.box}),_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.right},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"}))))}))}},29066:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _compositionPreview().ComponentComposition}});function _compositionPreview(){const data=__webpack_require__(23700);return _compositionPreview=function(){return data},data}},67076:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Icon=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_ui_elements_icon_1=__webpack_require__(48318),iconSetPrefix="bitcon";function Icon(_a){var{className,of:iconName}=_a,rest=__rest(_a,["className","of"]);return react_1.default.createElement(base_ui_elements_icon_1.BaseIcon,Object.assign({of:`${iconSetPrefix}-${iconName}`,className,"data-bit-id":"teambit.evangelist/elements/icon"},rest))}exports.Icon=Icon},25768:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Icon=void 0;var icon_1=__webpack_require__(67076);Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return icon_1.Icon}})},61994:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},72143:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.elevationClass=void 0;const elevations_module_scss_1=__importDefault(__webpack_require__(4271));__exportStar(__webpack_require__(61994),exports),exports.elevationClass={low:elevations_module_scss_1.default.low,medium:elevations_module_scss_1.default.medium,high:elevations_module_scss_1.default.high,none:void 0}},21702:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.roundnessClass=void 0;const roundness_module_scss_1=__importDefault(__webpack_require__(6565));__exportStar(__webpack_require__(58895),exports),exports.roundnessClass={circle:roundness_module_scss_1.default.circle,default:roundness_module_scss_1.default.default,small:roundness_module_scss_1.default.small,medium:roundness_module_scss_1.default.medium,sharp:roundness_module_scss_1.default.sharp}},58895:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},68120:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickOutside=void 0;const react_1=__webpack_require__(67294);class ClickOutside extends react_1.Component{constructor(){super(...arguments);this.listener=event=>{const{targetRef,handler}=this.props,element=event.target;!targetRef.current||!element||targetRef.current.contains(element)||handler(event)}}componentDidMount(){this.props.enabled&&this.enable()}componentWillUnmount(){this.disable()}componentDidUpdate(prevProps){const nextProps=this.props;prevProps.enabled!==nextProps.enabled&&(nextProps.enabled?this.enable():this.disable())}enable(){document.addEventListener("mousedown",this.listener),document.addEventListener("touchstart",this.listener)}disable(){document.removeEventListener("mousedown",this.listener),document.removeEventListener("touchstart",this.listener)}render(){return null}}exports.ClickOutside=ClickOutside,ClickOutside.defaultProps={enabled:!0}},90385:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=exports.ClickOutside=void 0;var click_outside_1=__webpack_require__(68120);Object.defineProperty(exports,"ClickOutside",{enumerable:!0,get:function(){return click_outside_1.ClickOutside}});var use_click_outside_1=__webpack_require__(67406);Object.defineProperty(exports,"useClickOutside",{enumerable:!0,get:function(){return use_click_outside_1.useClickOutside}})},67406:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=void 0;const react_1=__webpack_require__(67294);function useClickOutside(ref,handler,enabled=!0){(0,react_1.useEffect)(()=>{const listener=event=>{const element=event.target;!ref.current||!element||ref.current.contains(element)||handler(event)};return enabled&&(document.addEventListener("mousedown",listener),document.addEventListener("touchstart",listener)),()=>{document.removeEventListener("mousedown",listener),document.removeEventListener("touchstart",listener)}},[ref,handler,enabled])}exports.useClickOutside=useClickOutside},67898:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultPlaceholder=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),drawer_module_scss_1=__importDefault(__webpack_require__(11938));function DefaultPlaceholder(props){return react_1.default.createElement("div",Object.assign({},props,{className:(0,classnames_1.default)(props.className,drawer_module_scss_1.default.placeholder)}))}exports.DefaultPlaceholder=DefaultPlaceholder},29468:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Drawer=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_surfaces_abs_container_1=__webpack_require__(63867),base_ui_hook_use_click_outside_1=__webpack_require__(90385),react_create_ref_1=__importDefault(__webpack_require__(22184)),default_placeholder_1=__webpack_require__(67898);class Drawer extends react_1.Component{constructor(){super(...arguments);this.state={isOpen:this.props.open||!1},this.ref=(0,react_create_ref_1.default)(),this.toggle=evt=>{const{isOpen}=this.state,nextOpen=!isOpen;this.isControlled||this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.close=evt=>{const{isOpen}=this.state,nextOpen=!1;!this.isControlled&&isOpen&&this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.open=evt=>{const{isOpen}=this.state,nextOpen=!0;!this.isControlled&&!isOpen&&this.setState({isOpen:!0}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.handlePlaceholderClick=e=>{this.props.onPlaceholderToggle&&this.props.onPlaceholderToggle(e),e.defaultPrevented||this.props.clickPlaceholderToggles&&this.toggle(e)},this.handleContainerClick=e=>{this.props.clickToggles&&this.toggle(e),this.props.onClick&&this.props.onClick(e)},this.handleClickOutside=e=>{this.props.onClickOutside&&this.props.onClickOutside(e),e.defaultPrevented||this.props.clickOutside&&this.close()},this.handleLeaveContainer=e=>{this.props.onMouseLeave&&this.props.onMouseLeave(e),e.defaultPrevented||this.props.hoverToOpen&&this.close(e)},this.handleEnterContainer=e=>{this.props.onMouseEnter&&this.props.onMouseEnter(e),e.defaultPrevented||this.props.hoverToOpen&&this.open(e)}}componentWillReceiveProps(nextProps){this.props.open!==nextProps.open&&nextProps.open!==void 0&&this.setState({isOpen:nextProps.open})}get isControlled(){return this.props.open!==void 0}render(){const _a=this.props,{placeholderContent="",children,clickOutside,onMouseEnter,onMouseLeave,open,hoverToOpen,clickPlaceholderToggles,clickToggles,onChange,onPlaceholderToggle,onContainerToggle,onContaineeToggle,onClickOutside}=_a,rest=__rest(_a,["placeholderContent","children","clickOutside","onMouseEnter","onMouseLeave","open","hoverToOpen","clickPlaceholderToggles","clickToggles","onChange","onPlaceholderToggle","onContainerToggle","onContaineeToggle","onClickOutside"]),{isOpen}=this.state;return react_1.default.createElement(base_ui_surfaces_abs_container_1.Container,Object.assign({},rest,{forwardRef:this.ref,open:isOpen,onMouseLeave:this.handleLeaveContainer,onMouseEnter:this.handleEnterContainer,onClick:this.handleContainerClick}),children,react_1.default.createElement(default_placeholder_1.DefaultPlaceholder,{onClick:this.handlePlaceholderClick},placeholderContent),react_1.default.createElement(base_ui_hook_use_click_outside_1.ClickOutside,{targetRef:this.ref,enabled:!!clickOutside&&isOpen,handler:this.handleClickOutside}))}}exports.Drawer=Drawer,Drawer.defaultProps={clickPlaceholderToggles:!0,clickOutside:!0,clickToggles:!0}},47028:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(29468),exports)},59034:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=exports.sN=void 0;var menu_item_1=__webpack_require__(54583);Object.defineProperty(exports,"sN",{enumerable:!0,get:function(){return menu_item_1.MenuItem}}),__webpack_unused_export__={enumerable:!0,get:function(){return menu_item_1.iconClass}}},54583:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItem=exports.iconClass=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(55598)),menu_item_module_scss_1=__importDefault(__webpack_require__(77003));exports.iconClass=menu_item_module_scss_1.default.withIcon,exports.MenuItem=(0,react_1.forwardRef)((_a,ref)=>{var{children,className,icon,active,onClick,interactive=!!onClick}=_a,rest=__rest(_a,["children","className","icon","active","onClick","interactive"]);return react_1.default.createElement("div",Object.assign({},rest,{ref,onClick,className:(0,classnames_1.default)(className,menu_item_module_scss_1.default.menuItem,interactive&&menu_item_module_scss_1.default.interactive,active&&menu_item_module_scss_1.default.active,icon&&menu_item_module_scss_1.default.withIcon)}),icon,children)})},55598:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
+`},21268:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _useComponent().Filters}}),Object.defineProperty(exports,"UseComponentType",{enumerable:!0,get:function(){return _useComponent().UseComponentType}}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(88140);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(48166);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},48166:()=>{"use strict"},12645:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOffsetValue=getOffsetValue;function getOffsetValue(offset,limit,backwards=!1){if(offset!==void 0)return backwards?-(offset+limit):offset;if(limit!==void 0)return 0}},25408:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=CompositionCardSkeleton,exports.PreviewSkeleton=PreviewSkeleton;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(99870);return _baseUiLoaders=function(){return data},data}function _compositionCardSkeletonModule(){const data=_interopRequireDefault(__webpack_require__(16841));return _compositionCardSkeletonModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function CompositionCardSkeleton(){return _react().default.createElement("div",{className:_compositionCardSkeletonModule().default.compositionCardSkeleton},_react().default.createElement(PreviewSkeleton,null),_react().default.createElement("div",{className:_compositionCardSkeletonModule().default.bottom},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"104px"})))}function PreviewSkeleton(){return _react().default.createElement("div",{className:_compositionCardSkeletonModule().default.preview},_react().default.createElement(_baseUiLoaders().BlockSkeleton,{lines:2,className:_compositionCardSkeletonModule().default.block}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"208px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"152px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"88px"}))}},78647:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return _compositionCardSkeleton().CompositionCardSkeleton}}),Object.defineProperty(exports,"PreviewSkeleton",{enumerable:!0,get:function(){return _compositionCardSkeleton().PreviewSkeleton}});function _compositionCardSkeleton(){const data=__webpack_require__(25408);return _compositionCardSkeleton=function(){return data},data}},94075:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCard=CompositionCard;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _evangelistElements(){const data=__webpack_require__(54560);return _evangelistElements=function(){return data},data}function _compositions(){const data=__webpack_require__(32552);return _compositions=function(){return data},data}function _designUiStyles(){const data=__webpack_require__(31944);return _designUiStyles=function(){return data},data}function _compositionCardSkeleton(){const data=__webpack_require__(78647);return _compositionCardSkeleton=function(){return data},data}function _compositionCardModule(){const data=_interopRequireDefault(__webpack_require__(80633));return _compositionCardModule=function(){return data},data}const _excluded=["composition","component","className","openCompositionLink","previewClass","isLoading"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function CompositionCard(_ref){let{composition,component,className,openCompositionLink,previewClass,isLoading=!0}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const[previewLoading,setLoading]=(0,_react().useState)(isLoading);return _react().default.createElement("div",_extends({},rest,{key:composition.identifier,className:(0,_classnames().default)(_compositionCardModule().default.compositionCard,className)}),_react().default.createElement("div",{className:_compositionCardModule().default.compositionPreview},!isLoading&&_react().default.createElement(_compositions().ComponentComposition,{onLoad:()=>setLoading(!1),onError:()=>{setLoading(!1)},loading:"lazy",className:previewClass,composition,component,pubsub:!1}),_react().default.createElement("div",{className:_compositionCardModule().default.previewOverlay},previewLoading&&_react().default.createElement(_compositionCardSkeleton().PreviewSkeleton,null))),_react().default.createElement("div",{className:_compositionCardModule().default.bottom},_react().default.createElement("span",{className:(0,_classnames().default)(_designUiStyles().ellipsis,_compositionCardModule().default.displayName)},composition.displayName),openCompositionLink&&_react().default.createElement("a",{className:_compositionCardModule().default.link,target:"_blank",rel:"noopener noreferrer",href:openCompositionLink},_react().default.createElement(_evangelistElements().Icon,{className:_compositionCardModule().default.icon,of:"open-tab"}))))}},75797:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return _compositionCard().CompositionCard}}),Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return _compositionCardSkeleton().CompositionCardSkeleton}});function _compositionCard(){const data=__webpack_require__(94075);return _compositionCard=function(){return data},data}function _compositionCardSkeleton(){const data=__webpack_require__(78647);return _compositionCardSkeleton=function(){return data},data}},4405:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;const humanize_string_1=__importDefault(__webpack_require__(40434));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}exports.humanizeCompositionId=humanizeCompositionId},91888:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(4405);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},94659: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.CompositionGallerySkeleton=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),base_ui_loaders_skeleton_1=__webpack_require__(99870),composition_card_1=__webpack_require__(75797),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(52024));function CompositionGallerySkeleton(_a){var{compositionsLength,className}=_a,rest=__rest(_a,["compositionsLength","className"]);const length=Array.from(Array(compositionsLength));return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGallerySkeleton,className)}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"100px",className:composition_gallery_skeleton_module_scss_1.default.title}),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGalleryGrid)},length.map((_,index)=>react_1.default.createElement(composition_card_1.CompositionCardSkeleton,{key:`comp-card-skeleton-${index}`}))))}exports.CompositionGallerySkeleton=CompositionGallerySkeleton},67343:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=void 0;var composition_gallery_skeleton_1=__webpack_require__(94659);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},94478: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.CompositionGallery=void 0;const react_1=__importDefault(__webpack_require__(67294)),design_elements_icon_1=__webpack_require__(25768),documenter_ui_linked_heading_1=__webpack_require__(95966),base_react_navigation_link_1=__webpack_require__(22576),composition_card_1=__webpack_require__(75797),composition_gallery_module_scss_1=__importDefault(__webpack_require__(76534));function CompositionGallery({component,isLoading}){const navigate=(0,base_react_navigation_link_1.useNavigate)();return react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.compositionGallery},react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,{size:"xs",className:composition_gallery_module_scss_1.default.title},react_1.default.createElement(design_elements_icon_1.Icon,{of:"eye"})," ",react_1.default.createElement("span",null,"PREVIEW")),react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.carousel},component.compositions.map(composition=>react_1.default.createElement(composition_card_1.CompositionCard,{isLoading,key:composition.identifier.toLowerCase(),onClick:()=>navigate(`~compositions/${composition.identifier.toLowerCase()}`),className:composition_gallery_module_scss_1.default.compositionGalleryCard,previewClass:composition_gallery_module_scss_1.default.preview,composition,component}))))}exports.CompositionGallery=CompositionGallery},10726:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=exports.CompositionGallery=void 0;var composition_gallery_1=__webpack_require__(94478);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(67343);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},86435:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionErrorFallback=exports.CompositionCard=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),react_error_boundary_1=__webpack_require__(35800),base_ui_surfaces_card_1=__webpack_require__(48869),base_ui_theme_accent_color_1=__webpack_require__(176),react_ui_error_fallback_1=__webpack_require__(69248),compositions_model_composition_id_1=__webpack_require__(77795),evangelist_elements_icon_1=__webpack_require__(54560),base_ui_text_themed_text_1=__webpack_require__(94106),composition_card_module_scss_1=__importDefault(__webpack_require__(25020));function CompositionCard(_a){var{Composition,name,link,className}=_a,rest=__rest(_a,["Composition","name","link","className"]);const{canvas,compositionName}=Composition,humanizedName=(0,react_1.useMemo)(()=>compositionName||(0,compositions_model_composition_id_1.humanizeCompositionId)(name),[name,compositionName]);return react_1.default.createElement(base_ui_surfaces_card_1.Card,Object.assign({elevation:"low",className:(0,classnames_1.default)(className,composition_card_module_scss_1.default.compositionCard)},rest),react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:CompositionErrorFallback},react_1.default.createElement("div",{style:canvas,className:composition_card_module_scss_1.default.compositionContainer},react_1.default.createElement(Composition,null))),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_card_module_scss_1.default.title,base_ui_theme_accent_color_1.colorPalette.neutralHeavy,base_ui_text_themed_text_1.themedText)},react_1.default.createElement("span",null,humanizedName),link&&react_1.default.createElement("a",{className:composition_card_module_scss_1.default.linkToComposition,target:"_blank",rel:"noopener noreferrer",href:link},react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"open-tab"}))))}exports.CompositionCard=CompositionCard;function CompositionErrorFallback(props){return react_1.default.createElement(react_ui_error_fallback_1.ErrorFallback,Object.assign({},props,{className:(0,classnames_1.default)(props.className,composition_card_module_scss_1.default.compositionCardError)}))}exports.CompositionErrorFallback=CompositionErrorFallback},88903:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(86435);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}})},29147:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},31235:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.elevationClass=void 0;const elevations_module_scss_1=__importDefault(__webpack_require__(24498));__exportStar(__webpack_require__(29147),exports),exports.elevationClass={low:elevations_module_scss_1.default.low,medium:elevations_module_scss_1.default.medium,high:elevations_module_scss_1.default.high,none:void 0}},6841: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.flexCenter=void 0;const flex_center_module_scss_1=__importDefault(__webpack_require__(99086));exports.flexCenter=flex_center_module_scss_1.default.flexCenter},71751:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.backgrounds=void 0;const background_module_scss_1=__importDefault(__webpack_require__(30669));exports.backgrounds={bedrock:background_module_scss_1.default.bedrock,base:background_module_scss_1.default.base,layer:background_module_scss_1.default.layer,crust:background_module_scss_1.default.crust,topping:background_module_scss_1.default.topping,dent:background_module_scss_1.default.dent}},39922: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.Card=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),card_module_scss_1=__importDefault(__webpack_require__(55971)),base_ui_css_components_elevation_1=__webpack_require__(31235),base_ui_css_components_roundness_1=__webpack_require__(70518),base_ui_surfaces_background_1=__webpack_require__(71751);function Card(_a){var{className,elevation="low",roundness="default"}=_a,rest=__rest(_a,["className","elevation","roundness"]);return react_1.default.createElement("div",Object.assign({"data-bit-id":"teambit.base-ui/surfaces/card",className:classnames_1.default(card_module_scss_1.default.card,base_ui_surfaces_background_1.backgrounds.layer,base_ui_css_components_elevation_1.elevationClass[elevation],base_ui_css_components_roundness_1.roundnessClass[roundness],className)},rest))}exports.Card=Card,Card.defaultProps={elevation:"low",roundness:"default"}},48869:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(39922),exports)},27623:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;const humanize_string_1=__importDefault(__webpack_require__(40434));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}exports.humanizeCompositionId=humanizeCompositionId},77795:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(27623);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},54917: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=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),design_ui_icon_button_1=__webpack_require__(35059),base_ui_styles_flex_center_1=__webpack_require__(6841),error_fallback_module_scss_1=__importDefault(__webpack_require__(91844));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))}exports.ErrorFallback=ErrorFallback},69248:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorFallback=void 0;var error_fallback_1=__webpack_require__(54917);Object.defineProperty(exports,"ErrorFallback",{enumerable:!0,get:function(){return error_fallback_1.ErrorFallback}})},31161:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsMenuBar=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),lodash_flatten_1=__importDefault(__webpack_require__(5800)),compositions_menu_bar_module_scss_1=__importDefault(__webpack_require__(915));function CompositionsMenuBar(_a){var{className,menuBarWidgets,children}=_a,rest=__rest(_a,["className","menuBarWidgets","children"]);const widgetsStart=(0,react_1.useMemo)(()=>(0,lodash_flatten_1.default)(menuBarWidgets?.values()).filter(({location})=>location==="start").map(({content},idx)=>react_1.default.createElement(react_1.default.Fragment,{key:idx},content)),[menuBarWidgets]),widgetsEnd=(0,react_1.useMemo)(()=>(0,lodash_flatten_1.default)(menuBarWidgets?.values()).filter(({location})=>location==="end").map(({content},idx)=>react_1.default.createElement(react_1.default.Fragment,{key:idx},content)),[menuBarWidgets]);return!widgetsStart.length&&!widgetsEnd.length?null:react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(className,compositions_menu_bar_module_scss_1.default.compositionsMenuBar)}),!!(widgetsStart?.length||children)&&react_1.default.createElement("div",null,widgetsStart," ",children),react_1.default.createElement("div",{className:compositions_menu_bar_module_scss_1.default.spacer}),!!widgetsEnd?.length&&react_1.default.createElement("div",null,widgetsEnd))}exports.CompositionsMenuBar=CompositionsMenuBar},97725:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsMenuBar=void 0;var compositions_menu_bar_1=__webpack_require__(31161);Object.defineProperty(exports,"CompositionsMenuBar",{enumerable:!0,get:function(){return compositions_menu_bar_1.CompositionsMenuBar}})},18667: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.CompositionsOverview=void 0;const react_1=__importDefault(__webpack_require__(67294)),compositions_ui_composition_card_1=__webpack_require__(88903),compositions_overview_module_scss_1=__importDefault(__webpack_require__(98922));function CompositionsOverview({compositions,compositionCardClass}){return react_1.default.createElement("div",{className:compositions_overview_module_scss_1.default.background},compositions&&Object.entries(compositions).map(([key,composition])=>react_1.default.createElement(compositions_ui_composition_card_1.CompositionCard,{key,Composition:composition,name:key,className:compositionCardClass})))}exports.CompositionsOverview=CompositionsOverview},46127:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsOverview=void 0;var compositions_overview_1=__webpack_require__(18667);Object.defineProperty(exports,"CompositionsOverview",{enumerable:!0,get:function(){return compositions_overview_1.CompositionsOverview}})},494:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreviewQueryParams=exports.usePreview=exports.CompositionContextProvider=void 0;var use_composition_1=__webpack_require__(49522);Object.defineProperty(exports,"CompositionContextProvider",{enumerable:!0,get:function(){return use_composition_1.CompositionContextProvider}}),Object.defineProperty(exports,"usePreview",{enumerable:!0,get:function(){return use_composition_1.usePreview}});var use_preview_query_params_1=__webpack_require__(68642);Object.defineProperty(exports,"usePreviewQueryParams",{enumerable:!0,get:function(){return use_preview_query_params_1.usePreviewQueryParams}})},49522:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result};Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreview=exports.CompositionContextProvider=void 0;const react_1=__importStar(__webpack_require__(67294)),CompositionsCtx=(0,react_1.createContext)({queryParams:{},setQueryParams:()=>{}});function CompositionContextProvider({children,queryParams,setQueryParams}){const state=(0,react_1.useMemo)(()=>({queryParams,setQueryParams}),[queryParams,setQueryParams]);return react_1.default.createElement(CompositionsCtx.Provider,{value:state},children)}exports.CompositionContextProvider=CompositionContextProvider;function usePreview(){return(0,react_1.useContext)(CompositionsCtx)}exports.usePreview=usePreview},68642:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreviewQueryParams=void 0;const react_1=__webpack_require__(67294),use_composition_1=__webpack_require__(49522);function usePreviewQueryParams(paramName){const ctx=(0,use_composition_1.usePreview)(),param=ctx.queryParams[paramName],setQueryParam=(0,react_1.useCallback)(value=>ctx.setQueryParams(state=>Object.assign(Object.assign({},state),{[paramName]:value})),[paramName]);return[param,setQueryParam]}exports.usePreviewQueryParams=usePreviewQueryParams},39708:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(91888);return _compositionsModel=function(){return data},data}class Composition{constructor(identifier,filepath,_displayName){this.identifier=identifier,this.filepath=filepath,this._displayName=_displayName}get displayName(){return this._displayName||(0,_compositionsModel().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},82704:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(93692);return _reactRouterDom=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(26561));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(17563));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(14323);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(38577);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(73624);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(68211);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(45822);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(52515);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(82718);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(32098);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(6470);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(74162);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(97725);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(494);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(74749);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(21335);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(68158);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(67902);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(15801);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(56926);return _designUiSurfaces=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(62133));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(14427);return _compositionsPanel=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function Compositions({menuBarWidgets,emptyState}){var _component$preview,_component$preview2,_component$preview3;const component=(0,_react().useContext)(_component().ComponentContext),params=(0,_reactRouterDom().useParams)(),navigate=(0,_baseReactNavigation().useNavigate)(),location=(0,_baseReactNavigation().useLocation)(),currentCompositionName=params["*"],currentComposition=component.compositions.find(composition=>composition.identifier.toLowerCase()===currentCompositionName)||(0,_lodash().default)(component.compositions),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition;const properties=(0,_docsUiQueries().useDocs)(component.id),showSidebar=!(0,_uiFoundationUiHooks().useIsMobile)()&&component.compositions.length>0,[isSidebarOpen,setSidebarOpenness]=(0,_react().useState)(showSidebar),sidebarOpenness=isSidebarOpen?_baseUiSurfacesSplitPane().Layout.row:_baseUiSurfacesSplitPane().Layout.left,compositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions"),isScaling=component==null||(_component$preview=component.preview)===null||_component$preview===void 0?void 0:_component$preview.isScaling,includesEnvTemplates=component==null||(_component$preview2=component.preview)===null||_component$preview2===void 0?void 0:_component$preview2.includesEnvTemplate,compositionIdentifierParam=isScaling&&includesEnvTemplates===!1?`name=${currentComposition?.identifier}`:currentComposition?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)({}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]);return(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),_react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"85%",className:_compositionsModule().default.compositionsPage},_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.left},_react().default.createElement(_compositionsUi().CompositionsMenuBar,{menuBarWidgets,className:_compositionsModule().default.menuBar},_react().default.createElement(_baseReactNavigation().Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.openInNewTab},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"}))),_react().default.createElement(CompositionContent,{emptyState,component,selected:currentComposition,queryParams})),_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter,{className:_compositionsModule().default.splitter},_react().default.createElement(_uiFoundationUiButtons().Collapser,{placement:"left",isOpen:isSidebarOpen,onMouseDown:e=>e.stopPropagation(),onClick:()=>setSidebarOpenness(x=>!x),tooltipContent:`${isSidebarOpen?"Hide":"Show"} side compositions`,className:_compositionsModule().default.collapser})),_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.right},_react().default.createElement(_documenterTheme().ThemeContext,null,_react().default.createElement(_panels().TabContainer,{className:_compositionsModule().default.tabsContainer},_react().default.createElement(_panels().TabList,{className:_compositionsModule().default.tabs},_react().default.createElement(_panels().Tab,null,"compositions"),_react().default.createElement(_panels().Tab,null,"properties")),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},_react().default.createElement(_compositionsPanel().CompositionsPanel,{isScaling,includesEnvTemplate:(_component$preview3=component.preview)===null||_component$preview3===void 0?void 0:_component$preview3.includesEnvTemplate,onSelectComposition:composition=>{if(!currentComposition||!location)return;if(location.pathname.includes(currentComposition.identifier.toLowerCase())){navigate(composition.identifier.toLowerCase());return}const path=location.pathname.replace(currentComposition.identifier.toLowerCase(),composition.identifier.toLowerCase());if(!!path){if(!path.includes(composition.identifier.toLowerCase())){const nextPath=location.pathname.concat(`/${composition.identifier.toLowerCase()}`);navigate(nextPath);return}navigate(path)}},url:compositionUrl,compositions:component.compositions,active:currentComposition,className:_compositionsModule().default.compost})),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},properties&&properties.length>0?_react().default.createElement(_documenterUi().PropTable,{rows:properties,showListView:!0}):_react().default.createElement("div",null)))))))}function CompositionContent(_ref){var _component$environmen;let{component,selected,queryParams,emptyState}=_ref,componentCompositionProps=_objectWithoutProperties(_ref,_excluded);const env=(_component$environmen=component.environment)===null||_component$environmen===void 0?void 0:_component$environmen.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,_extends({className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams},componentCompositionProps))}},32552:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _ui().ComponentComposition}}),Object.defineProperty(exports,"Composition",{enumerable:!0,get:function(){return _composition().Composition}}),Object.defineProperty(exports,"CompositionContent",{enumerable:!0,get:function(){return _compositions2().CompositionContent}}),Object.defineProperty(exports,"CompositionContentProps",{enumerable:!0,get:function(){return _compositions2().CompositionContentProps}}),Object.defineProperty(exports,"CompositionProps",{enumerable:!0,get:function(){return _composition().CompositionProps}}),Object.defineProperty(exports,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),exports.default=void 0;function _compositions(){const data=__webpack_require__(36717);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(39708);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(82704);return _compositions2=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},23700:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}const _excluded=["composition","component","queryParams"];function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function ComponentComposition(_ref){var _component$preview,_component$preview2;let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const includesEnvTemplate=(_component$preview=component.preview)===null||_component$preview===void 0?void 0:_component$preview.includesEnvTemplate,shouldAddNameParam=((_component$preview2=component.preview)===null||_component$preview2===void 0?void 0:_component$preview2.isScaling)&&includesEnvTemplate===!1,compositionParams=(0,_react().useMemo)(()=>(composition?[shouldAddNameParam?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams),[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,_extends({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams}))}},14427:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(54560);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(10647));return _compositionsPanelModule=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","active","includesEnvTemplate","className"];function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,active,includesEnvTemplate,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const shouldAddNameParam=isScaling&&includesEnvTemplate===!1,handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected)},[onSelect]);return _react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(className)}),compositions.map(composition=>{const href=shouldAddNameParam?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.linkWrapper,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.box}),_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.right},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"}))))}))}},29066:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _compositionPreview().ComponentComposition}});function _compositionPreview(){const data=__webpack_require__(23700);return _compositionPreview=function(){return data},data}},67076:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Icon=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_ui_elements_icon_1=__webpack_require__(48318),iconSetPrefix="bitcon";function Icon(_a){var{className,of:iconName}=_a,rest=__rest(_a,["className","of"]);return react_1.default.createElement(base_ui_elements_icon_1.BaseIcon,Object.assign({of:`${iconSetPrefix}-${iconName}`,className,"data-bit-id":"teambit.evangelist/elements/icon"},rest))}exports.Icon=Icon},25768:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Icon=void 0;var icon_1=__webpack_require__(67076);Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return icon_1.Icon}})},61994:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},72143:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.elevationClass=void 0;const elevations_module_scss_1=__importDefault(__webpack_require__(4271));__exportStar(__webpack_require__(61994),exports),exports.elevationClass={low:elevations_module_scss_1.default.low,medium:elevations_module_scss_1.default.medium,high:elevations_module_scss_1.default.high,none:void 0}},21702:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.roundnessClass=void 0;const roundness_module_scss_1=__importDefault(__webpack_require__(6565));__exportStar(__webpack_require__(58895),exports),exports.roundnessClass={circle:roundness_module_scss_1.default.circle,default:roundness_module_scss_1.default.default,small:roundness_module_scss_1.default.small,medium:roundness_module_scss_1.default.medium,sharp:roundness_module_scss_1.default.sharp}},58895:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},68120:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickOutside=void 0;const react_1=__webpack_require__(67294);class ClickOutside extends react_1.Component{constructor(){super(...arguments);this.listener=event=>{const{targetRef,handler}=this.props,element=event.target;!targetRef.current||!element||targetRef.current.contains(element)||handler(event)}}componentDidMount(){this.props.enabled&&this.enable()}componentWillUnmount(){this.disable()}componentDidUpdate(prevProps){const nextProps=this.props;prevProps.enabled!==nextProps.enabled&&(nextProps.enabled?this.enable():this.disable())}enable(){document.addEventListener("mousedown",this.listener),document.addEventListener("touchstart",this.listener)}disable(){document.removeEventListener("mousedown",this.listener),document.removeEventListener("touchstart",this.listener)}render(){return null}}exports.ClickOutside=ClickOutside,ClickOutside.defaultProps={enabled:!0}},90385:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=exports.ClickOutside=void 0;var click_outside_1=__webpack_require__(68120);Object.defineProperty(exports,"ClickOutside",{enumerable:!0,get:function(){return click_outside_1.ClickOutside}});var use_click_outside_1=__webpack_require__(67406);Object.defineProperty(exports,"useClickOutside",{enumerable:!0,get:function(){return use_click_outside_1.useClickOutside}})},67406:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=void 0;const react_1=__webpack_require__(67294);function useClickOutside(ref,handler,enabled=!0){(0,react_1.useEffect)(()=>{const listener=event=>{const element=event.target;!ref.current||!element||ref.current.contains(element)||handler(event)};return enabled&&(document.addEventListener("mousedown",listener),document.addEventListener("touchstart",listener)),()=>{document.removeEventListener("mousedown",listener),document.removeEventListener("touchstart",listener)}},[ref,handler,enabled])}exports.useClickOutside=useClickOutside},67898:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultPlaceholder=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),drawer_module_scss_1=__importDefault(__webpack_require__(11938));function DefaultPlaceholder(props){return react_1.default.createElement("div",Object.assign({},props,{className:(0,classnames_1.default)(props.className,drawer_module_scss_1.default.placeholder)}))}exports.DefaultPlaceholder=DefaultPlaceholder},29468:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Drawer=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_surfaces_abs_container_1=__webpack_require__(63867),base_ui_hook_use_click_outside_1=__webpack_require__(90385),react_create_ref_1=__importDefault(__webpack_require__(22184)),default_placeholder_1=__webpack_require__(67898);class Drawer extends react_1.Component{constructor(){super(...arguments);this.state={isOpen:this.props.open||!1},this.ref=(0,react_create_ref_1.default)(),this.toggle=evt=>{const{isOpen}=this.state,nextOpen=!isOpen;this.isControlled||this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.close=evt=>{const{isOpen}=this.state,nextOpen=!1;!this.isControlled&&isOpen&&this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.open=evt=>{const{isOpen}=this.state,nextOpen=!0;!this.isControlled&&!isOpen&&this.setState({isOpen:!0}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.handlePlaceholderClick=e=>{this.props.onPlaceholderToggle&&this.props.onPlaceholderToggle(e),e.defaultPrevented||this.props.clickPlaceholderToggles&&this.toggle(e)},this.handleContainerClick=e=>{this.props.clickToggles&&this.toggle(e),this.props.onClick&&this.props.onClick(e)},this.handleClickOutside=e=>{this.props.onClickOutside&&this.props.onClickOutside(e),e.defaultPrevented||this.props.clickOutside&&this.close()},this.handleLeaveContainer=e=>{this.props.onMouseLeave&&this.props.onMouseLeave(e),e.defaultPrevented||this.props.hoverToOpen&&this.close(e)},this.handleEnterContainer=e=>{this.props.onMouseEnter&&this.props.onMouseEnter(e),e.defaultPrevented||this.props.hoverToOpen&&this.open(e)}}componentWillReceiveProps(nextProps){this.props.open!==nextProps.open&&nextProps.open!==void 0&&this.setState({isOpen:nextProps.open})}get isControlled(){return this.props.open!==void 0}render(){const _a=this.props,{placeholderContent="",children,clickOutside,onMouseEnter,onMouseLeave,open,hoverToOpen,clickPlaceholderToggles,clickToggles,onChange,onPlaceholderToggle,onContainerToggle,onContaineeToggle,onClickOutside}=_a,rest=__rest(_a,["placeholderContent","children","clickOutside","onMouseEnter","onMouseLeave","open","hoverToOpen","clickPlaceholderToggles","clickToggles","onChange","onPlaceholderToggle","onContainerToggle","onContaineeToggle","onClickOutside"]),{isOpen}=this.state;return react_1.default.createElement(base_ui_surfaces_abs_container_1.Container,Object.assign({},rest,{forwardRef:this.ref,open:isOpen,onMouseLeave:this.handleLeaveContainer,onMouseEnter:this.handleEnterContainer,onClick:this.handleContainerClick}),children,react_1.default.createElement(default_placeholder_1.DefaultPlaceholder,{onClick:this.handlePlaceholderClick},placeholderContent),react_1.default.createElement(base_ui_hook_use_click_outside_1.ClickOutside,{targetRef:this.ref,enabled:!!clickOutside&&isOpen,handler:this.handleClickOutside}))}}exports.Drawer=Drawer,Drawer.defaultProps={clickPlaceholderToggles:!0,clickOutside:!0,clickToggles:!0}},47028:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(29468),exports)},59034:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=exports.sN=void 0;var menu_item_1=__webpack_require__(54583);Object.defineProperty(exports,"sN",{enumerable:!0,get:function(){return menu_item_1.MenuItem}}),__webpack_unused_export__={enumerable:!0,get:function(){return menu_item_1.iconClass}}},54583:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItem=exports.iconClass=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(55598)),menu_item_module_scss_1=__importDefault(__webpack_require__(77003));exports.iconClass=menu_item_module_scss_1.default.withIcon,exports.MenuItem=(0,react_1.forwardRef)((_a,ref)=>{var{children,className,icon,active,onClick,interactive=!!onClick}=_a,rest=__rest(_a,["children","className","icon","active","onClick","interactive"]);return react_1.default.createElement("div",Object.assign({},rest,{ref,onClick,className:(0,classnames_1.default)(className,menu_item_module_scss_1.default.menuItem,interactive&&menu_item_module_scss_1.default.interactive,active&&menu_item_module_scss_1.default.active,icon&&menu_item_module_scss_1.default.withIcon)}),icon,children)})},55598:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
   Copyright (c) 2018 Jed Watson.
   Licensed under the MIT License (MIT), see
   http://jedwatson.github.io/classnames