import { generateDimensionsAttributes, generateTypographyAttributes, generateBackgroundAttributes, generateBorderShadowAttributes, generateResponsiveRangeAttributes, } from "@essential-blocks/controls"; import { WRAPPER_MARGIN, WRAPPER_PADDING, WRAPPER_BORDER_SHADOW, WRAPPER_BG, LABEL_MARGIN, FIELD_BORDER, FIELD_PADDING, ICON_SIZE, } from "./constants"; import { LABEL_TYPOGRAPHY, FIELD_TEXT_VALIDATION, FIELD_TEXT } from "./constants/typographyPrefixConstants"; const attributes = { // the following 4 attributes is must required for responsive options and asset generation for frontend // responsive control attributes ⬇ resOption: { type: "string", default: "Desktop", }, // blockId attribute for making unique className and other uniqueness ⬇ parentBlockId: { type: "string", }, parentBlockPaddingLeft: { type: "string", }, parentBlockPaddingUnit: { type: "string", }, parentBlockIconSize: { type: "string", }, parentIconColor: { type: "string", }, blockId: { type: "string", }, blockRoot: { type: "string", default: "essential_block", }, // blockMeta is for keeping all the styles ⬇ blockMeta: { type: "object", }, formStyle: { type: "string", }, showLabel: { type: "boolean", default: true, }, labelText: { type: "string", default: "Field Title", }, options: { type: "array", default: [ { name: "Select Item", value: "" }, { name: "Option 1", value: "option_1" }, { name: "Option 2", value: "option_2" }, { name: "Option 3", value: "option_3" }, ], }, fieldType: { type: "string", default: "select", }, dynamicValue: { type: "string", }, dynamicOptionType: { type: "string", default: "normal" }, dynamicValueLoader: { type: 'boolean', default: false, }, fieldName: { type: "string", }, defaultValue: { type: "string", }, isRequired: { type: "boolean", default: true, }, validationRules: { type: "object", }, validationMessage: { type: "string", default: "This field is required.", }, labelColor: { type: "string", }, requiredColor: { type: "string", }, fieldColor: { type: "string", }, fieldPlaceholderColor: { type: "string", }, fieldBgColor: { type: "string", }, fieldValidationColor: { type: "string", }, fieldValidationBorderColor: { type: "string", }, isIcon: { type: "boolean", default: true, }, icon: { type: "string", default: "far fa-list-alt", }, iconColor: { type: "string", }, // typography attributes ⬇ ...generateTypographyAttributes(LABEL_TYPOGRAPHY), ...generateTypographyAttributes(FIELD_TEXT_VALIDATION), ...generateTypographyAttributes(FIELD_TEXT), ...generateDimensionsAttributes(WRAPPER_MARGIN), ...generateDimensionsAttributes(WRAPPER_PADDING), ...generateBackgroundAttributes(WRAPPER_BG), ...generateBorderShadowAttributes(WRAPPER_BORDER_SHADOW), ...generateDimensionsAttributes(FIELD_PADDING), ...generateBorderShadowAttributes(FIELD_BORDER), ...generateDimensionsAttributes(LABEL_MARGIN), ...generateResponsiveRangeAttributes(ICON_SIZE), }; export default attributes; Discover Personal Care Products For Your Daily Routine

Voucher Code Nest

Category: Personal Care Products