@sc-360-v2/storefront-cms-library 0.2.71 → 0.2.73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -12
- package/dist/builder.js +1 -1
- package/dist/globals.scss +94 -94
- package/dist/icons.js +1 -1
- package/dist/index.js +1 -1
- package/dist/types/builder/elements/form-builder/index.d.ts +98 -0
- package/dist/types/builder/index.d.ts +2 -1
- package/dist/types/builder/tools/element-edit/cartDetails.d.ts +34 -32
- package/package.json +1 -1
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const FB_GRID_COLS = 12;
|
|
3
|
+
export declare const FB_GRID_ROWS = 1;
|
|
4
|
+
export declare const FB_CELL_HEIGHT = 70;
|
|
5
|
+
export declare const FB_CONTAINER_PADDING = 20;
|
|
6
|
+
export declare const FB_GRID_MIN_WIDTH = 4;
|
|
7
|
+
export declare enum FBModeEnum {
|
|
8
|
+
Edit = 1,
|
|
9
|
+
Preview = 2
|
|
10
|
+
}
|
|
11
|
+
export declare enum FormComponentTypeEnum {
|
|
12
|
+
Input = "input",
|
|
13
|
+
Select = "select",
|
|
14
|
+
Textarea = "textarea",
|
|
15
|
+
Button = "button",
|
|
16
|
+
Content = "content"
|
|
17
|
+
}
|
|
18
|
+
export declare enum FormElementTypeEnum {
|
|
19
|
+
Text = "text",
|
|
20
|
+
Email = "email",
|
|
21
|
+
Tel = "tel",
|
|
22
|
+
Url = "url",
|
|
23
|
+
Number = "number",
|
|
24
|
+
Password = "password",
|
|
25
|
+
Date = "date",
|
|
26
|
+
Textarea = "textarea",
|
|
27
|
+
Select = "select",
|
|
28
|
+
Checkbox = "checkbox",
|
|
29
|
+
Radio = "radio",
|
|
30
|
+
Button = "button",
|
|
31
|
+
Heading1 = "heading1",
|
|
32
|
+
Heading2 = "heading2",
|
|
33
|
+
Paragraph = "paragraph",
|
|
34
|
+
Image = "image",
|
|
35
|
+
Video = "video",
|
|
36
|
+
ListUnordered = "list-unordered",
|
|
37
|
+
ListOrdered = "list-ordered",
|
|
38
|
+
Link = "link",
|
|
39
|
+
Html = "html"
|
|
40
|
+
}
|
|
41
|
+
export interface FormComponentConfig {
|
|
42
|
+
icon?: string;
|
|
43
|
+
label: {
|
|
44
|
+
value: string;
|
|
45
|
+
state: boolean;
|
|
46
|
+
};
|
|
47
|
+
required: boolean;
|
|
48
|
+
placeholder: {
|
|
49
|
+
value: string;
|
|
50
|
+
state: boolean;
|
|
51
|
+
};
|
|
52
|
+
description?: {
|
|
53
|
+
value: string;
|
|
54
|
+
state: boolean;
|
|
55
|
+
};
|
|
56
|
+
limitCharacters?: {
|
|
57
|
+
value: {
|
|
58
|
+
min: number;
|
|
59
|
+
max: number;
|
|
60
|
+
};
|
|
61
|
+
state: boolean;
|
|
62
|
+
};
|
|
63
|
+
fieldKey?: string;
|
|
64
|
+
options?: string[];
|
|
65
|
+
src?: string;
|
|
66
|
+
captionsSrc?: string;
|
|
67
|
+
href?: string;
|
|
68
|
+
html?: string;
|
|
69
|
+
type: FormComponentTypeEnum;
|
|
70
|
+
fieldType: FormElementTypeEnum;
|
|
71
|
+
w: number;
|
|
72
|
+
h: number;
|
|
73
|
+
}
|
|
74
|
+
export interface SidebarElementItem extends FormComponentConfig {
|
|
75
|
+
categoryId?: number;
|
|
76
|
+
subcategoryId?: number;
|
|
77
|
+
}
|
|
78
|
+
export interface FormGridProps {
|
|
79
|
+
layout: FormGridLayoutInterface[];
|
|
80
|
+
width: number;
|
|
81
|
+
mode: FBModeEnum;
|
|
82
|
+
onLayoutChange?: (layout: any) => void;
|
|
83
|
+
isDraggable?: boolean;
|
|
84
|
+
children: React.ReactNode;
|
|
85
|
+
}
|
|
86
|
+
export interface FormGridLayoutInterface {
|
|
87
|
+
w: number;
|
|
88
|
+
h: number;
|
|
89
|
+
x: number;
|
|
90
|
+
y: number;
|
|
91
|
+
i: string;
|
|
92
|
+
moved: boolean;
|
|
93
|
+
static: boolean;
|
|
94
|
+
maxH?: number;
|
|
95
|
+
maxW?: number;
|
|
96
|
+
minH?: number;
|
|
97
|
+
minW?: number;
|
|
98
|
+
}
|
|
@@ -60,4 +60,5 @@ import * as lineItemSchema from "./elements/line/index";
|
|
|
60
60
|
import * as tabsV2Schema from "./elements/tab-v2/index";
|
|
61
61
|
import * as tabsContainerSchema from "./elements/tab-container/index";
|
|
62
62
|
import * as marchandiserSetsSchema from "./elements/marchandiser-sets/index";
|
|
63
|
-
|
|
63
|
+
import * as formBuilder from "./elements/form-builder/index";
|
|
64
|
+
export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, };
|
|
@@ -23,14 +23,6 @@ export declare const getDefaultData: () => {
|
|
|
23
23
|
value: number;
|
|
24
24
|
unit: CMSCSSUnitTypesEnums;
|
|
25
25
|
};
|
|
26
|
-
height: {
|
|
27
|
-
value: number;
|
|
28
|
-
unit: CMSCSSUnitTypesEnums;
|
|
29
|
-
property?: any;
|
|
30
|
-
propertyType?: any;
|
|
31
|
-
isReadOnly?: boolean | undefined;
|
|
32
|
-
parentRef?: string | undefined;
|
|
33
|
-
};
|
|
34
26
|
margin: import("../../interfaces/global").CSSPaddingValues | undefined;
|
|
35
27
|
padding: import("../../interfaces/global").CSSPaddingValues | undefined;
|
|
36
28
|
overflowContent: CMSIBCommonInterface | undefined;
|
|
@@ -116,15 +108,6 @@ export declare const getDefaultData: () => {
|
|
|
116
108
|
};
|
|
117
109
|
design: {
|
|
118
110
|
selectorKey: SelectorKeysEnum;
|
|
119
|
-
cartItemStyles: {
|
|
120
|
-
selectorKey: SelectorKeysEnum;
|
|
121
|
-
padding: import("../../interfaces/global").CSSPaddingValues | undefined;
|
|
122
|
-
margin: import("../../interfaces/global").CSSPaddingValues | undefined;
|
|
123
|
-
height: import("../../interfaces/global").CMSIBSizeInterface | undefined;
|
|
124
|
-
showShadow: CMSIBCommonInterface;
|
|
125
|
-
shadowColor: CMSIBCommonInterface;
|
|
126
|
-
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
127
|
-
};
|
|
128
111
|
cartHeadingStyles: {
|
|
129
112
|
theme: CMSIBCommonInterface;
|
|
130
113
|
font: CMSIBCommonInterface;
|
|
@@ -146,7 +129,7 @@ export declare const getDefaultData: () => {
|
|
|
146
129
|
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
147
130
|
};
|
|
148
131
|
cartActionStyles: {
|
|
149
|
-
|
|
132
|
+
selectorKey: SelectorKeysEnum;
|
|
150
133
|
font: CMSIBCommonInterface;
|
|
151
134
|
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
152
135
|
textColor: CMSIBCommonInterface;
|
|
@@ -156,24 +139,43 @@ export declare const getDefaultData: () => {
|
|
|
156
139
|
underline: CMSIBCommonInterface;
|
|
157
140
|
textAlign: CMSIBCommonInterface;
|
|
158
141
|
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
159
|
-
|
|
160
|
-
|
|
142
|
+
};
|
|
143
|
+
cartItemStyles: {
|
|
144
|
+
selectorKey: SelectorKeysEnum;
|
|
145
|
+
padding: import("../../interfaces/global").CSSPaddingValues | undefined;
|
|
146
|
+
margin: {
|
|
147
|
+
isAll: boolean;
|
|
148
|
+
sides: {
|
|
149
|
+
top: {
|
|
150
|
+
value: number;
|
|
151
|
+
unit: number;
|
|
152
|
+
};
|
|
153
|
+
right: {
|
|
154
|
+
value: number;
|
|
155
|
+
unit: number;
|
|
156
|
+
};
|
|
157
|
+
bottom: {
|
|
158
|
+
value: number;
|
|
159
|
+
unit: number;
|
|
160
|
+
};
|
|
161
|
+
left: {
|
|
162
|
+
value: number;
|
|
163
|
+
unit: number;
|
|
164
|
+
};
|
|
165
|
+
};
|
|
166
|
+
property: string;
|
|
167
|
+
propertyType: CMSElementEditTypes;
|
|
168
|
+
};
|
|
169
|
+
shadowColor: CMSIBCommonInterface;
|
|
170
|
+
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
171
|
+
spread: import("../../interfaces/global").CMSIBSizeInterface;
|
|
172
|
+
blur: import("../../interfaces/global").CMSIBSizeInterface;
|
|
173
|
+
showBorder: CMSIBCommonInterface;
|
|
161
174
|
borderColor: CMSIBCommonInterface;
|
|
162
175
|
borderStyle: CMSIBCommonInterface;
|
|
163
176
|
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
164
|
-
showBorder: CMSIBCommonInterface;
|
|
165
|
-
showShadow: CMSIBCommonInterface;
|
|
166
|
-
shadowColor: CMSIBCommonInterface;
|
|
167
|
-
blur: import("../../interfaces/global").CMSIBSizeInterface;
|
|
168
|
-
spread: import("../../interfaces/global").CMSIBSizeInterface;
|
|
169
|
-
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
170
177
|
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
171
|
-
|
|
172
|
-
contrast: import("../../interfaces/global").CMSIBSizeInterface;
|
|
173
|
-
saturation: import("../../interfaces/global").CMSIBSizeInterface;
|
|
174
|
-
highlights: import("../../interfaces/global").CMSIBSizeInterface;
|
|
175
|
-
shadows: import("../../interfaces/global").CMSIBSizeInterface;
|
|
176
|
-
selectorKey: SelectorKeysEnum;
|
|
178
|
+
backgroundColor: CMSIBCommonInterface;
|
|
177
179
|
};
|
|
178
180
|
productActionsStyles: {
|
|
179
181
|
theme: CMSIBCommonInterface;
|