@hisptz/dhis2-analytics 1.0.66 → 2.0.0-alpha.0

package/dist/components/Visualization/components/AnalyticsDataProvider/index.mjs

@@ -0,0 +1,67 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useMemo, useEffect } from 'react';
+import { useDimensions } from '../DimensionsProvider';
+import { useDataQuery } from '@dhis2/app-runtime';
+import { useLayout } from '../LayoutProvider';
+import { forEach, set } from 'lodash';
+
+const AnalyticsContext = createContext(void 0);
+const analyticsQuery = {
+  analytics: {
+    resource: "analytics",
+    params: ({ dimensions, filters }) => {
+      return {
+        dimension: Object.keys(dimensions).map((dimension) => `${dimension}:${dimensions[dimension]?.join(";")}`),
+        filter: Object.keys(filters).map((dimension) => `${dimension}:${filters[dimension]?.join(";")}`),
+        includeMetadataDetails: true
+      };
+    }
+  }
+};
+function useAnalyticsData() {
+  return useContext(AnalyticsContext) ?? { analytics: {}, loading: false };
+}
+function AnalyticsDataProvider({ children }) {
+  const [analyticsDimensions] = useDimensions();
+  const [layout] = useLayout();
+  const { dimensions, filters } = useMemo(() => {
+    const dimensions2 = {};
+    const filters2 = {};
+    forEach([...layout?.columns ?? [], ...layout?.rows ?? []], (dimension) => {
+      set(dimensions2, [dimension], analyticsDimensions?.[dimension]);
+    });
+    forEach([...layout?.filters ?? []], (dimension) => {
+      set(filters2, [dimension], analyticsDimensions?.[dimension]);
+    });
+    return {
+      dimensions: dimensions2,
+      filters: filters2
+    };
+  }, [layout, analyticsDimensions]);
+  console.log({
+    filters
+  });
+  const { data: analytics, error, loading, refetch, called } = useDataQuery(analyticsQuery, {
+    variables: {
+      dimensions,
+      filters
+    },
+    lazy: true
+  });
+  useEffect(() => {
+    refetch({
+      dimensions,
+      filters
+    });
+  }, [dimensions, filters]);
+  useEffect(() => {
+    if (error) {
+      throw error;
+    }
+  }, [error]);
+  return /* @__PURE__ */ jsx(AnalyticsContext.Provider, { value: { analytics: analytics?.analytics, loading }, children });
+}
+
+export { AnalyticsDataProvider, useAnalyticsData };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Visualization/components/AnalyticsDataProvider/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Visualization/components/AnalyticsDataProvider/index.tsx"],"names":["dimensions","filters"],"mappings":"AA8EI;AA9EJ,SAAgB,eAAe,YAAY,WAAW,eAAe;AAErE,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,SAAS,WAAW;AAE7B,MAAM,mBAAmB,cAEvB,MAAS;AAEX,MAAM,iBAAiB;AAAA,EACrB,WAAW;AAAA,IACT,UAAU;AAAA,IACV,QAAQ,CAAC,EAAC,YAAY,QAAO,MAAW;AACtC,aAAO;AAAA,QACL,WAAW,OAAO,KAAK,UAAU,EAAE,IAAI,CAAC,cAAc,GAAG,SAAS,IAAI,WAAW,SAAS,GAAG,KAAK,GAAG,CAAC,EAAE;AAAA,QACxG,QAAQ,OAAO,KAAK,OAAO,EAAE,IAAI,CAAC,cAAc,GAAG,SAAS,IAAI,QAAQ,SAAS,GAAG,KAAK,GAAG,CAAC,EAAE;AAAA,QAC/F,wBAAwB;AAAA,MAC1B;AAAA,IACF;AAAA,EACF;AACF;AAMO,SAAS,mBAAmB;AACjC,SAAO,WAAW,gBAAgB,KAAK,EAAC,WAAW,CAAC,GAAG,SAAS,MAAK;AACvE;AAEO,SAAS,sBAAsB,EAAC,SAAQ,GAAsB;AACnE,QAAM,CAAC,mBAAmB,IAAI,cAAc;AAC5C,QAAM,CAAC,MAAM,IAAI,UAAU;AAC3B,QAAM,EAAC,YAAY,QAAO,IAAI,QAAQ,MAAM;AAC1C,UAAMA,cAAa,CAAC;AACpB,UAAMC,WAAU,CAAC;AAEjB,YAAQ,CAAC,GAAI,QAAQ,WAAW,CAAC,GAAI,GAAI,QAAQ,QAAQ,CAAC,CAAE,GAAG,CAAC,cAAc;AAC5E,UAAID,aAAY,CAAC,SAAS,GAAI,sBAA6C,SAAS,CAAC;AAAA,IACvF,CAAC;AACD,YAAQ,CAAC,GAAI,QAAQ,WAAW,CAAC,CAAE,GAAG,CAAC,cAAc;AACnD,UAAIC,UAAS,CAAC,SAAS,GAAI,sBAA6C,SAAS,CAAC;AAAA,IACpF,CAAC;AAED,WAAO;AAAA,MACL,YAAAD;AAAA,MACA,SAAAC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,mBAAmB,CAAC;AAEhC,UAAQ,IAAI;AAAA,IACV;AAAA,EACF,CAAC;AAED,QAAM,EAAC,MAAM,WAAW,OAAO,SAAS,SAAS,OAAM,IAAI,aAAa,gBAAgB;AAAA,IACtF,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA,MAAM;AAAA,EACR,CAAC;AAED,YAAU,MAAM;AACd,YAAQ;AAAA,MACN;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,YAAY,OAAO,CAAC;AAExB,YAAU,MAAM;AACd,QAAI,OAAO;AACT,YAAM;AAAA,IACR;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,EAAC,WAAW,WAAW,WAAwB,QAAO,GACrF,UACH;AAEJ","sourcesContent":["import React, { createContext, useContext, useEffect, useMemo } from \"react\";\nimport { Analytics, AnalyticsDimension } from \"@hisptz/dhis2-utils\";\nimport { useDimensions } from \"../DimensionsProvider\";\nimport { useDataQuery } from \"@dhis2/app-runtime\";\nimport { useLayout } from \"../LayoutProvider\";\nimport { forEach, set } from \"lodash\";\n\nconst AnalyticsContext = createContext<\n\t{ loading: boolean; analytics: Analytics } | undefined\n>(undefined);\n\nconst analyticsQuery = {\n\t\tanalytics: {\n\t\t\t\tresource: \"analytics\",\n\t\t\t\tparams: ({dimensions, filters}: any) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\tdimension: Object.keys(dimensions).map((dimension) => `${dimension}:${dimensions[dimension]?.join(';')}`),\n\t\t\t\t\t\t\t\tfilter: Object.keys(filters).map((dimension) => `${dimension}:${filters[dimension]?.join(';')}`),\n\t\t\t\t\t\t\t\tincludeMetadataDetails: true\n\t\t\t\t\t\t}\n\t\t\t\t}\n\t\t}\n}\n\nexport interface DataProviderProps {\n\t\tchildren: React.ReactNode\n}\n\nexport function useAnalyticsData() {\n\t\treturn useContext(AnalyticsContext) ?? {analytics: {}, loading: false}\n}\n\nexport function AnalyticsDataProvider({children}: DataProviderProps) {\n\t\tconst [analyticsDimensions] = useDimensions();\n\t\tconst [layout] = useLayout();\n\t\tconst {dimensions, filters} = useMemo(() => {\n\t\t\t\tconst dimensions = {};\n\t\t\t\tconst filters = {};\n\n\t\t\t\tforEach([...(layout?.columns ?? []), ...(layout?.rows ?? [])], (dimension) => {\n\t\t\t\t\t\tset(dimensions, [dimension], (analyticsDimensions as AnalyticsDimension)?.[dimension])\n\t\t\t\t})\n\t\t\t\tforEach([...(layout?.filters ?? [])], (dimension) => {\n\t\t\t\t\t\tset(filters, [dimension], (analyticsDimensions as AnalyticsDimension)?.[dimension])\n\t\t\t\t})\n\n\t\t\t\treturn {\n\t\t\t\t\t\tdimensions,\n\t\t\t\t\t\tfilters\n\t\t\t\t}\n\t\t}, [layout, analyticsDimensions]);\n\n\t\tconsole.log({\n\t\t\t\tfilters\n\t\t})\n\n\t\tconst {data: analytics, error, loading, refetch, called} = useDataQuery(analyticsQuery, {\n\t\t\t\tvariables: {\n\t\t\t\t\t\tdimensions,\n\t\t\t\t\t\tfilters\n\t\t\t\t},\n\t\t\t\tlazy: true\n\t\t});\n\n\t\tuseEffect(() => {\n\t\t\t\trefetch({\n\t\t\t\t\t\tdimensions,\n\t\t\t\t\t\tfilters\n\t\t\t\t})\n\t\t}, [dimensions, filters]);\n\n\t\tuseEffect(() => {\n\t\t\t\tif (error) {\n\t\t\t\t\t\tthrow error;\n\t\t\t\t}\n\t\t}, [error])\n\n\t\treturn (\n\t\t\t\t<AnalyticsContext.Provider value={{analytics: analytics?.analytics as Analytics, loading}}>\n\t\t\t\t\t\t{children}\n\t\t\t\t</AnalyticsContext.Provider>\n\t\t)\n}\n"]}

