jsketcher/web/app/cad/mdf/ui/SelectionWidget.tsx

import React from "react";

import Entity from "cad/craft/wizard/components/form/EntityList";
import {SchemaField} from "cad/craft/schema/schema";
import {FieldBasicProps, fieldToSchemaGeneric} from "cad/mdf/ui/field";
import {EntityKind} from "cad/model/entities";
import {ArrayTypeSchema} from "cad/craft/schema/types/arrayType";
import {Types} from "cad/craft/schema/types";
import {EntityCapture, entityKindCapture} from "cad/craft/schema/types/entityType";


export interface SelectionWidgetProps extends FieldBasicProps {

  type: 'selection';

  multi?: boolean;

  capture: EntityKind[] | EntityCapture;

  min?: number;

  max?: number;

  markColor?: string | number
}

export function SelectionWidget(props: SelectionWidgetProps) {
  return <Entity name={props.name} label={props.label} />;
}

SelectionWidget.propsToSchema = (props: SelectionWidgetProps) => {

  let value = {
    type: Types.entity,
    entityCapture: Array.isArray(props.capture) ? entityKindCapture(...props.capture) : props.capture,
    markColor: props.markColor
  } as SchemaField;

  if (props.multi) {
    const items = value;
    value = {
      type: Types.array,
      min: props.min,
      max: props.max,
      items,
      ...fieldToSchemaGeneric(props)
    } as ArrayTypeSchema;
  } else {
    Object.assign(value, fieldToSchemaGeneric(props))
  }
  return value;
};