@adyen/eslint-plugin-bento 2.23.0 → 2.24.0

package/rules/deprecation-components-value-prop/deprecation-components-value-prop.test.ts

@@ -1,480 +0,0 @@
-import { RuleTester } from 'eslint';
-import vueParser from 'vue-eslint-parser';
-import tsParser from '@typescript-eslint/parser';
-import deprecationComponentsValueProp from './deprecation-components-value-prop';
-
-const ruleTester = new RuleTester({
-    languageOptions: {
-        ecmaVersion: 'latest',
-        sourceType: 'module',
-        parser: vueParser,
-        parserOptions: {
-            parser: tsParser,
-        },
-    },
-});
-
-describe('@adyen/bento/deprecation-components-value-prop', () => {
-    ruleTester.run('deprecation-components-value-prop', deprecationComponentsValueProp, {
-        valid: [
-            {
-                name: 'Valid usage for bento-date-picker',
-                filename: 'test.vue',
-                code: `
-                <template>
-                    <bento-date-picker model-value="val" />
-                </template>
-                `,
-            },
-            {
-                name: 'Valid usage for bento-date-range-picker',
-                filename: 'test.vue',
-                code: `
-                <template>
-                    <bento-date-range-picker model-value="val" />
-                </template>
-                `,
-            },
-            {
-                name: 'Valid usage for bento-dropdown',
-                filename: 'test.vue',
-                code: `
-                <template>
-                    <bento-dropdown model-value="val" />
-                </template>
-                `,
-            },
-            {
-                name: 'Valid usage for bento-dropdown-avatar',
-                filename: 'test.vue',
-                code: `
-                <template>
-                    <bento-dropdown-avatar model-value="val" />
-                </template>
-                `,
-            },
-            {
-                name: 'Valid usage for bento-dropdown-country',
-                filename: 'test.vue',
-                code: `
-                <template>
-                    <bento-dropdown-country model-value="val" />
-                </template>
-                `,
-            },
-            {
-                name: 'Valid usage for bento-dropdown-currency',
-                filename: 'test.vue',
-                code: `
-                <template>
-                    <bento-dropdown-currency model-value="val" />
-                </template>
-                `,
-            },
-            {
-                name: 'Valid usage for bento-dropdown-payment-method',
-                filename: 'test.vue',
-                code: `
-                <template>
-                    <bento-dropdown-payment-method model-value="val" />
-                </template>
-                `,
-            },
-            {
-                name: 'Valid usage for bento-dropdown-tag',
-                filename: 'test.vue',
-                code: `
-                <template>
-                    <bento-dropdown-tag model-value="val" />
-                </template>
-                `,
-            },
-            {
-                name: 'Valid usage for bento-file-uploader',
-                filename: 'test.vue',
-                code: `
-                <template>
-                    <bento-file-uploader model-value="val" />
-                </template>
-                `,
-            },
-            {
-                name: 'Valid usage for bento-input-field',
-                filename: 'test.vue',
-                code: `
-                <template>
-                    <bento-input-field model-value="val" />
-                </template>
-                `,
-            },
-            {
-                name: 'Valid usage for bento-input-field-password',
-                filename: 'test.vue',
-                code: `
-                <template>
-                    <bento-input-field-password model-value="val" />
-                </template>
-                `,
-            },
-            {
-                name: 'Valid usage for bento-input-field-phone-number',
-                filename: 'test.vue',
-                code: `
-                <template>
-                    <bento-input-field-phone-number model-value="val" />
-                </template>
-                `,
-            },
-            {
-                name: 'Valid usage for bento-checkbox-group',
-                filename: 'test.vue',
-                code: `
-                <template>
-                    <bento-checkbox-group model-value="val" />
-                </template>
-                `,
-            },
-            {
-                name: 'Valid usage for bento-radio-group',
-                filename: 'test.vue',
-                code: `
-                <template>
-                    <bento-radio-group model-value="val" />
-                </template>
-                `,
-            },
-            {
-                name: 'Valid usage for bento-selection-card-group',
-                filename: 'test.vue',
-                code: `
-                <template>
-                    <bento-selection-card-group model-value="val" />
-                </template>
-                `,
-            },
-            {
-                name: 'Valid usage for bento-textarea',
-                filename: 'test.vue',
-                code: `
-                <template>
-                    <bento-textarea model-value="val" />
-                </template>
-                `,
-            },
-        ],
-        invalid: [
-            /* autofix: false */
-            {
-                name: 'Invalid: Static prop with autofix disabled (explicit false)',
-                filename: 'test.vue',
-                code: `<template><bento-input-field value="val" /></template>`,
-                output: null,
-                options: [{ autofix: false }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            {
-                name: 'Invalid: Dynamic prop with autofix disabled (no options)',
-                filename: 'test.vue',
-                code: `<template><bento-dropdown :value="val" /></template>`,
-                output: null,
-                errors: [{ messageId: 'deprecation' }],
-            },
-            {
-                name: 'Invalid: Static prop with autofix disabled (no options)',
-                filename: 'test.vue',
-                code: `<template><bento-textarea value="val" /></template>`,
-                output: null,
-                errors: [{ messageId: 'deprecation' }],
-            },
-            /* autofix: true */
-            // bento-date-picker: Static
-            {
-                name: 'Invalid: Static prop on bento-date-picker',
-                filename: 'test.vue',
-                code: `<template><bento-date-picker value="val" /></template>`,
-                output: `<template><bento-date-picker model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-date-picker: Shorthand
-            {
-                name: 'Invalid: Dynamic prop on bento-date-picker',
-                filename: 'test.vue',
-                code: `<template><bento-date-picker :value="val" /></template>`,
-                output: `<template><bento-date-picker :model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-date-range-picker: Static
-            {
-                name: 'Invalid: Static prop on bento-date-range-picker',
-                filename: 'test.vue',
-                code: `<template><bento-date-range-picker value="val" /></template>`,
-                output: `<template><bento-date-range-picker model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-date-range-picker: Shorthand
-            {
-                name: 'Invalid: Dynamic prop on bento-date-range-picker',
-                filename: 'test.vue',
-                code: `<template><bento-date-range-picker :value="val" /></template>`,
-                output: `<template><bento-date-range-picker :model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-dropdown: Static
-            {
-                name: 'Invalid: Static prop on bento-dropdown',
-                filename: 'test.vue',
-                code: `<template><bento-dropdown value="val" /></template>`,
-                output: `<template><bento-dropdown model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-dropdown: Shorthand
-            {
-                name: 'Invalid: Dynamic prop on bento-dropdown',
-                filename: 'test.vue',
-                code: `<template><bento-dropdown :value="val" /></template>`,
-                output: `<template><bento-dropdown :model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-dropdown-avatar: Static
-            {
-                name: 'Invalid: Static prop on bento-dropdown-avatar',
-                filename: 'test.vue',
-                code: `<template><bento-dropdown-avatar value="val" /></template>`,
-                output: `<template><bento-dropdown-avatar model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-dropdown-avatar: Shorthand
-            {
-                name: 'Invalid: Dynamic prop on bento-dropdown-avatar',
-                filename: 'test.vue',
-                code: `<template><bento-dropdown-avatar :value="val" /></template>`,
-                output: `<template><bento-dropdown-avatar :model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-dropdown-country: Static
-            {
-                name: 'Invalid: Static prop on bento-dropdown-country',
-                filename: 'test.vue',
-                code: `<template><bento-dropdown-country value="val" /></template>`,
-                output: `<template><bento-dropdown-country model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-dropdown-country: Shorthand
-            {
-                name: 'Invalid: Dynamic prop on bento-dropdown-country',
-                filename: 'test.vue',
-                code: `<template><bento-dropdown-country :value="val" /></template>`,
-                output: `<template><bento-dropdown-country :model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-dropdown-currency: Static
-            {
-                name: 'Invalid: Static prop on bento-dropdown-currency',
-                filename: 'test.vue',
-                code: `<template><bento-dropdown-currency value="val" /></template>`,
-                output: `<template><bento-dropdown-currency model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-dropdown-currency: Shorthand
-            {
-                name: 'Invalid: Dynamic prop on bento-dropdown-currency',
-                filename: 'test.vue',
-                code: `<template><bento-dropdown-currency :value="val" /></template>`,
-                output: `<template><bento-dropdown-currency :model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-dropdown-payment-method: Static
-            {
-                name: 'Invalid: Static prop on bento-dropdown-payment-method',
-                filename: 'test.vue',
-                code: `<template><bento-dropdown-payment-method value="val" /></template>`,
-                output: `<template><bento-dropdown-payment-method model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-dropdown-payment-method: Shorthand
-            {
-                name: 'Invalid: Dynamic prop on bento-dropdown-payment-method',
-                filename: 'test.vue',
-                code: `<template><bento-dropdown-payment-method :value="val" /></template>`,
-                output: `<template><bento-dropdown-payment-method :model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-dropdown-tag: Static
-            {
-                name: 'Invalid: Static prop on bento-dropdown-tag',
-                filename: 'test.vue',
-                code: `<template><bento-dropdown-tag value="val" /></template>`,
-                output: `<template><bento-dropdown-tag model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-dropdown-tag: Shorthand
-            {
-                name: 'Invalid: Dynamic prop on bento-dropdown-tag',
-                filename: 'test.vue',
-                code: `<template><bento-dropdown-tag :value="val" /></template>`,
-                output: `<template><bento-dropdown-tag :model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-file-uploader: Static
-            {
-                name: 'Invalid: Static prop on bento-file-uploader',
-                filename: 'test.vue',
-                code: `<template><bento-file-uploader value="val" /></template>`,
-                output: `<template><bento-file-uploader model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-file-uploader: Shorthand
-            {
-                name: 'Invalid: Dynamic prop on bento-file-uploader',
-                filename: 'test.vue',
-                code: `<template><bento-file-uploader :value="val" /></template>`,
-                output: `<template><bento-file-uploader :model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-input-field: Static
-            {
-                name: 'Invalid: Static prop on bento-input-field',
-                filename: 'test.vue',
-                code: `<template><bento-input-field value="val" /></template>`,
-                output: `<template><bento-input-field model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-input-field: Shorthand
-            {
-                name: 'Invalid: Dynamic prop on bento-input-field',
-                filename: 'test.vue',
-                code: `<template><bento-input-field :value="val" /></template>`,
-                output: `<template><bento-input-field :model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-input-field-password: Static
-            {
-                name: 'Invalid: Static prop on bento-input-field-password',
-                filename: 'test.vue',
-                code: `<template><bento-input-field-password value="val" /></template>`,
-                output: `<template><bento-input-field-password model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-input-field-password: Shorthand
-            {
-                name: 'Invalid: Dynamic prop on bento-input-field-password',
-                filename: 'test.vue',
-                code: `<template><bento-input-field-password :value="val" /></template>`,
-                output: `<template><bento-input-field-password :model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-input-field-phone-number: Static
-            {
-                name: 'Invalid: Static prop on bento-input-field-phone-number',
-                filename: 'test.vue',
-                code: `<template><bento-input-field-phone-number value="val" /></template>`,
-                output: `<template><bento-input-field-phone-number model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-input-field-phone-number: Shorthand
-            {
-                name: 'Invalid: Dynamic prop on bento-input-field-phone-number',
-                filename: 'test.vue',
-                code: `<template><bento-input-field-phone-number :value="val" /></template>`,
-                output: `<template><bento-input-field-phone-number :model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-checkbox-group: Static
-            {
-                name: 'Invalid: Static prop on bento-checkbox-group',
-                filename: 'test.vue',
-                code: `<template><bento-checkbox-group value="val" /></template>`,
-                output: `<template><bento-checkbox-group model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-checkbox-group: Shorthand
-            {
-                name: 'Invalid: Dynamic prop on bento-checkbox-group',
-                filename: 'test.vue',
-                code: `<template><bento-checkbox-group :value="val" /></template>`,
-                output: `<template><bento-checkbox-group :model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-radio-group: Static
-            {
-                name: 'Invalid: Static prop on bento-radio-group',
-                filename: 'test.vue',
-                code: `<template><bento-radio-group value="val" /></template>`,
-                output: `<template><bento-radio-group model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-radio-group: Shorthand
-            {
-                name: 'Invalid: Dynamic prop on bento-radio-group',
-                filename: 'test.vue',
-                code: `<template><bento-radio-group :value="val" /></template>`,
-                output: `<template><bento-radio-group :model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-selection-card-group: Static
-            {
-                name: 'Invalid: Static prop on bento-selection-card-group',
-                filename: 'test.vue',
-                code: `<template><bento-selection-card-group value="val" /></template>`,
-                output: `<template><bento-selection-card-group model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-selection-card-group: Shorthand
-            {
-                name: 'Invalid: Dynamic prop on bento-selection-card-group',
-                filename: 'test.vue',
-                code: `<template><bento-selection-card-group :value="val" /></template>`,
-                output: `<template><bento-selection-card-group :model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-textarea: Static
-            {
-                name: 'Invalid: Static prop on bento-textarea',
-                filename: 'test.vue',
-                code: `<template><bento-textarea value="val" /></template>`,
-                output: `<template><bento-textarea model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-            // bento-textarea: Shorthand
-            {
-                name: 'Invalid: Dynamic prop on bento-textarea',
-                filename: 'test.vue',
-                code: `<template><bento-textarea :value="val" /></template>`,
-                output: `<template><bento-textarea :model-value="val" /></template>`,
-                options: [{ autofix: true }],
-                errors: [{ messageId: 'deprecation' }],
-            },
-        ],
-    });
-});

package/rules/deprecation-country-custom-usage/__tests__/deprecation-country-custom-usage.vue

@@ -1,93 +0,0 @@
-<template>
-    <div>
-        <!-- bento-country: variant="custom" only (warn) -->
-        <bento-country code="NL" variant="custom" />
-        <!-- bento-country: label only (warn) -->
-        <bento-country code="NL" label="Custom label" />
-        <!-- bento-country: both (warn) -->
-        <bento-country code="NL" variant="custom" label="Custom label" />
-
-        <!-- bento-dropdown-country: label in items only (warn) -->
-        <bento-dropdown-country :items="[{ value: 'NL', label: 'Custom label' }]" />
-        <!-- bento-dropdown-country: variant="custom" only (warn) -->
-        <bento-dropdown-country :items="[{ value: 'NL' }]" variant="custom" />
-        <!-- bento-dropdown-country: both (warn) -->
-        <bento-dropdown-country :items="[{ value: 'NL', label: 'Custom label' }]" variant="custom" />
-
-        <!-- SELECT_COUNTRY filter-bar: label only (warn) -->
-        <bento-filter-bar
-            :config="[
-                {
-                    field: 'c',
-                    label: 'C',
-                    type: BentoFilterItemType.SELECT_COUNTRY,
-                    options: { listboxItems: [{ value: 'NL', label: 'Custom label' }] },
-                },
-            ]"
-        />
-        <!-- SELECT_COUNTRY filter-bar: variant="custom" only (warn) -->
-        <bento-filter-bar
-            :config="[
-                {
-                    field: 'c',
-                    label: 'C',
-                    type: BentoFilterItemType.SELECT_COUNTRY,
-                    options: { listboxItems: [{ value: 'NL' }], variant: 'custom' },
-                },
-            ]"
-        />
-        <!-- SELECT_COUNTRY filter-bar: both (warn x2) -->
-        <bento-filter-bar
-            :config="[
-                {
-                    field: 'c',
-                    label: 'C',
-                    type: BentoFilterItemType.SELECT_COUNTRY,
-                    options: { listboxItems: [{ value: 'NL', label: 'Custom label' }], variant: 'custom' },
-                },
-            ]"
-        />
-
-        <!-- SELECT_COUNTRY data-grid: label only (warn) -->
-        <bento-data-grid
-            :filters="[
-                {
-                    field: 'c',
-                    label: 'C',
-                    type: BentoFilterItemType.SELECT_COUNTRY,
-                    options: { listboxItems: [{ value: 'NL', label: 'Custom label' }] },
-                },
-            ]"
-        />
-        <!-- SELECT_COUNTRY data-grid: variant="custom" only (warn) -->
-        <bento-data-grid
-            :filters="[
-                {
-                    field: 'c',
-                    label: 'C',
-                    type: BentoFilterItemType.SELECT_COUNTRY,
-                    options: { listboxItems: [{ value: 'NL' }], variant: 'custom' },
-                },
-            ]"
-        />
-        <!-- SELECT_COUNTRY data-grid: both (warn x2) -->
-        <bento-data-grid
-            :filters="[
-                {
-                    field: 'c',
-                    label: 'C',
-                    type: BentoFilterItemType.SELECT_COUNTRY,
-                    options: { listboxItems: [{ value: 'NL', label: 'Custom label' }], variant: 'custom' },
-                },
-            ]"
-        />
-
-        <!-- Valid: non-custom usage -->
-        <bento-country code="NL" variant="name" />
-        <bento-dropdown-country :items="[{ value: 'NL' }]" />
-    </div>
-</template>
-
-<script setup>
-    import { BentoFilterItemType } from '@adyen/bento-vue2';
-</script>

package/rules/deprecation-country-custom-usage/__tests__/eslint.config.js

@@ -1,25 +0,0 @@
-// eslint.config.js
-const { defineConfig } = require('eslint/config');
-const vueParser = require('vue-eslint-parser');
-const tsParser = require('@typescript-eslint/parser');
-const adyenBento = require('@adyen/eslint-plugin-bento');
-
-module.exports = defineConfig([
-    {
-        languageOptions: {
-            ecmaVersion: 'latest',
-            sourceType: 'module',
-            parser: vueParser,
-            parserOptions: {
-                parser: tsParser,
-            },
-        },
-        plugins: {
-            '@adyen/bento': adyenBento,
-        },
-        rules: {
-            '@adyen/bento/deprecation-country-custom-usage': ['warn', { autofix: true }],
-        },
-        files: ['**/*.vue'],
-    },
-]);

package/rules/deprecation-country-custom-usage/deprecation-country-custom-usage.integration.test.ts

@@ -1,22 +0,0 @@
-import path from 'node:path';
-import { execFileSyncEslintVueFiles } from '../../utils/exec-file-sync-eslint-vue-files';
-
-describe('@adyen/bento/deprecation-country-custom-usage', () => {
-    it('should lint with warning', () => {
-        const eslintrc = path.resolve(__dirname, '__tests__', 'eslint.config.js');
-        const vueFile = path.resolve(__dirname, '__tests__', 'deprecation-country-custom-usage.vue');
-
-        const result = JSON.parse(execFileSyncEslintVueFiles(eslintrc, vueFile));
-
-        // bento-country: variant only (1) + label only (1) + both (1) = 3
-        // bento-dropdown-country: label only (1) + variant only (1) + both (1) = 3
-        // filter-bar: label only (1) + variant only (1) + both (2) = 4
-        // data-grid: label only (1) + variant only (1) + both (2) = 4
-        expect(result[0].warningCount).toBe(14);
-
-        expect(result[0].messages[0]).toMatchObject({
-            ruleId: '@adyen/bento/deprecation-country-custom-usage',
-            severity: 1,
-        });
-    });
-});