@dartech/arsenal-ui 1.3.85 → 1.3.86

package/index.js

@@ -3745,7 +3745,6 @@ const FileValueWidget = ({
     setValue,
     register
   } = useFormContext();
-  const [fileType, setFileType] = useState(null);
   const fileValue = useWatch({
     control,
     name
@@ -3757,44 +3756,25 @@ const FileValueWidget = ({
     const base64 = yield convertBase64(file);
     setValue(name, base64);
   }), [name, setValue]);
-  useEffect(() => {
-    if (fileValue) {
-      const type = fileValue.substring(fileValue.indexOf(':') + 1, fileValue.indexOf(';base64'));
-      if (type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet') {
-        setFileType('application/xls');
-      } else if (type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document') {
-        setFileType('application/docx');
-      } else {
-        setFileType(type);
-      }
+  return jsxs(Button, Object.assign({
+    component: "label",
+    variant: "contained",
+    size: "large",
+    color: "primary",
+    sx: {
+      marginTop: 4
     }
-  }, [fileValue]);
-  return jsxs(Fragment, {
-    children: [fileType && jsx(Box, Object.assign({
-      mb: 2
-    }, {
-      children: jsx(Typography, Object.assign({
-        variant: "subtitle2"
-      }, {
-        children: `Uploaded file type: ${fileType}`
-      }))
-    })), jsxs(Button, Object.assign({
-      component: "label",
-      variant: "contained",
-      size: "large",
-      color: "primary"
-    }, {
-      children: [fileType ? 'Change file' : 'Upload file', jsx("input", Object.assign({
-        type: "hidden"
-      }, register(`${name}`, {
-        required: true
-      }))), jsx("input", {
-        type: "file",
-        hidden: true,
-        onChange: handleFileRead
-      })]
-    }))]
-  });
+  }, {
+    children: [fileValue ? 'Change file' : 'Upload file', jsx("input", Object.assign({
+      type: "hidden"
+    }, register(`${name}`, {
+      required: true
+    }))), jsx("input", {
+      type: "file",
+      hidden: true,
+      onChange: handleFileRead
+    })]
+  }));
 };
 var FileValueWidget$1 = FileValueWidget;
 
@@ -5660,6 +5640,34 @@ const DefinitionFiller = ({
   }));
 };
 
+const FileDefinitionValueView = ({
+  property,
+  data
+}) => {
+  const {
+    name
+  } = property;
+  const downloadFile = useCallback((contentBase64, fileName) => {
+    const linkSource = contentBase64;
+    const downloadLink = document.createElement('a');
+    document.body.appendChild(downloadLink);
+    downloadLink.href = linkSource;
+    downloadLink.target = '_self';
+    downloadLink.download = fileName;
+    downloadLink.click();
+  }, []);
+  return jsx(Button, Object.assign({
+    component: "label",
+    variant: "contained",
+    size: "large",
+    color: "primary",
+    onClick: () => downloadFile(data, name)
+  }, {
+    children: "Download File"
+  }));
+};
+var FileDefinitionValueView$1 = FileDefinitionValueView;
+
 const PropertyValueComponent = ({
   property,
   data,
@@ -5670,7 +5678,10 @@ const PropertyValueComponent = ({
       backgroundColor: '#fff',
       border: '1px solid #ccc',
       borderRadius: '4px',
-      padding: '4px'
+      padding: '4px',
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis'
     }
   }, {
     children: value === null ? 'null' : value.toString()
@@ -5690,6 +5701,24 @@ const PropertyValueComponent = ({
       return typeof data === 'object' ? jsx(JsonView, {
         value: data
       }) : defaultRender(data);
+    case PropertyType.FILE_REFERENCE:
+      return jsx(Button, Object.assign({
+        component: Link,
+        color: "primary",
+        variant: "contained",
+        target: "_blank",
+        to: data,
+        sx: {
+          marginTop: 4
+        }
+      }, {
+        children: "Download via link"
+      }));
+    case PropertyType.FILE:
+      return jsx(FileDefinitionValueView$1, {
+        data: data,
+        property: property
+      });
     default:
       return defaultRender(data);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.3.85",
+  "version": "1.3.86",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,7 +27,6 @@
     "classnames": "^2.3.1",
     "@tanstack/react-query": "^4.24.10",
     "@rollup/plugin-node-resolve": "13.3.0",
-    "axios": "1.4.0",
     "qs": "6.11.0"
   },
   "module": "./index.js",

package/src/lib/Definition/DefinitionValueView/FileDefinitionValueView.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FileProperty } from '../../../interfaces';
+type Props = {
+    property: FileProperty;
+    data: string;
+};
+declare const FileDefinitionValueView: ({ property, data }: Props) => JSX.Element;
+export default FileDefinitionValueView;

package/src/lib/Property/UpsertProperty/PropertyValueField/BooleanValueField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/DateTimeValueField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/DateValueField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     name: string;
     format: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/JsonValueField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/TimeValueField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/ViewProperty/PropertyItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PropertyUnion } from '../../../interfaces';
 type PropertyItemProps = {
     property: PropertyUnion;