@open-formulieren/formio-builder/dist/components/designer/ComponentsList/constants.js

An opinionated Formio webform builder for Open Forms

import { defineMessages as e } from "react-intl";
const l = e({
  basic: {
    id: "4tUcbs",
    defaultMessage: [{
      type: 0,
      value: "Form fields"
    }]
  },
  layout: {
    id: "f9CqUS",
    defaultMessage: [{
      type: 0,
      value: "Layout"
    }]
  },
  special: {
    id: "mgtQm3",
    defaultMessage: [{
      type: 0,
      value: "Special fields"
    }]
  },
  preset: {
    id: "nKLmfd",
    defaultMessage: [{
      type: 0,
      value: "Preset"
    }]
  }
}), t = [{
  name: "basic",
  components: ["textfield", "textarea", "checkbox", "selectboxes", "select", "radio", "number", "currency", "email", "date", "datetime", "time", "phoneNumber", "postcode", "file"]
}, {
  name: "special",
  components: ["iban", "licenseplate", "bsn", "npFamilyMembers", "signature", "cosign", "coSign", "map", "editgrid", "addressNL", "partners", "children", "customerProfile"]
}, {
  name: "layout",
  components: ["content", "fieldset", "columns", "softRequiredErrors"]
}], s = [{
  label: "Volledige naam",
  key: "fullName",
  icon: "terminal",
  schema: {
    label: "Volledige naam",
    autocomplete: "name",
    type: "textfield",
    id: "fullName",
    key: "fullName"
  }
}, {
  label: "Voornaam",
  key: "firstName",
  icon: "terminal",
  schema: {
    label: "Voornaam",
    autocomplete: "given-name",
    type: "textfield",
    key: "firstName",
    id: "firstName"
  }
}, {
  label: "Achternaam",
  key: "lastName",
  icon: "terminal",
  schema: {
    label: "Achternaam",
    autocomplete: "family-name",
    type: "textfield",
    key: "lastName",
    id: "lastName"
  }
}, {
  label: "Adresregel 1",
  key: "addressLine1",
  icon: "home",
  schema: {
    label: "Adresregel 1",
    autocomplete: "address-line1",
    type: "textfield",
    key: "addressLine1",
    id: "addressLine1"
  }
}, {
  label: "Adresregel 2",
  key: "addressLine2",
  icon: "home",
  schema: {
    label: "Adresregel 2",
    autocomplete: "address-line2",
    type: "textfield",
    key: "addressLine2",
    id: "addressLine2"
  }
}, {
  label: "Adresregel 3",
  key: "addressLine3",
  icon: "home",
  schema: {
    label: "Adresregel 3",
    autocomplete: "address-line3",
    type: "textfield",
    key: "addressLine3",
    id: "addressLine3"
  }
}, {
  label: "Postcode",
  key: "postalcode",
  icon: "home",
  schema: {
    label: "Postcode",
    type: "postcode",
    key: "postalcode",
    id: "postalcode",
    validate: {
      pattern: "^[1-9][0-9]{3} ?(?!sa|sd|ss|SA|SD|SS)[a-zA-Z]{2}$"
    }
  }
}, {
  label: "E-mailadres",
  key: "email",
  icon: "at",
  schema: {
    label: "E-mailadres",
    autocomplete: "email",
    key: "email",
    type: "email",
    id: "email"
  }
}, {
  label: "Telefoonnummer",
  key: "phoneNumber",
  icon: "phone-square",
  schema: {
    label: "Telefoonnummer",
    autocomplete: "tel",
    id: "phoneNumber",
    key: "phoneNumber",
    type: "phoneNumber"
  }
}, {
  label: "Website",
  key: "url",
  icon: "link",
  schema: {
    label: "Website",
    id: "url",
    autocomplete: "url",
    type: "textfield",
    key: "url"
  }
}];
export {
  t as FORM_DESIGNER_GROUPS,
  l as FORM_DESIGNER_GROUP_LABELS,
  s as FORM_DESIGNER_PRESETS
};