[REF]: Refactor files-ui directory

src/files-ui/components/dropzone/components/dropzone/Dropzone.tsx → src/files-ui/Dropzone/components/dropzone/Dropzone.tsx

@@ -28,10 +28,10 @@ import {
   unexpectedErrorUploadResult,
   getRandomInt,
   addClassName,
-  Localization,
-} from "../../../../core";
+  Localization,completeAsureColor,
+} from "../../../core";
 import { mergeProps } from "../../../overridable";
-import InputHidden from "../../../input-hidden/InputHidden";
+import InputHidden from "../../../InputHidden/InputHidden";
 import {
   ActionButtons,
   defaultDrozoneProps,
@@ -43,25 +43,23 @@ import {
   HeaderConfig,
 } from "./DropzoneProps";
 import DropzoneChildren from "../DropzoneChildren/DropzoneChildren";
-import useDropzoneClassName from "./../../useDropzoneClassName";
 import DropzoneDisabledLayer from "../DropzoneDisabledLayer/DropzoneDisabledLayer";
 
 import "./Dropzone.scss";
-import "./../../DropzoneRipple.scss";
-import useDropLayerClassName from "../../../drop-layer/hooks/useDropLayerClassName";
-import DropLayer from "../../../drop-layer/components/DropLayer";
-import useDropzoneFileListUpdater from "../../../../hooks/useDropzoneFileUpdater";
+import "./DropzoneRipple.scss";
+
 import DropzoneHeader from "../DropzoneHeader/DropzoneHeader";
 import DropzoneFooter from "../DropzoneFooter/DropzoneFooter";
 import DropzoneButtons from "../DropzoneButtons/DropzoneButtons";
-import { completeAsureColor } from "../../../../core";
 import {
   createFuiRippleFromDiv,
   handleClickInput,
   handleDragUtil,
   handleDropUtil,
-} from "../../../../files-ui-react/utils";
-import { FilesUiContext } from "../../../../FilesUiProvider/FilesUiContext";
+} from "../../../utils";
+import { FilesUiContext } from "../../../FilesUiProvider/FilesUiContext";
+import DropLayer from "../../../DropLayer/components/DropLayer";
+import { useDropzoneFileListUpdater, useDropLayerClassName, useDropzoneClassName } from "../../../hooks";
 
 //import { print_manager } from "../../../../../utils";
 

src/files-ui/components/dropzone/components/dropzone/DropzoneProps.ts → src/files-ui/Dropzone/components/dropzone/DropzoneProps.ts

-import { ExtFile, ValidateFileResponse, Localization, UploadConfig } from "../../../../core";
+import { ExtFile, ValidateFileResponse, Localization, UploadConfig } from "../../../core";
 
 import * as React from "react";
 import { OverridableComponentProps } from "../../../overridable";

src/files-ui/components/file-card/FileCard.tsx → src/files-ui/FileCard/FileCard.tsx

@@ -9,21 +9,20 @@ import {
   Localization,
   //handleClickUtil,
   shrinkWord,
-} from "../../core";
-import useProgress from "../file-mosaic/hooks/useProgress";
-import useFileMosaicInitializer from "../file-mosaic/hooks/useFileMosaicInitializer";
-import { useIsUploading } from "../file-mosaic/hooks/useIsUploading";
-import LayerContainer from "../file-mosaic/components/file-mosaic-layer/LayerContainer";
-import Layer from "../file-mosaic/components/file-mosaic-layer/Layer";
-import FileMosaicImageLayer from "../file-mosaic/components/FIleMosaicImageLayer/FileMosaicImageLayer";
+} from "../core";
+
 import FileCardRightActions from "./components/FileCardRightActions";
 import FileCardInfoLayer from "./components/FileCardInfoLayer";
-import FileMosaicStatus from "../file-mosaic/components/FileMosaicStatus/FileMosaicStatus";
 import FileCardUploadLayer from "./components/FileCardUploadLayer";
 import { Tooltip } from "../tooltip";
