Function VariationItem

ui/src/components/VariationItem/index.tsx:36–346

(props)

}

const VariationItem: React.FC<IProps> = (props) => {
  const [ open, setOpen ] = useState<boolean>(false);
  const [ canSave, setCanSave ] = useState<boolean>(true);
  const [ jsonValue, setJsonValue ] =  useState<string>('');
  const intl = useIntl();

  const {
    disabled,
    total,
    returnType,
    item: {
      value, 
      name, 
      description, 
      index,
      id,
    },
    prefix,
    handleInput,
    handleDelete,
    handleChangeVariation,
    hooksFormContainer,
    ruleContainer,
    defaultServeContainer
  } = props;

  const { rules, saveRules } = ruleContainer.useContainer();
  const { defaultServe, saveDefaultServe } = defaultServeContainer.useContainer();

  const {
    formState: { errors },
    register,
    unregister,
    setValue,
    trigger,
  } = hooksFormContainer.useContainer();

  useEffect(() => {
    register(`variation_${id}_name`, {
      required: {
        value: true,
        message: intl.formatMessage({id: 'common.input.placeholder'})
      }
    });

    if (returnType !== 'boolean') {
      unregister(`variation_${id}_normal`);
      register(`variation_${id}`, {
        required: {
          value: true,
          message: intl.formatMessage({id: 'common.input.placeholder'})
        },
        validate: {
          isNumber: (v: string) => {
            const reg = /^(-?\d+)(\.\d+)?$/i;
            if (v && returnType === 'number' && !reg.test(v)) {
              return intl.formatMessage({id: 'common.number.invalid'});
            }