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

package/dist/components/Map/components/ThematicLayerConfiguration/components/CustomLegend/index.mjs

@@ -0,0 +1,57 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useWatch, Controller } from 'react-hook-form';
+import { SingleSelectField, SingleSelectOption, Field } from '@dhis2/ui';
+import { defaultClasses, defaultColorScaleName } from '../../../../utils/colors';
+import i18n from '@dhis2/d2-i18n';
+import ColorScaleSelect from '../ColorScaleSelect';
+
+function CustomLegend() {
+  const scale = useWatch({
+    name: "dataItem.legendConfig.scale"
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "row gap-16 space-between", children: [
+    /* @__PURE__ */ jsx("div", { style: { width: "30%" }, children: /* @__PURE__ */ jsx(
+      Controller,
+      {
+        name: "dataItem.legendConfig.scale",
+        render: ({ field, fieldState }) => /* @__PURE__ */ jsx(
+          SingleSelectField,
+          {
+            validationText: fieldState.error?.message,
+            error: Boolean(fieldState.error),
+            selected: field.value?.toString() ?? defaultClasses.toString(),
+            label: i18n.t("Classes"),
+            onChange: ({ selected }) => field.onChange(parseInt(selected)),
+            children: [3, 4, 5, 6, 7, 8, 9].map((value) => /* @__PURE__ */ jsx(
+              SingleSelectOption,
+              {
+                label: `${value}`,
+                value: value?.toString()
+              },
+              `${value}-classes-option`
+            ))
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { style: { width: "70%" }, children: /* @__PURE__ */ jsx(
+      Controller,
+      {
+        name: "dataItem.legendConfig.colorClass",
+        render: ({ field }) => /* @__PURE__ */ jsx(Field, { label: i18n.t("Colors"), children: /* @__PURE__ */ jsx(
+          ColorScaleSelect,
+          {
+            count: scale ?? defaultClasses,
+            colorClass: field.value ?? defaultColorScaleName,
+            width: 300,
+            onChange: field.onChange
+          }
+        ) })
+      }
+    ) })
+  ] });
+}
+
+export { CustomLegend };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/ThematicLayerConfiguration/components/CustomLegend/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/ThematicLayerConfiguration/components/CustomLegend/index.tsx"],"names":[],"mappings":"AAgBE,SAkBM,KAlBN;AAhBF,SAAS,YAAY,gBAAgB;AACrC,SAAS,OAAO,mBAAmB,0BAA0B;AAC7D;AAAA,EACC;AAAA,EACA;AAAA,OACM;AACP,OAAO,UAAU;AACjB,OAAO,sBAAsB;AAGtB,SAAS,eAAe;AAC9B,QAAM,QAAQ,SAAS;AAAA,IACtB,MAAM;AAAA,EACP,CAAC;AAED,SACC,qBAAC,SAAI,WAAU,4BACd;AAAA,wBAAC,SAAI,OAAO,EAAE,OAAO,MAAM,GAC1B;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,QAAQ,CAAC,EAAE,OAAO,WAAW,MAC5B;AAAA,UAAC;AAAA;AAAA,YACA,gBAAgB,WAAW,OAAO;AAAA,YAClC,OAAO,QAAQ,WAAW,KAAK;AAAA,YAC/B,UACC,MAAM,OAAO,SAAS,KACtB,eAAe,SAAS;AAAA,YAEzB,OAAO,KAAK,EAAE,SAAS;AAAA,YACvB,UAAU,CAAC,EAAE,SAAS,MACrB,MAAM,SAAS,SAAS,QAAQ,CAAC;AAAA,YAGjC,WAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,UAC3B;AAAA,cAAC;AAAA;AAAA,gBAEA,OAAO,GAAG,KAAK;AAAA,gBACf,OAAO,OAAO,SAAS;AAAA;AAAA,cAFlB,GAAG,KAAK;AAAA,YAGd,CACA;AAAA;AAAA,QACF;AAAA;AAAA,IAEF,GACD;AAAA,IACA,oBAAC,SAAI,OAAO,EAAE,OAAO,MAAM,GAC1B;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,QAAQ,CAAC,EAAE,MAAM,MAChB,oBAAC,SAAM,OAAO,KAAK,EAAE,QAAQ,GAC5B;AAAA,UAAC;AAAA;AAAA,YACA,OAAO,SAAS;AAAA,YAChB,YACC,MAAM,SAAS;AAAA,YAEhB,OAAO;AAAA,YACP,UAAU,MAAM;AAAA;AAAA,QACjB,GACD;AAAA;AAAA,IAEF,GACD;AAAA,KACD;AAEF","sourcesContent":["import { Controller, useWatch } from \"react-hook-form\";\nimport { Field, SingleSelectField, SingleSelectOption } from \"@dhis2/ui\";\nimport {\n\tdefaultClasses,\n\tdefaultColorScaleName,\n} from \"../../../../utils/colors\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport ColorScaleSelect from \"../ColorScaleSelect\";\nimport React from \"react\";\n\nexport function CustomLegend() {\n\tconst scale = useWatch({\n\t\tname: \"dataItem.legendConfig.scale\",\n\t});\n\n\treturn (\n\t\t<div className=\"row gap-16 space-between\">\n\t\t\t<div style={{ width: \"30%\" }}>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"dataItem.legendConfig.scale\"\n\t\t\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t\t\t<SingleSelectField\n\t\t\t\t\t\t\tvalidationText={fieldState.error?.message}\n\t\t\t\t\t\t\terror={Boolean(fieldState.error)}\n\t\t\t\t\t\t\tselected={\n\t\t\t\t\t\t\t\tfield.value?.toString() ??\n\t\t\t\t\t\t\t\tdefaultClasses.toString()\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Classes\")}\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>\n\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<SingleSelectOption\n\t\t\t\t\t\t\t\t\tkey={`${value}-classes-option`}\n\t\t\t\t\t\t\t\t\tlabel={`${value}`}\n\t\t\t\t\t\t\t\t\tvalue={value?.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)}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div style={{ width: \"70%\" }}>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"dataItem.legendConfig.colorClass\"\n\t\t\t\t\trender={({ field }) => (\n\t\t\t\t\t\t<Field label={i18n.t(\"Colors\")}>\n\t\t\t\t\t\t\t<ColorScaleSelect\n\t\t\t\t\t\t\t\tcount={scale ?? defaultClasses}\n\t\t\t\t\t\t\t\tcolorClass={\n\t\t\t\t\t\t\t\t\tfield.value ?? defaultColorScaleName\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\twidth={300}\n\t\t\t\t\t\t\t\tonChange={field.onChange}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\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/ThematicLayerConfiguration/components/IndicatorSelectorModal/index.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var i18n = require('@dhis2/d2-i18n');
+var ui = require('@dhis2/ui');
+var react = require('react');
+var dhis2Ui = require('@hisptz/dhis2-ui');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+
+function IndicatorSelectorModal({
+  onUpdate,
+  onClose,
+  hide,
+  selected,
+  disabled,
+  ...props
+}) {
+  const [selectedIndicators, setSelectedIndicators] = react.useState(selected);
+  const onUpdateClick = react.useCallback(() => {
+    onUpdate(selectedIndicators);
+    onClose();
+  }, [onUpdate, selectedIndicators]);
+  const onSelect = react.useCallback((indicators) => {
+    setSelectedIndicators(indicators);
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Modal, { position: "middle", hide, onClose, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.ModalTitle, { children: i18n__default.default.t("Select Data Item") }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.ModalContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      dhis2Ui.DataSourceSelector,
+      {
+        ...props,
+        disabled,
+        maxSelections: 1,
+        selected: selectedIndicators,
+        onSelect
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.ModalActions, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.ButtonStrip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onClose, children: i18n__default.default.t("Cancel") }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { primary: true, onClick: onUpdateClick, children: i18n__default.default.t("Update") })
+    ] }) })
+  ] });
+}
+
+module.exports = IndicatorSelectorModal;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Map/components/ThematicLayerConfiguration/components/IndicatorSelectorModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/ThematicLayerConfiguration/components/IndicatorSelectorModal/index.tsx"],"names":[],"mappings":"AAuCG,cAWC,YAXD;AAvCH,OAAO,UAAU;AACjB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAgB,aAAa,gBAAgB;AAC7C,SAAS,0BAA0B;AAEpB,SAAR,uBAAwC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAMG;AACF,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,QAAQ;AAErE,QAAM,gBAAgB,YAAY,MAAM;AACvC,aAAS,kBAAkB;AAC3B,YAAQ;AAAA,EACT,GAAG,CAAC,UAAU,kBAAkB,CAAC;AAEjC,QAAM,WAAW,YAAY,CAAC,eAAoB;AACjD,0BAAsB,UAAU;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,SACC,qBAAC,SAAM,UAAS,UAAS,MAAY,SACpC;AAAA,wBAAC,cAAY,eAAK,EAAE,kBAAkB,GAAE;AAAA,IACxC,oBAAC,gBACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QACA,eAAe;AAAA,QACf,UAAU;AAAA,QACV;AAAA;AAAA,IACD,GACD;AAAA,IACA,oBAAC,gBACA,+BAAC,eACA;AAAA,0BAAC,UAAO,SAAS,SAAU,eAAK,EAAE,QAAQ,GAAE;AAAA,MAC5C,oBAAC,UAAO,SAAO,MAAC,SAAS,eACvB,eAAK,EAAE,QAAQ,GACjB;AAAA,OACD,GACD;AAAA,KACD;AAEF","sourcesContent":["import i18n from \"@dhis2/d2-i18n\";\nimport {\n\tButton,\n\tButtonStrip,\n\tModal,\n\tModalActions,\n\tModalContent,\n\tModalTitle,\n} from \"@dhis2/ui\";\nimport React, { useCallback, useState } from \"react\";\nimport { DataSourceSelector } from \"@hisptz/dhis2-ui\";\n\nexport default function IndicatorSelectorModal({\n\tonUpdate,\n\tonClose,\n\thide,\n\tselected,\n\tdisabled,\n\t...props\n}: {\n\tonUpdate: (data: any) => void;\n\tonClose: () => void;\n\thide: boolean;\n\tselected: any;\n\tdisabled?: string[];\n}) {\n\tconst [selectedIndicators, setSelectedIndicators] = useState(selected);\n\n\tconst onUpdateClick = useCallback(() => {\n\t\tonUpdate(selectedIndicators);\n\t\tonClose();\n\t}, [onUpdate, selectedIndicators]);\n\n\tconst onSelect = useCallback((indicators: any) => {\n\t\tsetSelectedIndicators(indicators);\n\t}, []);\n\n\treturn (\n\t\t<Modal position=\"middle\" hide={hide} onClose={onClose}>\n\t\t\t<ModalTitle>{i18n.t(\"Select Data Item\")}</ModalTitle>\n\t\t\t<ModalContent>\n\t\t\t\t<DataSourceSelector\n\t\t\t\t\t{...props}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tmaxSelections={1}\n\t\t\t\t\tselected={selectedIndicators}\n\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t/>\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 primary onClick={onUpdateClick}>\n\t\t\t\t\t\t{i18n.t(\"Update\")}\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/ThematicLayerConfiguration/components/IndicatorSelectorModal/index.mjs

