/**
* WordPress dependencies
*/
import { __ } from "@wordpress/i18n";
import { useBlockProps, RichText, InnerBlocks } from "@wordpress/block-editor";
import { useEffect, useState, useRef } from "@wordpress/element";
import { select, dispatch, useSelect } from "@wordpress/data";
/**
* Internal dependencies
*/
const {
duplicateBlockIdFix,
filterBlocksByName,
getBlockParentClientId,
EBDisplayIcon,
DynamicInputValueHandler,
BlockProps
} = EBControls;
import classnames from "classnames";
import Inspector from "./inspector";
import Style from "./style";
export default function Edit(props) {
const {
attributes,
setAttributes,
isSelected,
clientId,
className,
name,
} = props;
const {
resOption,
blockMeta,
parentBlockId,
blockId,
classHook,
showLabel,
labelText,
fieldName,
defaultValue,
placeholderText,
isRequired,
validationMessage,
validationRules,
numberValidationMessage,
isIcon,
icon,
formStyle,
parentBlockPaddingLeft,
parentBlockPaddingUnit,
parentBlockIconSize,
parentIconColor,
} = attributes;
// you must declare this variable
const enhancedProps = {
...props,
blockPrefix: 'eb-number-field',
rootClass: "eb-guten-block-main-parent-wrapper eb-form-field",
style:
};
//UseEffect for set Validation rules
useEffect(() => {
const rules = {
[fieldName]: {
isRequired: {
status: isRequired,
message: validationMessage,
},
isNumber: {
message: numberValidationMessage,
},
},
};
setAttributes({ validationRules: rules });
}, [isRequired, fieldName, validationMessage]);
return (
<>
{isSelected && (
Linha de padr\u00f5es com acabamento fosco e toque aveludado que proporciona uma agrad\u00e1vel sensa\u00e7\u00e3o t\u00e1til, ideal para criar ambientes clean e elegantes. Padr\u00f5es que combinam entre si e com as demais linhas de MDF Eucatex.<\/p>\n","protected":false},"excerpt":{"rendered":"
Linha de padr\u00f5es com acabamento fosco e toque aveludado que proporciona uma agrad\u00e1vel sensa\u00e7\u00e3o t\u00e1til, ideal para criar ambientes clean<\/p>\n","protected":false},"featured_media":18703,"comment_status":"open","ping_status":"closed","template":"","meta":[],"product_cat":[29,103],"product_tag":[],"class_list":{"0":"post-18700","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-madeiras-e-acabamentos","7":"product_cat-mdf","9":"first","10":"instock","11":"shipping-taxable","12":"purchasable","13":"product-type-variable"},"_links":{"self":[{"href":"https:\/\/acessoriosparamoveis.com.br\/wp-json\/wp\/v2\/product\/18700"}],"collection":[{"href":"https:\/\/acessoriosparamoveis.com.br\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/acessoriosparamoveis.com.br\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/acessoriosparamoveis.com.br\/wp-json\/wp\/v2\/comments?post=18700"}],"version-history":[{"count":1,"href":"https:\/\/acessoriosparamoveis.com.br\/wp-json\/wp\/v2\/product\/18700\/revisions"}],"predecessor-version":[{"id":18704,"href":"https:\/\/acessoriosparamoveis.com.br\/wp-json\/wp\/v2\/product\/18700\/revisions\/18704"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/acessoriosparamoveis.com.br\/wp-json\/wp\/v2\/media\/18703"}],"wp:attachment":[{"href":"https:\/\/acessoriosparamoveis.com.br\/wp-json\/wp\/v2\/media?parent=18700"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/acessoriosparamoveis.com.br\/wp-json\/wp\/v2\/product_cat?post=18700"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/acessoriosparamoveis.com.br\/wp-json\/wp\/v2\/product_tag?post=18700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}