@devgateway/dvz-ui-react 1.9.5 → 1.9.7

package/dist/esm/embeddable/map/mapHelpers.js

@@ -0,0 +1,243 @@
+import * as L from "topojson-client";
+import x from "geostats";
+import y from "../../utils/deviceType.js";
+const w = "_Color_", M = "location", k = "showAll", A = "ifUnitHasData", j = 10, B = {
+  mobile: 4,
+  tablet: 4,
+  midTablet: 2,
+  laptop: 2,
+  desktop: 2,
+  wide: 2
+}, I = {
+  mobile: 330,
+  tablet: 250,
+  midTablet: 250,
+  laptop: 200,
+  desktop: 100,
+  wide: 100
+}, _ = {
+  mobile: 250,
+  tablet: 250,
+  midTablet: 250,
+  laptop: 0,
+  desktop: 0,
+  wide: 0
+}, C = {
+  greens: [
+    "#ccffdd",
+    "#b3ffcc",
+    "#99ffbb",
+    "#80ffaa",
+    "#66ff99",
+    "#4dff88",
+    "#33ff77",
+    "#1aff66",
+    "#00ff55",
+    "#00e64d"
+  ],
+  greys: [
+    "#f2f2f2",
+    "#e6e6e6",
+    "#d9d9d9",
+    "#cccccc",
+    "#bfbfbf",
+    "#b3b3b3",
+    "#a6a6a6",
+    "#999999",
+    "#8c8c8c",
+    "#808080"
+  ],
+  oranges: [
+    "#fff0e6",
+    "#ffe0cc",
+    "#ffd1b3",
+    "#ffc299",
+    "#ffb380",
+    "#ffa366",
+    "#ff944d",
+    "#ff8533",
+    "#ff751a",
+    "#ff6600"
+  ],
+  purples: [
+    "#ffe6ff",
+    "#ffccff",
+    "#ffb3ff",
+    "#ff99ff",
+    "#ff80ff",
+    "#ff66ff",
+    "#ff4dff",
+    "#ff33ff",
+    "#ff1aff",
+    "#ff00ff"
+  ],
+  reds: [
+    "#ffe6e6",
+    "#ffcccc",
+    "#ffb3b3",
+    "#ff9999",
+    "#ff8080",
+    "#ff6666",
+    "#ff4d4d",
+    "#ff3333",
+    "#ff1a1a",
+    "#ff0000"
+  ],
+  blues: [
+    "#e6eeff",
+    "#ccddff",
+    "#b3ccff",
+    "#99bbff",
+    "#80aaff",
+    "#6699ff",
+    "#4d88ff",
+    "#3377ff",
+    "#1a66ff",
+    "#0055ff"
+  ]
+};
+function v(e, r, l) {
+  var t;
+  if (!(e != null && e.length)) return r;
+  const o = ((t = e[0]) == null ? void 0 : t.items) ?? [], n = (i) => (i == null ? void 0 : i.trim().toLowerCase()) ?? "", s = n(r), c = n(l).toUpperCase(), f = o.find((i) => n(i.value) === s || n(i.code) === s) ?? null;
+  if (!f) return r;
+  const a = c && f.labels && f.labels[c] ? f.labels[c] : f.value;
+  return (a == null ? void 0 : a.trim()) || f.value.trim();
+}
+function D(e) {
+  let r = e;
+  return r || (r = ["mobile", "tablet", "midTablet"].includes(y())), r ? "active zoom-enabled" : "active";
+}
+function E(e, r) {
+  const { autoGenerateBreaks: l, numberOfBreaks: o, colorScheme: n } = r, s = [];
+  if (l && e && e.length > 0) {
+    const c = e.filter((t) => t.properties && t.properties.value != null).map((t) => t.properties.value.toFixed(2)), f = [];
+    c.forEach((t) => {
+      if (t > 0) {
+        const i = t * 0.99, p = t * 1.01;
+        f.indexOf(i) === -1 && f.push(i), f.indexOf(p) === -1 && f.push(p);
+      }
+    });
+    const a = C[n];
+    if (f.length > 0) {
+      const t = new x(f);
+      t.setPrecision(2);
+      const i = f.length > 1 ? f.length - 1 : f.length;
+      return t.getJenks(Math.min(o, i)), t.ranges.forEach((p, u) => {
+        const b = {};
+        b.min = parseFloat(p.substr(0, p.indexOf("-") - 1)) + (u > 0 ? 0.01 : 0), b.max = parseFloat(p.substr(p.indexOf("-") + 2, p.length)), b.color = a[u], s.push(b);
+      }), s;
+    }
+  }
+  return s;
+}
+function H(e, r, l) {
+  const { mapNoDataColor: o, mainLayerId: n, enabledLayers: s, selectedMeasure: c } = l;
+  if (e.properties && e.properties.variables && c && e.properties.value != null) {
+    const a = w + c, t = e.properties.variables[a.trim()];
+    if (t) return t;
+  }
+  if (e.properties.value != null && (n && e.properties.layerId === n || !n)) {
+    const a = r.find((t) => t.min != null && t.max != null ? e.properties.value >= t.min && e.properties.value <= t.max : t.min != null ? e.properties.value >= t.min : t.max != null ? e.properties.value <= t.max : !1);
+    return a && a.color ? a.color : o;
+  }
+  const f = s.filter((a) => a.id === e.properties.layerId)[0];
+  return f && f.bgColor && f.bgColor != "undefined" ? f.bgColor : o;
+}
+function S(e, r) {
+  if (e.properties[r]) {
+    const o = e.properties[r].length;
+    return o < 10 ? 80 : o * 8;
+  }
+  return 0;
+}
+function R(e) {
+  return e ? 30 : 25;
+}
+function O(e, r) {
+  if (e && e.objects) {
+    const l = Object.keys(e.objects);
+    for (const o in l) {
+      const n = l[o];
+      if (e.objects[n].type == "GeometryCollection")
+        return n;
+    }
+  }
+  return r;
+}
+function W(e, r) {
+  const l = O(e, r);
+  return e && e.objects && e.objects[l] ? L.feature(e, e.objects[l]).features : e && e.features ? e.features : [];
+}
+function U(e, r, l) {
+  if (e.properties.displayLayerLabels && e.properties.layerLocale) {
+    const o = e.properties.layerMappingField || r, n = e.properties[o];
+    return v(l, n, e.properties.layerLocale);
+  }
+  return e.properties[r];
+}
+function z(e, r, l, o) {
+  const {
+    mapLabelField: n,
+    mapLabelShowValue: s,
+    intl: c,
+    valueFormat: f,
+    showNoDataLabel: a,
+    showAdminUnitLabel: t,
+    noDataText: i,
+    selectedMeasure: p
+  } = r;
+  let u = "";
+  if (t == k || t == A && e.properties.hasDataRow || e.properties.displayLayerLabels) {
+    const b = e.properties.displayLayerLabels && e.properties.layerMappingField ? e.properties.layerMappingField : n, d = e.properties[b], h = e.properties.layerLocale || (c == null ? void 0 : c.locale);
+    u = v(l, d, h);
+    const g = e.properties.abbrev;
+    if (u && u.length > j && g && (u = g), s)
+      if (e.properties.value != null) {
+        const m = e.properties.variables || {};
+        u += "<br><span class='map-label-value'>" + o(
+          f,
+          { value: e.properties.value, measure: p, ...m },
+          c
+        ) + "</span>";
+      } else a == !0 && e.properties.value == null && e.properties.hasDataRow && (u += "<br><span class='map-label-value'>" + i + "</span>");
+  }
+  return u;
+}
+function G(e) {
+  const r = {};
+  return e && Object.keys(e).forEach((l) => {
+    const o = e[l];
+    o && (r[l] = Array.isArray(o) ? o.join(" ,") : o);
+  }), r;
+}
+function N(e, r, l) {
+  const o = e ? e.value : null;
+  if (o != null) {
+    const n = r.find((s) => s.min != null && s.max != null ? o >= s.min && o <= s.max : s.min != null ? o >= s.min : s.max != null ? o <= s.max : !1);
+    return n && n.color ? n.color : l;
+  }
+  return l;
+}
+export {
+  w as COLOR_VARIABLE,
+  M as LOCATION,
+  j as MAX_LABEL_LEN,
+  k as SHOW_ALL,
+  A as SHOW_IF_HAS_DATA,
+  D as classColor,
+  z as createLabel,
+  I as deviceMapHeight,
+  _ as deviceMapWidth,
+  B as deviceTranslateMap,
+  W as extractFeatures,
+  H as fillColor,
+  E as generateBreaks,
+  O as getCollectionField,
+  G as getFilters,
+  N as getHighlightedLocationColor,
+  R as getLabelBoxHeight,
+  S as getLabelBoxWidth,
+  v as getTranslatedItemLabel,
+  U as getTranslatedLocationName
+};

