@hisptz/dhis2-analytics 2.0.43 → 2.0.44

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

@@ -1,46 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var ui = require('@dhis2/ui');
-var reactDnd = require('react-dnd');
-
-function DraggableCell({
-  children,
-  type,
-  style,
-  id,
-  ...props
-}) {
-  const [collected, drag, dragPreview] = reactDnd.useDrag(() => {
-    return {
-      type,
-      item: {
-        id
-      },
-      collect: (monitor) => {
-        return {
-          isDragging: monitor.isDragging()
-        };
-      }
-    };
-  });
-  if (collected.isDragging) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: dragPreview,
-        style: {
-          backgroundColor: ui.colors.grey400,
-          opacity: 0.5,
-          cursor: "move"
-        },
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { cursor: "move" }, id: type, ref: drag, children });
-}
-
-exports.DraggableCell = DraggableCell;
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=DraggableCell.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/components/Scorecard/components/ScorecardTable/components/DraggableCell.tsx"],"names":[],"mappings":"AAiCG;AAjCH,SAAS,cAAc;AAGvB,SAAS,eAAe;AAEjB,SAAS,cAAc;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAKG;AACF,QAAM,CAAC,WAAW,MAAM,WAAW,IAAI,QAAQ,MAAM;AACpD,WAAO;AAAA,MACN;AAAA,MACA,MAAM;AAAA,QACL;AAAA,MACD;AAAA,MACA,SAAS,CAAC,YAAY;AACrB,eAAO;AAAA,UACN,YAAY,QAAQ,WAAW;AAAA,QAChC;AAAA,MACD;AAAA,IACD;AAAA,EACD,CAAC;AAED,MAAI,UAAU,YAAY;AACzB,WACC;AAAA,MAAC;AAAA;AAAA,QACA,KAAK;AAAA,QACL,OAAO;AAAA,UACN,iBAAiB,OAAO;AAAA,UACxB,SAAS;AAAA,UACT,QAAQ;AAAA,QACT;AAAA,QAEC;AAAA;AAAA,IACF;AAAA,EAEF;AAEA,SACC,oBAAC,SAAI,OAAO,EAAE,QAAQ,OAAO,GAAG,IAAI,MAAM,KAAK,MAC7C,UACF;AAEF","sourcesContent":["import { colors } from \"@dhis2/ui\";\nimport React from \"react\";\nimport type { ScorecardDraggableItems } from \"../../../schemas/config\";\nimport { useDrag } from \"react-dnd\";\n\nexport function DraggableCell({\n\tchildren,\n\ttype,\n\tstyle,\n\tid,\n\t...props\n}: {\n\tchildren: React.ReactNode;\n\ttype: ScorecardDraggableItems;\n\tid: string;\n\tstyle?: React.CSSProperties;\n}) {\n\tconst [collected, drag, dragPreview] = useDrag(() => {\n\t\treturn {\n\t\t\ttype,\n\t\t\titem: {\n\t\t\t\tid,\n\t\t\t},\n\t\t\tcollect: (monitor) => {\n\t\t\t\treturn {\n\t\t\t\t\tisDragging: monitor.isDragging(),\n\t\t\t\t};\n\t\t\t},\n\t\t};\n\t});\n\n\tif (collected.isDragging) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={dragPreview}\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor: colors.grey400,\n\t\t\t\t\topacity: 0.5,\n\t\t\t\t\tcursor: \"move\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div style={{ cursor: \"move\" }} id={type} ref={drag}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n"]}

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

