From bdd41d47f4a4954f82f389c1f5066096bb42cf8f Mon Sep 17 00:00:00 2001
From: Emerson Pfeiffer <epfeiffe@umich.edu>
Date: Fri, 28 Jun 2024 15:42:49 -0700
Subject: [PATCH] File uploader hard code file examples (#5342)

---
 .../file-uploader-beta/item-preview.tsx       |  8 +++++-
 .../upload-restrictions.tsx                   | 25 ++++++++++++++++++-
 2 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/documentation-site/examples/file-uploader-beta/item-preview.tsx b/documentation-site/examples/file-uploader-beta/item-preview.tsx
index 1fa085db25..71013a6c38 100644
--- a/documentation-site/examples/file-uploader-beta/item-preview.tsx
+++ b/documentation-site/examples/file-uploader-beta/item-preview.tsx
@@ -2,7 +2,13 @@ import * as React from "react";
 import { FileUploaderBeta, type FileRow } from "baseui/file-uploader-beta";
 
 export default function Example() {
-  const [fileRows, setFileRows] = React.useState<Array<FileRow>>([]);
+  const [fileRows, setFileRows] = React.useState<Array<FileRow>>([
+    {
+      file: new File(["test file"], "file.txt"),
+      status: "processed",
+      errorMessage: null,
+    },
+  ]);
   return (
     <FileUploaderBeta
       fileRows={fileRows}
diff --git a/documentation-site/examples/file-uploader-beta/upload-restrictions.tsx b/documentation-site/examples/file-uploader-beta/upload-restrictions.tsx
index 77652a7858..493994ca04 100644
--- a/documentation-site/examples/file-uploader-beta/upload-restrictions.tsx
+++ b/documentation-site/examples/file-uploader-beta/upload-restrictions.tsx
@@ -2,7 +2,30 @@ import * as React from "react";
 import { FileUploaderBeta, type FileRow } from "baseui/file-uploader-beta";
 
 export default function Example() {
-  const [fileRows, setFileRows] = React.useState<Array<FileRow>>([]);
+  // Upload files to test restrictions. For demo purposes,
+  // artificially create an array of file rows with errors.
+  const [fileRows, setFileRows] = React.useState<Array<FileRow>>([
+    {
+      file: new File(["test file 1"], "unaccepted-file-type.jpeg"),
+      status: "error",
+      errorMessage: "file type of img/jpeg is not accepted",
+    },
+    {
+      file: new File(["test file 2"], "file-too-small.png"),
+      status: "error",
+      errorMessage: "file size must be greater than 20 KB",
+    },
+    {
+      file: new File(["test file 3"], "file-too-big.png"),
+      status: "error",
+      errorMessage: "file size must be less than 100 KB",
+    },
+    {
+      file: new File(["test file 4"], "file-count-too-many.png"),
+      status: "error",
+      errorMessage: "cannot process more than ${props.maxFiles} file(s)",
+    },
+  ]);
 
   const processFileOnDrop = (
     file: File,