@@ -0,0 +1,44 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import i18n from '@dhis2/d2-i18n';
+import { Modal, ModalTitle, ModalContent, ModalActions, ButtonStrip, Button } from '@dhis2/ui';
+import { useState, useCallback } from 'react';
+import { DataSourceSelector } from '@hisptz/dhis2-ui';
+
+function IndicatorSelectorModal({
+  onUpdate,
+  onClose,
+  hide,
+  selected,
+  disabled,
+  ...props
+}) {
+  const [selectedIndicators, setSelectedIndicators] = useState(selected);
+  const onUpdateClick = useCallback(() => {
+    onUpdate(selectedIndicators);
+    onClose();
+  }, [onUpdate, selectedIndicators]);
+  const onSelect = useCallback((indicators) => {
+    setSelectedIndicators(indicators);
+  }, []);
+  return /* @__PURE__ */ jsxs(Modal, { position: "middle", hide, onClose, children: [
+    /* @__PURE__ */ jsx(ModalTitle, { children: i18n.t("Select Data Item") }),
+    /* @__PURE__ */ jsx(ModalContent, { children: /* @__PURE__ */ jsx(
+      DataSourceSelector,
+      {
+        ...props,
+        disabled,
+        maxSelections: 1,
+        selected: selectedIndicators,
+        onSelect
+      }
+    ) }),
+    /* @__PURE__ */ jsx(ModalActions, { children: /* @__PURE__ */ jsxs(ButtonStrip, { children: [
+      /* @__PURE__ */ jsx(Button, { onClick: onClose, children: i18n.t("Cancel") }),
+      /* @__PURE__ */ jsx(Button, { primary: true, onClick: onUpdateClick, children: i18n.t("Update") })
+    ] }) })
+  ] });
+}
+
+export { IndicatorSelectorModal as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/ThematicLayerConfiguration/components/IndicatorSelectorModal/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/ThematicLayerConfiguration/components/IndicatorSelectorModal/index.tsx"],"names":[],"mappings":"AAuCG,cAWC,YAXD;AAvCH,OAAO,UAAU;AACjB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAgB,aAAa,gBAAgB;AAC7C,SAAS,0BAA0B;AAEpB,SAAR,uBAAwC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAMG;AACF,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,QAAQ;AAErE,QAAM,gBAAgB,YAAY,MAAM;AACvC,aAAS,kBAAkB;AAC3B,YAAQ;AAAA,EACT,GAAG,CAAC,UAAU,kBAAkB,CAAC;AAEjC,QAAM,WAAW,YAAY,CAAC,eAAoB;AACjD,0BAAsB,UAAU;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,SACC,qBAAC,SAAM,UAAS,UAAS,MAAY,SACpC;AAAA,wBAAC,cAAY,eAAK,EAAE,kBAAkB,GAAE;AAAA,IACxC,oBAAC,gBACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QACA,eAAe;AAAA,QACf,UAAU;AAAA,QACV;AAAA;AAAA,IACD,GACD;AAAA,IACA,oBAAC,gBACA,+BAAC,eACA;AAAA,0BAAC,UAAO,SAAS,SAAU,eAAK,EAAE,QAAQ,GAAE;AAAA,MAC5C,oBAAC,UAAO,SAAO,MAAC,SAAS,eACvB,eAAK,EAAE,QAAQ,GACjB;AAAA,OACD,GACD;AAAA,KACD;AAEF","sourcesContent":["import i18n from \"@dhis2/d2-i18n\";\nimport {\n\tButton,\n\tButtonStrip,\n\tModal,\n\tModalActions,\n\tModalContent,\n\tModalTitle,\n} from \"@dhis2/ui\";\nimport React, { useCallback, useState } from \"react\";\nimport { DataSourceSelector } from \"@hisptz/dhis2-ui\";\n\nexport default function IndicatorSelectorModal({\n\tonUpdate,\n\tonClose,\n\thide,\n\tselected,\n\tdisabled,\n\t...props\n}: {\n\tonUpdate: (data: any) => void;\n\tonClose: () => void;\n\thide: boolean;\n\tselected: any;\n\tdisabled?: string[];\n}) {\n\tconst [selectedIndicators, setSelectedIndicators] = useState(selected);\n\n\tconst onUpdateClick = useCallback(() => {\n\t\tonUpdate(selectedIndicators);\n\t\tonClose();\n\t}, [onUpdate, selectedIndicators]);\n\n\tconst onSelect = useCallback((indicators: any) => {\n\t\tsetSelectedIndicators(indicators);\n\t}, []);\n\n\treturn (\n\t\t<Modal position=\"middle\" hide={hide} onClose={onClose}>\n\t\t\t<ModalTitle>{i18n.t(\"Select Data Item\")}</ModalTitle>\n\t\t\t<ModalContent>\n\t\t\t\t<DataSourceSelector\n\t\t\t\t\t{...props}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tmaxSelections={1}\n\t\t\t\t\tselected={selectedIndicators}\n\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t/>\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 primary onClick={onUpdateClick}>\n\t\t\t\t\t\t{i18n.t(\"Update\")}\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/ThematicLayerConfiguration/components/LegendSetSelector/index.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var appRuntime = require('@dhis2/app-runtime');
+var react = require('react');
+var ui = require('@dhis2/ui');
+var i18n = require('@dhis2/d2-i18n');
+var lodash = require('lodash');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+
+const legendSetQuery = {
+  legendSets: {
+    resource: "legendSets",
+    params: {
+      fields: ["displayName", "id"]
+    }
+  }
+};
+function LegendSetSelector({
+  selected,
+  onChange,
+  error,
+  required,
+  ...props
+}) {
+  const { loading, data } = appRuntime.useDataQuery(legendSetQuery);
+  const options = react.useMemo(() => {
+    if (data) {
+      return data?.legendSets?.legendSets?.map(({ displayName, id }) => ({
+        label: displayName ?? id,
+        value: id
+      }));
+    }
+    return [];
+  }, [data]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.SingleSelectField,
+    {
+      required,
+      error: Boolean(error),
+      validationText: error?.message,
+      ...props,
+      label: i18n__default.default.t("Legend set"),
+      filterable: true,
+      selected: !lodash.isEmpty(options) ? selected : void 0,
+      loadingText: i18n__default.default.t("Please wait..."),
+      onChange: ({ selected: selected2 }) => onChange(selected2),
+      loading,
+      children: options?.map(({ label, value }) => /* @__PURE__ */ jsxRuntime.jsx(
+        ui.SingleSelectOption,
+        {
+          label,
+          value
+        },
+        `${label}-legend-option`
+      ))
+    }
+  );
+}
+
+exports.LegendSetSelector = LegendSetSelector;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Map/components/ThematicLayerConfiguration/components/LegendSetSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/ThematicLayerConfiguration/components/LegendSetSelector/index.tsx"],"names":["selected"],"mappings":"AAyDI;AAzDJ,SAAS,oBAAoB;AAC7B,SAAgB,eAAe;AAE/B,SAAS,mBAAmB,0BAA0B;AACtD,OAAO,UAAU;AACjB,SAAS,eAAe;AAExB,MAAM,iBAAiB;AAAA,EACtB,YAAY;AAAA,IACX,UAAU;AAAA,IACV,QAAQ;AAAA,MACP,QAAQ,CAAC,eAAe,IAAI;AAAA,IAC7B;AAAA,EACD;AACD;AAEO,SAAS,kBAAkB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAKG;AACF,QAAM,EAAE,SAAS,KAAK,IAAI,aAAa,cAAc;AACrD,QAAM,UAAU,QAAQ,MAAM;AAC7B,QAAI,MAAM;AACT,aACC,MAAM,YACJ,YAAY,IAAI,CAAC,EAAE,aAAa,GAAG,OAAO;AAAA,QAC5C,OAAO,eAAe;AAAA,QACtB,OAAO;AAAA,MACR,EAAE;AAAA,IACH;AACA,WAAO,CAAC;AAAA,EACT,GAAG,CAAC,IAAI,CAAC;AAET,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,OAAO,QAAQ,KAAK;AAAA,MACpB,gBAAgB,OAAO;AAAA,MACtB,GAAG;AAAA,MACJ,OAAO,KAAK,EAAE,YAAY;AAAA,MAC1B,YAAU;AAAA,MACV,UAAU,CAAC,QAAQ,OAAO,IAAI,WAAW;AAAA,MACzC,aAAa,KAAK,EAAE,gBAAgB;AAAA,MACpC,UAAU,CAAC,EAAE,UAAAA,UAAS,MACrB,SAASA,SAAQ;AAAA,MAElB;AAAA,MAEC,mBAAS,IAAI,CAAC,EAAE,OAAO,MAAM,MAC7B;AAAA,QAAC;AAAA;AAAA,UAEA;AAAA,UACA;AAAA;AAAA,QAFK,GAAG,KAAK;AAAA,MAGd,CACA;AAAA;AAAA,EACF;AAEF","sourcesContent":["import { useDataQuery } from \"@dhis2/app-runtime\";\nimport React, { useMemo } from \"react\";\nimport { LegendSet } from \"@hisptz/dhis2-utils\";\nimport { SingleSelectField, SingleSelectOption } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { isEmpty } from \"lodash\";\n\nconst legendSetQuery = {\n\tlegendSets: {\n\t\tresource: \"legendSets\",\n\t\tparams: {\n\t\t\tfields: [\"displayName\", \"id\"],\n\t\t},\n\t},\n};\n\nexport function LegendSetSelector({\n\tselected,\n\tonChange,\n\terror,\n\trequired,\n\t...props\n}: {\n\tselected?: string;\n\tonChange: (value: string) => void;\n\terror?: { message?: string };\n\trequired?: boolean;\n}) {\n\tconst { loading, data } = useDataQuery(legendSetQuery);\n\tconst options = useMemo(() => {\n\t\tif (data) {\n\t\t\treturn (\n\t\t\t\tdata?.legendSets as { legendSets?: LegendSet[] }\n\t\t\t)?.legendSets?.map(({ displayName, id }) => ({\n\t\t\t\tlabel: displayName ?? id,\n\t\t\t\tvalue: id,\n\t\t\t}));\n\t\t}\n\t\treturn [];\n\t}, [data]);\n\n\treturn (\n\t\t<SingleSelectField\n\t\t\trequired={required}\n\t\t\terror={Boolean(error)}\n\t\t\tvalidationText={error?.message}\n\t\t\t{...props}\n\t\t\tlabel={i18n.t(\"Legend set\")}\n\t\t\tfilterable\n\t\t\tselected={!isEmpty(options) ? selected : undefined}\n\t\t\tloadingText={i18n.t(\"Please wait...\")}\n\t\t\tonChange={({ selected }: { selected: string }) =>\n\t\t\t\tonChange(selected)\n\t\t\t}\n\t\t\tloading={loading}\n\t\t>\n\t\t\t{options?.map(({ label, value }) => (\n\t\t\t\t<SingleSelectOption\n\t\t\t\t\tkey={`${label}-legend-option`}\n\t\t\t\t\tlabel={label}\n\t\t\t\t\tvalue={value}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</SingleSelectField>\n\t);\n}\n"]}

