@sankhyalabs/ezui 2.11.0 → 2.12.0

package/dist/types/components/ez-form/ez-form.d.ts

@@ -1,6 +1,9 @@
+import { DUActionInterceptor, DataUnit, DataUnitAction } from "@sankhyalabs/core";
 import { EventEmitter } from "../../stencil-public-runtime";
-import { DataUnit, Record, DUActionInterceptor, DataUnitAction } from "@sankhyalabs/core";
+import { IFormConfig, IRecordValidator } from "./interfaces";
 import { Tab } from "../ez-tabselector/ez-tabselector";
+import { ITreeItem } from "../ez-tree/interfaces/ITreeItem";
+import { IFormViewField } from "../ez-form-view/interfaces";
 export declare class EzForm implements DUActionInterceptor {
   private _element;
   private _store;
@@ -20,9 +23,21 @@ export declare class EzForm implements DUActionInterceptor {
    */
   recordsValidator: IRecordValidator;
   /**
-  * Evento disparado quando o formulário está disponível na DOM.
-  */
+   * Evento disparado quando o formulário está disponível na DOM.
+   */
   ezReady: EventEmitter<void>;
+  /**
+   * Habilita o modo de organização com vários níveis.
+   */
+  multiLevel: boolean;
+  /**
+  * Define um resolvedor de nível no modo `multiLevel`.
+  */
+  levelResolver: (items: Array<ITreeItem>) => Array<ITreeItem>;
+  /**
+   * Define um construtor. Isso permite personalizar o conteúdo do formulário
+   */
+  contentBuilder: (selectedTab: string, fields: Array<IFormViewField>) => HTMLElement | string;
   /**
    * Realiza validação no conteúdo de todos os campos.
    */
@@ -30,7 +45,10 @@ export declare class EzForm implements DUActionInterceptor {
   observeConfig(): void;
   private validateRequired;
   private processValidationResult;
+  private resolveLevel;
+  private getMultiLevelContent;
   private getDynamicContent;
+  private buildFormContent;
   private processMetadata;
   private isStatic;
   private getFormattedValue;
@@ -42,43 +60,3 @@ export declare class EzForm implements DUActionInterceptor {
   buildIdTabSelector(tabs: Array<Tab>): Array<Tab>;
   render(): any;
 }
-export interface IFieldConfig {
-  name: string;
-  label?: string;
-  group?: string;
-  tab?: string | ITabConfig;
-  defaultValue?: IDefaultConfig;
-  visible?: boolean;
-  readOnly?: boolean;
-  required?: boolean;
-  cleanOnCopy?: boolean;
-}
-export interface IDefaultConfig {
-  type?: string;
-  value?: string;
-  formattedValue?: any;
-}
-export interface ITabConfig {
-  label: string;
-  visible?: boolean;
-  order?: number;
-}
-export interface IFormConfig {
-  tabs?: Array<ITabConfig>;
-  fields: Array<IFieldConfig>;
-  defaultConfiguration?: boolean;
-}
-export interface IRecordValidator {
-  validateRecord(form: EzForm, record: Record): IValidationResult;
-}
-export interface IValidationResult {
-  isValid: boolean;
-  invalidFields?: Array<IInvalidField>;
-  errorTitle?: string;
-  errorMessage?: string;
-  infoMessage?: string;
-}
-export interface IInvalidField {
-  name: string;
-  message: string;
-}

package/dist/types/components/ez-form/interfaces/IDefaultConfig.d.ts

@@ -0,0 +1,5 @@
+export interface IDefaultConfig {
+  type?: string;
+  value?: string;
+  formattedValue?: any;
+}

package/dist/types/components/ez-form/interfaces/IFieldConfig.d.ts

@@ -0,0 +1,13 @@
+import { IDefaultConfig } from "./IDefaultConfig";
+import { ITabConfig } from "./ITabConfig";
+export interface IFieldConfig {
+  name: string;
+  label?: string;
+  group?: string;
+  tab?: string | ITabConfig;
+  defaultValue?: IDefaultConfig;
+  visible?: boolean;
+  readOnly?: boolean;
+  required?: boolean;
+  cleanOnCopy?: boolean;
+}

package/dist/types/components/ez-form/interfaces/IFormConfig.d.ts

@@ -0,0 +1,7 @@
+import { IFieldConfig } from "./IFieldConfig";
+import { ITabConfig } from "./ITabConfig";
+export interface IFormConfig {
+  tabs?: Array<ITabConfig>;
+  fields: Array<IFieldConfig>;
+  defaultConfiguration?: boolean;
+}

package/dist/types/components/ez-form/interfaces/IFormSheetMetadata.d.ts

@@ -0,0 +1,9 @@
+import { IFormViewField } from "../../ez-form-view/interfaces/IFormViewField";
+export interface IFormSheetMetadata {
+  name: string;
+  label: string;
+  fields: Array<IFormViewField>;
+  requiredFields: Array<string>;
+  cleanOnCopyFields: Array<string>;
+  defaultValues: any;
+}

package/dist/types/components/ez-form/interfaces/IInvalidField.d.ts

@@ -0,0 +1,4 @@
+export interface IInvalidField {
+  name: string;
+  message: string;
+}

package/dist/types/components/ez-form/interfaces/IRecordValidator.d.ts

@@ -0,0 +1,6 @@
+import { Record } from "@sankhyalabs/core";
+import { EzForm } from "../ez-form";
+import { IValidationResult } from "./IValidationResult";
+export interface IRecordValidator {
+  validateRecord(form: EzForm, record: Record): IValidationResult;
+}

package/dist/types/components/ez-form/interfaces/ITabConfig.d.ts

@@ -0,0 +1,5 @@
+export interface ITabConfig {
+  label: string;
+  visible?: boolean;
+  order?: number;
+}

package/dist/types/components/ez-form/interfaces/IValidationResult.d.ts

@@ -0,0 +1,8 @@
+import { IInvalidField } from "./IInvalidField";
+export interface IValidationResult {
+  isValid: boolean;
+  invalidFields?: Array<IInvalidField>;
+  errorTitle?: string;
+  errorMessage?: string;
+  infoMessage?: string;
+}

package/dist/types/components/ez-form/interfaces/index.d.ts

@@ -0,0 +1,8 @@
+export { IDefaultConfig } from "./IDefaultConfig";
+export { IFieldConfig } from "./IFieldConfig";
+export { IFormConfig } from "./IFormConfig";
+export { IFormSheetMetadata } from "./IFormSheetMetadata";
+export { IInvalidField } from "./IInvalidField";
+export { IRecordValidator } from "./IRecordValidator";
+export { ITabConfig } from "./ITabConfig";
+export { IValidationResult } from "./IValidationResult";

package/dist/types/components/ez-form/store/form.slice.d.ts

@@ -1,14 +1,16 @@
-import { FormMetadata, FormSheetMetadata } from "../structure/FormSheetMetadata";
+import { FormMetadata } from "../FormMetadata";
 import { AnyAction } from "redux";
 import { Tab } from "../../ez-tabselector/ez-tabselector";
+import { IFormSheetMetadata } from "../interfaces";
 export declare function formReducer(state: FormState, action: AnyAction): any;
 export declare function loadMetadata(formMetadata: FormMetadata): AnyAction;
-export declare function changeTab(currentSheet: Tab): {
+export declare function changeTab(currentSheet: Tab | string): {
   type: FormActions;
   payload: string;
 };
 export declare function selectFormMetadata(state: FormState): FormMetadata;
-export declare function selectCurrentSheet(state: FormState): FormSheetMetadata;
+export declare function selectCurrentSheetId(state: FormState): string;
+export declare function selectCurrentSheet(state: FormState): IFormSheetMetadata;
 declare enum FormActions {
   METADATA_LOADED = "FORM/METADATA_LOADED",
   CHANGE_TAB = "FORM/CHANGE_TAB"

package/dist/types/components/ez-form-view/fieldbuilder/FieldBuilder.d.ts

@@ -0,0 +1,2 @@
+import { IFormViewField } from "../interfaces/IFormViewField";
+export declare const fieldBuilder: (field: IFormViewField) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/CheckBox.tpl.d.ts

@@ -0,0 +1,3 @@
+import { IFormViewField } from "../../interfaces/IFormViewField";
+export declare const buildSwitch: (field: IFormViewField) => HTMLElement;
+export declare const buildCheckBox: (field: IFormViewField) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/ComboBox.tpl.d.ts

@@ -0,0 +1,2 @@
+import { IFormViewField } from "../../interfaces/IFormViewField";
+export declare const buildComboBox: ({ name, label, readOnly, required, props }: IFormViewField) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/DateInput.tpl.d.ts

@@ -0,0 +1,4 @@
+import { IFormViewField } from "../../interfaces/IFormViewField";
+export declare const buildDate: ({ name, label, readOnly }: IFormViewField) => HTMLElement;
+export declare const buildTime: ({ name, label, readOnly }: IFormViewField) => HTMLElement;
+export declare const buildDateTime: ({ name, label, readOnly }: IFormViewField) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/FileInput.tpl.d.ts

@@ -0,0 +1,2 @@
+import { IFormViewField } from "../../interfaces/IFormViewField";
+export declare const buildFile: ({ name, label, readOnly }: IFormViewField) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/NumberInput.tpl.d.ts

@@ -0,0 +1,3 @@
+import { IFormViewField } from "../../interfaces/IFormViewField";
+export declare const buildDecimal: ({ name, label, readOnly, props }: IFormViewField) => HTMLElement;
+export declare const buildInteger: ({ name, label, readOnly }: IFormViewField) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/SearchInput.tpl.d.ts

@@ -0,0 +1,2 @@
+import { IFormViewField } from "../../interfaces/IFormViewField";
+export declare const buildSearch: ({ name, label, readOnly, required }: IFormViewField) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/TextArea.tpl.d.ts

@@ -0,0 +1,2 @@
+import { IFormViewField } from "../../interfaces/IFormViewField";
+export declare const buildTextArea: ({ name, label, readOnly }: IFormViewField) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/TextInput.tpl.d.ts

@@ -0,0 +1,2 @@
+import { IFormViewField } from "../../interfaces/IFormViewField";
+export declare const buildTextInput: ({ name, label, readOnly }: IFormViewField) => HTMLElement;

package/dist/types/components/ez-form-view/interfaces/IFormViewField.d.ts

@@ -0,0 +1,10 @@
+import { UserInterface } from "@sankhyalabs/core";
+export interface IFormViewField {
+  userInterface: UserInterface;
+  name: string;
+  label?: string;
+  group?: string;
+  readOnly?: boolean;
+  required?: boolean;
+  props?: any;
+}

package/dist/types/components/ez-form-view/interfaces/index.d.ts

@@ -0,0 +1 @@
+export { IFormViewField } from "./IFormViewField";

package/dist/types/components/ez-tree/ez-tree.d.ts

@@ -5,6 +5,7 @@ export declare class EzTree {
   private _tree;
   private _visibleItems;
   private _onItemClick;
+  private _onIconClick;
   private _waintingForLoad;
   /**
    * Define os itens apresentados na árvore.
@@ -14,10 +15,18 @@ export declare class EzTree {
    * Define o item selecionado na árvore.
    */
   value: ITreeItem;
+  /**
+   * Forma alternativa para atribuir o item selecionado por seu ID.
+   */
+  selectedId: string;
   /**
    * Define uma função que vai resolver o ícone daquele item. Retorna o nome do ícone da lib de icones do DS.
    */
   iconResolver: (item: ITreeItem, expanded: boolean, level: number) => string;
+  /**
+   * Define uma função que vai resolver o `tooltip` ou `title` daquele item.
+   */
+  tooltipResolver: (item: ITreeItem, enabled: boolean, level: number) => string;
   /**
    * Emitido quando um item é selecionado na árvore.
    */
@@ -60,7 +69,11 @@ export declare class EzTree {
   private openClose;
   private previousLevel;
   private nextLevel;
+  private indexOf;
+  private selectNextItem;
   private nextItem;
   private previousItem;
+  connectedCallback(): void;
+  componentWillRender(): void;
   render(): any;
 }

package/dist/types/components/ez-tree/interfaces/ITreeItem.d.ts

@@ -5,6 +5,7 @@ export interface ITreeItem {
   childrenCount?: number;
   iconExpanded?: string;
   iconContracted?: string;
+  tooltip?: string;
   expanded?: boolean;
   disabled?: boolean;
 }

package/dist/types/components/ez-tree/subcomponents/DefaultTooltipResolver.d.ts

@@ -0,0 +1,2 @@
+import { ITreeItem } from "../interfaces/ITreeItem";
+export declare const defaultTooltipResolver: (item: ITreeItem, _enabled: boolean, _level: number) => string;

package/dist/types/components/ez-tree/subcomponents/TreeItem.d.ts

@@ -5,7 +5,9 @@ interface TreeItemProps {
   node: Node;
   selectedId: string;
   itemClick: (item: ITreeItem) => void;
+  iconClick: (item: ITreeItem) => void;
   iconResolver: (item: ITreeItem, expanded: boolean, level: number) => string;
+  tooltipResolver: (item: ITreeItem, enabled: boolean, level: number) => string;
   level?: number;
   itemsList: Array<ITreeItem>;
 }

package/dist/types/components/ez-tree/subcomponents/index.d.ts

@@ -1 +1,2 @@
 export { defaultIconResolver } from "./DefaultIconResolver";
+export { defaultTooltipResolver } from "./DefaultTooltipResolver";

package/dist/types/components/ez-tree/types/Node.d.ts

@@ -9,6 +9,7 @@ export declare class Node {
   private _childrenLoaded;
   private _isLazyLoad;
   constructor(tree: ITree, item?: ITreeItem, parent?: Node, isPlaceHolder?: boolean);
+  refresh(newItem: ITreeItem): void;
   isDisabled(): boolean;
   updateChildren(children: Array<ITreeItem>): void;
   addChild(tree: ITree, item: ITreeItem): void;

package/dist/types/components/ez-tree/types/Tree.d.ts

@@ -9,6 +9,7 @@ export declare class Tree extends Node implements ITree {
   setDisabled(id: string, value: boolean): void;
   isNodeDisabled(id: string, defaultValue: boolean): boolean;
   load(items: Array<ITreeItem>): void;
+  updateItem(item: ITreeItem): void;
   open(path: string): Promise<void>;
   walk(parent: Node, path: string, callback: (node: Node) => void, currentLevel?: number): Promise<void>;
   loadChildren(node: Node): Promise<void>;

package/dist/types/components.d.ts

@@ -13,7 +13,10 @@ import { IOption, ISearchArgument } from "./components/ez-combo-box/ez-combo-box
 import { DataUnit, Record, WaitingChange } from "@sankhyalabs/core";
 import { DialogType } from "./components/ez-dialog/DialogType";
 import { IDropdownItem, IDropdownSubAction } from "./components/ez-dropdown/structure/DropdownItem";
-import { IFormConfig, IRecordValidator, IValidationResult } from "./components/ez-form/ez-form";
+import { IFormConfig, IRecordValidator, IValidationResult } from "./components/ez-form/interfaces";
+import { ITreeItem } from "./components/ez-tree/interfaces/ITreeItem";
+import { IFormViewField } from "./components/ez-form-view/interfaces";
+import { IFormViewField as IFormViewField1 } from "./components/ez-form-view/interfaces/IFormViewField";
 import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, IStatusResolver } from "./components/ez-grid/controller/EzGridController";
 import { ListGroup, ListItem } from "./components/ez-list/ez-list";
 import { Radio } from "./components/ez-radio-button/ez-radio-button";
@@ -21,7 +24,6 @@ import { EzScrollDirection } from "./components/ez-scroller/EzScrollDirection";
 import { IOption as IOption1, ISearchArgument as ISearchArgument1 } from "./components/ez-combo-box/ez-combo-box";
 import { Tab } from "./components/ez-tabselector/ez-tabselector";
 import { IStyled } from "./components/ez-text-edit/ez-text-edit";
-import { ITreeItem } from "./components/ez-tree/interfaces/ITreeItem";
 import { EzFile } from "./components/ez-upload/ez-upload";
 export namespace Components {
     interface EzActionsButton {
@@ -507,10 +509,22 @@ export namespace Components {
           * Configuração do formulário.
          */
         "config": IFormConfig;
+        /**
+          * Define um construtor. Isso permite personalizar o conteúdo do formulário
+         */
+        "contentBuilder": (selectedTab: string, fields: Array<IFormViewField>) => HTMLElement | string;
         /**
           * Unidade de dados. Responsável pelo controle de edição de registros e  informações pertinentes aos campos.
          */
         "dataUnit": DataUnit;
+        /**
+          * Define um resolvedor de nível no modo `multiLevel`.
+         */
+        "levelResolver": (items: Array<ITreeItem>) => Array<ITreeItem>;
+        /**
+          * Habilita o modo de organização com vários níveis.
+         */
+        "multiLevel": boolean;
         /**
           * Define um validador responsável pela integridade dos registros.
          */
@@ -520,6 +534,12 @@ export namespace Components {
          */
         "validate": () => Promise<void>;
     }
+    interface EzFormView {
+        /**
+          * Define a lista de metadados usada para criar os campos de user interface.
+         */
+        "fields": Array<IFormViewField>;
+    }
     interface EzGrid {
         /**
           * Adiciona item de menu nas colunas.
@@ -1103,6 +1123,14 @@ export namespace Components {
           * Efetua a seleção de um item.
          */
         "selectItem": (id: string) => Promise<void>;
+        /**
+          * Forma alternativa para atribuir o item selecionado por seu ID.
+         */
+        "selectedId": string;
+        /**
+          * Define uma função que vai resolver o `tooltip` ou `title` daquele item.
+         */
+        "tooltipResolver": (item: ITreeItem, enabled: boolean, level: number) => string;
         /**
           * Define o item selecionado na árvore.
          */
@@ -1274,6 +1302,12 @@ declare global {
         prototype: HTMLEzFormElement;
         new (): HTMLEzFormElement;
     };
+    interface HTMLEzFormViewElement extends Components.EzFormView, HTMLStencilElement {
+    }
+    var HTMLEzFormViewElement: {
+        prototype: HTMLEzFormViewElement;
+        new (): HTMLEzFormViewElement;
+    };
     interface HTMLEzGridElement extends Components.EzGrid, HTMLStencilElement {
     }
     var HTMLEzGridElement: {
@@ -1425,6 +1459,7 @@ declare global {
         "ez-file-item": HTMLEzFileItemElement;
         "ez-filter-input": HTMLEzFilterInputElement;
         "ez-form": HTMLEzFormElement;
+        "ez-form-view": HTMLEzFormViewElement;
         "ez-grid": HTMLEzGridElement;
         "ez-icon": HTMLEzIconElement;
         "ez-list": HTMLEzListElement;
@@ -1933,10 +1968,22 @@ declare namespace LocalJSX {
           * Configuração do formulário.
          */
         "config"?: IFormConfig;
+        /**
+          * Define um construtor. Isso permite personalizar o conteúdo do formulário
+         */
+        "contentBuilder"?: (selectedTab: string, fields: Array<IFormViewField>) => HTMLElement | string;
         /**
           * Unidade de dados. Responsável pelo controle de edição de registros e  informações pertinentes aos campos.
          */
         "dataUnit"?: DataUnit;
+        /**
+          * Define um resolvedor de nível no modo `multiLevel`.
+         */
+        "levelResolver"?: (items: Array<ITreeItem>) => Array<ITreeItem>;
+        /**
+          * Habilita o modo de organização com vários níveis.
+         */
+        "multiLevel"?: boolean;
         /**
           * Evento disparado quando o formulário está disponível na DOM.
          */
@@ -1946,6 +1993,12 @@ declare namespace LocalJSX {
          */
         "recordsValidator"?: IRecordValidator;
     }
+    interface EzFormView {
+        /**
+          * Define a lista de metadados usada para criar os campos de user interface.
+         */
+        "fields"?: Array<IFormViewField>;
+    }
     interface EzGrid {
         /**
           * Configuração de exibição da grade.
@@ -2473,6 +2526,14 @@ declare namespace LocalJSX {
           * Emitido quando um item é aberto na árvore.
          */
         "onEzOpenItem"?: (event: CustomEvent<ITreeItem>) => void;
+        /**
+          * Forma alternativa para atribuir o item selecionado por seu ID.
+         */
+        "selectedId"?: string;
+        /**
+          * Define uma função que vai resolver o `tooltip` ou `title` daquele item.
+         */
+        "tooltipResolver"?: (item: ITreeItem, enabled: boolean, level: number) => string;
         /**
           * Define o item selecionado na árvore.
          */
@@ -2545,6 +2606,7 @@ declare namespace LocalJSX {
         "ez-file-item": EzFileItem;
         "ez-filter-input": EzFilterInput;
         "ez-form": EzForm;
+        "ez-form-view": EzFormView;
         "ez-grid": EzGrid;
         "ez-icon": EzIcon;
         "ez-list": EzList;
@@ -2591,6 +2653,7 @@ declare module "@stencil/core" {
             "ez-file-item": LocalJSX.EzFileItem & JSXBase.HTMLAttributes<HTMLEzFileItemElement>;
             "ez-filter-input": LocalJSX.EzFilterInput & JSXBase.HTMLAttributes<HTMLEzFilterInputElement>;
             "ez-form": LocalJSX.EzForm & JSXBase.HTMLAttributes<HTMLEzFormElement>;
+            "ez-form-view": LocalJSX.EzFormView & JSXBase.HTMLAttributes<HTMLEzFormViewElement>;
             "ez-grid": LocalJSX.EzGrid & JSXBase.HTMLAttributes<HTMLEzGridElement>;
             "ez-icon": LocalJSX.EzIcon & JSXBase.HTMLAttributes<HTMLEzIconElement>;
             "ez-list": LocalJSX.EzList & JSXBase.HTMLAttributes<HTMLEzListElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/ezui",
-  "version": "2.11.0",
+  "version": "2.12.0",
   "description": "Biblioteca de componentes Sankhya.",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",

package/react/components.d.ts

@@ -18,6 +18,7 @@ export declare const EzDropdown: import("react").ForwardRefExoticComponent<JSX.E
 export declare const EzFileItem: import("react").ForwardRefExoticComponent<JSX.EzFileItem & Pick<import("react").HTMLAttributes<HTMLEzFileItemElement>, "dir" | "slot" | "title" | "children" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzFileItemElement>>;
 export declare const EzFilterInput: import("react").ForwardRefExoticComponent<JSX.EzFilterInput & Pick<import("react").HTMLAttributes<HTMLEzFilterInputElement>, "dir" | "slot" | "title" | "children" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzFilterInputElement>>;
 export declare const EzForm: import("react").ForwardRefExoticComponent<JSX.EzForm & Pick<import("react").HTMLAttributes<HTMLEzFormElement>, "dir" | "slot" | "title" | "children" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzFormElement>>;
+export declare const EzFormView: import("react").ForwardRefExoticComponent<JSX.EzFormView & Pick<import("react").HTMLAttributes<HTMLEzFormViewElement>, "dir" | "slot" | "title" | "children" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzFormViewElement>>;
 export declare const EzGrid: import("react").ForwardRefExoticComponent<JSX.EzGrid & Pick<import("react").HTMLAttributes<HTMLEzGridElement>, "dir" | "slot" | "title" | "children" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzGridElement>>;
 export declare const EzIcon: import("react").ForwardRefExoticComponent<JSX.EzIcon & Pick<import("react").HTMLAttributes<HTMLEzIconElement>, "dir" | "slot" | "title" | "children" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzIconElement>>;
 export declare const EzList: import("react").ForwardRefExoticComponent<JSX.EzList & Pick<import("react").HTMLAttributes<HTMLEzListElement>, "dir" | "slot" | "title" | "children" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzListElement>>;

package/react/components.js

@@ -20,6 +20,7 @@ export const EzDropdown = /*@__PURE__*/ createReactComponent('ez-dropdown');
 export const EzFileItem = /*@__PURE__*/ createReactComponent('ez-file-item');
 export const EzFilterInput = /*@__PURE__*/ createReactComponent('ez-filter-input');
 export const EzForm = /*@__PURE__*/ createReactComponent('ez-form');
+export const EzFormView = /*@__PURE__*/ createReactComponent('ez-form-view');
 export const EzGrid = /*@__PURE__*/ createReactComponent('ez-grid');
 export const EzIcon = /*@__PURE__*/ createReactComponent('ez-icon');
 export const EzList = /*@__PURE__*/ createReactComponent('ez-list');