authscape 1.0.282 → 1.0.284

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,8 +458,7 @@ 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';
 
@@ -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,
@@ -742,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
@@ -925,8 +928,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 +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",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.282",
+  "version": "1.0.284",
   "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';
@@ -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"
@@ -272,55 +276,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,6 +305,7 @@ export const DocumentManager = ({loadedUser, setIsLoading, viewDocumentType = 1,
             }
           </Toolbar>
         </AppBar>
+      }
 
         <Divider />
         
@@ -440,62 +397,85 @@ export const DocumentManager = ({loadedUser, setIsLoading, viewDocumentType = 1,
                 ))}
               </Grid>
 
+
+              {(files != null && files.documentAndFiles != null && zeroStateView != null) &&
+                
+                <Box>
+                  {zeroStateView(segment)}
+                </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}