@hisptz/dhis2-analytics 2.0.14 → 2.0.15

package/dist/components/Scorecard/components/ScorecardTable/ScorecardTable.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Scorecard/components/ScorecardTable/ScorecardTable.module.css"],"sourcesContent":["\n.expandCell > td:first-child {\n    left: auto;\n    top: auto;\n    text-align: left;\n    width: auto;\n    background-color: rgb(243, 245, 247);\n    position: sticky;\n    z-index: 1;\n    padding: 10px 12px;\n}\n"],"mappings":"AACA,CAAC,WAAW,EAAE,EAAE;AACZ,QAAM;AACN,OAAK;AACL,cAAY;AACZ,SAAO;AACP,oBAAkB,IAAI,GAAG,EAAE,GAAG,EAAE;AAChC,YAAU;AACV,WAAS;AACT,WAAS,KAAK;AAClB;","names":[]}

package/dist/components/Scorecard/components/ScorecardTable/components/AverageCell.js

@@ -0,0 +1,102 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@dhis2/ui');
+var lodash = require('lodash');
+var ConfigProvider = require('../../ConfigProvider');
+var react = require('react');
+var legends = require('../../../utils/legends');
+var LinkedCell = require('./LinkedCell');
+
+function SingleAverageCell({
+  dataSource
+}) {
+  const config = ConfigProvider.useScorecardConfig();
+  const legendDefinition = react.useMemo(() => {
+    if (!dataSource) {
+      return;
+    }
+    return legends.getLegend({
+      dataSource,
+      config,
+      value: dataSource.average
+    });
+  }, [dataSource]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.DataTableCell,
+    {
+      bordered: true,
+      style: {
+        background: legendDefinition?.color,
+        textAlign: "center",
+        minWidth: 100,
+        color: legendDefinition ? legends.getTextColorFromBackgroundColor(legendDefinition?.color) : void 0
+      },
+      align: "center",
+      children: /* @__PURE__ */ jsxRuntime.jsx("b", { children: dataSource.average.toString() })
+    }
+  );
+}
+function LinkedAverageCell({
+  dataSources
+}) {
+  const [top, bottom] = dataSources ?? [];
+  const config = ConfigProvider.useScorecardConfig();
+  const topLegendDefinition = react.useMemo(() => {
+    if (!top) {
+      return;
+    }
+    return legends.getLegend({
+      dataSource: top,
+      config,
+      value: top.average
+    });
+  }, [top]);
+  const bottomLegendDefinition = react.useMemo(() => {
+    if (!bottom) {
+      return;
+    }
+    return legends.getLegend({
+      dataSource: bottom,
+      config,
+      value: bottom.average
+    });
+  }, [bottom]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LinkedCell.LinkedCell,
+    {
+      top: {
+        dataSource: {
+          ...top,
+          data: {}
+        },
+        legendDefinition: topLegendDefinition,
+        value: top.average
+      },
+      bottom: {
+        dataSource: { ...bottom, data: {} },
+        legendDefinition: bottomLegendDefinition,
+        value: bottom.average
+      }
+    }
+  );
+}
+function AverageCell(props) {
+  const value = props.getValue();
+  const average = value.average;
+  const dataSources = value?.dataSources;
+  if (!lodash.isEmpty(dataSources)) {
+    if (dataSources.length === 1) {
+      return /* @__PURE__ */ jsxRuntime.jsx(SingleAverageCell, { dataSource: lodash.head(dataSources) });
+    } else {
+      return /* @__PURE__ */ jsxRuntime.jsx(LinkedAverageCell, { dataSources });
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.DataTableCell, { bordered: true, align: "center", children: /* @__PURE__ */ jsxRuntime.jsx("b", { children: average }) }, props.row.id);
+}
+
+exports.AverageCell = AverageCell;
+exports.LinkedAverageCell = LinkedAverageCell;
+exports.SingleAverageCell = SingleAverageCell;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=AverageCell.js.map

package/dist/components/Scorecard/components/ScorecardTable/components/AverageCell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Scorecard/components/ScorecardTable/components/AverageCell.tsx"],"names":[],"mappings":"AA6CG;AAxCH,SAAS,qBAAqB;AAC9B,SAAS,MAAM,eAAe;AAC9B,SAAS,0BAA0B;AACnC,SAAS,eAAe;AACxB;AAAA,EACC;AAAA,EACA;AAAA,OACM;AACP,SAAS,kBAAkB;AAEpB,SAAS,kBAAkB;AAAA,EACjC;AACD,GAEG;AACF,QAAM,SAAS,mBAAmB;AAClC,QAAM,mBAAmB,QAAQ,MAAM;AACtC,QAAI,CAAC,YAAY;AAChB;AAAA,IACD;AACA,WAAO,UAAU;AAAA,MAChB;AAAA,MACA;AAAA,MACA,OAAO,WAAW;AAAA,IACnB,CAAC;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SACC;AAAA,IAAC;AAAA;AAAA,MACA,UAAQ;AAAA,MACR,OAAO;AAAA,QACN,YAAY,kBAAkB;AAAA,QAC9B,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO,mBACJ,gCAAgC,kBAAkB,KAAK,IACvD;AAAA,MACJ;AAAA,MACA,OAAM;AAAA,MAEN,8BAAC,OAAG,qBAAW,QAAQ,SAAS,GAAE;AAAA;AAAA,EACnC;AAEF;AAEO,SAAS,kBAAkB;AAAA,EACjC;AACD,GAEG;AACF,QAAM,CAAC,KAAK,MAAM,IAAI,eAAe,CAAC;AACtC,QAAM,SAAS,mBAAmB;AAClC,QAAM,sBAAsB,QAAQ,MAAM;AACzC,QAAI,CAAC,KAAK;AACT;AAAA,IACD;AACA,WAAO,UAAU;AAAA,MAChB,YAAY;AAAA,MACZ;AAAA,MACA,OAAO,IAAI;AAAA,IACZ,CAAC;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AACR,QAAM,yBAAyB,QAAQ,MAAM;AAC5C,QAAI,CAAC,QAAQ;AACZ;AAAA,IACD;AACA,WAAO,UAAU;AAAA,MAChB,YAAY;AAAA,MACZ;AAAA,MACA,OAAO,OAAO;AAAA,IACf,CAAC;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SACC;AAAA,IAAC;AAAA;AAAA,MACA,KAAK;AAAA,QACJ,YAAY;AAAA,UACX,GAAG;AAAA,UACH,MAAM,CAAC;AAAA,QACR;AAAA,QACA,kBAAkB;AAAA,QAClB,OAAO,IAAI;AAAA,MACZ;AAAA,MACA,QAAQ;AAAA,QACP,YAAY,EAAE,GAAG,QAAQ,MAAM,CAAC,EAAE;AAAA,QAClC,kBAAkB;AAAA,QAClB,OAAO,OAAO;AAAA,MACf;AAAA;AAAA,EACD;AAEF;AAEO,SAAS,YACf,OAOC;AACD,QAAM,QAAQ,MAAM,SAAS;AAC7B,QAAM,UAAU,MAAM;AACtB,QAAM,cAAc,OAAO;AAE3B,MAAI,CAAC,QAAQ,WAAW,GAAG;AAC1B,QAAI,YAAa,WAAW,GAAG;AAC9B,aAAO,oBAAC,qBAAkB,YAAY,KAAK,WAAW,GAAI;AAAA,IAC3D,OAAO;AACN,aAAO,oBAAC,qBAAkB,aAA2B;AAAA,IACtD;AAAA,EACD;AAEA,SACC,oBAAC,iBAAc,UAAQ,MAAC,OAAM,UAC7B,8BAAC,OAAG,mBAAQ,KAD+B,MAAM,IAAI,EAEtD;AAEF","sourcesContent":["import type { CellContext } from \"@tanstack/react-table\";\nimport type {\n\tScorecardDataSource,\n\tScorecardTableData,\n} from \"../../../schemas/config\";\nimport { DataTableCell } from \"@dhis2/ui\";\nimport { head, isEmpty } from \"lodash\";\nimport { useScorecardConfig } from \"../../ConfigProvider\";\nimport { useMemo } from \"react\";\nimport {\n\tgetLegend,\n\tgetTextColorFromBackgroundColor,\n} from \"../../../utils/legends\";\nimport { LinkedCell } from \"./LinkedCell\";\n\nexport function SingleAverageCell({\n\tdataSource,\n}: {\n\tdataSource: ScorecardDataSource & { average: number };\n}) {\n\tconst config = useScorecardConfig();\n\tconst legendDefinition = useMemo(() => {\n\t\tif (!dataSource) {\n\t\t\treturn;\n\t\t}\n\t\treturn getLegend({\n\t\t\tdataSource,\n\t\t\tconfig: config!,\n\t\t\tvalue: dataSource.average,\n\t\t});\n\t}, [dataSource]);\n\n\treturn (\n\t\t<DataTableCell\n\t\t\tbordered\n\t\t\tstyle={{\n\t\t\t\tbackground: legendDefinition?.color,\n\t\t\t\ttextAlign: \"center\",\n\t\t\t\tminWidth: 100,\n\t\t\t\tcolor: legendDefinition\n\t\t\t\t\t? getTextColorFromBackgroundColor(legendDefinition?.color)\n\t\t\t\t\t: undefined,\n\t\t\t}}\n\t\t\talign=\"center\"\n\t\t>\n\t\t\t<b>{dataSource.average.toString()}</b>\n\t\t</DataTableCell>\n\t);\n}\n\nexport function LinkedAverageCell({\n\tdataSources,\n}: {\n\tdataSources: Array<ScorecardDataSource & { average: number }>;\n}) {\n\tconst [top, bottom] = dataSources ?? [];\n\tconst config = useScorecardConfig();\n\tconst topLegendDefinition = useMemo(() => {\n\t\tif (!top) {\n\t\t\treturn;\n\t\t}\n\t\treturn getLegend({\n\t\t\tdataSource: top,\n\t\t\tconfig: config!,\n\t\t\tvalue: top.average,\n\t\t});\n\t}, [top]);\n\tconst bottomLegendDefinition = useMemo(() => {\n\t\tif (!bottom) {\n\t\t\treturn;\n\t\t}\n\t\treturn getLegend({\n\t\t\tdataSource: bottom,\n\t\t\tconfig: config!,\n\t\t\tvalue: bottom.average,\n\t\t});\n\t}, [bottom]);\n\n\treturn (\n\t\t<LinkedCell\n\t\t\ttop={{\n\t\t\t\tdataSource: {\n\t\t\t\t\t...top,\n\t\t\t\t\tdata: {},\n\t\t\t\t},\n\t\t\t\tlegendDefinition: topLegendDefinition,\n\t\t\t\tvalue: top.average,\n\t\t\t}}\n\t\t\tbottom={{\n\t\t\t\tdataSource: { ...bottom, data: {} },\n\t\t\t\tlegendDefinition: bottomLegendDefinition,\n\t\t\t\tvalue: bottom.average,\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nexport function AverageCell(\n\tprops: CellContext<\n\t\tScorecardTableData,\n\t\tScorecardTableData & {\n\t\t\taverage: number;\n\t\t\tdataSources?: Array<ScorecardDataSource & { average: number }>;\n\t\t}\n\t>,\n) {\n\tconst value = props.getValue();\n\tconst average = value.average;\n\tconst dataSources = value?.dataSources;\n\n\tif (!isEmpty(dataSources)) {\n\t\tif (dataSources!.length === 1) {\n\t\t\treturn <SingleAverageCell dataSource={head(dataSources)!} />;\n\t\t} else {\n\t\t\treturn <LinkedAverageCell dataSources={dataSources!} />;\n\t\t}\n\t}\n\n\treturn (\n\t\t<DataTableCell bordered align=\"center\" key={props.row.id}>\n\t\t\t<b>{average}</b>\n\t\t</DataTableCell>\n\t);\n}\n"]}

