diff --git a/build/validation-api-rtl.css b/build/validation-api-rtl.css index 87a7a4d..6165f60 100644 --- a/build/validation-api-rtl.css +++ b/build/validation-api-rtl.css @@ -1 +1 @@ -:root{--validaion-api-light-blue:#dfe9ee;--validaion-api-blue:#507a96;--validaion-api-lightest-grey:#f7f7f7;--validaion-api-light-grey:#e8e8e8;--validaion-api-grey:#b9b9b9;--validaion-api-medium-grey:#666;--validaion-api-dark-grey:#474747;--validaion-api-black:#1d2327;--validaion-api-red:#d82000;--validaion-api-light-red:#ffe4e0;--validaion-api-dark-red:#a21800;--validaion-api-yellow:#cbba00;--validaion-api-light-yellow:#fffde2;--validaion-api-dark-yellow:#807500;--validaion-api-lightest-green:#f1fcf2;--validaion-api-green:#2aad40;--validaion-api-dark-green:#1b6027;--validaion-api-border-width:3px solid;--validaion-api-settings-space:32px;--validaion-api-font-small:0.8rem}.validation-api-validation-list{margin:0;padding:0}.validation-api-validation-item{border-right:var(--validaion-api-border-width);border-radius:2px;margin-bottom:12px;padding:12px 14px;width:100%}.validation-api-validation-item:last-child{margin-bottom:0}.validation-api-validation-item--error{background-color:var(--validaion-api-light-red);border-color:var(--validaion-api-red)}.validation-api-validation-item--warning{background-color:var(--validaion-api-light-yellow);border-color:var(--validaion-api-yellow)}.validation-api-validation-message{font-size:13px;line-height:1.5;margin:0}.validation-api-validation-message strong{font-weight:600}.validation-api-validation-item--error .validation-api-validation-message{color:var(--validaion-api-dark-red)}.validation-api-validation-item--warning .validation-api-validation-message{color:var(--validaion-api-dark-yellow)}.validation-api-validation-description{color:#636363;font-size:12px;line-height:1.4;margin-top:8px}.validation-api-block-error,.validation-api-block-warning{position:relative}.validation-api-block-indicator,.validation-api-meta-indicator{height:24px;right:-2px;pointer-events:none;position:absolute;top:-2px;width:24px;z-index:20}.validation-api-block-indicator-button.components-button.has-icon,.validation-api-meta-indicator-button.components-button.has-icon{background-color:var(--validaion-api-light-red);border:1px solid var(--validaion-api-red);cursor:pointer;height:100%;min-width:0;padding:0;pointer-events:all;position:absolute;transition:all .2s ease;width:100%}.validation-api-block-indicator-button.components-button.has-icon svg,.validation-api-meta-indicator-button.components-button.has-icon svg{fill:var(--validaion-api-dark-red);height:18px;width:18px}.validation-api-block-indicator-button.components-button.has-icon:hover,.validation-api-meta-indicator-button.components-button.has-icon:hover{background-color:var(--validaion-api-red)}.validation-api-block-indicator-button.components-button.has-icon:hover svg path,.validation-api-meta-indicator-button.components-button.has-icon:hover svg path{fill:#fff}.validation-api-block-indicator--warning .validation-api-block-indicator-button.components-button,.validation-api-meta-indicator--warning .validation-api-meta-indicator-button.components-button{background-color:var(--validaion-api-light-yellow);border-color:var(--validaion-api-yellow);color:var(--validaion-api-yellow)}.validation-api-block-indicator--warning .validation-api-block-indicator-button.components-button svg,.validation-api-meta-indicator--warning .validation-api-meta-indicator-button.components-button svg{fill:var(--validaion-api-dark-yellow);height:20px;width:20px}.validation-api-block-indicator--warning .validation-api-block-indicator-button.components-button:hover,.validation-api-meta-indicator--warning .validation-api-meta-indicator-button.components-button:hover{background-color:var(--validaion-api-yellow);border-color:1px solid var(--validaion-api-yellow)}.validation-api-block-indicator--warning .validation-api-block-indicator-button.components-button:hover svg path,.validation-api-meta-indicator--warning .validation-api-meta-indicator-button.components-button:hover svg path{fill:#fff}.validation-api-indicator-errors .validation-api-indicator-section-title-circle,.validation-api-indicator-warnings .validation-api-indicator-section-title-circle{border-radius:50%;display:inline-block;height:8px;margin-bottom:2px;margin-left:8px;vertical-align:middle;width:8px}.validation-api-indicator-category-label{font-style:italic}.validation-api-indicator-errors .validation-api-indicator-section-title-circle{background-color:var(--validaion-api-red)}.validation-api-indicator-warnings .validation-api-indicator-section-title-circle{background-color:var(--validaion-api-yellow)}.validation-api-indicator-section+.validation-api-indicator-section{margin-top:24px}.validation-api-indicator-modal-content .validation-api-indicator-errors p,.validation-api-indicator-modal-content .validation-api-indicator-errors ul,.validation-api-indicator-modal-content .validation-api-indicator-warnings p,.validation-api-indicator-modal-content .validation-api-indicator-warnings ul{margin:0}.validation-api-indicator-modal-content .validation-api-indicator-errors ul,.validation-api-indicator-modal-content .validation-api-indicator-warnings ul{margin-right:3px;padding:4px 14px 2px 0}.validation-api-indicator-modal-content .validation-api-indicator-errors li,.validation-api-indicator-modal-content .validation-api-indicator-warnings li{margin:0;padding:4px 0}.validation-api-meta-error .components-select-control__input,.validation-api-meta-error .components-text-control__input,.validation-api-meta-error .components-textarea-control__input{border-right:4px solid var(--validaion-api-red)}.validation-api-meta-warning .components-select-control__input,.validation-api-meta-warning .components-text-control__input,.validation-api-meta-warning .components-textarea-control__input{border-right:4px solid var(--validaion-api-yellow)}.validation-api-meta-error .components-select-control__input:focus,.validation-api-meta-error .components-text-control__input:focus,.validation-api-meta-error .components-textarea-control__input:focus{border:none;border-right:4px solid var(--validaion-api-red);box-shadow:0 0 0 1px var(--validaion-api-red)}.validation-api-meta-warning .components-select-control__input:focus,.validation-api-meta-warning .components-text-control__input:focus,.validation-api-meta-warning .components-textarea-control__input:focus{border:none;border-right:4px solid var(--validaion-api-yellow);box-shadow:0 0 0 1px var(--validaion-api-yellow)}.validation-api-error-text,.validation-api-warning-text{display:block;font-weight:500;margin-top:4px}.validation-api-error-text{color:var(--validaion-api-dark-red)}.validation-api-warning-text{color:var(--validaion-api-dark-yellow)}.components-button.is-pressed .validation-api-sidebar-icon path{fill:#fff}.validation-api-errors-panel .components-panel__row+.components-panel__row,.validation-api-warnings-panel .components-panel__row+.components-panel__row{margin-top:20px}.validation-api-error-group .validation-api-indicator-circle,.validation-api-warning-group .validation-api-indicator-circle{border-radius:50%;display:inline-block;height:8px;margin-bottom:2px;margin-left:8px;vertical-align:middle;width:8px}.validation-api-error-group .validation-api-indicator-circle{background-color:var(--validaion-api-red)}.validation-api-warning-group .validation-api-indicator-circle{background-color:var(--validaion-api-yellow)}.validation-api-error-group p,.validation-api-error-group ul,.validation-api-warning-group p,.validation-api-warning-group ul{line-height:1.4;margin:0}.validation-api-error-group ul,.validation-api-warning-group ul{margin-right:3px;padding:4px 14px 2px 0}.validation-api-error-group li,.validation-api-warning-group li{margin:0;padding:4px 0}.validation-api-error-group li:last-child,.validation-api-warning-group li:last-child{padding-bottom:0}.validation-api-error-group .validation-api-issue-link,.validation-api-warning-group .validation-api-issue-link{background:none;border:none;color:var(--wp-admin-theme-color);cursor:pointer;font-weight:400;margin:0;padding:0;text-decoration:underline}.validation-api-error-group .validation-api-issue-link:hover,.validation-api-warning-group .validation-api-issue-link:hover{color:#135e96} +:root{--validation-api-white:#fff;--validation-api-light-blue:#dfe9ee;--validation-api-blue:#507a96;--validation-api-lightest-grey:#f7f7f7;--validation-api-light-grey:#e8e8e8;--validation-api-grey:#b9b9b9;--validation-api-medium-grey:#666;--validation-api-dark-grey:#474747;--validation-api-black:#1d2327;--validation-api-red:#d82000;--validation-api-light-red:#ffe4e0;--validation-api-dark-red:#a21800;--validation-api-yellow:#f0dc00;--validation-api-light-yellow:#fffde2;--validation-api-dark-yellow:#807500;--validation-api-lightest-green:#f1fcf2;--validation-api-green:#2aad40;--validation-api-dark-green:#1b6027;--validation-api-border-width:3px solid;--validation-api-settings-space:32px;--validation-api-font-small:0.8rem}.validation-api-block-error,.validation-api-block-warning{position:relative}.validation-api-block-error:before,.validation-api-block-warning:before{clip-path:polygon(0 0,100% 0,0 100%);content:"";height:15px;right:-1px;pointer-events:none;position:absolute;top:-1px;width:15px;z-index:20}.validation-api-block-error:after,.validation-api-block-warning:after{box-shadow:0 0 0 2px var(--validation-api-white)}.validation-api-block-error:before{background-color:var(--validation-api-red)}.validation-api-block-warning:before{background-color:var(--validation-api-yellow)}.validation-api-indicator-errors .validation-api-indicator-section-title-circle,.validation-api-indicator-warnings .validation-api-indicator-section-title-circle{border-radius:2px;display:inline-block;height:10px;margin-bottom:2px;margin-left:8px;vertical-align:middle;width:10px}.validation-api-indicator-errors .validation-api-indicator-section-title-circle{background-color:var(--validation-api-red)}.validation-api-indicator-warnings .validation-api-indicator-section-title-circle{background-color:var(--validation-api-yellow)}.validation-api-indicator-section+.validation-api-indicator-section{margin-top:20px}h2.validation-api-indicator-section-title{font-size:14px;line-height:1.3;margin:0 0 10px}.validation-api-indicator-modal-content .validation-api-indicator-errors ul,.validation-api-indicator-modal-content .validation-api-indicator-warnings ul{font-size:12px;margin:0 3px 0 0;padding:0 28px 0 0}.validation-api-indicator-modal-content .validation-api-indicator-errors li,.validation-api-indicator-modal-content .validation-api-indicator-warnings li{list-style-type:disc;margin:0;padding:0 0 4px}.validation-api-indicator-modal-content .validation-api-indicator-errors li:last-child,.validation-api-indicator-modal-content .validation-api-indicator-warnings li:last-child{padding-bottom:0}.validation-api-meta-error .components-select-control__input,.validation-api-meta-error .components-text-control__input,.validation-api-meta-error .components-textarea-control__input{border-right:3px solid var(--validation-api-red)}.validation-api-meta-warning .components-select-control__input,.validation-api-meta-warning .components-text-control__input,.validation-api-meta-warning .components-textarea-control__input{border-right:3px solid var(--validation-api-yellow)}.validation-api-meta-error .components-select-control__input:focus,.validation-api-meta-error .components-text-control__input:focus,.validation-api-meta-error .components-textarea-control__input:focus{border:none;border-right:3px solid var(--validation-api-red)}.validation-api-meta-warning .components-select-control__input:focus,.validation-api-meta-warning .components-text-control__input:focus,.validation-api-meta-warning .components-textarea-control__input:focus{border:none;border-right:3px solid var(--validation-api-yellow)}.validation-api-error-text,.validation-api-warning-text{display:block;font-weight:500;margin-top:4px}.validation-api-error-text{color:var(--validation-api-dark-red)}.validation-api-warning-text{color:var(--validation-api-dark-yellow)}.components-button.is-pressed .validation-api-sidebar-icon path{fill:#fff}.validation-api-errors-panel>.components-panel__body-title button:before,.validation-api-warnings-panel>.components-panel__body-title button:before{border-radius:2px;content:"";flex-shrink:0;height:14px;margin-left:8px;width:14px}.validation-api-errors-panel>.components-panel__body-title button:before{background-color:var(--validation-api-red)}.validation-api-warnings-panel>.components-panel__body-title button:before{background-color:var(--validation-api-yellow)}.validation-api-errors-panel .components-panel__row+.components-panel__row,.validation-api-warnings-panel .components-panel__row+.components-panel__row{margin-top:20px}.validation-api-error-group p,.validation-api-warning-group p{font-weight:500;margin:0 0 6px}.validation-api-error-group ul,.validation-api-warning-group ul{margin:0 20px 0 0;padding:0}.validation-api-error-group li,.validation-api-warning-group li{list-style-type:disc;margin:0;padding:0 0 6px}.validation-api-error-group li:last-child,.validation-api-warning-group li:last-child{padding-bottom:0}.validation-api-error-group .validation-api-issue-link,.validation-api-warning-group .validation-api-issue-link{background:none;border:none;color:var(--wp-admin-theme-color);cursor:pointer;font-weight:500;margin:0;padding:0;text-decoration:underline}.validation-api-error-group .validation-api-issue-link:hover,.validation-api-warning-group .validation-api-issue-link:hover{color:color-mix(in srgb,var(--wp-admin-theme-color) 60%,#000)} diff --git a/build/validation-api.asset.php b/build/validation-api.asset.php index e8eeb96..e0b9ab6 100644 --- a/build/validation-api.asset.php +++ b/build/validation-api.asset.php @@ -1 +1 @@ - array('wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-plugins'), 'version' => '28273b41ee73fa8d23e0'); + array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-plugins'), 'version' => '1629071f5778bb3a44b5'); diff --git a/build/validation-api.css b/build/validation-api.css index 75b01b6..1dcb5c0 100644 --- a/build/validation-api.css +++ b/build/validation-api.css @@ -1 +1 @@ -:root{--validaion-api-light-blue:#dfe9ee;--validaion-api-blue:#507a96;--validaion-api-lightest-grey:#f7f7f7;--validaion-api-light-grey:#e8e8e8;--validaion-api-grey:#b9b9b9;--validaion-api-medium-grey:#666;--validaion-api-dark-grey:#474747;--validaion-api-black:#1d2327;--validaion-api-red:#d82000;--validaion-api-light-red:#ffe4e0;--validaion-api-dark-red:#a21800;--validaion-api-yellow:#cbba00;--validaion-api-light-yellow:#fffde2;--validaion-api-dark-yellow:#807500;--validaion-api-lightest-green:#f1fcf2;--validaion-api-green:#2aad40;--validaion-api-dark-green:#1b6027;--validaion-api-border-width:3px solid;--validaion-api-settings-space:32px;--validaion-api-font-small:0.8rem}.validation-api-validation-list{margin:0;padding:0}.validation-api-validation-item{border-left:var(--validaion-api-border-width);border-radius:2px;margin-bottom:12px;padding:12px 14px;width:100%}.validation-api-validation-item:last-child{margin-bottom:0}.validation-api-validation-item--error{background-color:var(--validaion-api-light-red);border-color:var(--validaion-api-red)}.validation-api-validation-item--warning{background-color:var(--validaion-api-light-yellow);border-color:var(--validaion-api-yellow)}.validation-api-validation-message{font-size:13px;line-height:1.5;margin:0}.validation-api-validation-message strong{font-weight:600}.validation-api-validation-item--error .validation-api-validation-message{color:var(--validaion-api-dark-red)}.validation-api-validation-item--warning .validation-api-validation-message{color:var(--validaion-api-dark-yellow)}.validation-api-validation-description{color:#636363;font-size:12px;line-height:1.4;margin-top:8px}.validation-api-block-error,.validation-api-block-warning{position:relative}.validation-api-block-indicator,.validation-api-meta-indicator{height:24px;left:-2px;pointer-events:none;position:absolute;top:-2px;width:24px;z-index:20}.validation-api-block-indicator-button.components-button.has-icon,.validation-api-meta-indicator-button.components-button.has-icon{background-color:var(--validaion-api-light-red);border:1px solid var(--validaion-api-red);cursor:pointer;height:100%;min-width:0;padding:0;pointer-events:all;position:absolute;transition:all .2s ease;width:100%}.validation-api-block-indicator-button.components-button.has-icon svg,.validation-api-meta-indicator-button.components-button.has-icon svg{fill:var(--validaion-api-dark-red);height:18px;width:18px}.validation-api-block-indicator-button.components-button.has-icon:hover,.validation-api-meta-indicator-button.components-button.has-icon:hover{background-color:var(--validaion-api-red)}.validation-api-block-indicator-button.components-button.has-icon:hover svg path,.validation-api-meta-indicator-button.components-button.has-icon:hover svg path{fill:#fff}.validation-api-block-indicator--warning .validation-api-block-indicator-button.components-button,.validation-api-meta-indicator--warning .validation-api-meta-indicator-button.components-button{background-color:var(--validaion-api-light-yellow);border-color:var(--validaion-api-yellow);color:var(--validaion-api-yellow)}.validation-api-block-indicator--warning .validation-api-block-indicator-button.components-button svg,.validation-api-meta-indicator--warning .validation-api-meta-indicator-button.components-button svg{fill:var(--validaion-api-dark-yellow);height:20px;width:20px}.validation-api-block-indicator--warning .validation-api-block-indicator-button.components-button:hover,.validation-api-meta-indicator--warning .validation-api-meta-indicator-button.components-button:hover{background-color:var(--validaion-api-yellow);border-color:1px solid var(--validaion-api-yellow)}.validation-api-block-indicator--warning .validation-api-block-indicator-button.components-button:hover svg path,.validation-api-meta-indicator--warning .validation-api-meta-indicator-button.components-button:hover svg path{fill:#fff}.validation-api-indicator-errors .validation-api-indicator-section-title-circle,.validation-api-indicator-warnings .validation-api-indicator-section-title-circle{border-radius:50%;display:inline-block;height:8px;margin-bottom:2px;margin-right:8px;vertical-align:middle;width:8px}.validation-api-indicator-category-label{font-style:italic}.validation-api-indicator-errors .validation-api-indicator-section-title-circle{background-color:var(--validaion-api-red)}.validation-api-indicator-warnings .validation-api-indicator-section-title-circle{background-color:var(--validaion-api-yellow)}.validation-api-indicator-section+.validation-api-indicator-section{margin-top:24px}.validation-api-indicator-modal-content .validation-api-indicator-errors p,.validation-api-indicator-modal-content .validation-api-indicator-errors ul,.validation-api-indicator-modal-content .validation-api-indicator-warnings p,.validation-api-indicator-modal-content .validation-api-indicator-warnings ul{margin:0}.validation-api-indicator-modal-content .validation-api-indicator-errors ul,.validation-api-indicator-modal-content .validation-api-indicator-warnings ul{margin-left:3px;padding:4px 0 2px 14px}.validation-api-indicator-modal-content .validation-api-indicator-errors li,.validation-api-indicator-modal-content .validation-api-indicator-warnings li{margin:0;padding:4px 0}.validation-api-meta-error .components-select-control__input,.validation-api-meta-error .components-text-control__input,.validation-api-meta-error .components-textarea-control__input{border-left:4px solid var(--validaion-api-red)}.validation-api-meta-warning .components-select-control__input,.validation-api-meta-warning .components-text-control__input,.validation-api-meta-warning .components-textarea-control__input{border-left:4px solid var(--validaion-api-yellow)}.validation-api-meta-error .components-select-control__input:focus,.validation-api-meta-error .components-text-control__input:focus,.validation-api-meta-error .components-textarea-control__input:focus{border:none;border-left:4px solid var(--validaion-api-red);box-shadow:0 0 0 1px var(--validaion-api-red)}.validation-api-meta-warning .components-select-control__input:focus,.validation-api-meta-warning .components-text-control__input:focus,.validation-api-meta-warning .components-textarea-control__input:focus{border:none;border-left:4px solid var(--validaion-api-yellow);box-shadow:0 0 0 1px var(--validaion-api-yellow)}.validation-api-error-text,.validation-api-warning-text{display:block;font-weight:500;margin-top:4px}.validation-api-error-text{color:var(--validaion-api-dark-red)}.validation-api-warning-text{color:var(--validaion-api-dark-yellow)}.components-button.is-pressed .validation-api-sidebar-icon path{fill:#fff}.validation-api-errors-panel .components-panel__row+.components-panel__row,.validation-api-warnings-panel .components-panel__row+.components-panel__row{margin-top:20px}.validation-api-error-group .validation-api-indicator-circle,.validation-api-warning-group .validation-api-indicator-circle{border-radius:50%;display:inline-block;height:8px;margin-bottom:2px;margin-right:8px;vertical-align:middle;width:8px}.validation-api-error-group .validation-api-indicator-circle{background-color:var(--validaion-api-red)}.validation-api-warning-group .validation-api-indicator-circle{background-color:var(--validaion-api-yellow)}.validation-api-error-group p,.validation-api-error-group ul,.validation-api-warning-group p,.validation-api-warning-group ul{line-height:1.4;margin:0}.validation-api-error-group ul,.validation-api-warning-group ul{margin-left:3px;padding:4px 0 2px 14px}.validation-api-error-group li,.validation-api-warning-group li{margin:0;padding:4px 0}.validation-api-error-group li:last-child,.validation-api-warning-group li:last-child{padding-bottom:0}.validation-api-error-group .validation-api-issue-link,.validation-api-warning-group .validation-api-issue-link{background:none;border:none;color:var(--wp-admin-theme-color);cursor:pointer;font-weight:400;margin:0;padding:0;text-decoration:underline}.validation-api-error-group .validation-api-issue-link:hover,.validation-api-warning-group .validation-api-issue-link:hover{color:#135e96} +:root{--validation-api-white:#fff;--validation-api-light-blue:#dfe9ee;--validation-api-blue:#507a96;--validation-api-lightest-grey:#f7f7f7;--validation-api-light-grey:#e8e8e8;--validation-api-grey:#b9b9b9;--validation-api-medium-grey:#666;--validation-api-dark-grey:#474747;--validation-api-black:#1d2327;--validation-api-red:#d82000;--validation-api-light-red:#ffe4e0;--validation-api-dark-red:#a21800;--validation-api-yellow:#f0dc00;--validation-api-light-yellow:#fffde2;--validation-api-dark-yellow:#807500;--validation-api-lightest-green:#f1fcf2;--validation-api-green:#2aad40;--validation-api-dark-green:#1b6027;--validation-api-border-width:3px solid;--validation-api-settings-space:32px;--validation-api-font-small:0.8rem}.validation-api-block-error,.validation-api-block-warning{position:relative}.validation-api-block-error:before,.validation-api-block-warning:before{clip-path:polygon(0 0,100% 0,0 100%);content:"";height:15px;left:-1px;pointer-events:none;position:absolute;top:-1px;width:15px;z-index:20}.validation-api-block-error:after,.validation-api-block-warning:after{box-shadow:0 0 0 2px var(--validation-api-white)}.validation-api-block-error:before{background-color:var(--validation-api-red)}.validation-api-block-warning:before{background-color:var(--validation-api-yellow)}.validation-api-indicator-errors .validation-api-indicator-section-title-circle,.validation-api-indicator-warnings .validation-api-indicator-section-title-circle{border-radius:2px;display:inline-block;height:10px;margin-bottom:2px;margin-right:8px;vertical-align:middle;width:10px}.validation-api-indicator-errors .validation-api-indicator-section-title-circle{background-color:var(--validation-api-red)}.validation-api-indicator-warnings .validation-api-indicator-section-title-circle{background-color:var(--validation-api-yellow)}.validation-api-indicator-section+.validation-api-indicator-section{margin-top:20px}h2.validation-api-indicator-section-title{font-size:14px;line-height:1.3;margin:0 0 10px}.validation-api-indicator-modal-content .validation-api-indicator-errors ul,.validation-api-indicator-modal-content .validation-api-indicator-warnings ul{font-size:12px;margin:0 0 0 3px;padding:0 0 0 28px}.validation-api-indicator-modal-content .validation-api-indicator-errors li,.validation-api-indicator-modal-content .validation-api-indicator-warnings li{list-style-type:disc;margin:0;padding:0 0 4px}.validation-api-indicator-modal-content .validation-api-indicator-errors li:last-child,.validation-api-indicator-modal-content .validation-api-indicator-warnings li:last-child{padding-bottom:0}.validation-api-meta-error .components-select-control__input,.validation-api-meta-error .components-text-control__input,.validation-api-meta-error .components-textarea-control__input{border-left:3px solid var(--validation-api-red)}.validation-api-meta-warning .components-select-control__input,.validation-api-meta-warning .components-text-control__input,.validation-api-meta-warning .components-textarea-control__input{border-left:3px solid var(--validation-api-yellow)}.validation-api-meta-error .components-select-control__input:focus,.validation-api-meta-error .components-text-control__input:focus,.validation-api-meta-error .components-textarea-control__input:focus{border:none;border-left:3px solid var(--validation-api-red)}.validation-api-meta-warning .components-select-control__input:focus,.validation-api-meta-warning .components-text-control__input:focus,.validation-api-meta-warning .components-textarea-control__input:focus{border:none;border-left:3px solid var(--validation-api-yellow)}.validation-api-error-text,.validation-api-warning-text{display:block;font-weight:500;margin-top:4px}.validation-api-error-text{color:var(--validation-api-dark-red)}.validation-api-warning-text{color:var(--validation-api-dark-yellow)}.components-button.is-pressed .validation-api-sidebar-icon path{fill:#fff}.validation-api-errors-panel>.components-panel__body-title button:before,.validation-api-warnings-panel>.components-panel__body-title button:before{border-radius:2px;content:"";flex-shrink:0;height:14px;margin-right:8px;width:14px}.validation-api-errors-panel>.components-panel__body-title button:before{background-color:var(--validation-api-red)}.validation-api-warnings-panel>.components-panel__body-title button:before{background-color:var(--validation-api-yellow)}.validation-api-errors-panel .components-panel__row+.components-panel__row,.validation-api-warnings-panel .components-panel__row+.components-panel__row{margin-top:20px}.validation-api-error-group p,.validation-api-warning-group p{font-weight:500;margin:0 0 6px}.validation-api-error-group ul,.validation-api-warning-group ul{margin:0 0 0 20px;padding:0}.validation-api-error-group li,.validation-api-warning-group li{list-style-type:disc;margin:0;padding:0 0 6px}.validation-api-error-group li:last-child,.validation-api-warning-group li:last-child{padding-bottom:0}.validation-api-error-group .validation-api-issue-link,.validation-api-warning-group .validation-api-issue-link{background:none;border:none;color:var(--wp-admin-theme-color);cursor:pointer;font-weight:500;margin:0;padding:0;text-decoration:underline}.validation-api-error-group .validation-api-issue-link:hover,.validation-api-warning-group .validation-api-issue-link:hover{color:color-mix(in srgb,var(--wp-admin-theme-color) 60%,#000)} diff --git a/build/validation-api.js b/build/validation-api.js index 7a59b36..36cfd02 100644 --- a/build/validation-api.js +++ b/build/validation-api.js @@ -240,7 +240,7 @@ for (var r = 0, n = Array(t); r < t; r++) n[r] = e[r]; return n; } - function E(e) { + function O(e) { return e.flatMap(function (e) { var t, r = g(e), @@ -252,7 +252,7 @@ n, (function (e) { if (Array.isArray(e)) return h(e); - })((t = E(e.innerBlocks))) || + })((t = O(e.innerBlocks))) || (function (e) { if ( ('undefined' != typeof Symbol && @@ -272,7 +272,7 @@ ); }); } - function O(e) { + function E(e) { var t, r = (function (e) { var t = ('undefined' != typeof Symbol && e[Symbol.iterator]) || e['@@iterator']; @@ -324,7 +324,7 @@ var n = t.value; if ('core/post-content' === n.name) return n; if (n.innerBlocks && n.innerBlocks.length > 0) { - var a = O(n.innerBlocks); + var a = E(n.innerBlocks); if (a) return a; } } @@ -335,19 +335,19 @@ } return null; } - function R() { + function j() { var e, t = (null === (e = window.ValidationAPI) || void 0 === e ? void 0 : e.editorContext) || 'none', n = 'post-editor' === t || 'post-editor-template' === t; - return E( + return O( (0, r.useSelect)( function (e) { var t = e('core/block-editor'), r = t.getBlocks(); if (n) { - var a = O(r); + var a = E(r); if (a) { var i = t.getBlock(a.clientId), o = t @@ -412,7 +412,7 @@ })(e, t) || (function (e, t) { if (e) { - if ('string' == typeof e) return j(e, t); + if ('string' == typeof e) return P(e, t); var r = {}.toString.call(e).slice(8, -1); return ( 'Object' === r && e.constructor && (r = e.constructor.name), @@ -420,7 +420,7 @@ ? Array.from(e) : 'Arguments' === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) - ? j(e, t) + ? P(e, t) : void 0 ); } @@ -432,12 +432,12 @@ })() ); } - function j(e, t) { + function P(e, t) { (null == t || t > e.length) && (t = e.length); for (var r = 0, n = Array(t); r < t; r++) n[r] = e[r]; return n; } - var P, + var R, k = (null === (b = window.ValidationAPI) || void 0 === b ? void 0 @@ -455,7 +455,7 @@ (0, t.applyFilters)('validation_api_validate_meta', l, n, e, r, a) ); } - function _(e, t, r) { + function I(e, t, r) { for ( var n = (k[e] || {})[t] || {}, a = [], i = 0, o = Object.entries(n); i < o.length; @@ -471,9 +471,9 @@ } return v(a); } - function N(e) { + function _(e) { return ( - (N = + (_ = 'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator ? function (e) { return typeof e; @@ -486,10 +486,10 @@ ? 'symbol' : typeof e; }), - N(e) + _(e) ); } - function I(e, t) { + function N(e, t) { var r = Object.keys(e); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); @@ -505,12 +505,12 @@ for (var t = 1; t < arguments.length; t++) { var r = null != arguments[t] ? arguments[t] : {}; t % 2 - ? I(Object(r), !0).forEach(function (t) { + ? N(Object(r), !0).forEach(function (t) { L(e, t, r[t]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) - : I(Object(r)).forEach(function (t) { + : N(Object(r)).forEach(function (t) { Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t)); }); } @@ -520,16 +520,16 @@ return ( (t = (function (e) { var t = (function (e) { - if ('object' != N(e) || !e) return e; + if ('object' != _(e) || !e) return e; var t = e[Symbol.toPrimitive]; if (void 0 !== t) { var r = t.call(e, 'string'); - if ('object' != N(r)) return r; + if ('object' != _(r)) return r; throw new TypeError('@@toPrimitive must return a primitive value.'); } return String(e); })(e); - return 'symbol' == N(t) ? t : t + ''; + return 'symbol' == _(t) ? t : t + ''; })(t)) in e ? Object.defineProperty(e, t, { value: r, @@ -541,7 +541,7 @@ e ); } - function V() { + function T() { for ( var e, t = (0, r.useSelect)(function (e) { @@ -564,12 +564,12 @@ l++ ) { var u = c[l], - s = _(n, u, null == a ? void 0 : a[u]); + s = I(n, u, null == a ? void 0 : a[u]); s.isValid || o.push(C(C({}, s), {}, { metaKey: u })); } return o; } - function T(e, t) { + function B(e, t) { return ( (function (e) { if (Array.isArray(e)) return e; @@ -612,7 +612,7 @@ })(e, t) || (function (e, t) { if (e) { - if ('string' == typeof e) return B(e, t); + if ('string' == typeof e) return V(e, t); var r = {}.toString.call(e).slice(8, -1); return ( 'Object' === r && e.constructor && (r = e.constructor.name), @@ -620,7 +620,7 @@ ? Array.from(e) : 'Arguments' === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) - ? B(e, t) + ? V(e, t) : void 0 ); } @@ -632,15 +632,15 @@ })() ); } - function B(e, t) { + function V(e, t) { (null == t || t > e.length) && (t = e.length); for (var r = 0, n = Array(t); r < t; r++) n[r] = e[r]; return n; } - var M = - (null === (P = window.ValidationAPI) || void 0 === P ? void 0 : P.editorValidationRules) || + var D = + (null === (R = window.ValidationAPI) || void 0 === R ? void 0 : R.editorValidationRules) || {}; - function D() { + function M() { var e = (0, r.useSelect)(function (e) { var t = e('core/editor'), r = e('core/block-editor'); @@ -654,8 +654,8 @@ a = e.postType; if (!a || !n) return []; var i = (function (e, r) { - for (var n = M[e] || {}, a = [], i = 0, o = Object.entries(n); i < o.length; i++) { - var l = T(o[i], 2), + for (var n = D[e] || {}, a = [], i = 0, o = Object.entries(n); i < o.length; i++) { + var l = B(o[i], 2), c = l[0], u = l[1]; if ( @@ -684,9 +684,9 @@ i = 'core/editor', o = (0, r.useDispatch)(i), l = wp.data && wp.data.select && wp.data.select(i), - c = R(), - u = V(), - s = D(), + c = j(), + u = T(), + s = M(), d = o || {}, p = d.lockPostSaving, v = d.unlockPostSaving, @@ -759,9 +759,9 @@ null ); } - const W = window.wp.editor, - F = window.wp.components, - U = window.wp.i18n, + const F = window.wp.editor, + U = window.wp.components, + W = window.wp.i18n, $ = window.wp.blocks; function q(e) { var t = e.fill, @@ -845,9 +845,9 @@ ); } function z() { - var e = R() || [], - t = V() || [], - a = D() || [], + var e = j() || [], + t = T() || [], + a = M() || [], i = (0, r.useDispatch)('core/block-editor').selectBlock, o = (0, n.useRef)(null), l = c(a, 'error'), @@ -889,20 +889,20 @@ 0 === y && 0 === b ? null : React.createElement( - W.PluginSidebar, + F.PluginSidebar, { name: 'validation-sidebar', - title: (0, U.__)('Validation', 'validation-api'), + title: (0, W.__)('Validation', 'validation-api'), icon: w, className: 'validation-api-validation-sidebar', }, y > 0 && React.createElement( - F.PanelBody, + U.PanelBody, { - title: (0, U.sprintf)( + title: (0, W.sprintf)( /* translators: %d: number of errors */ /* translators: %d: number of errors */ - (0, U.__)('Errors (%d)', 'validation-api'), + (0, W.__)('Errors (%d)', 'validation-api'), y ), initialOpen: !0, @@ -910,7 +910,7 @@ }, s.length > 0 && React.createElement( - F.PanelRow, + U.PanelRow, null, React.createElement( 'div', @@ -918,15 +918,7 @@ React.createElement( 'p', { className: 'validation-api-error-subheading' }, - React.createElement( - 'strong', - null, - React.createElement('span', { - className: - 'validation-api-indicator-circle', - }), - (0, U.__)('Block Errors', 'validation-api') - ) + (0, W.__)('Block Issues', 'validation-api') ), React.createElement( 'ul', @@ -959,7 +951,7 @@ ), m.length > 0 && React.createElement( - F.PanelRow, + U.PanelRow, null, React.createElement( 'div', @@ -967,15 +959,7 @@ React.createElement( 'p', { className: 'validation-api-error-subheading' }, - React.createElement( - 'strong', - null, - React.createElement('span', { - className: - 'validation-api-indicator-circle', - }), - (0, U.__)('Meta Errors', 'validation-api') - ) + (0, W.__)('Field Issues', 'validation-api') ), React.createElement( 'ul', @@ -992,7 +976,7 @@ ), p.length > 0 && React.createElement( - F.PanelRow, + U.PanelRow, null, React.createElement( 'div', @@ -1000,15 +984,7 @@ React.createElement( 'p', { className: 'validation-api-error-subheading' }, - React.createElement( - 'strong', - null, - React.createElement('span', { - className: - 'validation-api-indicator-circle', - }), - (0, U.__)('Editor Errors', 'validation-api') - ) + (0, W.__)('Editor Issues', 'validation-api') ), React.createElement( 'ul', @@ -1026,11 +1002,11 @@ ), b > 0 && React.createElement( - F.PanelBody, + U.PanelBody, { - title: (0, U.sprintf)( + title: (0, W.sprintf)( /* translators: %d: number of warnings */ /* translators: %d: number of warnings */ - (0, U.__)('Warnings (%d)', 'validation-api'), + (0, W.__)('Warnings (%d)', 'validation-api'), b ), initialOpen: !0, @@ -1038,7 +1014,7 @@ }, f.length > 0 && React.createElement( - F.PanelRow, + U.PanelRow, null, React.createElement( 'div', @@ -1046,15 +1022,7 @@ React.createElement( 'p', { className: 'validation-api-warning-subheading' }, - React.createElement( - 'strong', - null, - React.createElement('span', { - className: - 'validation-api-indicator-circle', - }), - (0, U.__)('Block Warnings', 'validation-api') - ) + (0, W.__)('Block Issues', 'validation-api') ), React.createElement( 'ul', @@ -1087,7 +1055,7 @@ ), d.length > 0 && React.createElement( - F.PanelRow, + U.PanelRow, null, React.createElement( 'div', @@ -1095,15 +1063,7 @@ React.createElement( 'p', { className: 'validation-api-warning-subheading' }, - React.createElement( - 'strong', - null, - React.createElement('span', { - className: - 'validation-api-indicator-circle', - }), - (0, U.__)('Meta Warnings', 'validation-api') - ) + (0, W.__)('Field Issues', 'validation-api') ), React.createElement( 'ul', @@ -1120,7 +1080,7 @@ ), v.length > 0 && React.createElement( - F.PanelRow, + U.PanelRow, null, React.createElement( 'div', @@ -1128,15 +1088,7 @@ React.createElement( 'p', { className: 'validation-api-warning-subheading' }, - React.createElement( - 'strong', - null, - React.createElement('span', { - className: - 'validation-api-indicator-circle', - }), - (0, U.__)('Editor Warnings', 'validation-api') - ) + (0, W.__)('Editor Issues', 'validation-api') ), React.createElement( 'ul', @@ -1171,12 +1123,24 @@ }, } ); - function J(e, t) { + (0, e.registerPlugin)('validation-api', { + render: function () { + return React.createElement( + React.Fragment, + null, + React.createElement(x, null), + React.createElement(z, null) + ); + }, + }); + const J = window.wp.compose, + Q = window.wp.blockEditor; + function X(e, t) { (null == t || t > e.length) && (t = e.length); for (var r = 0, n = Array(t); r < t; r++) n[r] = e[r]; return n; } - function Q(e) { + function Y(e) { var t, r, a = e.issues, @@ -1230,7 +1194,7 @@ })(t, r) || (function (e, t) { if (e) { - if ('string' == typeof e) return J(e, t); + if ('string' == typeof e) return X(e, t); var r = {}.toString.call(e).slice(8, -1); return ( 'Object' === r && e.constructor && (r = e.constructor.name), @@ -1238,7 +1202,7 @@ ? Array.from(e) : 'Arguments' === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) - ? J(e, t) + ? X(e, t) : void 0 ); } @@ -1256,30 +1220,24 @@ d = s(a), p = c ? React.createElement(q, { fill: '#d82000' }) - : React.createElement(q, { fill: '#dbc900' }), - v = c - ? 'validation-api-block-indicator validation-api-block-indicator--error' - : 'validation-api-block-indicator validation-api-block-indicator--warning'; + : React.createElement(q, { fill: '#d8c600' }); return React.createElement( React.Fragment, null, - React.createElement( - 'div', - { className: v }, - React.createElement(F.Button, { - icon: p, - onClick: function () { - return l(!0); - }, - className: 'validation-api-block-indicator-button', - 'aria-label': (0, U.__)('View block issues or concerns', 'validation-api'), - }) - ), + React.createElement(U.ToolbarButton, { + icon: p, + onClick: function () { + return l(!0); + }, + label: (0, W.__)('View block issues or concerns', 'validation-api'), + className: 'validation-api-toolbar-button', + isCompact: !0, + }), o && React.createElement( - F.Modal, + U.Modal, { - title: (0, U.__)('Issues or Concerns', 'validation-api'), + title: (0, W.__)('Issues or Concerns', 'validation-api'), onRequestClose: function () { return l(!1); }, @@ -1296,17 +1254,12 @@ 'validation-api-indicator-section validation-api-indicator-errors', }, React.createElement( - 'p', - null, - React.createElement( - 'strong', - { className: 'validation-api-indicator-section-title' }, - React.createElement('span', { - className: - 'validation-api-indicator-section-title-circle', - }), - (0, U.__)('Errors', 'validation-api') - ) + 'h2', + { className: 'validation-api-indicator-section-title' }, + React.createElement('span', { + className: 'validation-api-indicator-section-title-circle', + }), + (0, W.__)('Errors', 'validation-api') ), React.createElement( 'ul', @@ -1328,17 +1281,12 @@ 'validation-api-indicator-section validation-api-indicator-warnings', }, React.createElement( - 'p', - null, - React.createElement( - 'strong', - { className: 'validation-api-indicator-section-title' }, - React.createElement('span', { - className: - 'validation-api-indicator-section-title-circle', - }), - (0, U.__)('Warnings', 'validation-api') - ) + 'h2', + { className: 'validation-api-indicator-section-title' }, + React.createElement('span', { + className: 'validation-api-indicator-section-title-circle', + }), + (0, W.__)('Warnings', 'validation-api') ), React.createElement( 'ul', @@ -1356,14 +1304,16 @@ ) ); } - function X(e, t) { + function ee(e, t) { (null == t || t > e.length) && (t = e.length); for (var r = 0, n = Array(t); r < t; r++) n[r] = e[r]; return n; } - function Y(e) { + var te = new Map(), + re = Object.freeze({ mode: 'none', issues: [] }); + function ne(e) { return ( - (Y = + (ne = 'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator ? function (e) { return typeof e; @@ -1376,10 +1326,10 @@ ? 'symbol' : typeof e; }), - Y(e) + ne(e) ); } - function ee(e, t) { + function ae(e, t) { var r = Object.keys(e); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); @@ -1391,35 +1341,35 @@ } return r; } - function te(e) { + function ie(e) { for (var t = 1; t < arguments.length; t++) { var r = null != arguments[t] ? arguments[t] : {}; t % 2 - ? ee(Object(r), !0).forEach(function (t) { - re(e, t, r[t]); + ? ae(Object(r), !0).forEach(function (t) { + oe(e, t, r[t]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) - : ee(Object(r)).forEach(function (t) { + : ae(Object(r)).forEach(function (t) { Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t)); }); } return e; } - function re(e, t, r) { + function oe(e, t, r) { return ( (t = (function (e) { var t = (function (e) { - if ('object' != Y(e) || !e) return e; + if ('object' != ne(e) || !e) return e; var t = e[Symbol.toPrimitive]; if (void 0 !== t) { var r = t.call(e, 'string'); - if ('object' != Y(r)) return r; + if ('object' != ne(r)) return r; throw new TypeError('@@toPrimitive must return a primitive value.'); } return String(e); })(e); - return 'symbol' == Y(t) ? t : t + ''; + return 'symbol' == ne(t) ? t : t + ''; })(t)) in e ? Object.defineProperty(e, t, { value: r, @@ -1431,17 +1381,7 @@ e ); } - (0, e.registerPlugin)('validation-api', { - render: function () { - return React.createElement( - React.Fragment, - null, - React.createElement(x, null), - React.createElement(z, null) - ); - }, - }); - var ne = (0, window.wp.compose.createHigherOrderComponent)(function (e) { + var le = (0, J.createHigherOrderComponent)(function (e) { return function (t) { var a = t.clientId, i = t.attributes, @@ -1510,7 +1450,7 @@ })(r, a) || (function (e, t) { if (e) { - if ('string' == typeof e) return X(e, t); + if ('string' == typeof e) return ee(e, t); var r = {}.toString.call(e).slice(8, -1); return ( 'Object' === r && @@ -1522,7 +1462,7 @@ /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( r ) - ? X(e, t) + ? ee(e, t) : void 0 ); } @@ -1553,30 +1493,45 @@ })( function () { if (!o) return { isValid: !0, issues: [], mode: 'none' }; - var e = te(te({}, o), {}, { attributes: i || o.attributes }); + var e = ie(ie({}, o), {}, { attributes: i || o.attributes }); return g(e); }, [o, i], { delay: 300 } - ), - c = 'validation-api-block-wrapper'; + ); return ( - l.isValid || - ('error' === l.mode - ? (c += ' validation-api-block-error') - : 'warning' === l.mode && (c += ' validation-api-block-warning')), + (0, n.useEffect)( + function () { + return ( + (function (e, t) { + te.set(e, t); + })(a, l), + function () { + return (function (e) { + te.delete(e); + })(a); + } + ); + }, + [a, l] + ), React.createElement( - 'div', - { className: c }, + React.Fragment, + null, React.createElement(e, t), - !l.isValid && React.createElement(Q, { mode: l.mode, issues: l.issues }) + !l.isValid && + React.createElement( + Q.BlockControls, + { group: 'block' }, + React.createElement(Y, { issues: l.issues }) + ) ) ); }; }, 'withErrorHandling'); - function ae(e) { + function ce(e) { return ( - (ae = + (ce = 'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator ? function (e) { return typeof e; @@ -1589,10 +1544,24 @@ ? 'symbol' : typeof e; }), - ae(e) + ce(e) + ); + } + function ue() { + return ( + (ue = Object.assign + ? Object.assign.bind() + : function (e) { + for (var t = 1; t < arguments.length; t++) { + var r = arguments[t]; + for (var n in r) ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]); + } + return e; + }), + ue.apply(null, arguments) ); } - function ie(e, t) { + function se(e, t) { var r = Object.keys(e); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); @@ -1604,35 +1573,35 @@ } return r; } - function oe(e) { + function fe(e) { for (var t = 1; t < arguments.length; t++) { var r = null != arguments[t] ? arguments[t] : {}; t % 2 - ? ie(Object(r), !0).forEach(function (t) { - le(e, t, r[t]); + ? se(Object(r), !0).forEach(function (t) { + me(e, t, r[t]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) - : ie(Object(r)).forEach(function (t) { + : se(Object(r)).forEach(function (t) { Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t)); }); } return e; } - function le(e, t, r) { + function me(e, t, r) { return ( (t = (function (e) { var t = (function (e) { - if ('object' != ae(e) || !e) return e; + if ('object' != ce(e) || !e) return e; var t = e[Symbol.toPrimitive]; if (void 0 !== t) { var r = t.call(e, 'string'); - if ('object' != ae(r)) return r; + if ('object' != ce(r)) return r; throw new TypeError('@@toPrimitive must return a primitive value.'); } return String(e); })(e); - return 'symbol' == ae(t) ? t : t + ''; + return 'symbol' == ce(t) ? t : t + ''; })(t)) in e ? Object.defineProperty(e, t, { value: r, @@ -1644,9 +1613,9 @@ e ); } - function ce(e) { + function de(e) { return ( - (ce = + (de = 'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator ? function (e) { return typeof e; @@ -1659,10 +1628,102 @@ ? 'symbol' : typeof e; }), - ce(e) + de(e) ); } - (wp.hooks.addFilter('editor.BlockEdit', 'validation-api/with-error-handling', ne), + function pe(e, t) { + var r = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var n = Object.getOwnPropertySymbols(e); + (t && + (n = n.filter(function (t) { + return Object.getOwnPropertyDescriptor(e, t).enumerable; + })), + r.push.apply(r, n)); + } + return r; + } + function ve(e) { + for (var t = 1; t < arguments.length; t++) { + var r = null != arguments[t] ? arguments[t] : {}; + t % 2 + ? pe(Object(r), !0).forEach(function (t) { + ye(e, t, r[t]); + }) + : Object.getOwnPropertyDescriptors + ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) + : pe(Object(r)).forEach(function (t) { + Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t)); + }); + } + return e; + } + function ye(e, t, r) { + return ( + (t = (function (e) { + var t = (function (e) { + if ('object' != de(e) || !e) return e; + var t = e[Symbol.toPrimitive]; + if (void 0 !== t) { + var r = t.call(e, 'string'); + if ('object' != de(r)) return r; + throw new TypeError('@@toPrimitive must return a primitive value.'); + } + return String(e); + })(e); + return 'symbol' == de(t) ? t : t + ''; + })(t)) in e + ? Object.defineProperty(e, t, { + value: r, + enumerable: !0, + configurable: !0, + writable: !0, + }) + : (e[t] = r), + e + ); + } + function be(e) { + return ( + (be = + 'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator + ? function (e) { + return typeof e; + } + : function (e) { + return e && + 'function' == typeof Symbol && + e.constructor === Symbol && + e !== Symbol.prototype + ? 'symbol' + : typeof e; + }), + be(e) + ); + } + (wp.hooks.addFilter('editor.BlockEdit', 'validation-api/with-error-handling', le), + wp.hooks.addFilter( + 'editor.BlockListBlock', + 'validation-api/with-block-validation-classes', + function (e) { + return function (t) { + var r, + n = ((r = t.clientId), te.get(r) || re); + if ('none' === n.mode) return React.createElement(e, t); + var a = + 'error' === n.mode + ? 'validation-api-block-error' + : 'validation-api-block-warning', + i = t.wrapperProps || {}, + o = fe( + fe({}, i), + {}, + { className: [i.className, a].filter(Boolean).join(' ') } + ); + return React.createElement(e, ue({}, t, { wrapperProps: o })); + }; + } + ), void 0 === window.ValidationAPI && (window.ValidationAPI = {}), (window.ValidationAPI.useMetaField = function (e) { var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : '', @@ -1682,13 +1743,13 @@ issues: [], wrapperClassName: '', }; - var l = _(a, e, o), + var l = I(a, e, o), c = ''; return ( l.hasErrors ? (c = 'validation-api-meta-error') : l.hasWarnings && (c = 'validation-api-meta-warning'), - oe(oe({}, l), {}, { wrapperClassName: c }) + ve(ve({}, l), {}, { wrapperClassName: c }) ); }, [e] @@ -1733,18 +1794,18 @@ (a = t), (n = (function (e) { var t = (function (e) { - if ('object' != ce(e) || !e) return e; + if ('object' != be(e) || !e) return e; var t = e[Symbol.toPrimitive]; if (void 0 !== t) { var r = t.call(e, 'string'); - if ('object' != ce(r)) return r; + if ('object' != be(r)) return r; throw new TypeError( '@@toPrimitive must return a primitive value.' ); } return String(e); })(e); - return 'symbol' == ce(t) ? t : t + ''; + return 'symbol' == be(t) ? t : t + ''; })(n)) in r ? Object.defineProperty(r, n, { value: a, diff --git a/src/admin.scss b/src/admin.scss index 2ec5787..84fb2e4 100644 --- a/src/admin.scss +++ b/src/admin.scss @@ -1,22 +1,22 @@ // Plugin Sidebar Icon Styles .has-meta-validation-warnings button[aria-controls="validation-api:validation-sidebar"].is-pressed { - background-color: var(--validaion-api-light-yellow); + background-color: var(--validation-api-light-yellow); transition: background-color 0.2s ease; } .has-meta-validation-errors button[aria-controls="validation-api:validation-sidebar"].is-pressed { - background-color: var(--validaion-api-light-red); + background-color: var(--validation-api-light-red); transition: background-color 0.2s ease; } .has-meta-validation-warnings button[aria-controls="validation-api:validation-sidebar"].is-pressed:hover { - background-color: var(--validaion-api-light-yellow); + background-color: var(--validation-api-light-yellow); transition: background-color 0.2s ease; } .has-meta-validation-errors button[aria-controls="validation-api:validation-sidebar"].is-pressed:hover { - background-color: var(--validaion-api-light-red); + background-color: var(--validation-api-light-red); transition: background-color 0.2s ease; } diff --git a/src/editor/components/ValidationSidebar.js b/src/editor/components/ValidationSidebar.js index 422030c..bb9fc5a 100644 --- a/src/editor/components/ValidationSidebar.js +++ b/src/editor/components/ValidationSidebar.js @@ -318,10 +318,7 @@ export function ValidationSidebar() {

- - - {__('Block Errors', 'validation-api')} - + {__('Block Issues', 'validation-api')}