package/dist/components/Map/components/ThematicLayerConfiguration/components/LegendSetSelector/index.mjs

@@ -0,0 +1,60 @@
+import { jsx } from 'react/jsx-runtime';
+import { useDataQuery } from '@dhis2/app-runtime';
+import { useMemo } from 'react';
+import { SingleSelectField, SingleSelectOption } from '@dhis2/ui';
+import i18n from '@dhis2/d2-i18n';
+import { isEmpty } from 'lodash';
+
+const legendSetQuery = {
+  legendSets: {
+    resource: "legendSets",
+    params: {
+      fields: ["displayName", "id"]
+    }
+  }
+};
+function LegendSetSelector({
+  selected,
+  onChange,
+  error,
+  required,
+  ...props
+}) {
+  const { loading, data } = useDataQuery(legendSetQuery);
+  const options = useMemo(() => {
+    if (data) {
+      return data?.legendSets?.legendSets?.map(({ displayName, id }) => ({
+        label: displayName ?? id,
+        value: id
+      }));
+    }
+    return [];
+  }, [data]);
+  return /* @__PURE__ */ jsx(
+    SingleSelectField,
+    {
+      required,
+      error: Boolean(error),
+      validationText: error?.message,
+      ...props,
+      label: i18n.t("Legend set"),
+      filterable: true,
+      selected: !isEmpty(options) ? selected : void 0,
+      loadingText: i18n.t("Please wait..."),
+      onChange: ({ selected: selected2 }) => onChange(selected2),
+      loading,
+      children: options?.map(({ label, value }) => /* @__PURE__ */ jsx(
+        SingleSelectOption,
+        {
+          label,
+          value
+        },
+        `${label}-legend-option`
+      ))
+    }
+  );
+}
+
+export { LegendSetSelector };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/ThematicLayerConfiguration/components/LegendSetSelector/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Map/components/ThematicLayerConfiguration/components/LegendSetSelector/index.tsx"],"names":["selected"],"mappings":"AAyDI;AAzDJ,SAAS,oBAAoB;AAC7B,SAAgB,eAAe;AAE/B,SAAS,mBAAmB,0BAA0B;AACtD,OAAO,UAAU;AACjB,SAAS,eAAe;AAExB,MAAM,iBAAiB;AAAA,EACtB,YAAY;AAAA,IACX,UAAU;AAAA,IACV,QAAQ;AAAA,MACP,QAAQ,CAAC,eAAe,IAAI;AAAA,IAC7B;AAAA,EACD;AACD;AAEO,SAAS,kBAAkB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAKG;AACF,QAAM,EAAE,SAAS,KAAK,IAAI,aAAa,cAAc;AACrD,QAAM,UAAU,QAAQ,MAAM;AAC7B,QAAI,MAAM;AACT,aACC,MAAM,YACJ,YAAY,IAAI,CAAC,EAAE,aAAa,GAAG,OAAO;AAAA,QAC5C,OAAO,eAAe;AAAA,QACtB,OAAO;AAAA,MACR,EAAE;AAAA,IACH;AACA,WAAO,CAAC;AAAA,EACT,GAAG,CAAC,IAAI,CAAC;AAET,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,OAAO,QAAQ,KAAK;AAAA,MACpB,gBAAgB,OAAO;AAAA,MACtB,GAAG;AAAA,MACJ,OAAO,KAAK,EAAE,YAAY;AAAA,MAC1B,YAAU;AAAA,MACV,UAAU,CAAC,QAAQ,OAAO,IAAI,WAAW;AAAA,MACzC,aAAa,KAAK,EAAE,gBAAgB;AAAA,MACpC,UAAU,CAAC,EAAE,UAAAA,UAAS,MACrB,SAASA,SAAQ;AAAA,MAElB;AAAA,MAEC,mBAAS,IAAI,CAAC,EAAE,OAAO,MAAM,MAC7B;AAAA,QAAC;AAAA;AAAA,UAEA;AAAA,UACA;AAAA;AAAA,QAFK,GAAG,KAAK;AAAA,MAGd,CACA;AAAA;AAAA,EACF;AAEF","sourcesContent":["import { useDataQuery } from \"@dhis2/app-runtime\";\nimport React, { useMemo } from \"react\";\nimport { LegendSet } from \"@hisptz/dhis2-utils\";\nimport { SingleSelectField, SingleSelectOption } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { isEmpty } from \"lodash\";\n\nconst legendSetQuery = {\n\tlegendSets: {\n\t\tresource: \"legendSets\",\n\t\tparams: {\n\t\t\tfields: [\"displayName\", \"id\"],\n\t\t},\n\t},\n};\n\nexport function LegendSetSelector({\n\tselected,\n\tonChange,\n\terror,\n\trequired,\n\t...props\n}: {\n\tselected?: string;\n\tonChange: (value: string) => void;\n\terror?: { message?: string };\n\trequired?: boolean;\n}) {\n\tconst { loading, data } = useDataQuery(legendSetQuery);\n\tconst options = useMemo(() => {\n\t\tif (data) {\n\t\t\treturn (\n\t\t\t\tdata?.legendSets as { legendSets?: LegendSet[] }\n\t\t\t)?.legendSets?.map(({ displayName, id }) => ({\n\t\t\t\tlabel: displayName ?? id,\n\t\t\t\tvalue: id,\n\t\t\t}));\n\t\t}\n\t\treturn [];\n\t}, [data]);\n\n\treturn (\n\t\t<SingleSelectField\n\t\t\trequired={required}\n\t\t\terror={Boolean(error)}\n\t\t\tvalidationText={error?.message}\n\t\t\t{...props}\n\t\t\tlabel={i18n.t(\"Legend set\")}\n\t\t\tfilterable\n\t\t\tselected={!isEmpty(options) ? selected : undefined}\n\t\t\tloadingText={i18n.t(\"Please wait...\")}\n\t\t\tonChange={({ selected }: { selected: string }) =>\n\t\t\t\tonChange(selected)\n\t\t\t}\n\t\t\tloading={loading}\n\t\t>\n\t\t\t{options?.map(({ label, value }) => (\n\t\t\t\t<SingleSelectOption\n\t\t\t\t\tkey={`${label}-legend-option`}\n\t\t\t\t\tlabel={label}\n\t\t\t\t\tvalue={value}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</SingleSelectField>\n\t);\n}\n"]}

