@hisptz/dhis2-analytics 2.0.34 → 2.0.36

package/dist/esm/components/Scorecard/Scorecard.stories.js

@@ -5,6 +5,928 @@ import { useForm, FormProvider, Controller } from 'react-hook-form';
 import { RHFCheckboxField } from '@hisptz/dhis2-ui';
 import i18n from '@dhis2/d2-i18n';
 
+const hmisConfig = {
+  id: "BhKVCyUvoWX",
+  name: "NACP PEDIATRIC/ADOLESCENT/YOUTH HIV SCORECARD",
+  user: {
+    id: "ZXkqhHnNxUv"
+  },
+  title: "NACP PEDIATRIC/ADOLESCENT/YOUTH HIV SCORECARD",
+  options: {
+    title: true,
+    legend: true,
+    emptyRows: true,
+    averageRow: false,
+    itemNumber: true,
+    averageColumn: false,
+    showHierarchy: false,
+    averageDisplayType: "ALL",
+    highlightedIndicators: false
+  },
+  subtitle: "",
+  periodType: "RelativeQuarter",
+  description: "The scorecard to monitor the performance of HIV indicators for pediatric, adolescent and youth ",
+  customHeader: '<h3 style="text-align:center"><small>NACP HIV Scorecard for Pediatric, Adolescent and Youth&nbsp;</small></h3>\n',
+  publicAccess: {
+    id: "public",
+    type: "public",
+    access: "r-----",
+    displayName: "Public"
+  },
+  userAccesses: [],
+  dataSelection: {
+    dataGroups: [
+      {
+        id: 1,
+        style: {
+          color: "#000000",
+          backgroundColor: "#ffffff"
+        },
+        title: "HEID",
+        dataHolders: [
+          {
+            id: 10,
+            dataSources: [
+              {
+                id: "IthUUAMiFfL",
+                name: "% of HEI tested for HIV by using DNA PCR at birth",
+                type: "customFunction",
+                label: "% of HEI tested for HIV by using DNA PCR at birth",
+                weight: 100,
+                legends: [
+                  {
+                    id: "Sxqhyp0mTNy",
+                    endValue: "-",
+                    startValue: "79",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "aUPSsUgydxI",
+                    endValue: "79",
+                    startValue: "59",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "i2bk3Z5N5dc",
+                    endValue: "59",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          },
+          {
+            id: 11,
+            dataSources: [
+              {
+                id: "gRPou3d8CE9",
+                name: "% of HEI tested for HIV by using DNA PCR by 2 months of age",
+                type: "customFunction",
+                label: "% of HEI tested for HIV by using DNA PCR by 2 months of age",
+                weight: 100,
+                legends: [
+                  {
+                    id: "wUkD7XzHb0j",
+                    endValue: "-",
+                    startValue: "89",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "yhF2fhp24cq",
+                    endValue: "89",
+                    startValue: "69",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "vHyCp61XFcq",
+                    endValue: "89",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              },
+              {
+                id: "N0uX7d0NaVB",
+                name: "% of HEI who received a first HIV test",
+                type: "customFunction",
+                label: "% of HEI who received a first HIV test",
+                weight: 100,
+                legends: [
+                  {
+                    id: "dNElN1hn00o",
+                    endValue: "-",
+                    startValue: "89",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "YMPnRvYDN36",
+                    endValue: "89",
+                    startValue: "69",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "K5BWj3BrgZj",
+                    endValue: "69",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          }
+        ]
+      },
+      {
+        id: 3,
+        style: {
+          color: "#000000",
+          backgroundColor: "#ffffff"
+        },
+        title: "Children (0-14 Years)",
+        dataHolders: [
+          {
+            id: 18,
+            dataSources: [
+              {
+                id: "Jx7KCLruuYV",
+                name: "Proportion of Children Knowing HIV Status",
+                type: "customFunction",
+                label: "Proportion of Children Knowing HIV Status",
+                weight: 100,
+                legends: [
+                  {
+                    id: "W4PYAXl1mUS",
+                    endValue: "-",
+                    startValue: "94",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "Axbz0ktD7Hp",
+                    endValue: "94",
+                    startValue: "79",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "wPv7QSNUzXR",
+                    endValue: "79",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          },
+          {
+            id: 15,
+            dataSources: [
+              {
+                id: "HkfV3tNXRZb",
+                name: "% of Children who are on  ART",
+                type: "customFunction",
+                label: "% of Children who are on  ART",
+                weight: 100,
+                legends: [
+                  {
+                    id: "BT9KhOryZk2",
+                    endValue: "-",
+                    startValue: "94",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "doqLR5kCUds",
+                    endValue: "94",
+                    startValue: "79",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "XDNw10t5dw5",
+                    endValue: "79",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          },
+          {
+            id: 7,
+            dataSources: [
+              {
+                id: "HmbRukEsmjU",
+                name: "% children with  HVL tests < 1000 copies/mL",
+                type: "customFunction",
+                label: "% children with  HVL tests < 1000 copies/mL",
+                weight: 100,
+                legends: [
+                  {
+                    id: "Qj7kJibCyu4",
+                    endValue: 100,
+                    startValue: "94",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "SqOWUnm4lno",
+                    endValue: "94",
+                    startValue: "79",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "VLPCRzM69xJ",
+                    endValue: "79",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          },
+          {
+            id: 5,
+            dataSources: [
+              {
+                id: "jEGIBmPhEEK",
+                name: "% of children initiated ART within 7 days",
+                type: "customFunction",
+                label: "% of children initiated ART within 7 days",
+                weight: 100,
+                legends: [
+                  {
+                    id: "LfhMUJjUYti",
+                    endValue: "-",
+                    startValue: "97",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "edU1iXxAX9Z",
+                    endValue: "97",
+                    startValue: "84",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "bXd2d5Vsdwn",
+                    endValue: "84",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          },
+          {
+            id: 2,
+            dataSources: [
+              {
+                id: "FeW7SL5GuOR",
+                name: "% of children screened for TB",
+                type: "customFunction",
+                label: "% of children screened for TB",
+                weight: 100,
+                legends: [
+                  {
+                    id: "ReVDVNbTs5e",
+                    endValue: "-",
+                    startValue: "94",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "ZWdPRzqTmew",
+                    endValue: "94",
+                    startValue: "79",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "PoeevSi8XRQ",
+                    endValue: "79",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          },
+          {
+            id: 27,
+            dataSources: [
+              {
+                id: "cFljxyUNM1J",
+                name: "% of children dispensed 3 months ARVs",
+                type: "customFunction",
+                label: "% of children dispensed 3 months ARVs",
+                weight: 100,
+                legends: [
+                  {
+                    id: "YVF1WWC3y8r",
+                    endValue: "-",
+                    startValue: "79",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "frmDM5JBqGd",
+                    endValue: "79",
+                    startValue: "69",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "ODHJdmbS4qn",
+                    endValue: "69",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          }
+        ]
+      },
+      {
+        id: 2,
+        style: {
+          color: "#000000",
+          backgroundColor: "#ffffff"
+        },
+        title: "Adolescents (10-19 Years)",
+        dataHolders: [
+          {
+            id: 19,
+            dataSources: [
+              {
+                id: "uYxyQJZC75P",
+                name: "Proportion of Adolescent knowing HIV Status",
+                type: "customFunction",
+                label: "Proportion of Adolescent knowing HIV Status",
+                weight: 100,
+                legends: [
+                  {
+                    id: "pNc1EYpMBYb",
+                    endValue: "-",
+                    startValue: "94",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "nWz2xKgBamK",
+                    endValue: "94",
+                    startValue: "79",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "pE0d0pgG2Sh",
+                    endValue: "79",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          },
+          {
+            id: 16,
+            dataSources: [
+              {
+                id: "ZkCW7fqvsvy",
+                name: "% of Adolescent who are on  ART",
+                type: "customFunction",
+                label: "% of Adolescent who are on  ART",
+                weight: 100,
+                legends: [
+                  {
+                    id: "Ux204RVn0Qm",
+                    endValue: "-",
+                    startValue: "94",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "Aormlo8t3fv",
+                    endValue: "94",
+                    startValue: "79",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "Nz5ZNbnMMIV",
+                    endValue: "79",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          },
+          {
+            id: 8,
+            dataSources: [
+              {
+                id: "eyiLj3lv6cW",
+                name: "% Adolescent with  HVL tests < 1000 copies/mL",
+                type: "customFunction",
+                label: "% Adolescent with  HVL tests < 1000 copies/mL",
+                weight: 100,
+                legends: [
+                  {
+                    id: "SARZtkvaBix",
+                    endValue: "-",
+                    startValue: "94",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "txh985aZM0k",
+                    endValue: "94",
+                    startValue: "79",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "yoveVKWINCJ",
+                    endValue: "79",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          },
+          {
+            id: 6,
+            dataSources: [
+              {
+                id: "V45fiUhHi5I",
+                name: "% of Adolescent initiated ART within 7 days",
+                type: "customFunction",
+                label: "% of Adolescent initiated ART within 7 days",
+                weight: 100,
+                legends: [
+                  {
+                    id: "lJ6cJPmFX1o",
+                    endValue: "-",
+                    startValue: "97",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "qP7Nrpv0RYV",
+                    endValue: "97",
+                    startValue: "84",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "hDgBzaw9ao2",
+                    endValue: "84",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          },
+          {
+            id: 4,
+            dataSources: [
+              {
+                id: "apGNvWVPjdD",
+                name: "% Adolescent screened for TB",
+                type: "customFunction",
+                label: "% Adolescent screened for TB",
+                weight: 100,
+                legends: [
+                  {
+                    id: "Zel8b8MskEJ",
+                    endValue: "-",
+                    startValue: "94",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "TTPQnNKTqY4",
+                    endValue: "94",
+                    startValue: "79",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "teysd5btMXI",
+                    endValue: "79",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          },
+          {
+            id: 26,
+            dataSources: [
+              {
+                id: "SLMGdkRqQJQ",
+                name: "% of adolescent dispensed 3 months ARVs",
+                type: "customFunction",
+                label: "% of adolescent dispensed 3 months ARVs",
+                weight: 100,
+                legends: [
+                  {
+                    id: "Gt8y7k8YB0P",
+                    endValue: "-",
+                    startValue: "79",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "CxRB3bBUM6S",
+                    endValue: "79",
+                    startValue: "69",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "enUy3TXKOCY",
+                    endValue: "69",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          }
+        ]
+      },
+      {
+        id: 4,
+        style: {
+          color: "#000000",
+          backgroundColor: "#ffffff"
+        },
+        title: "Youth (15-24 years)",
+        dataHolders: [
+          {
+            id: 29,
+            dataSources: [
+              {
+                id: "GTn4oYrnpSf",
+                name: "Proportion of youth knowing HIV Status",
+                type: "customFunction",
+                label: "Proportion of youth knowing HIV Status",
+                weight: 100,
+                legends: [
+                  {
+                    id: "KCpQiMQ6Xwy",
+                    endValue: "-",
+                    startValue: "94",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "sMyIGfUuKtl",
+                    endValue: "94",
+                    startValue: "79",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "Mt7awKnicq5",
+                    endValue: "79",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          },
+          {
+            id: 21,
+            dataSources: [
+              {
+                id: "vjcbzF7Xb4e",
+                name: "% of Youth who are on  ART",
+                type: "customFunction",
+                label: "% of Youth who are on  ART",
+                weight: 100,
+                legends: [
+                  {
+                    id: "q47yVLbjJli",
+                    endValue: "-",
+                    startValue: "94",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "oh9ZcL4Qof4",
+                    endValue: "94",
+                    startValue: "79",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "nodM5MY5V86",
+                    endValue: "79",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          },
+          {
+            id: 22,
+            dataSources: [
+              {
+                id: "v1tiAysZvsG",
+                name: "% of youth with  VL tests < 1000 copies/mL",
+                type: "customFunction",
+                label: "% of youth with  VL tests < 1000 copies/mL",
+                weight: 100,
+                legends: [
+                  {
+                    id: "V0M7jjMoQQ4",
+                    endValue: "-",
+                    startValue: "94",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "RKzIuDtKgUD",
+                    endValue: "94",
+                    startValue: "79",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "IFB9yHATD62",
+                    endValue: "79",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          },
+          {
+            id: 23,
+            dataSources: [
+              {
+                id: "fbR5IKAROdW",
+                name: "% of youth initiated on ART within 7 days",
+                type: "customFunction",
+                label: "% of youth initiated on ART within 7 days",
+                weight: 100,
+                legends: [
+                  {
+                    id: "wRz5KfLvT3s",
+                    endValue: "-",
+                    startValue: "97",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "RJ0qeY9jClT",
+                    endValue: "97",
+                    startValue: "84",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "OZ1QA11qkm4",
+                    endValue: "84",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          },
+          {
+            id: 24,
+            dataSources: [
+              {
+                id: "iWivT3AD9xf",
+                name: "% of youth screened for TB",
+                type: "customFunction",
+                label: "% of youth screened for TB",
+                weight: 100,
+                legends: [
+                  {
+                    id: "wAflNuY7yMg",
+                    endValue: "-",
+                    startValue: "94",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "vCLABA0Xqhr",
+                    endValue: "94",
+                    startValue: "79",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "BTT2lrVjh4o",
+                    endValue: "79",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          },
+          {
+            id: 25,
+            dataSources: [
+              {
+                id: "gJAAd40LS1n",
+                name: "% of youth dispensed 3 months ARVs",
+                type: "customFunction",
+                label: "% of youth dispensed 3 months ARVs",
+                weight: 100,
+                legends: [
+                  {
+                    id: "gTeRmLEdzJL",
+                    endValue: "-",
+                    startValue: "79",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "P4bGlXE4BkO",
+                    endValue: "79",
+                    startValue: "69",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "pNOvvh4V641",
+                    endValue: "69",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          },
+          {
+            id: 28,
+            dataSources: [
+              {
+                id: "OMsCcpxndJs",
+                name: "% of youth screened positive for STI and linked to HIV counselling and testing services",
+                type: "customFunction",
+                label: "% of youth screened positive for STI and linked to HIV counselling and testing services",
+                weight: 100,
+                legends: [
+                  {
+                    id: "cPgHZPyV1ss",
+                    endValue: "-",
+                    startValue: "94",
+                    legendDefinitionId: "#008000"
+                  },
+                  {
+                    id: "tDsYUAt8fGj",
+                    endValue: "94",
+                    startValue: "79",
+                    legendDefinitionId: "#FFFF00"
+                  },
+                  {
+                    id: "VqA5f7RNc99",
+                    endValue: "79",
+                    startValue: "0",
+                    legendDefinitionId: "#FF0000"
+                  }
+                ],
+                highIsGood: true,
+                showColors: true,
+                effectiveGap: 5,
+                displayArrows: true
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  targetOnLevels: false,
+  periodSelection: {
+    type: "RelativeQuarter",
+    periods: [
+      {
+        id: "LAST_QUARTER",
+        name: "Last Quarter"
+      }
+    ]
+  },
+  additionalLabels: [],
+  orgUnitSelection: {
+    groups: [],
+    levels: [],
+    orgUnits: [
+      {
+        id: "m0frOspS7JY"
+      }
+    ],
+    userOrgUnit: false,
+    userSubUnit: false,
+    userSubX2Unit: false
+  },
+  legendDefinitions: [
+    {
+      id: "#008000",
+      name: "Target achieved / on track",
+      color: "#008000"
+    },
+    {
+      id: "#FFFF00",
+      name: "Progress, but more effort required",
+      color: "#FFFF00"
+    },
+    {
+      id: "#FF0000",
+      name: "Not on track",
+      color: "#FF0000"
+    },
+    {
+      id: "N/A",
+      name: "N/A",
+      color: "#D3D3D3",
+      isDefault: true
+    },
+    {
+      id: "No data",
+      name: "No data",
+      color: "#FFFFFF",
+      isDefault: true
+    }
+  ],
+  userGroupAccesses: [
+    {
+      id: "yeLkdx7xMIj",
+      type: "userGroup",
+      access: "r-----",
+      displayName: "NACP Group"
+    }
+  ],
+  highlightedIndicators: []
+};
 const config = {
   additionalLabels: ["Data label"],
   customHeader: "<p>W</p>\n",
@@ -392,46 +1314,68 @@ const meta = {
   title: "Scorecard",
   component: Scorecard,
   decorators: (Story, context) => {
-    const form = useForm({
-      defaultValues: {
-        options: {
-          ...config.options,
-          averageRow: true,
-          averageColumn: true,
-          arrows: true,
-          averageDisplayType: "ALL"
+    const form = useForm({});
+    return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          maxWidth: 1400,
+          maxHeight: "60vh"
         },
-        orgUnitSelection: config.orgUnitSelection,
-        periodSelection: {
-          ...config.periodSelection
-        }
+        children: [
+          /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 16 }, children: /* @__PURE__ */ jsx(
+            RHFCheckboxField,
+            {
+              label: i18n.t("Show data in rows"),
+              name: "options.showDataInRows"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Controller,
+            {
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsx(
+                  ScorecardContext,
+                  {
+                    initialState: {
+                      options: {
+                        ...hmisConfig.options,
+                        averageRow: true,
+                        averageColumn: true,
+                        arrows: true,
+                        averageDisplayType: "ALL",
+                        itemNumber: false
+                      },
+                      orgUnitSelection: {
+                        ...hmisConfig.orgUnitSelection
+                      },
+                      periodSelection: {
+                        ...hmisConfig.periodSelection
+                      }
+                    },
+                    config: hmisConfig,
+                    children: /* @__PURE__ */ jsx(
+                      Story,
+                      {
+                        args: {
+                          ...context.args,
+                          tableProps: {
+                            scrollHeight: "800px",
+                            scrollWidth: "1400px",
+                            width: "800px"
+                          }
+                        }
+                      }
+                    )
+                  }
+                );
+              },
+              name: "options"
+            }
+          )
+        ]
       }
-    });
-    return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxs("div", { style: { maxWidth: 1400, overflowX: "auto" }, children: [
-      /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 16 }, children: /* @__PURE__ */ jsx(
-        RHFCheckboxField,
-        {
-          label: i18n.t("Show data in rows"),
-          name: "options.showDataInRows"
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        Controller,
-        {
-          render: ({ field }) => {
-            return /* @__PURE__ */ jsx(
-              ScorecardContext,
-              {
-                initialState: form.getValues(),
-                config,
-                children: /* @__PURE__ */ jsx(Story, { args: { ...context.args } })
-              }
-            );
-          },
-          name: "options"
-        }
-      )
-    ] }) });
+    ) });
   }
 };
 var Scorecard_stories_default = meta;