@papillonarts/library 0.39.0 → 0.41.0

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,2106 @@
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
+
3
+ exports[`<Array /> Render must match features() 1`] = `
4
+ <div>
5
+ <p>
6
+ mock-file
7
+ </p>
8
+ </div>
9
+ `;
10
+
11
+ exports[`<Array /> Render must match getSort() 1`] = `
12
+ <div>
13
+ <pre
14
+ style="display: block; overflow-x: auto; background: rgb(43, 48, 59); color: rgb(192, 197, 206); padding: 0.5em;"
15
+ >
16
+ <code
17
+ class="language-typescript"
18
+ style="white-space: pre;"
19
+ >
20
+ <span>
21
+
22
+
23
+ </span>
24
+ <span>
25
+
26
+ </span>
27
+ <span
28
+ style="color: rgb(180, 142, 173);"
29
+ >
30
+ export
31
+ </span>
32
+ <span>
33
+
34
+ </span>
35
+ <span
36
+ class="hljs-function"
37
+ style="color: rgb(180, 142, 173);"
38
+ >
39
+ function
40
+ </span>
41
+ <span
42
+ class="hljs-function"
43
+ >
44
+
45
+ </span>
46
+ <span
47
+ class="hljs-function"
48
+ style="color: rgb(143, 161, 179);"
49
+ >
50
+ getSort
51
+ </span>
52
+ <span
53
+ class="hljs-function"
54
+ >
55
+ (
56
+ </span>
57
+ <span
58
+ class="hljs-function"
59
+ style="color: rgb(208, 135, 112);"
60
+ >
61
+ { currentSort, newSort }: { currentSort:
62
+ </span>
63
+ <span
64
+ class="hljs-function"
65
+ style="color: rgb(180, 142, 173);"
66
+ >
67
+ typeof
68
+ </span>
69
+ <span
70
+ class="hljs-function"
71
+ style="color: rgb(208, 135, 112);"
72
+ >
73
+ SortDefault; newSort: ISort }
74
+ </span>
75
+ <span
76
+ class="hljs-function"
77
+ >
78
+ ):
79
+ </span>
80
+ <span
81
+ class="hljs-function"
82
+ style="color: rgb(143, 161, 179);"
83
+ >
84
+ ISort
85
+ </span>
86
+ <span
87
+ class="hljs-function"
88
+ >
89
+
90
+ </span>
91
+ <span>
92
+ {
93
+
94
+ </span>
95
+ <span>
96
+
97
+ </span>
98
+ <span
99
+ style="color: rgb(180, 142, 173);"
100
+ >
101
+ return
102
+ </span>
103
+ <span>
104
+ {
105
+
106
+ </span>
107
+ <span>
108
+
109
+ </span>
110
+ <span
111
+ class="hljs-attr"
112
+ >
113
+ index
114
+ </span>
115
+ <span>
116
+ : newSort.index,
117
+
118
+ </span>
119
+ <span>
120
+
121
+ </span>
122
+ <span
123
+ class="hljs-attr"
124
+ >
125
+ value
126
+ </span>
127
+ <span>
128
+ : newSort.value,
129
+
130
+ </span>
131
+ <span>
132
+
133
+ </span>
134
+ <span
135
+ class="hljs-attr"
136
+ >
137
+ order
138
+ </span>
139
+ <span>
140
+ : (
141
+ </span>
142
+ <span
143
+ class="hljs-function"
144
+ >
145
+ () =&gt;
146
+ </span>
147
+ <span>
148
+ {
149
+
150
+ </span>
151
+ <span>
152
+
153
+ </span>
154
+ <span
155
+ style="color: rgb(180, 142, 173);"
156
+ >
157
+ if
158
+ </span>
159
+ <span>
160
+ (currentSort === SortDefault) {
161
+
162
+ </span>
163
+ <span>
164
+
165
+ </span>
166
+ <span
167
+ style="color: rgb(180, 142, 173);"
168
+ >
169
+ return
170
+ </span>
171
+ <span>
172
+ SortDefault.order
173
+
174
+ </span>
175
+ }
176
+
177
+ <span>
178
+
179
+ </span>
180
+ <span
181
+ style="color: rgb(180, 142, 173);"
182
+ >
183
+ if
184
+ </span>
185
+ <span>
186
+ (currentSort.index === newSort.index) {
187
+
188
+ </span>
189
+ <span>
190
+
191
+ </span>
192
+ <span
193
+ style="color: rgb(180, 142, 173);"
194
+ >
195
+ return
196
+ </span>
197
+ <span>
198
+ currentSort.order === SortOrder.Ascending ? SortOrder.Descending : SortOrder.Ascending
199
+
200
+ </span>
201
+ }
202
+
203
+ <span>
204
+
205
+ </span>
206
+ <span
207
+ style="color: rgb(180, 142, 173);"
208
+ >
209
+ return
210
+ </span>
211
+ <span>
212
+ SortDefault.order
213
+
214
+ </span>
215
+ })(),
216
+
217
+ }
218
+
219
+ }
220
+
221
+
222
+
223
+ <span>
224
+ describe(
225
+ </span>
226
+ <span
227
+ style="color: rgb(163, 190, 140);"
228
+ >
229
+ 'getSort()'
230
+ </span>
231
+ <span>
232
+ ,
233
+ </span>
234
+ <span
235
+ class="hljs-function"
236
+ >
237
+ () =&gt;
238
+ </span>
239
+ <span>
240
+ {
241
+
242
+ </span>
243
+ <span>
244
+
245
+ </span>
246
+ <span
247
+ style="color: rgb(180, 142, 173);"
248
+ >
249
+ const
250
+ </span>
251
+ <span>
252
+ { SortOrder, SortDefault, getSort } = index
253
+
254
+ </span>
255
+
256
+
257
+ <span>
258
+ test(
259
+ </span>
260
+ <span
261
+ style="color: rgb(163, 190, 140);"
262
+ >
263
+ 'must return newSort with SortDefault order when currentSort equals SortDefault'
264
+ </span>
265
+ <span>
266
+ ,
267
+ </span>
268
+ <span
269
+ class="hljs-function"
270
+ >
271
+ () =&gt;
272
+ </span>
273
+ <span>
274
+ {
275
+
276
+ </span>
277
+ <span>
278
+
279
+ </span>
280
+ <span
281
+ style="color: rgb(180, 142, 173);"
282
+ >
283
+ const
284
+ </span>
285
+ <span>
286
+ currentSort = SortDefault
287
+
288
+ </span>
289
+
290
+
291
+ <span>
292
+
293
+ </span>
294
+ <span
295
+ style="color: rgb(180, 142, 173);"
296
+ >
297
+ const
298
+ </span>
299
+ <span>
300
+ newSort = {
301
+ </span>
302
+ <span
303
+ class="hljs-attr"
304
+ >
305
+ index
306
+ </span>
307
+ <span>
308
+ :
309
+ </span>
310
+ <span
311
+ style="color: rgb(208, 135, 112);"
312
+ >
313
+ 1
314
+ </span>
315
+ <span>
316
+ ,
317
+ </span>
318
+ <span
319
+ class="hljs-attr"
320
+ >
321
+ order
322
+ </span>
323
+ <span>
324
+ : SortOrder.Descending,
325
+ </span>
326
+ <span
327
+ class="hljs-attr"
328
+ >
329
+ value
330
+ </span>
331
+ <span>
332
+ :
333
+ </span>
334
+ <span
335
+ style="color: rgb(163, 190, 140);"
336
+ >
337
+ 'fantastic-new-value'
338
+ </span>
339
+ <span>
340
+ }
341
+
342
+ </span>
343
+
344
+
345
+ expect(getSort({ currentSort, newSort })).toEqual({
346
+
347
+ <span>
348
+
349
+ </span>
350
+ <span
351
+ class="hljs-attr"
352
+ >
353
+ index
354
+ </span>
355
+ <span>
356
+ : newSort.index,
357
+
358
+ </span>
359
+ <span>
360
+
361
+ </span>
362
+ <span
363
+ class="hljs-attr"
364
+ >
365
+ order
366
+ </span>
367
+ <span>
368
+ : SortDefault.order,
369
+
370
+ </span>
371
+ <span>
372
+
373
+ </span>
374
+ <span
375
+ class="hljs-attr"
376
+ >
377
+ value
378
+ </span>
379
+ <span>
380
+ : newSort.value,
381
+
382
+ </span>
383
+ })
384
+
385
+ })
386
+
387
+
388
+
389
+ <span>
390
+ test(
391
+ </span>
392
+ <span
393
+ style="color: rgb(163, 190, 140);"
394
+ >
395
+ 'must return newSort with order reversed from ascending to descending when currentSort index equals newSort index'
396
+ </span>
397
+ <span>
398
+ ,
399
+ </span>
400
+ <span
401
+ class="hljs-function"
402
+ >
403
+ () =&gt;
404
+ </span>
405
+ <span>
406
+ {
407
+
408
+ </span>
409
+ <span>
410
+
411
+ </span>
412
+ <span
413
+ style="color: rgb(180, 142, 173);"
414
+ >
415
+ const
416
+ </span>
417
+ <span>
418
+ currentSort = {
419
+ </span>
420
+ <span
421
+ class="hljs-attr"
422
+ >
423
+ index
424
+ </span>
425
+ <span>
426
+ :
427
+ </span>
428
+ <span
429
+ style="color: rgb(208, 135, 112);"
430
+ >
431
+ 1
432
+ </span>
433
+ <span>
434
+ ,
435
+ </span>
436
+ <span
437
+ class="hljs-attr"
438
+ >
439
+ order
440
+ </span>
441
+ <span>
442
+ : SortOrder.Ascending,
443
+ </span>
444
+ <span
445
+ class="hljs-attr"
446
+ >
447
+ value
448
+ </span>
449
+ <span>
450
+ :
451
+ </span>
452
+ <span
453
+ style="color: rgb(163, 190, 140);"
454
+ >
455
+ 'fantastic-current-value'
456
+ </span>
457
+ <span>
458
+ }
459
+
460
+ </span>
461
+
462
+
463
+ <span>
464
+
465
+ </span>
466
+ <span
467
+ style="color: rgb(180, 142, 173);"
468
+ >
469
+ const
470
+ </span>
471
+ <span>
472
+ newSort = {
473
+ </span>
474
+ <span
475
+ class="hljs-attr"
476
+ >
477
+ index
478
+ </span>
479
+ <span>
480
+ :
481
+ </span>
482
+ <span
483
+ style="color: rgb(208, 135, 112);"
484
+ >
485
+ 1
486
+ </span>
487
+ <span>
488
+ ,
489
+ </span>
490
+ <span
491
+ class="hljs-attr"
492
+ >
493
+ order
494
+ </span>
495
+ <span>
496
+ : SortOrder.Ascending,
497
+ </span>
498
+ <span
499
+ class="hljs-attr"
500
+ >
501
+ value
502
+ </span>
503
+ <span>
504
+ :
505
+ </span>
506
+ <span
507
+ style="color: rgb(163, 190, 140);"
508
+ >
509
+ 'fantastic-new-value'
510
+ </span>
511
+ <span>
512
+ }
513
+
514
+ </span>
515
+
516
+
517
+ expect(getSort({ currentSort, newSort })).toEqual({
518
+
519
+ <span>
520
+
521
+ </span>
522
+ <span
523
+ class="hljs-attr"
524
+ >
525
+ index
526
+ </span>
527
+ <span>
528
+ : newSort.index,
529
+
530
+ </span>
531
+ <span>
532
+
533
+ </span>
534
+ <span
535
+ class="hljs-attr"
536
+ >
537
+ order
538
+ </span>
539
+ <span>
540
+ : SortOrder.Descending,
541
+
542
+ </span>
543
+ <span>
544
+
545
+ </span>
546
+ <span
547
+ class="hljs-attr"
548
+ >
549
+ value
550
+ </span>
551
+ <span>
552
+ : newSort.value,
553
+
554
+ </span>
555
+ })
556
+
557
+ })
558
+
559
+
560
+
561
+ <span>
562
+ test(
563
+ </span>
564
+ <span
565
+ style="color: rgb(163, 190, 140);"
566
+ >
567
+ 'must return newSort with order reversed from descending to ascending when currentSort index equals newSort index'
568
+ </span>
569
+ <span>
570
+ ,
571
+ </span>
572
+ <span
573
+ class="hljs-function"
574
+ >
575
+ () =&gt;
576
+ </span>
577
+ <span>
578
+ {
579
+
580
+ </span>
581
+ <span>
582
+
583
+ </span>
584
+ <span
585
+ style="color: rgb(180, 142, 173);"
586
+ >
587
+ const
588
+ </span>
589
+ <span>
590
+ currentSort = {
591
+ </span>
592
+ <span
593
+ class="hljs-attr"
594
+ >
595
+ index
596
+ </span>
597
+ <span>
598
+ :
599
+ </span>
600
+ <span
601
+ style="color: rgb(208, 135, 112);"
602
+ >
603
+ 1
604
+ </span>
605
+ <span>
606
+ ,
607
+ </span>
608
+ <span
609
+ class="hljs-attr"
610
+ >
611
+ order
612
+ </span>
613
+ <span>
614
+ : SortOrder.Descending,
615
+ </span>
616
+ <span
617
+ class="hljs-attr"
618
+ >
619
+ value
620
+ </span>
621
+ <span>
622
+ :
623
+ </span>
624
+ <span
625
+ style="color: rgb(163, 190, 140);"
626
+ >
627
+ 'fantastic-current-value'
628
+ </span>
629
+ <span>
630
+ }
631
+
632
+ </span>
633
+
634
+
635
+ <span>
636
+
637
+ </span>
638
+ <span
639
+ style="color: rgb(180, 142, 173);"
640
+ >
641
+ const
642
+ </span>
643
+ <span>
644
+ newSort = {
645
+ </span>
646
+ <span
647
+ class="hljs-attr"
648
+ >
649
+ index
650
+ </span>
651
+ <span>
652
+ :
653
+ </span>
654
+ <span
655
+ style="color: rgb(208, 135, 112);"
656
+ >
657
+ 1
658
+ </span>
659
+ <span>
660
+ ,
661
+ </span>
662
+ <span
663
+ class="hljs-attr"
664
+ >
665
+ order
666
+ </span>
667
+ <span>
668
+ : SortOrder.Ascending,
669
+ </span>
670
+ <span
671
+ class="hljs-attr"
672
+ >
673
+ value
674
+ </span>
675
+ <span>
676
+ :
677
+ </span>
678
+ <span
679
+ style="color: rgb(163, 190, 140);"
680
+ >
681
+ 'fantastic-new-value'
682
+ </span>
683
+ <span>
684
+ }
685
+
686
+ </span>
687
+
688
+
689
+ expect(getSort({ currentSort, newSort })).toEqual({
690
+
691
+ <span>
692
+
693
+ </span>
694
+ <span
695
+ class="hljs-attr"
696
+ >
697
+ index
698
+ </span>
699
+ <span>
700
+ : newSort.index,
701
+
702
+ </span>
703
+ <span>
704
+
705
+ </span>
706
+ <span
707
+ class="hljs-attr"
708
+ >
709
+ order
710
+ </span>
711
+ <span>
712
+ : SortOrder.Ascending,
713
+
714
+ </span>
715
+ <span>
716
+
717
+ </span>
718
+ <span
719
+ class="hljs-attr"
720
+ >
721
+ value
722
+ </span>
723
+ <span>
724
+ : newSort.value,
725
+
726
+ </span>
727
+ })
728
+
729
+ })
730
+
731
+
732
+
733
+ <span>
734
+ test(
735
+ </span>
736
+ <span
737
+ style="color: rgb(163, 190, 140);"
738
+ >
739
+ 'must return newSort with SortDefault order when currentSort not equal SortDefault and currentSort index not equal newSort index'
740
+ </span>
741
+ <span>
742
+ ,
743
+ </span>
744
+ <span
745
+ class="hljs-function"
746
+ >
747
+ () =&gt;
748
+ </span>
749
+ <span>
750
+ {
751
+
752
+ </span>
753
+ <span>
754
+
755
+ </span>
756
+ <span
757
+ style="color: rgb(180, 142, 173);"
758
+ >
759
+ const
760
+ </span>
761
+ <span>
762
+ currentSort = {
763
+ </span>
764
+ <span
765
+ class="hljs-attr"
766
+ >
767
+ index
768
+ </span>
769
+ <span>
770
+ :
771
+ </span>
772
+ <span
773
+ style="color: rgb(208, 135, 112);"
774
+ >
775
+ 0
776
+ </span>
777
+ <span>
778
+ ,
779
+ </span>
780
+ <span
781
+ class="hljs-attr"
782
+ >
783
+ order
784
+ </span>
785
+ <span>
786
+ : SortOrder.Ascending,
787
+ </span>
788
+ <span
789
+ class="hljs-attr"
790
+ >
791
+ value
792
+ </span>
793
+ <span>
794
+ :
795
+ </span>
796
+ <span
797
+ style="color: rgb(163, 190, 140);"
798
+ >
799
+ 'fantastic-current-value'
800
+ </span>
801
+ <span>
802
+ }
803
+
804
+ </span>
805
+
806
+
807
+ <span>
808
+
809
+ </span>
810
+ <span
811
+ style="color: rgb(180, 142, 173);"
812
+ >
813
+ const
814
+ </span>
815
+ <span>
816
+ newSort = {
817
+ </span>
818
+ <span
819
+ class="hljs-attr"
820
+ >
821
+ index
822
+ </span>
823
+ <span>
824
+ :
825
+ </span>
826
+ <span
827
+ style="color: rgb(208, 135, 112);"
828
+ >
829
+ 1
830
+ </span>
831
+ <span>
832
+ ,
833
+ </span>
834
+ <span
835
+ class="hljs-attr"
836
+ >
837
+ order
838
+ </span>
839
+ <span>
840
+ : SortOrder.Descending,
841
+ </span>
842
+ <span
843
+ class="hljs-attr"
844
+ >
845
+ value
846
+ </span>
847
+ <span>
848
+ :
849
+ </span>
850
+ <span
851
+ style="color: rgb(163, 190, 140);"
852
+ >
853
+ 'fantastic-new-value'
854
+ </span>
855
+ <span>
856
+ }
857
+
858
+ </span>
859
+
860
+
861
+ <span>
862
+ expect(getSort({ currentSort, newSort })).toEqual({
863
+ </span>
864
+ <span
865
+ class="hljs-attr"
866
+ >
867
+ index
868
+ </span>
869
+ <span>
870
+ : newSort.index,
871
+ </span>
872
+ <span
873
+ class="hljs-attr"
874
+ >
875
+ order
876
+ </span>
877
+ <span>
878
+ : SortDefault.order,
879
+ </span>
880
+ <span
881
+ class="hljs-attr"
882
+ >
883
+ value
884
+ </span>
885
+ <span>
886
+ : newSort.value })
887
+
888
+ </span>
889
+ })
890
+
891
+ })
892
+
893
+ </code>
894
+ </pre>
895
+ </div>
896
+ `;
897
+
898
+ exports[`<Array /> Render must match sortObjects() 1`] = `
899
+ <div>
900
+ <pre
901
+ style="display: block; overflow-x: auto; background: rgb(43, 48, 59); color: rgb(192, 197, 206); padding: 0.5em;"
902
+ >
903
+ <code
904
+ class="language-typescript"
905
+ style="white-space: pre;"
906
+ >
907
+ <span>
908
+
909
+
910
+ </span>
911
+ <span>
912
+
913
+ </span>
914
+ <span
915
+ style="color: rgb(180, 142, 173);"
916
+ >
917
+ export
918
+ </span>
919
+ <span>
920
+
921
+ </span>
922
+ <span
923
+ class="hljs-function"
924
+ style="color: rgb(180, 142, 173);"
925
+ >
926
+ function
927
+ </span>
928
+ <span
929
+ class="hljs-function"
930
+ >
931
+
932
+ </span>
933
+ <span
934
+ class="hljs-function"
935
+ style="color: rgb(143, 161, 179);"
936
+ >
937
+ sortObjects
938
+ </span>
939
+ <span
940
+ class="hljs-function"
941
+ >
942
+ &lt;
943
+ </span>
944
+ <span
945
+ class="hljs-function"
946
+ style="color: rgb(143, 161, 179);"
947
+ >
948
+ T1
949
+ </span>
950
+ <span
951
+ class="hljs-function"
952
+ >
953
+
954
+ </span>
955
+ <span
956
+ class="hljs-function"
957
+ style="color: rgb(143, 161, 179);"
958
+ >
959
+ extends
960
+ </span>
961
+ <span
962
+ class="hljs-function"
963
+ >
964
+
965
+ </span>
966
+ <span
967
+ class="hljs-function"
968
+ style="color: rgb(143, 161, 179);"
969
+ >
970
+ ISort
971
+ </span>
972
+ <span
973
+ class="hljs-function"
974
+ >
975
+ ,
976
+ </span>
977
+ <span
978
+ class="hljs-function"
979
+ style="color: rgb(143, 161, 179);"
980
+ >
981
+ T2
982
+ </span>
983
+ <span
984
+ class="hljs-function"
985
+ >
986
+ &gt;(
987
+ </span>
988
+ <span
989
+ class="hljs-function"
990
+ style="color: rgb(208, 135, 112);"
991
+ >
992
+ { sort, objects }: { sort: T1; objects: T2[] }
993
+ </span>
994
+ <span
995
+ class="hljs-function"
996
+ >
997
+ )
998
+ </span>
999
+ <span>
1000
+ {
1001
+
1002
+ </span>
1003
+ <span>
1004
+
1005
+ </span>
1006
+ <span
1007
+ style="color: rgb(180, 142, 173);"
1008
+ >
1009
+ if
1010
+ </span>
1011
+ <span>
1012
+ (!objects) {
1013
+
1014
+ </span>
1015
+ <span>
1016
+
1017
+ </span>
1018
+ <span
1019
+ style="color: rgb(180, 142, 173);"
1020
+ >
1021
+ return
1022
+ </span>
1023
+ <span>
1024
+ objects
1025
+
1026
+ </span>
1027
+ }
1028
+
1029
+
1030
+
1031
+ <span>
1032
+
1033
+ </span>
1034
+ <span
1035
+ style="color: rgb(180, 142, 173);"
1036
+ >
1037
+ if
1038
+ </span>
1039
+ <span>
1040
+ (sort.order === SortOrder.Ascending) {
1041
+
1042
+ </span>
1043
+ <span>
1044
+
1045
+ </span>
1046
+ <span
1047
+ style="color: rgb(180, 142, 173);"
1048
+ >
1049
+ return
1050
+ </span>
1051
+ <span>
1052
+ objects.sort(
1053
+ </span>
1054
+ <span
1055
+ class="hljs-function"
1056
+ >
1057
+ (
1058
+ </span>
1059
+ <span
1060
+ class="hljs-function"
1061
+ style="color: rgb(208, 135, 112);"
1062
+ >
1063
+ a, b
1064
+ </span>
1065
+ <span
1066
+ class="hljs-function"
1067
+ >
1068
+ ) =&gt;
1069
+ </span>
1070
+ <span>
1071
+ {
1072
+
1073
+ </span>
1074
+ <span>
1075
+
1076
+ </span>
1077
+ <span
1078
+ style="color: rgb(180, 142, 173);"
1079
+ >
1080
+ switch
1081
+ </span>
1082
+ <span>
1083
+ (
1084
+ </span>
1085
+ <span
1086
+ style="color: rgb(180, 142, 173);"
1087
+ >
1088
+ typeof
1089
+ </span>
1090
+ <span>
1091
+ a?.[sort.value]) {
1092
+
1093
+ </span>
1094
+ <span>
1095
+
1096
+ </span>
1097
+ <span
1098
+ style="color: rgb(180, 142, 173);"
1099
+ >
1100
+ case
1101
+ </span>
1102
+ <span>
1103
+
1104
+ </span>
1105
+ <span
1106
+ style="color: rgb(163, 190, 140);"
1107
+ >
1108
+ 'object'
1109
+ </span>
1110
+ <span>
1111
+ :
1112
+
1113
+ </span>
1114
+ <span>
1115
+
1116
+ </span>
1117
+ <span
1118
+ style="color: rgb(180, 142, 173);"
1119
+ >
1120
+ if
1121
+ </span>
1122
+ <span>
1123
+ (a?.[sort.value]
1124
+ </span>
1125
+ <span
1126
+ style="color: rgb(180, 142, 173);"
1127
+ >
1128
+ instanceof
1129
+ </span>
1130
+ <span>
1131
+
1132
+ </span>
1133
+ <span
1134
+ style="color: rgb(208, 135, 112);"
1135
+ >
1136
+ Object
1137
+ </span>
1138
+ <span>
1139
+ && a?.[sort.value]
1140
+ </span>
1141
+ <span
1142
+ style="color: rgb(180, 142, 173);"
1143
+ >
1144
+ instanceof
1145
+ </span>
1146
+ <span>
1147
+
1148
+ </span>
1149
+ <span
1150
+ style="color: rgb(208, 135, 112);"
1151
+ >
1152
+ Date
1153
+ </span>
1154
+ <span>
1155
+ ) {
1156
+
1157
+ </span>
1158
+ <span>
1159
+
1160
+ </span>
1161
+ <span
1162
+ style="color: rgb(180, 142, 173);"
1163
+ >
1164
+ return
1165
+ </span>
1166
+ <span>
1167
+ a?.[sort.value] &gt; b?.[sort.value] ?
1168
+ </span>
1169
+ <span
1170
+ style="color: rgb(208, 135, 112);"
1171
+ >
1172
+ 1
1173
+ </span>
1174
+ <span>
1175
+ : -
1176
+ </span>
1177
+ <span
1178
+ style="color: rgb(208, 135, 112);"
1179
+ >
1180
+ 1
1181
+ </span>
1182
+ <span>
1183
+
1184
+
1185
+ </span>
1186
+ }
1187
+
1188
+ <span>
1189
+
1190
+ </span>
1191
+ <span
1192
+ style="color: rgb(180, 142, 173);"
1193
+ >
1194
+ if
1195
+ </span>
1196
+ <span>
1197
+ (a?.[sort.value]
1198
+ </span>
1199
+ <span
1200
+ style="color: rgb(180, 142, 173);"
1201
+ >
1202
+ instanceof
1203
+ </span>
1204
+ <span>
1205
+
1206
+ </span>
1207
+ <span
1208
+ style="color: rgb(208, 135, 112);"
1209
+ >
1210
+ Object
1211
+ </span>
1212
+ <span>
1213
+ && a?.[sort.value]
1214
+ </span>
1215
+ <span
1216
+ style="color: rgb(180, 142, 173);"
1217
+ >
1218
+ instanceof
1219
+ </span>
1220
+ <span>
1221
+
1222
+ </span>
1223
+ <span
1224
+ style="color: rgb(208, 135, 112);"
1225
+ >
1226
+ Array
1227
+ </span>
1228
+ <span>
1229
+ ) {
1230
+
1231
+ </span>
1232
+ <span>
1233
+
1234
+ </span>
1235
+ <span
1236
+ style="color: rgb(180, 142, 173);"
1237
+ >
1238
+ return
1239
+ </span>
1240
+ <span>
1241
+ a?.[sort.value]?.find(
1242
+ </span>
1243
+ <span
1244
+ class="hljs-function"
1245
+ >
1246
+ (
1247
+ </span>
1248
+ <span
1249
+ class="hljs-function"
1250
+ style="color: rgb(208, 135, 112);"
1251
+ >
1252
+ item
1253
+ </span>
1254
+ <span
1255
+ class="hljs-function"
1256
+ >
1257
+ ) =&gt;
1258
+ </span>
1259
+ <span>
1260
+ item.isSelected ===
1261
+ </span>
1262
+ <span
1263
+ style="color: rgb(208, 135, 112);"
1264
+ >
1265
+ true
1266
+ </span>
1267
+ <span>
1268
+ )?.text?.toLowerCase() &gt;
1269
+
1270
+ </span>
1271
+ <span>
1272
+ b?.[sort.value]?.find(
1273
+ </span>
1274
+ <span
1275
+ class="hljs-function"
1276
+ >
1277
+ (
1278
+ </span>
1279
+ <span
1280
+ class="hljs-function"
1281
+ style="color: rgb(208, 135, 112);"
1282
+ >
1283
+ item
1284
+ </span>
1285
+ <span
1286
+ class="hljs-function"
1287
+ >
1288
+ ) =&gt;
1289
+ </span>
1290
+ <span>
1291
+ item.isSelected ===
1292
+ </span>
1293
+ <span
1294
+ style="color: rgb(208, 135, 112);"
1295
+ >
1296
+ true
1297
+ </span>
1298
+ <span>
1299
+ )?.text?.toLowerCase()
1300
+
1301
+ </span>
1302
+ <span>
1303
+ ?
1304
+ </span>
1305
+ <span
1306
+ style="color: rgb(208, 135, 112);"
1307
+ >
1308
+ 1
1309
+ </span>
1310
+ <span>
1311
+
1312
+
1313
+ </span>
1314
+ <span>
1315
+ : -
1316
+ </span>
1317
+ <span
1318
+ style="color: rgb(208, 135, 112);"
1319
+ >
1320
+ 1
1321
+ </span>
1322
+ <span>
1323
+
1324
+
1325
+ </span>
1326
+ }
1327
+
1328
+ <span>
1329
+
1330
+ </span>
1331
+ <span
1332
+ style="color: rgb(180, 142, 173);"
1333
+ >
1334
+ return
1335
+ </span>
1336
+ <span>
1337
+ a?.[sort.value]?.value?.toLowerCase() &gt; b?.[sort.value]?.value?.toLowerCase() ?
1338
+ </span>
1339
+ <span
1340
+ style="color: rgb(208, 135, 112);"
1341
+ >
1342
+ 1
1343
+ </span>
1344
+ <span>
1345
+ : -
1346
+ </span>
1347
+ <span
1348
+ style="color: rgb(208, 135, 112);"
1349
+ >
1350
+ 1
1351
+ </span>
1352
+ <span>
1353
+
1354
+
1355
+ </span>
1356
+ <span>
1357
+
1358
+ </span>
1359
+ <span
1360
+ style="color: rgb(180, 142, 173);"
1361
+ >
1362
+ case
1363
+ </span>
1364
+ <span>
1365
+
1366
+ </span>
1367
+ <span
1368
+ style="color: rgb(163, 190, 140);"
1369
+ >
1370
+ 'string'
1371
+ </span>
1372
+ <span>
1373
+ :
1374
+
1375
+ </span>
1376
+ <span>
1377
+
1378
+ </span>
1379
+ <span
1380
+ style="color: rgb(180, 142, 173);"
1381
+ >
1382
+ return
1383
+ </span>
1384
+ <span>
1385
+ a?.[sort.value]?.toLowerCase() &gt; b?.[sort.value]?.toLowerCase() ?
1386
+ </span>
1387
+ <span
1388
+ style="color: rgb(208, 135, 112);"
1389
+ >
1390
+ 1
1391
+ </span>
1392
+ <span>
1393
+ : -
1394
+ </span>
1395
+ <span
1396
+ style="color: rgb(208, 135, 112);"
1397
+ >
1398
+ 1
1399
+ </span>
1400
+ <span>
1401
+
1402
+
1403
+ </span>
1404
+ <span>
1405
+
1406
+ </span>
1407
+ <span
1408
+ style="color: rgb(180, 142, 173);"
1409
+ >
1410
+ case
1411
+ </span>
1412
+ <span>
1413
+
1414
+ </span>
1415
+ <span
1416
+ style="color: rgb(163, 190, 140);"
1417
+ >
1418
+ 'number'
1419
+ </span>
1420
+ <span>
1421
+ :
1422
+
1423
+ </span>
1424
+ <span>
1425
+
1426
+ </span>
1427
+ <span
1428
+ style="color: rgb(180, 142, 173);"
1429
+ >
1430
+ return
1431
+ </span>
1432
+ <span>
1433
+ a?.[sort.value] &gt; b?.[sort.value] ?
1434
+ </span>
1435
+ <span
1436
+ style="color: rgb(208, 135, 112);"
1437
+ >
1438
+ 1
1439
+ </span>
1440
+ <span>
1441
+ : -
1442
+ </span>
1443
+ <span
1444
+ style="color: rgb(208, 135, 112);"
1445
+ >
1446
+ 1
1447
+ </span>
1448
+ <span>
1449
+
1450
+
1451
+ </span>
1452
+ <span>
1453
+
1454
+ </span>
1455
+ <span
1456
+ class="hljs-attr"
1457
+ >
1458
+ default
1459
+ </span>
1460
+ <span>
1461
+ :
1462
+
1463
+ </span>
1464
+ <span>
1465
+
1466
+ </span>
1467
+ <span
1468
+ style="color: rgb(180, 142, 173);"
1469
+ >
1470
+ return
1471
+ </span>
1472
+ <span>
1473
+ -
1474
+ </span>
1475
+ <span
1476
+ style="color: rgb(208, 135, 112);"
1477
+ >
1478
+ 1
1479
+ </span>
1480
+ <span>
1481
+
1482
+
1483
+ </span>
1484
+ }
1485
+
1486
+ })
1487
+
1488
+ }
1489
+
1490
+
1491
+
1492
+ <span>
1493
+
1494
+ </span>
1495
+ <span
1496
+ style="color: rgb(180, 142, 173);"
1497
+ >
1498
+ return
1499
+ </span>
1500
+ <span>
1501
+ objects.sort(
1502
+ </span>
1503
+ <span
1504
+ class="hljs-function"
1505
+ >
1506
+ (
1507
+ </span>
1508
+ <span
1509
+ class="hljs-function"
1510
+ style="color: rgb(208, 135, 112);"
1511
+ >
1512
+ a, b
1513
+ </span>
1514
+ <span
1515
+ class="hljs-function"
1516
+ >
1517
+ ) =&gt;
1518
+ </span>
1519
+ <span>
1520
+ {
1521
+
1522
+ </span>
1523
+ <span>
1524
+
1525
+ </span>
1526
+ <span
1527
+ style="color: rgb(180, 142, 173);"
1528
+ >
1529
+ switch
1530
+ </span>
1531
+ <span>
1532
+ (
1533
+ </span>
1534
+ <span
1535
+ style="color: rgb(180, 142, 173);"
1536
+ >
1537
+ typeof
1538
+ </span>
1539
+ <span>
1540
+ a?.[sort.value]) {
1541
+
1542
+ </span>
1543
+ <span>
1544
+
1545
+ </span>
1546
+ <span
1547
+ style="color: rgb(180, 142, 173);"
1548
+ >
1549
+ case
1550
+ </span>
1551
+ <span>
1552
+
1553
+ </span>
1554
+ <span
1555
+ style="color: rgb(163, 190, 140);"
1556
+ >
1557
+ 'object'
1558
+ </span>
1559
+ <span>
1560
+ :
1561
+
1562
+ </span>
1563
+ <span>
1564
+
1565
+ </span>
1566
+ <span
1567
+ style="color: rgb(180, 142, 173);"
1568
+ >
1569
+ if
1570
+ </span>
1571
+ <span>
1572
+ (a?.[sort.value]
1573
+ </span>
1574
+ <span
1575
+ style="color: rgb(180, 142, 173);"
1576
+ >
1577
+ instanceof
1578
+ </span>
1579
+ <span>
1580
+
1581
+ </span>
1582
+ <span
1583
+ style="color: rgb(208, 135, 112);"
1584
+ >
1585
+ Object
1586
+ </span>
1587
+ <span>
1588
+ && a?.[sort.value]
1589
+ </span>
1590
+ <span
1591
+ style="color: rgb(180, 142, 173);"
1592
+ >
1593
+ instanceof
1594
+ </span>
1595
+ <span>
1596
+
1597
+ </span>
1598
+ <span
1599
+ style="color: rgb(208, 135, 112);"
1600
+ >
1601
+ Date
1602
+ </span>
1603
+ <span>
1604
+ ) {
1605
+
1606
+ </span>
1607
+ <span>
1608
+
1609
+ </span>
1610
+ <span
1611
+ style="color: rgb(180, 142, 173);"
1612
+ >
1613
+ return
1614
+ </span>
1615
+ <span>
1616
+ a?.[sort.value] &lt; b?.[sort.value] ?
1617
+ </span>
1618
+ <span
1619
+ style="color: rgb(208, 135, 112);"
1620
+ >
1621
+ 1
1622
+ </span>
1623
+ <span>
1624
+ : -
1625
+ </span>
1626
+ <span
1627
+ style="color: rgb(208, 135, 112);"
1628
+ >
1629
+ 1
1630
+ </span>
1631
+ <span>
1632
+
1633
+
1634
+ </span>
1635
+ }
1636
+
1637
+ <span>
1638
+
1639
+ </span>
1640
+ <span
1641
+ style="color: rgb(180, 142, 173);"
1642
+ >
1643
+ if
1644
+ </span>
1645
+ <span>
1646
+ (a?.[sort.value]
1647
+ </span>
1648
+ <span
1649
+ style="color: rgb(180, 142, 173);"
1650
+ >
1651
+ instanceof
1652
+ </span>
1653
+ <span>
1654
+
1655
+ </span>
1656
+ <span
1657
+ style="color: rgb(208, 135, 112);"
1658
+ >
1659
+ Object
1660
+ </span>
1661
+ <span>
1662
+ && a?.[sort.value]
1663
+ </span>
1664
+ <span
1665
+ style="color: rgb(180, 142, 173);"
1666
+ >
1667
+ instanceof
1668
+ </span>
1669
+ <span>
1670
+
1671
+ </span>
1672
+ <span
1673
+ style="color: rgb(208, 135, 112);"
1674
+ >
1675
+ Array
1676
+ </span>
1677
+ <span>
1678
+ ) {
1679
+
1680
+ </span>
1681
+ <span>
1682
+
1683
+ </span>
1684
+ <span
1685
+ style="color: rgb(180, 142, 173);"
1686
+ >
1687
+ return
1688
+ </span>
1689
+ <span>
1690
+ a?.[sort.value]?.find(
1691
+ </span>
1692
+ <span
1693
+ class="hljs-function"
1694
+ >
1695
+ (
1696
+ </span>
1697
+ <span
1698
+ class="hljs-function"
1699
+ style="color: rgb(208, 135, 112);"
1700
+ >
1701
+ item
1702
+ </span>
1703
+ <span
1704
+ class="hljs-function"
1705
+ >
1706
+ ) =&gt;
1707
+ </span>
1708
+ <span>
1709
+ item.isSelected ===
1710
+ </span>
1711
+ <span
1712
+ style="color: rgb(208, 135, 112);"
1713
+ >
1714
+ true
1715
+ </span>
1716
+ <span>
1717
+ )?.text?.toLowerCase() &lt;
1718
+
1719
+ </span>
1720
+ <span>
1721
+ b?.[sort.value]?.find(
1722
+ </span>
1723
+ <span
1724
+ class="hljs-function"
1725
+ >
1726
+ (
1727
+ </span>
1728
+ <span
1729
+ class="hljs-function"
1730
+ style="color: rgb(208, 135, 112);"
1731
+ >
1732
+ item
1733
+ </span>
1734
+ <span
1735
+ class="hljs-function"
1736
+ >
1737
+ ) =&gt;
1738
+ </span>
1739
+ <span>
1740
+ item.isSelected ===
1741
+ </span>
1742
+ <span
1743
+ style="color: rgb(208, 135, 112);"
1744
+ >
1745
+ true
1746
+ </span>
1747
+ <span>
1748
+ )?.text?.toLowerCase()
1749
+
1750
+ </span>
1751
+ <span>
1752
+ ?
1753
+ </span>
1754
+ <span
1755
+ style="color: rgb(208, 135, 112);"
1756
+ >
1757
+ 1
1758
+ </span>
1759
+ <span>
1760
+
1761
+
1762
+ </span>
1763
+ <span>
1764
+ : -
1765
+ </span>
1766
+ <span
1767
+ style="color: rgb(208, 135, 112);"
1768
+ >
1769
+ 1
1770
+ </span>
1771
+ <span>
1772
+
1773
+
1774
+ </span>
1775
+ }
1776
+
1777
+ <span>
1778
+
1779
+ </span>
1780
+ <span
1781
+ style="color: rgb(180, 142, 173);"
1782
+ >
1783
+ return
1784
+ </span>
1785
+ <span>
1786
+ a?.[sort.value]?.value?.toLowerCase() &lt; b?.[sort.value]?.value?.toLowerCase() ?
1787
+ </span>
1788
+ <span
1789
+ style="color: rgb(208, 135, 112);"
1790
+ >
1791
+ 1
1792
+ </span>
1793
+ <span>
1794
+ : -
1795
+ </span>
1796
+ <span
1797
+ style="color: rgb(208, 135, 112);"
1798
+ >
1799
+ 1
1800
+ </span>
1801
+ <span>
1802
+
1803
+
1804
+ </span>
1805
+ <span>
1806
+
1807
+ </span>
1808
+ <span
1809
+ style="color: rgb(180, 142, 173);"
1810
+ >
1811
+ case
1812
+ </span>
1813
+ <span>
1814
+
1815
+ </span>
1816
+ <span
1817
+ style="color: rgb(163, 190, 140);"
1818
+ >
1819
+ 'string'
1820
+ </span>
1821
+ <span>
1822
+ :
1823
+
1824
+ </span>
1825
+ <span>
1826
+
1827
+ </span>
1828
+ <span
1829
+ style="color: rgb(180, 142, 173);"
1830
+ >
1831
+ return
1832
+ </span>
1833
+ <span>
1834
+ a?.[sort.value]?.toLowerCase() &lt; b?.[sort.value]?.toLowerCase() ?
1835
+ </span>
1836
+ <span
1837
+ style="color: rgb(208, 135, 112);"
1838
+ >
1839
+ 1
1840
+ </span>
1841
+ <span>
1842
+ : -
1843
+ </span>
1844
+ <span
1845
+ style="color: rgb(208, 135, 112);"
1846
+ >
1847
+ 1
1848
+ </span>
1849
+ <span>
1850
+
1851
+
1852
+ </span>
1853
+ <span>
1854
+
1855
+ </span>
1856
+ <span
1857
+ style="color: rgb(180, 142, 173);"
1858
+ >
1859
+ case
1860
+ </span>
1861
+ <span>
1862
+
1863
+ </span>
1864
+ <span
1865
+ style="color: rgb(163, 190, 140);"
1866
+ >
1867
+ 'number'
1868
+ </span>
1869
+ <span>
1870
+ :
1871
+
1872
+ </span>
1873
+ <span>
1874
+
1875
+ </span>
1876
+ <span
1877
+ style="color: rgb(180, 142, 173);"
1878
+ >
1879
+ return
1880
+ </span>
1881
+ <span>
1882
+ a?.[sort.value] &lt; b?.[sort.value] ?
1883
+ </span>
1884
+ <span
1885
+ style="color: rgb(208, 135, 112);"
1886
+ >
1887
+ 1
1888
+ </span>
1889
+ <span>
1890
+ : -
1891
+ </span>
1892
+ <span
1893
+ style="color: rgb(208, 135, 112);"
1894
+ >
1895
+ 1
1896
+ </span>
1897
+ <span>
1898
+
1899
+
1900
+ </span>
1901
+ <span>
1902
+
1903
+ </span>
1904
+ <span
1905
+ class="hljs-attr"
1906
+ >
1907
+ default
1908
+ </span>
1909
+ <span>
1910
+ :
1911
+
1912
+ </span>
1913
+ <span>
1914
+
1915
+ </span>
1916
+ <span
1917
+ style="color: rgb(180, 142, 173);"
1918
+ >
1919
+ return
1920
+ </span>
1921
+ <span>
1922
+ -
1923
+ </span>
1924
+ <span
1925
+ style="color: rgb(208, 135, 112);"
1926
+ >
1927
+ 1
1928
+ </span>
1929
+ <span>
1930
+
1931
+
1932
+ </span>
1933
+ }
1934
+
1935
+ })
1936
+
1937
+ }
1938
+
1939
+ </code>
1940
+ </pre>
1941
+ </div>
1942
+ `;
1943
+
1944
+ exports[`<Array /> Render must match types() 1`] = `
1945
+ <div>
1946
+ <pre
1947
+ style="display: block; overflow-x: auto; background: rgb(43, 48, 59); color: rgb(192, 197, 206); padding: 0.5em;"
1948
+ >
1949
+ <code
1950
+ class="language-typescript"
1951
+ style="white-space: pre;"
1952
+ >
1953
+ <span>
1954
+
1955
+
1956
+ </span>
1957
+ <span>
1958
+
1959
+ </span>
1960
+ <span
1961
+ style="color: rgb(180, 142, 173);"
1962
+ >
1963
+ export
1964
+ </span>
1965
+ <span>
1966
+
1967
+ </span>
1968
+ <span
1969
+ style="color: rgb(180, 142, 173);"
1970
+ >
1971
+ interface
1972
+ </span>
1973
+ <span>
1974
+ ISortOrder {
1975
+
1976
+ </span>
1977
+ <span>
1978
+
1979
+ </span>
1980
+ <span
1981
+ class="hljs-attr"
1982
+ >
1983
+ Ascending
1984
+ </span>
1985
+ <span>
1986
+ :
1987
+ </span>
1988
+ <span
1989
+ style="color: rgb(208, 135, 112);"
1990
+ >
1991
+ string
1992
+ </span>
1993
+ <span>
1994
+
1995
+
1996
+ </span>
1997
+ <span>
1998
+
1999
+ </span>
2000
+ <span
2001
+ class="hljs-attr"
2002
+ >
2003
+ Descending
2004
+ </span>
2005
+ <span>
2006
+ :
2007
+ </span>
2008
+ <span
2009
+ style="color: rgb(208, 135, 112);"
2010
+ >
2011
+ string
2012
+ </span>
2013
+ <span>
2014
+
2015
+
2016
+ </span>
2017
+ }
2018
+
2019
+
2020
+
2021
+ <span>
2022
+
2023
+ </span>
2024
+ <span
2025
+ style="color: rgb(180, 142, 173);"
2026
+ >
2027
+ export
2028
+ </span>
2029
+ <span>
2030
+
2031
+ </span>
2032
+ <span
2033
+ style="color: rgb(180, 142, 173);"
2034
+ >
2035
+ interface
2036
+ </span>
2037
+ <span>
2038
+ ISort {
2039
+
2040
+ </span>
2041
+ <span>
2042
+
2043
+ </span>
2044
+ <span
2045
+ class="hljs-attr"
2046
+ >
2047
+ index
2048
+ </span>
2049
+ <span>
2050
+ :
2051
+ </span>
2052
+ <span
2053
+ style="color: rgb(208, 135, 112);"
2054
+ >
2055
+ number
2056
+ </span>
2057
+ <span>
2058
+
2059
+
2060
+ </span>
2061
+ <span>
2062
+
2063
+ </span>
2064
+ <span
2065
+ class="hljs-attr"
2066
+ >
2067
+ order
2068
+ </span>
2069
+ <span>
2070
+ :
2071
+ </span>
2072
+ <span
2073
+ style="color: rgb(208, 135, 112);"
2074
+ >
2075
+ string
2076
+ </span>
2077
+ <span>
2078
+
2079
+
2080
+ </span>
2081
+ <span>
2082
+
2083
+ </span>
2084
+ <span
2085
+ class="hljs-attr"
2086
+ >
2087
+ value
2088
+ </span>
2089
+ <span>
2090
+ :
2091
+ </span>
2092
+ <span
2093
+ style="color: rgb(208, 135, 112);"
2094
+ >
2095
+ string
2096
+ </span>
2097
+ <span>
2098
+
2099
+
2100
+ </span>
2101
+ }
2102
+
2103
+ </code>
2104
+ </pre>
2105
+ </div>
2106
+ `;