@hybridcore/ui 1.0.2 → 1.1.0

package/dist/components/map/helpers/kml.js

@@ -0,0 +1,45 @@
+import n from "lodash";
+import * as s from "@turf/turf";
+import { XMLParser as u, XMLValidator as d, XMLBuilder as f } from "fast-xml-parser";
+const P = (t, r) => new u({
+  ignoreAttributes: !1,
+  ...r
+}).parse(t), b = (t, r) => d.validate(t, {
+  allowBooleanAttributes: !0,
+  ...r
+}), h = (t) => new f({
+  ignoreAttributes: !1
+}).build({ kml: t }), y = (t, r) => {
+  let e = { ...t.kml };
+  return n.has(e, "Document") && (e = e.Document), n.has(e, "Folder") && (e = e.Folder), r && (r.forEach((o) => {
+    n.has(e, "Placemark") && (n.isArray(e.Placemark) ? e.Placemark.forEach((i) => {
+      n.has(i, o) && delete i[o];
+    }) : n.has(e.Placemark, o) && delete e.Placemark);
+  }), n.keys(e).length === 0) ? null : e;
+}, p = (t) => {
+  let r = [0, 0];
+  return t.forEach((e) => {
+    if (e.Point) {
+      r = l(e.Point.coordinates);
+      return;
+    }
+    if (e.Polygon) {
+      const o = e.Polygon.outerBoundaryIs.LinearRing.coordinates.split(" ").map((a) => l(a)), i = s.polygon([o]);
+      r = s.centerOfMass(i).geometry.coordinates;
+      return;
+    }
+    if (e.LineString) {
+      const o = e.LineString.coordinates.split(" ").map((a) => l(a)), i = s.lineString(o);
+      r = s.centerOfMass(i).geometry.coordinates;
+      return;
+    }
+  }), r;
+}, l = (t) => t.split(",").map((r) => Number(r));
+export {
+  h as build,
+  p as findPlacemarkCoordinates,
+  y as getGeometries,
+  l as getNumberCoordinates,
+  P as parse,
+  b as validate
+};

package/dist/components/map/helpers/mapbox.js

@@ -0,0 +1,48 @@
+import n from "mapbox-gl";
+import { L as b, a as y, S as u } from "../../../Source-Bo1Eq6y-.js";
+const v = ({
+  id: r = "map",
+  center: s,
+  style: c,
+  accessToken: i
+}) => {
+  n.accessToken = i;
+  const e = new n.Map({
+    style: c,
+    attributionControl: !1,
+    boxZoom: !1,
+    center: s,
+    container: r,
+    doubleClickZoom: !1,
+    dragPan: !1,
+    dragRotate: !1,
+    interactive: !1,
+    keyboard: !1,
+    pitchWithRotate: !1,
+    scrollZoom: !1,
+    touchZoomRotate: !1
+  }), o = new b({
+    render: function(l) {
+      const a = e.getCanvas(), t = l.viewState, m = o.getVisible();
+      a.style.display = m ? "block" : "none", a.style.position = "absolute";
+      const f = o.getOpacity();
+      a.style.opacity = String(f);
+      const p = t.rotation;
+      return e.jumpTo({
+        // @ts-ignore
+        center: y(t.center),
+        zoom: t.zoom - 1,
+        bearing: -p * 180 / Math.PI,
+        animate: !1
+      }), e._frame && (e._frame.cancel(), e._frame = null), e._render(), a;
+    },
+    source: new u({})
+  });
+  return {
+    map: e,
+    layer: o
+  };
+};
+export {
+  v as createMapboxLayer
+};

package/dist/components/map/helpers/ol.js

