awing-library 2.1.2-dev.98 → 2.1.2-preview.1

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

@@ -0,0 +1,27 @@
+export declare enum FIELD_TYPE {
+    TEXT = "text",
+    EMAIL = "email",
+    TEL = "tel",
+    TEXT_AREA = "text-area",
+    URL = "url",
+    PASSWORD = "password",
+    NUMBER = "number",
+    DATE = "date",
+    MONTH = "month",
+    DATE_RANGE = "date-range",
+    CHECKBOX = "checkbox",
+    RADIO = "radio",
+    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",
+    GEO_FENCING = "geo-fencing",
+    MULTIPLE_HIERARCHICAL = "multiple-hierarchical",
+    MONACO_EDITOR = "monaco-editor",
+    SELECT_FOLDER = "select-folder",
+    CUSTOM = "custom"
+}
+//# sourceMappingURL=enums.d.ts.map

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

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

@@ -0,0 +1,28 @@
+var enums_FIELD_TYPE = /*#__PURE__*/ function(FIELD_TYPE) {
+    FIELD_TYPE["TEXT"] = "text";
+    FIELD_TYPE["EMAIL"] = "email";
+    FIELD_TYPE["TEL"] = "tel";
+    FIELD_TYPE["TEXT_AREA"] = "text-area";
+    FIELD_TYPE["URL"] = "url";
+    FIELD_TYPE["PASSWORD"] = "password";
+    FIELD_TYPE["NUMBER"] = "number";
+    FIELD_TYPE["DATE"] = "date";
+    FIELD_TYPE["MONTH"] = "month";
+    FIELD_TYPE["DATE_RANGE"] = "date-range";
+    FIELD_TYPE["CHECKBOX"] = "checkbox";
+    FIELD_TYPE["RADIO"] = "radio";
+    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";
+    FIELD_TYPE["GEO_FENCING"] = "geo-fencing";
+    FIELD_TYPE["MULTIPLE_HIERARCHICAL"] = "multiple-hierarchical";
+    FIELD_TYPE["MONACO_EDITOR"] = "monaco-editor";
+    FIELD_TYPE["SELECT_FOLDER"] = "select-folder";
+    FIELD_TYPE["CUSTOM"] = "custom";
+    return FIELD_TYPE;
+}({});
+export { enums_FIELD_TYPE as FIELD_TYPE };

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

@@ -0,0 +1,5 @@
+import { type FieldDefinitionProps } from './interfaces';
+export default function InputFactory<T extends object>(fieldDefinition: FieldDefinitionProps<T>): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export * from './interfaces';
+export * from './enums';
+//# sourceMappingURL=index.d.ts.map

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

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

