@formio/js 5.0.0-rc.5

package/package.json

@@ -0,0 +1,178 @@
+{
+  "name": "@formio/js",
+  "version": "5.0.0-rc.5",
+  "description": "JavaScript powered Forms with JSON Form Builder",
+  "main": "lib/cjs/index.js",
+  "module": "lib/mjs/index.js",
+  "exports": {
+    ".": {
+      "import": "./lib/mjs/index.js",
+      "require": "./lib/cjs/index.js"
+    },
+    "./utils": {
+      "import": "./lib/mjs/utils/index.js",
+      "require": "./lib/cjs/utils/index.js"
+    },
+    "./form": {
+      "import": "./lib/mjs/formio.form.js",
+      "require": "./lib/cjs/formio.form.js"
+    },
+    "./embed": {
+      "import": "./lib/mjs/formio.embed.js",
+      "require": "./lib/cjs/formio.embed.js"
+    }
+  },
+  "types": "index.d.ts",
+  "files": [
+    "dist",
+    "lib",
+    "types",
+    "index.d.ts"
+  ],
+  "pre-commit": [
+    "lint"
+  ],
+  "scripts": {
+    "build": "npm run lib && npm run dist",
+    "dist": "gulp clean:dist && webpack --config webpack.config.js && webpack --config webpack.prod.js && gulp build",
+    "lib": "gulp clean:lib && tsc --project tsconfig.cjs.json && tsc --project tsconfig.mjs.json && npm run lib:package",
+    "lib:package": "node ./libpackage.js",
+    "version": "node -e 'process.stdout.write(require(`./package.json`).version)'",
+    "build-app": "npm run build-app:create-app && npm run build-app:jekyll && npm run build-app:remove-app",
+    "build-app:create-app": "node -e 'var fs=require(`fs`);fs.writeFileSync(`./_config.app.yml`, `baseurl: /` + require(`./package.json`).version + `/`);'",
+    "build-app:remove-app": "rm ./_config.app.yml",
+    "build-app:jekyll": "jekyll build --config _config.yml,_config.app.yml",
+    "deploy-s3": "$(node -e 'process.stdout.write(`aws s3 cp _site s3://formiojs.test-form.io/` + require(`./package.json`).version + `/ --recursive`)')",
+    "invalidate": "VERSION=$(npm run version);aws cloudfront create-invalidation --distribution-id E1MXNA5A4ZKRMZ --paths \"/$VERSION/*\"",
+    "release": "npm run build-app && npm run deploy-s3",
+    "tag": "VERSION=$(npm run version);git add -A; git commit -m \"Build $Version\";git push origin master;git tag v$VERSION;git push origin --tags;",
+    "dopublish": "npm test;gulp build;npm run tag;npm publish lib --tag=rc;",
+    "lint": "gulp eslint",
+    "serve": "jekyll serve --config _config.yml,_config.dev.yml",
+    "test": "npm run test:unit",
+    "test:unit": "npm run lib && mocha --require ts-node/register 'src/**/*.unit.js'",
+    "test:updateRenders": "npm run lib && TZ=UTC node --require jsdom-global/register test/updateRenders.js",
+    "test:e2e": "NODE_OPTIONS=\"--max-old-space-size=4096\" karma start --verbose --single-run"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/formio/formio.js.git"
+  },
+  "contributors": [
+    {
+      "name": "Form.io Open Source Community",
+      "url": "https://github.com/formio/formio.js/graphs/contributors"
+    }
+  ],
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/formio/formio.js/issues"
+  },
+  "browser": {
+    "vm": false
+  },
+  "homepage": "https://github.com/formio/formio.js#readme",
+  "dependencies": {
+    "@formio/bootstrap": "3.0.0-rc.3",
+    "@formio/choices.js": "^10.2.0",
+    "@formio/core": "1.3.0-rc.10",
+    "@formio/text-mask-addons": "^3.8.0-formio.2",
+    "@formio/vanilla-text-mask": "^5.1.1-formio.1",
+    "autocompleter": "^8.0.3",
+    "bootstrap": "^5.3.0",
+    "browser-cookies": "^1.2.0",
+    "browser-md5-file": "^1.1.1",
+    "compare-versions": "^6.0.0-rc.1",
+    "core-js": "^3.30.2",
+    "custom-event-polyfill": "^1.0.7",
+    "dialog-polyfill": "^0.5.6",
+    "dom-autoscroller": "^2.3.4",
+    "dompurify": "^3.0.3",
+    "downloadjs": "^1.4.7",
+    "dragula": "^3.7.3",
+    "eventemitter3": "^5.0.1",
+    "fast-deep-equal": "^3.1.3",
+    "fast-json-patch": "^3.1.1",
+    "fetch-ponyfill": "^7.1.0",
+    "i18next": "22.4.12",
+    "idb": "^7.1.1",
+    "ismobilejs": "^1.1.1",
+    "json-logic-js": "^2.0.2",
+    "jstimezonedetect": "^1.0.7",
+    "jwt-decode": "^3.1.2",
+    "lodash": "^4.17.21",
+    "moment": "^2.29.4",
+    "moment-timezone": "^0.5.43",
+    "native-promise-only": "^0.8.1",
+    "quill": "^2.0.0-dev.3",
+    "resize-observer-polyfill": "^1.5.1",
+    "signature_pad": "^4.1.4",
+    "string-hash": "^1.1.3",
+    "tippy.js": "^6.3.7",
+    "uuid": "^9.0.0",
+    "vanilla-picker": "^2.12.1"
+  },
+  "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^5.59.8",
+    "@typescript-eslint/parser": "^5.59.8",
+    "async-limiter": "^2.0.0",
+    "bootstrap-icons": "^1.10.5",
+    "bootswatch": "^5.3.0",
+    "browser-env": "^3.3.0",
+    "chai": "^4.3.7",
+    "chance": "^1.1.9",
+    "ejs-loader": "^0.5.0",
+    "escape-string-regexp": "^5.0.0",
+    "esdoc": "^1.1.0",
+    "esdoc-ecmascript-proposal-plugin": "^1.0.0",
+    "esdoc-standard-plugin": "^1.0.0",
+    "eslint": "^8.42.0",
+    "eslint-config-formio": "^1.1.4",
+    "fetch-mock": "^9.11.0",
+    "file-loader": "^6.2.0",
+    "flatpickr": "^4.6.13",
+    "font-awesome": "^4.7.0",
+    "gulp": "^4.0.2",
+    "gulp-clean": "^0.4.0",
+    "gulp-clean-css": "^4.3.0",
+    "gulp-concat": "^2.6.1",
+    "gulp-eslint": "^6.0.0",
+    "gulp-filter": "^7.0.0",
+    "gulp-rename": "^2.0.0",
+    "gulp-replace": "^1.1.3",
+    "gulp-sass": "^5.1.0",
+    "gulp-sync": "^0.1.4",
+    "gulp-watch": "^5.0.1",
+    "hoek": "^6.1.3",
+    "jquery": "^3.7.0",
+    "jsdom": "^22.1.0",
+    "jsdom-global": "^3.0.2",
+    "karma": "^6.4.2",
+    "karma-chrome-launcher": "^3.2.0",
+    "karma-mocha": "^2.0.1",
+    "karma-mocha-reporter": "^2.2.5",
+    "karma-phantomjs-launcher": "^1.0.4",
+    "karma-webpack": "^5.0.0",
+    "mocha": "^10.2.0",
+    "mock-local-storage": "^1.1.24",
+    "natives": "^1.1.6",
+    "power-assert": "^1.6.1",
+    "pre-commit": "^1.2.2",
+    "pretty": "^2.0.0",
+    "pygments-css": "^1.0.0",
+    "raw-loader": "^4.0.2",
+    "sass": "^1.62.1",
+    "shortcut-buttons-flatpickr": "^0.4.0",
+    "sinon": "^15.1.0",
+    "string-replace-loader": "^3.1.0",
+    "ts-loader": "^9.4.3",
+    "ts-node": "^10.9.1",
+    "typescript": "~5.0.4",
+    "webpack": "^5.85.0",
+    "webpack-bundle-analyzer": "^4.9.0",
+    "webpack-cli": "^5.1.1",
+    "webpack-node-externals": "^3.0.0",
+    "webpack-stream": "^7.0.0",
+    "written-number": "^0.11.1"
+  }
+}

