[REF]: Refactor coincidenses of validatefileresponse type

Author: JinSSJ3

src/components/demo-components/dropzone-demo/CodeDemoDropzoneCustomValidation.jsx

@@ -31,7 +31,7 @@ export default CodeDemoDropzoneCustomValidation;
 
 const splittedCodeJSButton = ``;
 const splittedCodeTSButton = ``;
-const completeCodeJSButton =`import { FileInputButton, FileCard } from "@files-ui/react";
+const completeCodeJSButton = `import { FileInputButton, FileCard } from "@files-ui/react";
 import * as React from "react";
 
 //validate files
@@ -94,16 +94,19 @@ export default function App() {
     </div>
   );
 }`;
-const completeCodeTSButton = `import { FileInputButton, FileCard, ExtFile } from "@files-ui/react";
+const completeCodeTSButton =
+  `import { FileInputButton, FileCard, ExtFile } from "@files-ui/react";
 import * as React from "react";
 
 //validate files
 // file name must start with the following prefix: "test_file"
 // (e.g. a valid file name could be "test_file_photo.png")
-const myOwnValidation = (file: File): CustomValidateFileResponse => {
+const myOwnValidation = (file: File): ValidateFileResponse => {
   let errorList: string[] = [];
   let validResult: boolean = true;
-  const regExPrefix: RegExp = /\btest_file\w+/;
+  ` +
+  // eslint-disable-next-line
+  `const regExPrefix: RegExp = /\btest_file\w+/;
   if (!file.name.match(regExPrefix)) {
     validResult = false;
     errorList.push('Prefix "test_file" was not present in the file name');
@@ -161,11 +164,11 @@ export default function App() {
 
 /////
 
-
 const splittedCodeJS = ``;
 const splittedCodeTS = ``;
 const completeCodeJS = `import { Dropzone, FileMosaic } from "@files-ui/react";
 import * as React from "react";
+
 //validate files
 // file name must start with the following prefix: "test_file"
 // (e.g. a valid file name could be "test_file_photo.png")
@@ -179,6 +182,7 @@ const myOwnValidation = (file) => {
   }
   return { valid: validResult, errors: errorList };
 };
