import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
import * as __WEBPACK_EXTERNAL_MODULE__block_provider_index_mjs__ from "../../../../block-provider/index.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../../../schema-component/index.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_VariableInput_VariableInput_mjs__ from "../../../../schema-settings/VariableInput/VariableInput.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__RolesResourcesActions_mjs__ from "../RolesResourcesActions.mjs";
const rolesResourcesScopesCollection = {
    name: 'rolesResourcesScopes',
    fields: [
        {
            type: 'string',
            name: 'name',
            interface: 'input',
            uiSchema: {
                title: '{{t("Scope name")}}',
                type: 'string',
                'x-component': 'Input',
                required: true
            }
        }
    ]
};
const useFormBlockProps = ()=>{
    const { name } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__RolesResourcesActions_mjs__.RoleResourceCollectionContext);
    const ctx = (0, __WEBPACK_EXTERNAL_MODULE__block_provider_index_mjs__.useFormBlockContext)();
    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
        ctx.form.setInitialValues({
            resourceName: name
        });
    }, [
        name
    ]);
    return {
        form: ctx.form
    };
};
const scopesSchema = {
    type: 'object',
    properties: {
        scope: {
            'x-component': 'RecordPicker',
            'x-component-props': {
                size: 'small',
                fieldNames: {
                    label: 'name',
                    value: 'id'
                },
                multiple: false,
                association: {
                    target: 'rolesResourcesScopes'
                },
                onChange: '{{ onChange }}'
            },
            properties: {
                selector: {
                    type: 'void',
                    title: '{{ t("Select record") }}',
                    'x-component': 'RecordPicker.Selector',
                    'x-component-props': {
                        className: 'tb-record-picker-selector'
                    },
                    properties: {
                        tableBlock: {
                            type: 'void',
                            'x-decorator': 'TableSelectorProvider',
                            'x-decorator-props': {
                                collection: rolesResourcesScopesCollection,
                                resource: 'rolesResourcesScopes',
                                action: 'list',
                                params: {
                                    pageSize: 20
                                },
                                useParams () {
                                    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__RolesResourcesActions_mjs__.RoleResourceCollectionContext);
                                    return {
                                        filter: {
                                            $or: [
                                                {
                                                    resourceName: ctx.name
                                                },
                                                {
                                                    resourceName: null
                                                }
                                            ]
                                        }
                                    };
                                },
                                rowKey: 'id'
                            },
                            'x-component': 'BlockItem',
                            properties: {
                                actions: {
                                    type: 'void',
                                    'x-component': 'ActionBar',
                                    'x-component-props': {
                                        style: {
                                            marginBottom: 16
                                        }
                                    },
                                    properties: {
                                        create: {
                                            type: 'void',
                                            title: '{{ t("Add new") }}',
                                            'x-action': 'create',
                                            'x-component': 'Action',
                                            'x-component-props': {
                                                icon: 'PlusOutlined',
                                                openMode: 'drawer',
                                                type: 'primary'
                                            },
                                            properties: {
                                                drawer: {
                                                    type: 'void',
                                                    title: '{{ t("Add record") }}',
                                                    'x-component': 'Action.Container',
                                                    'x-component-props': {
                                                        className: 'tb-action-popup'
                                                    },
                                                    properties: {
                                                        formBlock: {
                                                            type: 'void',
                                                            'x-decorator': 'FormBlockProvider',
                                                            'x-decorator-props': {
                                                                resource: 'rolesResourcesScopes',
                                                                collection: rolesResourcesScopesCollection
                                                            },
                                                            'x-component': 'CardItem',
                                                            properties: {
                                                                form: {
                                                                    type: 'void',
                                                                    'x-component': 'FormV2',
                                                                    'x-use-component-props': useFormBlockProps,
                                                                    properties: {
                                                                        name: {
                                                                            type: 'string',
                                                                            'x-component': 'CollectionField',
                                                                            'x-decorator': 'FormItem'
                                                                        },
                                                                        scope: {
                                                                            type: 'object',
                                                                            title: '{{t("Data scope")}}',
                                                                            name: 'filter',
                                                                            'x-decorator': 'FormItem',
                                                                            'x-component': 'Filter',
                                                                            'x-use-component-props': ()=>{
                                                                                const ctx = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__RolesResourcesActions_mjs__.RoleResourceCollectionContext);
                                                                                const options = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useFilterOptions)(ctx.name);
                                                                                return {
                                                                                    options
                                                                                };
                                                                            },
                                                                            'x-component-props': {
                                                                                dynamicComponent: __WEBPACK_EXTERNAL_MODULE__schema_settings_VariableInput_VariableInput_mjs__.VariableInput
                                                                            }
                                                                        },
                                                                        actions: {
                                                                            type: 'void',
                                                                            'x-component': 'ActionBar',
                                                                            'x-component-props': {
                                                                                layout: 'one-column',
                                                                                style: {
                                                                                    marginTop: 24
                                                                                }
                                                                            },
                                                                            properties: {
                                                                                create: {
                                                                                    title: '{{ t("Submit") }}',
                                                                                    'x-action': 'submit',
                                                                                    'x-component': 'Action',
                                                                                    'x-use-component-props': 'useCreateActionProps',
                                                                                    'x-component-props': {
                                                                                        type: 'primary',
                                                                                        htmlType: 'submit'
                                                                                    }
                                                                                }
                                                                            }
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                },
                                value: {
                                    type: 'array',
                                    'x-component': 'TableV2.Selector',
                                    'x-use-component-props': 'useTableSelectorProps',
                                    'x-component-props': {
                                        rowKey: 'id',
                                        rowSelection: {
                                            type: 'checkbox'
                                        }
                                    },
                                    properties: {
                                        column1: {
                                            type: 'void',
                                            'x-decorator': 'TableV2.Column.Decorator',
                                            'x-component': 'TableV2.Column',
                                            properties: {
                                                name: {
                                                    type: 'string',
                                                    'x-component': 'CollectionField',
                                                    'x-read-pretty': true
                                                }
                                            }
                                        },
                                        actions: {
                                            type: 'void',
                                            title: '{{ t("Actions") }}',
                                            'x-action-column': 'actions',
                                            'x-component': 'TableV2.Column',
                                            properties: {
                                                actions: {
                                                    type: 'void',
                                                    'x-decorator': 'DndContext',
                                                    'x-component': 'Space',
                                                    'x-component-props': {
                                                        split: '|'
                                                    },
                                                    properties: {
                                                        edit: {
                                                            type: 'void',
                                                            title: '{{ t("Edit") }}',
                                                            'x-action': 'update',
                                                            'x-decorator': 'ACLActionProvider',
                                                            'x-component': 'Action.Link',
                                                            'x-component-props': {
                                                                openMode: 'drawer',
                                                                icon: 'EditOutlined'
                                                            },
                                                            properties: {
                                                                drawer: {
                                                                    type: 'void',
                                                                    title: '{{ t("Edit record") }}',
                                                                    'x-component': 'Action.Container',
                                                                    'x-component-props': {
                                                                        className: 'tb-action-popup'
                                                                    },
                                                                    properties: {
                                                                        formBlock: {
                                                                            type: 'void',
                                                                            'x-decorator': 'FormBlockProvider',
                                                                            'x-decorator-props': {
                                                                                resource: 'rolesResourcesScopes',
                                                                                collection: rolesResourcesScopesCollection,
                                                                                action: 'get',
                                                                                useParams: '{{ useParamsFromRecord }}'
                                                                            },
                                                                            'x-component': 'CardItem',
                                                                            properties: {
                                                                                form: {
                                                                                    type: 'void',
                                                                                    'x-component': 'FormV2',
                                                                                    'x-use-component-props': 'useFormBlockProps',
                                                                                    properties: {
                                                                                        name: {
                                                                                            type: 'string',
                                                                                            'x-component': 'CollectionField',
                                                                                            'x-decorator': 'FormItem'
                                                                                        },
                                                                                        scope: {
                                                                                            type: 'object',
                                                                                            title: '{{t("Data scope")}}',
                                                                                            name: 'filter',
                                                                                            'x-decorator': 'FormItem',
                                                                                            'x-component': 'Filter',
                                                                                            'x-use-component-props': ()=>{
                                                                                                const ctx = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__RolesResourcesActions_mjs__.RoleResourceCollectionContext);
                                                                                                const options = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useFilterOptions)(ctx.name);
                                                                                                return {
                                                                                                    options
                                                                                                };
                                                                                            },
                                                                                            'x-component-props': {
                                                                                                dynamicComponent: __WEBPACK_EXTERNAL_MODULE__schema_settings_VariableInput_VariableInput_mjs__.VariableInput
                                                                                            }
                                                                                        },
                                                                                        actions: {
                                                                                            type: 'void',
                                                                                            'x-component': 'ActionBar',
                                                                                            'x-component-props': {
                                                                                                layout: 'one-column',
                                                                                                style: {
                                                                                                    marginTop: 24
                                                                                                }
                                                                                            },
                                                                                            properties: {
                                                                                                update: {
                                                                                                    title: '{{ t("Submit") }}',
                                                                                                    'x-action': 'submit',
                                                                                                    'x-component': 'Action',
                                                                                                    'x-use-component-props': 'useUpdateActionProps',
                                                                                                    'x-component-props': {
                                                                                                        type: 'primary',
                                                                                                        htmlType: 'submit'
                                                                                                    }
                                                                                                }
                                                                                            }
                                                                                        }
                                                                                    }
                                                                                }
                                                                            }
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        },
                                                        destroy: {
                                                            title: '{{ t("Delete") }}',
                                                            'x-action': 'destroy',
                                                            'x-decorator': 'ACLActionProvider',
                                                            'x-component': 'Action.Link',
                                                            'x-use-component-props': 'useDestroyActionProps',
                                                            'x-component-props': {
                                                                icon: 'DeleteOutlined',
                                                                confirm: {
                                                                    title: "{{t('Delete record')}}",
                                                                    content: "{{t('Are you sure you want to delete it?')}}"
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        },
                        footer: {
                            'x-component': 'Action.Container.Footer',
                            'x-component-props': {},
                            properties: {
                                actions: {
                                    type: 'void',
                                    'x-component': 'ActionBar',
                                    'x-component-props': {},
                                    properties: {
                                        submit: {
                                            title: '{{ t("Submit") }}',
                                            'x-action': 'submit',
                                            'x-component': 'Action',
                                            'x-use-component-props': 'usePickActionProps',
                                            'x-component-props': {
                                                type: 'primary',
                                                htmlType: 'submit'
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
};
export { rolesResourcesScopesCollection, scopesSchema };