package/types/builders.d.ts

@@ -0,0 +1,7 @@
+export class Builders {
+  static readonly builders: any;
+  static addBuilder(name: string, builder: any): void;
+  static addBuilders(builders: any): void;
+  static getBuilder(name: string): any;
+  static getBuilder(): any;
+}

package/types/components/_classes/component/component.d.ts

@@ -0,0 +1,174 @@
+import { Element } from '../../../element';
+import { ComponentSchema, ElementInfo, ExtendedComponentSchema, ValidateOptions } from './../../schema.d';
+
+export class Component extends Element {
+  static schema(sources: ExtendedComponentSchema): ExtendedComponentSchema;
+  static tableView(value: any, options: any): void;
+  constructor(component: any, options: Object, data: Object);
+  public originalComponent: any | Component;
+  public refs: Object;
+  public attached: boolean;
+  public rendered: boolean;
+  public data: Object;
+  public component: any;
+  public error: string;
+  public tooltip: string;
+  public row: any;
+  public pristine: boolean;
+  public parent: any;
+  public root: any;
+  public lastChanged: any;
+  public triggerRedraw: Function;
+  public tooltips: any[];
+  public invalid: boolean;
+  public isBuilt: boolean;
+  readonly ready: any;
+  readonly labelInfo: any;
+  init(): void;
+  destroy(): void;
+  readonly shouldDisabled: any | boolean;
+  readonly isInputComponent: boolean;
+  readonly defaultSchema: ComponentSchema;
+  readonly hasInput: boolean;
+  readonly key: any;
+  public parentVisible: any | boolean;
+  public parentDisabled: any | boolean;
+  public visible: any | boolean;
+  public currentForm: any;
+  readonly fullMode: boolean;
+  readonly builderMode: boolean;
+  getModifiedSchema(
+    schema: ExtendedComponentSchema,
+    defaultSchema: ComponentSchema,
+    recursion: boolean,
+  ): ExtendedComponentSchema;
+  readonly schema: ExtendedComponentSchema;
+  t(text: string, params?: Object): any;
+  labelIsHidden(): boolean;
+  readonly transform: any;
+  getTemplate(names: any, modes: any): any;
+  checkTemplate(templates: any, names: any, modes: any): any;
+  checkTemplateMode(templatesByName: any, modes: any): any;
+  renderTemplate(name: any, data: any, modeOption?: any[]): any;
+  sanitize(dirty: string): any;
+  renderString(template: any, data: any): HTMLElement;
+  performInputMapping(input: any): any;
+  getBrowserLanguage(): string | null;
+  beforeNext(): any;
+  beforePage(): any;
+  beforeSubmit(): any;
+  readonly submissionTimezone: string | any;
+  readonly canDisable: boolean;
+  loadRefs(element: any, refs: any): any;
+  build(element: any): any;
+  render(children: any, topLevel?: boolean): any;
+  attach(element: any): any;
+  addShortcut(element: any, shortcut: any): void;
+  removeShortcut(element: any, shortcut: any): void;
+  detach(): void;
+  attachRefreshEvent(refreshData: any): void;
+  attachRefreshOn(): void;
+  refresh(value: any): void;
+  inContext(component: any): boolean;
+  readonly viewOnly: boolean | any;
+  createViewOnlyElement(): HTMLElement;
+  readonly defaultViewOnlyValue: '-';
+  getValueAsString(value: any): string;
+  getView(value: any): string;
+  updateItems(...args: any[]): void;
+  createModal(): HTMLElement;
+  readonly className: string;
+  readonly customStyle: string;
+  getElement(): HTMLElement;
+  evalContext(additional: any): any;
+  setPristine(pristine: boolean): void;
+  removeValue(index: number): void;
+  iconClass(name: any, spinning: any): any;
+  readonly name: string;
+  readonly errorLabel: string;
+  errorMessage(type: any): any;
+  setContent(element: any, content: any): boolean;
+  redraw(): any;
+  rebuild(): any;
+  removeEventListeners(): void;
+  hasClass(element: any, className: string): any;
+  addClass(element: any, className: string): any;
+  removeClass(element: any, className: string): any;
+  hasCondition(): boolean;
+  conditionallyVisible(data: any): boolean;
+  checkCondition(row: any, data: Object): boolean;
+  checkConditions(data: any): any;
+  readonly logic: any[];
+  fieldLogic(data: any): any;
+  applyActions(actions: any[], result: any, data: any, newComponent: any): boolean;
+  addInputError(message: any, dirty: boolean): void;
+  clearOnHide(show: boolean): void;
+  onChange(flags: Object, fromRoot: boolean): void;
+  readonly wysiwygDefault: {
+    theme: string;
+    placeholder: any | string;
+    modules: {
+      clipboard: {
+        matchVisual: boolean;
+      };
+      toolbar: any[];
+    };
+  };
+  addCKE(element: HTMLElement | any, settings: Object, onChange: (input: any) => any): any;
+  addQuill(element: HTMLElement | any, settings: Object, onChange: (input: any) => any): any;
+  addAce(element: HTMLElement | any, settings: Object, onChange: (input: any) => any): any;
+  readonly emptyValue: null;
+  hasValue(data: Object): boolean;
+  readonly rootValue: any;
+  readonly rootPristine: any;
+  public dataValue: any;
+  splice(index: number | string): void;
+  deleteValue(): void;
+  readonly defaultValue: any;
+  getValue(): any;
+  getValueAt(index: number): any;
+  setValue(value: any, flags: any): boolean;
+  setValueAt(index: number, value: any, flags: any): void;
+  readonly hasSetValue: boolean;
+  restoreValue(): void;
+  normalizeValue(value: any): any;
+  getIcon(name: any | string, content: any, styles: any, ref?: string): any | HTMLElement;
+  resetValue(): void;
+  hasChanged(before: any, after: any): boolean;
+  updateOnChange(flags: any, changed: boolean | any): boolean;
+  calculateValue(data: Object, flags: any): boolean;
+  public label: any | string;
+  getRoot(): Component;
+  invalidMessage(data: any, dirty: boolean, ignoreCondition?: boolean): any;
+  isValid(data: any, dirty: boolean): boolean;
+  checkValidity(data: any, dirty: any | boolean, rowData: any): boolean;
+  readonly validationValue: any;
+  isEmpty(value: any): boolean;
+  validateMultiple(): boolean;
+  readonly errors: any[];
+  setCustomValidity(message: any, dirty: any): void;
+  shouldSkipValidation(data: any, dirty: any, rowData: any): boolean;
+  whenReady(): any | Promise<any>;
+  readonly dataReady: any | Promise<any>;
+  asString(value: any): string;
+  public disabled: boolean;
+  setDisabled(element: any, disabled: any | boolean): void;
+  setLoading(element: any, loading: any | boolean): void;
+  selectOptions(select: any, tag: any, options: any, defaultValue: any): void;
+  setSelectValue(select: any, value: any): void;
+  clear(): any;
+  append(element: HTMLElement): void;
+  prepend(element: HTMLElement): void;
+  removeChild(element: HTMLElement): void;
+  attachLogic(): void;
+  elementInfo(): ElementInfo;
+  autofocus(): void;
+  focus(): void;
+  readonly shouldDisable: boolean;
+  readonly info: ElementInfo;
+  public element: any;
+  public validators: (keyof ValidateOptions)[];
+  public calculatedValue: any;
+  public options: any;
+  public labelElement: any;
+}

