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; Free Shipping - Voucher Code Nest

Free Shipping

Love My Apparel Discount Code

Enjoy free shipping on all orders! Shop now and save on your favorite items without any additional shipping costs at lovemyapparel


Leave a Reply

Your email address will not be published. Required fields are marked *