hrm_ui_lib 2.5.8 → 2.5.9

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/package.json

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