@applica-software-guru/react-admin 1.0.60 → 1.0.62

package/src/contexts/ThemeConfigContext.jsx

@@ -1,134 +0,0 @@
-import PropTypes from 'prop-types';
-import { createContext } from 'react';
-import { useLocalStorage } from '../hooks';
-
-const initialState = {
-  /**
-   * The props used for the theme font-style.
-   * We provide static below options -
-   * `'Inter', sans-serif`
-   * `'Poppins', sans-serif`
-   * `'Roboto', sans-serif`
-   * `'Public Sans', sans-serif` (default)
-   */
-  fontFamily: `'Inter', sans-serif`,
-
-  /**
-   * the props used for menu orientation (diffrent theme layout).
-   * we provide static below options -
-   * 'vertical' (default)
-   * 'horizontal'
-   */
-  menuOrientation: 'vertical',
-  /**
-   * the props used for show mini variant drawer
-   * the mini variant is recommended for apps sections that need quick selection access alongside content.
-   * default - false
-   */
-  miniDrawer: false,
-
-  /**
-   * the props used for theme container.
-   * the container centers your content horizontally. It's the most basic layout element.
-   * default - true which show container
-   * false - will show fluid
-   */
-  container: false,
-  /**
-   * the props used for default theme palette mode
-   * explore the default theme
-   * below theme options -
-   * 'light' (default)
-   * 'dark'
-   */
-  mode: 'light',
-
-  /**
-   * the props used for theme primary color variants
-   * we provide static below options thoe s are already defaine in src/themes/theme -
-   * 'default'
-   * 'theme1'
-   * 'theme2'
-   * 'theme3'
-   * 'theme4'
-   * 'theme5'
-   * 'theme6'
-   * 'theme7'
-   * 'theme8'
-   */
-  presetColor: 'theme4',
-
-  /**
-   * the props used for default theme direction
-   * explore the default theme
-   * below theme options -
-   * 'ltr' (default)
-   * 'rtl'
-   */
-  themeDirection: 'ltr',
-
-  /**
-   * default path to redirect after login.
-   */
-  appDefaultPath: '/',
-  /**
-   * default drawer width.
-   */
-  drawerWidth: 260,
-  /**
-   * number of items to show in horizontal.
-   */
-  horizontalMaxItems: 6,
-  /**
-   * Default spacing for elements
-   */
-  spacing: 2
-};
-
-const ThemeConfigContext = createContext(initialState);
-
-const isVerticalLayout = (layout) => layout === 'vertical';
-const isHorizontalLayout = (layout) => layout === 'horizontal';
-
-const ThemeConfigProvider = ({ children }) => {
-  const [config, setConfig] = useLocalStorage('theme-config', initialState);
-  const setFontFamily = (fontFamily) => setConfig((config) => ({ ...config, fontFamily }));
-  const setMenuOrientation = (menuOrientation) => setConfig((config) => ({ ...config, menuOrientation }));
-  const setMiniDrawer = (miniDrawer) => setConfig((config) => ({ ...config, miniDrawer }));
-  const setContainer = (container) => setConfig((config) => ({ ...config, container }));
-  const setMode = (mode) => setConfig((config) => ({ ...config, mode }));
-  const setPresetColor = (presetColor) => setConfig((config) => ({ ...config, presetColor }));
-  const setThemeDirection = (themeDirection) => setConfig((config) => ({ ...config, themeDirection }));
-  const setAppDefaultPath = (appDefaultPath) => setConfig((config) => ({ ...config, appDefaultPath }));
-  const setDrawerWidth = (drawerWidth) => setConfig((config) => ({ ...config, drawerWidth }));
-  const setHorizontalMaxItems = (horizontalMaxItems) => setConfig((config) => ({ ...config, horizontalMaxItems }));
-  return (
-    <ThemeConfigContext.Provider
-      value={{
-        ...config,
-
-        setFontFamily,
-        setMenuOrientation,
-        setMiniDrawer,
-        setContainer,
-        setMode,
-        setPresetColor,
-        setThemeDirection,
-        setAppDefaultPath,
-        setDrawerWidth,
-        setHorizontalMaxItems,
-
-        isVerticalLayout,
-        isHorizontalLayout
-      }}
-    >
-      {children}
-    </ThemeConfigContext.Provider>
-  );
-};
-
-ThemeConfigProvider.propTypes = {
-  children: PropTypes.node
-};
-
-export { ThemeConfigProvider, ThemeConfigContext };