@hisptz/dhis2-scorecard 1.0.20 → 1.0.21

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 (13) hide show
  1. package/package.json +4 -4
  2. package/dist/Scorecard.stories.js +0 -971
  3. package/dist/Scorecard.stories.js.map +0 -1
  4. package/dist/ScorecardContext.stories.js +0 -422
  5. package/dist/ScorecardContext.stories.js.map +0 -1
  6. package/dist/ScorecardPrintArea.stories.js +0 -920
  7. package/dist/ScorecardPrintArea.stories.js.map +0 -1
  8. package/dist/esm/Scorecard.stories.js +0 -966
  9. package/dist/esm/Scorecard.stories.js.map +0 -1
  10. package/dist/esm/ScorecardContext.stories.js +0 -417
  11. package/dist/esm/ScorecardContext.stories.js.map +0 -1
  12. package/dist/esm/ScorecardPrintArea.stories.js +0 -915
  13. package/dist/esm/ScorecardPrintArea.stories.js.map +0 -1
package/dist/Scorecard.stories.js DELETED
@@ -1,971 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var Scorecard = require('./Scorecard');
7
- var components = require('./components');
8
- var ui = require('@dhis2/ui');
9
- var StateProvider = require('./components/StateProvider');
10
- var utils = require('./utils');
11
- var state = require('./state');
12
- var recoil = require('recoil');
13
-
14
- const playConfig = {
15
- id: "YyeJxCBJpcz",
16
- title: "Test large scorecard",
17
- options: {
18
- title: true,
19
- arrows: true,
20
- legend: true,
21
- emptyRows: true,
22
- averageRow: false,
23
- itemNumber: true,
24
- averageColumn: false,
25
- showHierarchy: false,
26
- showDataInRows: false,
27
- averageDisplayType: "ALL",
28
- highlightedIndicators: false
29
- },
30
- sharing: {
31
- owner: "xE7jOejl9FI",
32
- users: {},
33
- public: "--------",
34
- external: false,
35
- userGroups: {}
36
- },
37
- subtitle: "Test large scorecard",
38
- description: "Test large scorecard",
39
- dataSelection: {
40
- dataGroups: [
41
- {
42
- id: "VakhYjKAA5L",
43
- style: {},
44
- title: "ANC",
45
- dataHolders: [
46
- {
47
- id: "sl3FPmEzlRQ",
48
- dataSources: [
49
- {
50
- id: "Uvn6LCg7dVU",
51
- name: "ANC 1 Coverage",
52
- type: "indicator",
53
- label: "ANC 1 Coverage",
54
- weight: 100,
55
- legends: [
56
- {
57
- id: "KBqf91u67Ro",
58
- endValue: 33,
59
- startValue: 0,
60
- legendDefinitionId: "ieUZM8WK8cc"
61
- },
62
- {
63
- id: "mpjr0KieTWq",
64
- endValue: 66,
65
- startValue: 33,
66
- legendDefinitionId: "gbQ4Sz9lTmI"
67
- },
68
- {
69
- id: "kAPjRBfoNHb",
70
- endValue: 100,
71
- startValue: 66,
72
- legendDefinitionId: "w3pILkfnTvU"
73
- }
74
- ],
75
- highIsGood: true,
76
- showColors: true,
77
- effectiveGap: 5,
78
- displayArrows: false,
79
- specificTargets: [],
80
- specificTargetsSet: false
81
- },
82
- {
83
- id: "ReUHfIn0pTQ",
84
- name: "ANC 1-3 Dropout Rate",
85
- type: "indicator",
86
- label: "ANC 1-3 Dropout Rate",
87
- weight: 100,
88
- legends: [
89
- {
90
- id: "Prrlf0tASKb",
91
- endValue: 33,
92
- startValue: 0,
93
- legendDefinitionId: "ieUZM8WK8cc"
94
- },
95
- {
96
- id: "OoApWIGYDKH",
97
- endValue: 66,
98
- startValue: 33,
99
- legendDefinitionId: "gbQ4Sz9lTmI"
100
- },
101
- {
102
- id: "PMHXhSN0FTZ",
103
- endValue: 100,
104
- startValue: 66,
105
- legendDefinitionId: "w3pILkfnTvU"
106
- }
107
- ],
108
- highIsGood: true,
109
- showColors: true,
110
- effectiveGap: 5,
111
- displayArrows: false,
112
- specificTargets: [],
113
- specificTargetsSet: false
114
- }
115
- ]
116
- },
117
- {
118
- id: "KqkECXxol62",
119
- dataSources: [
120
- {
121
- id: "OdiHJayrsKo",
122
- name: "ANC 2 Coverage",
123
- type: "indicator",
124
- label: "ANC 2 Coverage",
125
- weight: 100,
126
- legends: [
127
- {
128
- id: "BTPWwT1I403",
129
- endValue: 33,
130
- startValue: 0,
131
- legendDefinitionId: "ieUZM8WK8cc"
132
- },
133
- {
134
- id: "zUvpqVIgKZh",
135
- endValue: 66,
136
- startValue: 33,
137
- legendDefinitionId: "gbQ4Sz9lTmI"
138
- },
139
- {
140
- id: "GMDUUxd8oNp",
141
- endValue: 100,
142
- startValue: 66,
143
- legendDefinitionId: "w3pILkfnTvU"
144
- }
145
- ],
146
- highIsGood: true,
147
- showColors: true,
148
- effectiveGap: 5,
149
- displayArrows: false,
150
- specificTargets: [],
151
- specificTargetsSet: false
152
- }
153
- ]
154
- },
155
- {
156
- id: "nAUoLvHygNy",
157
- dataSources: [
158
- {
159
- id: "sB79w2hiLp8",
160
- name: "ANC 3 Coverage",
161
- type: "indicator",
162
- label: "ANC 3 Coverage",
163
- weight: 100,
164
- legends: [
165
- {
166
- id: "Iv0KuN1QVOZ",
167
- endValue: 33,
168
- startValue: 0,
169
- legendDefinitionId: "ieUZM8WK8cc"
170
- },
171
- {
172
- id: "zJfB5tn6JJJ",
173
- endValue: 66,
174
- startValue: 33,
175
- legendDefinitionId: "gbQ4Sz9lTmI"
176
- },
177
- {
178
- id: "zArIepf6ZU8",
179
- endValue: 100,
180
- startValue: 66,
181
- legendDefinitionId: "w3pILkfnTvU"
182
- }
183
- ],
184
- highIsGood: true,
185
- showColors: true,
186
- effectiveGap: 5,
187
- displayArrows: false,
188
- specificTargets: [],
189
- specificTargetsSet: false
190
- }
191
- ]
192
- },
193
- {
194
- id: "t3BzVoE76km",
195
- dataSources: [
196
- {
197
- id: "AUqdhY4mpvp",
198
- name: "ANC => 4 Coverage",
199
- type: "indicator",
200
- label: "ANC => 4 Coverage",
201
- weight: 100,
202
- legends: [
203
- {
204
- id: "dkCFTve9wTg",
205
- endValue: 33,
206
- startValue: 0,
207
- legendDefinitionId: "ieUZM8WK8cc"
208
- },
209
- {
210
- id: "rNiVyCpg3Ck",
211
- endValue: 66,
212
- startValue: 33,
213
- legendDefinitionId: "gbQ4Sz9lTmI"
214
- },
215
- {
216
- id: "mE4q4gjRZW1",
217
- endValue: 100,
218
- startValue: 66,
219
- legendDefinitionId: "w3pILkfnTvU"
220
- }
221
- ],
222
- highIsGood: true,
223
- showColors: true,
224
- effectiveGap: 5,
225
- displayArrows: false,
226
- specificTargets: [],
227
- specificTargetsSet: false
228
- }
229
- ]
230
- },
231
- {
232
- id: "MBkuYQyjeb1",
233
- dataSources: [
234
- {
235
- id: "dwEq7wi6nXV",
236
- name: "ANC IPT 1 Coverage",
237
- type: "indicator",
238
- label: "ANC IPT 1 Coverage",
239
- weight: 100,
240
- legends: [
241
- {
242
- id: "rAyBjZPWD1E",
243
- endValue: 33,
244
- startValue: 0,
245
- legendDefinitionId: "ieUZM8WK8cc"
246
- },
247
- {
248
- id: "zl4jZMLZ0lk",
249
- endValue: 66,
250
- startValue: 33,
251
- legendDefinitionId: "gbQ4Sz9lTmI"
252
- },
253
- {
254
- id: "Tcsyb58pcgh",
255
- endValue: 100,
256
- startValue: 66,
257
- legendDefinitionId: "w3pILkfnTvU"
258
- }
259
- ],
260
- highIsGood: true,
261
- showColors: true,
262
- effectiveGap: 5,
263
- displayArrows: false,
264
- specificTargets: [],
265
- specificTargetsSet: false
266
- }
267
- ]
268
- },
269
- {
270
- id: "VU3Y32VhgOd",
271
- dataSources: [
272
- {
273
- id: "c8fABiNpT0B",
274
- name: "ANC IPT 2 Coverage",
275
- type: "indicator",
276
- label: "ANC IPT 2 Coverage",
277
- weight: 100,
278
- legends: [
279
- {
280
- id: "remIGHppCft",
281
- endValue: 33,
282
- startValue: 0,
283
- legendDefinitionId: "ieUZM8WK8cc"
284
- },
285
- {
286
- id: "Xu1x3y97s4v",
287
- endValue: 66,
288
- startValue: 33,
289
- legendDefinitionId: "gbQ4Sz9lTmI"
290
- },
291
- {
292
- id: "rRmENa76Wt4",
293
- endValue: 100,
294
- startValue: 66,
295
- legendDefinitionId: "w3pILkfnTvU"
296
- }
297
- ],
298
- highIsGood: true,
299
- showColors: true,
300
- effectiveGap: 5,
301
- displayArrows: false,
302
- specificTargets: [],
303
- specificTargetsSet: false
304
- }
305
- ]
306
- },
307
- {
308
- id: "UQjPFLfeMz3",
309
- dataSources: [
310
- {
311
- id: "Tt5TAvdfdVK",
312
- name: "ANC LLITN coverage",
313
- type: "indicator",
314
- label: "ANC LLITN coverage",
315
- weight: 100,
316
- legends: [
317
- {
318
- id: "hiVwKNC8KAO",
319
- endValue: 33,
320
- startValue: 0,
321
- legendDefinitionId: "ieUZM8WK8cc"
322
- },
323
- {
324
- id: "mwheQQolL37",
325
- endValue: 66,
326
- startValue: 33,
327
- legendDefinitionId: "gbQ4Sz9lTmI"
328
- },
329
- {
330
- id: "IrehypEPWN3",
331
- endValue: 100,
332
- startValue: 66,
333
- legendDefinitionId: "w3pILkfnTvU"
334
- }
335
- ],
336
- highIsGood: true,
337
- showColors: true,
338
- effectiveGap: 5,
339
- displayArrows: false,
340
- specificTargets: [],
341
- specificTargetsSet: false
342
- }
343
- ]
344
- },
345
- {
346
- id: "MmT5zVXL2W5",
347
- dataSources: [
348
- {
349
- id: "puykO1tbcdi",
350
- name: "ANC TT2 coverage",
351
- type: "indicator",
352
- label: "ANC TT2 coverage",
353
- weight: 100,
354
- legends: [
355
- {
356
- id: "nxQuKBOX0qp",
357
- endValue: 33,
358
- startValue: 0,
359
- legendDefinitionId: "ieUZM8WK8cc"
360
- },
361
- {
362
- id: "oUDhvFmsaWJ",
363
- endValue: 66,
364
- startValue: 33,
365
- legendDefinitionId: "gbQ4Sz9lTmI"
366
- },
367
- {
368
- id: "iypIK6ubVEz",
369
- endValue: 100,
370
- startValue: 66,
371
- legendDefinitionId: "w3pILkfnTvU"
372
- }
373
- ],
374
- highIsGood: true,
375
- showColors: true,
376
- effectiveGap: 5,
377
- displayArrows: false,
378
- specificTargets: [],
379
- specificTargetsSet: false
380
- }
381
- ]
382
- },
383
- {
384
- id: "O4npHQEsuFd",
385
- dataSources: [
386
- {
387
- id: "Lzg9LtG1xg3",
388
- name: "ANC visits per clinical professional",
389
- type: "indicator",
390
- label: "ANC visits per clinical professional",
391
- weight: 100,
392
- legends: [
393
- {
394
- id: "qTy67GvZmUq",
395
- endValue: 33,
396
- startValue: 0,
397
- legendDefinitionId: "ieUZM8WK8cc"
398
- },
399
- {
400
- id: "RtIRjuB8PXc",
401
- endValue: 66,
402
- startValue: 33,
403
- legendDefinitionId: "gbQ4Sz9lTmI"
404
- },
405
- {
406
- id: "vjbeOeOj2q3",
407
- endValue: 100,
408
- startValue: 66,
409
- legendDefinitionId: "w3pILkfnTvU"
410
- }
411
- ],
412
- highIsGood: true,
413
- showColors: true,
414
- effectiveGap: 5,
415
- displayArrows: false,
416
- specificTargets: [],
417
- specificTargetsSet: false
418
- }
419
- ]
420
- }
421
- ]
422
- }
423
- ]
424
- },
425
- periodSelection: {
426
- periods: [
427
- {
428
- id: "202401"
429
- },
430
- {
431
- id: "202402"
432
- },
433
- {
434
- id: "202403"
435
- }
436
- ]
437
- },
438
- additionalLabels: [],
439
- orgUnitSelection: {
440
- groups: [],
441
- levels: [],
442
- orgUnits: [],
443
- userOrgUnit: true,
444
- userSubUnit: true,
445
- userSubX2Unit: false
446
- },
447
- legendDefinitions: [
448
- {
449
- id: "N/A",
450
- name: "N/A",
451
- color: "#D3D3D3",
452
- isDefault: true
453
- },
454
- {
455
- id: "No Data",
456
- name: "No Data",
457
- color: "#FFFFFF",
458
- isDefault: true
459
- },
460
- {
461
- id: "w3pILkfnTvU",
462
- name: "Target Reached/ On Track",
463
- color: "#008000"
464
- },
465
- {
466
- id: "gbQ4Sz9lTmI",
467
- name: "Progress, but more effort required",
468
- color: "#FFFF00"
469
- },
470
- {
471
- id: "ieUZM8WK8cc",
472
- name: "Not on track",
473
- color: "#FF0000"
474
- }
475
- ],
476
- highlightedIndicators: []
477
- };
478
- const config = {
479
- additionalLabels: ["Data label"],
480
- customHeader: "<p>W</p>\n",
481
- dataSelection: {
482
- dataGroups: [
483
- {
484
- dataHolders: [
485
- {
486
- dataSources: [
487
- {
488
- displayArrows: true,
489
- effectiveGap: 5,
490
- highIsGood: true,
491
- id: "EzE8xZ31zfC",
492
- label: "Availability of Vaccines: BCG (no stockout)",
493
- legends: [
494
- {
495
- endValue: 100,
496
- id: "XWUMmCmeM6o",
497
- legendDefinitionId: "#008000",
498
- startValue: 80
499
- },
500
- {
501
- endValue: 80,
502
- id: "TOey7YmIgVW",
503
- legendDefinitionId: "#FFFF00",
504
- startValue: 34
505
- },
506
- {
507
- endValue: 34,
508
- id: "PeTnkJSrh0N",
509
- legendDefinitionId: "#FF0000",
510
- startValue: 1
511
- }
512
- ],
513
- name: "Availability of Vaccines: BCG (no stockout)",
514
- showColors: true,
515
- type: "indicator",
516
- weight: 100
517
- }
518
- ],
519
- id: 3
520
- },
521
- {
522
- dataSources: [
523
- {
524
- displayArrows: true,
525
- effectiveGap: 5,
526
- highIsGood: true,
527
- id: "uNau1zjH08I",
528
- label: "Availability of Vaccines DPT (no stockout)",
529
- legends: [
530
- {
531
- endValue: 100,
532
- id: "BwTObmlCQJ9",
533
- legendDefinitionId: "#008000",
534
- startValue: 67
535
- },
536
- {
537
- endValue: 67,
538
- id: "VBf0tTk0FAg",
539
- legendDefinitionId: "#FFFF00",
540
- startValue: 34
541
- },
542
- {
543
- endValue: 34,
544
- id: "Bi2wvoRTFtg",
545
- legendDefinitionId: "#FF0000",
546
- startValue: 1
547
- }
548
- ],
549
- name: "Availability of Vaccines DPT (no stockout)",
550
- showColors: true,
551
- type: "indicator",
552
- weight: 100
553
- }
554
- ],
555
- id: 6
556
- },
557
- {
558
- dataSources: [
559
- {
560
- displayArrows: true,
561
- effectiveGap: 5,
562
- highIsGood: true,
563
- id: "Dca85UJ7O40",
564
- label: "DPT1 coverage",
565
- legends: [
566
- {
567
- endValue: 100,
568
- id: "uClcTQnvGjo",
569
- legendDefinitionId: "#008000",
570
- startValue: 67
571
- },
572
- {
573
- endValue: 67,
574
- id: "VM7MrPcAzVY",
575
- legendDefinitionId: "#FFFF00",
576
- startValue: 34
577
- },
578
- {
579
- endValue: 34,
580
- id: "IgXxzTrOdfA",
581
- legendDefinitionId: "#FF0000",
582
- startValue: 1
583
- }
584
- ],
585
- name: "DPT1 coverage",
586
- showColors: true,
587
- type: "indicator",
588
- weight: 100
589
- }
590
- ],
591
- id: 10
592
- },
593
- {
594
- dataSources: [
595
- {
596
- displayArrows: true,
597
- effectiveGap: 5,
598
- highIsGood: true,
599
- id: "YT5UD0H7875",
600
- label: "DPT2 Coverage",
601
- legends: [
602
- {
603
- endValue: 100,
604
- id: "AvNvnIHhPL9",
605
- legendDefinitionId: "#008000",
606
- startValue: 67
607
- },
608
- {
609
- endValue: 67,
610
- id: "L6SjYX2Ob7X",
611
- legendDefinitionId: "#FFFF00",
612
- startValue: 34
613
- },
614
- {
615
- endValue: 34,
616
- id: "FDlibzlPjKa",
617
- legendDefinitionId: "#FF0000",
618
- startValue: 1
619
- }
620
- ],
621
- name: "DPT2 Coverage",
622
- showColors: true,
623
- type: "indicator",
624
- weight: 100
625
- }
626
- ],
627
- id: 4
628
- },
629
- {
630
- dataSources: [
631
- {
632
- displayArrows: true,
633
- effectiveGap: 5,
634
- highIsGood: true,
635
- id: "E31SemmmFGb",
636
- label: "DPT3 coverage",
637
- legends: [
638
- {
639
- endValue: 100,
640
- id: "vIzqi9I5U5W",
641
- legendDefinitionId: "#008000",
642
- startValue: 67
643
- },
644
- {
645
- endValue: 67,
646
- id: "p8iuaIFYrVh",
647
- legendDefinitionId: "#FFFF00",
648
- startValue: 34
649
- },
650
- {
651
- endValue: 34,
652
- id: "IAawVVFlrHW",
653
- legendDefinitionId: "#FF0000",
654
- startValue: 1
655
- }
656
- ],
657
- name: "DPT3 coverage",
658
- showColors: true,
659
- type: "indicator",
660
- weight: 100
661
- }
662
- ],
663
- id: 9
664
- },
665
- {
666
- dataSources: [
667
- {
668
- displayArrows: true,
669
- effectiveGap: 5,
670
- highIsGood: true,
671
- id: "k7S2WEEZeWO",
672
- label: "BCG coverage",
673
- legends: [
674
- {
675
- endValue: 100,
676
- id: "HTxdj0lqOni",
677
- legendDefinitionId: "#008000",
678
- startValue: 67
679
- },
680
- {
681
- endValue: 67,
682
- id: "QDRGsOkTFRo",
683
- legendDefinitionId: "#FFFF00",
684
- startValue: 34
685
- },
686
- {
687
- endValue: 34,
688
- id: "ijCUM3ePjXe",
689
- legendDefinitionId: "#FF0000",
690
- startValue: 1
691
- }
692
- ],
693
- name: "BCG coverage",
694
- showColors: true,
695
- type: "indicator",
696
- weight: 100
697
- }
698
- ],
699
- id: 5
700
- },
701
- {
702
- dataSources: [
703
- {
704
- displayArrows: true,
705
- effectiveGap: 5,
706
- highIsGood: true,
707
- id: "wpgvPjYTBba",
708
- label: "MCV1 Coverage",
709
- legends: [
710
- {
711
- endValue: 100,
712
- id: "cORYIx7oEkM",
713
- legendDefinitionId: "#008000",
714
- startValue: 80
715
- },
716
- {
717
- endValue: 80,
718
- id: "yCulcK3litW",
719
- legendDefinitionId: "#FFFF00",
720
- startValue: 34
721
- },
722
- {
723
- endValue: 34,
724
- id: "uHU6IMpweu1",
725
- legendDefinitionId: "#FF0000",
726
- startValue: 1
727
- }
728
- ],
729
- name: "MCV1 Coverage",
730
- showColors: true,
731
- type: "indicator",
732
- weight: 100
733
- }
734
- ],
735
- id: 8
736
- },
737
- {
738
- dataSources: [
739
- {
740
- displayArrows: true,
741
- effectiveGap: 5,
742
- highIsGood: true,
743
- id: "TGFBdsVUobf",
744
- label: "Fully Immunized",
745
- legends: [
746
- {
747
- endValue: 100,
748
- id: "aGVS5sqcRd4",
749
- legendDefinitionId: "#008000",
750
- startValue: 67
751
- },
752
- {
753
- endValue: 67,
754
- id: "EKIY64Ferh3",
755
- legendDefinitionId: "#FFFF00",
756
- startValue: 34
757
- },
758
- {
759
- endValue: 34,
760
- id: "EfSaPcUQvUA",
761
- legendDefinitionId: "#FF0000",
762
- startValue: 1
763
- }
764
- ],
765
- name: "Fully Immunized",
766
- showColors: true,
767
- type: "indicator",
768
- weight: 100
769
- }
770
- ],
771
- id: 7
772
- }
773
- ],
774
- id: 1,
775
- style: {
776
- backgroundColor: "#ffffff",
777
- color: "#000000"
778
- },
779
- title: "Default"
780
- }
781
- ]
782
- },
783
- description: "Immunization scorecard",
784
- highlightedIndicators: [],
785
- id: "VQ4ipFr7YHx",
786
- legendDefinitions: [
787
- {
788
- color: "#008000",
789
- id: "#008000",
790
- name: "Target achieved / on track"
791
- },
792
- {
793
- color: "#FFFF00",
794
- id: "#FFFF00",
795
- name: "Progress, but more effort required"
796
- },
797
- {
798
- color: "#FF0000",
799
- id: "#FF0000",
800
- name: "Not on track"
801
- },
802
- {
803
- color: "#D3D3D3",
804
- id: "N/A",
805
- isDefault: true,
806
- name: "N/A"
807
- },
808
- {
809
- color: "#FFFFFF",
810
- id: "No data",
811
- isDefault: true,
812
- name: "No data"
813
- }
814
- ],
815
- options: {
816
- averageColumn: false,
817
- averageDisplayType: "ALL",
818
- averageRow: false,
819
- emptyRows: true,
820
- highlightedIndicators: false,
821
- itemNumber: true,
822
- legend: true,
823
- showHierarchy: false,
824
- title: true
825
- },
826
- orgUnitSelection: {
827
- groups: [],
828
- levels: ["P0QFTFfTl2X"],
829
- orgUnits: [
830
- {
831
- id: "GD7TowwI46c"
832
- }
833
- ],
834
- userOrgUnit: false,
835
- userSubUnit: false,
836
- userSubX2Unit: false
837
- },
838
- periodSelection: {
839
- periods: [
840
- {
841
- id: "2018Q2"
842
- }
843
- ],
844
- type: "Quarterly"
845
- },
846
- sharing: {
847
- external: false,
848
- owner: "M5zQapPyTZI",
849
- public: "------",
850
- userGroups: {
851
- ji3bRmgKwkS: {
852
- access: "------",
853
- id: "ji3bRmgKwkS"
854
- }
855
- },
856
- users: {}
857
- },
858
- subtitle: "",
859
- title: "Immunization scorecard"
860
- };
861
- function OptionsToggle({ name, label }) {
862
- const [showDataInRows, setShowDataInRows] = state.useScorecardStateSelector(["options", name]);
863
- return /* @__PURE__ */ jsxRuntime.jsx(
864
- ui.CheckboxField,
865
- {
866
- label,
867
- value: name,
868
- onChange: ({ checked }) => {
869
- setShowDataInRows(checked);
870
- },
871
- checked: showDataInRows
872
- }
873
- );
874
- }
875
- const meta = {
876
- title: "Scorecard",
877
- component: Scorecard.Scorecard,
878
- decorators: (Story, context) => {
879
- return /* @__PURE__ */ jsxRuntime.jsx(recoil.RecoilRoot, { children: /* @__PURE__ */ jsxRuntime.jsx(
880
- StateProvider.ScorecardStateProvider,
881
- {
882
- config,
883
- initialState: utils.getInitialStateFromConfig(playConfig),
884
- children: /* @__PURE__ */ jsxRuntime.jsxs(
885
- "div",
886
- {
887
- style: {
888
- maxWidth: 1600,
889
- display: "flex",
890
- flexDirection: "column",
891
- gap: 32,
892
- height: "60vh",
893
- width: "100%"
894
- },
895
- children: [
896
- /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 16 }, children: [
897
- /* @__PURE__ */ jsxRuntime.jsx(
898
- OptionsToggle,
899
- {
900
- name: "showDataInRows",
901
- label: "Show data in rows"
902
- }
903
- ),
904
- /* @__PURE__ */ jsxRuntime.jsx(
905
- OptionsToggle,
906
- {
907
- name: "arrows",
908
- label: "Show arrows"
909
- }
910
- ),
911
- /* @__PURE__ */ jsxRuntime.jsx(
912
- OptionsToggle,
913
- {
914
- name: "showHierarchy",
915
- label: "Show hierarchy"
916
- }
917
- ),
918
- /* @__PURE__ */ jsxRuntime.jsx(
919
- OptionsToggle,
920
- {
921
- name: "averageColumn",
922
- label: "Show average column"
923
- }
924
- ),
925
- /* @__PURE__ */ jsxRuntime.jsx(
926
- OptionsToggle,
927
- {
928
- name: "averageRow",
929
- label: "Show average row"
930
- }
931
- ),
932
- /* @__PURE__ */ jsxRuntime.jsx(
933
- OptionsToggle,
934
- {
935
- name: "itemNumber",
936
- label: "Show item numbers"
937
- }
938
- )
939
- ] }),
940
- /* @__PURE__ */ jsxRuntime.jsx(components.ScorecardContext, { config: playConfig, children: /* @__PURE__ */ jsxRuntime.jsx(components.ScorecardDataProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
941
- Story,
942
- {
943
- args: {
944
- ...context.args,
945
- tableProps: {
946
- scrollHeight: "800px",
947
- scrollWidth: "1600px",
948
- width: "1600px"
949
- }
950
- }
951
- }
952
- ) }) })
953
- ]
954
- }
955
- )
956
- }
957
- ) });
958
- }
959
- };
960
- var Scorecard_stories_default = meta;
961
- const Default = {
962
- name: "Default View",
963
- args: {
964
- config
965
- }
966
- };
967
-
968
- exports.Default = Default;
969
- exports.default = Scorecard_stories_default;
970
- //# sourceMappingURL=Scorecard.stories.js.map
971
- //# sourceMappingURL=Scorecard.stories.js.map