@sc-360-v2/storefront-cms-library 0.2.68 → 0.2.70
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/tab-container/index.d.ts +45 -0
- package/dist/types/builder/enums/index.d.ts +7 -1
- package/dist/types/builder/index.d.ts +2 -1
- package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
- package/dist/types/builder/tools/element-edit/line.d.ts +71 -4
- package/dist/types/builder/tools/element-edit/tabContainer.d.ts +9 -0
- package/dist/types/builder/tools/element-edit/tabsV2.d.ts +0 -1
- package/package.json +1 -1
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { CMSHTMLAttributes } from "../../../global/attributes";
|
|
2
|
+
import { CommonStyleProperties } from "../../../global/style-properties";
|
|
3
|
+
import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
|
|
4
|
+
import { BuilderAttributes } from "../common";
|
|
5
|
+
export interface TabContainerStyleProperties extends CommonStyleProperties {
|
|
6
|
+
minHeight: string;
|
|
7
|
+
minWidth: string;
|
|
8
|
+
maxWidth: string;
|
|
9
|
+
maxHeight: string;
|
|
10
|
+
gridArea: string;
|
|
11
|
+
display: DisplayValue;
|
|
12
|
+
boxSizing: string;
|
|
13
|
+
rowGap: string;
|
|
14
|
+
columnGap: string;
|
|
15
|
+
gridTemplateRows: string;
|
|
16
|
+
gridTemplateColumns: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const getDefaultStyles: () => TabContainerStyleProperties;
|
|
19
|
+
export interface CommonContainerElementAttributes extends CMSHTMLAttributes {
|
|
20
|
+
role?: string;
|
|
21
|
+
ariaLabel?: string;
|
|
22
|
+
ariaDescribedBy?: string;
|
|
23
|
+
id?: string;
|
|
24
|
+
className?: string;
|
|
25
|
+
lang?: string;
|
|
26
|
+
dataMeta?: string;
|
|
27
|
+
}
|
|
28
|
+
export interface TabContainerElementInterface {
|
|
29
|
+
id?: string | number;
|
|
30
|
+
uniqueKey?: string | number;
|
|
31
|
+
attributes?: {
|
|
32
|
+
BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement">;
|
|
33
|
+
HTML?: CommonContainerElementAttributes;
|
|
34
|
+
CUSTOM?: any;
|
|
35
|
+
};
|
|
36
|
+
styles?: TabContainerStyleProperties;
|
|
37
|
+
editedStyles?: CommonStyleProperties;
|
|
38
|
+
responsiveBehaviour: ResponsiveBehaviourTypes;
|
|
39
|
+
children: any;
|
|
40
|
+
childIds: any[];
|
|
41
|
+
previewImage?: string;
|
|
42
|
+
isMaximized?: boolean;
|
|
43
|
+
parentKey?: any;
|
|
44
|
+
childIdsV2?: any[];
|
|
45
|
+
}
|
|
@@ -35,6 +35,8 @@ export declare enum CMSToolIdTypes {
|
|
|
35
35
|
cmsPageLoader = "cms-page-loader",
|
|
36
36
|
dataDropElement = "cms-drop-element",
|
|
37
37
|
containerWrapper = "cms-container-wrapper",
|
|
38
|
+
tabsWrapperV2 = "cms-tabs-v2-wrapper",
|
|
39
|
+
tabsContainerWrapperV2 = "cms-tabs-container-wrapper",
|
|
38
40
|
stackWrapper = "cms-stack-wrapper",
|
|
39
41
|
cmsSubElementLayer = "cms-sub-element-layer",
|
|
40
42
|
editorHeader = "cms-editor-header",
|
|
@@ -114,6 +116,7 @@ export declare enum CMSElementSelectors {
|
|
|
114
116
|
subCategoryElement = "div[data-element-type='subCategory']",
|
|
115
117
|
categoryWidgetElement = "div[data-element-type='categoryWidget']",
|
|
116
118
|
tabsElement = "div[data-element-type='tabs']",
|
|
119
|
+
tabsV2Element = "div[data-element-type='tabs-v2']",
|
|
117
120
|
imageHotspot = "div[data-element-type='imageHotspot']",
|
|
118
121
|
gridSwapBtn = "div[data-cms-tool='cms-grid-swap-btn']",
|
|
119
122
|
lightBox = "#cms_lt_bx_mn"
|
|
@@ -280,6 +283,8 @@ export declare const CMSElementsListEnum: {
|
|
|
280
283
|
CART_SUMMARY: string;
|
|
281
284
|
ALLOCATION_DETAILS: string;
|
|
282
285
|
LINE: string;
|
|
286
|
+
TABS_V2: string;
|
|
287
|
+
TABS_CONTAINER: string;
|
|
283
288
|
};
|
|
284
289
|
export declare enum CMSResponsiveModeEnums {
|
|
285
290
|
DESKTOP = "desktop",
|
|
@@ -333,7 +338,8 @@ export declare enum CMSCustomEventServiceTypesEnum {
|
|
|
333
338
|
export declare enum CMSCustomEventsListEnums {
|
|
334
339
|
LIGHTBOX = "customLightBoxV1",
|
|
335
340
|
UOMSELECTOR = "uomSelectorV1",
|
|
336
|
-
TEXTELEMENTCODEVIEW = "textElementCodeView"
|
|
341
|
+
TEXTELEMENTCODEVIEW = "textElementCodeView",
|
|
342
|
+
PRODUCT_DETAILS_STATE = "productDetailsState"
|
|
337
343
|
}
|
|
338
344
|
export declare enum FlexAppVersionEnums {
|
|
339
345
|
NESTEDJSON = 1,
|
|
@@ -58,4 +58,5 @@ import * as searchResultsHeadingSchema from "./elements/search-results-heading/i
|
|
|
58
58
|
import * as itemStockSchema from "./elements/item-stock/index";
|
|
59
59
|
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
|
+
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, };
|
|
@@ -73,4 +73,5 @@ import * as cartSummary from "./cartSummary";
|
|
|
73
73
|
import * as allocationDetails from "./allocationDetails";
|
|
74
74
|
import * as line from "./line";
|
|
75
75
|
import * as tabsV2 from "./tabsV2";
|
|
76
|
-
|
|
76
|
+
import * as tabContainer from "./tabContainer";
|
|
77
|
+
export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, allocationDetails, line, tabsV2, tabContainer, };
|
|
@@ -15,7 +15,9 @@ export declare enum LineSelectorKeysEnum {
|
|
|
15
15
|
ITEM_STYLE = "iconStyle",
|
|
16
16
|
SOCIAL_ICONS = "lineIcons",
|
|
17
17
|
SOCIAL_WIDGET = "lineWidget",
|
|
18
|
-
START_END_ICON = "startEndIcons"
|
|
18
|
+
START_END_ICON = "startEndIcons",
|
|
19
|
+
LINE_COLOR = "lineColor",
|
|
20
|
+
LINE_CORNERS = "lineCorners"
|
|
19
21
|
}
|
|
20
22
|
export interface SelectorKeys {
|
|
21
23
|
LAYOUT: string;
|
|
@@ -80,6 +82,12 @@ export declare const getDefaultData: () => {
|
|
|
80
82
|
propertyType: CMSElementEditTypes;
|
|
81
83
|
property: string;
|
|
82
84
|
};
|
|
85
|
+
lineThickness: {
|
|
86
|
+
value: number;
|
|
87
|
+
property: string;
|
|
88
|
+
unit: number;
|
|
89
|
+
propertyType: CMSElementEditTypes;
|
|
90
|
+
};
|
|
83
91
|
dash: {
|
|
84
92
|
value: string;
|
|
85
93
|
property: string;
|
|
@@ -129,14 +137,14 @@ export declare const getDefaultData: () => {
|
|
|
129
137
|
spread: import("../../interfaces/global").CMSIBSizeInterface;
|
|
130
138
|
blur: import("../../interfaces/global").CMSIBSizeInterface;
|
|
131
139
|
};
|
|
132
|
-
|
|
140
|
+
lineCorners: {
|
|
133
141
|
selectorKey: LineSelectorKeysEnum;
|
|
134
|
-
|
|
142
|
+
leftIcon: {
|
|
135
143
|
value: string;
|
|
136
144
|
property: string;
|
|
137
145
|
propertyType: CMSElementEditTypes;
|
|
138
146
|
};
|
|
139
|
-
|
|
147
|
+
rightIcon: {
|
|
140
148
|
value: string;
|
|
141
149
|
property: string;
|
|
142
150
|
propertyType: CMSElementEditTypes;
|
|
@@ -155,6 +163,65 @@ export declare const getDefaultData: () => {
|
|
|
155
163
|
propertyType: CMSElementEditTypes;
|
|
156
164
|
};
|
|
157
165
|
backgroundColor: CMSIBCommonInterface;
|
|
166
|
+
iconGap: {
|
|
167
|
+
leftIcon: {
|
|
168
|
+
value: string;
|
|
169
|
+
property: string;
|
|
170
|
+
propertyType: CMSElementEditTypes;
|
|
171
|
+
};
|
|
172
|
+
rightIcon: {
|
|
173
|
+
value: string;
|
|
174
|
+
property: string;
|
|
175
|
+
propertyType: CMSElementEditTypes;
|
|
176
|
+
};
|
|
177
|
+
lineColor: {
|
|
178
|
+
value: {
|
|
179
|
+
hex: string;
|
|
180
|
+
rgb: {
|
|
181
|
+
r: string;
|
|
182
|
+
g: string;
|
|
183
|
+
b: string;
|
|
184
|
+
a: number;
|
|
185
|
+
};
|
|
186
|
+
};
|
|
187
|
+
propertyType: CMSElementEditTypes;
|
|
188
|
+
parentRef: string;
|
|
189
|
+
};
|
|
190
|
+
size: {
|
|
191
|
+
value: string;
|
|
192
|
+
property: string;
|
|
193
|
+
unit: number;
|
|
194
|
+
propertyType: CMSElementEditTypes;
|
|
195
|
+
};
|
|
196
|
+
backgroundShape: {
|
|
197
|
+
value: string;
|
|
198
|
+
property: string;
|
|
199
|
+
unit: number;
|
|
200
|
+
propertyType: CMSElementEditTypes;
|
|
201
|
+
};
|
|
202
|
+
iconGap: {
|
|
203
|
+
value: string;
|
|
204
|
+
property: string;
|
|
205
|
+
unit: number;
|
|
206
|
+
propertyType: CMSElementEditTypes;
|
|
207
|
+
};
|
|
208
|
+
};
|
|
209
|
+
};
|
|
210
|
+
lineColor: {
|
|
211
|
+
selectorKey: LineSelectorKeysEnum;
|
|
212
|
+
lineColor: {
|
|
213
|
+
value: {
|
|
214
|
+
hex: string;
|
|
215
|
+
rgb: {
|
|
216
|
+
r: string;
|
|
217
|
+
g: string;
|
|
218
|
+
b: string;
|
|
219
|
+
a: number;
|
|
220
|
+
};
|
|
221
|
+
};
|
|
222
|
+
propertyType: CMSElementEditTypes;
|
|
223
|
+
parentRef: string;
|
|
224
|
+
};
|
|
158
225
|
};
|
|
159
226
|
};
|
|
160
227
|
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
|
|
2
|
+
export interface selfDesignInterface {
|
|
3
|
+
selectorKey: string;
|
|
4
|
+
}
|
|
5
|
+
export declare enum selfSelectorKeysEnum {
|
|
6
|
+
LAYOUT = "layout",
|
|
7
|
+
DESIGN = "design"
|
|
8
|
+
}
|
|
9
|
+
export declare const getDefaultData: () => CMSElementEditPopupInterface<CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|