cloudmr-ux 1.2.1 → 1.2.3

package/dist/index.css

@@ -108,11 +108,14 @@
   margin-bottom: 4px;
 }
 
-/* src/CmrComponents/upload/Upload.css */
-.btn-info {
-  color: #ffffff;
-  --bs-btn-hover-color: #ffffff;
-  --bs-btn-color: #ffffff;
+/* src/CmrComponents/checkbox/Checkbox.css */
+.cmr-checkbox {
+  margin-bottom: 4px;
+  &__text {
+    font-size: 16px;
+    line-height: 15px;
+    text-align: justify;
+  }
 }
 
 /* src/CmrComponents/label/Label.css */
@@ -134,20 +137,17 @@
   margin-left: 4px;
 }
 
-/* src/CmrComponents/checkbox/Checkbox.css */
-.cmr-checkbox {
-  margin-bottom: 4px;
-  &__text {
-    font-size: 16px;
-    line-height: 15px;
-    text-align: justify;
-  }
-}
-
 /* src/CmrComponents/input-number/InputNumber.css */
 
 /* src/CmrComponents/tooltip/Tooltip.css */
 
+/* src/CmrComponents/upload/Upload.css */
+.btn-info {
+  color: #ffffff;
+  --bs-btn-hover-color: #ffffff;
+  --bs-btn-color: #ffffff;
+}
+
 /* src/CmrTable/CmrTable.css */
 .css-1lymaxv-MuiDataGrid-root .MuiDataGrid-columnHeader:focus-within,
 .css-1lymaxv-MuiDataGrid-root .MuiDataGrid-cell:focus-within {

package/dist/index.d.ts

@@ -1,26 +1,27 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ButtonProps, SxProps, Theme } from '@mui/material';
-import React, { ReactNode, ChangeEvent, CSSProperties, FC } from 'react';
+import * as React from 'react';
+import React__default, { ReactNode, ChangeEvent, CSSProperties, FC } from 'react';
 import { SizeType } from 'antd/lib/config-provider/SizeContext';
 import { CollapsibleType } from 'antd/es/collapse/CollapsePanel';
 import { ExpandIconPosition } from 'antd/es/collapse/Collapse';
-import { AxiosRequestConfig, AxiosResponse } from 'axios';
 import { TooltipPlacement } from 'antd/lib/tooltip';
+import { AxiosRequestConfig, AxiosResponse } from 'axios';
 import { DataGridProps } from '@mui/x-data-grid';
 
 declare const CmrButton: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
 
-interface CmrInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
+interface CmrInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
     defaultValue?: string;
     id?: string;
     maxLength?: number;
     size?: SizeType;
     value?: string;
     type?: any;
-    prefix?: React.ReactNode;
+    prefix?: React__default.ReactNode;
     bordered?: boolean;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
+    onPressEnter?: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
 }
 declare const CmrInput: (props: CmrInputProps) => react_jsx_runtime.JSX.Element;
 
@@ -35,7 +36,7 @@ interface CmrRadioProps {
     defaultValue?: string;
     onChange?: (value: string) => void;
 }