package/types/components/_classes/componentmodal/componentmodal.d.ts

@@ -0,0 +1,31 @@
+import { Component } from '../component/component';
+
+export class ComponentModal {
+  constructor(component: Component | any, element: any, isOpened: boolean, currentValue: any);
+  public isOpened: boolean;
+  public component: Component | any;
+  public element: any;
+  public currentValue: any;
+  public dataLoaded: boolean;
+  static render(component: Component | any, data: any, topLevel: boolean): any;
+  readonly refs: any;
+  init(): void;
+  setValue(value: any): any;
+  setOpenModalElement(template: string): void;
+  readonly templateRefs: any;
+  loadRefs(): void;
+  removeEventListeners(): void;
+  setEventListeners(): void;
+  isValueChanged(): boolean;
+  setOpenEventListener(): void;
+  openModalHandler(event: Event): void;
+  positionOverElement(): void;
+  openModal(): void;
+  updateView(): void;
+  closeModal(): void;
+  closeModalHandler(event: Event): void;
+  showDialog(): void;
+  closeDialog(event: Event): void;
+  saveDialog(event: Event): void;
+  saveModalValueHandler(event: Event): void;
+}

package/types/components/_classes/field/field.d.ts

@@ -0,0 +1,5 @@
+import { Component } from '../component/component';
+
+export class Field extends Component {
+  render(element: any): any;
+}

