@atlaskit/eslint-plugin-design-system 10.25.0 → 11.0.0

package/dist/cjs/rules/utils/get-deprecated-config.js

@@ -5,11 +5,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getConfig = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _fs = _interopRequireDefault(require("fs"));
 var _path = _interopRequireDefault(require("path"));
+var _deprecatedMap = require("@atlaskit/icon-lab/deprecated-map");
+var _deprecatedMap2 = require("@atlaskit/icon/deprecated-map");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getConfig = exports.getConfig = function getConfig(specifier) {
   var configPath = _path.default.resolve(__dirname, '..', '..', '..', 'configs', 'deprecated.json');
   var source = _fs.default.readFileSync(configPath, 'utf8');
   var parsedConfig = JSON.parse(source);
-  return parsedConfig[specifier];
+  var combinedConfig = _objectSpread(_objectSpread({}, parsedConfig), {}, {
+    imports: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, parsedConfig.imports), _deprecatedMap2.deprecatedCore), _deprecatedMap2.deprecatedUtility), _deprecatedMap.deprecatedCore)
+  });
+  return combinedConfig[specifier];
 };

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

@@ -0,0 +1,175 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { getConfig } from '../utils/get-deprecated-config';
+import { isDeprecatedImportConfig } from '../utils/types';
+import { importNameWithCustomMessageId, pathWithCustomMessageId } from './constants';
+import { getDeprecationIconHandler } from './handlers/icon';
+export const createChecks = context => {
+  const deprecatedIconHandler = getDeprecationIconHandler(context);
+  const throwErrors = () => {
+    deprecatedIconHandler.throwErrors();
+  };
+  const getHandler = importSource => {
+    if (importSource.startsWith('@atlaskit/icon')) {
+      return deprecatedIconHandler;
+    }
+  };
+
+  /**
+   * Report a restricted path.
+   * @param {string} importSource path of the import
+   * @param {string} type whether the node is an import or export
+   * @param {node} node representing the restricted path reference
+   * @param {Map<string,TSESTree.Node>} importNames Map of import names that are being imported
+   * @returns {void}
+   * @private
+   */
+  function checkRestrictedPathAndReport({
+    importSource,
+    type,
+    node,
+    importNames
+  }) {
+    var _context$options$;
+    const restrictedPathMessages = ((_context$options$ = context.options[0]) === null || _context$options$ === void 0 ? void 0 : _context$options$.deprecatedConfig) || getConfig('imports');
+    if (!isDeprecatedImportConfig(restrictedPathMessages)) {
+      throw new Error('Config is invalid for deprecated imports');
+    }
+    if (!Object.prototype.hasOwnProperty.call(restrictedPathMessages, importSource)) {
+      return;
+    }
+    const config = restrictedPathMessages[importSource];
+    const handler = getHandler(importSource);
+    if (handler) {
+      if (type === 'import') {
+        handler.createImportError({
+          node,
+          importSource,
+          config
+        });
+      } else {
+        handler.createExportError({
+          node,
+          importSource,
+          config
+        });
+      }
+    } else {
+      // Default behaviour
+      // The message will only exist if the import is completely banned,
+      // eg a deprecated package
+      if ('message' in config) {
+        context.report({
+          node,
+          messageId: pathWithCustomMessageId,
+          data: {
+            importSource,
+            customMessage: config.message
+          }
+        });
+      }
+
+      // if there are specific named exports that are banned,
+      // iterate through and check if they're being imported
+      if ('importSpecifiers' in config) {
+        var _config$importSpecifi;
+        (_config$importSpecifi = config.importSpecifiers) === null || _config$importSpecifi === void 0 ? void 0 : _config$importSpecifi.forEach(restrictedImport => {
+          if (importNames.has(restrictedImport.importName)) {
+            context.report({
+              node: importNames.get(restrictedImport.importName),
+              messageId: importNameWithCustomMessageId,
+              data: {
+                importName: restrictedImport.importName,
+                importSource: importSource,
+                customMessage: restrictedImport.message
+              }
+            });
+          }
+        });
+      }
+    }
+  }
+
+  /**
+   * Checks a node to see if any problems should be reported.
+   * @param {ASTNode} node The node to check.
+   * @returns {void}
+   * @private
+   */
+  const checkImportNode = node => {
+    const importSource = node.source.value.trim();
+    const importNames = new Map();
+    if ('specifiers' in node) {
+      for (const specifier of node.specifiers) {
+        let name;
+        if (specifier.type === 'ImportDefaultSpecifier') {
+          name = 'default';
+        } else if (specifier.type === 'ImportNamespaceSpecifier') {
+          name = '*';
+        } else if (specifier.type === 'ImportSpecifier') {
+          name = specifier.imported.name;
+        }
+        if (name) {
+          importNames.set(name, specifier);
+        }
+      }
+    }
+    checkRestrictedPathAndReport({
+      importSource,
+      type: 'import',
+      node,
+      importNames
+    });
+  };
+
+  /**
+   * Checks a node to see if any problems should be reported.
+   * @param {ASTNode} node The node to check.
+   * @returns {void}
+   * @private
+   */
+  const checkExportNode = node => {
+    if (!node.source || !node.source.value) {
+      return;
+    }
+    const importSource = node.source.value.trim();
+    const importNames = new Map();
+    if ('specifiers' in node) {
+      for (const specifier of node.specifiers) {
+        let name;
+        if (specifier.local) {
+          name = specifier.local.name;
+        }
+        if (name) {
+          importNames.set(name, specifier);
+        }
+      }
+    }
+    checkRestrictedPathAndReport({
+      importSource,
+      type: 'export',
+      node,
+      importNames
+    });
+  };
+
+  /**
+   * Create a mapping of JSX elements by their name so they can be processed later.
+   * @param node The JSX node found by ESLint
+   */
+  const checkJSXElement = node => {
+    if (!('openingElement' in node) || !isNodeOfType(node.openingElement.name, 'JSXIdentifier')) {
+      return;
+    }
+    deprecatedIconHandler.checkJSXElement(node);
+  };
+  const checkIdentifier = node => {
+    deprecatedIconHandler.checkIdentifier(node);
+  };
+  return {
+    checkImportNode,
+    checkExportNode,
+    checkJSXElement,
+    checkIdentifier,
+    throwErrors
+  };
+};

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

