awing-library 2.1.2-dev.525 → 2.1.2-dev.526

package/dist/AWING/AsyncAutocomplete/Container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/AWING/AsyncAutocomplete/Container.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,2CAoN5E"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/AWING/AsyncAutocomplete/Container.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,2CA+N5E"}

package/dist/AWING/AsyncAutocomplete/Container.js

@@ -18,6 +18,8 @@ function AsyncAutocomplete(props) {
     const [hasMore, setHasMore] = useState(true);
     const listboxRef = useRef(null);
     const loadingMoreRef = useRef(false);
+    const [open, setOpen] = useState(false);
+    const [fetched, setFetched] = useState(false);
     useEffect(()=>{
         if (value) setInputValue(getOptionLabel(value));
     }, [
@@ -37,22 +39,31 @@ function AsyncAutocomplete(props) {
     }, [
         fetchOptions
     ]);
-    useEffect(()=>{
+    function triggerFetchFirstPage(search) {
         let active = true;
         setPage(1);
         setHasMore(true);
-        fetchRef.current && fetchRef.current(searchString, 1, (results)=>{
+        fetchRef.current?.(search, 1, (results)=>{
             if (!active) return;
-            let newOptions = [];
-            if (results && results.length > 0) newOptions = [
+            if (results && results.length > 0) setOptions([
                 ...results
-            ];
+            ]);
             else if (results && 0 === results.length) setHasMore(false);
-            setOptions(newOptions);
         });
         return ()=>{
             active = false;
         };
+    }
+    useEffect(()=>{
+        if (!open || fetched) return;
+        triggerFetchFirstPage(searchString);
+        setFetched(true);
+    }, [
+        open
+    ]);
+    useEffect(()=>{
+        if (!open) return;
+        triggerFetchFirstPage(searchString);
     }, [
         searchString
     ]);
@@ -98,6 +109,9 @@ function AsyncAutocomplete(props) {
         getOptionValue
     ]);
     return /*#__PURE__*/ jsx(Autocomplete, {
+        open: open,
+        onOpen: ()=>setOpen(true),
+        onClose: ()=>setOpen(false),
         multiple: multiple,
         getOptionLabel: (option)=>'string' == typeof option ? option : getOptionLabel(option),
         options: options,

package/dist/AWING/DataForm/container.test.js

@@ -6,10 +6,10 @@ import { fireEvent, render, screen } from "@testing-library/react";
 import { Constants } from "../../Commons/Constant.js";
 import container from "./container.js";
 var __webpack_modules__ = {
-    "../DataInput": function(module) {
+    "AWING/DataInput": function(module) {
         module.exports = __WEBPACK_EXTERNAL_MODULE__DataInput_index_js_c7933a4f__;
     },
-    "AWING/helper": function(module) {
+    "../helper": function(module) {
         module.exports = __WEBPACK_EXTERNAL_MODULE__helper_js_663c9e82__;
     }
 };
@@ -23,7 +23,7 @@ function __webpack_require__(moduleId) {
     __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     return module.exports;
 }
-var index_js_ = __webpack_require__("../DataInput");
+var index_js_ = __webpack_require__("AWING/DataInput");
 jest.mock('../DataInput', ()=>({
         __esModule: true,
         default: jest.fn(),
@@ -91,10 +91,10 @@ jest.mock('@mui/material', ()=>({
                 children: children
             })
     }));
-const mockInputFactory = __webpack_require__("../DataInput")["default"];
-const mockCalculateValue = __webpack_require__("AWING/helper").calculateValue;
-const mockConvertFormulaToBinaryTree = __webpack_require__("AWING/helper").convertFormulaToBinaryTree;
-const mockReplaceFieldsValue = __webpack_require__("AWING/helper").replaceFieldsValue;
+const mockInputFactory = __webpack_require__("AWING/DataInput")["default"];
+const mockCalculateValue = __webpack_require__("../helper").calculateValue;
+const mockConvertFormulaToBinaryTree = __webpack_require__("../helper").convertFormulaToBinaryTree;
+const mockReplaceFieldsValue = __webpack_require__("../helper").replaceFieldsValue;
 describe('DataForm Component', ()=>{
     const mockFields = [
         {

package/dist/AWING/DataForm2/containerOptimized.test.js

@@ -5,7 +5,7 @@ import { act, fireEvent, render, screen, waitFor } from "@testing-library/react"
 import containerOptimized from "./containerOptimized.js";
 import { createFormStateManager } from "./formStateManager.js";
 var __webpack_modules__ = {
-    "../DataInput": function(module) {
+    "AWING/DataInput": function(module) {
         module.exports = __WEBPACK_EXTERNAL_MODULE__DataInput_index_js_c7933a4f__;
     }
 };
@@ -98,7 +98,7 @@ jest.mock('@mui/material', ()=>({
                 children: children
             })
     }));
-const mockInputFactory = __webpack_require__("../DataInput")["default"];
+const mockInputFactory = __webpack_require__("AWING/DataInput")["default"];
 describe('DataForm Optimized - Performance Tests', ()=>{
     let inputRenderCounts = {};
     const mockFields = [

package/dist/AWING/DataInput/components/LazyAutocompleteInput.d.ts

@@ -0,0 +1,11 @@
+import { MenuOption } from '../../interface';
+import { FIELD_TYPE } from '../enums';
+import { AutocompleteFieldDefinition } from './AutocompleteInput';
+type Value = string | number;
+export interface LazyAutocompleteFieldDefinition<T> extends Omit<AutocompleteFieldDefinition<T>, 'options' | 'type'> {
+    type: FIELD_TYPE.LAZY_AUTOCOMPLETE | 'lazyautocomplete';
+    fetchOptions: () => Promise<MenuOption<Value>[]>;
+}
+export declare const LazyAutocompleteInput: <T>(fieldDefinition: LazyAutocompleteFieldDefinition<T>) => import("react/jsx-runtime").JSX.Element;
+export default LazyAutocompleteInput;
+//# sourceMappingURL=LazyAutocompleteInput.d.ts.map

package/dist/AWING/DataInput/components/LazyAutocompleteInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyAutocompleteInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput/components/LazyAutocompleteInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAGlE,KAAK,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAC7B,MAAM,WAAW,+BAA+B,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAChH,IAAI,EAAE,UAAU,CAAC,iBAAiB,GAAG,kBAAkB,CAAC;IACxD,YAAY,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,qBAAqB,GAAI,CAAC,mBAAoB,+BAA+B,CAAC,CAAC,CAAC,4CAmH5F,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/AWING/DataInput/components/LazyAutocompleteInput.js

@@ -0,0 +1,98 @@
+import { jsx } from "react/jsx-runtime";
+import { createElement, useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { CheckBox, CheckBoxOutlineBlank } from "@mui/icons-material";
+import { Autocomplete, Checkbox, MenuItem, TextField } from "@mui/material";
+import i18n from "../../../translate/i18n.js";
+import { arrayIsNotEmptyValid, notNullValid } from "../../ultis/index.js";
+const LazyAutocompleteInput_LazyAutocompleteInput = (fieldDefinition)=>{
+    const { t } = useTranslation(void 0, {
+        i18n: i18n
+    });
+    const { fetchOptions, value, onChange, readOnly, error, disableHelperText, helperText, disableClearable, multiple = false, isDirectory = false, onValidateCustom, disabled, required = false, clearOnEscape = true, ...other } = fieldDefinition;
+    const [open, setOpen] = useState(false);
+    const [options, setOptions] = useState([]);
+    const [fetched, setFetched] = useState(false);
+    const onValidate = (val)=>{
+        if (!required) return true;
+        if (null == val) return false;
+        if (onValidateCustom) return onValidateCustom(val);
+        if (Array.isArray(val)) return arrayIsNotEmptyValid(val);
+        return notNullValid(val);
+    };
+    useEffect(()=>{
+        if (open && !fetched) fetchOptions().then((res)=>{
+            setOptions(res);
+            setFetched(true);
+        });
+    }, [
+        open,
+        fetchOptions
+    ]);
+    return /*#__PURE__*/ jsx(Autocomplete, {
+        open: open,
+        onOpen: ()=>setOpen(true),
+        onClose: ()=>setOpen(false),
+        disabled: disabled,
+        multiple: multiple,
+        options: options,
+        getOptionLabel: (option)=>String(option.text ?? ''),
+        isOptionEqualToValue: (option, value)=>option?.value === value?.value,
+        getOptionKey: (option)=>String(option.value ?? ''),
+        disableClearable: !!disableClearable,
+        getOptionDisabled: (option)=>Boolean(option?.disabled),
+        noOptionsText: t('Common.NoOptions'),
+        loadingText: t('Common.Loading'),
+        onChange: (_e, value)=>{
+            const newValue = Array.isArray(value) ? value.map((x)=>x) : value;
+            onChange && onChange(newValue, onValidate(newValue));
+        },
+        value: multiple ? value ?? [] : value ?? null,
+        clearOnEscape: readOnly || disabled ? false : fieldDefinition?.clearOnEscape,
+        fullWidth: true,
+        disableCloseOnSelect: multiple,
+        readOnly: readOnly,
+        renderInput: (params)=>/*#__PURE__*/ jsx(TextField, {
+                ...params,
+                ...other,
+                variant: "standard",
+                error: error,
+                required: required,
+                helperText: !disableHelperText && error ? helperText ?? t('Common.InvalidData') : ''
+            }),
+        ...multiple && {
+            renderOption: (props, option, { selected })=>/*#__PURE__*/ createElement("li", {
+                    ...props,
+                    key: option.value?.toString(),
+                    children: [
+                        /*#__PURE__*/ jsx(Checkbox, {
+                            icon: /*#__PURE__*/ jsx(CheckBoxOutlineBlank, {
+                                fontSize: "small"
+                            }),
+                            checkedIcon: /*#__PURE__*/ jsx(CheckBox, {
+                                fontSize: "small"
+                            }),
+                            style: {
+                                marginRight: 8
+                            },
+                            checked: selected
+                        }),
+                        option.label ?? option.text
+                    ]
+                })
+        },
+        ...isDirectory && {
+            renderOption: (props, option)=>/*#__PURE__*/ createElement(MenuItem, {
+                    ...props,
+                    key: option.value?.toString(),
+                    value: option?.value,
+                    disabled: option?.disabled,
+                    style: {
+                        paddingLeft: 24 * (option?.level || 0) + 'px'
+                    }
+                }, option?.label ?? option?.text)
+        }
+    });
+};
+const LazyAutocompleteInput = LazyAutocompleteInput_LazyAutocompleteInput;
+export { LazyAutocompleteInput_LazyAutocompleteInput as LazyAutocompleteInput, LazyAutocompleteInput as default };

package/dist/AWING/DataInput/components/index.d.ts

@@ -1,5 +1,6 @@
 export { default as AsyncAutocompleteInput } from './AsyncAutocompleteInput';
 export { default as AutocompleteInput } from './AutocompleteInput';
+export { default as LazyAutocompleteInput } from './AutocompleteInput';
 export { default as CascadingAutocompleteInput } from './CascadingAutocompleteInput';
 export { default as CheckBoxInput } from './CheckBoxInput';
 export { default as DateRangeInput } from './DateRangeInput';

package/dist/AWING/DataInput/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/AWING/DataInput/components/index.js

@@ -15,4 +15,4 @@ import SelectFolderInput from "./SelectFolderInput.js";
 import SelectInput from "./SelectInput.js";
 import TextInput from "./TextInput.js";
 import CustomInput from "./CustomInput.js";
-export { AsyncAutocompleteInput, AutocompleteInput, CascadingAutocompleteInput, CheckBoxInput, CustomInput, DateRangeInput, DateTimeInput, GeoFencingInput, LogicExpressionInput, MonacoEditorInput, MonthTimeInput, MultipleHierarchicalInput, NumberInput, RadioInput, SelectFolderInput, SelectInput, TextInput };
+export { AsyncAutocompleteInput, AutocompleteInput, CascadingAutocompleteInput, CheckBoxInput, CustomInput, DateRangeInput, DateTimeInput, GeoFencingInput, AutocompleteInput as LazyAutocompleteInput, LogicExpressionInput, MonacoEditorInput, MonthTimeInput, MultipleHierarchicalInput, NumberInput, RadioInput, SelectFolderInput, SelectInput, TextInput };

package/dist/AWING/DataInput/enums.d.ts

@@ -14,6 +14,7 @@ export declare enum FIELD_TYPE {
     SELECT = "select",
     AUTOCOMPLETE = "autocomplete",
     ASYNC_AUTOCOMPLETE = "async-autocomplete",
+    LAZY_AUTOCOMPLETE = "lazyautocomplete",
     CASCADING_AUTOCOMPLETE = "cascading-autocomplete",
     LOGIC_EXPRESSION = "logic-expression",
     DYNAMIC_LINQ_EXPRESSION = "dynamic-linq-expression",

package/dist/AWING/DataInput/enums.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../src/AWING/DataInput/enums.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU;IAClB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,SAAS,cAAc;IACvB,GAAG,QAAQ;IACX,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,YAAY,iBAAiB;IAC7B,kBAAkB,uBAAuB;IACzC,sBAAsB,2BAA2B;IACjD,gBAAgB,qBAAqB;IACrC,uBAAuB,4BAA4B;IACnD,WAAW,gBAAgB;IAC3B,qBAAqB,0BAA0B;IAC/C,aAAa,kBAAkB;IAC/B,aAAa,kBAAkB;IAC/B,MAAM,WAAW;CACpB"}
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../src/AWING/DataInput/enums.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU;IAClB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,SAAS,cAAc;IACvB,GAAG,QAAQ;IACX,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,YAAY,iBAAiB;IAC7B,kBAAkB,uBAAuB;IACzC,iBAAiB,qBAAqB;IACtC,sBAAsB,2BAA2B;IACjD,gBAAgB,qBAAqB;IACrC,uBAAuB,4BAA4B;IACnD,WAAW,gBAAgB;IAC3B,qBAAqB,0BAA0B;IAC/C,aAAa,kBAAkB;IAC/B,aAAa,kBAAkB;IAC/B,MAAM,WAAW;CACpB"}

package/dist/AWING/DataInput/enums.js

@@ -14,6 +14,7 @@ var enums_FIELD_TYPE = /*#__PURE__*/ function(FIELD_TYPE) {
     FIELD_TYPE["SELECT"] = "select";
     FIELD_TYPE["AUTOCOMPLETE"] = "autocomplete";
     FIELD_TYPE["ASYNC_AUTOCOMPLETE"] = "async-autocomplete";
+    FIELD_TYPE["LAZY_AUTOCOMPLETE"] = "lazyautocomplete";
     FIELD_TYPE["CASCADING_AUTOCOMPLETE"] = "cascading-autocomplete";
     FIELD_TYPE["LOGIC_EXPRESSION"] = "logic-expression";
     FIELD_TYPE["DYNAMIC_LINQ_EXPRESSION"] = "dynamic-linq-expression";

package/dist/AWING/DataInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AWING/DataInput/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIzD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,eAAe,EAAE,oBAAoB,CAAC,CAAC,CAAC,2WAoE9F;AAED,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AWING/DataInput/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIzD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,eAAe,EAAE,oBAAoB,CAAC,CAAC,CAAC,2WAuE9F;AAED,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/AWING/DataInput/index.js

@@ -1,5 +1,6 @@
 import { AsyncAutocompleteInput } from "./components/AsyncAutocompleteInput.js";
 import { AutocompleteInput } from "./components/AutocompleteInput.js";
+import { LazyAutocompleteInput } from "./components/LazyAutocompleteInput.js";
 import { CascadingAutocompleteInput } from "./components/CascadingAutocompleteInput.js";
 import { CheckBoxInput } from "./components/CheckBoxInput.js";
 import { DateRangeInput } from "./components/DateRangeInput.js";
@@ -32,6 +33,8 @@ function InputFactory(fieldDefinition) {
             return CascadingAutocompleteInput(fieldDefinition);
         case FIELD_TYPE.AUTOCOMPLETE:
             return AutocompleteInput(fieldDefinition);
+        case FIELD_TYPE.LAZY_AUTOCOMPLETE:
+            return LazyAutocompleteInput(fieldDefinition);
         case FIELD_TYPE.CHECKBOX:
             return CheckBoxInput(fieldDefinition);
         case FIELD_TYPE.MONTH:

package/dist/AWING/DataInput/interfaces.d.ts

@@ -2,6 +2,7 @@ import { BaseTextFieldProps } from '@mui/material';
 import { ReactNode } from 'react';
 import { AsyncAutocompleteFieldDefinition } from './components/AsyncAutocompleteInput';
 import { AutocompleteFieldDefinition } from './components/AutocompleteInput';
+import { LazyAutocompleteFieldDefinition } from './components/LazyAutocompleteInput';
 import { CascadingAutocompleteFieldDefinition } from './components/CascadingAutocompleteInput';
 import { LogicExpressionDefinition } from './components/LogicExpressionInput';
 import { CheckBoxFieldDefinition } from './components/CheckBoxInput';
@@ -34,5 +35,5 @@ export interface BaseFieldDefinition<T> extends Omit<BaseTextFieldProps, 'value'
 export interface BaseFieldRender {
     render(): ReactNode;
 }
-export type FieldDefinitionProps<T extends object = object> = AsyncAutocompleteFieldDefinition<T[keyof T]> | AutocompleteFieldDefinition<T[keyof T]> | CascadingAutocompleteFieldDefinition | LogicExpressionDefinition | DynamicLinqExpressionDefinition | CheckBoxFieldDefinition | DateTimeFieldDefinition | DateRangeFieldDefinition | NumberFieldDefinition | RadioFieldDefinition | SelectFieldDefinition | TextFieldDefinition | GeoFencingDefinition | MonacoEditorFieldDefinition | SelectFolderFieldDefinition<T[keyof T]> | MultipleHierarchicalDefinition | CustomFieldDefinition;
+export type FieldDefinitionProps<T extends object = object> = AsyncAutocompleteFieldDefinition<T[keyof T]> | AutocompleteFieldDefinition<T[keyof T]> | LazyAutocompleteFieldDefinition<T[keyof T]> | CascadingAutocompleteFieldDefinition | LogicExpressionDefinition | DynamicLinqExpressionDefinition | CheckBoxFieldDefinition | DateTimeFieldDefinition | DateRangeFieldDefinition | NumberFieldDefinition | RadioFieldDefinition | SelectFieldDefinition | TextFieldDefinition | GeoFencingDefinition | MonacoEditorFieldDefinition | SelectFolderFieldDefinition<T[keyof T]> | MultipleHierarchicalDefinition | CustomFieldDefinition;
 //# sourceMappingURL=interfaces.d.ts.map

package/dist/AWING/DataInput/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/AWING/DataInput/interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gCAAgC,EAAE,MAAM,qCAAqC,CAAC;AACvF,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,oCAAoC,EAAE,MAAM,yCAAyC,CAAC;AAC/F,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAE9E,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,CAAC,UAAU,EAAE,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IACjD,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IACvE,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;CACzC;AAED,MAAM,WAAW,eAAe;IAC5B,MAAM,IAAI,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IACpD,gCAAgC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAC5C,2BAA2B,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GACvC,oCAAoC,GACpC,yBAAyB,GACzB,+BAA+B,GAC/B,uBAAuB,GACvB,uBAAuB,GACvB,wBAAwB,GACxB,qBAAqB,GACrB,oBAAoB,GACpB,qBAAqB,GACrB,mBAAmB,GACnB,oBAAoB,GACpB,2BAA2B,GAC3B,2BAA2B,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GACvC,8BAA8B,GAC9B,qBAAqB,CAAC"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/AWING/DataInput/interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gCAAgC,EAAE,MAAM,qCAAqC,CAAC;AACvF,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,+BAA+B,EAAE,MAAM,oCAAoC,CAAC;AACrF,OAAO,EAAE,oCAAoC,EAAE,MAAM,yCAAyC,CAAC;AAC/F,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAE9E,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,CAAC,UAAU,EAAE,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IACjD,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IACvE,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;CACzC;AAED,MAAM,WAAW,eAAe;IAC5B,MAAM,IAAI,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IACpD,gCAAgC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAC5C,2BAA2B,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GACvC,+BAA+B,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAC3C,oCAAoC,GACpC,yBAAyB,GACzB,+BAA+B,GAC/B,uBAAuB,GACvB,uBAAuB,GACvB,wBAAwB,GACxB,qBAAqB,GACrB,oBAAoB,GACpB,qBAAqB,GACrB,mBAAmB,GACnB,oBAAoB,GACpB,2BAA2B,GAC3B,2BAA2B,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GACvC,8BAA8B,GAC9B,qBAAqB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "awing-library",
-    "version": "2.1.2-dev.525",
+    "version": "2.1.2-dev.526",
     "license": "MIT",
     "exports": {
         ".": {