npm - @onpe/ui - Versions diffs - 1.0.48 → 1.0.49 - Mend

@onpe/ui 1.0.48 → 1.0.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/cli.esm.js CHANGED Viewed

@@ -5865,20 +5865,20 @@ var COMPONENTS_URL = "https://raw.githubusercontent.com/ricardosv46/onpe-ui/main
 var ICONS_URL = "https://raw.githubusercontent.com/ricardosv46/onpe-ui/main/src/icons";
 function addComponent(componentName) {
     return __awaiter(this, void 0, void 0, function () {
-        var isIcon, isModal, folderName, componentPath, componentDependencies, availableComponents, availableIcons, componentFile, availableItems, dependencies, _i, dependencies_1, dependency, depError_1, downloadUrl, response, componentCode, personalizedCode, fileName, filePath, componentNamePascal, importPath, dependencies, error_1;
+        var isIcon, componentPath, componentDependencies, availableComponents, availableIcons, componentFile, availableItems, dependencies, _i, dependencies_1, dependency, depError_1, downloadUrl, response, componentCode, personalizedCode, fileName, filePath, componentNamePascal, importPath, iconType, dependencies, error_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     isIcon = componentName.toLowerCase().startsWith("icon-");
-                    isModal = componentName.toLowerCase().startsWith("modal");
-                    folderName = "onpe-ui";
+                    componentName.toLowerCase().startsWith("modal");
                     if (isIcon) {
-                        folderName = "onpe-icons";
+                        // Los iconos van en src/icons/
+                        componentPath = require$$1.join(process.cwd(), "src", "icons");
                     }
-                    else if (isModal) {
-                        folderName = "onpe-modals";
+                    else {
+                        // Los componentes van en src/components/
+                        componentPath = require$$1.join(process.cwd(), "src", "components");
                     }
-                    componentPath = require$$1.join(process.cwd(), "src", "components", folderName);
                     // Crear directorio si no existe
                     return [4 /*yield*/, lib.ensureDir(componentPath)];
                 case 1:
@@ -5977,7 +5977,27 @@ function addComponent(componentName) {
                     console.log("\n📋 Próximos pasos:");
                     console.log("1. Importa el ".concat(isIcon ? "icono" : "componente", ":"));
                     componentNamePascal = convertToPascalCase(componentName);
-                    importPath = "./components/".concat(folderName, "/").concat(fileName.replace(".tsx", ""));
+                    importPath = void 0;
+                    if (isIcon) {
+                        iconType = componentName.toLowerCase().includes("chrome") || componentName.toLowerCase().includes("safari") || componentName.toLowerCase().includes("mozilla") || componentName.toLowerCase().includes("edge")
+                            ? "Browsers"
+                            : componentName.toLowerCase().includes("android") || componentName.toLowerCase().includes("apple") || componentName.toLowerCase().includes("window")
+                                ? "OperatingSystems"
+                                : "Actions";
+                        importPath = "./icons/".concat(iconType, "/").concat(componentNamePascal);
+                    }
+                    else {
+                        // Para componentes, determinar la subcarpeta correcta
+                        if (componentName.toLowerCase().includes("modal-confirm") || componentName.toLowerCase().includes("modal-loading")) {
+                            importPath = "./components/Feedback/".concat(componentNamePascal);
+                        }
+                        else if (componentName.toLowerCase().includes("modal-browser") || componentName.toLowerCase().includes("modal-system")) {
+                            importPath = "./components/ErrorHandling/".concat(componentNamePascal);
+                        }
+                        else {
+                            importPath = "./components/".concat(componentNamePascal);
+                        }
+                    }
                     console.log("   import { ".concat(componentNamePascal, " } from '").concat(importPath, "'"));
                     // Mostrar dependencias si las hay
                     if (!isIcon && componentDependencies[componentName.toLowerCase()]) {
@@ -5985,8 +6005,30 @@ function addComponent(componentName) {
                         console.log("2. Tambi\u00E9n se instalaron las dependencias:");
                         dependencies.forEach(function (dep) {
                             var depPascal = convertToPascalCase(dep);
-                            var depFolder = dep.startsWith("icon-") ? "onpe-icons" : dep.startsWith("modal") ? "onpe-modals" : "onpe-ui";
-                            console.log("   import { ".concat(depPascal, " } from './components/").concat(depFolder, "/").concat(depPascal, "'"));
+                            var depPath;
+                            if (dep.startsWith("icon-")) {
+                                var iconType = dep.includes("chrome") || dep.includes("safari") || dep.includes("mozilla") || dep.includes("edge")
+                                    ? "Browsers"
+                                    : dep.includes("android") || dep.includes("apple") || dep.includes("window")
+                                        ? "OperatingSystems"
+                                        : "Actions";
+                                depPath = "./icons/".concat(iconType, "/").concat(depPascal);
+                            }
+                            else if (dep.startsWith("modal")) {
+                                if (dep.includes("confirm") || dep.includes("loading")) {
+                                    depPath = "./components/Feedback/".concat(depPascal);
+                                }
+                                else if (dep.includes("browser") || dep.includes("system")) {
+                                    depPath = "./components/ErrorHandling/".concat(depPascal);
+                                }
+                                else {
+                                    depPath = "./components/".concat(depPascal);
+                                }
+                            }
+                            else {
+                                depPath = "./components/".concat(depPascal);
+                            }
+                            console.log("   import { ".concat(depPascal, " } from '").concat(depPath, "'"));
                         });
                         console.log("3. Usa el ".concat(isIcon ? "icono" : "componente", ":"));
                     }
@@ -6013,37 +6055,37 @@ function convertToPascalCase(name) {
 }
 function personalizeComponent(code, componentName) {
     var componentNamePascal = convertToPascalCase(componentName);
-    // Mapeo de componentes y sus nuevas ubicaciones
+    // Mapeo de componentes y sus ubicaciones reales
     var componentPaths = {
-        // Componentes básicos → onpe-ui
-        Button: "./components/onpe-ui/Button",
-        Overlay: "./components/onpe-ui/Overlay",
-        Portal: "./components/onpe-ui/Portal",
-        Show: "./components/onpe-ui/Show",
-        // Modales → onpe-modals
-        Modal: "./components/onpe-modals/Modal",
-        ModalConfirm: "./components/onpe-modals/ModalConfirm",
-        ModalLoading: "./components/onpe-modals/ModalLoading",
-        ModalBrowserIncompatible: "./components/onpe-modals/ModalBrowserIncompatible",
-        ModalSystemIncompatible: "./components/onpe-modals/ModalSystemIncompatible",
-        // Iconos → onpe-icons
-        IconCheck: "./components/onpe-icons/IconCheck",
-        IconClose: "./components/onpe-icons/IconClose",
-        IconWarning: "./components/onpe-icons/IconWarning",
-        IconSpinnerDesktop: "./components/onpe-icons/IconSpinnerDesktop",
-        IconSpinnerMobile: "./components/onpe-icons/IconSpinnerMobile",
-        IconHome: "./components/onpe-icons/IconHome",
-        IconChrome: "./components/onpe-icons/IconChrome",
-        IconChromeColor: "./components/onpe-icons/IconChromeColor",
-        IconEdge: "./components/onpe-icons/IconEdge",
-        IconEdgeColor: "./components/onpe-icons/IconEdgeColor",
-        IconMozilla: "./components/onpe-icons/IconMozilla",
-        IconMozillaColor: "./components/onpe-icons/IconMozillaColor",
-        IconSafari: "./components/onpe-icons/IconSafari",
-        IconSafariColor: "./components/onpe-icons/IconSafariColor",
-        IconAndroid: "./components/onpe-icons/IconAndroid",
-        IconApple: "./components/onpe-icons/IconApple",
-        IconWindow: "./components/onpe-icons/IconWindow",
+        // Componentes básicos
+        Button: "./components/Button",
+        Overlay: "./components/Overlay",
+        Portal: "./components/Portal",
+        Show: "./components/Show",
+        // Modales
+        Modal: "./components/Modal",
+        ModalConfirm: "./components/Feedback/ModalConfirm",
+        ModalLoading: "./components/Feedback/ModalLoading",
+        ModalBrowserIncompatible: "./components/ErrorHandling/ModalBrowserIncompatible",
+        ModalSystemIncompatible: "./components/ErrorHandling/ModalSystemIncompatible",
+        // Iconos
+        IconCheck: "./icons/Actions/IconCheck",
+        IconClose: "./icons/Actions/IconClose",
+        IconWarning: "./icons/Actions/IconWarning",
+        IconSpinnerDesktop: "./icons/Actions/IconSpinnerDesktop",
+        IconSpinnerMobile: "./icons/Actions/IconSpinnerMobile",
+        IconHome: "./icons/Actions/IconHome",
+        IconChrome: "./icons/Browsers/IconChrome",
+        IconChromeColor: "./icons/Browsers/IconChromeColor",
+        IconEdge: "./icons/Browsers/IconEdge",
+        IconEdgeColor: "./icons/Browsers/IconEdgeColor",
+        IconMozilla: "./icons/Browsers/IconMozilla",
+        IconMozillaColor: "./icons/Browsers/IconMozillaColor",
+        IconSafari: "./icons/Browsers/IconSafari",
+        IconSafariColor: "./icons/Browsers/IconSafariColor",
+        IconAndroid: "./icons/OperatingSystems/IconAndroid",
+        IconApple: "./icons/OperatingSystems/IconApple",
+        IconWindow: "./icons/OperatingSystems/IconWindow",
     };
     // Reemplazar las rutas de importación
     var personalizedCode = code;

package/dist/cli.js CHANGED Viewed

@@ -5865,20 +5865,20 @@ var COMPONENTS_URL = "https://raw.githubusercontent.com/ricardosv46/onpe-ui/main
 var ICONS_URL = "https://raw.githubusercontent.com/ricardosv46/onpe-ui/main/src/icons";
 function addComponent(componentName) {
     return __awaiter(this, void 0, void 0, function () {
-        var isIcon, isModal, folderName, componentPath, componentDependencies, availableComponents, availableIcons, componentFile, availableItems, dependencies, _i, dependencies_1, dependency, depError_1, downloadUrl, response, componentCode, personalizedCode, fileName, filePath, componentNamePascal, importPath, dependencies, error_1;
+        var isIcon, componentPath, componentDependencies, availableComponents, availableIcons, componentFile, availableItems, dependencies, _i, dependencies_1, dependency, depError_1, downloadUrl, response, componentCode, personalizedCode, fileName, filePath, componentNamePascal, importPath, iconType, dependencies, error_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     isIcon = componentName.toLowerCase().startsWith("icon-");
-                    isModal = componentName.toLowerCase().startsWith("modal");
-                    folderName = "onpe-ui";
+                    componentName.toLowerCase().startsWith("modal");
                     if (isIcon) {
-                        folderName = "onpe-icons";
+                        // Los iconos van en src/icons/
+                        componentPath = require$$1.join(process.cwd(), "src", "icons");
                     }
-                    else if (isModal) {
-                        folderName = "onpe-modals";
+                    else {
+                        // Los componentes van en src/components/
+                        componentPath = require$$1.join(process.cwd(), "src", "components");
                     }
-                    componentPath = require$$1.join(process.cwd(), "src", "components", folderName);
                     // Crear directorio si no existe
                     return [4 /*yield*/, lib.ensureDir(componentPath)];
                 case 1:
@@ -5977,7 +5977,27 @@ function addComponent(componentName) {
                     console.log("\n📋 Próximos pasos:");
                     console.log("1. Importa el ".concat(isIcon ? "icono" : "componente", ":"));
                     componentNamePascal = convertToPascalCase(componentName);
-                    importPath = "./components/".concat(folderName, "/").concat(fileName.replace(".tsx", ""));
+                    importPath = void 0;
+                    if (isIcon) {
+                        iconType = componentName.toLowerCase().includes("chrome") || componentName.toLowerCase().includes("safari") || componentName.toLowerCase().includes("mozilla") || componentName.toLowerCase().includes("edge")
+                            ? "Browsers"
+                            : componentName.toLowerCase().includes("android") || componentName.toLowerCase().includes("apple") || componentName.toLowerCase().includes("window")
+                                ? "OperatingSystems"
+                                : "Actions";
+                        importPath = "./icons/".concat(iconType, "/").concat(componentNamePascal);
+                    }
+                    else {
+                        // Para componentes, determinar la subcarpeta correcta
+                        if (componentName.toLowerCase().includes("modal-confirm") || componentName.toLowerCase().includes("modal-loading")) {
+                            importPath = "./components/Feedback/".concat(componentNamePascal);
+                        }
+                        else if (componentName.toLowerCase().includes("modal-browser") || componentName.toLowerCase().includes("modal-system")) {
+                            importPath = "./components/ErrorHandling/".concat(componentNamePascal);
+                        }
+                        else {
+                            importPath = "./components/".concat(componentNamePascal);
+                        }
+                    }
                     console.log("   import { ".concat(componentNamePascal, " } from '").concat(importPath, "'"));
                     // Mostrar dependencias si las hay
                     if (!isIcon && componentDependencies[componentName.toLowerCase()]) {
@@ -5985,8 +6005,30 @@ function addComponent(componentName) {
                         console.log("2. Tambi\u00E9n se instalaron las dependencias:");
                         dependencies.forEach(function (dep) {
                             var depPascal = convertToPascalCase(dep);
-                            var depFolder = dep.startsWith("icon-") ? "onpe-icons" : dep.startsWith("modal") ? "onpe-modals" : "onpe-ui";
-                            console.log("   import { ".concat(depPascal, " } from './components/").concat(depFolder, "/").concat(depPascal, "'"));
+                            var depPath;
+                            if (dep.startsWith("icon-")) {
+                                var iconType = dep.includes("chrome") || dep.includes("safari") || dep.includes("mozilla") || dep.includes("edge")
+                                    ? "Browsers"
+                                    : dep.includes("android") || dep.includes("apple") || dep.includes("window")
+                                        ? "OperatingSystems"
+                                        : "Actions";
+                                depPath = "./icons/".concat(iconType, "/").concat(depPascal);
+                            }
+                            else if (dep.startsWith("modal")) {
+                                if (dep.includes("confirm") || dep.includes("loading")) {
+                                    depPath = "./components/Feedback/".concat(depPascal);
+                                }
+                                else if (dep.includes("browser") || dep.includes("system")) {
+                                    depPath = "./components/ErrorHandling/".concat(depPascal);
+                                }
+                                else {
+                                    depPath = "./components/".concat(depPascal);
+                                }
+                            }
+                            else {
+                                depPath = "./components/".concat(depPascal);
+                            }
+                            console.log("   import { ".concat(depPascal, " } from '").concat(depPath, "'"));
                         });
                         console.log("3. Usa el ".concat(isIcon ? "icono" : "componente", ":"));
                     }
@@ -6013,37 +6055,37 @@ function convertToPascalCase(name) {
 }
 function personalizeComponent(code, componentName) {
     var componentNamePascal = convertToPascalCase(componentName);
-    // Mapeo de componentes y sus nuevas ubicaciones
+    // Mapeo de componentes y sus ubicaciones reales
     var componentPaths = {
-        // Componentes básicos → onpe-ui
-        Button: "./components/onpe-ui/Button",
-        Overlay: "./components/onpe-ui/Overlay",
-        Portal: "./components/onpe-ui/Portal",
-        Show: "./components/onpe-ui/Show",
-        // Modales → onpe-modals
-        Modal: "./components/onpe-modals/Modal",
-        ModalConfirm: "./components/onpe-modals/ModalConfirm",
-        ModalLoading: "./components/onpe-modals/ModalLoading",
-        ModalBrowserIncompatible: "./components/onpe-modals/ModalBrowserIncompatible",
-        ModalSystemIncompatible: "./components/onpe-modals/ModalSystemIncompatible",
-        // Iconos → onpe-icons
-        IconCheck: "./components/onpe-icons/IconCheck",
-        IconClose: "./components/onpe-icons/IconClose",
-        IconWarning: "./components/onpe-icons/IconWarning",
-        IconSpinnerDesktop: "./components/onpe-icons/IconSpinnerDesktop",
-        IconSpinnerMobile: "./components/onpe-icons/IconSpinnerMobile",
-        IconHome: "./components/onpe-icons/IconHome",
-        IconChrome: "./components/onpe-icons/IconChrome",
-        IconChromeColor: "./components/onpe-icons/IconChromeColor",
-        IconEdge: "./components/onpe-icons/IconEdge",
-        IconEdgeColor: "./components/onpe-icons/IconEdgeColor",
-        IconMozilla: "./components/onpe-icons/IconMozilla",
-        IconMozillaColor: "./components/onpe-icons/IconMozillaColor",
-        IconSafari: "./components/onpe-icons/IconSafari",
-        IconSafariColor: "./components/onpe-icons/IconSafariColor",
-        IconAndroid: "./components/onpe-icons/IconAndroid",
-        IconApple: "./components/onpe-icons/IconApple",
-        IconWindow: "./components/onpe-icons/IconWindow",
+        // Componentes básicos
+        Button: "./components/Button",
+        Overlay: "./components/Overlay",
+        Portal: "./components/Portal",
+        Show: "./components/Show",
+        // Modales
+        Modal: "./components/Modal",
+        ModalConfirm: "./components/Feedback/ModalConfirm",
+        ModalLoading: "./components/Feedback/ModalLoading",
+        ModalBrowserIncompatible: "./components/ErrorHandling/ModalBrowserIncompatible",
+        ModalSystemIncompatible: "./components/ErrorHandling/ModalSystemIncompatible",
+        // Iconos
+        IconCheck: "./icons/Actions/IconCheck",
+        IconClose: "./icons/Actions/IconClose",
+        IconWarning: "./icons/Actions/IconWarning",
+        IconSpinnerDesktop: "./icons/Actions/IconSpinnerDesktop",
+        IconSpinnerMobile: "./icons/Actions/IconSpinnerMobile",
+        IconHome: "./icons/Actions/IconHome",
+        IconChrome: "./icons/Browsers/IconChrome",
+        IconChromeColor: "./icons/Browsers/IconChromeColor",
+        IconEdge: "./icons/Browsers/IconEdge",
+        IconEdgeColor: "./icons/Browsers/IconEdgeColor",
+        IconMozilla: "./icons/Browsers/IconMozilla",
+        IconMozillaColor: "./icons/Browsers/IconMozillaColor",
+        IconSafari: "./icons/Browsers/IconSafari",
+        IconSafariColor: "./icons/Browsers/IconSafariColor",
+        IconAndroid: "./icons/OperatingSystems/IconAndroid",
+        IconApple: "./icons/OperatingSystems/IconApple",
+        IconWindow: "./icons/OperatingSystems/IconWindow",
     };
     // Reemplazar las rutas de importación
     var personalizedCode = code;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@onpe/ui",
-  "version": "1.0.48",
+  "version": "1.0.49",
   "type": "module",
   "description": "Librería completa de UI para ONPE - Componentes, Hooks, Utils y Librerías",
   "main": "dist/index.js",