-import DownloadHidden from "../download-hidden/DownloadHidden";
-import { FilesUiContext } from "../../FilesUiProvider/FilesUiContext";
-import { handleClickUtil } from "../../files-ui-react/utils";
+import DownloadHidden from "../DownloadHidden/DownloadHidden";
+import { FilesUiContext } from "../FilesUiProvider/FilesUiContext";
+import { FileMosaicStatus } from "../FileMosaic";
+import Layer from "../FileMosaic/components/file-mosaic-layer/Layer";
+import LayerContainer from "../FileMosaic/components/file-mosaic-layer/LayerContainer";
+import FileMosaicImageLayer from "../FileMosaic/components/FIleMosaicImageLayer/FileMosaicImageLayer";
+import { useProgress, useFileMosaicInitializer, useIsUploading } from "../hooks";
+import { handleClickUtil } from "../utils";
 
 const setFinalElevation = (elevation: string | number): number => {
   //  let finalElevation: number  = "";

src/files-ui/components/file-card/FileCardProps.ts → src/files-ui/FileCard/FileCardProps.ts

-import { FileMosaicPropsMap } from "../file-mosaic/components/file-mosaic/FileMosaicProps";
+import { FileMosaicPropsMap } from "../FileMosaic/components/file-mosaic/FileMosaicProps";
 
 
 export interface FileCardPropsMap extends FileMosaicPropsMap {

src/files-ui/components/file-card/components/FileCardInfoLayer.tsx → src/files-ui/FileCard/components/FileCardInfoLayer.tsx

 import * as React from "react";
-import { FileItemLocalizerSelector, LocalLabels } from "../../../core";
-import { FileMosaicInfoLayerProps } from "../../file-mosaic/components/FileMosaicInfoLayer/FileMosaicInfoLayerProps";
-import FileMosaicStatus from "../../file-mosaic/components/FileMosaicStatus/FileMosaicStatus";
+import { FileItemLocalizerSelector, LocalLabels } from "../../core";
+import { FileMosaicInfoLayerProps } from "../../FileMosaic";
 import { Cancel } from "../../icons";
 type FileCardInfoLayerProps = FileMosaicInfoLayerProps;
 const FileCardInfoLayer: React.FC<FileCardInfoLayerProps> = (

src/files-ui/components/file-card/components/FileCardRightActions.tsx → src/files-ui/FileCard/components/FileCardRightActions.tsx

 import * as React from "react";
-import { Localization, UPLOADSTATUS } from "../../../core";
 import {
   Clear,
   DownloadFile,
@@ -13,7 +12,7 @@ declare type FileCardRightActionsProps = {
   darkMode?: boolean;
   deleteIcon?: boolean;
   onDelete?: Function;
-  
+
   imageIcon: boolean;
   onSee: ((imageSource: string | undefined) => void) | undefined;
 
@@ -51,7 +50,7 @@ const FileCardRightActions: React.FC<FileCardRightActionsProps> = (
   if (visible)
     return (
       <>
-        <div className="file-card-right-layer-header" >
+        <div className="file-card-right-layer-header">
           {isActive && deleteIcon && (
             <Clear
               className={

src/files-ui/components/file-card/components/FileCardUploadLayer.tsx → src/files-ui/FileCard/components/FileCardUploadLayer.tsx

 import * as React from "react";
-import { Localization, UPLOADSTATUS } from "../../../core";
+import { Localization, UPLOADSTATUS } from "../../core";
 import {
   AbortedStatus,
   EmptyStatus,
@@ -7,7 +7,7 @@ import {
   PreparingStatus,
   SuccessStatus,
   UploadingStatus,
-} from "../../file-status";
+} from "../../FileStatus";
 import "./FileCardUploadLayer.scss";
 export interface FileCardUploadLayerPropsMap {
   visible?: boolean;

src/files-ui/components/file-input-button/FileInputButton.tsx → src/files-ui/FileInputButton/FileInputButton.tsx

 import * as React from "react";
 import {
-  cleanInput,
+  Localization,
+  UploadConfig,
+  LocalLabels,
   DropzoneLocalizerSelector,
+  isValidateActive,
   ExtFile,
   ExtFileInstance,
-  ExtFileManager,
-  fakeFuiUpload,
-  fileListToExtFileArray,
-  FileValidatorProps,
-  getRandomInt,
-  //FunctionLabel,
-  //handleClickInput,
-  instantPreparingToUploadOne,
   isUploadAbleExtFile,
-  isValidateActive,
-  Localization,
-  LocalLabels,
-  sanitizeArrExtFile,
+  ExtFileManager,
   sleepPreparing,
   sleepTransition,
-  toUploadableExtFileList,
-  unexpectedErrorUploadResult,
-  UploadConfig,
+  instantPreparingToUploadOne,
+  sanitizeArrExtFile,
+  fakeFuiUpload,
+  getRandomInt,
   uploadExtFile,
-  //UploadResponse,
+  unexpectedErrorUploadResult,
+  FileValidatorProps,
   validateExtFileList,
-} from "../../core";
-import { handleClickInput } from "../../files-ui-react/utils";
-import { FilesUiContext } from "../../FilesUiProvider/FilesUiContext";
-import useDropzoneFileListUpdater from "../../hooks/useDropzoneFileUpdater";
-import { DropzoneActions } from "../dropzone/components/dropzone/DropzoneProps";
-import DropzoneButtons from "../dropzone/components/DropzoneButtons/DropzoneButtons";
-import InputHidden from "../input-hidden/InputHidden";
-import { MaterialButton } from "../material-button";
+  fileListToExtFileArray,
+  toUploadableExtFileList,
+  cleanInput,
+} from "../core";
+import { DropzoneActions } from "../Dropzone/components/dropzone/DropzoneProps";
+import DropzoneButtons from "../Dropzone/components/DropzoneButtons/DropzoneButtons";
+import { FilesUiContext } from "../FilesUiProvider/FilesUiContext";
+import { useDropzoneFileListUpdater } from "../hooks";
+import InputHidden from "../InputHidden/InputHidden";
+import { MaterialButton } from "../MaterialButton";
+
 import { mergeProps } from "../overridable";
+import { handleClickInput } from "../utils";
 import {
   defaultFileInputButtonProps,
   FileInputButtonProps,

src/files-ui/components/file-input-button/InputButtonProps.ts → src/files-ui/FileInputButton/InputButtonProps.ts

-import { ValidateFileResponse, ExtFile, Localization, UploadConfig } from "../../core";
-import { DropzoneActions } from "../dropzone/components/dropzone/DropzoneProps";
-import { MaterialButtonProps } from "../material-button/MaterialButtonProps";
+import { ValidateFileResponse, ExtFile, Localization, UploadConfig } from "../core";
+import { ActionButtons } from "../Dropzone/components/dropzone/DropzoneProps";
+import { MaterialButtonProps } from "../MaterialButton/MaterialButtonProps";
 
 interface InputButtonFullProps {
     /**
@@ -116,7 +116,7 @@ interface InputButtonFullProps {
           This buttons triggresthe common opertions of the component such as
           clean, upload, abort and delete all.
      */
-    actionButtons?: DropzoneActions;
+    actionButtons?: ActionButtons;
     // ADD OR REPLACE
     /**
      * The behaviour when new files are selected or dropped

src/files-ui/components/file-mosaic/components/FIleMosaicImageLayer/FileMosaicImageLayer.tsx → src/files-ui/FileMosaic/components/FIleMosaicImageLayer/FileMosaicImageLayer.tsx

 import * as React from "react";
-import { ImagePreview } from "../../../previews";
+import ImagePreview from "../../../ImagePreview/ImagePreview";
+
 interface FileMosaicImageLayerProps {
   /**
    * The image source

src/files-ui/components/file-mosaic/components/FileMosaicInfoLayer/FileMosaicInfoLayer.tsx → src/files-ui/FileMosaic/components/FileMosaicInfoLayer/FileMosaicInfoLayer.tsx

 import * as React from "react";
-import { FileItemLocalizerSelector, LocalLabels } from "../../../../core";
+import { FileItemLocalizerSelector, LocalLabels } from "../../../core";
 import { Cancel } from "../../../icons";
 import FileMosaicStatus from "../FileMosaicStatus/FileMosaicStatus";
 import { FileMosaicInfoLayerProps } from "./FileMosaicInfoLayerProps";

src/files-ui/components/file-mosaic/components/FileMosaicInfoLayer/FileMosaicInfoLayerProps.ts → src/files-ui/FileMosaic/components/FileMosaicInfoLayer/FileMosaicInfoLayerProps.ts

-import { Localization, UPLOADSTATUS } from "../../../../core";
+import { Localization, UPLOADSTATUS } from "../../../core";
 
 export type FileMosaicInfoLayerProps = {
     valid: boolean | null | undefined;