Method getItems

lib/components.js:715–778

()

  }

  getItems() {
    const { options, ctx } = this.props;
    const auto = this.getAuto();
    const i18n = this.getI18n();
    const config = this.getConfig();
    const stylesheet = this.getStylesheet();
    const templates = this.getTemplates();
    const value = this.state.value;
    return value.map((itemValue, i) => {
      const type = this.typeInfo.innerType.meta.type;
      const itemType = getTypeFromUnion(type, itemValue);
      const itemOptions = getComponentOptions(
        options.item,
        noobj,
        itemValue,
        type
      );
      const ItemComponent = getFormComponent(itemType, itemOptions);
      const buttons = [];
      if (!options.disableRemove) {
        buttons.push({
          type: "remove",
          label: i18n.remove,
          click: this.removeItem.bind(this, i)
        });
      }
      if (!options.disableOrder) {
        buttons.push(
          {
            type: "move-up",
            label: i18n.up,
            click: this.moveUpItem.bind(this, i)
          },
          {
            type: "move-down",
            label: i18n.down,
            click: this.moveDownItem.bind(this, i)
          }
        );
      }
      return {
        input: React.createElement(ItemComponent, {
          ref: i,
          type: itemType,
          options: itemOptions,
          value: itemValue,
          onChange: this.onItemChange.bind(this, i),
          ctx: {
            context: ctx.context,
            uidGenerator: ctx.uidGenerator,
            auto,
            config,
            label: ctx.label ? `${ctx.label}[${i + 1}]` : String(i + 1),
            i18n,
            stylesheet,
            templates,
            path: ctx.path.concat(i)
          }