authscape 1.0.282 → 1.0.286

package/index.js

@@ -422,6 +422,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.DocumentManager = void 0;
 var _material = require("@mui/material");
 var _react = _interopRequireWildcard(require("react"));
+var _AddRounded = _interopRequireDefault(require("@mui/icons-material/AddRounded"));
 var _DeleteRounded = _interopRequireDefault(require("@mui/icons-material/DeleteRounded"));
 var _Folder = _interopRequireDefault(require("@mui/icons-material/Folder"));
 var _InsertDriveFile = _interopRequireDefault(require("@mui/icons-material/InsertDriveFile"));
@@ -429,6 +430,7 @@ var _styles = require("@mui/material/styles");
 var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
+var _KeyboardArrowDown = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowDown"));
 var _InsertDriveFileOutlined = _interopRequireDefault(require("@mui/icons-material/InsertDriveFileOutlined"));
 var _Breadcrumbs = _interopRequireDefault(require("@mui/material/Breadcrumbs"));
 var _Link = _interopRequireDefault(require("@mui/material/Link"));
@@ -456,10 +458,9 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // import AddRoundedIcon from '@mui/icons-material/AddRounded';
-// import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 // remove before merging back
-// import { FileUploader, apiService, NextImage } from 'authscape';
+//import { FileUploader, apiService, NextImage } from 'authscape';
 
 var DocumentManager = function DocumentManager(_ref) {
   var loadedUser = _ref.loadedUser,
@@ -480,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,
@@ -557,7 +560,9 @@ var DocumentManager = function DocumentManager(_ref) {
               case 5:
                 folderResponse = _context.sent;
                 if (folderResponse != null && folderResponse.status == 200) {
+                  setFolderParent(folderResponse.data);
                   setMasterFolder(folderResponse.data);
+                  folderId = folderResponse.id;
                 }
                 _context.next = 10;
                 break;
@@ -586,7 +591,11 @@ var DocumentManager = function DocumentManager(_ref) {
               case 18:
                 response = _context.sent;
                 if (response != null && response.status == 200) {
-                  setFiles(response.data);
+                  setIsLoading(true);
+                  setTimeout(function () {
+                    // setIsLoading(false);
+                    setFiles(response.data);
+                  }, 500);
                 }
                 _context.next = 26;
                 break;
@@ -742,7 +751,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
@@ -842,7 +851,7 @@ var DocumentManager = function DocumentManager(_ref) {
       height: "85vh",
       width: '100%'
     }
-  }, files != null && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, files.documentSegments.length > 0 && folderParent == null && files.documentSegments.map(function (segment, index) {
+  }, files != null && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, masterFolder == 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
@@ -925,8 +934,8 @@ var DocumentManager = function DocumentManager(_ref) {
           fontSize: 11
         }
       }, file.lastUpdated)));