@@ -0,0 +1,2 @@
+export const importNameWithCustomMessageId = 'importNameWithCustomMessage';
+export const pathWithCustomMessageId = 'pathWithCustomMessage';

package/dist/es2019/rules/no-deprecated-imports/handlers/icon.js

@@ -0,0 +1,153 @@
+import { isNodeOfType, literal } from 'eslint-codemod-utils';
+import coreIconLabMetadata from '@atlaskit/icon-lab/metadata';
+import { coreIconMetadata, utilityIconMetadata } from '@atlaskit/icon/metadata';
+import { pathWithCustomMessageId } from '../constants';
+/**
+ * __Deprecation icon handler__
+ *
+ * A deprecation icon handler which is responsible for displaying an error for deprecated icons.
+ * It also includes a fixer to replace the deprecated icon with the new icon if a replacement exists.
+ */
+export const getDeprecationIconHandler = context => {
+  const jsxElements = new Map();
+  const identifiers = new Map();
+  const importErrors = {};
+  const exportErrors = {};
+  const getIconComponentName = name => {
+    return name.split(/\W/).map(part => `${part[0].toUpperCase()}${part.slice(1)}`).join('').concat('Icon');
+  };
+  const createImportError = ({
+    node,
+    importSource,
+    config
+  }) => {
+    if (config.message) {
+      const myError = {
+        node,
+        messageId: pathWithCustomMessageId,
+        data: {
+          importSource,
+          customMessage: config.message,
+          unfixable: config.unfixable ? 'true' : 'false'
+        }
+      };
+      importErrors[node.source.value] = myError;
+    }
+  };
+  const createExportError = ({
+    node,
+    importSource,
+    config
+  }) => {
+    if (config.message) {
+      const myError = {
+        node,
+        messageId: pathWithCustomMessageId,
+        data: {
+          importSource,
+          customMessage: config.message
+        }
+      };
+      exportErrors[importSource] = myError;
+    }
+  };
+  const throwErrors = () => {
+    for (const [importSource, error] of Object.entries(importErrors)) {
+      if (importSource.includes('/migration/')) {
+        var _metadata$deprecatedI, _error$data;
+        const [_location, type, _migration, name] = importSource.split('/').slice(1);
+        const metadata = type === 'core' ? coreIconMetadata : utilityIconMetadata;
+        const [deprecatedIconName, legacyIconName] = name.split('--');
+        const replacement = metadata === null || metadata === void 0 ? void 0 : (_metadata$deprecatedI = metadata[deprecatedIconName]) === null || _metadata$deprecatedI === void 0 ? void 0 : _metadata$deprecatedI.replacement;
+        if (replacement && ((_error$data = error.data) === null || _error$data === void 0 ? void 0 : _error$data.unfixable) === 'false') {
+          const newIconName = getIconComponentName(replacement.name);
+          addAutoFix(error, importSource, `${replacement.location}/${replacement.type}/migration/${replacement.name}--${legacyIconName}`, newIconName);
+        }
+      } else {
+        var _metadata, _metadata$name;
+        const [location, type, name] = importSource.split('/').slice(1);
+        let metadata;
+        if (location === 'icon') {
+          metadata = type === 'core' ? coreIconMetadata : utilityIconMetadata;
+        } else if (location === 'icon-lab') {
+          metadata = coreIconLabMetadata;
+        }
+        const replacement = (_metadata = metadata) === null || _metadata === void 0 ? void 0 : (_metadata$name = _metadata[name]) === null || _metadata$name === void 0 ? void 0 : _metadata$name.replacement;
+        if (replacement) {
+          const newIconName = getIconComponentName(replacement.name);
+          addAutoFix(error, importSource, `${replacement.location}/${replacement.type}/${replacement.name}`, newIconName);
+        }
+      }
+      context.report(error);
+    }
+    for (const error of Object.values(exportErrors)) {
+      context.report(error);
+    }
+  };
+  const addAutoFix = (error, importSource, newImportSource, newIconName) => {
+    error.fix = fixer => {
+      const fixes = [];
+
+      //Find and update all usages of this icon in JSX with the replacement icon
+      const jsxUsageNodes = jsxElements.get(importSource);
+      if (jsxUsageNodes) {
+        for (const usageNode of jsxUsageNodes) {
+          fixes.push(fixer.replaceText(usageNode.openingElement.name, newIconName));
+        }
+      }
+
+      //Find and update all usages of this icon in identifiers with the replacement icon
+      const usageNodes = identifiers.get(importSource);
+      if (usageNodes) {
+        for (const usageNode of usageNodes) {
+          fixes.push(fixer.replaceText(usageNode.parent, `{${newIconName}}`));
+        }
+      }
+      fixes.push(fixer.replaceText(error.node, `${literal(`import ${newIconName} from '${newImportSource}'`)};`));
+      return fixes;
+    };
+  };
+  const checkJSXElement = node => {
+    if (!('openingElement' in node) || !isNodeOfType(node.openingElement.name, 'JSXIdentifier')) {
+      return;
+    }
+    for (const [importSource, error] of Object.entries(importErrors)) {
+      let importIconName = error.node.specifiers[0].local.name;
+      const iconName = node.openingElement.name.name;
+      if (iconName === importIconName) {
+        if (jsxElements.has(importSource)) {
+          var _jsxElements$get;
+          (_jsxElements$get = jsxElements.get(importSource)) === null || _jsxElements$get === void 0 ? void 0 : _jsxElements$get.push(node);
+        } else {
+          jsxElements.set(importSource, [node]);
+        }
+        break;
+      }
+    }
+  };
+  const checkIdentifier = node => {
+    if (node.type !== 'Identifier' || node.parent.type !== 'JSXExpressionContainer') {
+      return;
+    }
+    for (const [importSource, error] of Object.entries(importErrors)) {
+      let importIconName = error.node.specifiers[0].local.name;
+      const iconName = node.name;
+      if (iconName === importIconName) {
+        if (identifiers.has(importSource)) {
+          var _identifiers$get;
+          (_identifiers$get = identifiers.get(importSource)) === null || _identifiers$get === void 0 ? void 0 : _identifiers$get.push(node);
+        } else {
+          identifiers.set(importSource, [node]);
+        }
+        break;
+      }
+    }
+  };
+  return {
+    createImportError,
+    createExportError,
+    checkJSXElement,
+    checkIdentifier,
+    throwErrors
+  };
+};

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

