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

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

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { useTranslation } from "react-i18next";
+import { DatePicker } from "@mui/x-date-pickers";
+import moment from "moment";
+import i18n from "../../../translate/i18n.js";
+import { dateValid } from "../../ultis/index.js";
+import { areInputPropsEqual } from "../arePropsEqual.js";
+const MonthTimeInputInner = (fieldDefinition)=>{
+    const { t } = useTranslation(void 0, {
+        i18n: i18n
+    });
+    const { label, value, onChange, disabled, readOnly, error, disableHelperText, helperText, required, onValidateCustom } = fieldDefinition;
+    const onValidate = (val)=>{
+        if (onValidateCustom) return onValidateCustom(val);
+        return dateValid(val);
+    };
+    return /*#__PURE__*/ jsx(DatePicker, {
+        views: [
+            'month',
+            'year'
+        ],
+        label: label,
+        value: moment(value, 'MM-YYYY'),
+        disabled: disabled,
+        onChange: (date)=>onChange && onChange(date?.toDate(), onValidate(date?.toDate())),
+        readOnly: readOnly,
+        slotProps: {
+            textField: {
+                required: required,
+                fullWidth: true,
+                variant: 'standard',
+                error: error,
+                helperText: !disableHelperText && error ? helperText ?? t('Common.InvalidData') : ''
+            }
+        }
+    });
+};
+const MonthTimeInput = /*#__PURE__*/ memo(MonthTimeInputInner, areInputPropsEqual);
+MonthTimeInput.displayName = 'MonthTimeInput';
+const components_MonthTimeInput = MonthTimeInput;
+export { MonthTimeInput, components_MonthTimeInput as default };

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

@@ -0,0 +1,9 @@
+import { IMultipleHierarchicalChoiceInput, IMultipleHierarchicalChoiceProps } from '../../MultipleHierarchicalChoice';
+import { type BaseFieldDefinition } from '../interfaces';
+import { FIELD_TYPE } from '../enums';
+export interface MultipleHierarchicalDefinition extends Omit<BaseFieldDefinition<IMultipleHierarchicalChoiceInput[][]>, 'helperText'>, Omit<IMultipleHierarchicalChoiceProps, 'defaultValue' | 'onChange' | 'error'> {
+    type: FIELD_TYPE.MULTIPLE_HIERARCHICAL | 'multiple-hierarchical';
+}
+export declare const MultipleHierarchicalInput: import("react").MemoExoticComponent<(fieldDefinition: MultipleHierarchicalDefinition) => import("react/jsx-runtime").JSX.Element>;
+export default MultipleHierarchicalInput;
+//# sourceMappingURL=MultipleHierarchicalInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleHierarchicalInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput2/components/MultipleHierarchicalInput.tsx"],"names":[],"mappings":"AAKA,OAAmC,EAC/B,gCAAgC,EAChC,gCAAgC,EACnC,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,8BACb,SACI,IAAI,CAAC,mBAAmB,CAAC,gCAAgC,EAAE,EAAE,CAAC,EAAE,YAAY,CAAC,EAC7E,IAAI,CAAC,gCAAgC,EAAE,cAAc,GAAG,UAAU,GAAG,OAAO,CAAC;IACjF,IAAI,EAAE,UAAU,CAAC,qBAAqB,GAAG,uBAAuB,CAAC;CACpE;AA2BD,eAAO,MAAM,yBAAyB,wDAzBmB,8BAA8B,6CA4BtF,CAAC;AAGF,eAAe,yBAAyB,CAAC"}

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

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { useTranslation } from "react-i18next";
+import MultipleHierarchicalChoice from "../../MultipleHierarchicalChoice/index.js";
+import i18n from "../../../translate/i18n.js";
+import { arrayIsNotEmptyValid } from "../../ultis/index.js";
+import { areInputPropsEqual } from "../arePropsEqual.js";
+const MultipleHierarchicalInputInner = (fieldDefinition)=>{
+    const { t } = useTranslation(void 0, {
+        i18n: i18n
+    });
+    const { value, onChange, error, disableHelperText, helperText, onValidateCustom, ...other } = fieldDefinition;
+    const onValidate = (val)=>{
+        if (onValidateCustom) return onValidateCustom(val);
+        return arrayIsNotEmptyValid(val);
+    };
+    return /*#__PURE__*/ jsx(MultipleHierarchicalChoice, {
+        variant: "standard",
+        value: value,
+        onChange: (value)=>{
+            onChange && onChange(value, onValidate(value));
+        },
+        error: error,
+        helperText: !disableHelperText && error ? helperText ?? t('Common.InvalidData') : '',
+        ...other
+    });
+};
+const MultipleHierarchicalInput = /*#__PURE__*/ memo(MultipleHierarchicalInputInner, areInputPropsEqual);
+MultipleHierarchicalInput.displayName = 'MultipleHierarchicalInput';
+const components_MultipleHierarchicalInput = MultipleHierarchicalInput;
+export { MultipleHierarchicalInput, components_MultipleHierarchicalInput as default };

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

