xertica-ui 2.9.9 → 3.0.0

package/dist/LayoutContext-BLoSFOuO.cjs

@@ -0,0 +1,96 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const useMobile = require('./use-mobile-BdXTRb0Z.cjs');
+
+const SIDEBAR_COOKIE_NAME = "sidebar_state";
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+const LayoutContext = React.createContext(void 0);
+function getCookie(name) {
+  if (typeof document === "undefined") return null;
+  const nameLenPlus = name.length + 1;
+  return document.cookie.split(";").map((c) => c.trim()).filter((cookie) => {
+    return cookie.substring(0, nameLenPlus) === `${name}=`;
+  }).map((cookie) => {
+    return decodeURIComponent(cookie.substring(nameLenPlus));
+  })[0] || null;
+}
+function setCookie(name, value) {
+  if (typeof document === "undefined") return;
+  document.cookie = `${name}=${value}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}; SameSite=Lax`;
+}
+function LayoutProvider({ children }) {
+  const [sidebarExpanded, setSidebarExpandedState] = React.useState(() => {
+    if (typeof document === "undefined") return false;
+    const saved = getCookie(SIDEBAR_COOKIE_NAME);
+    return saved === "true";
+  });
+  const [assistenteExpanded, setAssistenteExpandedState] = React.useState(false);
+  const [sidebarWidth, setSidebarWidth] = React.useState(320);
+  const isMobile = useMobile.useIsMobile();
+  React.useEffect(() => {
+    setCookie(SIDEBAR_COOKIE_NAME, sidebarExpanded.toString());
+  }, [sidebarExpanded]);
+  const toggleSidebar = React.useCallback(() => {
+    setSidebarExpandedState((prev) => {
+      const newState = !prev;
+      if (newState && assistenteExpanded) {
+        setAssistenteExpandedState(false);
+      }
+      return newState;
+    });
+  }, [assistenteExpanded]);
+  const toggleAssistente = React.useCallback(() => {
+    setAssistenteExpandedState((prev) => {
+      const newState = !prev;
+      if (newState && sidebarExpanded) {
+        setSidebarExpandedState(false);
+      }
+      return newState;
+    });
+  }, [sidebarExpanded]);
+  const toggleAssistenteWithTab = React.useCallback(
+    (tab) => {
+      if (!assistenteExpanded) {
+        if (sidebarExpanded) {
+          setSidebarExpandedState(false);
+        }
+        setAssistenteExpandedState(true);
+      }
+    },
+    [assistenteExpanded, sidebarExpanded]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LayoutContext.Provider,
+    {
+      value: {
+        sidebarExpanded,
+        assistenteExpanded,
+        toggleSidebar,
+        toggleAssistente,
+        toggleAssistenteWithTab,
+        setSidebarExpanded: setSidebarExpandedState,
+        setAssistenteExpanded: setAssistenteExpandedState,
+        sidebarWidth,
+        setSidebarWidth,
+        isMobile
+      },
+      children
+    }
+  );
+}
+function useLayout() {
+  const context = React.useContext(LayoutContext);
+  if (context === void 0) {
+    throw new Error("useLayout must be used within a LayoutProvider");
+  }
+  return context;
+}
+function useOptionalLayout() {
+  return React.useContext(LayoutContext) ?? null;
+}
+
+exports.LayoutProvider = LayoutProvider;
+exports.useLayout = useLayout;
+exports.useOptionalLayout = useOptionalLayout;

package/dist/LayoutContext-BqtKcSlN.js

@@ -0,0 +1,92 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useEffect, useCallback, useContext } from 'react';
+import { u as useIsMobile } from './use-mobile-Ce2cBAQe.js';
+
+const SIDEBAR_COOKIE_NAME = "sidebar_state";
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+const LayoutContext = createContext(void 0);
+function getCookie(name) {
+  if (typeof document === "undefined") return null;
+  const nameLenPlus = name.length + 1;
+  return document.cookie.split(";").map((c) => c.trim()).filter((cookie) => {
+    return cookie.substring(0, nameLenPlus) === `${name}=`;
+  }).map((cookie) => {
+    return decodeURIComponent(cookie.substring(nameLenPlus));
+  })[0] || null;
+}
+function setCookie(name, value) {
+  if (typeof document === "undefined") return;
+  document.cookie = `${name}=${value}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}; SameSite=Lax`;
+}
+function LayoutProvider({ children }) {
+  const [sidebarExpanded, setSidebarExpandedState] = useState(() => {
+    if (typeof document === "undefined") return false;
+    const saved = getCookie(SIDEBAR_COOKIE_NAME);
+    return saved === "true";
+  });
+  const [assistenteExpanded, setAssistenteExpandedState] = useState(false);
+  const [sidebarWidth, setSidebarWidth] = useState(320);
+  const isMobile = useIsMobile();
+  useEffect(() => {
+    setCookie(SIDEBAR_COOKIE_NAME, sidebarExpanded.toString());
+  }, [sidebarExpanded]);
+  const toggleSidebar = useCallback(() => {
+    setSidebarExpandedState((prev) => {
+      const newState = !prev;
+      if (newState && assistenteExpanded) {
+        setAssistenteExpandedState(false);
+      }
+      return newState;
+    });
+  }, [assistenteExpanded]);
+  const toggleAssistente = useCallback(() => {
+    setAssistenteExpandedState((prev) => {
+      const newState = !prev;
+      if (newState && sidebarExpanded) {
+        setSidebarExpandedState(false);
+      }
+      return newState;
+    });
+  }, [sidebarExpanded]);
+  const toggleAssistenteWithTab = useCallback(
+    (tab) => {
+      if (!assistenteExpanded) {
+        if (sidebarExpanded) {
+          setSidebarExpandedState(false);
+        }
+        setAssistenteExpandedState(true);
+      }
+    },
+    [assistenteExpanded, sidebarExpanded]
+  );
+  return /* @__PURE__ */ jsx(
+    LayoutContext.Provider,
+    {
+      value: {
+        sidebarExpanded,
+        assistenteExpanded,
+        toggleSidebar,
+        toggleAssistente,
+        toggleAssistenteWithTab,
+        setSidebarExpanded: setSidebarExpandedState,
+        setAssistenteExpanded: setAssistenteExpandedState,
+        sidebarWidth,
+        setSidebarWidth,
+        isMobile
+      },
+      children
+    }
+  );
+}
+function useLayout() {
+  const context = useContext(LayoutContext);
+  if (context === void 0) {
+    throw new Error("useLayout must be used within a LayoutProvider");
+  }
+  return context;
+}
+function useOptionalLayout() {
+  return useContext(LayoutContext) ?? null;
+}
+
+export { LayoutProvider as L, useOptionalLayout as a, useLayout as u };