package/types/components/_classes/input/input.d.ts

@@ -0,0 +1,30 @@
+import { Component } from '../component/component';
+import { Multivalue } from '../multivalue/multivalue';
+import { Element } from './../../../element.d';
+
+export class Input extends Multivalue {
+  constructor(component: Component | any, options: Object, data: any);
+  readonly inputInfo: {
+    id: string | number;
+    type: string;
+    changeEvent: string;
+    content?: any;
+    attr: any;
+  };
+  readonly maskOptions: { label: any; value: any }[];
+  readonly isMultipleMasksField: boolean;
+  getMaskByName(maskName: string): any;
+  setInputMask(input: any, inputMask: any): any;
+  getMaskOptions(): { label: any; value: any }[];
+  readonly remainingWords: number;
+  renderElement(value: any, index: string | number): any;
+  setCounter(type: string, element: any | Element, count: number, max: number): void;
+  updateValueAt(value: any, flags: any, index: string | number): void;
+  getValueAt(index: string | number): any;
+  updateValue(value: any, flags: any, index: string | number): any;
+  attach(element: any): any;
+  attachElement(element: any | Element, index: string | number): void;
+  readonly widget: any;
+  createWidget(index: string | number): any;
+  addFocusBlurEvents(element: any | Element): void;
+}