package/dist/components/Scorecard/components/ScorecardTable/components/AverageFooterCell.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@dhis2/ui');
+var MetaProvider = require('../../MetaProvider');
+var DataProvider = require('../../DataProvider');
+var react = require('react');
+var columns = require('../../../utils/columns');
+
+function AverageFooterCell({}) {
+  const meta = MetaProvider.useScorecardMeta();
+  const { rawData } = DataProvider.useScorecardData();
+  const average = react.useMemo(() => {
+    return columns.getAverageValue({
+      dataValues: rawData,
+      meta
+    });
+  }, [rawData, meta]);
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.DataTableCell, { bordered: true, align: "center", children: /* @__PURE__ */ jsxRuntime.jsx("b", { children: average }) });
+}
+
+exports.AverageFooterCell = AverageFooterCell;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=AverageFooterCell.js.map

package/dist/components/Scorecard/components/ScorecardTable/components/AverageFooterCell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Scorecard/components/ScorecardTable/components/AverageFooterCell.tsx"],"names":[],"mappings":"AAqBG;AArBH,SAAS,qBAAqB;AAG9B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAEzB,SAAS,kBAAkB,CAAC,GAA2C;AAC7E,QAAM,OAAO,iBAAiB;AAC9B,QAAM,EAAE,QAAQ,IAAI,iBAAiB;AAErC,QAAM,UAAU,QAAQ,MAAM;AAC7B,WAAO,gBAAgB;AAAA,MACtB,YAAY;AAAA,MACZ;AAAA,IACD,CAAC;AAAA,EACF,GAAG,CAAC,SAAS,IAAI,CAAC;AAElB,SACC,oBAAC,iBAAc,UAAQ,MAAC,OAAM,UAC7B,8BAAC,OAAG,mBAAQ,GACb;AAEF","sourcesContent":["import { DataTableCell } from \"@dhis2/ui\";\nimport type { HeaderContext } from \"@tanstack/react-table\";\nimport type { ScorecardTableData } from \"../../../schemas/config\";\nimport { useScorecardMeta } from \"../../MetaProvider\";\nimport { useScorecardData } from \"../../DataProvider\";\nimport { useMemo } from \"react\";\nimport { getAverageValue } from \"../../../utils/columns\";\n\nexport function AverageFooterCell({}: HeaderContext<ScorecardTableData, any>) {\n\tconst meta = useScorecardMeta();\n\tconst { rawData } = useScorecardData();\n\n\tconst average = useMemo(() => {\n\t\treturn getAverageValue({\n\t\t\tdataValues: rawData,\n\t\t\tmeta: meta!,\n\t\t});\n\t}, [rawData, meta]);\n\n\treturn (\n\t\t<DataTableCell bordered align=\"center\">\n\t\t\t<b>{average}</b>\n\t\t</DataTableCell>\n\t);\n}\n"]}

