@hisptz/dhis2-analytics 2.0.32 → 2.0.33

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

@@ -1,11 +1,13 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Scorecard } from './Scorecard';
-import { useState } from 'react';
 import { ScorecardContext } from './components';
+import { useForm, FormProvider, Controller } from 'react-hook-form';
+import { RHFCheckboxField } from '@hisptz/dhis2-ui';
+import i18n from '@dhis2/d2-i18n';
 
 const config = {
-  additionalLabels: ["Source: HMIS"],
-  customHeader: '<p style="text-align:center"><span style="font-size:20px"><strong>MINISTRY OF&nbsp;HEALTH - TRAINING LAND LEAGUE TABLE</strong></span></p>\n',
+  additionalLabels: ["Data label"],
+  customHeader: "<p>W</p>\n",
   dataSelection: {
     dataGroups: [
       {
@@ -16,34 +18,35 @@ const config = {
                 displayArrows: true,
                 effectiveGap: 5,
                 highIsGood: true,
-                id: "UT1DJmtzyox",
-                label: "RMNCH ANC 1st visit coverage (%)",
+                id: "EzE8xZ31zfC",
+                label: "Availability of Vaccines: BCG (no stockout)",
                 legends: [
                   {
                     endValue: 100,
-                    id: "I5BZ2BJgAWR",
+                    id: "XWUMmCmeM6o",
                     legendDefinitionId: "#008000",
-                    startValue: 90
+                    startValue: 80
                   },
                   {
-                    endValue: 89,
-                    id: "MKHqqxZBjcv",
+                    endValue: 80,
+                    id: "TOey7YmIgVW",
                     legendDefinitionId: "#FFFF00",
-                    startValue: 60
+                    startValue: 34
                   },
                   {
-                    endValue: 59,
-                    id: "RCOGuO5LeYu",
+                    endValue: 34,
+                    id: "PeTnkJSrh0N",
                     legendDefinitionId: "#FF0000",
                     startValue: 1
                   }
                 ],
+                name: "Availability of Vaccines: BCG (no stockout)",
                 showColors: true,
-                type: "dataElement",
+                type: "indicator",
                 weight: 100
               }
             ],
-            id: 2
+            id: 3
           },
           {
             dataSources: [
@@ -51,34 +54,35 @@ const config = {
                 displayArrows: true,
                 effectiveGap: 5,
                 highIsGood: true,
-                id: "FgNnsRgCs8r",
-                label: "RMNCH ANC 4th visit coverage (%)",
+                id: "uNau1zjH08I",
+                label: "Availability of Vaccines DPT  (no stockout)",
                 legends: [
                   {
                     endValue: 100,
-                    id: "oZiSVtfDApy",
+                    id: "BwTObmlCQJ9",
                     legendDefinitionId: "#008000",
                     startValue: 67
                   },
                   {
                     endValue: 67,
-                    id: "PTB4B0EKJ5p",
+                    id: "VBf0tTk0FAg",
                     legendDefinitionId: "#FFFF00",
                     startValue: 34
                   },
                   {
                     endValue: 34,
-                    id: "dhK8INBS1TU",
+                    id: "Bi2wvoRTFtg",
                     legendDefinitionId: "#FF0000",
                     startValue: 1
                   }
                 ],
+                name: "Availability of Vaccines DPT  (no stockout)",
                 showColors: true,
-                type: "dataElement",
+                type: "indicator",
                 weight: 100
               }
             ],
-            id: 3
+            id: 6
           },
           {
             dataSources: [
@@ -86,79 +90,71 @@ const config = {
                 displayArrows: true,
                 effectiveGap: 5,
                 highIsGood: true,
-                id: "ZNz5XzwJZK5",
-                label: "RMNCH IPTp1 coverage (%)",
+                id: "Dca85UJ7O40",
+                label: "DPT1 coverage",
                 legends: [
                   {
                     endValue: 100,
-                    id: "i9ezGwn5kLo",
+                    id: "uClcTQnvGjo",
                     legendDefinitionId: "#008000",
                     startValue: 67
                   },
                   {
                     endValue: 67,
-                    id: "n6HQIzFrF2P",
+                    id: "VM7MrPcAzVY",
                     legendDefinitionId: "#FFFF00",
                     startValue: 34
                   },
                   {
                     endValue: 34,
-                    id: "KiKLTyhjRzO",
+                    id: "IgXxzTrOdfA",
                     legendDefinitionId: "#FF0000",
                     startValue: 1
                   }
                 ],
+                name: "DPT1 coverage",
                 showColors: true,
-                type: "dataElement",
+                type: "indicator",
                 weight: 100
               }
             ],
-            id: 4
-          }
-        ],
-        id: 1,
-        style: {
-          backgroundColor: "#ffffff",
-          color: "#000000"
-        },
-        title: "Pre-pregnancy and Adolescent"
-      },
-      {
-        dataHolders: [
+            id: 10
+          },
           {
             dataSources: [
               {
                 displayArrows: true,
                 effectiveGap: 5,
                 highIsGood: true,
-                id: "XXDXVGzvSx1",
-                label: "RMNCH Caesarean section delivery rate (%)",
+                id: "YT5UD0H7875",
+                label: "DPT2  Coverage",
                 legends: [
                   {
                     endValue: 100,
-                    id: "PVFLwvAejDZ",
+                    id: "AvNvnIHhPL9",
                     legendDefinitionId: "#008000",
                     startValue: 67
                   },
                   {
                     endValue: 67,
-                    id: "OajujtorQp0",
+                    id: "L6SjYX2Ob7X",
                     legendDefinitionId: "#FFFF00",
                     startValue: 34
                   },
                   {
                     endValue: 34,
-                    id: "zFoQrizRrDn",
+                    id: "FDlibzlPjKa",
                     legendDefinitionId: "#FF0000",
                     startValue: 1
                   }
                 ],
+                name: "DPT2  Coverage",
                 showColors: true,
-                type: "dataElement",
+                type: "indicator",
                 weight: 100
               }
             ],
-            id: 6
+            id: 4
           },
           {
             dataSources: [
@@ -166,79 +162,71 @@ const config = {
                 displayArrows: true,
                 effectiveGap: 5,
                 highIsGood: true,
-                id: "lMRhTK17SDQ",
-                label: "RMNCH Institutional delivery rate (%)",
+                id: "E31SemmmFGb",
+                label: "DPT3 coverage",
                 legends: [
                   {
                     endValue: 100,
-                    id: "QCTXPMwvXcG",
+                    id: "vIzqi9I5U5W",
                     legendDefinitionId: "#008000",
                     startValue: 67
                   },
                   {
                     endValue: 67,
-                    id: "uDNKJ7degpD",
+                    id: "p8iuaIFYrVh",
                     legendDefinitionId: "#FFFF00",
                     startValue: 34
                   },
                   {
                     endValue: 34,
-                    id: "vEkuagPynWT",
+                    id: "IAawVVFlrHW",
                     legendDefinitionId: "#FF0000",
                     startValue: 1
                   }
                 ],
+                name: "DPT3 coverage",
                 showColors: true,
-                type: "dataElement",
+                type: "indicator",
                 weight: 100
               }
             ],
-            id: 7
-          }
-        ],
-        id: 2,
-        style: {
-          backgroundColor: "#ffffff",
-          color: "#000000"
-        },
-        title: "Birth"
-      },
-      {
-        dataHolders: [
+            id: 9
+          },
           {
             dataSources: [
               {
                 displayArrows: true,
                 effectiveGap: 5,
                 highIsGood: true,
-                id: "wc3XYCyuxyE",
-                label: "RMNCH Post partum care coverage (within 2 days) (%)",
+                id: "k7S2WEEZeWO",
+                label: "BCG coverage",
                 legends: [
                   {
                     endValue: 100,
-                    id: "Zsq5xeacKKP",
+                    id: "HTxdj0lqOni",
                     legendDefinitionId: "#008000",
                     startValue: 67
                   },
                   {
                     endValue: 67,
-                    id: "DTjcKbqlrwW",
+                    id: "QDRGsOkTFRo",
                     legendDefinitionId: "#FFFF00",
                     startValue: 34
                   },
                   {
                     endValue: 34,
-                    id: "WkkPAl4072e",
+                    id: "ijCUM3ePjXe",
                     legendDefinitionId: "#FF0000",
                     startValue: 1
                   }
                 ],
+                name: "BCG coverage",
                 showColors: true,
-                type: "dataElement",
+                type: "indicator",
                 weight: 100
               }
             ],
-            id: 9
+            id: 5
           },
           {
             dataSources: [
@@ -246,176 +234,90 @@ const config = {
                 displayArrows: true,
                 effectiveGap: 5,
                 highIsGood: true,
-                id: "NV6Xc9oGJZV",
-                label: "RMNCH Breastfeeding within 1 hour after delivery (%)",
+                id: "wpgvPjYTBba",
+                label: "MCV1 Coverage",
                 legends: [
                   {
                     endValue: 100,
-                    id: "JKP7KkWrHpL",
+                    id: "cORYIx7oEkM",
                     legendDefinitionId: "#008000",
-                    startValue: 67
+                    startValue: 80
                   },
                   {
-                    endValue: 67,
-                    id: "Y1AjMBjzqHG",
+                    endValue: 80,
+                    id: "yCulcK3litW",
                     legendDefinitionId: "#FFFF00",
                     startValue: 34
                   },
                   {
                     endValue: 34,
-                    id: "TA9loBqAQ9Z",
+                    id: "uHU6IMpweu1",
                     legendDefinitionId: "#FF0000",
                     startValue: 1
                   }
                 ],
+                name: "MCV1 Coverage",
                 showColors: true,
-                type: "dataElement",
+                type: "indicator",
                 weight: 100
               }
             ],
-            id: 10
-          }
-        ],
-        id: 3,
-        style: {
-          backgroundColor: "#ffffff",
-          color: "#000000"
-        },
-        title: "PNC"
-      },
-      {
-        dataHolders: [
+            id: 8
+          },
           {
             dataSources: [
               {
                 displayArrows: true,
                 effectiveGap: 5,
                 highIsGood: true,
-                id: "S0IzYPGQLnN",
-                label: "RMNCH PCV 3 coverage (%)",
+                id: "TGFBdsVUobf",
+                label: "Fully Immunized",
                 legends: [
                   {
                     endValue: 100,
-                    id: "vbm5zkCvcqV",
+                    id: "aGVS5sqcRd4",
                     legendDefinitionId: "#008000",
                     startValue: 67
                   },
                   {
                     endValue: 67,
-                    id: "VKBCVl5hkxd",
+                    id: "EKIY64Ferh3",
                     legendDefinitionId: "#FFFF00",
                     startValue: 34
                   },
                   {
                     endValue: 34,
-                    id: "dKmtdX4VILS",
+                    id: "EfSaPcUQvUA",
                     legendDefinitionId: "#FF0000",
                     startValue: 1
                   }
                 ],
-                showColors: true,
-                type: "dataElement",
-                weight: 100
-              }
-            ],
-            id: 12
-          }
-        ],
-        id: 4,
-        style: {
-          backgroundColor: "#ffffff",
-          color: "#000000"
-        },
-        title: "Childhood"
-      },
-      {
-        dataHolders: [
-          {
-            dataSources: [
-              {
-                description: "Proportion of the target population (women of reproductive age) within 5km or 1 hour travel time to the nearest health facility offering FANC",
-                displayArrows: true,
-                effectiveGap: 5,
-                highIsGood: true,
-                id: "BvG8P80QxqZ",
-                label: "Access to ANC Services",
-                legends: [
-                  {
-                    endValue: 33,
-                    id: "Sq1tv5ayiMR",
-                    legendDefinitionId: "#FF0000",
-                    startValue: 0
-                  },
-                  {
-                    endValue: 66,
-                    id: "BHQ7EzH9bsO",
-                    legendDefinitionId: "#FFFF00",
-                    startValue: 33
-                  },
-                  {
-                    endValue: 100,
-                    id: "WpBcBEAdp6B",
-                    legendDefinitionId: "#268626",
-                    startValue: 66
-                  }
-                ],
+                name: "Fully Immunized",
                 showColors: true,
                 type: "indicator",
                 weight: 100
               }
             ],
-            id: "OMnbH67xuWf"
+            id: 7
           }
         ],
-        id: "X1VTte1BgD0",
+        id: 1,
         style: {
-          backgroundColor: "#FFFFFF",
+          backgroundColor: "#ffffff",
           color: "#000000"
         },
-        title: "ANC"
+        title: "Default"
       }
     ]
   },