@@ -0,0 +1,25 @@
+import "lodash";
+import "../../../Source-Bo1Eq6y-.js";
+import { x as K, a as n, D as T, E as i, d as p, b as u, z as M, y as L, c as l, w as k, B as W, g as f, J as g, A as x, H as C } from "../../../ol-CMEkXXLJ.js";
+import "ol";
+import "./kml.js";
+import "../../../styled-B22KrhDR.js";
+import "./wkt.js";
+import "../../../Text-DVP2PrYM.js";
+export {
+  K as convertFeaturesToKML,
+  n as convertFeaturesToWKT,
+  T as createClusterFromKMLMarkers,
+  i as createClusterFromWKTMarkers,
+  p as createFeaturesFromKML,
+  u as createFeaturesFromWKT,
+  M as createKMLFeature,
+  L as createKMLPlacemark,
+  l as createMap,
+  k as createTileLayer,
+  W as findCenterOfKMLPolygon,
+  f as getWKTCenterOfExtent,
+  g as getWKTExtent,
+  x as kmlToIconFeatures,
+  C as wktToIconFeatures
+};

package/dist/components/map/helpers/wkt.js

@@ -0,0 +1,29 @@
+import i from "terraformer-wkt-parser";
+import * as o from "@turf/turf";
+const l = (e) => {
+  if (e.includes("GEOMETRYCOLLECTION")) {
+    let t = e.replace("GEOMETRYCOLLECTION(", "");
+    t = t.slice(0, -1);
+    let n = t.split("),");
+    return n = n.filter((r) => r !== "").map((r, s) => (s < n.length - 1 && (r += ")"), r)), n.map((r) => i.parse(r));
+  }
+  return i.parse(e);
+}, p = (e) => i.convert(e), u = (e) => {
+  let t = [0, 0];
+  if (e.type === "Point")
+    return t = e.coordinates, t;
+  if (e.type === "Polygon") {
+    const n = o.polygon(e.coordinates);
+    return t = o.centerOfMass(n).geometry.coordinates, t;
+  }
+  if (e.type === "LineString") {
+    const n = o.lineString(e.coordinates);
+    return t = o.centerOfMass(n).geometry.coordinates, t;
+  }
+  return e.type === "MultiPoint" ? (t = o.multiPoint(e.coordinates).geometry.coordinates[0], t) : (console.log("Undefined geometry type!", e.type), t);
+};
+export {
+  p as convert,
+  u as findCoordinate,
+  l as parse
+};

package/dist/components/map/index.js

@@ -0,0 +1,30 @@
+import { jsx as r } from "react/jsx-runtime";
+import t from "react";
+import f from "./logic.js";
+import { M as i } from "../../styled-B22KrhDR.js";
+import '../../assets/index2.css';const p = (o, n) => {
+  var e, a;
+  const { refs: s, action: m } = f(o);
+  return t.useImperativeHandle(n, () => m), /* @__PURE__ */ r(
+    i.Container,
+    {
+      sx: {
+        position: "relative",
+        cursor: ((e = o.options) == null ? void 0 : e.cursor) || "default"
+      },
+      children: /* @__PURE__ */ r(
+        i.Container,
+        {
+          id: o.id || "map",
+          ref: s.mapContainer,
+          cssPosition: (a = o.options) == null ? void 0 : a.cssPosition,
+          onContextMenu: (c) => c.preventDefault(),
+          className: "map"
+        }
+      )
+    }
+  );
+}, x = t.memo(t.forwardRef(p));
+export {
+  x as default
+};

package/dist/components/map/logic.js

