@atlaskit/eslint-plugin-design-system 4.4.2 → 4.4.5

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/eslint-plugin-design-system
 
+## 4.4.5
+
+### Patch Changes
+
+- [`344784eec9e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/344784eec9e) - Fix linting error message for focusRing import
+
+## 4.4.4
+
+### Patch Changes
+
+- [`55a212b8b01`](https://bitbucket.org/atlassian/atlassian-frontend/commits/55a212b8b01) - Adds an additional rule for DS users to opt into to using 'noop' as a common reference rather than rewriting anonymous functions.
+
+## 4.4.3
+
+### Patch Changes
+
+- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+
 ## 4.4.2
 
 ### Patch Changes

package/constellation/index/examples.mdx

@@ -0,0 +1,5 @@
+---
+order: 0
+---
+
+examples

package/constellation/index/usage.mdx

@@ -0,0 +1,5 @@
+---
+order: 2
+---
+
+usage

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

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+
 var _isColor = require("../utils/is-color");
 
 var _isElevation = require("../utils/is-elevation");
@@ -30,8 +32,7 @@ var getTokenSuggestion = function getTokenSuggestion(node, reference, config) {
     shouldReturnSuggestion: !(0, _isNode.isDecendantOfGlobalToken)(node) && config.shouldEnforceFallbacks === true,
     desc: "Convert to token with fallback",
     fix: function fix(fixer) {
-      return fixer.replaceText(node, // @ts-ignore JSXAttribute is not available in @types/estree
-      node.parent.type === 'JSXAttribute' ? "{token('', ".concat(reference, ")}") : "token('', ".concat(reference, ")"));
+      return fixer.replaceText(node, (0, _eslintCodemodUtils.isNodeOfType)(node.parent, 'JSXAttribute') ? "{token('', ".concat(reference, ")}") : "token('', ".concat(reference, ")"));
     }
   }].filter(filterSuggestion);
 };

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

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _getImportNodeBySource = require("../utils/get-import-node-by-source");
+var _eslintCodemodUtils = require("eslint-codemod-utils");
 
-var _isNode = require("../utils/is-node");
+var _getImportNodeBySource = require("../utils/get-import-node-by-source");
 
-// eslint-disable-next-line import/no-unresolved
 var unsafeOverridesConfig = {
   cssFn: ['@atlaskit/menu', '@atlaskit/side-navigation'],
   overrides: ['@atlaskit/drawer', '@atlaskit/menu', '@atlaskit/side-navigation']
@@ -40,7 +39,7 @@ var rule = {
 
         return JSXAttribute;
       }(function (node) {
-        var _node$name, _closesetJSXElement$n;
+        var _node$name;
 
         if (!unsafeOverrides.includes(node === null || node === void 0 ? void 0 : (_node$name = node.name) === null || _node$name === void 0 ? void 0 : _node$name.name)) {
           return;
@@ -49,9 +48,8 @@ var rule = {
         var source = context.getSourceCode();
         var bannedApi = node.name.name; // traverse the tree to the nearest JSX Element and get its name
 
-        var closesetJSXElement = (0, _isNode.getClosestNodeOfType)(node, 'JSXOpeningElement'); // @ts-ignore
-
-        var jsxElementName = closesetJSXElement === null || closesetJSXElement === void 0 ? void 0 : (_closesetJSXElement$n = closesetJSXElement.name) === null || _closesetJSXElement$n === void 0 ? void 0 : _closesetJSXElement$n.name;
+        var closesetJSXElement = (0, _eslintCodemodUtils.closestOfType)(node, 'JSXOpeningElement');
+        var jsxElementName = (0, _eslintCodemodUtils.isNodeOfType)(closesetJSXElement === null || closesetJSXElement === void 0 ? void 0 : closesetJSXElement.name, 'JSXIdentifier') && closesetJSXElement.name.name;
 
         if (!jsxElementName) {
           return;

package/dist/cjs/rules/no-deprecated-imports/paths.js

@@ -12,7 +12,7 @@ var namedThemeExports = [{
   message: 'The visuallyHidden mixin is deprecated. Please use `@atlaskit/visually-hidden` instead.'
 }, {
   importName: 'focusRing',
-  message: 'The focusRing mixin is deprecated. Please use `@atlaskit/visually-hidden` instead.'
+  message: 'The focusRing mixin is deprecated. Please use `@atlaskit/focus-ring` instead.'
 }];
 exports.namedThemeExports = namedThemeExports;
 var restrictedPaths = [{

package/dist/cjs/rules/no-unsafe-design-token-usage/index.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+
 var _renameMapping = _interopRequireDefault(require("@atlaskit/tokens/rename-mapping"));
 
 var _tokenIds = require("@atlaskit/tokens/token-ids");
@@ -40,7 +42,7 @@ var rule = {
     var config = context.options[0] || defaultConfig;
     return {
       'TaggedTemplateExpression[tag.name="css"],TaggedTemplateExpression[tag.object.name="styled"]': function TaggedTemplateExpressionTagNameCssTaggedTemplateExpressionTagObjectNameStyled(node) {
-        if (node.type !== 'TaggedTemplateExpression') {
+        if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'TaggedTemplateExpression')) {
           return;
         }
 
@@ -91,7 +93,7 @@ var rule = {
         }
       },
       'CallExpression[callee.name="token"]': function CallExpressionCalleeNameToken(node) {
-        if (node.type !== 'CallExpression') {
+        if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression')) {
           return;
         }
 

package/dist/cjs/rules/use-visually-hidden/fix-jsx.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _getImportNodeBySource = require("../utils/get-import-node-by-source");
+var _eslintCodemodUtils = require("eslint-codemod-utils");
 
-var _isNode = require("../utils/is-node");
+var _getImportNodeBySource = require("../utils/get-import-node-by-source");
 
 var _constants = require("./constants");
 
@@ -23,7 +23,7 @@ var _default = function _default(source, node) {
       return [];
     }
 
-    var jsxOpeningElement = (0, _isNode.getClosestNodeOfType)(node, 'JSXOpeningElement');
+    var jsxOpeningElement = (0, _eslintCodemodUtils.closestOfType)(node, 'JSXOpeningElement');
 
     if (visuallyHiddenNode) {
       fixes.push(fixer.replaceText(jsxOpeningElement, visuallyHiddenNode.specifiers[0].local.name));

package/dist/cjs/rules/use-visually-hidden/index.js

@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+
 var _isNode = require("../utils/is-node");
 
 var _fixJsx = _interopRequireDefault(require("./fix-jsx"));
@@ -37,7 +39,7 @@ var rule = {
     var source = context.getSourceCode();
     return {
       ImportDeclaration: function ImportDeclaration(node) {
-        var isThemeNode = node.source.value === '@atlaskit/theme' || node.source.value === '@atlaskit/theme/constants';
+        var isThemeNode = (0, _eslintCodemodUtils.hasImportDeclaration)(node, '@atlaskit/theme') || (0, _eslintCodemodUtils.hasImportDeclaration)(node, '@atlaskit/theme/constants');
 
         if (!isThemeNode) {
           return;
@@ -89,7 +91,7 @@ var rule = {
                     import: "".concat(node.source.value),
                     local: visuallyHiddenOrAssistive.local.name
                   },
-                  fix: (0, _fixVanilla.default)(source, (0, _isNode.getClosestNodeOfType)(idNode.parent, 'TaggedTemplateExpression'))
+                  fix: (0, _fixVanilla.default)(source, (0, _eslintCodemodUtils.closestOfType)(idNode.parent, 'TaggedTemplateExpression'))
                 });
               }
             }
@@ -155,7 +157,7 @@ var rule = {
         }
       },
       'TaggedTemplateExpression[tag.name="css"],TaggedTemplateExpression[tag.object.name="styled"]': function TaggedTemplateExpressionTagNameCssTaggedTemplateExpressionTagObjectNameStyled(node) {
-        if (node.type !== 'TaggedTemplateExpression') {
+        if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'TaggedTemplateExpression')) {
           return;
         }
 

package/dist/cjs/rules/utils/get-import-node-by-source.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getImportedNodeBySource = void 0;
 
-/* eslint-disable import/no-unresolved */
-
 /**
  * @param {SourceCode} source The eslint source
  * @param {string} path The path specified to find

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

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isStyledTemplateNode = exports.isStyledObjectNode = exports.isDecendantOfType = exports.isDecendantOfStyleJsxAttribute = exports.isDecendantOfStyleBlock = exports.isDecendantOfGlobalToken = exports.isChildOfType = exports.getClosestNodeOfType = void 0;
+exports.isStyledTemplateNode = exports.isStyledObjectNode = exports.isDecendantOfType = exports.isDecendantOfStyleJsxAttribute = exports.isDecendantOfStyleBlock = exports.isDecendantOfGlobalToken = exports.isChildOfType = void 0;
+
+var _eslintCodemodUtils = require("eslint-codemod-utils");
 
 var isDecendantOfGlobalToken = function isDecendantOfGlobalToken(node) {
   if (node.type === 'CallExpression' && node.callee.type === 'Identifier' && node.callee.name === 'token') {
@@ -112,25 +114,7 @@ var isDecendantOfStyleBlock = function isDecendantOfStyleBlock(node) {
 exports.isDecendantOfStyleBlock = isDecendantOfStyleBlock;
 
 var isChildOfType = function isChildOfType(node, type) {
-  return node.parent.type === type;
-};
-/**
- * Given a node, walk up the tree until there is no parent OR a common ancestor of the correct type is found
- */
-
-
-exports.isChildOfType = isChildOfType;
-
-var getClosestNodeOfType = function getClosestNodeOfType(node, type) {
-  if (!node) {
-    return node;
-  }
-
-  if (node.type === type) {
-    return node;
-  }
-
-  return getClosestNodeOfType(node.parent, type);
+  return (0, _eslintCodemodUtils.isNodeOfType)(node.parent, type);
 };
 
-exports.getClosestNodeOfType = getClosestNodeOfType;
+exports.isChildOfType = isChildOfType;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/eslint-plugin-design-system",
-	"version": "4.4.2",
+	"version": "4.4.5",
 	"sideEffects": false
 }

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

@@ -1,3 +1,4 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
 import { includesHardCodedColor, isHardCodedColor, isLegacyColor, isLegacyNamedColor } from '../utils/is-color';
 import { isLegacyElevation } from '../utils/is-elevation';
 import { isChildOfType, isDecendantOfGlobalToken, isDecendantOfStyleBlock, isDecendantOfStyleJsxAttribute, isDecendantOfType } from '../utils/is-node';
@@ -14,8 +15,7 @@ const getTokenSuggestion = (node, reference, config) => [{
 }, {
   shouldReturnSuggestion: !isDecendantOfGlobalToken(node) && config.shouldEnforceFallbacks === true,
   desc: `Convert to token with fallback`,
-  fix: fixer => fixer.replaceText(node, // @ts-ignore JSXAttribute is not available in @types/estree
-  node.parent.type === 'JSXAttribute' ? `{token('', ${reference})}` : `token('', ${reference})`)
+  fix: fixer => fixer.replaceText(node, isNodeOfType(node.parent, 'JSXAttribute') ? `{token('', ${reference})}` : `token('', ${reference})`)
 }].filter(filterSuggestion);
 
 const filterSuggestion = ({

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

@@ -1,6 +1,5 @@
-// eslint-disable-next-line import/no-unresolved
+import { closestOfType, isNodeOfType } from 'eslint-codemod-utils';
 import { getImportedNodeBySource } from '../utils/get-import-node-by-source';
-import { getClosestNodeOfType } from '../utils/is-node';
 const unsafeOverridesConfig = {
   cssFn: ['@atlaskit/menu', '@atlaskit/side-navigation'],
   overrides: ['@atlaskit/drawer', '@atlaskit/menu', '@atlaskit/side-navigation']
@@ -22,7 +21,7 @@ const rule = {
     return {
       // find JSX atribute - find name of attribute - get source and find relevant identifiers.
       JSXAttribute(node) {
-        var _node$name, _closesetJSXElement$n;
+        var _node$name;
 
         if (!unsafeOverrides.includes(node === null || node === void 0 ? void 0 : (_node$name = node.name) === null || _node$name === void 0 ? void 0 : _node$name.name)) {
           return;
@@ -31,9 +30,8 @@ const rule = {
         const source = context.getSourceCode();
         const bannedApi = node.name.name; // traverse the tree to the nearest JSX Element and get its name
 
-        const closesetJSXElement = getClosestNodeOfType(node, 'JSXOpeningElement'); // @ts-ignore
-
-        const jsxElementName = closesetJSXElement === null || closesetJSXElement === void 0 ? void 0 : (_closesetJSXElement$n = closesetJSXElement.name) === null || _closesetJSXElement$n === void 0 ? void 0 : _closesetJSXElement$n.name;
+        const closesetJSXElement = closestOfType(node, 'JSXOpeningElement');
+        const jsxElementName = isNodeOfType(closesetJSXElement === null || closesetJSXElement === void 0 ? void 0 : closesetJSXElement.name, 'JSXIdentifier') && closesetJSXElement.name.name;
 
         if (!jsxElementName) {
           return;

package/dist/es2019/rules/no-deprecated-imports/paths.js

@@ -6,7 +6,7 @@ export const namedThemeExports = [{
   message: 'The visuallyHidden mixin is deprecated. Please use `@atlaskit/visually-hidden` instead.'
 }, {
   importName: 'focusRing',
-  message: 'The focusRing mixin is deprecated. Please use `@atlaskit/visually-hidden` instead.'
+  message: 'The focusRing mixin is deprecated. Please use `@atlaskit/focus-ring` instead.'
 }];
 export const restrictedPaths = [{
   path: '@atlaskit/navigation-next',

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

@@ -1,3 +1,4 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
 import renameMapping from '@atlaskit/tokens/rename-mapping';
 import { getTokenId } from '@atlaskit/tokens/token-ids';
 import tokens from '@atlaskit/tokens/token-names';
@@ -49,7 +50,7 @@ token('color.background.blanket');
     const config = context.options[0] || defaultConfig;
     return {
       'TaggedTemplateExpression[tag.name="css"],TaggedTemplateExpression[tag.object.name="styled"]': node => {
-        if (node.type !== 'TaggedTemplateExpression') {
+        if (!isNodeOfType(node, 'TaggedTemplateExpression')) {
           return;
         }
 
@@ -96,7 +97,7 @@ token('color.background.blanket');
         }
       },
       'CallExpression[callee.name="token"]': node => {
-        if (node.type !== 'CallExpression') {
+        if (!isNodeOfType(node, 'CallExpression')) {
           return;
         }
 

package/dist/es2019/rules/use-visually-hidden/fix-jsx.js

@@ -1,5 +1,5 @@
+import { closestOfType } from 'eslint-codemod-utils';
 import { getImportedNodeBySource } from '../utils/get-import-node-by-source';
-import { getClosestNodeOfType } from '../utils/is-node';
 import { IMPORT_NAME, VISUALLY_HIDDEN_IMPORT, VISUALLY_HIDDEN_SOURCE } from './constants';
 import { getFirstImport } from './utils';
 export default ((source, node) => fixer => {
@@ -11,7 +11,7 @@ export default ((source, node) => fixer => {
     return [];
   }
 
-  const jsxOpeningElement = getClosestNodeOfType(node, 'JSXOpeningElement');
+  const jsxOpeningElement = closestOfType(node, 'JSXOpeningElement');
 
   if (visuallyHiddenNode) {
     fixes.push(fixer.replaceText(jsxOpeningElement, visuallyHiddenNode.specifiers[0].local.name));

package/dist/es2019/rules/use-visually-hidden/index.js

@@ -1,5 +1,6 @@
 /* eslint-disable @atlaskit/design-system/use-visually-hidden */
-import { getClosestNodeOfType, isStyledObjectNode, isStyledTemplateNode } from '../utils/is-node';
+import { closestOfType, hasImportDeclaration, isNodeOfType } from 'eslint-codemod-utils';
+import { isStyledObjectNode, isStyledTemplateNode } from '../utils/is-node';
 import fixJsx from './fix-jsx';
 import fixVanilla from './fix-vanilla';
 import { countMatchingKeyValues, getObjectLikeness, makeTemplateLiteralIntoEntries } from './utils';
@@ -23,7 +24,7 @@ const rule = {
     const source = context.getSourceCode();
     return {
       ImportDeclaration(node) {
-        const isThemeNode = node.source.value === '@atlaskit/theme' || node.source.value === '@atlaskit/theme/constants';
+        const isThemeNode = hasImportDeclaration(node, '@atlaskit/theme') || hasImportDeclaration(node, '@atlaskit/theme/constants');
 
         if (!isThemeNode) {
           return;
@@ -69,7 +70,7 @@ const rule = {
                     import: `${node.source.value}`,
                     local: visuallyHiddenOrAssistive.local.name
                   },
-                  fix: fixVanilla(source, getClosestNodeOfType(idNode.parent, 'TaggedTemplateExpression'))
+                  fix: fixVanilla(source, closestOfType(idNode.parent, 'TaggedTemplateExpression'))
                 });
               }
             }
@@ -138,7 +139,7 @@ const rule = {
       },
 
       'TaggedTemplateExpression[tag.name="css"],TaggedTemplateExpression[tag.object.name="styled"]': node => {
-        if (node.type !== 'TaggedTemplateExpression') {
+        if (!isNodeOfType(node, 'TaggedTemplateExpression')) {
           return;
         }
 

package/dist/es2019/rules/utils/get-import-node-by-source.js

@@ -1,5 +1,3 @@
-/* eslint-disable import/no-unresolved */
-
 /**
  * @param {SourceCode} source The eslint source
  * @param {string} path The path specified to find

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

@@ -1,3 +1,4 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
 export const isDecendantOfGlobalToken = node => {
   if (node.type === 'CallExpression' && node.callee.type === 'Identifier' && node.callee.name === 'token') {
     return true;
@@ -76,19 +77,4 @@ export const isDecendantOfStyleBlock = node => {
 
   return false;
 };
-export const isChildOfType = (node, type) => node.parent.type === type;
-/**
- * Given a node, walk up the tree until there is no parent OR a common ancestor of the correct type is found
- */
-
-export const getClosestNodeOfType = (node, type) => {
-  if (!node) {
-    return node;
-  }
-
-  if (node.type === type) {
-    return node;
-  }
-
-  return getClosestNodeOfType(node.parent, type);
-};
+export const isChildOfType = (node, type) => isNodeOfType(node.parent, type);

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/eslint-plugin-design-system",
-	"version": "4.4.2",
+	"version": "4.4.5",
 	"sideEffects": false
 }

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

@@ -1,3 +1,4 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
 import { includesHardCodedColor, isHardCodedColor, isLegacyColor, isLegacyNamedColor } from '../utils/is-color';
 import { isLegacyElevation } from '../utils/is-elevation';
 import { isChildOfType, isDecendantOfGlobalToken, isDecendantOfStyleBlock, isDecendantOfStyleJsxAttribute, isDecendantOfType } from '../utils/is-node';
@@ -20,8 +21,7 @@ var getTokenSuggestion = function getTokenSuggestion(node, reference, config) {
     shouldReturnSuggestion: !isDecendantOfGlobalToken(node) && config.shouldEnforceFallbacks === true,
     desc: "Convert to token with fallback",
     fix: function fix(fixer) {
-      return fixer.replaceText(node, // @ts-ignore JSXAttribute is not available in @types/estree
-      node.parent.type === 'JSXAttribute' ? "{token('', ".concat(reference, ")}") : "token('', ".concat(reference, ")"));
+      return fixer.replaceText(node, isNodeOfType(node.parent, 'JSXAttribute') ? "{token('', ".concat(reference, ")}") : "token('', ".concat(reference, ")"));
     }
   }].filter(filterSuggestion);
 };

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

@@ -1,6 +1,5 @@
-// eslint-disable-next-line import/no-unresolved
+import { closestOfType, isNodeOfType } from 'eslint-codemod-utils';
 import { getImportedNodeBySource } from '../utils/get-import-node-by-source';
-import { getClosestNodeOfType } from '../utils/is-node';
 var unsafeOverridesConfig = {
   cssFn: ['@atlaskit/menu', '@atlaskit/side-navigation'],
   overrides: ['@atlaskit/drawer', '@atlaskit/menu', '@atlaskit/side-navigation']
@@ -31,7 +30,7 @@ var rule = {
 
         return JSXAttribute;
       }(function (node) {
-        var _node$name, _closesetJSXElement$n;
+        var _node$name;
 
         if (!unsafeOverrides.includes(node === null || node === void 0 ? void 0 : (_node$name = node.name) === null || _node$name === void 0 ? void 0 : _node$name.name)) {
           return;
@@ -40,9 +39,8 @@ var rule = {
         var source = context.getSourceCode();
         var bannedApi = node.name.name; // traverse the tree to the nearest JSX Element and get its name
 
-        var closesetJSXElement = getClosestNodeOfType(node, 'JSXOpeningElement'); // @ts-ignore
-
-        var jsxElementName = closesetJSXElement === null || closesetJSXElement === void 0 ? void 0 : (_closesetJSXElement$n = closesetJSXElement.name) === null || _closesetJSXElement$n === void 0 ? void 0 : _closesetJSXElement$n.name;
+        var closesetJSXElement = closestOfType(node, 'JSXOpeningElement');
+        var jsxElementName = isNodeOfType(closesetJSXElement === null || closesetJSXElement === void 0 ? void 0 : closesetJSXElement.name, 'JSXIdentifier') && closesetJSXElement.name.name;
 
         if (!jsxElementName) {
           return;

package/dist/esm/rules/no-deprecated-imports/paths.js

@@ -6,7 +6,7 @@ export var namedThemeExports = [{
   message: 'The visuallyHidden mixin is deprecated. Please use `@atlaskit/visually-hidden` instead.'
 }, {
   importName: 'focusRing',
-  message: 'The focusRing mixin is deprecated. Please use `@atlaskit/visually-hidden` instead.'
+  message: 'The focusRing mixin is deprecated. Please use `@atlaskit/focus-ring` instead.'
 }];
 export var restrictedPaths = [{
   path: '@atlaskit/navigation-next',

package/dist/esm/rules/no-unsafe-design-token-usage/index.js

@@ -1,3 +1,4 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
 import renameMapping from '@atlaskit/tokens/rename-mapping';
 import { getTokenId } from '@atlaskit/tokens/token-ids';
 import tokens from '@atlaskit/tokens/token-names';
@@ -26,7 +27,7 @@ var rule = {
     var config = context.options[0] || defaultConfig;
     return {
       'TaggedTemplateExpression[tag.name="css"],TaggedTemplateExpression[tag.object.name="styled"]': function TaggedTemplateExpressionTagNameCssTaggedTemplateExpressionTagObjectNameStyled(node) {
-        if (node.type !== 'TaggedTemplateExpression') {
+        if (!isNodeOfType(node, 'TaggedTemplateExpression')) {
           return;
         }
 
@@ -77,7 +78,7 @@ var rule = {
         }
       },
       'CallExpression[callee.name="token"]': function CallExpressionCalleeNameToken(node) {
-        if (node.type !== 'CallExpression') {
+        if (!isNodeOfType(node, 'CallExpression')) {
           return;
         }
 

package/dist/esm/rules/use-visually-hidden/fix-jsx.js

@@ -1,5 +1,5 @@
+import { closestOfType } from 'eslint-codemod-utils';
 import { getImportedNodeBySource } from '../utils/get-import-node-by-source';
-import { getClosestNodeOfType } from '../utils/is-node';
 import { IMPORT_NAME, VISUALLY_HIDDEN_IMPORT, VISUALLY_HIDDEN_SOURCE } from './constants';
 import { getFirstImport } from './utils';
 export default (function (source, node) {
@@ -12,7 +12,7 @@ export default (function (source, node) {
       return [];
     }
 
-    var jsxOpeningElement = getClosestNodeOfType(node, 'JSXOpeningElement');
+    var jsxOpeningElement = closestOfType(node, 'JSXOpeningElement');
 
     if (visuallyHiddenNode) {
       fixes.push(fixer.replaceText(jsxOpeningElement, visuallyHiddenNode.specifiers[0].local.name));

package/dist/esm/rules/use-visually-hidden/index.js

@@ -1,7 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
 /* eslint-disable @atlaskit/design-system/use-visually-hidden */
-import { getClosestNodeOfType, isStyledObjectNode, isStyledTemplateNode } from '../utils/is-node';
+import { closestOfType, hasImportDeclaration, isNodeOfType } from 'eslint-codemod-utils';
+import { isStyledObjectNode, isStyledTemplateNode } from '../utils/is-node';
 import fixJsx from './fix-jsx';
 import fixVanilla from './fix-vanilla';
 import { countMatchingKeyValues, getObjectLikeness, makeTemplateLiteralIntoEntries } from './utils';
@@ -24,7 +25,7 @@ var rule = {
     var source = context.getSourceCode();
     return {
       ImportDeclaration: function ImportDeclaration(node) {
-        var isThemeNode = node.source.value === '@atlaskit/theme' || node.source.value === '@atlaskit/theme/constants';
+        var isThemeNode = hasImportDeclaration(node, '@atlaskit/theme') || hasImportDeclaration(node, '@atlaskit/theme/constants');
 
         if (!isThemeNode) {
           return;
@@ -76,7 +77,7 @@ var rule = {
                     import: "".concat(node.source.value),
                     local: visuallyHiddenOrAssistive.local.name
                   },
-                  fix: fixVanilla(source, getClosestNodeOfType(idNode.parent, 'TaggedTemplateExpression'))
+                  fix: fixVanilla(source, closestOfType(idNode.parent, 'TaggedTemplateExpression'))
                 });
               }
             }
@@ -142,7 +143,7 @@ var rule = {
         }
       },
       'TaggedTemplateExpression[tag.name="css"],TaggedTemplateExpression[tag.object.name="styled"]': function TaggedTemplateExpressionTagNameCssTaggedTemplateExpressionTagObjectNameStyled(node) {
-        if (node.type !== 'TaggedTemplateExpression') {
+        if (!isNodeOfType(node, 'TaggedTemplateExpression')) {
           return;
         }
 

package/dist/esm/rules/utils/get-import-node-by-source.js

@@ -1,5 +1,3 @@
-/* eslint-disable import/no-unresolved */
-
 /**
  * @param {SourceCode} source The eslint source
  * @param {string} path The path specified to find

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

@@ -1,3 +1,4 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
 export var isDecendantOfGlobalToken = function isDecendantOfGlobalToken(node) {
   if (node.type === 'CallExpression' && node.callee.type === 'Identifier' && node.callee.name === 'token') {
     return true;
@@ -87,20 +88,5 @@ export var isDecendantOfStyleBlock = function isDecendantOfStyleBlock(node) {
   return false;
 };
 export var isChildOfType = function isChildOfType(node, type) {
-  return node.parent.type === type;
-};
-/**
- * Given a node, walk up the tree until there is no parent OR a common ancestor of the correct type is found
- */
-
-export var getClosestNodeOfType = function getClosestNodeOfType(node, type) {
-  if (!node) {
-    return node;
-  }
-
-  if (node.type === type) {
-    return node;
-  }
-
-  return getClosestNodeOfType(node.parent, type);
+  return isNodeOfType(node.parent, type);
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/eslint-plugin-design-system",
-	"version": "4.4.2",
+	"version": "4.4.5",
 	"sideEffects": false
 }

package/dist/types/rules/use-visually-hidden/utils.d.ts

@@ -18,7 +18,7 @@ export declare type ReferenceObject = typeof referenceObject;
 /**
  * Returns the first import in the esprima AST.
  */
-export declare const getFirstImport: (source: SourceCode) => import("estree").FunctionDeclaration | import("estree").ExpressionStatement | import("estree").BlockStatement | import("estree").EmptyStatement | import("estree").DebuggerStatement | import("estree").WithStatement | import("estree").ReturnStatement | import("estree").LabeledStatement | import("estree").BreakStatement | import("estree").ContinueStatement | import("estree").IfStatement | import("estree").SwitchStatement | import("estree").ThrowStatement | import("estree").TryStatement | import("estree").WhileStatement | import("estree").DoWhileStatement | import("estree").ForStatement | import("estree").ForInStatement | import("estree").ForOfStatement | import("estree").VariableDeclaration | import("estree").ClassDeclaration | import("estree").ImportDeclaration | import("estree").ExportNamedDeclaration | import("estree").ExportDefaultDeclaration | import("estree").ExportAllDeclaration | import("estree").Directive | undefined;
+export declare const getFirstImport: (source: SourceCode) => import("estree").Statement | import("estree").ModuleDeclaration | import("estree").Directive | undefined;
 /**
  * Takes a template literal and returns [key, value] array of the css properties
  */

package/dist/types/rules/utils/get-import-node-by-source.d.ts

@@ -1,5 +1,5 @@
 import type { SourceCode } from 'eslint';
-import type { ImportDeclaration } from 'estree';
+import type { ImportDeclaration } from 'eslint-codemod-utils';
 /**
  * @param {SourceCode} source The eslint source
  * @param {string} path The path specified to find

package/dist/types/rules/utils/is-node.d.ts

@@ -1,13 +1,9 @@
 import type { Rule } from 'eslint';
-import type { CallExpression, TaggedTemplateExpression } from 'estree';
+import { CallExpression, Expression, TaggedTemplateExpression } from 'eslint-codemod-utils';
 export declare const isDecendantOfGlobalToken: (node: Rule.Node) => boolean;
 export declare const isDecendantOfType: (node: Rule.Node, type: Rule.Node['type'], skipNode?: boolean) => boolean;
 export declare const isDecendantOfStyleJsxAttribute: (node: Rule.Node) => boolean;
-export declare const isStyledTemplateNode: (node?: import("estree").Identifier | import("estree").SimpleLiteral | import("estree").RegExpLiteral | import("estree").FunctionExpression | import("estree").ArrowFunctionExpression | import("estree").ThisExpression | import("estree").ArrayExpression | import("estree").ObjectExpression | import("estree").YieldExpression | import("estree").UnaryExpression | import("estree").UpdateExpression | import("estree").BinaryExpression | import("estree").AssignmentExpression | import("estree").LogicalExpression | import("estree").MemberExpression | import("estree").ConditionalExpression | import("estree").SimpleCallExpression | import("estree").NewExpression | import("estree").SequenceExpression | import("estree").TemplateLiteral | TaggedTemplateExpression | import("estree").ClassExpression | import("estree").MetaProperty | import("estree").AwaitExpression | null | undefined) => node is TaggedTemplateExpression;
-export declare const isStyledObjectNode: (node?: import("estree").Identifier | import("estree").SimpleLiteral | import("estree").RegExpLiteral | import("estree").FunctionExpression | import("estree").ArrowFunctionExpression | import("estree").ThisExpression | import("estree").ArrayExpression | import("estree").ObjectExpression | import("estree").YieldExpression | import("estree").UnaryExpression | import("estree").UpdateExpression | import("estree").BinaryExpression | import("estree").AssignmentExpression | import("estree").LogicalExpression | import("estree").MemberExpression | import("estree").ConditionalExpression | import("estree").SimpleCallExpression | import("estree").NewExpression | import("estree").SequenceExpression | import("estree").TemplateLiteral | TaggedTemplateExpression | import("estree").ClassExpression | import("estree").MetaProperty | import("estree").AwaitExpression | null | undefined) => node is CallExpression;
+export declare const isStyledTemplateNode: (node?: Expression | null | undefined) => node is TaggedTemplateExpression;
+export declare const isStyledObjectNode: (node?: Expression | null | undefined) => node is CallExpression;
 export declare const isDecendantOfStyleBlock: (node: Rule.Node) => boolean;
 export declare const isChildOfType: (node: Rule.Node, type: Rule.Node['type']) => boolean;
-/**
- * Given a node, walk up the tree until there is no parent OR a common ancestor of the correct type is found
- */
-export declare const getClosestNodeOfType: (node: Rule.Node, type: Rule.NodeTypes) => Rule.Node;

package/package.json

@@ -1,13 +1,19 @@
 {
   "name": "@atlaskit/eslint-plugin-design-system",
-  "version": "4.4.2",
+  "description": "The essential plugin for use with the Atlassian Design System.",
+  "version": "4.4.5",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
   "atlassian": {
     "team": "Design System Team",
-    "releaseModel": "scheduled"
+    "releaseModel": "scheduled",
+    "website": {
+      "name": "ESLint plugin",
+      "category": "Tooling",
+      "draft": true
+    }
   },
   "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
   "main": "dist/cjs/index.js",
@@ -21,9 +27,11 @@
   },
   "dependencies": {
     "@atlaskit/tokens": "^0.9.0",
-    "@babel/runtime": "^7.0.0"
+    "@babel/runtime": "^7.0.0",
+    "eslint-codemod-utils": "^1.3.2"
   },
   "devDependencies": {
+    "@atlaskit/ds-lib": "^1.4.1",
     "@atlaskit/theme": "^12.0.2",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@emotion/core": "^10.0.9",
@@ -32,7 +40,7 @@
     "react": "^16.8.0",
     "ts-node": "^10.0.0",
     "tsconfig-paths": "^3.9.0",
-    "typescript": "3.9.10"
+    "typescript": "4.2.4"
   },
   "techstack": {
     "@atlassian/frontend": {
@@ -48,5 +56,6 @@
       ]
     }
   },
+  "homepage": "https://atlassian.design/components/eslint-plugin-design-system",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }

package/dist/cjs/rules/utils/remove-named-import.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.removeNamedImport = void 0;
-
-/* eslint-disable import/no-unresolved */
-
-/**
- * @param {SourceCode} source The eslint source
- * @param {string} path The path specified to find
- * @returns FixerObject
- */
-var removeNamedImport = function removeNamedImport(fixer, importNode, name) {
-  var filteredSpecifers = importNode.specifiers.filter(function (node) {
-    return node.type === 'ImportSpecifier' && node.imported.name !== name;
-  });
-
-  if (filteredSpecifers.length) {
-    return fixer.remove(importNode.specifiers.find(function (node) {
-      return node.type === 'ImportSpecifier' && node.imported.name === name;
-    }));
-  }
-
-  return fixer.remove(importNode);
-};
-
-exports.removeNamedImport = removeNamedImport;

package/dist/es2019/rules/utils/remove-named-import.js

@@ -1,16 +0,0 @@
-/* eslint-disable import/no-unresolved */
-
-/**
- * @param {SourceCode} source The eslint source
- * @param {string} path The path specified to find
- * @returns FixerObject
- */
-export const removeNamedImport = (fixer, importNode, name) => {
-  const filteredSpecifers = importNode.specifiers.filter(node => node.type === 'ImportSpecifier' && node.imported.name !== name);
-
-  if (filteredSpecifers.length) {
-    return fixer.remove(importNode.specifiers.find(node => node.type === 'ImportSpecifier' && node.imported.name === name));
-  }
-
-  return fixer.remove(importNode);
-};

package/dist/esm/rules/utils/remove-named-import.js

@@ -1,20 +0,0 @@
-/* eslint-disable import/no-unresolved */
-
-/**
- * @param {SourceCode} source The eslint source
- * @param {string} path The path specified to find
- * @returns FixerObject
- */
-export var removeNamedImport = function removeNamedImport(fixer, importNode, name) {
-  var filteredSpecifers = importNode.specifiers.filter(function (node) {
-    return node.type === 'ImportSpecifier' && node.imported.name !== name;
-  });
-
-  if (filteredSpecifers.length) {
-    return fixer.remove(importNode.specifiers.find(function (node) {
-      return node.type === 'ImportSpecifier' && node.imported.name === name;
-    }));
-  }
-
-  return fixer.remove(importNode);
-};

package/dist/types/rules/utils/remove-named-import.d.ts

@@ -1,8 +0,0 @@
-import type { Rule } from 'eslint';
-import type { ImportDeclaration } from 'estree';
-/**
- * @param {SourceCode} source The eslint source
- * @param {string} path The path specified to find
- * @returns FixerObject
- */
-export declare const removeNamedImport: (fixer: Rule.RuleFixer, importNode: ImportDeclaration, name: string) => Rule.Fix;