feat: reorder columns from table options (#1636)

* draggable prop addition

* draggable component addition

* state modification

* drag select state addition

* changed state name

* main merged

* lint fix

---------

Co-authored-by: Charles Bochet <charlesBochet@users.noreply.github.com>

packages/eslint-plugin-twenty-ts/dist/src/tests/effect-components.spec.js

@@ -0,0 +1,87 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const rule_tester_1 = require("@typescript-eslint/rule-tester");
+const effect_components_1 = __importDefault(require("../rules/effect-components"));
+const ruleTester = new rule_tester_1.RuleTester({
+    parser: "@typescript-eslint/parser",
+    parserOptions: {
+        project: "./tsconfig.json",
+        tsconfigRootDir: __dirname,
+        ecmaFeatures: {
+            jsx: true,
+        },
+    },
+});
+ruleTester.run("effect-components", effect_components_1.default, {
+    valid: [
+        {
+            code: `const TestComponentEffect = () => <></>;`,
+        },
+        {
+            code: `const TestComponent = () => <div></div>;`,
+        },
+        {
+            code: `export const useUpdateEffect = () => null;`,
+        },
+        {
+            code: `export const useUpdateEffect = () => <></>;`,
+        },
+        {
+            code: `const TestComponent = () => <><div></div></>;`,
+        },
+        {
+            code: `const TestComponentEffect = () => null;`,
+        },
+        {
+            code: `const TestComponentEffect = () => { 
+        useEffect(() => {}, []);
+
+        return null; 
+      }`,
+        },
+        {
+            code: `const TestComponentEffect = () => { 
+        useEffect(() => {}, []);
+        
+        return <></>; 
+      }`,
+        },
+        {
+            code: `const TestComponentEffect = () => { 
+        useEffect(() => {}, []);
+        
+        return <></>; 
+      }`,
+        },
+        {
+            code: `const TestComponentEffect = () => { 
+        useEffect(() => {}, []);
+        
+        return null; 
+      }`,
+        },
+    ],
+    invalid: [
+        {
+            code: "const TestComponent = () => <></>;",
+            output: 'const TestComponentEffect = () => <></>;',
+            errors: [
+                {
+                    messageId: "effectSuffix",
+                },
+            ],
+        },
+        {
+            code: "const TestComponentEffect = () => <><div></div></>;",
+            output: 'const TestComponent = () => <><div></div></>;',
+            errors: [
+                {
+                    messageId: "noEffectSuffix",
+                },
+            ],
+        },
+    ],
+});

packages/eslint-plugin-twenty-ts/dist/src/tests/file.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// Required by typescript-eslint https://typescript-eslint.io/packages/rule-tester#type-aware-testing

packages/eslint-plugin-twenty-ts/dist/src/tests/matching-state-variable.spec.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const rule_tester_1 = require("@typescript-eslint/rule-tester");
+const matching_state_variable_1 = __importDefault(require("../rules/matching-state-variable"));
+const ruleTester = new rule_tester_1.RuleTester({
+    parser: "@typescript-eslint/parser",
+    parserOptions: {
+        project: "./tsconfig.json",
+        tsconfigRootDir: __dirname,
+        ecmaFeatures: {
+            jsx: true,
+        },
+    },
+});
+ruleTester.run('matching-state-variable', matching_state_variable_1.default, {
+    valid: [
+        {
+            code: 'const variable = useRecoilValue(variableState);',
+        },
+        {
+            code: 'const [variable, setVariable] = useRecoilState(variableState);',
+        },
+    ],
+    invalid: [
+        {
+            code: 'const myValue = useRecoilValue(variableState);',
+            errors: [
+                {
+                    messageId: 'invalidVariableName',
+                },
+            ],
+            output: 'const variable = useRecoilValue(variableState);',
+        },
+        {
+            code: 'const [myValue, setMyValue] = useRecoilState(variableState);',
+            errors: [
+                {
+                    messageId: 'invalidVariableName',
+                },
+                {
+                    messageId: 'invalidSetterName',
+                },
+            ],
+            output: 'const [variable, setVariable] = useRecoilState(variableState);',
+        },
+    ],
+});

packages/eslint-plugin-twenty-ts/dist/src/tests/no-hardcoded-colors.spec.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const rule_tester_1 = require("@typescript-eslint/rule-tester");
+const no_hardcoded_colors_1 = __importDefault(require("../rules/no-hardcoded-colors"));
+const ruleTester = new rule_tester_1.RuleTester({
+    parser: "@typescript-eslint/parser",
+    parserOptions: {
+        project: "./tsconfig.json",
+        tsconfigRootDir: __dirname,
+        ecmaFeatures: {
+            jsx: true,
+        },
+    },
+});
+ruleTester.run("no-hardcoded-colors", no_hardcoded_colors_1.default, {
+    valid: [
+        {
+            code: "const color = theme.background.secondary;",
+        },
+        {
+            code: 'const color = "#000000";',
+        },
+    ],
+    invalid: [
+        {
+            code: 'const color = "rgb(154,205,50)";',
+            errors: [
+                {
+                    messageId: "hardcodedColor",
+                },
+            ],
+        },
+        {
+            code: 'const color = "#ADFF2F";',
+            errors: [
+                {
+                    messageId: "hardcodedColor",
+                },
+            ],
+        },
+    ],
+});

packages/eslint-plugin-twenty-ts/dist/src/tests/react.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// Required by typescript-eslint https://typescript-eslint.io/packages/rule-tester#type-aware-testing

packages/eslint-plugin-twenty-ts/dist/src/tests/sort-css-properties-alphabetically.spec.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const rule_tester_1 = require("@typescript-eslint/rule-tester");
+const sort_css_properties_alphabetically_1 = __importDefault(require("../rules/sort-css-properties-alphabetically"));
+const ruleTester = new rule_tester_1.RuleTester({
+    parser: "@typescript-eslint/parser",
+    parserOptions: {
+        project: "./tsconfig.json",
+        tsconfigRootDir: __dirname,
+        ecmaFeatures: {
+            jsx: true,
+        },
+    },
+});
+ruleTester.run("sort-css-properties-alphabetically", sort_css_properties_alphabetically_1.default, {
+    valid: [
+        {
+            code: 'const style = css`color: red;`;',
+            filename: 'react.tsx',
+        },
+        {
+            code: 'const style = styled.div`background-color: $bgColor;`;',
+            filename: 'react.tsx',
+        },
+    ],
+    invalid: [
+        {
+            code: 'const style = css`color: #FF0000;`;',
+            filename: 'react.tsx',
+            errors: [
+                {
+                    messageId: "sort-css-properties-alphabetically",
+                    suggestions: [
+                        {
+                            messageId: "sort-css-properties-alphabetically",
+                            output: 'const style = css`color: red;`;',
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            code: 'const style = styled.div`background-color: $bgColor; color: #FFFFFF;`;',
+            filename: 'react.tsx',
+            errors: [
+                {
+                    messageId: "sort-css-properties-alphabetically",
+                    suggestions: [
+                        {
+                            messageId: "sort-css-properties-alphabetically",
+                            output: 'const style = styled.div`background-color: $bgColor; color: white;`;',
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+});

packages/eslint-plugin-twenty-ts/dist/src/tests/styled-components-prefixed-with-styled.spec.js

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const rule_tester_1 = require("@typescript-eslint/rule-tester");
+const styled_components_prefixed_with_styled_1 = __importDefault(require("../rules/styled-components-prefixed-with-styled"));
+const ruleTester = new rule_tester_1.RuleTester({
+    parser: "@typescript-eslint/parser",
+    parserOptions: {
+        project: "./tsconfig.json",
+        tsconfigRootDir: __dirname,
+        ecmaFeatures: {
+            jsx: true,
+        },
+    },
+});
+ruleTester.run("styled-components-prefixed-with-styled", styled_components_prefixed_with_styled_1.default, {
+    valid: [
+        {
+            code: 'const StyledButton = styled.button``;',
+            filename: 'react.tsx',
+        },
+        {
+            code: 'const StyledComponent = styled.div``;',
+            filename: 'react.tsx',
+        },
+    ],
+    invalid: [
+        {
+            code: 'const Button = styled.button``;',
+            filename: 'react.tsx',
+            errors: [
+                {
+                    messageId: 'noStyledPrefix',
+                },
+            ],
+        },
+        {
+            code: 'const Component = styled.div``;',
+            filename: 'react.tsx',
+            errors: [
+                {
+                    messageId: 'noStyledPrefix',
+                },
+            ],
+        },
+    ],
+});