package/dist/components/Visualization/components/DimensionsProvider/index.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var lodash = require('lodash');
+var usehooksTs = require('usehooks-ts');
+
+const DimensionState = react.createContext({
+  dx: [],
+  pe: [],
+  ou: []
+});
+const DimensionUpdateState = react.createContext(void 0);
+function reducer(state, { dimension, value }) {
+  const updatedState = { ...state ?? {} };
+  lodash.set(updatedState, [dimension], value);
+  return updatedState;
+}
+function useDimensions() {
+  return [
+    react.useContext(DimensionState),
+    react.useContext(DimensionUpdateState)
+  ];
+}
+function DimensionsProvider({ children, dimensions }) {
+  const [state, dispatch] = react.useReducer(reducer, dimensions);
+  usehooksTs.useUpdateEffect(() => {
+    Object.keys(dimensions).forEach((dimension) => {
+      dispatch({ dimension, value: dimensions[dimension] ?? [] });
+    });
+  }, [dimensions]);
+  return /* @__PURE__ */ jsxRuntime.jsx(DimensionState.Provider, { value: state, children: /* @__PURE__ */ jsxRuntime.jsx(DimensionUpdateState.Provider, { value: dispatch, children }) });
+}
+
+exports.DimensionState = DimensionState;
+exports.DimensionUpdateState = DimensionUpdateState;
+exports.DimensionsProvider = DimensionsProvider;
+exports.useDimensions = useDimensions;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Visualization/components/DimensionsProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Visualization/components/DimensionsProvider/index.tsx"],"names":[],"mappings":"AA6CQ;AA7CR,SAAgB,eAAe,YAAY,kBAAkB;AAE7D,SAAS,WAAW;AACpB,SAAS,uBAAuB;AAKzB,MAAM,iBAAiB,cAAkC;AAAA,EAC5D,IAAI,CAAC;AAAA,EACL,IAAI,CAAC;AAAA,EACL,IAAI,CAAC;AACT,CAAC;AACM,MAAM,uBAAuB,cAA4C,MAAS;AAGzF,SAAS,QAAQ,OAA2B,EAAC,WAAW,MAAK,GAA8C;AACvG,QAAM,eAAe,EAAC,GAAI,SAAS,CAAC,EAAE;AACtC,MAAI,cAAc,CAAC,SAAS,GAAG,KAAK;AACpC,SAAO;AACX;AAOO,SAAS,gBAAgB;AAC5B,SAAO;AAAA,IACH,WAAW,cAAc;AAAA,IACzB,WAAW,oBAAoB;AAAA,EACnC;AACJ;AAEO,SAAS,mBAAmB,EAAC,UAAU,WAAU,GAA2B;AAC/E,QAAM,CAAC,OAAO,QAAQ,IAAI,WAAW,SAAS,UAAU;AAExD,kBAAgB,MAAM;AAClB,WAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,cAAsB;AACnD,eAAS,EAAC,WAAmC,OAAO,WAAW,SAAS,KAAK,CAAC,EAAC,CAAC;AAAA,IACpF,CAAC;AAAA,EACL,GAAG,CAAC,UAAU,CAAC;AAGf,SAAO,oBAAC,eAAe,UAAf,EAAwB,OAAO,OACnC,8BAAC,qBAAqB,UAArB,EAA8B,OAAO,UACjC,UACL,GACJ;AACJ","sourcesContent":["import React, { createContext, useContext, useReducer } from \"react\";\nimport { AnalyticsDimension } from \"@hisptz/dhis2-utils\";\nimport { set } from \"lodash\";\nimport { useUpdateEffect } from \"usehooks-ts\";\n\nexport type Dimension = \"ou\" | \"pe\" | \"dx\" | \"co\";\n\nexport type DimensionUpdater = (data: { dimension: Dimension; value: string[] }) => void\nexport const DimensionState = createContext<AnalyticsDimension>({\n    dx: [],\n    pe: [],\n    ou: []\n})\nexport const DimensionUpdateState = createContext<DimensionUpdater | undefined>(undefined);\n\n\nfunction reducer(state: AnalyticsDimension, {dimension, value}: { dimension: Dimension, value: string[] }) {\n    const updatedState = {...(state ?? {})};\n    set(updatedState, [dimension], value);\n    return updatedState\n}\n\nexport interface DimensionProviderProps {\n    children: React.ReactNode,\n    dimensions: AnalyticsDimension\n}\n\nexport function useDimensions() {\n    return [\n        useContext(DimensionState),\n        useContext(DimensionUpdateState)\n    ] as [AnalyticsDimension, DimensionUpdater]\n}\n\nexport function DimensionsProvider({children, dimensions}: DimensionProviderProps) {\n    const [state, dispatch] = useReducer(reducer, dimensions);\n\n    useUpdateEffect(() => {\n        Object.keys(dimensions).forEach((dimension: string) => {\n            dispatch({dimension: dimension as Dimension, value: dimensions[dimension] ?? []})\n        })\n    }, [dimensions]);\n\n\n    return <DimensionState.Provider value={state}>\n        <DimensionUpdateState.Provider value={dispatch}>\n            {children}\n        </DimensionUpdateState.Provider>\n    </DimensionState.Provider>\n}\n"]}