@@ -0,0 +1,140 @@
+import u from "react";
+import { c as _ } from "../../ol-CMEkXXLJ.js";
+import { t as b } from "../../Source-Bo1Eq6y-.js";
+function W({
+  id: s = "map",
+  layers: c = [],
+  center: { latitude: l = 0, longitude: g = 0 } = {},
+  zoom: m = 6,
+  options: n,
+  onInit: a
+}) {
+  const t = u.useRef(null), d = u.useRef(null);
+  u.useEffect(() => {
+    let e = setTimeout(y, 50);
+    return () => {
+      e ? clearTimeout(e) : f();
+    };
+  }, []), u.useEffect(() => (c.length > 0 && t.current.setLayers(c), () => {
+  }), [c]);
+  const y = () => {
+    t.current === null && (t.current = _(
+      c,
+      {
+        latitude: l,
+        longitude: g
+      },
+      m,
+      s,
+      n == null ? void 0 : n.interactions,
+      n == null ? void 0 : n.controls
+    ), a && a());
+  }, f = () => {
+    t.current !== null && (t.current.setTarget(null), t.current = null);
+  }, v = (e) => {
+    t.current.addLayer(e);
+  }, L = (e) => {
+    t.current.addOverlay(e);
+  }, x = (e) => {
+    t.current.removeOverlay(e);
+  }, E = (e) => {
+    let r = t.current.getOverlayById(e);
+    t.current.removeOverlay(r);
+  }, z = (e, r) => {
+    t.current.getLayers().insertAt(e, r);
+  }, w = () => t.current.getAllLayers(), V = () => t.current.getLayerGroup(), p = () => t.current.getLayers(), C = () => t.current.getView().getZoom(), O = (e) => t.current.getView().setZoom(e), P = (e) => {
+    t.current.removeLayer(e);
+  }, S = (e) => {
+    t.current.setLayerGroup(e);
+  }, F = (e) => {
+    t.current.setLayers(e);
+  }, G = (e) => {
+    t.current.addInteraction(e);
+  }, I = (e) => {
+    t.current.removeInteraction(e);
+  }, A = (e, r) => {
+    t.current.on(e, r);
+  }, T = () => t.current.getView(), Z = (e) => t.current.getEventPixel(e), h = (e) => t.current.getEventCoordinate(e), B = () => {
+    let e = t.current.getView().calculateExtent();
+    return e = b(e, "EPSG:3857", "EPSG:4326"), {
+      bottomLeft: {
+        latitude: e[1],
+        longitude: e[0]
+      },
+      topRight: {
+        latitude: e[3],
+        longitude: e[2]
+      }
+    };
+  }, M = (e) => t.current.forEachFeatureAtPixel(
+    e,
+    function(r) {
+      return r;
+    }
+  ), i = (e, r = 12, o = [0, 0, 0, 0]) => {
+    t.current.getView().fit(e, {
+      minResolution: r,
+      padding: o
+    });
+  };
+  return {
+    refs: {
+      map: t,
+      mapContainer: d
+    },
+    action: {
+      addInteraction: G,
+      addLayer: v,
+      centerToExtent: i,
+      centerToFeature: (e, r = [0, 0, 0, 0]) => {
+        const o = e.getGeometry();
+        if (o) {
+          const R = o.getExtent();
+          i(R, 12, r);
+        }
+      },
+      forEachFeatureAtPixel: M,
+      getAllLayers: w,
+      getBoundingBox: B,
+      getCoordinateFromPixel: (e) => t.current.getCoordinateFromPixel(e),
+      getEventCoordinate: h,
+      getEventPixel: Z,
+      getLayerGroup: V,
+      getLayers: p,
+      getSize: () => t.current.getSize(),
+      getView: T,
+      getZoomLevel: C,
+      insertLayerAt: z,
+      on: A,
+      removeInteraction: I,
+      removeLayer: P,
+      setLayerGroup: S,
+      setLayers: F,
+      setCenter: (e) => {
+        t.current.getView().setCenter(e);
+      },
+      setZoomLevel: O,
+      addOverlay: L,
+      updateSize: () => {
+        t.current.updateSize();
+      },
+      zoomIn: () => {
+        t.current.getView().animate({
+          zoom: t.current.getView().getZoom() + 1,
+          duration: 250
+        });
+      },
+      zoomOut: () => {
+        t.current.getView().animate({
+          zoom: t.current.getView().getZoom() - 1,
+          duration: 250
+        });
+      },
+      removeOverlay: x,
+      removeOverlayById: E
+    }
+  };
+}
+export {
+  W as default
+};

package/dist/components/map/styled.js

@@ -0,0 +1,8 @@
+import "../../Text-DVP2PrYM.js";
+import { M as l, d as s, a as d, b as o } from "../../styled-B22KrhDR.js";
+export {
+  l as default,
+  s as defaultStyle,
+  d as selectStyleFunction,
+  o as selectedStyle
+};

package/dist/components/phone-input/index.js

