robobyte-front-builder 1.0.19 → 1.0.21

package/src/@core/components/mui/IconButton.jsx

@@ -1,74 +0,0 @@
-'use client'
-import MuiButton from '@mui/material/Button'
-import { styled } from '@mui/material/styles'
-
-// Config Imports
-import themeConfig from '@configs/themeConfig'
-
-const CustomIconButton = styled(MuiButton)(({ color, size, theme, variant }) => {
-  return {
-    minInlineSize: 0,
-    ...(size === 'small'
-      ? {
-          fontSize: '20px',
-          padding: theme.spacing(variant === 'outlined' ? 1.5 : 1.75),
-          '& i, & svg': {
-            fontSize: 'inherit'
-          }
-        }
-      : {
-          ...(size === 'large'
-            ? {
-                fontSize: '24px',
-                padding: theme.spacing(variant === 'outlined' ? 2 : 2.25),
-                '& i, & svg': {
-                  fontSize: 'inherit'
-                }
-              }
-            : {
-                fontSize: '22px',
-                padding: theme.spacing(variant === 'outlined' ? 1.75 : 2),
-                '& i, & svg': {
-                  fontSize: 'inherit'
-                }
-              })
-        }),
-    ...(!color && {
-      color: 'var(--mui-palette-action-active)',
-      '&:not(.Mui-disabled):hover, &:not(.Mui-disabled):active': {
-        backgroundColor: 'rgb(var(--mui-palette-text-primaryChannel) / 0.08)'
-      },
-      ...(themeConfig.disableRipple && {
-        '&.Mui-focusVisible:not(.Mui-disabled)': {
-          backgroundColor: 'rgb(var(--mui-palette-text-primaryChannel) / 0.08)'
-        }
-      }),
-      '&.Mui-disabled': {
-        opacity: 0.45,
-        color: 'var(--mui-palette-action-active)'
-      },
-      ...(variant === 'outlined' && {
-        border: 'none !important',
-        ...(size === 'small'
-          ? {
-              padding: theme.spacing(1.75)
-            }
-          : {
-              ...(size === 'large'
-                ? {
-                    padding: theme.spacing(2.25)
-                  }
-                : {
-                    padding: theme.spacing(2)
-                  })
-            })
-      }),
-      ...(variant === 'contained' && {
-        boxShadow: 'none !important',
-        backgroundColor: 'transparent'
-      })
-    })
-  }
-})
-
-export default CustomIconButton

package/src/@core/components/mui/TabList.jsx

@@ -1,60 +0,0 @@
-// MUI Imports
-import MuiTabList from '@mui/lab/TabList'
-import { styled } from '@mui/material/styles'
-
-const TabList = styled(MuiTabList)(({ color, theme, pill, orientation }) => ({
-  ...(pill === 'true' && {
-    minHeight: 38,
-    ...(orientation === 'vertical'
-      ? {
-          borderInlineEnd: 0
-        }
-      : {
-          borderBlockEnd: 0
-        }),
-    '&, & .MuiTabs-scroller': {
-      ...(orientation === 'vertical' && {
-        boxSizing: 'content-box'
-      }),
-      margin: `${theme.spacing(-1, -1, -1.5, -1)} !important`,
-      padding: theme.spacing(1, 1, 1.5, 1)
-    },
-    '& .MuiTabs-indicator': {
-      display: 'none'
-    },
-    '& .MuiTabs-flexContainer': {
-      gap: theme.spacing(1)
-    },
-    '& .Mui-selected': {
-      backgroundColor: `var(--mui-palette-${color}-main) !important`,
-      color: `var(--mui-palette-${color}-contrastText) !important`,
-      boxShadow: 'var(--mui-customShadows-xs)'
-    },
-    '& .MuiTab-root': {
-      minHeight: 38,
-      padding: theme.spacing(2, 5.5),
-      borderRadius: 'var(--mui-shape-customBorderRadius-lg)',
-      '&:hover': {
-        border: 0,
-        backgroundColor: `var(--mui-palette-${color}-lightOpacity)`,
-        color: `var(--mui-palette-${color}-main)`,
-        ...(orientation === 'vertical'
-          ? {
-              paddingInlineEnd: theme.spacing(5.5)
-            }
-          : {
-              paddingBlockEnd: theme.spacing(2)
-            })
-      }
-    }
-  })
-}))
-
-const CustomTabList = props => {
-  // Props
-  const { color = 'primary', ...rest } = props
-
-  return <TabList color={color} {...rest} />
-}
-
-export default CustomTabList

