mirror of
https://github.com/pgadmin-org/pgadmin4.git
synced 2024-11-24 17:50:20 -06:00
e9af0c3226
Restructured these modules for ease of maintenance and apply the single responsibility principle (wherever applicable). * SchemaView - Split the code based on the functionality and responsibility. - Introduced a new View 'InlineView' instead of using the 'nextInline' configuration of the fields to have a better, and manageable view. - Using the separate class 'SchemaState' for managing the data and states of the SchemaView (separated from the 'useSchemaState' custom hook). - Introduced three new custom hooks 'useFieldValue', 'useFieldOptions', 'useFieldError' for the individual control to use for each Schema Field. - Don't pass value as the parameter props, and let the 'useFieldValue' and other custom hooks to decide, whether to rerender the control itself or the whole dialog/view. (single responsibility principle) - Introduced a new data store with a subscription facility. - Moving the field metadata (option) evaluation to a separate place for better management, and each option can be defined for a particular kind of field (for example - collection, row, cell, general, etc). - Allow to provide custom control for all kind of Schema field. * DataGridView - Same as SchemaView, split the DataGridView call into smaller, manageable chunks. (For example - grid, row, mappedCell, etc). - Use context based approach for providing the row and table data instead of passing them as parameters to every component separately. - Have a facility to extend this feature separately in future. (for example - selectable cell, column grouping, etc.) - Separated the features like deletable, editable, reorder, expandable etc. cells using the above feature support. - Added ability to provide the CustomHeader, and CustomRow through the Schema field, which will extend the ability to customize better. - Removed the 'DataGridViewWithHeaderForm' as it has been achieved through providing 'CustomHeader', and also introduced 'DataGridFormHeader' (a custom header) to achieve the same feature as 'DataGridViewWithHeaderForm'.
128 lines
3.1 KiB
JavaScript
128 lines
3.1 KiB
JavaScript
/////////////////////////////////////////////////////////////
|
|
//
|
|
// pgAdmin 4 - PostgreSQL Tools
|
|
//
|
|
// Copyright (C) 2013 - 2024, The pgAdmin Development Team
|
|
// This software is released under the PostgreSQL Licence
|
|
//
|
|
//////////////////////////////////////////////////////////////
|
|
const globals = require('globals');
|
|
const js = require('@eslint/js');
|
|
const reactjs = require('eslint-plugin-react');
|
|
const jest = require('eslint-plugin-jest');
|
|
const babel = require('@babel/eslint-plugin');
|
|
const babelParser = require('@babel/eslint-parser');
|
|
const ts = require('typescript-eslint');
|
|
|
|
|
|
module.exports = [
|
|
{
|
|
ignores: [
|
|
'**/generated',
|
|
'**/node_modules',
|
|
'**/vendor',
|
|
'**/templates/',
|
|
'**/templates\\',
|
|
'**/ycache',
|
|
'**/regression/htmlcov',
|
|
],
|
|
},
|
|
js.configs.recommended,
|
|
{
|
|
files: ['**/*.{js,jsx,mjs,cjs,ts,tsx}'],
|
|
languageOptions: {
|
|
'parser': babelParser,
|
|
ecmaVersion: 2018,
|
|
parserOptions: {
|
|
'ecmaFeatures': {
|
|
'jsx': true,
|
|
},
|
|
'requireConfigFile': false,
|
|
'babelOptions': {
|
|
'plugins': [
|
|
'@babel/plugin-syntax-jsx',
|
|
'@babel/plugin-proposal-class-properties',
|
|
],
|
|
},
|
|
},
|
|
'sourceType': 'module',
|
|
globals: {
|
|
...globals.browser,
|
|
...globals.es2017,
|
|
...globals.amd,
|
|
'_': 'readonly',
|
|
'module': 'readonly',
|
|
'__dirname': 'readonly',
|
|
'global': 'readonly',
|
|
'jest': 'readonly',
|
|
'process': 'readonly',
|
|
},
|
|
},
|
|
'plugins': {
|
|
'react': reactjs,
|
|
'@babel': babel,
|
|
},
|
|
'rules': {
|
|
'indent': [
|
|
'error',
|
|
2,
|
|
],
|
|
'linebreak-style': 0,
|
|
'quotes': [
|
|
'error',
|
|
'single',
|
|
],
|
|
'semi': [
|
|
'error',
|
|
'always',
|
|
],
|
|
'comma-dangle': [
|
|
'error',
|
|
'only-multiline',
|
|
],
|
|
'no-console': ['error', { allow: ['warn', 'error', 'trace'] }],
|
|
// We need to exclude below for RegEx case
|
|
'no-useless-escape': 'off',
|
|
'no-prototype-builtins': 'off',
|
|
'no-global-assign': 'off',
|
|
'no-import-assign': 'off',
|
|
'react/jsx-uses-vars': 'error',
|
|
'react/jsx-uses-react': 'error'
|
|
},
|
|
'settings': {
|
|
'react': {
|
|
'version': 'detect',
|
|
},
|
|
},
|
|
},
|
|
{
|
|
'files': ['**/*.{ts,tsx}'],
|
|
languageOptions: {
|
|
'parser': ts.parser,
|
|
},
|
|
'plugins': {
|
|
'@typescript-eslint': ts.plugin,
|
|
},
|
|
'rules': {
|
|
'no-unused-vars': 'off',
|
|
'no-undef': 'off',
|
|
'@typescript-eslint/no-unused-vars': ['error'],
|
|
'@typescript-eslint/no-explicit-any': ['off'],
|
|
'@typescript-eslint/no-this-alias': ['off'],
|
|
}
|
|
},
|
|
{
|
|
'files': ['**/*{spec,test}.{js,jsx}', './regression/javascript/**/*.{js}'],
|
|
...jest.configs['flat/recommended'],
|
|
rules: {
|
|
...jest.configs['flat/recommended'].rules,
|
|
'jest/prefer-expect-assertions': 'off',
|
|
'jest/expect-expect': 'off',
|
|
'jest/no-identical-title': 'off',
|
|
'jest/no-done-callback': 'off',
|
|
'jest/no-conditional-expect': 'off',
|
|
'jest/valid-title': 'off',
|
|
},
|
|
}
|
|
];
|