@@ -25,22 +25,20 @@
  * THE SOFTWARE.
  */
 
-import { createRule } from '../utils/create-rule';
-import { getConfig } from '../utils/get-deprecated-config';
-import { isDeprecatedImportConfig } from '../utils/types';
+import { createLintRule } from '../utils/create-rule';
+import { errorBoundary } from '../utils/error-boundary';
+import { createChecks } from './checks';
 export const name = 'no-deprecated-imports';
-export const importNameWithCustomMessageId = 'importNameWithCustomMessage';
-export const pathWithCustomMessageId = 'pathWithCustomMessage';
-const rule = createRule({
-  name,
-  defaultOptions: [{
-    deprecatedConfig: getConfig('imports')
-  }],
+const rule = createLintRule({
   meta: {
+    name,
+    fixable: 'code',
+    hasSuggestions: true,
     type: 'suggestion',
     docs: {
       description: 'Disallow importing deprecated modules.',
-      recommended: 'error'
+      recommended: true,
+      severity: 'error'
     },
     messages: {
       pathWithCustomMessage: "'{{importSource}}' import is restricted from being used. {{customMessage}}",
@@ -80,99 +78,21 @@ const rule = createRule({
       }
     }]
   },
-  create(context, [options]) {
-    var _context$options$;
+  create(context) {
     const {
-      deprecatedConfig: defaultDeprecatedConfig
-    } = options;
-    const restrictedPathMessages = ((_context$options$ = context.options[0]) === null || _context$options$ === void 0 ? void 0 : _context$options$.deprecatedConfig) || defaultDeprecatedConfig;
-    if (!isDeprecatedImportConfig(restrictedPathMessages)) {
-      throw new Error('Config is invalid for deprecated imports');
-    }
-
-    /**
-     * Report a restricted path.
-     * @param {string} importSource path of the import
-     * @param {node} node representing the restricted path reference
-     * @param {Map<string,TSESTree.Node>} importNames Map of import names that are being imported
-     * @returns {void}
-     * @private
-     */
-    function checkRestrictedPathAndReport(importSource, node, importNames) {
-      if (!Object.prototype.hasOwnProperty.call(restrictedPathMessages, importSource)) {
-        return;
-      }
-      const config = restrictedPathMessages[importSource];
-
-      // The message will only exist if the import is completely banned,
-      // eg a deprecated package
-      if ('message' in config) {
-        context.report({
-          node,
-          messageId: pathWithCustomMessageId,
-          data: {
-            importSource,
-            customMessage: config.message
-          }
-        });
-      }
-
-      // if there are specific named exports that are banned,
-      // iterate through and check if they're being imported
-      if ('importSpecifiers' in config) {
-        var _config$importSpecifi;
-        (_config$importSpecifi = config.importSpecifiers) === null || _config$importSpecifi === void 0 ? void 0 : _config$importSpecifi.forEach(restrictedImport => {
-          if (importNames.has(restrictedImport.importName)) {
-            context.report({
-              node: importNames.get(restrictedImport.importName),
-              messageId: importNameWithCustomMessageId,
-              data: {
-                importName: restrictedImport.importName,
-                importSource: importSource,
-                customMessage: restrictedImport.message
-              }
-            });
-          }
-        });
-      }
-    }
-
-    /**
-     * Checks a node to see if any problems should be reported.
-     * @param {ASTNode} node The node to check.
-     * @returns {void}
-     * @private
-     */
-    const checkNode = node => {
-      const importSource = node.source.value.trim();
-      const importNames = new Map();
-      if ('specifiers' in node) {
-        for (const specifier of node.specifiers) {
-          let name;
-          if (specifier.type === 'ImportDefaultSpecifier') {
-            name = 'default';
-          } else if (specifier.type === 'ImportNamespaceSpecifier') {
-            name = '*';
-          } else if (specifier.type === 'ImportSpecifier') {
-            name = specifier.imported.name;
-          } else if (specifier.local) {
-            name = specifier.local.name;
-          }
-          if (name) {
-            importNames.set(name, specifier);
-          }
-        }
-      }
-      checkRestrictedPathAndReport(importSource, node, importNames);
-    };
-    return {
-      ImportDeclaration: checkNode,
-      ExportNamedDeclaration(node) {
-        if (node.source) {
-          checkNode(node);
-        }
-      }
-    };
+      checkImportNode,
+      checkExportNode,
+      checkJSXElement,
+      checkIdentifier,
+      throwErrors
+    } = createChecks(context);
+    return errorBoundary({
+      ImportDeclaration: checkImportNode,
+      ExportNamedDeclaration: checkExportNode,
+      JSXElement: checkJSXElement,
+      Identifier: checkIdentifier,
+      'Program:exit': throwErrors
+    });
   }
 });
 export default rule;

package/dist/es2019/rules/use-tokens-typography/config/index.js

@@ -1,3 +1,5 @@
+/* eslint-disable @atlassian/tangerine/import/entry-points */
+
 export const ruleSchema = {
   type: 'array',
   items: {
@@ -17,7 +19,7 @@ export const ruleSchema = {
 };
 const defaultConfig = {
   failSilently: false,
-  shouldEnforceFallbacks: true,
+  shouldEnforceFallbacks: false,
   enableUnsafeAutofix: false
 };
 export const getConfig = overrides => {

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

@@ -1,4 +1,7 @@
+/* eslint-disable @atlassian/tangerine/import/entry-points */
+
 // 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 esquery from 'esquery';

package/dist/es2019/rules/utils/get-deprecated-config.js

@@ -1,8 +1,19 @@
 import fs from 'fs';
 import path from 'path';
+import { deprecatedCore as deprecatedIconLabCore } from '@atlaskit/icon-lab/deprecated-map';
+import { deprecatedCore as deprecatedIconCore, deprecatedUtility as deprecatedIconUtility } from '@atlaskit/icon/deprecated-map';
 export const getConfig = specifier => {
   const configPath = path.resolve(__dirname, '..', '..', '..', 'configs', 'deprecated.json');
   const source = fs.readFileSync(configPath, 'utf8');
   const parsedConfig = JSON.parse(source);
-  return parsedConfig[specifier];
+  const combinedConfig = {
+    ...parsedConfig,
+    imports: {
+      ...parsedConfig.imports,
+      ...deprecatedIconCore,
+      ...deprecatedIconUtility,
+      ...deprecatedIconLabCore
+    }
+  };
+  return combinedConfig[specifier];
 };