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

package/dist/esm/components/DHIS2PivotTable/DHIS2PivotTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DHIS2PivotTable/DHIS2PivotTable.tsx"],"names":[],"mappings":"AAwDG,SACC,KADD;AAvDH,SAAS,6BAA6B;AACtC,SAAgB,eAAe;AAC/B,SAAS,qCAAqC;AAC9C,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AAsC9B,SAAS,gBAAgB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACD,GAAyB;AACxB,QAAM,SAAS;AAAA,IACd,MAAM,IAAI,sBAAsB,EAAE,WAAW,OAAO,CAAC;AAAA,IACrD,CAAC,WAAW,MAAM;AAAA,EACnB;AAEA,SACC,oBAAC,iCAA8B,QAC9B,+BAAC,cAAW,YACX;AAAA,wBAAC,gBAAa;AAAA,IACd,oBAAC,wBAAqB;AAAA,KACvB,GACD;AAEF","sourcesContent":["import { Analytics, LegendSet } from \"@hisptz/dhis2-utils\";\nimport { DHIS2PivotTableEngine } from \"./services/engine.js\";\nimport React, { useMemo } from \"react\";\nimport { DHIS2PivotTableEngineProvider } from \"./state/engine.js\";\nimport { PivotTable } from \"./components/Table/index.js\";\nimport { TableHeaders } from \"./components/TableHeaders/index.js\";\nimport { CustomPivotTableBody } from \"./components/TableBody/index.js\";\nimport { DHIS2Dimension } from \"./interfaces/index.js\";\nimport { DataTableProps } from \"@dhis2/ui\";\n\nexport interface DHIS2PivotTableOptions {\n\tlegendSets?: LegendSet[];\n\thideEmptyColumns?: boolean;\n\thideEmptyRows?: boolean;\n\tshowRowTotals?: boolean;\n\tshowColumnTotals?: boolean;\n\tshowRowSubtotals?: boolean;\n\tshowColumnSubtotals?: boolean;\n\tfixColumnHeaders?: boolean;\n\tfixRowHeaders?: boolean;\n}\n\nexport interface DHIS2PivotTableProps {\n\tanalytics: Analytics;\n\ttableProps?: DataTableProps;\n\tconfig: {\n\t\tlayout: {\n\t\t\tcolumns: {\n\t\t\t\tdimension: DHIS2Dimension;\n\t\t\t\tlabel?: string;\n\t\t\t}[];\n\t\t\trows: {\n\t\t\t\tdimension: DHIS2Dimension;\n\t\t\t\tlabel?: string;\n\t\t\t}[];\n\t\t\tfilter?: {\n\t\t\t\tdimension: DHIS2Dimension;\n\t\t\t\tlabel?: string;\n\t\t\t}[];\n\t\t};\n\t\toptions?: DHIS2PivotTableOptions;\n\t};\n}\n\nexport function DHIS2PivotTable({\n\tanalytics,\n\tconfig,\n\ttableProps,\n}: DHIS2PivotTableProps) {\n\tconst engine = useMemo(\n\t\t() => new DHIS2PivotTableEngine({ analytics, config }),\n\t\t[analytics, config],\n\t);\n\n\treturn (\n\t\t<DHIS2PivotTableEngineProvider engine={engine}>\n\t\t\t<PivotTable tableProps={tableProps}>\n\t\t\t\t<TableHeaders />\n\t\t\t\t<CustomPivotTableBody />\n\t\t\t</PivotTable>\n\t\t</DHIS2PivotTableEngineProvider>\n\t);\n}\n"]}

package/dist/{components/DHIS2PivotTable/DHIS2PivotTable.stories.mjs → esm/components/DHIS2PivotTable/DHIS2PivotTable.stories.js}

@@ -27,4 +27,4 @@ Default.args = {
 
 export { Default, DHIS2PivotTable_stories_default as default };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=DHIS2PivotTable.stories.mjs.map
+//# sourceMappingURL=DHIS2PivotTable.stories.js.map

package/dist/esm/components/DHIS2PivotTable/DHIS2PivotTable.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DHIS2PivotTable/DHIS2PivotTable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB;AAEvB,SAAS,uBAAuB;AAEhC,MAAM,OAAqC;AAAA,EAC1C,OAAO;AAAA,EACP,WAAW;AACZ;AAEA,IAAO,kCAAQ;AAGR,MAAM,UAAiB;AAAA,EAC7B,MAAM;AACP;AACA,QAAQ,OAAO;AAAA,EACd,WAAW;AAAA,EACX,QAAQ;AAAA,IACP,QAAQ;AAAA,MACP,SAAS;AAAA,QACR,EAAE,WAAW,KAAK;AAAA,QAClB,EAAE,WAAW,MAAM,OAAO,SAAS;AAAA,MACpC;AAAA,MACA,MAAM,CAAC,EAAE,WAAW,MAAM,OAAO,WAAW,CAAC;AAAA,MAC7C,QAAQ,CAAC;AAAA,IACV;AAAA,IACA,SAAS,CAAC;AAAA,EACX;AAAA,EACA,YAAY,CAAC;AACd","sourcesContent":["import simpleData from \"../../shared/resources/simple-data.json\";\nimport { Meta, StoryObj } from \"@storybook/react\";\nimport { DHIS2PivotTable } from \"./DHIS2PivotTable\";\n\nconst meta: Meta<typeof DHIS2PivotTable> = {\n\ttitle: \"DHIS2 Pivot Table\",\n\tcomponent: DHIS2PivotTable,\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof DHIS2PivotTable>;\nexport const Default: Story = {\n\tname: \"Default\",\n};\nDefault.args = {\n\tanalytics: simpleData as any,\n\tconfig: {\n\t\tlayout: {\n\t\t\tcolumns: [\n\t\t\t\t{ dimension: \"ou\" },\n\t\t\t\t{ dimension: \"pe\", label: \"Period\" },\n\t\t\t],\n\t\t\trows: [{ dimension: \"dx\", label: \"Services\" }],\n\t\t\tfilter: [],\n\t\t},\n\t\toptions: {},\n\t},\n\ttableProps: {},\n};\n"]}

package/dist/{components/DHIS2PivotTable/components/Table/index.mjs → esm/components/DHIS2PivotTable/components/Table/index.js}

@@ -7,4 +7,4 @@ function PivotTable({ tableProps, children }) {
 
 export { PivotTable };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DHIS2PivotTable/components/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/DHIS2PivotTable/components/Table/index.tsx"],"names":[],"mappings":"AAWQ;AAVR,SAAS,iBAAiC;AASnC,SAAS,WAAW,EAAE,YAAY,SAAS,GAAoB;AACrE,SAAO,oBAAC,aAAW,GAAI,cAAc,CAAC,GAAK,UAAS;AACrD","sourcesContent":["import React from \"react\";\nimport { DataTable, DataTableProps } from \"@dhis2/ui\";\n\nexport type PivotTableLayoutProps = DataTableProps;\n\nexport interface PivotTableProps {\n\tchildren: React.ReactNode;\n\ttableProps?: DataTableProps;\n}\n\nexport function PivotTable({ tableProps, children }: PivotTableProps) {\n\treturn <DataTable {...(tableProps ?? {})}>{children}</DataTable>;\n}\n"]}

package/dist/esm/components/DHIS2PivotTable/components/TableBody/TableBody.module.css

@@ -0,0 +1,11 @@
+.nested-table-cell {
+  padding: 0 !important;
+}
+.nested-table {
+  margin: 0;
+  padding: 0;
+}
+.header-cell {
+  border-right: 1px solid rgb(232, 237, 242) !important;
+}
+/*# sourceMappingURL=TableBody.module.css.map */

package/dist/esm/components/DHIS2PivotTable/components/TableBody/TableBody.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/DHIS2PivotTable/components/TableBody/TableBody.module.css"],"sourcesContent":[".nested-table-cell {\n    padding: 0 !important;\n}\n\n.nested-table {\n    margin: 0;\n    padding: 0;\n}\n\n.header-cell {\n    border-right: 1px solid rgb(232, 237, 242) !important;\n}\n"],"mappings":"AAAA,CAAC;AACG,WAAS;AACb;AAEA,CAAC;AACG,UAAQ;AACR,WAAS;AACb;AAEA,CAAC;AACG,gBAAc,IAAI,MAAM,IAAI,GAAG,EAAE,GAAG,EAAE;AAC1C;","names":[]}

package/dist/{components/DHIS2PivotTable/components/TableBody/index.mjs → esm/components/DHIS2PivotTable/components/TableBody/index.js}

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { isEmpty, slice } from 'lodash';
-import { useCustomPivotTableEngine } from '../../state/engine';
+import { useCustomPivotTableEngine } from '../../state/engine.js';
 import { TableBody, DataTableRow, DataTableCell } from '@dhis2/ui';
 import { Fragment as Fragment$1 } from 'react';
 import classes from './TableBody.module.css';
@@ -103,4 +103,4 @@ function CustomPivotTableBody() {
 
 export { CustomPivotTableBody };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DHIS2PivotTable/components/TableBody/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/DHIS2PivotTable/components/TableBody/index.tsx"],"names":["Fragment","mapper"],"mappings":"AA4BE,mBAEE,KAwCE,YA1CJ;AA3BF,SAAS,SAAS,aAAa;AAC/B,SAAS,iCAAiC;AAC1C,SAAS,eAAe,cAAc,iBAAiB;AACvD,SAAgB,YAAAA,iBAA2B;AAE3C,OAAO,aAAa;AACpB,SAAS,sBAAsB;AAG/B,SAAS,gBAAgB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACD,GAIG;AACF,QAAM,SAAS,0BAA0B;AAEzC,QAAM,gBAAgB,QAAQ;AAC9B,QAAM,iBAAiB,eAAe,IAAI,CAAC,SAAS;AAAA,IACnD,GAAG;AAAA,IACH,GAAG;AAAA,IACH,CAAC,SAAS,GAAG,KAAK;AAAA,EACnB,EAAE;AACF,SACC,gCACE,0BAAgB,IAAI,CAACC,YACrB;AAAA,IAAC;AAAA;AAAA,MAEA,OAAM;AAAA,MACN,UAAQ;AAAA,MAEP,kBAAQ,SAASA,OAAM,KAAK;AAAA;AAAA,IAJxB,GAAG,OAAO,OAAOA,OAAM,EAAE,KAAK,GAAG,CAAC;AAAA,EAKxC,CACA,GACF;AAEF;AAEA,SAAS,YAAY;AAAA,EACpB;AAAA,EACA;AAAA,EACA,QAAQ,EAAE,MAAM,SAAS,QAAQ,WAAW,cAAc;AAC3D,GAU8B;AAC7B,QAAM,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,eAAe;AAE5C,QAAM,UAAU,MAAM,MAAM,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,WAAW;AAC9D,WAAO,OAAO,OAAO,OAAO,UAAU;AAAA,EACvC,GAAG,CAAC;AACJ,QAAM,aAAa,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC;AAC3C,QAAM,UAAU,KAAK,QAAQ,CAAC;AAE9B,SACC,gCACE,eAAK,OAAO,IAAI,CAAC,SAAS;AAC1B,WACC,qBAACD,WAAA,EACA;AAAA,2BAAC,gBACA;AAAA;AAAA,UAAC;AAAA;AAAA,YAGA,KAAK;AAAA,YACL,OAAO;AAAA,YACP,MAAM,GAAG,SAAS;AAAA,YAClB,WAAW,QAAQ,aAAa;AAAA,YAChC,KAAI;AAAA,YACJ,UAAQ;AAAA,YACR,UACC,WAAW,aAAa,IAAI,IAC3B,SAAS;AAAA,YAEV,eAAK;AAAA;AAAA,QACP;AAAA,QACC,CAAC,aACD;AAAA,UAAC;AAAA;AAAA,YACA,WAAW,IAAI;AAAA,YACf;AAAA,YACA;AAAA;AAAA,QACD,IACG;AAAA,WAtBc,GAAG,KAAK,IAAI,IAAI,IAAI,SAAS,MAuBhD;AAAA,MACC,aACA;AAAA,QAAC;AAAA;AAAA,UACA,KAAK;AAAA,UACL,OAAO,QAAQ;AAAA,UACf,QAAQ;AAAA,YACP;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX,QAAQ;AAAA,cACP,GAAG;AAAA,cACH,CAAC,IAAI,SAAS,GACb,KAAK;AAAA,YACP;AAAA,UACD;AAAA;AAAA,MACD,IACG;AAAA,SAxCU,GAAG,KAAK,IAAI,IAAI,IAAI,SAAS,WAyC5C;AAAA,EAEF,CAAC,GACF;AAEF;AAEO,SAAS,uBAAuB;AACtC,QAAM,SAAS,0BAA0B;AACzC,QAAM,OAAO,QAAQ;AACrB,QAAM,UAAU,QAAQ;AACxB,QAAM,gBAAgB,QAAQ;AAE9B,MAAI,CAAC,QAAQ,QAAQ,IAAI,GAAG;AAC3B,WAAO;AAAA,EACR;AAEA,SACC,oBAAC,aACA;AAAA,IAAC;AAAA;AAAA,MACA,KAAK,KAAK,CAAC;AAAA,MACX,OAAO;AAAA,MACP,QAAQ,EAAE,MAAM,SAAS,cAAc;AAAA;AAAA,EACxC,GACD;AAEF","sourcesContent":["import { Header } from \"../../services/engine\";\nimport { isEmpty, slice } from \"lodash\";\nimport { useCustomPivotTableEngine } from \"../../state/engine.js\";\nimport { DataTableCell, DataTableRow, TableBody } from \"@dhis2/ui\";\nimport React, { Fragment, ReactNode } from \"react\";\nimport { AnalyticsItem } from \"@hisptz/dhis2-utils\";\nimport classes from \"./TableBody.module.css\";\nimport { useElementSize } from \"usehooks-ts\";\nimport { DHIS2Dimension } from \"../../interfaces/index.js\";\n\nfunction DataRowRenderer({\n\tmapper,\n\titem,\n\tdimension,\n}: {\n\tmapper?: { [key: string]: any };\n\titem: AnalyticsItem;\n\tdimension: DHIS2Dimension;\n}) {\n\tconst engine = useCustomPivotTableEngine();\n\n\tconst columnMappers = engine?.columnMap;\n\tconst completeMapper = columnMappers?.map((map) => ({\n\t\t...map,\n\t\t...mapper,\n\t\t[dimension]: item.uid,\n\t}));\n\treturn (\n\t\t<>\n\t\t\t{completeMapper?.map((mapper) => (\n\t\t\t\t<DataTableCell\n\t\t\t\t\tkey={`${Object.values(mapper).join(\"-\")}-value`}\n\t\t\t\t\talign=\"center\"\n\t\t\t\t\tbordered\n\t\t\t\t>\n\t\t\t\t\t{engine?.getValue(mapper) ?? \"\"}\n\t\t\t\t</DataTableCell>\n\t\t\t))}\n\t\t</>\n\t);\n}\n\nfunction RowRenderer({\n\trow,\n\tindex,\n\tconfig: { rows, columns, mapper, prevWidth, fixRowHeaders },\n}: {\n\trow: Header;\n\tindex: number;\n\tconfig: {\n\t\trows: Header[];\n\t\tcolumns?: Header[];\n\t\tmapper?: { [key: string]: string | undefined };\n\t\tprevWidth?: number;\n\t\tfixRowHeaders?: boolean;\n\t};\n}): React.ReactElement | null {\n\tconst [cellRef, { width }] = useElementSize();\n\n\tconst rowSpan = slice(rows, index + 1).reduce((acc, column) => {\n\t\treturn acc * (column.items?.length ?? 1);\n\t}, 1);\n\tconst hasSubRows = !isEmpty(rows[index + 1]);\n\tconst nextRow = rows[index + 1];\n\n\treturn (\n\t\t<>\n\t\t\t{row?.items?.map((item) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Fragment key={`${item.name}-${row.dimension}-fragment`}>\n\t\t\t\t\t\t<DataTableRow key={`${item.name}-${row.dimension}-row`}>\n\t\t\t\t\t\t\t<DataTableCell\n\t\t\t\t\t\t\t\t/*\n      // @ts-ignore */\n\t\t\t\t\t\t\t\tref={cellRef}\n\t\t\t\t\t\t\t\tfixed={fixRowHeaders}\n\t\t\t\t\t\t\t\tleft={`${prevWidth}px` as unknown as boolean}\n\t\t\t\t\t\t\t\tclassName={classes[\"header-cell\"]}\n\t\t\t\t\t\t\t\ttag=\"th\"\n\t\t\t\t\t\t\t\tbordered\n\t\t\t\t\t\t\t\trowSpan={(\n\t\t\t\t\t\t\t\t\trowSpan + (hasSubRows ? 1 : 0)\n\t\t\t\t\t\t\t\t).toString()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{item.name as unknown as string | ReactNode}\n\t\t\t\t\t\t\t</DataTableCell>\n\t\t\t\t\t\t\t{!hasSubRows ? (\n\t\t\t\t\t\t\t\t<DataRowRenderer\n\t\t\t\t\t\t\t\t\tdimension={row.dimension}\n\t\t\t\t\t\t\t\t\tmapper={mapper}\n\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</DataTableRow>\n\t\t\t\t\t\t{hasSubRows ? (\n\t\t\t\t\t\t\t<RowRenderer\n\t\t\t\t\t\t\t\trow={nextRow}\n\t\t\t\t\t\t\t\tindex={index + 1}\n\t\t\t\t\t\t\t\tconfig={{\n\t\t\t\t\t\t\t\t\trows,\n\t\t\t\t\t\t\t\t\tcolumns,\n\t\t\t\t\t\t\t\t\tprevWidth: width,\n\t\t\t\t\t\t\t\t\tmapper: {\n\t\t\t\t\t\t\t\t\t\t...mapper,\n\t\t\t\t\t\t\t\t\t\t[row.dimension]:\n\t\t\t\t\t\t\t\t\t\t\titem.uid as unknown as string,\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/>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</Fragment>\n\t\t\t\t);\n\t\t\t})}\n\t\t</>\n\t);\n}\n\nexport function CustomPivotTableBody() {\n\tconst engine = useCustomPivotTableEngine();\n\tconst rows = engine?.rowHeaders;\n\tconst columns = engine?.columnHeaders;\n\tconst fixRowHeaders = engine?.fixRowHeaders;\n\n\tif (!rows || isEmpty(rows)) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<TableBody>\n\t\t\t<RowRenderer\n\t\t\t\trow={rows[0]}\n\t\t\t\tindex={0}\n\t\t\t\tconfig={{ rows, columns, fixRowHeaders }}\n\t\t\t/>\n\t\t</TableBody>\n\t);\n}\n"]}

package/dist/esm/components/DHIS2PivotTable/components/TableHeaders/TableHeaders.module.css

@@ -0,0 +1,10 @@
+.table-header {
+  border-right: 1px solid rgb(232, 237, 242);
+}
+.table-header:last-child {
+  border-right: none;
+}
+.table-header > span > span {
+  justify-content: center;
+}
+/*# sourceMappingURL=TableHeaders.module.css.map */

package/dist/esm/components/DHIS2PivotTable/components/TableHeaders/TableHeaders.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/DHIS2PivotTable/components/TableHeaders/TableHeaders.module.css"],"sourcesContent":[".table-header{\n    border-right: 1px solid rgb(232, 237, 242);\n}\n.table-header:last-child{\n    border-right: none;\n}\n\n.table-header > span > span{\n    justify-content: center;\n}\n"],"mappings":"AAAA,CAAC;AACG,gBAAc,IAAI,MAAM,IAAI,GAAG,EAAE,GAAG,EAAE;AAC1C;AACA,CAHC,YAGY;AACT,gBAAc;AAClB;AAEA,CAPC,aAOa,EAAE,KAAK,EAAE;AACnB,mBAAiB;AACrB;","names":[]}

package/dist/{components/DHIS2PivotTable/components/TableHeaders/index.mjs → esm/components/DHIS2PivotTable/components/TableHeaders/index.js}

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useCustomPivotTableEngine } from '../../state/engine';
+import { useCustomPivotTableEngine } from '../../state/engine.js';
 import { TableHead, DataTableRow, DataTableColumnHeader } from '@dhis2/ui';
 import { isEmpty, slice, times } from 'lodash';
 import classes from './TableHeaders.module.css';
@@ -91,4 +91,4 @@ function TableHeaders() {
 
 export { TableHeaders };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DHIS2PivotTable/components/TableHeaders/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/DHIS2PivotTable/components/TableHeaders/index.tsx"],"names":["column"],"mappings":"AA0CE,mBAKK,KAJJ,YADD;AAzCF,SAAS,iCAAiC;AAC1C,SAAS,uBAAuB,cAAc,iBAAiB;AAC/D,SAAS,SAAS,OAAO,aAAa;AAEtC,OAAO,aAAa;AACpB,SAAS,sBAAsB;AAE/B,SAAS,eAAe;AAAA,EACvB;AAAA,EACA;AAAA,EACA,QAAQ,EAAE,kBAAkB,YAAY,aAAa,GAAG,QAAQ;AACjE,GAS8B;AAC7B,QAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,IAAI,eAAe;AAErD,MAAI,CAAC,QAAQ;AACZ,WAAO;AAAA,EACR;AACA,QAAM,UAAU,MAAM,SAAS,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAKA,YAAW;AACjE,WAAO,OAAOA,QAAO,OAAO,UAAU;AAAA,EACvC,GAAG,CAAC;AAEJ,QAAM,gBAAgB,CAAC,QAAQ,QAAQ,QAAQ,CAAC,CAAC;AACjD,QAAM,aAAa,QAAQ,QAAQ,CAAC;AAEpC,QAAM,uBAAuB,MAAM,SAAS,GAAG,KAAK,EAAE;AAAA,IACrD,CAAC,KAAKA,YAAW;AAChB,aAAO,OAAOA,QAAO,OAAO,UAAU;AAAA,IACvC;AAAA,IACA;AAAA,EACD;AAEA,SACC,iCACC;AAAA,yBAAC,gBACC;AAAA,gBAAU,KACV,YAAY,IAAI,CAAC,WAAW;AAC3B,eACC;AAAA,UAAC;AAAA;AAAA,YACA,OAAO;AAAA,YAGP,KAAK;AAAA,YACL,WAAW,QAAQ,cAAc;AAAA,YACjC,SAAS,QAAQ,OAAO,SAAS;AAAA,YAGhC,iBAAO,SAAS;AAAA;AAAA,UAFZ,GAAG,OAAO,SAAS;AAAA,QAGzB;AAAA,MAEF,CAAC;AAAA,MACD,MAAM,sBAAsB,CAAC,UAAU;AACvC,eAAO,OAAO,OAAO,IAAI,CAAC,SACzB;AAAA,UAAC;AAAA;AAAA,YACA,OAAO;AAAA,YAGP,KAAK,GAAG,WAAW,SAAS,CAAC;AAAA,YAC7B,KAAK,UAAU,IAAI,kBAAkB;AAAA,YACrC,WAAW,QAAQ,cAAc;AAAA,YACjC,OAAM;AAAA,YACN,SAAS,QAAQ,SAAS;AAAA,YAGzB,eAAK;AAAA;AAAA,UAFD,GAAG,KAAK,IAAI,KAAK,IAAI;AAAA,QAG3B,CACA;AAAA,MACF,CAAC;AAAA,OACF;AAAA,IACC,gBACA;AAAA,MAAC;AAAA;AAAA,QACA,QAAQ;AAAA,QACR,OAAO,QAAQ;AAAA,QACf,QAAQ;AAAA,UACP;AAAA,UACA;AAAA,UACA,YAAY;AAAA,UACZ;AAAA,QACD;AAAA;AAAA,IACD,IACG;AAAA,KACL;AAEF;AAEO,SAAS,eAAe;AAC9B,QAAM,SAAS,0BAA0B;AACzC,QAAM,UAAU,QAAQ;AACxB,QAAM,aAAa,QAAQ;AAC3B,QAAM,mBAAmB,QAAQ;AAEjC,MAAI,CAAC,WAAW,QAAQ,OAAO,GAAG;AACjC,WAAO;AAAA,EACR;AAEA,SACC,oBAAC,aACA;AAAA,IAAC;AAAA;AAAA,MACA,QAAQ,QAAQ,CAAC;AAAA,MACjB,OAAO;AAAA,MACP,QAAQ,EAAE,YAAY,SAAS,iBAAiB;AAAA;AAAA,EACjD,GACD;AAEF","sourcesContent":["import React from \"react\";\nimport { useCustomPivotTableEngine } from \"../../state/engine.js\";\nimport { DataTableColumnHeader, DataTableRow, TableHead } from \"@dhis2/ui\";\nimport { isEmpty, slice, times } from \"lodash\";\nimport { Header } from \"../../services/engine.js\";\nimport classes from \"./TableHeaders.module.css\";\nimport { useElementSize } from \"usehooks-ts\";\n\nfunction ColumnRenderer({\n\tcolumn,\n\tindex,\n\tconfig: { fixColumnHeaders, rowHeaders, prevHeight = 0, columns },\n}: {\n\tcolumn: Header;\n\tindex: number;\n\tconfig: {\n\t\tcolumns: Header[];\n\t\trowHeaders?: Header[];\n\t\tprevHeight?: number;\n\t\tfixColumnHeaders?: boolean;\n\t};\n}): React.ReactElement | null {\n\tconst [columnHeaderRef, { height }] = useElementSize();\n\n\tif (!column) {\n\t\treturn null;\n\t}\n\tconst colSpan = slice(columns, index + 1).reduce((acc, column) => {\n\t\treturn acc * (column.items?.length ?? 1);\n\t}, 1);\n\n\tconst hasSubColumns = !isEmpty(columns[index + 1]);\n\tconst nextColumn = columns[index + 1];\n\n\tconst multiplicationFactor = slice(columns, 0, index).reduce(\n\t\t(acc, column) => {\n\t\t\treturn acc * (column.items?.length ?? 1);\n\t\t},\n\t\t1,\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<DataTableRow>\n\t\t\t\t{index === 0 &&\n\t\t\t\t\trowHeaders?.map((header) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<DataTableColumnHeader\n\t\t\t\t\t\t\t\tfixed={fixColumnHeaders}\n\t\t\t\t\t\t\t\t/*\n      // @ts-ignore */\n\t\t\t\t\t\t\t\ttop={\"0\"}\n\t\t\t\t\t\t\t\tclassName={classes[\"table-header\"]}\n\t\t\t\t\t\t\t\trowSpan={columns.length.toString()}\n\t\t\t\t\t\t\t\tkey={`${header.dimension}-header-column`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{header.label ?? \"\"}\n\t\t\t\t\t\t\t</DataTableColumnHeader>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t{times(multiplicationFactor, (colNo) => {\n\t\t\t\t\treturn column.items?.map((item) => (\n\t\t\t\t\t\t<DataTableColumnHeader\n\t\t\t\t\t\t\tfixed={fixColumnHeaders}\n\t\t\t\t\t\t\t/*\n      // @ts-ignore */\n\t\t\t\t\t\t\ttop={`${prevHeight.toString()}px`}\n\t\t\t\t\t\t\tref={index === 0 ? columnHeaderRef : undefined}\n\t\t\t\t\t\t\tclassName={classes[\"table-header\"]}\n\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\tcolSpan={colSpan.toString()}\n\t\t\t\t\t\t\tkey={`${colNo}-${item.name}-column-header`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{item.name as unknown as string}\n\t\t\t\t\t\t</DataTableColumnHeader>\n\t\t\t\t\t));\n\t\t\t\t})}\n\t\t\t</DataTableRow>\n\t\t\t{hasSubColumns ? (\n\t\t\t\t<ColumnRenderer\n\t\t\t\t\tcolumn={nextColumn}\n\t\t\t\t\tindex={index + 1}\n\t\t\t\t\tconfig={{\n\t\t\t\t\t\tcolumns,\n\t\t\t\t\t\trowHeaders,\n\t\t\t\t\t\tprevHeight: height,\n\t\t\t\t\t\tfixColumnHeaders,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : null}\n\t\t</>\n\t);\n}\n\nexport function TableHeaders() {\n\tconst engine = useCustomPivotTableEngine();\n\tconst columns = engine?.columnHeaders;\n\tconst rowHeaders = engine?.rowHeaders;\n\tconst fixColumnHeaders = engine?.fixColumnHeaders;\n\n\tif (!columns || isEmpty(columns)) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<TableHead>\n\t\t\t<ColumnRenderer\n\t\t\t\tcolumn={columns[0]}\n\t\t\t\tindex={0}\n\t\t\t\tconfig={{ rowHeaders, columns, fixColumnHeaders }}\n\t\t\t/>\n\t\t</TableHead>\n\t);\n}\n"]}

package/dist/esm/components/DHIS2PivotTable/index.js

@@ -0,0 +1,4 @@
+export * from './DHIS2PivotTable.js';
+export * from './interfaces/index.js';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DHIS2PivotTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DHIS2PivotTable/index.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,cAAc","sourcesContent":["export * from \"./DHIS2PivotTable.js\";\nexport * from \"./interfaces/index.js\";\n"]}

package/dist/esm/components/DHIS2PivotTable/interfaces/index.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/{components/DHIS2PivotTable/services/engine.mjs → esm/components/DHIS2PivotTable/services/engine.js}

@@ -1,12 +1,6 @@
 import { findIndex, intersection, compact, times, zip } from 'lodash';
 
 class DHIS2PivotTableEngine {
-  analyticsData;
-  valueIndex;
-  config;
-  rowHeaders;
-  columnHeaders;
-  columnMap;
   constructor({
     analytics,
     config
@@ -90,4 +84,4 @@ class DHIS2PivotTableEngine {
 
 export { DHIS2PivotTableEngine };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=engine.mjs.map
+//# sourceMappingURL=engine.js.map

package/dist/esm/components/DHIS2PivotTable/services/engine.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/DHIS2PivotTable/services/engine.ts"],"names":[],"mappings":"AACA,SAAS,SAAS,WAAW,cAAc,OAAO,WAAW;AA6BtD,MAAM,sBAAsB;AAAA,EASlC,YAAY;AAAA,IACX;AAAA,IACA;AAAA,EACD,GAGG;AACF,SAAK,SAAS;AACd,SAAK,gBAAgB;AACrB,SAAK,aAAa,UAAU,KAAK,cAAc,SAAS;AAAA,MACvD;AAAA,MACA;AAAA,IACD,CAAC;AACD,SAAK,WAAW;AAChB,SAAK,aAAa;AAAA,EACnB;AAAA,EAEA,IAAI,mBAAmB;AACtB,WAAO,KAAK,OAAO,SAAS,oBAAoB;AAAA,EACjD;AAAA,EAEA,IAAI,gBAAgB;AACnB,WAAO,KAAK,OAAO,SAAS,iBAAiB;AAAA,EAC9C;AAAA,EAEA,kBAAkB,WAA2B;AAC5C,WAAO,KAAK,cAAc,UAAU,WAAW,SAAS,KAAK,CAAC;AAAA,EAC/D;AAAA,EAEA,QAAQ,IAAY;AACnB,WAAO,KAAK,cAAc,UAAU,MAAM,EAAS;AAAA,EACpD;AAAA,EAEA,SAAS,QAAgC;AACxC,UAAM,aAAa,OAAO,OAAO,MAAM;AACvC,UAAM,OAAO,KAAK,cAAc,MAAM;AAAA,MACrC,CAAC,QAAQ,aAAa,KAAK,UAAU,EAAE,UAAU,WAAW;AAAA,IAC7D;AACA,WAAO,MAAM,OAAO,CAAC,KAAK,QAAQ;AACjC,aAAO,MAAM,WAAW,IAAI,KAAK,UAAU,CAAC;AAAA,IAC7C,GAAG,CAAC;AAAA,EACL;AAAA,EAEA,aAAa;AACZ,SAAK,aAAa,KAAK,OAAO,OAAO,KAAK,IAAI,CAAC,cAAc;AAC5D,aAAO;AAAA,QACN,GAAG;AAAA,QACH,OAAO;AAAA,UACN,KAAK,kBAAkB,UAAU,SAAS,EAAE;AAAA,YAC3C,CAAC,WAAmB,KAAK,QAAQ,MAAM;AAAA,UACxC;AAAA,QACD;AAAA,MACD;AAAA,IACD,CAAC;AACD,SAAK,gBAAgB,KAAK,OAAO,OAAO,QAAQ,IAAI,CAAC,iBAAiB;AACrE,aAAO;AAAA,QACN,GAAG;AAAA,QACH,OAAO;AAAA,UACN,KAAK,kBAAkB,aAAa,SAAS,EAAE;AAAA,YAC9C,CAAC,WAAmB,KAAK,QAAQ,MAAM;AAAA,UACxC;AAAA,QACD;AAAA,MACD;AAAA,IACD,CAAC;AAAA,EACF;AAAA,EAEA,eAAe;AACd,UAAM,UAAU,KAAK;AACrB,UAAM,mBACL;AAAA,MACC,SAAS;AAAA,QACR,CAAC,WACA,OAAO,OAAO,IAAI,CAAC,UAAU;AAAA,UAC5B,CAAC,OAAO,SAAS,GAAG,KAAK;AAAA,QAC1B,EAAE;AAAA,MACJ;AAAA,IACD,KAAK,CAAC;AACP,UAAM,OAAO,iBAAiB,OAAO,CAAC,KAAK,UAAU;AACpD,aAAO,OAAO,OAAO,UAAU;AAAA,IAChC,GAAG,CAAC;AACJ,UAAM,qBAAqB,iBAAiB,IAAI,CAAC,UAAU;AAAA,MAC1D,GAAG,MAAM,OAAO,MAAM,QAAQ,MAAM,KAAK,EAAE,KAAK;AAAA,IACjD,CAAC;AACD,SAAK,YAAY;AAAA,MAChB,IAAI,GAAG,kBAAkB,EAAE;AAAA,QAAI,CAAC,QAC/B,IAAI,OAAO,CAAC,KAAK,UAAU;AAC1B,iBAAO,EAAE,GAAG,KAAK,GAAG,MAAM;AAAA,QAC3B,CAAC;AAAA,MACF;AAAA,IACD;AAAA,EACD;AACD","sourcesContent":["import { Analytics, AnalyticsItem, LegendSet } from \"@hisptz/dhis2-utils\";\nimport { compact, findIndex, intersection, times, zip } from \"lodash\";\nimport { DHIS2Dimension } from \"../interfaces/index.js\";\n\nexport interface EngineConfig {\n\tlayout: {\n\t\tcolumns: { dimension: DHIS2Dimension; label?: string }[];\n\t\trows: { dimension: DHIS2Dimension; label?: string }[];\n\t\tfilter?: { dimension: DHIS2Dimension; label?: string }[];\n\t};\n\toptions?: {\n\t\tlegendSets?: LegendSet[];\n\t\thideEmptyColumns?: boolean;\n\t\thideEmptyRows?: boolean;\n\t\tshowRowTotals?: boolean;\n\t\tshowColumnTotals?: boolean;\n\t\tshowRowSubtotals?: boolean;\n\t\tshowColumnSubtotals?: boolean;\n\t\tfixColumnHeaders?: boolean;\n\t\tfixRowHeaders?: boolean;\n\t\t[key: string]: any;\n\t};\n}\n\nexport interface Header {\n\tdimension: DHIS2Dimension;\n\tlabel?: string;\n\titems?: AnalyticsItem[];\n}\n\nexport class DHIS2PivotTableEngine {\n\tanalyticsData: Analytics;\n\tvalueIndex: number;\n\tconfig: EngineConfig;\n\trowHeaders?: Header[];\n\tcolumnHeaders?: Header[];\n\n\tcolumnMap?: { [key: string]: any }[];\n\n\tconstructor({\n\t\tanalytics,\n\t\tconfig,\n\t}: {\n\t\tanalytics: Analytics;\n\t\tconfig: EngineConfig;\n\t}) {\n\t\tthis.config = config;\n\t\tthis.analyticsData = analytics;\n\t\tthis.valueIndex = findIndex(this.analyticsData.headers, [\n\t\t\t\"name\",\n\t\t\t\"value\",\n\t\t]);\n\t\tthis.getHeaders();\n\t\tthis.getColumnMap();\n\t}\n\n\tget fixColumnHeaders() {\n\t\treturn this.config.options?.fixColumnHeaders ?? true;\n\t}\n\n\tget fixRowHeaders() {\n\t\treturn this.config.options?.fixRowHeaders ?? true;\n\t}\n\n\tgetDimensionItems(dimension: DHIS2Dimension) {\n\t\treturn this.analyticsData.metaData?.dimensions[dimension] ?? [];\n\t}\n\n\tgetItem(id: string) {\n\t\treturn this.analyticsData.metaData?.items[id as any];\n\t}\n\n\tgetValue(mapper: { [key: string]: any }) {\n\t\tconst dimensions = Object.values(mapper);\n\t\tconst data = this.analyticsData.rows?.filter(\n\t\t\t(row) => intersection(row, dimensions).length >= dimensions.length,\n\t\t);\n\t\treturn data?.reduce((acc, row) => {\n\t\t\treturn acc + parseFloat(row[this.valueIndex]);\n\t\t}, 0);\n\t}\n\n\tgetHeaders() {\n\t\tthis.rowHeaders = this.config.layout.rows.map((rowConfig) => {\n\t\t\treturn {\n\t\t\t\t...rowConfig,\n\t\t\t\titems: compact(\n\t\t\t\t\tthis.getDimensionItems(rowConfig.dimension).map(\n\t\t\t\t\t\t(itemId: string) => this.getItem(itemId),\n\t\t\t\t\t),\n\t\t\t\t),\n\t\t\t};\n\t\t});\n\t\tthis.columnHeaders = this.config.layout.columns.map((columnConfig) => {\n\t\t\treturn {\n\t\t\t\t...columnConfig,\n\t\t\t\titems: compact(\n\t\t\t\t\tthis.getDimensionItems(columnConfig.dimension).map(\n\t\t\t\t\t\t(itemId: string) => this.getItem(itemId),\n\t\t\t\t\t),\n\t\t\t\t),\n\t\t\t};\n\t\t});\n\t}\n\n\tgetColumnMap() {\n\t\tconst columns = this.columnHeaders;\n\t\tconst sanitizedColumns =\n\t\t\tcompact(\n\t\t\t\tcolumns?.map(\n\t\t\t\t\t(column) =>\n\t\t\t\t\t\tcolumn.items?.map((item) => ({\n\t\t\t\t\t\t\t[column.dimension]: item.uid,\n\t\t\t\t\t\t})),\n\t\t\t\t),\n\t\t\t) ?? [];\n\t\tconst size = sanitizedColumns.reduce((acc, items) => {\n\t\t\treturn acc * (items?.length ?? 1);\n\t\t}, 1);\n\t\tconst standardiseColumns = sanitizedColumns.map((items) => [\n\t\t\t...times(size / items.length, () => items).flat(),\n\t\t]);\n\t\tthis.columnMap = compact(\n\t\t\tzip(...standardiseColumns).map((arr) =>\n\t\t\t\tarr.reduce((obj, value) => {\n\t\t\t\t\treturn { ...obj, ...value };\n\t\t\t\t}),\n\t\t\t),\n\t\t);\n\t}\n}\n"]}

package/dist/{components/DHIS2PivotTable/state/engine.mjs → esm/components/DHIS2PivotTable/state/engine.js}

@@ -14,4 +14,4 @@ function DHIS2PivotTableEngineProvider({
 
 export { DHIS2PivotTableEngineProvider, useCustomPivotTableEngine };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=engine.mjs.map
+//# sourceMappingURL=engine.js.map

package/dist/esm/components/DHIS2PivotTable/state/engine.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/DHIS2PivotTable/state/engine.tsx"],"names":[],"mappings":"AAkBE;AAlBF,SAAgB,eAA0B,kBAAkB;AAG5D,MAAM,+BACL,cAA4C,IAAI;AAE1C,SAAS,4BAA4B;AAC3C,SAAO,WAAW,4BAA4B;AAC/C;AAEO,SAAS,8BAA8B;AAAA,EAC7C;AAAA,EACA;AACD,GAGG;AACF,SACC,oBAAC,6BAA6B,UAA7B,EAAsC,OAAO,QAC5C,UACF;AAEF","sourcesContent":["import React, { createContext, ReactNode, useContext } from \"react\";\nimport { DHIS2PivotTableEngine } from \"../services/engine.js\";\n\nconst DHIS2PivotTableEngineContext =\n\tcreateContext<DHIS2PivotTableEngine | null>(null);\n\nexport function useCustomPivotTableEngine() {\n\treturn useContext(DHIS2PivotTableEngineContext);\n}\n\nexport function DHIS2PivotTableEngineProvider({\n\tchildren,\n\tengine,\n}: {\n\tchildren: ReactNode;\n\tengine: DHIS2PivotTableEngine;\n}) {\n\treturn (\n\t\t<DHIS2PivotTableEngineContext.Provider value={engine}>\n\t\t\t{children}\n\t\t</DHIS2PivotTableEngineContext.Provider>\n\t);\n}\n"]}

package/dist/{components/Map/DHIS2Map.mjs → esm/components/Map/DHIS2Map.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import MapArea from './components/MapArea';
-import { MapProvider } from './components/MapProvider';
+import MapArea from './components/MapArea/index.js';
+import { MapProvider } from './components/MapProvider/index.js';
 import 'leaflet/dist/leaflet.css';
 import { QueryClient, QueryClientProvider } from 'react-query';
 
@@ -62,4 +62,4 @@ const Map = DHIS2Map;
 
 export { DHIS2Map, Map };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=DHIS2Map.mjs.map
+//# sourceMappingURL=DHIS2Map.js.map

package/dist/esm/components/Map/DHIS2Map.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Map/DHIS2Map.tsx"],"names":[],"mappings":"AAmDI;AAlDJ,SAAgB,kBAAkB;AAClC,OAAO,aAAa;AAKpB,SAAS,mBAAmB;AAE5B,OAAO;AACP,SAAS,aAAa,2BAA2B;AAEjD,MAAM,cAAc,IAAI,YAAY;AAEpC,MAAM,eAAe,CACpB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GACA,QACI;AACJ,QAAM,uBAA2C;AAAA,IAChD;AAAA,MACC,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,SAAS,YAAY,WAAW;AAAA,MAChC,GAAG;AAAA,IACJ;AAAA,EACD;AACA,QAAM,0BAAiD;AAAA,IACtD;AAAA,MACC,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,SAAS,eAAe,WAAW;AAAA,IACpC;AAAA,EACD;AAEA,SACC,oBAAC,uBAAoB,QAAQ,aAC5B;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA,QAAQ;AAAA,YACP;AAAA,YACA;AAAA,YACA,gBAAgB;AAAA,YAChB,aAAa;AAAA,UACd;AAAA,UACA;AAAA,UACA;AAAA,UAEA;AAAA,UACA;AAAA;AAAA,QAFK;AAAA,MAGN;AAAA;AAAA,EACD,GACD;AAEF;AACO,MAAM,WAA+B,WAAW,YAAY;AAK5D,MAAM,MAAM","sourcesContent":["import { Map as LeafletMap } from \"leaflet\";\nimport React, { forwardRef } from \"react\";\nimport MapArea from \"./components/MapArea/index.js\";\nimport {\n\tCustomBoundaryLayer,\n\tCustomPointLayer,\n} from \"./components/MapLayer/interfaces\";\nimport { MapProvider } from \"./components/MapProvider/index.js\";\nimport { MapProps } from \"./interfaces/index.js\";\nimport \"leaflet/dist/leaflet.css\";\nimport { QueryClient, QueryClientProvider } from \"react-query\";\n\nconst queryClient = new QueryClient();\n\nconst MapComponent = (\n\t{\n\t\torgUnitSelection,\n\t\tpointLayer,\n\t\tboundaryLayer,\n\t\tthematicLayers,\n\t\tearthEngineLayers,\n\t\tperiodSelection,\n\t\tmapOptions,\n\t\tkey,\n\t\tcontrols,\n\t\tlegends,\n\t}: MapProps,\n\tref: React.Ref<LeafletMap> | undefined,\n) => {\n\tconst sanitizedPointLayers: CustomPointLayer[] = [\n\t\t{\n\t\t\ttype: \"point\",\n\t\t\tid: \"point\",\n\t\t\tenabled: pointLayer?.enabled ?? false,\n\t\t\t...pointLayer,\n\t\t},\n\t];\n\tconst sanitizedBoundaryLayers: CustomBoundaryLayer[] = [\n\t\t{\n\t\t\ttype: \"overlay\",\n\t\t\tid: \"boundary\",\n\t\t\tenabled: boundaryLayer?.enabled ?? false,\n\t\t},\n\t];\n\n\treturn (\n\t\t<QueryClientProvider client={queryClient}>\n\t\t\t<MapProvider\n\t\t\t\tperiodSelection={periodSelection}\n\t\t\t\torgUnitSelection={orgUnitSelection}\n\t\t\t>\n\t\t\t\t<MapArea\n\t\t\t\t\tlayers={{\n\t\t\t\t\t\tthematicLayers,\n\t\t\t\t\t\tearthEngineLayers,\n\t\t\t\t\t\tboundaryLayers: sanitizedBoundaryLayers,\n\t\t\t\t\t\tpointLayers: sanitizedPointLayers,\n\t\t\t\t\t}}\n\t\t\t\t\tlegends={legends}\n\t\t\t\t\tcontrols={controls}\n\t\t\t\t\tkey={key}\n\t\t\t\t\tref={ref}\n\t\t\t\t\tmapOptions={mapOptions}\n\t\t\t\t/>\n\t\t\t</MapProvider>\n\t\t</QueryClientProvider>\n\t);\n};\nexport const DHIS2Map: React.FC<MapProps> = forwardRef(MapComponent);\n\n/**\n * @deprecated since `v2`. Use `DHIS2Map` instead\n * */\nexport const Map = DHIS2Map;\n"]}

package/dist/{components/Map/DHIS2Map.stories.mjs → esm/components/Map/DHIS2Map.stories.js}

@@ -363,4 +363,4 @@ GoogleEarthEngineLayers.args = {
 
 export { AllThematicLayers, BaseMap, BoundaryLayer, BoundaryLayerWithLevels, BubbleThematicLayer, ChoroplethThematicLayer, ChoroplethThematicLayerWithLevels, Controls, GoogleEarthEngineLayers, PointLayer, DHIS2Map_stories_default as default };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=DHIS2Map.stories.mjs.map
+//# sourceMappingURL=DHIS2Map.stories.js.map

package/dist/esm/components/Map/DHIS2Map.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Map/DHIS2Map.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { DHIS2Map } from \"./DHIS2Map\";\n\nconst meta: Meta<typeof DHIS2Map> = {\n\ttitle: \"DHIS2 Map\",\n\tcomponent: DHIS2Map,\n};\nexport default meta;\n\ntype Story = StoryObj<typeof DHIS2Map>;\nexport const BaseMap: Story = {\n\tname: \"Base map\",\n};\nBaseMap.args = {\n\torgUnitSelection: {\n\t\torgUnits: [],\n\t\tuserOrgUnit: true,\n\t\tuserSubUnit: true,\n\t\tuserSubX2Unit: true,\n\t},\n};\n\nexport const Controls: Story = {\n\tname: \"Controls\",\n};\nControls.args = {\n\torgUnitSelection: {\n\t\torgUnits: [],\n\t\tuserOrgUnit: true,\n\t\tuserSubUnit: true,\n\t\tuserSubX2Unit: true,\n\t},\n\tcontrols: [\n\t\t{\n\t\t\ttype: \"print\",\n\t\t\tposition: \"topleft\",\n\t\t\toptions: {\n\t\t\t\thidden: false,\n\t\t\t\thideControlContainer: true,\n\t\t\t\tsizeModes: [\"A4Landscape\", \"A4Portrait\", \"Current\"],\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport const BoundaryLayer: Story = {\n\tname: \"Boundary layer\",\n};\nBoundaryLayer.args = {\n\torgUnitSelection: {\n\t\torgUnits: [],\n\t\tuserOrgUnit: true,\n\t\tuserSubUnit: true,\n\t\tuserSubX2Unit: true,\n\t},\n\tboundaryLayer: {\n\t\tenabled: true,\n\t},\n};\n\nexport const BoundaryLayerWithLevels: Story = {\n\tname: \"Boundary layer with levels\",\n};\nBoundaryLayerWithLevels.args = {\n\torgUnitSelection: {\n\t\torgUnits: [\n\t\t\t{\n\t\t\t\tid: \"ImspTQPwCqd\",\n\t\t\t\tdisplayName: \"Sierra Leone\",\n\t\t\t\tname: \"Sierra Leone\",\n\t\t\t\tpath: \"/ImspTQPwCqd\",\n\t\t\t\tchildren: [],\n\t\t\t},\n\t\t],\n\t\tlevels: [\"2\"],\n\t},\n\tboundaryLayer: {\n\t\tenabled: true,\n\t},\n};\n\nexport const ChoroplethThematicLayer: Story = {};\nChoroplethThematicLayer.args = {\n\torgUnitSelection: {\n\t\torgUnits: [],\n\t\tuserOrgUnit: true,\n\t\tuserSubUnit: true,\n\t\tuserSubX2Unit: false,\n\t},\n\tboundaryLayer: {\n\t\tenabled: true,\n\t},\n\tthematicLayers: [\n\t\t{\n\t\t\ttype: \"choropleth\",\n\t\t\tid: \"choropleth\",\n\t\t\tenabled: true,\n\t\t\tdataItem: {\n\t\t\t\tid: \"Uvn6LCg7dVU\",\n\t\t\t\tdisplayName: \"ANC 1 Coverage\",\n\t\t\t\ttype: \"indicator\",\n\t\t\t},\n\t\t\tcontrol: {\n\t\t\t\tenabled: true,\n\t\t\t\tposition: \"topright\",\n\t\t\t},\n\t\t},\n\t],\n\tperiodSelection: {\n\t\tperiods: [\"2022\"],\n\t},\n\tlegends: {\n\t\tenabled: true,\n\t\tposition: \"topright\",\n\t\tcollapsible: true,\n\t},\n};\n\nexport const BubbleThematicLayer: Story = {};\nBubbleThematicLayer.args = {\n\torgUnitSelection: {\n\t\torgUnits: [],\n\t\tuserOrgUnit: true,\n\t\tuserSubUnit: true,\n\t\tuserSubX2Unit: true,\n\t},\n\tboundaryLayer: {\n\t\tenabled: true,\n\t},\n\tthematicLayers: [\n\t\t{\n\t\t\ttype: \"bubble\",\n\t\t\tid: \"bubble\",\n\t\t\tenabled: true,\n\t\t\tdataItem: {\n\t\t\t\tid: \"Uvn6LCg7dVU\",\n\t\t\t\tdisplayName: \"ANC 1 Coverage\",\n\t\t\t\ttype: \"indicator\",\n\t\t\t},\n\t\t\tcontrol: {\n\t\t\t\tenabled: true,\n\t\t\t\tposition: \"topright\",\n\t\t\t},\n\t\t\tradius: {\n\t\t\t\tmin: 0,\n\t\t\t\tmax: 40,\n\t\t\t},\n\t\t},\n\t],\n\tlegends: {\n\t\tenabled: true,\n\t\tposition: \"topright\",\n\t\tcollapsible: true,\n\t},\n\tperiodSelection: {\n\t\tperiods: [\"2022\"],\n\t},\n\tcontrols: [\n\t\t{\n\t\t\ttype: \"fullscreen\",\n\t\t\tposition: \"topleft\",\n\t\t},\n\t],\n};\n\nexport const AllThematicLayers: Story = {};\nAllThematicLayers.args = {\n\torgUnitSelection: {\n\t\torgUnits: [],\n\t\tuserOrgUnit: true,\n\t\tuserSubUnit: true,\n\t\tuserSubX2Unit: true,\n\t},\n\tboundaryLayer: {\n\t\tenabled: true,\n\t},\n\tthematicLayers: [\n\t\t{\n\t\t\ttype: \"choropleth\",\n\t\t\tid: \"ReUHfIn0pTQ\",\n\t\t\tenabled: true,\n\t\t\tdataItem: {\n\t\t\t\tid: \"ReUHfIn0pTQ\",\n\t\t\t\tdisplayName: \"ANC 1-3 Dropout Rate\",\n\t\t\t\ttype: \"indicator\",\n\t\t\t\tlegendSet: \"fqs276KXCXi\",\n\t\t\t},\n\t\t\tcontrol: {\n\t\t\t\tenabled: true,\n\t\t\t\tposition: \"topright\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\ttype: \"choropleth\",\n\t\t\tid: \"Uvn6LCg7dVU\",\n\t\t\tenabled: true,\n\t\t\tdataItem: {\n\t\t\t\tid: \"Uvn6LCg7dVU\",\n\t\t\t\tdisplayName: \"ANC 1 Coverage\",\n\t\t\t\ttype: \"indicator\",\n\t\t\t},\n\t\t\tcontrol: {\n\t\t\t\tenabled: true,\n\t\t\t\tposition: \"topright\",\n\t\t\t},\n\t\t},\n\t],\n\tlegends: {\n\t\tenabled: true,\n\t\tposition: \"topright\",\n\t\tcollapsible: true,\n\t},\n\tperiodSelection: {\n\t\tperiods: [\"2022\"],\n\t},\n\tcontrols: [\n\t\t{\n\t\t\ttype: \"scale\",\n\t\t\tposition: \"bottomleft\",\n\t\t\toptions: {\n\t\t\t\timperial: false,\n\t\t\t\tmetric: true,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\ttype: \"fullscreen\",\n\t\t\tposition: \"bottomleft\",\n\t\t},\n\t],\n};\n\nexport const ChoroplethThematicLayerWithLevels: Story = {};\nChoroplethThematicLayerWithLevels.args = {\n\torgUnitSelection: {\n\t\torgUnits: [\n\t\t\t{\n\t\t\t\tid: \"ImspTQPwCqd\",\n\t\t\t\tdisplayName: \"Sierra Leone\",\n\t\t\t\tname: \"Sierra Leone\",\n\t\t\t\tpath: \"/ImspTQPwCqd\",\n\t\t\t\tchildren: [],\n\t\t\t},\n\t\t],\n\t\tlevels: [\"3\"],\n\t},\n\tboundaryLayer: {\n\t\tenabled: true,\n\t},\n\tthematicLayers: [\n\t\t{\n\t\t\ttype: \"choropleth\",\n\t\t\tid: \"choropleth\",\n\t\t\tenabled: true,\n\t\t\tdataItem: {\n\t\t\t\tid: \"Uvn6LCg7dVU\",\n\t\t\t\tdisplayName: \"ANC 1 Coverage\",\n\t\t\t\ttype: \"indicator\",\n\t\t\t},\n\t\t\tcontrol: {\n\t\t\t\tenabled: true,\n\t\t\t\tposition: \"topright\",\n\t\t\t},\n\t\t},\n\t],\n\tlegends: {\n\t\tenabled: true,\n\t\tposition: \"topright\",\n\t\tcollapsible: true,\n\t},\n\tperiodSelection: {\n\t\tperiods: [\"2022\"],\n\t},\n\tcontrols: [\n\t\t{\n\t\t\ttype: \"print\",\n\t\t\tposition: \"topleft\",\n\t\t\toptions: {\n\t\t\t\thidden: false,\n\t\t\t\thideControlContainer: true,\n\t\t\t\tsizeModes: [\"A4Landscape\", \"A4Portrait\", \"Current\"],\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport const PointLayer: Story = {};\nPointLayer.args = {\n\torgUnitSelection: {\n\t\torgUnits: [],\n\t\tuserOrgUnit: true,\n\t\tuserSubUnit: true,\n\t\tuserSubX2Unit: false,\n\t},\n\tthematicLayers: [\n\t\t{\n\t\t\ttype: \"choropleth\",\n\t\t\tid: \"choropleth\",\n\t\t\tenabled: true,\n\t\t\tdataItem: {\n\t\t\t\tid: \"Uvn6LCg7dVU\",\n\t\t\t\tdisplayName: \"ANC 1 Coverage\",\n\t\t\t\ttype: \"indicator\",\n\t\t\t},\n\t\t\tcontrol: {\n\t\t\t\tenabled: true,\n\t\t\t\tposition: \"topright\",\n\t\t\t},\n\t\t},\n\t],\n\tperiodSelection: {\n\t\tperiods: [\"2022\"],\n\t},\n\tpointLayer: {\n\t\tenabled: true,\n\t\tlabel: \"Facilities\",\n\t\tlevel: \"m9lBJogzE95\",\n\t\tstyle: {\n\t\t\tgroupSet: \"J5jldMd8OHv\",\n\t\t},\n\t},\n};\n\nexport const GoogleEarthEngineLayers: Story = {};\nGoogleEarthEngineLayers.args = {\n\torgUnitSelection: {\n\t\torgUnits: [],\n\t\tuserOrgUnit: true,\n\t\tuserSubUnit: true,\n\t\tuserSubX2Unit: false,\n\t},\n\tthematicLayers: [],\n\tperiodSelection: {\n\t\tperiods: [\"2022\"],\n\t},\n\tearthEngineLayers: [\n\t\t{\n\t\t\tname: \"Population\",\n\t\t\ttype: \"population\",\n\t\t\tid: \"population\",\n\t\t\tenabled: false,\n\t\t\tparams: {\n\t\t\t\tmin: 0,\n\t\t\t\tmax: 10,\n\t\t\t\tpalette:\n\t\t\t\t\t\"#f7fbff,#deebf7,#c6dbef,#9ecae1,#6baed6,#4292c6,#2171b5,#08519c,#08306b\",\n\t\t\t},\n\t\t\taggregations: [\"sum\", \"mean\"],\n\t\t\tfilters: {\n\t\t\t\tperiod: \"2020\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tname: \"Footprints\",\n\t\t\ttype: \"footprints\",\n\t\t\tid: \"footprints\",\n\t\t\taggregations: [\"count\"],\n\t\t\tenabled: false,\n\t\t},\n\t\t{\n\t\t\tname: \"Land Cover\",\n\t\t\ttype: \"landCover\",\n\t\t\tid: \"landCover\",\n\t\t\tenabled: true,\n\t\t\taggregations: [\"percentage\"],\n\t\t},\n\t],\n\tpointLayer: {\n\t\tenabled: false,\n\t\tlabel: \"Facilities\",\n\t\tlevel: \"m9lBJogzE95\",\n\t\tstyle: {\n\t\t\tgroupSet: \"J5jldMd8OHv\",\n\t\t},\n\t},\n};\n"]}

package/dist/{components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfigModal.mjs → esm/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfigModal.js}

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useForm } from 'react-hook-form';
 import { Modal, ModalTitle, ModalContent, ModalActions, ButtonStrip, Button } from '@dhis2/ui';
 import i18n from '@dhis2/d2-i18n';
-import { EarthEngineLayerConfiguration } from './EarthEngineLayerConfiguration';
+import { EarthEngineLayerConfiguration } from './EarthEngineLayerConfiguration.js';
 
 function EarthEngineLayerConfigModal({
   open,
@@ -38,4 +38,4 @@ function EarthEngineLayerConfigModal({
 
 export { EarthEngineLayerConfigModal };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=EarthEngineLayerConfigModal.mjs.map
+//# sourceMappingURL=EarthEngineLayerConfigModal.js.map

package/dist/esm/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfigModal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfigModal.tsx"],"names":[],"mappings":"AAwCG,cAKC,YALD;AAxCH,SAAS,eAAe;AAExB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,OAAO,UAAU;AAEjB,SAAS,qCAAqC;AAUvC,SAAS,4BAA4B;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAqC;AACpC,QAAM,OAAO,QAAgC;AAAA,IAC5C,eAAe,UAAU,CAAC;AAAA,EAC3B,CAAC;AACD,QAAM,gBAAgB,CAAC,WAAmC;AACzD,YAAQ;AACR,aAAS,MAAM;AAAA,EAChB;AAEA,SACC,qBAAC,SAAO,GAAG,OAAO,MAAM,CAAC,MAAM,SAC9B;AAAA,wBAAC,cAAY,eAAK,EAAE,8BAA8B,GAAE;AAAA,IACpD,oBAAC,gBACA,8BAAC,iCAA8B,MAAY,UAAU,SAAS,GAC/D;AAAA,IACA,oBAAC,gBACA,+BAAC,eACA;AAAA,0BAAC,UAAO,SAAS,SAAU,eAAK,EAAE,QAAQ,GAAE;AAAA,MAC5C;AAAA,QAAC;AAAA;AAAA,UACA,SAAO;AAAA,UACP,SAAS,MAAM,KAAK,aAAa,aAAa,EAAE;AAAA,UAE/C,eAAK,EAAE,MAAM;AAAA;AAAA,MACf;AAAA,OACD,GACD;AAAA,KACD;AAEF","sourcesContent":["import { useForm } from \"react-hook-form\";\nimport { EarthEngineLayerConfig } from \"../MapLayer/interfaces/index.js\";\nimport {\n\tButton,\n\tButtonStrip,\n\tModal,\n\tModalActions,\n\tModalContent,\n\tModalTitle,\n} from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport React from \"react\";\nimport { EarthEngineLayerConfiguration } from \"./EarthEngineLayerConfiguration.js\";\n\nexport interface EarthEngineLayerConfigModalProps {\n\topen: boolean;\n\tconfig?: EarthEngineLayerConfig;\n\texclude?: string[];\n\tonClose: () => void;\n\tonChange: (config: EarthEngineLayerConfig) => void;\n}\n\nexport function EarthEngineLayerConfigModal({\n\topen,\n\texclude,\n\tconfig,\n\tonClose,\n\tonChange,\n\t...props\n}: EarthEngineLayerConfigModalProps) {\n\tconst form = useForm<EarthEngineLayerConfig>({\n\t\tdefaultValues: config ?? {},\n\t});\n\tconst onSubmitClick = (values: EarthEngineLayerConfig) => {\n\t\tonClose();\n\t\tonChange(values);\n\t};\n\n\treturn (\n\t\t<Modal {...props} hide={!open} onClose={onClose}>\n\t\t\t<ModalTitle>{i18n.t(\"Configure Earth Engine Layer\")}</ModalTitle>\n\t\t\t<ModalContent>\n\t\t\t\t<EarthEngineLayerConfiguration form={form} excluded={exclude} />\n\t\t\t</ModalContent>\n\t\t\t<ModalActions>\n\t\t\t\t<ButtonStrip>\n\t\t\t\t\t<Button onClick={onClose}>{i18n.t(\"Cancel\")}</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tprimary\n\t\t\t\t\t\tonClick={() => form.handleSubmit(onSubmitClick)()}\n\t\t\t\t\t>\n\t\t\t\t\t\t{i18n.t(\"Save\")}\n\t\t\t\t\t</Button>\n\t\t\t\t</ButtonStrip>\n\t\t\t</ModalActions>\n\t\t</Modal>\n\t);\n}\n"]}

package/dist/{components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfigModal.stories.mjs → esm/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfigModal.stories.js}

@@ -31,4 +31,4 @@ Default.args = {
 
 export { Default, EarthEngineLayerConfigModal_stories_default as default };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=EarthEngineLayerConfigModal.stories.mjs.map
+//# sourceMappingURL=EarthEngineLayerConfigModal.stories.js.map

package/dist/esm/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfigModal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfigModal.stories.tsx"],"names":[],"mappings":"AAiBI,SACC,KADD;AAhBJ,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,mCAAmC;AAE5C,MAAM,OAAiD;AAAA,EACtD,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,IACX,CAAC,UAAU;AACV,YAAM;AAAA,QACL,OAAO;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,MACX,IAAI,WAAW,IAAI;AAEnB,aACC,qBAAC,SACA;AAAA,4BAAC,SAAM,MAAM,EAAE,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAkB;AAAA,QACzD,oBAAC,UAAO,SAAS,QAAQ,wBAAU;AAAA,SACpC;AAAA,IAEF;AAAA,EACD;AACD;AAEA,IAAO,8CAAQ;AAIR,MAAM,UAAiB,CAAC;AAC/B,QAAQ,OAAO;AAAA,EACd,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,UAAU,QAAQ;AAAA,EAClB,MAAM;AACP","sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { Button } from \"@dhis2/ui\";\nimport { useBoolean } from \"usehooks-ts\";\nimport { EarthEngineLayerConfigModal } from \"./EarthEngineLayerConfigModal\";\n\nconst meta: Meta<typeof EarthEngineLayerConfigModal> = {\n\tcomponent: EarthEngineLayerConfigModal,\n\ttitle: \"DHIS2 Map/Earth Engine Layer Config Modal\",\n\tdecorators: [\n\t\t(Story) => {\n\t\t\tconst {\n\t\t\t\tvalue: hide,\n\t\t\t\tsetTrue: onClose,\n\t\t\t\tsetFalse: onOpen,\n\t\t\t} = useBoolean(true);\n\n\t\t\treturn (\n\t\t\t\t<div>\n\t\t\t\t\t<Story args={{ open: !hide, onClose }} onClose={onClose} />\n\t\t\t\t\t<Button onClick={onOpen}>Open modal</Button>\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof EarthEngineLayerConfigModal>;\n\nexport const Default: Story = {};\nDefault.args = {\n\tonClose: () => {},\n\tonChange: console.info,\n\topen: true,\n};\n"]}

package/dist/{components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.mjs → esm/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.js}

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { FormProvider } from 'react-hook-form';
-import { StylesConfig } from './components/StylesConfig';
-import { Name } from './components/Name';
-import { TypeField } from './components/TypeField';
-import { AggregationSelector } from './components/AggregationSelector';
-import { PeriodSelector } from './components/PeriodSelector';
+import { StylesConfig } from './components/StylesConfig.js';
+import { Name } from './components/Name.js';
+import { TypeField } from './components/TypeField.js';
+import { AggregationSelector } from './components/AggregationSelector.js';
+import { PeriodSelector } from './components/PeriodSelector.js';
 import { QueryClient, QueryClientProvider } from 'react-query';
 
 const queryClient = new QueryClient();
@@ -23,4 +23,4 @@ function EarthEngineLayerConfiguration({
 
 export { EarthEngineLayerConfiguration };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=EarthEngineLayerConfiguration.mjs.map
+//# sourceMappingURL=EarthEngineLayerConfiguration.js.map

package/dist/esm/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.tsx"],"names":[],"mappings":"AAyBI,SACC,KADD;AAxBJ,SAAS,oBAAmC;AAE5C,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAS,aAAa,2BAA2B;AAEjD,MAAM,cAAc,IAAI,YAAY;AAQ7B,SAAS,8BAA8B;AAAA,EAC7C;AAAA,EACA;AACD,GAAuC;AACtC,SACC,oBAAC,uBAAoB,QAAQ,aAC5B,8BAAC,gBAAc,GAAG,MACjB,+BAAC,SAAI,WAAU,iBACd;AAAA,wBAAC,aAAU,UAAoB;AAAA,IAC/B,oBAAC,QAAK;AAAA,IACN,oBAAC,uBAAoB;AAAA,IACrB,oBAAC,kBAAe;AAAA,IAChB,oBAAC,gBAAa;AAAA,KACf,GACD,GACD;AAEF","sourcesContent":["import { EarthEngineLayerConfig } from \"../MapLayer/interfaces\";\nimport { FormProvider, UseFormReturn } from \"react-hook-form\";\nimport React from \"react\";\nimport { StylesConfig } from \"./components/StylesConfig.js\";\nimport { Name } from \"./components/Name.js\";\nimport { TypeField } from \"./components/TypeField.js\";\nimport { AggregationSelector } from \"./components/AggregationSelector.js\";\nimport { PeriodSelector } from \"./components/PeriodSelector.js\";\nimport { QueryClient, QueryClientProvider } from \"react-query\";\n\nconst queryClient = new QueryClient();\nexport interface EarthEngineLayerConfigurationProps {\n\tform: UseFormReturn<EarthEngineLayerConfig>;\n\texcluded?: string[];\n\n\t[key: string]: any;\n}\n\nexport function EarthEngineLayerConfiguration({\n\tform,\n\texcluded,\n}: EarthEngineLayerConfigurationProps) {\n\treturn (\n\t\t<QueryClientProvider client={queryClient}>\n\t\t\t<FormProvider {...form}>\n\t\t\t\t<div className=\"column gap-16\">\n\t\t\t\t\t<TypeField excluded={excluded} />\n\t\t\t\t\t<Name />\n\t\t\t\t\t<AggregationSelector />\n\t\t\t\t\t<PeriodSelector />\n\t\t\t\t\t<StylesConfig />\n\t\t\t\t</div>\n\t\t\t</FormProvider>\n\t\t</QueryClientProvider>\n\t);\n}\n"]}

package/dist/{components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.stories.mjs → esm/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.stories.js}

@@ -18,4 +18,4 @@ var EarthEngineLayerConfiguration_stories_default = meta;
 
 export { Default, EarthEngineLayerConfiguration_stories_default as default };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=EarthEngineLayerConfiguration.stories.mjs.map
+//# sourceMappingURL=EarthEngineLayerConfiguration.stories.js.map

package/dist/esm/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.stories.tsx"],"names":[],"mappings":"AAmBK;AAlBL,SAAS,qCAAqC;AAE9C,SAAS,eAAe;AAKjB,MAAM,UAAiB,CAAC;AAC/B,QAAQ,OAAO,CAAC;AAEhB,MAAM,OAAmD;AAAA,EACxD,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACX,CAAC,aAAa;AACb,YAAM,OAAO,QAAgC;AAC7C,aACC,oBAAC,SAAI,OAAO,EAAE,OAAO,OAAO,QAAQ,MAAM,GACzC,8BAAC,YAAS,MAAM,EAAE,KAAK,GAAG,MAAY,GACvC;AAAA,IAEF;AAAA,EACD;AACD;AAEA,IAAO,gDAAQ","sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { EarthEngineLayerConfiguration } from \"./EarthEngineLayerConfiguration\";\nimport React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { EarthEngineLayerConfig } from \"../MapLayer/interfaces\";\n\ntype Story = StoryObj<typeof EarthEngineLayerConfiguration>;\n\nexport const Default: Story = {};\nDefault.args = {};\n\nconst meta: Meta<typeof EarthEngineLayerConfiguration> = {\n\ttitle: \"DHIS2 Map/Earth Engine Configuration\",\n\tcomponent: EarthEngineLayerConfiguration,\n\tdecorators: [\n\t\t(MapStory) => {\n\t\t\tconst form = useForm<EarthEngineLayerConfig>();\n\t\t\treturn (\n\t\t\t\t<div style={{ width: \"50%\", height: \"50%\" }}>\n\t\t\t\t\t<MapStory args={{ form }} form={form} />\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t],\n};\n\nexport default meta;\n"]}

package/dist/{components/Map/components/EarthEngineLayerConfiguration/components/AggregationSelector.mjs → esm/components/Map/components/EarthEngineLayerConfiguration/components/AggregationSelector.js}

@@ -3,7 +3,7 @@ import { Controller } from 'react-hook-form';
 import { SingleSelectField, SingleSelectOption, MultiSelectField, MultiSelectOption } from '@dhis2/ui';
 import { head, capitalize } from 'lodash';
 import i18n from '@dhis2/d2-i18n';
-import { useType } from '../hooks/data';
+import { useType } from '../hooks/data.js';
 
 function AggregationSelector() {
   const config = useType();
@@ -64,4 +64,4 @@ function AggregationSelector() {
 
 export { AggregationSelector };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=AggregationSelector.mjs.map
+//# sourceMappingURL=AggregationSelector.js.map

package/dist/esm/components/Map/components/EarthEngineLayerConfiguration/components/AggregationSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/components/AggregationSelector.tsx"],"names":[],"mappings":"AA4CO;AA5CP,SAAS,kBAAkB;AAC3B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,YAAY,YAAY;AACjC,OAAO,UAAU;AAEjB,SAAS,eAAe;AAEjB,SAAS,sBAAsB;AACrC,QAAM,SAAS,QAAQ;AAEvB,MAAI,CAAC,QAAQ,qBAAqB;AACjC,WAAO;AAAA,EACR;AAEA,QAAM,wBAAwB,QAAQ,uBAAuB,CAAC;AAE9D,QAAM,kBAAkB,QAAQ;AAEhC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,WAAW,MAAM;AAClC,eAAO,oBAAoB,IAC1B;AAAA,UAAC;AAAA;AAAA,YACA,WAAS;AAAA,YACT,OAAO,QAAQ,WAAW,KAAK;AAAA,YAC/B,gBAAgB,YAAY,OAAO;AAAA,YACnC,UACC,sBAAsB;AAAA,cACrB,KAAK,MAAM,KAAK,KAAK;AAAA,YACtB,IACG,KAAK,MAAM,KAAK,IAChB;AAAA,YAEJ,UAAU,CAAC,EAAE,SAAS,MACrB,MAAM,SAAS,CAAC,QAAQ,CAAC;AAAA,YAE1B,OAAO,KAAK,EAAE,aAAa;AAAA,YAE1B,gCAAsB,IAAI,CAAC,gBAC3B;AAAA,cAAC;AAAA;AAAA,gBAEA,OAAO,WAAW,WAAW;AAAA,gBAC7B,OAAO;AAAA;AAAA,cAFF,GAAG,WAAW;AAAA,YAGpB,CACA;AAAA;AAAA,QACF,IAEA;AAAA,UAAC;AAAA;AAAA,YACA,OAAO,QAAQ,WAAW,KAAK;AAAA,YAC/B,gBAAgB,YAAY,OAAO;AAAA,YACnC,UAAU,MAAM,OAAO;AAAA,cACtB,CAAC,UACA,uBAAuB,SAAS,KAAK;AAAA,YACvC;AAAA,YACA,UAAU,CAAC,EAAE,SAAS,MACrB,MAAM,SAAS,QAAQ;AAAA,YAExB,OAAO,KAAK,EAAE,cAAc;AAAA,YAE3B,gCAAsB,IAAI,CAAC,gBAC3B;AAAA,cAAC;AAAA;AAAA,gBAEA,OAAO,WAAW,WAAW;AAAA,gBAC7B,OAAO;AAAA;AAAA,cAFF,GAAG,WAAW;AAAA,YAGpB,CACA;AAAA;AAAA,QACF;AAAA,MAEF;AAAA,MACA,MAAM;AAAA;AAAA,EACP;AAEF","sourcesContent":["import { Controller } from \"react-hook-form\";\nimport {\n\tMultiSelectField,\n\tMultiSelectOption,\n\tSingleSelectField,\n\tSingleSelectOption,\n} from \"@dhis2/ui\";\nimport { capitalize, head } from \"lodash\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport React from \"react\";\nimport { useType } from \"../hooks/data.js\";\n\nexport function AggregationSelector() {\n\tconst config = useType();\n\n\tif (!config?.defaultAggregations) {\n\t\treturn null;\n\t}\n\n\tconst supportedAggregations = config?.defaultAggregations ?? [];\n\n\tconst maxAggregations = config?.maxAggregations;\n\n\treturn (\n\t\t<Controller\n\t\t\trender={({ field, fieldState }) => {\n\t\t\t\treturn maxAggregations === 1 ? (\n\t\t\t\t\t<SingleSelectField\n\t\t\t\t\t\tclearable\n\t\t\t\t\t\terror={Boolean(fieldState.error)}\n\t\t\t\t\t\tvalidationText={fieldState?.error?.message}\n\t\t\t\t\t\tselected={\n\t\t\t\t\t\t\tsupportedAggregations.includes(\n\t\t\t\t\t\t\t\thead(field.value) ?? \"\",\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t? head(field.value)\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonChange={({ selected }: { selected: string }) =>\n\t\t\t\t\t\t\tfield.onChange([selected])\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={i18n.t(\"Aggregation\")}\n\t\t\t\t\t>\n\t\t\t\t\t\t{supportedAggregations.map((aggregation) => (\n\t\t\t\t\t\t\t<SingleSelectOption\n\t\t\t\t\t\t\t\tkey={`${aggregation}-option`}\n\t\t\t\t\t\t\t\tlabel={capitalize(aggregation)}\n\t\t\t\t\t\t\t\tvalue={aggregation}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</SingleSelectField>\n\t\t\t\t) : (\n\t\t\t\t\t<MultiSelectField\n\t\t\t\t\t\terror={Boolean(fieldState.error)}\n\t\t\t\t\t\tvalidationText={fieldState?.error?.message}\n\t\t\t\t\t\tselected={field.value?.filter(\n\t\t\t\t\t\t\t(value: string) =>\n\t\t\t\t\t\t\t\tsupportedAggregations?.includes(value),\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonChange={({ selected }: { selected: string[] }) =>\n\t\t\t\t\t\t\tfield.onChange(selected)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={i18n.t(\"Aggregations\")}\n\t\t\t\t\t>\n\t\t\t\t\t\t{supportedAggregations.map((aggregation) => (\n\t\t\t\t\t\t\t<MultiSelectOption\n\t\t\t\t\t\t\t\tkey={`${aggregation}-option`}\n\t\t\t\t\t\t\t\tlabel={capitalize(aggregation)}\n\t\t\t\t\t\t\t\tvalue={aggregation}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</MultiSelectField>\n\t\t\t\t);\n\t\t\t}}\n\t\t\tname={\"aggregations\"}\n\t\t/>\n\t);\n}\n"]}

package/dist/{components/Map/components/EarthEngineLayerConfiguration/components/ColorConfig.mjs → esm/components/Map/components/EarthEngineLayerConfiguration/components/ColorConfig.js}

@@ -2,8 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Controller } from 'react-hook-form';
 import { InputField, SingleSelectField, SingleSelectOption, Field } from '@dhis2/ui';
 import i18n from '@dhis2/d2-i18n';
-import { getColorClasses, getColorScale, defaultClasses, defaultColorScaleName, getColorPalette } from '../../../utils/colors';
-import ColorScaleSelect from '../../ThematicLayerConfiguration/components/ColorScaleSelect';
+import { getColorClasses, getColorScale, defaultClasses, defaultColorScaleName, getColorPalette } from '../../../utils/colors.js';
+import ColorScaleSelect from '../../ThematicLayerConfiguration/components/ColorScaleSelect/index.js';
 
 function ColorConfig() {
   return /* @__PURE__ */ jsxs("div", { className: "column gap-16", children: [
@@ -131,4 +131,4 @@ function ColorConfig() {
 
 export { ColorConfig };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=ColorConfig.mjs.map
+//# sourceMappingURL=ColorConfig.js.map

package/dist/esm/components/Map/components/EarthEngineLayerConfiguration/components/ColorConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/components/ColorConfig.tsx"],"names":["palette","colorClass"],"mappings":"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","sourcesContent":["import { Controller } from \"react-hook-form\";\nimport {\n\tField,\n\tInputField,\n\tSingleSelectField,\n\tSingleSelectOption,\n} from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport {\n\tdefaultClasses,\n\tdefaultColorScaleName,\n\tgetColorClasses,\n\tgetColorPalette,\n\tgetColorScale,\n} from \"../../../utils/colors.js\";\nimport ColorScaleSelect from \"../../ThematicLayerConfiguration/components/ColorScaleSelect/index.js\";\nimport React from \"react\";\n\nexport function ColorConfig() {\n\treturn (\n\t\t<div className=\"column gap-16\">\n\t\t\t<div className=\"row gap-8\">\n\t\t\t\t<Controller\n\t\t\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t\t\t<InputField\n\t\t\t\t\t\t\t{...field}\n\t\t\t\t\t\t\terror={Boolean(fieldState.error)}\n\t\t\t\t\t\t\tvalidationText={fieldState.error?.message}\n\t\t\t\t\t\t\tvalue={field.value?.toString()}\n\t\t\t\t\t\t\tonChange={({ value }: { value?: string }) => {\n\t\t\t\t\t\t\t\tif (!value) return;\n\t\t\t\t\t\t\t\tfield.onChange(parseInt(value));\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Min\")}\n\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\tname={\"params.min\"}\n\t\t\t\t/>\n\t\t\t\t<Controller\n\t\t\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t\t\t<InputField\n\t\t\t\t\t\t\t{...field}\n\t\t\t\t\t\t\terror={Boolean(fieldState.error)}\n\t\t\t\t\t\t\tvalidationText={fieldState.error?.message}\n\t\t\t\t\t\t\tvalue={field.value?.toString()}\n\t\t\t\t\t\t\tonChange={({ value }: { value?: string }) => {\n\t\t\t\t\t\t\t\tif (!value) return;\n\t\t\t\t\t\t\t\tfield.onChange(parseInt(value));\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Max\")}\n\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\tname={\"params.max\"}\n\t\t\t\t/>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"params.palette\"\n\t\t\t\t\trender={({ field, fieldState }) => {\n\t\t\t\t\t\tconst palette = field.value;\n\t\t\t\t\t\tconst scale = getColorClasses(palette);\n\t\t\t\t\t\tconst colorClass = getColorScale(palette ?? \"\");\n\n\t\t\t\t\t\tconst onChange = ({\n\t\t\t\t\t\t\tselected,\n\t\t\t\t\t\t}: {\n\t\t\t\t\t\t\tselected: string;\n\t\t\t\t\t\t}) => {\n\t\t\t\t\t\t\tconst palette = getColorPalette(\n\t\t\t\t\t\t\t\tcolorClass as string,\n\t\t\t\t\t\t\t\tparseInt(selected),\n\t\t\t\t\t\t\t)?.join(\",\");\n\t\t\t\t\t\t\tfield.onChange(palette);\n\t\t\t\t\t\t};\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<SingleSelectField\n\t\t\t\t\t\t\t\tvalidationText={fieldState.error?.message}\n\t\t\t\t\t\t\t\terror={Boolean(fieldState.error)}\n\t\t\t\t\t\t\t\tselected={\n\t\t\t\t\t\t\t\t\tscale?.toString() ??\n\t\t\t\t\t\t\t\t\tdefaultClasses.toString()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tlabel={i18n.t(\"Steps\")}\n\t\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{[3, 4, 5, 6, 7, 8, 9].map((value) => (\n\t\t\t\t\t\t\t\t\t<SingleSelectOption\n\t\t\t\t\t\t\t\t\t\tkey={`${value}-classes-option`}\n\t\t\t\t\t\t\t\t\t\tlabel={`${value}`}\n\t\t\t\t\t\t\t\t\t\tvalue={value?.toString()}\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</SingleSelectField>\n\t\t\t\t\t\t);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"params.palette\"\n\t\t\t\t\trender={({ field, fieldState }) => {\n\t\t\t\t\t\tconst palette = field.value;\n\t\t\t\t\t\tconst scale = getColorClasses(palette);\n\t\t\t\t\t\tconst colorClass = getColorScale(palette ?? \"\");\n\n\t\t\t\t\t\tconst onChange = (colorClass: string) => {\n\t\t\t\t\t\t\tconst palette = getColorPalette(\n\t\t\t\t\t\t\t\tcolorClass,\n\t\t\t\t\t\t\t\tscale,\n\t\t\t\t\t\t\t)?.join(\",\");\n\t\t\t\t\t\t\tfield.onChange(palette);\n\t\t\t\t\t\t};\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Field\n\t\t\t\t\t\t\t\terror={Boolean(fieldState.error)}\n\t\t\t\t\t\t\t\tvalidationText={fieldState.error?.message}\n\t\t\t\t\t\t\t\tlabel={i18n.t(\"Colors\")}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ColorScaleSelect\n\t\t\t\t\t\t\t\t\tcount={scale ?? defaultClasses}\n\t\t\t\t\t\t\t\t\tcolorClass={\n\t\t\t\t\t\t\t\t\t\tcolorClass ?? defaultColorScaleName\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\twidth={300}\n\t\t\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Field>\n\t\t\t\t\t\t);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}

package/dist/{components/Map/components/EarthEngineLayerConfiguration/components/Name.mjs → esm/components/Map/components/EarthEngineLayerConfiguration/components/Name.js}

@@ -3,7 +3,7 @@ import { useFormContext, Controller } from 'react-hook-form';
 import { useEffect } from 'react';
 import i18n from '@dhis2/d2-i18n';
 import { InputField } from '@dhis2/ui';
-import { useType } from '../hooks/data';
+import { useType } from '../hooks/data.js';
 
 function Name() {
   const config = useType();
@@ -41,4 +41,4 @@ function Name() {
 
 export { Name };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=Name.mjs.map
+//# sourceMappingURL=Name.js.map

package/dist/esm/components/Map/components/EarthEngineLayerConfiguration/components/Name.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/components/Name.tsx"],"names":[],"mappings":"AAqBI;AArBJ,SAAS,YAAY,sBAAsB;AAC3C,SAAgB,iBAAiB;AACjC,OAAO,UAAU;AACjB,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AAEjB,SAAS,OAAO;AACtB,QAAM,SAAS,QAAQ;AACvB,QAAM,EAAE,SAAS,IAAI,eAAe;AACpC,YAAU,MAAM;AACf,aAAS,QAAQ,QAAQ,IAAI;AAC7B,aAAS,MAAM,QAAQ,EAAE;AAAA,EAC1B,GAAG,CAAC,MAAM,CAAC;AAEX,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,OAAO;AAAA,QACN,UAAU,KAAK,EAAE,kBAAkB;AAAA,MACpC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,WAAW,MAC5B;AAAA,QAAC;AAAA;AAAA,UACA,OAAO,KAAK,EAAE,YAAY;AAAA,UAC1B,MAAK;AAAA,UACL,UAAQ;AAAA,UACR,OAAO,QAAQ,WAAW,KAAK;AAAA,UAC/B,gBAAgB,WAAW,OAAO;AAAA,UAClC,UAAU,CAAC,EAAE,MAAM,MAA0B;AAC5C,gBAAI,CAAC;AAAO;AACZ,kBAAM,SAAS,KAAK;AAAA,UACrB;AAAA,UACA,OAAO,MAAM;AAAA;AAAA,MACd;AAAA;AAAA,EAEF;AAEF","sourcesContent":["import { Controller, useFormContext } from \"react-hook-form\";\nimport React, { useEffect } from \"react\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { InputField } from \"@dhis2/ui\";\nimport { useType } from \"../hooks/data.js\";\n\nexport function Name() {\n\tconst config = useType();\n\tconst { setValue } = useFormContext();\n\tuseEffect(() => {\n\t\tsetValue(\"name\", config?.name);\n\t\tsetValue(\"id\", config?.id);\n\t}, [config]);\n\n\treturn (\n\t\t<Controller\n\t\t\tname=\"name\"\n\t\t\trules={{\n\t\t\t\trequired: i18n.t(\"Name is required\"),\n\t\t\t}}\n\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t<InputField\n\t\t\t\t\tlabel={i18n.t(\"Layer name\")}\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\trequired\n\t\t\t\t\terror={Boolean(fieldState.error)}\n\t\t\t\t\tvalidationText={fieldState.error?.message}\n\t\t\t\t\tonChange={({ value }: { value?: string }) => {\n\t\t\t\t\t\tif (!value) return;\n\t\t\t\t\t\tfield.onChange(value);\n\t\t\t\t\t}}\n\t\t\t\t\tvalue={field.value}\n\t\t\t\t/>\n\t\t\t)}\n\t\t/>\n\t);\n}\n"]}

package/dist/{components/Map/components/EarthEngineLayerConfiguration/components/PeriodSelector.mjs → esm/components/Map/components/EarthEngineLayerConfiguration/components/PeriodSelector.js}

@@ -4,7 +4,7 @@ import { useEffect } from 'react';
 import { isEmpty, head } from 'lodash';
 import { Center, SingleSelectField, SingleSelectOption, CircularLoader } from '@dhis2/ui';
 import i18n from '@dhis2/d2-i18n';
-import { useType, useDatasetInfo } from '../hooks/data';
+import { useType, useDatasetInfo } from '../hooks/data.js';
 
 function PeriodSelector() {
   const config = useType();
@@ -64,4 +64,4 @@ function PeriodSelector() {
 
 export { PeriodSelector };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=PeriodSelector.mjs.map
+//# sourceMappingURL=PeriodSelector.js.map

package/dist/esm/components/Map/components/EarthEngineLayerConfiguration/components/PeriodSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/components/PeriodSelector.tsx"],"names":[],"mappings":"AAkCK,cAaD,YAbC;AAlCL,SAAS,YAAY,sBAAsB;AAC3C,SAAgB,iBAAiB;AACjC,SAAS,MAAM,eAAe;AAC9B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,OAAO,UAAU;AACjB,SAAS,gBAAgB,eAAe;AAEjC,SAAS,iBAAiB;AAChC,QAAM,SAAS,QAAQ;AACvB,QAAM,EAAE,UAAU,UAAU,IAAI,eAAe;AAC/C,QAAM,UAAU,QAAQ,WAAW,CAAC;AACpC,QAAM,kBAAkB,QAAQ,SAAS,QAAQ;AACjD,QAAM,EAAE,SAAS,OAAO,QAAQ,IAAI,eAAe,iBAAiB,MAAM;AAC1E,QAAM,gBAAgB,UAAU,gBAAgB;AAEhD,YAAU,MAAM;AACf,QAAI,CAAC,QAAQ,OAAO,KAAK,CAAC,eAAe;AACxC,eAAS,kBAAkB,KAAK,OAAO,CAAC;AAAA,IACzC;AAAA,EACD,GAAG,CAAC,OAAO,CAAC;AAEZ,MAAI,CAAC,iBAAiB;AACrB,WAAO;AAAA,EACR;AAEA,MAAI,OAAO;AACV,WACC,oBAAC,SAAI,OAAO,EAAE,UAAU,QAAQ,WAAW,IAAI,GAC9C,8BAAC,UACA,8BAAC,OAAG,iBAAO,WAAW,OAAO,SAAS,GAAE,GACzC,GACD;AAAA,EAEF;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,OAAO;AAAA,QACN,UAAU,KAAK,EAAE,oBAAoB;AAAA,MACtC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,WAAW,MAC5B,qBAAC,SAAI,OAAO,EAAE,KAAK,EAAE,GAAG,WAAU,0BACjC;AAAA,4BAAC,SAAI,OAAO,EAAE,MAAM,EAAE,GACrB;AAAA,UAAC;AAAA;AAAA,YACA,UAAU,KAAK;AAAA,cACd;AAAA,YACD;AAAA,YACA;AAAA,YACA,YAAU;AAAA,YACV,OAAO,KAAK,EAAE,QAAQ;AAAA,YACtB,UAAQ;AAAA,YACR,OAAO,QAAQ,WAAW,KAAK;AAAA,YAC/B,gBAAgB,WAAW,OAAO;AAAA,YAClC,UAAU,CAAC,EAAE,SAAS,MACrB,MAAM,SAAS,SAAS,QAAQ,CAAC;AAAA,YAElC,UACC,SAAS,SAAS,MAAM,KAAK,IAC1B,MAAM,OAAO,SAAS,IACtB;AAAA,YAGH,mBAAS,IAAI,CAAC,WACd;AAAA,cAAC;AAAA;AAAA,gBAEA,OAAO,OAAO,SAAS;AAAA,gBACvB,OAAO,OAAO,SAAS;AAAA;AAAA,cAFlB,GAAG,MAAM;AAAA,YAGf,CACA;AAAA;AAAA,QACF,GACD;AAAA,QACC,WAAW,oBAAC,kBAAe,YAAU,MAAC;AAAA,SACxC;AAAA;AAAA,EAEF;AAEF","sourcesContent":["import { Controller, useFormContext } from \"react-hook-form\";\nimport React, { useEffect } from \"react\";\nimport { head, isEmpty } from \"lodash\";\nimport {\n\tCenter,\n\tCircularLoader,\n\tSingleSelectField,\n\tSingleSelectOption,\n} from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { useDatasetInfo, useType } from \"../hooks/data.js\";\n\nexport function PeriodSelector() {\n\tconst config = useType();\n\tconst { setValue, getValues } = useFormContext();\n\tconst filters = config?.filters ?? [];\n\tconst hasPeriodFilter = filters.includes(\"period\");\n\tconst { loading, error, periods } = useDatasetInfo(hasPeriodFilter, config);\n\tconst initialPeriod = getValues(\"filters.period\");\n\n\tuseEffect(() => {\n\t\tif (!isEmpty(periods) && !initialPeriod) {\n\t\t\tsetValue(\"filters.period\", head(periods));\n\t\t}\n\t}, [periods]);\n\n\tif (!hasPeriodFilter) {\n\t\treturn null;\n\t}\n\n\tif (error) {\n\t\treturn (\n\t\t\t<div style={{ minWidth: \"100%\", minHeight: 100 }}>\n\t\t\t\t<Center>\n\t\t\t\t\t<p>{error?.message ?? error?.toString()}</p>\n\t\t\t\t</Center>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Controller\n\t\t\tname=\"filters.period\"\n\t\t\trules={{\n\t\t\t\trequired: i18n.t(\"Period is required\"),\n\t\t\t}}\n\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t<div style={{ gap: 4 }} className=\"row align-items-center\">\n\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t<SingleSelectField\n\t\t\t\t\t\t\thelpText={i18n.t(\n\t\t\t\t\t\t\t\t\"Available periods are set by the source data\",\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t\t\tfilterable\n\t\t\t\t\t\t\tlabel={i18n.t(\"Period\")}\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\terror={Boolean(fieldState.error)}\n\t\t\t\t\t\t\tvalidationText={fieldState.error?.message}\n\t\t\t\t\t\t\tonChange={({ selected }: { selected: string }) =>\n\t\t\t\t\t\t\t\tfield.onChange(parseInt(selected))\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tselected={\n\t\t\t\t\t\t\t\tperiods?.includes(field.value)\n\t\t\t\t\t\t\t\t\t? field.value?.toString()\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{periods?.map((period: number) => (\n\t\t\t\t\t\t\t\t<SingleSelectOption\n\t\t\t\t\t\t\t\t\tkey={`${period}-option`}\n\t\t\t\t\t\t\t\t\tvalue={period.toString()}\n\t\t\t\t\t\t\t\t\tlabel={period.toString()}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</SingleSelectField>\n\t\t\t\t\t</div>\n\t\t\t\t\t{loading && <CircularLoader extrasmall />}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t/>\n\t);\n}\n"]}

package/dist/{components/Map/components/EarthEngineLayerConfiguration/components/StylesConfig.mjs → esm/components/Map/components/EarthEngineLayerConfiguration/components/StylesConfig.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import i18n from '@dhis2/d2-i18n';
-import { ColorConfig } from './ColorConfig';
-import { useType } from '../hooks/data';
+import { ColorConfig } from './ColorConfig.js';
+import { useType } from '../hooks/data.js';
 
 function StylesConfig() {
   const config = useType();
@@ -21,4 +21,4 @@ function StylesConfig() {
 
 export { StylesConfig };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=StylesConfig.mjs.map
+//# sourceMappingURL=StylesConfig.js.map

package/dist/esm/components/Map/components/EarthEngineLayerConfiguration/components/StylesConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/components/StylesConfig.tsx"],"names":[],"mappings":"AAgBI,SAGA,KAHA;AAhBJ,OAAO,UAAU;AACjB,SAAS,mBAAmB;AAE5B,SAAS,eAAe;AAEjB,SAAS,eAAe;AAC9B,QAAM,SAAS,QAAQ;AACvB,QAAM,YAAY,QAAQ,QAAQ,MAAM;AAExC,MAAI,CAAC,WAAW;AACf,WAAO;AAAA,EACR;AAEA,SACC,oBAAC,SAAI,OAAO,EAAE,UAAU,KAAK,WAAW,IAAI,GAAG,WAAU,cACxD,+BAAC,SAAI,WAAU,UACd;AAAA,yBAAC,OACC;AAAA,WAAK,EAAE,MAAM;AAAA,MAAE;AAAA,MAAG,QAAQ;AAAA,OAC5B;AAAA,IACA,oBAAC,eAAY;AAAA,KACd,GACD;AAEF","sourcesContent":["import i18n from \"@dhis2/d2-i18n\";\nimport { ColorConfig } from \"./ColorConfig.js\";\nimport React from \"react\";\nimport { useType } from \"../hooks/data.js\";\n\nexport function StylesConfig() {\n\tconst config = useType();\n\tconst hasParams = Boolean(config?.params);\n\n\tif (!hasParams) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div style={{ minWidth: 200, minHeight: 100 }} className=\"row gap-16\">\n\t\t\t<div className=\"column\">\n\t\t\t\t<p>\n\t\t\t\t\t{i18n.t(\"Unit\")}: {config?.unit}\n\t\t\t\t</p>\n\t\t\t\t<ColorConfig />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}

package/dist/{components/Map/components/EarthEngineLayerConfiguration/components/TypeField.mjs → esm/components/Map/components/EarthEngineLayerConfiguration/components/TypeField.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { filter, find } from 'lodash';
-import { EARTH_ENGINE_LAYERS, SUPPORTED_EARTH_ENGINE_LAYERS } from '../../MapLayer/components/GoogleEngineLayer/constants';
+import { EARTH_ENGINE_LAYERS, SUPPORTED_EARTH_ENGINE_LAYERS } from '../../MapLayer/components/GoogleEngineLayer/constants/index.js';
 import { useFormContext, Controller } from 'react-hook-form';
 import i18n from '@dhis2/d2-i18n';
 import { SingleSelectField, SingleSelectOption } from '@dhis2/ui';
@@ -64,4 +64,4 @@ function TypeField({ excluded }) {
 
 export { TypeField };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=TypeField.mjs.map
+//# sourceMappingURL=TypeField.js.map

package/dist/esm/components/Map/components/EarthEngineLayerConfiguration/components/TypeField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/components/TypeField.tsx"],"names":[],"mappings":"AA6DM;AA7DN,SAAS,QAAQ,YAAY;AAC7B;AAAA,EACC;AAAA,EACA;AAAA,OACM;AACP,SAAS,YAAY,sBAAsB;AAC3C,OAAO,UAAU;AACjB,SAAS,mBAAmB,0BAA0B;AAG/C,SAAS,UAAU,EAAE,SAAS,GAA4B;AAChE,QAAM,kBAAkB;AAAA,IACvB;AAAA,IACA,CAAC,EAAE,GAAG,MACL,8BAA8B,SAAS,EAAE,KACzC,EAAE,UAAU,SAAS,EAAE,KAAK;AAAA,EAC9B;AACA,QAAM,EAAE,SAAS,IAAI,eAAe;AACpC,QAAM,oBAAoB,CAAC,aAAqB;AAC/C,UAAM,SAAS,KAAK,iBAAiB,CAAC,MAAM,QAAQ,CAAC;AACrD,QAAI,CAAC;AAAQ;AAEb,QAAI,QAAQ,qBAAqB;AAChC,eAAS,gBAAgB,QAAQ,mBAAmB;AAAA,IACrD,OAAO;AACN,eAAS,gBAAgB,MAAS;AAAA,IACnC;AAEA,QAAI,QAAQ,QAAQ;AACnB,YAAM,EAAE,KAAK,KAAK,QAAQ,IAAI,OAAO;AACrC,eAAS,cAAc,GAAG;AAC1B,eAAS,cAAc,GAAG;AAC1B,eAAS,kBAAkB,OAAO;AAAA,IACnC,OAAO;AACN,eAAS,UAAU,MAAS;AAAA,IAC7B;AAAA,EACD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,OAAO;AAAA,QACN,UAAU,KAAK,EAAE,kBAAkB;AAAA,MACpC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,WAAW,MAC5B;AAAA,QAAC;AAAA;AAAA,UACA,OAAO,KAAK,EAAE,YAAY;AAAA,UAC1B,UAAQ;AAAA,UACR,OAAO,QAAQ,WAAW,KAAK;AAAA,UAC/B,gBAAgB,WAAW,OAAO;AAAA,UAClC,UAAU,CAAC,EAAE,SAAS,MAA4B;AACjD,8BAAkB,QAAQ;AAC1B,kBAAM,SAAS,QAAQ;AAAA,UACxB;AAAA,UACA,UACC,QAAQ,KAAK,iBAAiB,MAAM,MAAM,KAAK,CAAC,IAC7C,MAAM,QACN;AAAA,UAGH,2BAAiB,IAAI,CAAC,UACtB;AAAA,YAAC;AAAA;AAAA,cAEA,OAAO,MAAM;AAAA,cACb,OAAO,MAAM;AAAA;AAAA,YAFR,GAAG,MAAM,EAAE;AAAA,UAGjB,CACA;AAAA;AAAA,MACF;AAAA;AAAA,EAEF;AAEF","sourcesContent":["import { filter, find } from \"lodash\";\nimport {\n\tEARTH_ENGINE_LAYERS,\n\tSUPPORTED_EARTH_ENGINE_LAYERS,\n} from \"../../MapLayer/components/GoogleEngineLayer/constants/index.js\";\nimport { Controller, useFormContext } from \"react-hook-form\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { SingleSelectField, SingleSelectOption } from \"@dhis2/ui\";\nimport React from \"react\";\n\nexport function TypeField({ excluded }: { excluded?: string[] }) {\n\tconst supportedLayers = filter(\n\t\tEARTH_ENGINE_LAYERS,\n\t\t({ id }) =>\n\t\t\tSUPPORTED_EARTH_ENGINE_LAYERS.includes(id) &&\n\t\t\t!(excluded?.includes(id) ?? false),\n\t);\n\tconst { setValue } = useFormContext();\n\tconst setConfigDefaults = (selected: string) => {\n\t\tconst config = find(supportedLayers, [\"id\", selected]);\n\t\tif (!config) return;\n\n\t\tif (config?.defaultAggregations) {\n\t\t\tsetValue(\"aggregations\", config?.defaultAggregations);\n\t\t} else {\n\t\t\tsetValue(\"aggregations\", undefined);\n\t\t}\n\n\t\tif (config?.params) {\n\t\t\tconst { max, min, palette } = config.params;\n\t\t\tsetValue(\"params.max\", max);\n\t\t\tsetValue(\"params.min\", min);\n\t\t\tsetValue(\"params.palette\", palette);\n\t\t} else {\n\t\t\tsetValue(\"params\", undefined);\n\t\t}\n\t};\n\n\treturn (\n\t\t<Controller\n\t\t\tname=\"type\"\n\t\t\trules={{\n\t\t\t\trequired: i18n.t(\"Type is required\"),\n\t\t\t}}\n\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t<SingleSelectField\n\t\t\t\t\tlabel={i18n.t(\"Layer type\")}\n\t\t\t\t\trequired\n\t\t\t\t\terror={Boolean(fieldState.error)}\n\t\t\t\t\tvalidationText={fieldState.error?.message}\n\t\t\t\t\tonChange={({ selected }: { selected: string }) => {\n\t\t\t\t\t\tsetConfigDefaults(selected);\n\t\t\t\t\t\tfield.onChange(selected);\n\t\t\t\t\t}}\n\t\t\t\t\tselected={\n\t\t\t\t\t\tBoolean(find(supportedLayers, \"id\", field.value))\n\t\t\t\t\t\t\t? field.value\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{supportedLayers?.map((layer) => (\n\t\t\t\t\t\t<SingleSelectOption\n\t\t\t\t\t\t\tkey={`${layer.id}-option`}\n\t\t\t\t\t\t\tvalue={layer.id}\n\t\t\t\t\t\t\tlabel={layer.name}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</SingleSelectField>\n\t\t\t)}\n\t\t/>\n\t);\n}\n"]}

package/dist/{components/Map/components/EarthEngineLayerConfiguration/hooks/data.mjs → esm/components/Map/components/EarthEngineLayerConfiguration/hooks/data.js}

@@ -1,10 +1,10 @@
-import { useGoogleEngineToken } from '../../MapLayer/components/GoogleEngineLayer/hooks';
-import { EarthEngine } from '../../MapLayer/components/GoogleEngineLayer/services/engine';
+import { useGoogleEngineToken } from '../../MapLayer/components/GoogleEngineLayer/hooks/index.js';
+import { EarthEngine } from '../../MapLayer/components/GoogleEngineLayer/services/engine.js';
 import { useQuery } from 'react-query';
 import { useMemo } from 'react';
 import { useWatch } from 'react-hook-form';
 import { find } from 'lodash';
-import { EARTH_ENGINE_LAYERS } from '../../MapLayer/components/GoogleEngineLayer/constants';
+import { EARTH_ENGINE_LAYERS } from '../../MapLayer/components/GoogleEngineLayer/constants/index.js';
 
 function useDatasetInfo(shouldRun, config) {
   const { refresh } = useGoogleEngineToken();
@@ -42,4 +42,4 @@ function useType() {
 
 export { useDatasetInfo, useType };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=data.mjs.map
+//# sourceMappingURL=data.js.map

package/dist/esm/components/Map/components/EarthEngineLayerConfiguration/hooks/data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/hooks/data.ts"],"names":[],"mappings":"AACA,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,2BAA2B;AAE7B,SAAS,eACf,WACA,QACC;AACD,QAAM,EAAE,QAAQ,IAAI,qBAAqB;AAEzC,iBAAe,UAAU;AACxB,QAAI,QAAQ;AACX,YAAM,YAAY,MAAM,QAAQ;AAChC,YAAM,YAAY,SAAS,UAAU,OAAO,OAAO;AACnD,YAAM,SAAS,IAAI,YAAY;AAAA,QAC9B,SAAS;AAAA,MACV,CAAC;AACD,aAAO,OAAO,UAAU;AAAA,IACzB;AAAA,EACD;AAEA,QAAM,EAAE,MAAM,OAAO,UAAU,IAAI,SAAS,CAAC,MAAM,GAAG,OAAO;AAE7D,QAAM,UAAU,QAAQ,MAAM;AAC7B,UAAM,WAAY,MAAc;AAChC,WAAO,UAAU,IAAI,CAAC,YAAiB;AACtC,aAAO,IAAI;AAAA,QACV,SAAS,WAAW,mBAAmB;AAAA,MACxC,GAAG,YAAY;AAAA,IAChB,CAAC;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,SAAO;AAAA,IACN,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EACD;AACD;AAEO,SAAS,UAAU;AACzB,QAAM,OAAO,SAAS;AAAA,IACrB,MAAM;AAAA,EACP,CAAC;AACD,SAAO,KAAK,qBAAqB,CAAC,MAAM,IAAI,CAAC;AAC9C","sourcesContent":["import { EarthEngineOptions } from \"../../MapLayer/components/GoogleEngineLayer/interfaces/index.js\";\nimport { useGoogleEngineToken } from \"../../MapLayer/components/GoogleEngineLayer/hooks/index.js\";\nimport { EarthEngine } from \"../../MapLayer/components/GoogleEngineLayer/services/engine.js\";\nimport { useQuery } from \"react-query\";\nimport { useMemo } from \"react\";\nimport { useWatch } from \"react-hook-form\";\nimport { find } from \"lodash\";\nimport { EARTH_ENGINE_LAYERS } from \"../../MapLayer/components/GoogleEngineLayer/constants/index.js\";\n\nexport function useDatasetInfo(\n\tshouldRun: boolean,\n\tconfig?: EarthEngineOptions,\n) {\n\tconst { refresh } = useGoogleEngineToken();\n\n\tasync function getInfo() {\n\t\tif (config) {\n\t\t\tconst tokenData = await refresh();\n\t\t\tawait EarthEngine.setToken(tokenData.token, refresh);\n\t\t\tconst engine = new EarthEngine({\n\t\t\t\toptions: config,\n\t\t\t});\n\t\t\treturn engine.getPeriod();\n\t\t}\n\t}\n\n\tconst { data, error, isLoading } = useQuery([config], getInfo);\n\n\tconst periods = useMemo(() => {\n\t\tconst features = (data as any)?.features;\n\t\treturn features?.map((feature: any) => {\n\t\t\treturn new Date(\n\t\t\t\tfeature?.properties[\"system:time_start\"],\n\t\t\t)?.getFullYear();\n\t\t});\n\t}, [data]);\n\n\treturn {\n\t\tloading: isLoading,\n\t\terror: error as any,\n\t\tperiods,\n\t};\n}\n\nexport function useType() {\n\tconst type = useWatch({\n\t\tname: \"type\",\n\t});\n\treturn find(EARTH_ENGINE_LAYERS, [\"id\", type]);\n}\n"]}

package/dist/esm/components/Map/components/EarthEngineLayerConfiguration/index.js

@@ -0,0 +1,4 @@
+export * from './EarthEngineLayerConfigModal.js';
+export * from './EarthEngineLayerConfiguration.js';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Map/components/EarthEngineLayerConfiguration/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/index.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,cAAc","sourcesContent":["export * from \"./EarthEngineLayerConfigModal.js\";\nexport * from \"./EarthEngineLayerConfiguration.js\";\n"]}