@sc-360-v2/storefront-cms-library 0.3.5 → 0.3.8

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.
Files changed (52) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/builder.js.LICENSE.txt +1 -1
  3. package/dist/bulk-order-pad.scss +13 -8
  4. package/dist/button copy.scss +2 -1
  5. package/dist/checkout.scss +141 -16
  6. package/dist/common-element.scss +6 -0
  7. package/dist/confirmationModal.scss +79 -0
  8. package/dist/dropdownTemplate.scss +71 -8
  9. package/dist/employee-bulk-order.scss +547 -0
  10. package/dist/fb-dropdown.scss +124 -0
  11. package/dist/filter-results.scss +324 -0
  12. package/dist/filters.scss +1324 -31
  13. package/dist/form-preview.scss +163 -108
  14. package/dist/functions.js +1 -1
  15. package/dist/globals.scss +6 -0
  16. package/dist/icon-list.scss +11 -11
  17. package/dist/icons.js +1 -1
  18. package/dist/index.js +1 -1
  19. package/dist/layouter-pro-item.scss +6 -0
  20. package/dist/layouter-pro.scss +30 -2
  21. package/dist/menu-v2.scss +5 -2
  22. package/dist/modal.scss +13 -6
  23. package/dist/past-orders.scss +770 -26
  24. package/dist/product-actions.scss +254 -393
  25. package/dist/product-basic-elements.scss +12 -12
  26. package/dist/product-options.scss +73 -46
  27. package/dist/quotes.scss +1 -0
  28. package/dist/repeater.scss +5 -2
  29. package/dist/text-temp-v2.scss +2 -2
  30. package/dist/toggle-button.scss +32 -0
  31. package/dist/types/builder/constants/data-connectors.d.ts +55 -0
  32. package/dist/types/builder/elements/form-builder/index.d.ts +15 -0
  33. package/dist/types/builder/elements/product-sizechart/index.d.ts +26 -0
  34. package/dist/types/builder/elements/user-elements/index.d.ts +30 -0
  35. package/dist/types/builder/enums/data-connectors.d.ts +21 -0
  36. package/dist/types/builder/enums/index.d.ts +5 -1
  37. package/dist/types/builder/index.d.ts +4 -1
  38. package/dist/types/builder/tools/element-edit/common.d.ts +8 -0
  39. package/dist/types/builder/tools/element-edit/index.d.ts +3 -1
  40. package/dist/types/builder/tools/element-edit/layouter-pro-item.d.ts +14 -1
  41. package/dist/types/builder/tools/element-edit/layouterPro.d.ts +9 -2
  42. package/dist/types/builder/tools/element-edit/pastOrders.d.ts +61 -1
  43. package/dist/types/builder/tools/element-edit/productActions.d.ts +100 -1
  44. package/dist/types/builder/tools/element-edit/productSizeChart.d.ts +98 -0
  45. package/dist/types/builder/tools/element-edit/profile.d.ts +26 -2
  46. package/dist/types/builder/tools/element-edit/quantitySelector.d.ts +16 -2
  47. package/dist/types/builder/tools/element-edit/userElements.d.ts +555 -0
  48. package/dist/types/global/types.d.ts +2 -1
  49. package/dist/user-elements.scss +1375 -0
  50. package/dist/variant-picker.scss +132 -84
  51. package/dist/widget.scss +5 -0
  52. package/package.json +5 -1
@@ -1,16 +1,76 @@
1
+ import { CMSIBCommonInterface, CMSIBSizeInterface } from "../../interfaces/global";
1
2
  import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
2
3
  export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
3
4
  }
4
5
  interface selfLayoutInterface {
5
6
  selectorKey: string;
7
+ displayStyle: CMSIBCommonInterface;
8
+ maxItemsToDisplay: CMSIBCommonInterface;
9
+ sliderControl: CMSIBCommonInterface;
10
+ controlPosition: CMSIBCommonInterface;
11
+ loopItems: CMSIBCommonInterface;
12
+ displayScrollbar1: CMSIBCommonInterface;
13
+ autoplay: CMSIBCommonInterface;
14
+ spacingBetweenItems: CMSIBSizeInterface;
15
+ dividerBetweenItems: CMSIBCommonInterface;
16
+ overflowControl: CMSIBCommonInterface;
17
+ numOfItemsToLoad: CMSIBCommonInterface;
6
18
  }
