eslint-config-beslogic 2.0.1 → 2.0.2

package/CHANGELOG.md

@@ -1,11 +1,12 @@
 # Changelog
 
-## 2.0.1
+## 2.0.2
 
 - Disabled the following rules in Storybook stories:
   - `@angular-eslint/component-max-inline-declarations`
   - `angular-file-naming/component-filename-suffix`
-- Clarified that `beslogic/storybook` preset should be added to Angular project as well.
+- Fixed rule to detect using public non-readonly arrow function properties in Components and Directives with Storybook
+- Clarified that `beslogic/storybook` preset should be added to Angular project as well
 
 ## 2.0.0
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-config-beslogic",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "ESLint rules, plugins and configs used at Beslogic",
   "main": "index.js",
   "scripts": {

package/storybook.js

@@ -19,9 +19,10 @@ module.exports = {
           ...noRestrictedSyntax,
           {
             "selector":
-              "ClassDeclaration:has(Decorator [name=\"Component\"]) ClassProperty > :function",
-            "message":
-              "Storybook needs Angular components' methods to be a Function Declaration or it'll be overriden by a string."
+              "ClassDeclaration:has(Decorator :matches([name=\"Component\"], [name=\"Directive\"])) PropertyDefinition[value.type=\"ArrowFunctionExpression\"]:not([accessibility=\"private\"]):not([readonly=true])",
+            "message": "Storybook will present arrow function properties as strings. " +
+              "Mark it as `private`, `readonly`, or use a function declaration. " +
+              "https://github.com/storybookjs/storybook/issues/27131"
           }
         ]
       }