@hybridcore/ui 1.5.23 → 1.5.25

package/dist/components/uploader/styled.js

@@ -0,0 +1,69 @@
+import { styled as o, Box as e } from "@mui/material";
+const t = o(e, {
+  name: "SNUploader",
+  slot: "dropArea"
+})(({ theme: r }) => ({
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "center",
+  alignItems: "center",
+  border: "1px dashed",
+  borderColor: r.palette.divider,
+  borderRadius: 5,
+  padding: r.spacing(3),
+  transition: "all .3s",
+  cursor: "pointer",
+  userSelect: "none",
+  "&:hover:not([aria-disabled=true])": {
+    borderColor: r.palette.primary.main
+  },
+  "& .MuiSvgIcon-root": {
+    fontSize: 58
+  },
+  "&[aria-disabled=true]": {
+    cursor: "default",
+    opacity: 0.5
+  }
+})), i = o(e, {
+  name: "SNUploader",
+  slot: "imageThumbContainer"
+})(({ theme: r }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  border: "1px solid #fff",
+  borderRadius: 12,
+  height: 120,
+  transition: "all .3s",
+  "&:hover": {
+    borderColor: r.palette.primary.main,
+    "& .MuiButtonBase-root": {
+      opacity: 1
+    }
+  },
+  "& .MuiButtonBase-root": {
+    marginLeft: 2,
+    marginRight: 2,
+    background: r.palette.common.white,
+    transition: "all .3s",
+    opacity: 0
+  }
+})), n = o(e, {
+  name: "SNUploader",
+  slot: "fileThumbContainer"
+})(({ theme: r }) => ({
+  display: "flex",
+  marginBottom: r.spacing(0.5),
+  border: "1px solid",
+  borderColor: r.palette.divider,
+  padding: r.spacing(0.5),
+  transition: "all .3s",
+  "&:hover": {
+    borderColor: r.palette.primary.main
+  }
+}));
+export {
+  t as DropAreaContainer,
+  n as FileThumbContainer,
+  i as ImageThumbContainer
+};

package/dist/main.d.ts

@@ -15,6 +15,7 @@ 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 { IconButtonProps } from '@mui/material/IconButton';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { LocalizationProvider } from '@mui/x-date-pickers';
@@ -413,6 +414,11 @@ declare interface InstanceHierarchyTableProps {
 
 export declare const InstanceTable: FC<InstanceTableProps>;
 
+declare interface InstanceTableFieldOptions {
+    hidden?: boolean;
+    renderCell?(params: GridRenderCellParams<any>): React.ReactElement;
+}
+
 declare interface InstanceTableProps {
     template: ONTOLOGY.TemplateType;
     data: INSTANCE.GenericInstanceView[];
@@ -421,6 +427,12 @@ declare interface InstanceTableProps {
     sortColumnsBy?: "name" | "type";
     actions?: React.ReactElement<GridActionsCellItemProps>[];
     actionsWidth?: number;
+    fieldOptions?: {
+        templateIcon?: InstanceTableFieldOptions;
+        title?: InstanceTableFieldOptions;
+        description?: InstanceTableFieldOptions;
+        [key: string]: InstanceTableFieldOptions;
+    };
     onSelect?(selectedIds: number[]): void;
     onTitleClick?(instance: INSTANCE.GenericInstanceView): void;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.5.23",
+  "version": "1.5.25",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",
@@ -42,6 +42,7 @@
     "mapbox-gl": "^2.15.0",
     "ol": "^7.3.0",
     "react-confirm": "^0.3.0-2",
+    "react-drag-drop-files": "^2.4.0",
     "react-dropdown-tree-select": "^2.8.0",
     "react-hook-form": "^7.43.9",
     "react-number-format": "^5.3.4",