export default function html()

in packages/form-render/src/widgets/fields/html/index.tsx [4:50]

• 44 lines of code
• 18 McCabe index (conditional complexity)

export default function html({ value, checked, options, schema = {} } : any) {
  let __html = '-';

  if (schema.type === 'boolean') {
    __html = (value === true || checked === true) ? '✔' : '✘';
  } else if (options?.length > 0) {
    if (['string', 'number'].indexOf(typeof value) > -1) {
      const item = options.find((item: any) => item.value === value);
      __html = item?.label || '-';

    } else if (Array.isArray(value)) {
      let idxStr = '-';
      value.forEach(v => {
        const item = options.find(item => item.value === v);
        const name = item.label;
        if (name) {
          idxStr += ',' + name;
        }
      });
      __html = idxStr.replace('-,', '');
    }
  } else if (typeof value === 'number') {
    __html = String(value);
  } else if (typeof value === 'string') {
    __html = value;
  } else if (
    schema.type === 'range' &&
    Array.isArray(value) &&
    value[0] &&
    value[1]
  ) {
    __html = `${value[0]} - ${value[1]}`;
  } else if (value && ['number', 'string'].indexOf(typeof value) === -1) {
    __html = JSON.stringify(value);
  }

  if (schema.format === 'image') {
    return (
      <Image
        height={56}
        src={value}
        {...schema.imageProps}
      />
    );
  }
  return <div dangerouslySetInnerHTML={{ __html }} />;
}