@sc-360-v2/storefront-cms-library 0.3.43 → 0.3.44

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 (12) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/checkout.scss +196 -5
  3. package/dist/layouter-pro-item.scss +41 -5
  4. package/dist/layouter-pro.scss +2 -2
  5. package/dist/order-status.scss +66 -26
  6. package/dist/overflow-module.scss +4 -3
  7. package/dist/responsive-behaviour.scss +7 -1
  8. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +234 -0
  9. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +34 -209
  10. package/dist/types/builder/tools/element-edit/layouter-pro-item.d.ts +22 -1
  11. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +903 -0
  12. package/package.json +1 -1
package/dist/types/builder/tools/element-edit/addProductsTab.d.ts CHANGED
@@ -497,6 +497,240 @@ export declare const getDefaultData: () => {
497
497
  };
498
498
  variantPicker: {
499
499
  selectorKey: SelectorKeysEnum;
500
+ variantPickerLayout: {
501
+ selectorKey: SelectorKeysEnum;
502
+ width: {
503
+ value: string;
504
+ unit: number;
505
+ };
506
+ height: {
507
+ value: string;
508
+ isReadOnly: boolean;
509
+ unit?: string | number | undefined;
510
+ property?: any;
511
+ propertyType?: any;
512
+ parentRef?: string | undefined;
513
+ };
514
+ margin: import("../../interfaces/global").CSSPaddingValues | undefined;
515
+ padding: import("../../interfaces/global").CSSPaddingValues | undefined;
516
+ positionType: CMSIBCommonInterface | undefined;
517
+ pinTo: CMSIBCommonInterface | undefined;
518
+ overflowContent: CMSIBCommonInterface | undefined;
519
+ scrollDirection: CMSIBCommonInterface | undefined;
520
+ displayScrollbar: CMSIBCommonInterface | undefined;
521
+ optionSelection: {
522
+ value: boolean;
523
+ property: string;
524
+ propertyType: CMSElementEditTypes;
525
+ };
526
+ displayOutOfStockValues: {
527
+ value: boolean;
528
+ property: string;
529
+ propertyType: CMSElementEditTypes;
530
+ };
531
+ displayStyle: {
532
+ value: string;
533
+ property: string;
534
+ propertyType: CMSElementEditTypes;
535
+ };
536
+ hideDisplayStyle: {
537
+ value: boolean;
538
+ property: string;
539
+ propertyType: CMSElementEditTypes;
540
+ };
541
+ notifyMeButton: {
542
+ value: boolean;
543
+ property: string;
544
+ propertyType: CMSElementEditTypes;
545
+ };
546
+ quantitySelectorForVariantSelector: {
547
+ value: boolean;
548
+ property: string;
549
+ propertyType: CMSElementEditTypes;
550
+ };
551
+ dividerBetweenItems: {
552
+ value: boolean;
553
+ property: string;
554
+ propertyType: CMSElementEditTypes;
555
+ };
556
+ optionTitleValueSpacing: {
557
+ value: string;
558
+ unit: number;
559
+ property: string;
560
+ propertyType: CMSElementEditTypes;
561
+ };
562
+ remainingDisplayStyle: {
563
+ value: string;
564
+ property: string;
565
+ propertyType: CMSElementEditTypes;
566
+ };
567
+ allowUserToSearch: {
568
+ value: boolean;
569
+ property: string;
570
+ propertyType: CMSElementEditTypes;
571
+ };
572
+ allowUserToFilter: {
573
+ value: boolean;
574
+ property: string;
575
+ propertyType: CMSElementEditTypes;
576
+ };
577
+ itemSpacing: {
578
+ value: string;
579
+ property: string;
580
+ unit: number;
581
+ propertyType: CMSElementEditTypes;
582
+ };
583
+ swatchTypeDisplayStyle: {
584
+ selectorKey: SelectorKeysEnum;
585
+ displayValues: {
586
+ value: string;
587
+ property: string;
588
+ propertyType: CMSElementEditTypes;
589
+ };
590
+ itemPadding: {
591
+ value: number;
592
+ unit: number;
593
+ property: string;
594
+ propertyType: CMSElementEditTypes;
595
+ };
596
+ itemSpacing: {
597
+ value: string;
598
+ property: string;
599
+ unit: number;
600
+ propertyType: CMSElementEditTypes;
601
+ };
602
+ maxItemsToDisplay: {
603
+ value: string;
604
+ property: string;
605
+ propertyType: CMSElementEditTypes;
606
+ };
607
+ overflowItems: {
608
+ value: string;
609
+ property: string;
610
+ propertyType: CMSElementEditTypes;
611
+ };
612
+ swatchImageType: {
613
+ value: string;
614
+ property: string;
615
+ propertyType: CMSElementEditTypes;
616
+ };
617
+ itemSize: {
618
+ value: number;
619
+ property: string;
620
+ unit: number;
621
+ propertyType: CMSElementEditTypes;
622
+ };
623
+ };
624
+ singleSelectDisplayStyle: {
625
+ selectorKey: SelectorKeysEnum;
626
+ displayValues: {
627
+ value: string;
628
+ property: string;
629
+ propertyType: CMSElementEditTypes;
630
+ };
631
+ itemPadding: {
632
+ value: number;
633
+ unit: number;
634
+ property: string;
635
+ propertyType: CMSElementEditTypes;
636
+ };
637
+ itemSpacing: {
638
+ value: string;
639
+ property: string;
640
+ unit: number;
641
+ propertyType: CMSElementEditTypes;
642
+ };
643
+ maxItemsToDisplay: {
644
+ value: string;
645
+ property: string;
646
+ propertyType: CMSElementEditTypes;
647
+ };
648
+ overflowItems: {
649
+ value: string;
650
+ property: string;
651
+ propertyType: CMSElementEditTypes;
652
+ };
653
+ imageBehaviour: {
654
+ value: string;
655
+ property: string;
656
+ propertyType: CMSElementEditTypes;
657
+ };
658
+ itemsPerRow: {
659
+ value: string;
660
+ property: string;
661
+ propertyType: CMSElementEditTypes;
662
+ };
663
+ itemContentAlignment: {
664
+ value: string;
665
+ property: string;
666
+ propertyType: CMSElementEditTypes;
667
+ };
668
+ overflowDirection: {
669
+ value: string;
670
+ property: string;
671
+ propertyType: CMSElementEditTypes;
672
+ };
673
+ itemSize: {
674
+ value: number;
675
+ property: string;
676
+ unit: number;
677
+ propertyType: CMSElementEditTypes;
678
+ };
679
+ };
680
+ dropdownDisplayStyle: {
681
+ selectorKey: SelectorKeysEnum;
682
+ dropdownOptionsSpacing: {
683
+ value: string;
684
+ unit: number;
685
+ property: string;
686
+ propertyType: CMSElementEditTypes;
687
+ };
688
+ dropdownOptionsPadding: {
689
+ value: string;
690
+ unit: number;
691
+ property: string;
692
+ propertyType: CMSElementEditTypes;
693
+ };
694
+ dropdownStyle: {
695
+ value: string;
696
+ property: string;
697
+ propertyType: CMSElementEditTypes;
698
+ };
699
+ optionAndListSpacing: {
700
+ value: string;
701
+ unit: number;
702
+ property: string;
703
+ propertyType: CMSElementEditTypes;
704
+ };
705
+ dropdownListItemSpacing: {
706
+ value: string;
707
+ unit: number;
708
+ property: string;
709
+ propertyType: CMSElementEditTypes;
710
+ };
711
+ dropdownListItemPadding: {
712
+ value: string;
713
+ unit: number;
714
+ property: string;
715
+ propertyType: CMSElementEditTypes;
716
+ };
717
+ dividerBetweenListItems: {
718
+ value: boolean;
719
+ property: string;
720
+ propertyType: CMSElementEditTypes;
721
+ };
722
+ maxItemsToDisplay: {
723
+ value: string;
724
+ property: string;
725
+ propertyType: CMSElementEditTypes;
726
+ };
727
+ overflowItems: {
728
+ value: string;
729
+ property: string;
730
+ propertyType: CMSElementEditTypes;
731
+ };
732
+ };
733
+ };
500
734
  optionStyle: {
501
735
  selectorKey: SelectorKeysEnum;
502
736
  contentAlignment: {
package/dist/types/builder/tools/element-edit/cartAttributes.d.ts CHANGED
@@ -6,6 +6,7 @@ export interface selfDesignInterface {
6
6
  export declare enum cartAttributesSelectorKeysEnum {
7
7
  LAYOUT = "layout",
8
8
  DESIGN = "design",
9
+ ACCORDION_ARROWS_ITEM = "accordionarrowsItem",
9
10
  ATTRIBUTES_WIDGET = "attributesWidget",
10
11
  ATTRIBUTES_HEADER = "attributesHeader",
11
12
  ATTRIBUTES_CONTAINER = "attributesContainer",
@@ -13,8 +14,8 @@ export declare enum cartAttributesSelectorKeysEnum {
13
14
  ATTRIBUTES_FIELDS = "attributesFields",
14
15
  ATTRIBUTES_LABELS = "attributesLabels",
15
16
  ATTRIBUTES_INPUTS = "attributesInputs",
16
- FILE_UPLOAD = "fileUpload",
17
- IMAGE_UPLOAD = "imageUpload",
17
+ ATTRIBUTES_DROPDOWN = "attributesDropdown",
18
+ UPLOADS = "uploads",
18
19
  ATTRIBUTES_BOOLEANS = "attributesBooleans"
19
20
  }
20
21
  export declare const getDefaultData: () => {
@@ -43,6 +44,17 @@ export declare const getDefaultData: () => {
43
44
  };
44
45
  design: {
45
46
  selectorKey: cartAttributesSelectorKeysEnum;
47
+ accordionArrowsItem: {
48
+ selectorKey: cartAttributesSelectorKeysEnum;
49
+ showIcon: CMSIBCommonInterface | undefined;
50
+ iconColor: CMSIBCommonInterface;
51
+ iconSize: CMSIBSizeInterface;
52
+ icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
53
+ showIconDesc: CMSIBCommonInterface | undefined;
54
+ iconColorDesc: CMSIBCommonInterface;
55
+ iconSizeDesc: CMSIBSizeInterface;
56
+ iconDesc: import("../../interfaces/global").CMSIBIconInterface | undefined;
57
+ };
46
58
  attributesWidget: {
47
59
  padding: import("../../interfaces/global").CSSPaddingValues | undefined;
48
60
  margin: import("../../interfaces/global").CSSPaddingValues | undefined;
@@ -137,6 +149,13 @@ export declare const getDefaultData: () => {
137
149
  selectorKey: cartAttributesSelectorKeysEnum;
138
150
  };
139
151
  attributesFields: {
152
+ padding: import("../../interfaces/global").CSSPaddingValues | undefined;
153
+ itemGap: {
154
+ value: CMSCSSUnitTypesEnums;
155
+ unit: CMSCSSUnitTypesEnums;
156
+ property: string;
157
+ propertyType: CMSElementEditTypes;
158
+ };
140
159
  theme: CMSIBCommonInterface;
141
160
  font: CMSIBCommonInterface;
142
161
  fontSize: CMSIBSizeInterface;
@@ -149,7 +168,6 @@ export declare const getDefaultData: () => {
149
168
  characterSpacing: CMSIBSizeInterface;
150
169
  lineHeight: CMSIBSizeInterface;
151
170
  backgroundColor: CMSIBCommonInterface;
152
- padding: import("../../interfaces/global").CSSPaddingValues | undefined;
153
171
  margin: import("../../interfaces/global").CSSPaddingValues | undefined;
154
172
  borderColor: CMSIBCommonInterface;
155
173
  borderStyle: CMSIBCommonInterface;
@@ -201,12 +219,6 @@ export declare const getDefaultData: () => {
201
219
  selectorKey: cartAttributesSelectorKeysEnum;
202
220
  };
203
221
  attributesInputs: {
204
- itemGap: {
205
- value: CMSCSSUnitTypesEnums;
206
- unit: CMSCSSUnitTypesEnums;
207
- property: string;
208
- propertyType: CMSElementEditTypes;
209
- };
210
222
  theme: CMSIBCommonInterface;
211
223
  font: CMSIBCommonInterface;
212
224
  fontSize: CMSIBSizeInterface;
@@ -238,205 +250,18 @@ export declare const getDefaultData: () => {
238
250
  shadows: CMSIBSizeInterface;
239
251
  selectorKey: cartAttributesSelectorKeysEnum;
240
252
  };
241
- fileUpload: {
242
- themeDesc: {
243
- value: string;
244
- property: string;
245
- propertyType: CMSElementEditTypes;
246
- };
247
- fontDesc: {
248
- value: string;
249
- property: string;
250
- propertyType: CMSElementEditTypes;
251
- parentRef: string;
252
- };
253
- fontSizeDesc: {
254
- value: number;
255
- unit: number;
256
- property: string;
257
- propertyType: CMSElementEditTypes;
258
- parentRef: string;
259
- };
260
- textColorDesc: {
261
- value: {
262
- hex: string;
263
- rgb: {
264
- r: string;
265
- g: string;
266
- b: string;
267
- a: number;
268
- };
269
- };
270
- property: string;
271
- propertyType: CMSElementEditTypes;
272
- parentRef: string;
273
- };
274
- textHighlightDesc: {
275
- value: {
276
- hex: string;
277
- rgb: {
278
- r: string;
279
- g: string;
280
- b: string;
281
- a: number;
282
- };
283
- };
284
- property: string;
285
- propertyType: CMSElementEditTypes;
286
- };
287
- boldDesc: {
288
- value: string;
289
- property: string;
290
- propertyType: CMSElementEditTypes;
291
- parentRef: string;
292
- };
293
- italicDesc: {
294
- value: string;
295
- property: string;
296
- propertyType: CMSElementEditTypes;
297
- parentRef: string;
298
- };
299
- linethroughDesc: {
300
- value: string;
301
- property: string;
302
- propertyType: CMSElementEditTypes;
303
- parentRef: string;
304
- };
305
- underlineDesc: {
306
- value: string;
307
- property: string;
308
- propertyType: CMSElementEditTypes;
309
- parentRef: string;
310
- };
311
- textAlignDesc: {
312
- value: string;
313
- property: string;
314
- propertyType: CMSElementEditTypes;
315
- parentRef: string;
316
- };
317
- characterSpacingDesc: {
318
- value: number;
319
- unit: number;
320
- property: string;
321
- propertyType: CMSElementEditTypes;
322
- parentRef: string;
323
- };
324
- lineHeightDesc: {
325
- value: number;
326
- unit: number;
327
- property: string;
328
- propertyType: CMSElementEditTypes;
329
- parentRef: string;
330
- };
331
- paragraphSpacingDesc: {
332
- value: number;
333
- unit: number;
334
- property: string;
335
- propertyType: CMSElementEditTypes;
336
- parentRef: string;
337
- };
338
- theme: {
339
- value: string;
340
- property: string;
341
- propertyType: CMSElementEditTypes;
342
- };
343
- font: {
344
- value: string;
345
- property: string;
346
- propertyType: CMSElementEditTypes;
347
- parentRef: string;
348
- };
349
- fontSize: {
350
- value: number;
351
- unit: number;
352
- property: string;
353
- propertyType: CMSElementEditTypes;
354
- parentRef: string;
355
- };
356
- textColor: {
357
- value: {
358
- hex: string;
359
- rgb: {
360
- r: string;
361
- g: string;
362
- b: string;
363
- a: number;
364
- };
365
- };
366
- property: string;
367
- propertyType: CMSElementEditTypes;
368
- parentRef: string;
369
- };
370
- textHighlight: {
371
- value: {
372
- hex: string;
373
- rgb: {
374
- r: string;
375
- g: string;
376
- b: string;
377
- a: number;
378
- };
379
- };
380
- property: string;
381
- propertyType: CMSElementEditTypes;
382
- };
383
- bold: {
384
- value: string;
385
- property: string;
386
- propertyType: CMSElementEditTypes;
387
- parentRef: string;
388
- };
389
- italic: {
390
- value: string;
391
- property: string;
392
- propertyType: CMSElementEditTypes;
393
- parentRef: string;
394
- };
395
- linethrough: {
396
- value: string;
397
- property: string;
398
- propertyType: CMSElementEditTypes;
399
- parentRef: string;
400
- };
401
- underline: {
402
- value: string;
403
- property: string;
404
- propertyType: CMSElementEditTypes;
405
- parentRef: string;
406
- };
407
- textAlign: {
408
- value: string;
409
- property: string;
410
- propertyType: CMSElementEditTypes;
411
- parentRef: string;
412
- };
413
- characterSpacing: {
414
- value: number;
415
- unit: number;
416
- property: string;
417
- propertyType: CMSElementEditTypes;
418
- parentRef: string;
419
- };
420
- lineHeight: {
421
- value: number;
422
- unit: number;
423
- property: string;
424
- propertyType: CMSElementEditTypes;
425
- parentRef: string;
426
- };
427
- paragraphSpacing: {
428
- value: number;
429
- unit: number;
430
- property: string;
431
- propertyType: CMSElementEditTypes;
432
- parentRef: string;
433
- };
434
- itemGap: {
435
- value: CMSCSSUnitTypesEnums;
436
- unit: CMSCSSUnitTypesEnums;
437
- property: string;
438
- propertyType: CMSElementEditTypes;
439
- };
253
+ attributesDropdown: {
254
+ theme: CMSIBCommonInterface;
255
+ font: CMSIBCommonInterface;
256
+ fontSize: CMSIBSizeInterface;
257
+ textColor: CMSIBCommonInterface;
258
+ bold: CMSIBCommonInterface;
259
+ italic: CMSIBCommonInterface;
260
+ linethrough: CMSIBCommonInterface;
261
+ underline: CMSIBCommonInterface;
262
+ textAlign: CMSIBCommonInterface;
263
+ characterSpacing: CMSIBSizeInterface;
264
+ lineHeight: CMSIBSizeInterface;
440
265
  backgroundColor: CMSIBCommonInterface;
441
266
  padding: import("../../interfaces/global").CSSPaddingValues | undefined;
442
267
  margin: import("../../interfaces/global").CSSPaddingValues | undefined;
@@ -457,7 +282,7 @@ export declare const getDefaultData: () => {
457
282
  shadows: CMSIBSizeInterface;
458
283
  selectorKey: cartAttributesSelectorKeysEnum;
459
284
  };
460
- imageUpload: {
285
+ uploads: {
461
286
  themeDesc: {
462
287
  value: string;
463
288
  property: string;
package/dist/types/builder/tools/element-edit/layouter-pro-item.d.ts CHANGED
@@ -1,12 +1,33 @@
1
- import { FlexSizeType, JustifyContentValue } from "../../../../components/global/types";
1
+ import { AlignItemsValue, FlexDirectionValue, FlexSizeType, FlexWrapValue, JustifyContentValue, LayouterProDisplayStyleType, OverflowValue } from "../../../../components/global/types";
2
2
  import { CMSIBCommonInterface, PaddingProps } from "../../interfaces/global";
3
3
  import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
4
4
  interface selfLayoutInterface {
5
5
  selectorKey: string;
6
6
  itemGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
7
+ displayStyle: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
8
+ value: LayouterProDisplayStyleType;
9
+ };
10
+ direction?: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
11
+ value: FlexDirectionValue;
12
+ };
13
+ rowGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
14
+ columnGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
7
15
  justifyContent: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
8
16
  value: JustifyContentValue;
9
17
  };
18
+ alignItems: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
19
+ value: AlignItemsValue;
20
+ };
21
+ setItemsPerRow: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
22
+ isShow: boolean;
23
+ value: string | number | any;
24
+ };
25
+ flexWrap?: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
26
+ value: FlexWrapValue;
27
+ };
28
+ flexboxOverflow?: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
29
+ value: OverflowValue;
30
+ };
10
31
  flexSize?: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
11
32
  value: FlexSizeType;
12
33
  };