package/dist/components/Visualization/components/DimensionsProvider/index.mjs

@@ -0,0 +1,35 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useReducer } from 'react';
+import { set } from 'lodash';
+import { useUpdateEffect } from 'usehooks-ts';
+
+const DimensionState = createContext({
+  dx: [],
+  pe: [],
+  ou: []
+});
+const DimensionUpdateState = createContext(void 0);
+function reducer(state, { dimension, value }) {
+  const updatedState = { ...state ?? {} };
+  set(updatedState, [dimension], value);
+  return updatedState;
+}
+function useDimensions() {
+  return [
+    useContext(DimensionState),
+    useContext(DimensionUpdateState)
+  ];
+}
+function DimensionsProvider({ children, dimensions }) {
+  const [state, dispatch] = useReducer(reducer, dimensions);
+  useUpdateEffect(() => {
+    Object.keys(dimensions).forEach((dimension) => {
+      dispatch({ dimension, value: dimensions[dimension] ?? [] });
+    });
+  }, [dimensions]);
+  return /* @__PURE__ */ jsx(DimensionState.Provider, { value: state, children: /* @__PURE__ */ jsx(DimensionUpdateState.Provider, { value: dispatch, children }) });
+}
+
+export { DimensionState, DimensionUpdateState, DimensionsProvider, useDimensions };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Visualization/components/DimensionsProvider/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Visualization/components/DimensionsProvider/index.tsx"],"names":[],"mappings":"AA6CQ;AA7CR,SAAgB,eAAe,YAAY,kBAAkB;AAE7D,SAAS,WAAW;AACpB,SAAS,uBAAuB;AAKzB,MAAM,iBAAiB,cAAkC;AAAA,EAC5D,IAAI,CAAC;AAAA,EACL,IAAI,CAAC;AAAA,EACL,IAAI,CAAC;AACT,CAAC;AACM,MAAM,uBAAuB,cAA4C,MAAS;AAGzF,SAAS,QAAQ,OAA2B,EAAC,WAAW,MAAK,GAA8C;AACvG,QAAM,eAAe,EAAC,GAAI,SAAS,CAAC,EAAE;AACtC,MAAI,cAAc,CAAC,SAAS,GAAG,KAAK;AACpC,SAAO;AACX;AAOO,SAAS,gBAAgB;AAC5B,SAAO;AAAA,IACH,WAAW,cAAc;AAAA,IACzB,WAAW,oBAAoB;AAAA,EACnC;AACJ;AAEO,SAAS,mBAAmB,EAAC,UAAU,WAAU,GAA2B;AAC/E,QAAM,CAAC,OAAO,QAAQ,IAAI,WAAW,SAAS,UAAU;AAExD,kBAAgB,MAAM;AAClB,WAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,cAAsB;AACnD,eAAS,EAAC,WAAmC,OAAO,WAAW,SAAS,KAAK,CAAC,EAAC,CAAC;AAAA,IACpF,CAAC;AAAA,EACL,GAAG,CAAC,UAAU,CAAC;AAGf,SAAO,oBAAC,eAAe,UAAf,EAAwB,OAAO,OACnC,8BAAC,qBAAqB,UAArB,EAA8B,OAAO,UACjC,UACL,GACJ;AACJ","sourcesContent":["import React, { createContext, useContext, useReducer } from \"react\";\nimport { AnalyticsDimension } from \"@hisptz/dhis2-utils\";\nimport { set } from \"lodash\";\nimport { useUpdateEffect } from \"usehooks-ts\";\n\nexport type Dimension = \"ou\" | \"pe\" | \"dx\" | \"co\";\n\nexport type DimensionUpdater = (data: { dimension: Dimension; value: string[] }) => void\nexport const DimensionState = createContext<AnalyticsDimension>({\n    dx: [],\n    pe: [],\n    ou: []\n})\nexport const DimensionUpdateState = createContext<DimensionUpdater | undefined>(undefined);\n\n\nfunction reducer(state: AnalyticsDimension, {dimension, value}: { dimension: Dimension, value: string[] }) {\n    const updatedState = {...(state ?? {})};\n    set(updatedState, [dimension], value);\n    return updatedState\n}\n\nexport interface DimensionProviderProps {\n    children: React.ReactNode,\n    dimensions: AnalyticsDimension\n}\n\nexport function useDimensions() {\n    return [\n        useContext(DimensionState),\n        useContext(DimensionUpdateState)\n    ] as [AnalyticsDimension, DimensionUpdater]\n}\n\nexport function DimensionsProvider({children, dimensions}: DimensionProviderProps) {\n    const [state, dispatch] = useReducer(reducer, dimensions);\n\n    useUpdateEffect(() => {\n        Object.keys(dimensions).forEach((dimension: string) => {\n            dispatch({dimension: dimension as Dimension, value: dimensions[dimension] ?? []})\n        })\n    }, [dimensions]);\n\n\n    return <DimensionState.Provider value={state}>\n        <DimensionUpdateState.Provider value={dispatch}>\n            {children}\n        </DimensionUpdateState.Provider>\n    </DimensionState.Provider>\n}\n"]}

