ywana-core8 0.1.48 → 0.1.50

package/dist/index.umd.js

@@ -2044,31 +2044,59 @@
         consoleLines = _useState7[0],
         setConsoleLines = _useState7[1];
       var _useState8 = React.useState(),
-        page = _useState8[0],
-        setPage = _useState8[1];
+        dialog = _useState8[0],
+        setDialog = _useState8[1];
       var _useState9 = React.useState(),
-        dialog = _useState9[0],
-        setDialog = _useState9[1];
+        promptDialog = _useState9[0],
+        setPromptDialog = _useState9[1];
       var _useState10 = React.useState(),
-        promptDialog = _useState10[0],
-        setPromptDialog = _useState10[1];
+        preview = _useState10[0],
+        setPreview = _useState10[1];
       var _useState11 = React.useState(),
-        preview = _useState11[0],
-        setPreview = _useState11[1];
-      var _useState12 = React.useState(),
-        breadcrumb = _useState12[0],
-        setBreadcrumb = _useState12[1];
+        breadcrumb = _useState11[0],
+        setBreadcrumb = _useState11[1];
+      var _useState12 = React.useState([]),
+        history = _useState12[0],
+        setHistory = _useState12[1];
+
+      // 📌 Extraer la página actual desde la URL (por defecto "home")
+      var getCurrentPageFromURL = function getCurrentPageFromURL() {
+        var path = window.location.pathname.replace("/", "");
+        return path || "home";
+      };
+      var _useState13 = React.useState(getCurrentPageFromURL()),
+        page = _useState13[0],
+        setPage = _useState13[1];
+      React.useEffect(function () {
+        // 📌 Detectar cambios en la URL cuando el usuario presiona "Atrás" o "Adelante"
+        var handlePopState = function handlePopState(event) {
+          var _event$state;
+          var previousPage = ((_event$state = event.state) == null ? void 0 : _event$state.page) || "home";
+          setPage(previousPage);
+        };
+        window.addEventListener("popstate", handlePopState);
+        return function () {
+          return window.removeEventListener("popstate", handlePopState);
+        };
+      }, []);
       var value = {
         lang: lang,
         setLang: setLang,
         dictionary: dictionary,
         setDictionary: setDictionary,
-        translate: function translate(key) {
-          if (!key) return key;
-          if (dictionary === undefined) return key;
-          var term = dictionary[key];
-          return term ? term[lang] : key;
+        translate: React.useCallback(function (key) {
+          var _dictionary$key;
+          return (dictionary == null ? void 0 : (_dictionary$key = dictionary[key]) == null ? void 0 : _dictionary$key[lang]) || key;
+        }, [lang, dictionary]),
+        /*
+        translate: (key) => {
+            if (!key) return key
+            if (dictionary === undefined) return key
+            const term = dictionary[key]
+            return term ? term[lang] : key
         },
+        */
+
         sideNav: sideNav,
         setSideNav: setSideNav,
         showNav: showNav,
@@ -2096,7 +2124,25 @@
         setBreadcrumb: setBreadcrumb,
         page: page,
         "goto": function goto(id) {
+          if (page) {
+            setHistory(function (prev) {
+              return [].concat(prev, [page]);
+            }); // 🔹 Guarda la página actual en el historial antes de cambiar
+          }
           setPage(id);
+          window.history.pushState({
+            page: id
+          }, "", "/" + id); // 🔹 Actualiza la URL
+        },
+        goBack: function goBack() {
+          if (history.length > 0) {
+            var lastPage = history[history.length - 1];
+            setHistory(function (prev) {
+              return prev.slice(0, -1);
+            }); // 🔹 Elimina la última entrada del historial
+            setPage(lastPage); // 🔹 Vuelve a la página anterior
+            window.history.back(); // 🔹 Regresa en la navegación del navegador
+          }
         },
         dialog: dialog,
         openDialog: function openDialog(dialog) {
@@ -2254,20 +2300,15 @@
         context.setShowNav(false);
         context["goto"](id);
       };
-      var sections = children ? React.Children.toArray(children).reduce(function (sections, page) {
-        var section = page.props ? page.props.section : '...';
-        if (!sections[section]) sections[section] = [];
-        var _page$props = page.props,
-          id = _page$props.id,
-          icon = _page$props.icon,
-          title = _page$props.title;
-        if (title) sections[section].push({
-          id: id,
-          icon: icon,
-          title: title
-        });
-        return sections;
-      }, {}) : {};
+      var sections = React.useMemo(function () {
+        return children.reduce(function (acc, child) {
+          var section = child.props.section || "";
+          if (!acc[section]) acc[section] = [];
+          var title = child.props.title;
+          if (title) acc[section].push(child.props);
+          return acc;
+        }, {});
+      }, [children]);
       var style = sideNav === 'max' ? 'max' : 'min';
       var toggleIcon = sideNav === 'max' ? 'chevron_left' : 'chevron_right';
       var menutTitle = sideNav === 'max' ? title : '';