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

package/dist/components/Map/DHIS2Map.stories.mjs

@@ -0,0 +1,366 @@
+import { DHIS2Map } from './DHIS2Map';
+
+const meta = {
+  title: "DHIS2 Map",
+  component: DHIS2Map
+};
+var DHIS2Map_stories_default = meta;
+const BaseMap = {
+  name: "Base map"
+};
+BaseMap.args = {
+  orgUnitSelection: {
+    orgUnits: [],
+    userOrgUnit: true,
+    userSubUnit: true,
+    userSubX2Unit: true
+  }
+};
+const Controls = {
+  name: "Controls"
+};
+Controls.args = {
+  orgUnitSelection: {
+    orgUnits: [],
+    userOrgUnit: true,
+    userSubUnit: true,
+    userSubX2Unit: true
+  },
+  controls: [
+    {
+      type: "print",
+      position: "topleft",
+      options: {
+        hidden: false,
+        hideControlContainer: true,
+        sizeModes: ["A4Landscape", "A4Portrait", "Current"]
+      }
+    }
+  ]
+};
+const BoundaryLayer = {
+  name: "Boundary layer"
+};
+BoundaryLayer.args = {
+  orgUnitSelection: {
+    orgUnits: [],
+    userOrgUnit: true,
+    userSubUnit: true,
+    userSubX2Unit: true
+  },
+  boundaryLayer: {
+    enabled: true
+  }
+};
+const BoundaryLayerWithLevels = {
+  name: "Boundary layer with levels"
+};
+BoundaryLayerWithLevels.args = {
+  orgUnitSelection: {
+    orgUnits: [
+      {
+        id: "ImspTQPwCqd",
+        displayName: "Sierra Leone",
+        name: "Sierra Leone",
+        path: "/ImspTQPwCqd",
+        children: []
+      }
+    ],
+    levels: ["2"]
+  },
+  boundaryLayer: {
+    enabled: true
+  }
+};
+const ChoroplethThematicLayer = {};
+ChoroplethThematicLayer.args = {
+  orgUnitSelection: {
+    orgUnits: [],
+    userOrgUnit: true,
+    userSubUnit: true,
+    userSubX2Unit: false
+  },
+  boundaryLayer: {
+    enabled: true
+  },
+  thematicLayers: [
+    {
+      type: "choropleth",
+      id: "choropleth",
+      enabled: true,
+      dataItem: {
+        id: "Uvn6LCg7dVU",
+        displayName: "ANC 1 Coverage",
+        type: "indicator"
+      },
+      control: {
+        enabled: true,
+        position: "topright"
+      }
+    }
+  ],
+  periodSelection: {
+    periods: ["2022"]
+  },
+  legends: {
+    enabled: true,
+    position: "topright",
+    collapsible: true
+  }
+};
+const BubbleThematicLayer = {};
+BubbleThematicLayer.args = {
+  orgUnitSelection: {
+    orgUnits: [],
+    userOrgUnit: true,
+    userSubUnit: true,
+    userSubX2Unit: true
+  },
+  boundaryLayer: {
+    enabled: true
+  },
+  thematicLayers: [
+    {
+      type: "bubble",
+      id: "bubble",
+      enabled: true,
+      dataItem: {
+        id: "Uvn6LCg7dVU",
+        displayName: "ANC 1 Coverage",
+        type: "indicator"
+      },
+      control: {
+        enabled: true,
+        position: "topright"
+      },
+      radius: {
+        min: 0,
+        max: 40
+      }
+    }
+  ],
+  legends: {
+    enabled: true,
+    position: "topright",
+    collapsible: true
+  },
+  periodSelection: {
+    periods: ["2022"]
+  },
+  controls: [
+    {
+      type: "fullscreen",
+      position: "topleft"
+    }
+  ]
+};
+const AllThematicLayers = {};
+AllThematicLayers.args = {
+  orgUnitSelection: {
+    orgUnits: [],
+    userOrgUnit: true,
+    userSubUnit: true,
+    userSubX2Unit: true
+  },
+  boundaryLayer: {
+    enabled: true
+  },
+  thematicLayers: [
+    {
+      type: "choropleth",
+      id: "ReUHfIn0pTQ",
+      enabled: true,
+      dataItem: {
+        id: "ReUHfIn0pTQ",
+        displayName: "ANC 1-3 Dropout Rate",
+        type: "indicator",
+        legendSet: "fqs276KXCXi"
+      },
+      control: {
+        enabled: true,
+        position: "topright"
+      }
+    },
+    {
+      type: "choropleth",
+      id: "Uvn6LCg7dVU",
+      enabled: true,
+      dataItem: {
+        id: "Uvn6LCg7dVU",
+        displayName: "ANC 1 Coverage",
+        type: "indicator"
+      },
+      control: {
+        enabled: true,
+        position: "topright"
+      }
+    }
+  ],
+  legends: {
+    enabled: true,
+    position: "topright",
+    collapsible: true
+  },
+  periodSelection: {
+    periods: ["2022"]
+  },
+  controls: [
+    {
+      type: "scale",
+      position: "bottomleft",
+      options: {
+        imperial: false,
+        metric: true
+      }
+    },
+    {
+      type: "fullscreen",
+      position: "bottomleft"
+    }
+  ]
+};
+const ChoroplethThematicLayerWithLevels = {};
+ChoroplethThematicLayerWithLevels.args = {
+  orgUnitSelection: {
+    orgUnits: [
+      {
+        id: "ImspTQPwCqd",
+        displayName: "Sierra Leone",
+        name: "Sierra Leone",
+        path: "/ImspTQPwCqd",
+        children: []
+      }
+    ],
+    levels: ["3"]
+  },
+  boundaryLayer: {
+    enabled: true
+  },
+  thematicLayers: [
+    {
+      type: "choropleth",
+      id: "choropleth",
+      enabled: true,
+      dataItem: {
+        id: "Uvn6LCg7dVU",
+        displayName: "ANC 1 Coverage",
+        type: "indicator"
+      },
+      control: {
+        enabled: true,
+        position: "topright"
+      }
+    }
+  ],
+  legends: {
+    enabled: true,
+    position: "topright",
+    collapsible: true
+  },
+  periodSelection: {
+    periods: ["2022"]
+  },
+  controls: [
+    {
+      type: "print",
+      position: "topleft",
+      options: {
+        hidden: false,
+        hideControlContainer: true,
+        sizeModes: ["A4Landscape", "A4Portrait", "Current"]
+      }
+    }
+  ]
+};
+const PointLayer = {};
+PointLayer.args = {
+  orgUnitSelection: {
+    orgUnits: [],
+    userOrgUnit: true,
+    userSubUnit: true,
+    userSubX2Unit: false
+  },
+  thematicLayers: [
+    {
+      type: "choropleth",
+      id: "choropleth",
+      enabled: true,
+      dataItem: {
+        id: "Uvn6LCg7dVU",
+        displayName: "ANC 1 Coverage",
+        type: "indicator"
+      },
+      control: {
+        enabled: true,
+        position: "topright"
+      }
+    }
+  ],
+  periodSelection: {
+    periods: ["2022"]
+  },
+  pointLayer: {
+    enabled: true,
+    label: "Facilities",
+    level: "m9lBJogzE95",
+    style: {
+      groupSet: "J5jldMd8OHv"
+    }
+  }
+};
+const GoogleEarthEngineLayers = {};
+GoogleEarthEngineLayers.args = {
+  orgUnitSelection: {
+    orgUnits: [],
+    userOrgUnit: true,
+    userSubUnit: true,
+    userSubX2Unit: false
+  },
+  thematicLayers: [],
+  periodSelection: {
+    periods: ["2022"]
+  },
+  earthEngineLayers: [
+    {
+      name: "Population",
+      type: "population",
+      id: "population",
+      enabled: false,
+      params: {
+        min: 0,
+        max: 10,
+        palette: "#f7fbff,#deebf7,#c6dbef,#9ecae1,#6baed6,#4292c6,#2171b5,#08519c,#08306b"
+      },
+      aggregations: ["sum", "mean"],
+      filters: {
+        period: "2020"
+      }
+    },
+    {
+      name: "Footprints",
+      type: "footprints",
+      id: "footprints",
+      aggregations: ["count"],
+      enabled: false
+    },
+    {
+      name: "Land Cover",
+      type: "landCover",
+      id: "landCover",
+      enabled: true,
+      aggregations: ["percentage"]
+    }
+  ],
+  pointLayer: {
+    enabled: false,
+    label: "Facilities",
+    level: "m9lBJogzE95",
+    style: {
+      groupSet: "J5jldMd8OHv"
+    }
+  }
+};
+
+export { AllThematicLayers, BaseMap, BoundaryLayer, BoundaryLayerWithLevels, BubbleThematicLayer, ChoroplethThematicLayer, ChoroplethThematicLayerWithLevels, Controls, GoogleEarthEngineLayers, PointLayer, DHIS2Map_stories_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=DHIS2Map.stories.mjs.map

package/dist/components/Map/DHIS2Map.stories.mjs.map

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

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

@@ -0,0 +1,47 @@
+'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 EarthEngineLayerConfiguration = require('./EarthEngineLayerConfiguration');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+
+function EarthEngineLayerConfigModal({
+  open,
+  exclude,
+  config,
+  onClose,
+  onChange,
+  ...props
+}) {
+  const form = reactHookForm.useForm({
+    defaultValues: config ?? {}
+  });
+  const onSubmitClick = (values) => {
+    onClose();
+    onChange(values);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Modal, { ...props, hide: !open, onClose, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.ModalTitle, { children: i18n__default.default.t("Configure Earth Engine Layer") }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.ModalContent, { children: /* @__PURE__ */ jsxRuntime.jsx(EarthEngineLayerConfiguration.EarthEngineLayerConfiguration, { form, excluded: exclude }) }),
+    /* @__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: () => form.handleSubmit(onSubmitClick)(),
+          children: i18n__default.default.t("Save")
+        }
+      )
+    ] }) })
+  ] });
+}
+
+exports.EarthEngineLayerConfigModal = EarthEngineLayerConfigModal;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=EarthEngineLayerConfigModal.js.map

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

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

package/dist/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfigModal.mjs

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useForm } from 'react-hook-form';
+import { Modal, ModalTitle, ModalContent, ModalActions, ButtonStrip, Button } from '@dhis2/ui';
+import i18n from '@dhis2/d2-i18n';
+import { EarthEngineLayerConfiguration } from './EarthEngineLayerConfiguration';
+
+function EarthEngineLayerConfigModal({
+  open,
+  exclude,
+  config,
+  onClose,
+  onChange,
+  ...props
+}) {
+  const form = useForm({
+    defaultValues: config ?? {}
+  });
+  const onSubmitClick = (values) => {
+    onClose();
+    onChange(values);
+  };
+  return /* @__PURE__ */ jsxs(Modal, { ...props, hide: !open, onClose, children: [
+    /* @__PURE__ */ jsx(ModalTitle, { children: i18n.t("Configure Earth Engine Layer") }),
+    /* @__PURE__ */ jsx(ModalContent, { children: /* @__PURE__ */ jsx(EarthEngineLayerConfiguration, { form, excluded: exclude }) }),
+    /* @__PURE__ */ jsx(ModalActions, { children: /* @__PURE__ */ jsxs(ButtonStrip, { children: [
+      /* @__PURE__ */ jsx(Button, { onClick: onClose, children: i18n.t("Cancel") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          primary: true,
+          onClick: () => form.handleSubmit(onSubmitClick)(),
+          children: i18n.t("Save")
+        }
+      )
+    ] }) })
+  ] });
+}
+
+export { EarthEngineLayerConfigModal };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=EarthEngineLayerConfigModal.mjs.map

package/dist/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfigModal.mjs.map

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

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

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@dhis2/ui');
+var usehooksTs = require('usehooks-ts');
+var EarthEngineLayerConfigModal = require('./EarthEngineLayerConfigModal');
+
+const meta = {
+  component: EarthEngineLayerConfigModal.EarthEngineLayerConfigModal,
+  title: "DHIS2 Map/Earth Engine Layer Config Modal",
+  decorators: [
+    (Story) => {
+      const {
+        value: hide,
+        setTrue: onClose,
+        setFalse: onOpen
+      } = usehooksTs.useBoolean(true);
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Story, { args: { open: !hide, onClose }, onClose }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onOpen, children: "Open modal" })
+      ] });
+    }
+  ]
+};
+var EarthEngineLayerConfigModal_stories_default = meta;
+const Default = {};
+Default.args = {
+  onClose: () => {
+  },
+  onChange: console.info,
+  open: true
+};
+
+exports.Default = Default;
+exports.default = EarthEngineLayerConfigModal_stories_default;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=EarthEngineLayerConfigModal.stories.js.map

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

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