package/dist/components/Visualization/components/LayoutProvider/index.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+const LayoutState = react.createContext(void 0);
+function useLayout() {
+  return [
+    react.useContext(LayoutState) ?? { rows: [], filters: [], columns: [] }
+  ];
+}
+function LayoutProvider({ defaultLayout, children }) {
+  const [layout, setLayout] = react.useState(defaultLayout);
+  return /* @__PURE__ */ jsxRuntime.jsx(LayoutState.Provider, { value: layout, children });
+}
+
+exports.LayoutProvider = LayoutProvider;
+exports.LayoutState = LayoutState;
+exports.useLayout = useLayout;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Visualization/components/LayoutProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Visualization/components/LayoutProvider/index.tsx"],"names":[],"mappings":"AA4BQ;AA5BR,SAAgB,eAAe,YAAY,gBAAgB;AAcpD,MAAM,cAAc,cAAkC,MAAS;AAG/D,SAAS,YAAY;AAExB,SAAO;AAAA,IACH,WAAW,WAAW,KAAK,EAAC,MAAM,CAAC,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC,EAAC;AAAA,EAClE;AACJ;AAEO,SAAS,eAAe,EAAC,eAAe,SAAQ,GAAwB;AAC3E,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,aAAa;AAElD,SACI,oBAAC,YAAY,UAAZ,EAAqB,OAAO,QACxB,UACL;AAER","sourcesContent":["import React, { createContext, useContext, useState } from \"react\";\nimport { Dimension } from \"../DimensionsProvider\";\n\nexport interface Layout {\n\trows: Dimension[];\n\tcolumns: Dimension[];\n\tfilters: Dimension[];\n}\n\nexport interface LayoutProviderProps {\n    children: React.ReactNode;\n    defaultLayout: Layout\n}\n\nexport const LayoutState = createContext<Layout | undefined>(undefined);\n\n\nexport function useLayout() {\n\n    return [\n        useContext(LayoutState) ?? {rows: [], filters: [], columns: []}\n    ]\n}\n\nexport function LayoutProvider({defaultLayout, children}: LayoutProviderProps) {\n    const [layout, setLayout] = useState(defaultLayout);\n\n    return (\n        <LayoutState.Provider value={layout}>\n            {children}\n        </LayoutState.Provider>\n    )\n}\n"]}

package/dist/components/Visualization/components/LayoutProvider/index.mjs

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useState } from 'react';
+
+const LayoutState = createContext(void 0);
+function useLayout() {
+  return [
+    useContext(LayoutState) ?? { rows: [], filters: [], columns: [] }
+  ];
+}
+function LayoutProvider({ defaultLayout, children }) {
+  const [layout, setLayout] = useState(defaultLayout);
+  return /* @__PURE__ */ jsx(LayoutState.Provider, { value: layout, children });
+}
+
+export { LayoutProvider, LayoutState, useLayout };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Visualization/components/LayoutProvider/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Visualization/components/LayoutProvider/index.tsx"],"names":[],"mappings":"AA4BQ;AA5BR,SAAgB,eAAe,YAAY,gBAAgB;AAcpD,MAAM,cAAc,cAAkC,MAAS;AAG/D,SAAS,YAAY;AAExB,SAAO;AAAA,IACH,WAAW,WAAW,KAAK,EAAC,MAAM,CAAC,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC,EAAC;AAAA,EAClE;AACJ;AAEO,SAAS,eAAe,EAAC,eAAe,SAAQ,GAAwB;AAC3E,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,aAAa;AAElD,SACI,oBAAC,YAAY,UAAZ,EAAqB,OAAO,QACxB,UACL;AAER","sourcesContent":["import React, { createContext, useContext, useState } from \"react\";\nimport { Dimension } from \"../DimensionsProvider\";\n\nexport interface Layout {\n\trows: Dimension[];\n\tcolumns: Dimension[];\n\tfilters: Dimension[];\n}\n\nexport interface LayoutProviderProps {\n    children: React.ReactNode;\n    defaultLayout: Layout\n}\n\nexport const LayoutState = createContext<Layout | undefined>(undefined);\n\n\nexport function useLayout() {\n\n    return [\n        useContext(LayoutState) ?? {rows: [], filters: [], columns: []}\n    ]\n}\n\nexport function LayoutProvider({defaultLayout, children}: LayoutProviderProps) {\n    const [layout, setLayout] = useState(defaultLayout);\n\n    return (\n        <LayoutState.Provider value={layout}>\n            {children}\n        </LayoutState.Provider>\n    )\n}\n"]}

package/dist/components/Visualization/components/VisualizationDimensionSelector/index.js