-declare const CmrRadioGroup: React.FC<CmrRadioProps>;
+declare const CmrRadioGroup: React__default.FC<CmrRadioProps>;
 
 interface Option {
     label: string;
@@ -46,7 +47,7 @@ interface CmrSelectProps {
     label: string;
     disabled?: boolean;
 }
-declare const CmrSelect: React.FC<CmrSelectProps>;
+declare const CmrSelect: React__default.FC<CmrSelectProps>;
 
 interface CmrCollapseProps {
     accordion?: boolean;
@@ -62,97 +63,17 @@ interface CmrCollapseProps {
 }
 declare const CmrCollapse: (props: CmrCollapseProps) => react_jsx_runtime.JSX.Element;
 
-interface CmrPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+interface CmrPanelProps extends React__default.HTMLAttributes<HTMLDivElement> {
     activeKey?: string | string[];
     header: string | undefined;
     children: ReactNode;
     panelKey?: number;
     onToggle?: (key: number | undefined) => void;
     expanded?: boolean;
-    cardProps?: React.HTMLAttributes<HTMLDivElement>;
+    cardProps?: React__default.HTMLAttributes<HTMLDivElement>;
 }
 declare const CmrPanel: (props: CmrPanelProps) => react_jsx_runtime.JSX.Element;
 
-interface LambdaFile {
-    "filename": string;
-    "filetype": string;
-    "filesize": string;
-    "filemd5": string;
-    "file": File;
-}
-/**
- * Consists of general settings for upload component
- * functionalities and call back methods evoked
- * for specific interactions
- */
-interface CMRUploadProps extends React.HTMLAttributes<HTMLDivElement> {
-    retains?: boolean;
-    maxCount: number;
-    changeNameAfterUpload?: boolean;
-    onRemove?: (removedFile: File) => void;
-    /**
-     * Allows access to file content prior to uploading.
-     * If returned value from the method is false,
-     * prevents the file upload process. Called before
-     * create payload.
-     * @param file
-     */
-    beforeUpload?: (file: File) => Promise<boolean>;
-    /**
-     * This or uploadHandler must be specified
-     * @param file
-     * @param fileAlias
-     * @param fileDatabase
-     */
-    createPayload?: (file: File, fileAlias: string, fileDatabase: string) => (Promise<{
-        destination: string;
-        lambdaFile: LambdaFile;
-        file: File;
-        config: AxiosRequestConfig;
-    } | undefined>);
-    onUploadProgressUpdate?: (loaded: number, total: number) => void | undefined;
-    onUploaded: (res: AxiosResponse, file: File) => Promise<void> | void;
-    sx?: SxProps<Theme> | undefined;
-    rest?: any;
-    fileExtension?: string;
-    uploadStarted?: () => void;
-    uploadEnded?: () => void;
-    uploadFailed?: () => void;
-    uploadProgressed?: (progress: number) => void;
-    /**
-     * Override this to replace the default behavior of uploading
-     * @param file
-     * @param fileAlias
-     * @param fileDatabase
-     * @param onProgress
-     * @param onUploaded
-     */
-    uploadHandler?: (file: File, fileAlias: string, fileDatabase: string, onProgress?: (progress: number) => void, onUploaded?: (res: AxiosResponse, file: File) => void) => Promise<number>;
-    fullWidth?: boolean;
-    style?: any;
-    /**
-     * Displays upload button instead of uploaded file after upload
-     * if set to reusable
-     */
-    reusable?: boolean;
-    uploadButtonName?: string;
-    /**
-     * Processes the uploaded file before performing the upload;
-     * @return file/undefined/statuscode undefined to fail the upload, return File
-     * to pass the processed file, return number to indicate error code
-     * and return to upload window.
-     * @param file
-     */
-    preprocess?: (file: File) => Promise<File | undefined | number>;
-    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
-}
-declare const CmrUpload: {
-    (props: CMRUploadProps): react_jsx_runtime.JSX.Element;
-    defaultProps: {
-        changeNameAfterUpload: boolean;
-    };
-};
-
 declare function CmrNameDialog(props: {
     originalName: string;
     renamingCallback: (alias: string) => Promise<boolean>;
@@ -206,7 +127,7 @@ interface CmrTabsProps {
 }
 declare function CmrTabs(props: CmrTabsProps): react_jsx_runtime.JSX.Element;
 
-interface CmrCheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
+interface CmrCheckboxProps extends React__default.HTMLAttributes<HTMLDivElement> {
     autoFocus?: boolean;
     checked?: boolean;
     defaultChecked?: boolean;
@@ -219,7 +140,7 @@ interface CmrCheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const CmrCheckbox: (props: CmrCheckboxProps) => react_jsx_runtime.JSX.Element;
 
-interface CmrLabelProps extends React.HTMLAttributes<HTMLDivElement> {
+interface CmrLabelProps extends React__default.HTMLAttributes<HTMLDivElement> {
     required?: boolean;
     children?: any;
 }
@@ -234,7 +155,7 @@ interface CmrInputNumberProps {
     size?: SizeType;
     value?: number;
     onChange?: (value: number | null) => void;
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     style?: CSSProperties;
 }
 declare const CmrInputNumber: (props: CmrInputNumberProps) => react_jsx_runtime.JSX.Element;
@@ -249,11 +170,91 @@ interface CmrTooltipProps {
     overlayClassName?: string;
     placement?: TooltipPlacement;
     visible?: boolean;
-    title: React.ReactNode;
-    overlay?: React.ReactNode;
+    title: React__default.ReactNode;
+    overlay?: React__default.ReactNode;
 }
 declare const CmrTooltip: (props: CmrTooltipProps) => react_jsx_runtime.JSX.Element;
 
+interface LambdaFile {
+    "filename": string;
+    "filetype": string;
+    "filesize": string;
+    "filemd5": string;
+    "file": File;
+}
+/**
+ * Consists of general settings for upload component
+ * functionalities and call back methods evoked
+ * for specific interactions
+ */
+interface CMRUploadProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    retains?: boolean;
+    maxCount: number;
+    changeNameAfterUpload?: boolean;
+    onRemove?: (removedFile: File) => void;
+    /**
+     * Allows access to file content prior to uploading.
+     * If returned value from the method is false,
+     * prevents the file upload process. Called before
+     * create payload.
+     * @param file
+     */
+    beforeUpload?: (file: File) => Promise<boolean>;
+    /**
+     * This or uploadHandler must be specified
+     * @param file
+     * @param fileAlias
+     * @param fileDatabase
+     */
+    createPayload?: (file: File, fileAlias: string, fileDatabase: string) => (Promise<{
+        destination: string;
+        lambdaFile: LambdaFile;
+        file: File;
+        config: AxiosRequestConfig;
+    } | undefined>);
+    onUploadProgressUpdate?: (loaded: number, total: number) => void | undefined;
+    onUploaded: (res: AxiosResponse, file: File) => Promise<void> | void;
+    sx?: SxProps<Theme> | undefined;
+    rest?: any;
+    fileExtension?: string;
+    uploadStarted?: () => void;
+    uploadEnded?: () => void;
+    uploadFailed?: () => void;
+    uploadProgressed?: (progress: number) => void;
+    /**
+     * Override this to replace the default behavior of uploading
+     * @param file
+     * @param fileAlias
+     * @param fileDatabase
+     * @param onProgress
+     * @param onUploaded
+     */
+    uploadHandler?: (file: File, fileAlias: string, fileDatabase: string, onProgress?: (progress: number) => void, onUploaded?: (res: AxiosResponse, file: File) => void) => Promise<number>;
+    fullWidth?: boolean;
+    style?: any;
+    /**
+     * Displays upload button instead of uploaded file after upload
+     * if set to reusable
+     */
+    reusable?: boolean;
+    uploadButtonName?: string;
+    /**
+     * Processes the uploaded file before performing the upload;
+     * @return file/undefined/statuscode undefined to fail the upload, return File
+     * to pass the processed file, return number to indicate error code
+     * and return to upload window.
+     * @param file
+     */
+    preprocess?: (file: File) => Promise<File | undefined | number>;
+    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
+}
+declare const CmrUpload: {
+    (props: CMRUploadProps): react_jsx_runtime.JSX.Element;
+    defaultProps: {
+        changeNameAfterUpload: boolean;
+    };
+};
+
 interface CMRSelectUploadProps extends CMRUploadProps {
     /**
      * A selection of currently uploaded files
@@ -284,6 +285,19 @@ interface UploadedFile {
  */
 declare const CMRSelectUpload: (props: CMRSelectUploadProps) => react_jsx_runtime.JSX.Element;
 
+interface UploadWindowProps {
+    upload: (file: File, fileAlias: string, fileDatabase: string) => Promise<number>;
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    fileExtension?: string;
+    template?: {
+        showFileName?: boolean;
+        showDatabase?: boolean;
+        showFileSize?: boolean;
+    };
+}
+declare function CmrUploadWindow({ upload, open, setOpen, fileExtension, template, }: UploadWindowProps): react_jsx_runtime.JSX.Element;
+
 interface CmrTableProps extends Omit<DataGridProps, 'rows'> {
     dataSource: any[];
     idAlias?: string;
@@ -294,4 +308,4 @@ interface CmrTableProps extends Omit<DataGridProps, 'rows'> {
 
 declare const CmrTable: FC<CmrTableProps>;
 
-export { CMRSelectUpload, CmrUpload as CMRUpload, CmrButton, CmrCheckbox, CmrCollapse, CmrConfirmation, CmrDeletionDialog, CmrEditConfirmation, CmrInput, CmrInputNumber, CmrLabel, CmrNameDialog, CmrPanel, CmrRadioGroup, CmrSelect, CmrTable, CmrTableProps, CmrTabs, CmrTooltip, LambdaFile };
+export { CMRSelectUpload, CmrUpload as CMRUpload, CmrButton, CmrCheckbox, CmrCollapse, CmrConfirmation, CmrDeletionDialog, CmrEditConfirmation, CmrInput, CmrInputNumber, CmrLabel, CmrNameDialog, CmrPanel, CmrRadioGroup, CmrSelect, CmrTable, CmrTableProps, CmrTabs, CmrTooltip, CmrUploadWindow, LambdaFile };