@dashadmin/dash-admin-state 1.3.25 → 1.3.28

package/dist/DefaultThemeSettings.js

@@ -1 +1,34 @@
-var N=Object.defineProperty;var Y=(L,A,T)=>A in L?N(L,A,{enumerable:!0,configurable:!0,writable:!0,value:T}):L[A]=T;var E=(L,A,T)=>Y(L,typeof A!="symbol"?A+"":A,T);class _{}E(_,"TAB_SIZE",992),E(_,"MOBILE_SIZE",575),E(_,"THEME_TYPE","THEME_TYPE"),E(_,"THEME_TYPE_LIGHT","light"),E(_,"THEME_TYPE_DARK","dark"),E(_,"THEME_TYPE_DASH_DEFAULT","light"),E(_,"THEME_TYPE_SEMI_DARK","THEME_TYPE_SEMI_DARK"),E(_,"THEME_COLOR","THEME_COLOR"),E(_,"LAYOUT_TYPE","LAYOUT_TYPE"),E(_,"LAYOUT_TYPE_FRAMED","framed-layout"),E(_,"LAYOUT_TYPE_BOXED","boxed-layout"),E(_,"LAYOUT_TYPE_FULL","full-layout"),E(_,"NAV_STYLE","NAV_STYLE"),E(_,"NAV_STYLE_FIXED","NAV_STYLE_FIXED"),E(_,"NAV_STYLE_MINI_SIDEBAR","NAV_STYLE_MINI_SIDEBAR"),E(_,"NAV_STYLE_DRAWER","NAV_STYLE_DRAWER"),E(_,"NAV_STYLE_NO_HEADER_MINI_SIDEBAR","NAV_STYLE_NO_HEADER_MINI_SIDEBAR"),E(_,"NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR","NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR"),E(_,"NAV_STYLE_DEFAULT_HORIZONTAL","NAV_STYLE_DEFAULT_HORIZONTAL"),E(_,"NAV_STYLE_DARK_HORIZONTAL","NAV_STYLE_DARK_HORIZONTAL"),E(_,"NAV_STYLE_INSIDE_HEADER_HORIZONTAL","NAV_STYLE_INSIDE_HEADER_HORIZONTAL"),E(_,"NAV_STYLE_BELOW_HEADER","NAV_STYLE_BELOW_HEADER"),E(_,"NAV_STYLE_ABOVE_HEADER","NAV_STYLE_ABOVE_HEADER"),E(_,"NAV_STYLE_COLLAPSABLE","NAV_STYLE_COLLAPSABLE"),E(_,"UPDATE_RTL_STATUS","UPDATE_RTL_STATUS");var O=_;export{O as default};
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+class DefaultThemeSettings {
+}
+__publicField(DefaultThemeSettings, "TAB_SIZE", 992);
+__publicField(DefaultThemeSettings, "MOBILE_SIZE", 575);
+__publicField(DefaultThemeSettings, "THEME_TYPE", "THEME_TYPE");
+__publicField(DefaultThemeSettings, "THEME_TYPE_LIGHT", "light");
+__publicField(DefaultThemeSettings, "THEME_TYPE_DARK", "dark");
+__publicField(DefaultThemeSettings, "THEME_TYPE_DASH_DEFAULT", "light");
+__publicField(DefaultThemeSettings, "THEME_TYPE_SEMI_DARK", "THEME_TYPE_SEMI_DARK");
+__publicField(DefaultThemeSettings, "THEME_COLOR", "THEME_COLOR");
+__publicField(DefaultThemeSettings, "LAYOUT_TYPE", "LAYOUT_TYPE");
+__publicField(DefaultThemeSettings, "LAYOUT_TYPE_FRAMED", "framed-layout");
+__publicField(DefaultThemeSettings, "LAYOUT_TYPE_BOXED", "boxed-layout");
+__publicField(DefaultThemeSettings, "LAYOUT_TYPE_FULL", "full-layout");
+__publicField(DefaultThemeSettings, "NAV_STYLE", "NAV_STYLE");
+__publicField(DefaultThemeSettings, "NAV_STYLE_FIXED", "NAV_STYLE_FIXED");
+__publicField(DefaultThemeSettings, "NAV_STYLE_MINI_SIDEBAR", "NAV_STYLE_MINI_SIDEBAR");
+__publicField(DefaultThemeSettings, "NAV_STYLE_DRAWER", "NAV_STYLE_DRAWER");
+__publicField(DefaultThemeSettings, "NAV_STYLE_NO_HEADER_MINI_SIDEBAR", "NAV_STYLE_NO_HEADER_MINI_SIDEBAR");
+__publicField(DefaultThemeSettings, "NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR", "NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR");
+__publicField(DefaultThemeSettings, "NAV_STYLE_DEFAULT_HORIZONTAL", "NAV_STYLE_DEFAULT_HORIZONTAL");
+__publicField(DefaultThemeSettings, "NAV_STYLE_DARK_HORIZONTAL", "NAV_STYLE_DARK_HORIZONTAL");
+__publicField(DefaultThemeSettings, "NAV_STYLE_INSIDE_HEADER_HORIZONTAL", "NAV_STYLE_INSIDE_HEADER_HORIZONTAL");
+__publicField(DefaultThemeSettings, "NAV_STYLE_BELOW_HEADER", "NAV_STYLE_BELOW_HEADER");
+__publicField(DefaultThemeSettings, "NAV_STYLE_ABOVE_HEADER", "NAV_STYLE_ABOVE_HEADER");
+__publicField(DefaultThemeSettings, "NAV_STYLE_COLLAPSABLE", "NAV_STYLE_COLLAPSABLE");
+__publicField(DefaultThemeSettings, "UPDATE_RTL_STATUS", "UPDATE_RTL_STATUS");
+var DefaultThemeSettings_default = DefaultThemeSettings;
+export {
+  DefaultThemeSettings_default as default
+};