package/dist/components/Scorecard/components/ScorecardTable/components/DataContainer.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ConfigProvider = require('../../ConfigProvider');
+var MetaProvider = require('../../MetaProvider');
+var SingleDataCell = require('./SingleDataCell');
+var LinkedDataCell = require('./LinkedDataCell');
+var ui = require('@dhis2/ui');
+var react = require('react');
+
+function DataContainerComponent(props) {
+  const data = props.getValue();
+  const config = ConfigProvider.useScorecardConfig();
+  const meta = MetaProvider.useScorecardMeta();
+  if (!config || !meta) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.DataTableCell, {});
+  }
+  if (data.dataSources.length === 1) {
+    return /* @__PURE__ */ jsxRuntime.jsx(SingleDataCell.SingleDataCell, { ...data });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(LinkedDataCell.LinkedDataCell, { ...data });
+}
+const DataContainer = react.memo(DataContainerComponent);
+
+exports.DataContainer = DataContainer;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=DataContainer.js.map

package/dist/components/Scorecard/components/ScorecardTable/components/DataContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Scorecard/components/ScorecardTable/components/DataContainer.tsx"],"names":[],"mappings":"AAoBS;AAhBT,SAAS,0BAA0B;AACnC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAE/B,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AAErB,SAAS,uBACR,OACC;AACD,QAAM,OAAO,MAAM,SAAS;AAC5B,QAAM,SAAS,mBAAmB;AAClC,QAAM,OAAO,iBAAiB;AAE9B,MAAI,CAAC,UAAU,CAAC,MAAM;AACrB,WAAO,oBAAC,iBAAc;AAAA,EACvB;AACA,MAAI,KAAK,YAAY,WAAW,GAAG;AAClC,WAAO,oBAAC,kBAAgB,GAAG,MAAM;AAAA,EAClC;AAEA,SAAO,oBAAC,kBAAgB,GAAG,MAAM;AAClC;AAEO,MAAM,gBAAgB,KAAK,sBAAsB","sourcesContent":["import type {\n\tScorecardTableCellData,\n\tScorecardTableData,\n} from \"../../../schemas/config\";\nimport { useScorecardConfig } from \"../../ConfigProvider\";\nimport { useScorecardMeta } from \"../../MetaProvider\";\nimport { SingleDataCell } from \"./SingleDataCell\";\nimport { LinkedDataCell } from \"./LinkedDataCell\";\nimport type { CellContext } from \"@tanstack/react-table\";\nimport { DataTableCell } from \"@dhis2/ui\";\nimport { memo } from \"react\";\n\nfunction DataContainerComponent(\n\tprops: CellContext<ScorecardTableData, ScorecardTableCellData>,\n) {\n\tconst data = props.getValue();\n\tconst config = useScorecardConfig();\n\tconst meta = useScorecardMeta();\n\n\tif (!config || !meta) {\n\t\treturn <DataTableCell />;\n\t}\n\tif (data.dataSources.length === 1) {\n\t\treturn <SingleDataCell {...data} />;\n\t}\n\n\treturn <LinkedDataCell {...data} />;\n}\n\nexport const DataContainer = memo(DataContainerComponent);\n"]}