package/dist/components/Map/components/ThematicLayerConfiguration/components/RadiusField.js

@@ -0,0 +1,60 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactHookForm = require('react-hook-form');
+var ui = require('@dhis2/ui');
+var i18n = require('@dhis2/d2-i18n');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+
+function RadiusField() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "row gap-8", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactHookForm.Controller,
+      {
+        render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntime.jsx(
+          ui.InputField,
+          {
+            ...field,
+            error: Boolean(fieldState.error),
+            validationText: fieldState.error?.message,
+            value: field.value?.toString(),
+            onChange: ({ value }) => {
+              if (!value)
+                return;
+              field.onChange(parseInt(value));
+            },
+            label: i18n__default.default.t("Min"),
+            type: "number"
+          }
+        ),
+        name: "radius.min"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactHookForm.Controller,
+      {
+        render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntime.jsx(
+          ui.InputField,
+          {
+            value: field.value?.toString(),
+            onChange: ({ value }) => {
+              if (!value)
+                return;
+              field.onChange(parseInt(value));
+            },
+            label: i18n__default.default.t("Max"),
+            type: "number"
+          }
+        ),
+        name: "radius.max"
+      }
+    )
+  ] });
+}
+
+exports.RadiusField = RadiusField;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=RadiusField.js.map