@@ -1,50 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var ui = require('@dhis2/ui');
-var reactDnd = require('react-dnd');
-
-function DroppableCell({
-  accept,
-  children
-}) {
-  const [collectedProps, drop] = reactDnd.useDrop(() => {
-    return {
-      accept,
-      collect: (monitor) => {
-        if (monitor.canDrop()) {
-          return {
-            style: {
-              border: `2px dashed ${ui.colors.grey700}`,
-              background: `${ui.colors.grey100}`,
-              width: "100%"
-            }
-          };
-        } else {
-          return {
-            style: {
-              width: "100%",
-              border: `2px solid transparent`
-            }
-          };
-        }
-      },
-      drop: (results) => {
-        return results;
-      }
-    };
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref: drop,
-      className: "column center align-items-center",
-      ...collectedProps,
-      children
-    }
-  );
-}
-
-module.exports = DroppableCell;
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=DroppableCell.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/components/Scorecard/components/ScorecardTable/components/DroppableCell.tsx"],"names":[],"mappings":"AAwCE;AAxCF,SAAS,cAAc;AAGvB,SAAS,eAAe;AAET,SAAR,cAA+B;AAAA,EACrC;AAAA,EACA;AACD,GAGG;AACF,QAAM,CAAC,gBAAgB,IAAI,IAAI,QAAQ,MAAM;AAC5C,WAAO;AAAA,MACN;AAAA,MACA,SAAS,CAAC,YAAY;AACrB,YAAI,QAAQ,QAAQ,GAAG;AACtB,iBAAO;AAAA,YACN,OAAO;AAAA,cACN,QAAQ,cAAc,OAAO,OAAO;AAAA,cACpC,YAAY,GAAG,OAAO,OAAO;AAAA,cAC7B,OAAO;AAAA,YACR;AAAA,UACD;AAAA,QACD,OAAO;AACN,iBAAO;AAAA,YACN,OAAO;AAAA,cACN,OAAO;AAAA,cACP,QAAQ;AAAA,YACT;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,MACA,MAAM,CAAC,YAA4B;AAClC,eAAO;AAAA,MACR;AAAA,IACD;AAAA,EACD,CAAC;AAED,SACC;AAAA,IAAC;AAAA;AAAA,MACA,KAAK;AAAA,MACL,WAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA;AAAA,EACF;AAEF","sourcesContent":["import { colors } from \"@dhis2/ui\";\nimport React from \"react\";\nimport type { ScorecardDraggableItems } from \"../../../schemas/config\";\nimport { useDrop } from \"react-dnd\";\n\nexport default function DroppableCell({\n\taccept,\n\tchildren,\n}: {\n\taccept: ScorecardDraggableItems[];\n\tchildren: React.ReactNode;\n}) {\n\tconst [collectedProps, drop] = useDrop(() => {\n\t\treturn {\n\t\t\taccept,\n\t\t\tcollect: (monitor) => {\n\t\t\t\tif (monitor.canDrop()) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\tborder: `2px dashed ${colors.grey700}`,\n\t\t\t\t\t\t\tbackground: `${colors.grey100}`,\n\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t},\n\t\t\t\t\t};\n\t\t\t\t} else {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\tborder: `2px solid transparent`,\n\t\t\t\t\t\t},\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t},\n\t\t\tdrop: (results: { id: string }) => {\n\t\t\t\treturn results;\n\t\t\t},\n\t\t};\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tref={drop}\n\t\t\tclassName=\"column center align-items-center\"\n\t\t\t{...collectedProps}\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

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

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

@@ -1 +0,0 @@
-{"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,UAAQ,MAAC;AAChC","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 bordered />;\n}\n"]}

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

