@hybridcore/ui 1.5.80 → 1.5.83

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

@@ -0,0 +1,56 @@
+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);
+  };
+  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)) })
+      ] })
+    }
+  );
+};
+export {
+  j as MatrixTable
+};

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

@@ -0,0 +1,52 @@
+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 = {
+  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();
+  };
+  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(
+        b,
+        {
+          startIcon: a ? /* @__PURE__ */ t(p, {}) : /* @__PURE__ */ t(f, {}),
+          variant: "text",
+          onClick: n.action.open,
+          children: a ? "Edit" : "Add"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      h,
+      {
+        data: e,
+        onChange: m,
+        open: n.state.isOpen,
+        onClose: n.action.close,
+        onSubmit: c
+      }
+    )
+  ] });
+}
+export {
+  L as default
+};

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

@@ -0,0 +1,69 @@
+import { styled as t, Box as n, Button as r } from "@mui/material";
+const p = t(n)(({ theme: o, variant: i }) => ({
+  position: "relative",
+  width: "100%",
+  height: "100%",
+  ...i === "outlined" ? {
+    border: "1px solid",
+    padding: "2.5px 60px 2.5px 2.5px",
+    borderRadius: o.spacing(0.5),
+    "& .MuiButton-root": {
+      margin: "7px 8px"
+    }
+  } : {
+    borderBottom: "1px solid",
+    paddingBottom: o.spacing(0.5)
+  },
+  borderColor: o.palette.action.disabled,
+  "&:hover": {
+    borderColor: o.palette.action.active
+  }
+})), d = t(n)(({ theme: o }) => ({
+  minHeight: 33,
+  paddingTop: o.spacing(1),
+  paddingBottom: o.spacing(1),
+  overflow: "hidden",
+  whiteSpace: "nowrap",
+  textOverflow: "ellipsis",
+  "& .MuiChip-root": {
+    marginRight: o.spacing(0.5),
+    marginTop: o.spacing(0.5)
+  },
+  "& .MuiChip-root:first-of-type": {
+    marginLeft: 0
+  }
+})), e = t(r)(({ theme: o, variant: i }) => ({
+  position: "absolute",
+  top: 0,
+  right: 0,
+  fontSize: 10,
+  padding: "3px 8px",
+  minWidth: "auto",
+  boxShadow: o.shadows[1],
+  textTransform: "none",
+  borderRadius: 13,
+  marginLeft: o.spacing(0.5),
+  "& .MuiButton-startIcon": {
+    marginRight: 0.25,
+    "&  > :nth-of-type(1)": {
+      fontSize: 14
+    }
+  },
+  ...i === "contained" && {
+    "&:hover": {
+      backgroundColor: o.palette.grey[300],
+      boxShadow: o.shadows[1]
+    }
+  },
+  ...i === "text" && {
+    backgroundColor: o.palette.common.white,
+    "&:hover": {
+      backgroundColor: o.palette.grey[300]
+    }
+  }
+}));
+export {
+  p as Container,
+  e as MiniButton,
+  d as Values
+};

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

@@ -3,19 +3,20 @@ import "@mui/icons-material";
 import "@mui/material";
 import "dayjs";
 import "lodash";
-import { V as j } from "../../../../index-BmlSd3mA.js";
+import { V as k } from "../../../../index-MMaYBAn0.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 "../../../../Box-SSMZuKnS.js";
-import "../../../../TextField-Db_pNPbv.js";
-import "../../../../FormControlLabel-BNT5EI0b.js";
-import "../../../../Checkbox-B0P8LhCl.js";
-import "../../../../InputLabel-ClDXuWBr.js";
-import "../../../../Select-BQ4C15bt.js";
-import "../../../../MenuItem-Lcjh1XlV.js";
+import "../composite-matrix/index.js";
+import "../../../../Box-B1AVyJ_s.js";
+import "../../../../TextField-Bf46COnQ.js";
+import "../../../../FormControlLabel-DzNokgFD.js";
+import "../../../../Checkbox-CrU2hpWB.js";
+import "../../../../InputLabel-rrSJo8M_.js";
+import "../../../../Select-jjAc5JX1.js";
+import "../../../../MenuItem-C6qlUyV3.js";
 export {
-  j as default
+  k as default
 };

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

@@ -1,6 +1,6 @@
 import { jsx as u, Fragment as I, jsxs as _ } from "react/jsx-runtime";
 import b from "react";
-import { V as g } from "../../../../index-BmlSd3mA.js";
+import { V as g } from "../../../../index-MMaYBAn0.js";
 import p from "lodash";
 import { Box as i } from "@mui/material";
 function C({

package/dist/components/instance-hierarchy-table/styled.js

@@ -1,5 +1,5 @@
 import { styled as r } from "@mui/material";
-import { A as e, a as i, b as n } from "../../AccordionDetails-mpRYHtGq.js";
+import { A as e, a as i, b as n } from "../../AccordionDetails-DhriPVPP.js";
 const c = r(e)(({ theme: o }) => ({
   borderBottom: `1px solid ${o.palette.divider}`,
   "&:before": {

package/dist/components/map/styled.js

@@ -1,5 +1,5 @@
 import { S as c, F as t, a, C as i, I as r, T as f } from "../../Text-Cl1H4b0h.js";
-import { c as w } from "../../createStyled-CUatW1r9.js";
+import { c as w } from "../../createStyled-BGx1I94c.js";
 const d = w(), s = 0.4, g = d("div")(
   ({ theme: n, cssPosition: o = "absolute" }) => ({
     position: o,