npm - @hisptz/dhis2-analytics - Versions diffs - 1.0.66 → 2.0.0-alpha.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1029) hide show

package/dist/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.stories.js ADDED Viewed

@@ -0,0 +1,26 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var jsxRuntime = require('react/jsx-runtime');
+var EarthEngineLayerConfiguration = require('./EarthEngineLayerConfiguration');
+var reactHookForm = require('react-hook-form');
+const Default = {};
+Default.args = {};
+const meta = {
+  title: "DHIS2 Map/Earth Engine Configuration",
+  component: EarthEngineLayerConfiguration.EarthEngineLayerConfiguration,
+  decorators: [
+    (MapStory) => {
+      const form = reactHookForm.useForm();
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "50%", height: "50%" }, children: /* @__PURE__ */ jsxRuntime.jsx(MapStory, { args: { form }, form }) });
+    }
+  ]
+};
+var EarthEngineLayerConfiguration_stories_default = meta;
+exports.Default = Default;
+exports.default = EarthEngineLayerConfiguration_stories_default;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=EarthEngineLayerConfiguration.stories.js.map

package/dist/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.stories.mjs ADDED Viewed

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { EarthEngineLayerConfiguration } from './EarthEngineLayerConfiguration';
+import { useForm } from 'react-hook-form';
+const Default = {};
+Default.args = {};
+const meta = {
+  title: "DHIS2 Map/Earth Engine Configuration",
+  component: EarthEngineLayerConfiguration,
+  decorators: [
+    (MapStory) => {
+      const form = useForm();
+      return /* @__PURE__ */ jsx("div", { style: { width: "50%", height: "50%" }, children: /* @__PURE__ */ jsx(MapStory, { args: { form }, form }) });
+    }
+  ]
+};
+var EarthEngineLayerConfiguration_stories_default = meta;
+export { Default, EarthEngineLayerConfiguration_stories_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=EarthEngineLayerConfiguration.stories.mjs.map

package/dist/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.stories.mjs.map ADDED Viewed

@@ -0,0 +1 @@

package/dist/components/Map/components/EarthEngineLayerConfiguration/components/AggregationSelector.js ADDED Viewed

@@ -0,0 +1,73 @@
+'use strict';
+var jsxRuntime = require('react/jsx-runtime');
+var reactHookForm = require('react-hook-form');
+var ui = require('@dhis2/ui');
+var lodash = require('lodash');
+var i18n = require('@dhis2/d2-i18n');
+var data = require('../hooks/data');
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+function AggregationSelector() {
+  const config = data.useType();
+  if (!config?.defaultAggregations) {
+    return null;
+  }
+  const supportedAggregations = config?.defaultAggregations ?? [];
+  const maxAggregations = config?.maxAggregations;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactHookForm.Controller,
+    {
+      render: ({ field, fieldState }) => {
+        return maxAggregations === 1 ? /* @__PURE__ */ jsxRuntime.jsx(
+          ui.SingleSelectField,
+          {
+            clearable: true,
+            error: Boolean(fieldState.error),
+            validationText: fieldState?.error?.message,
+            selected: supportedAggregations.includes(
+              lodash.head(field.value) ?? ""
+            ) ? lodash.head(field.value) : void 0,
+            onChange: ({ selected }) => field.onChange([selected]),
+            label: i18n__default.default.t("Aggregation"),
+            children: supportedAggregations.map((aggregation) => /* @__PURE__ */ jsxRuntime.jsx(
+              ui.SingleSelectOption,
+              {
+                label: lodash.capitalize(aggregation),
+                value: aggregation
+              },
+              `${aggregation}-option`
+            ))
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          ui.MultiSelectField,
+          {
+            error: Boolean(fieldState.error),
+            validationText: fieldState?.error?.message,
+            selected: field.value?.filter(
+              (value) => supportedAggregations?.includes(value)
+            ),
+            onChange: ({ selected }) => field.onChange(selected),
+            label: i18n__default.default.t("Aggregations"),
+            children: supportedAggregations.map((aggregation) => /* @__PURE__ */ jsxRuntime.jsx(
+              ui.MultiSelectOption,
+              {
+                label: lodash.capitalize(aggregation),
+                value: aggregation
+              },
+              `${aggregation}-option`
+            ))
+          }
+        );
+      },
+      name: "aggregations"
+    }
+  );
+}
+exports.AggregationSelector = AggregationSelector;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=AggregationSelector.js.map

package/dist/components/Map/components/EarthEngineLayerConfiguration/components/AggregationSelector.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/components/Map/components/EarthEngineLayerConfiguration/components/AggregationSelector.mjs ADDED Viewed

@@ -0,0 +1,67 @@
+import { jsx } from 'react/jsx-runtime';
+import { Controller } from 'react-hook-form';
+import { SingleSelectField, SingleSelectOption, MultiSelectField, MultiSelectOption } from '@dhis2/ui';
+import { head, capitalize } from 'lodash';
+import i18n from '@dhis2/d2-i18n';
+import { useType } from '../hooks/data';
+function AggregationSelector() {
+  const config = useType();
+  if (!config?.defaultAggregations) {
+    return null;
+  }
+  const supportedAggregations = config?.defaultAggregations ?? [];
+  const maxAggregations = config?.maxAggregations;
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      render: ({ field, fieldState }) => {
+        return maxAggregations === 1 ? /* @__PURE__ */ jsx(
+          SingleSelectField,
+          {
+            clearable: true,
+            error: Boolean(fieldState.error),
+            validationText: fieldState?.error?.message,
+            selected: supportedAggregations.includes(
+              head(field.value) ?? ""
+            ) ? head(field.value) : void 0,
+            onChange: ({ selected }) => field.onChange([selected]),
+            label: i18n.t("Aggregation"),
+            children: supportedAggregations.map((aggregation) => /* @__PURE__ */ jsx(
+              SingleSelectOption,
+              {
+                label: capitalize(aggregation),
+                value: aggregation
+              },
+              `${aggregation}-option`
+            ))
+          }
+        ) : /* @__PURE__ */ jsx(
+          MultiSelectField,
+          {
+            error: Boolean(fieldState.error),
+            validationText: fieldState?.error?.message,
+            selected: field.value?.filter(
+              (value) => supportedAggregations?.includes(value)
+            ),
+            onChange: ({ selected }) => field.onChange(selected),
+            label: i18n.t("Aggregations"),
+            children: supportedAggregations.map((aggregation) => /* @__PURE__ */ jsx(
+              MultiSelectOption,
+              {
+                label: capitalize(aggregation),
+                value: aggregation
+              },
+              `${aggregation}-option`
+            ))
+          }
+        );
+      },
+      name: "aggregations"
+    }
+  );
+}
+export { AggregationSelector };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=AggregationSelector.mjs.map