package/dist/components/Map/components/ThematicLayerConfiguration/components/RadiusField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Map/components/ThematicLayerConfiguration/components/RadiusField.tsx"],"names":[],"mappings":"AAOE,SAGG,KAHH;AAPF,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AAGV,SAAS,cAAc;AAC7B,SACC,qBAAC,SAAI,WAAU,aACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,QAAQ,CAAC,EAAE,OAAO,WAAW,MAC5B;AAAA,UAAC;AAAA;AAAA,YACC,GAAG;AAAA,YACJ,OAAO,QAAQ,WAAW,KAAK;AAAA,YAC/B,gBAAgB,WAAW,OAAO;AAAA,YAClC,OAAO,MAAM,OAAO,SAAS;AAAA,YAC7B,UAAU,CAAC,EAAE,MAAM,MAA0B;AAC5C,kBAAI,CAAC;AAAO;AACZ,oBAAM,SAAS,SAAS,KAAK,CAAC;AAAA,YAC/B;AAAA,YACA,OAAO,KAAK,EAAE,KAAK;AAAA,YACnB,MAAK;AAAA;AAAA,QACN;AAAA,QAED,MAAM;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,QAAQ,CAAC,EAAE,OAAO,WAAW,MAC5B;AAAA,UAAC;AAAA;AAAA,YACA,OAAO,MAAM,OAAO,SAAS;AAAA,YAC7B,UAAU,CAAC,EAAE,MAAM,MAA0B;AAC5C,kBAAI,CAAC;AAAO;AACZ,oBAAM,SAAS,SAAS,KAAK,CAAC;AAAA,YAC/B;AAAA,YACA,OAAO,KAAK,EAAE,KAAK;AAAA,YACnB,MAAK;AAAA;AAAA,QACN;AAAA,QAED,MAAM;AAAA;AAAA,IACP;AAAA,KACD;AAEF","sourcesContent":["import { Controller } from \"react-hook-form\";\nimport { InputField } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport React from \"react\";\n\nexport function RadiusField() {\n\treturn (\n\t\t<div className=\"row gap-8\">\n\t\t\t<Controller\n\t\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t\t<InputField\n\t\t\t\t\t\t{...field}\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\tvalue={field.value?.toString()}\n\t\t\t\t\t\tonChange={({ value }: { value?: string }) => {\n\t\t\t\t\t\t\tif (!value) return;\n\t\t\t\t\t\t\tfield.onChange(parseInt(value));\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tlabel={i18n.t(\"Min\")}\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\tname={\"radius.min\"}\n\t\t\t/>\n\t\t\t<Controller\n\t\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t\t<InputField\n\t\t\t\t\t\tvalue={field.value?.toString()}\n\t\t\t\t\t\tonChange={({ value }: { value?: string }) => {\n\t\t\t\t\t\t\tif (!value) return;\n\t\t\t\t\t\t\tfield.onChange(parseInt(value));\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tlabel={i18n.t(\"Max\")}\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\tname={\"radius.max\"}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"]}

