hrm_ui_lib 2.5.9 → 2.5.11

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/FormContainer/FormContainer.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
+import { useEffect } from 'react';
 import { useForm } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import classnames from 'classnames';
 import { FormContext } from '../../context';
 import { Button } from '../Button';
 export const FormContainer = (props) => {
-    const { children, className = '', shouldUnregister, shouldFocusError = true, mode = 'onBlur', initialValues, validationScheme, buttonConfigs, formId, onSubmit } = props;
+    const { children, className = '', shouldUnregister, shouldFocusError = true, mode = 'onBlur', initialValues, validationScheme, buttonConfigs, formId, language, onSubmit } = props;
     const { handleSubmit, register, setValue, control, formState, getValues, watch, reset, clearErrors, setError, trigger, getFieldState, unregister } = useForm({
         mode: mode,
         resolver: yupResolver(validationScheme),
@@ -20,6 +21,14 @@ export const FormContainer = (props) => {
             onSubmit(data, formState, dirtyFields);
         }
     };
+    useEffect(() => {
+        if (formState.isSubmitted) {
+            const fieldsWithErrors = Object.keys(formState.errors);
+            if (fieldsWithErrors.length > 0) {
+                trigger(fieldsWithErrors); // only revalidate fields that have errors
+            }
+        }
+    }, [language]);
     return (_jsx("form", { onSubmit: handleSubmit(customSubmit), id: formId, className: classnames('form-container', className), children: _jsx(FormContext.Provider, { value: {
                 trigger,
                 register,

package/components/FormContainer/types.d.ts

@@ -18,4 +18,5 @@ export interface FormPropTypes {
     mode?: keyof ValidationMode;
     reValidateMode?: 'onChange' | 'onSubmit' | 'onBlur' | undefined;
     formId?: string;
+    language?: string;
 }

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.11",
   "description": "UI library for Dino",
   "main": "./index.js",
   "module": "./index.js",