7
19
  interface selfDesignInterface {
8
20
  selectorKey: string;
21
+ widgetStyle: {
22
+ selectorKey: string;
23
+ };
24
+ itemStyle: {
25
+ selectorKey: string;
26
+ };
27
+ orderId: {
28
+ selectorKey: string;
29
+ };
30
+ orderedOn: {
31
+ selectorKey: string;
32
+ };
33
+ orderStatus: {
34
+ selectorKey: string;
35
+ defaultState: any;
36
+ submittedState: any;
37
+ inReviewState: any;
38
+ acceptedState: any;
39
+ processingState: any;
40
+ partiallyFulfilledState: any;
41
+ fulfilledState: any;
42
+ canceledState: any;
43
+ rejectedState: any;
44
+ };
45
+ paginationArrows: {
46
+ selectorKey: string;
47
+ arrowIconStyle: CMSIBCommonInterface;
48
+ leftArrowIconStyle: CMSIBCommonInterface;
49
+ rightArrowIconStyle: CMSIBCommonInterface;
50
+ backgroundShape: CMSIBCommonInterface;
51
+ arrowSize: CMSIBCommonInterface;
52
+ arrowColor: CMSIBCommonInterface;
53
+ };
9
54
  }
10
55
  export declare enum SelectorKeysEnum {
11
56
  LAYOUT = "layout",
12
57
  CONTENT = "content",
13
- DESIGN = "design"
58
+ DESIGN = "design",
59
+ WIDGET_STYLE = "widgetStyle",
60
+ ITEM_STYLE = "itemStyle",
61
+ ORDER_ID = "orderId",
62
+ ORDERED_ON = "orderedOn",
63
+ ORDER_STATUS = "orderStatus",
64
+ PAGINATION_ARROWS = "pagination-arrows",
65
+ DEFAULT_STATE = "defaultState",
66
+ SUBMITTED_STATE = "submittedState",
67
+ INREVIEW_STATE = "inReviewState",
68
+ ACCEPTED_STATE = "acceptedState",
69
+ PROCESSING_STATE = "processingState",
70
+ PARTIALLY_FULFILLED_STATE = "partiallyFulfilledState",
71
+ FULFILLED_STATE = "fulfilledState",
72
+ CANCELED_STATE = "canceledState",
73
+ REJECTED_STATE = "rejectedState"
14
74
  }
15
75
  export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
16
76
  export {};
@@ -1,3 +1,4 @@
1
+ import { CMSElementEditTypes } from "../../enums/index";
1
2
  import { CMSIBCommonInterface } from "../../interfaces/global";
2
3
  import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
