@hisptz/dhis2-analytics 1.0.5 → 1.0.6

package/src/components/Map/Map.stories.tsx

@@ -1,339 +0,0 @@
-import type {Story} from "@storybook/react";
-import React from "react";
-import {MapProps} from "./interfaces";
-import {Map} from "./index";
-
-const Template: Story<MapProps> = (args) => <Map {...args} />;
-
-export const BaseMap = Template.bind({});
-BaseMap.args = {
-  orgUnitSelection: { orgUnits: [], userOrgUnit: true, userSubUnit: true, userSubX2Unit: true },
-};
-
-export const Controls = Template.bind({});
-Controls.args = {
-  orgUnitSelection: { orgUnits: [], userOrgUnit: true, userSubUnit: true, userSubX2Unit: true },
-  controls: [
-    {
-      type: "print",
-      position: "topleft",
-      options: {
-        hidden: false,
-        hideControlContainer: true,
-        sizeModes: ["A4Landscape", "A4Portrait", "Current"],
-      },
-    },
-  ],
-};
-
-export const BoundaryLayer = Template.bind({});
-BoundaryLayer.args = {
-  orgUnitSelection: { orgUnits: [], userOrgUnit: true, userSubUnit: true, userSubX2Unit: true },
-  boundaryLayer: {
-    enabled: true,
-  },
-};
-
-export const BoundaryLayerWithLevels = Template.bind({});
-BoundaryLayerWithLevels.args = {
-  orgUnitSelection: {
-    orgUnits: [
-      {
-        id: "ImspTQPwCqd",
-        displayName: "Sierra Leone",
-        name: "Sierra Leone",
-        path: "/ImspTQPwCqd",
-        children: [],
-      },
-    ],
-    levels: ["2"],
-  },
-  boundaryLayer: {
-    enabled: true,
-  },
-};
-
-export const ChoroplethThematicLayer = Template.bind({});
-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,
-  },
-};
-
-export const BubbleThematicLayer = Template.bind({});
-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",
-    },
-  ],
-};
-
-export const AllThematicLayers = Template.bind({});
-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",
-    },
-  ],
-};
-
-export const ChoroplethThematicLayerWithLevels = Template.bind({});
-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"],
-      },
-    },
-  ],
-};
-
-export const PointLayer = Template.bind({});
-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",
-    },
-  },
-};
-
-export const GoogleEarthEngineLayers = Template.bind({});
-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 default {
-  title: "Components/Map",
-  component: Map,
-  decorators: [
-    (MapStory: any) => {
-      return (
-        <div style={{ width: "100%", height: "100%" }}>
-          {/*<MapDataProvider>*/}
-          <MapStory />
-          {/*</MapDataProvider>*/}
-        </div>
-      );
-    },
-  ],
-};

package/src/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfigModal.stories.tsx

@@ -1,28 +0,0 @@
-import {Story} from "@storybook/react";
-import {EarthEngineLayerConfigModal, EarthEngineLayerConfigModalProps, EarthEngineLayerConfiguration} from "./index";
-import React from "react";
-
-const Template: Story<EarthEngineLayerConfigModalProps> = (args) => {
-  return <EarthEngineLayerConfigModal {...args} />;
-};
-
-export const Basic = Template.bind({});
-Basic.args = {
-  onClose: () => {},
-  onChange: console.info,
-  open: true,
-};
-
-export default {
-  title: "Components/Map/Earth Engine Config Modal",
-  component: EarthEngineLayerConfiguration,
-  decorators: [
-    (MapStory: any) => {
-      return (
-        <div style={{ width: "50%", height: "50%" }}>
-          <MapStory />
-        </div>
-      );
-    },
-  ],
-};

package/src/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.stories.tsx

@@ -1,34 +0,0 @@
-import {Story} from "@storybook/react";
-import {EarthEngineLayerConfiguration, EarthEngineLayerConfigurationProps} from "./index";
-import React from "react";
-import {useForm} from "react-hook-form";
-import {EarthEngineLayerConfig} from "../MapLayer/interfaces";
-import i18n from "@dhis2/d2-i18n";
-import {Button} from "@dhis2/ui";
-
-const Template: Story<EarthEngineLayerConfigurationProps> = (args) => {
-  const form = useForm<EarthEngineLayerConfig>();
-  return (
-    <form className="column gap-16" onSubmit={form.handleSubmit(console.log)}>
-      <EarthEngineLayerConfiguration {...args} form={form} />
-      <Button type="submit">{i18n.t("Submit")}</Button>
-    </form>
-  );
-};
-
-export const Basic = Template.bind({});
-Basic.args = {};
-
-export default {
-  title: "Components/Map/Earth Engine Configuration",
-  component: EarthEngineLayerConfiguration,
-  decorators: [
-    (MapStory: any) => {
-      return (
-        <div style={{ width: "50%", height: "50%" }}>
-          <MapStory />
-        </div>
-      );
-    },
-  ],
-};