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;
Apparel And Clothing Voucher Code| Voucher Code Nest In UK
Category: Apparel and Clothing Voucher Code
-
Get 10% OFF On All Orders When You Use Our Promo Code at pepejeans
-
Get 10% OFF On Your Next Order With Coupon Code at pepejeans
-
Free Delivery On All Orders Over £60 When You Use Our Free Delivery Offer at pepejeans
-
Get Up To 50% OFF On Sale Item When You Use Our Discount Offer at pepejeans
-
Get Up To 45% OFF On Stylish Jeans at pepejeans
-
Get Up To 40% OFF On New Arrivals With Our Discounted Offer at pepejeans
-
Get Up To 30% OFF On Accessories With Our Discount Offer at pepejeans
-
Get 10% OFF On Your First Order When You Sign Up at pepejeans
-
Get 10% OFF On All Orders Over $80 + Free Shipping at palladiumboots
-
Get Free Shipping On All Orders Over £80 With Our Free Shipping Offer at palladiumboots