@@ -0,0 +1,14 @@
+import { type BaseFieldDefinition } from '../interfaces';
+import { FIELD_TYPE } from '../enums';
+export interface NumberFieldDefinition extends BaseFieldDefinition<number> {
+    type: FIELD_TYPE.NUMBER | 'number';
+    defaultValue?: number;
+    autoFormula?: string;
+    min?: number;
+    max?: number;
+    onChange?(newValue?: number, valid?: boolean, actualValue?: number): void;
+}
+export declare function clampNumber(value: number, min?: number, max?: number): number;
+export declare const NumberInput: import("react").MemoExoticComponent<(fieldDefinition: NumberFieldDefinition) => import("react/jsx-runtime").JSX.Element>;
+export default NumberInput;
+//# sourceMappingURL=NumberInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput2/components/NumberInput.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB,CAAC,MAAM,CAAC;IACtE,IAAI,EAAE,UAAU,CAAC,MAAM,GAAG,QAAQ,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7E;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,UAKpE;AAwED,eAAO,MAAM,WAAW,wDAtEmB,qBAAqB,6CAsE4B,CAAC;AAG7F,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,65 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import i18n from "../../../translate/i18n.js";
+import NumberFormat from "../../NumberFormat/index.js";
+import { numberNotNullValid } from "../../ultis/index.js";
+import { areInputPropsEqual } from "../arePropsEqual.js";
+function clampNumber(value, min, max) {
+    let result = value;
+    if (void 0 !== min) result = Math.max(result, min);
+    if (void 0 !== max) result = Math.min(result, max);
+    return result;
+}
+const NumberInputInner = (fieldDefinition)=>{
+    const { t } = useTranslation(void 0, {
+        i18n: i18n
+    });
+    const { name, defaultValue, value, onChange, error, disableHelperText, helperText, min, max, onValidateCustom, ...other } = fieldDefinition;
+    const [valueInput, setValueInput] = useState(defaultValue || value || '');
+    useEffect(()=>{
+        if (valueInput !== value) setValueInput(value ?? '');
+    }, [
+        value
+    ]);
+    const onValidate = (val)=>{
+        if (onValidateCustom) return onValidateCustom(Number(val));
+        if (fieldDefinition.required && ('' === val || null == val)) return false;
+        return (void 0 === min || Number(val) >= min) && (void 0 === max || Number(val) <= max) && numberNotNullValid(Number(val));
+    };
+    const handleChange = (event)=>{
+        const newValue = event.target.value;
+        if ('-' === newValue || '' === newValue) {
+            if ('-' === newValue && void 0 !== min && min >= 0) {
+                setValueInput(0);
+                onChange?.(0, onValidate(0), 0);
+            } else {
+                setValueInput(newValue);
+                const isValid = !fieldDefinition.required;
+                onChange?.(void 0, isValid, void 0);
+            }
+            return;
+        }
+        const numberValue = Number(newValue);
+        if (!isNaN(numberValue)) {
+            const currentValue = clampNumber(numberValue, min, max);
+            setValueInput(currentValue);
+            onChange && onChange(currentValue, onValidate(currentValue), numberValue);
+        }
+    };
+    return /*#__PURE__*/ jsx(NumberFormat, {
+        id: name?.toString(),
+        name: name?.toString(),
+        fullWidth: true,
+        variant: "standard",
+        value: valueInput,
+        onChange: handleChange,
+        error: error,
+        helperText: !disableHelperText && error ? helperText ?? t('Common.InvalidData') : '',
+        ...other
+    });
+};
+const NumberInput = /*#__PURE__*/ memo(NumberInputInner, areInputPropsEqual);
+NumberInput.displayName = 'NumberInput';
+const components_NumberInput = NumberInput;
+export { NumberInput, clampNumber, components_NumberInput as default };

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