@@ -0,0 +1,91 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var ui = require('@dhis2/ui');
+var i18n = require('@dhis2/d2-i18n');
+var DimensionsProvider = require('../DimensionsProvider');
+var dhis2Ui = require('@hisptz/dhis2-ui');
+var VisualizationSelector = require('../VisualizationSelector');
+var map = require('../../../Map/utils/map');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+
+function VisualizationDimensionSelector({
+  showPeriodSelector,
+  showOrgUnitSelector
+}) {
+  const [dimensions, setDimensions] = DimensionsProvider.useDimensions();
+  const periods = react.useMemo(() => dimensions.pe, [dimensions.pe]);
+  const orgUnitSelection = react.useMemo(
+    () => VisualizationSelector.getOrgUnitSelectionFromIds(dimensions.ou ?? []),
+    [dimensions.ou]
+  );
+  const [openFilter, setOpenFilter] = react.useState();
+  const onFilterUpdate = react.useCallback(
+    (type) => (data) => {
+      setOpenFilter(void 0);
+      if (type === "ou") {
+        setDimensions({
+          dimension: "ou",
+          value: map.getOrgUnitsSelection(data)
+        });
+        return;
+      }
+      if (type === "pe") {
+        setDimensions({ dimension: "pe", value: data });
+        return;
+      }
+    },
+    [setDimensions]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+    showPeriodSelector && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { content: i18n__default.default.t("Period"), children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        dhis2Ui.PeriodSelectorModal,
+        {
+          position: "middle",
+          enablePeriodSelector: true,
+          selectedPeriods: periods,
+          onClose: () => setOpenFilter(void 0),
+          hide: openFilter !== "pe",
+          onUpdate: onFilterUpdate("pe")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          onClick: () => setOpenFilter("pe"),
+          icon: /* @__PURE__ */ jsxRuntime.jsx(ui.IconClock24, {})
+        }
+      )
+    ] }) }),
+    showOrgUnitSelector && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { content: i18n__default.default.t("Location"), children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        dhis2Ui.OrgUnitSelectorModal,
+        {
+          showUserOptions: true,
+          searchable: true,
+          title: i18n__default.default.t("Select location(s)"),
+          value: orgUnitSelection,
+          onClose: () => setOpenFilter(void 0),
+          hide: openFilter !== "ou",
+          onUpdate: onFilterUpdate("ou")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          onClick: () => setOpenFilter("ou"),
+          icon: /* @__PURE__ */ jsxRuntime.jsx(ui.IconLocation24, {})
+        }
+      )
+    ] }) })
+  ] }) });
+}
+
+exports.VisualizationDimensionSelector = VisualizationDimensionSelector;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Visualization/components/VisualizationDimensionSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Visualization/components/VisualizationDimensionSelector/index.tsx"],"names":[],"mappings":"AA+CM,mBACC,KADD;AA/CN,SAAgB,aAAa,SAAS,gBAAgB;AACtD,SAAS,QAAQ,aAAa,gBAAgB,eAAe;AAC7D,OAAO,UAAU;AACjB,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB,2BAA2B;AAE1D,SAAS,kCAAkC;AAC3C,SAAS,4BAA4B;AAE9B,SAAS,+BAA+B;AAAA,EAC9C;AAAA,EACA;AACD,GAGG;AACF,QAAM,CAAC,YAAY,aAAa,IAAI,cAAc;AAClD,QAAM,UAAU,QAAQ,MAAM,WAAW,IAAI,CAAC,WAAW,EAAE,CAAC;AAC5D,QAAM,mBAAmB;AAAA,IACxB,MAAM,2BAA2B,WAAW,MAAM,CAAC,CAAC;AAAA,IACpD,CAAC,WAAW,EAAE;AAAA,EACf;AACA,QAAM,CAAC,YAAY,aAAa,IAAI,SAAkC;AAEtE,QAAM,iBAAiB;AAAA,IACtB,CAAC,SAAsB,CAAC,SAAiC;AACxD,oBAAc,MAAS;AACvB,UAAI,SAAS,MAAM;AAClB,sBAAc;AAAA,UACb,WAAW;AAAA,UACX,OAAO,qBAAqB,IAAI;AAAA,QACjC,CAAC;AACD;AAAA,MACD;AACA,UAAI,SAAS,MAAM;AAClB,sBAAc,EAAE,WAAW,MAAM,OAAO,KAAK,CAAC;AAC9C;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAC,aAAa;AAAA,EACf;AAEA,SACC,gCACC,+BAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,EAAE,GACpC;AAAA,0BACA,oBAAC,WAAQ,SAAS,KAAK,EAAE,QAAQ,GAChC,2CACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,UAAS;AAAA,UACT,sBAAoB;AAAA,UACpB,iBAAiB;AAAA,UACjB,SAAS,MAAM,cAAc,MAAS;AAAA,UACtC,MAAM,eAAe;AAAA,UACrB,UAAU,eAAe,IAAI;AAAA;AAAA,MAC9B;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,SAAS,MAAM,cAAc,IAAI;AAAA,UACjC,MAAM,oBAAC,eAAY;AAAA;AAAA,MACpB;AAAA,OACD,GACD;AAAA,IAEA,uBACA,oBAAC,WAAQ,SAAS,KAAK,EAAE,UAAU,GAClC,2CACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,iBAAe;AAAA,UACf,YAAU;AAAA,UACV,OAAO,KAAK,EAAE,oBAAoB;AAAA,UAClC,OAAO;AAAA,UACP,SAAS,MAAM,cAAc,MAAS;AAAA,UACtC,MAAM,eAAe;AAAA,UACrB,UAAU,eAAe,IAAI;AAAA;AAAA,MAC9B;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,SAAS,MAAM,cAAc,IAAI;AAAA,UACjC,MAAM,oBAAC,kBAAe;AAAA;AAAA,MACvB;AAAA,OACD,GACD;AAAA,KAEF,GACD;AAEF","sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { Button, IconClock24, IconLocation24, Tooltip } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { useDimensions } from \"../DimensionsProvider\";\nimport { OrgUnitSelectorModal, PeriodSelectorModal } from \"@hisptz/dhis2-ui\";\nimport { OrgUnitSelection } from \"@hisptz/dhis2-utils\";\nimport { getOrgUnitSelectionFromIds } from \"../VisualizationSelector\";\nimport { getOrgUnitsSelection } from \"../../../Map/utils/map\";\n\nexport function VisualizationDimensionSelector({\n\tshowPeriodSelector,\n\tshowOrgUnitSelector,\n}: {\n\tshowPeriodSelector?: boolean;\n\tshowOrgUnitSelector?: boolean;\n}) {\n\tconst [dimensions, setDimensions] = useDimensions();\n\tconst periods = useMemo(() => dimensions.pe, [dimensions.pe]);\n\tconst orgUnitSelection = useMemo(\n\t\t() => getOrgUnitSelectionFromIds(dimensions.ou ?? []),\n\t\t[dimensions.ou],\n\t);\n\tconst [openFilter, setOpenFilter] = useState<\"pe\" | \"ou\" | undefined>();\n\n\tconst onFilterUpdate = useCallback(\n\t\t(type: \"ou\" | \"pe\") => (data: OrgUnitSelection | any) => {\n\t\t\tsetOpenFilter(undefined);\n\t\t\tif (type === \"ou\") {\n\t\t\t\tsetDimensions({\n\t\t\t\t\tdimension: \"ou\",\n\t\t\t\t\tvalue: getOrgUnitsSelection(data),\n\t\t\t\t});\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (type === \"pe\") {\n\t\t\t\tsetDimensions({ dimension: \"pe\", value: data });\n\t\t\t\treturn;\n\t\t\t}\n\t\t},\n\t\t[setDimensions],\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<div style={{ display: \"flex\", gap: 8 }}>\n\t\t\t\t{showPeriodSelector && (\n\t\t\t\t\t<Tooltip content={i18n.t(\"Period\")}>\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<PeriodSelectorModal\n\t\t\t\t\t\t\t\tposition=\"middle\"\n\t\t\t\t\t\t\t\tenablePeriodSelector\n\t\t\t\t\t\t\t\tselectedPeriods={periods}\n\t\t\t\t\t\t\t\tonClose={() => setOpenFilter(undefined)}\n\t\t\t\t\t\t\t\thide={openFilter !== \"pe\"}\n\t\t\t\t\t\t\t\tonUpdate={onFilterUpdate(\"pe\")}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tonClick={() => setOpenFilter(\"pe\")}\n\t\t\t\t\t\t\t\ticon={<IconClock24 />}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t\t{showOrgUnitSelector && (\n\t\t\t\t\t<Tooltip content={i18n.t(\"Location\")}>\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<OrgUnitSelectorModal\n\t\t\t\t\t\t\t\tshowUserOptions\n\t\t\t\t\t\t\t\tsearchable\n\t\t\t\t\t\t\t\ttitle={i18n.t(\"Select location(s)\")}\n\t\t\t\t\t\t\t\tvalue={orgUnitSelection}\n\t\t\t\t\t\t\t\tonClose={() => setOpenFilter(undefined)}\n\t\t\t\t\t\t\t\thide={openFilter !== \"ou\"}\n\t\t\t\t\t\t\t\tonUpdate={onFilterUpdate(\"ou\")}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tonClick={() => setOpenFilter(\"ou\")}\n\t\t\t\t\t\t\t\ticon={<IconLocation24 />}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}

package/dist/components/Visualization/components/VisualizationDimensionSelector/index.mjs

