@ogc-maps/storybook-components 0.4.0 → 0.5.0

package/dist/cql2-BaKDic7B.js

@@ -0,0 +1,288 @@
+import { useState as f, useEffect as U, useCallback as O } from "react";
+function h(e) {
+  return e.endsWith("/") ? e.slice(0, -1) : e;
+}
+async function j(e) {
+  const t = await fetch(e);
+  if (!t.ok)
+    throw new Error(`OGC API request failed: ${t.status} ${t.statusText} (${e})`);
+  return t.json();
+}
+async function R(e) {
+  const t = `${h(e)}/collections?f=json`;
+  return (await j(t)).collections;
+}
+async function w(e, t, n = {}) {
+  var a;
+  const o = h(e), r = new URLSearchParams({ f: "geojson" });
+  if (n.limit != null && r.set("limit", String(n.limit)), n.offset != null && r.set("offset", String(n.offset)), n.bbox && r.set("bbox", n.bbox.join(",")), (a = n.properties) != null && a.length && r.set("properties", n.properties.join(",")), n.datetime && r.set("datetime", n.datetime), n.cql2Filter)
+    r.set("filter-lang", "cql2-json"), r.set("filter", JSON.stringify(n.cql2Filter));
+  else if (n.filter)
+    for (const [c, i] of Object.entries(n.filter))
+      r.set(c, String(i));
+  const s = `${o}/collections/${encodeURIComponent(t)}/items?${r}`;
+  return j(s);
+}
+async function Q(e, t) {
+  const o = `${h(e)}/collections/${encodeURIComponent(t)}/queryables?f=schemajson`;
+  return j(o);
+}
+function V(e, t, n = "WebMercatorQuad") {
+  return `${h(e)}/collections/${encodeURIComponent(t)}/tiles/${encodeURIComponent(n)}/tilejson.json`;
+}
+function W(e, t, n = "WebMercatorQuad") {
+  return `${h(e)}/collections/${encodeURIComponent(t)}/tiles/${encodeURIComponent(n)}/{z}/{x}/{y}`;
+}
+function A(e, t, n, o = "WebMercatorQuad") {
+  const s = `${h(e)}/collections/${encodeURIComponent(t)}/tiles/${encodeURIComponent(o)}/{z}/{x}/{y}`;
+  if (!n || Object.keys(n).length === 0) return s;
+  const a = new URLSearchParams();
+  for (const [c, i] of Object.entries(n))
+    a.set(c, String(i));
+  return `${s}?${a}`;
+}
+async function B(e, t, n, o) {
+  var c;
+  const r = o != null && o.query ? { op: "like", args: [{ property: n }, `%${o.query}%`] } : void 0, s = await w(e, t, {
+    properties: [n],
+    limit: (o == null ? void 0 : o.limit) ?? 50,
+    cql2Filter: r
+  }), a = /* @__PURE__ */ new Set();
+  for (const i of s.features) {
+    const u = (c = i.properties) == null ? void 0 : c[n];
+    u != null && typeof u == "string" && a.add(u);
+  }
+  return Array.from(a).sort();
+}
+function D(e, t, n, o = "WebMercatorQuad") {
+  const s = `${h(e)}/collections/${encodeURIComponent(t)}/tiles/${encodeURIComponent(o)}/{z}/{x}/{y}`;
+  if (!n) return s;
+  const a = new URLSearchParams({
+    "filter-lang": "cql2-json",
+    filter: JSON.stringify(n)
+  });
+  return `${s}?${a}`;
+}
+function _(e) {
+  const [t, n] = f([]), [o, r] = f(!1), [s, a] = f(null);
+  return U(() => {
+    if (!e) return;
+    let c = !1;
+    return r(!0), a(null), R(e).then((i) => {
+      c || n(i);
+    }).catch((i) => {
+      c || a(i instanceof Error ? i : new Error(String(i)));
+    }).finally(() => {
+      c || r(!1);
+    }), () => {
+      c = !0;
+    };
+  }, [e]), { collections: t, loading: o, error: s };
+}
+function G(e, t, n = {}) {
+  const [o, r] = f([]), [s, a] = f(!1), [c, i] = f(null), [u, g] = f(!1), d = JSON.stringify(n);
+  return U(() => {
+    if (!e || !t) return;
+    let b = !1;
+    a(!0), i(null);
+    const m = JSON.parse(d);
+    return w(e, t, m).then((l) => {
+      if (!b) {
+        r(l.features);
+        const $ = m.limit ?? 10, S = m.offset ?? 0;
+        l.numberMatched != null ? g(S + l.features.length < l.numberMatched) : g(l.features.length >= $);
+      }
+    }).catch((l) => {
+      b || (i(l instanceof Error ? l : new Error(String(l))), r([]), g(!1));
+    }).finally(() => {
+      b || a(!1);
+    }), () => {
+      b = !0;
+    };
+  }, [e, t, d]), { features: o, loading: s, error: c, hasMore: u };
+}
+function C(e, t) {
+  return e.includes('"') || e.includes(t) || e.includes(`
+`) ? `"${e.replace(/"/g, '""')}"` : e;
+}
+function M(e, t) {
+  const n = (e.properties ?? {})[t];
+  return n == null ? "" : typeof n == "object" ? JSON.stringify(n) : String(n);
+}
+function k(e, t = {}) {
+  const { fields: n, includeGeometry: o = !1, delimiter: r = "," } = t;
+  if (e.length === 0) return "";
+  const s = n ?? [...new Set(e.flatMap((i) => Object.keys(i.properties ?? {})))], a = o ? [...s, "geometry"] : s, c = e.map((i) => {
+    const u = s.map(
+      (g) => C(M(i, g), r)
+    );
+    return o && u.push(C(JSON.stringify(i.geometry), r)), u.join(r);
+  });
+  return [a.map((i) => C(i, r)).join(r), ...c].join(`
+`);
+}
+function E(e, t) {
+  const n = new Blob([e], { type: "text/csv;charset=utf-8;" }), o = URL.createObjectURL(n), r = document.createElement("a");
+  r.href = o, r.download = t, r.style.display = "none", document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(o);
+}
+function K({
+  baseUrl: e,
+  limit: t = 1e3,
+  csvOptions: n
+}) {
+  const [o, r] = f(!1), [s, a] = f(null);
+  return { exportCsv: O(
+    async (i, u = `${i}.csv`, g) => {
+      r(!0), a(null);
+      const d = [], b = Math.min(t, 1e3);
+      let m = 0;
+      try {
+        for (; d.length < t; ) {
+          const $ = t - d.length, S = Math.min(b, $), p = await w(e, i, {
+            limit: S,
+            offset: m,
+            cql2Filter: g
+          });
+          if (d.push(...p.features), m += p.features.length, p.features.length < S || p.numberMatched != null && m >= p.numberMatched) break;
+        }
+        const l = k(d, n);
+        E(l, u);
+      } catch (l) {
+        a(l instanceof Error ? l : new Error(String(l)));
+      } finally {
+        r(!1);
+      }
+    },
+    [e, t, n]
+  ), loading: o, error: s };
+}
+function y(e, t) {
+  return { op: "=", args: [{ property: e }, t] };
+}
+function H(e, t) {
+  return { op: "<>", args: [{ property: e }, t] };
+}
+function q(e, t) {
+  return { op: ">", args: [{ property: e }, t] };
+}
+function L(e, t) {
+  return { op: ">=", args: [{ property: e }, t] };
+}
+function F(e, t) {
+  return { op: "<", args: [{ property: e }, t] };
+}
+function I(e, t) {
+  return { op: "<=", args: [{ property: e }, t] };
+}
+function J(e, t, n) {
+  return { op: "between", args: [{ property: e }, t, n] };
+}
+function X(e, t) {
+  return { op: "like", args: [{ property: e }, t] };
+}
+function Y(e, t) {
+  return { op: "in", args: [{ property: e }, t] };
+}
+function Z(e) {
+  return { op: "isNull", args: [{ property: e }] };
+}
+function x(...e) {
+  const t = e.filter((n) => n != null);
+  return t.length === 0 ? null : t.length === 1 ? t[0] : { op: "and", args: t };
+}
+function ee(...e) {
+  const t = e.filter((n) => n != null);
+  return t.length === 0 ? null : t.length === 1 ? t[0] : { op: "or", args: t };
+}
+function te(e) {
+  return { op: "not", args: [e] };
+}
+function N(e, t) {
+  return { op: "t_after", args: [{ property: e }, t] };
+}
+function z(e, t) {
+  return { op: "t_before", args: [{ property: e }, t] };
+}
+function T(e, t, n) {
+  const o = "date" in t ? t.date : t.timestamp, r = "date" in n ? n.date : n.timestamp;
+  return { op: "t_during", args: [{ property: e }, { interval: [o, r] }] };
+}
+function ne(e) {
+  const t = Object.entries(e).filter(([, n]) => n !== void 0 && n !== "").map(([n, o]) => y(n, o));
+  return x(...t);
+}
+function re(e, t) {
+  const n = new Map(t.map((r) => [r.property, r])), o = Object.entries(e).map(([r, s]) => {
+    if (s === void 0) return null;
+    const a = n.get(r);
+    if (typeof s == "string")
+      return s === "" ? null : (a == null ? void 0 : a.type) === "datetime" ? y(r, { timestamp: s }) : y(r, s);
+    if (typeof s == "number")
+      return y(r, s);
+    if (typeof s == "object") {
+      if ("start" in s || "end" in s) {
+        const { start: c, end: i } = s;
+        return c && i ? T(r, { timestamp: c }, { timestamp: i }) : c ? N(r, { timestamp: c }) : i ? z(r, { timestamp: i }) : null;
+      }
+      if ("value" in s && "operator" in s) {
+        const { value: c, operator: i } = s;
+        if (c == null || String(c) === "") return null;
+        switch (i) {
+          case "gt":
+            return q(r, c);
+          case "lt":
+            return F(r, c);
+          case "gte":
+            return L(r, c);
+          case "lte":
+            return I(r, c);
+          default:
+            return y(r, c);
+        }
+      }
+      if ("min" in s && "max" in s) {
+        const { min: c, max: i } = s;
+        return c === void 0 || i === void 0 ? null : J(r, c, i);
+      }
+    }
+    return null;
+  });
+  return x(...o);
+}
+function se(e) {
+  return JSON.stringify(e);
+}
+export {
+  T as A,
+  K as B,
+  _ as C,
+  G as D,
+  E,
+  k as F,
+  x as a,
+  J as b,
+  B as c,
+  w as d,
+  y as e,
+  R as f,
+  Q as g,
+  ne as h,
+  re as i,
+  D as j,
+  A as k,
+  V as l,
+  W as m,
+  q as n,
+  L as o,
+  Y as p,
+  Z as q,
+  X as r,
+  F as s,
+  I as t,
+  H as u,
+  te as v,
+  ee as w,
+  se as x,
+  N as y,
+  z
+};