package/types/components/_classes/multivalue/multivalue.d.ts

@@ -0,0 +1,16 @@
+import { Field } from '../field/field';
+
+export class Multivalue extends Field {
+  public dataValue: any;
+  readonly defaultValue: any;
+  readonly addAnother: any;
+  useWrapper(): boolean;
+  renderRow(value: any, index: any): any;
+  attach(dom: any): any;
+  attachElement(element: any, index: number | string): any;
+  onSelectMaskHandler(event: any): void;
+  tryAttachMultipleMasksInput(): boolean;
+  updateMask(input: any, mask: any): void;
+  addNewValue(value: any): void;
+  addValue(): void;
+}

package/types/components/_classes/nested/nestedComponent.d.ts

@@ -0,0 +1,61 @@
+import { Field } from '../field/field';
+import { Component } from './../component/component.d';
+
+export class NestedComponent extends Field {
+  constructor(component: any | Component, options: Object, data: any);
+  readonly defaultSchema: any;
+  readonly schema: any;
+  public collapsed: any | boolean;
+  public visible: any | boolean;
+  public parentVisible: boolean;
+  public disabled: boolean;
+  public parentDisabled: any | boolean;
+  readonly ready: any;
+  public currentForm: any;
+  public data: any;
+  getComponents(): any[] | Component[];
+  getAllComponents(): any[] | Component[];
+  everyComponent(fn: Function): void;
+  flattenComponents(): Object;
+  eachComponent(fn: Function): void;
+  getComponent(path: string, fn: Function): Object;
+  getComponentById(id: string, fn: Function): Object;
+  createComponent(component: any | Component, options: Object, data: any, before: any): any | Object;
+  getContainer(): any;
+  readonly componentComponents: any[];
+  readonly nestedKey: string;
+  readonly templateName: string;
+  init(): void;
+  addComponents(data: any, options: Object): void;
+  addComponent(component: any, data: Object, before: HTMLElement, noAdd?: any): Component;
+  render(children: any): any;
+  renderComponents(components: any): any;
+  attach(element: any): any;
+  attachComponents(element: any, components: any | Component[], container: any): any;
+  removeComponent(component: Component, components: Component[]): any;
+  removeComponentByKey(key: string, fn: Function): null;
+  removeComponentById(id: string, fn: Function): null;
+  updateValue(value: any, flags: any, source: any): any;
+  hasChanged(): boolean;
+  checkData(data: any, flags: any, source: any): boolean;
+  checkModal(isValid: boolean, dirty: boolean): void;
+  checkConditions(data: any, norecurse?: any): any;
+  clearOnHide(show: boolean): void;
+  restoreComponentsContext(): void;
+  beforePage(next?: any): any;
+  beforeSubmit(): any;
+  calculateValue(data: any, flags: any): any;
+  isLastPage(): boolean;
+  isValid(data: any, dirty: any): boolean;
+  checkValidity(data: any, dirty: any): any | boolean;
+  setPristine(pristine: any): void;
+  detach(): void;
+  destroy(): void;
+  destroyComponents(): void;
+  readonly errors: any[];
+  getValue(): any;
+  resetValue(): void;
+  readonly dataReady: any;
+  setNestedValue(component: any | Component, value: any, flags: any | Object, changed: boolean): any;
+  setValue(value: any, flags: any | Object): boolean;
+}

