@hybridcore/ui 1.6.0 → 1.6.1

package/dist/components/instance-table/logic.js

@@ -0,0 +1,122 @@
+import { useThemeProps as N } from "@mui/material";
+import { GridActionsCellItem as S } from "@mui/x-data-grid";
+import G from "dayjs";
+import Y from "lodash";
+import { useMemo as D, createElement as h } from "react";
+import { TemplateIcon as H, TitleButton as R } from "./styled.js";
+const L = (T) => {
+  const C = N({ props: T, name: "HCInstanceTable" }), {
+    template: o,
+    selectedIds: y = [],
+    sortColumnsBy: m = "type",
+    actions: u,
+    actionsWidth: b = 50,
+    enableCheckboxSelection: v = !1,
+    fieldOptions: e,
+    onSelect: w,
+    onTitleClick: f
+  } = C, I = u !== void 0, g = b, M = {
+    ...C,
+    selectedIds: y,
+    sortColumnsBy: m,
+    actionsWidth: b,
+    enableCheckboxSelection: v,
+    hasActions: I,
+    resolvedActionsWidth: g
+  }, A = D(() => {
+    var l, i, n, d, p, k;
+    return [
+      ...(l = e == null ? void 0 : e.templateIcon) != null && l.hidden ? [] : [
+        {
+          field: "template",
+          headerName: "",
+          sortable: !1,
+          filterable: !1,
+          align: "center",
+          width: 30,
+          renderCell: ((i = e == null ? void 0 : e.templateIcon) == null ? void 0 : i.renderCell) ?? (() => o ? h(H, { src: o.icon }) : null)
+        }
+      ],
+      ...(n = e == null ? void 0 : e.title) != null && n.hidden ? [] : [
+        {
+          field: "title",
+          headerName: "Title",
+          width: 400,
+          sortable: !1,
+          filterable: !1,
+          valueGetter: (t) => t.row.title,
+          renderCell: ((d = e == null ? void 0 : e.title) == null ? void 0 : d.renderCell) ?? ((t) => {
+            const { row: r, value: a } = t;
+            return f ? h(
+              R,
+              {
+                onClick: () => f(r),
+                disableRipple: !0
+              },
+              a
+            ) : a;
+          })
+        }
+      ],
+      ...(p = e == null ? void 0 : e.description) != null && p.hidden ? [] : [
+        {
+          field: "description",
+          headerName: "Description",
+          width: 400,
+          sortable: !1,
+          filterable: !1,
+          valueGetter: (t) => t.row.description,
+          renderCell: (k = e == null ? void 0 : e.description) == null ? void 0 : k.renderCell
+        }
+      ],
+      ...o ? o.properties.filter(
+        (t) => (!e || !e[t.propertyId] || !e[t.propertyId].hidden) && t.visible && t.type !== "geometry" && t.type !== "coordinate"
+      ).sort(
+        (t, r) => m === "type" ? t.type < r.type ? -1 : t.type > r.type ? 1 : 0 : t.name < r.name ? -1 : 1
+      ).map((t) => {
+        var a;
+        const r = `variables.${t.type}.${t.propertyId}`;
+        return {
+          field: r,
+          headerName: t.name,
+          sortable: !1,
+          filterable: !1,
+          width: 150,
+          valueFormatter: (s) => s.value && t.type === "date" ? G(s.value).format("DD/MM/YYYY HH:mm") : s.value,
+          valueGetter: (s) => Y.get(s.row, r),
+          renderCell: e && ((a = e[t.propertyId]) == null ? void 0 : a.renderCell)
+        };
+      }) : []
+    ];
+  }, [o, e, f, m]);
+  return {
+    refs: {},
+    state: {
+      ownerState: M,
+      columns: A,
+      selectedIds: y,
+      enableCheckboxSelection: v,
+      hasActions: I,
+      resolvedActionsWidth: g
+    },
+    actions: { onRowSelectionModelChange: (c) => {
+      w && w(c);
+    }, getActions: (c) => u ? u.map((l, i) => {
+      const { showInMenu: n, ...d } = l, p = {
+        key: i,
+        ...d,
+        ...n ? { showInMenu: n } : {},
+        onClick: () => {
+          l.onClick && l.onClick(c);
+        }
+      };
+      return h(
+        S,
+        p
+      );
+    }) : [] }
+  };
+};
+export {
+  L as useInstanceTableLogic
+};

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