@@ -0,0 +1,14 @@
+/**
+ * RadioInput - Memoized version for DataInput2
+ */
+import { ReactNode } from 'react';
+import { MenuOption } from '../../interface';
+import { type BaseFieldDefinition } from '../interfaces';
+import { FIELD_TYPE } from '../enums';
+export interface RadioFieldDefinition extends BaseFieldDefinition<string> {
+    options: Array<MenuOption<string>>;
+    type: FIELD_TYPE.RADIO | 'radio';
+}
+export declare const RadioInput: import("react").MemoExoticComponent<(fieldDefinition: RadioFieldDefinition) => ReactNode>;
+export default RadioInput;
+//# sourceMappingURL=RadioInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput2/components/RadioInput.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAQ,SAAS,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB,CAAC,MAAM,CAAC;IACrE,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IACnC,IAAI,EAAE,UAAU,CAAC,KAAK,GAAG,OAAO,CAAC;CACpC;AAuCD,eAAO,MAAM,UAAU,wDArCmB,oBAAoB,KAAG,SAAS,CAqCe,CAAC;AAG1F,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { FormControl, FormControlLabel, FormLabel, Radio, RadioGroup } from "@mui/material";
+import { notNullValid } from "../../ultis/index.js";
+import { areInputPropsEqual } from "../arePropsEqual.js";
+const RadioInputInner = (fieldDefinition)=>{
+    const { name, value, onChange, options, required, label, onValidateCustom } = fieldDefinition;
+    const onValidate = (value)=>{
+        if (onValidateCustom) return onValidateCustom(value);
+        return notNullValid(value);
+    };
+    return /*#__PURE__*/ jsxs(FormControl, {
+        component: "fieldset",
+        children: [
+            /*#__PURE__*/ jsx(FormLabel, {
+                component: "legend",
+                required: required,
+                children: label
+            }),
+            /*#__PURE__*/ jsx(RadioGroup, {
+                "aria-label": name?.toString(),
+                name: name?.toString(),
+                value: value,
+                onChange: (_event, value)=>{
+                    onChange && onChange(value, onValidate(value));
+                },
+                children: options.map((item, index)=>/*#__PURE__*/ jsx(FormControlLabel, {
+                        value: item.value,
+                        control: /*#__PURE__*/ jsx(Radio, {}),
+                        label: item.label ?? item.text,
+                        disabled: item.disabled
+                    }, `${name?.toString()}-opt-${index}`))
+            })
+        ]
+    });
+};
+const RadioInput_RadioInput = /*#__PURE__*/ memo(RadioInputInner, areInputPropsEqual);
+RadioInput_RadioInput.displayName = 'RadioInput';
+const RadioInput = RadioInput_RadioInput;
+export { RadioInput_RadioInput as RadioInput, RadioInput as default };

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