@@ -0,0 +1,85 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useMemo, useState, useCallback } from 'react';
+import { Tooltip, Button, IconClock24, IconLocation24 } from '@dhis2/ui';
+import i18n from '@dhis2/d2-i18n';
+import { useDimensions } from '../DimensionsProvider';
+import { PeriodSelectorModal, OrgUnitSelectorModal } from '@hisptz/dhis2-ui';
+import { getOrgUnitSelectionFromIds } from '../VisualizationSelector';
+import { getOrgUnitsSelection } from '../../../Map/utils/map';
+
+function VisualizationDimensionSelector({
+  showPeriodSelector,
+  showOrgUnitSelector
+}) {
+  const [dimensions, setDimensions] = useDimensions();
+  const periods = useMemo(() => dimensions.pe, [dimensions.pe]);
+  const orgUnitSelection = useMemo(
+    () => getOrgUnitSelectionFromIds(dimensions.ou ?? []),
+    [dimensions.ou]
+  );
+  const [openFilter, setOpenFilter] = useState();
+  const onFilterUpdate = useCallback(
+    (type) => (data) => {
+      setOpenFilter(void 0);
+      if (type === "ou") {
+        setDimensions({
+          dimension: "ou",
+          value: getOrgUnitsSelection(data)
+        });
+        return;
+      }
+      if (type === "pe") {
+        setDimensions({ dimension: "pe", value: data });
+        return;
+      }
+    },
+    [setDimensions]
+  );
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+    showPeriodSelector && /* @__PURE__ */ jsx(Tooltip, { content: i18n.t("Period"), children: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        PeriodSelectorModal,
+        {
+          position: "middle",
+          enablePeriodSelector: true,
+          selectedPeriods: periods,
+          onClose: () => setOpenFilter(void 0),
+          hide: openFilter !== "pe",
+          onUpdate: onFilterUpdate("pe")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => setOpenFilter("pe"),
+          icon: /* @__PURE__ */ jsx(IconClock24, {})
+        }
+      )
+    ] }) }),
+    showOrgUnitSelector && /* @__PURE__ */ jsx(Tooltip, { content: i18n.t("Location"), children: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        OrgUnitSelectorModal,
+        {
+          showUserOptions: true,
+          searchable: true,
+          title: i18n.t("Select location(s)"),
+          value: orgUnitSelection,
+          onClose: () => setOpenFilter(void 0),
+          hide: openFilter !== "ou",
+          onUpdate: onFilterUpdate("ou")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => setOpenFilter("ou"),
+          icon: /* @__PURE__ */ jsx(IconLocation24, {})
+        }
+      )
+    ] }) })
+  ] }) });
+}
+
+export { VisualizationDimensionSelector };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Visualization/components/VisualizationDimensionSelector/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Visualization/components/VisualizationDimensionSelector/index.tsx"],"names":[],"mappings":"AA+CM,mBACC,KADD;AA/CN,SAAgB,aAAa,SAAS,gBAAgB;AACtD,SAAS,QAAQ,aAAa,gBAAgB,eAAe;AAC7D,OAAO,UAAU;AACjB,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB,2BAA2B;AAE1D,SAAS,kCAAkC;AAC3C,SAAS,4BAA4B;AAE9B,SAAS,+BAA+B;AAAA,EAC9C;AAAA,EACA;AACD,GAGG;AACF,QAAM,CAAC,YAAY,aAAa,IAAI,cAAc;AAClD,QAAM,UAAU,QAAQ,MAAM,WAAW,IAAI,CAAC,WAAW,EAAE,CAAC;AAC5D,QAAM,mBAAmB;AAAA,IACxB,MAAM,2BAA2B,WAAW,MAAM,CAAC,CAAC;AAAA,IACpD,CAAC,WAAW,EAAE;AAAA,EACf;AACA,QAAM,CAAC,YAAY,aAAa,IAAI,SAAkC;AAEtE,QAAM,iBAAiB;AAAA,IACtB,CAAC,SAAsB,CAAC,SAAiC;AACxD,oBAAc,MAAS;AACvB,UAAI,SAAS,MAAM;AAClB,sBAAc;AAAA,UACb,WAAW;AAAA,UACX,OAAO,qBAAqB,IAAI;AAAA,QACjC,CAAC;AACD;AAAA,MACD;AACA,UAAI,SAAS,MAAM;AAClB,sBAAc,EAAE,WAAW,MAAM,OAAO,KAAK,CAAC;AAC9C;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAC,aAAa;AAAA,EACf;AAEA,SACC,gCACC,+BAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,EAAE,GACpC;AAAA,0BACA,oBAAC,WAAQ,SAAS,KAAK,EAAE,QAAQ,GAChC,2CACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,UAAS;AAAA,UACT,sBAAoB;AAAA,UACpB,iBAAiB;AAAA,UACjB,SAAS,MAAM,cAAc,MAAS;AAAA,UACtC,MAAM,eAAe;AAAA,UACrB,UAAU,eAAe,IAAI;AAAA;AAAA,MAC9B;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,SAAS,MAAM,cAAc,IAAI;AAAA,UACjC,MAAM,oBAAC,eAAY;AAAA;AAAA,MACpB;AAAA,OACD,GACD;AAAA,IAEA,uBACA,oBAAC,WAAQ,SAAS,KAAK,EAAE,UAAU,GAClC,2CACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,iBAAe;AAAA,UACf,YAAU;AAAA,UACV,OAAO,KAAK,EAAE,oBAAoB;AAAA,UAClC,OAAO;AAAA,UACP,SAAS,MAAM,cAAc,MAAS;AAAA,UACtC,MAAM,eAAe;AAAA,UACrB,UAAU,eAAe,IAAI;AAAA;AAAA,MAC9B;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,SAAS,MAAM,cAAc,IAAI;AAAA,UACjC,MAAM,oBAAC,kBAAe;AAAA;AAAA,MACvB;AAAA,OACD,GACD;AAAA,KAEF,GACD;AAEF","sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { Button, IconClock24, IconLocation24, Tooltip } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { useDimensions } from \"../DimensionsProvider\";\nimport { OrgUnitSelectorModal, PeriodSelectorModal } from \"@hisptz/dhis2-ui\";\nimport { OrgUnitSelection } from \"@hisptz/dhis2-utils\";\nimport { getOrgUnitSelectionFromIds } from \"../VisualizationSelector\";\nimport { getOrgUnitsSelection } from \"../../../Map/utils/map\";\n\nexport function VisualizationDimensionSelector({\n\tshowPeriodSelector,\n\tshowOrgUnitSelector,\n}: {\n\tshowPeriodSelector?: boolean;\n\tshowOrgUnitSelector?: boolean;\n}) {\n\tconst [dimensions, setDimensions] = useDimensions();\n\tconst periods = useMemo(() => dimensions.pe, [dimensions.pe]);\n\tconst orgUnitSelection = useMemo(\n\t\t() => getOrgUnitSelectionFromIds(dimensions.ou ?? []),\n\t\t[dimensions.ou],\n\t);\n\tconst [openFilter, setOpenFilter] = useState<\"pe\" | \"ou\" | undefined>();\n\n\tconst onFilterUpdate = useCallback(\n\t\t(type: \"ou\" | \"pe\") => (data: OrgUnitSelection | any) => {\n\t\t\tsetOpenFilter(undefined);\n\t\t\tif (type === \"ou\") {\n\t\t\t\tsetDimensions({\n\t\t\t\t\tdimension: \"ou\",\n\t\t\t\t\tvalue: getOrgUnitsSelection(data),\n\t\t\t\t});\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (type === \"pe\") {\n\t\t\t\tsetDimensions({ dimension: \"pe\", value: data });\n\t\t\t\treturn;\n\t\t\t}\n\t\t},\n\t\t[setDimensions],\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<div style={{ display: \"flex\", gap: 8 }}>\n\t\t\t\t{showPeriodSelector && (\n\t\t\t\t\t<Tooltip content={i18n.t(\"Period\")}>\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<PeriodSelectorModal\n\t\t\t\t\t\t\t\tposition=\"middle\"\n\t\t\t\t\t\t\t\tenablePeriodSelector\n\t\t\t\t\t\t\t\tselectedPeriods={periods}\n\t\t\t\t\t\t\t\tonClose={() => setOpenFilter(undefined)}\n\t\t\t\t\t\t\t\thide={openFilter !== \"pe\"}\n\t\t\t\t\t\t\t\tonUpdate={onFilterUpdate(\"pe\")}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tonClick={() => setOpenFilter(\"pe\")}\n\t\t\t\t\t\t\t\ticon={<IconClock24 />}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t\t{showOrgUnitSelector && (\n\t\t\t\t\t<Tooltip content={i18n.t(\"Location\")}>\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<OrgUnitSelectorModal\n\t\t\t\t\t\t\t\tshowUserOptions\n\t\t\t\t\t\t\t\tsearchable\n\t\t\t\t\t\t\t\ttitle={i18n.t(\"Select location(s)\")}\n\t\t\t\t\t\t\t\tvalue={orgUnitSelection}\n\t\t\t\t\t\t\t\tonClose={() => setOpenFilter(undefined)}\n\t\t\t\t\t\t\t\thide={openFilter !== \"ou\"}\n\t\t\t\t\t\t\t\tonUpdate={onFilterUpdate(\"ou\")}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tonClick={() => setOpenFilter(\"ou\")}\n\t\t\t\t\t\t\t\ticon={<IconLocation24 />}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}

