beca-ui 2.1.6 → 2.1.8

package/dist/components/DynamicForm/types.d.ts

@@ -0,0 +1,266 @@
+import type { FormInstance } from "../Form";
+import type { UploadFile } from "../Upload";
+import type { MasterDetailRefs } from "./MasterDetail/types";
+import type { DynamicWorkflowScriptWindow } from "./scriptEngine/types";
+export type { FormInstance, UploadFile, DynamicWorkflowScriptWindow, MasterDetailRefs, };
+export type FieldType = "text" | "input" | "textarea" | "editor" | "checkbox" | "radio" | "select" | "lookup" | "dateTime" | "number" | "yesno" | "currency" | "choice" | "file";
+export interface RadioType {
+    label: string | number;
+    value: string | number;
+}
+export interface CheckboxType {
+    label: string | number;
+    value: string | number;
+}
+export interface SelectItemType {
+    label: string | number;
+    value: string | number;
+    userStatus?: number;
+    fullName?: string;
+    linkAvatar?: string;
+    [key: string]: any;
+}
+export interface ColType {
+    allowExtensions?: string;
+    allowInput?: boolean;
+    allowMulitpleSelections?: boolean;
+    apiLabelColumn?: string;
+    apiValueColumn?: string;
+    avatarName?: string;
+    avatarGroupSize?: number;
+    avatarGroupMax?: number;
+    checkboxItems?: CheckboxType[];
+    debounce?: boolean;
+    defaultValue?: any;
+    defaultValue2?: any;
+    displayType?: string;
+    description?: string;
+    editable?: boolean;
+    executeJs?: string;
+    extra?: string;
+    filterByColumn?: string;
+    filterByProperty?: string;
+    hidden?: boolean;
+    id?: number;
+    isAverageGrid?: boolean;
+    isDateOnly?: boolean;
+    isEdit?: boolean;
+    isHide?: boolean;
+    isNotAllowSelectToday?: boolean;
+    isPercentages?: boolean;
+    isPlainText?: boolean;
+    isMultiLine?: boolean;
+    setting?: any;
+    isQrBarCodeScan?: boolean;
+    isSumGrid?: boolean;
+    key?: string;
+    label?: string;
+    labelEN?: string;
+    lookupItems?: SelectItemType[];
+    lookupItemsAfterFilter?: SelectItemType[];
+    maxLength?: number;
+    maximum?: number;
+    minLength?: number;
+    minimum?: number;
+    name: string;
+    numberOfDecimalPlaces?: number;
+    placeholder?: string;
+    radioItems?: RadioType[];
+    realType?: FieldType;
+    required?: boolean;
+    selectedCheckbox?: any[];
+    selectItems?: SelectItemType[];
+    styleClass?: string;
+    type: FieldType;
+    viewOnly?: boolean;
+    width?: number;
+    widthInReport?: number;
+    visibleCondition?: string;
+    selectDisplayType?: "Tree" | "Select";
+    choiceDescription?: string;
+    masterDetailFormats?: ColType[];
+    groupTitle?: boolean;
+    groupNumber?: string | number;
+    [key: string]: any;
+}
+export interface RowsType {
+    row: ColType[];
+}
+export interface FieldData {
+    name: string | number | (string | number)[];
+    value?: any;
+    touched?: boolean;
+    validating?: boolean;
+    validated?: boolean;
+    errors?: string[];
+}
+export interface FormEditorType {
+    item: ColType;
+    isNew?: boolean;
+    rowLength?: number;
+    formVertical?: boolean;
+}
+export interface MasterDetailType {
+    id: number;
+    name: string;
+    title: string;
+    visibleCondition?: string;
+    colTypes: ColType[];
+    rows: ColType[][];
+    dataSource: any[];
+    isRequired?: boolean;
+    defaultValue?: string;
+    defaultValueEN?: string;
+    isAutoGenerateNewRow?: boolean;
+    groupNumber?: string | number;
+    groupTitle?: boolean;
+    originalIndex?: number;
+    [key: string]: any;
+}
+export interface DynamicFormVisibleCondition {
+    name: string;
+    visibleCondition: string;
+}
+export interface DynamicFormVisibleGroupCondition {
+    groupNumber: string;
+    visibleCondition: string;
+}
+export type DynamicFormRequiredType = "checklist" | "outdated" | "link";
+export interface DynamicFormRequiredCondition {
+    name: string;
+    typeRequired: DynamicFormRequiredType;
+    target?: string;
+    requiredCondition: string;
+}
+export interface UserWorkflowActionsModel {
+    allowShare?: boolean;
+    allowPrint?: boolean;
+    allowExit?: boolean;
+    allowSave?: boolean;
+    allowProcessConfiguration?: boolean;
+    allowSend?: boolean;
+    allowRecall?: boolean;
+    allowAccept?: boolean;
+    allowApprove?: boolean;
+    allowReturn?: boolean;
+    allowReject?: boolean;
+    allowReplace?: boolean;
+    allowAddInfo?: boolean;
+    allowAddLinking?: boolean;
+    allowAttachment?: boolean;
+    allowIdea?: boolean;
+    allowAddIdea?: boolean;
+    allowEdit?: boolean;
+    allowEditResource?: boolean;
+    allowReFileApproved?: boolean;
+    allowReInsertTemplateFile?: boolean;
+    allowReAllFileApproved?: boolean;
+    allowEditUserWorkflow?: boolean;
+    allowDeleteByAdmin?: boolean;
+    allowDeleteFileByAdmin?: boolean;
+    allowEditMasterDetail?: boolean[];
+    allowAddMasterDetail?: boolean[];
+    allowEditApplication?: boolean;
+    defaultAllowEditMasterDetail?: boolean[];
+    allowAddNote?: boolean;
+    allowShowIssuedDocumentLabel?: boolean;
+    isHavingIdeaStep?: boolean;
+    labelAddInfo?: string;
+    labelSave?: string;
+    labelNext?: string;
+    labelReturn?: string;
+    labelApprove?: string;
+    labelReject?: string;
+    labelRecall?: string;
+    labelReplace?: string;
+    labelIdea?: string;
+    labelShare?: string;
+    labelExit?: string;
+    labelPrint?: string;
+    labelSend?: string;
+    labelAddInfoEN?: string;
+    [key: string]: any;
+}
+export interface PropertyFileItem {
+    Id: number;
+    Name: string;
+    Path: string;
+    ViewUrl?: string;
+    DownloadUrl?: string;
+    [key: string]: any;
+}
+export interface PropertyFileUploadValue {
+    fileList: PropertyUploadFile[];
+    nextId: number;
+}
+export type PropertyUploadFile = UploadFile<any> & {
+    propertyFile?: PropertyFileItem;
+};
+export interface DynamicFormGroup {
+    groupNumber: string;
+    level: number;
+    groupTitle?: string;
+    rows: RowsType[];
+    masterDetailFormats: MasterDetailType[];
+    children: DynamicFormGroup[];
+}
+export interface MasterDetailsRenderProps {
+    [key: string]: any;
+    masterDetailFormats: MasterDetailType[];
+    form: FormInstance<any>;
+    rows: RowsType[];
+    actions: UserWorkflowActionsModel;
+    hiddenMasterDetailNames: string[];
+}
+export type DynamicFormLocale = "vi" | "en";
+export interface DynamicFormTranslations {
+    [key: string]: string;
+}
+export interface DynamicFormProps {
+    form: FormInstance<any>;
+    rows: RowsType[];
+    mode?: "new" | "draft" | "detail" | "edit";
+    userWorkflowId?: number;
+    workflow?: any;
+    autoRunScripts?: boolean;
+    scriptEngineRef?: React.Ref<any>;
+    onFinish?: (values: any) => void;
+    onFinishFailed?: (errorFields: any) => void;
+    onChangeFields?: (changedFields: any) => void;
+    actions?: UserWorkflowActionsModel;
+    isMobileApp?: boolean;
+    changeOptionOfCol?: (id: number, options: any) => void;
+    checkFilterFromLookupItems?: (col: ColType, value: any) => void;
+    masterDetails?: any;
+    masterDetailFormats?: MasterDetailType[];
+    masterDetailValues?: any;
+    onChangeMDValues?: (values: any) => void;
+    workflowScripts?: string[];
+    masterDetailsRef?: React.MutableRefObject<MasterDetailRefs[]>;
+    changeOptionOfColMasterDetail?: (masterDetailName: string, id: number, options: any) => void;
+    hiddenMasterDetailNames?: string[];
+    renderMasterDetails?: (props: MasterDetailsRenderProps) => React.ReactNode;
+    onRequiredConditionsChange?: (conditions: DynamicFormRequiredCondition[]) => void;
+    selectedGroup?: string;
+    onSelectedGroupChange?: (groupNumber: string) => void;
+    locale?: DynamicFormLocale;
+    translations?: DynamicFormTranslations;
+    userType?: string;
+    onSearchLookupDebounce?: (id?: number, searchTerm?: string) => Promise<any[]>;
+    onUploadPropertyFile?: (colId: number, file: any) => Promise<{
+        success: boolean;
+        value: string | number;
+        message?: string;
+    }>;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface DynamicFormRef {
+    form: FormInstance<any>;
+    masterDetailsRef: React.MutableRefObject<MasterDetailRefs[]>;
+    validate: () => Promise<any>;
+    validateMasterDetails: () => boolean;
+    getMasterDetailValues: () => any;
+    setMasterDetailValues: (values: any) => void;
+}
+export * from "./MasterDetail/types";

package/dist/components/DynamicForm/utils.d.ts

@@ -0,0 +1,59 @@
+import type { FormInstance } from "..";
+import type { ColType, DynamicFormRequiredCondition, DynamicFormVisibleCondition, DynamicFormVisibleGroupCondition, SelectItemType } from "./types";
+export declare const imageExtensions: string[];
+export declare const videoExtensions: string[];
+export declare const msWordExtensions: string[];
+export declare const msExcelExtensions: string[];
+export declare const msPowerPointExtensions: string[];
+export declare const msPdfExtensions: string[];
+export declare const FileUtils: {
+    getFileExtension(fileName?: string): string;
+    isImage(extension?: string | false): boolean;
+    isVideo(extension?: string | false): boolean;
+    isMSWord(extension?: string): boolean;
+    isMSExcel(extension?: string): boolean;
+    isMSPowerPoint(extension?: string): boolean;
+    isMSPdf(extension?: string): boolean;
+};
+export declare function displayDate(val?: any): string;
+export declare function displayDateTime(val?: any): string;
+export declare function thousandsSeparator(val?: string | number): string;
+export declare function formatVietnameseNumberInput(val: any, isPercentages?: boolean): string;
+export declare function parseVietnameseNumberInput(val?: string): string;
+export declare function displayNumber(val: any, options?: {
+    isPercentages?: boolean;
+    numberOfDecimalPlaces?: number;
+}): string;
+export declare function formatCurrency(val: any, numberOfDecimalPlaces?: number): string;
+export declare function htmlToText(html?: string): string;
+export declare function isEmptyEditorValue(value: unknown): boolean;
+export declare function createEditorRequiredRule(message: string): {
+    required: boolean;
+    validator: (_: unknown, value: unknown) => Promise<void>;
+};
+export declare function checkUserItems(items?: SelectItemType[]): boolean;
+export declare function getLocalText(viText?: string, enText?: string, locale?: string): string;
+export declare const WorkflowUtils: {
+    getProperiesFromStyleClass(col: ColType): {
+        isHidden: boolean;
+        isFormVertical: boolean;
+    };
+};
+export declare const DynamicWorkflowUtils: {
+    isHideColumn(col: ColType, hiddenNames?: string[]): boolean;
+    evaluateCondition(condition: string, columns: ColType[] | undefined, form: FormInstance): boolean;
+    handleVisibleFields(columns: ColType[] | undefined, visibleConditionColumns: DynamicFormVisibleCondition[] | undefined, _hiddenNames: string[] | undefined, form: FormInstance): string[];
+    handleVisibleGroups(columns: ColType[] | undefined, groupVisibleConditions: DynamicFormVisibleGroupCondition[] | undefined, form: FormInstance): string[];
+    handleRequiredFields(columns: ColType[] | undefined, requiredConditionColumns: DynamicFormRequiredCondition[] | undefined, form: FormInstance): DynamicFormRequiredCondition[];
+    parseRequiredConditions(fieldName: string, description: string): DynamicFormRequiredCondition[];
+    getValue(col: ColType, data?: any, isMasterDetail?: boolean): any;
+    scrollAndHighlightRequired(target: string | HTMLElement | null | undefined, options?: {
+        durationMs?: number;
+        scrollContainer?: string | HTMLElement | null;
+    }): void;
+    getRequiredFlags(conditions?: DynamicFormRequiredCondition[]): {
+        checklistIds: number[];
+        requireOutdated: boolean;
+        requireLink: boolean;
+    };
+};

package/dist/components/FormEditor/FormEditor.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { ColProps } from "..";
+export interface FormEditorItem {
+    name: string;
+    label?: string;
+    labelEN?: string;
+    extra?: string;
+    hidden?: boolean;
+    required?: boolean;
+    defaultValue?: any;
+}
+export interface FormEditorProps {
+    item: FormEditorItem;
+    rowLength?: number;
+    formVertical?: boolean;
+    label?: React.ReactNode;
+    labelCol?: ColProps;
+    wrapperCol?: ColProps;
+    isMobile?: boolean;
+    isMobileApp?: boolean;
+    requiredRule?: any;
+    className?: string;
+}
+export declare function FormEditor({ item, formVertical, label, labelCol, wrapperCol, isMobile, requiredRule, className, }: FormEditorProps): import("react/jsx-runtime").JSX.Element;
+export default FormEditor;

package/dist/components/FormEditor/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./FormEditor";
+export { default } from "./FormEditor";

package/dist/components/QrBarCodeScanField/QrBarCodeScanField.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+interface BarcodeDetectorConstructor {
+    new (options?: {
+        formats?: string[];
+    }): {
+        detect: (image: HTMLVideoElement) => Promise<Array<{
+            rawValue?: string;
+        }>>;
+    };
+}
+export interface QrBarCodeScanFieldProps {
+    children: React.ReactNode;
+    disabled?: boolean;
+    onScan: (value: string) => void;
+    value?: any;
+    onChange?: (value: any) => void;
+    title?: string;
+    notSupportedText?: string;
+    permissionDeniedText?: string;
+    scanSuccessText?: string;
+    customBarcodeDetector?: BarcodeDetectorConstructor;
+}
+export declare const QrBarCodeScanField: ({ children, disabled, onScan, value, onChange, title, notSupportedText, permissionDeniedText, scanSuccessText, customBarcodeDetector, }: QrBarCodeScanFieldProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/QrBarCodeScanField/index.d.ts

@@ -0,0 +1 @@
+export * from "./QrBarCodeScanField";

package/dist/components/index.d.ts

@@ -80,3 +80,7 @@ export * from "./TreeSelect";
 export * from "./TreeSelectField";
 export * from "./BecaChatBox";
 export * from "./AIChat";
+export * from "./DebounceSelect";
+export * from "./QrBarCodeScanField";
+export * from "./FormEditor";
+export * from "./DynamicForm";

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from "./main";