@@ -0,0 +1,11 @@
+import type { MenuOption, ValueBase } from '../../interface';
+import { type BaseFieldDefinition } from '../interfaces';
+import { FIELD_TYPE } from '../enums';
+export interface SelectFolderFieldDefinition<T> extends BaseFieldDefinition<T> {
+    type: FIELD_TYPE.SELECT_FOLDER | 'select-folder';
+    options?: Array<MenuOption<ValueBase>>;
+}
+declare function SelectFolderInputWrapper<T>(props: SelectFolderFieldDefinition<T>): import("react/jsx-runtime").JSX.Element;
+export declare const SelectFolderInput: typeof SelectFolderInputWrapper;
+export default SelectFolderInput;
+//# sourceMappingURL=SelectFolderInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFolderInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput2/components/SelectFolderInput.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE7D,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,aAAa,GAAG,eAAe,CAAC;IACjD,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1C;AA6DD,iBAAS,wBAAwB,CAAC,CAAC,EAAE,KAAK,EAAE,2BAA2B,CAAC,CAAC,CAAC,2CAEzE;AAED,eAAO,MAAM,iBAAiB,EAAyD,OAAO,wBAAwB,CAAC;AAEvH,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { useTranslation } from "react-i18next";
+import i18n from "../../../translate/i18n.js";
+import { MenuItem, TextField } from "@mui/material";
+import { notNullValid } from "../../ultis/index.js";
+import { areInputPropsEqual } from "../arePropsEqual.js";
+function SelectFolderInputInner(fieldDefinition) {
+    const { t } = useTranslation(void 0, {
+        i18n: i18n
+    });
+    const { name, value, onChange, error, disableHelperText, helperText, options, required, onValidateCustom, ...other } = fieldDefinition;
+    const onValidate = (val)=>{
+        if (onValidateCustom) return onValidateCustom(val);
+        return notNullValid(val);
+    };
+    return /*#__PURE__*/ jsxs(TextField, {
+        id: name,
+        name: name,
+        fullWidth: true,
+        select: true,
+        variant: "standard",
+        ...other,
+        value: value ?? '',
+        onChange: (event)=>onChange && onChange(event.target.value, onValidate(event.target.value)),
+        error: error,
+        helperText: error ? helperText ?? t('Common.InvalidData') : '',
+        children: [
+            !required && /*#__PURE__*/ jsx(MenuItem, {
+                value: "",
+                children: /*#__PURE__*/ jsx("em", {
+                    children: t('Common.None')
+                })
+            }),
+            options && options.map((item, index)=>/*#__PURE__*/ jsx(MenuItem, {
+                    value: item?.value,
+                    disabled: item?.disabled,
+                    style: {
+                        paddingLeft: 24 * (item?.level || 0) + 'px'
+                    },
+                    children: item?.label ?? item?.text
+                }, `${name}-opt-${index}`))
+        ]
+    }, name);
+}
+function SelectFolderInputWrapper(props) {
+    return /*#__PURE__*/ jsx(SelectFolderInputInner, {
+        ...props
+    });
+}
+const SelectFolderInput = /*#__PURE__*/ memo(SelectFolderInputWrapper, areInputPropsEqual);
+const components_SelectFolderInput = SelectFolderInput;
+export { SelectFolderInput, components_SelectFolderInput as default };

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

