@digital-ai/dot-components 2.24.2 → 2.25.0

package/index.esm.js

@@ -10040,29 +10040,35 @@ const renderDropzoneContent = ({
   }
 };
 const getUploadedFilesList = ({
+  contentErrors,
   maxSize,
   onFileClick,
   onFileDelete,
   uploadedFiles
 }) => uploadedFiles.map((fileToBeParsed, index) => parseListItem({
+  contentError: contentErrors && contentErrors.length === uploadedFiles.length ? contentErrors[index] : null,
   fileToBeParsed,
-  onFileDelete,
-  onFileClick,
   index,
-  maxSize
+  maxSize,
+  onFileDelete,
+  onFileClick
 }));
 const parseListItem = ({
-  onFileDelete,
-  onFileClick,
+  contentError,
   fileToBeParsed,
   index,
-  maxSize
+  maxSize,
+  onFileDelete,
+  onFileClick
 }) => {
   const fileErrors = fileToBeParsed.errors;
   const parsedFile = fileToBeParsed.file;
-  const hasErrors = fileErrors.length > 0;
+  const hasFileErrors = fileErrors.length > 0;
+  const hasContentError = contentError && contentError !== null;
   let errorText;
-  if (hasErrors) {
+  if (hasContentError) {
+    errorText = contentError;
+  } else if (hasFileErrors) {
     errorText = fileErrors.map(e => {
       switch (e.code) {
         case 'file-too-large':
@@ -10079,7 +10085,7 @@ const parseListItem = ({
   return {
     child: jsx(DotFileListItem, {
       deleteFile: onFileDelete,
-      error: hasErrors,
+      error: hasContentError || hasFileErrors,
       errorText: errorText,
       file: {
         id: index,
@@ -10104,6 +10110,7 @@ const DotFileUpload = ({
   },
   buttonOnly: _buttonOnly = false,
   className,
+  contentErrors,
   'data-pendoid': dataPendoId = rootClassName$7,
   'data-testid': dataTestId,
   disabled,
@@ -10160,6 +10167,7 @@ const DotFileUpload = ({
     onChange(uploadedFiles);
   };
   const uploadedFilesList = getUploadedFilesList({
+    contentErrors,
     maxSize,
     onFileClick,
     onFileDelete: deleteFile,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "2.24.2",
+  "version": "2.25.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [

package/src/lib/components/file-upload/FileUpload.d.ts

@@ -18,6 +18,8 @@ export interface FileUploadProps extends CommonProps {
     buttonOnly?: boolean;
     /** the file upload button props, not all button props are available */
     buttonProps?: FileUploadButtonProps;
+    /** An array of strings describing errors with the contents of the file at that index, or null if there are no errors */
+    contentErrors?: Array<string>;
     /** If true, the upload zone will be disabled */
     disabled?: boolean;
     /** If true, upload file list won't be displayed. Used when consumer wants to render his own list. */
@@ -33,5 +35,5 @@ export interface FileUploadProps extends CommonProps {
     /** Optional callback which gets triggered when the file (from the list) is clicked.  */
     onFileClick?: (file: ListItemFile) => void;
 }
-export declare const DotFileUpload: ({ accept, ariaLabel, ariaRole, buttonProps, buttonOnly, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, disabled, hideFilesList, maxFiles, maxSize, onChange, onDragEnter, onFileClick, }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotFileUpload: ({ accept, ariaLabel, ariaRole, buttonProps, buttonOnly, className, contentErrors, "data-pendoid": dataPendoId, "data-testid": dataTestId, disabled, hideFilesList, maxFiles, maxSize, onChange, onDragEnter, onFileClick, }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/lib/components/file-upload/utils/helpers.d.ts

@@ -8,10 +8,10 @@ export declare const renderSelectFilesButton: (buttonProps: FileUploadButtonProp
 export declare const renderActiveDragArea: () => ReactNode;
 export declare const renderDragAndDropArea: (buttonProps: FileUploadButtonProps, isUploadDisabled: boolean, onSelectButtonClick: () => void) => ReactNode;
 export declare const renderDropzoneContent: ({ buttonOnly, buttonProps, isDragActive, isUploadDisabled, open, }: DropzoneContentArgs) => React.ReactNode;
-export declare const getUploadedFilesList: ({ maxSize, onFileClick, onFileDelete, uploadedFiles, }: UploadedFilesListArgs) => {
+export declare const getUploadedFilesList: ({ contentErrors, maxSize, onFileClick, onFileDelete, uploadedFiles, }: UploadedFilesListArgs) => {
     child: import("react/jsx-runtime").JSX.Element;
 }[];
-export declare const parseListItem: ({ onFileDelete, onFileClick, fileToBeParsed, index, maxSize, }: ParseListItemArgs) => {
+export declare const parseListItem: ({ contentError, fileToBeParsed, index, maxSize, onFileDelete, onFileClick, }: ParseListItemArgs) => {
     child: import("react/jsx-runtime").JSX.Element;
 };
 export declare const mapAcceptedFiles: (files: File[]) => {

package/src/lib/components/file-upload/utils/models.d.ts

@@ -21,12 +21,14 @@ export interface DropzoneContentArgs {
     open: () => void;
 }
 export interface UploadedFilesListArgs {
+    contentErrors?: string[];
     maxSize: number;
     onFileClick?: (file: ListItemFile) => void;
     onFileDelete: (fileIndexToBeRemoved: number) => void;
     uploadedFiles: MappedFile[];
 }
 export interface ParseListItemArgs {
+    contentError?: string;
     fileToBeParsed: MappedFile;
     index: number;
     maxSize: number;