@@ -1,13 +1,55 @@
-import { styled as a, Box as i } from "@mui/material";
-const d = a(i)(
-  ({ theme: o, width: t }) => ({
-    position: "absolute",
-    top: 0,
-    right: 0,
-    width: t === void 0 ? o.spacing(10) : t,
-    background: o.palette.background.default
-  })
-);
+import { styled as n, Box as e, ButtonBase as s } from "@mui/material";
+import { DataGrid as a } from "@mui/x-data-grid";
+const o = (t) => t !== "ownerState", c = n(e, {
+  name: "HCInstanceTable",
+  slot: "root",
+  shouldForwardProp: o
+})({
+  position: "relative"
+}), d = n(a, {
+  name: "HCInstanceTable",
+  slot: "dataGrid",
+  shouldForwardProp: o
+})(({ ownerState: t }) => ({
+  border: "none",
+  "& .MuiDataGrid-main": {
+    marginRight: t.hasActions ? `${t.resolvedActionsWidth}px` : 0
+  }
+})), m = n(e, {
+  name: "HCInstanceTable",
+  slot: "actionsContainer",
+  shouldForwardProp: o
+})(({ theme: t, ownerState: i }) => ({
+  position: "absolute",
+  top: 0,
+  right: 0,
+  width: i.resolvedActionsWidth,
+  background: t.palette.background.default
+})), b = n(a, {
+  name: "HCInstanceTable",
+  slot: "actionsGrid"
+})({
+  border: "none"
+}), p = n("img", {
+  name: "HCInstanceTable",
+  slot: "templateIcon"
+})({
+  display: "inline",
+  height: 20,
+  maxWidth: 20
+}), h = n(s, {
+  name: "HCInstanceTable",
+  slot: "titleButton"
+})({
+  "&:hover": {
+    textDecoration: "underline"
+  }
+});
 export {
-  d as DataGridActions
+  m as ActionsContainer,
+  b as ActionsDataGrid,
+  d as InstanceDataGrid,
+  c as InstanceTableRoot,
+  p as TemplateIcon,
+  h as TitleButton
 };

package/dist/components/key-protection/index.js

@@ -1,4 +1,47 @@
-import { S as r } from "../../utils-Bq0ye5vf.js";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Key as i, Add as h } from "@mui/icons-material";
+import { useKeyProtectionMenuLogic as d } from "./logic.js";
+import { KeyProtectionRoot as m, KeyIconButton as p, KeyMenu as y, KeyMenuItem as c, KeyMenuItemIcon as a } from "./styled.js";
+const x = (r) => {
+  const { state: l, actions: o } = d(r), { ownerState: s, isOpen: n, anchorEl: u } = l;
+  return /* @__PURE__ */ t(m, { ownerState: s, sx: r.sx, children: [
+    /* @__PURE__ */ e(
+      p,
+      {
+        size: "large",
+        "aria-label": "account of current user",
+        onClick: o.open,
+        color: "inherit",
+        "aria-controls": n ? "key-protection-menu" : void 0,
+        "aria-haspopup": "true",
+        "aria-expanded": n ? "true" : void 0,
+        children: /* @__PURE__ */ e(i, {})
+      }
+    ),
+    /* @__PURE__ */ t(
+      y,
+      {
+        id: "key-protection-menu",
+        anchorEl: u,
+        keepMounted: !0,
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        transformOrigin: { horizontal: "right", vertical: "top" },
+        open: n,
+        onClose: o.close,
+        children: [
+          /* @__PURE__ */ t(c, { onClick: o.handleRegister, children: [
+            /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(h, { fontSize: "small" }) }),
+            "Register Key"
+          ] }),
+          /* @__PURE__ */ t(c, { onClick: o.handleAuth, children: [
+            /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { fontSize: "small" }) }),
+            "Authenticate"
+          ] })
+        ]
+      }
+    )
+  ] });
+};
 export {
-  r as default
+  x as KeyProtectionMenu
 };

package/dist/components/key-protection/logic.js

@@ -0,0 +1,40 @@
+import { useThemeProps as u } from "@mui/material";
+import p from "lodash";
+import d from "../../hooks/useMenuLogic.js";
+import { alert as r } from "../confirm/index.js";
+import { r as m, a as f } from "../../utils-Cxu-fHjQ.js";
+let o;
+const E = (c) => {
+  const n = u({
+    props: c,
+    name: "HCKeyProtectionMenu"
+  }), { state: s, action: e } = d(), a = { ...n }, i = async () => {
+    e.close();
+    const t = await m();
+    t ? (o = p.get(t, "rawId"), new Uint8Array(o).toString(), r("Successfull", "Key successfully registered")) : r("Error!", "The key couldn't be registered!");
+  }, l = async () => {
+    e.close();
+    try {
+      await f(o), r("Successfull", "Successfully authenticated");
+    } catch (t) {
+      r("Error!", "Couldn't be authenticated!"), console.error(t);
+    }
+  };
+  return {
+    refs: {},
+    state: {
+      ownerState: a,
+      isOpen: s.isOpen,
+      anchorEl: s.anchorEl
+    },
+    actions: {
+      open: e.open,
+      close: e.close,
+      handleRegister: i,
+      handleAuth: l
+    }
+  };
+};
+export {
+  E as useKeyProtectionMenuLogic
+};