package/dist/components/Visualization/components/VisualizationProvider/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var LayoutProvider = require('../LayoutProvider');
+var DimensionsProvider = require('../DimensionsProvider');
+var AnalyticsDataProvider = require('../AnalyticsDataProvider');
+var VisualizationTypeProvider = require('../VisualizationTypeProvider');
+
+function VisualizationProvider({ layout, dimensions, children, type, config }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DimensionsProvider.DimensionsProvider, { dimensions, children: /* @__PURE__ */ jsxRuntime.jsx(VisualizationTypeProvider.VisualizationTypeProvider, { config, defaultType: type, children: /* @__PURE__ */ jsxRuntime.jsx(LayoutProvider.LayoutProvider, { defaultLayout: layout, children: /* @__PURE__ */ jsxRuntime.jsx(AnalyticsDataProvider.AnalyticsDataProvider, { children }) }) }) });
+}
+
+exports.VisualizationProvider = VisualizationProvider;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Visualization/components/VisualizationProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Visualization/components/VisualizationProvider/index.tsx"],"names":[],"mappings":"AAyBoB;AAxBpB,SAAiB,sBAAsB;AAEvC,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AACtC;AAAA,EAEC;AAAA,OACM;AAWA,SAAS,sBAAsB,EAAC,QAAQ,YAAY,UAAU,MAAM,OAAM,GAA+B;AAE5G,SACI,oBAAC,sBAAmB,YAChB,8BAAC,6BAA0B,QAAgB,aAAa,MACpD,8BAAC,kBAAe,eAAe,QAC3B,8BAAC,yBACI,UACL,GACJ,GACJ,GACJ;AAER","sourcesContent":["import React from \"react\";\nimport { Layout, LayoutProvider } from \"../LayoutProvider\";\nimport { AnalyticsDimension } from \"@hisptz/dhis2-utils\";\nimport { DimensionsProvider } from \"../DimensionsProvider\";\nimport { AnalyticsDataProvider } from \"../AnalyticsDataProvider\";\nimport {\n\tVisualizationType,\n\tVisualizationTypeProvider,\n} from \"../VisualizationTypeProvider\";\nimport { VisualizationConfig } from \"../../index\";\n\nexport interface VisualizationProviderProps {\n\tchildren: React.ReactNode;\n\tlayout: Layout;\n\tdimensions: AnalyticsDimension;\n\ttype: VisualizationType;\n\tconfig: VisualizationConfig;\n}\n\nexport function VisualizationProvider({layout, dimensions, children, type, config}: VisualizationProviderProps) {\n\n    return (\n        <DimensionsProvider dimensions={dimensions}>\n            <VisualizationTypeProvider config={config} defaultType={type}>\n                <LayoutProvider defaultLayout={layout}>\n                    <AnalyticsDataProvider>\n                        {children}\n                    </AnalyticsDataProvider>\n                </LayoutProvider>\n            </VisualizationTypeProvider>\n        </DimensionsProvider>\n    )\n}\n"]}

package/dist/components/Visualization/components/VisualizationProvider/index.mjs

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { LayoutProvider } from '../LayoutProvider';
+import { DimensionsProvider } from '../DimensionsProvider';
+import { AnalyticsDataProvider } from '../AnalyticsDataProvider';
+import { VisualizationTypeProvider } from '../VisualizationTypeProvider';
+
+function VisualizationProvider({ layout, dimensions, children, type, config }) {
+  return /* @__PURE__ */ jsx(DimensionsProvider, { dimensions, children: /* @__PURE__ */ jsx(VisualizationTypeProvider, { config, defaultType: type, children: /* @__PURE__ */ jsx(LayoutProvider, { defaultLayout: layout, children: /* @__PURE__ */ jsx(AnalyticsDataProvider, { children }) }) }) });
+}
+
+export { VisualizationProvider };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Visualization/components/VisualizationProvider/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Visualization/components/VisualizationProvider/index.tsx"],"names":[],"mappings":"AAyBoB;AAxBpB,SAAiB,sBAAsB;AAEvC,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AACtC;AAAA,EAEC;AAAA,OACM;AAWA,SAAS,sBAAsB,EAAC,QAAQ,YAAY,UAAU,MAAM,OAAM,GAA+B;AAE5G,SACI,oBAAC,sBAAmB,YAChB,8BAAC,6BAA0B,QAAgB,aAAa,MACpD,8BAAC,kBAAe,eAAe,QAC3B,8BAAC,yBACI,UACL,GACJ,GACJ,GACJ;AAER","sourcesContent":["import React from \"react\";\nimport { Layout, LayoutProvider } from \"../LayoutProvider\";\nimport { AnalyticsDimension } from \"@hisptz/dhis2-utils\";\nimport { DimensionsProvider } from \"../DimensionsProvider\";\nimport { AnalyticsDataProvider } from \"../AnalyticsDataProvider\";\nimport {\n\tVisualizationType,\n\tVisualizationTypeProvider,\n} from \"../VisualizationTypeProvider\";\nimport { VisualizationConfig } from \"../../index\";\n\nexport interface VisualizationProviderProps {\n\tchildren: React.ReactNode;\n\tlayout: Layout;\n\tdimensions: AnalyticsDimension;\n\ttype: VisualizationType;\n\tconfig: VisualizationConfig;\n}\n\nexport function VisualizationProvider({layout, dimensions, children, type, config}: VisualizationProviderProps) {\n\n    return (\n        <DimensionsProvider dimensions={dimensions}>\n            <VisualizationTypeProvider config={config} defaultType={type}>\n                <LayoutProvider defaultLayout={layout}>\n                    <AnalyticsDataProvider>\n                        {children}\n                    </AnalyticsDataProvider>\n                </LayoutProvider>\n            </VisualizationTypeProvider>\n        </DimensionsProvider>\n    )\n}\n"]}

