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

package/build/es/components/CustomPivotTable/interfaces/index.js

@@ -1 +0,0 @@
-export {};

package/build/es/components/CustomPivotTable/services/engine.js

@@ -1,82 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { compact, findIndex, intersection, times, zip } from "lodash";
-export class CustomPivotTableEngine {
-  constructor(_ref) {
-    let {
-      analytics,
-      config
-    } = _ref;
-    _defineProperty(this, "analyticsData", void 0);
-    _defineProperty(this, "valueIndex", void 0);
-    _defineProperty(this, "config", void 0);
-    _defineProperty(this, "rowHeaders", void 0);
-    _defineProperty(this, "columnHeaders", void 0);
-    _defineProperty(this, "columnMap", void 0);
-    this.config = config;
-    this.analyticsData = analytics;
-    this.valueIndex = findIndex(this.analyticsData.headers, ['name', 'value']);
-    this.getHeaders();
-    this.getColumnMap();
-  }
-  get fixColumnHeaders() {
-    var _this$config$options$, _this$config$options;
-    return (_this$config$options$ = (_this$config$options = this.config.options) === null || _this$config$options === void 0 ? void 0 : _this$config$options.fixColumnHeaders) !== null && _this$config$options$ !== void 0 ? _this$config$options$ : true;
-  }
-  get fixRowHeaders() {
-    var _this$config$options$2, _this$config$options2;
-    return (_this$config$options$2 = (_this$config$options2 = this.config.options) === null || _this$config$options2 === void 0 ? void 0 : _this$config$options2.fixRowHeaders) !== null && _this$config$options$2 !== void 0 ? _this$config$options$2 : true;
-  }
-  getDimensionItems(dimension) {
-    var _this$analyticsData$m, _this$analyticsData$m2;
-    return (_this$analyticsData$m = (_this$analyticsData$m2 = this.analyticsData.metaData) === null || _this$analyticsData$m2 === void 0 ? void 0 : _this$analyticsData$m2.dimensions[dimension]) !== null && _this$analyticsData$m !== void 0 ? _this$analyticsData$m : [];
-  }
-  getItem(id) {
-    var _this$analyticsData$m3;
-    return (_this$analyticsData$m3 = this.analyticsData.metaData) === null || _this$analyticsData$m3 === void 0 ? void 0 : _this$analyticsData$m3.items[id];
-  }
-  getValue(mapper) {
-    var _this$analyticsData$r;
-    const dimensions = Object.values(mapper);
-    const data = (_this$analyticsData$r = this.analyticsData.rows) === null || _this$analyticsData$r === void 0 ? void 0 : _this$analyticsData$r.filter(row => intersection(row, dimensions).length >= dimensions.length);
-    return data === null || data === void 0 ? void 0 : data.reduce((acc, row) => {
-      return acc + parseFloat(row[this.valueIndex]);
-    }, 0);
-  }
-  getHeaders() {
-    this.rowHeaders = this.config.layout.rows.map(rowConfig => {
-      return {
-        ...rowConfig,
-        items: compact(this.getDimensionItems(rowConfig.dimension).map(itemId => this.getItem(itemId)))
-      };
-    });
-    this.columnHeaders = this.config.layout.columns.map(columnConfig => {
-      return {
-        ...columnConfig,
-        items: compact(this.getDimensionItems(columnConfig.dimension).map(itemId => this.getItem(itemId)))
-      };
-    });
-  }
-  getColumnMap() {
-    var _compact;
-    const columns = this.columnHeaders;
-    const sanitizedColumns = (_compact = compact(columns === null || columns === void 0 ? void 0 : columns.map(column => {
-      var _column$items;
-      return (_column$items = column.items) === null || _column$items === void 0 ? void 0 : _column$items.map(item => ({
-        [column.dimension]: item.uid
-      }));
-    }))) !== null && _compact !== void 0 ? _compact : [];
-    const size = sanitizedColumns.reduce((acc, items) => {
-      var _items$length;
-      return acc * ((_items$length = items === null || items === void 0 ? void 0 : items.length) !== null && _items$length !== void 0 ? _items$length : 1);
-    }, 1);
-    const standardiseColumns = sanitizedColumns.map(items => [...times(size / items.length, () => items).flat()]);
-    this.columnMap = compact(zip(...standardiseColumns).map(arr => arr.reduce((obj, value) => {
-      return {
-        ...obj,
-        ...value
-      };
-    })));
-  }
-}

