@dashadmin/dash-admin-state 1.3.25 → 1.3.28

package/dist/index.js

@@ -1,693 +1,43 @@
-import V from "redux-saga";
-import { combineReducers as x, legacy_createStore as w, compose as W, applyMiddleware as z } from "redux";
-import { routerMiddleware as N } from "connected-react-router";
-import { all as B } from "redux-saga/effects";
-import { dashStorage as E } from "@dashadmin/dash-utils";
-import { createSlice as b } from "@reduxjs/toolkit";
-import { createBrowserHistory as G } from "history";
-import { thunk as F } from "redux-thunk";
-import { DASHAdminSystemConstants as i } from "@dashadmin/dash-constants";
-import { useSelector as r } from "react-redux";
-import { useMemo as d } from "react";
-import { isEqual as s } from "lodash";
-function* k(e) {
-  yield B([
-    //authSagas(),
-  ]);
-}
-class o {
-  static TAB_SIZE = 992;
-  static MOBILE_SIZE = 575;
-  static THEME_TYPE = "THEME_TYPE";
-  static THEME_TYPE_LIGHT = "light";
-  static THEME_TYPE_DARK = "dark";
-  static THEME_TYPE_DASH_DEFAULT = "light";
-  static THEME_TYPE_SEMI_DARK = "THEME_TYPE_SEMI_DARK";
-  static THEME_COLOR = "THEME_COLOR";
-  static LAYOUT_TYPE = "LAYOUT_TYPE";
-  static LAYOUT_TYPE_FRAMED = "framed-layout";
-  static LAYOUT_TYPE_BOXED = "boxed-layout";
-  static LAYOUT_TYPE_FULL = "full-layout";
-  static NAV_STYLE = "NAV_STYLE";
-  static NAV_STYLE_FIXED = "NAV_STYLE_FIXED";
-  static NAV_STYLE_MINI_SIDEBAR = "NAV_STYLE_MINI_SIDEBAR";
-  static NAV_STYLE_DRAWER = "NAV_STYLE_DRAWER";
-  static NAV_STYLE_NO_HEADER_MINI_SIDEBAR = "NAV_STYLE_NO_HEADER_MINI_SIDEBAR";
-  static NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR = "NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR";
-  static NAV_STYLE_DEFAULT_HORIZONTAL = "NAV_STYLE_DEFAULT_HORIZONTAL";
-  static NAV_STYLE_DARK_HORIZONTAL = "NAV_STYLE_DARK_HORIZONTAL";
-  static NAV_STYLE_INSIDE_HEADER_HORIZONTAL = "NAV_STYLE_INSIDE_HEADER_HORIZONTAL";
-  static NAV_STYLE_BELOW_HEADER = "NAV_STYLE_BELOW_HEADER";
-  static NAV_STYLE_ABOVE_HEADER = "NAV_STYLE_ABOVE_HEADER";
-  static NAV_STYLE_COLLAPSABLE = "NAV_STYLE_COLLAPSABLE";
-  static UPDATE_RTL_STATUS = "UPDATE_RTL_STATUS";
-}
-const Z = "SET_FORM_DATA", X = "CLEAR_FORM_DATA", T = "SET_RESOURCES", h = "APPEND_RESOURCES", y = "SET_HEADER_COMPONENTS", D = "SET_PANEL_COMPONENTS", K = "TOGGLE_COLLAPSE_MENU", R = "WINDOW-WIDTH", u = "UPDATE_THEME_SETTINGS", O = "CONTENT-WIDTH", L = "CONTENT-HEIGHT", H = "SWITCH-LANGUAGE", q = "fetch_start", j = "fetch_success", $ = "fetch_error", J = "SHOW_MESSAGE", Q = "HIDE_MESSAGE", C = "LOADING", ee = "SET_NAV_EXPANDED", te = "SET_NAV_SIZE", ae = (e = {
-  loading: !1,
-  navStyle: void 0,
-  layoutType: "",
-  themeType: void 0,
-  themeColor: "",
-  isDirectionRTL: !1,
-  /* @ts-ignore */
-  locale: {
-    languageId: "",
-    locale: "",
-    name: "",
-    icon: ""
-  }
-}, t) => {
-  switch (t.type) {
-    case T:
-      return {
-        ...e,
-        resources: t.payload
-      };
-    case o.THEME_TYPE:
-      return {
-        ...e,
-        themeType: t.themeType
-      };
-    case o.THEME_COLOR:
-      return {
-        ...e,
-        themeColor: t.themeColor
-      };
-    case o.UPDATE_RTL_STATUS:
-      return {
-        ...e,
-        isDirectionRTL: t.rtlStatus
-      };
-    case u:
-      return {
-        ...e,
-        ...t.payload
-      };
-    case o.NAV_STYLE:
-      return {
-        ...e,
-        navStyle: t.navStyle
-      };
-    case o.LAYOUT_TYPE:
-      return {
-        ...e,
-        layoutType: t.layoutType
-      };
-    case H:
-      return {
-        ...e,
-        locale: t.payload
-      };
-    default:
-      return e;
-  }
-}, oe = "ACTION_UPDATE_AUTH", ne = "ACTION_UPDATE_AUTH_AUTH", re = "ACTION_UPDATE_AUTH_USER", se = "ACTION_UPDATE_AUTH_AUTHENTICATED", ie = (e = {
-  authenticated: !1,
-  user: void 0,
-  auth: void 0
-}, t) => {
-  switch (t.type) {
-    case oe:
-      return {
-        ...e,
-        ...t.payload
-      };
-    case ne:
-      return {
-        ...e,
-        auth: t.payload.auth
-      };
-    case re:
-      return {
-        ...e,
-        user: t.payload.user
-      };
-    case se:
-      return {
-        ...e,
-        authenticated: t.payload.authenticated
-      };
-    default:
-      return e;
-  }
-}, le = {
-  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",
-  // Panel settings with sidebar dimensions
-  // These values can be overridden by CSS variables at runtime
-  panelSettings: {
-    // Branding
-    appName: "Dash App",
-    horizontalLogo: /* @__PURE__ */ React.createElement(React.Fragment, null, "🖥"),
-    squaredLogo: /* @__PURE__ */ React.createElement(React.Fragment, null, "🖥"),
-    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"
-  }
-}, l = (e, t) => {
-  try {
-    E.setItem("dashNavExpanded", String(e)), E.setItem("dashNavSize", t);
-  } catch (n) {
-    console.error("Failed to save navigation state to localStorage:", n);
-  }
-}, Ee = (e = le, t) => {
-  switch (t.type) {
-    case "@@router/LOCATION_CHANGE":
-      return {
-        ...e,
-        pathname: t.payload.location.pathname
-      };
-    case "SET_COMPONENT_STATE":
-      return {
-        ...e,
-        componentsState: {
-          ...e.componentsState,
-          [t.componentId]: t.state
-        }
-      };
-    case "UNSET_COMPONENT_STATE":
-      let n = { ...e.componentsState };
-      return delete n[t.componentId], {
-        ...e,
-        componentsState: n
-        // Fixed typo: was componentStates, should be componentsState
-      };
-    case y:
-      return {
-        ...e,
-        headerToolBar: t.headerToolBar,
-        headerToolBarReplace: t.headerToolBarReplace ?? e.headerToolBarReplace
-      };
-    case D:
-      return {
-        ...e,
-        panelSettings: { ...e.panelSettings, ...t.panelSettings }
-      };
-    case O:
-      return {
-        ...e,
-        content_width: parseInt(t.width)
-      };
-    case L:
-      return {
-        ...e,
-        content_height: parseInt(t.height)
-      };
-    case R:
-      return console.log("updating width", t.width, {
-        ...e,
-        width: t.width
-      }), {
-        ...e,
-        width: t.width
-      };
-    case K: {
-      const a = t.navExpanded;
-      return l(a, e.navSize), {
-        ...e,
-        navExpanded: a
-      };
-    }
-    case "SET_NAV_EXPANDED": {
-      const a = t.payload;
-      return l(a, e.navSize), {
-        ...e,
-        navExpanded: a
-      };
-    }
-    case "SET_NAV_SIZE": {
-      const a = t.payload;
-      return l(e.navExpanded, a), {
-        ...e,
-        navSize: a
-      };
-    }
-    case q:
-      return { ...e, error: "", message: "", loading: !0 };
-    case j:
-      return { ...e, error: "", message: "", loading: !1 };
-    case J:
-      return { ...e, error: "", message: t.payload, loading: !1 };
-    case C:
-      return { ...e, loading: t.payload };
-    case $:
-      return { ...e, loading: !1, error: t.payload, message: "" };
-    case Q:
-      return { ...e, loading: !1, error: "", message: "" };
-    default:
-      return e;
-  }
-}, I = "UPDATE_PAGE", ce = (e = {}, t) => t.type === I ? {
-  ...e,
-  ...t.payload
-} : e, de = (e = { items: [] }, t) => {
-  switch (t.type) {
-    case T:
-      return {
-        items: [...t.payload]
-      };
-    case h:
-      return {
-        items: [...e.items, ...t.payload]
-      };
-    default:
-      return e;
-  }
-}, g = {}, Te = (e = g, t) => {
-  switch (t.type) {
-    case Z:
-      return {
-        ...e,
-        ...t.payload
-      };
-    case X:
-      return g;
-    default:
-      return e;
-  }
-}, ue = {}, P = b({
-  name: "menu",
-  initialState: ue,
-  reducers: {
-    // Deprecated - use common reducer actions instead
-    setNavExpanded(e, t) {
-      console.warn("menu/setNavExpanded is deprecated. Use common reducer actions instead.");
-    },
-    toggleNavExpanded(e) {
-      console.warn("menu/toggleNavExpanded is deprecated. Use common reducer actions instead.");
-    }
-  }
-}), { setNavExpanded: it, toggleNavExpanded: lt } = P.actions, _e = P.reducer, _ = "SET_COMPONENT_DATA", S = "CLEAR_COMPONENT_DATA", p = "REMOVE_COMPONENT_DATA_KEY", A = "MERGE_COMPONENT_DATA", M = (e, t) => ({
-  type: _,
-  payload: { key: e, data: t }
-}), Se = (e, t) => ({
-  type: A,
-  payload: { key: e, data: t }
-}), pe = (e) => ({
-  type: p,
-  payload: { key: e }
-}), f = () => ({
-  type: S
-}), Ae = M, ge = f, m = {}, me = (e = m, t) => {
-  switch (t.type) {
-    case _:
-      return {
-        ...e,
-        [t.payload.key]: {
-          ...t.payload.data,
-          _timestamp: Date.now(),
-          // Add automatic timestamp
-          _version: "1.0"
-          // Add version for cache invalidation
-        }
-      };
-    case A:
-      const n = e[t.payload.key] || {};
-      return {
-        ...e,
-        [t.payload.key]: {
-          ...n,
-          ...t.payload.data,
-          _timestamp: Date.now(),
-          _version: n._version || "1.0"
-        }
-      };
-    case p:
-      const a = { ...e };
-      return delete a[t.payload.key], a;
-    case S:
-      return m;
-    default:
-      return e;
-  }
-}, Ne = () => x({
-  //router: connectRouter(history),
-  page: ce,
-  settings: ae,
-  auth: ie,
-  common: Ee,
-  resources: de,
-  formData: Te,
-  menu: _e,
-  componentData: me
-}), v = G(), he = N(v), U = V(), ye = [F, U, he], Et = (e) => {
-  const t = w(
-    Ne(
-      /*history*/
-    ),
-    // root reducer with router state
-    e,
-    W(
-      z(
-        N(v),
-        ...ye
-      )
-    )
-  );
-  return U.run(k, {}), t;
-}, ct = {
-  authenticated: !1,
-  user: null,
-  auth: null
-}, dt = {
-  title: "",
-  icon: null,
-  subTitle: ""
-}, Tt = {
-  // Loading state
-  loading: !1,
-  // Navigation and layout
-  navStyle: i.panel.NAV_STYLE_FIXED,
-  layoutType: i.panel.LAYOUT_TYPE_FULL,
-  themeType: i.panel.THEME_TYPE_DARK,
-  themeColor: "",
-  isDirectionRTL: !1,
-  // 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ñol",
-      icon: "es"
-    },
-    {
-      locale: "en",
-      languageId: "english",
-      name: "English",
-      icon: "en"
-    }
-  ],
-  // Translations (populated by i18n provider)
-  translations: {}
-}, De = () => r(
-  (e) => ({
-    navStyle: e.settings.navStyle,
-    layoutType: e.settings.layoutType,
-    themeType: e.settings.themeType,
-    layoutSettings: e.settings.layoutSettings,
-    navExpanded: e.common?.navExpanded ?? e.common?.navExpanded ?? !0,
-    navSize: e.common.navSize,
-    panelSettings: e.common.panelSettings
-  }),
-  s
-), ut = () => r(
-  (e) => ({
-    authenticated: e.auth.authenticated,
-    user: e.auth.user
-  }),
-  s
-), _t = () => r(
-  (e) => ({
-    groupIcons: e.settings.groupIcons,
-    locale: e.settings.locale,
-    themeColor: e.settings.themeColor,
-    availableLocales: e.settings.availableLocales,
-    isDirectionRTL: e.settings.isDirectionRTL
-  }),
-  s
-), Y = () => r(
-  (e) => ({
-    appPath: e.common.appPath,
-    width: e.common.width,
-    height: e.common.height,
-    headerToolBar: e.common.headerToolBar,
-    panelSettings: e.common.panelSettings
-  }),
-  s
-), St = () => r(
-  (e) => ({
-    title: e.page.title,
-    icon: e.page.icon,
-    subTitle: e.page.subTitle
-  }),
-  s
-), pt = () => r(
-  (e) => ({
-    items: e.resources.items
-  }),
-  s
-), Re = () => {
-  const { panelSettings: e } = Y();
-  return d(() => ({
-    horizontalLogo: e?.horizontalLogo || /* @__PURE__ */ React.createElement(React.Fragment, null),
-    squaredLogo: e?.squaredLogo || /* @__PURE__ */ React.createElement(React.Fragment, null),
-    loginBackground: e?.loginBackground
-  }), [e]);
-}, At = () => {
-  const { panelSettings: e } = Y();
-  return d(() => ({
-    // Sidebar position: 'left' | 'right' | 'top' | 'bottom'
-    sidebarPosition: e?.sidebarPosition || "left",
-    // Sidebar dimensions
-    sidebarLargeWidth: e?.sidebarLargeWidth || 255,
-    sidebarSmallWidth: e?.sidebarSmallWidth || 60,
-    sidebarHorizontalHeight: e?.sidebarHorizontalHeight || 120,
-    // Logo dimensions for vertical sidebar (left/right)
-    logoVerticalMaxWidth: e?.logoVerticalMaxWidth || 130,
-    logoVerticalMaxHeight: e?.logoVerticalMaxHeight || 130,
-    // Logo dimensions for horizontal sidebar (top/bottom)
-    logoHorizontalMaxWidth: e?.logoHorizontalMaxWidth || 200,
-    logoHorizontalMaxHeight: e?.logoHorizontalMaxHeight || 60,
-    // Padding configuration
-    paddingHorizontal: e?.paddingHorizontal || 255,
-    paddingVertical: e?.paddingVertical || 120,
-    // App name
-    appName: e?.appName || "DASH"
-  }), [e]);
-}, gt = () => {
-  const e = De(), t = Re();
-  return d(() => ({
-    ...e,
-    ...t
-  }), [e, t]);
-}, mt = () => r(
-  (e) => ({
-    navExpanded: e.common?.navExpanded ?? e.common?.navExpanded ?? !0,
-    navSize: e.common.navSize,
-    navStyle: e.settings.navStyle,
-    layoutSettings: e.settings.layoutSettings
-  }),
-  s
-);
-function Oe(e) {
-  return { type: C, loading: e };
-}
-const Le = (e, t) => ({
-  type: "SET_COMPONENT_STATE",
-  componentId: e,
-  state: t
-}), He = (e) => ({
-  type: "UNSET_COMPONENT_STATE",
-  componentId: e
-}), Ce = (e, t) => ({
-  type: y,
-  headerToolBar: e,
-  headerToolBarReplace: t ?? !1
-}), Ie = (e) => ({
-  type: D,
-  panelSettings: e
-}), Pe = (e) => ({
-  type: ee,
-  payload: e
-}), Me = (e) => ({
-  type: te,
-  payload: e
-});
-function fe(e) {
-  return console.log("dash theme type", e), E.setItem("theme", e), { type: o.THEME_TYPE, themeType: e };
-}
-function ve(e) {
-  return (t) => {
-    t({ type: R, width: e });
-  };
-}
-function Ue(e) {
-  return (t) => {
-    t({ type: O, width: e });
-  };
-}
-function Ye(e) {
-  return (t) => {
-    t({ type: L, height: e });
-  };
-}
-function Ve(e) {
-  return (t) => {
-    t({ type: o.THEME_TYPE, themeType: e });
-  };
-}
-function xe(e) {
-  return (t) => {
-    t({ type: o.THEME_COLOR, themeColor: e });
-  };
-}
-function we(e) {
-  return (t) => {
-    t({ type: o.UPDATE_RTL_STATUS, rtlStatus: e });
-  };
-}
-function We(e) {
-  return (t) => {
-    t({ type: o.NAV_STYLE, navStyle: e });
-  };
-}
-function ze(e) {
-  return (t) => {
-    t({ type: o.LAYOUT_TYPE, layoutType: e });
-  };
-}
-function Be(e) {
-  return (t) => {
-    t({
-      type: H,
-      payload: e
-    });
-  };
-}
-function be(e, t) {
-  return (n) => {
-    n({
-      type: u,
-      payload: { width: e, expandedWidth: t }
-    });
-  };
-}
-function Ge(e) {
-  return {
-    type: u,
-    payload: e
-  };
-}
-function Fe(e, t) {
-  return { type: e, payload: t };
-}
-function ke(e) {
-  return { type: I, payload: e };
-}
-function Ze(e) {
-  return (t) => {
-    t({
-      type: T,
-      payload: e
-    });
-  };
-}
-function Xe(e) {
-  return (t) => {
-    t({
-      type: h,
-      payload: e
-    });
-  };
-}
-const Nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  CLEAR_COMPONENT_DATA: S,
-  MERGE_COMPONENT_DATA: A,
-  REMOVE_COMPONENT_DATA_KEY: p,
-  SET_COMPONENT_DATA: _,
-  appendResources: Xe,
-  clearComponentData: f,
-  clearCustomData: ge,
-  loading: Oe,
-  mergeComponentData: Se,
-  onLayoutTypeChange: ze,
-  onNavStyleChange: We,
-  removeComponentDataKey: pe,
-  setComponentData: M,
-  setComponentState: Le,
-  setCustomData: Ae,
-  setDirectionRTL: we,
-  setHeaderComponent: Ce,
-  setNavExpanded: Pe,
-  setNavSize: Me,
-  setPanelSettings: Ie,
-  setResources: Ze,
-  setSidebarProps: be,
-  setThemeColor: xe,
-  setThemeType: Ve,
-  switchLanguage: Be,
-  toggleThemeType: fe,
-  unsetComponentState: He,
-  updateAuth: Fe,
-  updateContentHeight: Ye,
-  updateContentWidth: Ue,
-  updatePage: ke,
-  updateThemeSettings: Ge,
-  updateWindowWidth: ve
-}, Symbol.toStringTag, { value: "Module" }));
-let c = null;
-const ht = (e) => {
-  c = e;
-}, Ke = () => {
-  if (!c)
-    throw new Error("Redux store not initialized. Call setReduxStore first.");
-  return c;
-}, yt = (e) => Ke().dispatch(e);
+import { default as default2 } from "./redux/store/index";
+import { createRootReducer } from "./redux/reducers/index";
+import { default as default3 } from "./DefaultThemeSettings";
+import { default as default4 } from "./defaults/defaultAuth";
+import { default as default5 } from "./defaults/defaultCommon";
+import { default as default6 } from "./defaults/defaultFormState";
+import { default as default7 } from "./defaults/defaultPage";
+import { default as default8 } from "./defaults/defaultSettings";
+import {
+  useLayoutState,
+  useAuthState,
+  useSettingsState,
+  useCommonState,
+  usePageState,
+  useResourcesState,
+  useLogoSettings,
+  usePanelSettings,
+  useThemeState,
+  useNavigationState
+} from "./hooks/DashAdminStateSelectors";
+import * as DASH_REDUX_ACTIONS from "./redux/actions";
+export * from "./redux/ReduxStoreAccesor";
 export {
-  Ne as DASHCreateRootReducer,
-  Et as DASHStoreConfig,
-  Nt as DASH_REDUX_ACTIONS,
-  o as DASH_THEME_SETTINGS,
-  ct as defaultAuth,
-  le as defaultCommon,
-  g as defaultFormState,
-  dt as defaultPageSettings,
-  Tt as defaultSettings,
-  yt as dispatchToRedux,
-  Ke as getReduxStore,
-  ht as setReduxStore,
-  ut as useAuthState,
-  Y as useCommonState,
-  De as useLayoutState,
-  Re as useLogoSettings,
-  mt as useNavigationState,
-  St as usePageState,
-  At as usePanelSettings,
-  pt as useResourcesState,
-  _t as useSettingsState,
-  gt as useThemeState
+  createRootReducer as DASHCreateRootReducer,
+  default2 as DASHStoreConfig,
+  DASH_REDUX_ACTIONS,
+  default3 as DASH_THEME_SETTINGS,
+  default4 as defaultAuth,
+  default5 as defaultCommon,
+  default6 as defaultFormState,
+  default7 as defaultPageSettings,
+  default8 as defaultSettings,
+  useAuthState,
+  useCommonState,
+  useLayoutState,
+  useLogoSettings,
+  useNavigationState,
+  usePageState,
+  usePanelSettings,
+  useResourcesState,
+  useSettingsState,
+  useThemeState
 };