@@ -0,0 +1,74 @@
+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";
+import { DateTimeInput } from "./components/DateTimeInput.js";
+import { GeoFencingInput } from "./components/GeoFencingInput.js";
+import { LogicExpressionInput } from "./components/LogicExpressionInput.js";
+import { MonacoEditorInput } from "./components/MonacoEditorInput.js";
+import { MonthTimeInput } from "./components/MonthTimeInput.js";
+import { MultipleHierarchicalInput } from "./components/MultipleHierarchicalInput.js";
+import { NumberInput } from "./components/NumberInput.js";
+import { RadioInput } from "./components/RadioInput.js";
+import { SelectFolderInput } from "./components/SelectFolderInput.js";
+import SelectInput from "./components/SelectInput.js";
+import { TextInput } from "./components/TextInput.js";
+import { CustomInput } from "./components/CustomInput.js";
+import { FIELD_TYPE } from "./enums.js";
+import DynamicLinqExpression from "../DynamicLinqExpression/index.js";
+export * from "./interfaces.js";
+export * from "./enums.js";
+function InputFactory(fieldDefinition) {
+    const { type } = fieldDefinition;
+    switch(type){
+        case FIELD_TYPE.DYNAMIC_LINQ_EXPRESSION:
+            return DynamicLinqExpression(fieldDefinition);
+        case FIELD_TYPE.LOGIC_EXPRESSION:
+            return LogicExpressionInput(fieldDefinition);
+        case FIELD_TYPE.ASYNC_AUTOCOMPLETE:
+            return AsyncAutocompleteInput(fieldDefinition);
+        case FIELD_TYPE.CASCADING_AUTOCOMPLETE:
+            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:
+            return MonthTimeInput(fieldDefinition);
+        case FIELD_TYPE.DATE:
+            return DateTimeInput(fieldDefinition);
+        case FIELD_TYPE.DATE_RANGE:
+            return DateRangeInput(fieldDefinition);
+        case FIELD_TYPE.NUMBER:
+            return NumberInput(fieldDefinition);
+        case FIELD_TYPE.RADIO:
+            return RadioInput(fieldDefinition);
+        case FIELD_TYPE.TEXT:
+            return TextInput(fieldDefinition);
+        case FIELD_TYPE.EMAIL:
+        case FIELD_TYPE.TEL:
+        case FIELD_TYPE.URL:
+        case FIELD_TYPE.PASSWORD:
+        case FIELD_TYPE.TEXT_AREA:
+            return TextInput(fieldDefinition);
+        case FIELD_TYPE.SELECT:
+            return SelectInput(fieldDefinition);
+        case FIELD_TYPE.MULTIPLE_HIERARCHICAL:
+            return MultipleHierarchicalInput(fieldDefinition);
+        case FIELD_TYPE.GEO_FENCING:
+            return GeoFencingInput(fieldDefinition);
+        case FIELD_TYPE.SELECT_FOLDER:
+            return SelectFolderInput(fieldDefinition);
+        case FIELD_TYPE.MONACO_EDITOR:
+            return MonacoEditorInput(fieldDefinition);
+        case FIELD_TYPE.CUSTOM:
+            return CustomInput(fieldDefinition);
+        default:
+            throw new Error('Invalid component type');
+    }
+}
+export { InputFactory as default };

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

@@ -0,0 +1,39 @@
+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';
+import { DateTimeFieldDefinition } from './components/DateTimeInput';
+import { DateRangeFieldDefinition } from './components/DateRangeInput';
+import { NumberFieldDefinition } from './components/NumberInput';
+import { RadioFieldDefinition } from './components/RadioInput';
+import { SelectFieldDefinition } from './components/SelectInput';
+import { TextFieldDefinition } from './components/TextInput';
+import { GeoFencingDefinition } from './components/GeoFencingInput';
+import { MonacoEditorFieldDefinition } from './components/MonacoEditorInput';
+import { SelectFolderFieldDefinition } from './components/SelectFolderInput';
+import { MultipleHierarchicalDefinition } from './components/MultipleHierarchicalInput';
+import { CustomFieldDefinition } from './components/CustomInput';
+import { DynamicLinqExpressionDefinition } from '../DynamicLinqExpression';
+export interface BaseFieldDefinition<T> extends Omit<BaseTextFieldProps, 'value'> {
+    gridSize?: number;
+    defaultValue?: T;
+    readOnly?: boolean;
+    autoFormula?: string;
+    value?: T | undefined;
+    disableHelperText?: boolean;
+    type?: string;
+    label?: string;
+    customeFieldChange?(fieldValue: any): Partial<T>;
+    onChange?(newValue?: T | undefined, valid?: boolean | undefined): void;
+    fieldName: string;
+    onValidateCustom?(value?: T): boolean;
+}
+export interface BaseFieldRender {
+    render(): ReactNode;
+}
+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

@@ -0,0 +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,+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/dist/AWING/DataInput2/MemoizedInputFactory.d.ts

@@ -0,0 +1,20 @@
+/**
+ * MemoizedInputFactory - Factory component with memoization support
+ *
+ * Sử dụng memoized versions của các input components để giảm re-render
+ * Có thể sử dụng thay thế InputFactory trong DataForm optimized version
+ */
+import React from 'react';
+import { type FieldDefinitionProps } from './interfaces';
+interface MemoizedInputFactoryProps<T extends object> {
+    fieldDefinition: FieldDefinitionProps<T>;
+    /**
+     * Sử dụng memoized components
+     * @default true
+     */
+    useMemoization?: boolean;
+}
+export declare const MemoizedInputFactory: <T extends object>(props: MemoizedInputFactoryProps<T>) => React.ReactElement;
+export declare const SimpleMemoizedInputFactory: <T extends object>(fieldDefinition: FieldDefinitionProps<T>) => React.ReactElement;
+export default MemoizedInputFactory;
+//# sourceMappingURL=MemoizedInputFactory.d.ts.map

