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;
Best Travel Deals - Voucher Code | Voucher Code Nest In UK
Category: Best Travel Deals
-
Embark on your dream vacation in 2024 with 25% off select destinations! at Le Boat
-
Enjoy the journey and the savings with 50% off one-way holidays! at Le Boat
-
Set sail into savings! Get 25% off your 2024 boating holiday at Le Boat
-
Enjoy 25% OFF On Your spring boating holiday Secure your holiday today at Le Boat
-
Double the fun and save! Get 10% off when you book two boats at Le Boat
-
Experience autumn in style with 20% off selected destinations! at Le Boat
-
Unlock extra savings! Pay for your holiday in full and enjoy an additional 3% off at Le Boat
-
Sign Up And Get Exclusive Coupon Codes & Deals With Our Verified Coupons at Le Boat Discount Offer
-
Get 10% OFF On Your All Orders When You Use Our Discount Code at Hotelopia Discount Code
-
Summer savings alert! Enjoy an incredible 50% OFF your holiday bookings at hotelopia