@ogc-maps/storybook-components 0.4.1 → 0.5.1

package/dist/SearchPanel-B5GPX1gF.js

@@ -1,106 +0,0 @@
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import { useMemo as f, useCallback as l } from "react";
-function C({
-  layers: n,
-  activeFilters: h,
-  onFilterChange: r,
-  onClearFilters: g,
-  className: c = "",
-  hideTitle: d
-}) {
-  const b = f(
-    () => n.filter((e) => {
-      var u;
-      return (u = e.search) == null ? void 0 : u.fields.length;
-    }),
-    [n]
-  ), x = l(
-    (e, u, m) => {
-      r(e, u, m || void 0);
-    },
-    [r]
-  ), y = l(
-    (e, u, m) => {
-      r(e, u, m === "" ? void 0 : Number(m));
-    },
-    [r]
-  ), v = l(
-    (e, u, m) => {
-      r(e, u, m || void 0);
-    },
-    [r]
-  );
-  return b.length === 0 ? /* @__PURE__ */ t("div", { className: `mapui:flex mapui:flex-col mapui:gap-1 ${c}`.trim(), children: [
-    !d && /* @__PURE__ */ i("h3", { className: "mapui:m-0 mapui:mb-2 mapui:text-sm mapui:font-semibold mapui:text-gray-700", children: "Search & Filter" }),
-    /* @__PURE__ */ i("p", { className: "mapui:m-0 mapui:text-xs mapui:text-gray-500", children: "No searchable layers configured." })
-  ] }) : /* @__PURE__ */ t("div", { className: `mapui:flex mapui:flex-col mapui:gap-3 ${c}`.trim(), children: [
-    !d && /* @__PURE__ */ i("h3", { className: "mapui:m-0 mapui:mb-2 mapui:text-sm mapui:font-semibold mapui:text-gray-700", children: "Search & Filter" }),
-    b.map((e) => {
-      const u = h[e.id] ?? {}, m = Object.values(u).some((a) => a !== void 0);
-      return /* @__PURE__ */ t("div", { className: "mapui:flex mapui:flex-col mapui:gap-2 mapui:border-b mapui:border-gray-100 mapui:pb-2 last:mapui:border-0", children: [
-        /* @__PURE__ */ t("div", { className: "mapui:flex mapui:items-center mapui:justify-between", children: [
-          /* @__PURE__ */ i("span", { className: "mapui:text-xs mapui:font-medium mapui:text-gray-600", children: e.label }),
-          m && /* @__PURE__ */ i(
-            "button",
-            {
-              type: "button",
-              onClick: () => g(e.id),
-              className: "mapui:cursor-pointer mapui:border-none mapui:bg-transparent mapui:p-0 mapui:text-xs mapui:text-blue-600 hover:mapui:text-blue-800",
-              children: "Clear"
-            }
-          )
-        ] }),
-        e.search.fields.map((a) => {
-          const o = u[a.property], s = a.options;
-          return /* @__PURE__ */ t("div", { className: "mapui:flex mapui:flex-col mapui:gap-0.5", children: [
-            /* @__PURE__ */ i("label", { className: "mapui:text-xs mapui:text-gray-500", children: a.label }),
-            a.type === "text" && /* @__PURE__ */ i(
-              "input",
-              {
-                type: "text",
-                value: o ?? "",
-                placeholder: a.placeholder ?? "",
-                onChange: (p) => x(e.id, a.property, p.target.value),
-                className: "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500"
-              }
-            ),
-            a.type === "number" && /* @__PURE__ */ i(
-              "input",
-              {
-                type: "number",
-                value: o ?? "",
-                placeholder: a.placeholder ?? "",
-                onChange: (p) => y(e.id, a.property, p.target.value),
-                className: "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500"
-              }
-            ),
-            a.type === "datetime" && /* @__PURE__ */ i(
-              "input",
-              {
-                type: "datetime-local",
-                value: o ?? "",
-                onChange: (p) => x(e.id, a.property, p.target.value),
-                className: "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500"
-              }
-            ),
-            a.type === "select" && /* @__PURE__ */ t(
-              "select",
-              {
-                value: o ?? "",
-                onChange: (p) => v(e.id, a.property, p.target.value),
-                className: "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500",
-                children: [
-                  /* @__PURE__ */ i("option", { value: "", children: a.placeholder ?? "Select..." }),
-                  s == null ? void 0 : s.map((p) => /* @__PURE__ */ i("option", { value: p, children: p }, p))
-                ]
-              }
-            )
-          ] }, a.property);
-        })
-      ] }, e.id);
-    })
-  ] });
-}
-export {
-  C as S
-};

package/dist/useCsvExport-C4WAm7kG.js