package/dist/components/Scorecard/components/ScorecardTable/components/DataFooterCell.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var lodash = require('lodash');
+var StateProvider = require('../../StateProvider');
+var SingleDataFooterCell = require('./SingleDataFooterCell');
+var LinkedDataFooterCell = require('./LinkedDataFooterCell');
+var ui = require('@dhis2/ui');
+
+function DataFooterCell({
+  table,
+  column,
+  header
+}) {
+  const state = StateProvider.useScorecardState();
+  const dataSources = react.useMemo(() => {
+    const dataValue = lodash.head(table.getRowModel().rows)?.getValue(
+      column.id
+    );
+    return dataValue.dataSources;
+  }, [state, table.getRowModel().rows]);
+  if (dataSources?.length === 1 || state?.options?.showDataInRows) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      SingleDataFooterCell.SingleDataFooterCell,
+      {
+        header,
+        column,
+        table,
+        dataSource: lodash.head(dataSources)
+      }
+    );
+  }
+  if (!dataSources) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.DataTableCell, {});
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LinkedDataFooterCell.LinkedDataFooterCell,
+    {
+      column,
+      header,
+      table,
+      dataSources
+    }
+  );
+}
+
+exports.DataFooterCell = DataFooterCell;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=DataFooterCell.js.map

package/dist/components/Scorecard/components/ScorecardTable/components/DataFooterCell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Scorecard/components/ScorecardTable/components/DataFooterCell.tsx"],"names":[],"mappings":"AA4BG;AAvBH,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAEvB,SAAS,eAAe;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACD,GAA8D;AAC7D,QAAM,QAAQ,kBAAkB;AAChC,QAAM,cAAc,QAAQ,MAAM;AACjC,UAAM,YAAY,KAAK,MAAM,YAAY,EAAE,IAAI,GAAG;AAAA,MACjD,OAAO;AAAA,IACR;AAEA,WAAO,UAAU;AAAA,EAClB,GAAG,CAAC,OAAO,MAAM,YAAY,EAAE,IAAI,CAAC;AAEpC,MAAI,aAAa,WAAW,KAAK,OAAO,SAAS,gBAAgB;AAChE,WACC;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY,KAAK,WAAW;AAAA;AAAA,IAC7B;AAAA,EAEF;AAEA,MAAI,CAAC,aAAa;AACjB,WAAO,oBAAC,iBAAc;AAAA,EACvB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACD;AAEF","sourcesContent":["import type { HeaderContext } from \"@tanstack/react-table\";\nimport type {\n\tScorecardTableCellData,\n\tScorecardTableData,\n} from \"../../../schemas/config\";\nimport { useMemo } from \"react\";\nimport { head } from \"lodash\";\nimport { useScorecardState } from \"../../StateProvider\";\nimport { SingleDataFooterCell } from \"./SingleDataFooterCell\";\nimport { LinkedDataFooterCell } from \"./LinkedDataFooterCell\";\nimport { DataTableCell } from \"@dhis2/ui\";\n\nexport function DataFooterCell({\n\ttable,\n\tcolumn,\n\theader,\n}: HeaderContext<ScorecardTableData, ScorecardTableCellData>) {\n\tconst state = useScorecardState();\n\tconst dataSources = useMemo(() => {\n\t\tconst dataValue = head(table.getRowModel().rows)?.getValue(\n\t\t\tcolumn.id,\n\t\t) as ScorecardTableCellData;\n\n\t\treturn dataValue.dataSources;\n\t}, [state, table.getRowModel().rows]);\n\n\tif (dataSources?.length === 1 || state?.options?.showDataInRows) {\n\t\treturn (\n\t\t\t<SingleDataFooterCell\n\t\t\t\theader={header}\n\t\t\t\tcolumn={column}\n\t\t\t\ttable={table}\n\t\t\t\tdataSource={head(dataSources)!}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (!dataSources) {\n\t\treturn <DataTableCell />;\n\t}\n\n\treturn (\n\t\t<LinkedDataFooterCell\n\t\t\tcolumn={column}\n\t\t\theader={header}\n\t\t\ttable={table}\n\t\t\tdataSources={dataSources}\n\t\t/>\n\t);\n}\n"]}

package/dist/components/Scorecard/components/ScorecardTable/components/DataRow.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactTable = require('@tanstack/react-table');
+var lodash = require('lodash');
+var ui = require('@dhis2/ui');
+var styles = require('../ScorecardTable.module.css');
+var ExpandedScorecardTable = require('./ExpandedScorecardTable');
+var react = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefault(styles);
+
+function TableRowComponent({ row }) {
+  const orgUnit = react.useMemo(() => {
+    const dataCell = row.getVisibleCells().find((cell) => {
+      const data = cell.getValue();
+      return !!data?.orgUnit;
+    });
+    return dataCell?.getValue()?.orgUnit;
+  }, [row]);
+  const shouldExpand = react.useMemo(() => {
+    const expandCell = lodash.head(row.getVisibleCells());
+    return expandCell?.getValue() ?? false;
+  }, [row]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.DataTableRow,
+    {
+      className: styles__default.default.expandCell,
+      onExpandToggle: ({ expanded }) => {
+        row.toggleExpanded(expanded);
+      },
+      expandableContent: orgUnit && shouldExpand ? /* @__PURE__ */ jsxRuntime.jsx(ExpandedScorecardTable.ExpandedScorecardTable, { orgUnit }) : null,
+      expanded: row.getIsExpanded(),
+      children: row.getVisibleCells().map((cell) => {
+        return reactTable.flexRender(
+          cell.column.columnDef.cell,
+          cell.getContext()
+        );
+      })
+    },
+    row.id
+  );
+}
+const TableRow = TableRowComponent;
+
+exports.TableRow = TableRow;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=DataRow.js.map