package/dist/AWING/DataInput2/MemoizedInputFactory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemoizedInputFactory.d.ts","sourceRoot":"","sources":["../../../src/AWING/DataInput2/MemoizedInputFactory.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAoCzD,UAAU,yBAAyB,CAAC,CAAC,SAAS,MAAM;IAChD,eAAe,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACzC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAmHD,eAAO,MAAM,oBAAoB,EAAsC,CAAC,CAAC,SAAS,MAAM,EACpF,KAAK,EAAE,yBAAyB,CAAC,CAAC,CAAC,KAClC,KAAK,CAAC,YAAY,CAAC;AAOxB,eAAO,MAAM,0BAA0B,EAA4C,CAAC,CAAC,SAAS,MAAM,EAChG,eAAe,EAAE,oBAAoB,CAAC,CAAC,CAAC,KACvC,KAAK,CAAC,YAAY,CAAC;AAExB,eAAe,oBAAoB,CAAC"}

package/dist/AWING/DataInput2/MemoizedInputFactory.js

@@ -0,0 +1,125 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { FIELD_TYPE } from "./enums.js";
+import { AsyncAutocompleteInput } from "./components/AsyncAutocompleteInput.js";
+import { AutocompleteInput } from "./components/AutocompleteInput.js";
+import { CheckBoxInput } from "./components/CheckBoxInput.js";
+import { DateRangeInput } from "./components/DateRangeInput.js";
+import { DateTimeInput } from "./components/DateTimeInput.js";
+import { GeoFencingInput } from "./components/GeoFencingInput.js";
+import { LogicExpressionInput } from "./components/LogicExpressionInput.js";
+import { MonacoEditorInput } from "./components/MonacoEditorInput.js";
+import { MonthTimeInput } from "./components/MonthTimeInput.js";
+import { MultipleHierarchicalInput } from "./components/MultipleHierarchicalInput.js";
+import { NumberInput } from "./components/NumberInput.js";
+import { RadioInput } from "./components/RadioInput.js";
+import { SelectFolderInput } from "./components/SelectFolderInput.js";
+import SelectInput from "./components/SelectInput.js";
+import { TextInput } from "./components/TextInput.js";
+import { CustomInput } from "./components/CustomInput.js";
+import DynamicLinqExpression from "../DynamicLinqExpression/index.js";
+import { MemoizedAsyncAutocompleteInput, MemoizedAutocompleteInput, MemoizedCheckBoxInput, MemoizedCustomInput, MemoizedDateRangeInput, MemoizedDateTimeInput, MemoizedNumberInput, MemoizedRadioInput, MemoizedSelectInput, MemoizedTextInput } from "./components/MemoizedInputs.js";
+function MemoizedInputFactoryInner({ fieldDefinition, useMemoization = true }) {
+    const { type } = fieldDefinition;
+    if (useMemoization) switch(type){
+        case FIELD_TYPE.TEXT:
+        case FIELD_TYPE.EMAIL:
+        case FIELD_TYPE.TEL:
+        case FIELD_TYPE.URL:
+        case FIELD_TYPE.PASSWORD:
+        case FIELD_TYPE.TEXT_AREA:
+            return /*#__PURE__*/ jsx(MemoizedTextInput, {
+                ...fieldDefinition
+            });
+        case FIELD_TYPE.NUMBER:
+            return /*#__PURE__*/ jsx(MemoizedNumberInput, {
+                ...fieldDefinition
+            });
+        case FIELD_TYPE.SELECT:
+            return /*#__PURE__*/ jsx(MemoizedSelectInput, {
+                ...fieldDefinition
+            });
+        case FIELD_TYPE.CHECKBOX:
+            return /*#__PURE__*/ jsx(MemoizedCheckBoxInput, {
+                ...fieldDefinition
+            });
+        case FIELD_TYPE.RADIO:
+            return /*#__PURE__*/ jsx(MemoizedRadioInput, {
+                ...fieldDefinition
+            });
+        case FIELD_TYPE.DATE:
+        case FIELD_TYPE.MONTH:
+            return /*#__PURE__*/ jsx(MemoizedDateTimeInput, {
+                ...fieldDefinition
+            });
+        case FIELD_TYPE.DATE_RANGE:
+            return /*#__PURE__*/ jsx(MemoizedDateRangeInput, {
+                ...fieldDefinition
+            });
+        case FIELD_TYPE.AUTOCOMPLETE:
+            return /*#__PURE__*/ jsx(MemoizedAutocompleteInput, {
+                ...fieldDefinition
+            });
+        case FIELD_TYPE.ASYNC_AUTOCOMPLETE:
+            return /*#__PURE__*/ jsx(MemoizedAsyncAutocompleteInput, {
+                ...fieldDefinition
+            });
+        case FIELD_TYPE.CUSTOM:
+            return /*#__PURE__*/ jsx(MemoizedCustomInput, {
+                ...fieldDefinition
+            });
+    }
+    switch(type){
+        case FIELD_TYPE.DYNAMIC_LINQ_EXPRESSION:
+            return DynamicLinqExpression(fieldDefinition);
+        case FIELD_TYPE.LOGIC_EXPRESSION:
+            return LogicExpressionInput(fieldDefinition);
+        case FIELD_TYPE.ASYNC_AUTOCOMPLETE:
+            return AsyncAutocompleteInput(fieldDefinition);
+        case FIELD_TYPE.AUTOCOMPLETE:
+            return AutocompleteInput(fieldDefinition);
+        case FIELD_TYPE.CHECKBOX:
+            return CheckBoxInput(fieldDefinition);
+        case FIELD_TYPE.MONTH:
+            return MonthTimeInput(fieldDefinition);
+        case FIELD_TYPE.DATE:
+            return DateTimeInput(fieldDefinition);
+        case FIELD_TYPE.DATE_RANGE:
+            return DateRangeInput(fieldDefinition);
+        case FIELD_TYPE.NUMBER:
+            return NumberInput(fieldDefinition);
+        case FIELD_TYPE.RADIO:
+            return RadioInput(fieldDefinition);
+        case FIELD_TYPE.TEXT:
+        case FIELD_TYPE.EMAIL:
+        case FIELD_TYPE.TEL:
+        case FIELD_TYPE.URL:
+        case FIELD_TYPE.PASSWORD:
+        case FIELD_TYPE.TEXT_AREA:
+            return TextInput(fieldDefinition);
+        case FIELD_TYPE.SELECT:
+            return SelectInput(fieldDefinition);
+        case FIELD_TYPE.MULTIPLE_HIERARCHICAL:
+            return MultipleHierarchicalInput(fieldDefinition);
+        case FIELD_TYPE.GEO_FENCING:
+            return GeoFencingInput(fieldDefinition);
+        case FIELD_TYPE.SELECT_FOLDER:
+            return SelectFolderInput(fieldDefinition);
+        case FIELD_TYPE.MONACO_EDITOR:
+            return MonacoEditorInput(fieldDefinition);
+        case FIELD_TYPE.CUSTOM:
+            return CustomInput(fieldDefinition);
+        default:
+            throw new Error('Invalid component type');
+    }
+}
+const MemoizedInputFactory_MemoizedInputFactory = /*#__PURE__*/ memo(MemoizedInputFactoryInner);
+function SimpleMemoizedInputFactoryInner(fieldDefinition) {
+    return /*#__PURE__*/ jsx(MemoizedInputFactoryInner, {
+        fieldDefinition: fieldDefinition,
+        useMemoization: true
+    });
+}
+const SimpleMemoizedInputFactory = /*#__PURE__*/ memo(SimpleMemoizedInputFactoryInner);
+const MemoizedInputFactory = MemoizedInputFactory_MemoizedInputFactory;
+export { MemoizedInputFactory_MemoizedInputFactory as MemoizedInputFactory, SimpleMemoizedInputFactory, MemoizedInputFactory as default };

