@formio/js 5.0.0-rc.43 → 5.0.0-rc.45

package/package.json

@@ -1,16 +1,14 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-rc.43",
+  "version": "5.0.0-rc.45",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {
     ".": {
-      "types": "index.d.ts",
       "import": "./lib/cjs/index.js",
       "require": "./lib/cjs/index.js"
     },
     "./sdk": {
-      "types": "./types/Formio.d.ts",
       "import": "./lib/cjs/Formio.js",
       "require": "./lib/cjs/Formio.js"
     },
@@ -23,21 +21,14 @@
       "require": "./lib/cjs/formio.form.js"
     },
     "./embed": {
-      "types": "./types/Embed.d.ts",
       "import": "./lib/cjs/Embed.js",
       "require": "./lib/cjs/Embed.js"
     },
     "./dist/*": "./dist/*"
   },
-  "types": "index.d.ts",
   "files": [
     "dist",
-    "lib",
-    "types",
-    "index.d.ts",
-    "embed.d.ts",
-    "sdk.d.ts",
-    "utils.d.ts"
+    "lib"
   ],
   "pre-commit": [
     "lint"
@@ -84,9 +75,9 @@
   },
   "homepage": "https://github.com/formio/formio.js#readme",
   "dependencies": {
-    "@formio/bootstrap": "^3.0.0-rc.22",
+    "@formio/bootstrap": "^3.0.0-rc.24",
     "@formio/choices.js": "^10.2.1",
-    "@formio/core": "^2.1.0-dev.tt.2",
+    "@formio/core": "^2.1.0-dev.tt.3",
     "@formio/text-mask-addons": "^3.8.0-formio.2",
     "@formio/vanilla-text-mask": "^5.1.1-formio.1",
     "abortcontroller-polyfill": "^1.7.5",
@@ -114,7 +105,7 @@
     "lodash": "^4.17.21",
     "moment": "^2.29.4",
     "moment-timezone": "^0.5.44",
-    "quill": "^2.0.0-rc.4",
+    "quill": "^2.0.0",
     "signature_pad": "^4.2.0",
     "string-hash": "^1.1.3",
     "tippy.js": "^6.3.7",
@@ -122,9 +113,9 @@
     "vanilla-picker": "^2.12.3"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^7.6.0",
-    "@typescript-eslint/parser": "^7.6.0",
-    "ace-builds": "1.33.0",
+    "@typescript-eslint/eslint-plugin": "^7.7.1",
+    "@typescript-eslint/parser": "^7.7.1",
+    "ace-builds": "1.33.1",
     "async-limiter": "^2.0.0",
     "bootstrap-icons": "^1.10.5",
     "bootswatch": "^5.3.3",
@@ -176,6 +167,7 @@
     "string-replace-loader": "^3.1.0",
     "ts-loader": "^9.4.4",
     "ts-node": "^10.9.1",
+    "tsc": "^2.0.4",
     "typescript": "5.3.2",
     "webpack": "^5.90.3",
     "webpack-bundle-analyzer": "^4.10.2",

package/embed.d.ts

@@ -1 +0,0 @@
-export * from './types/Embed';

package/index.d.ts

@@ -1 +0,0 @@
-export * from './types';

package/sdk.d.ts

@@ -1 +0,0 @@
-export * from './types/formio';

package/types/Embed.d.ts

@@ -1,13 +0,0 @@
-export declare class Formio {
-    static config: any;
-    static icons: string;
-    static setBaseUrl(url: string): void;
-    static setApiUrl(url: string): void;
-    static setAppUrl(url: string): void;
-    static setProjectUrl(url: string): void;
-    static clearCache(): void;
-    static setPathType(type: string): void;
-    static createForm(element: HTMLElement, form: any, options: any): any;
-    static builder(element: HTMLElement, form: any, options: any): any;
-    static use(module: any): void;
-}

package/types/Plugins.d.ts

@@ -1,95 +0,0 @@
-/**
- * The plugin initialization function, which will receive the Formio interface as its first argument.
- */
-export interface PluginInitFunction {
-    /**
-     * @param Formio - The Formio interface class.
-     */
-    (Formio: any): void;
-}
-/**
- * Function that is called when the plugin is deregistered.
- */
-export interface PluginDeregisterFunction {
-    /**
-     * @param Formio The Formio interface class.
-     */
-    (Formio: any): void;
-}
-/**
- * A Formio Plugin interface.
- */
-export interface Plugin {
-    /**
-     * The name of the plugin.
-     */
-    __name: string;
-    /**
-     * The priority of this plugin.
-     */
-    priority: number;
-    /**
-     * An initialization function called when registered with Formio.
-     */
-    init: PluginInitFunction;
-    /**
-     * Called when the plugin is deregistered.
-     */
-    deregister: PluginDeregisterFunction;
-}
-/**
- * The Form.io Plugins allow external systems to "hook" into the default behaviors of the JavaScript SDK.
- */
-export default class Plugins {
-    /**
-     * An array of Form.io Plugins.
-     */
-    static plugins: Array<Plugin>;
-    /**
-     * The Formio class.
-     */
-    static Formio: any;
-    /**
-     * Returns the plugin identity.
-     *
-     * @param value
-     */
-    static identity(value: string): string;
-    /**
-     * De-registers a plugin.
-     * @param plugin The plugin you wish to deregister.
-     */
-    static deregisterPlugin(plugin: (Plugin | string)): boolean;
-    /**
-     * Registers a new plugin.
-     *
-     * @param plugin The Plugin object.
-     * @param name The name of the plugin you wish to register.
-     */
-    static registerPlugin(plugin: Plugin, name: string): void;
-    /**
-     * Returns a plugin provided the name of the plugin.
-     * @param name The name of the plugin you would like to get.
-     */
-    static getPlugin(name: string): Plugin | null;
-    /**
-     * Wait for a plugin function to complete.
-     * @param pluginFn - A function within the plugin.
-     * @param args
-     */
-    static pluginWait(pluginFn: any, ...args: any[]): Promise<any[]>;
-    /**
-     * Gets a value from a Plugin
-     * @param pluginFn
-     * @param args
-     */
-    static pluginGet(pluginFn: any, ...args: any[]): any;
-    /**
-     * Allows a Plugin to alter the behavior of the JavaScript library.
-     *
-     * @param pluginFn
-     * @param value
-     * @param args
-     */
-    static pluginAlter(pluginFn: any, value: any, ...args: any[]): any;
-}

package/types/builders.d.ts

@@ -1,7 +0,0 @@
-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

@@ -1,175 +0,0 @@
-import { Element } from '../../../element';
-import { ValidateOptions } from '../../../formio';
-import { ComponentSchema, ElementInfo, ExtendedComponentSchema } 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

@@ -1,31 +0,0 @@
-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

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

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

@@ -1,30 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,61 +0,0 @@
-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

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

package/types/components/components.d.ts

@@ -1,69 +0,0 @@
-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>;
-  }
-}