package/build/es/components/CustomPivotTable/state/engine.js

@@ -1,14 +0,0 @@
-import React, { createContext, useContext } from "react";
-const CustomPivotTableEngineContext = /*#__PURE__*/createContext(null);
-export function useCustomPivotTableEngine() {
-  return useContext(CustomPivotTableEngineContext);
-}
-export function CustomPivotTableEngineProvider(_ref) {
-  let {
-    children,
-    engine
-  } = _ref;
-  return /*#__PURE__*/React.createElement(CustomPivotTableEngineContext.Provider, {
-    value: engine
-  }, children);
-}

package/build/es/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfigModal.stories.js

@@ -1,23 +0,0 @@
-import { EarthEngineLayerConfigModal, EarthEngineLayerConfiguration } from "./index";
-import React from "react";
-const Template = args => {
-  return /*#__PURE__*/React.createElement(EarthEngineLayerConfigModal, args);
-};
-export const Basic = Template.bind({});
-Basic.args = {
-  onClose: () => {},
-  onChange: console.info,
-  open: true
-};
-export default {
-  title: "Analytics/Map/Earth Engine Config Modal",
-  component: EarthEngineLayerConfiguration,
-  decorators: [MapStory => {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: "50%",
-        height: "50%"
-      }
-    }, /*#__PURE__*/React.createElement(MapStory, null));
-  }]
-};

package/build/es/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.stories.js

@@ -1,31 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { EarthEngineLayerConfiguration } from "./index";
-import React from "react";
-import { useForm } from "react-hook-form";
-import i18n from "@dhis2/d2-i18n";
-import { Button } from "@dhis2/ui";
-const Template = args => {
-  const form = useForm();
-  return /*#__PURE__*/React.createElement("form", {
-    className: "column gap-16",
-    onSubmit: form.handleSubmit(console.log)
-  }, /*#__PURE__*/React.createElement(EarthEngineLayerConfiguration, _extends({}, args, {
-    form: form
-  })), /*#__PURE__*/React.createElement(Button, {
-    type: "submit"
-  }, i18n.t("Submit")));
-};
-export const Basic = Template.bind({});
-Basic.args = {};
-export default {
-  title: "Analytics/Map/Earth Engine Configuration",
-  component: EarthEngineLayerConfiguration,
-  decorators: [MapStory => {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: "50%",
-        height: "50%"
-      }
-    }, /*#__PURE__*/React.createElement(MapStory, null));
-  }]
-};

package/build/es/components/Map/components/EarthEngineLayerConfiguration/index.js