package/dist/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfigModal.stories.mjs

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button } from '@dhis2/ui';
+import { useBoolean } from 'usehooks-ts';
+import { EarthEngineLayerConfigModal } from './EarthEngineLayerConfigModal';
+
+const meta = {
+  component: EarthEngineLayerConfigModal,
+  title: "DHIS2 Map/Earth Engine Layer Config Modal",
+  decorators: [
+    (Story) => {
+      const {
+        value: hide,
+        setTrue: onClose,
+        setFalse: onOpen
+      } = useBoolean(true);
+      return /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Story, { args: { open: !hide, onClose }, onClose }),
+        /* @__PURE__ */ jsx(Button, { onClick: onOpen, children: "Open modal" })
+      ] });
+    }
+  ]
+};
+var EarthEngineLayerConfigModal_stories_default = meta;
+const Default = {};
+Default.args = {
+  onClose: () => {
+  },
+  onChange: console.info,
+  open: true
+};
+
+export { Default, EarthEngineLayerConfigModal_stories_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=EarthEngineLayerConfigModal.stories.mjs.map

package/dist/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfigModal.stories.mjs.map

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

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

@@ -0,0 +1,28 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactHookForm = require('react-hook-form');
+var StylesConfig = require('./components/StylesConfig');
+var Name = require('./components/Name');
+var TypeField = require('./components/TypeField');
+var AggregationSelector = require('./components/AggregationSelector');
+var PeriodSelector = require('./components/PeriodSelector');
+var reactQuery = require('react-query');
+
+const queryClient = new reactQuery.QueryClient();
+function EarthEngineLayerConfiguration({
+  form,
+  excluded
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.FormProvider, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "column gap-16", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TypeField.TypeField, { excluded }),
+    /* @__PURE__ */ jsxRuntime.jsx(Name.Name, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(AggregationSelector.AggregationSelector, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(PeriodSelector.PeriodSelector, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(StylesConfig.StylesConfig, {})
+  ] }) }) });
+}
+
+exports.EarthEngineLayerConfiguration = EarthEngineLayerConfiguration;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=EarthEngineLayerConfiguration.js.map

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

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

package/dist/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.mjs

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { FormProvider } from 'react-hook-form';
+import { StylesConfig } from './components/StylesConfig';
+import { Name } from './components/Name';
+import { TypeField } from './components/TypeField';
+import { AggregationSelector } from './components/AggregationSelector';
+import { PeriodSelector } from './components/PeriodSelector';
+import { QueryClient, QueryClientProvider } from 'react-query';
+
+const queryClient = new QueryClient();
+function EarthEngineLayerConfiguration({
+  form,
+  excluded
+}) {
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxs("div", { className: "column gap-16", children: [
+    /* @__PURE__ */ jsx(TypeField, { excluded }),
+    /* @__PURE__ */ jsx(Name, {}),
+    /* @__PURE__ */ jsx(AggregationSelector, {}),
+    /* @__PURE__ */ jsx(PeriodSelector, {}),
+    /* @__PURE__ */ jsx(StylesConfig, {})
+  ] }) }) });
+}
+
+export { EarthEngineLayerConfiguration };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=EarthEngineLayerConfiguration.mjs.map

package/dist/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.mjs.map

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