package/types/components/_classes/widgetcomponent/widgetComponent.d.ts

@@ -0,0 +1,6 @@
+import { Input } from '../input/input';
+
+export class WidgetComponent extends Input {
+  readonly widgetLocale: any;
+  readonly widgetData: any;
+}

package/types/components/components.d.ts

@@ -0,0 +1,69 @@
+import { ExtendedComponentSchema } from './schema';
+import { Component } from './_classes/component/component';
+import { ComponentModal } from './_classes/componentmodal/componentmodal';
+import { Field } from './_classes/field/field';
+import { Input } from './_classes/input/input';
+import { Multivalue } from './_classes/multivalue/multivalue';
+import { NestedComponent } from './_classes/nested/nestedComponent';
+import { WidgetComponent } from './_classes/widgetcomponent/widgetComponent';
+
+type ClassWithEditForm<C> = C & { editForm: () => { components: ExtendedComponentSchema[] } };
+
+export namespace Components {
+  function setComponents(comps: Object): void;
+  function setComponent(name: string, comp: Object): void;
+  function addComponent(name: string, comp: Object): void;
+  function create(component: any, options: Object, data?: any, flag?: any): Object;
+  let baseEditForm: any;
+  let EditFormUtils: any;
+  namespace components {
+    class base extends Component {}
+    class componentmodal extends ComponentModal {}
+    class input extends Input {}
+    class nested extends NestedComponent {}
+    class multivalue extends Multivalue {}
+    class field extends Field {}
+
+    const address: ClassWithEditForm<typeof WidgetComponent>;
+    const button: ClassWithEditForm<typeof Field>;
+    const checkbox: ClassWithEditForm<typeof Field>;
+    const columns: ClassWithEditForm<typeof NestedComponent>;
+    const container: ClassWithEditForm<typeof NestedComponent>;
+    const content: ClassWithEditForm<typeof Component>;
+    const currency: ClassWithEditForm<typeof Input>;
+    const datagrid: ClassWithEditForm<typeof NestedComponent>;
+    const datamap: ClassWithEditForm<typeof NestedComponent>;
+    const datetime: ClassWithEditForm<typeof WidgetComponent>;
+    const day: ClassWithEditForm<typeof Field>;
+    const editgrid: ClassWithEditForm<typeof NestedComponent>;
+    const email: ClassWithEditForm<typeof WidgetComponent>;
+    const fieldset: ClassWithEditForm<typeof NestedComponent>;
+    const file: ClassWithEditForm<typeof Field>;
+    const form: ClassWithEditForm<typeof Component>;
+    const hidden: ClassWithEditForm<typeof Input>;
+    const htmlelement: ClassWithEditForm<typeof Component>;
+    const number: ClassWithEditForm<typeof Input>;
+    const panel: ClassWithEditForm<typeof NestedComponent>;
+    const password: ClassWithEditForm<typeof WidgetComponent>;
+    const phoneNumber: ClassWithEditForm<typeof WidgetComponent>;
+    const radio: ClassWithEditForm<typeof Field>;
+    const recaptcha: ClassWithEditForm<typeof Component>;
+    const resource: ClassWithEditForm<typeof Field>;
+    const select: ClassWithEditForm<typeof Field>;
+    const selectboxes: ClassWithEditForm<typeof Field>;
+    const signature: ClassWithEditForm<typeof Input>;
+    const sketchpad: ClassWithEditForm<typeof Field>;
+    const survey: ClassWithEditForm<typeof Field>;
+    const table: ClassWithEditForm<typeof NestedComponent>;
+    const tabs: ClassWithEditForm<typeof NestedComponent>;
+    const tagpad: ClassWithEditForm<typeof NestedComponent>;
+    const tags: ClassWithEditForm<typeof Input>;
+    const textarea: ClassWithEditForm<typeof WidgetComponent>;
+    const textfield: ClassWithEditForm<typeof WidgetComponent>;
+    const time: ClassWithEditForm<typeof WidgetComponent>;
+    const tree: ClassWithEditForm<typeof NestedComponent>;
+    const unknown: ClassWithEditForm<typeof Component>;
+    const url: ClassWithEditForm<typeof WidgetComponent>;
+    const well: ClassWithEditForm<typeof NestedComponent>;
+  }
+}