@atlaskit/eslint-plugin-design-system 8.27.0 → 8.28.0

package/dist/types-ts4.5/rules/utils/is-supported-import.d.ts

@@ -6,20 +6,20 @@ export declare const CSS_IN_JS_IMPORTS: {
     readonly compiled: "@compiled/react";
     readonly emotionReact: "@emotion/react";
     readonly emotionCore: "@emotion/core";
+    readonly emotionStyled: "@emotion/styled";
     readonly styledComponents: "styled-components";
     readonly atlaskitCss: "@atlaskit/css";
     readonly atlaskitPrimitives: "@atlaskit/primitives";
 };
 export type ImportSource = string;
 export type SupportedNameChecker = (nodeToCheck: Callee, referencesInScope: Reference[], importSources: ImportSource[]) => boolean;
+/**
+ * By default all known import sources are checked against.
+ */
 export declare const DEFAULT_IMPORT_SOURCES: ImportSource[];
 /**
  * Given the ESLint rule context, extract and parse the value of the importSources rule option.
- * The importSources option is used to define additional libraries for which an ESLint rule
- * should apply to.
- *
- * Note that `@compiled/react` and `@atlaskit/css` are always included in importSources, regardless
- * of what importSources is configured to by the user.
+ * The importSources option is used to override which libraries an ESLint rule applies to.
  *
  * @param context The rule context.
  * @returns An array of strings representing what CSS-in-JS packages that should be checked, based

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@atlaskit/eslint-plugin-design-system",
   "description": "The essential plugin for use with the Atlassian Design System.",
-  "version": "8.27.0",
+  "version": "8.28.0",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/dist/es2019/rules/no-css-tagged-template-expression/create-no-tagged-template-expression-rule/index.js

@@ -1,62 +0,0 @@
-// Original source from Compiled https://github.com/atlassian-labs/compiled/blob/master/packages/eslint-plugin/src/utils/create-no-tagged-template-expression-rule/index.ts
-// eslint-disable-next-line import/no-extraneous-dependencies
-
-import { CSS_IN_JS_IMPORTS } from '../../utils/is-supported-import';
-import { generate } from './generate';
-import { getTaggedTemplateExpressionOffset } from './get-tagged-template-expression-offset';
-import { toArguments } from './to-arguments';
-const IMPORT_SOURCES = [CSS_IN_JS_IMPORTS.compiled, CSS_IN_JS_IMPORTS.emotionReact, CSS_IN_JS_IMPORTS.emotionCore, CSS_IN_JS_IMPORTS.styledComponents];
-export const createNoTaggedTemplateExpressionRule = (isUsage, messageId) => context => ({
-  TaggedTemplateExpression(node) {
-    const {
-      references
-    } = context.getScope();
-    if (!isUsage(node.tag, references, IMPORT_SOURCES)) {
-      return;
-    }
-    context.report({
-      messageId,
-      node,
-      *fix(fixer) {
-        const {
-          quasi
-        } = node;
-        const source = context.getSourceCode();
-
-        // TODO Eventually handle comments instead of skipping them
-        // Skip auto-fixing comments
-        if (quasi.quasis.map(q => q.value.raw).join('').match(/\/\*[\s\S]*\*\//g)) {
-          return;
-        }
-
-        // Replace empty tagged template expression with the equivalent object call expression
-        if (!quasi.expressions.length && quasi.quasis.length === 1 && !quasi.quasis[0].value.raw.trim()) {
-          yield fixer.replaceText(quasi, '({})');
-          return;
-        }
-        const args = toArguments(source, quasi);
-
-        // Skip invalid CSS
-        if (args.length < 1) {
-          return;
-        }
-        const oldCode = source.getText(node);
-        // Remove quasi:
-        // styled.div<Props>`
-        //    color: red;
-        // `
-        // becomes
-        // styled.div<Props>
-        const withoutQuasi = oldCode.replace(source.getText(quasi), '');
-        const newCode = withoutQuasi +
-        // Indent the arguments after the tagged template expression range
-        generate(args, getTaggedTemplateExpressionOffset(node));
-        if (oldCode === newCode) {
-          return;
-        }
-        yield fixer.insertTextBefore(node, newCode);
-        yield fixer.remove(node);
-      }
-    });
-  }
-});