@@ -0,0 +1,21 @@
+import { MenuOption } from '../../interface';
+import { type BaseFieldDefinition } from '../interfaces';
+import { FIELD_TYPE } from '../enums';
+export interface SelectFieldSingle<T> extends Omit<BaseFieldDefinition<T>, 'onChange'> {
+    multiple?: false;
+    onChange?: (newValue: string | number, valid?: boolean) => void;
+}
+export interface SelectFieldMultiple<T> extends Omit<BaseFieldDefinition<T[]>, 'onChange'> {
+    multiple?: true;
+    onChange?: (newValue: (string | number)[], valid?: boolean) => void;
+}
+export type SelectFieldDefinition<T extends string | number = string | number> = {
+    type: FIELD_TYPE.SELECT | 'select';
+    options: Array<MenuOption<T>>;
+    row?: Partial<T>;
+    onDisabledSelectItem?: (value: T, row?: Partial<T>) => boolean;
+} & (SelectFieldSingle<T> | SelectFieldMultiple<T>);
+declare function SelectInputWrapper<T extends string | number>(props: SelectFieldDefinition<T>): import("react/jsx-runtime").JSX.Element;
+export declare const SelectInput: typeof SelectInputWrapper;
+export default SelectInput;
+//# sourceMappingURL=SelectInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput2/components/SelectInput.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,iBAAiB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC;IAClF,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACnE;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,mBAAmB,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC;IACtF,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACvE;AAED,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI;IAC7E,IAAI,EAAE,UAAU,CAAC,MAAM,GAAG,QAAQ,CAAC;IACnC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9B,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACjB,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;CAClE,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;AA+FpD,iBAAS,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAErF;AAED,eAAO,MAAM,WAAW,EAAmD,OAAO,kBAAkB,CAAC;AAErG,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,80 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { useTranslation } from "react-i18next";
+import { MenuItem, TextField } from "@mui/material";
+import i18n from "../../../translate/i18n.js";
+import { arrayIsNotEmptyValid, notNullValid } from "../../ultis/index.js";
+import { areInputPropsEqual } from "../arePropsEqual.js";
+function SelectInputInner(fieldDefinition) {
+    const { t } = useTranslation(void 0, {
+        i18n: i18n
+    });
+    const { name, multiple = false, value, onChange, error, disableHelperText, helperText, options = [], row, onDisabledSelectItem, required, onValidateCustom, fieldName, ...other } = fieldDefinition;
+    const onValidate = (val)=>{
+        const newValue = val;
+        if (onValidateCustom) return onValidateCustom(newValue);
+        if (multiple) return arrayIsNotEmptyValid(newValue);
+        return notNullValid(val);
+    };
+    const handleChange = (event)=>{
+        const newValue = event.target.value;
+        onChange && onChange(newValue, onValidate(newValue));
+    };
+    return /*#__PURE__*/ jsxs(TextField, {
+        required: required,
+        id: name?.toString(),
+        name: name?.toString(),
+        fullWidth: true,
+        select: true,
+        variant: "standard",
+        value: value ?? [],
+        onChange: handleChange,
+        error: error,
+        helperText: !disableHelperText && error ? helperText ?? t('Common.InvalidData') : '',
+        disabled: fieldDefinition.disabled,
+        slotProps: {
+            select: {
+                disabled: fieldDefinition.readOnly,
+                multiple: multiple,
+                onChange: (event)=>{
+                    if (multiple) {
+                        const { onChange } = fieldDefinition;
+                        const newValue = event.target.value;
+                        onChange && onChange(newValue, onValidate(newValue));
+                    } else {
+                        const { onChange } = fieldDefinition;
+                        const newValue = event.target.value;
+                        onChange && onChange(newValue, onValidate(newValue));
+                    }
+                }
+            }
+        },
+        ...other,
+        children: [
+            !required && /*#__PURE__*/ jsx(MenuItem, {
+                value: "",
+                children: /*#__PURE__*/ jsx("em", {
+                    children: t('Common.None')
+                })
+            }),
+            options.map((item, index)=>/*#__PURE__*/ jsx(MenuItem, {
+                    value: item.value,
+                    disabled: item.disabled || onDisabledSelectItem && onDisabledSelectItem(item.value, row),
+                    ...item.level && {
+                        sx: {
+                            pl: 2 * (item.level || 0)
+                        }
+                    },
+                    children: item.label ?? item.text
+                }, `${name?.toString()}-opt-${index}`))
+        ]
+    });
+}
+function SelectInputWrapper(props) {
+    return /*#__PURE__*/ jsx(SelectInputInner, {
+        ...props
+    });
+}
+const SelectInput = /*#__PURE__*/ memo(SelectInputWrapper, areInputPropsEqual);
+const components_SelectInput = SelectInput;
+export { SelectInput, components_SelectInput as default };

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

