@ncds/ui-admin-icon 0.0.11 → 0.0.13

package/dist/cjs/utils.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.covertToPascalCase = void 0;
+const covertToPascalCase = (str) => {
+    return str.replace(/-([a-z0-9])/g, (_, char) => char.toUpperCase()).replace(/^[a-z]/, (char) => char.toUpperCase());
+};
+exports.covertToPascalCase = covertToPascalCase;

package/dist/esm/index.js

@@ -1,23 +1,25 @@
-import React, { useEffect, useRef, useState } from 'react';
-const covertToPascalCase = (str) => {
-    return str.replace(/-([a-z0-9])/g, (_, char) => char.toUpperCase()).replace(/^[a-z]/, (char) => char.toUpperCase());
-};
+import React, { useEffect, useState, useRef } from 'react';
+import { getIcon } from './map';
 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);
+        getIcon(name)
+            ?.then((module) => {
+            iconRef.current = module.default;
+            setIsLoading(false);
+        })
+            .catch((error) => {
+            console.error(error);
+            setIsLoading(false);
+        });
     }, [name]);
     const IconComponent = iconRef.current;
-    if (!isLoaded || !IconComponent)
+    if (isLoading || !IconComponent)
         return null;
     return React.createElement(IconComponent, { ...props });
 };
 export default Icon;
-export * from './components';
+// 모든 컴포넌트를 정적으로 내보내지 않음
+// export * from './components';