-  description: "Animal Region Reproductive Mother Newborn Child Adolescent Health Score Card",
-  highlightedIndicators: [
-    {
-      description: "Proportion of the target population (women of reproductive age) within 5km or 1 hour travel time to the nearest health facility offering FANC",
-      displayArrows: true,
-      effectiveGap: 5,
-      highIsGood: true,
-      id: "BvG8P80QxqZ",
-      label: "Access to ANC Services",
-      legends: [
-        {
-          endValue: 33,
-          id: "XG1msX1XDCF",
-          legendDefinitionId: "#FF0000",
-          startValue: 0
-        },
-        {
-          endValue: 66,
-          id: "PwWQxx0iVrw",
-          legendDefinitionId: "#FFFF00",
-          startValue: 33
-        },
-        {
-          endValue: 100,
-          id: "Ilaj6l1Wcbk",
-          legendDefinitionId: "#268626",
-          startValue: 66
-        }
-      ],
-      showColors: true,
-      type: "indicator",
-      weight: 100
-    }
-  ],
-  id: "b9p4p2eLEgS",
+  description: "Immunization scorecard",
+  highlightedIndicators: [],
+  id: "VQ4ipFr7YHx",
   legendDefinitions: [
     {
-      color: "#268626",
-      id: "#268626",
-      name: "Meta Alcancada"
+      color: "#008000",
+      id: "#008000",
+      name: "Target achieved / on track"
     },
     {
       color: "#FFFF00",
@@ -441,613 +343,14 @@ const config = {
     }
   ],
   options: {
-    averageColumn: true,
-    averageDisplayType: "ALL",
-    averageRow: true,
-    emptyRows: true,
-    highlightedIndicators: false,
-    itemNumber: true,
-    legend: true,
-    showHierarchy: false,
-    title: true,
-    showDataInRows: false,
-    arrows: true,
-    disableExpanding: false
-  },
-  orgUnitSelection: {
-    groups: [],
-    levels: [],
-    orgUnits: [],
-    userOrgUnit: true,
-    userSubUnit: true,
-    userSubX2Unit: true
-  },
-  periodSelection: {
-    periods: ["201811", "201809", "201810"].map((id) => ({ id })),
-    type: "Monthly"
-  },
-  subtitle: "",
-  title: "League Table: RMNCAH"
-};
-const linkedConfig = {
-  additionalLabels: [],
-  customHeader: '<p style="text-align: center;"><strong><span style="font-size: 14pt;">Reproductive Mother Newborn Child Adolescent Health Scorecard</span></strong></p>',
-  dataSelection: {
-    dataGroups: [
-      {
-        dataHolders: [
-          {
-            dataSources: [
-              {
-                displayArrows: true,
-                effectiveGap: 5,
-                highIsGood: true,
-                id: "UT1DJmtzyox",
-                label: "ANC 1st visit coverage (%)",
-                legends: {
-                  BNQIkbGlA00: [
-                    {
-                      endValue: "100",
-                      id: "KpYHhHJn6TW",
-                      legendDefinitionId: "Hp7RQEOkeeI",
-                      startValue: "66"
-                    },
-                    {
-                      endValue: "66",
-                      id: "D7p3mOofXV5",
-                      legendDefinitionId: "Tdn0N0KCkfS",
-                      startValue: "33"
-                    },
-                    {
-                      endValue: "33",
-                      id: "h53u0qtfWrm",
-                      legendDefinitionId: "wvkMv3ABWbT",
-                      startValue: "0"
-                    }
-                  ],
-                  P0QFTFfTl2X: [
-                    {
-                      endValue: "100",
-                      id: "Gu1MEoKBM9z",
-                      legendDefinitionId: "Hp7RQEOkeeI",
-                      startValue: "66"
-                    },
-                    {
-                      endValue: "66",
-                      id: "Ov1gJoUyWGA",
-                      legendDefinitionId: "Tdn0N0KCkfS",
-                      startValue: "33"
-                    },
-                    {
-                      endValue: "33",
-                      id: "kdr4mFvCXeF",
-                      legendDefinitionId: "wvkMv3ABWbT",
-                      startValue: "0"
-                    }
-                  ],
-                  VJJOhuBJSJe: [
-                    {
-                      endValue: "100",
-                      id: "ZRel5tdDTxP",
-                      legendDefinitionId: "Hp7RQEOkeeI",
-                      startValue: "66"
-                    },
-                    {
-                      endValue: "66",
-                      id: "ZdkqaQjk4dy",
-                      legendDefinitionId: "Tdn0N0KCkfS",
-                      startValue: "33"
-                    },
-                    {
-                      endValue: "33",
-                      id: "yHqYRGJTuZ7",
-                      legendDefinitionId: "wvkMv3ABWbT",
-                      startValue: "0"
-                    }
-                  ],
-                  ZqI1kKnH7ve: [
-                    {
-                      endValue: "100",
-                      id: "M8SRVFU7qaJ",
-                      legendDefinitionId: "Hp7RQEOkeeI",
-                      startValue: "66"
-                    },
-                    {
-                      endValue: "66",
-                      id: "t0kMCebyKa3",
-                      legendDefinitionId: "Tdn0N0KCkfS",
-                      startValue: "33"
-                    },
-                    {
-                      endValue: "33",
-                      id: "qQWheNiAv5H",
-                      legendDefinitionId: "wvkMv3ABWbT",
-                      startValue: "0"
-                    }
-                  ]
-                },
-                showColors: true,
-                type: "dataElement",
-                weight: 100
-              },
-              {
-                displayArrows: true,
-                effectiveGap: 5,
-                highIsGood: true,
-                id: "FgNnsRgCs8r",
-                label: "ANC 4th visit coverage (%)",
-                legends: {
-                  BNQIkbGlA00: [
-                    {
-                      endValue: "100",
-                      id: "XMzI6YTRjnh",
-                      legendDefinitionId: "Hp7RQEOkeeI",
-                      startValue: "66"
-                    },
-                    {
-                      endValue: "66",
-                      id: "XaSA3Wbd8ev",
-                      legendDefinitionId: "Tdn0N0KCkfS",
-                      startValue: "33"
-                    },
-                    {
-                      endValue: "33",
-                      id: "zTVnWeobd1W",
-                      legendDefinitionId: "wvkMv3ABWbT",
-                      startValue: "0"
-                    }
-                  ],
-                  P0QFTFfTl2X: [
-                    {
-                      endValue: "100",
-                      id: "uMqW1iTVZbk",
-                      legendDefinitionId: "Hp7RQEOkeeI",
-                      startValue: "66"
-                    },
-                    {
-                      endValue: "66",
-                      id: "KF017pCID2N",
-                      legendDefinitionId: "Tdn0N0KCkfS",
-                      startValue: "33"
-                    },
-                    {
-                      endValue: "33",
-                      id: "L3PNXKkZlKn",
-                      legendDefinitionId: "wvkMv3ABWbT",
-                      startValue: "0"
-                    }
-                  ],
-                  VJJOhuBJSJe: [
-                    {
-                      endValue: "100",
-                      id: "lpPPAVPWAHa",
-                      legendDefinitionId: "Hp7RQEOkeeI",
-                      startValue: "66"
-                    },
-                    {
-                      endValue: "66",
-                      id: "qtzhYa0YOZe",
-                      legendDefinitionId: "Tdn0N0KCkfS",
-                      startValue: "33"
-                    },
-                    {
-                      endValue: "33",
-                      id: "rcPPIBAegMP",
-                      legendDefinitionId: "wvkMv3ABWbT",
-                      startValue: "0"
-                    }
-                  ],
-                  ZqI1kKnH7ve: [
-                    {
-                      endValue: "100",
-                      id: "w31XD1NVKYc",
-                      legendDefinitionId: "Hp7RQEOkeeI",
-                      startValue: "66"
-                    },
-                    {
-                      endValue: "66",
-                      id: "Yka97h8Gp5S",
-                      legendDefinitionId: "Tdn0N0KCkfS",
-                      startValue: "33"
-                    },
-                    {
-                      endValue: "33",
-                      id: "rq5CQddHPzj",
-                      legendDefinitionId: "wvkMv3ABWbT",
-                      startValue: "0"
-                    }
-                  ]
-                },
-                showColors: true,
-                type: "dataElement",
-                weight: 100
-              }
-            ],
-            id: "kJx1Eg83H1A"
-          }
-        ],
-        id: "uRgQI4ArrDc",
-        style: {
-          backgroundColor: "#FFFFFF",
-          color: "#000000"
-        },
-        title: "ANC"
-      },
-      {
-        dataHolders: [
-          {
-            dataSources: [
-              {
-                displayArrows: true,
-                effectiveGap: 5,
-                highIsGood: true,
-                id: "S0IzYPGQLnN",
-                label: "PCV 3 coverage (%)",
-                legends: [
-                  {
-                    endValue: "100",
-                    id: "bnLSP7FW4CD",
-                    legendDefinitionId: "Hp7RQEOkeeI",
-                    startValue: "66"
-                  },
-                  {
-                    endValue: "66",
-                    id: "eIQjXQYMwYF",
-                    legendDefinitionId: "Tdn0N0KCkfS",
-                    startValue: "33"
-                  },
-                  {
-                    endValue: "33",
-                    id: "eeXyZVN0FCX",
-                    legendDefinitionId: "wvkMv3ABWbT",
-                    startValue: "0"
-                  }
-                ],
-                showColors: true,
-                type: "dataElement",
-                weight: 100
-              },
-              {
-                displayArrows: true,
-                effectiveGap: 5,
-                highIsGood: true,
-                id: "ZNz5XzwJZK5",
-                label: "RMNCH IPTp1 coverage (%)",
-                legends: [
-                  {
-                    endValue: "100",
-                    id: "M3O2zlFt2QR",
-                    legendDefinitionId: "Hp7RQEOkeeI",
-                    startValue: "66"
-                  },
-                  {
-                    endValue: "66",
-                    id: "XrYIKCaK5uO",
-                    legendDefinitionId: "Tdn0N0KCkfS",
-                    startValue: "33"
-                  },
-                  {
-                    endValue: "33",
-                    id: "yAfwEbfXWab",
-                    legendDefinitionId: "wvkMv3ABWbT",
-                    startValue: "0"
-                  }
-                ],
-                showColors: true,
-                type: "dataElement",
-                weight: 100
-              }
-            ],
-            id: "kfl50Ej7lDu"
-          }
-        ],
-        id: "QcZw8mJ1Rze",
-        style: {
-          backgroundColor: "#FFFFFF",
-          color: "#000000"
-        },
-        title: "Child Health"
-      },
-      {
-        dataHolders: [
-          {
-            dataSources: [
-              {
-                displayArrows: true,
-                effectiveGap: 5,
-                highIsGood: true,
-                id: "wc3XYCyuxyE",
-                label: "Post partum care coverage (within 2 days) (%)",
-                legends: [
-                  {
-                    endValue: "100",
-                    id: "b3UiR0upygY",
-                    legendDefinitionId: "Hp7RQEOkeeI",
-                    startValue: "66"
-                  },
-                  {
-                    endValue: "66",
-                    id: "Qws2zJ6nnhO",
-                    legendDefinitionId: "Tdn0N0KCkfS",
-                    startValue: "33"
-                  },
-                  {
-                    endValue: "33",
-                    id: "EjYfDZUMrvh",
-                    legendDefinitionId: "wvkMv3ABWbT",
-                    startValue: "0"
-                  }
-                ],
-                showColors: true,
-                type: "dataElement",
-                weight: 100
-              },
-              {
-                displayArrows: true,
-                effectiveGap: 5,
-                highIsGood: true,
-                id: "NV6Xc9oGJZV",
-                label: "Breastfeeding within 1 hour after delivery (%)",
-                legends: [
-                  {
-                    endValue: "100",
-                    id: "wqt6J8rW5Gg",
-                    legendDefinitionId: "Hp7RQEOkeeI",
-                    startValue: "66"
-                  },
-                  {
-                    endValue: "66",
-                    id: "BoXJK9Y7xfL",
-                    legendDefinitionId: "Tdn0N0KCkfS",
-                    startValue: "33"
-                  },
-                  {
-                    endValue: "33",
-                    id: "leioF1u23By",
-                    legendDefinitionId: "wvkMv3ABWbT",
-                    startValue: "0"
-                  }
-                ],
-                showColors: true,
-                type: "dataElement",
-                weight: 100
-              }
-            ],
-            id: "w8XIm3FYgHf"
-          }
-        ],
-        id: "UVvskRg3Q3O",
-        style: {
-          backgroundColor: "#FFFFFF",
-          color: "#000000"
-        },
-        title: "PNC"
-      },
-      {
-        dataHolders: [
-          {
-            dataSources: [
-              {
-                displayArrows: true,
-                effectiveGap: 5,
-                highIsGood: true,
-                id: "XXDXVGzvSx1",
-                label: "Caesarean section delivery rate (%)",
-                legends: [
-                  {
-                    endValue: "100",
-                    id: "nYuMTV2paEd",
-                    legendDefinitionId: "Hp7RQEOkeeI",
-                    startValue: "66"
-                  },
-                  {
-                    endValue: "66",
-                    id: "iRmHVCt9uCF",
-                    legendDefinitionId: "Tdn0N0KCkfS",
-                    startValue: "33"
-                  },
-                  {
-                    endValue: "33",
-                    id: "oZC6QPZ7AAS",
-                    legendDefinitionId: "wvkMv3ABWbT",
-                    startValue: "0"
-                  }
-                ],
-                showColors: true,
-                type: "dataElement",
-                weight: 100
-              },
-              {
-                displayArrows: true,
-                effectiveGap: 5,
-                highIsGood: true,
-                id: "lMRhTK17SDQ",
-                label: "Institutional delivery rate (%)",
-                legends: {
-                  BNQIkbGlA00: [
-                    {
-                      endValue: "100",
-                      id: "mOYx4YWdhVl",
-                      legendDefinitionId: "Hp7RQEOkeeI",
-                      startValue: "66"
-                    },
-                    {
-                      endValue: "66",
-                      id: "gxG34EbioX8",
-                      legendDefinitionId: "Tdn0N0KCkfS",
-                      startValue: "33"
-                    },
-                    {
-                      endValue: "33",
-                      id: "MBAKh3ZG2dK",
-                      legendDefinitionId: "wvkMv3ABWbT",
-                      startValue: "0"
-                    }
-                  ],
-                  P0QFTFfTl2X: [
-                    {
-                      endValue: "100",
-                      id: "MmQldQ7jgAH",
-                      legendDefinitionId: "Hp7RQEOkeeI",
-                      startValue: "66"
-                    },
-                    {
-                      endValue: "66",
-                      id: "WF1kso6rvDr",
-                      legendDefinitionId: "Tdn0N0KCkfS",
-                      startValue: "33"
-                    },
-                    {
-                      endValue: "33",
-                      id: "JcaFJoC6kNi",
-                      legendDefinitionId: "wvkMv3ABWbT",
-                      startValue: "0"
-                    }
-                  ],
-                  VJJOhuBJSJe: [
-                    {
-                      endValue: "100",
-                      id: "L07Gb3JDHVS",
-                      legendDefinitionId: "Hp7RQEOkeeI",
-                      startValue: "66"
-                    },
-                    {
-                      endValue: "66",
-                      id: "jZ9fu7sOQDr",
-                      legendDefinitionId: "Tdn0N0KCkfS",
-                      startValue: "33"
-                    },
-                    {
-                      endValue: "33",
-                      id: "EoTSwqHRfZV",
-                      legendDefinitionId: "wvkMv3ABWbT",
-                      startValue: "0"
-                    }
-                  ],
-                  ZqI1kKnH7ve: [
-                    {
-                      endValue: "100",
-                      id: "CO0eiIoCRty",
-                      legendDefinitionId: "Hp7RQEOkeeI",
-                      startValue: "66"
-                    },
-                    {
-                      endValue: "66",
-                      id: "YWySiVblPtQ",
-                      legendDefinitionId: "Tdn0N0KCkfS",
-                      startValue: "33"
-                    },
-                    {
-                      endValue: "33",
-                      id: "paJxvmioynV",
-                      legendDefinitionId: "wvkMv3ABWbT",
-                      startValue: "0"
-                    }
-                  ]
-                },
-                showColors: true,
-                type: "dataElement",
-                weight: 100
-              }
-            ],
-            id: "yZsI8HZOKab"
-          }
-        ],
-        id: "erF3HyaFtYs",
-        style: {
-          backgroundColor: "#FFFFFF",
-          color: "#000000"
-        },
-        title: "Birth"
-      }
-    ]
-  },
-  description: "Reproductive Mother Newborn Child Adolescent Health Score Card",
-  highlightedIndicators: [
-    {
-      displayArrows: true,
-      effectiveGap: 5,
-      highIsGood: true,
-      id: "BvG8P80QxqZ",
-      label: "Access to ANC Services",
-      legends: [
-        {
-          endValue: "100",
-          id: "gpxLYDFnZmu",
-          legendDefinitionId: "Hp7RQEOkeeI",
-          startValue: "80"
-        },
-        {
-          endValue: "80",
-          id: "nG6xsue9WBm",
-          legendDefinitionId: "Tdn0N0KCkfS",
-          startValue: "60"
-        },
-        {
-          endValue: "60",
-          id: "UeAJV56yLPg",
-          legendDefinitionId: "wvkMv3ABWbT",
-          startValue: "40"
-        },
-        {
-          endValue: "40",
-          id: "Gop7mo2IUdC",
-          legendDefinitionId: "N/A",
-          startValue: "20"
-        },
-        {
-          endValue: "20",
-          id: "RE0ln0cImOf",
-          legendDefinitionId: "No Data",
-          startValue: "0"
-        }
-      ],
-      showColors: true,
-      type: "indicator",
-      weight: 100
-    }
-  ],
-  id: "KKQrggIIOlT",
-  legendDefinitions: [
-    {
-      color: "#008000",
-      id: "Hp7RQEOkeeI",
-      name: "Target Reached/ On Track"
-    },
-    {
-      color: "#FFFF00",
-      id: "Tdn0N0KCkfS",
-      name: "Progress, but more effort required"
-    },
-    {
-      color: "#FF0000",
-      id: "wvkMv3ABWbT",
-      name: "Not on track"
-    },
-    {
-      color: "#D3D3D3",
-      id: "N/A",
-      isDefault: true,
-      name: "N/A"
-    },
-    {
-      color: "#FFFFFF",
-      id: "No Data",
-      isDefault: true,
-      name: "No Data"
-    }
-  ],
-  options: {
-    arrows: true,
     averageColumn: false,
     averageDisplayType: "ALL",
     averageRow: false,
-    emptyRows: false,
+    emptyRows: true,
     highlightedIndicators: false,
     itemNumber: true,
     legend: true,
-    showDataInRows: false,
-    showHierarchy: true,
+    showHierarchy: false,
     title: true
   },
   orgUnitSelection: {
@@ -1065,26 +368,70 @@ const linkedConfig = {
   periodSelection: {
     periods: [
       {
-        id: "2018"
+        id: "2018Q2"
       }
-    ]
+    ],
+    type: "Quarterly"
+  },
+  sharing: {
+    external: false,
+    owner: "M5zQapPyTZI",
+    public: "------",
+    userGroups: {
+      ji3bRmgKwkS: {
+        access: "------",
+        id: "ji3bRmgKwkS"
+      }
+    },
+    users: {}
   },
   subtitle: "",
-  title: "RMNCAH Score Card Revised"
+  title: "Immunization scorecard"
 };
 const meta = {
   title: "Scorecard",
   component: Scorecard,
   decorators: (Story, context) => {
-    useState({
-      options: {
-        ...config.options,
-        averageRow: true
-      },
-      orgUnitSelection: config.orgUnitSelection,
-      periodSelection: config.periodSelection
+    const form = useForm({
+      defaultValues: {
+        options: {
+          ...config.options,
+          averageRow: true,
+          averageColumn: true,
+          arrows: true,
+          averageDisplayType: "ALL"
+        },
+        orgUnitSelection: config.orgUnitSelection,
+        periodSelection: {
+          ...config.periodSelection
+        }
+      }
     });
-    return /* @__PURE__ */ jsx("div", { style: { maxWidth: 1400, overflowX: "auto" }, children: /* @__PURE__ */ jsx(ScorecardContext, { config, children: /* @__PURE__ */ jsx(Story, { args: { ...context.args } }) }) });
+    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;
@@ -1092,88 +439,13 @@ const Default = {
   name: "Default View",
   args: {
     config,
-    state: {
-      options: {
-        ...config.options,
-        averageRow: true
-      },
-      orgUnitSelection: config.orgUnitSelection,
-      periodSelection: config.periodSelection
-    }
-  }
-};
-const DataInRows = {
-  name: "Data in rows view",
-  args: {
-    config,
-    state: {
-      options: {
-        ...config.options,
-        showDataInRows: true
-      },
-      orgUnitSelection: config.orgUnitSelection,
-      periodSelection: config.periodSelection
-    }
-  }
-};
-const FilteredAboveAverage = {
-  name: "Filtered above average",
-  args: {
-    config,
-    state: {
-      options: {
-        ...config.options,
-        showDataInRows: true,
-        averageDisplayType: "ABOVE_AVERAGE"
-      },
-      orgUnitSelection: config.orgUnitSelection,
-      periodSelection: config.periodSelection
-    }
-  }
-};
-const FilteredBelowAverage = {
-  name: "Filtered below average",
-  args: {
-    config,
-    state: {
-      options: {
-        ...config.options,
-        showDataInRows: true,
-        averageDisplayType: "BELOW_AVERAGE"
-      },
-      orgUnitSelection: config.orgUnitSelection,
-      periodSelection: config.periodSelection
-    }
-  }
-};
-const WithLinkedCells = {
-  name: "With linked cells",
-  args: {
-    config: linkedConfig,
-    state: {
-      options: {
-        ...config.options
-      },
-      orgUnitSelection: linkedConfig.orgUnitSelection,
-      periodSelection: linkedConfig.periodSelection
-    }
-  }
-};
-const WithLinkedCellsDataInRows = {
-  name: "With linked cells and data in rows",
-  args: {
-    config: linkedConfig,
-    state: {
-      options: {
-        ...config.options,
-        showDataInRows: true
-      },
-      orgUnitSelection: linkedConfig.orgUnitSelection,
-      periodSelection: linkedConfig.periodSelection
+    initialState: {
+      ...config,
+      periodSelection: {}
     }
   }
 };
 
-export { DataInRows, Default, FilteredAboveAverage, FilteredBelowAverage, WithLinkedCells, WithLinkedCellsDataInRows, Scorecard_stories_default as default };
+export { Default, Scorecard_stories_default as default };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=Scorecard.stories.js.map