@hybridcore/ui 1.3.6 → 1.4.0

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

@@ -0,0 +1,125 @@
+import { jsx as i, Fragment as c, jsxs as x } from "react/jsx-runtime";
+import { useState as b, useMemo as R } from "react";
+import { DataGrid as m } from "@mui/x-data-grid";
+import { ButtonBase as D, Box as M } from "@mui/material";
+import { DataGridActions as N } from "./styled.js";
+import F from "dayjs";
+import G from "lodash";
+const $ = ({
+  template: n,
+  data: s,
+  selectedIds: p = [],
+  sortColumnsBy: f = "type",
+  actions: l,
+  actionsWidth: a = 50,
+  enableCheckboxSelection: h = !1,
+  onSelect: d,
+  onTitleClick: u
+}) => {
+  const [y, g] = b(p), w = R(() => [
+    {
+      field: "template",
+      headerName: "",
+      sortable: !1,
+      filterable: !1,
+      align: "center",
+      width: 30,
+      renderCell: () => n ? /* @__PURE__ */ i(
+        "img",
+        {
+          src: n.icon,
+          height: 20,
+          style: { display: "inline", maxWidth: 20 }
+        }
+      ) : /* @__PURE__ */ i(c, {})
+    },
+    {
+      field: "title",
+      headerName: "Title",
+      width: 400,
+      sortable: !1,
+      valueGetter: (e) => e.row.title,
+      renderCell: (e) => {
+        const { row: t, value: r } = e;
+        return u ? /* @__PURE__ */ i(
+          D,
+          {
+            onClick: () => u(t),
+            sx: { "&:hover": { textDecoration: "underline" } },
+            disableRipple: !0,
+            children: r
+          }
+        ) : r;
+      }
+    },
+    ...n ? [
+      ...n.properties.filter(
+        (e) => e.visible && e.type !== "geometry" && e.type !== "coordinate"
+      ).sort(
+        (e, t) => f === "type" ? e.type < t.type ? -1 : e.type > t.type ? 1 : 0 : e.name < t.name ? -1 : 1
+      ).map((e) => {
+        const t = `variables.${e.type}.${e.propertyId}`;
+        return {
+          field: t,
+          headerName: e.name,
+          sortable: !1,
+          width: 150,
+          valueFormatter: (r) => r.value && e.type === "date" ? F(r.value).format("DD/MM/YYYY HH:mm") : r.value,
+          valueGetter: (r) => G.get(r.row, t)
+        };
+      })
+    ] : []
+  ], [n]), v = (o) => {
+    g(o), d && d(o);
+  };
+  return /* @__PURE__ */ x(M, { position: "relative", children: [
+    /* @__PURE__ */ i(
+      m,
+      {
+        columns: w,
+        rows: s,
+        autoHeight: !0,
+        density: "compact",
+        sx: {
+          border: "none",
+          "& .MuiDataGrid-main": {
+            marginRight: l ? `${a}px` : 0
+          }
+        },
+        getRowId: (o) => o.id,
+        hideFooterPagination: !0,
+        hideFooter: !0,
+        checkboxSelection: h,
+        rowSelectionModel: y,
+        onRowSelectionModelChange: v,
+        keepNonExistentRowsSelected: !0
+      }
+    ),
+    l !== void 0 && /* @__PURE__ */ i(N, { width: a, children: /* @__PURE__ */ i(
+      m,
+      {
+        columns: [
+          {
+            field: "actions",
+            type: "actions",
+            width: a,
+            headerClassName: "pinned",
+            getActions: () => l
+          }
+        ],
+        rows: s,
+        autoHeight: !0,
+        density: "compact",
+        hideFooter: !0,
+        sx: { border: "none" },
+        slots: {
+          noRowsOverlay: () => /* @__PURE__ */ i(c, {})
+        },
+        getRowId: (o) => o.id
+      }
+    ) })
+  ] });
+};
+export {
+  $ as InstanceTable
+};

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

@@ -0,0 +1,13 @@
+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
+  })
+);
+export {
+  d as DataGridActions
+};

package/dist/components/map/helpers/ol.js

@@ -1,6 +1,6 @@
 import "lodash";
 import "../../../Source-Hf_SiWEW.js";
-import { x as K, c as n, D as T, E as i, b as p, a as u, z as M, y as L, d as l, w as k, B as W, g as f, J as g, A as x, H as C } from "../../../ol-BUKJ1urU.js";
+import { y as K, c as n, E as T, H as i, b as p, a as u, A as M, z as L, d as l, x as k, D as W, g as f, e as g, B as x, J as C } from "../../../ol-CHaVTXvL.js";
 import "ol";
 import "./kml.js";
 import "../styled.js";

package/dist/components/map/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "./logic.js";
 import "./styled.js";
-import { O as a } from "../../index-JrtqxUdI.js";
+import { O as a } from "../../index-DlnzUkwe.js";
 export {
   a as default
 };

package/dist/components/map/logic.js

@@ -1,5 +1,5 @@
 import a from "react";
-import { d as R } from "../../ol-BUKJ1urU.js";
+import { d as R } from "../../ol-CHaVTXvL.js";
 import { a as _ } from "../../Source-Hf_SiWEW.js";
 function U({
   id: l = "map",

package/dist/components/map/styled.js

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

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

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as n } 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 l = ({
+import '../../assets/index.css';const l = ({
   label: r,
   value: o,
   placeholder: e,