@ncds/ui-admin-icon 0.0.11 → 0.0.12

package/dist/cjs/index.js

@@ -40,20 +40,50 @@ const react_1 = __importStar(require("react"));
 const covertToPascalCase = (str) => {
     return str.replace(/-([a-z0-9])/g, (_, char) => char.toUpperCase()).replace(/^[a-z]/, (char) => char.toUpperCase());
 };
+const viteLoader = (name) => {
+    const iconName = covertToPascalCase(name);
+    try {
+        return Promise.resolve(`${`./components/${iconName}`}`).then(s => __importStar(require(s))).then((module) => module.default);
+    }
+    catch {
+        return Promise.reject(new Error(`Icon ${name} not found`));
+    }
+};
+const webpackLoader = (name) => {
+    // @ts-ignore
+    const requireContext = require.context('./components', true, /\.(js|tsx)$/);
+    const iconName = covertToPascalCase(name);
+    try {
+        return Promise.resolve(requireContext(`./${iconName}`).default);
+    }
+    catch {
+        return Promise.reject(new Error(`Icon ${name} not found`));
+    }
+};
+const getIconLoader = () => {
+    // @ts-ignore
+    if (typeof require !== 'undefined' && typeof require.context === 'function') {
+        return webpackLoader;
+    }
+    return viteLoader;
+};
+const loadIcon = getIconLoader();
 const Icon = ({ name, ...props }) => {
     const iconRef = (0, react_1.useRef)(null);
-    const [isLoaded, setIsLoaded] = (0, react_1.useState)(false);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
     (0, react_1.useEffect)(() => {
-        const importIcon = async () => {
-            setIsLoaded(false);
-            const { default: IconComponent } = await Promise.resolve(`${`./components/${covertToPascalCase(name)}`}`).then(s => __importStar(require(s)));
-            iconRef.current = IconComponent;
-            setIsLoaded(true);
-        };
-        importIcon();
+        setIsLoading(true);
+        loadIcon(name)
+            .then((component) => {
+            iconRef.current = component;
+            setIsLoading(false);
+        })
+            .catch(() => {
+            setIsLoading(false);
+        });
     }, [name]);
     const IconComponent = iconRef.current;
-    if (!isLoaded || !IconComponent)
+    if (isLoading || !IconComponent)
         return null;
     return react_1.default.createElement(IconComponent, { ...props });
 };

package/dist/esm/index.js

@@ -1,21 +1,51 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useState, useRef } from 'react';
 const covertToPascalCase = (str) => {
     return str.replace(/-([a-z0-9])/g, (_, char) => char.toUpperCase()).replace(/^[a-z]/, (char) => char.toUpperCase());
 };
+const viteLoader = (name) => {
+    const iconName = covertToPascalCase(name);
+    try {
+        return import(/* @vite-ignore */ `./components/${iconName}`).then((module) => module.default);
+    }
+    catch {
+        return Promise.reject(new Error(`Icon ${name} not found`));
+    }
+};
+const webpackLoader = (name) => {
+    // @ts-ignore
+    const requireContext = require.context('./components', true, /\.(js|tsx)$/);
+    const iconName = covertToPascalCase(name);
+    try {
+        return Promise.resolve(requireContext(`./${iconName}`).default);
+    }
+    catch {
+        return Promise.reject(new Error(`Icon ${name} not found`));
+    }
+};
+const getIconLoader = () => {
+    // @ts-ignore
+    if (typeof require !== 'undefined' && typeof require.context === 'function') {
+        return webpackLoader;
+    }
+    return viteLoader;
+};
+const loadIcon = getIconLoader();
 const Icon = ({ name, ...props }) => {
     const iconRef = useRef(null);
-    const [isLoaded, setIsLoaded] = useState(false);
+    const [isLoading, setIsLoading] = useState(true);
     useEffect(() => {
-        const importIcon = async () => {
-            setIsLoaded(false);
-            const { default: IconComponent } = await import(`./components/${covertToPascalCase(name)}`);
-            iconRef.current = IconComponent;
-            setIsLoaded(true);
-        };
-        importIcon();
+        setIsLoading(true);
+        loadIcon(name)
+            .then((component) => {
+            iconRef.current = component;
+            setIsLoading(false);
+        })
+            .catch(() => {
+            setIsLoading(false);
+        });
     }, [name]);
     const IconComponent = iconRef.current;
-    if (!isLoaded || !IconComponent)
+    if (isLoading || !IconComponent)
         return null;
     return React.createElement(IconComponent, { ...props });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ncds/ui-admin-icon",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "keywords": [
     "icons",
     "react",