package/dist/AWING/DataInput2/arePropsEqual.d.ts

@@ -0,0 +1,35 @@
+/**
+ * arePropsEqual - Optimized comparison function for memoized input components
+ *
+ * Cải tiến so với version cũ:
+ * - Thêm nhiều props quan trọng (min, max, length, pattern, type, autoFormula, gridSize)
+ * - Cải thiện deep compare cho options
+ * - Tối ưu performance với early return
+ */
+/**
+ * Generic comparison function for input props
+ * Sử dụng cho React.memo để tránh re-render không cần thiết
+ *
+ * @param prevProps - Props trước đó
+ * @param nextProps - Props mới
+ * @returns true nếu props bằng nhau (không cần re-render), false nếu khác (cần re-render)
+ */
+export declare function areInputPropsEqual<T>(prevProps: T, nextProps: T): boolean;
+/**
+ * Comparison function cho field wrapper (FieldWrapper trong DataForm2)
+ */
+export declare function areFieldWrapperPropsEqual(prevProps: {
+    fieldDef: unknown;
+    oldValue: unknown;
+    autoValidateFieldText: boolean;
+    fieldPermissions?: unknown;
+    useMemoizedInputs?: boolean;
+}, nextProps: {
+    fieldDef: unknown;
+    oldValue: unknown;
+    autoValidateFieldText: boolean;
+    fieldPermissions?: unknown;
+    useMemoizedInputs?: boolean;
+}): boolean;
+export default areInputPropsEqual;
+//# sourceMappingURL=arePropsEqual.d.ts.map

