@atlaskit/eslint-plugin-design-system 11.10.0 → 12.1.0

package/dist/cjs/rules/utils/is-node.js

@@ -5,47 +5,47 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isPropertyKey = exports.isDecendantOfXcssBlock = exports.isDecendantOfType = exports.isDecendantOfSvgElement = exports.isDecendantOfStyleJsxAttribute = exports.isDecendantOfStyleBlock = exports.isDecendantOfPrimitive = exports.isDecendantOfGlobalToken = exports.isCssInJsTemplateNode = exports.isCssInJsObjectNode = exports.isCssInJsCallNode = exports.isChildOfType = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _isSupportedImport = require("@atlaskit/eslint-utils/is-supported-import");
 var _astNodes = require("../../ast-nodes");
-var _contextCompat = require("./context-compat");
 // eslint-disable-next-line import/no-extraneous-dependencies
 
-var isDecendantOfGlobalToken = exports.isDecendantOfGlobalToken = function isDecendantOfGlobalToken(node) {
+var _isDecendantOfGlobalToken = exports.isDecendantOfGlobalToken = function isDecendantOfGlobalToken(node) {
   if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') && (0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier') && (node.callee.name === 'token' || node.callee.name === 'getTokenValue')) {
     return true;
   }
   if (node.parent) {
-    return isDecendantOfGlobalToken(node.parent);
+    return _isDecendantOfGlobalToken(node.parent);
   }
   return false;
 };
-var isDecendantOfType = exports.isDecendantOfType = function isDecendantOfType(node, type) {
+var _isDecendantOfType = exports.isDecendantOfType = function isDecendantOfType(node, type) {
   var skipNode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   if (!skipNode && node.type === type) {
     return true;
   }
   if (node.parent) {
-    return isDecendantOfType(node.parent, type, false);
+    return _isDecendantOfType(node.parent, type, false);
   }
   return false;
 };
 var isPropertyKey = exports.isPropertyKey = function isPropertyKey(node) {
-  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'Identifier') && isDecendantOfType(node, 'Property')) {
+  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'Identifier') && _isDecendantOfType(node, 'Property')) {
     var parent = node.parent;
     return node === parent.key || parent.shorthand;
   }
   return false;
 };
-var isDecendantOfStyleJsxAttribute = exports.isDecendantOfStyleJsxAttribute = function isDecendantOfStyleJsxAttribute(node) {
+var _isDecendantOfStyleJsxAttribute = exports.isDecendantOfStyleJsxAttribute = function isDecendantOfStyleJsxAttribute(node) {
   if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'JSXAttribute')) {
     return true;
   }
   if (node.parent) {
-    return isDecendantOfStyleJsxAttribute(node.parent);
+    return _isDecendantOfStyleJsxAttribute(node.parent);
   }
   return false;
 };
-var isDecendantOfSvgElement = exports.isDecendantOfSvgElement = function isDecendantOfSvgElement(node) {
+var _isDecendantOfSvgElement = exports.isDecendantOfSvgElement = function isDecendantOfSvgElement(node) {
   if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'JSXElement')) {
     // @ts-ignore
     if (node.openingElement.name.name === 'svg') {
@@ -53,11 +53,11 @@ var isDecendantOfSvgElement = exports.isDecendantOfSvgElement = function isDecen
     }
   }
   if (node.parent) {
-    return isDecendantOfSvgElement(node.parent);
+    return _isDecendantOfSvgElement(node.parent);
   }
   return false;
 };
-var isDecendantOfPrimitive = exports.isDecendantOfPrimitive = function isDecendantOfPrimitive(node, context) {
+var _isDecendantOfPrimitive = exports.isDecendantOfPrimitive = function isDecendantOfPrimitive(node, context) {
   var primitivesToCheck = ['Box', 'Text'];
   if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'JSXElement')) {
     // @ts-ignore
@@ -69,7 +69,7 @@ var isDecendantOfPrimitive = exports.isDecendantOfPrimitive = function isDecenda
     }
   }
   if (node.parent) {
-    return isDecendantOfPrimitive(node.parent, context);
+    return _isDecendantOfPrimitive(node.parent, context);
   }
   return false;
 };