package/dist/components/key-protection/styled.js

@@ -0,0 +1,45 @@
+import { styled as o, IconButton as t, Menu as n, MenuItem as r, ListItemIcon as i } from "@mui/material";
+const a = (e) => e !== "ownerState", s = o("div", {
+  name: "HCKeyProtectionMenu",
+  slot: "root",
+  shouldForwardProp: a
+})({
+  display: "inline-flex"
+}), u = o(t, {
+  name: "HCKeyProtectionMenu",
+  slot: "iconButton"
+})({}), l = o(n, {
+  name: "HCKeyProtectionMenu",
+  slot: "menu"
+})(({ theme: e }) => ({
+  "& .MuiPaper-root": {
+    overflow: "visible",
+    filter: "drop-shadow(0px 2px 8px rgba(0,0,0,0.32))",
+    marginTop: e.spacing(1.5),
+    "&:before": {
+      content: '""',
+      display: "block",
+      position: "absolute",
+      top: 0,
+      right: 14,
+      width: 10,
+      height: 10,
+      backgroundColor: e.palette.background.paper,
+      transform: "translateY(-50%) rotate(45deg)",
+      zIndex: 0
+    }
+  }
+})), m = o(r, {
+  name: "HCKeyProtectionMenu",
+  slot: "menuItem"
+})({}), p = o(i, {
+  name: "HCKeyProtectionMenu",
+  slot: "menuItemIcon"
+})({});
+export {
+  u as KeyIconButton,
+  l as KeyMenu,
+  m as KeyMenuItem,
+  p as KeyMenuItemIcon,
+  s as KeyProtectionRoot
+};

package/dist/components/key-protection/utils.js