@@ -0,0 +1,25 @@
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import p from "react-phone-number-input";
+import { Typography as i } from "@mui/material";
+import { Container as a } from "./styled.js";
+import '../../assets/index.css';const l = ({
+  label: r,
+  value: o,
+  placeholder: e,
+  onChange: t
+}) => /* @__PURE__ */ m(a, { children: [
+  /* @__PURE__ */ n(i, { children: r }),
+  /* @__PURE__ */ n(
+    p,
+    {
+      value: o,
+      placeholder: e,
+      onChange: (h) => {
+        t(String(h));
+      }
+    }
+  )
+] });
+export {
+  l as PhoneInput
+};

package/dist/components/phone-input/styled.js

@@ -0,0 +1,26 @@
+import { styled as n, Box as t } from "@mui/material";
+const i = n(t)(({ theme: o }) => ({
+  marginBottom: o.spacing(2),
+  "& input.PhoneInputInput": {
+    border: "none",
+    borderBottom: "1px solid",
+    borderColor: o.palette.grey[500],
+    paddingTop: o.spacing(1),
+    paddingBottom: o.spacing(1),
+    fontSize: 16,
+    "&:focus, &:focus-visible": {
+      boxShadow: "none",
+      outline: 0
+    }
+  },
+  "& .PhoneInputCountryIcon": {
+    width: 32,
+    height: 22
+  },
+  "& .PhoneInputCountryIcon--border": {
+    boxShadow: "none"
+  }
+}));
+export {
+  i as Container
+};

package/dist/components/search-input/index.js