package/dist/AWING/DataInput2/arePropsEqual.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arePropsEqual.d.ts","sourceRoot":"","sources":["../../../src/AWING/DataInput2/arePropsEqual.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAiFH;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,GAAG,OAAO,CAkFzE;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACrC,SAAS,EAAE;IACP,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B,EACD,SAAS,EAAE;IACP,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B,GACF,OAAO,CAQT;AAED,eAAe,kBAAkB,CAAC"}

package/dist/AWING/DataInput2/arePropsEqual.js

@@ -0,0 +1,81 @@
+const BASE_KEYS_TO_COMPARE = [
+    'value',
+    'error',
+    'disabled',
+    'readOnly',
+    'required',
+    'label',
+    'name',
+    'fieldName',
+    'helperText',
+    'placeholder',
+    'type',
+    'autoFormula',
+    'gridSize'
+];
+const NUMBER_KEYS = [
+    'min',
+    'max',
+    'minValue',
+    'maxValue'
+];
+const TEXT_KEYS = [
+    'length',
+    'pattern',
+    'multiline'
+];
+const DATE_KEYS = [
+    'allowKeyboardControl'
+];
+function areOptionsEqual(prevOptions, nextOptions) {
+    if (prevOptions === nextOptions) return true;
+    if (!prevOptions || !nextOptions) return false;
+    if (prevOptions.length !== nextOptions.length) return false;
+    if (0 === prevOptions.length) return true;
+    for(let i = 0; i < prevOptions.length; i++){
+        const prevItem = prevOptions[i];
+        const nextItem = nextOptions[i];
+        if (prevItem !== nextItem) {
+            if (!prevItem || !nextItem) return false;
+            if (prevItem.value !== nextItem.value || prevItem.label !== nextItem.label || prevItem.text !== nextItem.text || prevItem.disabled !== nextItem.disabled) return false;
+        }
+    }
+    return true;
+}
+function areInputPropsEqual(prevProps, nextProps) {
+    const prev = prevProps;
+    const next = nextProps;
+    for (const key of BASE_KEYS_TO_COMPARE)if (prev[key] !== next[key]) return false;
+    if ('number' === prev.type || 'number' === next.type) {
+        for (const key of NUMBER_KEYS)if (prev[key] !== next[key]) return false;
+    }
+    if ('text' === prev.type || 'text-area' === prev.type || 'email' === prev.type || 'tel' === prev.type || 'url' === prev.type || 'password' === prev.type) {
+        for (const key of TEXT_KEYS)if (prev[key] !== next[key]) return false;
+    }
+    if ('date' === prev.type || 'month' === prev.type || 'date-range' === prev.type) {
+        for (const key of DATE_KEYS)if (prev[key] !== next[key]) return false;
+        if ('options' in prev && 'options' in next) {
+            const prevOpts = prev.options;
+            const nextOpts = next.options;
+            if (prevOpts !== nextOpts) {
+                if (!prevOpts || !nextOpts) return false;
+                if (prevOpts.minDate !== nextOpts.minDate || prevOpts.maxDate !== nextOpts.maxDate || prevOpts.format !== nextOpts.format) return false;
+            }
+        }
+    }
+    if ('options' in prev && 'options' in next) {
+        if (!areOptionsEqual(prev.options, next.options)) return false;
+    }
+    if ('multiple' in prev || 'multiple' in next) {
+        if (prev.multiple !== next.multiple) return false;
+    }
+    if ('component' in prev || 'component' in next) {
+        if (prev.component !== next.component) return false;
+    }
+    return true;
+}
+function areFieldWrapperPropsEqual(prevProps, nextProps) {
+    return prevProps.fieldDef === nextProps.fieldDef && prevProps.oldValue === nextProps.oldValue && prevProps.autoValidateFieldText === nextProps.autoValidateFieldText && prevProps.fieldPermissions === nextProps.fieldPermissions && prevProps.useMemoizedInputs === nextProps.useMemoizedInputs;
+}
+const arePropsEqual = areInputPropsEqual;
+export { areFieldWrapperPropsEqual, areInputPropsEqual, arePropsEqual as default };