package/dist/components/Map/components/EarthEngineLayerConfiguration/components/AggregationSelector.mjs.map ADDED Viewed

@@ -0,0 +1 @@

package/dist/components/Map/components/EarthEngineLayerConfiguration/components/ColorConfig.js ADDED Viewed

@@ -0,0 +1,141 @@
+'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');
+var colors = require('../../../utils/colors');
+var ColorScaleSelect = require('../../ThematicLayerConfiguration/components/ColorScaleSelect');
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+var ColorScaleSelect__default = /*#__PURE__*/_interopDefault(ColorScaleSelect);
+function ColorConfig() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "column gap-16", children: [
+    /* @__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: "params.min"
+        }
+      ),
+      /* @__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("Max"),
+              type: "number"
+            }
+          ),
+          name: "params.max"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        reactHookForm.Controller,
+        {
+          name: "params.palette",
+          render: ({ field, fieldState }) => {
+            const palette = field.value;
+            const scale = colors.getColorClasses(palette);
+            const colorClass = colors.getColorScale(palette ?? "");
+            const onChange = ({
+              selected
+            }) => {
+              const palette2 = colors.getColorPalette(
+                colorClass,
+                parseInt(selected)
+              )?.join(",");
+              field.onChange(palette2);
+            };
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              ui.SingleSelectField,
+              {
+                validationText: fieldState.error?.message,
+                error: Boolean(fieldState.error),
+                selected: scale?.toString() ?? colors.defaultClasses.toString(),
+                label: i18n__default.default.t("Steps"),
+                onChange,
+                children: [3, 4, 5, 6, 7, 8, 9].map((value) => /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.SingleSelectOption,
+                  {
+                    label: `${value}`,
+                    value: value?.toString()
+                  },
+                  `${value}-classes-option`
+                ))
+              }
+            );
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      reactHookForm.Controller,
+      {
+        name: "params.palette",
+        render: ({ field, fieldState }) => {
+          const palette = field.value;
+          const scale = colors.getColorClasses(palette);
+          const colorClass = colors.getColorScale(palette ?? "");
+          const onChange = (colorClass2) => {
+            const palette2 = colors.getColorPalette(
+              colorClass2,
+              scale
+            )?.join(",");
+            field.onChange(palette2);
+          };
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Field,
+            {
+              error: Boolean(fieldState.error),
+              validationText: fieldState.error?.message,
+              label: i18n__default.default.t("Colors"),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                ColorScaleSelect__default.default,
+                {
+                  count: scale ?? colors.defaultClasses,
+                  colorClass: colorClass ?? colors.defaultColorScaleName,
+                  width: 300,
+                  onChange
+                }
+              )
+            }
+          );
+        }
+      }
+    ) })
+  ] });
+}
+exports.ColorConfig = ColorConfig;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=ColorConfig.js.map

package/dist/components/Map/components/EarthEngineLayerConfiguration/components/ColorConfig.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/components/Map/components/EarthEngineLayerConfiguration/components/ColorConfig.mjs ADDED Viewed

@@ -0,0 +1,134 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Controller } from 'react-hook-form';
+import { InputField, SingleSelectField, SingleSelectOption, Field } from '@dhis2/ui';
+import i18n from '@dhis2/d2-i18n';
+import { getColorClasses, getColorScale, defaultClasses, defaultColorScaleName, getColorPalette } from '../../../utils/colors';
+import ColorScaleSelect from '../../ThematicLayerConfiguration/components/ColorScaleSelect';
+function ColorConfig() {
+  return /* @__PURE__ */ jsxs("div", { className: "column gap-16", children: [
+    /* @__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: "params.min"
+        }
+      ),
+      /* @__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("Max"),
+              type: "number"
+            }
+          ),
+          name: "params.max"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          name: "params.palette",
+          render: ({ field, fieldState }) => {
+            const palette = field.value;
+            const scale = getColorClasses(palette);
+            const colorClass = getColorScale(palette ?? "");
+            const onChange = ({
+              selected
+            }) => {
+              const palette2 = getColorPalette(
+                colorClass,
+                parseInt(selected)
+              )?.join(",");
+              field.onChange(palette2);
+            };
+            return /* @__PURE__ */ jsx(
+              SingleSelectField,
+              {
+                validationText: fieldState.error?.message,
+                error: Boolean(fieldState.error),
+                selected: scale?.toString() ?? defaultClasses.toString(),
+                label: i18n.t("Steps"),
+                onChange,
+                children: [3, 4, 5, 6, 7, 8, 9].map((value) => /* @__PURE__ */ jsx(
+                  SingleSelectOption,
+                  {
+                    label: `${value}`,
+                    value: value?.toString()
+                  },
+                  `${value}-classes-option`
+                ))
+              }
+            );
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+      Controller,
+      {
+        name: "params.palette",
+        render: ({ field, fieldState }) => {
+          const palette = field.value;
+          const scale = getColorClasses(palette);
+          const colorClass = getColorScale(palette ?? "");
+          const onChange = (colorClass2) => {
+            const palette2 = getColorPalette(
+              colorClass2,
+              scale
+            )?.join(",");
+            field.onChange(palette2);
+          };
+          return /* @__PURE__ */ jsx(
+            Field,
+            {
+              error: Boolean(fieldState.error),
+              validationText: fieldState.error?.message,
+              label: i18n.t("Colors"),
+              children: /* @__PURE__ */ jsx(
+                ColorScaleSelect,
+                {
+                  count: scale ?? defaultClasses,
+                  colorClass: colorClass ?? defaultColorScaleName,
+                  width: 300,
+                  onChange
+                }
+              )
+            }
+          );
+        }
+      }
+    ) })
+  ] });
+}
+export { ColorConfig };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=ColorConfig.mjs.map

