/**
* 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 && (
\u0421\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u044b\u0435 \u0421\u0442\u0430\u0432\u043a\u0438 \u0418 \u041a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442\u044b \u041e\u043d\u043b\u0430\u0439<\/a><\/blockquote>