@@ -1,4 +1,4 @@
-import { a as r, d as t, e as s, b as p, g as y, i, r as o } from "../../utils-Bq0ye5vf.js";
+import { a as r, d as t, e as s, b as p, g as y, i, r as o } from "../../utils-Cxu-fHjQ.js";
 export {
   r as authenticate,
   t as decrypt,

package/dist/components/loading/index.js

@@ -1,11 +1,17 @@
-import { jsx as r, Fragment as m } from "react/jsx-runtime";
-import { CircularProgress as n } from "@mui/material";
-import { Container as e } from "./styled.js";
-const f = ({
-  show: o,
-  indicatorColor: i = "primary",
-  ...t
-}) => o ? /* @__PURE__ */ r(e, { ...t, children: /* @__PURE__ */ r(n, { color: i }) }) : /* @__PURE__ */ r(m, {});
+import { jsx as r } from "react/jsx-runtime";
+import { useLoadingLogic as c } from "./logic.js";
+import { LoadingRoot as d, LoadingIndicator as s } from "./styled.js";
+const v = (o) => {
+  const { state: t } = c(o), { ownerState: i, indicatorColor: n } = t, {
+    show: a,
+    overlay: m,
+    overlayColor: g,
+    indicatorColor: C,
+    sx: e,
+    ...l
+  } = o;
+  return a ? /* @__PURE__ */ r(d, { ownerState: i, sx: e, ...l, children: /* @__PURE__ */ r(s, { color: n }) }) : null;
+};
 export {
-  f as Loading
+  v as Loading
 };

package/dist/components/loading/logic.js

@@ -0,0 +1,15 @@
+import { useThemeProps as e } from "@mui/material";
+const a = (t) => {
+  const o = e({ props: t, name: "HCLoading" }), { indicatorColor: r = "primary" } = o, s = {
+    ...o,
+    indicatorColor: r
+  };
+  return {
+    refs: {},
+    state: { ownerState: s, indicatorColor: r },
+    actions: {}
+  };
+};
+export {
+  a as useLoadingLogic
+};

package/dist/components/loading/styled.js

@@ -1,21 +1,28 @@
-import { styled as r, Box as o } from "@mui/material";
-const a = r(o, {
-  shouldForwardProp: (e) => e !== "overlay" && e !== "overlayColor"
-})(({ overlayColor: e, position: t = "relative" }) => ({
-  width: "100%",
-  height: "100%",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  backgroundColor: e || "rgba(255,255,255,0.15)",
-  ...t === "fixed" || t === "absolute" ? {
-    top: 0,
-    left: 0,
-    zIndex: 99999
-  } : t === "relative" ? {
-    position: "relative"
-  } : {}
-}));
+import { styled as r, Box as n, CircularProgress as a } from "@mui/material";
+const i = (o) => o !== "ownerState" && o !== "overlay" && o !== "overlayColor", s = r(n, {
+  name: "HCLoading",
+  slot: "root",
+  shouldForwardProp: i
+})(({ ownerState: o }) => {
+  const { overlayColor: e, position: t = "relative" } = o;
+  return {
+    width: "100%",
+    height: "100%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: e || "rgba(255,255,255,0.15)",
+    ...t === "fixed" || t === "absolute" ? {
+      top: 0,
+      left: 0,
+      zIndex: 99999
+    } : t === "relative" ? { position: "relative" } : {}
+  };
+}), d = r(a, {
+  name: "HCLoading",
+  slot: "indicator"
+})({});
 export {
-  a as Container
+  d as LoadingIndicator,
+  s as LoadingRoot
 };

package/dist/components/phone-input/index.js

@@ -1,25 +1,21 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import p from "react-phone-number-input";
-import { Typography as i } from "@mui/material";
-import { Container as a } from "./styled.js";
-import '../../assets/index2.css';const u = ({
-  label: n,
-  value: o,
-  placeholder: e,
-  onChange: t
-}) => /* @__PURE__ */ m(a, { children: [
-  n && /* @__PURE__ */ r(i, { children: n }),
-  /* @__PURE__ */ r(
-    p,
-    {
-      value: o,
-      placeholder: e,
-      onChange: (h) => {
-        t(String(h));
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import h from "react-phone-number-input";
+import { usePhoneInputLogic as r } from "./logic.js";
+import { PhoneInputRoot as u, PhoneInputLabel as c } from "./styled.js";
+import '../../assets/index2.css';const x = (e) => {
+  const { state: o, actions: t } = r(e), { ownerState: l } = o;
+  return /* @__PURE__ */ a(u, { ownerState: l, sx: e.sx, children: [
+    e.label && /* @__PURE__ */ n(c, { children: e.label }),
+    /* @__PURE__ */ n(
+      h,
+      {
+        value: e.value,
+        placeholder: e.placeholder,
+        onChange: t.handleChange
       }
-    }
-  )
-] });
+    )
+  ] });
+};
 export {
-  u as PhoneInput
+  x as PhoneInput
 };

package/dist/components/phone-input/logic.js

@@ -0,0 +1,14 @@
+import { useThemeProps as s } from "@mui/material";
+const p = (e) => {
+  const n = s({ props: e, name: "HCPhoneInput" }), o = { ...n };
+  return {
+    refs: {},
+    state: { ownerState: o },
+    actions: { handleChange: (t) => {
+      n.onChange(String(t));
+    } }
+  };
+};
+export {
+  p as usePhoneInputLogic
+};

package/dist/components/phone-input/styled.js

@@ -1,5 +1,9 @@
-import { styled as n, Box as t } from "@mui/material";
-const i = n(t)(({ theme: o }) => ({
+import { styled as n, Box as t, Typography as e } from "@mui/material";
+const p = (o) => o !== "ownerState", a = n(t, {
+  name: "HCPhoneInput",
+  slot: "root",
+  shouldForwardProp: p
+})(({ theme: o }) => ({
   marginBottom: o.spacing(2),
   "& input.PhoneInputInput": {
     border: "none",
@@ -20,7 +24,11 @@ const i = n(t)(({ theme: o }) => ({
   "& .PhoneInputCountryIcon--border": {
     boxShadow: "none"
   }
-}));
+})), d = n(e, {
+  name: "HCPhoneInput",
+  slot: "label"
+})({});
 export {
-  i as Container
+  d as PhoneInputLabel,
+  a as PhoneInputRoot
 };

package/dist/components/property-mapping/index.js

@@ -5,7 +5,7 @@ import { DataGrid as fe } from "@mui/x-data-grid";
 import { useState as G, useEffect as ue } from "react";
 import h from "lodash";
 import { d as ye } from "../../ol-yOE-NV0X.js";
-import { V as he } from "../../index-CcdvNlgr.js";
+import { V as he } from "../../index-DPKUmQnz.js";
 import { RangeSelector as me } from "../range-selector/index.js";
 const $e = ({
   open: F,

package/dist/components/range-selector/components/composite-list-range/index.js

@@ -1,81 +1,73 @@
-import { jsx as o, jsxs as R, Fragment as h } from "react/jsx-runtime";
-import { Box as f, TextField as u } from "@mui/material";
-import x from "../number-range/index.js";
-import I from "../string-range/index.js";
-import C from "../geometry-range/index.js";
-import c from "../date-range/index.js";
-function j({
-  value: n,
-  innerType: e,
-  mapboxAccessToken: d,
-  onChange: i,
-  ...r
-}) {
-  const a = (m) => {
-    i({ ...n, innerRandomInfo: m });
-  }, g = (m) => {
-    const { name: l, value: s } = m.target;
-    i({
-      ...n,
-      [l]: Number(s)
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { DateRange as f } from "../date-range/index.js";
+import { GeometryRange as C } from "../geometry-range/index.js";
+import { NumberRange as p } from "../number-range/index.js";
+import { StringRange as d } from "../string-range/index.js";
+import { CompositeRow as h, CompositeCount as T, CompositeChild as D } from "../../styled.js";
+const E = ["byte", "double", "integer", "long"], b = ["string", "text"], x = {
+  minValue: "",
+  maxValue: ""
+}, I = {
+  listOfPossibleValues: []
+}, v = { geometryArea: "" }, F = (s) => {
+  const { value: e, innerType: n, mapboxAccessToken: l, onChange: r, ...i } = s, a = (m) => {
+    r({ ...e, innerRandomInfo: m });
+  }, u = (m) => {
+    const { name: g, value: R } = m.target;
+    r({
+      ...e,
+      [g]: Number(R)
     });
   };
-  let t = /* @__PURE__ */ o(h, {});
-  return (e === "byte" || e === "double" || e === "integer" || e === "long") && (t = /* @__PURE__ */ o(
-    x,
+  let t = null;
+  return n && E.includes(n) ? t = /* @__PURE__ */ o(
+    p,
     {
-      value: n.innerRandomInfo ? n.innerRandomInfo : {
-        minValue: "",
-        maxValue: ""
-      },
+      value: e.innerRandomInfo ?? x,
       onChange: a
     }
-  )), (e === "string" || e === "text") && (t = /* @__PURE__ */ o(
-    I,
+  ) : n && b.includes(n) ? t = /* @__PURE__ */ o(
+    d,
     {
-      value: n.innerRandomInfo ? n.innerRandomInfo : {
-        listOfPossibleValues: []
-      },
+      value: e.innerRandomInfo ?? I,
       onChange: a
     }
-  )), e === "geometry" && (t = /* @__PURE__ */ o(
+  ) : n === "geometry" ? t = /* @__PURE__ */ o(
     C,
     {
-      mapboxAccessToken: d,
-      value: n.innerRandomInfo ? n.innerRandomInfo : {
-        geometryArea: ""
-      },
+      mapboxAccessToken: l,
+      value: e.innerRandomInfo ?? v,
       onChange: a
     }
-  )), e === "date" && (t = /* @__PURE__ */ o(
-    c,
+  ) : n === "date" && (t = /* @__PURE__ */ o(
+    f,
     {
-      value: n.innerRandomInfo ? n.innerRandomInfo : {
-        startDate: r.minDate || "",
+      value: e.innerRandomInfo ?? {
+        startDate: i.minDate || "",
         startRange: 0,
         endRange: 0,
         timeUnit: "MINUTE",
         limitForScenarioTimeRange: !1
       },
       onChange: a,
-      ...r
+      minDate: i.minDate || "",
+      maxDate: i.maxDate || ""
     }
-  )), /* @__PURE__ */ R(f, { display: "flex", alignItems: "flex-end", width: "100%", children: [
+  )), /* @__PURE__ */ c(h, { children: [
     /* @__PURE__ */ o(
-      u,
+      T,
       {
         name: "count",
         label: "Count",
         type: "number",
         size: "small",
-        sx: { mr: 0.5, minWidth: 50, width: 85 },
-        value: n.count,
-        onChange: g
+        value: e.count,
+        onChange: u
       }
     ),
-    /* @__PURE__ */ o(f, { flex: 1, maxWidth: 300, children: t })
+    /* @__PURE__ */ o(D, { children: t })
   ] });
-}
+};
 export {
-  j as default
+  F as CompositeListRange
 };