@@ -1,84 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var ConfigProvider = require('../../ConfigProvider');
-var react = require('react');
-var orgUnits = require('../../../utils/orgUnits');
-var Scorecard = require('../../../Scorecard');
-var ScorecardContext = require('../../ScorecardContext');
-var StateProvider = require('../../StateProvider');
-var ui = require('@dhis2/ui');
-
-function ExpandedScorecardTable({
-  orgUnit,
-  pending
-}) {
-  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]);
-  if (!config) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      style: {
-        height: "100%",
-        width: "100%",
-        minHeight: 500,
-        padding: 32
-      },
-      children: pending ? /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          style: {
-            height: "100%",
-            width: "100%",
-            minHeight: 500,
-            padding: 32
-          },
-          children: /* @__PURE__ */ jsxRuntime.jsx(ui.CircularLoader, { small: true })
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(
-        ScorecardContext.ScorecardContext,
-        {
-          config: {
-            ...config,
-            orgUnitSelection
-          },
-          initialState: {
-            ...state,
-            orgUnitSelection
-          },
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            Scorecard.Scorecard,
-            {
-              tableProps: {
-                scrollWidth: "100%",
-                scrollHeight: "100%",
-                width: "auto"
-              }
-            }
-          )
-        },
-        `${orgUnit.uid}-expanded`
-      )
-    }
-  );
-}
-
-exports.ExpandedScorecardTable = ExpandedScorecardTable;
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=ExpandedScorecardTable.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/components/Scorecard/components/ScorecardTable/components/ExpandedScorecardTable.tsx"],"names":[],"mappings":"AAyDK;AAzDL,SAAS,0BAA0B;AAEnC,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAEhC,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAExB,SAAS,uBAAuB;AAAA,EACtC;AAAA,EACA;AACD,GAGG;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,MAAI,CAAC,QAAQ;AACZ,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAO;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW;AAAA,QACX,SAAS;AAAA,MACV;AAAA,MAEC,oBACA;AAAA,QAAC;AAAA;AAAA,UACA,OAAO;AAAA,YACN,QAAQ;AAAA,YACR,OAAO;AAAA,YACP,WAAW;AAAA,YACX,SAAS;AAAA,UACV;AAAA,UAEA,8BAAC,kBAAe,OAAK,MAAC;AAAA;AAAA,MACvB,IAEA;AAAA,QAAC;AAAA;AAAA,UAEA,QAAQ;AAAA,YACP,GAAG;AAAA,YACH;AAAA,UACD;AAAA,UACA,cAAc;AAAA,YACb,GAAG;AAAA,YACH;AAAA,UACD;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACA,YAAY;AAAA,gBACX,aAAa;AAAA,gBACb,cAAc;AAAA,gBACd,OAAO;AAAA,cACR;AAAA;AAAA,UACD;AAAA;AAAA,QAhBK,GAAG,QAAQ,GAAG;AAAA,MAiBpB;AAAA;AAAA,EAEF;AAEF","sourcesContent":["import { useScorecardConfig } from \"../../ConfigProvider\";\nimport type { ItemMeta } from \"../../../hooks/metadata\";\nimport { useMemo } from \"react\";\nimport { getOrgUnitLevel } from \"../../../utils/orgUnits\";\nimport type { OrgUnitSelection } from \"../../../schemas/config\";\nimport { Scorecard } from \"../../../Scorecard\";\nimport { ScorecardContext } from \"../../ScorecardContext\";\nimport { useScorecardState } from \"../../StateProvider\";\nimport { CircularLoader } from \"@dhis2/ui\";\n\nexport function ExpandedScorecardTable({\n\torgUnit,\n\tpending,\n}: {\n\torgUnit: ItemMeta & { hierarchy: string };\n\tpending: boolean;\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\tif (!config) {\n\t\treturn null;\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: 500,\n\t\t\t\tpadding: 32,\n\t\t\t}}\n\t\t>\n\t\t\t{pending ? (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\tminHeight: 500,\n\t\t\t\t\t\tpadding: 32,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<CircularLoader small />\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<ScorecardContext\n\t\t\t\t\tkey={`${orgUnit.uid}-expanded`}\n\t\t\t\t\tconfig={{\n\t\t\t\t\t\t...config,\n\t\t\t\t\t\torgUnitSelection,\n\t\t\t\t\t}}\n\t\t\t\t\tinitialState={{\n\t\t\t\t\t\t...state,\n\t\t\t\t\t\torgUnitSelection,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Scorecard\n\t\t\t\t\t\ttableProps={{\n\t\t\t\t\t\t\tscrollWidth: \"100%\",\n\t\t\t\t\t\t\tscrollHeight: \"100%\",\n\t\t\t\t\t\t\twidth: \"auto\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</ScorecardContext>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"]}

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

