@tachybase/client 0.23.48 → 0.23.58

package/es/application/Application.d.ts

@@ -70,6 +70,7 @@ export declare class Application {
     pluginContextMenu: PluginContextMenu;
     AttachmentPreviewManager: AttachmentPreviewManager;
     name: string;
+    globalVars: Record<string, any>;
     loading: boolean;
     maintained: boolean;
     maintaining: boolean;
@@ -105,4 +106,6 @@ export declare class Application {
     addScopes(scopes: Record<string, any>): void;
     getRootComponent(): () => import("react/jsx-runtime").JSX.Element;
     mount(containerOrSelector: Element | ShadowRoot | string): import("react-dom/client").Root;
+    addGlobalVar(key: string, value: any): void;
+    getGlobalVar(key: any): any;
 }

package/es/application/Application.mjs

@@ -239,6 +239,12 @@ class Application {
         root.render(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(App, {}));
         return root;
     }
+    addGlobalVar(key, value) {
+        (0, __WEBPACK_EXTERNAL_MODULE_lodash__.set)(this.globalVars, key, value);
+    }
+    getGlobalVar(key) {
+        return (0, __WEBPACK_EXTERNAL_MODULE_lodash__.get)(this.globalVars, key);
+    }
     constructor(options = {}){
         _define_property(this, "options", void 0);
         _define_property(this, "providers", void 0);
@@ -261,6 +267,7 @@ class Application {
         _define_property(this, "pluginContextMenu", void 0);
         _define_property(this, "AttachmentPreviewManager", void 0);
         _define_property(this, "name", void 0);
+        _define_property(this, "globalVars", void 0);
         _define_property(this, "loading", void 0);
         _define_property(this, "maintained", void 0);
         _define_property(this, "maintaining", void 0);
@@ -274,6 +281,7 @@ class Application {
             ...__WEBPACK_EXTERNAL_MODULE__schema_initializer_components_index_mjs__,
             CollectionField: __WEBPACK_EXTERNAL_MODULE__data_source_collection_field_CollectionField_mjs__.CollectionField
         };
+        this.globalVars = {};
         this.loading = true;
         this.maintained = false;
         this.maintaining = false;

package/es/application/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export * from './useApp';
 export * from './usePlugin';
 export * from './useRouter';
+export * from './useGlobalVariable';

package/es/application/hooks/index.mjs

@@ -1,3 +1,4 @@
 export * from "./useApp.mjs";
 export * from "./usePlugin.mjs";
 export * from "./useRouter.mjs";
+export * from "./useGlobalVariable.mjs";

package/es/application/hooks/useGlobalVariable.d.ts

@@ -0,0 +1 @@
+export declare const useGlobalVariable: (key: string) => any;

package/es/application/hooks/useGlobalVariable.mjs

@@ -0,0 +1,18 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "./index.mjs";
+const useGlobalVariable = (key)=>{
+    const app = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useApp)();
+    const variable = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>app.getGlobalVar(key), [
+        app,
+        key
+    ]);
+    if ((0, __WEBPACK_EXTERNAL_MODULE_lodash__.isFunction)(variable)) try {
+        return variable();
+    } catch (error) {
+        console.error("Error calling global variable function for key: ".concat(key), error);
+        return;
+    }
+    return variable;
+};
+export { useGlobalVariable };

package/es/application/schema-settings/hooks/index.d.ts

@@ -13,6 +13,6 @@ export declare function useSchemaSettingsRender<T = {}>(name: string, options?:
     render: () => any;
 } | {
     exists: boolean;
-    render: (options2?: UseSchemaSettingsRenderOptions) => React.FunctionComponentElement<any> | React.FunctionComponentElement<SchemaSettingOptions<any>>;
+    render: (options2?: UseSchemaSettingsRenderOptions) => React.FunctionComponentElement<SchemaSettingOptions<any>>;
 };
 export {};

package/es/application/schema-settings/hooks/index.mjs

@@ -8,7 +8,6 @@ function useSchemaSettingsRender(name, options) {
         app.schemaSettingsManager,
         name
     ]);