package/dist/components/Scorecard/components/ScorecardTable/components/DataRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Scorecard/components/ScorecardTable/components/DataRow.tsx"],"names":[],"mappings":"AAiCK;AAjCL,SAAS,kBAA4B;AAKrC,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,OAAO,YAAY;AACnB,SAAS,8BAA8B;AACvC,SAAS,eAAe;AAExB,SAAS,kBAAkB,EAAE,IAAI,GAAqC;AACrE,QAAM,UAAU,QAAQ,MAAM;AAC7B,UAAM,WAAW,IAAI,gBAAgB,EAAE,KAAK,CAAC,SAAS;AACrD,YAAM,OAAO,KAAK,SAAS;AAC3B,aAAO,CAAC,CAAC,MAAM;AAAA,IAChB,CAAC;AACD,WAAQ,UAAU,SAAS,GAA8B;AAAA,EAC1D,GAAG,CAAC,GAAG,CAAC;AAER,QAAM,eAAe,QAAQ,MAAM;AAClC,UAAM,aAAa,KAAK,IAAI,gBAAgB,CAAC;AAC7C,WAAQ,YAAY,SAAS,KAAiB;AAAA,EAC/C,GAAG,CAAC,GAAG,CAAC;AAER,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAW,OAAO;AAAA,MAClB,gBAAgB,CAAC,EAAE,SAAS,MAAM;AACjC,YAAI,eAAe,QAAQ;AAAA,MAC5B;AAAA,MACA,mBACC,WAAW,eACV,oBAAC,0BAAuB,SAAkB,IACvC;AAAA,MAEL,UAAU,IAAI,cAAc;AAAA,MAG3B,cAAI,gBAAgB,EAAE,IAAI,CAAC,SAAS;AACpC,eAAO;AAAA,UACN,KAAK,OAAO,UAAU;AAAA,UACtB,KAAK,WAAW;AAAA,QACjB;AAAA,MACD,CAAC;AAAA;AAAA,IAPI,IAAI;AAAA,EAQV;AAEF;AAEO,MAAM,WAAW","sourcesContent":["import { flexRender, type Row } from \"@tanstack/react-table\";\nimport type {\n\tScorecardTableCellData,\n\tScorecardTableData,\n} from \"../../../schemas/config\";\nimport { head } from \"lodash\";\nimport { DataTableRow } from \"@dhis2/ui\";\nimport styles from \"../ScorecardTable.module.css\";\nimport { ExpandedScorecardTable } from \"./ExpandedScorecardTable\";\nimport { useMemo } from \"react\";\n\nfunction TableRowComponent({ row }: { row: Row<ScorecardTableData> }) {\n\tconst orgUnit = useMemo(() => {\n\t\tconst dataCell = row.getVisibleCells().find((cell) => {\n\t\t\tconst data = cell.getValue() as ScorecardTableCellData;\n\t\t\treturn !!data?.orgUnit;\n\t\t});\n\t\treturn (dataCell?.getValue() as ScorecardTableCellData)?.orgUnit;\n\t}, [row]);\n\n\tconst shouldExpand = useMemo(() => {\n\t\tconst expandCell = head(row.getVisibleCells());\n\t\treturn (expandCell?.getValue() as boolean) ?? false;\n\t}, [row]);\n\n\treturn (\n\t\t<DataTableRow\n\t\t\tclassName={styles.expandCell}\n\t\t\tonExpandToggle={({ expanded }) => {\n\t\t\t\trow.toggleExpanded(expanded);\n\t\t\t}}\n\t\t\texpandableContent={\n\t\t\t\torgUnit && shouldExpand ? (\n\t\t\t\t\t<ExpandedScorecardTable orgUnit={orgUnit} />\n\t\t\t\t) : null\n\t\t\t}\n\t\t\texpanded={row.getIsExpanded()}\n\t\t\tkey={row.id}\n\t\t>\n\t\t\t{row.getVisibleCells().map((cell) => {\n\t\t\t\treturn flexRender(\n\t\t\t\t\tcell.column.columnDef.cell,\n\t\t\t\t\tcell.getContext(),\n\t\t\t\t);\n\t\t\t})}\n\t\t</DataTableRow>\n\t);\n}\n\nexport const TableRow = TableRowComponent;\n"]}

package/dist/components/Scorecard/components/ScorecardTable/components/DataValue.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@dhis2/ui');
+var react = require('react');
+var StateProvider = require('../../StateProvider');
+
+function DataValue({
+  dataSource,
+  value
+}) {
+  const state = StateProvider.useScorecardState();
+  const currentValue = dataSource.data.current;
+  const previousValue = dataSource.data.previous;
+  const showArrow = react.useMemo(() => {
+    if (!state?.options?.arrows) {
+      return;
+    }
+    if (!previousValue || !currentValue) {
+      return;
+    }
+    const effectiveGap = dataSource.effectiveGap;
+    const gap = Math.abs(previousValue - currentValue);
+    if (gap < effectiveGap) {
+      return;
+    }
+    if (previousValue === currentValue) {
+      return;
+    }
+    return currentValue > previousValue ? "increasing" : "decreasing";
+  }, [currentValue, dataSource.effectiveGap, state?.options?.arrows]);
+  if (value) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: 4
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx("b", { children: value?.toString() ?? "" })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 4
+      },
+      children: [
+        showArrow === "decreasing" && /* @__PURE__ */ jsxRuntime.jsx(ui.IconArrowDown16, {}),
+        showArrow === "increasing" && /* @__PURE__ */ jsxRuntime.jsx(ui.IconArrowUp16, {}),
+        currentValue?.toString() ?? ""
+      ]
+    }
+  );
+}
+
+exports.DataValue = DataValue;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=DataValue.js.map

