@hybridcore/ui 1.5.64 → 1.5.66

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

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

package/dist/constants/index.js

@@ -3,6 +3,7 @@ const o = [
   "boolean",
   "byte",
   "composite-list",
+  "composite-matrix",
   "coordinate",
   "date",
   "double",

package/dist/main.d.ts

@@ -14,8 +14,9 @@ import { Extent } from 'ol/extent';
 import { FC } from 'react';
 import { Feature } from 'ol';
 import { Geometry } from 'ol/geom';
-import { GridActionsCellItemProps } from '@mui/x-data-grid';
 import { GridRenderCellParams } from '@mui/x-data-grid';
+import { GridRowParams } from '@mui/x-data-grid';
+import { IconButtonClasses } from '@mui/material';
 import { IconButtonProps } from '@mui/material/IconButton';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { LocalizationProvider } from '@mui/x-date-pickers';
@@ -424,7 +425,7 @@ declare interface InstanceHierarchyTableProps {
     selectedIds?: number[];
     enableCheckboxSelection?: boolean;
     sortColumnsBy?: "name" | "type";
-    actions?: React.ReactElement<GridActionsCellItemProps>[];
+    actions?: InstanceTableActionType[];
     actionsWidth?: number;
     onSelect?(selectedIds: number[]): void;
     onTitleClick?(instance: INSTANCE.GenericInstanceView): void;
@@ -432,6 +433,29 @@ declare interface InstanceHierarchyTableProps {
 
 export declare const InstanceTable: FC<InstanceTableProps>;
 
+export declare interface InstanceTableActionType {
+    label: string;
+    icon: React.ReactElement;
+    showInMenu?: boolean;
+    children?: React.ReactNode;
+    classes?: Partial<IconButtonClasses>;
+    color?:
+    | "inherit"
+    | "default"
+    | "warning"
+    | "error"
+    | "success"
+    | "info"
+    | "primary"
+    | "secondary";
+    disabled?: boolean;
+    disableFocusRipple?: boolean;
+    edge?: false | "end" | "start";
+    size?: "medium" | "large" | "small";
+    sx?: SxProps;
+    onClick?(params: GridRowParams<INSTANCE.GenericInstanceView>): void;
+}
+
 declare interface InstanceTableFieldOptions {
     hidden?: boolean;
     renderCell?(params: GridRenderCellParams<any>): React.ReactElement;
@@ -443,7 +467,7 @@ declare interface InstanceTableProps {
     selectedIds?: number[];
     enableCheckboxSelection?: boolean;
     sortColumnsBy?: "name" | "type";
-    actions?: React.ReactElement<GridActionsCellItemProps>[];
+    actions?: InstanceTableActionType[];
     actionsWidth?: number;
     fieldOptions?: {
         templateIcon?: InstanceTableFieldOptions;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.5.64",
+  "version": "1.5.66",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",