+
 export default function App() {
   const [files, setFiles] = React.useState([]);
   const updateFiles = (incommingFiles) => {
@@ -204,16 +208,16 @@ export default function App() {
   );
 }`;
 
-const completeCodeTS = `import { Dropzone, FileMosaic, ExtFile, CustomValidateFileResponse } from "@files-ui/react";
+const completeCodeTS = `import { Dropzone, FileMosaic, ExtFile, ValidateFileResponse } from "@files-ui/react";
 import * as React from "react";
 
 //validate files
 // file name must start with the following prefix: "test_file"
 // (e.g. a valid file name could be "test_file_photo.png")
-const myOwnValidation = (file: File): CustomValidateFileResponse => {
+const myOwnValidation = (file: File): ValidateFileResponse => {
   let errorList: string[] = [];
   let validResult: boolean = true;
-  const regExPrefix: RegExp = /\btest_file\w+/;
+  const regExPrefix: RegExp = /\\btest_file\\w+/;
   if (!file.name.match(regExPrefix)) {
     validResult = false;
     errorList.push('Prefix "test_file" was not present in the file name');

src/components/demo-components/dropzone-demo/DemoDropzoneCustomValidation.tsx

@@ -4,15 +4,15 @@ import {
   ExtFile,
   FileMosaic,
   FileMosaicProps,
-  CustomValidateFileResponse,
+  ValidateFileResponse,
   FileInputButton,
   FileCard,
 } from "../../../files-ui";
 
 //validate files
 // file name must start with the following prefix: "test_file"
 // (e.g. a valid file name could be "test_file_photo.png")
-const myOwnValidation = (file: File): CustomValidateFileResponse => {
+const myOwnValidation = (file: File): ValidateFileResponse => {
   let errorList: string[] = [];
   let validResult: boolean = true;
   const regExPrefix: RegExp = /\btest_file\w+/;

src/data/DropzoneAPIPropsRows.tsx

@@ -21,9 +21,8 @@ export const DropzoneAPIPropsRows = [
     description: (
       <>
         Probably one of the most important methods (callbacks). Returns as first
-        parameter an array of `ExtFile` objects.
-        This callback is fired when the delete
-        icon is clicked. If set, the delete icon will be shown.
+        parameter an array of `ExtFile` objects. This callback is fired when the
+        delete icon is clicked. If set, the delete icon will be shown.
         <br />
         <strong>Signature:</strong>
         <br />
@@ -77,8 +76,8 @@ export const DropzoneAPIPropsRows = [
         <br />
         <CodeHighlight>
           {"(f: File) => "}{" "}
-          <AnchorToTab href="/api/dropzone#customvalidatefileresponse">
-            CustomValidateFileResponse
+          <AnchorToTab href="/api/types#validatefileresponse">
+            ValidateFileResponse
           </AnchorToTab>
         </CodeHighlight>
       </>
@@ -124,9 +123,7 @@ export const DropzoneAPIPropsRows = [
     name: "uploadConfig",
     type: (
       <TypeHighlight np>
-        <AnchorToTab href="/api/dropzone#uploadconfig">
-          UploadConfig
-        </AnchorToTab>
+        <AnchorToTab href="/api/types#uploadconfig">UploadConfig</AnchorToTab>
       </TypeHighlight>
     ),
     default: <TypeHighlight np></TypeHighlight>,
@@ -314,17 +311,17 @@ export const DropzoneAPIPropsRows = [
     name: "actionButtons",
     type: (
       <TypeHighlight np>
-        <AnchorToTab href="/api/dropzone#dropzoneactions">
+        <AnchorToTab href="/api/types#actionbuttons">
           ActionButtons
         </AnchorToTab>
       </TypeHighlight>
     ),
     default: <TypeHighlight np></TypeHighlight>,
     description: (
       <>
-        If set, buttons will be added before or after of the component.
-        This buttons triggresthe common opertions of the component such as
-        clean, upload, abort and delete all.
+        If set, buttons will be added before or after of the component. This
+        buttons triggresthe common opertions of the component such as clean,
+        upload, abort and delete all.
       </>
     ),
   },
@@ -356,9 +353,7 @@ export const DropzoneAPIPropsRows = [
     name: "headerConfig",
     type: (
       <TypeHighlight np>
-        <AnchorToTab href="/api/dropzone#headerconfig">
-          HeaderConfig
-        </AnchorToTab>
+        <AnchorToTab href="/api/types#headerconfig">HeaderConfig</AnchorToTab>
       </TypeHighlight>
     ),
     default: <TypeHighlight np></TypeHighlight>,
@@ -368,9 +363,7 @@ export const DropzoneAPIPropsRows = [
     name: "footerConfig",
     type: (
       <TypeHighlight np>
-        <AnchorToTab href="/api/dropzone#footerconfig">
-          FooterConfig
-        </AnchorToTab>
+        <AnchorToTab href="/api/types#footerconfig">FooterConfig</AnchorToTab>
       </TypeHighlight>
     ),
     default: <TypeHighlight np></TypeHighlight>,

src/data/FileInputButtonPropsRows.tsx

@@ -77,8 +77,8 @@ export const FileInputButtonPropsRows=[
             <br />
             <CodeHighlight>
               {"(f: File) => "}{" "}
-              <AnchorToTab href="/api/dropzone#customvalidatefileresponse">
-                CustomValidateFileResponse
+              <AnchorToTab href="/api/types#validatefileresponse">
+                ValidateFileResponse
               </AnchorToTab>
             </CodeHighlight>
           </>
@@ -103,7 +103,7 @@ export const FileInputButtonPropsRows=[
         name: "uploadConfig",
         type: (
           <TypeHighlight np>
-            <AnchorToTab href="/api/dropzone#uploadconfig">
+            <AnchorToTab href="/api/types#uploadconfig">
               UploadConfig
             </AnchorToTab>
           </TypeHighlight>
@@ -245,7 +245,7 @@ export const FileInputButtonPropsRows=[
         name: "actionButtons",
         type: (
           <TypeHighlight np>
-            <AnchorToTab href="/api/dropzone#dropzoneactions">
+            <AnchorToTab href="/api/types#actionbuttons">
               ActionButtons
             </AnchorToTab>
           </TypeHighlight>

src/pages/demo/DropzoneDemoPage.jsx

@@ -176,7 +176,7 @@ const DropzoneDemoPage = (props) => {
               </AnchorToTab>
               {") => "}
               <AnchorToTab href="/types#custom-validate-file-response">
-                CustomValidateFileResponse
+                ValidateFileResponse
               </AnchorToTab>
             </CodeHighlight>
             . Custom validator can work together with{" "}

src/pages/demo/FileInputButtonDemoPage.tsx

@@ -168,7 +168,7 @@ const FileInputButtonDemoPage: React.FC<FileInputButtonDemoPageProps> = (
               </AnchorToTab>
               {") => "}
               <AnchorToTab href="/types#custom-validate-file-response">
-                CustomValidateFileResponse
+                ValidateFileResponse
               </AnchorToTab>
             </CodeHighlight>
             . Custom validator can work together with{" "}

src/pages/types-page/TypesPage.jsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import DescParagraph from "../../components/demo-components/desc-paragraph/DescParagraph";
+//import DescParagraph from "../../components/demo-components/desc-paragraph/DescParagraph";
 import MainContentContainer from "../../components/layout-pages/MainContentContainer";
 import MainLayoutPage from "../../components/layout-pages/MainLayoutPage";
 import RightMenuContainer from "../../components/layout-pages/RightMenuContainer";
@@ -43,7 +43,7 @@ const rightMenuItems = [
   },
   {
     id: 2,
-    label: "CustomValidateFileResponse",
+    label: "ValidateFileResponse",
     referTo: "/types#customvalidatefileresponse",
   },
   {