@@ -1,146 +0,0 @@
-import { useState as d, useEffect as j, useCallback as w } from "react";
-function b(e) {
-  return e.endsWith("/") ? e.slice(0, -1) : e;
-}
-async function C(e) {
-  const n = await fetch(e);
-  if (!n.ok)
-    throw new Error(`OGC API request failed: ${n.status} ${n.statusText} (${e})`);
-  return n.json();
-}
-async function R(e) {
-  const n = `${b(e)}/collections?f=json`;
-  return (await C(n)).collections;
-}
-async function S(e, n, t = {}) {
-  var c;
-  const r = b(e), s = new URLSearchParams({ f: "geojson" });
-  if (t.limit != null && s.set("limit", String(t.limit)), t.offset != null && s.set("offset", String(t.offset)), t.bbox && s.set("bbox", t.bbox.join(",")), (c = t.properties) != null && c.length && s.set("properties", t.properties.join(",")), t.datetime && s.set("datetime", t.datetime), t.filter)
-    for (const [a, o] of Object.entries(t.filter))
-      s.set(a, String(o));
-  const i = `${r}/collections/${encodeURIComponent(n)}/items?${s}`;
-  return C(i);
-}
-async function k(e, n) {
-  const r = `${b(e)}/collections/${encodeURIComponent(n)}/queryables?f=schemajson`;
-  return C(r);
-}
-function v(e, n, t = "WebMercatorQuad") {
-  return `${b(e)}/collections/${encodeURIComponent(n)}/tiles/${encodeURIComponent(t)}/tilejson.json`;
-}
-function L(e, n, t = "WebMercatorQuad") {
-  return `${b(e)}/collections/${encodeURIComponent(n)}/tiles/${encodeURIComponent(t)}/{z}/{x}/{y}`;
-}
-function I(e, n, t, r = "WebMercatorQuad") {
-  const i = `${b(e)}/collections/${encodeURIComponent(n)}/tiles/${encodeURIComponent(r)}/{z}/{x}/{y}`;
-  if (!t || Object.keys(t).length === 0) return i;
-  const c = new URLSearchParams();
-  for (const [a, o] of Object.entries(t))
-    c.set(a, String(o));
-  return `${i}?${c}`;
-}
-function J(e) {
-  const [n, t] = d([]), [r, s] = d(!1), [i, c] = d(null);
-  return j(() => {
-    if (!e) return;
-    let a = !1;
-    return s(!0), c(null), R(e).then((o) => {
-      a || t(o);
-    }).catch((o) => {
-      a || c(o instanceof Error ? o : new Error(String(o)));
-    }).finally(() => {
-      a || s(!1);
-    }), () => {
-      a = !0;
-    };
-  }, [e]), { collections: n, loading: r, error: i };
-}
-function T(e, n, t = {}) {
-  const [r, s] = d([]), [i, c] = d(!1), [a, o] = d(null), [g, f] = d(!1), p = JSON.stringify(t);
-  return j(() => {
-    if (!e || !n) return;
-    let h = !1;
-    c(!0), o(null);
-    const u = JSON.parse(p);
-    return S(e, n, u).then((l) => {
-      if (!h) {
-        s(l.features);
-        const y = u.limit ?? 10, m = u.offset ?? 0;
-        l.numberMatched != null ? f(m + l.features.length < l.numberMatched) : f(l.features.length >= y);
-      }
-    }).catch((l) => {
-      h || (o(l instanceof Error ? l : new Error(String(l))), s([]), f(!1));
-    }).finally(() => {
-      h || c(!1);
-    }), () => {
-      h = !0;
-    };
-  }, [e, n, p]), { features: r, loading: i, error: a, hasMore: g };
-}
-function $(e, n) {
-  return e.includes('"') || e.includes(n) || e.includes(`
-`) ? `"${e.replace(/"/g, '""')}"` : e;
-}
-function E(e, n) {
-  const t = (e.properties ?? {})[n];
-  return t == null ? "" : typeof t == "object" ? JSON.stringify(t) : String(t);
-}
-function U(e, n = {}) {
-  const { fields: t, includeGeometry: r = !1, delimiter: s = "," } = n;
-  if (e.length === 0) return "";
-  const i = t ?? [...new Set(e.flatMap((o) => Object.keys(o.properties ?? {})))], c = r ? [...i, "geometry"] : i, a = e.map((o) => {
-    const g = i.map(
-      (f) => $(E(o, f), s)
-    );
-    return r && g.push($(JSON.stringify(o.geometry), s)), g.join(s);
-  });
-  return [c.map((o) => $(o, s)).join(s), ...a].join(`
-`);
-}
-function M(e, n) {
-  const t = new Blob([e], { type: "text/csv;charset=utf-8;" }), r = URL.createObjectURL(t), s = document.createElement("a");
-  s.href = r, s.download = n, s.style.display = "none", document.body.appendChild(s), s.click(), document.body.removeChild(s), URL.revokeObjectURL(r);
-}
-function z({
-  baseUrl: e,
-  limit: n = 1e3,
-  csvOptions: t
-}) {
-  const [r, s] = d(!1), [i, c] = d(null);
-  return { exportCsv: w(
-    async (o, g = `${o}.csv`) => {
-      s(!0), c(null);
-      const f = [], p = Math.min(n, 1e3);
-      let h = 0;
-      try {
-        for (; f.length < n; ) {
-          const l = n - f.length, y = Math.min(p, l), m = await S(e, o, {
-            limit: y,
-            offset: h
-          });
-          if (f.push(...m.features), h += m.features.length, m.features.length < y || m.numberMatched != null && h >= m.numberMatched) break;
-        }
-        const u = U(f, t);
-        M(u, g);
-      } catch (u) {
-        c(u instanceof Error ? u : new Error(String(u)));
-      } finally {
-        s(!1);
-      }
-    },
-    [e, n, t]
-  ), loading: r, error: i };
-}
-export {
-  S as a,
-  k as b,
-  v as c,
-  L as d,
-  J as e,
-  R as f,
-  I as g,
-  T as h,
-  M as i,
-  U as j,
-  z as u
-};