芝麻web文件管理V1.00

编辑当前文件:/home/freeclou/app.optimyar.com/backend/node_modules/@buffetjs/core/src/components/Error/index.js

/**
 *
 * Error
 *
 */

import React, { useEffect, useReducer, useRef } from 'react';
import PropTypes from 'prop-types';
import { isEmpty } from 'lodash';

import { createYupSchema } from '@buffetjs/utils';
import reducer from './reducer';

function Error({
  children,
  inputError,
  translatedErrors,
  type,
  validations,
  value,
}) {
  const [state, dispatch] = useReducer(reducer, {
    error: false,
    canCheck: !isEmpty(value),
  });

const ref = useRef();

useEffect(() => {
    dispatch({
      type: 'SET_ERROR',
      error: inputError,
    });
  }, [inputError]);

const { error, canCheck } = state;

const resetError = () => {
    if (!ref.current) {
      return;
    }

dispatch({
      type: 'SET_ERROR',
      error: null,
    });
  };

const setError = (message) => {
    if (!ref.current) {
      return;
    }

dispatch({
      type: 'SET_ERROR',
      error: message,
    });
  };

if (children) {
    return (
      <>
        {children({
          canCheck,
          dispatch,
          error,
          onBlur: handleBlur,
        })}
        <span style={{ display: 'none' }} ref={ref} />
      </>
    );
  }
}

Error.defaultProps = {
  children: () => {},
  translatedErrors: {
    date: 'This is not a date',
    email: 'This is not an email',
    string: 'This is not a string',
    number: 'This is not a number',
    json: 'This is not a JSON',
    max: 'This is too high',
    maxLength: 'This is too long',
    min: 'This is too small',
    minLength: 'This is too short',
    required: 'This value is required',
    regex: 'This does not match the format',
    uppercase: 'This must be a upper case string',
  },
  type: null,
  validations: {},
  value: null,
};

Error.propTypes = {
  children: PropTypes.func,
  translatedErrors: PropTypes.objectOf(PropTypes.string),
  type: PropTypes.string,
  validations: PropTypes.objectOf(PropTypes.any),
  value: PropTypes.any, // eslint-disable-line react/forbid-prop-types
};

export default Error;