package/dist/defaults/defaultAuth.js

@@ -1 +1,9 @@
-const t={authenticated:!1,user:null,auth:null};var a=t;export{a as default};
+const defaultAuth = {
+  authenticated: false,
+  user: null,
+  auth: null
+};
+var defaultAuth_default = defaultAuth;
+export {
+  defaultAuth_default as default
+};

package/dist/defaults/defaultCommon.js

@@ -1 +1,44 @@
-import{Fragment as o,jsx as e}from"react/jsx-runtime";const a={appPath:"/",error:"",loading:!1,message:"",navExpanded:!0,width:typeof window<"u"?window.innerWidth:1920,height:typeof window<"u"?window.innerHeight:1080,content_width:null,content_height:null,pathname:"/",componentsState:{},headerToolBar:null,headerToolBarReplace:!1,navSize:"small",panelSettings:{appName:"Dash App",horizontalLogo:e(o,{children:"\u{1F5A5}"}),squaredLogo:e(o,{children:"\u{1F5A5}"}),loginBackground:void 0,sidebarLargeWidth:255,sidebarSmallWidth:64,sidebarHorizontalHeight:120,logoVerticalMaxWidth:130,logoVerticalMaxHeight:130,logoHorizontalMaxWidth:200,logoHorizontalMaxHeight:60,paddingHorizontal:255,paddingVertical:120,sidebarPosition:"left"}};var i=a;export{i as default};
+import { Fragment, jsx } from "react/jsx-runtime";
+const defaultCommon = {
+  appPath: "/",
+  error: "",
+  loading: false,
+  message: "",
+  navExpanded: true,
+  width: typeof window !== "undefined" ? window.innerWidth : 1920,
+  height: typeof window !== "undefined" ? window.innerHeight : 1080,
+  content_width: null,
+  content_height: null,
+  pathname: "/",
+  componentsState: {},
+  headerToolBar: null,
+  headerToolBarReplace: false,
+  navSize: "small",
+  // Panel settings with sidebar dimensions
+  // These values can be overridden by CSS variables at runtime
+  panelSettings: {
+    // Branding
+    appName: "Dash App",
+    horizontalLogo: /* @__PURE__ */ jsx(Fragment, { children: "\u{1F5A5}" }),
+    squaredLogo: /* @__PURE__ */ jsx(Fragment, { children: "\u{1F5A5}" }),
+    loginBackground: void 0,
+    // Sidebar dimensions (can be overridden via CSS variables)
+    sidebarLargeWidth: 255,
+    sidebarSmallWidth: 64,
+    sidebarHorizontalHeight: 120,
+    // Logo dimensions
+    logoVerticalMaxWidth: 130,
+    logoVerticalMaxHeight: 130,
+    logoHorizontalMaxWidth: 200,
+    logoHorizontalMaxHeight: 60,
+    // Content padding (derived from sidebar)
+    paddingHorizontal: 255,
+    paddingVertical: 120,
+    // Position
+    sidebarPosition: "left"
+  }
+};
+var defaultCommon_default = defaultCommon;
+export {
+  defaultCommon_default as default
+};

