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;
Department Stores Discount Code | Voucher Code Nest In UK
Category: Department Stores Discount Code
-
Get 15% OFF On Your All Orders When You Use Our Voucher Code at fruugo
-
Enjoy free Shipping and returns on your all orders when you use this free Shipping offer at Fruugo
-
Adorable savings alert! Enjoy a sweet 85% off our cozy baby clothing collection at fruugo
-
Enjoy a staggering Up To 80% OFF our premium hand gloves
-
“Unbelievable deal alert! Get a whopping Up To 75% OFF our best-selling items at fruugo
-
“Hat’s off to incredible savings! Score 75% off our dapper collection of men’s hats at fruugo
-
Tick-tock! Treat yourself to timeless elegance with Up To 50% OFF our stunning women’s watches at fruugo
-
“Unleash your style and save big with Up To 40% OFF our chic backpacks designed just for women at fruugo
-
Dive into savings! Enjoy Up To 40% OFF our stylish swimwear collection for women at fruugo
-
Elevate your look with our stunning handbags, now 35% OFF at fruugo