@teambit/component.ui.component-compare.compare-aspects.compare-aspect-view 0.0.15 → 0.0.17

package/teambit_component_ui_component_compare_compare_aspects_compare_aspect_view-component.js

@@ -1,26 +0,0 @@
-(function(root,factory){typeof exports=="object"&&typeof module=="object"?module.exports=factory():typeof define=="function"&&define.amd?define([],factory):typeof exports=="object"?exports["teambit.component/ui/component-compare/compare-aspects/compare-aspect-view"]=factory():root["teambit.component/ui/component-compare/compare-aspects/compare-aspect-view"]=factory()})(self,()=>(()=>{var __webpack_modules__={348:function(__unused_webpack_module,exports2,__webpack_require__2){"use strict";var __bit_component={id:"teambit.base-ui/elements/icon@1.0.0",homepage:"https://bit.dev/teambit/base-ui/elements/icon",exported:!0},__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(exports2,"__esModule",{value:!0}),exports2.BaseIcon=void 0;const react_1=__importDefault(__webpack_require__2(363)),classnames_1=__importDefault(__webpack_require__2(236));function BaseIcon(_a){var{of:iconName,className}=_a,rest=__rest(_a,["of","className"]);return react_1.default.createElement("span",Object.assign({"data-bit-id":"teambit.base-ui/elements/icon",className:classnames_1.default(iconName,className)},rest))}BaseIcon.__bit_component=__bit_component,exports2.BaseIcon=BaseIcon},984:function(__unused_webpack_module,exports2,__webpack_require__2){"use strict";var __bit_component={id:"teambit.base-ui/elements/icon@1.0.0",homepage:"https://bit.dev/teambit/base-ui/elements/icon",exported:!0},__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,exports3){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports3,p)&&__createBinding(exports3,m,p)};Object.defineProperty(exports2,"__esModule",{value:!0}),__exportStar(__webpack_require__2(348),exports2)},614:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.base-ui/loaders/skeleton@1.0.1",homepage:"https://bit.dev/teambit/base-ui/loaders/skeleton",exported:!0};Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.WordSkeleton=exports2.LineSkeleton=exports2.CircleSkeleton=exports2.BlockSkeleton=exports2.Skeleton=void 0;var skeleton_1=__webpack_require__2(649);Object.defineProperty(exports2,"Skeleton",{enumerable:!0,get:function(){return skeleton_1.Skeleton}}),Object.defineProperty(exports2,"BlockSkeleton",{enumerable:!0,get:function(){return skeleton_1.BlockSkeleton}}),Object.defineProperty(exports2,"CircleSkeleton",{enumerable:!0,get:function(){return skeleton_1.CircleSkeleton}}),Object.defineProperty(exports2,"LineSkeleton",{enumerable:!0,get:function(){return skeleton_1.LineSkeleton}}),Object.defineProperty(exports2,"WordSkeleton",{enumerable:!0,get:function(){return skeleton_1.WordSkeleton}})},649:function(__unused_webpack_module,exports2,__webpack_require__2){"use strict";var __bit_component={id:"teambit.base-ui/loaders/skeleton@1.0.1",homepage:"https://bit.dev/teambit/base-ui/loaders/skeleton",exported:!0},__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(exports2,"__esModule",{value:!0}),exports2.title=exports2.BlockSkeleton=exports2.CircleSkeleton=exports2.LineSkeleton=exports2.WordSkeleton=exports2.Skeleton=void 0;const react_1=__importDefault(__webpack_require__2(363)),classnames_1=__importDefault(__webpack_require__2(236)),skeleton_module_scss_1=__importDefault(__webpack_require__2(77)),skeleton_design_module_scss_1=__importDefault(__webpack_require__2(705)),NBSP="\xA0";function Skeleton(_a){var{designClass=skeleton_design_module_scss_1.default.skeleton,className}=_a,rest=__rest(_a,["designClass","className"]);return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(skeleton_module_scss_1.default.skeleton,designClass,className)}))}Skeleton.__bit_component=__bit_component,exports2.Skeleton=Skeleton;function WordSkeleton(_a){var{length=5,designClass=skeleton_design_module_scss_1.default.word,className,style}=_a,rest=__rest(_a,["length","designClass","className","style"]);return react_1.default.createElement("span",Object.assign({},rest,{className:(0,classnames_1.default)(skeleton_module_scss_1.default.word,className,designClass),style:Object.assign({},style)}),react_1.default.createElement("span",null,Array.from({length}).map(()=>NBSP)))}WordSkeleton.__bit_component=__bit_component,exports2.WordSkeleton=WordSkeleton;function LineSkeleton(_a){var{width,count=1,designClass=skeleton_design_module_scss_1.default.line,className,style}=_a,rest=__rest(_a,["width","count","designClass","className","style"]);return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(skeleton_module_scss_1.default.line,designClass,className),style:Object.assign({width},style)}),Array.from({length:count}).map((x,index)=>react_1.default.createElement("div",{key:index},NBSP)))}LineSkeleton.__bit_component=__bit_component,exports2.LineSkeleton=LineSkeleton;function CircleSkeleton(_a){var{size=2,designClass=skeleton_design_module_scss_1.default.circle,className,style}=_a,rest=__rest(_a,["size","designClass","className","style"]);return react_1.default.createElement("span",Object.assign({},rest,{className:(0,classnames_1.default)(skeleton_module_scss_1.default.circle,className,designClass),style:Object.assign({height:`${size}em`,width:`${size}em`,lineHeight:size},style)}),NBSP)}CircleSkeleton.__bit_component=__bit_component,exports2.CircleSkeleton=CircleSkeleton;function BlockSkeleton(_a){var{lines=5,designClass=skeleton_design_module_scss_1.default.block,className,style}=_a,rest=__rest(_a,["lines","designClass","className","style"]);return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(skeleton_module_scss_1.default.block,designClass,className),style:Object.assign({height:`${lines}em`},style)}))}BlockSkeleton.__bit_component=__bit_component,exports2.BlockSkeleton=BlockSkeleton;function title(){return react_1.default.createElement("div",{style:{marginBottom:"1em"}},react_1.default.createElement(WordSkeleton,{style:{fontSize:18}}))}title.__bit_component=__bit_component,exports2.title=title},997:function(__unused_webpack_module,exports2,__webpack_require__2){"use strict";var __bit_component={id:"teambit.base-ui/text/heading@1.0.1",homepage:"https://bit.dev/teambit/base-ui/text/heading",exported:!0},__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(exports2,"__esModule",{value:!0}),exports2.Heading=void 0;const react_1=__importDefault(__webpack_require__2(363));function Heading(props){const{element}=props,rest=__rest(props,["element"]),Element=element||"h1";return react_1.default.createElement(Element,Object.assign({"data-bit-id":"teambit.base-ui/text/heading"},rest))}Heading.__bit_component=__bit_component,exports2.Heading=Heading,Heading.defaultProps={element:"h1"}},998:function(__unused_webpack_module,exports2,__webpack_require__2){"use strict";var __bit_component={id:"teambit.base-ui/text/heading@1.0.1",homepage:"https://bit.dev/teambit/base-ui/text/heading",exported:!0},__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,exports3){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports3,p)&&__createBinding(exports3,m,p)};Object.defineProperty(exports2,"__esModule",{value:!0}),__exportStar(__webpack_require__2(997),exports2)},197:function(__unused_webpack_module,exports2,__webpack_require__2){"use strict";var __bit_component={id:"teambit.base-ui/theme/dark-theme@1.0.2",homepage:"https://bit.dev/teambit/base-ui/theme/dark-theme",exported:!0},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.darkMode=void 0;const dark_theme_module_scss_1=__importDefault(__webpack_require__2(786));exports2.darkMode=dark_theme_module_scss_1.default.darkMod},292:function(__unused_webpack_module,exports2,__webpack_require__2){"use strict";var __bit_component={id:"teambit.design/elements/icon@1.0.24",homepage:"https://bit.dev/teambit/design/elements/icon",exported:!0},__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(exports2,"__esModule",{value:!0}),exports2.Icon=void 0;const react_1=__importDefault(__webpack_require__2(363)),base_ui_elements_icon_1=__webpack_require__2(984),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))}Icon.__bit_component=__bit_component,exports2.Icon=Icon},580:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.design/elements/icon@1.0.24",homepage:"https://bit.dev/teambit/design/elements/icon",exported:!0};Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.Icon=void 0;var icon_1=__webpack_require__2(292);Object.defineProperty(exports2,"Icon",{enumerable:!0,get:function(){return icon_1.Icon}})},948:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{CopiedMessage:()=>CopiedMessage});var jsx_runtime=__webpack_require__2(316),classnames=__webpack_require__2(236),classnames_default=__webpack_require__2.n(classnames);const copied_message_module={copiedMessage:"copied-message_copiedMessage__1aVc-",showMessage:"copied-message_showMessage__1xScW"};var __bit_component={id:"teambit.documenter/ui/copied-message@4.1.8",homepage:"https://bit.cloud/teambit/documenter/ui/copied-message",exported:!0};function CopiedMessage({className,show=!1,...rest}){return(0,jsx_runtime.jsx)("span",{...rest,className:classnames_default()(copied_message_module.copiedMessage,{[copied_message_module.showMessage]:show},className),children:"Copied"})}CopiedMessage.__bit_component=__bit_component;var dist_bit_component={id:"teambit.documenter/ui/copied-message@4.1.8",homepage:"https://bit.cloud/teambit/documenter/ui/copied-message",exported:!0}},556:function(__unused_webpack_module,exports2,__webpack_require__2){"use strict";var __bit_component={id:"teambit.documenter/ui/heading@4.1.1",homepage:"https://bit.dev/teambit/documenter/ui/heading",exported:!0},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.H6=exports2.H5=exports2.H4=exports2.H3=exports2.H2=exports2.H1=void 0;const react_1=__importDefault(__webpack_require__2(363)),classnames_1=__importDefault(__webpack_require__2(236)),base_ui_text_heading_1=__webpack_require__2(998),heading_sizes_module_scss_1=__importDefault(__webpack_require__2(952)),heading_module_scss_1=__importDefault(__webpack_require__2(695));function H1(props){return react_1.default.createElement(base_ui_text_heading_1.Heading,Object.assign({element:"h1"},props,{className:classnames_1.default(heading_module_scss_1.default.h1,heading_sizes_module_scss_1.default[props.size||"lg"],props.className)}))}H1.__bit_component=__bit_component,exports2.H1=H1;function H2(props){return react_1.default.createElement(base_ui_text_heading_1.Heading,Object.assign({element:"h2"},props,{className:classnames_1.default(heading_module_scss_1.default.h2,heading_sizes_module_scss_1.default[props.size||"lg"],props.className)}))}H2.__bit_component=__bit_component,exports2.H2=H2;function H3(props){return react_1.default.createElement(base_ui_text_heading_1.Heading,Object.assign({element:"h3"},props,{className:classnames_1.default(heading_module_scss_1.default.h3,heading_sizes_module_scss_1.default[props.size||"md"],props.className)}))}H3.__bit_component=__bit_component,exports2.H3=H3;function H4(props){return react_1.default.createElement(base_ui_text_heading_1.Heading,Object.assign({element:"h4"},props,{className:classnames_1.default(heading_module_scss_1.default.h4,heading_sizes_module_scss_1.default[props.size||"sm"],props.className)}))}H4.__bit_component=__bit_component,exports2.H4=H4;function H5(props){return react_1.default.createElement(base_ui_text_heading_1.Heading,Object.assign({element:"h5"},props,{className:classnames_1.default(heading_module_scss_1.default.h5,heading_sizes_module_scss_1.default[props.size||"xs"],props.className)}))}H5.__bit_component=__bit_component,exports2.H5=H5;function H6(props){return react_1.default.createElement(base_ui_text_heading_1.Heading,Object.assign({element:"h6"},props,{className:classnames_1.default(heading_module_scss_1.default.h6,heading_sizes_module_scss_1.default[props.size||"xxs"],props.className)}))}H6.__bit_component=__bit_component,exports2.H6=H6},447:function(__unused_webpack_module,exports2,__webpack_require__2){"use strict";var __bit_component={id:"teambit.documenter/ui/heading@4.1.1",homepage:"https://bit.dev/teambit/documenter/ui/heading",exported:!0},__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,exports3){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports3,p)&&__createBinding(exports3,m,p)};Object.defineProperty(exports2,"__esModule",{value:!0}),__exportStar(__webpack_require__2(556),exports2)},660:function(__unused_webpack_module,exports2,__webpack_require__2){"use strict";var __bit_component={id:"teambit.component/ui/component-compare/compare-aspects/compare-aspect-view@04f13a76242c952d31f2884f075ac4aa5b8fe0ce",homepage:"https://bit.cloud/teambit/component/ui/component-compare/compare-aspects/compare-aspect-view",exported:!0},__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},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.CompareAspectView=void 0;const react_1=__importStar(__webpack_require__2(363)),classnames_1=__importDefault(__webpack_require__2(236)),documenter_ui_heading_1=__webpack_require__2(447),base_ui_loaders_skeleton_1=__webpack_require__2(614),react_2=__webpack_require__2(52),config_editor_1=__webpack_require__2(495),compare_aspect_view_module_scss_1=__importDefault(__webpack_require__2(54));function CompareAspectView({baseAspectData,compareAspectData,name,loading,className}){const title=(0,react_1.useMemo)(()=>name?.split("/").pop(),[name]),original=JSON.stringify(baseAspectData?.config,null,2),modified=JSON.stringify(compareAspectData?.config,null,2),calculatedDataDiffEditor=react_1.default.createElement(react_2.DiffEditor,{key:`aspect-data-diff-editor-${title}`,modified:JSON.stringify(compareAspectData?.data,null,2),original:JSON.stringify(baseAspectData?.data,null,2),language:"json",className:compare_aspect_view_module_scss_1.default.diffEditor,theme:"vs-dark",options:{readOnly:!0},loading:react_1.default.createElement(AspectsCompareViewLoader,null)});return react_1.default.createElement("div",{key:`aspect-diff-editor-${title}`,className:(0,classnames_1.default)(compare_aspect_view_module_scss_1.default.componentCompareAspectViewContainer,className)},react_1.default.createElement("div",{className:compare_aspect_view_module_scss_1.default.name},react_1.default.createElement(documenter_ui_heading_1.H4,{size:"xs",className:compare_aspect_view_module_scss_1.default.name},react_1.default.createElement("span",null,title))),react_1.default.createElement("div",{className:compare_aspect_view_module_scss_1.default.componentCompareAspectDiffEditorContainer},react_1.default.createElement("div",{className:compare_aspect_view_module_scss_1.default.componentCompareAspectConfigDiff},react_1.default.createElement(documenter_ui_heading_1.H4,{size:"xxs",className:compare_aspect_view_module_scss_1.default.name},react_1.default.createElement("span",null,"Config")),loading?react_1.default.createElement(AspectsCompareViewLoader,null):react_1.default.createElement(config_editor_1.ConfigDiffEditor,{original,modified})),react_1.default.createElement("div",{className:compare_aspect_view_module_scss_1.default.componentCompareAspectCalculatedDiff},react_1.default.createElement(documenter_ui_heading_1.H4,{size:"xxs",className:compare_aspect_view_module_scss_1.default.name},react_1.default.createElement("span",null,"Calculated Data")),loading?react_1.default.createElement(AspectsCompareViewLoader,null):calculatedDataDiffEditor)))}CompareAspectView.__bit_component=__bit_component,exports2.CompareAspectView=CompareAspectView;function AspectsCompareViewLoader(){return react_1.default.createElement(base_ui_loaders_skeleton_1.BlockSkeleton,{className:compare_aspect_view_module_scss_1.default.loader,lines:16})}AspectsCompareViewLoader.__bit_component=__bit_component},495:function(__unused_webpack_module,exports2,__webpack_require__2){"use strict";var __bit_component={id:"teambit.component/ui/component-compare/compare-aspects/compare-aspect-view@04f13a76242c952d31f2884f075ac4aa5b8fe0ce",homepage:"https://bit.cloud/teambit/component/ui/component-compare/compare-aspects/compare-aspect-view",exported:!0},__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},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.ConfigDiffEditor=void 0;const react_1=__importStar(__webpack_require__2(363)),copy_to_clipboard_1=__importDefault(__webpack_require__2(22)),classnames_1=__importDefault(__webpack_require__2(236)),documenter_ui_copied_message_1=__webpack_require__2(948),base_ui_loaders_skeleton_1=__webpack_require__2(614),react_2=__webpack_require__2(52),base_ui_theme_dark_theme_1=__webpack_require__2(197),design_elements_icon_1=__webpack_require__2(580),compare_aspect_view_module_scss_1=__importDefault(__webpack_require__2(54));function ConfigDiffEditor({original,modified,name}){const diffEditorRef=(0,react_1.useRef)(null),title=(0,react_1.useMemo)(()=>name?.split("/").pop(),[name]),originalPanelRef=(0,react_1.useRef)(null),modifiedPanelRef=(0,react_1.useRef)(null),handleEditorMount=editor=>{diffEditorRef.current=editor;const originalEditor=editor.getOriginalEditor(),modifiedEditor=editor.getModifiedEditor();appendComponentToPanel(originalEditor,originalPanelRef.current),appendComponentToPanel(modifiedEditor,modifiedPanelRef.current)};handleEditorMount.__bit_component=__bit_component;const appendComponentToPanel=(editorInstance,element)=>{const editorDomNode=editorInstance.getDomNode();editorDomNode&&element&&editorDomNode.appendChild(element)};return appendComponentToPanel.__bit_component=__bit_component,react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(react_2.DiffEditor,{key:`aspect-config-diff-editor-${title}`,original,modified,language:"json",className:base_ui_theme_dark_theme_1.darkMode,theme:"vs-dark",options:{readOnly:!0},loading:react_1.default.createElement(AspectsCompareViewLoader,null),onMount:handleEditorMount}),original&&react_1.default.createElement(PanelContent,{text:original,ref:originalPanelRef}),modified&&react_1.default.createElement(PanelContent,{text:modified,ref:modifiedPanelRef}))}ConfigDiffEditor.__bit_component=__bit_component,exports2.ConfigDiffEditor=ConfigDiffEditor;function AspectsCompareViewLoader(){return react_1.default.createElement(base_ui_loaders_skeleton_1.BlockSkeleton,{className:compare_aspect_view_module_scss_1.default.loader,lines:16})}AspectsCompareViewLoader.__bit_component=__bit_component;function CopyButton({text}){const[isCopied,setCopy]=(0,react_1.useState)(!1),handleCopy=()=>{setCopy(!0),setTimeout(()=>setCopy(!1),2e3),(0,copy_to_clipboard_1.default)(text)};return handleCopy.__bit_component=__bit_component,react_1.default.createElement("div",{className:(0,classnames_1.default)(compare_aspect_view_module_scss_1.default.copyButton,isCopied&&compare_aspect_view_module_scss_1.default.isLabelVisible),onClick:handleCopy},react_1.default.createElement(design_elements_icon_1.Icon,{className:compare_aspect_view_module_scss_1.default.copyIcon,of:"copy-cmp"}),react_1.default.createElement(documenter_ui_copied_message_1.CopiedMessage,{className:compare_aspect_view_module_scss_1.default.message,show:isCopied}))}CopyButton.__bit_component=__bit_component;const PanelContent=react_1.default.forwardRef(({text},ref)=>react_1.default.createElement("div",{ref,style:{position:"absolute",top:"8px",right:"18px"}},react_1.default.createElement(CopyButton,{text})));PanelContent.__bit_component=__bit_component},705:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={skeletonContent:"skeleton-design_skeletonContent__2WI_t",line:"skeleton-design_line__3L63O",word:"skeleton-design_word__2ml1l",shimmer:"skeleton-design_shimmer__3UYbJ",skeleton:"skeleton-design_skeleton__3doHF",block:"skeleton-design_block__1Pn8j",circle:"skeleton-design_circle__33aFr",placeHolderShimmer:"skeleton-design_placeHolderShimmer__2eB1S","skeleton-effect-fade":"skeleton-design_skeleton-effect-fade__3JCrp"}},77:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={skeleton:"skeleton_skeleton__6U6m4",block:"skeleton_block__JlGC2",circle:"skeleton_circle__gfSYr",skeletonContent:"skeleton_skeletonContent__Huvr3",line:"skeleton_line__3efEy",word:"skeleton_word__Iey2b"}},786:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={darkMod:"dark-theme_darkMod__-BbJL"}},952:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={xxs:"heading-sizes_xxs__3-QXb",xs:"heading-sizes_xs__1id2a",sm:"heading-sizes_sm__1BJyF",md:"heading-sizes_md__ILgX3",lg:"heading-sizes_lg__1arGG",xl:"heading-sizes_xl__VU8DQ",xxl:"heading-sizes_xxl__2W_T6"}},695:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={h1:"heading_h1__N8Pa4",h2:"heading_h2__12ZA7",h3:"heading_h3__2zgzv",h4:"heading_h4__3J4at",h5:"heading_h5__3Voht",h6:"heading_h6__26PDJ"}},54:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={componentCompareAspectViewContainer:"compare-aspect-view_componentCompareAspectViewContainer__T1N1c",componentCompareAspectDiffEditorContainer:"compare-aspect-view_componentCompareAspectDiffEditorContainer__2-qNR",name:"compare-aspect-view_name__1HULa",componentCompareAspectConfigDiff:"compare-aspect-view_componentCompareAspectConfigDiff__jS5Iw",componentCompareAspectCalculatedDiff:"compare-aspect-view_componentCompareAspectCalculatedDiff__2DY4O",loader:"compare-aspect-view_loader__-_BtB",copyButton:"compare-aspect-view_copyButton__2Z3_H",isLabelVisible:"compare-aspect-view_isLabelVisible__1eSt7",message:"compare-aspect-view_message__24OtR"}},44:module2=>{"use strict";/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var getOwnPropertySymbols=Object.getOwnPropertySymbols,hasOwnProperty=Object.prototype.hasOwnProperty,propIsEnumerable=Object.prototype.propertyIsEnumerable;function toObject(val){if(val==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(val)}function shouldUseNative(){try{if(!Object.assign)return!1;var test1=new String("abc");if(test1[5]="de",Object.getOwnPropertyNames(test1)[0]==="5")return!1;for(var test2={},i=0;i<10;i++)test2["_"+String.fromCharCode(i)]=i;var order2=Object.getOwnPropertyNames(test2).map(function(n){return test2[n]});if(order2.join("")!=="0123456789")return!1;var test3={};return"abcdefghijklmnopqrst".split("").forEach(function(letter){test3[letter]=letter}),Object.keys(Object.assign({},test3)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}module2.exports=shouldUseNative()?Object.assign:function(target,source){for(var from,to=toObject(target),symbols,s=1;s<arguments.length;s++){from=Object(arguments[s]);for(var key in from)hasOwnProperty.call(from,key)&&(to[key]=from[key]);if(getOwnPropertySymbols){symbols=getOwnPropertySymbols(from);for(var i=0;i<symbols.length;i++)propIsEnumerable.call(from,symbols[i])&&(to[symbols[i]]=from[symbols[i]])}}return to}},671:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __webpack_unused_export__;/** @license React v17.0.2
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */__webpack_require__2(44);var f=__webpack_require__2(363),g=60103;if(__webpack_unused_export__=60107,typeof Symbol=="function"&&Symbol.for){var h=Symbol.for;g=h("react.element"),__webpack_unused_export__=h("react.fragment")}var m=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,n=Object.prototype.hasOwnProperty,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,k){var b,d={},e=null,l=null;k!==void 0&&(e=""+k),a.key!==void 0&&(e=""+a.key),a.ref!==void 0&&(l=a.ref);for(b in a)n.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)d[b]===void 0&&(d[b]=a[b]);return{$$typeof:g,type:c,key:e,ref:l,props:d,_owner:m.current}}exports2.jsx=q,__webpack_unused_export__=q},316:(module2,__unused_webpack_exports,__webpack_require__2)=>{"use strict";module2.exports=__webpack_require__2(671)},52:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{DiffEditor:()=>es_DiffEditor,default:()=>es_Editor,loader:()=>es_loader,useMonaco:()=>hooks_useMonaco});function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread2(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _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 _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 _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _iterableToArrayLimit(arr,i){if(!(typeof Symbol>"u"||!(Symbol.iterator in Object(arr)))){var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!(i&&_arr.length===i));_n=!0);}catch(err){_d=!0,_e=err}finally{try{!_n&&_i.return!=null&&_i.return()}finally{if(_d)throw _e}}return _arr}}function _unsupportedIterableToArray(o,minLen){if(!!o){if(typeof o=="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor&&(n=o.constructor.name),n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}}function _arrayLikeToArray(arr,len){(len==null||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _nonIterableRest(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function state_local_defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function state_local_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function state_local_objectSpread2(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?state_local_ownKeys(Object(source),!0).forEach(function(key){state_local_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):state_local_ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function compose(){for(var _len=arguments.length,fns=new Array(_len),_key=0;_key<_len;_key++)fns[_key]=arguments[_key];return function(x){return fns.reduceRight(function(y,f){return f(y)},x)}}function curry(fn){return function curried(){for(var _this=this,_len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];return args.length>=fn.length?fn.apply(this,args):function(){for(var _len3=arguments.length,nextArgs=new Array(_len3),_key3=0;_key3<_len3;_key3++)nextArgs[_key3]=arguments[_key3];return curried.apply(_this,[].concat(args,nextArgs))}}}function isObject(value){return{}.toString.call(value).includes("Object")}function isEmpty(obj){return!Object.keys(obj).length}function isFunction(value){return typeof value=="function"}function state_local_hasOwnProperty(object,property){return Object.prototype.hasOwnProperty.call(object,property)}function validateChanges(initial,changes){return isObject(changes)||errorHandler("changeType"),Object.keys(changes).some(function(field){return!state_local_hasOwnProperty(initial,field)})&&errorHandler("changeField"),changes}function validateSelector(selector){isFunction(selector)||errorHandler("selectorType")}function validateHandler(handler){isFunction(handler)||isObject(handler)||errorHandler("handlerType"),isObject(handler)&&Object.values(handler).some(function(_handler){return!isFunction(_handler)})&&errorHandler("handlersType")}function validateInitial(initial){initial||errorHandler("initialIsRequired"),isObject(initial)||errorHandler("initialType"),isEmpty(initial)&&errorHandler("initialContent")}function throwError(errorMessages2,type){throw new Error(errorMessages2[type]||errorMessages2.default)}var errorMessages={initialIsRequired:"initial state is required",initialType:"initial state should be an object",initialContent:"initial state shouldn't be an empty object",handlerType:"handler should be an object or a function",handlersType:"all handlers should be a functions",selectorType:"selector should be a function",changeType:"provided value of changes should be an object",changeField:'it seams you want to change a field in the state which is not specified in the "initial" state',default:"an unknown error accured in `state-local` package"},errorHandler=curry(throwError)(errorMessages),validators={changes:validateChanges,selector:validateSelector,handler:validateHandler,initial:validateInitial};function create(initial){var handler=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};validators.initial(initial),validators.handler(handler);var state={current:initial},didUpdate=curry(didStateUpdate)(state,handler),update=curry(updateState)(state),validate=curry(validators.changes)(initial),getChanges=curry(extractChanges)(state);function getState2(){var selector=arguments.length>0&&arguments[0]!==void 0?arguments[0]:function(state2){return state2};return validators.selector(selector),selector(state.current)}function setState2(causedChanges){compose(didUpdate,update,validate,getChanges)(causedChanges)}return[getState2,setState2]}function extractChanges(state,causedChanges){return isFunction(causedChanges)?causedChanges(state.current):causedChanges}function updateState(state,changes){return state.current=state_local_objectSpread2(state_local_objectSpread2({},state.current),changes),changes}function didStateUpdate(state,handler,changes){return isFunction(handler)?handler(state.current):Object.keys(changes).forEach(function(field){var _handler$field;return(_handler$field=handler[field])===null||_handler$field===void 0?void 0:_handler$field.call(handler,state.current[field])}),changes}var index={create};const state_local=index;var config={paths:{vs:"https://cdn.jsdelivr.net/npm/monaco-editor@0.43.0/min/vs"}};const es_config=config;function curry_curry(fn){return function curried(){for(var _this=this,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return args.length>=fn.length?fn.apply(this,args):function(){for(var _len2=arguments.length,nextArgs=new Array(_len2),_key2=0;_key2<_len2;_key2++)nextArgs[_key2]=arguments[_key2];return curried.apply(_this,[].concat(args,nextArgs))}}}const utils_curry=curry_curry;function isObject_isObject(value){return{}.toString.call(value).includes("Object")}const utils_isObject=isObject_isObject;function validateConfig(config2){return config2||validators_errorHandler("configIsRequired"),utils_isObject(config2)||validators_errorHandler("configType"),config2.urls?(informAboutDeprecation(),{paths:{vs:config2.urls.monacoBase}}):config2}function informAboutDeprecation(){console.warn(validators_errorMessages.deprecation)}function validators_throwError(errorMessages2,type){throw new Error(errorMessages2[type]||errorMessages2.default)}var validators_errorMessages={configIsRequired:"the configuration object is required",configType:"the configuration object should be an object",default:"an unknown error accured in `@monaco-editor/loader` package",deprecation:`Deprecation warning!
-    You are using deprecated way of configuration.
-
-    Instead of using
-      monaco.config({ urls: { monacoBase: '...' } })
-    use
-      monaco.config({ paths: { vs: '...' } })
-
-    For more please check the link https://github.com/suren-atoyan/monaco-loader#config
-  `},validators_errorHandler=utils_curry(validators_throwError)(validators_errorMessages),validators_validators={config:validateConfig};const es_validators=validators_validators;var compose_compose=function(){for(var _len=arguments.length,fns=new Array(_len),_key=0;_key<_len;_key++)fns[_key]=arguments[_key];return function(x){return fns.reduceRight(function(y,f){return f(y)},x)}};const utils_compose=compose_compose;function merge(target,source){return Object.keys(source).forEach(function(key){source[key]instanceof Object&&target[key]&&Object.assign(source[key],merge(target[key],source[key]))}),_objectSpread2(_objectSpread2({},target),source)}const deepMerge=merge;var CANCELATION_MESSAGE={type:"cancelation",msg:"operation is manually canceled"};function makeCancelable(promise){var hasCanceled_=!1,wrappedPromise=new Promise(function(resolve,reject){promise.then(function(val){return hasCanceled_?reject(CANCELATION_MESSAGE):resolve(val)}),promise.catch(reject)});return wrappedPromise.cancel=function(){return hasCanceled_=!0},wrappedPromise}const utils_makeCancelable=makeCancelable;var _state$create=state_local.create({config:es_config,isInitialized:!1,resolve:null,reject:null,monaco:null}),_state$create2=_slicedToArray(_state$create,2),getState=_state$create2[0],setState=_state$create2[1];function loader_config(globalConfig){var _validators$config=es_validators.config(globalConfig),monaco=_validators$config.monaco,config2=_objectWithoutProperties(_validators$config,["monaco"]);setState(function(state){return{config:deepMerge(state.config,config2),monaco}})}function init(){var state=getState(function(_ref){var monaco=_ref.monaco,isInitialized=_ref.isInitialized,resolve=_ref.resolve;return{monaco,isInitialized,resolve}});if(!state.isInitialized){if(setState({isInitialized:!0}),state.monaco)return state.resolve(state.monaco),utils_makeCancelable(wrapperPromise);if(window.monaco&&window.monaco.editor)return storeMonacoInstance(window.monaco),state.resolve(window.monaco),utils_makeCancelable(wrapperPromise);utils_compose(injectScripts,getMonacoLoaderScript)(configureLoader)}return utils_makeCancelable(wrapperPromise)}function injectScripts(script){return document.body.appendChild(script)}function createScript(src){var script=document.createElement("script");return src&&(script.src=src),script}function getMonacoLoaderScript(configureLoader2){var state=getState(function(_ref2){var config2=_ref2.config,reject=_ref2.reject;return{config:config2,reject}}),loaderScript=createScript("".concat(state.config.paths.vs,"/loader.js"));return loaderScript.onload=function(){return configureLoader2()},loaderScript.onerror=state.reject,loaderScript}function configureLoader(){var state=getState(function(_ref3){var config2=_ref3.config,resolve=_ref3.resolve,reject=_ref3.reject;return{config:config2,resolve,reject}}),require=window.require;require.config(state.config),require(["vs/editor/editor.main"],function(monaco){storeMonacoInstance(monaco),state.resolve(monaco)},function(error){state.reject(error)})}function storeMonacoInstance(monaco){getState().monaco||setState({monaco})}function __getMonacoInstance(){return getState(function(_ref4){var monaco=_ref4.monaco;return monaco})}var wrapperPromise=new Promise(function(resolve,reject){return setState({resolve,reject})}),loader={config:loader_config,init,__getMonacoInstance};const es_loader=loader;var external_React_=__webpack_require__2(363),external_React_default=__webpack_require__2.n(external_React_),prop_types=__webpack_require__2(516),prop_types_default=__webpack_require__2.n(prop_types);function _extends(){return _extends=Object.assign||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)}const loadingStyles={display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"};function Loading({content}){return external_React_default().createElement("div",{style:loadingStyles},content)}const Loading_Loading=Loading,MonacoContainer_styles={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}};function MonacoContainer({width,height,isEditorReady,loading,_ref,className,wrapperProps}){return external_React_default().createElement("section",_extends({style:{...MonacoContainer_styles.wrapper,width,height}},wrapperProps),!isEditorReady&&external_React_default().createElement(Loading_Loading,{content:loading}),external_React_default().createElement("div",{ref:_ref,style:{...MonacoContainer_styles.fullWidth,...!isEditorReady&&MonacoContainer_styles.hide},className}))}MonacoContainer.propTypes={width:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string]).isRequired,height:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string]).isRequired,loading:prop_types_default().oneOfType([prop_types_default().element,prop_types_default().string]).isRequired,isEditorReady:prop_types_default().bool.isRequired,className:prop_types_default().string,wrapperProps:prop_types_default().object};const MonacoContainer_MonacoContainer=MonacoContainer;var es_MonacoContainer_MonacoContainer=(0,external_React_.memo)(MonacoContainer_MonacoContainer);const es_MonacoContainer=es_MonacoContainer_MonacoContainer;function useMount(effect){(0,external_React_.useEffect)(effect,[])}const hooks_useMount=useMount;function useUpdate(effect,deps,applyChanges=!0){const isInitialMount=(0,external_React_.useRef)(!0);(0,external_React_.useEffect)(isInitialMount.current||!applyChanges?()=>{isInitialMount.current=!1}:effect,deps)}const hooks_useUpdate=useUpdate;function noop(){}function getOrCreateModel(monaco,value,language,path){return getModel(monaco,path)||createModel(monaco,value,language,path)}function getModel(monaco,path){return monaco.editor.getModel(createModelUri(monaco,path))}function createModel(monaco,value,language,path){return monaco.editor.createModel(value,language,path&&createModelUri(monaco,path))}function createModelUri(monaco,path){return monaco.Uri.parse(path)}function isUndefined(input){return input===void 0}function DiffEditor({original,modified,language,originalLanguage,modifiedLanguage,originalModelPath,modifiedModelPath,keepCurrentOriginalModel,keepCurrentModifiedModel,theme,loading,options,height,width,className,wrapperProps,beforeMount,onMount}){const[isEditorReady,setIsEditorReady]=(0,external_React_.useState)(!1),[isMonacoMounting,setIsMonacoMounting]=(0,external_React_.useState)(!0),editorRef=(0,external_React_.useRef)(null),monacoRef=(0,external_React_.useRef)(null),containerRef=(0,external_React_.useRef)(null),onMountRef=(0,external_React_.useRef)(onMount),beforeMountRef=(0,external_React_.useRef)(beforeMount);hooks_useMount(()=>{const cancelable=es_loader.init();return cancelable.then(monaco=>(monacoRef.current=monaco)&&setIsMonacoMounting(!1)).catch(error=>error?.type!=="cancelation"&&console.error("Monaco initialization: error:",error)),()=>editorRef.current?disposeEditor():cancelable.cancel()}),hooks_useUpdate(()=>{const modifiedEditor=editorRef.current.getModifiedEditor();modifiedEditor.getOption(monacoRef.current.editor.EditorOption.readOnly)?modifiedEditor.setValue(modified):modified!==modifiedEditor.getValue()&&(modifiedEditor.executeEdits("",[{range:modifiedEditor.getModel().getFullModelRange(),text:modified,forceMoveMarkers:!0}]),modifiedEditor.pushUndoStop())},[modified],isEditorReady),hooks_useUpdate(()=>{editorRef.current.getModel().original.setValue(original)},[original],isEditorReady),hooks_useUpdate(()=>{const{original:original2,modified:modified2}=editorRef.current.getModel();monacoRef.current.editor.setModelLanguage(original2,originalLanguage||language),monacoRef.current.editor.setModelLanguage(modified2,modifiedLanguage||language)},[language,originalLanguage,modifiedLanguage],isEditorReady),hooks_useUpdate(()=>{monacoRef.current.editor.setTheme(theme)},[theme],isEditorReady),hooks_useUpdate(()=>{editorRef.current.updateOptions(options)},[options],isEditorReady);const setModels=(0,external_React_.useCallback)(()=>{beforeMountRef.current(monacoRef.current);const originalModel=getOrCreateModel(monacoRef.current,original,originalLanguage||language,originalModelPath),modifiedModel=getOrCreateModel(monacoRef.current,modified,modifiedLanguage||language,modifiedModelPath);editorRef.current.setModel({original:originalModel,modified:modifiedModel})},[language,modified,modifiedLanguage,original,originalLanguage,originalModelPath,modifiedModelPath]),createEditor=(0,external_React_.useCallback)(()=>{editorRef.current=monacoRef.current.editor.createDiffEditor(containerRef.current,{automaticLayout:!0,...options}),setModels(),monacoRef.current.editor.setTheme(theme),setIsEditorReady(!0)},[options,theme,setModels]);(0,external_React_.useEffect)(()=>{isEditorReady&&onMountRef.current(editorRef.current,monacoRef.current)},[isEditorReady]),(0,external_React_.useEffect)(()=>{!isMonacoMounting&&!isEditorReady&&createEditor()},[isMonacoMounting,isEditorReady,createEditor]);function disposeEditor(){const models=editorRef.current.getModel();if(!keepCurrentOriginalModel){var _models$original;(_models$original=models.original)===null||_models$original===void 0||_models$original.dispose()}if(!keepCurrentModifiedModel){var _models$modified;(_models$modified=models.modified)===null||_models$modified===void 0||_models$modified.dispose()}editorRef.current.dispose()}return external_React_default().createElement(es_MonacoContainer,{width,height,isEditorReady,loading,_ref:containerRef,className,wrapperProps})}DiffEditor.propTypes={original:prop_types_default().string,modified:prop_types_default().string,language:prop_types_default().string,originalLanguage:prop_types_default().string,modifiedLanguage:prop_types_default().string,originalModelPath:prop_types_default().string,modifiedModelPath:prop_types_default().string,keepCurrentOriginalModel:prop_types_default().bool,keepCurrentModifiedModel:prop_types_default().bool,theme:prop_types_default().string,loading:prop_types_default().oneOfType([prop_types_default().element,prop_types_default().string]),options:prop_types_default().object,width:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string]),height:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string]),className:prop_types_default().string,wrapperProps:prop_types_default().object,beforeMount:prop_types_default().func,onMount:prop_types_default().func},DiffEditor.defaultProps={theme:"light",loading:"Loading...",options:{},keepCurrentOriginalModel:!1,keepCurrentModifiedModel:!1,width:"100%",height:"100%",wrapperProps:{},beforeMount:noop,onMount:noop};const DiffEditor_DiffEditor=DiffEditor;var DiffEditor_index=(0,external_React_.memo)(DiffEditor_DiffEditor);const es_DiffEditor=DiffEditor_index;function useMonaco(){const[monaco,setMonaco]=(0,external_React_.useState)(es_loader.__getMonacoInstance());return hooks_useMount(()=>{let cancelable;return monaco||(cancelable=es_loader.init(),cancelable.then(monaco2=>{setMonaco(monaco2)})),()=>{var _cancelable;return(_cancelable=cancelable)===null||_cancelable===void 0?void 0:_cancelable.cancel()}}),monaco}const hooks_useMonaco=useMonaco;function usePrevious(value){const ref=(0,external_React_.useRef)();return(0,external_React_.useEffect)(()=>{ref.current=value},[value]),ref.current}const hooks_usePrevious=usePrevious,viewStates=new Map;function Editor({defaultValue,defaultLanguage,defaultPath,value,language,path,theme,line,loading,options,overrideServices,saveViewState,keepCurrentModel,width,height,className,wrapperProps,beforeMount,onMount,onChange,onValidate}){const[isEditorReady,setIsEditorReady]=(0,external_React_.useState)(!1),[isMonacoMounting,setIsMonacoMounting]=(0,external_React_.useState)(!0),monacoRef=(0,external_React_.useRef)(null),editorRef=(0,external_React_.useRef)(null),containerRef=(0,external_React_.useRef)(null),onMountRef=(0,external_React_.useRef)(onMount),beforeMountRef=(0,external_React_.useRef)(beforeMount),subscriptionRef=(0,external_React_.useRef)(null),valueRef=(0,external_React_.useRef)(value),previousPath=hooks_usePrevious(path),preventCreation=(0,external_React_.useRef)(!1);hooks_useMount(()=>{const cancelable=es_loader.init();return cancelable.then(monaco=>(monacoRef.current=monaco)&&setIsMonacoMounting(!1)).catch(error=>error?.type!=="cancelation"&&console.error("Monaco initialization: error:",error)),()=>editorRef.current?disposeEditor():cancelable.cancel()}),hooks_useUpdate(()=>{const model=getOrCreateModel(monacoRef.current,defaultValue||value,defaultLanguage||language,path);model!==editorRef.current.getModel()&&(saveViewState&&viewStates.set(previousPath,editorRef.current.saveViewState()),editorRef.current.setModel(model),saveViewState&&editorRef.current.restoreViewState(viewStates.get(path)))},[path],isEditorReady),hooks_useUpdate(()=>{editorRef.current.updateOptions(options)},[options],isEditorReady),hooks_useUpdate(()=>{editorRef.current.getOption(monacoRef.current.editor.EditorOption.readOnly)?editorRef.current.setValue(value):value!==editorRef.current.getValue()&&(editorRef.current.executeEdits("",[{range:editorRef.current.getModel().getFullModelRange(),text:value,forceMoveMarkers:!0}]),editorRef.current.pushUndoStop())},[value],isEditorReady),hooks_useUpdate(()=>{monacoRef.current.editor.setModelLanguage(editorRef.current.getModel(),language)},[language],isEditorReady),hooks_useUpdate(()=>{isUndefined(line)||editorRef.current.revealLine(line)},[line],isEditorReady),hooks_useUpdate(()=>{monacoRef.current.editor.setTheme(theme)},[theme],isEditorReady);const createEditor=(0,external_React_.useCallback)(()=>{if(!preventCreation.current){beforeMountRef.current(monacoRef.current);const autoCreatedModelPath=path||defaultPath,defaultModel=getOrCreateModel(monacoRef.current,value||defaultValue,defaultLanguage||language,autoCreatedModelPath);editorRef.current=monacoRef.current.editor.create(containerRef.current,{model:defaultModel,automaticLayout:!0,...options},overrideServices),saveViewState&&editorRef.current.restoreViewState(viewStates.get(autoCreatedModelPath)),monacoRef.current.editor.setTheme(theme),setIsEditorReady(!0),preventCreation.current=!0}},[defaultValue,defaultLanguage,defaultPath,value,language,path,options,overrideServices,saveViewState,theme]);(0,external_React_.useEffect)(()=>{isEditorReady&&onMountRef.current(editorRef.current,monacoRef.current)},[isEditorReady]),(0,external_React_.useEffect)(()=>{!isMonacoMounting&&!isEditorReady&&createEditor()},[isMonacoMounting,isEditorReady,createEditor]),valueRef.current=value,(0,external_React_.useEffect)(()=>{if(isEditorReady&&onChange){var _subscriptionRef$curr,_editorRef$current;(_subscriptionRef$curr=subscriptionRef.current)===null||_subscriptionRef$curr===void 0||_subscriptionRef$curr.dispose(),subscriptionRef.current=(_editorRef$current=editorRef.current)===null||_editorRef$current===void 0?void 0:_editorRef$current.onDidChangeModelContent(event=>{onChange(editorRef.current.getValue(),event)})}},[isEditorReady,onChange]),(0,external_React_.useEffect)(()=>{if(isEditorReady){const changeMarkersListener=monacoRef.current.editor.onDidChangeMarkers(uris=>{var _editorRef$current$ge;const editorUri=(_editorRef$current$ge=editorRef.current.getModel())===null||_editorRef$current$ge===void 0?void 0:_editorRef$current$ge.uri;if(editorUri&&uris.find(uri=>uri.path===editorUri.path)){const markers=monacoRef.current.editor.getModelMarkers({resource:editorUri});onValidate?.(markers)}});return()=>{changeMarkersListener?.dispose()}}},[isEditorReady,onValidate]);function disposeEditor(){var _subscriptionRef$curr2;if((_subscriptionRef$curr2=subscriptionRef.current)===null||_subscriptionRef$curr2===void 0||_subscriptionRef$curr2.dispose(),keepCurrentModel)saveViewState&&viewStates.set(path,editorRef.current.saveViewState());else{var _editorRef$current$ge2;(_editorRef$current$ge2=editorRef.current.getModel())===null||_editorRef$current$ge2===void 0||_editorRef$current$ge2.dispose()}editorRef.current.dispose()}return external_React_default().createElement(es_MonacoContainer,{width,height,isEditorReady,loading,_ref:containerRef,className,wrapperProps})}Editor.propTypes={defaultValue:prop_types_default().string,defaultPath:prop_types_default().string,defaultLanguage:prop_types_default().string,value:prop_types_default().string,language:prop_types_default().string,path:prop_types_default().string,theme:prop_types_default().string,line:prop_types_default().number,loading:prop_types_default().oneOfType([prop_types_default().element,prop_types_default().string]),options:prop_types_default().object,overrideServices:prop_types_default().object,saveViewState:prop_types_default().bool,keepCurrentModel:prop_types_default().bool,width:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string]),height:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string]),className:prop_types_default().string,wrapperProps:prop_types_default().object,beforeMount:prop_types_default().func,onMount:prop_types_default().func,onChange:prop_types_default().func,onValidate:prop_types_default().func},Editor.defaultProps={theme:"light",loading:"Loading...",options:{},overrideServices:{},saveViewState:!0,keepCurrentModel:!1,width:"100%",height:"100%",wrapperProps:{},beforeMount:noop,onMount:noop,onValidate:noop};const Editor_Editor=Editor;var Editor_index=(0,external_React_.memo)(Editor_Editor);const es_Editor=Editor_index},236:(module2,exports2)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
-  Copyright (c) 2017 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
-*/(function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(!!arg){var argType=typeof arg;if(argType==="string"||argType==="number")classes.push(arg);else if(Array.isArray(arg)&&arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}else if(argType==="object")for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key)}}return classes.join(" ")}module2.exports?(classNames.default=classNames,module2.exports=classNames):(__WEBPACK_AMD_DEFINE_ARRAY__=[],__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports2,__WEBPACK_AMD_DEFINE_ARRAY__),__WEBPACK_AMD_DEFINE_RESULT__!==void 0&&(module2.exports=__WEBPACK_AMD_DEFINE_RESULT__))})()},22:(module2,__unused_webpack_exports,__webpack_require__2)=>{"use strict";var deselectCurrent=__webpack_require__2(298),clipboardToIE11Formatting={"text/plain":"Text","text/html":"Url",default:"Text"},defaultMessage="Copy to clipboard: #{key}, Enter";function format(message){var copyKey=(/mac os x/i.test(navigator.userAgent)?"\u2318":"Ctrl")+"+C";return message.replace(/#{\s*key\s*}/g,copyKey)}function copy(text,options){var debug,message,reselectPrevious,range,selection,mark,success=!1;options||(options={}),debug=options.debug||!1;try{reselectPrevious=deselectCurrent(),range=document.createRange(),selection=document.getSelection(),mark=document.createElement("span"),mark.textContent=text,mark.ariaHidden="true",mark.style.all="unset",mark.style.position="fixed",mark.style.top=0,mark.style.clip="rect(0, 0, 0, 0)",mark.style.whiteSpace="pre",mark.style.webkitUserSelect="text",mark.style.MozUserSelect="text",mark.style.msUserSelect="text",mark.style.userSelect="text",mark.addEventListener("copy",function(e){if(e.stopPropagation(),options.format)if(e.preventDefault(),typeof e.clipboardData>"u"){debug&&console.warn("unable to use e.clipboardData"),debug&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var format2=clipboardToIE11Formatting[options.format]||clipboardToIE11Formatting.default;window.clipboardData.setData(format2,text)}else e.clipboardData.clearData(),e.clipboardData.setData(options.format,text);options.onCopy&&(e.preventDefault(),options.onCopy(e.clipboardData))}),document.body.appendChild(mark),range.selectNodeContents(mark),selection.addRange(range);var successful=document.execCommand("copy");if(!successful)throw new Error("copy command was unsuccessful");success=!0}catch(err){debug&&console.error("unable to copy using execCommand: ",err),debug&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(options.format||"text",text),options.onCopy&&options.onCopy(window.clipboardData),success=!0}catch(err2){debug&&console.error("unable to copy using clipboardData: ",err2),debug&&console.error("falling back to prompt"),message=format("message"in options?options.message:defaultMessage),window.prompt(message,text)}}finally{selection&&(typeof selection.removeRange=="function"?selection.removeRange(range):selection.removeAllRanges()),mark&&document.body.removeChild(mark),reselectPrevious()}return success}module2.exports=copy},388:(module2,__unused_webpack_exports,__webpack_require__2)=>{"use strict";var ReactPropTypesSecret=__webpack_require__2(745);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,module2.exports=function(){function shim(props,propName,componentName,location,propFullName,secret){if(secret!==ReactPropTypesSecret){var err=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw err.name="Invariant Violation",err}}shim.isRequired=shim;function getShim(){return shim}var ReactPropTypes={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return ReactPropTypes.PropTypes=ReactPropTypes,ReactPropTypes}},516:(module2,__unused_webpack_exports,__webpack_require__2)=>{if(!1)var throwOnDirectAccess,ReactIs;else module2.exports=__webpack_require__2(388)()},745:module2=>{"use strict";var ReactPropTypesSecret="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";module2.exports=ReactPropTypesSecret},298:module2=>{module2.exports=function(){var selection=document.getSelection();if(!selection.rangeCount)return function(){};for(var active=document.activeElement,ranges=[],i=0;i<selection.rangeCount;i++)ranges.push(selection.getRangeAt(i));switch(active.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":active.blur();break;default:active=null;break}return selection.removeAllRanges(),function(){selection.type==="Caret"&&selection.removeAllRanges(),selection.rangeCount||ranges.forEach(function(range){selection.addRange(range)}),active&&active.focus()}}},363:module2=>{"use strict";module2.exports=React}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module2=__webpack_module_cache__[moduleId]={exports:{}};return __webpack_modules__[moduleId].call(module2.exports,module2,module2.exports,__webpack_require__),module2.exports}__webpack_require__.m=__webpack_modules__,(()=>{var deferred=[];__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(chunkIds){priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority];return}for(var notFulfilled=1/0,i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(priority&!1||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every(key=>__webpack_require__.O[key](chunkIds[j]))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();r!==void 0&&(result=r)}}return result}})(),__webpack_require__.n=module2=>{var getter=module2&&module2.__esModule?()=>module2.default:()=>module2;return __webpack_require__.d(getter,{a:getter}),getter},__webpack_require__.d=(exports2,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports2,key)&&Object.defineProperty(exports2,key,{enumerable:!0,get:definition[key]})},__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports2=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports2,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports2,"__esModule",{value:!0})},(()=>{var installedChunks={624:0};__webpack_require__.O.j=chunkId=>installedChunks[chunkId]===0;var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var[chunkIds,moreModules,runtime]=data,moduleId,chunkId,i=0;if(chunkIds.some(id=>installedChunks[id]!==0)){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunk=self.webpackChunk||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})();var __webpack_exports__={};return(()=>{"use strict";var exports2=__webpack_exports__,__bit_component={id:"teambit.component/ui/component-compare/compare-aspects/compare-aspect-view@04f13a76242c952d31f2884f075ac4aa5b8fe0ce",homepage:"https://bit.cloud/teambit/component/ui/component-compare/compare-aspects/compare-aspect-view",exported:!0};Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.CompareAspectView=void 0;var compare_aspect_view_1=__webpack_require__(660);Object.defineProperty(exports2,"CompareAspectView",{enumerable:!0,get:function(){return compare_aspect_view_1.CompareAspectView}})})(),__webpack_exports__=__webpack_require__.O(__webpack_exports__),__webpack_exports__})());

package/teambit_component_ui_component_compare_compare_aspects_compare_aspect_view-preview.js

@@ -1 +0,0 @@
-"use strict";(function(root,factory){typeof exports=="object"&&typeof module=="object"?module.exports=factory():typeof define=="function"&&define.amd?define([],factory):typeof exports=="object"?exports["teambit.component/ui/component-compare/compare-aspects/compare-aspect-view-preview"]=factory():root["teambit.component/ui/component-compare/compare-aspects/compare-aspect-view-preview"]=factory()})(self,()=>(self.webpackChunk=self.webpackChunk||[]).push([[990],{999:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{compositions:()=>compositions,compositions_metadata:()=>compositions_metadata,overview:()=>overview});var __bit_component={id:"teambit.component/ui/component-compare/compare-aspects/compare-aspect-view@04f13a76242c952d31f2884f075ac4aa5b8fe0ce",homepage:"https://bit.cloud/teambit/component/ui/component-compare/compare-aspects/compare-aspect-view",exported:!0};const compositions=[],overview=[],compositions_metadata={compositions:[]}}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId),__webpack_exports__=__webpack_exec__(999);return __webpack_exports__}]));