package/dist/AWING/DataInput2/components/AsyncAutocompleteInput.d.ts

@@ -0,0 +1,17 @@
+import { type BaseFieldDefinition } from '../interfaces';
+import { FIELD_TYPE } from '../enums';
+import { MenuOption } from '../../interface';
+import { fetchOptionsType } from '../../AsyncAutocomplete';
+export interface AsyncAutocompleteFieldDefinition<T> extends BaseFieldDefinition<T> {
+    type: FIELD_TYPE.ASYNC_AUTOCOMPLETE | 'async-autocomplete';
+    fetchOptions: fetchOptionsType<T>;
+    getOptionValue(val: T): number | string;
+    getOptionLabel(val: T): string;
+    listOptions?: MenuOption<number>[];
+    multiple?: boolean;
+    pageSize?: number;
+}
+declare function AsyncAutocompleteInputWrapper<T>(props: AsyncAutocompleteFieldDefinition<T>): import("react/jsx-runtime").JSX.Element;
+export declare const AsyncAutocompleteInput: typeof AsyncAutocompleteInputWrapper;
+export default AsyncAutocompleteInput;
+//# sourceMappingURL=AsyncAutocompleteInput.d.ts.map

package/dist/AWING/DataInput2/components/AsyncAutocompleteInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncAutocompleteInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput2/components/AsyncAutocompleteInput.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAA0B,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAG9E,MAAM,WAAW,gCAAgC,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAC/E,IAAI,EAAE,UAAU,CAAC,kBAAkB,GAAG,oBAAoB,CAAC;IAC3D,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAClC,cAAc,CAAC,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC;IACxC,cAAc,CAAC,GAAG,EAAE,CAAC,GAAG,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AA0ED,iBAAS,6BAA6B,CAAC,CAAC,EAAE,KAAK,EAAE,gCAAgC,CAAC,CAAC,CAAC,2CAEnF;AAED,eAAO,MAAM,sBAAsB,EAG9B,OAAO,6BAA6B,CAAC;AAE1C,eAAe,sBAAsB,CAAC"}

package/dist/AWING/DataInput2/components/AsyncAutocompleteInput.js

