@dartech/arsenal-ui 1.3.85 → 1.3.87

package/index.js

@@ -70,6 +70,8 @@ import StepContent from '@mui/material/StepContent';
 import StepConnector from '@mui/material/StepConnector';
 import Select from '@mui/material/Select';
 import InputLabel from '@mui/material/InputLabel';
+import CheckCircleOutlineOutlinedIcon from '@mui/icons-material/CheckCircleOutlineOutlined';
+import BlockOutlinedIcon from '@mui/icons-material/BlockOutlined';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import classnames from 'classnames';
@@ -750,7 +752,7 @@ const ControlAutocomplete = _a => {
   useEffect(() => {
     if (typeof value === 'string' && valueKey && useStringValue && !localValue && options.length && !!options[0] && typeof options[0] === 'object') {
       setLocalValue(options.find(el => el[valueKey] === value));
-    }
+    } else setLocalValue(value);
   }, [localValue, options, useStringValue, value, valueKey]);
   return jsx(Autocomplete, Object.assign({}, fieldProps, {
     value: useStringValue ? localValue !== null && localValue !== void 0 ? localValue : null : value,
@@ -3745,7 +3747,6 @@ const FileValueWidget = ({
     setValue,
     register
   } = useFormContext();
-  const [fileType, setFileType] = useState(null);
   const fileValue = useWatch({
     control,
     name
@@ -3757,34 +3758,33 @@ 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);
-      }
-    }
-  }, [fileValue]);
   return jsxs(Fragment, {
-    children: [fileType && jsx(Box, Object.assign({
-      mb: 2
+    children: [jsxs(Box, Object.assign({
+      mb: 2,
+      display: "flex",
+      flex: "row"
     }, {
-      children: jsx(Typography, Object.assign({
-        variant: "subtitle2"
-      }, {
-        children: `Uploaded file type: ${fileType}`
-      }))
+      children: [jsx(Typography, {
+        children: "Does file uploaded:"
+      }), fileValue ? jsx(CheckCircleOutlineOutlinedIcon, {
+        sx: {
+          paddingLeft: 2
+        }
+      }) : jsx(BlockOutlinedIcon, {
+        sx: {
+          paddingLeft: 2
+        }
+      })]
     })), jsxs(Button, Object.assign({
       component: "label",
       variant: "contained",
       size: "large",
-      color: "primary"
+      color: "primary",
+      sx: {
+        marginTop: 4
+      }
     }, {
-      children: [fileType ? 'Change file' : 'Upload file', jsx("input", Object.assign({
+      children: [fileValue ? 'Change file' : 'Upload file', jsx("input", Object.assign({
         type: "hidden"
       }, register(`${name}`, {
         required: true
@@ -5660,6 +5660,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 +5698,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 +5721,24 @@ const PropertyValueComponent = ({
       return typeof data === 'object' ? jsx(JsonView, {
         value: data
       }) : defaultRender(data);
+    case PropertyType.FILE_REFERENCE:
+      return data === null ? defaultRender(data) : 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 data === null ? defaultRender(data) : 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.87",
   "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;