-    })));
-  }), (files.documentSegments.length == 0 || folderParent != null) && /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    })), 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.documentAndFiles.map(function (file, index) {
@@ -999,7 +1008,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",

package/package.json

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

package/src/components/DocumentManager.js

@@ -1,6 +1,6 @@
 import { AppBar, Box, Button, Toolbar, Typography, Grid, Paper } from '@mui/material';
 import React, {useEffect, useState, useRef} from 'react';
-// import AddRoundedIcon from '@mui/icons-material/AddRounded';
+import AddRoundedIcon from '@mui/icons-material/AddRounded';
 import DeleteRoundedIcon from '@mui/icons-material/DeleteRounded';
 import FolderIcon from '@mui/icons-material/Folder';
 import InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';
@@ -8,7 +8,7 @@ import { styled, alpha } from '@mui/material/styles';
 import Menu from '@mui/material/Menu';
 import MenuItem from '@mui/material/MenuItem';
 import Divider from '@mui/material/Divider';
-// import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
+import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
 import InsertDriveFileOutlinedIcon from '@mui/icons-material/InsertDriveFileOutlined';
 import Breadcrumbs from '@mui/material/Breadcrumbs';
 import Link from '@mui/material/Link';
@@ -22,9 +22,9 @@ import LockRoundedIcon from '@mui/icons-material/LockRounded';
 import Tooltip from '@mui/material/Tooltip';
 
 // remove before merging back
-// import { FileUploader, apiService, NextImage } from 'authscape';
+//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);
@@ -77,7 +77,9 @@ export const DocumentManager = ({loadedUser, setIsLoading, viewDocumentType = 1,
             let folderResponse = await apiService().get("/Document/GetDocumentByFolderId?folderId=" + folderId);
             if (folderResponse != null && folderResponse.status == 200)
             {
-              setMasterFolder(folderResponse.data);
+                setFolderParent(folderResponse.data);
+                setMasterFolder(folderResponse.data);
+                folderId = folderResponse.id;
             }
           }
           else if (folderParent != null)
@@ -111,7 +113,11 @@ export const DocumentManager = ({loadedUser, setIsLoading, viewDocumentType = 1,
             let response = await apiService().get("/Document/GetDocumentsAndFiles?parentFolderId=" + folderId + "&ViewDocumentType=" + viewDocumentType + params);
             if (response != null && response.status == 200)
             {
-              setFiles(response.data);
+              setIsLoading(true);
+              setTimeout(() => {
+                // setIsLoading(false);
+                setFiles(response.data);
+              }, 500);
             }
           }
           else
@@ -238,8 +244,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"
@@ -272,55 +282,7 @@ export const DocumentManager = ({loadedUser, setIsLoading, viewDocumentType = 1,
                 New Folder
               </Button>
             </Box>
-            {/* <Box>
-              <Button
-                id="demo-customized-button"
-                aria-controls={open ? 'demo-customized-menu' : undefined}
-                aria-haspopup="true"
-                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 () => {
-
-                  let newDocumentName = prompt("New folder name");
-                  if (newDocumentName != null && newDocumentName != "")
-                  {
-                    let response = await apiService().post("/Document/CreateFolder", {
-                      folderName:  newDocumentName,
-                      parentFolderId: folderParent != null ? folderParent.id : null,
-                      viewDocumentType: viewDocumentType
-                    });
-
-                    if (response != null && response.status == 200)
-                    {
-                      // refresh
-                      setUpdate(!update);
-                    }
-
-                  }
-
-                  handleClose();
-                }} disableRipple>
-                  <InsertDriveFileIcon />
-                  New Folder
-                </MenuItem>
-              </StyledMenu>
-            </Box> */}
+          
 
             {(files != null && files.documentSegments.length == 0 || folderParent != null) &&
             <FileUploader refOveride={fileUploaderRef} url={"/Document/UploadFile"} params={{
@@ -349,9 +311,10 @@ export const DocumentManager = ({loadedUser, setIsLoading, viewDocumentType = 1,
             }
           </Toolbar>
         </AppBar>
+      }
 
         <Divider />
-        
+
         <Breadcrumbs aria-label="breadcrumb" separator={">"} sx={{marginLeft:1, marginBottom:2, marginTop:2}}>
           <Link underline="hover" color="inherit" sx={{cursor:"pointer", fontWeight:"bold"}} onClick={() => {
 
@@ -383,119 +346,143 @@ export const DocumentManager = ({loadedUser, setIsLoading, viewDocumentType = 1,
         {files != null &&
         <>
 
+        {masterFolder == null &&
+        <>
+            {(files.documentSegments.length > 0 && folderParent == null) && files.documentSegments.map((segment, index) => (
+            
+                <Box sx={{paddingTop:3}}>
+                <Typography variant="h6" gutterBottom>
+                    {segment.name}
+                </Typography>
 
-          
-          {(files.documentSegments.length > 0 && folderParent == null) && files.documentSegments.map((segment, index) => (
-          
-            <Box sx={{paddingTop:3}}>
-              <Typography variant="h6" gutterBottom>
-                {segment.name}
-              </Typography>
-
-
-              <Grid container spacing={2}>
-                {files.documentAndFiles.filter(item => item.segmentId == segment.id).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>
+                <Grid container spacing={2}>
+                    {files.documentAndFiles.filter(item => item.segmentId == segment.id).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(segment)}
+                    </Box>
+                }
 
-            </Box>
+                </Box>
 
-          ))}
-        
+            ))}
+        </>
+        }
           
           {(files.documentSegments.length == 0 || folderParent != null) &&
-          <Grid container spacing={2}>
-            {files.documentAndFiles.map((file, index) => (
+          <>
+            <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) &&
               
-              <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>
+              <Box>
+                {zeroStateView()}
+              </Box>
+            }
 
-            ))}
-          </Grid>
+          </>
           }
 
         </>
         }
+
+
+
+
+
         <Menu
           open={contextMenu !== null}
           onClose={handleClose}