package/dist/components/Visualization/components/VisualizationSelector/index.js

@@ -0,0 +1,178 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var VisualizationTypeProvider = require('../VisualizationTypeProvider');
+var AnalyticsDataProvider = require('../AnalyticsDataProvider');
+var ui = require('@dhis2/ui');
+var DHIS2PivotTable = require('../../../DHIS2PivotTable');
+var LayoutProvider = require('../LayoutProvider');
+var lodash = require('lodash');
+var DimensionsProvider = require('../DimensionsProvider');
+var i18n = require('@dhis2/d2-i18n');
+var ChartAnalytics = require('../../../ChartAnalytics');
+var Map = require('../../../Map');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+
+function getDimensionLabel(dimension) {
+  switch (dimension) {
+    case "pe":
+      return i18n__default.default.t("Period");
+    case "ou":
+      return i18n__default.default.t("Organisation unit");
+    case "dx":
+      return i18n__default.default.t("Data");
+    default:
+      return "";
+  }
+}
+function getOrgUnitSelectionFromIds(ous) {
+  const orgUnitSelection = {
+    orgUnits: []
+  };
+  lodash.forEach(ous, (ou) => {
+    if (ou === "USER_ORGUNIT") {
+      lodash.set(orgUnitSelection, ["userOrgUnit"], true);
+    } else if (ou === "USER_ORGUNIT_CHILDREN") {
+      lodash.set(orgUnitSelection, ["userSubUnit"], true);
+    } else if (ou === "USER_ORGUNIT_GRANDCHILDREN") {
+      lodash.set(orgUnitSelection, ["userSubX2Unit"], true);
+    } else {
+      const orgUnits = [...orgUnitSelection.orgUnits ?? []];
+      orgUnits.push({
+        id: ou,
+        children: [],
+        path: ""
+      });
+      lodash.set(orgUnitSelection, ["orgUnits"], orgUnits);
+    }
+  });
+  return orgUnitSelection;
+}
+function PivotTableRenderer({
+  options
+}) {
+  const [layout] = LayoutProvider.useLayout();
+  const { analytics } = AnalyticsDataProvider.useAnalyticsData();
+  const sanitizedLayout = react.useMemo(() => {
+    return lodash.mapValues(
+      layout,
+      (dimension) => dimension.map((dimension2) => ({
+        dimension: dimension2,
+        label: getDimensionLabel(dimension2)
+      }))
+    );
+  }, [layout]);
+  if (!analytics) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DHIS2PivotTable.DHIS2PivotTable,
+    {
+      tableProps: {
+        scrollHeight: options.scrollHeight ?? "100%",
+        scrollWidth: options.scrollWidth ?? "100%",
+        width: options.width ?? "100%"
+      },
+      analytics,
+      config: { layout: sanitizedLayout, options }
+    }
+  );
+}
+function ChartRenderer({ options }) {
+  const { analytics } = AnalyticsDataProvider.useAnalyticsData();
+  if (!analytics) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(ChartAnalytics.DHIS2Chart, { analytics, config: { ...options } });
+}
+function MapRenderer({
+  options
+}) {
+  const [dimensions] = DimensionsProvider.useDimensions();
+  const { analytics } = AnalyticsDataProvider.useAnalyticsData();
+  const orgUnitSelection = react.useMemo(() => {
+    return getOrgUnitSelectionFromIds(dimensions.ou ?? []);
+  }, [dimensions.ou]);
+  const thematicLayers = react.useMemo(() => {
+    const valueIndex = lodash.findIndex(analytics.headers, ["name", "value"]) ?? -1;
+    return analytics.metaData?.dimensions["dx"]?.map((dataId) => {
+      const config = lodash.find(options.thematicLayers, ["id", dataId]);
+      const data = analytics.metaData?.dimensions?.ou?.map((ouId) => {
+        const values = lodash.filter(
+          analytics.rows,
+          (row) => row.includes(dataId) && row.includes(ouId)
+        );
+        const value = values.reduce(
+          (acc, value2) => acc + parseFloat(value2[valueIndex]),
+          0
+        );
+        return {
+          data: value,
+          dataItem: dataId,
+          orgUnit: ouId
+        };
+      }) ?? [];
+      return {
+        ...config,
+        data
+      };
+    }) ?? [];
+  }, [analytics]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Map.DHIS2Map,
+    {
+      orgUnitSelection,
+      thematicLayers
+    }
+  );
+}
+function VisualizationSelector({ config }) {
+  const [type] = VisualizationTypeProvider.useVisualizationType();
+  const { analytics, loading } = AnalyticsDataProvider.useAnalyticsData();
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: {
+          width: "100%",
+          height: "100%",
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center"
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(ui.CircularLoader, { small: true })
+      }
+    );
+  }
+  if (!analytics) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    type === "pivotTable" && /* @__PURE__ */ jsxRuntime.jsx(
+      PivotTableRenderer,
+      {
+        options: config?.pivotTable
+      }
+    ),
+    type === "chart" && /* @__PURE__ */ jsxRuntime.jsx(ChartRenderer, { options: config?.chart }),
+    type === "map" && /* @__PURE__ */ jsxRuntime.jsx(
+      MapRenderer,
+      {
+        options: config?.map
+      }
+    )
+  ] });
+}
+
+exports.ChartRenderer = ChartRenderer;
+exports.MapRenderer = MapRenderer;
+exports.PivotTableRenderer = PivotTableRenderer;
+exports.VisualizationSelector = VisualizationSelector;
+exports.getDimensionLabel = getDimensionLabel;
+exports.getOrgUnitSelectionFromIds = getOrgUnitSelectionFromIds;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map