@hybridcore/ui 1.3.6 → 1.4.0

package/dist/components/data-security-selectors/dissemination-list/index.js

@@ -2,7 +2,7 @@ import { jsxs as $t, jsx as ye } from "react/jsx-runtime";
 import * as V from "react";
 import { useLayoutEffect as _t, useContext as Kt, useRef as j, useState as te, createContext as qt, useMemo as ee, useCallback as P, Component as en, Fragment as Ne, useEffect as bt, forwardRef as tn } from "react";
 import { Box as nn, FormLabel as un, FormHelperText as on } from "@mui/material";
-import { a as an, _ as A } from "../../../extends-Cyw62AD_.js";
+import { a as an, _ as A } from "../../../objectWithoutPropertiesLoose-BK36oJDi.js";
 import { _ as rn, a as ln } from "../../../assertThisInitialized-BUtkG-md.js";
 import { keyframes as sn, jsx as C, css as pt } from "@emotion/react";
 import { createPortal as cn } from "react-dom";
@@ -3089,7 +3089,7 @@ const po = ({
   memberedGroups: n,
   selectedIds: e,
   showError: i = !1,
-  variant: u = "standart",
+  variant: u = "outlined",
   onChange: t
 }) => {
   const [a, r] = te(
@@ -3171,7 +3171,7 @@ const po = ({
               control: (l) => ({
                 ...l,
                 boxShadow: "none",
-                ...u === "standart" && {
+                ...u === "standard" && {
                   border: "none",
                   borderBottom: "1px solid",
                   borderRadius: 0,
@@ -3182,12 +3182,18 @@ const po = ({
               valueContainer: (l) => ({
                 ...l,
                 fontSize: "1rem",
-                ...u === "standart" ? { paddingLeft: 0 } : {
-                  padding: "6px 0px 3px 8px"
+                ...u === "standard" ? { paddingLeft: 0 } : {
+                  // padding: "6px 0px 3px 8px",
+                  padding: "9px 14px",
+                  minHeight: 55
                 },
                 ...i && { color: "#c00" }
               }),
-              multiValueRemove: (l, c) => c.data.isFixed ? { ...l, display: "none" } : l
+              multiValueRemove: (l, c) => c.data.isFixed ? { ...l, display: "none" } : l,
+              multiValue: (l) => ({
+                ...l,
+                padding: 5
+              })
             }
           }
         ),

package/dist/components/data-security-selectors/security-level/index.js

@@ -1,81 +1,82 @@
-import { jsxs as m, Fragment as A, jsx as n } from "react/jsx-runtime";
+import { jsxs as a, Fragment as A, jsx as l } from "react/jsx-runtime";
 import { useMemo as C } from "react";
-import { FormControl as D, InputLabel as F, Select as I, MenuItem as $, FormHelperText as j } from "@mui/material";
-import { hasDataAccess as a } from "../../access/helpers.js";
-const p = ({
-  ontologyId: s,
-  appRoles: f,
+import { FormControl as D, InputLabel as F, Select as $, MenuItem as j, FormHelperText as I } from "@mui/material";
+import { hasDataAccess as g } from "../../access/helpers.js";
+const q = ({
+  ontologyId: h,
+  appRoles: o,
   templateKeys: e,
-  templateType: o,
-  securityLevels: l,
-  value: g,
-  minLevel: i = 99,
-  minLevelId: c,
-  minLevelRoles: t,
-  showError: h,
-  variant: d = "standard",
+  templateType: c,
+  securityLevels: i,
+  value: s,
+  minLevel: t = 99,
+  minLevelId: u,
+  minLevelRoles: n,
+  showError: d,
+  variant: m = "outlined",
   onChange: S
 }) => {
   const b = C(() => {
-    if (t && t.length > 0) {
-      for (let r of t)
-        if (a(r, "SUPER_ADMIN", f))
-          return i;
+    if (n && n.length > 0) {
+      for (const r of n)
+        if (g(r, "SUPER_ADMIN", o))
+          return t;
     }
-    if (e && e.length > 0 && o) {
-      for (let r of e)
-        if (a(
-          `${s}.${o}.${r}`,
+    if (e && e.length > 0 && c) {
+      for (const r of e)
+        if (g(
+          `${h}.${c}.${r}`,
           "SUPER_ADMIN",
-          f
+          o
         ))
-          return i;
+          return t;
     }
-    if (c && l.length > 0) {
-      const r = l.find(
-        (u) => u.id === c
+    if (u && i.length > 0) {
+      const r = i.find(
+        (f) => f.id === u
       );
       if (r) return r.level;
     }
-    return i;
+    return t;
   }, [
-    i,
-    c,
-    l,
     t,
+    u,
+    i,
+    n,
     e,
-    o
+    c,
+    o,
+    h
   ]), x = (r) => {
     S(r.target.value);
   };
-  return /* @__PURE__ */ m(A, { children: [
-    /* @__PURE__ */ m(
+  return /* @__PURE__ */ a(A, { children: [
+    /* @__PURE__ */ a(
       D,
       {
         fullWidth: !0,
-        variant: d,
-        error: h,
-        size: d === "outlined" ? "small" : "medium",
-        sx: { ...d === "outlined" && { mt: 1 } },
+        variant: m,
+        error: d,
+        sx: { ...m === "outlined" && { mt: 1 } },
         children: [
-          /* @__PURE__ */ n(F, { id: "security-level-label", children: "Security Level *" }),
-          /* @__PURE__ */ n(
-            I,
+          /* @__PURE__ */ l(F, { id: "security-level-label", children: "Security Level *" }),
+          /* @__PURE__ */ l(
+            $,
             {
               label: "Security Level *",
               labelId: "security-level-label",
               id: "demo-simple-select",
-              value: g,
+              value: s,
               onChange: x,
-              children: l.filter((r) => r.level <= b).map((r, u) => /* @__PURE__ */ n($, { value: r.id, children: r.name }, u))
+              children: i.filter((r) => r.level <= b).map((r, f) => /* @__PURE__ */ l(j, { value: r.id, children: r.name }, f))
             }
           )
         ]
       }
     ),
-    h && /* @__PURE__ */ n(j, { error: !0, children: "This field is required!" })
+    d && /* @__PURE__ */ l(I, { error: !0, children: "This field is required!" })
   ] });
 };
 export {
-  p as SecurityLevel
+  q as SecurityLevel
 };

package/dist/components/date-time-picker/index.js

@@ -1,103 +1,124 @@
-import { jsxs as l, Fragment as w, jsx as e } from "react/jsx-runtime";
-import { useState as T, useMemo as y } from "react";
-import { Stack as d, IconButton as F, Menu as P, MenuItem as E } from "@mui/material";
-import { DatePicker as B } from "@mui/x-date-pickers";
-import h from "dayjs";
-import f from "lodash";
-import { PatternFormat as I } from "react-number-format";
-import { Schedule as Z } from "@mui/icons-material";
-import $ from "../../hooks/useMenuLogic.js";
-const K = ({
-  value: g,
-  name: Y,
-  minDate: D,
-  variant: M,
-  size: H = "small",
-  minuteStep: m = 30,
-  pattern: S = "##:##:##",
-  onChange: c
+import { jsxs as d, Fragment as w, jsx as e } from "react/jsx-runtime";
+import { useState as y, useMemo as F } from "react";
+import { useTheme as P, Stack as B, Box as E, IconButton as I, Menu as R, MenuItem as Z } from "@mui/material";
+import { DatePicker as $ } from "@mui/x-date-pickers";
+import g from "dayjs";
+import Y from "lodash";
+import { PatternFormat as j } from "react-number-format";
+import { Schedule as v } from "@mui/icons-material";
+import z from "../../hooks/useMenuLogic.js";
+const Q = ({
+  value: c,
+  name: D,
+  minDate: M,
+  variant: r,
+  label: x,
+  size: b = "small",
+  minuteStep: a = 30,
+  pattern: C = "##:##:##",
+  onChange: p
 }) => {
-  const r = $(), [o, p] = T(h(g)), v = y(() => {
-    let t = [];
-    for (let n = 0; n < 24; n++)
-      for (let i = 0; i < 60 / m; i++) {
-        const a = f.padStart(n.toString(), 2, "0"), s = f.padStart(
-          (i * m).toString(),
+  const n = z(), [t, u] = y(c ? g(c) : null), h = P(), H = F(() => {
+    const o = [];
+    for (let s = 0; s < 24; s++)
+      for (let i = 0; i < 60 / a; i++) {
+        const l = Y.padStart(s.toString(), 2, "0"), m = Y.padStart(
+          (i * a).toString(),
           2,
           "0"
-        ), k = `${a}:${s}`;
-        t.push(k);
+        ), k = `${l}:${m}`;
+        o.push(k);
       }
-    return t;
-  }, [m]), x = (t) => {
-    t && (p(t), c(t.format("YYYY-MM-DDTHH:mm:ssZ")));
-  }, u = (t) => {
-    const [n, i, a] = t.target.value.split(":");
-    let s = h(o).set("hour", n ?? 0).set("m", i ?? 0).set("s", a ?? 0);
-    p(s), c(s.format("YYYY-MM-DDTHH:mm:ssZ"));
-  }, C = (t) => () => {
-    u({
+    return o;
+  }, [a]), S = (o) => {
+    o && (u(o), p(o.format("YYYY-MM-DDTHH:mm:ssZ")));
+  }, f = (o) => {
+    const [s, i, l] = o.target.value.split(":"), m = g(t).set("hour", s ?? 0).set("m", i ?? 0).set("s", l ?? 0);
+    u(m), p(m.format("YYYY-MM-DDTHH:mm:ssZ"));
+  }, T = (o) => () => {
+    f({
       target: {
-        value: t
+        value: o
       }
-    }), r.action.close();
+    }), n.action.close();
   };
-  return /* @__PURE__ */ l(w, { children: [
-    /* @__PURE__ */ l(d, { direction: "row", spacing: 2, children: [
+  return /* @__PURE__ */ d(w, { children: [
+    /* @__PURE__ */ d(B, { direction: "row", spacing: 2, mb: 1, alignItems: "flex-end", children: [
       /* @__PURE__ */ e(
-        B,
+        $,
         {
-          value: o,
+          label: x,
+          value: t,
           format: "DD/MM/YYYY",
-          minDate: D,
-          onChange: x,
+          minDate: M,
+          onChange: S,
           slotProps: {
             textField: {
-              variant: M,
-              size: H
+              variant: r,
+              size: b
             }
           }
         }
       ),
-      /* @__PURE__ */ l(d, { direction: "row", position: "relative", children: [
+      /* @__PURE__ */ d(E, { position: "relative", children: [
         /* @__PURE__ */ e(
-          I,
+          j,
           {
-            format: S,
+            format: C,
             allowEmptyFormatting: !0,
-            value: o == null ? void 0 : o.format("HH:mm:ss"),
-            onChange: u,
+            value: t == null ? void 0 : t.format("HH:mm:ss"),
+            onChange: f,
             style: {
-              border: 0,
-              borderBottom: "1px solid #333",
               fontSize: 16,
-              width: 120
+              width: 120,
+              ...r === "standard" && {
+                height: 32,
+                border: 0,
+                borderBottom: "1px solid",
+                padding: "0"
+              },
+              ...r === "outlined" && {
+                height: 54,
+                border: "1px solid",
+                borderRadius: h.shape.borderRadius,
+                padding: "0 10px"
+              },
+              borderColor: h.palette.action.disabled
             }
           }
         ),
         /* @__PURE__ */ e(
-          F,
+          I,
           {
-            onClick: r.action.open,
-            sx: { position: "absolute", top: -4, right: 0 },
-            children: /* @__PURE__ */ e(Z, {})
+            onClick: n.action.open,
+            sx: {
+              position: "absolute",
+              right: 0,
+              ...r === "standard" && {
+                top: -4
+              },
+              ...r === "outlined" && {
+                top: 8
+              }
+            },
+            children: /* @__PURE__ */ e(v, {})
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ e(
-      P,
+      R,
       {
         id: "time-menu",
-        anchorEl: r.state.anchorEl,
-        open: r.state.isOpen,
-        onClose: r.action.close,
-        children: v.map((t) => /* @__PURE__ */ e(E, { onClick: C(t), children: t }, t))
+        anchorEl: n.state.anchorEl,
+        open: n.state.isOpen,
+        onClose: n.action.close,
+        children: H.map((o) => /* @__PURE__ */ e(Z, { onClick: T(o), children: o }, o))
       }
     ),
-    /* @__PURE__ */ e("input", { type: "hidden", name: Y, value: (o == null ? void 0 : o.format()) ?? "" })
+    /* @__PURE__ */ e("input", { type: "hidden", name: D, value: (t == null ? void 0 : t.format()) ?? "" })
   ] });
 };
 export {
-  K as DateTimePicker
+  Q as DateTimePicker
 };

package/dist/components/geometry-picker/coordinate/index.js

@@ -2,7 +2,7 @@ import { jsxs as l, Fragment as p, jsx as o } from "react/jsx-runtime";
 import { Button as a, Box as f } from "@mui/material";
 import u from "../map/index.js";
 import C from "../parser/index.js";
-import { g as y, c as g } from "../../../ol-BUKJ1urU.js";
+import { g as y, c as g } from "../../../ol-CHaVTXvL.js";
 import { useState as h } from "react";
 import { Add as P } from "@mui/icons-material";
 import { parse as v, convert as x } from "../../map/helpers/wkt.js";

package/dist/components/geometry-picker/edit/index.js

@@ -1,42 +1,42 @@
 import { jsxs as a, jsx as e, Fragment as x } from "react/jsx-runtime";
 import E, { useState as F, useEffect as T } from "react";
 import { Dialog as w, DialogContent as K, DialogActions as j, Button as c, Box as O } from "@mui/material";
-import C from "../map/index.js";
-import { c as P, a as R } from "../../../ol-BUKJ1urU.js";
+import g from "../map/index.js";
+import { c as P, a as R } from "../../../ol-CHaVTXvL.js";
 import { parse as S } from "../../map/helpers/wkt.js";
 import _ from "lodash";
 import { t as B } from "../../../Source-Hf_SiWEW.js";
 function z({
-  value: g,
-  disableActions: y,
+  value: y,
+  disableActions: D,
   mapboxAccessToken: s,
-  variant: D = "inline",
+  variant: W = "inline",
   mapId: f,
   onCancel: l,
   onSubmit: u,
   onChange: d
 }) {
-  const r = E.useRef(null), [t, W] = F(g), m = () => {
+  const r = E.useRef(null), [t, k] = F(y), m = () => {
     u && u(t);
   }, p = (n) => {
     const o = P({ features: n });
-    W(o), d && d(o);
-  }, k = () => {
-    var o, h, v;
+    k(o), d && d(o);
+  }, h = () => {
+    var o, v, C;
     const n = S(t);
     if (!_.isArray(n))
       if (n.type === "Point") {
         const i = B(n.coordinates, "EPSG:4326", "EPSG:3857");
-        (o = r.current) == null || o.setCenter(i), (h = r.current) == null || h.setZoomLevel(10);
+        (o = r.current) == null || o.setCenter(i), (v = r.current) == null || v.setZoomLevel(10);
       } else {
         const i = R(t);
-        i && ((v = r.current) == null || v.centerToFeature(i[0], [100, 100, 100, 100]));
+        i && ((C = r.current) == null || C.centerToFeature(i[0], [100, 100, 100, 100]));
       }
   };
-  return T(() => (k(), () => {
-  }), []), D === "dialog" ? /* @__PURE__ */ a(w, { open: !0, maxWidth: "sm", fullWidth: !0, onClose: l, children: [
+  return T(() => (h(), () => {
+  }), [h]), W === "dialog" ? /* @__PURE__ */ a(w, { open: !0, maxWidth: "sm", fullWidth: !0, onClose: l, children: [
     /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(
-      C,
+      g,
       {
         id: f,
         ref: r,
@@ -51,7 +51,7 @@ function z({
     ] })
   ] }) : /* @__PURE__ */ a(x, { children: [
     /* @__PURE__ */ e(
-      C,
+      g,
       {
         id: f,
         ref: r,
@@ -60,7 +60,7 @@ function z({
         onDrawEnd: p
       }
     ),
-    !y && /* @__PURE__ */ a(O, { display: "flex", justifyContent: "space-between", mt: 3, children: [
+    !D && /* @__PURE__ */ a(O, { display: "flex", justifyContent: "space-between", mt: 3, children: [
       /* @__PURE__ */ e(c, { color: "primary", onClick: l, children: "Cancel" }),
       /* @__PURE__ */ e(c, { color: "primary", variant: "contained", onClick: m, children: "Ok" })
     ] })

package/dist/components/geometry-picker/geometry/index.js

@@ -1,42 +1,42 @@
 import { jsxs as r, jsx as n, Fragment as M } from "react/jsx-runtime";
 import D, { useState as k } from "react";
-import { Dialog as R, DialogContent as K, Box as t, Typography as x, DialogActions as F, Button as d } from "@mui/material";
+import { Dialog as R, DialogContent as K, Box as o, Typography as x, DialogActions as F, Button as d } from "@mui/material";
 import P from "../map/index.js";
 import b from "../parser/index.js";
-import { c as _ } from "../../../ol-BUKJ1urU.js";
+import { c as _ } from "../../../ol-CHaVTXvL.js";
 import { Button as l } from "../styled.js";
 import { HorizontalRule as j, ShowChart as O, CircleOutlined as I } from "@mui/icons-material";
 import L from "./map-overlay.js";
 function N({
-  mapId: u,
-  mapboxAccessToken: p,
+  mapId: p,
+  mapboxAccessToken: C,
   value: S,
   disableActions: T = !1,
   variant: W = "inline",
-  defaultExtent: C,
+  defaultExtent: m,
   onCancel: s,
-  onSubmit: m,
-  onChange: v
+  onSubmit: v,
+  onChange: h
 }) {
-  const h = D.useRef(null), [i, f] = k(S), [e, B] = k(), y = () => {
-    m && i && m(i);
-  }, g = (o) => {
-    if (o.length > 0) {
-      const c = _({ features: o });
-      f(c);
-    } else f(void 0);
-  }, w = (o) => {
-    f(o);
-  }, a = (o) => () => {
+  const f = D.useRef(null), [i, u] = k(S), [e, B] = k(), y = () => {
+    v && i && v(i);
+  }, g = (t) => {
+    if (t.length > 0) {
+      const c = _({ features: t });
+      u(c);
+    } else u(void 0);
+  }, w = (t) => {
+    u(t);
+  }, a = (t) => () => {
     var c;
-    B(o), (c = h.current) == null || c.addInteractions(o);
+    B(t), (c = f.current) == null || c.addInteractions(t);
   };
-  return D.useEffect(() => (i !== void 0 && v !== void 0 && v(i), () => {
-  }), [i]), W === "dialog" ? /* @__PURE__ */ r(R, { open: !0, maxWidth: "sm", fullWidth: !0, onClose: s, children: [
+  return D.useEffect(() => (i !== void 0 && h !== void 0 && h(i), () => {
+  }), [i, h]), W === "dialog" ? /* @__PURE__ */ r(R, { open: !0, maxWidth: "sm", fullWidth: !0, onClose: s, children: [
     /* @__PURE__ */ r(K, { children: [
-      /* @__PURE__ */ r(t, { display: "flex", justifyContent: "space-between", children: [
+      /* @__PURE__ */ r(o, { display: "flex", justifyContent: "space-between", children: [
         /* @__PURE__ */ n(x, { variant: "subtitle2", children: "Draw On Map" }),
-        /* @__PURE__ */ r(t, { display: "flex", justifyContent: "flex-end", mb: 1, children: [
+        /* @__PURE__ */ r(o, { display: "flex", justifyContent: "flex-end", mb: 1, children: [
           /* @__PURE__ */ n(
             l,
             {
@@ -69,15 +69,15 @@ function N({
           )
         ] })
       ] }),
-      /* @__PURE__ */ r(t, { position: "relative", children: [
+      /* @__PURE__ */ r(o, { position: "relative", children: [
         /* @__PURE__ */ n(
           P,
           {
-            id: u,
-            ref: h,
-            mapboxAccessToken: p,
+            id: p,
+            ref: f,
+            mapboxAccessToken: C,
             drawingWKTData: i,
-            defaultExtent: C,
+            defaultExtent: m,
             onDrawEnd: g
           }
         ),
@@ -90,9 +90,9 @@ function N({
       /* @__PURE__ */ n(d, { variant: "contained", onClick: y, children: "Ok" })
     ] })
   ] }) : /* @__PURE__ */ r(M, { children: [
-    /* @__PURE__ */ r(t, { display: "flex", justifyContent: "space-between", children: [
+    /* @__PURE__ */ r(o, { display: "flex", justifyContent: "space-between", children: [
       /* @__PURE__ */ n(x, { variant: "subtitle2", children: "Draw On Map" }),
-      /* @__PURE__ */ r(t, { display: "flex", justifyContent: "flex-end", mb: 1, children: [
+      /* @__PURE__ */ r(o, { display: "flex", justifyContent: "flex-end", mb: 1, children: [
         /* @__PURE__ */ n(
           l,
           {
@@ -125,22 +125,22 @@ function N({
         )
       ] })
     ] }),
-    /* @__PURE__ */ r(t, { position: "relative", children: [
+    /* @__PURE__ */ r(o, { position: "relative", children: [
       /* @__PURE__ */ n(
         P,
         {
-          id: u,
-          ref: h,
-          mapboxAccessToken: p,
+          id: p,
+          ref: f,
+          mapboxAccessToken: C,
           drawingWKTData: i,
-          defaultExtent: C,
+          defaultExtent: m,
           onDrawEnd: g
         }
       ),
       /* @__PURE__ */ n(L, { show: e === void 0 })
     ] }),
     i !== void 0 && /* @__PURE__ */ n(b, { value: i, onChange: w }),
-    !T && /* @__PURE__ */ r(t, { display: "flex", justifyContent: "space-between", mt: 3, children: [
+    !T && /* @__PURE__ */ r(o, { display: "flex", justifyContent: "space-between", mt: 3, children: [
       /* @__PURE__ */ n(d, { color: "primary", onClick: s, children: "Cancel" }),
       /* @__PURE__ */ n(
         d,