@sc-360-v2/storefront-cms-library 0.3.6 → 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 (27) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/bulk-order-pad.scss +13 -8
  3. package/dist/common-element.scss +6 -0
  4. package/dist/confirmationModal.scss +79 -0
  5. package/dist/dropdownTemplate.scss +71 -8
  6. package/dist/employee-bulk-order.scss +547 -0
  7. package/dist/fb-dropdown.scss +124 -0
  8. package/dist/form-preview.scss +163 -108
  9. package/dist/globals.scss +6 -0
  10. package/dist/icons.js +1 -1
  11. package/dist/index.js +1 -1
  12. package/dist/modal.scss +13 -6
  13. package/dist/product-options.scss +1 -0
  14. package/dist/toggle-button.scss +32 -0
  15. package/dist/types/builder/constants/data-connectors.d.ts +55 -0
  16. package/dist/types/builder/elements/form-builder/index.d.ts +15 -0
  17. package/dist/types/builder/enums/data-connectors.d.ts +21 -0
  18. package/dist/types/builder/enums/index.d.ts +1 -0
  19. package/dist/types/builder/index.d.ts +2 -1
  20. package/dist/types/builder/tools/element-edit/common.d.ts +8 -0
  21. package/dist/types/builder/tools/element-edit/productActions.d.ts +94 -0
  22. package/dist/types/builder/tools/element-edit/productSizeChart.d.ts +78 -4
  23. package/dist/types/builder/tools/element-edit/profile.d.ts +26 -2
  24. package/dist/types/builder/tools/element-edit/quantitySelector.d.ts +16 -2
  25. package/dist/variant-picker.scss +5 -0
  26. package/dist/widget.scss +3 -0
  27. package/package.json +5 -1
package/dist/bulk-order-pad.scss CHANGED
@@ -1,13 +1,6 @@
1
1
  .bulk-order-overlay {
2
- position: fixed;
3
- inset: 0;
4
- background: rgba(30, 28, 44, 0.92);
5
- display: flex;
6
- justify-content: center;
7
- align-items: center;
8
- z-index: 1000;
2
+ height: 100%;
9
3
  }
10
-
11
4
  .bulk-order-container {
12
5
  background: #fff;
13
6
  width: 100%;
@@ -20,6 +13,17 @@
20
13
  padding: 16px 24px;
21
14
  border-bottom: 1px solid #e0e0e0;
22
15
  }
16
+
17
+ .bulkOrderPad-grid {
18
+ height: calc(100% - 110px);
19
+ .bulkOrderPad-content {
20
+ height: calc(100% - 92px);
21
+ .bulkOrderPad-section {
22
+ max-height: calc(100% - 110px);
23
+ overflow: auto;
24
+ }
25
+ }
26
+ }
23
27
  }
24
28
 
25
29
  .bulk-order-header {
@@ -284,6 +288,7 @@
284
288
 
285
289
  td.action-td {
286
290
  width: 40px;
291
+ padding: 12px;
287
292
  .reset-icon {
288
293
  cursor: pointer;
289
294
  }
package/dist/common-element.scss CHANGED
@@ -33,3 +33,9 @@ $es: '[data-div-type="element"]';
33
33
  // );
34
34
  }
35
35
  }
36
+
37
+ .text-ellipsis {
38
+ white-space: nowrap;
39
+ overflow: hidden;
40
+ text-overflow: ellipsis;
41
+ }
package/dist/confirmationModal.scss ADDED
@@ -0,0 +1,79 @@
1
+ .confirm-modal-overlay {
2
+ position: fixed;
3
+ top: 0;
4
+ left: 0;
5
+ width: 100%;
6
+ height: 100%;
7
+ background: rgba(17, 24, 39, 0.5); // dark semi-transparent
8
+ display: flex;
9
+ align-items: center;
10
+ justify-content: center;
11
+ z-index: 1000;
12
+
13
+ .confirm-modal {
14
+ background: #ffffff;
15
+ border-radius: 10px;
16
+ padding: 24px;
17
+ width: 480px;
18
+ max-width: 480px;
19
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
20
+ position: relative;
21
+ text-align: center;
22
+ min-height: 174px;
23
+ line-height: 20px;
24
+ display: grid;
25
+ gap: 10px;
26
+
27
+ .confirm-modal-header {
28
+ display: flex;
29
+ align-items: center;
30
+ width: 100%;
31
+ justify-content: space-between;
32
+ .title {
33
+ font-size: 18px;
34
+ font-weight: 700;
35
+ color: #101828;
36
+ }
37
+ }
38
+ .confirm-modal-body {
39
+ .message {
40
+ font-size: 14px;
41
+ color: #475467;
42
+ text-align: left;
43
+ }
44
+ }
45
+
46
+ .actions {
47
+ display: flex;
48
+ justify-content: space-between;
49
+ gap: 16px;
50
+ height: 40px;
51
+ button {
52
+ height: 40px;
53
+ width: 204px;
54
+ font-size: 16px;
55
+ cursor: pointer;
56
+ border: none;
57
+ border-radius: 5px;
58
+ }
59
+ .cancel-button {
60
+ background: transparent;
61
+ color: #6b7280;
62
+ font-weight: 500;
63
+ &:hover {
64
+ border: 1px solid #d0d5dd;
65
+ }
66
+ }
67
+
68
+ .confirm-button {
69
+ background-color: #dc2626; // red-600
70
+ color: #ffffff;
71
+ font-weight: 600;
72
+
73
+ &:hover {
74
+ background-color: #b91c1c;
75
+ }
76
+ }
77
+ }
78
+ }
79
+ }
package/dist/dropdownTemplate.scss CHANGED
@@ -14,7 +14,7 @@
14
14
  }