package/dist/components/Map/components/ThematicLayerConfiguration/components/RadiusField.mjs

@@ -0,0 +1,54 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Controller } from 'react-hook-form';
+import { InputField } from '@dhis2/ui';
+import i18n from '@dhis2/d2-i18n';
+
+function RadiusField() {
+  return /* @__PURE__ */ jsxs("div", { className: "row gap-8", children: [
+    /* @__PURE__ */ jsx(
+      Controller,
+      {
+        render: ({ field, fieldState }) => /* @__PURE__ */ jsx(
+          InputField,
+          {
+            ...field,
+            error: Boolean(fieldState.error),
+            validationText: fieldState.error?.message,
+            value: field.value?.toString(),
+            onChange: ({ value }) => {
+              if (!value)
+                return;
+              field.onChange(parseInt(value));
+            },
+            label: i18n.t("Min"),
+            type: "number"
+          }
+        ),
+        name: "radius.min"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Controller,
+      {
+        render: ({ field, fieldState }) => /* @__PURE__ */ jsx(
+          InputField,
+          {
+            value: field.value?.toString(),
+            onChange: ({ value }) => {
+              if (!value)
+                return;
+              field.onChange(parseInt(value));
+            },
+            label: i18n.t("Max"),
+            type: "number"
+          }
+        ),
+        name: "radius.max"
+      }
+    )
+  ] });
+}
+
+export { RadiusField };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=RadiusField.mjs.map

package/dist/components/Map/components/ThematicLayerConfiguration/components/RadiusField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Map/components/ThematicLayerConfiguration/components/RadiusField.tsx"],"names":[],"mappings":"AAOE,SAGG,KAHH;AAPF,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AAGV,SAAS,cAAc;AAC7B,SACC,qBAAC,SAAI,WAAU,aACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,QAAQ,CAAC,EAAE,OAAO,WAAW,MAC5B;AAAA,UAAC;AAAA;AAAA,YACC,GAAG;AAAA,YACJ,OAAO,QAAQ,WAAW,KAAK;AAAA,YAC/B,gBAAgB,WAAW,OAAO;AAAA,YAClC,OAAO,MAAM,OAAO,SAAS;AAAA,YAC7B,UAAU,CAAC,EAAE,MAAM,MAA0B;AAC5C,kBAAI,CAAC;AAAO;AACZ,oBAAM,SAAS,SAAS,KAAK,CAAC;AAAA,YAC/B;AAAA,YACA,OAAO,KAAK,EAAE,KAAK;AAAA,YACnB,MAAK;AAAA;AAAA,QACN;AAAA,QAED,MAAM;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,QAAQ,CAAC,EAAE,OAAO,WAAW,MAC5B;AAAA,UAAC;AAAA;AAAA,YACA,OAAO,MAAM,OAAO,SAAS;AAAA,YAC7B,UAAU,CAAC,EAAE,MAAM,MAA0B;AAC5C,kBAAI,CAAC;AAAO;AACZ,oBAAM,SAAS,SAAS,KAAK,CAAC;AAAA,YAC/B;AAAA,YACA,OAAO,KAAK,EAAE,KAAK;AAAA,YACnB,MAAK;AAAA;AAAA,QACN;AAAA,QAED,MAAM;AAAA;AAAA,IACP;AAAA,KACD;AAEF","sourcesContent":["import { Controller } from \"react-hook-form\";\nimport { InputField } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport React from \"react\";\n\nexport function RadiusField() {\n\treturn (\n\t\t<div className=\"row gap-8\">\n\t\t\t<Controller\n\t\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t\t<InputField\n\t\t\t\t\t\t{...field}\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\tvalue={field.value?.toString()}\n\t\t\t\t\t\tonChange={({ value }: { value?: string }) => {\n\t\t\t\t\t\t\tif (!value) return;\n\t\t\t\t\t\t\tfield.onChange(parseInt(value));\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tlabel={i18n.t(\"Min\")}\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\tname={\"radius.min\"}\n\t\t\t/>\n\t\t\t<Controller\n\t\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t\t<InputField\n\t\t\t\t\t\tvalue={field.value?.toString()}\n\t\t\t\t\t\tonChange={({ value }: { value?: string }) => {\n\t\t\t\t\t\t\tif (!value) return;\n\t\t\t\t\t\t\tfield.onChange(parseInt(value));\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tlabel={i18n.t(\"Max\")}\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\tname={\"radius.max\"}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"]}

