@atlaskit/eslint-plugin-design-system 14.2.0 → 14.3.0

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

@@ -1,327 +0,0 @@
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-import { node as generate, isNodeOfType } from 'eslint-codemod-utils';
-import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { getIsException } from '../utils/get-is-exception';
-import { isChildOfType } from '../utils/is-child-of-type';
-import { includesHardCodedColor, isHardCodedColor, isLegacyColor, isLegacyNamedColor } from '../utils/is-color';
-import { isDecendantOfGlobalToken } from '../utils/is-decendant-of-global-token';
-import { isDecendantOfPrimitive } from '../utils/is-decendant-of-primitive';
-import { isDecendantOfSvgElement } from '../utils/is-decendant-of-svg-element';
-import { isLegacyElevation } from '../utils/is-elevation';
-import { isDecendantOfStyleBlock } from '../utils/is-node';
-import { getElevationTokenExample } from './get-elevation-token-example';
-/**
- * Check if the JSXAttribute is a 'color' prop on a Tag component imported from @atlaskit/tag
- */
-var isTagComponentColorProp = function isTagComponentColorProp(jsxAttributeNode, context) {
-  var _variable$defs;
-  if (!isNodeOfType(jsxAttributeNode, 'JSXAttribute')) {
-    return false;
-  }
-
-  // Check if the attribute name is 'color'
-  var attributeName = typeof jsxAttributeNode.name.name === 'string' ? jsxAttributeNode.name.name : jsxAttributeNode.name.name.name;
-  if (attributeName !== 'color') {
-    return false;
-  }
-
-  // Find the JSXOpeningElement
-  var currentNode = jsxAttributeNode.parent;
-  while (currentNode && !isNodeOfType(currentNode, 'JSXOpeningElement')) {
-    currentNode = currentNode.parent;
-  }
-  if (!currentNode || !isNodeOfType(currentNode, 'JSXOpeningElement')) {
-    return false;
-  }
-
-  // Get the component name
-  var elementName = isNodeOfType(currentNode.name, 'JSXIdentifier') ? currentNode.name.name : null;
-  if (!elementName) {
-    return false;
-  }
-
-  // Check if the component is imported from @atlaskit/tag (scope-based resolution)
-  var scope = getScope(context, jsxAttributeNode);
-  var variable = scope.variables.find(function (v) {
-    return v.name === elementName;
-  });
-  if (variable !== null && variable !== void 0 && (_variable$defs = variable.defs) !== null && _variable$defs !== void 0 && _variable$defs.length) {
-    var _iterator = _createForOfIteratorHelper(variable.defs),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var def = _step.value;
-        if (def.type === 'ImportBinding' && def.parent && isNodeOfType(def.parent, 'ImportDeclaration')) {
-          var importSource = def.parent.source.value;
-          if (typeof importSource === 'string' && importSource.match(/^@atlaskit\/tag(\/|$)/)) {
-            return true;
-          }
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-  }
-
-  // Fallback: scan AST for ImportDeclaration (more reliable when scope differs e.g. in some monorepo/parser setups)
-  var sourceCode = getSourceCode(context);
-  var ast = sourceCode.ast;
-  if (ast !== null && ast !== void 0 && ast.body) {
-    var _iterator2 = _createForOfIteratorHelper(ast.body),
-      _step2;
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var _node$source, _node$specifiers;
-        var node = _step2.value;
-        if (!isNodeOfType(node, 'ImportDeclaration')) {
-          continue;
-        }
-        var source = (_node$source = node.source) === null || _node$source === void 0 ? void 0 : _node$source.value;
-        if (typeof source !== 'string' || !source.match(/^@atlaskit\/tag(\/|$)/)) {
-          continue;
-        }
-        var hasMatchingImport = (_node$specifiers = node.specifiers) === null || _node$specifiers === void 0 ? void 0 : _node$specifiers.some(function (s) {
-          var _s$local, _s$local2;
-          return s.type === 'ImportDefaultSpecifier' && ((_s$local = s.local) === null || _s$local === void 0 ? void 0 : _s$local.name) === elementName || s.type === 'ImportSpecifier' && ((_s$local2 = s.local) === null || _s$local2 === void 0 ? void 0 : _s$local2.name) === elementName;
-        });
-        if (hasMatchingImport) {
-          return true;
-        }
-      }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
-    }
-  }
-  return false;
-};
-
-// TemplateLiteral > Identifier
-export var lintTemplateIdentifierForColor = function lintTemplateIdentifierForColor(node, context, config) {
-  if (node.type !== 'Identifier') {
-    return;
-  }
-  if (isDecendantOfGlobalToken(node) || !isDecendantOfStyleBlock(node)) {
-    return;
-  }
-  var elevation = isLegacyElevation(node.name);
-  if (elevation) {
-    context.report({
-      messageId: 'legacyElevation',
-      node: node,
-      data: {
-        example: getElevationTokenExample(elevation)
-      },
-      fix: function fix(fixer) {
-        if (isChildOfType(node, 'TemplateLiteral') && node.range) {
-          return fixer.replaceTextRange([node.range[0] - 2, node.range[1] + 1], "background-color: ${token('".concat(elevation.background, "')};\n").concat(' '.repeat(getNodeColumn(node) - 2), "box-shadow: ${token('").concat(elevation.shadow, "')}"));
-        }
-        return null;
-      }
-    });
-  }
-  var isException = getIsException(config.exceptions);
-  if (isLegacyColor(node.name) || isLegacyNamedColor(node.name) && !isException(node)) {
-    context.report({
-      messageId: 'hardCodedColor',
-      node: node,
-      suggest: getTokenSuggestion(node, node.name, config)
-    });
-    return;
-  }
-};
-
-// ObjectExpression
-export var lintObjectForColor = function lintObjectForColor(propertyNode, context, config) {
-  var _identifierNode;
-  var propertyKey = '';
-  if (propertyNode.key.type === 'Identifier') {
-    propertyKey = propertyNode.key.name.toString();
-  }
-  var node = propertyNode.value;
-
-  // ObjectExpression > Property > Literal
-  if (node.type === 'Literal') {
-    var _node$value;
-    var nodeVal = ((_node$value = node.value) === null || _node$value === void 0 ? void 0 : _node$value.toString()) || '';
-    var _isException = getIsException(config.exceptions);
-    if ((isHardCodedColor(nodeVal) || includesHardCodedColor(nodeVal)) && !_isException(node)) {
-      context.report({
-        messageId: 'hardCodedColor',
-        node: node,
-        suggest: getTokenSuggestion(node, "'".concat(nodeVal, "'"), config)
-      });
-    }
-    return;
-  }
-  var isException = getIsException(config.exceptions);
-
-  // ObjectExpression > Property > CallExpression
-  if (node.type === 'CallExpression') {
-    if (!isNodeOfType(node.callee, 'Identifier')) {
-      return;
-    }
-    if (!isLegacyNamedColor(node.callee.name) || isException(node)) {
-      return;
-    }
-    context.report({
-      messageId: 'hardCodedColor',
-      node: node,
-      suggest: getTokenSuggestion(node, "".concat(node.callee.name, "()"), config)
-    });
-    return;
-  }
-
-  // Template literals are already handled by 'TemplateLiteral > Identifier' in the main file
-  if (node.type === 'TemplateLiteral') {
-    return;
-  }
-  var identifierNode = null;
-
-  // ObjectExpression > Property > MemberExpression
-  if (node.type === 'MemberExpression') {
-    if (node.property.type !== 'Identifier') {
-      context.report({
-        messageId: 'hardCodedColor',
-        node: node,
-        suggest: getTokenSuggestion(node, generate(node).toString(), config)
-      });
-      return;
-    }
-    identifierNode = node.property;
-  }
-  if (node.type === 'Identifier') {
-    // identifier is the key and not the value
-    if (node.name === propertyKey) {
-      return;
-    }
-    identifierNode = node;
-  }
-
-  // ObjectExpression > Property > MemberExpression > Identifier
-  // ObjectExpression > Property > Identifier
-  if (((_identifierNode = identifierNode) === null || _identifierNode === void 0 ? void 0 : _identifierNode.type) === 'Identifier') {
-    if ((isHardCodedColor(identifierNode.name) || includesHardCodedColor(identifierNode.name) || isLegacyColor(identifierNode.name)) && !isException(identifierNode)) {
-      context.report({
-        messageId: 'hardCodedColor',
-        node: identifierNode,
-        suggest: getTokenSuggestion(identifierNode, identifierNode.name, config)
-      });
-      return;
-    }
-  }
-  return;
-};
-
-// JSXAttribute > Literal
-export var lintJSXLiteralForColor = function lintJSXLiteralForColor(node, context, config) {
-  // To force the correct node type
-  if (node.type !== 'Literal') {
-    return;
-  }
-
-  // Changed this condition to properly handle both direct literals and expression containers
-  var parent = isNodeOfType(node.parent, 'JSXExpressionContainer') ? node.parent.parent : node.parent;
-  if (!isNodeOfType(parent, 'JSXAttribute')) {
-    return;
-  }
-  if (isDecendantOfSvgElement(parent)) {
-    return;
-  }
-
-  // Box backgroundColor prop accepts token names directly - don't lint against this
-  if (isDecendantOfPrimitive(parent, context)) {
-    return;
-  }
-  if (['alt', 'src', 'label', 'key', 'appearance'].includes(typeof parent.name.name === 'string' ? parent.name.name : parent.name.name.name)) {
-    return;
-  }
-  var isException = getIsException(config.exceptions);
-  if (isException(parent)) {
-    return;
-  }
-
-  // Bypass Tag component color prop from @atlaskit/tag
-  if (isTagComponentColorProp(parent, context)) {
-    return;
-  }
-
-  // We only care about hex values
-  if (typeof node.value !== 'string') {
-    return;
-  }
-  if (isHardCodedColor(node.value) || includesHardCodedColor(node.value)) {
-    context.report({
-      messageId: 'hardCodedColor',
-      node: node,
-      suggest: getTokenSuggestion(node, node.value, config)
-    });
-    return;
-  }
-};
-
-// JSXExpressionContainer > MemberExpression
-export var lintJSXMemberForColor = function lintJSXMemberForColor(node, context, config) {
-  // To force the correct node type
-  if (node.type !== 'MemberExpression') {
-    return;
-  }
-  if (!isNodeOfType(node.property, 'Identifier')) {
-    return;
-  }
-  if (isLegacyColor(node.property.name) || isNodeOfType(node.object, 'Identifier') && node.object.name === 'colors' && isLegacyNamedColor(node.property.name)) {
-    context.report({
-      messageId: 'hardCodedColor',
-      node: node,
-      suggest: getTokenSuggestion(node, generate(node).toString(), config)
-    });
-    return;
-  }
-};
-
-// JSXExpressionContainer > Identifier
-export var lintJSXIdentifierForColor = function lintJSXIdentifierForColor(node, context, config) {
-  // To force the correct node type
-  if (node.type !== 'Identifier') {
-    return;
-  }
-  var isException = getIsException(config.exceptions);
-  if (isException(node)) {
-    return;
-  }
-  if (isLegacyColor(node.name) || includesHardCodedColor(node.name)) {
-    context.report({
-      messageId: 'hardCodedColor',
-      node: node,
-      suggest: getTokenSuggestion(node, node.name, config)
-    });
-    return;
-  }
-};
-export var getTokenSuggestion = function getTokenSuggestion(node, reference, config) {
-  return [{
-    shouldReturnSuggestion: !isDecendantOfGlobalToken(node) && config.shouldEnforceFallbacks === false,
-    desc: "Convert to token",
-    fix: function fix(fixer) {
-      return fixer.replaceText(isNodeOfType(node.parent, 'MemberExpression') ? node.parent : node, isNodeOfType(node.parent, 'JSXAttribute') ? "{token('')}" : "token('')");
-    }
-  }, {
-    shouldReturnSuggestion: !isDecendantOfGlobalToken(node) && config.shouldEnforceFallbacks === true,
-    desc: "Convert to token with fallback",
-    fix: function fix(fixer) {
-      return fixer.replaceText(isNodeOfType(node.parent, 'MemberExpression') ? node.parent : node, isNodeOfType(node.parent, 'JSXAttribute') ? "{token('', ".concat(reference, ")}") : "token('', ".concat(reference, ")"));
-    }
-  }].filter(filterSuggestion);
-};
-var filterSuggestion = function filterSuggestion(_ref) {
-  var shouldReturnSuggestion = _ref.shouldReturnSuggestion;
-  return shouldReturnSuggestion;
-};
-var getNodeColumn = function getNodeColumn(node) {
-  return node.loc ? node.loc.start.column : 0;
-};

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

@@ -1,11 +0,0 @@
-var shapeProperties = ['borderTopLeftRadius', 'borderTopRightRadius', 'borderBottomRightRadius', 'borderBottomLeftRadius', 'borderRadius', 'borderStartStartRadius', 'borderStartEndRadius', 'borderEndStartRadius', 'borderEndEndRadius'];
-var borderSizeProperties = ['borderWidth', 'outlineWidth', 'borderRightWidth', 'borderLeftWidth', 'borderTopWidth', 'borderBottomWidth', 'borderInlineWidth', 'borderBlockWidth'];
-export function isRadiusProperty(propertyName) {
-  return shapeProperties.includes(propertyName);
-}
-export function isBorderSizeProperty(propertyName) {
-  return borderSizeProperties.includes(propertyName);
-}
-export function isShapeProperty(propertyName) {
-  return isRadiusProperty(propertyName) || isBorderSizeProperty(propertyName);
-}