authscape 1.0.280 → 1.0.284

package/index.js

@@ -481,6 +481,8 @@ var DocumentManager = function DocumentManager(_ref) {
     lg = _ref$lg === void 0 ? 2 : _ref$lg,
     _ref$overrideLockMess = _ref.overrideLockMessage,
     overrideLockMessage = _ref$overrideLockMess === void 0 ? "The directory cannot be removed." : _ref$overrideLockMess,
+    _ref$zeroStateView = _ref.zeroStateView,
+    zeroStateView = _ref$zeroStateView === void 0 ? null : _ref$zeroStateView,
     _ref$fieldId = _ref.fieldId1,
     fieldId1 = _ref$fieldId === void 0 ? null : _ref$fieldId,
     _ref$fieldId2 = _ref.fieldId2,
@@ -743,7 +745,7 @@ var DocumentManager = function DocumentManager(_ref) {
     sx: {
       flexGrow: 1
     }
-  }, /*#__PURE__*/_react["default"].createElement(_material.AppBar, {
+  }, (files != null && files.documentSegments.length == 0 || folderParent != null) && /*#__PURE__*/_react["default"].createElement(_material.AppBar, {
     position: "static",
     color: "inherit",
     elevation: 0
@@ -754,18 +756,6 @@ var DocumentManager = function DocumentManager(_ref) {
     "aria-expanded": open ? 'true' : undefined,
     variant: "contained",
     disableElevation: true,
-    onClick: handleClick,
-    startIcon: /*#__PURE__*/_react["default"].createElement(_AddRounded["default"], null),
-    endIcon: /*#__PURE__*/_react["default"].createElement(_KeyboardArrowDown["default"], null)
-  }, "New"), /*#__PURE__*/_react["default"].createElement(StyledMenu, {
-    id: "demo-customized-menu",
-    MenuListProps: {
-      'aria-labelledby': 'demo-customized-button'
-    },
-    anchorEl: anchorEl,
-    open: open,
-    onClose: handleClose
-  }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
     onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       var newDocumentName, response;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
@@ -789,15 +779,13 @@ var DocumentManager = function DocumentManager(_ref) {
               setUpdate(!update);
             }
           case 6:
-            handleClose();
-          case 7:
           case "end":
             return _context3.stop();
         }
       }, _callee3);
     })),
-    disableRipple: true
-  }, /*#__PURE__*/_react["default"].createElement(_InsertDriveFile["default"], null), "New Folder"))), /*#__PURE__*/_react["default"].createElement(FileUploader, {
+    startIcon: /*#__PURE__*/_react["default"].createElement(_InsertDriveFile["default"], null)
+  }, "New Folder")), (files != null && files.documentSegments.length == 0 || folderParent != null) && /*#__PURE__*/_react["default"].createElement(FileUploader, {
     refOveride: fileUploaderRef,
     url: "/Document/UploadFile",
     params: {
@@ -857,10 +845,94 @@ var DocumentManager = function DocumentManager(_ref) {
       height: "85vh",
       width: '100%'
     }
-  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+  }, files != null && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, files.documentSegments.length > 0 && folderParent == null && files.documentSegments.map(function (segment, index) {
+    return /*#__PURE__*/_react["default"].createElement(_material.Box, {
+      sx: {
+        paddingTop: 3
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_material.Typography, {
+      variant: "h6",
+      gutterBottom: true
+    }, segment.name), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+      container: true,
+      spacing: 2
+    }, files.documentAndFiles.filter(function (item) {
+      return item.segmentId == segment.id;
+    }).map(function (file, index) {
+      return /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+        onContextMenu: function onContextMenu(event) {
+          handleContextMenu(event, file);
+        },
+        item: true,
+        key: index,
+        xs: xs,
+        sm: sm,
+        md: md,
+        lg: lg,
+        onClick: function onClick() {
+          return handleFileClick(file);
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_material.Paper, {
+        sx: {
+          padding: 2,
+          flexDirection: 'column',
+          height: "100%",
+          display: "flex",
+          alignItems: "center",
+          cursor: 'pointer',
+          maxHeight: 300,
+          position: "relative",
+          '&:hover': {
+            backgroundColor: '#F5F5F5'
+          }
+        }
+      }, file.type === 'folder' && /*#__PURE__*/_react["default"].createElement(_material.Box, {
+        sx: {
+          position: "absolute",
+          top: 45,
+          color: "white"
+        }
+      }, file.count), file.isLocked && /*#__PURE__*/_react["default"].createElement(_material.Box, {
+        sx: {
+          position: "absolute",
+          top: 10,
+          right: 10,
+          color: "black"
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+        title: overrideLockMessage
+      }, /*#__PURE__*/_react["default"].createElement(_LockRounded["default"], null))), file.type === 'folder' ? /*#__PURE__*/_react["default"].createElement(_Folder["default"], {
+        sx: {
+          fontSize: 80,
+          color: "orange"
+        }
+      }) : file.documentFileExtentionType == 0 || disablePreview ? /*#__PURE__*/_react["default"].createElement(_InsertDriveFileOutlined["default"], {
+        sx: {
+          fontSize: 60
+        }
+      }) : /*#__PURE__*/_react["default"].createElement(NextImage, {
+        src: file.uri,
+        alt: "Image",
+        width: 80,
+        height: 80
+      }), /*#__PURE__*/_react["default"].createElement(_material.Typography, {
+        variant: "subtitle1",
+        sx: {
+          paddingTop: 1,
+          fontSize: 14
+        }
+      }, file.name), /*#__PURE__*/_react["default"].createElement(_material.Typography, {
+        variant: "subtitle2",
+        sx: {
+          paddingTop: 0,
+          fontSize: 11
+        }
+      }, file.lastUpdated)));
+    })), files != null && files.documentAndFiles != null && zeroStateView != null && /*#__PURE__*/_react["default"].createElement(_material.Box, null, zeroStateView(segment)));
+  }), (files.documentSegments.length == 0 || folderParent != null) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
     container: true,
     spacing: 2