-    const renderCache = __WEBPACK_EXTERNAL_MODULE_react__["default"].useRef({});
     if (!name) return {
         exists: false,
         render: ()=>null
@@ -24,17 +23,16 @@ function useSchemaSettingsRender(name, options) {
         exists: true,
         render: function() {
             let options2 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
-            const key = JSON.stringify(options2);
-            if (key && renderCache.current[key]) return renderCache.current[key];
             const newItems = [
                 ...__WEBPACK_EXTERNAL_MODULE__SchemaSettingsDefaults_mjs__.defaultSettingItems,
                 ...schemaSetting.options.items
             ];
-            return renderCache.current[key] = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].createElement(__WEBPACK_EXTERNAL_MODULE__components_index_mjs__.SchemaSettingsWrapper, {
-                ...{
-                    ...schemaSetting.options,
-                    items: newItems
-                },
+            const newOptions = {
+                ...schemaSetting.options,
+                items: newItems
+            };
+            return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].createElement(__WEBPACK_EXTERNAL_MODULE__components_index_mjs__.SchemaSettingsWrapper, {
+                ...newOptions,
                 ...options,
                 ...options2
             });

package/es/block-provider/hooks/index.mjs

@@ -447,6 +447,7 @@ const useResetBlockActionProps = ()=>{
             const { targets, uid } = findFilterTargets(fieldSchema);
             form.reset();
             actionField.data.loading = true;
+            let prevMergedFilter = {};
             try {
                 await Promise.all(getDataBlocks().map(async (block)=>{
                     var _block_service_params, _block_service_params_, _block_service_params1;
@@ -458,8 +459,10 @@ const useResetBlockActionProps = ()=>{
                     delete storedFilter[uid];
                     const mergedFilter = (0, __WEBPACK_EXTERNAL_MODULE__filter_provider_utils_mjs__.mergeFilter)([
                         ...Object.values(storedFilter),
-                        block.defaultFilter
+                        block.defaultFilter,
+                        prevMergedFilter
                     ]);
+                    prevMergedFilter = mergedFilter;
                     return block.doFilter({
                         ...param,
                         page: 1,

package/es/built-in/index.mjs

@@ -229,6 +229,9 @@ const getProps = (app)=>{
             },
             'pm.remove': {
                 title: 'Removing plugin'
+            },
+            refreshEventSource: {
+                title: 'Refreshing event source'
             }
         };
         return {

package/es/built-in/locale/LocalePlugin.mjs

@@ -1,9 +1,9 @@
 import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
 import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
 import * as __WEBPACK_EXTERNAL_MODULE_dayjs__ from "dayjs";
-import * as __WEBPACK_EXTERNAL_MODULE__loadConstrueLocale_mjs__ from "./loadConstrueLocale.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__application_Plugin_mjs__ from "../../application/Plugin.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__locale_index_mjs__ from "../../locale/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__loadConstrueLocale_mjs__ from "./loadConstrueLocale.mjs";
 function _define_property(obj, key, value) {
     if (key in obj) Object.defineProperty(obj, key, {
         value: value,
@@ -60,6 +60,10 @@ class LocalePlugin extends __WEBPACK_EXTERNAL_MODULE__application_Plugin_mjs__.P
             __WEBPACK_EXTERNAL_MODULE_dayjs__["default"].updateLocale(dayjsLang, localeSetting);
             window['cronLocale'] = null == data ? void 0 : null === (_data_data4 = data.data) || void 0 === _data_data4 ? void 0 : _data_data4.cron;
         } catch (error) {
+            var _error_response;
+            if ((null == error ? void 0 : null === (_error_response = error.response) || void 0 === _error_response ? void 0 : _error_response.status) === 401) setTimeout(()=>{
+                window.location.href = '/signIn';
+            }, 1000);
             throw error;
         }
     }

package/es/built-in/system-settings/SystemSettingsProvider.d.ts

@@ -1,7 +1,6 @@
 import React, { ReactNode } from 'react';
-import { Result } from 'ahooks/es/useRequest/src/types';
-export declare const SystemSettingsContext: React.Context<Result<any, any>>;
-export declare const useSystemSettings: () => Result<any, any>;
+export declare const SystemSettingsContext: React.Context<any>;
+export declare const useSystemSettings: () => any;
 export declare const SystemSettingsProvider: React.FC<{
     children?: ReactNode;
 }>;

package/es/built-in/system-settings/SystemSettingsProvider.mjs

@@ -6,11 +6,12 @@ SystemSettingsContext.displayName = 'SystemSettingsContext';
 const useSystemSettings = ()=>(0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(SystemSettingsContext);
 const SystemSettingsProvider = (props)=>{
     const result = (0, __WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__.useRequest)({
-        url: 'systemSettings:get/1?appends=logo'
+        url: 'systemSettings:get'
     });
-    if (result.loading) return;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(SystemSettingsContext.Provider, {
-        value: result,
+        value: {
+            ...result
+        },
         children: props.children
     });
 };

package/es/built-in/system-settings/SystemSettingsShortcut.mjs

@@ -23,18 +23,18 @@ const useCloseAction = ()=>{
 const useSystemSettingsValues = (options)=>{
     const { visible } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useActionContext)();
     const result = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useSystemSettings)();
-    return (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useRequest)(()=>Promise.resolve(result.data), {
+    return (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useRequest)(()=>Promise.resolve(null == result ? void 0 : result.data), {
         ...options,
         refreshDeps: [
-            visible
+            visible,
+            null == result ? void 0 : result.data
         ]
     });
 };
 const useSaveSystemSettingsValues = ()=>{
     const { setVisible } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useActionContext)();
     const form = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useForm)();
-    const { message } = __WEBPACK_EXTERNAL_MODULE_antd__.App.useApp();
-    const { mutate, data } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useSystemSettings)();
+    const { mutate, data } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useSystemSettings)() || {};
     const api = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useAPIClient)();
     const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
     return {
@@ -49,11 +49,11 @@ const useSaveSystemSettingsValues = ()=>{
                 }
             });
             await api.request({
-                url: 'systemSettings:update/1',
+                url: 'systemSettings:put',
                 method: 'post',
                 data: values
             });
-            message.success(t('Saved successfully'));
+            __WEBPACK_EXTERNAL_MODULE_antd__.message.success(t('Saved successfully'));
             const lang = (null === (_values_enabledLanguages = values.enabledLanguages) || void 0 === _values_enabledLanguages ? void 0 : _values_enabledLanguages[0]) || 'en-US';
             if (values.enabledLanguages.length < 2 && api.auth.getLocale() !== lang) {
                 api.auth.setLocale('');
@@ -74,11 +74,14 @@ const schema = {
             type: 'void',
             title: '{{t("System settings")}}',
             properties: {
-                title: {
+                raw_title: {
                     type: 'string',
                     title: "{{t('System title')}}",
                     'x-decorator': 'FormItem',
-                    'x-component': 'Input',
+                    'x-component': 'TextAreaWithGlobalScope',
+                    'x-component-props': {
+                        supportsLineBreak: true
+                    },
                     required: true
                 },
                 logo: {

package/es/collection-manager/Configuration/AddCollectionAction.mjs

@@ -15,6 +15,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__ResourceActionProvider_mjs__ from "../Res
 import * as __WEBPACK_EXTERNAL_MODULE__components_index_mjs__ from "./components/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__components_TemplateSummary_mjs__ from "./components/TemplateSummary.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__ImportCollectionMetaAction_mjs__ from "./ImportCollectionMetaAction.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__ImportXlsx_ImportXlsxMetaAction_mjs__ from "./ImportXlsx/ImportXlsxMetaAction.mjs";
 const getSchema = (schema, category, compile)=>{
     if (!schema) return;
     const properties = (0, __WEBPACK_EXTERNAL_MODULE_lodash__.cloneDeep)(schema.configurableProperties);
@@ -134,6 +135,7 @@ const AddCollectionAction = (props)=>{
     const compile = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useCompile)();
     const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
     const importRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    const importxlsxRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
     const items = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
         const result = [];
         collectionTemplates.forEach((item)=>{
@@ -158,10 +160,14 @@ const AddCollectionAction = (props)=>{
             onClick: (info)=>{
                 if ('import' === info.key) {
                     var _importRef_current;
-                    console.log('import', importRef.current);
                     null === (_importRef_current = importRef.current) || void 0 === _importRef_current || _importRef_current.showModal();
                     return;
                 }
+                if ('importXlsx' === info.key) {
+                    var _importxlsxRef_current;
+                    null === (_importxlsxRef_current = importxlsxRef.current) || void 0 === _importxlsxRef_current || _importxlsxRef_current.showModal();
+                    return;
+                }
                 const schema = getSchema(getTemplate(info.key), category, compile);
                 setSchema(schema);
                 setVisible(true);
@@ -170,7 +176,8 @@ const AddCollectionAction = (props)=>{
         }), [
         category,
         items,
-        importRef
+        importRef,
+        importxlsxRef
     ]);
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__record_provider_index_mjs__.RecordProvider, {
         record: record,
@@ -217,6 +224,9 @@ const AddCollectionAction = (props)=>{
             }),
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ImportCollectionMetaAction_mjs__.ImportCollectionMetaAction, {
                 ref: importRef
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ImportXlsx_ImportXlsxMetaAction_mjs__.ImportXlsxMetaAction, {
+                ref: importxlsxRef
             })
         ]
     });

package/es/collection-manager/Configuration/ImportXlsx/ImportXlsxMetaAction.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ImportXlsxMetaAction: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;

package/es/collection-manager/Configuration/ImportXlsx/ImportXlsxMetaAction.mjs

@@ -0,0 +1,255 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE__ant_design_icons__ from "@ant-design/icons";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE_dayjs__ from "dayjs";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE_xlsx__ from "xlsx";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../../schema-component/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__ from "../../hooks/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__XlsxCollectionSchema_mjs__ from "./XlsxCollectionSchema.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__XlsxEditFieldAction_mjs__ from "./XlsxEditFieldAction.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__xlsxFieldsConfigure_mjs__ from "./xlsxFieldsConfigure.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__xlsxPreviewTable_mjs__ from "./xlsxPreviewTable.mjs";
+const { Dragger } = __WEBPACK_EXTERNAL_MODULE_antd__.Upload;
+const ImportUpload = (props)=>{
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const { close } = props;
+    const { getInterface } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useCollectionManager_deprecated)();
+    const [fileList, setFile] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)([]);
+    const [filedata, setFileData] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)({});
+    const [visible, setVisible] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const [schema, setSchema] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)({});
+    const inferType = (values, header)=>{
+        const isDateHeader = /date|time|日期/i.test(header);
+        const isPossibleDate = isDateHeader && values.every((value)=>(0, __WEBPACK_EXTERNAL_MODULE_dayjs__["default"])(value).isValid());
+        if (isPossibleDate) return 'date';
+        const types = values.map((value)=>{
+            if (null != value) {
+                const valueLower = value.toString().toLowerCase();
+                if ('true' === valueLower || 'yes' === valueLower) return 'boolean';
+                if ('false' === valueLower || 'no' === valueLower) return 'boolean';
+            }
+            const num = Number(value);
+            if (!isNaN(num)) return Number.isInteger(num) ? 'integer' : 'float';
+            try {
+                JSON.parse(value);
+                return 'json';
+            } catch  {}
+            return 'string';
+        });
+        const typeCount = types.reduce((acc, type)=>{
+            acc[type] = (acc[type] || 0) + 1;
+            return acc;
+        }, {});
+        const uniqueTypes = Object.keys(typeCount);
+        if (uniqueTypes.length > 1) return 'string';
+        return uniqueTypes[0];
+    };
+    const inferInterface = (type, header)=>{
+        switch(type){
+            case 'json':
+                return 'json';
+            case 'boolean':
+                return 'checkbox';
+            case 'string':
+                return 'input';
+            case 'integer':
+                return 'integer';
+            case 'float':
+                return 'number';
+            case 'date':
+                return 'datetime';
+            default:
+                return null;
+        }
+    };
+    const handleFileUpload = (file)=>{
+        const reader = new FileReader();
+        reader.onload = async (e)=>{
+            const binaryStr = e.target.result;
+            const workbook = __WEBPACK_EXTERNAL_MODULE_xlsx__.read(binaryStr, {
+                type: 'binary'
+            });
+            const firstSheetName = workbook.SheetNames[0];
+            const worksheet = workbook.Sheets[firstSheetName];
+            const jsonData = __WEBPACK_EXTERNAL_MODULE_xlsx__.utils.sheet_to_json(worksheet, {
+                header: 1
+            });
+            if (0 === jsonData.length) return;
+            const headers = jsonData[0];
+            const rows = jsonData.slice(1);
+            const fields = await Promise.all(headers.map(async (header, index)=>{
+                const columnValues = rows.map((row)=>row[index]);
+                const type = inferType(columnValues, header);
+                const interfaceType = type ? inferInterface(type, header) : null;
+                const interfaceConfig = interfaceType ? getInterface(interfaceType) : null;
+                const interfaceConfigValues = (0, __WEBPACK_EXTERNAL_MODULE_lodash__.cloneDeep)(interfaceConfig);
+                const defaultUiSchema = (null == interfaceConfigValues ? void 0 : interfaceConfigValues.default.uiSchema) || {};
+                const fieldsName = "f_".concat((0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.uid)());
+                return {
+                    name: fieldsName,
+                    type,
+                    interface: interfaceType,
+                    uiSchema: {
+                        title: header,
+                        ...defaultUiSchema
+                    }
+                };
+            }));
+            const parseValue = (value, type)=>{
+                try {
+                    switch(type){
+                        case 'boolean':
+                            {
+                                const valueLower = value.toString().toLowerCase();
+                                if ('true' === valueLower || 'yes' === valueLower) return true;
+                                if ('false' === valueLower || 'no' === valueLower) return false;
+                                throw new Error('Invalid boolean');
+                            }
+                        case 'integer':
+                            if (!/^-?\d+$/.test(value)) throw new Error('Invalid integer');
+                            return parseInt(value, 10);
+                        case 'float':
+                            if (!/^-?\d+(\.\d+)?$/.test(value)) throw new Error('Invalid number');
+                            return Number(value);
+                        case 'json':
+                            return JSON.parse(value);
+                        case 'date':
+                            if (isNaN(Date.parse(value))) throw new Error('Invalid date');
+                            return new Date(value);
+                        default:
+                            if (null == value || '' === value) return '';
+                            return value.toString();
+                    }
+                } catch (error) {
+                    throw new Error("Type conversion error: ".concat(error.message));
+                }
+            };
+            const convertedRows = rows.map((row, rowIndex)=>headers.reduce((acc, header, index)=>{
+                    var _fields_index, _fields_index1;
+                    const fieldsName = null === (_fields_index = fields[index]) || void 0 === _fields_index ? void 0 : _fields_index.name;
+                    const type = null === (_fields_index1 = fields[index]) || void 0 === _fields_index1 ? void 0 : _fields_index1.type;
+                    if (fieldsName && type) try {
+                        const convertedValue = parseValue(row[index], type);
+                        acc[fieldsName] = convertedValue;
+                    } catch (error) {
+                        acc[fieldsName] = null;
+                        __WEBPACK_EXTERNAL_MODULE_antd__.message.error('Error in column "'.concat(header, '" at row ').concat(rowIndex + 1, ": ").concat(error.message));
+                    }
+                    return acc;
+                }, {}));
+            const fileData = {
+                fields: fields,
+                data: convertedRows
+            };
+            setFileData(fileData);
+        };
+        reader.readAsBinaryString(file);
+    };
+    const importProps = {
+        onRemove: (file)=>{
+            const index = fileList.indexOf(file);
+            const newFileList = fileList.slice();
+            newFileList.splice(index, 1);
+            setFile(newFileList);
+        },
+        beforeUpload: (file)=>{
+            const isExcel = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' === file.type || file.name.endsWith('.xlsx') || file.name.endsWith('.xls');
+            if (!isExcel) {
+                __WEBPACK_EXTERNAL_MODULE_antd__.message.error(t('You can only upload Excel files!'));
+                return __WEBPACK_EXTERNAL_MODULE_antd__.Upload.LIST_IGNORE;
+            }
+            handleFileUpload(file);
+            setFile([
+                file
+            ]);
+            return false;
+        },
+        fileList
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(Dragger, {
+                maxCount: 1,
+                ...importProps,
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("p", {
+                        className: "ant-upload-drag-icon",
+                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.InboxOutlined, {})
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("p", {
+                        className: "ant-upload-text",
+                        children: [
+                            " ",
+                            t('Click or drag file to this area to upload')
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.ActionContextProvider, {
+                value: {
+                    visible,
+                    setVisible
+                },
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                        type: "primary",
+                        onClick: async ()=>{
+                            const xlsxCollectionSchema = (0, __WEBPACK_EXTERNAL_MODULE__XlsxCollectionSchema_mjs__.createXlsxCollectionSchema)(fileList, filedata);
+                            setSchema(xlsxCollectionSchema);
+                            setVisible(true);
+                            close();
+                        },
+                        disabled: 0 === fileList.length,
+                        style: {
+                            marginTop: 16
+                        },
+                        children: t('Upload')
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.SchemaComponent, {
+                        schema: schema,
+                        components: {
+                            xlsxFieldsConfigure: __WEBPACK_EXTERNAL_MODULE__xlsxFieldsConfigure_mjs__.xlsxFieldsConfigure
+                        },
+                        scope: {
+                            xlsxPreviewTable: __WEBPACK_EXTERNAL_MODULE__xlsxPreviewTable_mjs__.xlsxPreviewTable,
+                            xlsxImportAction: __WEBPACK_EXTERNAL_MODULE__XlsxEditFieldAction_mjs__.xlsxImportAction
+                        }
+                    })
+                ]
+            })
+        ]
+    });
+};
+const ImportXlsxMetaAction = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].forwardRef((props, ref)=>{
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const [isModalOpen, setIsModalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const [loading, setLoading] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const showModal = ()=>{
+        setIsModalOpen(true);
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useImperativeHandle)(ref, ()=>({
+            showModal
+        }));
+    const handleCancel = ()=>{
+        setIsModalOpen(false);
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Drawer, {
+            title: t('Import collection'),
+            footer: void 0,
+            open: isModalOpen,
+            onClose: handleCancel,
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Spin, {
+                spinning: loading,
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(ImportUpload, {
+                    close: handleCancel
+                })
+            })
+        })
+    });
+});
+export { ImportXlsxMetaAction };

package/es/collection-manager/Configuration/ImportXlsx/XlsxCollectionSchema.d.ts

@@ -0,0 +1,89 @@
+export declare const createXlsxCollectionSchema: (filelist: any, filedata: any) => {
+    type: string;
+    properties: {
+        [x: string]: {
+            type: string;
+            'x-decorator': string;
+            'x-component': string;
+            'x-component-props': {
+                width: string;
+            };
+            'x-use-component-props': string;
+            properties: {
+                action: {
+                    type: string;
+                    'x-component': string;
+                    'x-component-props': {
+                        layout: string;
+                        style: {
+                            justifyContent: string;
+                        };
+                    };
+                    properties: {
+                        cancel: {
+                            title: string;
+                            'x-component': string;
+                            'x-use-component-props': string;
+                        };
+                        submit: {
+                            title: string;
+                            'x-component': string;
+                            'x-component-props': {
+                                type: string;
+                                htmlType: string;
+                            };
+                            'x-use-component-props': string;
+                        };
+                    };
+                };
+                title: {
+                    type: string;
+                    default: any;
+                    title: string;
+                    required: boolean;
+                    'x-decorator': string;
+                    'x-component': string;
+                };
+                name: {
+                    type: string;
+                    title: string;
+                    default: string;
+                    required: boolean;
+                    'x-decorator': string;
+                    'x-component': string;
+                    'x-validator': string;
+                    description: string;
+                };
+                category: {
+                    title: string;
+                    type: string;
+                    name: string;
+                    'x-decorator': string;
+                    'x-component': string;
+                    'x-component-props': {
+                        mode: string;
+                    };
+                    'x-reactions': string[];
+                };
+                description: {
+                    title: string;
+                    type: string;
+                    name: string;
+                    'x-decorator': string;
+                    'x-component': string;
+                };
+                fields: {
+                    type: string;
+                    title: string;
+                    default: any;
+                    'x-decorator': string;
+                    'x-component': string;
+                    'x-component-props': {
+                        filedata: any;
+                    };
+                    required: boolean;
+                };
+            };
+        };
+    };
+};