@@ -0,0 +1,76 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import m, { useState as O } from "react";
+import { Close as k, Search as w } from "@mui/icons-material";
+import { F, I as R, a as _ } from "../../FormControl-C4PmH1vh.js";
+import { O as j } from "../../OutlinedInput-gnp48tDo.js";
+import { I as h } from "../../IconButton-CKHPuOyh.js";
+const z = ({
+  defaultValue: f = "",
+  label: l = "Search",
+  placeholder: p,
+  disableLabel: s = !1,
+  fullWidth: u = !1,
+  iconSize: t = "medium",
+  sx: I,
+  onChange: i,
+  onSubmit: r
+}, g) => {
+  const [a, o] = O(f), C = (n) => {
+    o(n.target.value), i && i(n.target.value);
+  }, d = (n) => {
+    r && r(a);
+  }, v = (n) => {
+    n.key === "Enter" && d();
+  }, x = () => {
+    o("");
+  };
+  m.useImperativeHandle(g, () => ({
+    reset() {
+      x();
+    }
+  }));
+  const y = () => {
+    o(""), r && r("");
+  };
+  return /* @__PURE__ */ c(F, { sx: I, size: "small", variant: "outlined", fullWidth: u, children: [
+    !s && /* @__PURE__ */ e(R, { htmlFor: "search-input", children: l }),
+    /* @__PURE__ */ e(
+      j,
+      {
+        id: "search-input",
+        type: "text",
+        label: s ? "" : l,
+        value: a,
+        placeholder: p,
+        onChange: C,
+        onKeyDown: v,
+        endAdornment: /* @__PURE__ */ c(_, { position: "end", children: [
+          a.length > 0 && /* @__PURE__ */ e(
+            h,
+            {
+              "aria-label": "search",
+              onClick: y,
+              edge: "end",
+              size: t,
+              color: "error",
+              children: /* @__PURE__ */ e(k, { fontSize: t })
+            }
+          ),
+          /* @__PURE__ */ e(
+            h,
+            {
+              "aria-label": "search",
+              onClick: d,
+              edge: "end",
+              size: t,
+              children: /* @__PURE__ */ e(w, { fontSize: t })
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}, H = m.forwardRef(z);
+export {
+  H as SearchInput
+};

package/dist/components/tree-select/index.js

@@ -0,0 +1,70 @@
+import { jsxs as p, Fragment as W, jsx as n } from "react/jsx-runtime";
+import f from "react";
+import { TreeViewFilter as _ } from "../treeview-filter/index.js";
+import r from "lodash";
+import { flattenNestedTemplates as b } from "../../utils/ontology.js";
+import { F as A, I as E } from "../../FormControl-C4PmH1vh.js";
+import { S as M, M as j } from "../../Select-DOyHt8I_.js";
+import { D as B, a as k, b as w, B as L } from "../../Button-BZR43NHz.js";
+const J = ({
+  data: h,
+  label: s,
+  selected: a,
+  disabled: x,
+  idKey: o = "id",
+  onChange: v
+}) => {
+  const [C, u] = f.useState(!1), [S, m] = f.useState([]), d = b(h), l = f.useMemo(() => r.isArray(a) ? a.map(
+    (e) => d.find((t) => String(r.get(t, o)) === e)
+  ) : [], [a, d]), D = (e, t) => {
+    v(e, t);
+  }, I = () => {
+    u(!0), F();
+  }, g = () => {
+    u(!1);
+  }, T = (e, t) => {
+    m(t);
+  }, F = () => {
+    let e = [];
+    l.length > 0 && l.forEach((t) => {
+      const i = t == null ? void 0 : t.parentKeys, O = d.filter((c) => i == null ? void 0 : i.includes(c.templateKey)).map((c) => String(r.get(c, o)));
+      e.push(...O);
+    }), m(e);
+  };
+  return /* @__PURE__ */ p(W, { children: [
+    /* @__PURE__ */ p(A, { variant: "standard", fullWidth: !0, children: [
+      s !== void 0 && /* @__PURE__ */ n(E, { id: "select-label", children: s }),
+      /* @__PURE__ */ n(
+        M,
+        {
+          label: s,
+          variant: "standard",
+          id: "select",
+          labelId: "select-label",
+          value: a,
+          open: !1,
+          onOpen: I,
+          children: l.length > 0 && l.map((e, t) => /* @__PURE__ */ n(j, { value: r.get(e, o) ?? "", children: e == null ? void 0 : e.name }, t))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ p(B, { open: C, onClose: g, fullWidth: !0, maxWidth: "sm", children: [
+      /* @__PURE__ */ n(k, { sx: { p: 1, pt: 2 }, children: /* @__PURE__ */ n(
+        _,
+        {
+          data: h,
+          selected: r.isArray(a) ? a : void 0,
+          disabled: x,
+          expanded: S,
+          idKey: o,
+          onToggle: T,
+          onChange: D
+        }
+      ) }),
+      /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(L, { onClick: g, variant: "contained", fullWidth: !0, children: "OK" }) })
+    ] })
+  ] });
+};
+export {
+  J as TreeSelect
+};

package/dist/components/tree-select/styled.js

@@ -0,0 +1,64 @@
+import { styled as t, Box as e } from "@mui/material";
+import r from "react-dropdown-tree-select";
+const a = t(r)(({ theme: o }) => ({
+  ".dropdown": {
+    display: "block",
+    ".dropdown-trigger": {
+      display: "block",
+      minHeight: 30,
+      border: "none",
+      padding: "4px 0px",
+      borderBottom: `1px solid ${o.palette.text.disabled}`,
+      transition: "all 0.3s",
+      ".placeholder": {
+        color: o.palette.text.disabled
+      },
+      "&::after": {
+        position: "absolute",
+        right: 0,
+        top: 5,
+        color: o.palette.text.primary
+      },
+      ".tag-list .tag-item:last-child": {
+        display: "none"
+      },
+      ".tag-item": {
+        margin: 0,
+        fontSize: "1rem",
+        ".tag": {
+          padding: 0,
+          backgroundColor: "transparent",
+          border: "none",
+          ".tag-remove": {
+            display: "none"
+          }
+        }
+      }
+    },
+    ".dropdown-content": {
+      position: "fixed",
+      width: "50%",
+      backgroundColor: o.palette.background.paper,
+      zIndex: 99999,
+      ".toggle": {
+        padding: "0px 5px",
+        fontStyle: "normal",
+        fontSize: "1rem"
+      },
+      ".search": {
+        padding: 10,
+        boxSizing: "border-box",
+        backgroundColor: o.palette.background.paper,
+        color: o.palette.text.primary
+      }
+    }
+  }
+})), d = t(e)(({}) => ({
+  display: "flex"
+})), i = {
+  Container: a,
+  Placeholder: d
+};
+export {
+  i as default
+};