@@ -1,152 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var ui = require('@dhis2/ui');
-var i18n = require('@dhis2/d2-i18n');
-var orgUnit = require('../../../hooks/orgUnit');
-var orgUnits = require('../../../utils/orgUnits');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var i18n__default = /*#__PURE__*/_interopDefault(i18n);
-
-function FurtherAnalysisMenu({
-  stateActionRef,
-  setStateActionRef,
-  orgUnit: orgUnit$1,
-  onSelect,
-  periodId,
-  dataSources
-}) {
-  const lowestLevel = orgUnit.useLowestOrgUnitLevel();
-  const orgUnitInLowestLevel = react.useMemo(() => {
-    return orgUnits.getOrgUnitLevel(orgUnit$1) === lowestLevel?.level;
-  }, [lowestLevel, orgUnit$1]);
-  const [showSubMenu, setShowSubMenu] = react.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Popover,
-    {
-      onClickOutside: () => setStateActionRef(void 0),
-      placement: "bottom-start",
-      reference: stateActionRef,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Menu, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.MenuItem,
-          {
-            dense: true,
-            onClick: () => {
-              onSelect({
-                periodSelection: {
-                  periods: [
-                    {
-                      id: periodId
-                    }
-                  ]
-                },
-                orgUnitSelection: {
-                  levels: [],
-                  groups: [],
-                  orgUnits: [
-                    {
-                      id: orgUnit$1.uid
-                    }
-                  ]
-                },
-                dataSources
-              });
-              setStateActionRef(void 0);
-            },
-            label: i18n__default.default.t("Further Analysis"),
-            icon: /* @__PURE__ */ jsxRuntime.jsx(ui.IconVisualizationColumnStacked16, {})
-          }
-        ),
-        !orgUnitInLowestLevel && /* @__PURE__ */ jsxRuntime.jsx(
-          ui.MenuItem,
-          {
-            dense: true,
-            onClick: () => {
-              setStateActionRef(void 0);
-            },
-            label: i18n__default.default.t("Lower Organisation Unit Levels"),
-            icon: /* @__PURE__ */ jsxRuntime.jsx(ui.IconDimensionOrgUnit16, {})
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          ui.MenuItem,
-          {
-            dense: true,
-            showSubMenu,
-            active: showSubMenu,
-            toggleSubMenu: () => {
-              setShowSubMenu((prevState) => !prevState);
-            },
-            label: i18n__default.default.t("Trend Analysis "),
-            icon: /* @__PURE__ */ jsxRuntime.jsx(ui.IconVisualizationLine24, {}),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.MenuItem,
-                {
-                  dense: true,
-                  onClick: () => {
-                    setStateActionRef(void 0);
-                  },
-                  label: i18n__default.default.t("Last 3 Months"),
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(ui.IconVisualizationColumnStacked24, {})
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.MenuItem,
-                {
-                  dense: true,
-                  onClick: () => {
-                    setStateActionRef(void 0);
-                  },
-                  label: i18n__default.default.t("Last 6 Months"),
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(ui.IconVisualizationColumnStacked24, {})
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.MenuItem,
-                {
-                  dense: true,
-                  onClick: () => {
-                    setStateActionRef(void 0);
-                  },
-                  label: i18n__default.default.t("Last 12 Months"),
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(ui.IconVisualizationColumnStacked24, {})
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.MenuItem,
-                {
-                  dense: true,
-                  onClick: () => {
-                    setStateActionRef(void 0);
-                  },
-                  label: i18n__default.default.t("Last 4 Quarters"),
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(ui.IconVisualizationColumnStacked24, {})
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.MenuItem,
-                {
-                  dense: true,
-                  onClick: () => {
-                    setStateActionRef(void 0);
-                  },
-                  label: i18n__default.default.t("Last 5 Years"),
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(ui.IconVisualizationColumnStacked24, {})
-                }
-              )
-            ]
-          }
-        )
-      ] })
-    }
-  ) });
-}
-
-exports.FurtherAnalysisMenu = FurtherAnalysisMenu;
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=FurtherAnalysisMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/components/Scorecard/components/ScorecardTable/components/FurtherAnalysisMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from \"react\";\nimport {\n\tIconDimensionOrgUnit16,\n\tIconVisualizationColumnStacked16,\n\tIconVisualizationColumnStacked24,\n\tIconVisualizationLine24,\n\tMenu,\n\tMenuItem,\n\tPopover,\n\ttype ReferenceElement,\n} from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { useLowestOrgUnitLevel } from \"../../../hooks/orgUnit\";\nimport type { ItemMeta } from \"../../../hooks/metadata\";\nimport { getOrgUnitLevel } from \"../../../utils/orgUnits\";\nimport type { FurtherAnalysisConfig } from \"./FurtherAnalysisModal\";\nimport type { ScorecardDataSource } from \"../../../schemas/config\";\n\nexport function FurtherAnalysisMenu({\n\tstateActionRef,\n\tsetStateActionRef,\n\torgUnit,\n\tonSelect,\n\tperiodId,\n\tdataSources,\n}: {\n\tstateActionRef: ReferenceElement;\n\tsetStateActionRef: (val: undefined) => void;\n\torgUnit: ItemMeta & { hierarchy: string };\n\tonSelect: (config: FurtherAnalysisConfig) => void;\n\tperiodId: string;\n\tdataSources: ScorecardDataSource[];\n}) {\n\tconst lowestLevel = useLowestOrgUnitLevel();\n\n\tconst orgUnitInLowestLevel = useMemo(() => {\n\t\treturn getOrgUnitLevel(orgUnit) === lowestLevel?.level;\n\t}, [lowestLevel, orgUnit]);\n\n\tconst [showSubMenu, setShowSubMenu] = useState(false);\n\treturn (\n\t\t<>\n\t\t\t<Popover\n\t\t\t\tonClickOutside={() => setStateActionRef(undefined)}\n\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\treference={stateActionRef}\n\t\t\t>\n\t\t\t\t<Menu>\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tdense\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tonSelect({\n\t\t\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tid: periodId,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\torgUnitSelection: {\n\t\t\t\t\t\t\t\t\tlevels: [],\n\t\t\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tdataSources,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tlabel={i18n.t(\"Further Analysis\")}\n\t\t\t\t\t\ticon={<IconVisualizationColumnStacked16 />}\n\t\t\t\t\t/>\n\t\t\t\t\t{!orgUnitInLowestLevel && (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tdense\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Lower Organisation Unit Levels\")}\n\t\t\t\t\t\t\ticon={<IconDimensionOrgUnit16 />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tdense\n\t\t\t\t\t\tshowSubMenu={showSubMenu}\n\t\t\t\t\t\tactive={showSubMenu}\n\t\t\t\t\t\ttoggleSubMenu={() => {\n\t\t\t\t\t\t\tsetShowSubMenu((prevState) => !prevState);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tlabel={i18n.t(\"Trend Analysis \")}\n\t\t\t\t\t\ticon={<IconVisualizationLine24 />}\n\t\t\t\t\t>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tdense\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Last 3 Months\")}\n\t\t\t\t\t\t\ticon={<IconVisualizationColumnStacked24 />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tdense\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Last 6 Months\")}\n\t\t\t\t\t\t\ticon={<IconVisualizationColumnStacked24 />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tdense\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Last 12 Months\")}\n\t\t\t\t\t\t\ticon={<IconVisualizationColumnStacked24 />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tdense\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Last 4 Quarters\")}\n\t\t\t\t\t\t\ticon={<IconVisualizationColumnStacked24 />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tdense\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Last 5 Years\")}\n\t\t\t\t\t\t\ticon={<IconVisualizationColumnStacked24 />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t</Menu>\n\t\t\t</Popover>\n\t\t</>\n\t);\n}\n"]}

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

