hrm_ui_lib 4.0.6 → 4.0.7

package/components/FileUpload/FileUpload.js

@@ -10,7 +10,7 @@ import IconEditFilled from '../SVGIcons/IconEditFilled';
 import IconEdit from '../SVGIcons/IconEdit';
 import IconAttach from '../SVGIcons/IconAttach';
 export const FileUpload = (props) => {
-    const { allowedTypes = 'application/pdf, .png, .jpg, .jpeg, image/jpeg, image/png, image/jpg, text/plain, image/*, .pdf, .doc, .docx, application/vnd', label, getFiles, removeFiles, handleFileClick, name, setFieldValue, toBase64, required, disabled, buttonText, withFilePreview = true, multiple = true, uploadedFiles, value, labelAddons, onError, fileAllowedSize, mode = FileUploadMode.attach, dataTestId = '' } = props;
+    const { allowedTypes = 'application/pdf, .png, .jpg, .jpeg, image/jpeg, image/png, image/jpg, text/plain, image/*, .pdf, .doc, .docx, application/vnd', label, getFiles, removeFiles, handleFileClick, name, setFieldValue, toBase64, required, disabled, buttonText, withFilePreview = true, multiple = true, uploadedFiles, value, labelAddons, onError, fileAllowedSize, mode = FileUploadMode.attach, size = 'medium', iconProps = { Component: IconAttach }, dataTestId = '' } = props;
     const files = value || uploadedFiles || [];
     const fileInputRef = useRef(null);
     const [isHovered, setHoverState] = useState(false);
@@ -66,5 +66,5 @@ export const FileUpload = (props) => {
             }
         }
     }, [files, removeFiles]);
-    return (_jsxs("div", { className: "file-upload", "data-test-id": dataTestId, children: [_jsx(Label, { text: label, required: required, disabled: disabled, labelAddons: labelAddons, dataTestId: dataTestId ? `${dataTestId}-label` : '' }), _jsxs("div", { className: "file-upload__inner", children: [_jsx("input", { name: name, type: "file", multiple: multiple, className: "hide", ref: fileInputRef, accept: allowedTypes, "data-test-id": dataTestId ? `${dataTestId}-input` : '', onChange: handleChange }), mode === FileUploadMode.edit && (_jsx("div", { className: "edit__icon", "data-test-id": dataTestId ? `${dataTestId}-trigger` : '', onMouseEnter: onMouseEnterOrLeave, onMouseLeave: onMouseEnterOrLeave, onClick: onUploadClick, children: isHovered ? (_jsx(IconEditFilled, { size: "xxsmall", type: "secondary" })) : (_jsx(IconEdit, { size: "xxsmall", type: "secondary" })) })), mode === FileUploadMode.attach && (_jsx(Button, { type: "secondary", size: "medium", disabled: disabled, iconProps: { Component: IconAttach }, onClick: onUploadClick, buttonText: buttonText, dataTestId: dataTestId ? `${dataTestId}-action` : '' })), _jsx(UploadItems, { handleFileClick: handleFileClick, onRemove: handleFileRemove, files: files, withFilePreview: withFilePreview, dataTestId: dataTestId })] })] }));
+    return (_jsxs("div", { className: "file-upload", "data-test-id": dataTestId, children: [_jsx(Label, { text: label, required: required, disabled: disabled, labelAddons: labelAddons, dataTestId: dataTestId ? `${dataTestId}-label` : '' }), _jsxs("div", { className: "file-upload__inner", children: [_jsx("input", { name: name, type: "file", multiple: multiple, className: "hide", ref: fileInputRef, accept: allowedTypes, "data-test-id": dataTestId ? `${dataTestId}-input` : '', onChange: handleChange }), mode === FileUploadMode.edit && (_jsx("div", { className: "edit__icon", "data-test-id": dataTestId ? `${dataTestId}-trigger` : '', onMouseEnter: onMouseEnterOrLeave, onMouseLeave: onMouseEnterOrLeave, onClick: onUploadClick, children: isHovered ? (_jsx(IconEditFilled, { size: "xxsmall", type: "secondary" })) : (_jsx(IconEdit, { size: "xxsmall", type: "secondary" })) })), mode === FileUploadMode.attach && (_jsx(Button, { type: "secondary", size: size, disabled: disabled, iconProps: iconProps, onClick: onUploadClick, buttonText: buttonText, dataTestId: dataTestId ? `${dataTestId}-action` : '' })), _jsx(UploadItems, { handleFileClick: handleFileClick, onRemove: handleFileRemove, files: files, withFilePreview: withFilePreview, dataTestId: dataTestId })] })] }));
 };

package/components/FileUpload/types.d.ts

@@ -2,6 +2,7 @@ import { FILE_UPLOAD_ERRORS } from '../../consts';
 import { FileTypeEnum, IBaseProps, IFormCompProps } from '../../type';
 import { Dispatch, SetStateAction } from 'react';
 import { Accept, DropzoneOptions } from 'react-dropzone';
+import { TButtonPropTypes } from '../Button/types';
 export interface TFileUploadProps extends IFormCompProps {
     allowedTypes?: string;
     label?: string | React.ReactElement;
@@ -20,6 +21,8 @@ export interface TFileUploadProps extends IFormCompProps {
     labelAddons?: React.ReactElement;
     onError?: (errorType: FILE_UPLOAD_ERRORS) => void;
     fileAllowedSize?: number;
+    size?: TButtonPropTypes['size'];
+    iconProps?: TButtonPropTypes['iconProps'];
 }
 export declare enum FileUploadMode {
     edit = "edit",

package/components/SVGIcons/IconDownload.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { ISVGIconProps } from '../../type';
+declare const IconDownload: ({ size, type, className, onClick, refHandler, id, dataTestId }: ISVGIconProps) => ReactElement;
+export default IconDownload;

package/components/SVGIcons/IconDownload.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+const IconDownload = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+        [`svg-icon__size-${size}`]: size,
+        [`svg-icon__type-${type}`]: type,
+        [className]: className
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M12 15V3", fill: "none" }), _jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", fill: "none" }), _jsx("path", { d: "m7 10 5 5 5-5", fill: "none" })] }));
+export default IconDownload;

package/components/SVGIcons/IconUpload2.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { ISVGIconProps } from '../../type';
+declare const IconUpload2: ({ size, type, className, onClick, refHandler, id, dataTestId }: ISVGIconProps) => ReactElement;
+export default IconUpload2;

package/components/SVGIcons/IconUpload2.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+const IconUpload2 = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+        [`svg-icon__size-${size}`]: size,
+        [`svg-icon__type-${type}`]: type,
+        [className]: className
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M12 3v12", fill: "none" }), _jsx("path", { d: "m17 8-5-5-5 5", fill: "none" }), _jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", fill: "none" })] }));
+export default IconUpload2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hrm_ui_lib",
-  "version": "4.0.6",
+  "version": "4.0.7",
   "description": "UI library for Dino",
   "main": "./index.cjs",
   "module": "./index.js",