package/dist/types/embeddable/map/map.d.ts

@@ -1,5 +1,6 @@
+import { getTranslatedItemLabel } from './mapHelpers';
 import { default as React } from 'react';
-export function getTranslatedItemLabel(data: any, itemNameOrCode: any, locale: any): any;
+export { getTranslatedItemLabel };
 declare const _default: React.FC<import('react-intl').WithIntlProps<any>> & {
     WrappedComponent: React.ComponentType<any>;
 };

package/dist/types/embeddable/map/mapHelpers.d.ts

@@ -0,0 +1,55 @@
+export type Feature = any;
+export type MetadataTypes = any[];
+export interface LegendBreak {
+    min?: number;
+    max?: number;
+    color?: string;
+    measure?: string;
+    filters?: Array<{
+        field: string;
+        values: string;
+    }>;
+}
+export declare const COLOR_VARIABLE = "_Color_";
+export declare const LOCATION = "location";
+export declare const SHOW_ALL = "showAll";
+export declare const SHOW_IF_HAS_DATA = "ifUnitHasData";
+export declare const MAX_LABEL_LEN = 10;
+export declare const deviceTranslateMap: Record<string, number>;
+export declare const deviceMapHeight: Record<string, number>;
+export declare const deviceMapWidth: Record<string, number>;
+export declare function getTranslatedItemLabel(data: MetadataTypes | undefined, itemNameOrCode: string | undefined, locale: string | undefined): string | undefined;
+export declare function classColor(zoomEnabledProp?: boolean): string;
+export declare function generateBreaks(data: Feature[] | undefined, options: {
+    autoGenerateBreaks?: boolean;
+    numberOfBreaks: number;
+    colorScheme: string;
+}): LegendBreak[];
+export declare function fillColor(d: Feature, breaks: LegendBreak[], options: {
+    mapNoDataColor: string;
+    mainLayerId?: string | number;
+    enabledLayers: Array<{
+        id: any;
+        bgColor?: string;
+    }>;
+    selectedMeasure?: string | null;
+}): string;
+export declare function getLabelBoxWidth(d: Feature, mapLabelField: string): number;
+export declare function getLabelBoxHeight(mapLabelShowValue?: boolean): number;
+export declare function getCollectionField(mainLayer: any, topoJSONField: string): string;
+export declare function extractFeatures(mainLayer: any, topoJSONField: string): Feature[];
+export declare function getTranslatedLocationName(d: Feature, mappingField: string, metadataTypes: MetadataTypes): string;
+export declare function createLabel(d: Feature, props: {
+    mapLabelField: string;
+    mapLabelShowValue?: boolean;
+    intl: any;
+    valueFormat: string;
+    showNoDataLabel?: boolean;
+    showAdminUnitLabel: string;
+    noDataText: string;
+    selectedMeasure?: string | null;
+}, metadataTypes: MetadataTypes, formatContent: (format: string, vars: Record<string, any>, intl: any, noDataText?: string) => string): string;
+export declare function getFilters(appliedFilters: Record<string, any> | undefined): Record<string, string>;
+export declare function getHighlightedLocationColor(data: {
+    value?: number;
+} | undefined, breaks: LegendBreak[], mapNoDataColor: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devgateway/dvz-ui-react",
-  "version": "1.9.5",
+  "version": "1.9.7",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",