package/dist/hooks/index.d.ts

@@ -2,7 +2,8 @@ import { SearchField } from '../types';
 export { useOgcCollections, type UseOgcCollectionsResult } from './useOgcCollections';
 export { useOgcFeatures, type UseOgcFeaturesResult } from './useOgcFeatures';
 export { useCsvExport, type UseCsvExportOptions, type UseCsvExportResult } from './useCsvExport';
-export type { OgcApiSource, LayerConfig, MapConfig, UIConfig, ViewConfig, StyleConfig, FilterConfig, LegendConfig, SearchConfig, SearchField, } from '../types';
+export type { OgcApiSource, LayerConfig, MapConfig, UIConfig, ViewConfig, StyleConfig, FilterConfig, LegendConfig, SearchConfig, SearchField, TextSearchField, NumberSearchField, DatetimeSearchField, SelectSearchField, } from '../types';
 export type SearchFieldType = SearchField['type'];
-export { fetchCollections, fetchFeatures, fetchQueryables, getFilteredVectorTileUrl, getTileJsonUrl, getVectorTileUrl, type OgcCollection, type OgcCollectionsResponse, type GeoJsonFeature, type OgcFeatureCollection, type OgcQueryables, type QueryableProperty, type FetchFeaturesOptions, } from '../utils/ogcApi';
+export { fetchCollections, fetchFeatures, fetchQueryables, fetchDistinctValues, getFilteredVectorTileUrl, getCql2FilteredVectorTileUrl, getTileJsonUrl, getVectorTileUrl, type OgcCollection, type OgcCollectionsResponse, type GeoJsonFeature, type OgcFeatureCollection, type OgcQueryables, type QueryableProperty, type FetchFeaturesOptions, } from '../utils/ogcApi';
+export { eq, neq, gt, gte, lt, lte, between, like, inList, isNull, and, or, not, tAfter, tBefore, tDuring, fromSimpleFilters, fromStructuredFilters, serializeCql2, type CQL2Expression, type CQL2PropertyRef, type CQL2Date, type CQL2Timestamp, type CQL2Interval, } from '../utils/cql2';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,KAAK,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEjG,YAAY,EACV,YAAY,EACZ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,UAAU,CAAC;AAClB,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAClD,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,wBAAwB,EACxB,cAAc,EACd,gBAAgB,EAChB,KAAK,aAAa,EAClB,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,GAC1B,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,KAAK,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEjG,YAAY,EACV,YAAY,EACZ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,UAAU,CAAC;AAClB,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAClD,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,4BAA4B,EAC5B,cAAc,EACd,gBAAgB,EAChB,KAAK,aAAa,EAClB,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,GAC1B,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,EAAE,EACF,GAAG,EACH,EAAE,EACF,GAAG,EACH,EAAE,EACF,GAAG,EACH,OAAO,EACP,IAAI,EACJ,MAAM,EACN,MAAM,EACN,GAAG,EACH,EAAE,EACF,GAAG,EACH,MAAM,EACN,OAAO,EACP,OAAO,EACP,iBAAiB,EACjB,qBAAqB,EACrB,aAAa,EACb,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,QAAQ,EACb,KAAK,aAAa,EAClB,KAAK,YAAY,GAClB,MAAM,eAAe,CAAC"}