package/dist/components/Map/components/EarthEngineLayerConfiguration/components/ColorConfig.mjs.map ADDED Viewed

@@ -0,0 +1 @@

package/dist/components/Map/components/EarthEngineLayerConfiguration/components/Name.js ADDED Viewed

@@ -0,0 +1,50 @@
+'use strict';
+var jsxRuntime = require('react/jsx-runtime');
+var reactHookForm = require('react-hook-form');
+var react = require('react');
+var i18n = require('@dhis2/d2-i18n');
+var ui = require('@dhis2/ui');
+var data = require('../hooks/data');
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+function Name() {
+  const config = data.useType();
+  const { setValue } = reactHookForm.useFormContext();
+  react.useEffect(() => {
+    setValue("name", config?.name);
+    setValue("id", config?.id);
+  }, [config]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactHookForm.Controller,
+    {
+      name: "name",
+      rules: {
+        required: i18n__default.default.t("Name is required")
+      },
+      render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntime.jsx(
+        ui.InputField,
+        {
+          label: i18n__default.default.t("Layer name"),
+          type: "text",
+          required: true,
+          error: Boolean(fieldState.error),
+          validationText: fieldState.error?.message,
+          onChange: ({ value }) => {
+            if (!value)
+              return;
+            field.onChange(value);
+          },
+          value: field.value
+        }
+      )
+    }
+  );
+}
+exports.Name = Name;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=Name.js.map