@@ -83,17 +83,17 @@ var isCssInJsCallNode = exports.isCssInJsCallNode = function isCssInJsCallNode(n
 var isCssInJsObjectNode = exports.isCssInJsObjectNode = function isCssInJsObjectNode(node) {
   return (node === null || node === void 0 ? void 0 : node.type) === 'CallExpression' && node.callee.type === 'MemberExpression' && node.callee.object.type === 'Identifier' && cssInJsCallees.includes(node.callee.object.name);
 };
-var isDecendantOfXcssBlock = exports.isDecendantOfXcssBlock = function isDecendantOfXcssBlock(node, referencesInScope, importSources) {
+var _isDecendantOfXcssBlock = exports.isDecendantOfXcssBlock = function isDecendantOfXcssBlock(node, referencesInScope, importSources) {
   // xcss contains types for all properties that accept tokens, so ignore xcss for linting as it will report false positives
   if (node.type === 'CallExpression' && (0, _isSupportedImport.isXcss)(node.callee, referencesInScope, importSources)) {
     return true;
   }
   if (node.parent) {
-    return isDecendantOfXcssBlock(node.parent, referencesInScope, importSources);
+    return _isDecendantOfXcssBlock(node.parent, referencesInScope, importSources);
   }
   return false;
 };
-var isDecendantOfStyleBlock = exports.isDecendantOfStyleBlock = function isDecendantOfStyleBlock(node) {
+var _isDecendantOfStyleBlock = exports.isDecendantOfStyleBlock = function isDecendantOfStyleBlock(node) {
   if (node.type === 'VariableDeclarator') {
     if (node.id.type !== 'Identifier') {
       return false;
@@ -128,7 +128,7 @@ var isDecendantOfStyleBlock = exports.isDecendantOfStyleBlock = function isDecen
     return true;
   }
   if (node.parent) {
-    return isDecendantOfStyleBlock(node.parent);
+    return _isDecendantOfStyleBlock(node.parent);
   }
   return false;
 };

package/dist/es2019/ast-nodes/object-entry.js

@@ -1,7 +1,7 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { getSourceCode } from '../rules/utils/context-compat';
+import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 export const ObjectEntry = {
   getProperty(node) {
     if (isNodeOfType(node.key, 'Identifier')) {

package/dist/es2019/ast-nodes/root.js

@@ -1,7 +1,7 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 import { hasImportDeclaration, insertImportDeclaration, isNodeOfType } from 'eslint-codemod-utils';
-import { getSourceCode } from '../rules/utils/context-compat';
+import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { Import } from './import';
 // Little bit unreadable, but better than duplicating the type
 

package/dist/es2019/presets/all.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::63e44eb7233c2d498e43881a7090178b>>
+ * @codegen <<SignedSource::75357860fd00d6fc5060362c75d5db5e>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 

package/dist/es2019/presets/recommended.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::bacf70c4f4cda24ee7278c574ff73a12>>
+ * @codegen <<SignedSource::1f8c75cb592edbc7ccb124c7e831e475>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 

package/dist/es2019/rules/consistent-css-prop-usage/index.js

@@ -3,10 +3,10 @@
 import { getIdentifierInParentScope, insertAtStartOfFile, insertImportDeclaration, isNodeOfType } from 'eslint-codemod-utils';
 import estraverse from 'estraverse';
 import assign from 'lodash/assign';
+import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { findVariable } from '@atlaskit/eslint-utils/find-variable';
 import { CSS_IN_JS_IMPORTS } from '@atlaskit/eslint-utils/is-supported-import';
 import { Import } from '../../ast-nodes';
-import { getScope, getSourceCode } from '../utils/context-compat';
 import { createLintRule } from '../utils/create-rule';
 import { getFirstSupportedImport } from '../utils/get-first-supported-import';
 import { getModuleOfIdentifier } from '../utils/get-import-node-by-source';

package/dist/es2019/rules/ensure-design-token-usage/color.js

@@ -129,25 +129,25 @@ export const lintJSXLiteralForColor = (node, context, config) => {
   if (node.type !== 'Literal') {
     return;
   }
-  if (!isNodeOfType(node.parent, 'JSXAttribute')) {
-    return;
-  }
-  if (!isNodeOfType(node.parent.name, 'JSXIdentifier')) {
+
+  // Changed this condition to properly handle both direct literals and expression containers
+  const parent = isNodeOfType(node.parent, 'JSXExpressionContainer') ? node.parent.parent : node.parent;
+  if (!isNodeOfType(parent, 'JSXAttribute')) {
     return;
   }
-  if (isDecendantOfSvgElement(node.parent)) {
+  if (isDecendantOfSvgElement(parent)) {
     return;
   }
 
   // Box backgroundColor prop accepts token names directly - don't lint against this
-  if (isDecendantOfPrimitive(node.parent, context)) {
+  if (isDecendantOfPrimitive(parent, context)) {
     return;
   }
-  if (['alt', 'src', 'label', 'key', 'appearance'].includes(node.parent.name.name)) {
+  if (['alt', 'src', 'label', 'key', 'appearance'].includes(typeof parent.name.name === 'string' ? parent.name.name : parent.name.name.name)) {
     return;
   }
   const isException = getIsException(config.exceptions);
-  if (isException(node.parent)) {
+  if (isException(parent)) {
     return;
   }
 
@@ -214,11 +214,11 @@ css({
 export const getTokenSuggestion = (node, reference, config) => [{
   shouldReturnSuggestion: !isDecendantOfGlobalToken(node) && config.shouldEnforceFallbacks === false,
   desc: `Convert to token`,
-  fix: fixer => fixer.replaceText(node, `token('')`)
+  fix: fixer => fixer.replaceText(isNodeOfType(node.parent, 'MemberExpression') ? node.parent : node, `token('')`)
 }, {
   shouldReturnSuggestion: !isDecendantOfGlobalToken(node) && config.shouldEnforceFallbacks === true,
   desc: `Convert to token with fallback`,
-  fix: fixer => fixer.replaceText(node, isNodeOfType(node.parent, 'JSXAttribute') ? `{token('', ${reference})}` : `token('', ${reference})`)
+  fix: fixer => fixer.replaceText(isNodeOfType(node.parent, 'MemberExpression') ? node.parent : node, isNodeOfType(node.parent, 'JSXAttribute') ? `{token('', ${reference})}` : `token('', ${reference})`)
 }].filter(filterSuggestion);
 const filterSuggestion = ({
   shouldReturnSuggestion

package/dist/es2019/rules/ensure-design-token-usage/index.js

@@ -1,8 +1,8 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 
 import { isNodeOfType } from 'eslint-codemod-utils';
+import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { getImportSources } from '@atlaskit/eslint-utils/is-supported-import';
-import { getScope, getSourceCode } from '../utils/context-compat';
 import { createLintRule } from '../utils/create-rule';
 import { errorBoundary } from '../utils/error-boundary';
 import { includesHardCodedColor } from '../utils/is-color';
@@ -252,6 +252,13 @@ const createWithConfig = initialConfig => context => {
       }
       return;
     },
+    // Add handling for JSXExpressionContainer with string literals
+    'JSXAttribute > JSXExpressionContainer > Literal': node => {
+      if (config.domains.includes('color')) {
+        return lintJSXLiteralForColor(node, context, config);
+      }
+      return;
+    },
     // For inline JSX styles - members (e.g. <Test color={color.red}/>) - color only
     'JSXExpressionContainer > MemberExpression': node => {
       if (config.domains.includes('color')) {

package/dist/es2019/rules/ensure-design-token-usage/utils.js

@@ -1,8 +1,8 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 
 import { callExpression, identifier, insertAtStartOfFile, insertImportDeclaration, isNodeOfType, literal } from 'eslint-codemod-utils';
+import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { spacing as spacingScale } from '@atlaskit/tokens/tokens-raw';
-import { getScope, getSourceCode } from '../utils/context-compat';
 import { findIdentifierInParentScope } from '../utils/find-in-parent';
 import { isColorCssPropertyName, isCurrentSurfaceCustomPropertyName } from '../utils/is-color';
 import { borderWidthValueToToken, isBorderRadius, isBorderSizeProperty, isShapeProperty, radiusValueToToken } from './shape';

package/dist/es2019/rules/no-deprecated-apis/index.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { getSourceCode } from '../utils/context-compat';
+import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { createLintRule } from '../utils/create-rule';
 import { getConfig } from '../utils/get-deprecated-config';
 import { isDeprecatedJSXAttributeConfig } from '../utils/types';

package/dist/es2019/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-bind-all.js

@@ -1,7 +1,7 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { getSourceCode } from '../../utils/context-compat';
+import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { getModuleOfIdentifier } from '../../utils/get-import-node-by-source';
 import { isBlockedEventBinding } from '../shared/is-blocked-event-binding';
 export function isBlockedBindAll(context, node) {

package/dist/es2019/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-bind.js

@@ -1,7 +1,7 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { getSourceCode } from '../../utils/context-compat';
+import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { getModuleOfIdentifier } from '../../utils/get-import-node-by-source';
 import { isBlockedEventBinding } from '../shared/is-blocked-event-binding';
 export function isBlockedBind(context, node) {

package/dist/es2019/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-jsx-attribute.js

@@ -1,7 +1,7 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { getSourceCode } from '../../utils/context-compat';
+import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { getModuleOfIdentifier } from '../../utils/get-import-node-by-source';
 import { blockedJSXAttributeLookup } from '../shared/blocked';
 function getJSXElementNameFromAttribute(attribute) {

package/dist/es2019/rules/no-empty-styled-expression/index.js

@@ -1,5 +1,5 @@
+import { getScope } from '@atlaskit/eslint-utils/context-compat';
 import { getImportSources, isStyled } from '@atlaskit/eslint-utils/is-supported-import';
-import { getScope } from '../utils/context-compat';
 import { createLintRule } from '../utils/create-rule';
 const isEmptyStyledExpression = node => {
   const [firstArg] = node.arguments;

package/dist/es2019/rules/no-html-anchor/node-types/jsx-element/index.js

@@ -1,7 +1,7 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
+import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import * as ast from '../../../../ast-nodes';
-import { getSourceCode } from '../../../utils/context-compat';
 import { isSupportedForLint } from '../supported';
 function isImportDeclaration(node) {
   return node.type === 'ImportDeclaration';

package/dist/es2019/rules/no-html-anchor/node-types/styled-component/index.js

@@ -1,7 +1,7 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { getScope } from '../../../utils/context-compat';
+import { getScope } from '@atlaskit/eslint-utils/context-compat';
 import { getJsxElementByName } from '../../utils/get-jsx-element-by-name';
 import { isSupportedForLint } from '../supported';
 import { getStyledComponentCall } from './get-styled-component-call';

package/dist/es2019/rules/no-html-button/node-types/styled-component/index.js

@@ -1,7 +1,7 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { getScope } from '../../../utils/context-compat';
+import { getScope } from '@atlaskit/eslint-utils/context-compat';
 import { getJsxElementByName } from '../../utils/get-jsx-element-by-name';
 import { isSupportedForLint } from '../supported';
 import { getStyledComponentCall } from './get-styled-component-call';

package/dist/es2019/rules/no-invalid-css-map/index.js

@@ -1,5 +1,5 @@
+import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { CSS_IN_JS_IMPORTS, isCssMap } from '@atlaskit/eslint-utils/is-supported-import';
-import { getScope, getSourceCode } from '../utils/context-compat';
 import { checkIfSupportedExport } from '../utils/create-no-exported-rule/check-if-supported-export';
 import { createLintRule } from '../utils/create-rule';
 import { CssMapObjectChecker, getCssMapObject } from './utils';

package/dist/es2019/rules/no-invalid-css-map/utils.js

@@ -1,6 +1,6 @@
 import { getAllowedFunctionCalls, isAllowListedVariable } from '@atlaskit/eslint-utils/allowed-function-calls';
+import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { findVariable } from '@atlaskit/eslint-utils/find-variable';
-import { getSourceCode } from '../utils/context-compat';
 export const getCssMapObject = node => {
   // We assume the argument `node` is already a cssMap() call.
 

package/dist/es2019/rules/no-legacy-icons/helpers.js

@@ -453,10 +453,25 @@ const createImportFix = ({
   const importPath = migrationImportNode ? importSource.replace('/migration', '').split('--')[0] : getNewIconNameAndImportPath(importSource, shouldUseMigrationPath).importPath;
   const useMigrationPath = legacyImportNode && importPath;
   const useFinalPath = migrationImportNode && !shouldUseMigrationPath && importPath;
+  const programNode = legacyImportNode && findProgramNode(legacyImportNode);
   if (useMigrationPath) {
-    fixes.push(newIconName ? fixer.insertTextBefore(legacyImportNode, `import ${newIconName} from '${importPath}';\n`) : fixer.replaceText(legacyImportNode.source, `'${literal(importPath)}'`));
+    if (newIconName) {
+      const isExisting = programNode ? alreadyHasImportedLocalName(programNode, newIconName, importPath) : false;
+      if (!isExisting) {
+        fixes.push(fixer.insertTextBefore(legacyImportNode, `import ${newIconName} from '${importPath}';\n`));
+      }
+    } else {
+      fixes.push(fixer.replaceText(legacyImportNode.source, `'${literal(importPath)}'`));
+    }
   } else if (useFinalPath) {
-    fixes.push(newIconName ? fixer.insertTextBefore(migrationImportNode, `import ${newIconName} from '${importPath}';\n`) : fixer.replaceText(migrationImportNode.source, `'${literal(importPath)}'`));
+    if (newIconName) {
+      const isExisting = programNode ? alreadyHasImportedLocalName(programNode, newIconName, importPath) : false;
+      if (!isExisting) {
+        fixes.push(fixer.insertTextBefore(migrationImportNode, `import ${newIconName} from '${importPath}';\n`));
+      }
+    } else {
+      fixes.push(fixer.replaceText(migrationImportNode.source, `'${literal(importPath)}'`));
+    }
   }
   return fixes;
 };
@@ -728,4 +743,24 @@ export const throwAutoErrors = ({
       context.report(error);
     });
   }
-};
+};
+function findProgramNode(node) {
+  while (node && node.parent) {
+    if (node.parent.type === 'Program') {
+      return node.parent;
+    }
+    node = node.parent;
+  }
+  return null;
+}
+function alreadyHasImportedLocalName(programNode, localName, importPath) {
+  if (!(programNode !== null && programNode !== void 0 && programNode.body)) {
+    return false;
+  }
+  return programNode.body.some(stmt => {
+    if (stmt.type === 'ImportDeclaration' && stmt.source.value === importPath) {
+      return stmt.specifiers.some(s => s.local.name === localName);
+    }
+    return false;
+  });
+}

package/dist/es2019/rules/no-nested-styles/index.js

@@ -1,7 +1,7 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { getScope } from '../utils/context-compat';
+import { getScope } from '@atlaskit/eslint-utils/context-compat';
 import { createLintRule } from '../utils/create-rule';
 import { findIdentifierInParentScope } from '../utils/find-in-parent';
 const allowedPrefix = [':', '&:'];

package/dist/es2019/rules/no-unsafe-style-overrides/index.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { getSourceCode } from '../utils/context-compat';
+import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { createLintRule } from '../utils/create-rule';
 import { getModuleOfIdentifier } from '../utils/get-import-node-by-source';
 import { getJSXElementName } from '../utils/jsx';

package/dist/es2019/rules/use-heading/config/index.js

@@ -2,7 +2,7 @@ const defaults = {
   failSilently: false,
   patterns: ['native-elements'],
   enableUnsafeAutofix: false,
-  enableUnsafeReport: false
+  enableUnsafeReport: true
 };
 export const getConfig = overrides => {
   return Object.assign({}, defaults, overrides);

package/dist/es2019/rules/use-heading/index.js

@@ -9,6 +9,18 @@ const rule = createLintRule({
     type: 'suggestion',
     fixable: 'code',
     hasSuggestions: true,
+    schema: [{
+      type: 'object',
+      properties: {
+        enableUnsafeReport: {
+          type: 'boolean'
+        },
+        enableUnsafeAutofix: {
+          type: 'boolean'
+        }
+      },
+      additionalProperties: false
+    }],
     docs: {
       description: 'Encourage the usage of heading components.',
       recommended: false,

package/dist/es2019/rules/use-heading-level-in-spotlight-card/index.js

@@ -1,7 +1,7 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { getScope } from '../utils/context-compat';
+import { getScope } from '@atlaskit/eslint-utils/context-compat';
 import { createLintRule } from '../utils/create-rule';
 import { getImportName } from '../utils/get-import-name';
 export const headingLevelRequiredSuggestionText = 'Add a `headingLevel` that is of a contextually relevant level.';

package/dist/es2019/rules/use-href-in-link-item/index.js

@@ -1,7 +1,7 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { getScope } from '../utils/context-compat';
+import { getScope } from '@atlaskit/eslint-utils/context-compat';
 import { createLintRule } from '../utils/create-rule';
 import { getImportName } from '../utils/get-import-name';
 import { getUniqueButtonItemName, hasImportOfName, hrefHasInvalidValue, insertButtonItemDefaultImport, insertButtonItemImport } from './utils';

package/dist/es2019/rules/use-latest-xcss-syntax/transformers/style-property/index.js

@@ -1,8 +1,8 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 import { isNodeOfType } from 'eslint-codemod-utils';
+import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import * as ast from '../../../../ast-nodes';
-import { getSourceCode } from '../../../utils/context-compat';
 import { styleMap } from './style-map';
 import supported from './supported';
 const messageId = 'noRawSpacingValues';

package/dist/es2019/rules/use-latest-xcss-syntax-typography/config/index.js

@@ -1,6 +1,7 @@
+export const PATTERNS = ['restricted-property', 'wrapped-token-value', 'restricted-capitalisation'];
 const defaults = {
   failSilently: false,
-  patterns: ['restricted-property', 'wrapped-token-value', 'restricted-capitalisation']
+  patterns: [...PATTERNS]
 };
 export const getConfig = overrides => {
   return Object.assign({}, defaults, overrides);

package/dist/es2019/rules/use-latest-xcss-syntax-typography/index.js

@@ -1,6 +1,6 @@
 import { createLintRule } from '../utils/create-rule';
 import { errorBoundary } from '../utils/error-boundary';
-import { getConfig } from './config';
+import { getConfig, PATTERNS } from './config';
 import { RestrictedCapitalisation, RestrictedProperty, WrappedTokenValue } from './linters';
 const typescriptErrorMessage = 'There is ongoing work to make this a TypeScript error. Once that happens, you will have to delete/refactor anyway.';
 const rule = createLintRule({
@@ -9,6 +9,24 @@ const rule = createLintRule({
     type: 'problem',
     fixable: 'code',
     hasSuggestions: false,
+    schema: [{
+      type: 'object',
+      properties: {
+        failSilently: {
+          type: 'boolean'
+        },
+        patterns: {
+          maxLength: PATTERNS.length,
+          type: 'array',
+          items: {
+            type: 'string',
+            enum: PATTERNS
+          },
+          uniqueItems: true
+        }
+      },
+      additionalProperties: false
+    }],
     docs: {
       description: 'Prohibits use of unsafe styling properties in xcss. Please use Text/Heading primitives instead.',
       recommended: true,

package/dist/es2019/rules/use-primitives/config/index.js

@@ -1,3 +1,43 @@
+export const VALID_PATTERNS = [
+// this enables the rule to look for a pattern like:
+// const myStyles = css({...})
+'compiled-css-function',
+// this enables the rule to look for a pattern like:
+// const MyComponent = styled.div({...})
+'compiled-styled-object',
+// this enables the rule to look for a pattern like:
+// css({ padding: `I AM A TEMPLATE LITERAL` })
+// or styled.div({ padding: `I AM A TEMPLATE LITERAL` })
+'css-template-literal',
+// this enables the rule to look for a pattern like:
+// css({ padding: token(...) })
+// or styled.div({ padding: token(...) })
+'css-property-with-tokens',
+// this enables the rule to look for a pattern like:
+// css({ padding: '8px 16px' })
+// or styled.div({ padding: css({ padding: '8px 16px' }) })
+// ... and they could be tokenised
+// ... and they could be using template literals
+'css-property-multiple-values',
+// This enables the rule to look for a pattern like:
+// ```
+// const styles = css({ // or `styled.div({`
+//   padding: '8px',
+//   margin: '8px',
+// })
+'multiple-properties',
+// This enables the rule to look for supported dimension properties set as 100% like:
+// ```
+// const styles = css({ // or `styled.div({`
+//   padding: '8px',
+//   margin: '8px',
+//   width: '100%',
+// })
+'dimension-properties',
+// This enables the rule to look for JSX elements that are defined before the styles
+'jsx-order-fix',
+// This enables a fix for string style properties being incorrectly transformed
+'string-style-property-fix'];
 const defaults = {
   patterns: ['compiled-css-function']
 };

package/dist/es2019/rules/use-primitives/index.js

@@ -1,5 +1,5 @@
 import { createLintRule } from '../utils/create-rule';
-import { getConfig } from './config';
+import { getConfig, VALID_PATTERNS } from './config';
 import { CompiledStyled, EmotionCSS } from './transformers';
 const boxDocsUrl = 'https://atlassian.design/components/primitives/box';
 const rule = createLintRule({
@@ -13,6 +13,20 @@ const rule = createLintRule({
       recommended: false,
       severity: 'warn'
     },
+    schema: [{
+      type: 'object',
+      properties: {
+        patterns: {
+          type: 'array',
+          maxLength: VALID_PATTERNS.length,
+          items: {
+            type: 'string',
+            enum: VALID_PATTERNS
+          }
+        }
+      },
+      additionalProperties: false
+    }],
     messages: {
       preferPrimitivesBox: `This element can be replaced with a "Box" primitive. See ${boxDocsUrl} for additional guidance.`
     }

package/dist/es2019/rules/use-primitives/transformers/compiled-styled/index.js

@@ -1,8 +1,8 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 import { isNodeOfType } from 'eslint-codemod-utils';
+import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import * as ast from '../../../../ast-nodes';
-import { getScope, getSourceCode } from '../../../utils/context-compat';
 import { isValidCssPropertiesToTransform } from '../../utils';
 import { validateStyles } from '../../utils/validate-styles';
 import { convertJsxCallSite } from './convert-jsx-call-site';

package/dist/es2019/rules/use-primitives/transformers/css-to-xcss.js

@@ -1,6 +1,6 @@
 import { getIdentifierInParentScope, identifier, isNodeOfType, literal } from 'eslint-codemod-utils';
+import { getScope } from '@atlaskit/eslint-utils/context-compat';
 import { allSpaceMap, positiveSpaceMap } from '../../../common/token-maps.partial';
-import { getScope } from '../../utils/context-compat';
 import { getAttributeValueIdentifier, getFunctionArgumentAtPos, getJSXAttributeByName, getVariableDefinitionValue } from '../utils';
 export const cssToXcssTransformer = (node, context, fixer) => {
   /**

package/dist/es2019/rules/use-primitives/transformers/emotion-css/index.js

@@ -1,8 +1,8 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 import { getIdentifierInParentScope, isNodeOfType } from 'eslint-codemod-utils';
+import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import * as ast from '../../../../ast-nodes';
-import { getScope, getSourceCode } from '../../../utils/context-compat';
 import { getVariableDefinitionValue, getVariableUsagesCount, isValidCssPropertiesToTransform } from '../../utils';
 import { validateStyles } from '../../utils/validate-styles';
 import { cssToXcssTransformer } from '../css-to-xcss';

package/dist/es2019/rules/use-primitives/utils/get-variable-usage-count.js

@@ -1,4 +1,4 @@
-import { getSourceCode } from '../../utils/context-compat';
+import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 
 /**
  * TODO: Update this logic: https://product-fabric.atlassian.net/browse/DSP-16059