← All changes | js/dist/externals/analysisReport.js +41 -1 18.1 → trunk View file →

		@@ -1 +1,41 @@
1		-window.yoast=window.yoast||{},window.yoast.analysisReport=function(e){var t={};function r(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=e,r.c=t,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=533)}({0:function(e,t){e.exports=window.yoast.propTypes},1:function(e,t){e.exports=window.wp.element},10:function(e,t){function r(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}e.exports=function(e,t,o){return t&&r(e.prototype,t),o&&r(e,o),e},e.exports.default=e.exports,e.exports.__esModule=!0},11:function(e,t,r){var o=r(30);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)},e.exports.default=e.exports,e.exports.__esModule=!0},12:function(e,t,r){var o=r(24).default,n=r(14);e.exports=function(e,t){return!t||"object"!==o(t)&&"function"!=typeof t?n(e):t},e.exports.default=e.exports,e.exports.__esModule=!0},13:function(e,t){e.exports=window.yoast.componentsNew},14:function(e,t){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e},e.exports.default=e.exports,e.exports.__esModule=!0},24:function(e,t){function r(t){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(e.exports=r=function(e){return typeof e},e.exports.default=e.exports,e.exports.__esModule=!0):(e.exports=r=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.default=e.exports,e.exports.__esModule=!0),r(t)}e.exports=r,e.exports.default=e.exports,e.exports.__esModule=!0},3:function(e,t){e.exports=window.wp.i18n},30:function(e,t){function r(t,o){return e.exports=r=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},e.exports.default=e.exports,e.exports.__esModule=!0,r(t,o)}e.exports=r,e.exports.default=e.exports,e.exports.__esModule=!0},4:function(e,t){e.exports=window.React},5:function(e,t){e.exports=window.yoast.styledComponents},533:function(e,t,r){"use strict";r.r(t),r.d(t,"ContentAnalysis",(function(){return F})),r.d(t,"AnalysisResult",(function(){return O})),r.d(t,"AnalysisList",(function(){return j})),r.d(t,"renderRatingToColor",(function(){return C})),r.d(t,"SiteSEOReport",(function(){return V}));var o,n,s,a=r(6),i=r.n(a),u=r(1),l=r(3),c=r(4),p=r.n(c),d=r(5),f=r.n(d),m=r(0),b=r.n(m),x=r(93),g=r.n(x),y=r(7),h=r(13),_=f.a.li(o||(o=i()(["\n\t// This is the height of the IconButtonToggle.\n\tmin-height: 24px;\n\tpadding: 0;\n\tdisplay: flex;\n\talign-items: flex-start;\n"]))),k=f()(h.SvgIcon)(n||(n=i()(["\n\tmargin: 3px 11px 0 0; // icon 13 + 11 right margin = 24 for the 8px grid.\n"]))),v=f.a.p(s||(s=i()(["\n\tmargin: 0 16px 0 0;\n\tflex: 1 1 auto;\n"]))),w=function(e){return Object(u.createElement)(_,null,Object(u.createElement)(k,{icon:"circle",color:e.bulletColor,size:"13px"}),Object(u.createElement)(v,{dangerouslySetInnerHTML:{__html:e.text}}),e.hasMarksButton&&!function(e){return"hidden"===e.marksButtonStatus}(e)&&Object(u.createElement)(h.IconButtonToggle,{marksButtonStatus:e.marksButtonStatus,className:e.marksButtonClassName,onClick:e.onButtonClick,id:e.buttonId,icon:"eye",pressed:e.pressed,ariaLabel:e.ariaLabel}))};w.propTypes={text:b.a.string.isRequired,bulletColor:b.a.string.isRequired,hasMarksButton:b.a.bool.isRequired,buttonId:b.a.string.isRequired,pressed:b.a.bool.isRequired,ariaLabel:b.a.string.isRequired,onButtonClick:b.a.func.isRequired,marksButtonStatus:b.a.string,marksButtonClassName:b.a.string},w.defaultProps={marksButtonStatus:"enabled",marksButtonClassName:""};var B,O=w,R=f.a.ul(B||(B=i()(["\n\tmargin: 8px 0;\n\tpadding: 0;\n\tlist-style: none;\n"])));function C(e){switch(e){case"good":return y.colors.$color_good;case"OK":return y.colors.$color_ok;case"bad":return y.colors.$color_bad;default:return y.colors.$color_score_icon}}function j(e){var t=e.results,r=e.marksButtonActivatedResult,o=e.marksButtonStatus,n=e.marksButtonClassName,s=e.onMarksButtonClick;return Object(u.createElement)(R,{role:"list"},t.map((function(e){var t,a=C(e.rating),i=e.markerId===r;return t="disabled"===o?Object(l.__)("Marks are disabled in current view","wordpress-seo"):i?Object(l.__)("Remove highlight from the text","wordpress-seo"):Object(l.__)("Highlight this result in the text","wordpress-seo"),Object(u.createElement)(O,{key:e.id,text:e.text,bulletColor:a,hasMarksButton:e.hasMarks,ariaLabel:t,pressed:i,buttonId:e.id,onButtonClick:function(){return s(e.id,e.marker)},marksButtonClassName:n,marksButtonStatus:o})})))}j.propTypes={results:b.a.array.isRequired,marksButtonActivatedResult:b.a.string,marksButtonStatus:b.a.string,marksButtonClassName:b.a.string,onMarksButtonClick:b.a.func},j.defaultProps={marksButtonActivatedResult:"",marksButtonStatus:"enabled",marksButtonClassName:"",onMarksButtonClick:g.a};var M,S,N=r(9),E=r.n(N),I=r(10),P=r.n(I),A=r(11),T=r.n(A),q=r(12),L=r.n(q),z=r(8),$=r.n(z);var H=f.a.div(M||(M=i()(["\n\twidth: 100%;\n\tbackground-color: white;\n\tborder-bottom: 1px solid transparent; // Avoid parent and child margin collapsing.\n"]))),G=f()(h.Collapsible)(S||(S=i()(["\n\tmargin-bottom: 8px;\n\n\tbutton:first-child svg {\n\t\tmargin: -2px 8px 0 -2px; // Compensate icon size set to 18px.\n\t}\n\n\t"," {\n\t\tpadding: 8px 0;\n\t\tcolor: ","\n\t}\n"])),h.StyledIconsButton,y.colors.$color_blue),K=function(e){T()(n,e);var t,r,o=(t=n,r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,o=$()(t);if(r){var n=$()(this).constructor;e=Reflect.construct(o,arguments,n)}else e=o.apply(this,arguments);return L()(this,e)});function n(){return E()(this,n),o.apply(this,arguments)}return P()(n,[{key:"renderCollapsible",value:function(e,t,r){return Object(u.createElement)(G,{initialIsOpen:!0,title:"".concat(e," (").concat(r.length,")"),prefixIcon:{icon:"angle-up",color:y.colors.$color_grey_dark,size:"18px"},prefixIconCollapsed:{icon:"angle-down",color:y.colors.$color_grey_dark,size:"18px"},suffixIcon:null,suffixIconCollapsed:null,headingProps:{level:t,fontSize:"13px",fontWeight:"bold"}},Object(u.createElement)(j,{results:r,marksButtonActivatedResult:this.props.activeMarker,marksButtonStatus:this.props.marksButtonStatus,marksButtonClassName:this.props.marksButtonClassName,onMarksButtonClick:this.props.onMarkButtonClick}))}},{key:"render",value:function(){var e=this.props,t=e.problemsResults,r=e.improvementsResults,o=e.goodResults,n=e.considerationsResults,s=e.errorsResults,a=e.headingLevel,i=s.length,c=t.length,p=r.length,d=n.length,f=o.length;return Object(u.createElement)(H,null,i>0&&this.renderCollapsible(Object(l.__)("Errors","wordpress-seo"),a,s),c>0&&this.renderCollapsible(Object(l.__)("Problems","wordpress-seo"),a,t),p>0&&this.renderCollapsible(Object(l.__)("Improvements","wordpress-seo"),a,r),d>0&&this.renderCollapsible(Object(l.__)("Considerations","wordpress-seo"),a,n),f>0&&this.renderCollapsible(Object(l.__)("Good results","wordpress-seo"),a,o))}}]),n}(p.a.Component);K.propTypes={onMarkButtonClick:b.a.func,problemsResults:b.a.array,improvementsResults:b.a.array,goodResults:b.a.array,considerationsResults:b.a.array,errorsResults:b.a.array,headingLevel:b.a.number,marksButtonStatus:b.a.string,marksButtonClassName:b.a.string,activeMarker:b.a.string},K.defaultProps={onMarkButtonClick:function(){},problemsResults:[],improvementsResults:[],goodResults:[],considerationsResults:[],errorsResults:[],headingLevel:4,marksButtonStatus:"enabled",marksButtonClassName:"",activeMarker:""};var W,D,F=K,J=f.a.div(W||(W=i()(["\n"]))),Q=f.a.p(D||(D=i()(["\n\tfont-size: 14px;\n"]))),U=function(e){return Object(u.createElement)(J,{className:e.className},Object(u.createElement)(Q,{className:"".concat(e.className,"__text")},e.seoAssessmentText),Object(u.createElement)(h.StackedProgressBar,{className:"progress",items:e.seoAssessmentItems,barHeight:e.barHeight}),Object(u.createElement)(h.ScoreAssessments,{className:"assessments",items:e.seoAssessmentItems}))};U.propTypes={className:b.a.string,seoAssessmentText:b.a.string,seoAssessmentItems:b.a.arrayOf(b.a.shape({html:b.a.string.isRequired,value:b.a.number.isRequired,color:b.a.string.isRequired})),barHeight:b.a.string},U.defaultProps={className:"seo-assessment",seoAssessmentText:"SEO Assessment",seoAssessmentItems:null,barHeight:"24px"};var V=U},6:function(e,t){e.exports=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))},e.exports.default=e.exports,e.exports.__esModule=!0},7:function(e,t){e.exports=window.yoast.styleGuide},8:function(e,t){function r(t){return e.exports=r=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},e.exports.default=e.exports,e.exports.__esModule=!0,r(t)}e.exports=r,e.exports.default=e.exports,e.exports.__esModule=!0},9:function(e,t){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},e.exports.default=e.exports,e.exports.__esModule=!0},93:function(e,t){e.exports=window.lodash.noop}});
	1	+(()=>{"use strict";var s={n:e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},d:(e,t)=>{for(var o in t)s.o(t,o)&&!s.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},o:(s,e)=>Object.prototype.hasOwnProperty.call(s,e),r:s=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(s,"__esModule",{value:!0})}},e={};s.r(e),s.d(e,{AnalysisList:()=>_,AnalysisResult:()=>w,ContentAnalysis:()=>S,SiteSEOReport:()=>j,renderRatingToColor:()=>I});const t=window.wp.i18n,o=window.yoast.styleGuide,r=window.lodash.noop;var n=s.n(r);const i=window.yoast.propTypes;var l=s.n(i);const a=window.React;var u=s.n(a);const d=window.yoast.styledComponents;var p=s.n(d);const g=window.yoast.componentsNew,c=window.yoast.helpers,m=window.lodash,h=window.ReactJSXRuntime,{stripTagsFromHtmlString:k}=c.strings,B=["a","b","strong","em","i"],b=p().div`
	2	+ display: grid;
	3	+ grid-template-rows: 1fr;
	4	+ max-width: 32px;
	5	+ // This gap value is half the gap value between assessment result list items, which is 12px.
	6	+ gap: 6px;
	7	+`,C=p().li`
	8	+ // This is the height of the IconButtonToggle.
	9	+ min-height: 24px;
	10	+ margin-bottom: 12px;
	11	+ padding: 0;
	12	+ display: flex;
	13	+ align-items: flex-start;
	14	+ position: relative;
	15	+ gap: 12px;
	16	+`,x=p()(g.SvgIcon)`
	17	+ margin: 3px 0 0 0;
	18	+`,y=p().p`
	19	+ margin: 0;
	20	+ flex: 1 1 auto;
	21	+ color: ${s=>s.suppressedText?"rgba(30,30,30,0.5)":"inherit"};
	22	+`,R=({ariaLabel:s,id:e,className:t,status:o,onClick:r,isPressed:n})=>(0,h.jsx)(g.IconButtonToggle,{marksButtonStatus:o,className:t,onClick:r,id:e,icon:"eye",pressed:n,ariaLabel:s}),f=({ariaLabelMarks:s,ariaLabelEdit:e="",bulletColor:t,buttonIdMarks:o,buttonIdEdit:r="",editButtonClassName:n="",hasAIFixes:i=!1,hasBetaBadgeLabel:l=!1,hasEditButton:u=!1,hasMarksButton:d,id:p="",isPremium:c=!1,marker:f=m.noop,markButtonFactory:w=null,marksButtonStatus:v="enabled",marksButtonClassName:I="",onButtonClickMarks:_,onButtonClickEdit:N=m.noop,onResultChange:A=m.noop,pressed:M,renderHighlightingUpsell:S=m.noop,renderAIOptimizeButton:H=m.noop,shouldUpsellHighlighting:E=!1,suppressedText:T=!1,text:j})=>{const[L,O]=(0,a.useState)(!1),P=(0,a.useCallback)(()=>O(!1),[]),U=(0,a.useCallback)(()=>O(!0),[]);w=w||R;let F=null;return function(s,e){return!s||"hidden"===e}(d,v)||(F=w({onClick:E?U:_,status:v,className:I,id:o,isPressed:M,ariaLabel:s})),(0,a.useEffect)(()=>{A(p,f,d)},[p,f,d]),(0,h.jsxs)(C,{children:[(0,h.jsx)(x,{icon:"circle",color:t,size:"13px"}),(0,h.jsxs)(y,{suppressedText:T,children:[l&&(0,h.jsx)(g.BetaBadge,{}),(0,h.jsx)("span",{dangerouslySetInnerHTML:{__html:k(j,B)}})]}),(0,h.jsxs)(b,{children:[F,S(L,P),u&&c&&(0,h.jsx)(g.IconCTAEditButton,{className:n,onClick:N,id:r,icon:"edit",ariaLabel:e}),H(i,p)]})]})};f.propTypes={text:l().string.isRequired,suppressedText:l().bool,bulletColor:l().string.isRequired,hasMarksButton:l().bool.isRequired,hasEditButton:l().bool,hasAIFixes:l().bool,buttonIdMarks:l().string.isRequired,buttonIdEdit:l().string,pressed:l().bool.isRequired,ariaLabelMarks:l().string.isRequired,ariaLabelEdit:l().string,onButtonClickMarks:l().func.isRequired,onButtonClickEdit:l().func,marksButtonStatus:l().string,marksButtonClassName:l().string,markButtonFactory:l().func,editButtonClassName:l().string,hasBetaBadgeLabel:l().bool,isPremium:l().bool,onResultChange:l().func,id:l().string,marker:l().oneOfType([l().func,l().array]),shouldUpsellHighlighting:l().bool,renderHighlightingUpsell:l().func,renderAIOptimizeButton:l().func};const w=f,v=p().ul`
	23	+ margin: 8px 0;
	24	+ padding: 0;
	25	+ list-style: none;
	26	+`;function I(s){switch(s){case"good":return o.colors.$color_good;case"OK":return o.colors.$color_ok;case"bad":return o.colors.$color_bad;default:return o.colors.$color_score_icon}}function _({results:s,marksButtonActivatedResult:e="",marksButtonStatus:o="enabled",marksButtonClassName:r="",editButtonClassName:i="",markButtonFactory:l=null,onMarksButtonClick:a=n(),onEditButtonClick:u=n(),isPremium:d=!1,onResultChange:p=n(),shouldUpsellHighlighting:g=!1,renderHighlightingUpsell:c=n(),renderAIOptimizeButton:m=n()}){return(0,h.jsx)(v,{role:"list",children:s.map(s=>{const n=I(s.rating),k=s.markerId===e,B=s.editFieldName,b=s.id+"Mark",C=B+"Edit";let x="";x="disabled"===o?(0,t.__)("Highlighting is currently disabled","wordpress-seo"):k?(0,t.__)("Remove highlight from the text","wordpress-seo"):(0,t.__)("Highlight this result in the text","wordpress-seo");const y=s.editFieldAriaLabel;return(0,h.jsx)(w,{id:s.id,text:s.text,marker:s.marker,bulletColor:n,hasMarksButton:s.hasMarks,hasEditButton:s.hasJumps,hasAIFixes:s.hasAIFixes,ariaLabelMarks:x,ariaLabelEdit:y,pressed:k,suppressedText:"upsell"===s.rating,buttonIdMarks:b,buttonIdEdit:C,onButtonClickMarks:()=>a(s.id,s.marker),onButtonClickEdit:s=>u(B,s),marksButtonClassName:r,editButtonClassName:i,marksButtonStatus:o,hasBetaBadgeLabel:s.hasBetaBadge,isPremium:d,onResultChange:p,markButtonFactory:l,shouldUpsellHighlighting:g,renderAIOptimizeButton:m,renderHighlightingUpsell:c},s.id)})})}_.propTypes={results:l().array.isRequired,marksButtonActivatedResult:l().string,marksButtonStatus:l().string,marksButtonClassName:l().string,editButtonClassName:l().string,markButtonFactory:l().func,onMarksButtonClick:l().func,onEditButtonClick:l().func,isPremium:l().bool,onResultChange:l().func,shouldUpsellHighlighting:l().bool,renderHighlightingUpsell:l().func,renderAIOptimizeButton:l().func};const N=p().div`
	27	+ width: 100%;
	28	+ background-color: white;
	29	+ border-bottom: 1px solid transparent; // Avoid parent and child margin collapsing.
	30	+`,A=p()(g.Collapsible)`
	31	+ margin-bottom: 8px;
	32	+
	33	+ ${g.StyledIconsButton} {
	34	+ padding: 8px 0;
	35	+ color: ${o.colors.$color_blue};
	36	+ margin: -2px 8px 0 -2px; // Compensate icon size set to 18px.
	37	+ }
	38	+`;class M extends u().Component{renderCollapsible(s,e,t,r=null){return(0,h.jsx)(A,{id:r?`${r}-collapsible`:null,initialIsOpen:!0,title:`${s} (${t.length})`,prefixIcon:{icon:"angle-up",color:o.colors.$color_grey_dark,size:"18px"},prefixIconCollapsed:{icon:"angle-down",color:o.colors.$color_grey_dark,size:"18px"},suffixIcon:null,suffixIconCollapsed:null,headingProps:{level:e,fontSize:"13px",fontWeight:"500",color:"#1e1e1e"},children:(0,h.jsx)(_,{results:t,marksButtonActivatedResult:this.props.activeMarker,marksButtonStatus:this.props.marksButtonStatus,marksButtonClassName:this.props.marksButtonClassName,editButtonClassName:this.props.editButtonClassName,markButtonFactory:this.props.markButtonFactory,onMarksButtonClick:this.props.onMarkButtonClick,onEditButtonClick:this.props.onEditButtonClick,renderAIOptimizeButton:this.props.renderAIOptimizeButton,isPremium:this.props.isPremium,onResultChange:this.props.onResultChange,shouldUpsellHighlighting:this.props.shouldUpsellHighlighting,renderHighlightingUpsell:this.props.renderHighlightingUpsell})})}render(){const{problemsResults:s,improvementsResults:e,goodResults:o,considerationsResults:r,errorsResults:n,upsellResults:i,headingLevel:l,resultCategoryLabels:a,id:u}=this.props,d=n.length,p=s.length,g=e.length,c=r.length,m=o.length,k=i.length,B={errors:(0,t.__)("Errors","wordpress-seo"),problems:(0,t.__)("Problems","wordpress-seo"),improvements:(0,t.__)("Improvements","wordpress-seo"),considerations:(0,t.__)("Considerations","wordpress-seo"),goodResults:(0,t.__)("Good results","wordpress-seo")},b=Object.assign(B,a);return(0,h.jsxs)(N,{children:[d>0&&this.renderCollapsible(b.errors,l,n),p+k>0&&this.renderCollapsible(b.problems,l,[...i,...s],u?`${u}-problems`:null),g>0&&this.renderCollapsible(b.improvements,l,e),c>0&&this.renderCollapsible(b.considerations,l,r),m>0&&this.renderCollapsible(b.goodResults,l,o)]})}}M.propTypes={onMarkButtonClick:l().func,onEditButtonClick:l().func,problemsResults:l().array,improvementsResults:l().array,goodResults:l().array,considerationsResults:l().array,errorsResults:l().array,upsellResults:l().array,headingLevel:l().number,marksButtonStatus:l().string,marksButtonClassName:l().string,markButtonFactory:l().func,editButtonClassName:l().string,activeMarker:l().string,isPremium:l().bool,resultCategoryLabels:l().shape({errors:l().string,problems:l().string,improvements:l().string,considerations:l().string,goodResults:l().string}),onResultChange:l().func,shouldUpsellHighlighting:l().bool,renderHighlightingUpsell:l().func,renderAIOptimizeButton:l().func,id:l().string},M.defaultProps={onMarkButtonClick:()=>{},onEditButtonClick:()=>{},problemsResults:[],improvementsResults:[],goodResults:[],considerationsResults:[],errorsResults:[],upsellResults:[],headingLevel:4,marksButtonStatus:"enabled",marksButtonClassName:"",markButtonFactory:null,editButtonClassName:"",activeMarker:"",isPremium:!1,resultCategoryLabels:{},onResultChange:()=>{},shouldUpsellHighlighting:!1,renderHighlightingUpsell:()=>{},renderAIOptimizeButton:()=>{},id:""};const S=M,H=p().div`
	39	+`,E=p().p`
	40	+ font-size: 14px;
	41	+`,T=({className:s="seo-assessment",seoAssessmentText:e="SEO Assessment",seoAssessmentItems:t=null,barHeight:o="24px"})=>(0,h.jsxs)(H,{className:s,children:[(0,h.jsx)(E,{className:`${s}__text`,children:e}),(0,h.jsx)(g.StackedProgressBar,{className:"progress",items:t,barHeight:o}),(0,h.jsx)(g.ScoreAssessments,{className:"assessments",items:t})]});T.propTypes={className:l().string,seoAssessmentText:l().string,seoAssessmentItems:l().arrayOf(l().shape({html:l().string.isRequired,value:l().number.isRequired,color:l().string.isRequired})),barHeight:l().string};const j=T;(window.yoast=window.yoast||{}).analysisReport=e})();