@@ -1,58 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var ui = require('@dhis2/ui');
-var i18n = require('@dhis2/d2-i18n');
-var react = require('react');
-var FurtherAnalysisVisualization = require('../FurtherAnalysisVisualization');
-var FurtherAnalysisDictionary = require('../FurtherAnalysisDictionary');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var i18n__default = /*#__PURE__*/_interopDefault(i18n);
-
-function FurtherAnalysis({
-  hide,
-  onClose,
-  config
-}) {
-  const [activeElement, setActiveElement] = react.useState("visualization");
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Modal, { onClose, hide, large: true, position: "middle", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.ModalTitle, { children: i18n__default.default.t("Further Analysis") }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.ModalContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        style: {
-          width: "100%",
-          height: "100%",
-          flexDirection: "column",
-          display: "flex"
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            style: {
-              flex: 1,
-              width: "100%",
-              height: "100%"
-            },
-            children: [
-              activeElement === "dictionary" && /* @__PURE__ */ jsxRuntime.jsx(
-                FurtherAnalysisDictionary.FurtherAnalysisDictionary,
-                {
-                  config
-                }
-              ),
-              activeElement === "visualization" && /* @__PURE__ */ jsxRuntime.jsx(FurtherAnalysisVisualization.FurtherAnalysisVisualization, { config })
-            ]
-          }
-        )
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.ModalActions, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onClose, children: i18n__default.default.t("Close") }) })
-  ] });
-}
-
-exports.FurtherAnalysis = FurtherAnalysis;
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=FurtherAnalysisModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/components/Scorecard/components/ScorecardTable/components/FurtherAnalysisModal.tsx"],"names":[],"mappings":"AAwCG,cA4BE,YA5BF;AAnCH;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,OAAO,UAAU;AACjB,SAAS,gBAAgB;AACzB,SAAS,oCAAoC;AAC7C,SAAS,iCAAiC;AAcnC,SAAS,gBAAgB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACD,GAAyB;AACxB,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAExC,eAAe;AAEjB,SACC,qBAAC,SAAM,SAAkB,MAAY,OAAK,MAAC,UAAS,UACnD;AAAA,wBAAC,cAAY,eAAK,EAAE,kBAAkB,GAAE;AAAA,IACxC,oBAAC,gBAmBA;AAAA,MAAC;AAAA;AAAA,QACA,OAAO;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,eAAe;AAAA,UACf,SAAS;AAAA,QACV;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACA,OAAO;AAAA,cACN,MAAM;AAAA,cACN,OAAO;AAAA,cACP,QAAQ;AAAA,YACT;AAAA,YAEC;AAAA,gCAAkB,gBAClB;AAAA,gBAAC;AAAA;AAAA,kBACA;AAAA;AAAA,cACA;AAAA,cAED,kBAAkB,mBAClB,oBAAC,gCAA6B,QAAgB;AAAA;AAAA;AAAA,QAEhD;AAAA;AAAA,IACD,GACD;AAAA,IACA,oBAAC,gBACA,8BAAC,UAAO,SAAS,SAAU,eAAK,EAAE,OAAO,GAAE,GAC5C;AAAA,KACD;AAEF","sourcesContent":["import type {\n\tOrgUnitSelection,\n\tPeriodSelection,\n\tScorecardDataSource,\n} from \"../../../schemas/config\";\nimport {\n\tButton,\n\tModal,\n\tModalActions,\n\tModalContent,\n\tModalTitle,\n} from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { useState } from \"react\";\nimport { FurtherAnalysisVisualization } from \"../FurtherAnalysisVisualization\";\nimport { FurtherAnalysisDictionary } from \"../FurtherAnalysisDictionary\";\n\nexport interface FurtherAnalysisConfig {\n\torgUnitSelection: OrgUnitSelection;\n\tperiodSelection: PeriodSelection;\n\tdataSources: ScorecardDataSource[];\n}\n\nexport interface FurtherAnalysisProps {\n\thide: boolean;\n\tonClose: () => void;\n\tconfig: FurtherAnalysisConfig;\n}\n\nexport function FurtherAnalysis({\n\thide,\n\tonClose,\n\tconfig,\n}: FurtherAnalysisProps) {\n\tconst [activeElement, setActiveElement] = useState<\n\t\t\"visualization\" | \"dictionary\" | undefined\n\t>(\"visualization\");\n\n\treturn (\n\t\t<Modal onClose={onClose} hide={hide} large position=\"middle\">\n\t\t\t<ModalTitle>{i18n.t(\"Further Analysis\")}</ModalTitle>\n\t\t\t<ModalContent>\n\t\t\t\t{/*<SegmentedControl*/}\n\t\t\t\t{/*\toptions={[*/}\n\t\t\t\t{/*\t\t{*/}\n\t\t\t\t{/*\t\t\tvalue: \"visualization\",*/}\n\t\t\t\t{/*\t\t\tlabel: i18n.t(\"Visualization\"),*/}\n\t\t\t\t{/*\t\t},*/}\n\t\t\t\t{/*\t\t{*/}\n\t\t\t\t{/*\t\t\tvalue: \"dictionary\",*/}\n\t\t\t\t{/*\t\t\tlabel: i18n.t(\"Dictionary\"),*/}\n\t\t\t\t{/*\t\t},*/}\n\t\t\t\t{/*\t]}*/}\n\t\t\t\t{/*\tselected={activeElement!}*/}\n\t\t\t\t{/*\tonChange={({ value }) =>*/}\n\t\t\t\t{/*\t\tsetActiveElement(*/}\n\t\t\t\t{/*\t\t\tvalue as \"visualization\" | \"dictionary\",*/}\n\t\t\t\t{/*\t\t)*/}\n\t\t\t\t{/*\t}*/}\n\t\t\t\t{/*/>*/}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\tflexDirection: \"column\",\n\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{activeElement === \"dictionary\" && (\n\t\t\t\t\t\t\t<FurtherAnalysisDictionary\n\t\t\t\t\t\t\t\tconfig={config}\n\t\t\t\t\t\t\t></FurtherAnalysisDictionary>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{activeElement === \"visualization\" && (\n\t\t\t\t\t\t\t<FurtherAnalysisVisualization config={config} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ModalContent>\n\t\t\t<ModalActions>\n\t\t\t\t<Button onClick={onClose}>{i18n.t(\"Close\")}</Button>\n\t\t\t</ModalActions>\n\t\t</Modal>\n\t);\n}\n"]}

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