package/dist/defaults/defaultFormState.js

@@ -1 +1,5 @@
-const t={};var e=t;export{e as default};
+const defaultFormState = {};
+var defaultFormState_default = defaultFormState;
+export {
+  defaultFormState_default as default
+};

package/dist/defaults/defaultPage.js

@@ -1 +1,9 @@
-const t={title:"",icon:null,subTitle:""};var l=t;export{l as default};
+const defaultPageSettings = {
+  title: "",
+  icon: null,
+  subTitle: ""
+};
+var defaultPage_default = defaultPageSettings;
+export {
+  defaultPage_default as default
+};

package/dist/defaults/defaultSettings.js

@@ -1 +1,51 @@
-import{DASHAdminSystemConstants as a}from"@dashadmin/dash-constants";const e={loading:!1,navStyle:a.panel.NAV_STYLE_FIXED,layoutType:a.panel.LAYOUT_TYPE_FULL,themeType:a.panel.THEME_TYPE_DARK,themeColor:"",isDirectionRTL:!1,layoutSettings:{sidebarLargeWidth:255,sidebarSmallWidth:64,sidebarHorizontalHeight:120,logoVerticalMaxWidth:130,logoVerticalMaxHeight:130,logoHorizontalMaxWidth:200,logoHorizontalMaxHeight:60,paddingHorizontal:255,paddingVertical:120,mobileBreakpoint:768,tabletBreakpoint:1024},locale:"es",availableLocales:[{locale:"es",languageId:"spanish",name:"Espa\xF1ol",icon:"es"},{locale:"en",languageId:"english",name:"English",icon:"en"}],translations:{}};var o=e;export{o as default};
+import { DASHAdminSystemConstants } from "dash-constants";
+const defaultSettings = {
+  // Loading state
+  loading: false,
+  // Navigation and layout
+  navStyle: DASHAdminSystemConstants.panel.NAV_STYLE_FIXED,
+  layoutType: DASHAdminSystemConstants.panel.LAYOUT_TYPE_FULL,
+  themeType: DASHAdminSystemConstants.panel.THEME_TYPE_DARK,
+  themeColor: "",
+  isDirectionRTL: false,
+  // Layout settings (dimensions, breakpoints, etc.)
+  layoutSettings: {
+    // Sidebar dimensions
+    sidebarLargeWidth: 255,
+    sidebarSmallWidth: 64,
+    sidebarHorizontalHeight: 120,
+    // Logo dimensions
+    logoVerticalMaxWidth: 130,
+    logoVerticalMaxHeight: 130,
+    logoHorizontalMaxWidth: 200,
+    logoHorizontalMaxHeight: 60,
+    // Content padding (based on sidebar)
+    paddingHorizontal: 255,
+    paddingVertical: 120,
+    // Breakpoints
+    mobileBreakpoint: 768,
+    tabletBreakpoint: 1024
+  },
+  // Localization
+  locale: "es",
+  availableLocales: [
+    {
+      locale: "es",
+      languageId: "spanish",
+      name: "Espa\xF1ol",
+      icon: "es"
+    },
+    {
+      locale: "en",
+      languageId: "english",
+      name: "English",
+      icon: "en"
+    }
+  ],
+  // Translations (populated by i18n provider)
+  translations: {}
+};
+var defaultSettings_default = defaultSettings;
+export {
+  defaultSettings_default as default
+};

