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