-  }, files != null && files.map(function (file, index) {
+  }, files.documentAndFiles.map(function (file, index) {
     return /*#__PURE__*/_react["default"].createElement(_material.Grid, {
       onContextMenu: function onContextMenu(event) {
         handleContextMenu(event, file);
@@ -930,7 +1002,7 @@ var DocumentManager = function DocumentManager(_ref) {
         fontSize: 11
       }
     }, file.lastUpdated)));
-  })), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
+  })), files != null && files.documentAndFiles != null && zeroStateView != null && /*#__PURE__*/_react["default"].createElement(_material.Box, null, zeroStateView()))), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
     open: contextMenu !== null,
     onClose: handleClose,
     anchorReference: "anchorPosition",
@@ -961,19 +1033,33 @@ var DocumentManager = function DocumentManager(_ref) {
     }
   }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_material.Button, {
     onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-      var response;
+      var response, _response2;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
             dialogDeleteClosed();
-            _context4.next = 3;
+            if (!(contextFile.type == "folder")) {
+              _context4.next = 8;
+              break;
+            }
+            _context4.next = 4;
             return apiService()["delete"]("/Document/DeleteFolder?documentId=" + contextFile.id);
-          case 3:
+          case 4:
             response = _context4.sent;
             if (response != null && response.status == 200) {
               setUpdate(!update);
             }
-          case 5:
+            _context4.next = 12;
+            break;
+          case 8:
+            _context4.next = 10;
+            return apiService()["delete"]("/Document/DeleteFile?documentId=" + contextFile.id);
+          case 10:
+            _response2 = _context4.sent;
+            if (_response2 != null && _response2.status == 200) {
+              setUpdate(!update);
+            }
+          case 12:
           case "end":
             return _context4.stop();
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.280",
+  "version": "1.0.284",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/components/DocumentManager.js

@@ -24,7 +24,7 @@ import Tooltip from '@mui/material/Tooltip';
 // remove before merging back
 // import { FileUploader, apiService, NextImage } from 'authscape';
 
-export const DocumentManager = ({loadedUser, setIsLoading, viewDocumentType = 1, disablePreview = false, openToFolderId = null, xs=12, sm=6, md=4, lg=2, overrideLockMessage = "The directory cannot be removed.", fieldId1 = null, fieldId2 = null, fieldId3 = null}) => {
+export const DocumentManager = ({loadedUser, setIsLoading, viewDocumentType = 1, disablePreview = false, openToFolderId = null, xs=12, sm=6, md=4, lg=2, overrideLockMessage = "The directory cannot be removed.", zeroStateView = null, fieldId1 = null, fieldId2 = null, fieldId3 = null}) => {
 
     const fileUploaderRef = useRef();
     const [files, setFiles] = useState(null);
@@ -238,8 +238,12 @@ export const DocumentManager = ({loadedUser, setIsLoading, viewDocumentType = 1,
     return (
       <>
       <Box sx={{ flexGrow: 1 }}>
+
+      {(files != null && files.documentSegments.length == 0 || folderParent != null) &&
         <AppBar position="static" color='inherit' elevation={0}>
           <Toolbar>
+
+
             <Box>
               <Button
                 id="demo-customized-button"
@@ -248,22 +252,7 @@ export const DocumentManager = ({loadedUser, setIsLoading, viewDocumentType = 1,
                 aria-expanded={open ? 'true' : undefined}
                 variant="contained"
                 disableElevation
-                onClick={handleClick}
-                startIcon={<AddRoundedIcon />}
-                endIcon={<KeyboardArrowDownIcon />}
-              >
-                New
-              </Button>
-              <StyledMenu
-                id="demo-customized-menu"
-                MenuListProps={{
-                  'aria-labelledby': 'demo-customized-button',
-                }}
-                anchorEl={anchorEl}
-                open={open}
-                onClose={handleClose}
-              >
-                <MenuItem onClick={async () => {
+                onClick={async () => {
 
                   let newDocumentName = prompt("New folder name");
                   if (newDocumentName != null && newDocumentName != "")
@@ -282,14 +271,14 @@ export const DocumentManager = ({loadedUser, setIsLoading, viewDocumentType = 1,
 
                   }
 
-                  handleClose();
-                }} disableRipple>
-                  <InsertDriveFileIcon />
-                  New Folder
-                </MenuItem>
-              </StyledMenu>
+                }}
+                startIcon={<InsertDriveFileIcon />}>
+                New Folder
+              </Button>
             </Box>
+          
 
+            {(files != null && files.documentSegments.length == 0 || folderParent != null) &&
             <FileUploader refOveride={fileUploaderRef} url={"/Document/UploadFile"} params={{
                     
                     viewType : viewDocumentType,
@@ -312,9 +301,11 @@ export const DocumentManager = ({loadedUser, setIsLoading, viewDocumentType = 1,
                     Upload File(s)
                   </Button>
 
-                </FileUploader>
+            </FileUploader>
+            }
           </Toolbar>
         </AppBar>
+      }
 
         <Divider />
         
@@ -345,52 +336,145 @@ export const DocumentManager = ({loadedUser, setIsLoading, viewDocumentType = 1,
       </Box>
 
       <Box sx={{height: "85vh", width: '100%' }}>
-        <Grid container spacing={2}>
-          {files != null && files.map((file, index) => (
-            
-            <Grid onContextMenu={(event) => {
-              handleContextMenu(event, file);
-            }} item key={index} xs={xs} sm={sm} md={md} lg={lg} onClick={() => handleFileClick(file)}>
-              <Paper
-                sx={{
-                  padding: 2,
-                  flexDirection: 'column',
-                  height: "100%", display: "flex", alignItems: "center",
-                  cursor: 'pointer',
-                  maxHeight:300,
-                  position:"relative",
-                  '&:hover': {
-                    backgroundColor: '#F5F5F5'
-                  }
-                }}>
 
-                  {file.type === 'folder'  && 
-                  <Box sx={{position:"absolute", top:45, color:"white"}}>
-                    {file.count}
-                  </Box>}
-
-                  {file.isLocked &&
-                    <Box sx={{position:"absolute", top:10, right: 10, color:"black"}}>
-                      <Tooltip title={overrideLockMessage}>
-                        <LockRoundedIcon />
-                      </Tooltip>
-                    </Box>
-                  }
+        {files != null &&
+        <>
+
+
+          
+          {(files.documentSegments.length > 0 && folderParent == null) && files.documentSegments.map((segment, index) => (
+          
+            <Box sx={{paddingTop:3}}>
+              <Typography variant="h6" gutterBottom>
+                {segment.name}
+              </Typography>
 
-                {file.type === 'folder' ? (
-                  <FolderIcon sx={{ fontSize: 80, color:"orange" }} />
-                ) : (
 
-                    file.documentFileExtentionType == 0 || disablePreview ? <InsertDriveFileOutlinedIcon sx={{ fontSize: 60 }} /> : <NextImage src={file.uri} alt={"Image"} width={80} height={80} />
+              <Grid container spacing={2}>
+                {files.documentAndFiles.filter(item => item.segmentId == segment.id).map((file, index) => (
                   
-                )}
-                <Typography variant="subtitle1" sx={{paddingTop:1, fontSize:14}}>{file.name}</Typography>
-                <Typography variant="subtitle2" sx={{paddingTop:0, fontSize:11}}>{file.lastUpdated}</Typography>
-              </Paper>
-            </Grid>
+                  <Grid onContextMenu={(event) => {
+                    handleContextMenu(event, file);
+                  }} item key={index} xs={xs} sm={sm} md={md} lg={lg} onClick={() => handleFileClick(file)}>
+                    <Paper
+                      sx={{
+                        padding: 2,
+                        flexDirection: 'column',
+                        height: "100%", display: "flex", alignItems: "center",
+                        cursor: 'pointer',
+                        maxHeight:300,
+                        position:"relative",
+                        '&:hover': {
+                          backgroundColor: '#F5F5F5'
+                        }
+                      }}>
+
+                        {file.type === 'folder'  && 
+                        <Box sx={{position:"absolute", top:45, color:"white"}}>
+                          {file.count}
+                        </Box>}
+
+                        {file.isLocked &&
+                          <Box sx={{position:"absolute", top:10, right: 10, color:"black"}}>
+                            <Tooltip title={overrideLockMessage}>
+                              <LockRoundedIcon />
+                            </Tooltip>
+                          </Box>
+                        }
+
+                      {file.type === 'folder' ? (
+                        <FolderIcon sx={{ fontSize: 80, color:"orange" }} />
+                      ) : (
+
+                          file.documentFileExtentionType == 0 || disablePreview ? <InsertDriveFileOutlinedIcon sx={{ fontSize: 60 }} /> : <NextImage src={file.uri} alt={"Image"} width={80} height={80} />
+                        
+                      )}
+                      <Typography variant="subtitle1" sx={{paddingTop:1, fontSize:14}}>{file.name}</Typography>
+                      <Typography variant="subtitle2" sx={{paddingTop:0, fontSize:11}}>{file.lastUpdated}</Typography>
+                    </Paper>
+                  </Grid>
+
+                ))}
+              </Grid>
+
+
+              {(files != null && files.documentAndFiles != null && zeroStateView != null) &&
+                
+                <Box>
+                  {zeroStateView(segment)}
+                </Box>
+              }
+
+            </Box>
 
           ))}
-        </Grid>
+        
+          
+          {(files.documentSegments.length == 0 || folderParent != null) &&
+          <>
+            <Grid container spacing={2}>
+              {files.documentAndFiles.map((file, index) => (
+                
+                <Grid onContextMenu={(event) => {
+                  handleContextMenu(event, file);
+                }} item key={index} xs={xs} sm={sm} md={md} lg={lg} onClick={() => handleFileClick(file)}>
+                  <Paper
+                    sx={{
+                      padding: 2,
+                      flexDirection: 'column',
+                      height: "100%", display: "flex", alignItems: "center",
+                      cursor: 'pointer',
+                      maxHeight:300,
+                      position:"relative",
+                      '&:hover': {
+                        backgroundColor: '#F5F5F5'
+                      }
+                    }}>
+
+                      {file.type === 'folder'  && 
+                      <Box sx={{position:"absolute", top:45, color:"white"}}>
+                        {file.count}
+                      </Box>}
+
+                      {file.isLocked &&
+                        <Box sx={{position:"absolute", top:10, right: 10, color:"black"}}>
+                          <Tooltip title={overrideLockMessage}>
+                            <LockRoundedIcon />
+                          </Tooltip>
+                        </Box>
+                      }
+
+                    {file.type === 'folder' ? (
+                      <FolderIcon sx={{ fontSize: 80, color:"orange" }} />
+                    ) : (
+
+                        file.documentFileExtentionType == 0 || disablePreview ? <InsertDriveFileOutlinedIcon sx={{ fontSize: 60 }} /> : <NextImage src={file.uri} alt={"Image"} width={80} height={80} />
+                      
+                    )}
+                    <Typography variant="subtitle1" sx={{paddingTop:1, fontSize:14}}>{file.name}</Typography>
+                    <Typography variant="subtitle2" sx={{paddingTop:0, fontSize:11}}>{file.lastUpdated}</Typography>
+                  </Paper>
+                </Grid>
+
+              ))}
+            </Grid>
+
+            {(files != null && files.documentAndFiles != null && zeroStateView != null) &&
+              
+              <Box>
+                {zeroStateView()}
+              </Box>
+            }
+
+          </>
+          }
+
+        </>
+        }
+
+
+
+
 
         <Menu
           open={contextMenu !== null}
@@ -451,10 +535,21 @@ export const DocumentManager = ({loadedUser, setIsLoading, viewDocumentType = 1,
           <Button onClick={async () => {
             dialogDeleteClosed();
 
-            let response = await apiService().delete("/Document/DeleteFolder?documentId=" + contextFile.id);
-            if (response != null && response.status == 200)
+            if (contextFile.type == "folder")
             {
-              setUpdate(!update);
+              let response = await apiService().delete("/Document/DeleteFolder?documentId=" + contextFile.id);
+              if (response != null && response.status == 200)
+              {
+                setUpdate(!update);
+              }
+            }
+            else
+            {
+              let response = await apiService().delete("/Document/DeleteFile?documentId=" + contextFile.id);
+              if (response != null && response.status == 200)
+              {
+                setUpdate(!update);
+              }
             }
 
           }} autoFocus>