package/dist/hooks/DashAdminStateSelectors.js

@@ -1 +1,149 @@
-import{Fragment as r,jsx as s}from"react/jsx-runtime";import{useSelector as e}from"react-redux";import{useMemo as n}from"react";import{isEqual as t}from"lodash";const g=()=>e(o=>({navStyle:o.settings.navStyle,layoutType:o.settings.layoutType,themeType:o.settings.themeType,layoutSettings:o.settings.layoutSettings,navExpanded:o.common?.navExpanded??o.common?.navExpanded??!0,navSize:o.common.navSize,panelSettings:o.common.panelSettings}),t),h=()=>e(o=>({authenticated:o.auth.authenticated,user:o.auth.user}),t),x=()=>e(o=>({groupIcons:o.settings.groupIcons,locale:o.settings.locale,themeColor:o.settings.themeColor,availableLocales:o.settings.availableLocales,isDirectionRTL:o.settings.isDirectionRTL}),t),a=()=>e(o=>({appPath:o.common.appPath,width:o.common.width,height:o.common.height,headerToolBar:o.common.headerToolBar,panelSettings:o.common.panelSettings}),t),H=()=>e(o=>({title:o.page.title,icon:o.page.icon,subTitle:o.page.subTitle}),t),U=()=>e(o=>({items:o.resources.items}),t),l=()=>{const{panelSettings:o}=a();return n(()=>({horizontalLogo:o?.horizontalLogo||s(r,{}),squaredLogo:o?.squaredLogo||s(r,{}),loginBackground:o?.loginBackground}),[o])},D=()=>{const{panelSettings:o}=a();return n(()=>({sidebarPosition:o?.sidebarPosition||"left",sidebarLargeWidth:o?.sidebarLargeWidth||255,sidebarSmallWidth:o?.sidebarSmallWidth||60,sidebarHorizontalHeight:o?.sidebarHorizontalHeight||120,logoVerticalMaxWidth:o?.logoVerticalMaxWidth||130,logoVerticalMaxHeight:o?.logoVerticalMaxHeight||130,logoHorizontalMaxWidth:o?.logoHorizontalMaxWidth||200,logoHorizontalMaxHeight:o?.logoHorizontalMaxHeight||60,paddingHorizontal:o?.paddingHorizontal||255,paddingVertical:o?.paddingVertical||120,appName:o?.appName||"DASH"}),[o])},I=()=>{const o=g(),i=l();return n(()=>({...o,...i}),[o,i])},v=()=>e(o=>({navExpanded:o.common?.navExpanded??o.common?.navExpanded??!0,navSize:o.common.navSize,navStyle:o.settings.navStyle,layoutSettings:o.settings.layoutSettings}),t);export{h as useAuthState,a as useCommonState,g as useLayoutState,l as useLogoSettings,v as useNavigationState,H as usePageState,D as usePanelSettings,U as useResourcesState,x as useSettingsState,I as useThemeState};
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useSelector } from "react-redux";
+import { useMemo } from "react";
+import { isEqual } from "lodash";
+const useLayoutState = () => {
+  return useSelector(
+    (state) => {
+      var _a, _b, _c, _d;
+      return {
+        navStyle: state.settings.navStyle,
+        layoutType: state.settings.layoutType,
+        themeType: state.settings.themeType,
+        layoutSettings: state.settings.layoutSettings,
+        navExpanded: (_d = (_c = (_a = state.common) == null ? void 0 : _a.navExpanded) != null ? _c : (_b = state.common) == null ? void 0 : _b.navExpanded) != null ? _d : true,
+        navSize: state.common.navSize,
+        panelSettings: state.common.panelSettings
+      };
+    },
+    isEqual
+  );
+};
+const useAuthState = () => {
+  return useSelector(
+    (state) => ({
+      authenticated: state.auth.authenticated,
+      user: state.auth.user
+    }),
+    isEqual
+  );
+};
+const useSettingsState = () => {
+  return useSelector(
+    (state) => ({
+      groupIcons: state.settings.groupIcons,
+      locale: state.settings.locale,
+      themeColor: state.settings.themeColor,
+      availableLocales: state.settings.availableLocales,
+      isDirectionRTL: state.settings.isDirectionRTL
+    }),
+    isEqual
+  );
+};
+const useCommonState = () => {
+  return useSelector(
+    (state) => ({
+      appPath: state.common.appPath,
+      width: state.common.width,
+      height: state.common.height,
+      headerToolBar: state.common.headerToolBar,
+      panelSettings: state.common.panelSettings
+    }),
+    isEqual
+  );
+};
+const usePageState = () => {
+  return useSelector(
+    (state) => ({
+      title: state.page.title,
+      icon: state.page.icon,
+      subTitle: state.page.subTitle
+    }),
+    isEqual
+  );
+};
+const useResourcesState = () => {
+  return useSelector(
+    (state) => ({
+      items: state.resources.items
+    }),
+    isEqual
+  );
+};
+const useLogoSettings = () => {
+  const { panelSettings } = useCommonState();
+  return useMemo(() => ({
+    horizontalLogo: (panelSettings == null ? void 0 : panelSettings.horizontalLogo) || /* @__PURE__ */ jsx(Fragment, {}),
+    squaredLogo: (panelSettings == null ? void 0 : panelSettings.squaredLogo) || /* @__PURE__ */ jsx(Fragment, {}),
+    loginBackground: panelSettings == null ? void 0 : panelSettings.loginBackground
+  }), [panelSettings]);
+};
+const usePanelSettings = () => {
+  const { panelSettings } = useCommonState();
+  return useMemo(() => ({
+    // Sidebar position: 'left' | 'right' | 'top' | 'bottom'
+    sidebarPosition: (panelSettings == null ? void 0 : panelSettings.sidebarPosition) || "left",
+    // Sidebar dimensions
+    sidebarLargeWidth: (panelSettings == null ? void 0 : panelSettings.sidebarLargeWidth) || 255,
+    sidebarSmallWidth: (panelSettings == null ? void 0 : panelSettings.sidebarSmallWidth) || 60,
+    sidebarHorizontalHeight: (panelSettings == null ? void 0 : panelSettings.sidebarHorizontalHeight) || 120,
+    // Logo dimensions for vertical sidebar (left/right)
+    logoVerticalMaxWidth: (panelSettings == null ? void 0 : panelSettings.logoVerticalMaxWidth) || 130,
+    logoVerticalMaxHeight: (panelSettings == null ? void 0 : panelSettings.logoVerticalMaxHeight) || 130,
+    // Logo dimensions for horizontal sidebar (top/bottom)
+    logoHorizontalMaxWidth: (panelSettings == null ? void 0 : panelSettings.logoHorizontalMaxWidth) || 200,
+    logoHorizontalMaxHeight: (panelSettings == null ? void 0 : panelSettings.logoHorizontalMaxHeight) || 60,
+    // Padding configuration
+    paddingHorizontal: (panelSettings == null ? void 0 : panelSettings.paddingHorizontal) || 255,
+    paddingVertical: (panelSettings == null ? void 0 : panelSettings.paddingVertical) || 120,
+    // App name
+    appName: (panelSettings == null ? void 0 : panelSettings.appName) || "DASH"
+  }), [panelSettings]);
+};
+const useThemeState = () => {
+  const layoutState = useLayoutState();
+  const logoSettings = useLogoSettings();
+  return useMemo(() => __spreadValues(__spreadValues({}, layoutState), logoSettings), [layoutState, logoSettings]);
+};
+const useNavigationState = () => {
+  return useSelector(
+    (state) => {
+      var _a, _b, _c, _d;
+      return {
+        navExpanded: (_d = (_c = (_a = state.common) == null ? void 0 : _a.navExpanded) != null ? _c : (_b = state.common) == null ? void 0 : _b.navExpanded) != null ? _d : true,
+        navSize: state.common.navSize,
+        navStyle: state.settings.navStyle,
+        layoutSettings: state.settings.layoutSettings
+      };
+    },
+    isEqual
+  );
+};
+export {
+  useAuthState,
+  useCommonState,
+  useLayoutState,
+  useLogoSettings,
+  useNavigationState,
+  usePageState,
+  usePanelSettings,
+  useResourcesState,
+  useSettingsState,
+  useThemeState
+};