15
15
  }
16
16
 
17
- .dropdow-input-section {
17
+ .dropdown-input-section {
18
18
  position: relative;
19
19
  display: flex;
20
20
  justify-content: space-between;
@@ -87,21 +87,19 @@
87
87
  overflow-y: auto;
88
88
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
89
89
  z-index: 10;
90
+ min-width: 240px;
91
+ min-height: 300px;
92
+ max-height: 300px;
90
93
 
91
- li {
94
+ .dropdown-opt {
92
95
  font-size: 14px;
93
96
  cursor: pointer;
94
97
  height: 40px;
95
98
 
96
- &:hover {
97
- background-color: #f4f4f4;
98
- }
99
-
100
99
  &.no-result {
101
100
  color: #aaa;
102
101
  cursor: default;
103
102
  }
104
-
105
103
  .dropdown-item {
106
104
  width: 100%;
107
105
  height: 100%;
@@ -109,6 +107,10 @@
109
107
  text-align: left;
110
108
  display: flex;
111
109
  align-items: center;
110
+ &:hover {
111
+ background-color: #f4f4f4;
112
+ }
113
+
112
114
  .item-image {
113
115
  background-image: url("");
114
116
  width: 30px;
@@ -127,6 +129,50 @@
127
129
  font-weight: bold;
128
130
  }
129
131
  }
132
+ .dropdown-group-li {
133
+ height: auto;
134
+ .group-header {
135
+ height: 40px;
136
+ align-items: center;
137
+ display: flex;
138
+ gap: 4px;
139
+ padding: 4px;
140
+ input {
141
+ width: auto;
142
+ }
143
+ }
144
+ .dropdown-item {
145
+ height: 40px;
146
+ }
147
+ }
148
+
149
+ .dropdown_selection_actions {
150
+ display: flex;
151
+ align-items: center;
152
+ height: 40px;
153
+ position: absolute;
154
+ bottom: 0;
155
+ width: 100%;
156
+ background: #fff;
157
+ border-top: 1px solid #d1d1d1;
158
+ .opts_selection_action {
159
+ width: 50%;
160
+ height: 100%;
161
+ /* text-align: center; */
162
+ display: flex;
163
+ align-items: center;
164
+ justify-content: center;
165
+ .svg_icon {
166
+ cursor: pointer;
167
+ position: relative !important;
168
+ background: none !important;
169
+ right: 0px !important;
170
+ }
171
+ }
172
+ }
173
+ }
174
+ .drodown-menu-with-icon-dropdown {
175
+ top: 11px;
130
176
  }
131
177
  .dropdown_template_panel_search {
132
178
  background: none;
@@ -137,16 +183,33 @@
137
183
  background: none !important;
138
184
  }
139
185
  input {
186
+ width: 100%;
140
187
  padding: 10px 8px;
141
188
  border-radius: 4px;
142
189
  border: 1px solid #dddddd;
143
190
  }
144
191
  }
145
192
  }
193
+ .dropdown-with-icon {
194
+ width: 100%;
195
+ // pointer-events: none;
196
+ border: none;
197
+ padding: 0;
198
+ }
146
199
  }
147
200
  .dropdown-with-input-section.full-width {
148
201
  width: auto;
149
- .dropdow-input-section {
202
+ .dropdown-input-section {
150
203
  width: 100% !important;
151
204
  }
152
205
  }
206
+
207
+ .icon_with_label_section {
208
+ display: flex;
209
+ gap: 4px;
210
+ cursor: pointer;
211
+ .label_elm {
212
+ color: var(--_primary-400);
213
+ font-size: 14px;
214
+ }
215
+ }