package/dist/components/Map/components/ThematicLayerConfiguration/components/TypeField.js

@@ -0,0 +1,69 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactHookForm = require('react-hook-form');
+var i18n = require('@dhis2/d2-i18n');
+var ui = require('@dhis2/ui');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+
+function TypeField() {
+  const { setValue } = reactHookForm.useFormContext();
+  const resetFields = (type) => {
+    if (type === "bubble") {
+      setValue(`radius`, {
+        min: 5,
+        max: 30
+      });
+    } else {
+      setValue(`radius`, void 0);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactHookForm.Controller,
+    {
+      rules: {
+        required: i18n__default.default.t("Layer type is required")
+      },
+      render: ({ field, fieldState }) => {
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.SingleSelectField,
+          {
+            label: i18n__default.default.t("Layer type"),
+            required: true,
+            error: Boolean(fieldState.error),
+            validationText: fieldState.error?.message,
+            onChange: ({ selected }) => {
+              resetFields(selected);
+              field.onChange(selected);
+            },
+            selected: field.value,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.SingleSelectOption,
+                {
+                  value: "choropleth",
+                  label: i18n__default.default.t("Choropleth")
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.SingleSelectOption,
+                {
+                  value: "bubble",
+                  label: i18n__default.default.t("Bubble")
+                }
+              )
+            ]
+          }
+        );
+      },
+      name: "type"
+    }
+  );
+}
+
+exports.TypeField = TypeField;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=TypeField.js.map