package/dist/hooks/useLocalStorage.js

@@ -1 +1,69 @@
-import{useCallback as d,useEffect as l,useState as m,useMemo as g}from"react";import{dashStorage as f}from"@dashadmin/dash-utils";const w=typeof window<"u",S=()=>{if(!w)return!1;const e=`test-${Date.now()}`;try{return f.setItem(e,e),f.removeItem(e),!0}catch{return!1}},h=(e,o="")=>{const r=S(),c=d(()=>{try{if(!r)return o;const t=f.getItem(e);return t?JSON.parse(t):o}catch{return o}},[r,o,e]),[a,u]=m(c());l(()=>{const t=c();u(t)},[r,c]);const i=d(t=>{const{key:s,newValue:n}=t;e===s&&u(JSON.parse(n))},[e]);return l(()=>{if(r)return window.addEventListener("storage",i),()=>{window.removeEventListener("storage",i)}},[r]),g(()=>[a,s=>{if(!r)return!1;const n=s instanceof Function?s(a):s;n!==a&&(u(n),window.dashStorage.setItem(e,JSON.stringify(n)))}],[a,r,e])};var L=h;export{L as default};
+import { useCallback, useEffect, useState, useMemo } from "react";
+import { dashStorage } from "dash-utils";
+const isBrowser = typeof window !== "undefined";
+const isLocalstorageAvailable = () => {
+  if (!isBrowser) {
+    return false;
+  }
+  const test = `test-${Date.now()}`;
+  try {
+    dashStorage.setItem(test, test);
+    dashStorage.removeItem(test);
+    return true;
+  } catch (e) {
+    return false;
+  }
+};
+const useLocalStorage = (key, initialValue = "") => {
+  const available = isLocalstorageAvailable();
+  const getValueFromLocalstorage = useCallback(() => {
+    try {
+      if (!available) {
+        return initialValue;
+      }
+      const item = dashStorage.getItem(key);
+      return item ? JSON.parse(item) : initialValue;
+    } catch (error) {
+      return initialValue;
+    }
+  }, [available, initialValue, key]);
+  const [storedValue, setStoredValue] = useState(getValueFromLocalstorage());
+  useEffect(() => {
+    const value = getValueFromLocalstorage();
+    setStoredValue(value);
+  }, [available, getValueFromLocalstorage]);
+  const changeHandler = useCallback(
+    (e) => {
+      const { key: changeKey, newValue } = e;
+      if (key === changeKey) {
+        setStoredValue(JSON.parse(newValue));
+      }
+    },
+    [key]
+  );
+  useEffect(() => {
+    if (available) {
+      window.addEventListener("storage", changeHandler);
+      return () => {
+        window.removeEventListener("storage", changeHandler);
+      };
+    }
+  }, [available]);
+  return useMemo(() => {
+    const setValue = (value) => {
+      if (!available) {
+        return false;
+      }
+      const valueToStore = value instanceof Function ? value(storedValue) : value;
+      if (valueToStore !== storedValue) {
+        setStoredValue(valueToStore);
+        window.dashStorage.setItem(key, JSON.stringify(valueToStore));
+      }
+    };
+    return [storedValue, setValue];
+  }, [storedValue, available, key]);
+};
+var useLocalStorage_default = useLocalStorage;
+export {
+  useLocalStorage_default as default
+};