@@ -0,0 +1,57 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import i18n from "../../../translate/i18n.js";
+import { notNullValid } from "../../ultis/index.js";
+import AsyncAutocomplete from "../../AsyncAutocomplete/index.js";
+import { areInputPropsEqual } from "../arePropsEqual.js";
+function AsyncAutocompleteInputInner(fieldDefinition) {
+    const { t } = useTranslation(void 0, {
+        i18n: i18n
+    });
+    const { fetchOptions, getOptionLabel, getOptionValue, value, onChange, disabled, error, disableHelperText, helperText, onValidateCustom, listOptions, multiple = false, pageSize = 10, ...other } = fieldDefinition;
+    const onValidate = (val)=>{
+        if (!val) return false;
+        if (Array.isArray(val)) return notNullValid(val);
+        if (onValidateCustom) return onValidateCustom(val);
+        return true;
+    };
+    const [optionSelected, setOptionSelected] = useState(value);
+    useEffect(()=>{
+        setOptionSelected(value);
+    }, [
+        value
+    ]);
+    return /*#__PURE__*/ jsx(AsyncAutocomplete, {
+        fetchOptions: fetchOptions,
+        getOptionLabel: getOptionLabel,
+        getOptionValue: getOptionValue,
+        multiple: multiple,
+        disableCloseOnSelect: multiple,
+        value: optionSelected,
+        onChange: (newValue)=>{
+            setOptionSelected(newValue);
+            if (newValue) {
+                let valueToSend;
+                valueToSend = Array.isArray(newValue) ? newValue.map((item)=>getOptionValue(item)) : getOptionValue(newValue);
+                onChange && onChange(valueToSend, onValidate(newValue));
+            } else onChange && onChange(void 0, false);
+        },
+        disabled: disabled,
+        TextFieldProps: {
+            variant: 'standard',
+            error: error,
+            helperText: !disableHelperText && error ? helperText ?? t('Common.InvalidData') : '',
+            ...other
+        },
+        pageSize: pageSize
+    });
+}
+function AsyncAutocompleteInputWrapper(props) {
+    return /*#__PURE__*/ jsx(AsyncAutocompleteInputInner, {
+        ...props
+    });
+}
+const AsyncAutocompleteInput_AsyncAutocompleteInput = /*#__PURE__*/ memo(AsyncAutocompleteInputWrapper, areInputPropsEqual);
+const AsyncAutocompleteInput = AsyncAutocompleteInput_AsyncAutocompleteInput;
+export { AsyncAutocompleteInput_AsyncAutocompleteInput as AsyncAutocompleteInput, AsyncAutocompleteInput as default };

package/dist/AWING/DataInput2/components/AutocompleteInput.d.ts

@@ -0,0 +1,17 @@
+import { MenuOption } from '../../interface';
+import { Value } from '../../DirectoryTree';
+import { type BaseFieldDefinition } from '../interfaces';
+import { FIELD_TYPE } from '../enums';
+export interface AutocompleteFieldDefinition<T> extends BaseFieldDefinition<T> {
+    type: FIELD_TYPE.AUTOCOMPLETE | 'autocomplete';
+    options: Array<MenuOption<Value>>;
+    loading?: boolean;
+    disableClearable?: boolean;
+    multiple?: boolean;
+    isDirectory?: boolean;
+    clearOnEscape?: boolean;
+}
+declare function AutocompleteInputWrapper<T>(props: AutocompleteFieldDefinition<T>): import("react/jsx-runtime").JSX.Element;
+export declare const AutocompleteInput: typeof AutocompleteInputWrapper;
+export default AutocompleteInput;
+//# sourceMappingURL=AutocompleteInput.d.ts.map

package/dist/AWING/DataInput2/components/AutocompleteInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput2/components/AutocompleteInput.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,2BAA2B,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAC1E,IAAI,EAAE,UAAU,CAAC,YAAY,GAAG,cAAc,CAAC;IAC/C,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AA8GD,iBAAS,wBAAwB,CAAC,CAAC,EAAE,KAAK,EAAE,2BAA2B,CAAC,CAAC,CAAC,2CAEzE;AAED,eAAO,MAAM,iBAAiB,EAAyD,OAAO,wBAAwB,CAAC;AAEvH,eAAe,iBAAiB,CAAC"}