@hybridcore/ui 1.5.32 → 1.5.34

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

@@ -1,82 +1,94 @@
-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 $, MenuItem as j, FormHelperText as I } from "@mui/material";
+import { jsx as e, jsxs as u, Fragment as A } from "react/jsx-runtime";
+import { useMemo as D } from "react";
+import { Box as p, Typography as F, FormControl as I, InputLabel as $, Select as j, MenuItem as v, FormHelperText as w } from "@mui/material";
 import { a as s } from "../../../helpers-DaCoWmi2.js";
-const q = ({
-  ontologyId: h,
+import { ConditionalWrapper as y } from "../../conditional-wrapper/index.js";
+const B = ({
+  ontologyId: a,
   appRoles: o,
-  templateKeys: e,
+  templateKeys: i,
   templateType: c,
-  securityLevels: i,
-  value: g,
-  minLevel: t = 99,
-  minLevelId: u,
+  securityLevels: t,
+  value: x,
+  minLevel: l = 99,
+  minLevelId: d,
   minLevelRoles: n,
-  showError: d,
-  variant: m = "outlined",
+  showError: m,
+  variant: g = "outlined",
+  labelPosition: f = "default",
   onChange: S
 }) => {
-  const b = C(() => {
+  const C = D(() => {
     if (n && n.length > 0) {
       for (const r of n)
         if (s(r, "SUPER_ADMIN", o))
-          return t;
+          return l;
     }
-    if (e && e.length > 0 && c) {
-      for (const r of e)
+    if (i && i.length > 0 && c) {
+      for (const r of i)
         if (s(
-          `${h}.${c}.${r}`,
+          `${a}.${c}.${r}`,
           "SUPER_ADMIN",
           o
         ))
-          return t;
+          return l;
     }
-    if (u && i.length > 0) {
-      const r = i.find(
-        (f) => f.id === u
+    if (d && t.length > 0) {
+      const r = t.find(
+        (h) => h.id === d
       );
       if (r) return r.level;
     }
-    return t;
+    return l;
   }, [
+    l,
+    d,
     t,
-    u,
-    i,
     n,
-    e,
+    i,
     c,
     o,
-    h
-  ]), x = (r) => {
+    a
+  ]), b = (r) => {
     S(r.target.value);
   };
-  return /* @__PURE__ */ a(A, { children: [
-    /* @__PURE__ */ a(
-      D,
-      {
-        fullWidth: !0,
-        variant: m,
-        error: d,
-        sx: { ...m === "outlined" && { mt: 1 } },
-        children: [
-          /* @__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,
-              onChange: x,
-              children: i.filter((r) => r.level <= b).map((r, f) => /* @__PURE__ */ l(j, { value: r.id, children: r.name }, f))
-            }
-          )
-        ]
-      }
-    ),
-    d && /* @__PURE__ */ l(I, { error: !0, children: "This field is required!" })
-  ] });
+  return /* @__PURE__ */ e(
+    y,
+    {
+      condition: f === "left",
+      wrapper: (r) => /* @__PURE__ */ u(p, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ e(F, { width: "32%", children: "Security Level *" }),
+        /* @__PURE__ */ e(p, { width: "68%", children: r })
+      ] }),
+      children: /* @__PURE__ */ u(A, { children: [
+        /* @__PURE__ */ u(
+          I,
+          {
+            fullWidth: !0,
+            variant: g,
+            error: m,
+            sx: { ...g === "outlined" && { mt: 1 } },
+            children: [
+              f === "default" && /* @__PURE__ */ e($, { id: "security-level-label", children: "Security Level *" }),
+              /* @__PURE__ */ e(
+                j,
+                {
+                  label: f === "default" ? "Security Level *" : void 0,
+                  labelId: "security-level-label",
+                  id: "demo-simple-select",
+                  value: x,
+                  onChange: b,
+                  children: t.filter((r) => r.level <= C).map((r, h) => /* @__PURE__ */ e(v, { value: r.id, children: r.name }, h))
+                }
+              )
+            ]
+          }
+        ),
+        m && /* @__PURE__ */ e(w, { error: !0, children: "This field is required!" })
+      ] })
+    }
+  );
 };
 export {
-  q as SecurityLevel
+  B as SecurityLevel
 };

package/dist/components/instance-form/components/composite-list/index.js

@@ -3,10 +3,11 @@ import "@mui/material";
 import "./styled.js";
 import "@mui/icons-material";
 import "../../../../hooks/useToggle.js";
-import { C as l } from "../../../../index-CdecY907.js";
+import { C as s } from "../../../../index-OtGK6phq.js";
 import "react";
 import "lodash";
 import "dayjs";
+import "../../../conditional-wrapper/index.js";
 export {
-  l as default
+  s as default
 };

package/dist/components/instance-form/components/policy-list/index.js

@@ -1,40 +1,41 @@
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import { Box as p, FormLabel as c } from "@mui/material";
-import m from "react-select";
-const f = ({
-  policyList: n,
-  value: l = [],
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import { Box as c, FormLabel as m } from "@mui/material";
+import x from "react-select";
+const g = ({
+  policyList: l,
+  value: i = [],
   showError: t = !1,
-  variant: e = "standart",
-  onChange: r
+  variant: o = "standart",
+  labelPosition: r = "default",
+  onChange: d
 }) => {
-  const d = (o) => {
-    r(o.map((a) => a.id));
+  const a = (e) => {
+    d(e.map((s) => s.id));
   };
-  return /* @__PURE__ */ s(
-    p,
+  return /* @__PURE__ */ p(
+    c,
     {
       sx: {
-        ...e === "outlined" && {
+        ...o === "outlined" && {
           position: "relative",
           mt: 1.5,
           zIndex: 9
         }
       },
       children: [
-        /* @__PURE__ */ i(
-          c,
+        r === "default" && /* @__PURE__ */ n(
+          m,
           {
             sx: {
               display: "block",
               ...t && {
-                color: (o) => o.palette.error.main
+                color: (e) => e.palette.error.main
               },
-              ...e === "outlined" && {
+              ...o === "outlined" && {
                 position: "absolute",
                 fontSize: "small",
                 zIndex: 1,
-                bgcolor: (o) => o.palette.background.paper,
+                bgcolor: (e) => e.palette.background.paper,
                 ml: 1.5,
                 mt: "-9px",
                 px: 0.5
@@ -43,21 +44,21 @@ const f = ({
             children: "Policy List"
           }
         ),
-        /* @__PURE__ */ i(
-          m,
+        /* @__PURE__ */ n(
+          x,
           {
-            value: n.filter((o) => l.includes(o.id)),
-            options: n,
+            value: l.filter((e) => i.includes(e.id)),
+            options: l,
             isMulti: !0,
-            onChange: d,
+            onChange: a,
             menuPosition: "fixed",
-            getOptionLabel: (o) => o.name ?? o.key,
-            getOptionValue: (o) => String(o.id),
+            getOptionLabel: (e) => e.name ?? e.key,
+            getOptionValue: (e) => String(e.id),
             styles: {
-              control: (o) => ({
-                ...o,
+              control: (e) => ({
+                ...e,
                 boxShadow: "none",
-                ...e === "standart" && {
+                ...o === "standart" && {
                   border: "none",
                   borderBottom: "1px solid",
                   borderRadius: 0,
@@ -65,10 +66,10 @@ const f = ({
                 },
                 ...t && { color: "#c00", borderColor: "#c00" }
               }),
-              valueContainer: (o) => ({
-                ...o,
+              valueContainer: (e) => ({
+                ...e,
                 fontSize: "1rem",
-                ...e === "standart" ? { paddingLeft: 0 } : {
+                ...o === "standart" ? { paddingLeft: 0 } : {
                   padding: "6px 0px 3px 8px"
                 },
                 ...t && { color: "#c00" }
@@ -81,5 +82,5 @@ const f = ({
   );
 };
 export {
-  f as default
+  g as default
 };

package/dist/components/instance-form/components/variable/index.js

@@ -3,17 +3,18 @@ import "@mui/icons-material";
 import "@mui/material";
 import "dayjs";
 import "lodash";
-import { V as g } from "../../../../index-CdecY907.js";
+import { V as h } from "../../../../index-OtGK6phq.js";
 import "../../../date-time-picker/index.js";
 import "../../../geometry-picker/index.js";
 import "../../../phone-input/index.js";
+import "../../../conditional-wrapper/index.js";
+import "../../../../Box-SSMZuKnS.js";
 import "../../../../TextField-CdKnj6de.js";
 import "../../../../FormControlLabel-BNT5EI0b.js";
 import "../../../../Checkbox-B0P8LhCl.js";
 import "../../../../InputLabel-ClDXuWBr.js";
 import "../../../../Select-DuyWoyoF.js";
 import "../../../../MenuItem-Lcjh1XlV.js";
-import "../../../../Box-SSMZuKnS.js";
 export {
-  g as default
+  h as default
 };

package/dist/components/instance-form/components/variables/index.js

@@ -1,34 +1,35 @@
-import { jsx as u, Fragment as l, jsxs as I } from "react/jsx-runtime";
-import _ from "react";
-import { V as b } from "../../../../index-CdecY907.js";
-import g from "lodash";
+import { jsx as u, Fragment as I, jsxs as _ } from "react/jsx-runtime";
+import b from "react";
+import { V as g } from "../../../../index-OtGK6phq.js";
+import p from "lodash";
 import { Box as i } from "@mui/material";
-function B({
+function C({
   template: n,
   value: t,
   mapboxAccessToken: c,
-  variant: s = "outlined",
+  variant: f = "outlined",
+  labelPosition: s = "default",
   fieldOptions: e,
-  onChange: f
+  onChange: m
 }) {
-  const m = _.useMemo(() => {
+  const h = b.useMemo(() => {
     let r = n == null ? void 0 : n.properties.filter((o) => o.visible);
-    return r = g.orderBy(r, "id"), r;
-  }, [n]), h = (r) => {
+    return r = p.orderBy(r, "id"), r;
+  }, [n]), l = (r) => {
     const o = {
       target: {
         value: { ...t, ...r }
       }
     };
-    f(o);
+    m(o);
   };
-  return n === void 0 ? /* @__PURE__ */ u(l, {}) : /* @__PURE__ */ u(i, { display: "flex", flexDirection: "column", children: m.filter((r) => {
+  return n === void 0 ? /* @__PURE__ */ u(I, {}) : /* @__PURE__ */ u(i, { display: "flex", flexDirection: "column", children: h.filter((r) => {
     var o;
     return e ? !((o = e[r.propertyId]) != null && o.hidden) : !0;
   }).map((r, o) => {
     var d, a;
     const x = t ? t[r.propertyId] : "";
-    return /* @__PURE__ */ I(
+    return /* @__PURE__ */ _(
       i,
       {
         mb: 2,
@@ -37,14 +38,15 @@ function B({
         },
         children: [
           /* @__PURE__ */ u(
-            b,
+            g,
             {
               property: r,
               value: x,
               mapboxAccessToken: c,
-              variant: s,
+              variant: f,
+              labelPosition: s,
               fieldOptions: e,
-              onChange: h
+              onChange: l
             }
           ),
           e && ((a = e[r.propertyId]) == null ? void 0 : a.helperText)
@@ -55,5 +57,5 @@ function B({
   }) });
 }
 export {
-  B as default
+  C as default
 };