sccoreui 5.7.22 → 5.7.23

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,917 @@
1
+ @import url("./assets/theme.css");
2
+ @import url("./assets/sccoreui.css");
3
+ @import url("./assets/sccoreicons.css");
4
+ @import url("./assets/flex.css");
5
+ @import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
6
+
7
+
8
+ // variables
9
+
10
+ @font-face {
11
+ font-family: 'RobotoBold';
12
+ src: url('./assets/fonts/Roboto-Bold.ttf') format('truetype');
13
+ font-weight: 700;
14
+ font-style: italic;
15
+ }
16
+
17
+ @font-face {
18
+ font-family: 'RobotoMedium';
19
+ src: url('./assets/fonts/Roboto-Medium.ttf') format('truetype');
20
+ font-weight: normal;
21
+ font-style: normal;
22
+ }
23
+
24
+ @font-face {
25
+ font-family: 'RobotoItalic';
26
+ src: url('./assets/fonts/Roboto-Italic.ttf') format('truetype');
27
+ font-weight: normal;
28
+ font-style: normal;
29
+ }
30
+
31
+ @font-face {
32
+ font-family: 'RobotoRegular';
33
+ src: url('./assets/fonts/Roboto-Regular.ttf') format('truetype');
34
+ font-weight: normal;
35
+ font-style: normal;
36
+ }
37
+
38
+ :root {
39
+ --fw-600: 600;
40
+ --fw-400: 400;
41
+ --fs-24: 24px;
42
+ --fs-18: 18px;
43
+ --fs-16: 16px;
44
+ --lh: 24px;
45
+ --fs-14: 14px;
46
+ --grey-bg: #101828;
47
+ --border-none: border-none;
48
+ }
49
+
50
+
51
+
52
+ // @font-face {
53
+ // font-family: "Lato";
54
+ // }
55
+
56
+ // @font-face {
57
+ // font-family: "Lato";
58
+ // font-weight: 600;
59
+ // src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
60
+ // }
61
+
62
+
63
+ body {
64
+ font-family: 'Lato', sans-serif;
65
+ -webkit-font-smoothing: antialiased;
66
+ -moz-osx-font-smoothing: grayscale;
67
+ line-height: 20px;
68
+ padding: 0;
69
+ margin: 0;
70
+ color: var(--gray-700);
71
+ }
72
+
73
+ code {
74
+ font-family: 'Lato', sans-serif;
75
+ }
76
+
77
+ // h1 {
78
+ // font-size: var(--fs-24);
79
+ // font-weight: var(--fw-600);
80
+ // }
81
+
82
+ // h2 {
83
+ // font-size: var(--fs-18);
84
+ // font-weight: var(--fw-600);
85
+ // }
86
+
87
+ // h3 {
88
+ // font-size: var(--fs-16);
89
+ // font-weight: var(--fw-400);
90
+ // }
91
+
92
+ // ============= custom progress steps =============== //
93
+
94
+ .progress-container {
95
+ isolation: isolate;
96
+
97
+ &::before {
98
+ content: "";
99
+ background-color: var(--gray-200);
100
+ position: absolute;
101
+ z-index: -1;
102
+ }
103
+
104
+ &.horizontal::before {
105
+ height: 2px;
106
+ width: 100%;
107
+ top: 11%;
108
+ }
109
+
110
+ &.vertical::before {
111
+ height: 100%;
112
+ width: 2px;
113
+ left: 5%;
114
+ top: 0;
115
+ }
116
+ }
117
+
118
+ .progressbar {
119
+ z-index: -1;
120
+ transition: all 0.6s ease;
121
+
122
+ &.horizontal {
123
+ left: 0;
124
+ height: 2px;
125
+ top: 11%;
126
+ }
127
+
128
+ &.vertical {
129
+ width: 2px;
130
+ left: 5%;
131
+ top: 0;
132
+ }
133
+ }
134
+
135
+ .progress-step-item {
136
+ &.horizontal {
137
+
138
+
139
+ &:nth-of-type(1) {
140
+ transform: translateX(-50%);
141
+ }
142
+
143
+ &:last-child {
144
+ transform: translateX(50%);
145
+ }
146
+ }
147
+
148
+ &.vertical {
149
+ transform: translateY(50%);
150
+
151
+ &:nth-of-type(1) {
152
+ transform: translateY(-5%);
153
+ }
154
+
155
+ &:last-child {
156
+ transform: translateY(100%);
157
+ }
158
+ }
159
+ }
160
+
161
+ // CUSTOM multiselect style started
162
+ .Multi_select_dropdown_panel {
163
+ .p-multiselect-header {
164
+ display: block;
165
+ padding: 8px 0;
166
+
167
+ .p-checkbox,
168
+ .p-multiselect-close {
169
+ display: none;
170
+ }
171
+
172
+ .p-multiselect-filter-container {
173
+ .p-inputtext {
174
+ padding-right: 12px;
175
+ padding-left: 1.75rem;
176
+ }
177
+
178
+ .p-multiselect-filter-icon {
179
+ left: 0.55rem;
180
+ }
181
+ }
182
+ }
183
+
184
+ .p-multiselect-items-wrapper {
185
+ .p-multiselect-item.p-highlight {
186
+ &::after {
187
+ content: "";
188
+ width: 14px;
189
+ height: 6px;
190
+ border-left: 2px solid #132067;
191
+ border-bottom: 2px solid #132067;
192
+ transform: rotate(-45deg);
193
+ position: absolute;
194
+ right: 10px;
195
+ }
196
+ }
197
+ }
198
+ }
199
+
200
+ .sc_custom_multiselect {
201
+
202
+ width: max-content;
203
+
204
+ * {
205
+ color: #344054;
206
+ font-weight: 700;
207
+ }
208
+
209
+ .left_section_item {
210
+ left: 1rem;
211
+ }
212
+
213
+ .right_section_item {
214
+ right: 1rem;
215
+ }
216
+
217
+ .selected_moreThan_one {
218
+ right: 40px;
219
+ }
220
+
221
+ .p-inputwrapper-filled {
222
+ background: #F5F6FD;
223
+ border: 1px solid #8190E8;
224
+ }
225
+
226
+ .p-multiselect {
227
+ max-width: 100%;
228
+ width: max-content !important;
229
+
230
+ .p-multiselect-label {
231
+ padding: 0;
232
+ padding-left: 44px;
233
+ max-width: 100%;
234
+
235
+ .p-multiselect-token {
236
+ border: none;
237
+ width: 100%;
238
+ min-width: 100%;
239
+ background: none;
240
+ padding-left: 0;
241
+
242
+ .p-multiselect-token-label {
243
+ width: 100%;
244
+ white-space: nowrap;
245
+ overflow: hidden;
246
+ text-overflow: ellipsis;
247
+ }
248
+ }
249
+
250
+ svg {
251
+ display: none;
252
+ }
253
+ }
254
+ }
255
+
256
+
257
+
258
+ .p-multiselect-trigger {
259
+ width: 2rem;
260
+
261
+ svg {
262
+ display: none;
263
+ }
264
+ }
265
+ }
266
+
267
+ .no_icon {
268
+
269
+ .p-multiselect-label {
270
+ padding-left: 16px !important;
271
+ }
272
+ }
273
+
274
+ .status_dropdown {
275
+ .p-multiselect {
276
+ .p-multiselect-label {
277
+ padding-left: 34px;
278
+ }
279
+ }
280
+
281
+ .select_status_prv {
282
+ ul {
283
+ li {
284
+ width: 10px;
285
+ height: 10px;
286
+ border-radius: 8px;
287
+ position: absolute;
288
+ transform: translateY(-50%);
289
+ }
290
+
291
+ li.all {
292
+ background: #667085;
293
+ }
294
+
295
+
296
+ li:nth-child(2) {
297
+ left: 6px;
298
+ }
299
+
300
+ li:nth-child(3) {
301
+ left: 12px;
302
+ }
303
+
304
+ }
305
+ }
306
+ }
307
+
308
+
309
+ .multi-pl-32 {
310
+ padding-left: 40px;
311
+ border: 1px solid red;
312
+ }
313
+
314
+
315
+ .selected_multile {
316
+ .p-multiselect-token-label {
317
+ padding-right: 18px;
318
+ }
319
+ }
320
+
321
+ .selected_multile.selected_num_2 {
322
+ .p-multiselect .p-multiselect-label {
323
+ padding-left: 44px;
324
+ }
325
+ }
326
+
327
+ .selected_multile.selected_num_3,
328
+ .selected_multile.moreThanThreeItems {
329
+ .p-multiselect .p-multiselect-label {
330
+ padding-left: 44px;
331
+ }
332
+ }
333
+
334
+ .mutli_select_status {
335
+ .p-multiselect-label {
336
+ padding-left: 44px !important;
337
+ }
338
+ }
339
+
340
+ .status_dropdown.selected_multile {
341
+ .left_section_item {
342
+ max-width: 28px;
343
+ overflow: hidden;
344
+ height: 11px;
345
+ width: -webkit-fill-available;
346
+ align-items: center;
347
+ display: flex;
348
+ }
349
+ }
350
+
351
+
352
+ .status_dropdown_item.Active::before {
353
+ background: #12B76A;
354
+ }
355
+
356
+ .status_dropdown_item.Inactive::before {
357
+ background: #F04438;
358
+ }
359
+
360
+ .status_dropdown_item.Draft::before {
361
+ background: #162578;
362
+ }
363
+
364
+ .status_dropdown_item {
365
+ .status_dot {
366
+ width: 10px;
367
+ height: 10px;
368
+ border-radius: 50px;
369
+ position: absolute;
370
+ transform: translateY(-50%);
371
+ top: 50%;
372
+ left: 10px;
373
+ }
374
+ }
375
+
376
+
377
+ .custom_date_picker_sec {
378
+ .custom_date_picker {
379
+
380
+
381
+ .p-inputtext {
382
+ padding-right: 16px;
383
+ width: 130px;
384
+ }
385
+
386
+ .p-inputtext {
387
+ &:enabled {
388
+ &:focus {
389
+ box-shadow: none !important;
390
+ border-color: #d0d5dd !important;
391
+ }
392
+ }
393
+ }
394
+
395
+ .p-datepicker-trigger {
396
+ &:focus {
397
+ box-shadow: none !important;
398
+ border-color: #d0d5dd !important;
399
+ }
400
+ }
401
+ }
402
+
403
+ .custom_date_picker.multiple {
404
+ .p-inputtext {
405
+ width: 236px;
406
+
407
+ }
408
+ }
409
+
410
+ .clear_icon_sec {
411
+ right: 32px;
412
+ }
413
+ }
414
+
415
+ .date_filter {
416
+ margin: 0;
417
+ position: absolute;
418
+ top: 0;
419
+ left: 0px;
420
+ background: #fff;
421
+ height: 100%;
422
+ padding: 4px 16px;
423
+
424
+ li {
425
+ height: 40px;
426
+
427
+ &:hover {
428
+ background: #F9FAFB;
429
+ }
430
+ }
431
+
432
+ .active {
433
+ background: #F9FAFB;
434
+ }
435
+
436
+
437
+ }
438
+
439
+ div:has(ul.date_filter) .p-datepicker-group-container {
440
+ padding-left: 116px;
441
+ margin: -8px;
442
+ }
443
+
444
+ .bottom_date_filters {
445
+ width: calc(100% - 116px);
446
+ border-left: 1px solid #dee2e6;
447
+ }
448
+
449
+ div:has(ul.date_filter) .p-datepicker-group-container .p-datepicker table td>span {
450
+ width: 40px;
451
+ height: 40px;
452
+ }
453
+
454
+
455
+
456
+ div:has(ul.date_filter) .p-datepicker-group-container .p-datepicker-group {
457
+ width: 328px;
458
+ max-width: 328px;
459
+ padding: 8px 20px !important;
460
+ border: 1px solid #dee2e6;
461
+ border-top: 0;
462
+ }
463
+
464
+ div:has(ul.date_filter) .p-datepicker-group-container div:nth-child(2) {
465
+ border-right: 0;
466
+ }
467
+
468
+ div:has(ul.date_filter) .p-datepicker-group-container table td {
469
+ padding: 0;
470
+
471
+ }
472
+
473
+ div:has(ul.date_filter) .p-datepicker-footer {
474
+ margin: -8px;
475
+ }
476
+
477
+ .panel_status {
478
+ .p-multiselect-filter-container {
479
+ display: none;
480
+ }
481
+
482
+ .p-multiselect-header {
483
+ padding: 0 !important;
484
+ border-bottom: 0;
485
+ }
486
+ }
487
+
488
+ .p-multiselect-panel {
489
+ .p-multiselect-items {
490
+ padding: 6px;
491
+ min-width: 140px !important;
492
+
493
+ }
494
+ }
495
+
496
+ .panel_withIcon.p-multiselect-panel {
497
+ .p-multiselect-items {
498
+ .p-multiselect-item {
499
+ padding: 0 10px;
500
+ }
501
+ }
502
+ }
503
+
504
+
505
+
506
+ .Multi_select_dropdown_panel.hidePanelHeader {
507
+ .p-multiselect-header {
508
+ display: none;
509
+ }
510
+ }
511
+
512
+ .errorField {
513
+ color: var(--red-500);
514
+ height: 20px;
515
+ }
516
+
517
+ .full_form_field {
518
+ width: 37.125rem;
519
+ }
520
+
521
+ .form_field {
522
+ width: 18.063rem;
523
+ }
524
+
525
+ .PhoneInput {
526
+ background: #ffffff;
527
+ border: 1px solid var(--gray-300);
528
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s,
529
+ box-shadow 0.2s;
530
+ border-radius: 8px;
531
+ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
532
+ padding-top: 10px;
533
+ padding-bottom: 10px;
534
+ padding-right: 12px;
535
+ padding-left: 0px;
536
+ height: 40px;
537
+
538
+ :focus-visible {
539
+ outline: none;
540
+ }
541
+
542
+ &:focus-within {
543
+ outline: 0 none;
544
+ outline-offset: 0;
545
+ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
546
+ 0px 0px 0px 2px var(--primary-100);
547
+ border-radius: 8px;
548
+ border: 1px solid var(--primary-300);
549
+ }
550
+
551
+ .PhoneInputInput {
552
+ border: none;
553
+ }
554
+ }
555
+
556
+ .PhoneInputCountry {
557
+ .PhoneInputCountryIcon--border {
558
+ box-shadow: none;
559
+ background-color: #ffffff;
560
+ }
561
+
562
+ .PhoneInputCountryIconImg {
563
+ width: 20px;
564
+ height: 20px;
565
+ object-fit: cover;
566
+ border-radius: 100%;
567
+ position: absolute;
568
+ top: 0;
569
+ }
570
+ }
571
+
572
+ .phoneNumberClass {
573
+ margin-left: 14.5rem;
574
+ }
575
+
576
+ #customCountryDropDown {
577
+ .p-dropdown {
578
+ border: none;
579
+ box-shadow: none;
580
+ background: none;
581
+ padding: 0;
582
+
583
+ .p-dropdown-label {
584
+ padding: 0;
585
+ padding-right: 4px;
586
+ }
587
+
588
+ .p-dropdown-trigger {
589
+ padding-top: 20px;
590
+ }
591
+
592
+ .p-dropdown-trigger[aria-expanded="true"] {
593
+ padding-bottom: 20px;
594
+ }
595
+ }
596
+
597
+ }
598
+
599
+ .customNumberField {
600
+ .p-inputnumber-input {
601
+ padding-left: 24px;
602
+ }
603
+ }
604
+
605
+ .text-editor {
606
+ button {
607
+ &::after {
608
+ content: none !important;
609
+ }
610
+ }
611
+ }
612
+
613
+
614
+ button#formatULOptions-1:hover::before,
615
+ button#formatULOptions-1.fr-btn-hover::before,
616
+ button#formatULOptions-1.fr-active::before,
617
+ button#formatOLOptions-1:hover::before,
618
+ button#formatOLOptions-1.fr-btn-hover::before,
619
+ button#formatOLOptions-1.fr-active::before {
620
+ content: '';
621
+ border: 2px solid gray;
622
+ border-left: 0;
623
+ border-top: 0;
624
+ width: 6px;
625
+ height: 6px;
626
+ position: absolute;
627
+ left: 2px;
628
+ top: 39%;
629
+ transform: rotate(45deg);
630
+ }
631
+
632
+ .fr-toolbar .fr-btn-grp {
633
+ display: inline-block;
634
+ margin: 0 0px 0 12px !important;
635
+ }
636
+
637
+
638
+ .fr-buttons.fr-tabs {
639
+ display: none;
640
+ }
641
+
642
+ .fr-element {
643
+ padding: 12px !important;
644
+ }
645
+
646
+ .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
647
+ background: #f9fafb !important;
648
+ }
649
+
650
+ button[data-cmd="fontFamily"]:focus {
651
+ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--primary-100);
652
+ border: 1px solid var(--primary-300) !important;
653
+ background: none !important;
654
+ }
655
+
656
+ .text-editor {
657
+ border: 1px solid #d0d5dd;
658
+ border-radius: 10px;
659
+
660
+ * {
661
+ border: none !important;
662
+ }
663
+ }
664
+
665
+ .text-editor.focus-text-editor {
666
+ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--primary-100);
667
+ border: 1px solid var(--primary-300) !important;
668
+ }
669
+
670
+ .text-editor.p-invalid.focus-text-editor {
671
+ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--red-100);
672
+ border: 1px solid var(--red-300) !important;
673
+ }
674
+
675
+
676
+ button[data-cmd='fontFamily'] {
677
+ border: 1px solid var(--gray-300) !important;
678
+
679
+ &::before {
680
+ content: '';
681
+ border: 1.8px solid #0b0c12;
682
+ border-left: 0;
683
+ border-top: 0;
684
+ width: 7px;
685
+ height: 7px;
686
+ position: absolute;
687
+ right: 8px;
688
+ top: 39%;
689
+ transform: rotate(45deg);
690
+ }
691
+ }
692
+
693
+ .fr-toolbar .fr-btn-grp {
694
+ margin-right: 0px;
695
+ margin-left: 8px;
696
+ }
697
+
698
+ .fr-wrapper .fr-placeholder {
699
+ color: #667085 !important;
700
+ }
701
+
702
+ button[aria-expanded="true"] {
703
+ &::before {
704
+ top: 48%;
705
+ transform: rotate(-136deg);
706
+ }
707
+ }
708
+
709
+
710
+
711
+
712
+ /// Custon treeDropdownSelect style
713
+ .treeNoCollaps {
714
+ li {
715
+ padding-left: 0 !important;
716
+ padding-right: 0 !important;
717
+ }
718
+
719
+ .p-tree-toggler {
720
+ display: none;
721
+ }
722
+
723
+ .treeBadge {
724
+ background: var(--Gray-100, #F2F4F7) !important;
725
+ }
726
+
727
+ .p-treenode-content:hover {
728
+ background: var(--Primary-25, #F5F6FD) !important;
729
+ }
730
+
731
+ .p-treenode-content:hover .treeItem,
732
+ .p-treenode-content:focus .treeItem {
733
+ color: var(--primary-400);
734
+
735
+ .treeBadge {
736
+ color: var(--Primary-400, #243DC6) !important;
737
+ background: var(--Primary-50, #E2E5FA) !important;
738
+ }
739
+ }
740
+
741
+ .p-treenode-content:hover svg path,
742
+ .p-treenode-content:focus svg path {
743
+ stroke: var(--primary-400) !important;
744
+ }
745
+
746
+ .p-treenode-content:focus {
747
+ box-shadow: none !important;
748
+ outline: none !important;
749
+ background: var(--Primary-25, #F5F6FD) !important;
750
+
751
+ .treeBadge {
752
+ color: var(--Primary-400, #243DC6) !important;
753
+ background: var(--Primary-50, #E2E5FA) !important;
754
+ }
755
+ }
756
+ }
757
+
758
+ /// Custon treeDropdownSelect style end /////////////////
759
+
760
+ /////// Custom list_box_dropdown ///////////
761
+ .list_box_dropdown {
762
+ .p-listbox-header {
763
+ padding: 12px !important;
764
+ }
765
+
766
+ ul.p-listbox-list {
767
+ padding: 6px;
768
+
769
+ li {
770
+ margin: 4px 0 !important;
771
+ border-radius: 4px !important;
772
+ padding: 8px 14px !important;
773
+
774
+ .item_content {
775
+ max-width: 80%;
776
+ white-space: nowrap;
777
+ text-overflow: ellipsis;
778
+ overflow: hidden;
779
+ // width: 100%;
780
+ }
781
+
782
+ .item_icon {
783
+ display: none;
784
+ }
785
+
786
+ &:focus {
787
+ box-shadow: none !important;
788
+ }
789
+ }
790
+
791
+ .p-highlight {
792
+ background: #F5F6FD !important;
793
+ color: #162578 !important;
794
+
795
+ .item_icon {
796
+ display: block;
797
+ }
798
+ }
799
+ }
800
+ }
801
+
802
+ .list_box_chips {
803
+ display: inline-block;
804
+ align-items: center;
805
+ list-style: none;
806
+
807
+ li {
808
+ float: left;
809
+ height: 24px;
810
+ }
811
+ }
812
+
813
+ /////// Custom list_box_dropdown ///////////
814
+
815
+ //ScMulti Select//
816
+ .sc_multiSelect {
817
+ height: 40px !important;
818
+
819
+ .p-multiselect-clear-icon {
820
+ right: 42px !important;
821
+ }
822
+
823
+ .p-multiselect-label {
824
+ line-height: 38px !important;
825
+ }
826
+ }
827
+
828
+ .sc_multiSelect.noShowSelectedCount{
829
+ .p-multiselect-label {
830
+ padding-right: 0px;
831
+ }
832
+ }
833
+
834
+ .sc_multiSelect.hideChipremoveIcon {
835
+ .p-multiselect-token {
836
+ svg {
837
+ display: none;
838
+ }
839
+ }
840
+ }
841
+
842
+ .sc_multiSelect_panel {
843
+ .p-multiselect-items {
844
+ padding: 4px !important;
845
+
846
+ .p-multiselect-item, .p-highlight {
847
+ span{
848
+ padding-right: 28px;
849
+ }
850
+ }
851
+
852
+ .p-highlight::after {
853
+ content: '';
854
+ width: 12px;
855
+ height: 6px;
856
+ border: solid #162578;
857
+ border-width: 1.9px;
858
+ border-top: 0;
859
+ border-right: 0;
860
+ transform: rotate(-45deg);
861
+ margin-right: 8px;
862
+ position: absolute;
863
+ right: 4px;
864
+ }
865
+ }
866
+ }
867
+
868
+ //////////////////////////////////////////////
869
+ ///
870
+
871
+ .condition_menu {
872
+ width: 648px !important;
873
+ }
874
+
875
+ .condition_attribute_list_sect{
876
+ height: 215px;
877
+ .attr_chip {
878
+ transition: all 0.1s;
879
+ &:hover{
880
+ transform: scale(1.05);
881
+ // transition: all 0.2s;
882
+ }
883
+ }
884
+
885
+ }
886
+
887
+ .condition_configure{
888
+ height: 224px;
889
+ outline: none;
890
+ line-height: 30px;
891
+ letter-spacing: 2px;
892
+ .formulaChipElm {
893
+ line-height: 24px;
894
+ letter-spacing: 0px;
895
+ margin: 2px;
896
+ float: left;
897
+ }
898
+ .formulaSpanElm {
899
+ font-size: 16px;
900
+ margin: 2px 0;
901
+ float: left;
902
+ min-width: 6px;
903
+ height: 32px;
904
+ }
905
+
906
+ }
907
+
908
+ .formula_condition_dropdown {
909
+ box-shadow: none !important;
910
+ .p-dropdown-label {
911
+ display: block !important;
912
+ }
913
+ }
914
+
915
+ .p-button.p-button-link:enabled:hover{
916
+ color: var(--primary-400) !important;
917
+ }
@@ -9,8 +9,9 @@ const client_side_row_model_1 = require("@ag-grid-community/client-side-row-mode
9
9
  const core_2 = require("@ag-grid-enterprise/core");
10
10
  const range_selection_1 = require("@ag-grid-enterprise/range-selection");
11
11
  const infinite_row_model_1 = require("@ag-grid-community/infinite-row-model");
12
+ const LicenceKey_1 = require("./LicenceKey");
12
13
  core_1.ModuleRegistry.registerModules([client_side_row_model_1.ClientSideRowModelModule, range_selection_1.RangeSelectionModule, infinite_row_model_1.InfiniteRowModelModule]);
13
- core_2.LicenseManager.setLicenseKey("Using_this_{AG_Grid}_Enterprise_key_{AG-056800}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Sellers_Commerce_LLC}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{SellersCommerce}_only_for_{2}_Front-End_JavaScript_developers___All_Front-End_JavaScript_developers_working_on_{SellersCommerce}_need_to_be_licensed___{SellersCommerce}_has_been_granted_a_Deployment_License_Add-on_for_{1}_Production_Environment___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{14_April_2025}____[v3]_[01]_MTc0NDU4NTIwMDAwMA==895f2234e1659afcfba586110daf0549");
14
+ core_2.LicenseManager.setLicenseKey(LicenceKey_1.LICENSEKEY);
14
15
  const AgGrid = ({ style, gridOptions, onGridReady }) => {
15
16
  return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ag-theme-quartz ", style: { height: style.height, width: style.width } }, { children: (0, jsx_runtime_1.jsx)(react_1.AgGridReact, Object.assign({ onGridReady: onGridReady, reactiveCustomComponents: true }, gridOptions)) })) }) }));
16
17
  };
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.LICENSEKEY = void 0;
4
+ exports.LICENSEKEY = `"Using_this_{AG_Grid}_Enterprise_key_{AG-056800}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Sellers_Commerce_LLC}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{SellersCommerce}_only_for_{2}_Front-End_JavaScript_developers___All_Front-End_JavaScript_developers_working_on_{SellersCommerce}_need_to_be_licensed___{SellersCommerce}_has_been_granted_a_Deployment_License_Add-on_for_{1}_Production_Environment___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{14_April_2025}____[v3]_[01]_MTc0NDU4NTIwMDAwMA==895f2234e1659afcfba586110daf0549"`;
@@ -42,11 +42,15 @@ function ParentForGrid(props) {
42
42
  }, []);
43
43
  // Callback to products for getting data
44
44
  const getData = (startRow, endRow) => tslib_1.__awaiter(this, void 0, void 0, function* () {
45
+ var _a, _b;
45
46
  if (!(props === null || props === void 0 ? void 0 : props.getRowData)) {
46
47
  return emptyResponse; // If callback function to get row data is not provided
47
48
  }
48
49
  const response = yield props.getRowData(startRow, endRow, featureDetails);
50
+ // To identify when to stop the callBack
51
+ const actualEndRow = startRow + ((_b = (_a = response === null || response === void 0 ? void 0 : response.rowData) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0);
49
52
  if (response === null || response === void 0 ? void 0 : response.rowData) {
53
+ response.actualEndRow = actualEndRow;
50
54
  return response;
51
55
  }
52
56
  return emptyResponse;
@@ -62,8 +66,9 @@ function ParentForGrid(props) {
62
66
  const startRow = params.startRow;
63
67
  const endRow = params.endRow;
64
68
  const result = yield getData(startRow, endRow);
69
+ console.log(result, 'result from call back');
65
70
  if (((_a = result === null || result === void 0 ? void 0 : result.rowData) === null || _a === void 0 ? void 0 : _a.length) > 0) {
66
- params.successCallback(result === null || result === void 0 ? void 0 : result.rowData, -1);
71
+ params.successCallback(result === null || result === void 0 ? void 0 : result.rowData, result === null || result === void 0 ? void 0 : result.actualEndRow);
67
72
  }
68
73
  else {
69
74
  params.failCallback();
@@ -0,0 +1 @@
1
+ export declare const LICENSEKEY = "\"Using_this_{AG_Grid}_Enterprise_key_{AG-056800}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Sellers_Commerce_LLC}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{SellersCommerce}_only_for_{2}_Front-End_JavaScript_developers___All_Front-End_JavaScript_developers_working_on_{SellersCommerce}_need_to_be_licensed___{SellersCommerce}_has_been_granted_a_Deployment_License_Add-on_for_{1}_Production_Environment___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{14_April_2025}____[v3]_[01]_MTc0NDU4NTIwMDAwMA==895f2234e1659afcfba586110daf0549\"";
@@ -73,4 +73,5 @@ export interface ColumnDef extends ColDef {
73
73
  export interface ResoponseFromCallback {
74
74
  totalRecords: number;
75
75
  rowData: any[];
76
+ actualEndRow?: number;
76
77
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sccoreui",
3
- "version": "5.7.22",
3
+ "version": "5.7.23",
4
4
  "description": "ui-sccore",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",