package/src/@core/components/option-menu/index.jsx

@@ -1,137 +0,0 @@
-'use client'
-
-// React Imports
-import { useRef, useState } from 'react'
-
-// Next Imports
-import Link from 'next/link'
-
-// MUI Imports
-import Tooltip from '@mui/material/Tooltip'
-import Box from '@mui/material/Box'
-import Popper from '@mui/material/Popper'
-import MenuItem from '@mui/material/MenuItem'
-import MenuList from '@mui/material/MenuList'
-import ClickAwayListener from '@mui/material/ClickAwayListener'
-import Fade from '@mui/material/Fade'
-import Paper from '@mui/material/Paper'
-import IconButton from '@mui/material/IconButton'
-import Divider from '@mui/material/Divider'
-
-// Third-party Imports
-import classnames from 'classnames'
-
-// Hook Imports
-import { useSettings } from '@core/hooks/useSettings'
-
-const IconButtonWrapper = props => {
-  // Props
-  const { tooltipProps, children } = props
-
-  return tooltipProps?.title ? <Tooltip {...tooltipProps}>{children}</Tooltip> : children
-}
-
-const MenuItemWrapper = ({ children, option }) => {
-  if (option.href) {
-    return (
-      <Box component={Link} href={option.href} {...option.linkProps}>
-        {children}
-      </Box>
-    )
-  } else {
-    return <>{children}</>
-  }
-}
-
-const OptionMenu = props => {
-  // Props
-  const { tooltipProps, icon, iconClassName, options, leftAlignMenu, iconButtonProps } = props
-
-  // States
-  const [open, setOpen] = useState(false)
-
-  // Refs
-  const anchorRef = useRef(null)
-
-  // Hooks
-  const { settings } = useSettings()
-
-  const handleToggle = () => {
-    setOpen(prevOpen => !prevOpen)
-  }
-
-  const handleClose = event => {
-    if (anchorRef.current && anchorRef.current.contains(event.target)) {
-      return
-    }
-
-    setOpen(false)
-  }
-
-  return (
-    <>
-      <IconButtonWrapper tooltipProps={tooltipProps}>
-        <IconButton ref={anchorRef} size='small' onClick={handleToggle} {...iconButtonProps}>
-          {typeof icon === 'string' ? (
-            <i className={classnames(icon, iconClassName)} />
-          ) : icon ? (
-            icon
-          ) : (
-            <i className={classnames('ri-more-2-line', iconClassName)} />
-          )}
-        </IconButton>
-      </IconButtonWrapper>
-      <Popper
-        open={open}
-        anchorEl={anchorRef.current}
-        placement={leftAlignMenu ? 'bottom-start' : 'bottom-end'}
-        transition
-        disablePortal
-        sx={{ zIndex: 1 }}
-      >
-        {({ TransitionProps }) => (
-          <Fade {...TransitionProps}>
-            <Paper className={settings.skin === 'bordered' ? 'border shadow-none' : 'shadow-lg'}>
-              <ClickAwayListener onClickAway={handleClose}>
-                <MenuList autoFocusItem={open}>
-                  {options.map((option, index) => {
-                    if (typeof option === 'string') {
-                      return (
-                        <MenuItem key={index} onClick={handleClose}>
-                          {option}
-                        </MenuItem>
-                      )
-                    } else if ('divider' in option) {
-                      return option.divider && <Divider key={index} {...option.dividerProps} />
-                    } else {
-                      return (
-                        <MenuItem
-                          key={index}
-                          {...option.menuItemProps}
-                          {...(option.href && { className: 'p-0' })}
-                          onClick={e => {
-                            handleClose(e)
-                            option.menuItemProps && option.menuItemProps.onClick
-                              ? option.menuItemProps.onClick(e)
-                              : null
-                          }}
-                        >
-                          <MenuItemWrapper option={option}>
-                            {(typeof option.icon === 'string' ? <i className={option.icon} /> : option.icon) || null}
-                            {option.text}
-                          </MenuItemWrapper>
-                        </MenuItem>
-                      )
-                    }
-                  })}
-                </MenuList>
-              </ClickAwayListener>
-            </Paper>
-          </Fade>
-        )}
-      </Popper>
-    </>
-  )
-}
-
-export default OptionMenu

package/src/@core/components/scroll-to-top/index.jsx

@@ -1,43 +0,0 @@
-'use client'
-
-// MUI Imports
-import Zoom from '@mui/material/Zoom'
-import { styled } from '@mui/material/styles'
-import useScrollTrigger from '@mui/material/useScrollTrigger'
-
-const ScrollToTopStyled = styled('div')(({ theme }) => ({
-  zIndex: 'var(--mui-zIndex-fab)',
-  position: 'fixed',
-  insetInlineEnd: theme.spacing(10),
-  insetBlockEnd: theme.spacing(14)
-}))
-
-const ScrollToTop = props => {
-  // Props
-  const { children, className } = props
-
-  // Hooks
-  // init trigger
-  const trigger = useScrollTrigger({
-    threshold: 400,
-    disableHysteresis: true
-  })
-
-  const handleClick = () => {
-    const anchor = document.querySelector('body')
-
-    if (anchor) {
-      anchor.scrollIntoView({ behavior: 'smooth' })
-    }
-  }
-
-  return (
-    <Zoom in={trigger}>
-      <ScrollToTopStyled className={className} onClick={handleClick} role='presentation'>
-        {children}
-      </ScrollToTopStyled>
-    </Zoom>
-  )
-}
-
-export default ScrollToTop

package/src/@core/components/spinner/index.js

@@ -1,26 +0,0 @@
-// ** MUI Import
-import Box from '@mui/material/Box'
-import { useTheme } from '@mui/material/styles'
-import CircularProgress from '@mui/material/CircularProgress'
-
-const FallbackSpinner = () => {
-  // ** Hook
-  const theme = useTheme()
-
-  return (
-    <Box
-      sx={{
-        height: '100vh',
-        display: 'flex',
-        alignItems: 'center',
-        flexDirection: 'column',
-        justifyContent: 'center'
-      }}
-    >
-      {/*<img src={'/images/appicon.png'} width={100} />*/}
-      <CircularProgress disableShrink sx={{ mt: 6 }} />
-    </Box>
-  )
-}
-
-export default FallbackSpinner

package/src/@core/components/window-wrapper/index.js

@@ -1,27 +0,0 @@
-// ** React Imports
-import { useState, useEffect } from 'react'
-
-// ** Next Import
-import { useRouter } from 'next/router'
-
-const WindowWrapper = ({ children }) => {
-  // ** State
-  const [windowReadyFlag, setWindowReadyFlag] = useState(false)
-  const router = useRouter()
-  useEffect(
-    () => {
-      if (typeof window !== 'undefined') {
-        setWindowReadyFlag(true)
-      }
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [router.route]
-  )
-  if (windowReadyFlag) {
-    return <>{children}</>
-  } else {
-    return null
-  }
-}
-
-export default WindowWrapper

package/src/@core/contexts/settingsContext.jsx

@@ -1,98 +0,0 @@
-// ** React Imports
-import { createContext, useState, useEffect } from 'react'
-
-// ** ThemeConfig Import
-import themeConfig from 'src/configs/themeConfig'
-
-const initialSettings = {
-  themeColor: 'primary',
-  mode: themeConfig.mode,
-  footer: themeConfig.footer,
-  layout: themeConfig.layout,
-  lastLayout: themeConfig.layout,
-  direction: themeConfig.direction,
-  navHidden: themeConfig.navHidden,
-  appBarBlur: themeConfig.appBarBlur,
-  navCollapsed: themeConfig.navCollapsed,
-  contentWidth: themeConfig.contentWidth,
-  toastPosition: themeConfig.toastPosition,
-  verticalNavToggleType: themeConfig.verticalNavToggleType,
-  skin: themeConfig.layout === 'horizontal' && themeConfig.skin === 'semi-dark' ? 'default' : themeConfig.skin,
-  appBar: themeConfig.layout === 'horizontal' && themeConfig.appBar === 'hidden' ? 'fixed' : themeConfig.appBar
-}
-
-const staticSettings = {
-  appBar: initialSettings.appBar,
-  footer: initialSettings.footer,
-  layout: initialSettings.layout,
-  navHidden: initialSettings.navHidden,
-  lastLayout: initialSettings.lastLayout,
-  toastPosition: initialSettings.toastPosition
-}
-
-const restoreSettings = () => {
-  let settings = null
-  try {
-    const storedData = window.localStorage.getItem('settings')
-    if (storedData) {
-      settings = { ...JSON.parse(storedData), ...staticSettings }
-    } else {
-      settings = initialSettings
-    }
-  } catch (err) {
-    console.error(err)
-  }
-
-  return settings
-}
-
-// set settings in localStorage
-const storeSettings = settings => {
-  const initSettings = Object.assign({}, settings)
-  delete initSettings.appBar
-  delete initSettings.footer
-  delete initSettings.layout
-  delete initSettings.navHidden
-  delete initSettings.lastLayout
-  delete initSettings.toastPosition
-  window.localStorage.setItem('settings', JSON.stringify(initSettings))
-}
-
-// ** Create Context
-export const SettingsContext = createContext({
-  saveSettings: () => null,
-  settings: initialSettings
-})
-
-export const SettingsProvider = ({ children, pageSettings }) => {
-  // ** State
-  const [settings, setSettings] = useState({ ...initialSettings })
-  useEffect(() => {
-    const restoredSettings = restoreSettings()
-    if (restoredSettings) {
-      setSettings({ ...restoredSettings })
-    }
-    if (pageSettings) {
-      setSettings({ ...settings, ...pageSettings })
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [pageSettings])
-  useEffect(() => {
-    if (settings.layout === 'horizontal' && settings.skin === 'semi-dark') {
-      saveSettings({ ...settings, skin: 'default' })
-    }
-    if (settings.layout === 'horizontal' && settings.appBar === 'hidden') {
-      saveSettings({ ...settings, appBar: 'fixed' })
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [settings.layout])
-
-  const saveSettings = updatedSettings => {
-    storeSettings(updatedSettings)
-    setSettings(updatedSettings)
-  }
-
-  return <SettingsContext.Provider value={{ settings, saveSettings }}>{children}</SettingsContext.Provider>
-}
-
-export const SettingsConsumer = SettingsContext.Consumer

package/src/@core/hooks/useBgColor.js

@@ -1,63 +0,0 @@
-// ** MUI Imports
-import { useTheme } from '@mui/material/styles'
-
-// ** Util Import
-import { hexToRGBA } from 'src/@core/utils/hex-to-rgba'
-
-const UseBgColor = () => {
-  // ** Hooks
-  const theme = useTheme()
-
-  return {
-    primaryFilled: {
-      color: theme.palette.primary.contrastText,
-      backgroundColor: theme.palette.primary.main
-    },
-    primaryLight: {
-      color: theme.palette.primary.main,
-      backgroundColor: hexToRGBA(theme.palette.primary.main, 0.12)
-    },
-    secondaryFilled: {
-      color: theme.palette.secondary.contrastText,
-      backgroundColor: theme.palette.secondary.main
-    },
-    secondaryLight: {
-      color: theme.palette.secondary.main,
-      backgroundColor: hexToRGBA(theme.palette.secondary.main, 0.12)
-    },
-    successFilled: {
-      color: theme.palette.success.contrastText,
-      backgroundColor: theme.palette.success.main
-    },
-    successLight: {
-      color: theme.palette.success.main,
-      backgroundColor: hexToRGBA(theme.palette.success.main, 0.12)
-    },
-    errorFilled: {
-      color: theme.palette.error.contrastText,
-      backgroundColor: theme.palette.error.main
-    },
-    errorLight: {
-      color: theme.palette.error.main,
-      backgroundColor: hexToRGBA(theme.palette.error.main, 0.12)
-    },
-    warningFilled: {
-      color: theme.palette.warning.contrastText,
-      backgroundColor: theme.palette.warning.main
-    },
-    warningLight: {
-      color: theme.palette.warning.main,
-      backgroundColor: hexToRGBA(theme.palette.warning.main, 0.12)
-    },
-    infoFilled: {
-      color: theme.palette.info.contrastText,
-      backgroundColor: theme.palette.info.main
-    },
-    infoLight: {
-      color: theme.palette.info.main,
-      backgroundColor: hexToRGBA(theme.palette.info.main, 0.12)
-    }
-  }
-}
-
-export default UseBgColor

package/src/@core/hooks/useImageVariant.js

@@ -1,27 +0,0 @@
-// React Imports
-import { useMemo } from 'react'
-
-// Third-party imports
-import { useColorScheme } from '@mui/material'
-
-// Hook Imports
-import { useSettings } from './useSettings'
-
-export const useImageVariant = (mode, imgLight, imgDark, imgLightBordered, imgDarkBordered) => {
-  // Hooks
-  const { settings } = useSettings()
-  const { mode: muiMode, systemMode: muiSystemMode } = useColorScheme()
-
-  return useMemo(() => {
-    const currentMode = muiMode === 'system' ? muiSystemMode : muiMode || mode
-    const isBordered = settings?.skin === 'bordered'
-    const isDarkMode = currentMode === 'dark'
-
-    if (isBordered && imgLightBordered && imgDarkBordered) {
-      return isDarkMode ? imgDarkBordered : imgLightBordered
-    }
-
-    return isDarkMode ? imgDark : imgLight
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [mode, muiMode, muiSystemMode])
-}

package/src/@core/hooks/useLayoutInit.js

@@ -1,37 +0,0 @@
-'use client'
-
-// React Imports
-import { useEffect } from 'react'
-
-// Hook Imports
-import { useCookie, useMedia } from 'react-use'
-
-// Type Imports
-import { useColorScheme } from '@mui/material'
-
-import { useSettings } from 'src/@core/hooks/useSettings'
-
-const useLayoutInit = colorSchemeFallback => {
-  // Hooks
-  const { settings } = useSettings()
-  const { setMode } = useColorScheme()
-
-  const [_, updateCookieColorPref] = useCookie('colorPref')
-  const isDark = useMedia('(prefers-color-scheme: dark)', colorSchemeFallback === 'dark')
-
-  useEffect(() => {
-    const appMode = isDark ? 'dark' : 'light'
-
-    updateCookieColorPref(appMode)
-
-    if (settings.mode === 'system') {
-      // We need to change the mode in settings context to apply the mode change to MUI components
-      setMode(appMode)
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isDark])
-
-  // This hook does not return anything as it is only used to initialize color preference cookie and settings context on first load
-}
-
-export default useLayoutInit

package/src/@core/hooks/useObjectCookie.js

@@ -1,18 +0,0 @@
-// React Imports
-import { useMemo } from 'react'
-
-// Third-party Imports
-
-
-export const useObjectCookie = (key, fallback) => {
-  // Hooks
-  const [valStr, updateCookie] = useCookie(key)
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const value = useMemo(() => (valStr ? JSON.parse(valStr) : fallback), [valStr])
-
-  const updateValue = newVal => {
-    updateCookie(JSON.stringify(newVal))
-  }
-
-  return [value, updateValue]
-}

package/src/@core/hooks/useSettings.jsx

@@ -1,15 +0,0 @@
-// React Imports
-import { useContext } from 'react'
-
-// Context Imports
-import { SettingsContext } from '../contexts/settingsContext'
-
-export const useSettings = () => {
-  // Hooks
-  const context = useContext(SettingsContext)
-  if (!context) {
-    throw new Error('useSettingsContext must be used within a SettingsProvider')
-  }
-
-  return context
-}

package/src/@core/layouts/BlankLayout.js

@@ -1,37 +0,0 @@
-// ** MUI Imports
-import { styled } from '@mui/material/styles'
-import Box from '@mui/material/Box'
-
-// Styled component for Blank Layout component
-const BlankLayoutWrapper = styled(Box)(({ theme }) => ({
-  height: '100vh',
-
-  // For V1 Blank layout pages
-  '& .content-center': {
-    display: 'flex',
-    minHeight: '100vh',
-    alignItems: 'center',
-    justifyContent: 'center',
-    padding: theme.spacing(5)
-  },
-
-  // For V2 Blank layout pages
-  '& .content-right': {
-    display: 'flex',
-    minHeight: '100vh',
-    overflowX: 'hidden',
-    position: 'relative'
-  }
-}))
-
-const BlankLayout = ({ children }) => {
-  return (
-    <BlankLayoutWrapper className='layout-wrapper'>
-      <Box className='app-content' sx={{ minHeight: '100vh', overflowX: 'hidden', position: 'relative' }}>
-        {children}
-      </Box>
-    </BlankLayoutWrapper>
-  )
-}
-
-export default BlankLayout