package/dist/hooks/index.js

@@ -1,13 +1,33 @@
-import { u as t, a, b as r } from "../useCsvExport-wr7hy0P-.js";
-import { f as o, a as c, b as u, g as f, c as g, d as i } from "../ogcApi-BuXSs9i0.js";
+import { a, b as t, e as l, f as r, c as i, d as o, g as c, h as u, i as n, j as f, k as g, l as C, m as F, n as d, o as h, p as m, q, r as p, s as T, t as U, u as V, v as b, w as x, x as D, y as k, z as v, A as w, B as y, C as z, D as A } from "../cql2-BaKDic7B.js";
 export {
-  o as fetchCollections,
-  c as fetchFeatures,
-  u as fetchQueryables,
-  f as getFilteredVectorTileUrl,
-  g as getTileJsonUrl,
-  i as getVectorTileUrl,
-  t as useCsvExport,
-  a as useOgcCollections,
-  r as useOgcFeatures
+  a as and,
+  t as between,
+  l as eq,
+  r as fetchCollections,
+  i as fetchDistinctValues,
+  o as fetchFeatures,
+  c as fetchQueryables,
+  u as fromSimpleFilters,
+  n as fromStructuredFilters,
+  f as getCql2FilteredVectorTileUrl,
+  g as getFilteredVectorTileUrl,
+  C as getTileJsonUrl,
+  F as getVectorTileUrl,
+  d as gt,
+  h as gte,
+  m as inList,
+  q as isNull,
+  p as like,
+  T as lt,
+  U as lte,
+  V as neq,
+  b as not,
+  x as or,
+  D as serializeCql2,
+  k as tAfter,
+  v as tBefore,
+  w as tDuring,
+  y as useCsvExport,
+  z as useOgcCollections,
+  A as useOgcFeatures
 };