@@ -0,0 +1,19 @@
+import { type BaseFieldDefinition } from '../interfaces';
+import { FIELD_TYPE } from '../enums';
+export interface TextFieldDefinition extends BaseFieldDefinition<string> {
+    type: FIELD_TYPE.TEXT | FIELD_TYPE.EMAIL | FIELD_TYPE.TEL | FIELD_TYPE.TEXT_AREA | FIELD_TYPE.URL | FIELD_TYPE.PASSWORD | 'text' | 'email' | 'tel' | 'text-area' | 'url' | 'password';
+    /**
+     * Độ dài byte, Mặc định là 50, đơn vị tính: 5*10^n (n >= 1)
+     */
+    length?: number;
+    /**
+     * Định dạng regex cho hàm textValid
+     */
+    pattern?: RegExp | false;
+    onValidate?(value?: string, length?: number, pattern?: RegExp | false): boolean;
+    defaultValue?: string;
+    autoFormula?: string;
+}
+export declare const TextInput: import("react").MemoExoticComponent<(fieldDefinition: TextFieldDefinition) => import("react/jsx-runtime").JSX.Element>;
+export default TextInput;
+//# sourceMappingURL=TextInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput2/components/TextInput.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB,CAAC,MAAM,CAAC;IACpE,IAAI,EACE,UAAU,CAAC,IAAI,GACf,UAAU,CAAC,KAAK,GAChB,UAAU,CAAC,GAAG,GACd,UAAU,CAAC,SAAS,GACpB,UAAU,CAAC,GAAG,GACd,UAAU,CAAC,QAAQ,GACnB,MAAM,GACN,OAAO,GACP,KAAK,GACL,WAAW,GACX,KAAK,GACL,UAAU,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACzB,UAAU,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AA4DD,eAAO,MAAM,SAAS,wDA1DmB,mBAAmB,6CA0D0B,CAAC;AAGvF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,46 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { TextField } from "@mui/material";
+import i18n from "../../../translate/i18n.js";
+import { emailValid, notNullValid, numberOnlyValid, passwordValid, textValidation, urlValid } from "../../ultis/index.js";
+import { FIELD_TYPE } from "../enums.js";
+import { areInputPropsEqual } from "../arePropsEqual.js";
+const TextInputInner = (fieldDefinition)=>{
+    const { t } = useTranslation(void 0, {
+        i18n: i18n
+    });
+    const { name, value, onChange, error, disableHelperText, helperText, type, length, pattern, onValidateCustom, fieldName, ...other } = fieldDefinition;
+    const [errorText, setErrorText] = useState(t('Common.InvalidData'));
+    const onValidate = (val)=>{
+        if (onValidateCustom) return onValidateCustom(val ?? '');
+        if (type === FIELD_TYPE.EMAIL) return emailValid(val ?? '');
+        if (type === FIELD_TYPE.TEL) return numberOnlyValid(val);
+        if (type === FIELD_TYPE.URL) return urlValid(val);
+        {
+            if (type === FIELD_TYPE.PASSWORD) return passwordValid(val);
+            if (type !== FIELD_TYPE.TEXT && type !== FIELD_TYPE.TEXT_AREA) return notNullValid(val);
+            const { valid, message } = textValidation(val ?? '', length, Boolean(fieldDefinition.required), pattern);
+            setErrorText(message);
+            return valid;
+        }
+    };
+    return /*#__PURE__*/ jsx(TextField, {
+        id: name?.toString(),
+        name: name?.toString(),
+        type: 'text',
+        fullWidth: true,
+        variant: "standard",
+        multiline: type === FIELD_TYPE.TEXT_AREA,
+        error: error,
+        helperText: !disableHelperText && (error ? helperText ?? errorText : helperText),
+        value: value ?? '',
+        onChange: (event)=>onChange && onChange(event.target.value, onValidate(event.target.value)),
+        disabled: fieldDefinition.readOnly,
+        ...other
+    });
+};
+const TextInput_TextInput = /*#__PURE__*/ memo(TextInputInner, areInputPropsEqual);
+TextInput_TextInput.displayName = 'TextInput';
+const TextInput = TextInput_TextInput;
+export { TextInput_TextInput as TextInput, TextInput as default };

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

@@ -0,0 +1,20 @@
+/**
+ * DataInput2 Components - Export all memoized input components
+ */
+export { TextInput, type TextFieldDefinition } from './TextInput';
+export { NumberInput, type NumberFieldDefinition, clampNumber } from './NumberInput';
+export { SelectInput, type SelectFieldDefinition, type SelectFieldSingle, type SelectFieldMultiple, } from './SelectInput';
+export { CheckBoxInput, type CheckBoxFieldDefinition } from './CheckBoxInput';
+export { RadioInput, type RadioFieldDefinition } from './RadioInput';
+export { DateTimeInput, type DateTimeFieldDefinition } from './DateTimeInput';
+export { DateRangeInput, type DateRangeFieldDefinition } from './DateRangeInput';
+export { MonthTimeInput, type MonthTimeFieldDefinition } from './MonthTimeInput';
+export { AutocompleteInput, type AutocompleteFieldDefinition } from './AutocompleteInput';
+export { AsyncAutocompleteInput, type AsyncAutocompleteFieldDefinition } from './AsyncAutocompleteInput';
+export { CustomInput, type CustomFieldDefinition } from './CustomInput';
+export { GeoFencingInput, type GeoFencingDefinition } from './GeoFencingInput';
+export { MultipleHierarchicalInput, type MultipleHierarchicalDefinition } from './MultipleHierarchicalInput';
+export { SelectFolderInput, type SelectFolderFieldDefinition } from './SelectFolderInput';
+export { MonacoEditorInput, type MonacoEditorFieldDefinition } from './MonacoEditorInput';
+export { LogicExpressionInput, type LogicExpressionDefinition } from './LogicExpressionInput';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput2/components/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,SAAS,EAAE,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,KAAK,qBAAqB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EACH,WAAW,EACX,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,GAC3B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,KAAK,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,KAAK,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGrE,OAAO,EAAE,aAAa,EAAE,KAAK,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,KAAK,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,KAAK,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAGjF,OAAO,EAAE,iBAAiB,EAAE,KAAK,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,KAAK,gCAAgC,EAAE,MAAM,0BAA0B,CAAC;AAGzG,OAAO,EAAE,WAAW,EAAE,KAAK,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,yBAAyB,EAAE,KAAK,8BAA8B,EAAE,MAAM,6BAA6B,CAAC;AAC7G,OAAO,EAAE,iBAAiB,EAAE,KAAK,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAC1F,OAAO,EAAE,iBAAiB,EAAE,KAAK,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAC1F,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC"}

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