package/dist/components/Map/components/EarthEngineLayerConfiguration/components/Name.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/components/Map/components/EarthEngineLayerConfiguration/components/Name.mjs ADDED Viewed

@@ -0,0 +1,44 @@
+import { jsx } from 'react/jsx-runtime';
+import { useFormContext, Controller } from 'react-hook-form';
+import { useEffect } from 'react';
+import i18n from '@dhis2/d2-i18n';
+import { InputField } from '@dhis2/ui';
+import { useType } from '../hooks/data';
+function Name() {
+  const config = useType();
+  const { setValue } = useFormContext();
+  useEffect(() => {
+    setValue("name", config?.name);
+    setValue("id", config?.id);
+  }, [config]);
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name: "name",
+      rules: {
+        required: i18n.t("Name is required")
+      },
+      render: ({ field, fieldState }) => /* @__PURE__ */ jsx(
+        InputField,
+        {
+          label: i18n.t("Layer name"),
+          type: "text",
+          required: true,
+          error: Boolean(fieldState.error),
+          validationText: fieldState.error?.message,
+          onChange: ({ value }) => {
+            if (!value)
+              return;
+            field.onChange(value);
+          },
+          value: field.value
+        }
+      )
+    }
+  );
+}
+export { Name };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=Name.mjs.map

package/dist/components/Map/components/EarthEngineLayerConfiguration/components/Name.mjs.map ADDED Viewed

@@ -0,0 +1 @@