hrm_ui_lib 2.5.9 → 2.5.10

package/components/FileUpload/DropzoneFileUpload/FilePreview.js

@@ -16,9 +16,9 @@ export const FilePreview = ({ preview, type }) => {
         setLoading(false);
     };
     if (type === 'image') {
-        return (_jsxs(_Fragment, { children: [loading && _jsx(Progress, { size: "small", loop: true, noText: true, percent: 30, type: "circle", dimension: 20 }), _jsx("img", { src: hasError ? filePreviewSVG : preview, alt: "Preview", onLoad: handleImageOnLoad, onError: handleImageOnError, className: classnames('dz-file-upload__files--item__preview--image', {
+        return (_jsxs(_Fragment, { children: [loading && _jsx(Progress, { size: "small", loop: true, noText: true, percent: 30, type: "circle", dimension: 20 }), _jsx("img", { src: hasError ? filePreviewSVG : preview, alt: "Preview", fetchPriority: "low", onLoad: handleImageOnLoad, onError: handleImageOnError, className: classnames('dz-file-upload__files--item__preview--image', {
                         'dz-file-upload__files--item__preview--image--loading': loading
                     }) })] }));
     }
-    return (_jsx("img", { src: filePreviewSVG, alt: "Preview", className: "dnd-file-upload__files--item__preview--image dnd-file-upload__files--item__preview--image_default" }));
+    return (_jsx("img", { src: filePreviewSVG, alt: "Preview", fetchPriority: "low", className: "dnd-file-upload__files--item__preview--image dnd-file-upload__files--item__preview--image_default" }));
 };

package/components/FormField/FormField.js

@@ -6,15 +6,15 @@ import { FormContext } from '../../context';
 import { Controller } from 'react-hook-form';
 import classnames from 'classnames';
 export const FormField = (props) => {
-    const { As, name, className = '', dataId = '', hideErrorMessage = false, errorMessageIcon } = props;
+    const { As, name, className = '', dataId = '', hideErrorMessage = false, errorMessageIcon, defaultValue } = props;
     const { register, errors, setValue, control } = useContext(FormContext);
     if (!register) {
         return null;
     }
     const registerOptions = register(name);
-    return (_jsx("div", { className: classnames('form-container__field', className, name), children: _jsx(Controller, { control: control, name: name, render: ({ field, fieldState }) => {
+    return (_jsx("div", { className: classnames('form-container__field', className, name), children: _jsx(Controller, Object.assign({ control: control, name: name }, (defaultValue ? { defaultValue } : {}), { render: ({ field, fieldState }) => {
                 return (_jsxs(_Fragment, { children: [As(Object.assign(Object.assign(Object.assign({ hasError: !!fieldState.error, isValid: fieldState.isTouched && fieldState.isDirty && !fieldState.invalid, dataId }, registerOptions), { setFieldValue: (data, name, options) => setValue(data, name, Object.assign({ shouldValidate: true, shouldDirty: true, shouldTouch: true }, options)) }), field)), !hideErrorMessage ? (_jsx(ReactHookFormErrorMessage, { name: name, errors: errors, render: ({ message }) => {
                                 return (_jsx(ErrorMessage, { dataId: dataId, message: message || '', className: "full-width", icon: errorMessageIcon }));
                             } })) : null] }));
-            } }) }));
+            } })) }));
 };

package/components/FormField/types.d.ts

@@ -5,4 +5,5 @@ export interface TFormFieldPropTypes {
     dataId?: string;
     hideErrorMessage?: boolean;
     errorMessageIcon?: string;
+    defaultValue?: any;
 }

package/components/Image/Image.js

@@ -5,7 +5,7 @@ export const Image = (props) => {
             backgroundImage: `${imagePath ? `url(${imagePath})` : ''}`,
             backgroundSize: backgroundSize,
             aspectRatio: ratio
-        } })) : (_jsx("img", { className: `image ${className}`, src: imagePath, alt: name, style: {
+        } })) : (_jsx("img", { className: `image ${className}`, src: imagePath, alt: name, fetchPriority: "low", style: {
             aspectRatio: ratio,
             width: isFullWidth ? '100%' : '',
             height: isFullHeight ? '100%' : ''

package/package.json

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