@@ -1,107 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var ui = require('@dhis2/ui');
-var legends = require('../../../utils/legends');
-var DataValue = require('./DataValue');
-var usehooksTs = require('usehooks-ts');
-var React = require('react');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-function LinkedCellComponent({ top, bottom, size, ...props }) {
-  const [ref, { height, width }] = usehooksTs.useElementSize();
-  const {
-    legendDefinition: topLegendDefinition,
-    dataSource: topDataSource,
-    value: topValue
-  } = top;
-  const {
-    legendDefinition: bottomLegendDefinition,
-    dataSource: bottomDataSource,
-    value: bottomValue
-  } = bottom;
-  const angle = React.useMemo(() => {
-    return Math.tan(height / width);
-  }, [height, width]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ui.DataTableCell,
-    {
-      ...props,
-      ref,
-      style: {
-        padding: 8,
-        width: size,
-        minWidth: 120,
-        background: `linear-gradient(-${angle}rad, ${bottomLegendDefinition?.color ?? ui.colors.white} 0%, ${bottomLegendDefinition?.color ?? ui.colors.white} 49%, ${ui.colors.white} 49%, ${ui.colors.white} 50%, ${topLegendDefinition?.color ?? ui.colors.white} 50%, ${topLegendDefinition?.color ?? ui.colors.white} 100%)`
-      },
-      bordered: true,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          style: {
-            display: "flex",
-            width: "100%",
-            height: "100%",
-            flexDirection: "column"
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                style: {
-                  background: "inherit",
-                  display: "flex",
-                  width: "100%",
-                  alignItems: "flex-start",
-                  justifyContent: "flex-start",
-                  color: topLegendDefinition ? legends.getTextColorFromBackgroundColor(
-                    topLegendDefinition?.color ?? "#FFFFFF"
-                  ) : void 0
-                },
-                children: topDataSource && /* @__PURE__ */ jsxRuntime.jsx(
-                  DataValue.DataValue,
-                  {
-                    value: topValue,
-                    dataSource: topDataSource
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                style: {
-                  background: "inherit",
-                  display: "flex",
-                  width: "100%",
-                  alignItems: "flex-end",
-                  justifyContent: "flex-end",
-                  color: bottomLegendDefinition ? legends.getTextColorFromBackgroundColor(
-                    bottomLegendDefinition?.color ?? "#FFFFFF"
-                  ) : void 0
-                },
-                children: bottomDataSource && /* @__PURE__ */ jsxRuntime.jsx(
-                  DataValue.DataValue,
-                  {
-                    value: bottomValue,
-                    dataSource: bottomDataSource
-                  }
-                )
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}
-const LinkedCell = React__default.default.memo(LinkedCellComponent, (prev, next) => {
-  return prev.top.value === next.top.value && prev.bottom.value === next.bottom.value;
-});
-
-exports.LinkedCell = LinkedCell;
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=LinkedCell.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/components/Scorecard/components/ScorecardTable/components/LinkedCell.tsx"],"names":[],"mappings":"AAgEG,SAuBG,KAvBH;AAhEH,SAAS,QAAQ,qBAAqB;AACtC,SAAS,uCAAuC;AAChD,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,OAAO,SAAS,eAAe;AAsB/B,SAAS,oBAAoB,EAAE,KAAK,QAAQ,MAAM,GAAG,MAAM,GAAoB;AAC9E,QAAM,CAAC,KAAK,EAAE,QAAQ,MAAM,CAAC,IAAI,eAAe;AAEhD,QAAM;AAAA,IACL,kBAAkB;AAAA,IAClB,YAAY;AAAA,IACZ,OAAO;AAAA,EACR,IAAI;AACJ,QAAM;AAAA,IACL,kBAAkB;AAAA,IAClB,YAAY;AAAA,IACZ,OAAO;AAAA,EACR,IAAI;AAEJ,QAAM,QAAQ,QAAQ,MAAM;AAC3B,WAAO,KAAK,IAAI,SAAS,KAAK;AAAA,EAC/B,GAAG,CAAC,QAAQ,KAAK,CAAC;AAElB,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MAGJ;AAAA,MACA,OAAO;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,YAAY,oBAAoB,KAAK,QACpC,wBAAwB,SAAS,OAAO,KACzC,QAAQ,wBAAwB,SAAS,OAAO,KAAK,SACpD,OAAO,KACR,SAAS,OAAO,KAAK,SACpB,qBAAqB,SAAS,OAAO,KACtC,SAAS,qBAAqB,SAAS,OAAO,KAAK;AAAA,MACpD;AAAA,MACA,UAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACA,OAAO;AAAA,YACN,SAAS;AAAA,YACT,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,eAAe;AAAA,UAChB;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACA,OAAO;AAAA,kBACN,YAAY;AAAA,kBACZ,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,YAAY;AAAA,kBACZ,gBAAgB;AAAA,kBAChB,OAAO,sBACJ;AAAA,oBACA,qBAAqB,SAAS;AAAA,kBAC/B,IACC;AAAA,gBACJ;AAAA,gBAEC,2BACA;AAAA,kBAAC;AAAA;AAAA,oBACA,OAAO;AAAA,oBACP,YAAY;AAAA;AAAA,gBACb;AAAA;AAAA,YAEF;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACA,OAAO;AAAA,kBACN,YAAY;AAAA,kBACZ,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,YAAY;AAAA,kBACZ,gBAAgB;AAAA,kBAChB,OAAO,yBACJ;AAAA,oBACA,wBAAwB,SAAS;AAAA,kBAClC,IACC;AAAA,gBACJ;AAAA,gBAEC,8BACA;AAAA,kBAAC;AAAA;AAAA,oBACA,OAAO;AAAA,oBACP,YAAY;AAAA;AAAA,gBACb;AAAA;AAAA,YAEF;AAAA;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;AAEO,MAAM,aAAa,MAAM,KAAK,qBAAqB,CAAC,MAAM,SAAS;AACzE,SACC,KAAK,IAAI,UAAU,KAAK,IAAI,SAC5B,KAAK,OAAO,UAAU,KAAK,OAAO;AAEpC,CAAC","sourcesContent":["import { colors, DataTableCell } from \"@dhis2/ui\";\nimport { getTextColorFromBackgroundColor } from \"../../../utils/legends\";\nimport { DataValue } from \"./DataValue\";\nimport { useElementSize } from \"usehooks-ts\";\nimport React, { useMemo } from \"react\";\nimport type {\n\tLegendDefinition,\n\tScorecardCellData,\n} from \"../../../schemas/config\";\n\nexport interface LinkedCellProps {\n\ttop: {\n\t\tdataSource: ScorecardCellData;\n\t\tlegendDefinition?: LegendDefinition;\n\t\tvalue?: number;\n\t};\n\tbottom: {\n\t\tdataSource: ScorecardCellData;\n\t\tlegendDefinition?: LegendDefinition;\n\t\tvalue?: number;\n\t};\n\tsize: number;\n\n\t[key: string]: unknown;\n}\n\nfunction LinkedCellComponent({ top, bottom, size, ...props }: LinkedCellProps) {\n\tconst [ref, { height, width }] = useElementSize();\n\n\tconst {\n\t\tlegendDefinition: topLegendDefinition,\n\t\tdataSource: topDataSource,\n\t\tvalue: topValue,\n\t} = top;\n\tconst {\n\t\tlegendDefinition: bottomLegendDefinition,\n\t\tdataSource: bottomDataSource,\n\t\tvalue: bottomValue,\n\t} = bottom;\n\n\tconst angle = useMemo(() => {\n\t\treturn Math.tan(height / width);\n\t}, [height, width]);\n\n\treturn (\n\t\t<DataTableCell\n\t\t\t{...props}\n\t\t\t/*\n      // @ts-ignore */\n\t\t\tref={ref}\n\t\t\tstyle={{\n\t\t\t\tpadding: 8,\n\t\t\t\twidth: size,\n\t\t\t\tminWidth: 120,\n\t\t\t\tbackground: `linear-gradient(-${angle}rad, ${\n\t\t\t\t\tbottomLegendDefinition?.color ?? colors.white\n\t\t\t\t} 0%, ${bottomLegendDefinition?.color ?? colors.white} 49%, ${\n\t\t\t\t\tcolors.white\n\t\t\t\t} 49%, ${colors.white} 50%, ${\n\t\t\t\t\ttopLegendDefinition?.color ?? colors.white\n\t\t\t\t} 50%, ${topLegendDefinition?.color ?? colors.white} 100%)`,\n\t\t\t}}\n\t\t\tbordered\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\theight: \"100%\",\n\t\t\t\t\tflexDirection: \"column\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackground: \"inherit\",\n\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\talignItems: \"flex-start\",\n\t\t\t\t\t\tjustifyContent: \"flex-start\",\n\t\t\t\t\t\tcolor: topLegendDefinition\n\t\t\t\t\t\t\t? getTextColorFromBackgroundColor(\n\t\t\t\t\t\t\t\t\ttopLegendDefinition?.color ?? \"#FFFFFF\",\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{topDataSource && (\n\t\t\t\t\t\t<DataValue\n\t\t\t\t\t\t\tvalue={topValue}\n\t\t\t\t\t\t\tdataSource={topDataSource}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackground: \"inherit\",\n\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\talignItems: \"flex-end\",\n\t\t\t\t\t\tjustifyContent: \"flex-end\",\n\t\t\t\t\t\tcolor: bottomLegendDefinition\n\t\t\t\t\t\t\t? getTextColorFromBackgroundColor(\n\t\t\t\t\t\t\t\t\tbottomLegendDefinition?.color ?? \"#FFFFFF\",\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{bottomDataSource && (\n\t\t\t\t\t\t<DataValue\n\t\t\t\t\t\t\tvalue={bottomValue}\n\t\t\t\t\t\t\tdataSource={bottomDataSource}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</DataTableCell>\n\t);\n}\n\nexport const LinkedCell = React.memo(LinkedCellComponent, (prev, next) => {\n\treturn (\n\t\tprev.top.value === next.top.value &&\n\t\tprev.bottom.value === next.bottom.value\n\t);\n});\n"]}