package/dist/hooks/useCsvExport.d.ts

@@ -1,11 +1,12 @@
 import { CsvExportOptions } from '../utils/csvExport';
+import { CQL2Expression } from '../utils/cql2';
 export interface UseCsvExportOptions {
     baseUrl: string;
     limit?: number;
     csvOptions?: CsvExportOptions;
 }
 export interface UseCsvExportResult {
-    exportCsv: (collectionId: string, filename?: string) => Promise<void>;
+    exportCsv: (collectionId: string, filename?: string, cql2Filter?: CQL2Expression) => Promise<void>;
     loading: boolean;
     error: Error | null;
 }

package/dist/hooks/useCsvExport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCsvExport.d.ts","sourceRoot":"","sources":["../../src/hooks/useCsvExport.ts"],"names":[],"mappings":"AAEA,OAAO,EAA8B,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEvF,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAY,EACZ,UAAU,GACX,EAAE,mBAAmB,GAAG,kBAAkB,CA2C1C"}
+{"version":3,"file":"useCsvExport.d.ts","sourceRoot":"","sources":["../../src/hooks/useCsvExport.ts"],"names":[],"mappings":"AAEA,OAAO,EAA8B,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnG,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAY,EACZ,UAAU,GACX,EAAE,mBAAmB,GAAG,kBAAkB,CA4C1C"}