@sc-360-v2/storefront-cms-library 0.3.1 → 0.3.2
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/dist/builder.js +1 -1
- package/dist/types/builder/elements/layouter-pro/index.d.ts +43 -0
- package/dist/types/builder/elements/layouter-pro-item/index.d.ts +39 -0
- package/dist/types/builder/enums/index.d.ts +3 -0
- package/dist/types/builder/index.d.ts +3 -1
- package/dist/types/builder/tools/element-edit/filters.d.ts +39 -1
- package/dist/types/builder/tools/element-edit/index.d.ts +3 -1
- package/dist/types/builder/tools/element-edit/layouter-pro-item.d.ts +9 -0
- package/dist/types/builder/tools/element-edit/layouterPro.d.ts +39 -0
- package/package.json +1 -1
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { CommonStyleProperties } from "../../../global/style-properties";
|
|
2
|
+
import { CMSHTMLAttributes } from "../../../global/attributes";
|
|
3
|
+
import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
|
|
4
|
+
import { BuilderAttributes } from "../common";
|
|
5
|
+
export interface LayouterProAttributes extends CMSHTMLAttributes {
|
|
6
|
+
role?: string;
|
|
7
|
+
ariaLabel?: string;
|
|
8
|
+
ariaDescribedBy?: string;
|
|
9
|
+
id?: string;
|
|
10
|
+
className?: string;
|
|
11
|
+
lang?: string;
|
|
12
|
+
}
|
|
13
|
+
export interface LayouterProStyleProperties extends CommonStyleProperties {
|
|
14
|
+
minHeight?: string;
|
|
15
|
+
height?: string;
|
|
16
|
+
minWidth?: string;
|
|
17
|
+
maxWidth?: string;
|
|
18
|
+
maxHeight?: string;
|
|
19
|
+
gridArea?: string;
|
|
20
|
+
display?: DisplayValue;
|
|
21
|
+
boxSizing?: string;
|
|
22
|
+
gridTemplateRows?: string;
|
|
23
|
+
gridTemplateColumns?: string;
|
|
24
|
+
}
|
|
25
|
+
export declare const getDefaultStyles: () => LayouterProStyleProperties;
|
|
26
|
+
export interface LayouterProInterface {
|
|
27
|
+
variationId?: string;
|
|
28
|
+
attributes?: {
|
|
29
|
+
BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType">;
|
|
30
|
+
HTML?: LayouterProAttributes;
|
|
31
|
+
CUSTOM?: any;
|
|
32
|
+
};
|
|
33
|
+
styles?: LayouterProStyleProperties;
|
|
34
|
+
editedStyles?: CommonStyleProperties;
|
|
35
|
+
children?: any;
|
|
36
|
+
responsiveBehaviour: ResponsiveBehaviourTypes;
|
|
37
|
+
childIds: any[];
|
|
38
|
+
uniqueKey?: any;
|
|
39
|
+
previewImage?: string;
|
|
40
|
+
isMaximized?: boolean;
|
|
41
|
+
parentKey?: any;
|
|
42
|
+
childIdsV2?: any[];
|
|
43
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { CommonStyleProperties } from "../../../global/style-properties";
|
|
2
|
+
import { CMSHTMLAttributes } from "../../../global/attributes";
|
|
3
|
+
import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
|
|
4
|
+
import { BuilderAttributes } from "../common";
|
|
5
|
+
export interface LayouterProItemAttributes extends CMSHTMLAttributes {
|
|
6
|
+
role?: string;
|
|
7
|
+
ariaLabel?: string;
|
|
8
|
+
ariaDescribedBy?: string;
|
|
9
|
+
id?: string;
|
|
10
|
+
className?: string;
|
|
11
|
+
lang?: string;
|
|
12
|
+
}
|
|
13
|
+
export interface LayouterProItemStyleProperties extends CommonStyleProperties {
|
|
14
|
+
minHeight?: string;
|
|
15
|
+
height?: string;
|
|
16
|
+
minWidth?: string;
|
|
17
|
+
maxWidth?: string;
|
|
18
|
+
maxHeight?: string;
|
|
19
|
+
gridArea?: string;
|
|
20
|
+
display?: DisplayValue;
|
|
21
|
+
boxSizing?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare const getDefaultStyles: () => LayouterProItemStyleProperties;
|
|
24
|
+
export interface LayouterItemInterface {
|
|
25
|
+
variationId?: string;
|
|
26
|
+
attributes?: {
|
|
27
|
+
BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType">;
|
|
28
|
+
HTML?: LayouterProItemAttributes;
|
|
29
|
+
CUSTOM?: any;
|
|
30
|
+
};
|
|
31
|
+
styles?: LayouterProItemStyleProperties;
|
|
32
|
+
editedStyles?: CommonStyleProperties;
|
|
33
|
+
children?: any;
|
|
34
|
+
responsiveBehaviour: ResponsiveBehaviourTypes;
|
|
35
|
+
childIds: any[];
|
|
36
|
+
uniqueKey?: any;
|
|
37
|
+
parentKey?: any;
|
|
38
|
+
childIdsV2?: any[];
|
|
39
|
+
}
|
|
@@ -50,8 +50,10 @@ export declare enum CMSToolIdTypes {
|
|
|
50
50
|
containerElement = "div[data-element-type='container']",
|
|
51
51
|
repeaterWrapper = "cms-repeater-wrapper",
|
|
52
52
|
layouterWrapper = "cms-layouter-wrapper",
|
|
53
|
+
layouterProWrapper = "cms-layouter-pro-wrapper",
|
|
53
54
|
repeaterItemWrapper = "cms-repeater-item-wrapper",
|
|
54
55
|
layouterItemWrapper = "cms-layouter-item-wrapper",
|
|
56
|
+
layouterProItemWrapper = "cms-layouter-pro-item-wrapper",
|
|
55
57
|
cmsElementFullView = "cms-element-full-view",
|
|
56
58
|
productWrapper = "cms-product-wrapper",
|
|
57
59
|
productDetailsWrapper = "cms-product-details-wrapper",
|
|
@@ -314,6 +316,7 @@ export declare const CMSElementsListEnum: {
|
|
|
314
316
|
SIMPLE_LIST: string;
|
|
315
317
|
SIMPLE_LIST_ITEM: string;
|
|
316
318
|
LAYOUTER_PRO: string;
|
|
319
|
+
LAYOUTER_PRO_ITEM: string;
|
|
317
320
|
};
|
|
318
321
|
export declare enum CMSResponsiveModeEnums {
|
|
319
322
|
DESKTOP = "desktop",
|
|
@@ -75,4 +75,6 @@ import * as productCustomizationsSchema from "./elements/product-customizations/
|
|
|
75
75
|
import * as iconListSchema from "./elements/icon-list/index";
|
|
76
76
|
import * as menuV2Schema from "./elements/menu-v2/index";
|
|
77
77
|
import * as menuItemSchema from "./elements/menu-item/index";
|
|
78
|
-
|
|
78
|
+
import * as layouterProSchema from "./elements/layouter-pro/index";
|
|
79
|
+
import * as layouterProItemSchema from "./elements/layouter-pro-item/index";
|
|
80
|
+
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, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, };
|
|
@@ -31,6 +31,30 @@ interface selfLayoutInterface {
|
|
|
31
31
|
}
|
|
32
32
|
interface selfDesignInterface {
|
|
33
33
|
selectorKey: string;
|
|
34
|
+
filtersWidget: {
|
|
35
|
+
selectorKey: string;
|
|
36
|
+
[key: string]: any;
|
|
37
|
+
};
|
|
38
|
+
checkboxStyle: {
|
|
39
|
+
selectorKey: string;
|
|
40
|
+
[key: string]: any;
|
|
41
|
+
};
|
|
42
|
+
clearAllButton: {
|
|
43
|
+
selectorKey: string;
|
|
44
|
+
[key: string]: any;
|
|
45
|
+
};
|
|
46
|
+
chipButton: {
|
|
47
|
+
selectorKey: string;
|
|
48
|
+
[key: string]: any;
|
|
49
|
+
};
|
|
50
|
+
optionLabels: {
|
|
51
|
+
selectorKey: string;
|
|
52
|
+
[key: string]: any;
|
|
53
|
+
};
|
|
54
|
+
moreButton: {
|
|
55
|
+
selectorKey: string;
|
|
56
|
+
[key: string]: any;
|
|
57
|
+
};
|
|
34
58
|
}
|
|
35
59
|
export declare enum SelectorKeysEnum {
|
|
36
60
|
LAYOUT = "layout",
|
|
@@ -41,7 +65,21 @@ export declare enum SelectorKeysEnum {
|
|
|
41
65
|
SELECTED_STATE = "selected",
|
|
42
66
|
TAB_CONTAINER = "tabContainer",
|
|
43
67
|
TAB_CONTENT_CONTAINER = "tabContentContainer",
|
|
44
|
-
TABS = "tabs"
|
|
68
|
+
TABS = "tabs",
|
|
69
|
+
FILTERS_WIDGET = "filtersWidget",
|
|
70
|
+
CHECKBOX_STYLE = "checkboxStyle",
|
|
71
|
+
CHECKBOX_DEFAULT_STATE = "checkboxDefaultState",
|
|
72
|
+
CHECKBOX_HOVER_STATE = "checkboxHoverState",
|
|
73
|
+
CLEAR_ALL_BUTTON = "clearAllButton",
|
|
74
|
+
CHIP_BUTTON = "chipButton",
|
|
75
|
+
CLEAR_ALL_BUTTON_DEFAULT_STATE = "clearAllButtonDefaultState",
|
|
76
|
+
CLEAR_ALL_BUTTON_HOVER_STATE = "clearAllButtonHoverState",
|
|
77
|
+
CHIP_BUTTON_DEFAULT_STATE = "chipButtonDefaultState",
|
|
78
|
+
CHIP_BUTTON_HOVER_STATE = "chipButtonHoverState",
|
|
79
|
+
OPTION_STYLE = "optionStyle",
|
|
80
|
+
MORE_BUTTON = "moreButton",
|
|
81
|
+
MORE_BUTTON_DEFAULT_STATE = "moreButtonDefaultState",
|
|
82
|
+
MORE_BUTTON_HOVER_STATE = "moreButtonHoverState"
|
|
45
83
|
}
|
|
46
84
|
export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|
|
47
85
|
export {};
|
|
@@ -89,4 +89,6 @@ import * as productCustomizations from "./productCustomizations";
|
|
|
89
89
|
import * as iconList from "./icon-list";
|
|
90
90
|
import * as menuV2 from "./menu_v2";
|
|
91
91
|
import * as menuItem from "./menu-item";
|
|
92
|
-
|
|
92
|
+
import * as layouterPro from "./layouterPro";
|
|
93
|
+
import * as layouterProItem from "./layouter-pro-item";
|
|
94
|
+
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, checkout, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, createForm, quickLinks, addOrder, buyForWithTabs, buyForTabsContainer, toaster, spotlight, bundleDetails, productCustomizations, iconList, orderStatus, menuV2, menuItem, layouterPro, layouterProItem, };
|
|
@@ -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>;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { AlignItemsValue, JustifyContentValue, LayouterDisplayStyleType } from "../../../../components/global/types";
|
|
2
|
+
import { CMSCSSUnitTypesEnums } from "../../enums";
|
|
3
|
+
import { CMSIBCommonInterface, PaddingProps } from "../../interfaces/global";
|
|
4
|
+
import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
|
|
5
|
+
interface selfLayoutInterface {
|
|
6
|
+
selectorKey: string;
|
|
7
|
+
displayStyle: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
|
|
8
|
+
value: LayouterDisplayStyleType;
|
|
9
|
+
};
|
|
10
|
+
itemGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
|
|
11
|
+
justifyContent: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
|
|
12
|
+
value: JustifyContentValue;
|
|
13
|
+
};
|
|
14
|
+
alignItems: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
|
|
15
|
+
value: AlignItemsValue;
|
|
16
|
+
};
|
|
17
|
+
setItemsPerRow: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
|
|
18
|
+
isShow: boolean;
|
|
19
|
+
value: string | number | any;
|
|
20
|
+
};
|
|
21
|
+
minColumnWidth: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
|
|
22
|
+
value: string | number | any;
|
|
23
|
+
unit: CMSCSSUnitTypesEnums;
|
|
24
|
+
};
|
|
25
|
+
minRowHeight: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
|
|
26
|
+
value: string | number | any;
|
|
27
|
+
unit: CMSCSSUnitTypesEnums;
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
export interface selfDesignInterface {
|
|
31
|
+
selectorKey: string;
|
|
32
|
+
}
|
|
33
|
+
export declare enum selfSelectorKeysEnum {
|
|
34
|
+
LAYOUT = "layout",
|
|
35
|
+
DESIGN = "design",
|
|
36
|
+
DATA_CONNECTOR = "dataConnector"
|
|
37
|
+
}
|
|
38
|
+
export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|
|
39
|
+
export {};
|