@@ -0,0 +1,17 @@
+import { TextInput } from "./TextInput.js";
+import { NumberInput, clampNumber } from "./NumberInput.js";
+import { SelectInput } from "./SelectInput.js";
+import { CheckBoxInput } from "./CheckBoxInput.js";
+import { RadioInput } from "./RadioInput.js";
+import { DateTimeInput } from "./DateTimeInput.js";
+import { DateRangeInput } from "./DateRangeInput.js";
+import { MonthTimeInput } from "./MonthTimeInput.js";
+import { AutocompleteInput } from "./AutocompleteInput.js";
+import { AsyncAutocompleteInput } from "./AsyncAutocompleteInput.js";
+import { CustomInput } from "./CustomInput.js";
+import { GeoFencingInput } from "./GeoFencingInput.js";
+import { MultipleHierarchicalInput } from "./MultipleHierarchicalInput.js";
+import { SelectFolderInput } from "./SelectFolderInput.js";
+import { MonacoEditorInput } from "./MonacoEditorInput.js";
+import { LogicExpressionInput } from "./LogicExpressionInput.js";
+export { AsyncAutocompleteInput, AutocompleteInput, CheckBoxInput, CustomInput, DateRangeInput, DateTimeInput, GeoFencingInput, LogicExpressionInput, MonacoEditorInput, MonthTimeInput, MultipleHierarchicalInput, NumberInput, RadioInput, SelectFolderInput, SelectInput, TextInput, clampNumber };

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

@@ -0,0 +1,29 @@
+/**
+ * DataInput2 Enums
+ * Independent copy from DataInput
+ */
+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",
+    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/DataInput2/enums.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../src/AWING/DataInput2/enums.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,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,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/DataInput2/enums.js

@@ -0,0 +1,26 @@
+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["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/DataInput2/index.d.ts

@@ -0,0 +1,38 @@
+/**
+ * DataInput2 - Optimized InputFactory using JSX Elements
+ *
+ * Khác biệt so với DataInput:
+ * 1. Tất cả components đều được memoized với React.memo
+ * 2. Sử dụng JSX elements (<Component {...props} />) thay vì function calls (Component(props))
+ * 3. arePropsEqual được cải tiến với nhiều props hơn
+ * 4. Tương thích 100% với DataForm2
+ */
+import { type FieldDefinitionProps } from './interfaces';
+/**
+ * InputFactory2 - Optimized factory using JSX Elements
+ *
+ * @param fieldDefinition - Field definition từ DataForm2
+ * @returns JSX Element của input component tương ứng
+ *
+ * @example
+ * ```tsx
+ * import InputFactory2 from 'AWING/DataInput2';
+ *
+ * const field: FieldDefinitionProps = {
+ *   type: FIELD_TYPE.TEXT,
+ *   fieldName: 'username',
+ *   label: 'Username',
+ *   value: '',
+ *   onChange: (value, valid) => console.log(value, valid),
+ * };
+ *
+ * // Render as JSX element (recommended)
+ * <InputFactory2 {...field} />
+ * ```
+ */
+export default function InputFactory2<T extends object>(fieldDefinition: FieldDefinitionProps<T>): import("react/jsx-runtime").JSX.Element;
+export * from './enums';
+export * from './components';
+export { areInputPropsEqual, areFieldWrapperPropsEqual } from './arePropsEqual';
+export type { FieldDefinitionProps, BaseFieldDefinition } from './interfaces';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AWING/DataInput2/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAsBzD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,eAAe,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAkE/F;AAGD,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAGhF,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC"}