import { jsx, jsxs } from "react/jsx-runtime";
import "react";
import { useField, useFieldSchema } from "@tachybase/schema";
import lodash from "lodash";
import { useTranslation } from "react-i18next";
import { useFormBlockContext } from "../../../block-provider/index.mjs";
import { useCollectionManager_deprecated, useCollection_deprecated } from "../../../collection-manager/index.mjs";
import { GeneralSchemaDesigner, SchemaSettingsDefaultSortingRules, SchemaSettingsModalItem, SchemaSettingsRemove, SchemaSettingsSelectItem, SchemaSettingsSwitchItem } from "../../../schema-settings/index.mjs";
import { SchemaSettingsDataScope } from "../../../schema-settings/SchemaSettingsDataScope.mjs";
import { useCompile, useDesignable } from "../../hooks/index.mjs";
const AssociationFilterItemDesigner = (props)=>{
    var _collectionField_uiSchema, _fieldSchema_xcomponentprops_params, _fieldSchema_xcomponentprops, _fieldSchema_xcomponentprops_fieldNames, _fieldSchema_xcomponentprops1;
    const fieldSchema = useFieldSchema();
    const { form } = useFormBlockContext();
    const field = useField();
    const { t } = useTranslation();
    const { getCollectionJoinField } = useCollectionManager_deprecated();
    const { getField } = useCollection_deprecated();
    const collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
    const { getCollectionFields } = useCollectionManager_deprecated();
    const compile = useCompile();
    const { dn } = useDesignable();
    const targetFields = (null == collectionField ? void 0 : collectionField.target) ? getCollectionFields(null == collectionField ? void 0 : collectionField.target) : [];
    const options = targetFields.filter((field)=>!(null == field ? void 0 : field.target) && 'boolean' !== field.type).map((field)=>{
        var _field_uiSchema;
        return {
            value: null == field ? void 0 : field.name,
            label: compile(null == field ? void 0 : null == (_field_uiSchema = field.uiSchema) ? void 0 : _field_uiSchema.title) || (null == field ? void 0 : field.name)
        };
    });
    const onTitleFieldChange = (label)=>{
        var _collectionField_uiSchema_xcomponentprops, _collectionField_uiSchema, _fieldSchema_xcomponentprops;
        const schema = {
            ['x-uid']: fieldSchema['x-uid']
        };
        const fieldNames = {
            ...null == collectionField ? void 0 : null == (_collectionField_uiSchema = collectionField.uiSchema) ? void 0 : null == (_collectionField_uiSchema_xcomponentprops = _collectionField_uiSchema['x-component-props']) ? void 0 : _collectionField_uiSchema_xcomponentprops['fieldNames'],
            ...null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['fieldNames'],
            label
        };
        fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
        fieldSchema['x-component-props']['fieldNames'] = fieldNames;
        schema['x-component-props'] = fieldSchema['x-component-props'];
        dn.emit('patch', {
            schema
        });
        dn.refresh();
    };
    return /*#__PURE__*/ jsxs(GeneralSchemaDesigner, {
        ...props,
        disableInitializer: true,
        children: [
            /*#__PURE__*/ jsx(SchemaSettingsModalItem, {
                title: t('Custom title'),
                schema: {
                    type: 'object',
                    title: t('Custom title'),
                    properties: {
                        title: {
                            default: null == fieldSchema ? void 0 : fieldSchema.title,
                            description: "".concat(t('Original title: ')).concat((null == collectionField ? void 0 : null == (_collectionField_uiSchema = collectionField.uiSchema) ? void 0 : _collectionField_uiSchema.title) || (null == fieldSchema ? void 0 : fieldSchema.title)),
                            'x-decorator': 'FormItem',
                            'x-component': 'Input',
                            'x-component-props': {}
                        }
                    }
                },
                onSubmit: (param)=>{
                    let { title } = param;
                    if (title) {
                        fieldSchema.title = title;
                        dn.emit('patch', {
                            schema: {
                                'x-uid': fieldSchema['x-uid'],
                                title: fieldSchema.title
                            }
                        });
                    }
                    dn.refresh();
                }
            }),
            /*#__PURE__*/ jsx(SchemaSettingsSwitchItem, {
                title: t('Default collapse'),
                checked: field.componentProps.defaultCollapse,
                onChange: (v)=>{
                    field.componentProps.defaultCollapse = v;
                    lodash.set(fieldSchema, 'x-component-props.defaultCollapse', v);
                    dn.emit('patch', {
                        schema: {
                            ['x-uid']: fieldSchema['x-uid'],
                            'x-component-props': fieldSchema['x-component-props']
                        }
                    });
                    dn.refresh();
                }
            }),
            /*#__PURE__*/ jsx(SchemaSettingsDataScope, {
                collectionName: null == collectionField ? void 0 : collectionField.target,
                defaultFilter: (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : null == (_fieldSchema_xcomponentprops_params = _fieldSchema_xcomponentprops.params) ? void 0 : _fieldSchema_xcomponentprops_params.filter) || {},
                form: form,
                onSubmit: (param)=>{
                    let { filter } = param;
                    var _field_componentProps;
                    lodash.set(field.componentProps, 'params', {
                        ...null == (_field_componentProps = field.componentProps) ? void 0 : _field_componentProps.params,
                        filter
                    });
                    fieldSchema['x-component-props']['params'] = field.componentProps.params;
                    dn.emit('patch', {
                        schema: {
                            ['x-uid']: fieldSchema['x-uid'],
                            'x-component-props': fieldSchema['x-component-props']
                        }
                    });
                }
            }),
            /*#__PURE__*/ jsx(SchemaSettingsDefaultSortingRules, {
                name: null == collectionField ? void 0 : collectionField.target
            }),
            /*#__PURE__*/ jsx(SchemaSettingsSelectItem, {
                title: t('Title field'),
                options: options,
                value: null == (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) ? void 0 : null == (_fieldSchema_xcomponentprops_fieldNames = _fieldSchema_xcomponentprops1.fieldNames) ? void 0 : _fieldSchema_xcomponentprops_fieldNames.label,
                onChange: onTitleFieldChange
            }, "title-field"),
            /*#__PURE__*/ jsx(SchemaSettingsRemove, {
                breakRemoveOn: {
                    'x-component': 'Grid'
                }
            })
        ]
    });
};
export { AssociationFilterItemDesigner };
