hrm_ui_lib 2.5.8 → 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/IconDynamicComponent/IconDynamicComponent.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from '../SVGIcons/types';
-import type { TIconName } from '../SVGIcons/icon-names';
+import { TIconName } from '../SVGIcons/icon-names';
 interface IconDynamicComponentProps extends ISVGIconProps {
     componentName: TIconName;
 }

package/components/IconDynamicComponent/IconDynamicComponent.js

@@ -10,12 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { lazy, Suspense } from 'react';
+import { lazy, Suspense, useMemo } from 'react';
 export const IconDynamicComponent = (_a) => {
     var { componentName } = _a, rest = __rest(_a, ["componentName"]);
-    if (!componentName) {
-        return null;
-    }
     const toPascalCase = (value) => value
         .replace(/^[a-z]/, (m) => m.toUpperCase())
         .replace(/[A-Z]/g, (m) => ` ${m}`)
@@ -23,14 +20,22 @@ export const IconDynamicComponent = (_a) => {
         .split(/\s|_|-/)
         .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
         .join('');
-    const resolvedName = toPascalCase(componentName);
-    const exportName = `Icon${resolvedName}`;
-    // Dynamically load the component based on the componentName prop
-    const Component = lazy(() => import('../../components/SVGIcons').then((mod) => {
-        var _a;
-        return ({
-            default: (_a = mod[exportName]) !== null && _a !== void 0 ? _a : (() => null)
-        });
-    }));
+    const exportName = useMemo(() => {
+        if (!componentName)
+            return null;
+        return `Icon${toPascalCase(componentName)}`;
+    }, [componentName]);
+    const Component = useMemo(() => {
+        if (!exportName)
+            return null;
+        return lazy(() => import('../../components/SVGIcons').then((mod) => {
+            var _a;
+            return ({
+                default: (_a = mod[exportName]) !== null && _a !== void 0 ? _a : (() => null)
+            });
+        }));
+    }, [exportName]);
+    if (!Component)
+        return null;
     return (_jsx(Suspense, { fallback: null, children: _jsx(Component, Object.assign({}, rest)) }));
 };

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