@hybridcore/ui 1.6.0 → 1.6.2

package/dist/components/template-form/components/recognition-property-list/index.js

@@ -1,18 +1,18 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { DataGrid as a } from "@mui/x-data-grid";
-import { A as n, a as d, d as s } from "../../../../Add-DJLrrVHm.js";
+import { A as n, a as d, d as s } from "../../../../Add-CqcD1PWb.js";
 import m from "./recognition-property-list-columns.js";
 import c from "./recognition-property-list-form.js";
 import p from "./recognition-property-list-logic.js";
-import { B as g } from "../../../../Box-p6OtTUEo.js";
-import { T as u } from "../../../../Typography-CxbneZy_.js";
-import { B as h } from "../../../../Button-CvE2gnly.js";
-import { D as f, a as y } from "../../../../DialogContent-B3nbEbuv.js";
-import { D as b } from "../../../../dialog-DcwXug9J.js";
-function L(i) {
+import { B as g } from "../../../../Box-DqUMmZjL.js";
+import { T as h } from "../../../../Typography-DgsSLCFC.js";
+import { B as u } from "../../../../Button-C5yquWAB.js";
+import { D as f, a as y } from "../../../../DialogContent-BvVjD9z3.js";
+import { a as b } from "../../../../dialog-BYRnCztH.js";
+const L = (i) => {
   const { state: l, action: t } = p(i);
   return /* @__PURE__ */ r(g, { children: [
-    /* @__PURE__ */ e(u, { variant: "h6", marginY: 2, children: "Recognition Property List" }),
+    /* @__PURE__ */ e(h, { variant: "h6", marginY: 2, children: "Recognition Property List" }),
     i.list.length > 0 ? /* @__PURE__ */ e(
       a,
       {
@@ -29,7 +29,7 @@ function L(i) {
       "Add least one recognition property before save the template!"
     ] }),
     /* @__PURE__ */ e(
-      h,
+      u,
       {
         color: "primary",
         onClick: t.handleOnAddClick,
@@ -63,7 +63,7 @@ function L(i) {
       }
     )
   ] });
-}
+};
 export {
-  L as default
+  L as RecognitionPropertyList
 };

package/dist/components/template-form/components/recognition-property-list/recognition-property-list-columns.js

@@ -1,6 +1,6 @@
 import { jsxs as i, Fragment as t, jsx as e } from "react/jsx-runtime";
-import { d as o, a as l } from "../../../../Delete-CW0UZv1m.js";
-import { I as d } from "../../../../IconButton-CHwRQF-g.js";
+import { d as o, a as l } from "../../../../Delete-BdyYpINH.js";
+import { I as d } from "../../../../IconButton-BoGwbvrP.js";
 const h = (r) => [
   { field: "ownerType", headerName: "Owner Type", width: 120 },
   { field: "owner", headerName: "Owner", width: 120 },

package/dist/components/template-form/components/recognition-property-list/recognition-property-list-form.js

@@ -1,22 +1,23 @@
-import V, { jsxs as i, Fragment as S, jsx as t } from "react/jsx-runtime";
-import o from "react";
-import { r as C, i as g } from "../../../../createSvgIcon-BjpIhJ30.js";
+import V, { jsxs as o, Fragment as S, jsx as t } from "react/jsx-runtime";
+import i from "react";
+import { i as C } from "../../../../generateUtilityClasses-C3ivN9Ie.js";
+import { r as g } from "../../../../createSvgIcon-DuDuASu1.js";
 import { RECOGNITION_PROPERTY_OWNER_TYPE as h, RECOGNITION_PROPERTY_TYPE as T, RECOGNITION_PROPERTY_TERM_MATCH as v } from "../../../../constants/index.js";
-import { F as c, I as u } from "../../../../FormControl-BLbrq4C7.js";
-import { S as d } from "../../../../Select-BgYwkZgI.js";
-import { M as m } from "../../../../MenuItem-xZx_w7zA.js";
-import { T as b } from "../../../../TextField-1yCesIbH.js";
-import { B as M } from "../../../../Box-p6OtTUEo.js";
-import { B as y } from "../../../../Button-CvE2gnly.js";
-var p = {}, q = g;
+import { F as c, T as b } from "../../../../TextField-e2oKaUN1.js";
+import { I as u } from "../../../../InputLabel-Dd8RrneV.js";
+import { S as d } from "../../../../Select-DHUl_uG3.js";
+import { M as m } from "../../../../MenuItem-DwqJqzuM.js";
+import { B as M } from "../../../../Box-DqUMmZjL.js";
+import { B as y } from "../../../../Button-C5yquWAB.js";
+var p = {}, q = C;
 Object.defineProperty(p, "__esModule", {
   value: !0
 });
-var w = p.default = void 0, N = q(C()), W = V;
+var w = p.default = void 0, N = q(g()), W = V;
 w = p.default = (0, N.default)(/* @__PURE__ */ (0, W.jsx)("path", {
   d: "M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z"
 }), "Save");
-function A({
+function L({
   defaultValues: x = {
     owner: "",
     ownerType: h[0],
@@ -29,7 +30,7 @@ function A({
   onSubmit: E,
   onCancel: O
 }) {
-  const [r, f] = o.useState(x), [I, _] = o.useState([]), [l, s] = o.useState({
+  const [r, f] = i.useState(x), [I, _] = i.useState([]), [l, s] = i.useState({
     termValue: !1,
     score: !1
   }), n = (e) => {
@@ -48,9 +49,9 @@ function A({
     }
     E(r);
   };
-  return o.useEffect(() => (l.termValue && r.termValue && s({ ...l, termValue: !1 }), () => {
-  }), [r.termValue]), o.useEffect(() => (l.score && r.score && s({ ...l, score: !1 }), () => {
-  }), [r.score]), o.useEffect(() => {
+  return i.useEffect(() => (l.termValue && r.termValue && s({ ...l, termValue: !1 }), () => {
+  }), [r.termValue]), i.useEffect(() => (l.score && r.score && s({ ...l, score: !1 }), () => {
+  }), [r.score]), i.useEffect(() => {
     if (r.ownerType === "PROPERTY") {
       const e = R("properties");
       _(e);
@@ -60,8 +61,8 @@ function A({
       owner: ""
     })), () => {
     };
-  }, [r.ownerType]), /* @__PURE__ */ i(S, { children: [
-    /* @__PURE__ */ i(c, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
+  }, [r.ownerType]), /* @__PURE__ */ o(S, { children: [
+    /* @__PURE__ */ o(c, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
       /* @__PURE__ */ t(u, { id: "owner-type-select-label", children: "Owner Type" }),
       /* @__PURE__ */ t(
         d,
@@ -76,7 +77,7 @@ function A({
         }
       )
     ] }),
-    r.ownerType === "PROPERTY" && /* @__PURE__ */ i(c, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
+    r.ownerType === "PROPERTY" && /* @__PURE__ */ o(c, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
       /* @__PURE__ */ t(u, { id: "owner-select-label", children: "Owner" }),
       /* @__PURE__ */ t(
         d,
@@ -91,7 +92,7 @@ function A({
         }
       )
     ] }),
-    /* @__PURE__ */ i(c, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
+    /* @__PURE__ */ o(c, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
       /* @__PURE__ */ t(u, { id: "type-select-label", children: "Type" }),
       /* @__PURE__ */ t(
         d,
@@ -106,7 +107,7 @@ function A({
         }
       )
     ] }),
-    /* @__PURE__ */ i(c, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
+    /* @__PURE__ */ o(c, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
       /* @__PURE__ */ t(u, { id: "term-match-select-label", children: "Term Match" }),
       /* @__PURE__ */ t(
         d,
@@ -155,7 +156,7 @@ function A({
         }
       }
     ),
-    /* @__PURE__ */ i(M, { display: "flex", justifyContent: "flex-end", children: [
+    /* @__PURE__ */ o(M, { display: "flex", justifyContent: "flex-end", children: [
       /* @__PURE__ */ t(y, { variant: "contained", onClick: O, sx: { marginRight: 2 }, children: "Cancel" }),
       /* @__PURE__ */ t(
         y,
@@ -170,5 +171,5 @@ function A({
   ] });
 }
 export {
-  A as default
+  L as default
 };

package/dist/components/template-form/components/select-icon/index.js

@@ -1,39 +1,39 @@
 import { jsxs as n, Fragment as C, jsx as e } from "react/jsx-runtime";
 import { AddPhotoAlternate as I, Delete as W, Search as j, CheckBox as E, CloudUpload as P, Add as _ } from "@mui/icons-material";
-import { IconButton as S, Dialog as N, DialogContent as O, Box as u, TextField as q, InputAdornment as z, Button as d, DialogActions as G } from "@mui/material";
-import s from "react";
+import { IconButton as S, Dialog as N, DialogContent as O, Box as u, TextField as q, InputAdornment as z, Button as a, DialogActions as G } from "@mui/material";
+import d from "react";
 import H from "../../../../hooks/useToggle.js";
 import { Tabs as J } from "../../../tabs/index.js";
 import i from "./styled.js";
-function Z({
-  value: p,
+const Z = ({
+  value: s,
   list: A,
   newIcon: o,
   loading: m,
   onChange: f,
   onFileUpload: y
-}) {
-  const { state: b, action: g } = H(!1), [x, k] = s.useState(""), [l, r] = s.useState(null), [h, B] = s.useState();
-  s.useEffect(() => (o && r(o), () => {
+}) => {
+  const { state: b, action: g } = H(!1), [x, k] = d.useState(""), [l, r] = d.useState(null), [p, B] = d.useState();
+  d.useEffect(() => (o && r(o), () => {
   }), [o]);
   const F = (t) => {
     k(t.target.value);
   }, U = (t) => () => {
     r(t);
   }, v = () => {
-    l && (f(l), c());
+    l && (f(l), h());
   }, D = () => {
     r(null), f("");
-  }, c = () => {
+  }, h = () => {
     g.close(), r(null);
   }, R = (t) => {
     t.target.files && B(t.target.files[0]);
   }, T = () => {
-    h && (y(h.name), c());
+    p && y(p);
   };
   return /* @__PURE__ */ n(C, { children: [
     /* @__PURE__ */ n(i.Container, { children: [
-      p ? /* @__PURE__ */ e(i.Img, { src: p }) : /* @__PURE__ */ e(I, { color: "action" }),
+      s ? /* @__PURE__ */ e(i.Img, { src: s }) : /* @__PURE__ */ e(I, { color: "action" }),
       /* @__PURE__ */ n(i.Actions, { children: [
         /* @__PURE__ */ e(
           S,
@@ -44,7 +44,7 @@ function Z({
             children: /* @__PURE__ */ e(I, {})
           }
         ),
-        !!p && /* @__PURE__ */ e(
+        !!s && /* @__PURE__ */ e(
           S,
           {
             title: "Remove Icon",
@@ -59,7 +59,7 @@ function Z({
       N,
       {
         open: b.isOpen,
-        onClose: c,
+        onClose: h,
         maxWidth: "sm",
         fullWidth: !0,
         scroll: "paper",
@@ -85,15 +85,15 @@ function Z({
                       }
                     ),
                     A.filter((t) => {
-                      const a = t.split("/ontology-icon/");
-                      return !(a[1] && a[1].includes("/"));
+                      const c = t.split("/ontology-icon/");
+                      return !(c[1] && c[1].includes("/"));
                     }).filter((t) => {
                       if (x) {
                         if (t.search(new RegExp(x, "i")) !== -1)
                           return !0;
                       } else return !0;
                       return !1;
-                    }).map((t, a) => /* @__PURE__ */ n(
+                    }).map((t, c) => /* @__PURE__ */ n(
                       i.SelectButton,
                       {
                         variant: l === t ? "outlined" : "text",
@@ -104,7 +104,7 @@ function Z({
                           l === t ? /* @__PURE__ */ e(E, {}) : null
                         ]
                       },
-                      a
+                      c
                     ))
                   ] })
                 },
@@ -117,7 +117,7 @@ function Z({
                         p: 1,
                         display: "inline-block",
                         className: "iconSelection",
-                        children: /* @__PURE__ */ e(d, { variant: "outlined", color: "secondary", children: /* @__PURE__ */ e(
+                        children: /* @__PURE__ */ e(a, { variant: "outlined", color: "secondary", children: /* @__PURE__ */ e(
                           "img",
                           {
                             src: o,
@@ -144,13 +144,13 @@ function Z({
                             }
                           ),
                           /* @__PURE__ */ e(
-                            d,
+                            a,
                             {
                               onClick: T,
                               variant: "contained",
                               color: "primary",
                               startIcon: /* @__PURE__ */ e(P, {}),
-                              disabled: m || h === null,
+                              disabled: m || p === null,
                               children: m ? "Uploading..." : "Upload!"
                             }
                           )
@@ -163,9 +163,9 @@ function Z({
             }
           ) }),
           /* @__PURE__ */ n(G, { style: { padding: "5px 15px 15px 15px" }, children: [
-            /* @__PURE__ */ e(d, { onClick: c, variant: "contained", children: "Cancel" }),
+            /* @__PURE__ */ e(a, { onClick: h, variant: "contained", children: "Cancel" }),
             /* @__PURE__ */ e(
-              d,
+              a,
               {
                 onClick: v,
                 color: "primary",
@@ -180,7 +180,7 @@ function Z({
       }
     )
   ] });
-}
+};
 export {
-  Z as default
+  Z as SelectIcon
 };

package/dist/components/template-form/helpers.js

@@ -0,0 +1,17 @@
+import { jsxs as p, jsx as e, Fragment as f } from "react/jsx-runtime";
+import { TemplateFormLeftLayout as n, TemplateFormLeftLabel as a, TemplateFormLeftContent as l, TemplateFormTopLabel as L } from "./styled.js";
+const i = ({
+  label: r,
+  required: m,
+  labelPosition: o,
+  children: t
+}) => o === "left" ? /* @__PURE__ */ p(n, { children: [
+  /* @__PURE__ */ e(a, { required: m, children: r }),
+  /* @__PURE__ */ e(l, { children: t })
+] }) : o === "top" ? /* @__PURE__ */ p(f, { children: [
+  /* @__PURE__ */ e(L, { required: m, children: r }),
+  t
+] }) : /* @__PURE__ */ e(f, { children: t });
+export {
+  i as LabeledField
+};