cloudmr-ux 1.0.5 → 1.0.7

package/dist/index.css

@@ -141,6 +141,37 @@
   background-color: #dcbfea !important;
 }
 
+/* src/CmrComponents/collapse/Collapse.css */
+.collapse-bar {
+  margin-bottom: 4px;
+}
+
+/* src/CmrComponents/upload/Upload.css */
+.btn-info {
+  color: #ffffff;
+  --bs-btn-hover-color: #ffffff;
+  --bs-btn-color: #ffffff;
+}
+
+/* src/CmrComponents/label/Label.css */
+.cmr-label {
+  display: flex;
+  align-items: center;
+  font-style: normal;
+  font-weight: 400;
+  font-family:
+    "Inter",
+    "Roboto",
+    "Helvetica",
+    "Arial",
+    sans-serif;
+  padding-right: 10px;
+}
+.asterik {
+  color: red !important;
+  margin-left: 4px;
+}
+
 /* 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,7 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonProps } from '@mui/material';
-import React, { ChangeEvent, CSSProperties, FC } from 'react';
+import { ButtonProps, SxProps, Theme } from '@mui/material';
+import React, { ChangeEvent, ReactNode, 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 { DataGridProps } from '@mui/x-data-grid';
 
 declare const CmrButton: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
@@ -56,6 +59,111 @@ interface CmrSelectProps {
 }
 declare const CmrSelect: React.FC<CmrSelectProps>;
 
+interface CmrCollapseProps {
+    accordion?: boolean;
+    activeKey?: Array<string | number> | number;
+    bordered?: boolean;
+    collapsible?: CollapsibleType;
+    defaultActiveKey?: Array<string | number>;
+    destroyInactivePanel?: boolean;
+    expandIconPosition?: ExpandIconPosition;
+    ghost?: boolean;
+    onChange?: (key: Array<string | number> | number) => void;
+    children?: JSX.Element[] | JSX.Element;
+}
+declare const CmrCollapse: (props: CmrCollapseProps) => react_jsx_runtime.JSX.Element;
+
+interface CmrPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    activeKey?: string | string[];
+    header: string | undefined;
+    children: ReactNode;
+    panelKey?: number;
+    onToggle?: (key: number | undefined) => void;
+    expanded?: boolean;
+    cardProps?: React.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;
+    };
+};
+
 interface CmrTableProps extends Omit<DataGridProps, 'rows'> {
     dataSource: any[];
     idAlias?: string;
@@ -66,4 +174,4 @@ interface CmrTableProps extends Omit<DataGridProps, 'rows'> {
 
 declare const CmrTable: FC<CmrTableProps>;
 
-export { CmrButton, CmrCheckbox, CmrInput, CmrRadioGroup, CmrSelect, CmrTable, CmrTableProps };
+export { CmrUpload as CMRUpload, CmrButton, CmrCheckbox, CmrCollapse, CmrInput, CmrPanel, CmrRadioGroup, CmrSelect, CmrTable, CmrTableProps, LambdaFile };