robobyte-front-builder 1.0.17 → 1.0.21

package/src/@core/components/custom-inputs/Horizontal.jsx

@@ -1,143 +0,0 @@
-// MUI Imports
-import Grid from '@mui/material/Grid2'
-import Radio from '@mui/material/Radio'
-import Checkbox from '@mui/material/Checkbox'
-import Typography from '@mui/material/Typography'
-import { styled } from '@mui/material/styles'
-
-// Third-party Imports
-import classnames from 'classnames'
-
-const Root = styled('div', {
-  name: 'MuiCustomInputHorizontal',
-  slot: 'root'
-})(({ theme }) => ({
-  blockSize: '100%',
-  display: 'flex',
-  gap: theme.spacing(1),
-  borderRadius: 'var(--mui-shape-borderRadius)',
-  cursor: 'pointer',
-  position: 'relative',
-  alignItems: 'flex-start',
-  border: '1px solid var(--mui-palette-customColors-inputBorder)',
-  padding: theme.spacing(4),
-  color: 'var(--mui-palette-text-primary)',
-  transition: theme.transitions.create(['border-color'], {
-    duration: theme.transitions.duration.shorter
-  }),
-  '&:hover': {
-    borderColor: 'var(--mui-palette-action-active)'
-  },
-  '&.active': {
-    borderColor: 'var(--mui-palette-primary-main)',
-    '& i, & svg': {
-      color: 'var(--mui-palette-primary-main) !important'
-    }
-  }
-}))
-
-const Title = styled(Typography, {
-  name: 'MuiCustomInputHorizontal',
-  slot: 'title'
-})(({ theme }) => ({
-  fontWeight: theme.typography.fontWeightMedium,
-  color: 'var(--mui-palette-text-primary) !important'
-}))
-
-const Meta = styled(Typography, {
-  name: 'MuiCustomInputHorizontal',
-  slot: 'meta'
-})(({ theme }) => ({
-  ...theme.typography.body2,
-  color: 'var(--mui-palette-text-disabled) !important'
-}))
-
-const Content = styled(Typography, {
-  name: 'MuiCustomInputHorizontal',
-  slot: 'content'
-})(({ theme }) => ({
-  ...theme.typography.body2
-}))
-
-const RadioInput = styled(Radio, {
-  name: 'MuiCustomInputHorizontal',
-  slot: 'input'
-})(({ theme }) => ({
-  marginBlockStart: theme.spacing(-0.25),
-  marginInlineStart: theme.spacing(-0.25)
-}))
-
-const CheckboxInput = styled(Checkbox, {
-  name: 'MuiCustomInputHorizontal',
-  slot: 'input'
-})(({ theme }) => ({
-  marginBlockStart: theme.spacing(-0.25),
-  marginInlineStart: theme.spacing(-0.25)
-}))
-
-const CustomInputHorizontal = props => {
-  // Props
-  const { type, data, name, selected, gridProps, handleChange, color = 'primary' } = props
-
-  // Vars
-  const { meta, title, value, content } = data
-
-  const renderData = () => {
-    if (meta && title && content) {
-      return (
-        <div className='flex flex-col bs-full is-full gap-1.5'>
-          <div className='flex items-start justify-between is-full mbs-1.5 gap-1.5'>
-            {typeof title === 'string' ? <Title>{title}</Title> : title}
-            {typeof meta === 'string' ? <Meta>{meta}</Meta> : meta}
-          </div>
-          {typeof content === 'string' ? <Content>{content}</Content> : content}
-        </div>
-      )
-    } else if (meta && title && !content) {
-      return (
-        <div className='flex items-start justify-between is-full mbs-1.5 gap-1.5'>
-          {typeof title === 'string' ? <Title>{title}</Title> : title}
-          {typeof meta === 'string' ? <Meta>{meta}</Meta> : meta}
-        </div>
-      )
-    } else if (!meta && title && content) {
-      return (
-        <div className='flex flex-col bs-full gap-1.5 mbs-1.5'>
-          {typeof title === 'string' ? <Title>{title}</Title> : title}
-          {typeof content === 'string' ? <Content>{content}</Content> : content}
-        </div>
-      )
-    } else if (!meta && !title && content) {
-      return typeof content === 'string' ? <Content className='mbs-1.5'>{content}</Content> : content
-    } else if (!meta && title && !content) {
-      return typeof title === 'string' ? <Title className='mbs-1.5'>{title}</Title> : title
-    } else {
-      return null
-    }
-  }
-
-  return data ? (
-    <Grid {...gridProps}>
-      <Root
-        onClick={() => handleChange(value)}
-        className={classnames({
-          active: type === 'radio' ? selected === value : selected.includes(value)
-        })}
-      >
-        {type === 'radio' ? (
-          <RadioInput name={name} color={color} value={value} onChange={handleChange} checked={selected === value} />
-        ) : (
-          <CheckboxInput
-            color={color}
-            name={`${name}-${value}`}
-            checked={selected.includes(value)}
-            onChange={() => handleChange(value)}
-          />
-        )}
-        {renderData()}
-      </Root>
-    </Grid>
-  ) : null
-}
-
-export default CustomInputHorizontal

package/src/@core/components/custom-inputs/Image.jsx

@@ -1,78 +0,0 @@
-// MUI Imports
-import Grid from '@mui/material/Grid2'
-import Checkbox from '@mui/material/Checkbox'
-import { styled } from '@mui/material/styles'
-
-// Third-party Imports
-import classnames from 'classnames'
-
-const Root = styled('div', {
-  name: 'MuiCustomImage',
-  slot: 'Root'
-})({
-  blockSize: '100%',
-  display: 'flex',
-  borderRadius: 'var(--mui-shape-borderRadius)',
-  cursor: 'pointer',
-  overflow: 'hidden',
-  position: 'relative',
-  alignItems: 'center',
-  flexDirection: 'column',
-  justifyContent: 'center',
-  border: '1px solid var(--mui-palette-customColors-inputBorder)',
-  '&:hover': {
-    borderColor: 'var(--mui-palette-action-active)'
-  },
-  '&.active': {
-    borderColor: 'var(--mui-palette-primary-main)'
-  },
-  '&:not(.active):not(:hover) .MuiCheckbox-root': {
-    display: 'none'
-  }
-})
-
-const CheckboxInput = styled(Checkbox, {
-  name: 'MuiCustomImage',
-  slot: 'Input'
-})({
-  top: 8,
-  right: 8,
-  position: 'absolute'
-})
-
-const Image = styled('img', {
-  name: 'MuiCustomImage',
-  slot: 'Image'
-})({
-  maxInlineSize: '100%'
-})
-
-const CustomCheckboxImg = props => {
-  // Props
-  const { type, data, name, selected, gridProps, handleChange, color = 'primary' } = props
-
-  // Vars
-  const { alt, img, value } = data
-
-  const renderComponent = () => {
-    return (
-      <Grid {...gridProps}>
-        <Root className={classnames({ active: selected.includes(value) })} onClick={() => handleChange(value)}>
-          {typeof img === 'string' ? <Image src={img} alt={alt ?? `checkbox-image-${value}`} /> : img}
-          {type === 'radio' ? null : (
-            <CheckboxInput
-              color={color}
-              name={`${name}-${value}`}
-              checked={selected.includes(value)}
-              onChange={() => handleChange(value)}
-            />
-          )}
-        </Root>
-      </Grid>
-    )
-  }
-
-  return data ? renderComponent() : null
-}
-
-export default CustomCheckboxImg

package/src/@core/components/custom-inputs/Vertical.jsx

@@ -1,113 +0,0 @@
-// MUI Imports
-import Grid from '@mui/material/Grid2'
-import Radio from '@mui/material/Radio'
-import Checkbox from '@mui/material/Checkbox'
-import Typography from '@mui/material/Typography'
-import { styled } from '@mui/material/styles'
-
-// Third-party Imports
-import classnames from 'classnames'
-
-const Root = styled('div', {
-  name: 'MuiCustomInputVertical',
-  slot: 'root'
-})(({ theme }) => ({
-  display: 'flex',
-  blockSize: '100%',
-  cursor: 'pointer',
-  position: 'relative',
-  alignItems: 'center',
-  gap: theme.spacing(2),
-  flexDirection: 'column',
-  padding: theme.spacing(4),
-  borderRadius: 'var(--mui-shape-borderRadius)',
-  border: '1px solid var(--mui-palette-customColors-inputBorder)',
-  color: 'var(--mui-palette-text-primary)',
-  transition: theme.transitions.create(['border-color'], { duration: theme.transitions.duration.shorter }),
-  '&:hover': {
-    borderColor: 'var(--mui-palette-action-active)'
-  },
-  '&.active': {
-    borderColor: 'var(--mui-palette-primary-main)',
-    '& > svg, & > i': {
-      color: 'var(--mui-palette-primary-main) !important'
-    }
-  },
-  '&.radio-only .MuiRadio-root': {
-    marginBlockStart: theme.spacing(-2)
-  },
-  '&.checkbox-only .MuiCheckbox-root': {
-    marginBlockStart: theme.spacing(-2)
-  }
-}))
-
-const Title = styled(Typography, {
-  name: 'MuiCustomInputVertical',
-  slot: 'title'
-})(({ theme }) => ({
-  fontWeight: theme.typography.fontWeightMedium,
-  color: 'var(--mui-palette-text-primary) !important'
-}))
-
-const Content = styled(Typography, {
-  name: 'MuiCustomInputVertical',
-  slot: 'content'
-})(({ theme }) => ({
-  ...theme.typography.body2,
-  textAlign: 'center'
-}))
-
-const RadioInput = styled(Radio, {
-  name: 'MuiCustomInputVertical',
-  slot: 'input'
-})(({ theme }) => ({
-  marginBlockEnd: theme.spacing(-2)
-}))
-
-const CheckboxInput = styled(Checkbox, {
-  name: 'MuiCustomInputVertical',
-  slot: 'input'
-})(({ theme }) => ({
-  marginBlockEnd: theme.spacing(-2)
-}))
-
-const CustomInputVertical = props => {
-  // Props
-  const { type, data, name, selected, gridProps, handleChange, color = 'primary' } = props
-
-  // Vars
-  const { title, value, content, asset } = data
-
-  const renderComponent = () => {
-    return (
-      <Grid {...gridProps}>
-        <Root
-          onClick={() => handleChange(value)}
-          className={classnames({
-            'radio-only': type === 'radio' && !asset && !title && !content,
-            'checkbox-only': type === 'checkbox' && !asset && !title && !content,
-            active: type === 'radio' ? selected === value : selected.includes(value)
-          })}
-        >
-          {asset || null}
-          {title ? typeof title === 'string' ? <Title>{title}</Title> : title : null}
-          {content ? typeof content === 'string' ? <Content>{content}</Content> : content : null}
-          {type === 'radio' ? (
-            <RadioInput name={name} color={color} value={value} onChange={handleChange} checked={selected === value} />
-          ) : (
-            <CheckboxInput
-              color={color}
-              name={`${name}-${value}`}
-              checked={selected.includes(value)}
-              onChange={() => handleChange(value)}
-            />
-          )}
-        </Root>
-      </Grid>
-    )
-  }
-
-  return data ? renderComponent() : null
-}
-
-export default CustomInputVertical