@sc-360-v2/storefront-cms-library 0.2.67 → 0.2.69

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.
@@ -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
+ }
@@ -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 TabsV2StyleProperties 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: () => TabsV2StyleProperties;
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 TabsV2ElementInterface {
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?: TabsV2StyleProperties;
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,
@@ -57,4 +57,6 @@ import * as categoryDetailsSchema from "./elements/category-details/index";
57
57
  import * as searchResultsHeadingSchema from "./elements/search-results-heading/index";
58
58
  import * as itemStockSchema from "./elements/item-stock/index";
59
59
  import * as lineItemSchema from "./elements/line/index";
60
- 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, };
60
+ import * as tabsV2Schema from "./elements/tab-v2/index";
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, };
@@ -72,4 +72,6 @@ import * as cartDetails from "./cartDetails";
72
72
  import * as cartSummary from "./cartSummary";
73
73
  import * as allocationDetails from "./allocationDetails";
74
74
  import * as line from "./line";
75
- 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, };
75
+ import * as tabsV2 from "./tabsV2";
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, };
@@ -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,210 @@
1
+ import { CMSElementEditTypes } from "../../enums";
2
+ import { CMSIBCommonInterface } from "../../interfaces/global";
3
+ declare enum SelectorKeysEnum {
4
+ LAYOUT = "layout",
5
+ CONTENT = "content",
6
+ DESIGN = "design",
7
+ DEFAULT_STATE = "defaultState",
8
+ HOVER_STATE = "hoverState",
9
+ SELECTED_STATE = "selected",
10
+ TAB_CONTAINER = "tabContainer",
11
+ TAB_CONTENT_CONTAINER = "tabContentContainer",
12
+ TABS = "tabs"
13
+ }
14
+ export declare const getDefaultData: () => {
15
+ layout: {
16
+ selectorKey: SelectorKeysEnum;
17
+ width: {
18
+ [key: string]: any;
19
+ } | undefined;
20
+ height: import("../../interfaces/global").CMSIBSizeInterface | undefined;
21
+ margin: import("../../interfaces/global").CSSPaddingValues | undefined;
22
+ padding: import("../../interfaces/global").CSSPaddingValues | undefined;
23
+ overflowContent: CMSIBCommonInterface | undefined;
24
+ scrollDirection: CMSIBCommonInterface | undefined;
25
+ displayScrollbar: CMSIBCommonInterface | undefined;
26
+ positionType: CMSIBCommonInterface | undefined;
27
+ pinTo: CMSIBCommonInterface | undefined;
28
+ tabPosition: {
29
+ value: string;
30
+ property: string;
31
+ propertyType: CMSElementEditTypes;
32
+ };
33
+ tabLayout: {
34
+ value: string;
35
+ property: string;
36
+ propertyType: CMSElementEditTypes;
37
+ };
38
+ tabAlignment: {
39
+ value: string;
40
+ property: string;
41
+ propertyType: CMSElementEditTypes;
42
+ };
43
+ tabSpacing: {
44
+ value: number;
45
+ unit: number;
46
+ property: string;
47
+ propertyType: CMSElementEditTypes;
48
+ };
49
+ tabContainerSpacing: {
50
+ value: number;
51
+ unit: number;
52
+ property: string;
53
+ propertyType: CMSElementEditTypes;
54
+ };
55
+ horizontalPadding: {
56
+ value: number;
57
+ unit: number;
58
+ property: string;
59
+ propertyType: CMSElementEditTypes;
60
+ };
61
+ verticalPadding: {
62
+ value: number;
63
+ unit: number;
64
+ property: string;
65
+ propertyType: CMSElementEditTypes;
66
+ };
67
+ overflowTabs: {
68
+ value: string;
69
+ property: string;
70
+ propertyType: CMSElementEditTypes;
71
+ };
72
+ spacingBetweenRows: {
73
+ value: number;
74
+ unit: number;
75
+ property: string;
76
+ propertyType: CMSElementEditTypes;
77
+ };
78
+ };
79
+ design: {
80
+ selectorKey: SelectorKeysEnum;
81
+ tabContainer: {
82
+ borderColor: CMSIBCommonInterface;
83
+ borderStyle: CMSIBCommonInterface;
84
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
85
+ showBorder: CMSIBCommonInterface;
86
+ backgroundColor: CMSIBCommonInterface;
87
+ showShadow: CMSIBCommonInterface;
88
+ shadowColor: CMSIBCommonInterface;
89
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
90
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
91
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
92
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
93
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
94
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
95
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
96
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
97
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
98
+ selectorKey: SelectorKeysEnum;
99
+ };
100
+ tabs: {
101
+ selectorKey: SelectorKeysEnum;
102
+ defaultState: {
103
+ theme: CMSIBCommonInterface;
104
+ font: CMSIBCommonInterface;
105
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
106
+ textColor: CMSIBCommonInterface;
107
+ bold: CMSIBCommonInterface;
108
+ italic: CMSIBCommonInterface;
109
+ linethrough: CMSIBCommonInterface;
110
+ underline: CMSIBCommonInterface;
111
+ textAlign: CMSIBCommonInterface;
112
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
113
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
114
+ borderColor: CMSIBCommonInterface;
115
+ borderStyle: CMSIBCommonInterface;
116
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
117
+ showBorder: CMSIBCommonInterface;
118
+ backgroundColor: CMSIBCommonInterface;
119
+ showShadow: CMSIBCommonInterface;
120
+ shadowColor: CMSIBCommonInterface;
121
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
122
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
123
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
124
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
125
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
126
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
127
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
128
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
129
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
130
+ selectorKey: SelectorKeysEnum;
131
+ };
132
+ hoverState: {
133
+ theme: CMSIBCommonInterface;
134
+ font: CMSIBCommonInterface;
135
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
136
+ textColor: CMSIBCommonInterface;
137
+ bold: CMSIBCommonInterface;
138
+ italic: CMSIBCommonInterface;
139
+ linethrough: CMSIBCommonInterface;
140
+ underline: CMSIBCommonInterface;
141
+ textAlign: CMSIBCommonInterface;
142
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
143
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
144
+ borderColor: CMSIBCommonInterface;
145
+ borderStyle: CMSIBCommonInterface;
146
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
147
+ showBorder: CMSIBCommonInterface;
148
+ backgroundColor: CMSIBCommonInterface;
149
+ showShadow: CMSIBCommonInterface;
150
+ shadowColor: CMSIBCommonInterface;
151
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
152
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
153
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
154
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
155
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
156
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
157
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
158
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
159
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
160
+ selectorKey: SelectorKeysEnum;
161
+ };
162
+ selectedState: {
163
+ theme: CMSIBCommonInterface;
164
+ font: CMSIBCommonInterface;
165
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
166
+ textColor: CMSIBCommonInterface;
167
+ bold: CMSIBCommonInterface;
168
+ italic: CMSIBCommonInterface;
169
+ linethrough: CMSIBCommonInterface;
170
+ underline: CMSIBCommonInterface;
171
+ textAlign: CMSIBCommonInterface;
172
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
173
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
174
+ borderColor: CMSIBCommonInterface;
175
+ borderStyle: CMSIBCommonInterface;
176
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
177
+ showBorder: CMSIBCommonInterface;
178
+ backgroundColor: CMSIBCommonInterface;
179
+ showShadow: CMSIBCommonInterface;
180
+ shadowColor: CMSIBCommonInterface;
181
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
182
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
183
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
184
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
185
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
186
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
187
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
188
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
189
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
190
+ selectorKey: SelectorKeysEnum;
191
+ };
192
+ };
193
+ };
194
+ content: {
195
+ selectorKey: SelectorKeysEnum;
196
+ tabContent: {
197
+ value: {
198
+ title: string;
199
+ contentSource: {
200
+ title: string;
201
+ content: {};
202
+ };
203
+ key: string;
204
+ }[];
205
+ property: string;
206
+ propertyType: CMSElementEditTypes;
207
+ };
208
+ };
209
+ };
210
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.2.67",
3
+ "version": "0.2.69",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {