@hisptz/dhis2-analytics 2.0.45 → 2.0.47

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

@@ -1 +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"]}
+{"version":3,"sources":["../../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/components/AggregationSelector.tsx"],"names":[],"mappings":";;;;;;;AAYO,SAAS,mBAAsB,GAAA;AACrC,EAAA,MAAM,SAAS,OAAQ,EAAA,CAAA;AAEvB,EAAI,IAAA,CAAC,QAAQ,mBAAqB,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,GACR;AAEA,EAAM,MAAA,qBAAA,GAAwB,MAAQ,EAAA,mBAAA,IAAuB,EAAC,CAAA;AAE9D,EAAA,MAAM,kBAAkB,MAAQ,EAAA,eAAA,CAAA;AAEhC,EACC,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACA,MAAQ,EAAA,CAAC,EAAE,KAAA,EAAO,YAAiB,KAAA;AAClC,QAAA,OAAO,oBAAoB,CAC1B,mBAAA,GAAA;AAAA,UAAC,iBAAA;AAAA,UAAA;AAAA,YACA,SAAS,EAAA,IAAA;AAAA,YACT,KAAA,EAAO,OAAQ,CAAA,UAAA,CAAW,KAAK,CAAA;AAAA,YAC/B,cAAA,EAAgB,YAAY,KAAO,EAAA,OAAA;AAAA,YACnC,UACC,qBAAsB,CAAA,QAAA;AAAA,cACrB,IAAA,CAAK,KAAM,CAAA,KAAK,CAAK,IAAA,EAAA;AAAA,aAEnB,GAAA,IAAA,CAAK,KAAM,CAAA,KAAK,CAChB,GAAA,KAAA,CAAA;AAAA,YAEJ,QAAA,EAAU,CAAC,EAAE,QAAA,OACZ,KAAM,CAAA,QAAA,CAAS,CAAC,QAAQ,CAAC,CAAA;AAAA,YAE1B,KAAA,EAAO,IAAK,CAAA,CAAA,CAAE,aAAa,CAAA;AAAA,YAE1B,QAAA,EAAA,qBAAA,CAAsB,GAAI,CAAA,CAAC,WAC3B,qBAAA,GAAA;AAAA,cAAC,kBAAA;AAAA,cAAA;AAAA,gBAEA,KAAA,EAAO,WAAW,WAAW,CAAA;AAAA,gBAC7B,KAAO,EAAA,WAAA;AAAA,eAAA;AAAA,cAFF,GAAG,WAAW,CAAA,OAAA,CAAA;AAAA,aAIpB,CAAA;AAAA,WAAA;AAAA,SAGF,mBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACA,KAAA,EAAO,OAAQ,CAAA,UAAA,CAAW,KAAK,CAAA;AAAA,YAC/B,cAAA,EAAgB,YAAY,KAAO,EAAA,OAAA;AAAA,YACnC,QAAA,EAAU,MAAM,KAAO,EAAA,MAAA;AAAA,cACtB,CAAC,KAAA,KACA,qBAAuB,EAAA,QAAA,CAAS,KAAK,CAAA;AAAA,aACvC;AAAA,YACA,UAAU,CAAC,EAAE,UACZ,KAAA,KAAA,CAAM,SAAS,QAAQ,CAAA;AAAA,YAExB,KAAA,EAAO,IAAK,CAAA,CAAA,CAAE,cAAc,CAAA;AAAA,YAE3B,QAAA,EAAA,qBAAA,CAAsB,GAAI,CAAA,CAAC,WAC3B,qBAAA,GAAA;AAAA,cAAC,iBAAA;AAAA,cAAA;AAAA,gBAEA,KAAA,EAAO,WAAW,WAAW,CAAA;AAAA,gBAC7B,KAAO,EAAA,WAAA;AAAA,eAAA;AAAA,cAFF,GAAG,WAAW,CAAA,OAAA,CAAA;AAAA,aAIpB,CAAA;AAAA,WAAA;AAAA,SACF,CAAA;AAAA,OAEF;AAAA,MACA,IAAM,EAAA,cAAA;AAAA,KAAA;AAAA,GACP,CAAA;AAEF","file":"AggregationSelector.js","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/esm/components/Map/components/EarthEngineLayerConfiguration/components/ColorConfig.js

@@ -19,8 +19,7 @@ function ColorConfig() {
               validationText: fieldState.error?.message,
               value: field.value?.toString(),
               onChange: ({ value }) => {
-                if (!value)
-                  return;
+                if (!value) return;
                 field.onChange(parseInt(value));
               },
               label: i18n.t("Min"),
@@ -41,8 +40,7 @@ function ColorConfig() {
               validationText: fieldState.error?.message,
               value: field.value?.toString(),
               onChange: ({ value }) => {
-                if (!value)
-                  return;
+                if (!value) return;
                 field.onChange(parseInt(value));
               },
               label: i18n.t("Max"),
@@ -130,5 +128,5 @@ function ColorConfig() {
 }
 
 export { ColorConfig };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=ColorConfig.js.map
 //# sourceMappingURL=ColorConfig.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/components/ColorConfig.tsx"],"names":["palette","colorClass"],"mappings":"AAqBG,SAGG,KAHH;AArBH,SAAS,kBAAkB;AAC3B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,OAAO,UAAU;AACjB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,OAAO,sBAAsB;AAGtB,SAAS,cAAc;AAC7B,SACC,qBAAC,SAAI,WAAU,iBACd;AAAA,yBAAC,SAAI,WAAU,aACd;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,QAAQ,CAAC,EAAE,OAAO,WAAW,MAC5B;AAAA,YAAC;AAAA;AAAA,cACC,GAAG;AAAA,cACJ,OAAO,QAAQ,WAAW,KAAK;AAAA,cAC/B,gBAAgB,WAAW,OAAO;AAAA,cAClC,OAAO,MAAM,OAAO,SAAS;AAAA,cAC7B,UAAU,CAAC,EAAE,MAAM,MAA0B;AAC5C,oBAAI,CAAC;AAAO;AACZ,sBAAM,SAAS,SAAS,KAAK,CAAC;AAAA,cAC/B;AAAA,cACA,OAAO,KAAK,EAAE,KAAK;AAAA,cACnB,MAAK;AAAA;AAAA,UACN;AAAA,UAED,MAAM;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,QAAQ,CAAC,EAAE,OAAO,WAAW,MAC5B;AAAA,YAAC;AAAA;AAAA,cACC,GAAG;AAAA,cACJ,OAAO,QAAQ,WAAW,KAAK;AAAA,cAC/B,gBAAgB,WAAW,OAAO;AAAA,cAClC,OAAO,MAAM,OAAO,SAAS;AAAA,cAC7B,UAAU,CAAC,EAAE,MAAM,MAA0B;AAC5C,oBAAI,CAAC;AAAO;AACZ,sBAAM,SAAS,SAAS,KAAK,CAAC;AAAA,cAC/B;AAAA,cACA,OAAO,KAAK,EAAE,KAAK;AAAA,cACnB,MAAK;AAAA;AAAA,UACN;AAAA,UAED,MAAM;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UACL,QAAQ,CAAC,EAAE,OAAO,WAAW,MAAM;AAClC,kBAAM,UAAU,MAAM;AACtB,kBAAM,QAAQ,gBAAgB,OAAO;AACrC,kBAAM,aAAa,cAAc,WAAW,EAAE;AAE9C,kBAAM,WAAW,CAAC;AAAA,cACjB;AAAA,YACD,MAEM;AACL,oBAAMA,WAAU;AAAA,gBACf;AAAA,gBACA,SAAS,QAAQ;AAAA,cAClB,GAAG,KAAK,GAAG;AACX,oBAAM,SAASA,QAAO;AAAA,YACvB;AAEA,mBACC;AAAA,cAAC;AAAA;AAAA,gBACA,gBAAgB,WAAW,OAAO;AAAA,gBAClC,OAAO,QAAQ,WAAW,KAAK;AAAA,gBAC/B,UACC,OAAO,SAAS,KAChB,eAAe,SAAS;AAAA,gBAEzB,OAAO,KAAK,EAAE,OAAO;AAAA,gBACrB;AAAA,gBAEC,WAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,UAC3B;AAAA,kBAAC;AAAA;AAAA,oBAEA,OAAO,GAAG,KAAK;AAAA,oBACf,OAAO,OAAO,SAAS;AAAA;AAAA,kBAFlB,GAAG,KAAK;AAAA,gBAGd,CACA;AAAA;AAAA,YACF;AAAA,UAEF;AAAA;AAAA,MACD;AAAA,OACD;AAAA,IACA,oBAAC,SACA;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,QAAQ,CAAC,EAAE,OAAO,WAAW,MAAM;AAClC,gBAAM,UAAU,MAAM;AACtB,gBAAM,QAAQ,gBAAgB,OAAO;AACrC,gBAAM,aAAa,cAAc,WAAW,EAAE;AAE9C,gBAAM,WAAW,CAACC,gBAAuB;AACxC,kBAAMD,WAAU;AAAA,cACfC;AAAA,cACA;AAAA,YACD,GAAG,KAAK,GAAG;AACX,kBAAM,SAASD,QAAO;AAAA,UACvB;AAEA,iBACC;AAAA,YAAC;AAAA;AAAA,cACA,OAAO,QAAQ,WAAW,KAAK;AAAA,cAC/B,gBAAgB,WAAW,OAAO;AAAA,cAClC,OAAO,KAAK,EAAE,QAAQ;AAAA,cAEtB;AAAA,gBAAC;AAAA;AAAA,kBACA,OAAO,SAAS;AAAA,kBAChB,YACC,cAAc;AAAA,kBAEf,OAAO;AAAA,kBACP;AAAA;AAAA,cACD;AAAA;AAAA,UACD;AAAA,QAEF;AAAA;AAAA,IACD,GACD;AAAA,KACD;AAEF","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"]}
+{"version":3,"sources":["../../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/components/ColorConfig.tsx"],"names":["palette","colorClass"],"mappings":"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","file":"ColorConfig.js","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/esm/components/Map/components/EarthEngineLayerConfiguration/components/Name.js

@@ -28,8 +28,7 @@ function Name() {
           error: Boolean(fieldState.error),
           validationText: fieldState.error?.message,
           onChange: ({ value }) => {
-            if (!value)
-              return;
+            if (!value) return;
             field.onChange(value);
           },
           value: field.value
@@ -40,5 +39,5 @@ function Name() {
 }
 
 export { Name };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=Name.js.map
 //# sourceMappingURL=Name.js.map

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

@@ -1 +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"]}
+{"version":3,"sources":["../../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/components/Name.tsx"],"names":[],"mappings":";;;;;;;AAMO,SAAS,IAAO,GAAA;AACtB,EAAA,MAAM,SAAS,OAAQ,EAAA,CAAA;AACvB,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,cAAe,EAAA,CAAA;AACpC,EAAA,SAAA,CAAU,MAAM;AACf,IAAS,QAAA,CAAA,MAAA,EAAQ,QAAQ,IAAI,CAAA,CAAA;AAC7B,IAAS,QAAA,CAAA,IAAA,EAAM,QAAQ,EAAE,CAAA,CAAA;AAAA,GAC1B,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EACC,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACA,IAAK,EAAA,MAAA;AAAA,MACL,KAAO,EAAA;AAAA,QACN,QAAA,EAAU,IAAK,CAAA,CAAA,CAAE,kBAAkB,CAAA;AAAA,OACpC;AAAA,MACA,MAAQ,EAAA,CAAC,EAAE,KAAA,EAAO,YACjB,qBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACA,KAAA,EAAO,IAAK,CAAA,CAAA,CAAE,YAAY,CAAA;AAAA,UAC1B,IAAK,EAAA,MAAA;AAAA,UACL,QAAQ,EAAA,IAAA;AAAA,UACR,KAAA,EAAO,OAAQ,CAAA,UAAA,CAAW,KAAK,CAAA;AAAA,UAC/B,cAAA,EAAgB,WAAW,KAAO,EAAA,OAAA;AAAA,UAClC,QAAU,EAAA,CAAC,EAAE,KAAA,EAAgC,KAAA;AAC5C,YAAA,IAAI,CAAC,KAAO,EAAA,OAAA;AACZ,YAAA,KAAA,CAAM,SAAS,KAAK,CAAA,CAAA;AAAA,WACrB;AAAA,UACA,OAAO,KAAM,CAAA,KAAA;AAAA,SAAA;AAAA,OACd;AAAA,KAAA;AAAA,GAEF,CAAA;AAEF","file":"Name.js","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/esm/components/Map/components/EarthEngineLayerConfiguration/components/PeriodSelector.js

@@ -63,5 +63,5 @@ function PeriodSelector() {
 }
 
 export { PeriodSelector };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=PeriodSelector.js.map
 //# sourceMappingURL=PeriodSelector.js.map

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

@@ -1 +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"]}
+{"version":3,"sources":["../../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/components/PeriodSelector.tsx"],"names":[],"mappings":"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","file":"PeriodSelector.js","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/esm/components/Map/components/EarthEngineLayerConfiguration/components/StylesConfig.js

@@ -20,5 +20,5 @@ function StylesConfig() {
 }
 
 export { StylesConfig };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=StylesConfig.js.map
 //# sourceMappingURL=StylesConfig.js.map

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

@@ -1 +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"]}
+{"version":3,"sources":["../../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/components/StylesConfig.tsx"],"names":[],"mappings":";;;;;AAKO,SAAS,YAAe,GAAA;AAC9B,EAAA,MAAM,SAAS,OAAQ,EAAA,CAAA;AACvB,EAAM,MAAA,SAAA,GAAY,OAAQ,CAAA,MAAA,EAAQ,MAAM,CAAA,CAAA;AAExC,EAAA,IAAI,CAAC,SAAW,EAAA;AACf,IAAO,OAAA,IAAA,CAAA;AAAA,GACR;AAEA,EAAA,uBACE,GAAA,CAAA,KAAA,EAAA,EAAI,KAAO,EAAA,EAAE,UAAU,GAAK,EAAA,SAAA,EAAW,GAAI,EAAA,EAAG,SAAU,EAAA,YAAA,EACxD,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,WAAU,QACd,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,IAAA,CAAK,EAAE,MAAM,CAAA;AAAA,MAAE,IAAA;AAAA,MAAG,MAAQ,EAAA,IAAA;AAAA,KAC5B,EAAA,CAAA;AAAA,wBACC,WAAY,EAAA,EAAA,CAAA;AAAA,GAAA,EACd,CACD,EAAA,CAAA,CAAA;AAEF","file":"StylesConfig.js","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/esm/components/Map/components/EarthEngineLayerConfiguration/components/TypeField.js

@@ -13,8 +13,7 @@ function TypeField({ excluded }) {
   const { setValue } = useFormContext();
   const setConfigDefaults = (selected) => {
     const config = find(supportedLayers, ["id", selected]);
-    if (!config)
-      return;
+    if (!config) return;
     if (config?.defaultAggregations) {
       setValue("aggregations", config?.defaultAggregations);
     } else {
@@ -63,5 +62,5 @@ function TypeField({ excluded }) {
 }
 
 export { TypeField };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=TypeField.js.map
 //# sourceMappingURL=TypeField.js.map

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

@@ -1 +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"]}
+{"version":3,"sources":["../../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/components/TypeField.tsx"],"names":[],"mappings":";;;;;;;AAUO,SAAS,SAAA,CAAU,EAAE,QAAA,EAAqC,EAAA;AAChE,EAAA,MAAM,eAAkB,GAAA,MAAA;AAAA,IACvB,mBAAA;AAAA,IACA,CAAC,EAAE,EAAG,EAAA,KACL,6BAA8B,CAAA,QAAA,CAAS,EAAE,CAAA,IACzC,EAAE,QAAA,EAAU,QAAS,CAAA,EAAE,CAAK,IAAA,KAAA,CAAA;AAAA,GAC9B,CAAA;AACA,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,cAAe,EAAA,CAAA;AACpC,EAAM,MAAA,iBAAA,GAAoB,CAAC,QAAqB,KAAA;AAC/C,IAAA,MAAM,SAAS,IAAK,CAAA,eAAA,EAAiB,CAAC,IAAA,EAAM,QAAQ,CAAC,CAAA,CAAA;AACrD,IAAA,IAAI,CAAC,MAAQ,EAAA,OAAA;AAEb,IAAA,IAAI,QAAQ,mBAAqB,EAAA;AAChC,MAAS,QAAA,CAAA,cAAA,EAAgB,QAAQ,mBAAmB,CAAA,CAAA;AAAA,KAC9C,MAAA;AACN,MAAA,QAAA,CAAS,gBAAgB,KAAS,CAAA,CAAA,CAAA;AAAA,KACnC;AAEA,IAAA,IAAI,QAAQ,MAAQ,EAAA;AACnB,MAAA,MAAM,EAAE,GAAA,EAAK,GAAK,EAAA,OAAA,KAAY,MAAO,CAAA,MAAA,CAAA;AACrC,MAAA,QAAA,CAAS,cAAc,GAAG,CAAA,CAAA;AAC1B,MAAA,QAAA,CAAS,cAAc,GAAG,CAAA,CAAA;AAC1B,MAAA,QAAA,CAAS,kBAAkB,OAAO,CAAA,CAAA;AAAA,KAC5B,MAAA;AACN,MAAA,QAAA,CAAS,UAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KAC7B;AAAA,GACD,CAAA;AAEA,EACC,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACA,IAAK,EAAA,MAAA;AAAA,MACL,KAAO,EAAA;AAAA,QACN,QAAA,EAAU,IAAK,CAAA,CAAA,CAAE,kBAAkB,CAAA;AAAA,OACpC;AAAA,MACA,MAAQ,EAAA,CAAC,EAAE,KAAA,EAAO,YACjB,qBAAA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACA,KAAA,EAAO,IAAK,CAAA,CAAA,CAAE,YAAY,CAAA;AAAA,UAC1B,QAAQ,EAAA,IAAA;AAAA,UACR,KAAA,EAAO,OAAQ,CAAA,UAAA,CAAW,KAAK,CAAA;AAAA,UAC/B,cAAA,EAAgB,WAAW,KAAO,EAAA,OAAA;AAAA,UAClC,QAAU,EAAA,CAAC,EAAE,QAAA,EAAqC,KAAA;AACjD,YAAA,iBAAA,CAAkB,QAAQ,CAAA,CAAA;AAC1B,YAAA,KAAA,CAAM,SAAS,QAAQ,CAAA,CAAA;AAAA,WACxB;AAAA,UACA,QAAA,EACC,OAAQ,CAAA,IAAA,CAAK,eAAiB,EAAA,IAAA,EAAM,MAAM,KAAK,CAAC,CAC7C,GAAA,KAAA,CAAM,KACN,GAAA,KAAA,CAAA;AAAA,UAGH,QAAA,EAAA,eAAA,EAAiB,GAAI,CAAA,CAAC,KACtB,qBAAA,GAAA;AAAA,YAAC,kBAAA;AAAA,YAAA;AAAA,cAEA,OAAO,KAAM,CAAA,EAAA;AAAA,cACb,OAAO,KAAM,CAAA,IAAA;AAAA,aAAA;AAAA,YAFR,CAAA,EAAG,MAAM,EAAE,CAAA,OAAA,CAAA;AAAA,WAIjB,CAAA;AAAA,SAAA;AAAA,OACF;AAAA,KAAA;AAAA,GAEF,CAAA;AAEF","file":"TypeField.js","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/esm/components/Map/components/EarthEngineLayerConfiguration/hooks/data.js

@@ -41,5 +41,5 @@ function useType() {
 }
 
 export { useDatasetInfo, useType };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=data.js.map
 //# sourceMappingURL=data.js.map

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

@@ -1 +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"]}
+{"version":3,"sources":["../../../../../../../src/components/Map/components/EarthEngineLayerConfiguration/hooks/data.ts"],"names":[],"mappings":";;;;;;;;AASO,SAAS,cAAA,CACf,WACA,MACC,EAAA;AACD,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,oBAAqB,EAAA,CAAA;AAEzC,EAAA,eAAe,OAAU,GAAA;AACxB,IAAA,IAAI,MAAQ,EAAA;AACX,MAAM,MAAA,SAAA,GAAY,MAAM,OAAQ,EAAA,CAAA;AAChC,MAAA,MAAM,WAAY,CAAA,QAAA,CAAS,SAAU,CAAA,KAAA,EAAO,OAAO,CAAA,CAAA;AACnD,MAAM,MAAA,MAAA,GAAS,IAAI,WAAY,CAAA;AAAA,QAC9B,OAAS,EAAA,MAAA;AAAA,OACT,CAAA,CAAA;AACD,MAAA,OAAO,OAAO,SAAU,EAAA,CAAA;AAAA,KACzB;AAAA,GACD;AAEA,EAAM,MAAA,EAAE,MAAM,KAAO,EAAA,SAAA,KAAc,QAAS,CAAA,CAAC,MAAM,CAAA,EAAG,OAAO,CAAA,CAAA;AAE7D,EAAM,MAAA,OAAA,GAAU,QAAQ,MAAM;AAC7B,IAAA,MAAM,WAAY,IAAc,EAAA,QAAA,CAAA;AAChC,IAAO,OAAA,QAAA,EAAU,GAAI,CAAA,CAAC,OAAiB,KAAA;AACtC,MAAA,OAAO,IAAI,IAAA;AAAA,QACV,OAAA,EAAS,WAAW,mBAAmB,CAAA;AAAA,SACrC,WAAY,EAAA,CAAA;AAAA,KACf,CAAA,CAAA;AAAA,GACF,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,EAAO,OAAA;AAAA,IACN,OAAS,EAAA,SAAA;AAAA,IACT,KAAA;AAAA,IACA,OAAA;AAAA,GACD,CAAA;AACD,CAAA;AAEO,SAAS,OAAU,GAAA;AACzB,EAAA,MAAM,OAAO,QAAS,CAAA;AAAA,IACrB,IAAM,EAAA,MAAA;AAAA,GACN,CAAA,CAAA;AACD,EAAA,OAAO,IAAK,CAAA,mBAAA,EAAqB,CAAC,IAAA,EAAM,IAAI,CAAC,CAAA,CAAA;AAC9C","file":"data.js","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

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

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

@@ -1 +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"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

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

@@ -58,9 +58,11 @@ function MapLayerArea({
 const MapArea = ({ base, controls, mapOptions, key, legends, layers }, ref) => {
   const { center, bounds } = useMapBounds();
   const { current: id } = useRef(uid());
+  const containerRef = useRef(null);
   return /* @__PURE__ */ jsx(
     "div",
     {
+      ref: containerRef,
       id: `${id}-"map-container`,
       style: { height: "100%", width: "100%" },
       children: /* @__PURE__ */ jsxs(
@@ -76,7 +78,7 @@ const MapArea = ({ base, controls, mapOptions, key, legends, layers }, ref) => {
           trackResize: true,
           ...mapOptions,
           children: [
-            /* @__PURE__ */ jsx(MapUpdater, { bounds }),
+            /* @__PURE__ */ jsx(MapUpdater, { containerRef, bounds }),
             /* @__PURE__ */ jsx(MapLayersProvider, { layers, children: /* @__PURE__ */ jsx(
               MapLayerArea,
               {
@@ -96,5 +98,5 @@ const MapArea = ({ base, controls, mapOptions, key, legends, layers }, ref) => {
 var MapArea_default = forwardRef(MapArea);
 
 export { MapArea_default as default };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/Map/components/MapArea/index.tsx"],"names":[],"mappings":"AAoCE,mBACC,KADD;AApCF,SAAS,WAAW;AAEpB,SAAS,eAAe;AACxB,SAAgB,YAAY,cAAc;AAC1C,SAAS,eAAe,cAAc,iBAAiB;AACvD,SAAS,oBAAoB;AAC7B,OAAO,gBAAgB;AACvB,OAAO,cAAc;AACrB,OAAO,gBAAgB;AAEvB,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAM7B,OAAO,gBAAgB;AAEvB,SAAS,aAAa;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAQG;AACF,QAAM,EAAE,OAAO,IAAI,aAAa;AAEhC,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,aACC,MAAM,eACN;AAAA,QAED,KACC,MAAM,OACN;AAAA;AAAA,IAEF;AAAA,IACC,UAAU,IAAI,CAAC,YACf;AAAA,MAAC;AAAA;AAAA,QACA,OAAO;AAAA,QAEN,GAAG;AAAA;AAAA,MADC,GAAG,QAAQ,IAAI;AAAA,IAErB,CACA;AAAA,IACA,CAAC,QAAQ,MAAM,KACf,oBAAC,iBAAc,gBAAc,MAAC,UAAU,WACrC,iBAAiC;AAAA,MAClC,CAAC,OAA4B,UAC5B;AAAA,QAAC;AAAA;AAAA,UAEA;AAAA,UACA;AAAA;AAAA,QAFK,MAAM;AAAA,MAGZ;AAAA,IAEF,GACD;AAAA,IAEA,CAAC,QAAQ,MAAM,KACf;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA;AAAA,IACX;AAAA,KAEF;AAEF;AAEA,MAAM,UAAU,CACf,EAAE,MAAM,UAAU,YAAY,KAAK,SAAS,OAAO,GACnD,QACI;AACJ,QAAM,EAAE,QAAQ,OAAO,IAAI,aAAa;AACxC,QAAM,EAAE,SAAS,GAAG,IAAI,OAAe,IAAI,CAAC;AAE5C,SACC;AAAA,IAAC;AAAA;AAAA,MACA,IAAI,GAAG,EAAE;AAAA,MACT,OAAO,EAAE,QAAQ,QAAQ,OAAO,OAAO;AAAA,MAEvC;AAAA,QAAC;AAAA;AAAA,UACA,oBAAkB;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,UACA,oBAAkB;AAAA,UAClB;AAAA,UACA,OAAO,EAAE,QAAQ,QAAQ,OAAO,QAAQ,WAAW,IAAI;AAAA,UAEvD,aAAW;AAAA,UACV,GAAG;AAAA,UAEJ;AAAA,gCAAC,cAAW,QAAgB;AAAA,YAC5B,oBAAC,qBAAkB,QAClB;AAAA,cAAC;AAAA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA;AAAA,YACD,GACD;AAAA;AAAA;AAAA,QAZK;AAAA,MAaN;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,kBAAQ,WAAW,OAAO","sourcesContent":["import { uid } from \"@hisptz/dhis2-utils\";\nimport { Map as LeafletMap } from \"leaflet\";\nimport { isEmpty } from \"lodash\";\nimport React, { forwardRef, useRef } from \"react\";\nimport { LayersControl, MapContainer, TileLayer } from \"react-leaflet\";\nimport { useMapBounds } from \"../../hooks/map.js\";\nimport MapControl from \"../MapControls/index.js\";\nimport MapLayer from \"../MapLayer/index.js\";\nimport LegendArea from \"../MapLayer/components/LegendArea/index.js\";\nimport { CustomThematicLayer } from \"../MapLayer/interfaces/index.js\";\nimport { MapLayersProvider } from \"../MapProvider/components/MapLayerProvider/index.js\";\nimport { useMapLayers } from \"../MapProvider/hooks/index.js\";\nimport {\n\tMapAreaProps,\n\tMapControls,\n\tMapLegendConfig,\n} from \"./interfaces/index.js\";\nimport MapUpdater from \"../MapUpdater/index.js\";\n\nfunction MapLayerArea({\n\tid,\n\tbase,\n\tcontrols,\n\tlegends,\n}: {\n\tid: string;\n\tbase?: {\n\t\turl: string;\n\t\tattribution: string;\n\t};\n\tcontrols?: MapControls[];\n\tlegends?: MapLegendConfig;\n}) {\n\tconst { layers } = useMapLayers();\n\n\treturn (\n\t\t<>\n\t\t\t<TileLayer\n\t\t\t\tid={id}\n\t\t\t\tattribution={\n\t\t\t\t\tbase?.attribution ??\n\t\t\t\t\t'&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> | &copy; <a href=\"https://carto.com/attribution\">CARTO</a>'\n\t\t\t\t}\n\t\t\t\turl={\n\t\t\t\t\tbase?.url ??\n\t\t\t\t\t\"https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png\"\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{controls?.map((control) => (\n\t\t\t\t<MapControl\n\t\t\t\t\tmapId={id}\n\t\t\t\t\tkey={`${control.type}-control`}\n\t\t\t\t\t{...control}\n\t\t\t\t/>\n\t\t\t))}\n\t\t\t{!isEmpty(layers) && (\n\t\t\t\t<LayersControl hideSingleBase position={\"topleft\"}>\n\t\t\t\t\t{(layers as CustomThematicLayer[]).map(\n\t\t\t\t\t\t(layer: CustomThematicLayer, index) => (\n\t\t\t\t\t\t\t<MapLayer\n\t\t\t\t\t\t\t\tkey={layer.id}\n\t\t\t\t\t\t\t\tlayer={layer}\n\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t\t)}\n\t\t\t\t</LayersControl>\n\t\t\t)}\n\t\t\t{!isEmpty(layers) && (\n\t\t\t\t<LegendArea\n\t\t\t\t\tlegends={legends}\n\t\t\t\t\tlayers={layers as CustomThematicLayer[]}\n\t\t\t\t\tposition={\"topright\"}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n}\n\nconst MapArea = (\n\t{ base, controls, mapOptions, key, legends, layers }: MapAreaProps,\n\tref: React.Ref<LeafletMap> | undefined,\n) => {\n\tconst { center, bounds } = useMapBounds();\n\tconst { current: id } = useRef<string>(uid());\n\n\treturn (\n\t\t<div\n\t\t\tid={`${id}-\"map-container`}\n\t\t\tstyle={{ height: \"100%\", width: \"100%\" }}\n\t\t>\n\t\t\t<MapContainer\n\t\t\t\tattributionControl\n\t\t\t\tref={ref}\n\t\t\t\tid={id}\n\t\t\t\tcenter={center}\n\t\t\t\tbounceAtZoomLimits\n\t\t\t\tbounds={bounds}\n\t\t\t\tstyle={{ height: \"100%\", width: \"100%\", minHeight: 500 }}\n\t\t\t\tkey={key}\n\t\t\t\ttrackResize\n\t\t\t\t{...mapOptions}\n\t\t\t>\n\t\t\t\t<MapUpdater bounds={bounds} />\n\t\t\t\t<MapLayersProvider layers={layers}>\n\t\t\t\t\t<MapLayerArea\n\t\t\t\t\t\tbase={base}\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tcontrols={controls}\n\t\t\t\t\t\tlegends={legends}\n\t\t\t\t\t/>\n\t\t\t\t</MapLayersProvider>\n\t\t\t</MapContainer>\n\t\t</div>\n\t);\n};\n\nexport default forwardRef(MapArea);\n"]}
+{"version":3,"sources":["../../../../../../src/components/Map/components/MapArea/index.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { uid } from \"@hisptz/dhis2-utils\";\nimport { Map as LeafletMap } from \"leaflet\";\nimport { isEmpty } from \"lodash\";\nimport React, { forwardRef, useRef } from \"react\";\nimport { LayersControl, MapContainer, TileLayer } from \"react-leaflet\";\nimport { useMapBounds } from \"../../hooks/map.js\";\nimport MapControl from \"../MapControls/index.js\";\nimport MapLayer from \"../MapLayer/index.js\";\nimport LegendArea from \"../MapLayer/components/LegendArea/index.js\";\nimport { CustomThematicLayer } from \"../MapLayer/interfaces/index.js\";\nimport { MapLayersProvider } from \"../MapProvider/components/MapLayerProvider/index.js\";\nimport { useMapLayers } from \"../MapProvider/hooks/index.js\";\nimport {\n\tMapAreaProps,\n\tMapControls,\n\tMapLegendConfig,\n} from \"./interfaces/index.js\";\nimport MapUpdater from \"../MapUpdater/index.js\";\n\nfunction MapLayerArea({\n\tid,\n\tbase,\n\tcontrols,\n\tlegends,\n}: {\n\tid: string;\n\tbase?: {\n\t\turl: string;\n\t\tattribution: string;\n\t};\n\tcontrols?: MapControls[];\n\tlegends?: MapLegendConfig;\n}) {\n\tconst { layers } = useMapLayers();\n\n\treturn (\n\t\t<>\n\t\t\t<TileLayer\n\t\t\t\tid={id}\n\t\t\t\tattribution={\n\t\t\t\t\tbase?.attribution ??\n\t\t\t\t\t'&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> | &copy; <a href=\"https://carto.com/attribution\">CARTO</a>'\n\t\t\t\t}\n\t\t\t\turl={\n\t\t\t\t\tbase?.url ??\n\t\t\t\t\t\"https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png\"\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{controls?.map((control) => (\n\t\t\t\t<MapControl\n\t\t\t\t\tmapId={id}\n\t\t\t\t\tkey={`${control.type}-control`}\n\t\t\t\t\t{...control}\n\t\t\t\t/>\n\t\t\t))}\n\t\t\t{!isEmpty(layers) && (\n\t\t\t\t<LayersControl hideSingleBase position={\"topleft\"}>\n\t\t\t\t\t{(layers as CustomThematicLayer[]).map(\n\t\t\t\t\t\t(layer: CustomThematicLayer, index) => (\n\t\t\t\t\t\t\t<MapLayer\n\t\t\t\t\t\t\t\tkey={layer.id}\n\t\t\t\t\t\t\t\tlayer={layer}\n\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t\t)}\n\t\t\t\t</LayersControl>\n\t\t\t)}\n\t\t\t{!isEmpty(layers) && (\n\t\t\t\t<LegendArea\n\t\t\t\t\tlegends={legends}\n\t\t\t\t\tlayers={layers as CustomThematicLayer[]}\n\t\t\t\t\tposition={\"topright\"}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n}\n\nconst MapArea = (\n\t{ base, controls, mapOptions, key, legends, layers }: MapAreaProps,\n\tref: React.Ref<LeafletMap> | undefined,\n) => {\n\tconst { center, bounds } = useMapBounds();\n\tconst { current: id } = useRef<string>(uid());\n\tconst containerRef = useRef<HTMLDivElement | null>(null);\n\n\treturn (\n\t\t<div\n\t\t\tref={containerRef}\n\t\t\tid={`${id}-\"map-container`}\n\t\t\tstyle={{ height: \"100%\", width: \"100%\" }}\n\t\t>\n\t\t\t<MapContainer\n\t\t\t\tattributionControl\n\t\t\t\tref={ref}\n\t\t\t\tid={id}\n\t\t\t\tcenter={center}\n\t\t\t\tbounceAtZoomLimits\n\t\t\t\tbounds={bounds}\n\t\t\t\tstyle={{ height: \"100%\", width: \"100%\", minHeight: 500 }}\n\t\t\t\tkey={key}\n\t\t\t\ttrackResize\n\t\t\t\t{...mapOptions}\n\t\t\t>\n\t\t\t\t<MapUpdater containerRef={containerRef} bounds={bounds} />\n\t\t\t\t<MapLayersProvider layers={layers}>\n\t\t\t\t\t<MapLayerArea\n\t\t\t\t\t\tbase={base}\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tcontrols={controls}\n\t\t\t\t\t\tlegends={legends}\n\t\t\t\t\t/>\n\t\t\t\t</MapLayersProvider>\n\t\t\t</MapContainer>\n\t\t</div>\n\t);\n};\n\nexport default forwardRef(MapArea);\n"]}

package/dist/esm/components/Map/components/MapArea/interfaces/index.js

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

package/dist/esm/components/Map/components/MapArea/interfaces/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/esm/components/Map/components/MapControls/components/CustomControl/index.js

@@ -12,5 +12,5 @@ function CustomControl({ children, position, ...options }) {
 }
 
 export { CustomControl };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Map/components/MapControls/components/CustomControl/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/components/Map/components/MapControls/components/CustomControl/index.tsx"],"names":[],"mappings":"AAkBM;AAfN,MAAM,mBAAmB;AAAA,EACxB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,SAAS;AAAA,EACT,UAAU;AACX;AAMO,SAAS,cAAc,EAAE,UAAU,UAAU,GAAG,QAAQ,GAAyB;AACtF,QAAM,gBAAiB,YAAY,iBAAiB,QAAQ,KAAM,iBAAiB;AACnF,SACE,oBAAC,SAAK,GAAG,SAAS,WAAW,GAAG,aAAa,IAC3C,8BAAC,SAAI,OAAO,EAAE,UAAU,UAAU,QAAQ,OAAO,GAAG,WAAU,+BAC3D,UACH,GACF;AAEJ","sourcesContent":["import { ControlOptions } from \"leaflet\";\nimport React from \"react\";\n\nconst POSITION_CLASSES = {\n\tbottomleft: \"leaflet-bottom leaflet-left\",\n\tbottomright: \"leaflet-bottom leaflet-right\",\n\ttopleft: \"leaflet-top leaflet-left\",\n\ttopright: \"leaflet-top leaflet-right\",\n};\n\ninterface CustomControlOptions extends ControlOptions {\n  children: React.ReactNode;\n}\n\nexport function CustomControl({ children, position, ...options }: CustomControlOptions) {\n  const positionClass = (position && POSITION_CLASSES[position]) || POSITION_CLASSES.topright;\n  return (\n    <div {...options} className={`${positionClass}`}>\n      <div style={{ overflow: \"hidden\", border: \"none\" }} className=\"leaflet-control leaflet-bar\">\n        {children}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../../../../../../../../src/components/Map/components/MapControls/components/CustomControl/index.tsx"],"names":[],"mappings":";;AAGA,MAAM,gBAAmB,GAAA;AAAA,EACxB,UAAY,EAAA,6BAAA;AAAA,EACZ,WAAa,EAAA,8BAAA;AAAA,EACb,OAAS,EAAA,0BAAA;AAAA,EACT,QAAU,EAAA,2BAAA;AACX,CAAA,CAAA;AAMO,SAAS,cAAc,EAAE,QAAA,EAAU,QAAU,EAAA,GAAG,SAAiC,EAAA;AACtF,EAAA,MAAM,aAAiB,GAAA,QAAA,IAAY,gBAAiB,CAAA,QAAQ,KAAM,gBAAiB,CAAA,QAAA,CAAA;AACnF,EACE,uBAAA,GAAA,CAAC,SAAK,GAAG,OAAA,EAAS,WAAW,CAAG,EAAA,aAAa,IAC3C,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,OAAO,EAAE,QAAA,EAAU,UAAU,MAAQ,EAAA,MAAA,IAAU,SAAU,EAAA,6BAAA,EAC3D,UACH,CACF,EAAA,CAAA,CAAA;AAEJ","file":"index.js","sourcesContent":["import { ControlOptions } from \"leaflet\";\nimport React from \"react\";\n\nconst POSITION_CLASSES = {\n\tbottomleft: \"leaflet-bottom leaflet-left\",\n\tbottomright: \"leaflet-bottom leaflet-right\",\n\ttopleft: \"leaflet-top leaflet-left\",\n\ttopright: \"leaflet-top leaflet-right\",\n};\n\ninterface CustomControlOptions extends ControlOptions {\n  children: React.ReactNode;\n}\n\nexport function CustomControl({ children, position, ...options }: CustomControlOptions) {\n  const positionClass = (position && POSITION_CLASSES[position]) || POSITION_CLASSES.topright;\n  return (\n    <div {...options} className={`${positionClass}`}>\n      <div style={{ overflow: \"hidden\", border: \"none\" }} className=\"leaflet-control leaflet-bar\">\n        {children}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/esm/components/Map/components/MapControls/components/DownloadControl/index.js

@@ -11,5 +11,5 @@ function DownloadControl({ options, position, mapId }) {
 }
 
 export { DownloadControl as default };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Map/components/MapControls/components/DownloadControl/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/components/Map/components/MapControls/components/DownloadControl/index.tsx"],"names":[],"mappings":"AASS;AATT,SAAS,8BAA8B;AACvC,OAAO,OAA4B;AACnC,OAAO;AAGP,MAAM,2BAA2B,uBAAuB,CAAC,UAAU;AAClE,SAAQ,EAAU,UAAU,KAAK;AAClC,CAAC;AACc,SAAR,gBAAiC,EAAE,SAAS,UAAU,MAAM,GAA+D;AAChI,SAAO,oBAAC,4BAA0B,GAAG,EAAE,GAAG,SAAS,SAAS,GAAG;AACjE","sourcesContent":["import { createControlComponent } from \"@react-leaflet/core\";\nimport L, { ControlPosition } from \"leaflet\";\nimport \"leaflet-easyprint\";\nimport React from \"react\";\n\nconst DownloadControlComponent = createControlComponent((props) => {\n\treturn (L as any).easyPrint(props);\n});\nexport default function DownloadControl({ options, position, mapId }: { options: any; position: ControlPosition; mapId: string }) {\n  return <DownloadControlComponent {...{ ...options, position }} />;\n}\n"]}
+{"version":3,"sources":["../../../../../../../../src/components/Map/components/MapControls/components/DownloadControl/index.tsx"],"names":[],"mappings":";;;;;AAKA,MAAM,wBAAA,GAA2B,sBAAuB,CAAA,CAAC,KAAU,KAAA;AAClE,EAAQ,OAAA,CAAA,CAAU,UAAU,KAAK,CAAA,CAAA;AAClC,CAAC,CAAA,CAAA;AACc,SAAR,eAAiC,CAAA,EAAE,OAAS,EAAA,QAAA,EAAU,OAAqE,EAAA;AAChI,EAAA,2BAAQ,wBAA0B,EAAA,EAAA,GAAG,EAAE,GAAG,OAAA,EAAS,UAAY,EAAA,CAAA,CAAA;AACjE","file":"index.js","sourcesContent":["import { createControlComponent } from \"@react-leaflet/core\";\nimport L, { ControlPosition } from \"leaflet\";\nimport \"leaflet-easyprint\";\nimport React from \"react\";\n\nconst DownloadControlComponent = createControlComponent((props) => {\n\treturn (L as any).easyPrint(props);\n});\nexport default function DownloadControl({ options, position, mapId }: { options: any; position: ControlPosition; mapId: string }) {\n  return <DownloadControlComponent {...{ ...options, position }} />;\n}\n"]}

package/dist/esm/components/Map/components/MapControls/components/FullscreenControl/index.js

@@ -9,5 +9,5 @@ const FullscreenControl = createControlComponent(
 var FullscreenControl_default = FullscreenControl;
 
 export { FullscreenControl_default as default };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Map/components/MapControls/components/FullscreenControl/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/components/Map/components/MapControls/components/FullscreenControl/index.tsx"],"names":[],"mappings":"AAAA,SAAS,8BAA8B;AACvC,SAAS,eAAe;AACxB,OAAO;AACP,OAAO;AAEP,MAAM,oBAAoB;AAAA,EAAuB,CAAC,UAChD,QAAgB,WAAW,KAAK;AAClC;AACA,IAAO,4BAAQ","sourcesContent":["import { createControlComponent } from \"@react-leaflet/core\";\nimport { control } from \"leaflet\";\nimport \"leaflet.fullscreen\";\nimport \"leaflet.fullscreen/Control.FullScreen.css\";\n\nconst FullscreenControl = createControlComponent((props) =>\n\t(control as any).fullscreen(props),\n);\nexport default FullscreenControl;\n"]}
+{"version":3,"sources":["../../../../../../../../src/components/Map/components/MapControls/components/FullscreenControl/index.tsx"],"names":[],"mappings":";;;;;AAKA,MAAM,iBAAoB,GAAA,sBAAA;AAAA,EAAuB,CAAC,KAAA,KAChD,OAAgB,CAAA,UAAA,CAAW,KAAK,CAAA;AAClC,CAAA,CAAA;AACA,IAAO,yBAAQ,GAAA","file":"index.js","sourcesContent":["import { createControlComponent } from \"@react-leaflet/core\";\nimport { control } from \"leaflet\";\nimport \"leaflet.fullscreen\";\nimport \"leaflet.fullscreen/Control.FullScreen.css\";\n\nconst FullscreenControl = createControlComponent((props) =>\n\t(control as any).fullscreen(props),\n);\nexport default FullscreenControl;\n"]}

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

@@ -31,5 +31,5 @@ function MapControl({
 }
 
 export { MapControl as default };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/Map/components/MapControls/index.tsx"],"names":[],"mappings":"AAkBU;AAjBV,SAAS,cAAc,mBAAmB;AAE1C,OAAO,uBAAuB;AAC9B,OAAO,qBAAqB;AAMb,SAAR,WAA4B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAoB;AACnB,UAAQ,MAAM;AAAA,IACb,KAAK;AACJ,aAAO,oBAAC,eAAY,UAAqB,GAAG,SAAS;AAAA,IACtD,KAAK;AACJ,aAAO,oBAAC,gBAAa,UAAqB,GAAG,SAAS;AAAA,IACvD,KAAK;AACJ,aAAO,oBAAC,qBAAkB,UAAqB,GAAG,SAAS;AAAA,IAC5D,KAAK;AACJ,aACC;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACD;AAAA,IAEF;AACC,aAAO;AAAA,EACT;AACD","sourcesContent":["import React from \"react\";\nimport { ScaleControl, ZoomControl } from \"react-leaflet\";\nimport { MapControls } from \"../MapArea/interfaces/index.js\";\nimport FullscreenControl from \"./components/FullscreenControl/index.js\";\nimport DownloadControl from \"./components/DownloadControl/index.js\";\n\nexport interface MapControlProps extends MapControls {\n\tmapId: string;\n}\n\nexport default function MapControl({\n\ttype,\n\toptions,\n\tposition,\n\tmapId,\n}: MapControlProps) {\n\tswitch (type) {\n\t\tcase \"zoom\":\n\t\t\treturn <ZoomControl position={position} {...options} />;\n\t\tcase \"scale\":\n\t\t\treturn <ScaleControl position={position} {...options} />;\n\t\tcase \"fullscreen\":\n\t\t\treturn <FullscreenControl position={position} {...options} />;\n\t\tcase \"print\":\n\t\t\treturn (\n\t\t\t\t<DownloadControl\n\t\t\t\t\tmapId={mapId}\n\t\t\t\t\tposition={position}\n\t\t\t\t\toptions={options}\n\t\t\t\t/>\n\t\t\t);\n\t\tdefault:\n\t\t\treturn null;\n\t}\n}\n"]}
+{"version":3,"sources":["../../../../../../src/components/Map/components/MapControls/index.tsx"],"names":[],"mappings":";;;;;AAUe,SAAR,UAA4B,CAAA;AAAA,EAClC,IAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AACD,CAAoB,EAAA;AACnB,EAAA,QAAQ,IAAM;AAAA,IACb,KAAK,MAAA;AACJ,MAAA,uBAAQ,GAAA,CAAA,WAAA,EAAA,EAAY,QAAqB,EAAA,GAAG,OAAS,EAAA,CAAA,CAAA;AAAA,IACtD,KAAK,OAAA;AACJ,MAAA,uBAAQ,GAAA,CAAA,YAAA,EAAA,EAAa,QAAqB,EAAA,GAAG,OAAS,EAAA,CAAA,CAAA;AAAA,IACvD,KAAK,YAAA;AACJ,MAAA,uBAAQ,GAAA,CAAA,iBAAA,EAAA,EAAkB,QAAqB,EAAA,GAAG,OAAS,EAAA,CAAA,CAAA;AAAA,IAC5D,KAAK,OAAA;AACJ,MACC,uBAAA,GAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAA;AAAA,UACA,OAAA;AAAA,SAAA;AAAA,OACD,CAAA;AAAA,IAEF;AACC,MAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACD","file":"index.js","sourcesContent":["import React from \"react\";\nimport { ScaleControl, ZoomControl } from \"react-leaflet\";\nimport { MapControls } from \"../MapArea/interfaces/index.js\";\nimport FullscreenControl from \"./components/FullscreenControl/index.js\";\nimport DownloadControl from \"./components/DownloadControl/index.js\";\n\nexport interface MapControlProps extends MapControls {\n\tmapId: string;\n}\n\nexport default function MapControl({\n\ttype,\n\toptions,\n\tposition,\n\tmapId,\n}: MapControlProps) {\n\tswitch (type) {\n\t\tcase \"zoom\":\n\t\t\treturn <ZoomControl position={position} {...options} />;\n\t\tcase \"scale\":\n\t\t\treturn <ScaleControl position={position} {...options} />;\n\t\tcase \"fullscreen\":\n\t\t\treturn <FullscreenControl position={position} {...options} />;\n\t\tcase \"print\":\n\t\t\treturn (\n\t\t\t\t<DownloadControl\n\t\t\t\t\tmapId={mapId}\n\t\t\t\t\tposition={position}\n\t\t\t\t\toptions={options}\n\t\t\t\t/>\n\t\t\t);\n\t\tdefault:\n\t\t\treturn null;\n\t}\n}\n"]}

package/dist/esm/components/Map/components/MapLayer/components/BoundaryLayer/hooks/useBoundaryData.js

@@ -6,5 +6,5 @@ function useBoundaryData() {
 }
 
 export { useBoundaryData };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useBoundaryData.js.map
 //# sourceMappingURL=useBoundaryData.js.map

package/dist/esm/components/Map/components/MapLayer/components/BoundaryLayer/hooks/useBoundaryData.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/components/Map/components/MapLayer/components/BoundaryLayer/hooks/useBoundaryData.ts"],"names":[],"mappings":"AAAA,SAAS,8BAA8B;AAEhC,SAAS,kBAAkB;AACjC,QAAM,EAAE,SAAS,IAAI,uBAAuB;AAE5C,SAAO;AACR","sourcesContent":["import { useMapOrganisationUnit } from \"../../../../MapProvider/hooks/index.js\";\n\nexport function useBoundaryData() {\n\tconst { orgUnits } = useMapOrganisationUnit();\n\n\treturn orgUnits;\n}\n"]}
+{"version":3,"sources":["../../../../../../../../../src/components/Map/components/MapLayer/components/BoundaryLayer/hooks/useBoundaryData.ts"],"names":[],"mappings":";;AAEO,SAAS,eAAkB,GAAA;AACjC,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,sBAAuB,EAAA,CAAA;AAE5C,EAAO,OAAA,QAAA,CAAA;AACR","file":"useBoundaryData.js","sourcesContent":["import { useMapOrganisationUnit } from \"../../../../MapProvider/hooks/index.js\";\n\nexport function useBoundaryData() {\n\tconst { orgUnits } = useMapOrganisationUnit();\n\n\treturn orgUnits;\n}\n"]}

package/dist/esm/components/Map/components/MapLayer/components/BoundaryLayer/index.js

@@ -54,5 +54,5 @@ function BoundaryLayer(props) {
 }
 
 export { BoundaryLayer as default, defaultStyle, highlightStyle };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Map/components/MapLayer/components/BoundaryLayer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/components/Map/components/MapLayer/components/BoundaryLayer/index.tsx"],"names":[],"mappings":"AAuDO,cAGC,YAHD;AAvDP,OAAO,UAAU;AACjB,SAAS,cAAc;AAEvB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEP,SAAS,kBAAkB,sBAAsB;AAEjD,SAAS,uBAAuB;AAEzB,MAAM,eAAe;AAAA,EAC3B,QAAQ;AAAA,EACR,OAAO,OAAO;AAAA,EACd,WAAW,OAAO;AAAA,EAClB,aAAa;AACd;AACO,MAAM,iBAAiB;AAAA,EAC7B,QAAQ;AAAA,EACR,OAAO,OAAO;AAAA,EACd,WAAW;AAAA,EACX,aAAa;AACd;AAEe,SAAR,cAA+B,OAA+B;AACpE,QAAM,EAAE,SAAS,qBAAqB,aAAa,IAAI,SAAS,CAAC;AACjE,QAAM,WAAW,gBAAgB;AAEjC,SACC,oBAAC,cAAc,SAAd,EAAsB,SAAS,SAAS,MAAM,KAAK,EAAE,YAAY,GACjE,8BAAC,cACC,oBAAU,IAAI,CAAC,SAAqB;AACpC,WACC;AAAA,MAAC;AAAA;AAAA,QACA,MAAM,KAAK;AAAA,QACX,aAAW;AAAA,QACX,eAAe;AAAA,UACd,WAAW,CAAC,MACX,iBAAiB,GAAG,cAAc;AAAA,UACnC,UAAU,CAAC,MACV,eAAe,GAAG,YAAY;AAAA,UAC/B,GAAI,uBAAuB,CAAC;AAAA,UAC5B,WAAW,CAAC,MAAM;AACjB,gBAAI,cAAc;AACjB,2BAAa,GAAG,EAAE,SAAS,KAAK,CAAC;AAAA,YAClC;AAAA,UACD;AAAA,QACD;AAAA,QAEA,aAAa;AAAA,QAEb;AAAA,8BAAC,WAAS,eAAK,MAAK;AAAA,UACpB,qBAAC,SAAM,UAAU,IAChB;AAAA,gCAAC,QAAI,eAAK,MAAK;AAAA,YACf,qBAAC,SACA;AAAA,kCAAC,OAAE,qBAAO;AAAA,cACT,KAAK;AAAA,eACP;AAAA,aACD;AAAA;AAAA;AAAA,MAVK,GAAG,KAAK,EAAE;AAAA,IAWhB;AAAA,EAEF,CAAC,GACF,GACD;AAEF","sourcesContent":["import i18n from \"@dhis2/d2-i18n\";\nimport { colors } from \"@dhis2/ui\";\nimport React from \"react\";\nimport {\n\tGeoJSON,\n\tLayerGroup,\n\tLayersControl,\n\tPopup,\n\tTooltip,\n} from \"react-leaflet\";\nimport { MapOrgUnit } from \"../../../../interfaces/index.js\";\nimport { highlightFeature, resetHighlight } from \"../../../../utils/map.js\";\nimport { CustomBoundaryLayer as BoundaryLayerInterface } from \"../../interfaces/index.js\";\nimport { useBoundaryData } from \"./hooks/useBoundaryData.js\";\n\nexport const defaultStyle = {\n\tweight: 1,\n\tcolor: colors.grey900,\n\tfillColor: colors.grey900,\n\tfillOpacity: 0.0,\n};\nexport const highlightStyle = {\n\tweight: 2,\n\tcolor: colors.grey900,\n\tdashArray: \"\",\n\tfillOpacity: 0.1,\n};\n\nexport default function BoundaryLayer(props: BoundaryLayerInterface) {\n\tconst { enabled, customEventHandlers, onLayerClick } = props ?? {};\n\tconst orgUnits = useBoundaryData();\n\n\treturn (\n\t\t<LayersControl.Overlay checked={enabled} name={i18n.t(\"Boundaries\")}>\n\t\t\t<LayerGroup>\n\t\t\t\t{orgUnits?.map((area: MapOrgUnit) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<GeoJSON\n\t\t\t\t\t\t\tdata={area.geoJSON}\n\t\t\t\t\t\t\tinteractive\n\t\t\t\t\t\t\teventHandlers={{\n\t\t\t\t\t\t\t\tmouseover: (e) =>\n\t\t\t\t\t\t\t\t\thighlightFeature(e, highlightStyle),\n\t\t\t\t\t\t\t\tmouseout: (e) =>\n\t\t\t\t\t\t\t\t\tresetHighlight(e, defaultStyle),\n\t\t\t\t\t\t\t\t...(customEventHandlers ?? {}),\n\t\t\t\t\t\t\t\tmousedown: (e) => {\n\t\t\t\t\t\t\t\t\tif (onLayerClick) {\n\t\t\t\t\t\t\t\t\t\tonLayerClick(e, { orgUnit: area });\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\tkey={`${area.id}-polygon`}\n\t\t\t\t\t\t\tpathOptions={defaultStyle}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Tooltip>{area.name}</Tooltip>\n\t\t\t\t\t\t\t<Popup minWidth={80}>\n\t\t\t\t\t\t\t\t<h3>{area.name}</h3>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<b>Level: </b>\n\t\t\t\t\t\t\t\t\t{area.level}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Popup>\n\t\t\t\t\t\t</GeoJSON>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</LayerGroup>\n\t\t</LayersControl.Overlay>\n\t);\n}\n"]}
+{"version":3,"sources":["../../../../../../../../src/components/Map/components/MapLayer/components/BoundaryLayer/index.tsx"],"names":[],"mappings":";;;;;;;AAeO,MAAM,YAAe,GAAA;AAAA,EAC3B,MAAQ,EAAA,CAAA;AAAA,EACR,OAAO,MAAO,CAAA,OAAA;AAAA,EACd,WAAW,MAAO,CAAA,OAAA;AAAA,EAClB,WAAa,EAAA,CAAA;AACd,EAAA;AACO,MAAM,cAAiB,GAAA;AAAA,EAC7B,MAAQ,EAAA,CAAA;AAAA,EACR,OAAO,MAAO,CAAA,OAAA;AAAA,EACd,SAAW,EAAA,EAAA;AAAA,EACX,WAAa,EAAA,GAAA;AACd,EAAA;AAEe,SAAR,cAA+B,KAA+B,EAAA;AACpE,EAAA,MAAM,EAAE,OAAS,EAAA,mBAAA,EAAqB,YAAa,EAAA,GAAI,SAAS,EAAC,CAAA;AACjE,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AAEjC,EAAA,2BACE,aAAc,CAAA,OAAA,EAAd,EAAsB,OAAA,EAAS,SAAS,IAAM,EAAA,IAAA,CAAK,CAAE,CAAA,YAAY,GACjE,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EACC,QAAU,EAAA,QAAA,EAAA,GAAA,CAAI,CAAC,IAAqB,KAAA;AACpC,IACC,uBAAA,IAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACA,MAAM,IAAK,CAAA,OAAA;AAAA,QACX,WAAW,EAAA,IAAA;AAAA,QACX,aAAe,EAAA;AAAA,UACd,SAAW,EAAA,CAAC,CACX,KAAA,gBAAA,CAAiB,GAAG,cAAc,CAAA;AAAA,UACnC,QAAU,EAAA,CAAC,CACV,KAAA,cAAA,CAAe,GAAG,YAAY,CAAA;AAAA,UAC/B,GAAI,uBAAuB,EAAC;AAAA,UAC5B,SAAA,EAAW,CAAC,CAAM,KAAA;AACjB,YAAA,IAAI,YAAc,EAAA;AACjB,cAAA,YAAA,CAAa,CAAG,EAAA,EAAE,OAAS,EAAA,IAAA,EAAM,CAAA,CAAA;AAAA,aAClC;AAAA,WACD;AAAA,SACD;AAAA,QAEA,WAAa,EAAA,YAAA;AAAA,QAEb,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,OAAA,EAAA,EAAS,eAAK,IAAK,EAAA,CAAA;AAAA,0BACpB,IAAA,CAAC,KAAM,EAAA,EAAA,QAAA,EAAU,EAChB,EAAA,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,IAAA,EAAA,EAAI,eAAK,IAAK,EAAA,CAAA;AAAA,iCACd,KACA,EAAA,EAAA,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,OAAE,QAAO,EAAA,SAAA,EAAA,CAAA;AAAA,cACT,IAAK,CAAA,KAAA;AAAA,aACP,EAAA,CAAA;AAAA,WACD,EAAA,CAAA;AAAA,SAAA;AAAA,OAAA;AAAA,MAVK,CAAA,EAAG,KAAK,EAAE,CAAA,QAAA,CAAA;AAAA,KAWhB,CAAA;AAAA,GAED,GACF,CACD,EAAA,CAAA,CAAA;AAEF","file":"index.js","sourcesContent":["import i18n from \"@dhis2/d2-i18n\";\nimport { colors } from \"@dhis2/ui\";\nimport React from \"react\";\nimport {\n\tGeoJSON,\n\tLayerGroup,\n\tLayersControl,\n\tPopup,\n\tTooltip,\n} from \"react-leaflet\";\nimport { MapOrgUnit } from \"../../../../interfaces/index.js\";\nimport { highlightFeature, resetHighlight } from \"../../../../utils/map.js\";\nimport { CustomBoundaryLayer as BoundaryLayerInterface } from \"../../interfaces/index.js\";\nimport { useBoundaryData } from \"./hooks/useBoundaryData.js\";\n\nexport const defaultStyle = {\n\tweight: 1,\n\tcolor: colors.grey900,\n\tfillColor: colors.grey900,\n\tfillOpacity: 0.0,\n};\nexport const highlightStyle = {\n\tweight: 2,\n\tcolor: colors.grey900,\n\tdashArray: \"\",\n\tfillOpacity: 0.1,\n};\n\nexport default function BoundaryLayer(props: BoundaryLayerInterface) {\n\tconst { enabled, customEventHandlers, onLayerClick } = props ?? {};\n\tconst orgUnits = useBoundaryData();\n\n\treturn (\n\t\t<LayersControl.Overlay checked={enabled} name={i18n.t(\"Boundaries\")}>\n\t\t\t<LayerGroup>\n\t\t\t\t{orgUnits?.map((area: MapOrgUnit) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<GeoJSON\n\t\t\t\t\t\t\tdata={area.geoJSON}\n\t\t\t\t\t\t\tinteractive\n\t\t\t\t\t\t\teventHandlers={{\n\t\t\t\t\t\t\t\tmouseover: (e) =>\n\t\t\t\t\t\t\t\t\thighlightFeature(e, highlightStyle),\n\t\t\t\t\t\t\t\tmouseout: (e) =>\n\t\t\t\t\t\t\t\t\tresetHighlight(e, defaultStyle),\n\t\t\t\t\t\t\t\t...(customEventHandlers ?? {}),\n\t\t\t\t\t\t\t\tmousedown: (e) => {\n\t\t\t\t\t\t\t\t\tif (onLayerClick) {\n\t\t\t\t\t\t\t\t\t\tonLayerClick(e, { orgUnit: area });\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\tkey={`${area.id}-polygon`}\n\t\t\t\t\t\t\tpathOptions={defaultStyle}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Tooltip>{area.name}</Tooltip>\n\t\t\t\t\t\t\t<Popup minWidth={80}>\n\t\t\t\t\t\t\t\t<h3>{area.name}</h3>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<b>Level: </b>\n\t\t\t\t\t\t\t\t\t{area.level}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Popup>\n\t\t\t\t\t\t</GeoJSON>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</LayerGroup>\n\t\t</LayersControl.Overlay>\n\t);\n}\n"]}

package/dist/esm/components/Map/components/MapLayer/components/GoogleEngineLayer/components/EarthEngineLegend.js

@@ -20,8 +20,7 @@ function LegendItem({
   ] });
 }
 function getLegendsFromParams(params) {
-  if (!params)
-    return [];
+  if (!params) return [];
   const { palette, min, max } = params;
   const sanitizedPalette = Array.isArray(palette) ? palette : palette.split(",");
   const classes = sanitizedPalette.length;
@@ -96,5 +95,5 @@ function EarthEngineLegend({
 var EarthEngineLegend_default = forwardRef(EarthEngineLegend);
 
 export { LegendItem, EarthEngineLegend_default as default };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=EarthEngineLegend.js.map
 //# sourceMappingURL=EarthEngineLegend.js.map

package/dist/esm/components/Map/components/MapLayer/components/GoogleEngineLayer/components/EarthEngineLegend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/components/Map/components/MapLayer/components/GoogleEngineLayer/components/EarthEngineLegend.tsx"],"names":["min","max"],"mappings":"AAaE,SACC,KADD;AAbF,SAAgB,kBAAkB;AAClC,OAAO,sBAAsB;AAE7B,SAAS,eAAe;AACxB,OAAO,UAAU;AACjB,SAAS,eAAe;AAEjB,SAAS,WAAW;AAAA,EAC1B;AACD,GAEG;AACF,SACC,qBAAC,SAAI,WAAU,eACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,OAAO,EAAE,iBAAiB,OAAO,MAAM;AAAA;AAAA,IACxC;AAAA,IACC,OAAO,OACP,oBAAC,SAAI,WAAU,qBAAqB,aAAG,OAAO,IAAI,IAAG,IAErD,oBAAC,SAAI,WAAU,qBAAqB,aAAG,OAAO,GAAG,MAAM,OAAO,GAAG,IAAG;AAAA,KAEtE;AAEF;AAEA,SAAS,qBAAqB,QAI3B;AACF,MAAI,CAAC;AAAQ,WAAO,CAAC;AAErB,QAAM,EAAE,SAAS,KAAK,IAAI,IAAI;AAC9B,QAAM,mBAAmB,MAAM,QAAQ,OAAO,IAC3C,UACA,QAAQ,MAAM,GAAG;AACpB,QAAM,UAAU,iBAAiB;AACjC,QAAM,aAAa,MAAM;AACzB,QAAM,WAAW,KAAK,MAAM,aAAa,OAAO;AAChD,QAAM,UAAU,CAAC;AACjB,WAAS,IAAI,GAAG,IAAI,SAAS,KAAK;AACjC,UAAMA,OAAM,IAAI;AAChB,UAAMC,OAAMD,OAAM;AAElB,UAAM,OAAO,MAAM,UAAU,IAAI,KAAKA,IAAG,KAAK;AAE9C,YAAQ,KAAK;AAAA,MACZ,IAAI,iBAAiB,CAAC;AAAA,MACtB,OAAO,iBAAiB,CAAC;AAAA,MACzB,KAAAA;AAAA,MACA,KAAAC;AAAA,MACA;AAAA,IACD,CAAC;AAAA,EACF;AAEA,SAAO;AACR;AAEA,SAAS,kBACR;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAMA,KACC;AACD,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,UACL,SAAS,QAAQ,SAAS,qBAAqB,SAAS,MAAM;AAE/D,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAO,EAAE,UAAU,KAAK,YAAY,SAAS,KAAK,EAAE;AAAA,MACpD,WAAU;AAAA,MACV;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,OAAO;AAAA,YACP;AAAA,YACA;AAAA;AAAA,QACD;AAAA,QACA,oBAAC,WAAQ,QAAQ,KAAK;AAAA,QACtB,oBAAC,OAAE,OAAO,EAAE,QAAQ,EAAE,GAAI,mBAAS,eAAe,IAAG;AAAA,QACpD,CAAC,QAAQ,OAAO,KAAK,oBAAC,OAAG,mBAAS,QAAQ,IAAG;AAAA,QAC9C,oBAAC,SAAI,WAAU,eACb,mBAAS,IAAI,CAAC,WACd;AAAA,UAAC;AAAA;AAAA,YAEA;AAAA;AAAA,UADK,GAAG,QAAQ,KAAK;AAAA,QAEtB,CACA,GACF;AAAA,QACC,SAAS,UACT,qBAAC,SAAI,WAAU,aACb;AAAA,eAAK,EAAE,QAAQ;AAAA,UAAE;AAAA,UAClB;AAAA,YAAC;AAAA;AAAA,cACA,WAAU;AAAA,cACV,QAAO;AAAA,cACP,gBAAe;AAAA,cACf,MAAM,SAAS;AAAA,cAEd,mBAAS,UAAU;AAAA;AAAA,UACrB;AAAA,WACD;AAAA;AAAA;AAAA,EAEF;AAEF;AAEA,IAAO,4BAAQ,WAAW,iBAAiB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport LegendCardHeader from \"../../LegendArea/components/LegendCardHeader/index.js\";\nimport { CustomGoogleEngineLayer } from \"../../../interfaces/index.js\";\nimport { Divider } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { isEmpty } from \"lodash\";\n\nexport function LegendItem({\n\tlegend,\n}: {\n\tlegend: { min: number; max: number; color: string; name?: string };\n}) {\n\treturn (\n\t\t<div className=\"legend-item\">\n\t\t\t<div\n\t\t\t\tclassName=\"legend-item-color\"\n\t\t\t\tstyle={{ backgroundColor: legend.color }}\n\t\t\t/>\n\t\t\t{legend.name ? (\n\t\t\t\t<div className=\"legend-item-label\">{`${legend.name}`}</div>\n\t\t\t) : (\n\t\t\t\t<div className=\"legend-item-label\">{`${legend.min} - ${legend.max}`}</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nfunction getLegendsFromParams(params?: {\n\tmin: number;\n\tmax: number;\n\tpalette: string | string[];\n}) {\n\tif (!params) return [];\n\n\tconst { palette, min, max } = params;\n\tconst sanitizedPalette = Array.isArray(palette)\n\t\t? palette\n\t\t: palette.split(\",\");\n\tconst classes = sanitizedPalette.length;\n\tconst difference = max - min;\n\tconst interval = Math.round(difference / classes);\n\tconst legends = [];\n\tfor (let i = 0; i < classes; i++) {\n\t\tconst min = i * interval;\n\t\tconst max = min + interval;\n\n\t\tconst name = i === classes - 1 ? `> ${min}` : undefined;\n\n\t\tlegends.push({\n\t\t\tid: sanitizedPalette[i],\n\t\t\tcolor: sanitizedPalette[i],\n\t\t\tmin,\n\t\t\tmax,\n\t\t\tname,\n\t\t});\n\t}\n\n\treturn legends;\n}\n\nfunction EarthEngineLegend(\n\t{\n\t\tlayer,\n\t\tcollapsible,\n\t\tonCollapse,\n\t\tname,\n\t}: {\n\t\tlayer: CustomGoogleEngineLayer;\n\t\tcollapsible?: boolean;\n\t\tonCollapse?: () => void;\n\t\tname: string;\n\t},\n\tref: React.LegacyRef<HTMLDivElement>,\n) {\n\tconst { options } = layer;\n\tconst legends =\n\t\toptions?.legend?.items ?? getLegendsFromParams(options?.params);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{ maxWidth: 200, alignItems: \"start\", gap: 8 }}\n\t\t\tclassName=\"legend-card\"\n\t\t\tref={ref}\n\t\t>\n\t\t\t<LegendCardHeader\n\t\t\t\ttitle={name}\n\t\t\t\tcollapsible={collapsible}\n\t\t\t\tonCollapse={onCollapse}\n\t\t\t/>\n\t\t\t<Divider margin={\"0\"} />\n\t\t\t<p style={{ margin: 0 }}>{options?.description ?? \"\"}</p>\n\t\t\t{!isEmpty(legends) && <b>{options?.unit ?? \"\"}</b>}\n\t\t\t<div className=\"legend-list\">\n\t\t\t\t{legends?.map((legend: any) => (\n\t\t\t\t\t<LegendItem\n\t\t\t\t\t\tkey={`${legend?.color}-legend-list`}\n\t\t\t\t\t\tlegend={legend}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t\t{options?.source && (\n\t\t\t\t<div className=\"row gap-8\">\n\t\t\t\t\t{i18n.t(\"Source\")}:\n\t\t\t\t\t<a\n\t\t\t\t\t\tclassName=\"source-url\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\treferrerPolicy=\"no-referrer\"\n\t\t\t\t\t\thref={options?.sourceUrl}\n\t\t\t\t\t>\n\t\t\t\t\t\t{options?.source ?? \"\"}\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport default forwardRef(EarthEngineLegend);\n"]}
+{"version":3,"sources":["../../../../../../../../../src/components/Map/components/MapLayer/components/GoogleEngineLayer/components/EarthEngineLegend.tsx"],"names":["min","max"],"mappings":"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","file":"EarthEngineLegend.js","sourcesContent":["import React, { forwardRef } from \"react\";\nimport LegendCardHeader from \"../../LegendArea/components/LegendCardHeader/index.js\";\nimport { CustomGoogleEngineLayer } from \"../../../interfaces/index.js\";\nimport { Divider } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { isEmpty } from \"lodash\";\n\nexport function LegendItem({\n\tlegend,\n}: {\n\tlegend: { min: number; max: number; color: string; name?: string };\n}) {\n\treturn (\n\t\t<div className=\"legend-item\">\n\t\t\t<div\n\t\t\t\tclassName=\"legend-item-color\"\n\t\t\t\tstyle={{ backgroundColor: legend.color }}\n\t\t\t/>\n\t\t\t{legend.name ? (\n\t\t\t\t<div className=\"legend-item-label\">{`${legend.name}`}</div>\n\t\t\t) : (\n\t\t\t\t<div className=\"legend-item-label\">{`${legend.min} - ${legend.max}`}</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nfunction getLegendsFromParams(params?: {\n\tmin: number;\n\tmax: number;\n\tpalette: string | string[];\n}) {\n\tif (!params) return [];\n\n\tconst { palette, min, max } = params;\n\tconst sanitizedPalette = Array.isArray(palette)\n\t\t? palette\n\t\t: palette.split(\",\");\n\tconst classes = sanitizedPalette.length;\n\tconst difference = max - min;\n\tconst interval = Math.round(difference / classes);\n\tconst legends = [];\n\tfor (let i = 0; i < classes; i++) {\n\t\tconst min = i * interval;\n\t\tconst max = min + interval;\n\n\t\tconst name = i === classes - 1 ? `> ${min}` : undefined;\n\n\t\tlegends.push({\n\t\t\tid: sanitizedPalette[i],\n\t\t\tcolor: sanitizedPalette[i],\n\t\t\tmin,\n\t\t\tmax,\n\t\t\tname,\n\t\t});\n\t}\n\n\treturn legends;\n}\n\nfunction EarthEngineLegend(\n\t{\n\t\tlayer,\n\t\tcollapsible,\n\t\tonCollapse,\n\t\tname,\n\t}: {\n\t\tlayer: CustomGoogleEngineLayer;\n\t\tcollapsible?: boolean;\n\t\tonCollapse?: () => void;\n\t\tname: string;\n\t},\n\tref: React.LegacyRef<HTMLDivElement>,\n) {\n\tconst { options } = layer;\n\tconst legends =\n\t\toptions?.legend?.items ?? getLegendsFromParams(options?.params);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{ maxWidth: 200, alignItems: \"start\", gap: 8 }}\n\t\t\tclassName=\"legend-card\"\n\t\t\tref={ref}\n\t\t>\n\t\t\t<LegendCardHeader\n\t\t\t\ttitle={name}\n\t\t\t\tcollapsible={collapsible}\n\t\t\t\tonCollapse={onCollapse}\n\t\t\t/>\n\t\t\t<Divider margin={\"0\"} />\n\t\t\t<p style={{ margin: 0 }}>{options?.description ?? \"\"}</p>\n\t\t\t{!isEmpty(legends) && <b>{options?.unit ?? \"\"}</b>}\n\t\t\t<div className=\"legend-list\">\n\t\t\t\t{legends?.map((legend: any) => (\n\t\t\t\t\t<LegendItem\n\t\t\t\t\t\tkey={`${legend?.color}-legend-list`}\n\t\t\t\t\t\tlegend={legend}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t\t{options?.source && (\n\t\t\t\t<div className=\"row gap-8\">\n\t\t\t\t\t{i18n.t(\"Source\")}:\n\t\t\t\t\t<a\n\t\t\t\t\t\tclassName=\"source-url\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\treferrerPolicy=\"no-referrer\"\n\t\t\t\t\t\thref={options?.sourceUrl}\n\t\t\t\t\t>\n\t\t\t\t\t\t{options?.source ?? \"\"}\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport default forwardRef(EarthEngineLegend);\n"]}

package/dist/esm/components/Map/components/MapLayer/components/GoogleEngineLayer/constants/index.js

@@ -453,5 +453,5 @@ const SUPPORTED_EARTH_ENGINE_LAYERS = [
 ];
 
 export { EARTH_ENGINE_LAYER, EARTH_ENGINE_LAYERS, SUPPORTED_EARTH_ENGINE_LAYERS };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map