package/dist/components/Scorecard/components/ScorecardTable/components/DataValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Scorecard/components/ScorecardTable/components/DataValue.tsx"],"names":[],"mappings":"AA+CI,cAMF,YANE;AA/CJ,SAAS,iBAAiB,qBAAqB;AAC/C,SAAS,eAAe;AAExB,SAAS,yBAAyB;AAE3B,SAAS,UAAU;AAAA,EACzB;AAAA,EACA;AACD,GAGG;AACF,QAAM,QAAQ,kBAAkB;AAChC,QAAM,eAAe,WAAW,KAAK;AACrC,QAAM,gBAAgB,WAAW,KAAK;AACtC,QAAM,YAAqD,QAAQ,MAAM;AACxE,QAAI,CAAC,OAAO,SAAS,QAAQ;AAC5B;AAAA,IACD;AAEA,QAAI,CAAC,iBAAiB,CAAC,cAAc;AACpC;AAAA,IACD;AAEA,UAAM,eAAe,WAAW;AAChC,UAAM,MAAM,KAAK,IAAI,gBAAgB,YAAY;AACjD,QAAI,MAAM,cAAc;AACvB;AAAA,IACD;AAEA,QAAI,kBAAkB,cAAc;AACnC;AAAA,IACD;AAEA,WAAO,eAAe,gBAAgB,eAAe;AAAA,EACtD,GAAG,CAAC,cAAc,WAAW,cAAc,OAAO,SAAS,MAAM,CAAC;AAElE,MAAI,OAAO;AACV,WACC;AAAA,MAAC;AAAA;AAAA,QACA,OAAO;AAAA,UACN,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,KAAK;AAAA,QACN;AAAA,QAEA,8BAAC,OAAG,iBAAO,SAAS,KAAK,IAAG;AAAA;AAAA,IAC7B;AAAA,EAEF;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAO;AAAA,QACN,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,KAAK;AAAA,MACN;AAAA,MAEC;AAAA,sBAAc,gBAAgB,oBAAC,mBAAgB;AAAA,QAC/C,cAAc,gBAAgB,oBAAC,iBAAc;AAAA,QAC7C,cAAc,SAAS,KAAK;AAAA;AAAA;AAAA,EAC9B;AAEF","sourcesContent":["import { IconArrowDown16, IconArrowUp16 } from \"@dhis2/ui\";\nimport { useMemo } from \"react\";\nimport type { ScorecardTableCellData } from \"../../../schemas/config\";\nimport { useScorecardState } from \"../../StateProvider\";\n\nexport function DataValue({\n\tdataSource,\n\tvalue,\n}: {\n\tdataSource: ScorecardTableCellData[\"dataSources\"][number];\n\tvalue?: number;\n}) {\n\tconst state = useScorecardState();\n\tconst currentValue = dataSource.data.current;\n\tconst previousValue = dataSource.data.previous;\n\tconst showArrow: \"decreasing\" | \"increasing\" | undefined = useMemo(() => {\n\t\tif (!state?.options?.arrows) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!previousValue || !currentValue) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst effectiveGap = dataSource.effectiveGap;\n\t\tconst gap = Math.abs(previousValue - currentValue);\n\t\tif (gap < effectiveGap) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (previousValue === currentValue) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn currentValue > previousValue ? \"increasing\" : \"decreasing\";\n\t}, [currentValue, dataSource.effectiveGap, state?.options?.arrows]);\n\n\tif (value) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\tgap: 4,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<b>{value?.toString() ?? \"\"}</b>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: \"flex\",\n\t\t\t\talignItems: \"center\",\n\t\t\t\tjustifyContent: \"center\",\n\t\t\t\tgap: 4,\n\t\t\t}}\n\t\t>\n\t\t\t{showArrow === \"decreasing\" && <IconArrowDown16 />}\n\t\t\t{showArrow === \"increasing\" && <IconArrowUp16 />}\n\t\t\t{currentValue?.toString() ?? \"\"}\n\t\t</div>\n\t);\n}\n"]}

package/dist/components/Scorecard/components/ScorecardTable/components/DraggableCell.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@dhis2/ui');
+var core = require('@dnd-kit/core');
+var utilities = require('@dnd-kit/utilities');
+
+function DraggableCell({
+  children,
+  type,
+  style,
+  ...props
+}) {
+  const { attributes, listeners, setNodeRef, transform, isDragging } = core.useDraggable({
+    id: type
+  });
+  const transformStyle = transform ? {
+    transform: utilities.CSS.Translate.toString(transform)
+  } : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      id: type,
+      ...props,
+      ...attributes,
+      ...listeners,
+      className: "column center",
+      style: {
+        ...style ?? {},
+        ...transformStyle,
+        background: isDragging ? ui.colors?.grey400 : void 0,
+        cursor: "move",
+        opacity: isDragging ? 0.5 : 1,
+        height: "100%",
+        width: "100%",
+        padding: "0 12px",
+        zIndex: isDragging ? 3 : void 0
+      },
+      ref: setNodeRef,
+      children
+    }
+  );
+}
+
+exports.DraggableCell = DraggableCell;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=DraggableCell.js.map