3
4
  export interface ButtonLayoutInterface {
@@ -27,11 +28,14 @@ export interface ButtonLayoutInterface {
27
28
  addToCartMetaData: CMSIBCommonInterface;
28
29
  wishlistMetaData: CMSIBCommonInterface;
29
30
  itemVerticalSpacing: CMSIBCommonInterface;
31
+ itemsAlignment: CMSIBCommonInterface;
30
32
  }
31
33
  export interface selfDesignInterface {
32
34
  selectorKey: string;
33
35
  defaultState: any;
34
36
  addToCart: any;
37
+ widgetStyle: any;
38
+ dropdownStyle: any;
35
39
  buyNow: any;
36
40
  wishlist: any;
37
41
  compare: any;
@@ -57,6 +61,101 @@ export declare enum ButtonSelectorKeysEnum {
57
61
  NOTIFY_ME = "notifyMe",
58
62
  DOWNLOAD = "download",
59
63
  MORE = "more",
60
- DATA_CONNECTOR = "dataConnector"
64
+ DATA_CONNECTOR = "dataConnector",
65
+ WIDGET_STYLE = "widgetStyle",
66
+ DROPDOWN_STYLE = "dropdownStyle"
61
67
  }
68
+ export declare const ButtonProperties: {
69
+ buttonStyle: {
70
+ value: string;
71
+ parentRef: string;
72
+ propertyType: CMSElementEditTypes;
73
+ };
74
+ buttonText: {
75
+ value: string;
76
+ property: string;
77
+ propertyType: CMSElementEditTypes;
78
+ };
79
+ icon: {
80
+ value: string;
81
+ property: string;
82
+ propertyType: CMSElementEditTypes;
83
+ };
84
+ iconPadding: {
85
+ value: number;
86
+ property: string;
87
+ parentRef: string;
88
+ propertyType: CMSElementEditTypes;
89
+ };
90
+ iconPosition: {
91
+ value: string;
92
+ parentRef: string;
93
+ propertyType: CMSElementEditTypes;
94
+ };
95
+ iconAndTextSpacing: {
96
+ value: number;
97
+ property: string;
98
+ unit: number;
99
+ parentRef: string;
100
+ propertyType: CMSElementEditTypes;
101
+ };
102
+ alignment: {
103
+ value: string;
104
+ property: string;
105
+ parentRef: string;
106
+ propertyType: CMSElementEditTypes;
107
+ };
108
+ buttonType: {
109
+ value: string;
110
+ propertyType: CMSElementEditTypes;
111
+ };
112
+ showIcon: {
113
+ value: boolean;
114
+ property: string;
115
+ propertyType: CMSElementEditTypes;
116
+ };
117
+ backgroundColor: CMSIBCommonInterface;
118
+ borderColor: CMSIBCommonInterface;
119
+ borderStyle: CMSIBCommonInterface;
120
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
121
+ showBorder: CMSIBCommonInterface;
122
+ showShadow: CMSIBCommonInterface;
123
+ shadowColor: CMSIBCommonInterface;
124
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
125
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
126
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
127
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
128
+ theme: CMSIBCommonInterface;
129
+ font: CMSIBCommonInterface;
130
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
131
+ textColor: CMSIBCommonInterface;
132
+ bold: CMSIBCommonInterface;
133
+ italic: CMSIBCommonInterface;
134
+ linethrough: CMSIBCommonInterface;
135
+ underline: CMSIBCommonInterface;
136
+ textAlign: CMSIBCommonInterface;
137
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
138
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
139
+ iconSize: import("../../interfaces/global").CMSIBSizeInterface;
140
+ width: {
141
+ value: string;
142
+ unit: number;
143
+ };
144
+ padding: import("../../interfaces/global").CSSPaddingValues | undefined;
145
+ iconColor: {
146
+ value: {
147
+ rgb: {
148
+ r: number;
149
+ g: number;
150
+ b: number;
151
+ a: number;
152
+ };
153
+ hex: string;
154
+ };
155
+ property?: any;
156
+ propertyType?: any;
157
+ isReadOnly?: boolean | undefined;
158
+ parentRef?: string | undefined;
159
+ };
160
+ };
62
161
  export declare const getDefaultData: () => CMSElementEditPopupInterface<ButtonLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
@@ -0,0 +1,98 @@
1
+ import { CMSIBCommonInterface, CMSIBSizeInterface } from "../../interfaces/global";
2
+ import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
3
+ export interface ButtonLayoutInterface {
4
+ selectorKey: string;
5
+ sizeChart: CMSIBCommonInterface;
6
+ zoomType: CMSIBCommonInterface;
7
+ displayStyle: CMSIBCommonInterface;
8
+ scrollDirection: CMSIBCommonInterface;
9
+ noOfItemsToLoad: CMSIBCommonInterface;
10
+ scrollControl: CMSIBCommonInterface;
11
+ itemsPerSlide: CMSIBSizeInterface;
12
+ itemsPerRow: CMSIBSizeInterface;
13
+ itemsPerColumn: CMSIBSizeInterface;
14
+ itemGap: CMSIBSizeInterface;
15
+ rowGap: CMSIBSizeInterface;
16
+ sliderControl: CMSIBCommonInterface;
17
+ controlPosition: CMSIBCommonInterface;
18
+ loopImages: CMSIBCommonInterface;
19
+ setItemsPerRow: CMSIBCommonInterface;
20
+ sliderDisplayScrollbar: CMSIBCommonInterface;
21
+ autoplay: CMSIBCommonInterface;
22
+ autoplayStyle: CMSIBCommonInterface;
23
+ autoplayDuration: CMSIBSizeInterface;
24
+ sliderSpeed: CMSIBSizeInterface;
25
+ }
26
+ export interface selfDesignInterface {
27
+ selectorKey: string;
28
+ defaultState: any;
29
+ sizeChart: any;
30
+ galleryWidgetStyle: {
31
+ selectorKey: string;
32
+ backgroundColor: CMSIBCommonInterface;
33
+ borderColor: CMSIBCommonInterface;
34
+ borderStyle: CMSIBCommonInterface;
35
+ borderPerSlide: CMSIBCommonInterface;
36
+ showBorder: CMSIBCommonInterface;
37
+ showShadow: CMSIBCommonInterface;
38
+ shadowColor: CMSIBCommonInterface;
39
+ blur: CMSIBCommonInterface;
40
+ spread: CMSIBCommonInterface;
41
+ angle: CMSIBCommonInterface;
42
+ borderRadius: CMSIBCommonInterface;
43
+ [key: string]: any;
44
+ };
45
+ itemStyle: {
46
+ selectorKey: string;
47
+ backgroundColor: CMSIBCommonInterface;
48
+ borderColor: CMSIBCommonInterface;
49
+ borderStyle: CMSIBCommonInterface;
50
+ borderPerSlide: CMSIBCommonInterface;
51
+ showBorder: CMSIBCommonInterface;
52
+ showShadow: CMSIBCommonInterface;
53
+ shadowColor: CMSIBCommonInterface;
54
+ blur: CMSIBCommonInterface;
55
+ spread: CMSIBCommonInterface;
56
+ angle: CMSIBCommonInterface;
57
+ borderRadius: CMSIBCommonInterface;
58
+ [key: string]: any;
59
+ };
60
+ paginationArrows: {
61
+ selectorKey: string;
62
+ arrowIconStyle: CMSIBCommonInterface;
63
+ leftArrowIconStyle: CMSIBCommonInterface;
64
+ rightArrowIconStyle: CMSIBCommonInterface;
65
+ backgroundShape: CMSIBCommonInterface;
66
+ arrowSize: CMSIBCommonInterface;
67
+ arrowColor: CMSIBCommonInterface;
68
+ };
69
+ paginationDots: {
70
+ selectorKey: string;
71
+ dotSize: CMSIBCommonInterface;
72
+ currentDotColor: CMSIBCommonInterface;
73
+ otherDotColor: CMSIBCommonInterface;
74
+ };
75
+ paginationLine: {
76
+ selectorKey: string;
77
+ currentLineColor: CMSIBCommonInterface;
78
+ otherLineColor: CMSIBCommonInterface;
79
+ lineHeight: CMSIBCommonInterface;
80
+ lineWidth: CMSIBCommonInterface;
81
+ };
82
+ }
83
+ export declare enum ButtonSelectorKeysEnum {
84
+ HOVER_STATE = "hover",
85
+ DEFAULT_STATE = "default",
86
+ SELECTED_STATE = "selected",
87
+ LAYOUT = "layout",
88
+ DESIGN = "design",
89
+ SIZE_CHART = "sizeChart",
90
+ GALLERY_WIDGET_STYLE = "gallery-widget-style",
91
+ GALLERY_LAYOUT = "gallery-layout",
92
+ ITEM_STYLE = "item-style",
93
+ PAGINATION_ARROWS = "pagination-arrows",
94
+ PAGINATION_DOTS = "pagination-dots",
95
+ PAGINATION_LINE = "pagination-lines",
96
+ DATA_CONNECTOR = "dataConnector"
97
+ }
98
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<ButtonLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
@@ -4,6 +4,15 @@ interface selfLayoutInterface {
4
4
  selectorKey: string;
5
5
  loggedInButtonStyle: CMSIBCommonInterface;
6
6
  beforeLoginText: CMSIBCommonInterface;
7
+ showdDropdown: CMSIBCommonInterface;
8
+ dropdownWidth: CMSIBCommonInterface;
9
+ openDropdown: CMSIBCommonInterface;
10
+ showProfileIcon: CMSIBCommonInterface;
11
+ showTextFields: CMSIBCommonInterface;
12
+ contentData: CMSIBCommonInterface;
13
+ showDropdownIcon: CMSIBCommonInterface;
14
+ dropdownIcon: CMSIBCommonInterface;
15
+ profileSettings: CMSIBCommonInterface;
7
16
  }
8
17
  interface selfContentInterface {
9
18
  selectorKey: string;
@@ -20,6 +29,18 @@ export interface selfDesignInterface {
20
29
  iconSize: CMSIBCommonInterface;
21
30
  iconColor: CMSIBCommonInterface;
22
31
  };
32
+ dropdownItems: {
33
+ selectorKey: string;
34
+ [key: string]: any;
35
+ };
36
+ profileWidget: {
37
+ selectorKey: string;
38
+ [key: string]: any;
39
+ };
40
+ profileDropdownIcon: {
41
+ selectorKey: string;
42
+ [key: string]: any;
43
+ };
23
44
  profileMenuItems: {
24
45
  selectorKey: string;
25
46
  backgroundColor: CMSIBCommonInterface;
@@ -52,9 +73,12 @@ export declare enum profileSelectorKeysEnum {
52
73
  LAYOUT = "layout",
53
74
  DESIGN = "design",
54
75
  CONTENT = "content",
55
- profile_ICON = "profileMenuItems",
76
+ profile_ELEMENT = "profileWidget",
56
77
  MINI_profile_TEXT = "profileNameText",
57
- PROFILE_AVATAR = "profileAvatar"
78
+ PROFILE_AVATAR = "profileAvatar",
79
+ DROPDOWN_ITEMS = "dropdownItems",
80
+ DROPDOWN_ITEMS_HOVER_STYLE = "dropdownItemsHoverStyle",
81
+ DROPDOWN_ITEMS_DEFAULT_STYLE = "dropdownItemsDefaultStyle"
58
82
  }
59
83
  export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & selfContentInterface & CMSElementEditPopupDesignInterface>;
60
84
  export {};
@@ -4,15 +4,29 @@ interface selfLayoutInterface {
4
4
  selectorKey: string;
5
5
  displayStyle: CMSIBCommonInterface;
6
6
  displayMinQtyToPurchase: CMSIBCommonInterface;
7
+ labelAndInputSpacing: CMSIBCommonInterface;
8
+ inputAndMinQuantitySpacing: CMSIBCommonInterface;
9
+ [key: string]: any;
7
10
  }
8
11
  interface selfDesignInterface {
9
12
  selectorKey: string;
13
+ [key: string]: any;
14
+ widgetStyle: any;
10
15
  }
11
- export declare enum QuantitySelectorSelectorKeysEnum {
16
+ export declare enum selfEnums {
12
17
  LAYOUT = "layout",
13
18
  CONTENT = "content",
14
19
  DESIGN = "design",
15
- DATA_CONNECTOR = "dataConnector"
20
+ DATA_CONNECTOR = "dataConnector",
21
+ WIDGET_STYLE = "widgetStyle",
22
+ SEARCHBAR = "searchBar",
23
+ PLACEHOLDER_TEXT = "placeholderText",
24
+ DROPDOWN_STYLE = "dropdownStyle",
25
+ INCREMENT_BUTTON = "incrementButton",
26
+ DECREMENT_BUTTON = "decrementButton",
27
+ HOVER_STATE = "hover",
28
+ DEFAULT_STATE = "default",
29
+ SELECTED_STATE = "selected"
16
30
  }
17
31
  export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
18
32
  export {};