@@ -1,448 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { Controller, FormProvider, useForm, useFormContext, useWatch } from "react-hook-form";
-import React, { useEffect, useMemo } from "react";
-import { EARTH_ENGINE_LAYERS, SUPPORTED_EARTH_ENGINE_LAYERS } from "../MapLayer/components/GoogleEngineLayer/constants";
-import { capitalize, filter, find, head, isEmpty } from "lodash";
-import i18n from "@dhis2/d2-i18n";
-import { Button, ButtonStrip, CenteredContent, CircularLoader, Field, InputField, Modal, ModalActions, ModalContent, ModalTitle, MultiSelectField, MultiSelectOption, SingleSelectField, SingleSelectOption } from "@dhis2/ui";
-import { useGoogleEngineToken } from "../MapLayer/components/GoogleEngineLayer/hooks";
-import { EarthEngine } from "../MapLayer/components/GoogleEngineLayer/services/engine";
-import { useQuery } from "react-query";
-import ColorScaleSelect from "../ThematicLayerConfiguration/components/ColorScaleSelect";
-import { defaultClasses, defaultColorScaleName, getColorClasses, getColorPalette, getColorScale } from "../../utils/colors";
-function useType() {
-  const type = useWatch({
-    name: "type"
-  });
-  return find(EARTH_ENGINE_LAYERS, ["id", type]);
-}
-function AggregationSelector() {
-  var _config$defaultAggreg;
-  const config = useType();
-  if (!(config !== null && config !== void 0 && config.defaultAggregations)) {
-    return null;
-  }
-  const supportedAggregations = (_config$defaultAggreg = config === null || config === void 0 ? void 0 : config.defaultAggregations) !== null && _config$defaultAggreg !== void 0 ? _config$defaultAggreg : [];
-  const maxAggregations = config === null || config === void 0 ? void 0 : config.maxAggregations;
-  return /*#__PURE__*/React.createElement(Controller, {
-    render: _ref => {
-      var _fieldState$error, _head, _fieldState$error2, _field$value;
-      let {
-        field,
-        fieldState
-      } = _ref;
-      return maxAggregations === 1 ? /*#__PURE__*/React.createElement(SingleSelectField, {
-        clearable: true,
-        error: Boolean(fieldState.error),
-        validationText: fieldState === null || fieldState === void 0 ? void 0 : (_fieldState$error = fieldState.error) === null || _fieldState$error === void 0 ? void 0 : _fieldState$error.message,
-        selected: supportedAggregations.includes((_head = head(field.value)) !== null && _head !== void 0 ? _head : "") ? head(field.value) : undefined,
-        onChange: _ref2 => {
-          let {
-            selected
-          } = _ref2;
-          return field.onChange([selected]);
-        },
-        label: i18n.t("Aggregation")
-      }, supportedAggregations.map(aggregation => /*#__PURE__*/React.createElement(SingleSelectOption, {
-        key: `${aggregation}-option`,
-        label: capitalize(aggregation),
-        value: aggregation
-      }))) : /*#__PURE__*/React.createElement(MultiSelectField, {
-        error: Boolean(fieldState.error),
-        validationText: fieldState === null || fieldState === void 0 ? void 0 : (_fieldState$error2 = fieldState.error) === null || _fieldState$error2 === void 0 ? void 0 : _fieldState$error2.message,
-        selected: (_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.filter(value => supportedAggregations === null || supportedAggregations === void 0 ? void 0 : supportedAggregations.includes(value)),
-        onChange: _ref3 => {
-          let {
-            selected
-          } = _ref3;
-          return field.onChange(selected);
-        },
-        label: i18n.t("Aggregations")
-      }, supportedAggregations.map(aggregation => /*#__PURE__*/React.createElement(MultiSelectOption, {
-        key: `${aggregation}-option`,
-        label: capitalize(aggregation),
-        value: aggregation
-      })));
-    },
-    name: "aggregations"
-  });
-}
-function useDatasetInfo(shouldRun, config) {
-  const {
-    refresh
-  } = useGoogleEngineToken();
-  async function getInfo() {
-    if (config) {
-      const tokenData = await refresh();
-      await EarthEngine.setToken(tokenData.token, refresh);
-      const engine = new EarthEngine({
-        options: config
-      });
-      return engine.getPeriod();
-    }
-  }
-  const {
-    data,
-    error,
-    isLoading
-  } = useQuery([config], getInfo);
-  const periods = useMemo(() => {
-    const features = data === null || data === void 0 ? void 0 : data.features;
-    return features === null || features === void 0 ? void 0 : features.map(feature => {
-      var _Date;
-      return (_Date = new Date(feature === null || feature === void 0 ? void 0 : feature.properties["system:time_start"])) === null || _Date === void 0 ? void 0 : _Date.getFullYear();
-    });
-  }, [data]);
-  return {
-    loading: isLoading,
-    error: error,
-    periods
-  };
-}
-function PeriodSelector() {
-  var _config$filters;
-  const config = useType();
-  const {
-    setValue,
-    getValues
-  } = useFormContext();
-  const filters = (_config$filters = config === null || config === void 0 ? void 0 : config.filters) !== null && _config$filters !== void 0 ? _config$filters : [];
-  const hasPeriodFilter = filters.includes("period");
-  const {
-    loading,
-    error,
-    periods
-  } = useDatasetInfo(hasPeriodFilter, config);
-  const initialPeriod = getValues("filters.period");
-  useEffect(() => {
-    if (!isEmpty(periods) && !initialPeriod) {
-      setValue("filters.period", head(periods));
-    }
-  }, [periods]);
-  if (!hasPeriodFilter) {
-    return null;
-  }
-  if (error) {
-    var _error$message;
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        minWidth: "100%",
-        minHeight: 100
-      }
-    }, /*#__PURE__*/React.createElement(CenteredContent, null, /*#__PURE__*/React.createElement("p", null, (_error$message = error === null || error === void 0 ? void 0 : error.message) !== null && _error$message !== void 0 ? _error$message : error === null || error === void 0 ? void 0 : error.toString())));
-  }
-  return /*#__PURE__*/React.createElement(Controller, {
-    name: "filters.period",
-    rules: {
-      required: i18n.t("Period is required")
-    },
-    render: _ref4 => {
-      var _fieldState$error3, _field$value2;
-      let {
-        field,
-        fieldState
-      } = _ref4;
-      return /*#__PURE__*/React.createElement("div", {
-        style: {
-          gap: 4
-        },
-        className: "row align-items-center"
-      }, /*#__PURE__*/React.createElement("div", {
-        style: {
-          flex: 1
-        }
-      }, /*#__PURE__*/React.createElement(SingleSelectField, {
-        helpText: i18n.t("Available periods are set by the source data"),
-        loading: loading,
-        filterable: true,
-        label: i18n.t("Period"),
-        required: true,
-        error: Boolean(fieldState.error),
-        validationText: (_fieldState$error3 = fieldState.error) === null || _fieldState$error3 === void 0 ? void 0 : _fieldState$error3.message,
-        onChange: _ref5 => {
-          let {
-            selected
-          } = _ref5;
-          return field.onChange(parseInt(selected));
-        },
-        selected: periods !== null && periods !== void 0 && periods.includes(field.value) ? (_field$value2 = field.value) === null || _field$value2 === void 0 ? void 0 : _field$value2.toString() : undefined
-      }, periods === null || periods === void 0 ? void 0 : periods.map(period => /*#__PURE__*/React.createElement(SingleSelectOption, {
-        key: `${period}-option`,
-        value: period.toString(),
-        label: period.toString()
-      })))), loading && /*#__PURE__*/React.createElement(CircularLoader, {
-        extrasmall: true
-      }));
-    }
-  });
-}
-function ColorConfig() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "column gap-16"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "row gap-8"
-  }, /*#__PURE__*/React.createElement(Controller, {
-    render: _ref6 => {
-      var _fieldState$error4, _field$value3;
-      let {
-        field,
-        fieldState
-      } = _ref6;
-      return /*#__PURE__*/React.createElement(InputField, _extends({}, field, {
-        error: Boolean(fieldState.error),
-        validationText: (_fieldState$error4 = fieldState.error) === null || _fieldState$error4 === void 0 ? void 0 : _fieldState$error4.message,
-        value: (_field$value3 = field.value) === null || _field$value3 === void 0 ? void 0 : _field$value3.toString(),
-        onChange: _ref7 => {
-          let {
-            value
-          } = _ref7;
-          return field.onChange(parseInt(value));
-        },
-        label: i18n.t("Min"),
-        type: "number"
-      }));
-    },
-    name: "params.min"
-  }), /*#__PURE__*/React.createElement(Controller, {
-    render: _ref8 => {
-      var _fieldState$error5, _field$value4;
-      let {
-        field,
-        fieldState
-      } = _ref8;
-      return /*#__PURE__*/React.createElement(InputField, _extends({}, field, {
-        error: Boolean(fieldState.error),
-        validationText: (_fieldState$error5 = fieldState.error) === null || _fieldState$error5 === void 0 ? void 0 : _fieldState$error5.message,
-        value: (_field$value4 = field.value) === null || _field$value4 === void 0 ? void 0 : _field$value4.toString(),
-        onChange: _ref9 => {
-          let {
-            value
-          } = _ref9;
-          return field.onChange(parseInt(value));
-        },
-        label: i18n.t("Max"),
-        type: "number"
-      }));
-    },
-    name: "params.max"
-  }), /*#__PURE__*/React.createElement(Controller, {
-    name: "params.palette",
-    render: _ref10 => {
-      var _fieldState$error6, _scale$toString;
-      let {
-        field,
-        fieldState
-      } = _ref10;
-      const palette = field.value;
-      const scale = getColorClasses(palette);
-      const colorClass = getColorScale(palette !== null && palette !== void 0 ? palette : "");
-      const onChange = _ref11 => {
-        var _getColorPalette;
-        let {
-          selected
-        } = _ref11;
-        const palette = (_getColorPalette = getColorPalette(colorClass, parseInt(selected))) === null || _getColorPalette === void 0 ? void 0 : _getColorPalette.join(",");
-        field.onChange(palette);
-      };
-      return /*#__PURE__*/React.createElement(SingleSelectField, {
-        validationText: (_fieldState$error6 = fieldState.error) === null || _fieldState$error6 === void 0 ? void 0 : _fieldState$error6.message,
-        error: Boolean(fieldState.error),
-        selected: (_scale$toString = scale === null || scale === void 0 ? void 0 : scale.toString()) !== null && _scale$toString !== void 0 ? _scale$toString : defaultClasses.toString(),
-        label: i18n.t("Steps"),
-        onChange: onChange,
-        name: "scale"
-      }, [3, 4, 5, 6, 7, 8, 9].map(value => /*#__PURE__*/React.createElement(SingleSelectOption, {
-        key: `${value}-classes-option`,
-        label: `${value}`,
-        value: value === null || value === void 0 ? void 0 : value.toString()
-      })));
-    }
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Controller, {
-    name: "params.palette",
-    render: _ref12 => {
-      var _fieldState$error7;
-      let {
-        field,
-        fieldState
-      } = _ref12;
-      const palette = field.value;
-      const scale = getColorClasses(palette);
-      const colorClass = getColorScale(palette !== null && palette !== void 0 ? palette : "");
-      const onChange = colorClass => {
-        var _getColorPalette2;
-        const palette = (_getColorPalette2 = getColorPalette(colorClass, scale)) === null || _getColorPalette2 === void 0 ? void 0 : _getColorPalette2.join(",");
-        field.onChange(palette);
-      };
-      return /*#__PURE__*/React.createElement(Field, {
-        error: Boolean(fieldState.error),
-        validationText: (_fieldState$error7 = fieldState.error) === null || _fieldState$error7 === void 0 ? void 0 : _fieldState$error7.message,
-        label: i18n.t("Colors")
-      }, /*#__PURE__*/React.createElement(ColorScaleSelect, {
-        count: scale !== null && scale !== void 0 ? scale : defaultClasses,
-        colorClass: colorClass !== null && colorClass !== void 0 ? colorClass : defaultColorScaleName,
-        width: 300,
-        onChange: onChange
-      }));
-    }
-  })));
-}
-function StylesConfig() {
-  const config = useType();
-  const hasParams = Boolean(config === null || config === void 0 ? void 0 : config.params);
-  if (!hasParams) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      minWidth: 200,
-      minHeight: 100
-    },
-    className: "row gap-16"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "column"
-  }, /*#__PURE__*/React.createElement("p", null, i18n.t("Unit"), ": ", config === null || config === void 0 ? void 0 : config.unit), /*#__PURE__*/React.createElement(ColorConfig, null)));
-}
-function Name() {
-  const config = useType();
-  const {
-    setValue
-  } = useFormContext();
-  useEffect(() => {
-    setValue("name", config === null || config === void 0 ? void 0 : config.name);
-    setValue("id", config === null || config === void 0 ? void 0 : config.id);
-  }, [config]);
-  return /*#__PURE__*/React.createElement(Controller, {
-    name: "name",
-    rules: {
-      required: i18n.t("Name is required")
-    },
-    render: _ref13 => {
-      var _fieldState$error8;
-      let {
-        field,
-        fieldState
-      } = _ref13;
-      return /*#__PURE__*/React.createElement(InputField, {
-        label: i18n.t("Layer name"),
-        type: "text",
-        required: true,
-        error: Boolean(fieldState.error),
-        validationText: (_fieldState$error8 = fieldState.error) === null || _fieldState$error8 === void 0 ? void 0 : _fieldState$error8.message,
-        onChange: _ref14 => {
-          let {
-            value
-          } = _ref14;
-          return field.onChange(value);
-        },
-        value: field.value
-      });
-    }
-  });
-}
-function TypeField(_ref15) {
-  let {
-    excluded
-  } = _ref15;
-  const supportedLayers = filter(EARTH_ENGINE_LAYERS, _ref16 => {
-    var _excluded$includes;
-    let {
-      id
-    } = _ref16;
-    return SUPPORTED_EARTH_ENGINE_LAYERS.includes(id) && !((_excluded$includes = excluded === null || excluded === void 0 ? void 0 : excluded.includes(id)) !== null && _excluded$includes !== void 0 ? _excluded$includes : false);
-  });
-  const {
-    setValue
-  } = useFormContext();
-  const setConfigDefaults = selected => {
-    const config = find(supportedLayers, ["id", selected]);
-    if (!config) return;
-    if (config !== null && config !== void 0 && config.defaultAggregations) {
-      setValue("aggregations", config === null || config === void 0 ? void 0 : config.defaultAggregations);
-    } else {
-      setValue("aggregations", undefined);
-    }
-    if (config !== null && config !== void 0 && config.params) {
-      const {
-        max,
-        min,
-        palette
-      } = config.params;
-      setValue("params.max", max);
-      setValue("params.min", min);
-      setValue("params.palette", palette);
-    } else {
-      setValue("params", undefined);
-    }
-  };
-  return /*#__PURE__*/React.createElement(Controller, {
-    name: "type",
-    rules: {
-      required: i18n.t("Type is required")
-    },
-    render: _ref17 => {
-      var _fieldState$error9;
-      let {
-        field,
-        fieldState
-      } = _ref17;
-      return /*#__PURE__*/React.createElement(SingleSelectField, {
-        label: i18n.t("Layer type"),
-        required: true,
-        error: Boolean(fieldState.error),
-        validationText: (_fieldState$error9 = fieldState.error) === null || _fieldState$error9 === void 0 ? void 0 : _fieldState$error9.message,
-        onChange: _ref18 => {
-          let {
-            selected
-          } = _ref18;
-          setConfigDefaults(selected);
-          field.onChange(selected);
-        },
-        selected: Boolean(find(supportedLayers, "id", field.value)) ? field.value : undefined
-      }, supportedLayers === null || supportedLayers === void 0 ? void 0 : supportedLayers.map(layer => /*#__PURE__*/React.createElement(SingleSelectOption, {
-        key: `${layer.id}-option`,
-        value: layer.id,
-        label: layer.name
-      })));
-    }
-  });
-}
-export function EarthEngineLayerConfiguration(_ref19) {
-  let {
-    form,
-    excluded
-  } = _ref19;
-  return /*#__PURE__*/React.createElement(FormProvider, form, /*#__PURE__*/React.createElement("div", {
-    className: "column gap-16"
-  }, /*#__PURE__*/React.createElement(TypeField, {
-    excluded: excluded
-  }), /*#__PURE__*/React.createElement(Name, null), /*#__PURE__*/React.createElement(AggregationSelector, null), /*#__PURE__*/React.createElement(PeriodSelector, null), /*#__PURE__*/React.createElement(StylesConfig, null)));
-}
-export function EarthEngineLayerConfigModal(_ref20) {
-  let {
-    open,
-    exclude,
-    config,
-    onClose,
-    onChange,
-    ...props
-  } = _ref20;
-  const form = useForm({
-    defaultValues: config !== null && config !== void 0 ? config : {}
-  });
-  const onSubmitClick = values => {
-    onClose();
-    onChange(values);
-  };
-  return /*#__PURE__*/React.createElement(Modal, _extends({}, props, {
-    open: open,
-    onClose: onClose
-  }), /*#__PURE__*/React.createElement(ModalTitle, null, i18n.t("Configure Earth Engine Layer")), /*#__PURE__*/React.createElement(ModalContent, null, /*#__PURE__*/React.createElement(EarthEngineLayerConfiguration, {
-    form: form,
-    excluded: exclude
-  })), /*#__PURE__*/React.createElement(ModalActions, null, /*#__PURE__*/React.createElement(ButtonStrip, null, /*#__PURE__*/React.createElement(Button, {
-    onClick: onClose
-  }, i18n.t("Cancel")), /*#__PURE__*/React.createElement(Button, {
-    primary: true,
-    onClick: form.handleSubmit(onSubmitClick)
-  }, i18n.t("Save")))));
-}