@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.
@@ -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
- 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, };
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
- 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, };
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
- startEndIcons: {
140
+ lineCorners: {
133
141
  selectorKey: LineSelectorKeysEnum;
134
- playIcon: {
142
+ leftIcon: {
135
143
  value: string;
136
144
  property: string;
137
145
  propertyType: CMSElementEditTypes;
138
146
  };
139
- pauseIcon: {
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>;
@@ -14,7 +14,6 @@ declare enum SelectorKeysEnum {
14
14
  export declare const getDefaultData: () => {
15
15
  layout: {
16
16
  selectorKey: SelectorKeysEnum;
17
- adjustment: CMSIBCommonInterface | undefined;
18
17
  width: {
19
18
  [key: string]: any;
20
19
  } | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.2.68",
3
+ "version": "0.2.70",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {