Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3269 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3269 Rev 3719
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react';
2 
import { Controller } from 'react-hook-form'
 2 
import { Controller } from 'react-hook-form';
3 
import { FormLabel } from '@mui/material'
 3 
import { FormLabel } from '@mui/material';
4 
import { CKEditor } from '@ckeditor/ckeditor5-react'
 4 
import { CKEditor } from '@ckeditor/ckeditor5-react';
5 
 
 5 
 
6 
import ClassicEditor from './ClassicEditor'
 6 
import ClassicEditor from './ClassicEditor';
7 
import FormErrorFeedback from '@components/UI/form/FormErrorFeedback'
 7 
import FormErrorFeedback from '@components/UI/form/FormErrorFeedback';
8 
 
 8 
 
9 
export default function Ckeditor({
 9 
export default function Ckeditor({
10 
  id = '',
 10 
  id = '',
11 
  label = '',
 11 
  label = '',
12 
  name = '',
 12 
  name = '',
13 
  defaultValue = '',
 13 
  defaultValue = '',
14 
  onChange = () => '',
 14 
  onChange = () => '',
15 
  onReady = () => {},
 15 
  onReady = () => {},
16 
  rules,
 16 
  rules,
17 
  error,
 17 
  error,
18 
  control,
 18 
  control,
19 
  disabled
 19 
  disabled
20 
}) {
 20 
}) {
21 
  if (control) {
 21 
  if (control) {
22 
    return (
 22 
    return (
23 
      <Controller
 23 
      <Controller
24 
        name={name}
 24 
        name={name}
25 
        control={control}
 25 
        control={control}
26 
        defaultValue={defaultValue}
 26 
        defaultValue={defaultValue}
27 
        rules={rules}
 27 
        rules={rules}
28 
        render={({ field: { name, value, onChange, disabled } }) => (
 28 
        render={({ field: { value, onChange, disabled } }) => (
29 
          <>
 29 
          <>
30 
            {label && <FormLabel htmlFor={id}>{label}</FormLabel>}
 30 
            {label && <FormLabel htmlFor={id}>{label}</FormLabel>}
31 
            <CKEditor
 31 
            <CKEditor
32 
              editor={ClassicEditor}
 32 
              editor={ClassicEditor}
33 
              onReady={onReady}
 33 
              onReady={onReady}
34 
              data={value}
 34 
              data={value}
35 
              onChange={(event, editor) => onChange(editor.getData())}
 35 
              onChange={(event, editor) => onChange(editor.getData())}
36 
              id={id}
 36 
              id={id}
37 
              disabled={disabled}
 37 
              disabled={disabled}
38 
            />
 38 
            />
39 
            {error && <FormErrorFeedback>{error}</FormErrorFeedback>}
 39 
            {error && <FormErrorFeedback>{error}</FormErrorFeedback>}
40 
          </>
 40 
          </>
41 
        )}
 41 
        )}
42 
      />
 42 
      />
43 
    )
 43 
    );
44 
  }
 44 
  }
45 
  return (
 45 
  return (
46 
    <>
 46 
    <>
47 
      {label && <FormLabel htmlFor={id}>{label}</FormLabel>}
 47 
      {label && <FormLabel htmlFor={id}>{label}</FormLabel>}
48 
      <CKEditor
 48 
      <CKEditor
49 
        editor={ClassicEditor}
 49 
        editor={ClassicEditor}
50 
        onReady={onReady}
 50 
        onReady={onReady}
51 
        data={defaultValue}
 51 
        data={defaultValue}
52 
        onChange={(event, editor) => onChange(editor.getData())}
 52 
        onChange={(event, editor) => onChange(editor.getData())}
53 
        id={id}
 53 
        id={id}
54 
        disabled={disabled}
 54 
        disabled={disabled}
55 
      />
 55 
      />
56 
      {error && <FormErrorFeedback>{error}</FormErrorFeedback>}
 56 
      {error && <FormErrorFeedback>{error}</FormErrorFeedback>}
57 
    </>
 57 
    </>
58 
  )
 58 
  );
59 
}
 59 
}