@hybridcore/ui 1.6.0 → 1.6.2

package/dist/components/instance-form/components/composite-matrix/components/table/index.js

@@ -1,56 +1,37 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { TableContainer as T, Paper as b, Table as u, TableHead as v, TableRow as g, TableCell as e, TableBody as x } from "@mui/material";
-const j = ({
-  data: m,
-  rowLabels: o,
-  colLabels: h,
-  renderCell: p,
-  onCellClick: i,
-  showHeaderCornerCell: s = !0
-}) => {
-  const f = (n, t, a) => () => {
-    i == null || i(n, t, a);
+import { jsx as l, jsxs as c } from "react/jsx-runtime";
+import { Paper as T, Table as g, TableHead as M, TableRow as d, TableBody as f } from "@mui/material";
+import { CompositeMatrixTableContainer as H, CompositeMatrixTableHeaderCell as m, CompositeMatrixTableCell as j } from "../../../../styled.js";
+const S = (h) => {
+  const {
+    data: p,
+    rowLabels: t,
+    colLabels: o,
+    renderCell: s,
+    onCellClick: r,
+    showHeaderCornerCell: b = !0
+  } = h, C = (a, e, i) => () => {
+    r == null || r(a, e, i);
   };
-  return /* @__PURE__ */ r(
-    T,
-    {
-      component: b,
-      variant: "outlined",
-      sx: { width: "100%", "*": { fontSize: 11 } },
-      children: /* @__PURE__ */ d(u, { size: "small", children: [
-        h && h.length > 0 && /* @__PURE__ */ r(v, { children: /* @__PURE__ */ d(g, { children: [
-          s && /* @__PURE__ */ r(e, { sx: { fontWeight: 600, backgroundColor: "action.hover" } }),
-          h.map((n, t) => /* @__PURE__ */ r(
-            e,
-            {
-              sx: { fontWeight: 600, backgroundColor: "action.hover" },
-              align: "center",
-              children: n
-            },
-            t
-          ))
-        ] }) }),
-        /* @__PURE__ */ r(x, { children: m.map((n, t) => /* @__PURE__ */ d(g, { children: [
-          o && o[t] !== void 0 && /* @__PURE__ */ r(e, { sx: { fontWeight: 600, backgroundColor: "action.hover" }, children: o[t] }),
-          n.map((a, c) => /* @__PURE__ */ r(
-            e,
-            {
-              align: "center",
-              onClick: i ? f(a, t, c) : void 0,
-              sx: {
-                cursor: i ? "pointer" : "default",
-                px: 1.5,
-                py: 0.75
-              },
-              children: p ? p(a, t, c) : String(a)
-            },
-            c
-          ))
-        ] }, t)) })
-      ] })
-    }
-  );
+  return /* @__PURE__ */ l(H, { component: T, variant: "outlined", children: /* @__PURE__ */ c(g, { size: "small", children: [
+    o && o.length > 0 && /* @__PURE__ */ l(M, { children: /* @__PURE__ */ c(d, { children: [
+      b && /* @__PURE__ */ l(m, {}),
+      o.map((a, e) => /* @__PURE__ */ l(m, { align: "center", children: a }, e))
+    ] }) }),
+    /* @__PURE__ */ l(f, { children: p.map((a, e) => /* @__PURE__ */ c(d, { children: [
+      t && t[e] !== void 0 && /* @__PURE__ */ l(m, { children: t[e] }),
+      a.map((i, n) => /* @__PURE__ */ l(
+        j,
+        {
+          ownerState: { clickable: !!r },
+          align: "center",
+          onClick: r ? C(i, e, n) : void 0,
+          children: s ? s(i, e, n) : String(i)
+        },
+        n
+      ))
+    ] }, e)) })
+  ] }) });
 };
 export {
-  j as MatrixTable
+  S as MatrixTable
 };

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

@@ -1,52 +1,46 @@
-import { jsxs as i, Fragment as l, jsx as t } from "react/jsx-runtime";
-import { Edit as p, Add as f } from "@mui/icons-material";
-import { Typography as u } from "@mui/material";
-import { useState as g } from "react";
-import h from "./components/editor/index.js";
-import { Container as x, Values as C, MiniButton as b } from "./styled.js";
-import w from "../../../../hooks/useToggle.js";
-const y = {
+import { jsxs as i, Fragment as p, jsx as o } from "react/jsx-runtime";
+import { Edit as u, Add as x } from "@mui/icons-material";
+import { useState as C } from "react";
+import f from "../../../../hooks/useToggle.js";
+import { CompositeMatrixContainer as g, CompositeMatrixLabel as h, CompositeMatrixValues as M, CompositeMatrixMiniButton as b } from "../../styled.js";
+import { Editor as w } from "./components/editor/index.js";
+const S = {
   columnLabels: [],
   rowLabels: [],
   data: []
-};
-function L({
-  property: r,
-  value: o,
-  variant: s = "standard",
-  onChange: d
-}) {
-  const n = w(!1), [e, m] = g(
-    o || y
-  ), a = o && o.data, c = () => {
-    d(e), n.action.close();
+}, y = (r) => {
+  const { property: s, value: t, variant: l = "standard", onChange: m } = r, a = f(!1), [n, c] = C(
+    t || S
+  ), e = !!(t && t.data), d = () => {
+    m(n), a.action.close();
   };
-  return /* @__PURE__ */ i(l, { children: [
-    /* @__PURE__ */ i(x, { variant: s, children: [
-      /* @__PURE__ */ t(u, { children: r.name }),
-      /* @__PURE__ */ t(C, { children: a ? JSON.stringify(o.data) : null }),
-      /* @__PURE__ */ t(
+  return /* @__PURE__ */ i(p, { children: [
+    /* @__PURE__ */ i(g, { ownerState: { variant: l }, children: [
+      /* @__PURE__ */ o(h, { children: s.name }),
+      /* @__PURE__ */ o(M, { children: e && t ? JSON.stringify(t.data) : null }),
+      /* @__PURE__ */ o(
         b,
         {
-          startIcon: a ? /* @__PURE__ */ t(p, {}) : /* @__PURE__ */ t(f, {}),
+          ownerState: { variant: "text" },
+          startIcon: e ? /* @__PURE__ */ o(u, {}) : /* @__PURE__ */ o(x, {}),
           variant: "text",
-          onClick: n.action.open,
-          children: a ? "Edit" : "Add"
+          onClick: a.action.open,
+          children: e ? "Edit" : "Add"
         }
       )
     ] }),
-    /* @__PURE__ */ t(
-      h,
+    /* @__PURE__ */ o(
+      w,
       {
-        data: e,
-        onChange: m,
-        open: n.state.isOpen,
-        onClose: n.action.close,
-        onSubmit: c
+        data: n,
+        onChange: c,
+        open: a.state.isOpen,
+        onClose: a.action.close,
+        onSubmit: d
       }
     )
   ] });
-}
+};
 export {
-  L as default
+  y as CompositeMatrix
 };

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

@@ -1,86 +1,52 @@
-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: o = "standart",
-  labelPosition: r = "default",
-  onChange: d
-}) => {
-  const a = (e) => {
-    d(e.map((s) => s.id));
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
+import m from "react-select";
+import { PolicyListRoot as b, PolicyListLabel as f } from "../../styled.js";
+const h = (a) => {
+  const {
+    policyList: r,
+    value: l = [],
+    showError: t = !1,
+    variant: e = "standart",
+    labelPosition: s = "default",
+    onChange: d
+  } = a, i = { variant: e, showError: t }, c = (o) => {
+    d(o.map((p) => p.id));
   };
-  return /* @__PURE__ */ p(
-    c,
-    {
-      sx: {
-        ...o === "outlined" && {
-          position: "relative",
-          mt: 1.5,
-          zIndex: 9
-        }
-      },
-      children: [
-        r === "default" && /* @__PURE__ */ n(
-          m,
-          {
-            sx: {
-              display: "block",
-              ...t && {
-                color: (e) => e.palette.error.main
-              },
-              ...o === "outlined" && {
-                position: "absolute",
-                fontSize: "small",
-                zIndex: 1,
-                bgcolor: (e) => e.palette.background.paper,
-                ml: 1.5,
-                mt: "-9px",
-                px: 0.5
-              }
+  return /* @__PURE__ */ u(b, { ownerState: i, children: [
+    s === "default" && /* @__PURE__ */ n(f, { ownerState: i, children: "Policy List" }),
+    /* @__PURE__ */ n(
+      m,
+      {
+        value: r.filter((o) => l.includes(o.id)),
+        options: r,
+        isMulti: !0,
+        onChange: c,
+        menuPosition: "fixed",
+        getOptionLabel: (o) => o.name ?? o.key,
+        getOptionValue: (o) => String(o.id),
+        styles: {
+          control: (o) => ({
+            ...o,
+            boxShadow: "none",
+            ...e === "standart" && {
+              border: "none",
+              borderBottom: "1px solid",
+              borderRadius: 0,
+              borderColor: "rgba(0, 0, 0, 0.42)"
             },
-            children: "Policy List"
-          }
-        ),
-        /* @__PURE__ */ n(
-          x,
-          {
-            value: l.filter((e) => i.includes(e.id)),
-            options: l,
-            isMulti: !0,
-            onChange: a,
-            menuPosition: "fixed",
-            getOptionLabel: (e) => e.name ?? e.key,
-            getOptionValue: (e) => String(e.id),
-            styles: {
-              control: (e) => ({
-                ...e,
-                boxShadow: "none",
-                ...o === "standart" && {
-                  border: "none",
-                  borderBottom: "1px solid",
-                  borderRadius: 0,
-                  borderColor: "rgba(0, 0, 0, 0.42)"
-                },
-                ...t && { color: "#c00", borderColor: "#c00" }
-              }),
-              valueContainer: (e) => ({
-                ...e,
-                fontSize: "1rem",
-                ...o === "standart" ? { paddingLeft: 0 } : {
-                  padding: "6px 0px 3px 8px"
-                },
-                ...t && { color: "#c00" }
-              })
-            }
-          }
-        )
-      ]
-    }
-  );
+            ...t && { color: "#c00", borderColor: "#c00" }
+          }),
+          valueContainer: (o) => ({
+            ...o,
+            fontSize: "1rem",
+            ...e === "standart" ? { paddingLeft: 0 } : { padding: "6px 0px 3px 8px" },
+            ...t && { color: "#c00" }
+          })
+        }
+      }
+    )
+  ] });
 };
 export {
-  g as default
+  h as PolicyList
 };

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

@@ -3,20 +3,15 @@ import "@mui/icons-material";
 import "@mui/material";
 import "dayjs";
 import "lodash";
-import { V as k } from "../../../../index-CcdvNlgr.js";
+import "../../../conditional-wrapper/index.js";
 import "../../../date-time-picker/index.js";
 import "../../../geometry-picker/index.js";
 import "../../../phone-input/index.js";
-import "../../../conditional-wrapper/index.js";
-import "../TopLabelWrapper.js";
+import "../../helpers.js";
+import "../../styled.js";
+import { V as d } from "../../../../index-BtlzPygz.js";
 import "../composite-matrix/index.js";
-import "../../../../Box-p6OtTUEo.js";
-import "../../../../TextField-1yCesIbH.js";
-import "../../../../FormControlLabel-C8SPv14J.js";
-import "../../../../Checkbox-CWRMFTBp.js";
-import "../../../../FormControl-BLbrq4C7.js";
-import "../../../../Select-BgYwkZgI.js";
-import "../../../../MenuItem-xZx_w7zA.js";
+import "../TopLabelWrapper.js";
 export {
-  k as default
+  d as Variable
 };

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

@@ -1,61 +1,54 @@
-import { jsx as u, Fragment as I, jsxs as _ } from "react/jsx-runtime";
-import b from "react";
-import { V as g } from "../../../../index-CcdvNlgr.js";
-import p from "lodash";
-import { Box as i } from "@mui/material";
-function C({
-  template: n,
-  value: t,
-  mapboxAccessToken: c,
-  variant: f = "outlined",
-  labelPosition: s = "default",
-  fieldOptions: e,
-  onChange: m
-}) {
-  const h = b.useMemo(() => {
-    let r = n == null ? void 0 : n.properties.filter((o) => o.visible);
-    return r = p.orderBy(r, "id"), r;
-  }, [n]), l = (r) => {
-    const o = {
-      target: {
-        value: { ...t, ...r }
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
+import l from "lodash";
+import v from "react";
+import { VariablesContainer as x, FieldContainer as y } from "../../styled.js";
+import { V as C } from "../../../../index-BtlzPygz.js";
+const B = (d) => {
+  const {
+    template: n,
+    value: i,
+    mapboxAccessToken: u,
+    variant: p = "outlined",
+    labelPosition: c = "default",
+    fieldOptions: e,
+    onChange: f
+  } = d, m = v.useMemo(() => {
+    const r = (n == null ? void 0 : n.properties.filter((o) => o.visible)) ?? [], t = l.orderBy(r, "id");
+    return l.orderBy(
+      t,
+      (o) => {
+        var a;
+        return ((a = e == null ? void 0 : e[o.propertyId]) == null ? void 0 : a.order) ?? 0;
       }
-    };
-    m(o);
+    );
+  }, [n, e]), b = (r) => {
+    f({
+      target: { value: { ...i, ...r } }
+    });
   };
-  return n === void 0 ? /* @__PURE__ */ u(I, {}) : /* @__PURE__ */ u(i, { display: "flex", flexDirection: "column", children: h.filter((r) => {
+  return n === void 0 ? null : /* @__PURE__ */ s(x, { children: m.filter((r) => {
+    var t;
+    return e ? !((t = e[r.propertyId]) != null && t.hidden) : !0;
+  }).map((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,
-      {
-        mb: 2,
-        ...e && ((d = e[r.propertyId]) == null ? void 0 : d.order) && {
-          order: e[r.propertyId].order
-        },
-        children: [
-          /* @__PURE__ */ u(
-            g,
-            {
-              property: r,
-              value: x,
-              mapboxAccessToken: c,
-              variant: f,
-              labelPosition: s,
-              fieldOptions: e,
-              onChange: l
-            }
-          ),
-          e && ((a = e[r.propertyId]) == null ? void 0 : a.helperText)
-        ]
-      },
-      o
-    );
+    const t = i ? i[r.propertyId] : "";
+    return /* @__PURE__ */ h(y, { children: [
+      /* @__PURE__ */ s(
+        C,
+        {
+          property: r,
+          value: t,
+          mapboxAccessToken: u,
+          variant: p,
+          labelPosition: c,
+          fieldOptions: e,
+          onChange: b
+        }
+      ),
+      e && ((o = e[r.propertyId]) == null ? void 0 : o.helperText)
+    ] }, r.propertyId);
   }) });
-}
+};
 export {
-  C as default
+  B as Variables
 };

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

@@ -0,0 +1,9 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { LeftLayout as f, LeftLabel as L, LeftContent as n } from "./styled.js";
+const i = (e) => (o) => /* @__PURE__ */ r(f, { children: [
+  /* @__PURE__ */ t(L, { children: e }),
+  /* @__PURE__ */ t(n, { children: o })
+] });
+export {
+  i as leftLayoutWrapper
+};