package/dist/components/Scorecard/components/ScorecardTable/components/DraggableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Scorecard/components/ScorecardTable/components/DraggableCell.tsx"],"names":[],"mappings":"AA4BE;AA5BF,SAAS,cAAc;AAGvB,SAAS,oBAAoB;AAC7B,SAAS,WAAW;AAEb,SAAS,cAAc;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAIG;AACF,QAAM,EAAE,YAAY,WAAW,YAAY,WAAW,WAAW,IAChE,aAAa;AAAA,IACZ,IAAI;AAAA,EACL,CAAC;AAEF,QAAM,iBAAiB,YACpB;AAAA,IACA,WAAW,IAAI,UAAU,SAAS,SAAS;AAAA,EAC5C,IACC;AAEH,SACC;AAAA,IAAC;AAAA;AAAA,MACA,IAAI;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,WAAU;AAAA,MACV,OAAO;AAAA,QACN,GAAI,SAAS,CAAC;AAAA,QACd,GAAG;AAAA,QACH,YAAY,aAAa,QAAQ,UAAU;AAAA,QAC3C,QAAQ;AAAA,QACR,SAAS,aAAa,MAAM;AAAA,QAC5B,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS;AAAA,QACT,QAAQ,aAAa,IAAI;AAAA,MAC1B;AAAA,MACA,KAAK;AAAA,MAEJ;AAAA;AAAA,EACF;AAEF","sourcesContent":["import { colors } from \"@dhis2/ui\";\nimport React from \"react\";\nimport type { ScorecardDraggableItems } from \"../../../schemas/config\";\nimport { useDraggable } from \"@dnd-kit/core\";\nimport { CSS } from \"@dnd-kit/utilities\";\n\nexport function DraggableCell({\n\tchildren,\n\ttype,\n\tstyle,\n\t...props\n}: {\n\tchildren: React.ReactNode;\n\ttype: ScorecardDraggableItems;\n\tstyle?: React.CSSProperties;\n}) {\n\tconst { attributes, listeners, setNodeRef, transform, isDragging } =\n\t\tuseDraggable({\n\t\t\tid: type,\n\t\t});\n\n\tconst transformStyle = transform\n\t\t? {\n\t\t\t\ttransform: CSS.Translate.toString(transform),\n\t\t\t}\n\t\t: undefined;\n\n\treturn (\n\t\t<div\n\t\t\tid={type}\n\t\t\t{...props}\n\t\t\t{...attributes}\n\t\t\t{...listeners}\n\t\t\tclassName=\"column center\"\n\t\t\tstyle={{\n\t\t\t\t...(style ?? {}),\n\t\t\t\t...transformStyle,\n\t\t\t\tbackground: isDragging ? colors?.grey400 : undefined,\n\t\t\t\tcursor: \"move\",\n\t\t\t\topacity: isDragging ? 0.5 : 1,\n\t\t\t\theight: \"100%\",\n\t\t\t\twidth: \"100%\",\n\t\t\t\tpadding: \"0 12px\",\n\t\t\t\tzIndex: isDragging ? 3 : undefined,\n\t\t\t}}\n\t\t\tref={setNodeRef}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n"]}

package/dist/components/Scorecard/components/ScorecardTable/components/DroppableCell.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@dhis2/ui');
+var react = require('react');
+var core = require('@dnd-kit/core');
+var lodash = require('lodash');
+
+function DroppableCell({
+  accept,
+  children
+}) {
+  const { setNodeRef, active } = core.useDroppable({
+    id: lodash.head(accept)
+  });
+  const canDrop = react.useMemo(() => {
+    if (!active)
+      return false;
+    return accept.includes(active.id);
+  }, [accept, active]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: setNodeRef,
+      className: "column center align-items-center",
+      style: {
+        border: canDrop ? `2px dashed ${ui.colors.grey700}` : void 0,
+        background: canDrop ? `${ui.colors.grey100}` : void 0,
+        width: "100%"
+      },
+      children
+    }
+  );
+}
+
+module.exports = DroppableCell;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=DroppableCell.js.map

package/dist/components/Scorecard/components/ScorecardTable/components/DroppableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Scorecard/components/ScorecardTable/components/DroppableCell.tsx"],"names":[],"mappings":"AAuBE;AAvBF,SAAS,cAAc;AACvB,SAAgB,eAAe;AAE/B,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AAEN,SAAR,cAA+B;AAAA,EACrC;AAAA,EACA;AACD,GAGG;AACF,QAAM,EAAE,YAAY,OAAO,IAAI,aAAa;AAAA,IAC3C,IAAI,KAAK,MAAM;AAAA,EAChB,CAAC;AAED,QAAM,UAAU,QAAQ,MAAM;AAC7B,QAAI,CAAC;AAAQ,aAAO;AACpB,WAAO,OAAO,SAAS,OAAO,EAA6B;AAAA,EAC5D,GAAG,CAAC,QAAQ,MAAM,CAAC;AAEnB,SACC;AAAA,IAAC;AAAA;AAAA,MACA,KAAK;AAAA,MACL,WAAU;AAAA,MACV,OAAO;AAAA,QACN,QAAQ,UAAU,cAAc,OAAO,OAAO,KAAK;AAAA,QACnD,YAAY,UAAU,GAAG,OAAO,OAAO,KAAK;AAAA,QAC5C,OAAO;AAAA,MACR;AAAA,MAEC;AAAA;AAAA,EACF;AAEF","sourcesContent":["import { colors } from \"@dhis2/ui\";\nimport React, { useMemo } from \"react\";\nimport type { ScorecardDraggableItems } from \"../../../schemas/config\";\nimport { useDroppable } from \"@dnd-kit/core\";\nimport { head } from \"lodash\";\n\nexport default function DroppableCell({\n\taccept,\n\tchildren,\n}: {\n\taccept: ScorecardDraggableItems[];\n\tchildren: React.ReactNode;\n}) {\n\tconst { setNodeRef, active } = useDroppable({\n\t\tid: head(accept) as string,\n\t});\n\n\tconst canDrop = useMemo(() => {\n\t\tif (!active) return false;\n\t\treturn accept.includes(active.id as ScorecardDraggableItems);\n\t}, [accept, active]);\n\n\treturn (\n\t\t<div\n\t\t\tref={setNodeRef}\n\t\t\tclassName=\"column center align-items-center\"\n\t\t\tstyle={{\n\t\t\t\tborder: canDrop ? `2px dashed ${colors.grey700}` : undefined,\n\t\t\t\tbackground: canDrop ? `${colors.grey100}` : undefined,\n\t\t\t\twidth: \"100%\",\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n"]}