package/dist/components/Map/components/ThematicLayerConfiguration/components/TypeField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Map/components/ThematicLayerConfiguration/components/TypeField.tsx"],"names":[],"mappings":"AAyBK,SAWC,KAXD;AAzBL,SAAS,YAAY,sBAAsB;AAC3C,OAAO,UAAU;AACjB,SAAS,mBAAmB,0BAA0B;AAG/C,SAAS,YAAY;AAC3B,QAAM,EAAE,SAAS,IAAI,eAAe;AACpC,QAAM,cAAc,CAAC,SAAiB;AACrC,QAAI,SAAS,UAAU;AACtB,eAAS,UAAU;AAAA,QAClB,KAAK;AAAA,QACL,KAAK;AAAA,MACN,CAAC;AAAA,IACF,OAAO;AACN,eAAS,UAAU,MAAS;AAAA,IAC7B;AAAA,EACD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAO;AAAA,QACN,UAAU,KAAK,EAAE,wBAAwB;AAAA,MAC1C;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,WAAW,MAAM;AAClC,eACC;AAAA,UAAC;AAAA;AAAA,YACA,OAAO,KAAK,EAAE,YAAY;AAAA,YAC1B,UAAQ;AAAA,YACR,OAAO,QAAQ,WAAW,KAAK;AAAA,YAC/B,gBAAgB,WAAW,OAAO;AAAA,YAClC,UAAU,CAAC,EAAE,SAAS,MAA4B;AACjD,0BAAY,QAAQ;AACpB,oBAAM,SAAS,QAAQ;AAAA,YACxB;AAAA,YACA,UAAU,MAAM;AAAA,YAEhB;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACA,OAAO;AAAA,kBACP,OAAO,KAAK,EAAE,YAAY;AAAA;AAAA,cAC3B;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACA,OAAO;AAAA,kBACP,OAAO,KAAK,EAAE,QAAQ;AAAA;AAAA,cACvB;AAAA;AAAA;AAAA,QACD;AAAA,MAEF;AAAA,MACA,MAAM;AAAA;AAAA,EACP;AAEF","sourcesContent":["import { 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() {\n\tconst { setValue } = useFormContext();\n\tconst resetFields = (type: string) => {\n\t\tif (type === \"bubble\") {\n\t\t\tsetValue(`radius`, {\n\t\t\t\tmin: 5,\n\t\t\t\tmax: 30,\n\t\t\t});\n\t\t} else {\n\t\t\tsetValue(`radius`, undefined);\n\t\t}\n\t};\n\n\treturn (\n\t\t<Controller\n\t\t\trules={{\n\t\t\t\trequired: i18n.t(\"Layer type is required\"),\n\t\t\t}}\n\t\t\trender={({ field, fieldState }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<SingleSelectField\n\t\t\t\t\t\tlabel={i18n.t(\"Layer type\")}\n\t\t\t\t\t\trequired\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\tonChange={({ selected }: { selected: string }) => {\n\t\t\t\t\t\t\tresetFields(selected);\n\t\t\t\t\t\t\tfield.onChange(selected);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tselected={field.value}\n\t\t\t\t\t>\n\t\t\t\t\t\t<SingleSelectOption\n\t\t\t\t\t\t\tvalue={\"choropleth\"}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Choropleth\")}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<SingleSelectOption\n\t\t\t\t\t\t\tvalue={\"bubble\"}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Bubble\")}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</SingleSelectField>\n\t\t\t\t);\n\t\t\t}}\n\t\t\tname={\"type\"}\n\t\t/>\n\t);\n}\n"]}

package/dist/components/Map/components/ThematicLayerConfiguration/components/TypeField.mjs

@@ -0,0 +1,63 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useFormContext, Controller } from 'react-hook-form';
+import i18n from '@dhis2/d2-i18n';
+import { SingleSelectField, SingleSelectOption } from '@dhis2/ui';
+
+function TypeField() {
+  const { setValue } = useFormContext();
+  const resetFields = (type) => {
+    if (type === "bubble") {
+      setValue(`radius`, {
+        min: 5,
+        max: 30
+      });
+    } else {
+      setValue(`radius`, void 0);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      rules: {
+        required: i18n.t("Layer type is required")
+      },
+      render: ({ field, fieldState }) => {
+        return /* @__PURE__ */ jsxs(
+          SingleSelectField,
+          {
+            label: i18n.t("Layer type"),
+            required: true,
+            error: Boolean(fieldState.error),
+            validationText: fieldState.error?.message,
+            onChange: ({ selected }) => {
+              resetFields(selected);
+              field.onChange(selected);
+            },
+            selected: field.value,
+            children: [
+              /* @__PURE__ */ jsx(
+                SingleSelectOption,
+                {
+                  value: "choropleth",
+                  label: i18n.t("Choropleth")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                SingleSelectOption,
+                {
+                  value: "bubble",
+                  label: i18n.t("Bubble")
+                }
+              )
+            ]
+          }
+        );
+      },
+      name: "type"
+    }
+  );
+}
+
+export { TypeField };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=TypeField.mjs.map

package/dist/components/Map/components/ThematicLayerConfiguration/components/TypeField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Map/components/ThematicLayerConfiguration/components/TypeField.tsx"],"names":[],"mappings":"AAyBK,SAWC,KAXD;AAzBL,SAAS,YAAY,sBAAsB;AAC3C,OAAO,UAAU;AACjB,SAAS,mBAAmB,0BAA0B;AAG/C,SAAS,YAAY;AAC3B,QAAM,EAAE,SAAS,IAAI,eAAe;AACpC,QAAM,cAAc,CAAC,SAAiB;AACrC,QAAI,SAAS,UAAU;AACtB,eAAS,UAAU;AAAA,QAClB,KAAK;AAAA,QACL,KAAK;AAAA,MACN,CAAC;AAAA,IACF,OAAO;AACN,eAAS,UAAU,MAAS;AAAA,IAC7B;AAAA,EACD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAO;AAAA,QACN,UAAU,KAAK,EAAE,wBAAwB;AAAA,MAC1C;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,WAAW,MAAM;AAClC,eACC;AAAA,UAAC;AAAA;AAAA,YACA,OAAO,KAAK,EAAE,YAAY;AAAA,YAC1B,UAAQ;AAAA,YACR,OAAO,QAAQ,WAAW,KAAK;AAAA,YAC/B,gBAAgB,WAAW,OAAO;AAAA,YAClC,UAAU,CAAC,EAAE,SAAS,MAA4B;AACjD,0BAAY,QAAQ;AACpB,oBAAM,SAAS,QAAQ;AAAA,YACxB;AAAA,YACA,UAAU,MAAM;AAAA,YAEhB;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACA,OAAO;AAAA,kBACP,OAAO,KAAK,EAAE,YAAY;AAAA;AAAA,cAC3B;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACA,OAAO;AAAA,kBACP,OAAO,KAAK,EAAE,QAAQ;AAAA;AAAA,cACvB;AAAA;AAAA;AAAA,QACD;AAAA,MAEF;AAAA,MACA,MAAM;AAAA;AAAA,EACP;AAEF","sourcesContent":["import { 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() {\n\tconst { setValue } = useFormContext();\n\tconst resetFields = (type: string) => {\n\t\tif (type === \"bubble\") {\n\t\t\tsetValue(`radius`, {\n\t\t\t\tmin: 5,\n\t\t\t\tmax: 30,\n\t\t\t});\n\t\t} else {\n\t\t\tsetValue(`radius`, undefined);\n\t\t}\n\t};\n\n\treturn (\n\t\t<Controller\n\t\t\trules={{\n\t\t\t\trequired: i18n.t(\"Layer type is required\"),\n\t\t\t}}\n\t\t\trender={({ field, fieldState }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<SingleSelectField\n\t\t\t\t\t\tlabel={i18n.t(\"Layer type\")}\n\t\t\t\t\t\trequired\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\tonChange={({ selected }: { selected: string }) => {\n\t\t\t\t\t\t\tresetFields(selected);\n\t\t\t\t\t\t\tfield.onChange(selected);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tselected={field.value}\n\t\t\t\t\t>\n\t\t\t\t\t\t<SingleSelectOption\n\t\t\t\t\t\t\tvalue={\"choropleth\"}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Choropleth\")}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<SingleSelectOption\n\t\t\t\t\t\t\tvalue={\"bubble\"}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Bubble\")}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</SingleSelectField>\n\t\t\t\t);\n\t\t\t}}\n\t\t\tname={\"type\"}\n\t\t/>\n\t);\n}\n"]}

package/dist/components/Map/components/ThematicLayerConfiguration/index.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var ThematicLayerConfigModal = require('./ThematicLayerConfigModal');
+var ThematicLayerConfiguration = require('./ThematicLayerConfiguration');
+var types = require('./types');
+
+
+
+Object.keys(ThematicLayerConfigModal).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return ThematicLayerConfigModal[k]; }
+	});
+});
+Object.keys(ThematicLayerConfiguration).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return ThematicLayerConfiguration[k]; }
+	});
+});
+Object.keys(types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return types[k]; }
+	});
+});
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Map/components/ThematicLayerConfiguration/index.js.map

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

package/dist/components/Map/components/ThematicLayerConfiguration/index.mjs

@@ -0,0 +1,5 @@
+export * from './ThematicLayerConfigModal';
+export * from './ThematicLayerConfiguration';
+export * from './types';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Map/components/ThematicLayerConfiguration/index.mjs.map

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

package/dist/components/Map/components/ThematicLayerConfiguration/types/index.js

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map