fix initial files proptype, linting for story

Author: summer-cook

src/components/FilesTable/FilesTable.jsx

@@ -57,19 +57,21 @@ const FilesTable = ({ addClass, files }) => {
 
 FilesTable.propTypes = {
   addClass: PropTypes.string,
-  files: PropTypes.shape([{
-    contentLength: PropTypes.string.isRequired,
-    content_length: PropTypes.number.isRequired,
-    content_type: PropTypes.string.isRequired,
-    createdAt: PropTypes.string.isRequired,
-    created_at: PropTypes.string.isRequired,
-    download: PropTypes.string.isRequired,
-    filename: PropTypes.string.isRequired,
-    href: PropTypes.string.isRequired,
-    status: PropTypes.string.isRequired,
-    uploadedBy: PropTypes.string.isRequired,
-    uuid: PropTypes.string.isRequired,
-  }]).isRequired,
+  files: PropTypes.arrayOf(
+    PropTypes.shape({
+      contentLength: PropTypes.string.isRequired,
+      content_length: PropTypes.number.isRequired,
+      content_type: PropTypes.string.isRequired,
+      createdAt: PropTypes.string.isRequired,
+      created_at: PropTypes.string.isRequired,
+      download: PropTypes.string.isRequired,
+      filename: PropTypes.string.isRequired,
+      href: PropTypes.string.isRequired,
+      status: PropTypes.string.isRequired,
+      uploadedBy: PropTypes.string.isRequired,
+      uuid: PropTypes.string.isRequired,
+    }),
+  ).isRequired,
   // TODO(summer-cook): add this back in. see comment above.
   // handleDeleteFile: PropTypes.func.isRequired,
 }

src/compounds/ActionsGroup/ActionsGroup.jsx

@@ -62,19 +62,21 @@ const ActionsGroup = ({ initialFiles }) => {
 
 ActionsGroup.propTypes = {
   // handleSendingMessagesOrFiles: PropTypes.func.isRequired,
-  initialFiles: PropTypes.shape([{
-    contentLength: PropTypes.string.isRequired,
-    content_length: PropTypes.number.isRequired,
-    content_type: PropTypes.string.isRequired,
-    createdAt: PropTypes.string.isRequired,
-    created_at: PropTypes.string.isRequired,
-    download: PropTypes.string.isRequired,
-    filename: PropTypes.string.isRequired,
-    href: PropTypes.string.isRequired,
-    status: PropTypes.string.isRequired,
-    uploadedBy: PropTypes.string.isRequired,
-    uuid: PropTypes.string.isRequired,
-  }]).isRequired,
+  initialFiles: PropTypes.arrayOf(
+    PropTypes.shape({
+      contentLength: PropTypes.string.isRequired,
+      content_length: PropTypes.number.isRequired,
+      content_type: PropTypes.string.isRequired,
+      createdAt: PropTypes.string.isRequired,
+      created_at: PropTypes.string.isRequired,
+      download: PropTypes.string.isRequired,
+      filename: PropTypes.string.isRequired,
+      href: PropTypes.string.isRequired,
+      status: PropTypes.string.isRequired,
+      uploadedBy: PropTypes.string.isRequired,
+      uuid: PropTypes.string.isRequired,
+    }),
+  ).isRequired,
 }
 
 export default ActionsGroup

src/compounds/ActionsGroup/ActionsGroup.stories.jsx

@@ -16,16 +16,16 @@ Default.args = {
     console.log(`attached file(s): ${files.map((file) => file.split('name=')[1])}`)
   },
   initialFiles: [{
-    contentLength: "938.57 KB",
+    contentLength: '938.57 KB',
     content_length: 961096,
-    content_type: "image/png",
-    createdAt: " Dec 22 2022 at 12:56:48 PM",
-    created_at: "2022-12-22T10:56:48.405-08:00",
-    download: "/quote_groups/10bd825f-c7e0-4c07-bd9e-f7982b21f435/attachments/nepal5.png",
-    filename: "nepal5.png",
-    href: "https://acme.scientist.com/secure_attachments/4611434c-ba99-481e-84ee-37e1fdbd203e",
+    content_type: 'image/png',
+    createdAt: ' Dec 22 2022 at 12:56:48 PM',
+    created_at: '2022-12-22T10:56:48.405-08:00',
+    download: '/quote_groups/10bd825f-c7e0-4c07-bd9e-f7982b21f435/attachments/nepal5.png',
+    filename: 'nepal5.png',
+    href: 'https://acme.scientist.com/secure_attachments/4611434c-ba99-481e-84ee-37e1fdbd203e',
     status: null,
-    uploadedBy: "Summer Cook",
-    uuid: "4611434c-ba99-481e-84ee-37e1fdbd203e",
+    uploadedBy: 'Summer Cook',
+    uuid: '4611434c-ba99-481e-84ee-37e1fdbd203e',
   }],
 }

src/compounds/ActionsGroup/actions/ViewFiles.jsx

@@ -133,7 +133,21 @@ const ViewFiles = ({ initialFiles, handleClose, show }) => {
 }
 
 ViewFiles.propTypes = {
-  initialFiles: PropTypes.shape([{}]).isRequired,
+  initialFiles: PropTypes.arrayOf(
+    PropTypes.shape({
+      contentLength: PropTypes.string.isRequired,
+      content_length: PropTypes.number.isRequired,
+      content_type: PropTypes.string.isRequired,
+      createdAt: PropTypes.string.isRequired,
+      created_at: PropTypes.string.isRequired,
+      download: PropTypes.string.isRequired,
+      filename: PropTypes.string.isRequired,
+      href: PropTypes.string.isRequired,
+      status: PropTypes.string.isRequired,
+      uploadedBy: PropTypes.string.isRequired,
+      uuid: PropTypes.string.isRequired,
+    }),
+  ).isRequired,
   handleClose: PropTypes.func.isRequired,
   show: PropTypes.bool.isRequired,
 }