package/dist/components/Scorecard/components/ScorecardTable/components/EmptyFooterCell.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@dhis2/ui');
+
+function EmptyFooterCell(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.DataTableCell, {});
+}
+
+exports.EmptyFooterCell = EmptyFooterCell;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=EmptyFooterCell.js.map

package/dist/components/Scorecard/components/ScorecardTable/components/EmptyFooterCell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Scorecard/components/ScorecardTable/components/EmptyFooterCell.tsx"],"names":[],"mappings":"AAOQ;AAPR,SAAS,qBAAqB;AAIvB,SAAS,gBACf,OACC;AACD,SAAO,oBAAC,iBAAc;AACvB","sourcesContent":["import { DataTableCell } from \"@dhis2/ui\";\nimport type { HeaderContext } from \"@tanstack/react-table\";\nimport type { ScorecardTableData } from \"../../../schemas/config\";\n\nexport function EmptyFooterCell(\n\tprops: HeaderContext<ScorecardTableData, unknown>,\n) {\n\treturn <DataTableCell />;\n}\n"]}

package/dist/components/Scorecard/components/ScorecardTable/components/ExpandedScorecardTable.js

@@ -0,0 +1,56 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ConfigProvider = require('../../ConfigProvider');
+var StateProvider = require('../../StateProvider');
+var react = require('react');
+var orgUnits = require('../../../utils/orgUnits');
+var Scorecard = require('../../../Scorecard');
+
+function ExpandedScorecardTable({
+  orgUnit
+}) {
+  const config = ConfigProvider.useScorecardConfig();
+  const state = StateProvider.useScorecardState();
+  const orgUnitSelection = react.useMemo(() => {
+    const orgUnitId = orgUnit.uid;
+    const level = orgUnits.getOrgUnitLevel(orgUnit) + 1;
+    return {
+      orgUnits: [
+        {
+          id: orgUnitId
+        }
+      ],
+      levels: [level.toString()],
+      groups: []
+    };
+  }, [orgUnit]);
+  const [scorecardState, setScorecardState] = react.useState({
+    ...state,
+    orgUnitSelection
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      style: {
+        height: "100%",
+        width: "100%",
+        minHeight: 400,
+        padding: 32
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        Scorecard.Scorecard,
+        {
+          setState: setScorecardState,
+          config,
+          state: scorecardState
+        },
+        `${orgUnit.uid}-expanded-scorecard`
+      )
+    }
+  );
+}
+
+exports.ExpandedScorecardTable = ExpandedScorecardTable;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=ExpandedScorecardTable.js.map

package/dist/components/Scorecard/components/ScorecardTable/components/ExpandedScorecardTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Scorecard/components/ScorecardTable/components/ExpandedScorecardTable.tsx"],"names":[],"mappings":"AA6CG;AA7CH,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAElC,SAAS,SAAS,gBAAgB;AAClC,SAAS,uBAAuB;AAEhC,SAAS,iBAAiB;AAEnB,SAAS,uBAAuB;AAAA,EACtC;AACD,GAEG;AACF,QAAM,SAAS,mBAAmB;AAClC,QAAM,QAAQ,kBAAkB;AAEhC,QAAM,mBAAqC,QAAQ,MAAM;AACxD,UAAM,YAAY,QAAQ;AAC1B,UAAM,QAAQ,gBAAgB,OAAO,IAAI;AAEzC,WAAO;AAAA,MACN,UAAU;AAAA,QACT;AAAA,UACC,IAAI;AAAA,QACL;AAAA,MACD;AAAA,MACA,QAAQ,CAAC,MAAM,SAAS,CAAC;AAAA,MACzB,QAAQ,CAAC;AAAA,IACV;AAAA,EACD,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAyB;AAAA,IACpE,GAAG;AAAA,IACH;AAAA,EACD,CAAC;AAED,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAO;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW;AAAA,QACX,SAAS;AAAA,MACV;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA,UAAU;AAAA,UAEV;AAAA,UACA,OAAO;AAAA;AAAA,QAFF,GAAG,QAAQ,GAAG;AAAA,MAGpB;AAAA;AAAA,EACD;AAEF","sourcesContent":["import { useScorecardConfig } from \"../../ConfigProvider\";\nimport { useScorecardState } from \"../../StateProvider\";\nimport type { ItemMeta } from \"../../../hooks/metadata\";\nimport { useMemo, useState } from \"react\";\nimport { getOrgUnitLevel } from \"../../../utils/orgUnits\";\nimport type { OrgUnitSelection, ScorecardState } from \"../../../schemas/config\";\nimport { Scorecard } from \"../../../Scorecard\";\n\nexport function ExpandedScorecardTable({\n\torgUnit,\n}: {\n\torgUnit: ItemMeta & { hierarchy: string };\n}) {\n\tconst config = useScorecardConfig();\n\tconst state = useScorecardState();\n\n\tconst orgUnitSelection: OrgUnitSelection = useMemo(() => {\n\t\tconst orgUnitId = orgUnit.uid;\n\t\tconst level = getOrgUnitLevel(orgUnit) + 1;\n\n\t\treturn {\n\t\t\torgUnits: [\n\t\t\t\t{\n\t\t\t\t\tid: orgUnitId,\n\t\t\t\t},\n\t\t\t],\n\t\t\tlevels: [level.toString()],\n\t\t\tgroups: [],\n\t\t};\n\t}, [orgUnit]);\n\n\tconst [scorecardState, setScorecardState] = useState<ScorecardState>({\n\t\t...state!,\n\t\torgUnitSelection,\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\theight: \"100%\",\n\t\t\t\twidth: \"100%\",\n\t\t\t\tminHeight: 400,\n\t\t\t\tpadding: 32,\n\t\t\t}}\n\t\t>\n\t\t\t<Scorecard\n\t\t\t\tsetState={setScorecardState}\n\t\t\t\tkey={`${orgUnit.uid}-expanded-scorecard`}\n\t\t\t\tconfig={config!}\n\t\t\t\tstate={scorecardState}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"]}