@atlaskit/eslint-plugin-design-system 14.0.0 → 14.1.0

package/dist/esm/rules/use-href-in-link-item/utils.js

@@ -40,43 +40,4 @@ export var hrefHasInvalidValue = function hrefHasInvalidValue(scope, href) {
     }
   }
   return false;
-};
-export var hasImportOfName = function hasImportOfName(node, name) {
-  return node.specifiers.some(
-  // This should not be an `any`. This is an array of `ImportSpecifier |
-  // ImportDefaultSpecifier`. For some reason, filtering this way still
-  // results in an error of `specifier.imported` doesn't exist on
-  // ImportDefaultSpecifier, which is exactly what I'm filtering for
-  function (specifier) {
-    var _specifier$imported;
-    return (specifier === null || specifier === void 0 || (_specifier$imported = specifier.imported) === null || _specifier$imported === void 0 ? void 0 : _specifier$imported.name) === name;
-  });
-};
-export var insertButtonItemDefaultImport = function insertButtonItemDefaultImport(fixer, node) {
-  return fixer.insertTextBefore(node, "import ButtonItem from '@atlaskit/menu/button-item';\n");
-};
-export var getUniqueButtonItemName = function getUniqueButtonItemName(menuNode, importDeclarations) {
-  // Remove menu import node from array
-  var allImportDeclarationsButMenu = importDeclarations.filter(function (i) {
-    return i !== menuNode;
-  });
-  var currentButtonItemNameExistsOtherThanMenu = allImportDeclarationsButMenu.reduce(function (acc, importNode) {
-    return acc || hasImportOfName(importNode, 'ButtonItem');
-  }, false);
-  if (currentButtonItemNameExistsOtherThanMenu) {
-    var suffix = 1;
-    while (currentButtonItemNameExistsOtherThanMenu) {
-      suffix += 1;
-      currentButtonItemNameExistsOtherThanMenu = allImportDeclarationsButMenu.reduce(function (acc, importNode) {
-        return acc || hasImportOfName(importNode, "ButtonItem".concat(suffix));
-      }, false);
-    }
-    return "ButtonItem".concat(suffix);
-  } else {
-    return 'ButtonItem';
-  }
-};
-export var insertButtonItemImport = function insertButtonItemImport(fixer, node, uniqueButtonItemName) {
-  var insertedImport = uniqueButtonItemName !== 'ButtonItem' ? ", ButtonItem as ".concat(uniqueButtonItemName) : ', ButtonItem';
-  return fixer.insertTextAfter(node.specifiers.slice(-1)[0], insertedImport);
 };

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

@@ -1,5 +1,5 @@
 import { createLintRule } from '../utils/create-rule';
-import { StyleProperty } from './transformers';
+import { StyleProperty } from './transformers/style-property';
 export var noRawSpacingValues = "Don't use non-token values in padding or margin. There is ongoing work to make this a TypeScript error. Once that happens, you will have to delete/refactor anyway. Atlassians: See https://go.atlassian.com/xcss-spacing for details.";
 var rule = createLintRule({
   meta: {

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

@@ -2,7 +2,9 @@
 
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import * as ast from '../../../../ast-nodes';
+import { Import } from '../../../../ast-nodes/import';
+import { ObjectEntry as ObjectEntryHelper } from '../../../../ast-nodes/object-entry';
+import { Root } from '../../../../ast-nodes/root';
 import { styleMap } from './style-map';
 import supported from './supported';
 var messageId = 'noRawSpacingValues';
@@ -30,9 +32,9 @@ export var StyleProperty = {
         ref: undefined
       };
     }
-    var importDeclarations = ast.Root.findImportsByModule(getSourceCode(context).ast.body, '@atlaskit/primitives');
+    var importDeclarations = Root.findImportsByModule(getSourceCode(context).ast.body, '@atlaskit/primitives');
     var isXcssImported = importDeclarations.some(function (importDeclaration) {
-      return ast.Import.containsNamedSpecifier(importDeclaration, 'xcss');
+      return Import.containsNamedSpecifier(importDeclaration, 'xcss');
     });
     if (!isXcssImported) {
       return {
@@ -63,8 +65,8 @@ export var StyleProperty = {
         ref: undefined
       };
     }
-    var _ast$ObjectEntry$getP = ast.ObjectEntry.getProperty(node),
-      property = _ast$ObjectEntry$getP.value;
+    var _ObjectEntryHelper$ge = ObjectEntryHelper.getProperty(node),
+      property = _ObjectEntryHelper$ge.value;
 
     // Bail if the property is not `padding`, `margin`, etc
     if (!property || !styleMap.includes(property)) {
@@ -73,7 +75,7 @@ export var StyleProperty = {
         ref: undefined
       };
     }
-    var value = ast.ObjectEntry.getValue(node);
+    var value = ObjectEntryHelper.getValue(node);
     if (typeof value !== 'string') {
       return {
         success: false,

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

@@ -1,7 +1,9 @@
 import { createLintRule } from '../utils/create-rule';
 import { errorBoundary } from '../utils/error-boundary';
 import { getConfig, PATTERNS } from './config';
-import { RestrictedCapitalisation, RestrictedProperty, WrappedTokenValue } from './linters';
+import { RestrictedCapitalisation } from './linters/restricted-capitalisation';
+import { RestrictedProperty } from './linters/restricted-property';
+import { WrappedTokenValue } from './linters/wrapped-token-value';
 var typescriptErrorMessage = 'There is ongoing work to make this a TypeScript error. Once that happens, you will have to delete/refactor anyway.';
 var rule = createLintRule({
   meta: {

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

@@ -1,6 +1,7 @@
 import { createLintRule } from '../utils/create-rule';
 import { getConfig, VALID_PATTERNS } from './config';
-import { CompiledStyled, EmotionCSS } from './transformers';
+import { CompiledStyled } from './transformers/compiled-styled';
+import { EmotionCSS } from './transformers/emotion-css';
 var boxDocsUrl = 'https://atlassian.design/components/primitives/box';
 var rule = createLintRule({
   meta: {

package/dist/esm/rules/use-primitives/transformers/compiled-styled/{supported.js → attributes.js}

@@ -1,4 +1,3 @@
-export var elements = ['div'];
 export var attributes = ['css'
 // 'data-testid'
 ];

package/dist/esm/rules/use-primitives/transformers/compiled-styled/convert-jsx-call-site.js

@@ -1,6 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { isNodeOfType } from 'eslint-codemod-utils';
-import * as ast from '../../../../ast-nodes';
+import { JSXElement as JSXElementHelper } from '../../../../ast-nodes/jsx-element';
 
 /**
  * Transforms a JSXElement from:
@@ -21,7 +21,7 @@ export var convertJsxCallSite = function convertJsxCallSite(jsxElement, newStyle
 
   // renames the JSX call site
   if (isNodeOfType(jsxElement, 'JSXElement')) {
-    fixes.push.apply(fixes, _toConsumableArray(ast.JSXElement.updateName(jsxElement, 'Box', fixer)));
+    fixes.push.apply(fixes, _toConsumableArray(JSXElementHelper.updateName(jsxElement, 'Box', fixer)));
   }
 
   // adds xcss prop

package/dist/esm/rules/use-primitives/transformers/compiled-styled/elements.js

@@ -0,0 +1 @@
+export var elements = ['div'];

package/dist/esm/rules/use-primitives/transformers/compiled-styled/find-valid-styled-component-call.js

@@ -1,5 +1,5 @@
 import { closestOfType, isNodeOfType } from 'eslint-codemod-utils';
-import * as supported from './supported';
+import { elements } from './elements';
 
 /**
  * returns a variable reference if preconditions are favourable for
@@ -41,7 +41,7 @@ var isStyledCallExpression = function isStyledCallExpression(call) {
   if (!isNodeOfType(call.callee.object, 'Identifier') || !isNodeOfType(call.callee.property, 'Identifier')) {
     return false;
   }
-  if (/^styled2?$/.test(call.callee.object.name) && supported.elements.includes(call.callee.property.name)) {
+  if (/^styled2?$/.test(call.callee.object.name) && elements.includes(call.callee.property.name)) {
     return true;
   }
   return false;

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

@@ -3,8 +3,9 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import * as ast from '../../../../ast-nodes';
-import { isValidCssPropertiesToTransform } from '../../utils';
+import { JSXElement as JSXElementHelper } from '../../../../ast-nodes/jsx-element';
+import { Root } from '../../../../ast-nodes/root';
+import { isValidCssPropertiesToTransform } from '../../utils/is-valid-css-properties-to-transform';
 import { validateStyles } from '../../utils/validate-styles';
 import { convertJsxCallSite } from './convert-jsx-call-site';
 import { convertStyledComponentToXcss } from './convert-styled-component-call-to-jsx';
@@ -32,7 +33,7 @@ export var CompiledStyled = {
       node: refs.styles,
       messageId: 'preferPrimitivesBox',
       suggest: [{
-        desc: "Convert ".concat(ast.JSXElement.getName(refs.jsxElement), " to Box"),
+        desc: "Convert ".concat(JSXElementHelper.getName(refs.jsxElement), " to Box"),
         fix: CompiledStyled._fix(refs, context)
       }]
     });
@@ -68,7 +69,7 @@ export var CompiledStyled = {
         success: false
       };
     }
-    var importDeclaration = ast.Root.findImportsByModule(getSourceCode(context).ast.body, '@atlaskit/primitives');
+    var importDeclaration = Root.findImportsByModule(getSourceCode(context).ast.body, '@atlaskit/primitives');
 
     // If there is more than one `@atlaskit/primitives` import, then it becomes difficult to determine which import to transform
     if (importDeclaration.length > 1) {
@@ -95,7 +96,7 @@ export var CompiledStyled = {
       if (!calculatedStylesVariableName) {
         return [];
       }
-      var importFixes = ast.Root.upsertNamedImportDeclaration({
+      var importFixes = Root.upsertNamedImportDeclaration({
         module: '@atlaskit/primitives',
         specifiers: ['Box', 'xcss']
       }, context, fixer);

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

@@ -4,8 +4,13 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 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 { getAttributeValueIdentifier, getFunctionArgumentAtPos, getJSXAttributeByName, getVariableDefinitionValue } from '../utils';
+import { getAttributeValueIdentifier } from '../utils/get-attribute-value-identifier';
+import { getFunctionArgumentAtPos } from '../utils/get-function-argument-at-pos';
+import { getJSXAttributeByName } from '../utils/get-jsx-attribute-by-name';
+import { getVariableDefinitionValue } from '../utils/get-variable-definition-value';
+import { spaceTokenMap } from './space-token-map';
+import { spaceTokenPositiveMap } from './space-token-positive-map';
+import { supportedDimensionAttributesMap } from './supported-dimension-attributes-map';
 export var cssToXcssTransformer = function cssToXcssTransformer(node, context, fixer) {
   /**
    * Note: The logic here is very similar to the logic in `shouldSuggestBox`. i.e.
@@ -70,19 +75,6 @@ export var styledObjectToXcssTokens = function styledObjectToXcssTokens(styles,
     }
   });
 };
-export var spaceTokenMap = allSpaceMap;
-export var spaceTokenPositiveMap = positiveSpaceMap;
-export var dimensionsMap = {
-  '100%': '100%'
-};
-export var supportedDimensionAttributesMap = {
-  width: dimensionsMap,
-  height: dimensionsMap,
-  minWidth: dimensionsMap,
-  minHeight: dimensionsMap,
-  maxWidth: dimensionsMap,
-  maxHeight: dimensionsMap
-};
 export var supportedStylesMap = _objectSpread({
   padding: spaceTokenPositiveMap,
   paddingBlock: spaceTokenPositiveMap,

package/dist/esm/rules/use-primitives/transformers/dimensions-map.js

@@ -0,0 +1,3 @@
+export var dimensionsMap = {
+  '100%': '100%'
+};

package/dist/esm/rules/use-primitives/transformers/emotion-css/{supported.js → attributes.js}

@@ -1,4 +1,3 @@
-export var elements = ['div'];
 export var attributes = ['css'
 // 'data-testid'
 ];

package/dist/esm/rules/use-primitives/transformers/emotion-css/elements.js

@@ -0,0 +1 @@
+export var elements = ['div'];

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

@@ -3,11 +3,17 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 
 import { getIdentifierInParentScope, isNodeOfType } from 'eslint-codemod-utils';
 import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import * as ast from '../../../../ast-nodes';
-import { getVariableDefinitionValue, getVariableUsagesCount, isValidCssPropertiesToTransform } from '../../utils';
+import { FunctionCall } from '../../../../ast-nodes/function-call';
+import { JSXAttribute as JSXAttributeHelper } from '../../../../ast-nodes/jsx-attribute';
+import { JSXElement as JSXElementHelper } from '../../../../ast-nodes/jsx-element';
+import { Root } from '../../../../ast-nodes/root';
+import { getVariableDefinitionValue } from '../../utils/get-variable-definition-value';
+import { getVariableUsagesCount } from '../../utils/get-variable-usage-count';
+import { isValidCssPropertiesToTransform } from '../../utils/is-valid-css-properties-to-transform';
 import { validateStyles } from '../../utils/validate-styles';
 import { cssToXcssTransformer } from '../css-to-xcss';
-import * as supported from './supported';
+import { attributes } from './attributes';
+import { elements } from './elements';
 export var EmotionCSS = {
   lint: function lint(node, _ref) {
     var context = _ref.context,
@@ -43,29 +49,29 @@ export var EmotionCSS = {
     if (!isNodeOfType(node, 'JSXElement')) {
       return false;
     }
-    var elementName = ast.JSXElement.getName(node);
+    var elementName = JSXElementHelper.getName(node);
     if (!elementName) {
       return false;
     }
 
     // Currently we only support `div`. This may change in future.
-    if (!supported.elements.includes(elementName)) {
+    if (!elements.includes(elementName)) {
       return false;
     }
 
     // Ignore elements that contain dangerous attributes like `id`.
-    if (!ast.JSXElement.hasAllowedAttrsOnly(node, supported.attributes)) {
+    if (!JSXElementHelper.hasAllowedAttrsOnly(node, attributes)) {
       return false;
     }
 
     // Currently we don't transform anything to `Box` unless it defines styles
-    var cssAttr = ast.JSXElement.getAttributeByName(node, 'css');
+    var cssAttr = JSXElementHelper.getAttributeByName(node, 'css');
     if (!cssAttr) {
       return false;
     }
 
     // Get `myStyles` in `css={myStyles}` as a string so we can search for the `const myStyles` VariableDefinition
-    var cssAttrValue = ast.JSXAttribute.getValue(cssAttr);
+    var cssAttrValue = JSXAttributeHelper.getValue(cssAttr);
     if ((cssAttrValue === null || cssAttrValue === void 0 ? void 0 : cssAttrValue.type) !== 'ExpressionStatement') {
       return false;
     }
@@ -81,13 +87,13 @@ export var EmotionCSS = {
     var cssVariableDefinition = getIdentifierInParentScope(getScope(context, node), cssAttrValue.value);
     var cssVariableValue = getVariableDefinitionValue(cssVariableDefinition);
     // Check if `cssVariableValue` is a function called `css()`
-    if (ast.FunctionCall.getName(cssVariableValue === null || cssVariableValue === void 0 ? void 0 : cssVariableValue.node.init) !== 'css') {
+    if (FunctionCall.getName(cssVariableValue === null || cssVariableValue === void 0 ? void 0 : cssVariableValue.node.init) !== 'css') {
       return false;
     }
     if (!(config.patterns.includes('string-style-property-fix') ? validateStyles(cssVariableValue === null || cssVariableValue === void 0 ? void 0 : cssVariableValue.node.init, config) : isValidCssPropertiesToTransform(cssVariableValue === null || cssVariableValue === void 0 ? void 0 : cssVariableValue.node.init, config))) {
       return false;
     }
-    var importDeclaration = ast.Root.findImportsByModule(getSourceCode(context).ast.body, '@atlaskit/primitives');
+    var importDeclaration = Root.findImportsByModule(getSourceCode(context).ast.body, '@atlaskit/primitives');
 
     // If there is more than one `@atlaskit/primitives` import, then it becomes difficult to determine which import to transform
     if (importDeclaration.length > 1) {
@@ -98,13 +104,13 @@ export var EmotionCSS = {
   _fix: function _fix(node, _ref3) {
     var context = _ref3.context;
     return function (fixer) {
-      var importFix = ast.Root.upsertNamedImportDeclaration({
+      var importFix = Root.upsertNamedImportDeclaration({
         module: '@atlaskit/primitives',
         specifiers: ['Box', 'xcss']
       }, context, fixer);
-      var cssAttr = ast.JSXElement.getAttributeByName(node, 'css'); // Can strongly assert the type here, because we validated it exists in `check()`.
-      var attributeFix = ast.JSXAttribute.updateName(cssAttr, 'xcss', fixer);
-      var elementNameFixes = ast.JSXElement.updateName(node, 'Box', fixer);
+      var cssAttr = JSXElementHelper.getAttributeByName(node, 'css'); // Can strongly assert the type here, because we validated it exists in `check()`.
+      var attributeFix = JSXAttributeHelper.updateName(cssAttr, 'xcss', fixer);
+      var elementNameFixes = JSXElementHelper.updateName(node, 'Box', fixer);
       var cssToXcssTransform = cssToXcssTransformer(node, context, fixer);
       return [importFix, attributeFix].concat(_toConsumableArray(elementNameFixes), _toConsumableArray(cssToXcssTransform)).filter(function (fix) {
         return Boolean(fix);

package/dist/esm/rules/use-primitives/transformers/space-token-map.js

@@ -0,0 +1,2 @@
+import { allSpaceMap } from '../../../common/token-maps.partial';
+export var spaceTokenMap = allSpaceMap;

package/dist/esm/rules/use-primitives/transformers/space-token-positive-map.js

@@ -0,0 +1,2 @@
+import { positiveSpaceMap } from '../../../common/token-maps.partial';
+export var spaceTokenPositiveMap = positiveSpaceMap;

package/dist/esm/rules/use-primitives/transformers/supported-dimension-attributes-map.js

@@ -0,0 +1,9 @@
+import { dimensionsMap } from './dimensions-map';
+export var supportedDimensionAttributesMap = {
+  width: dimensionsMap,
+  height: dimensionsMap,
+  minWidth: dimensionsMap,
+  minHeight: dimensionsMap,
+  maxWidth: dimensionsMap,
+  maxHeight: dimensionsMap
+};

package/dist/esm/rules/use-primitives/utils/convert-ast-object-expression-to-js-object.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-export var SPREAD_SYNTAX = Symbol('SPREAD_SYNTAX');
+import { SPREAD_SYNTAX } from './spread-syntax';
 /**
  * Note: Not recursive. Only handles top level key/value pairs
  */

package/dist/esm/rules/use-primitives/utils/is-valid-css-properties-to-transform.js

@@ -2,8 +2,9 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["unsupported"];
 import { isNodeOfType } from 'eslint-codemod-utils';
-import * as ast from '../../../ast-nodes';
-import { supportedDimensionAttributesMap, supportedStylesMap } from '../transformers/css-to-xcss';
+import { Object as ObjectHelper } from '../../../ast-nodes/object';
+import { supportedStylesMap } from '../transformers/css-to-xcss';
+import { supportedDimensionAttributesMap } from '../transformers/supported-dimension-attributes-map';
 import { convertASTObjectExpressionToJSObject } from './convert-ast-object-expression-to-js-object';
 export var isValidCssPropertiesToTransform = function isValidCssPropertiesToTransform(node, config) {
   if (!node) {
@@ -14,12 +15,12 @@ export var isValidCssPropertiesToTransform = function isValidCssPropertiesToTran
   if (!cssObjectExpression || !isNodeOfType(cssObjectExpression, 'ObjectExpression')) {
     return false;
   }
-  if (!ast.Object.isFlat(cssObjectExpression)) {
+  if (!ObjectHelper.isFlat(cssObjectExpression)) {
     return false;
   }
 
   // `use-primitives` should not report on empty style objects. See: https://product-fabric.atlassian.net/browse/DSP-16520
-  if (ast.Object.getEntries(cssObjectExpression).length === 0) {
+  if (ObjectHelper.getEntries(cssObjectExpression).length === 0) {
     return false;
   }
   var _convertASTObjectExpr = convertASTObjectExpressionToJSObject(cssObjectExpression),

package/dist/esm/rules/use-primitives/utils/spread-syntax.js

@@ -0,0 +1 @@
+export var SPREAD_SYNTAX = Symbol('SPREAD_SYNTAX');

package/dist/esm/rules/use-primitives/utils/validate-styles.js

@@ -1,7 +1,10 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import * as ast from '../../../ast-nodes';
-import { spaceTokenMap, supportedStylesMap } from '../transformers';
-import { supportedDimensionAttributesMap } from '../transformers/css-to-xcss';
+import { FunctionCall } from '../../../ast-nodes/function-call';
+import { Object as ObjectHelper } from '../../../ast-nodes/object';
+import { ObjectEntry } from '../../../ast-nodes/object-entry';
+import { supportedStylesMap } from '../transformers/css-to-xcss';
+import { spaceTokenMap } from '../transformers/space-token-map';
+import { supportedDimensionAttributesMap } from '../transformers/supported-dimension-attributes-map';
 export var validateStyles = function validateStyles(node, config) {
   if (!node) {
     return false;
@@ -11,10 +14,10 @@ export var validateStyles = function validateStyles(node, config) {
   if (!isNodeOfType(cssObjectExpression, 'ObjectExpression')) {
     return false;
   }
-  if (!ast.Object.isFlat(cssObjectExpression)) {
+  if (!ObjectHelper.isFlat(cssObjectExpression)) {
     return false;
   }
-  var entries = ast.Object.getEntries(cssObjectExpression);
+  var entries = ObjectHelper.getEntries(cssObjectExpression);
   if (entries.length === 0) {
     return false;
   }
@@ -33,7 +36,7 @@ export var validateStyles = function validateStyles(node, config) {
     if (!isNodeOfType(key, 'Identifier')) {
       return false;
     }
-    var property = ast.ObjectEntry.getPropertyName(entry);
+    var property = ObjectEntry.getPropertyName(entry);
     if (!property) {
       return false;
     }
@@ -87,10 +90,10 @@ var isTokenCall = function isTokenCall(node) {
   }
 
   // Is the function called 'token'?
-  if (ast.FunctionCall.getName(node) !== 'token') {
+  if (FunctionCall.getName(node) !== 'token') {
     return false;
   }
-  var token = ast.FunctionCall.getArgumentAtPos(node, 0);
+  var token = FunctionCall.getArgumentAtPos(node, 0);
   if (!token || token.type !== 'Literal') {
     return false;
   }
@@ -102,7 +105,7 @@ var isTokenCall = function isTokenCall(node) {
 
   // Not all `token()` calls have a fall back. This is fine, but if there is a fallback, make sure it's the same as the fallback xcss will use
   if (node.arguments.length === 2) {
-    var fallback = ast.FunctionCall.getArgumentAtPos(node, 1);
+    var fallback = FunctionCall.getArgumentAtPos(node, 1);
 
     // `getArgumentAtPos` is only able to understand `Literal` and `ObjectExpression` statements
     // If there are 2 args, but `fallback` is undefined, then the fallback is something wild, like `token('space.100, `${gridSize * rem(3)`})`

package/dist/esm/rules/use-primitives-text/index.js

@@ -1,7 +1,10 @@
 import { createLintRule } from '../utils/create-rule';
 import { errorBoundary } from '../utils/error-boundary';
 import { getConfig, PATTERNS } from './config';
-import { EmphasisElements, ParagraphElements, SpanElements, StrongElements } from './transformers';
+import { EmphasisElements } from './transformers/emphasis-elements';
+import { ParagraphElements } from './transformers/paragraph-elements';
+import { SpanElements } from './transformers/span-elements';
+import { StrongElements } from './transformers/strong-elements';
 var textDocsUrl = 'https://atlassian.design/components/primitives/text';
 var rule = createLintRule({
   meta: {

package/dist/esm/rules/use-primitives-text/transformers/add-color-inherit-attribute-fix.js

@@ -0,0 +1,8 @@
+import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+// Add color="inherit" prop depending on config
+export function addColorInheritAttributeFix(node, config, fixer) {
+  if (!config.inheritColor) {
+    return;
+  }
+  return JSXElementHelper.addAttribute(node, 'color', 'inherit', fixer);
+}

package/dist/esm/rules/use-primitives-text/transformers/allowed-attrs.js

@@ -0,0 +1 @@
+export var allowedAttrs = ['id', 'data-testid', 'key'];

package/dist/esm/rules/use-primitives-text/transformers/common.js

@@ -1,40 +1 @@
-import { isNodeOfType } from 'eslint-codemod-utils';
-import * as ast from '../../../ast-nodes';
-// Rename data-testid prop to testId if present
-export function updateTestIdAttributeFix(node, fixer) {
-  var testIdAttr = ast.JSXElement.getAttributeByName(node, 'data-testid');
-  if (testIdAttr) {
-    return ast.JSXAttribute.updateName(testIdAttr, 'testId', fixer);
-  }
-}
-
-// Add color="inherit" prop depending on config
-export function addColorInheritAttributeFix(node, config, fixer) {
-  if (!config.inheritColor) {
-    return;
-  }
-  return ast.JSXElement.addAttribute(node, 'color', 'inherit', fixer);
-}
-export var allowedAttrs = ['id', 'data-testid', 'key'];
-
-// Only allow elements with strings as children
-// The use of `<FormattedMessage ... />` component and `{formatMessage(...)}` are allowed as these are used for i18n
-export function hasTextChildrenOnly(node) {
-  var _node$children;
-  return (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children.every(function (child) {
-    if (isNodeOfType(child, 'JSXText')) {
-      return true;
-    }
-
-    // JSX child element <span><FormattedMessage /></span>
-    if (isNodeOfType(child, 'JSXElement') && ast.JSXElement.getName(child) === 'FormattedMessage') {
-      return true;
-    }
-
-    // JSX expression <span>{formatMessage(...)}</span>
-    if (isNodeOfType(child, 'JSXExpressionContainer') && isNodeOfType(child.expression, 'CallExpression')) {
-      return ast.FunctionCall.getName(child.expression) === 'formatMessage';
-    }
-    return false;
-  });
-}
+export {};

package/dist/esm/rules/use-primitives-text/transformers/emphasis-elements.js

@@ -6,8 +6,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import * as ast from '../../../ast-nodes';
-import { addColorInheritAttributeFix, allowedAttrs, updateTestIdAttributeFix } from './common';
+import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { Root } from '../../../ast-nodes/root';
+import { addColorInheritAttributeFix } from './add-color-inherit-attribute-fix';
+import { allowedAttrs } from './allowed-attrs';
+import { updateTestIdAttributeFix } from './update-test-id-attribute-fix';
 export var EmphasisElements = {
   lint: function lint(node, _ref) {
     var context = _ref.context,
@@ -54,7 +57,7 @@ export var EmphasisElements = {
         success: false
       };
     }
-    var elementName = ast.JSXElement.getName(node);
+    var elementName = JSXElementHelper.getName(node);
     if (elementName !== 'em') {
       return {
         success: false
@@ -67,7 +70,7 @@ export var EmphasisElements = {
     }
 
     // Element has no unallowed props
-    if (!ast.JSXElement.hasAllowedAttrsOnly(node, allowedAttrs)) {
+    if (!JSXElementHelper.hasAllowedAttrsOnly(node, allowedAttrs)) {
       return {
         success: true,
         autoFixable: false
@@ -75,7 +78,7 @@ export var EmphasisElements = {
     }
 
     // If there is more than one `@atlaskit/primitives` import, then it becomes difficult to determine which import to transform
-    var importDeclaration = ast.Root.findImportsByModule(getSourceCode(context).ast.body, '@atlaskit/primitives');
+    var importDeclaration = Root.findImportsByModule(getSourceCode(context).ast.body, '@atlaskit/primitives');
     if (importDeclaration.length > 1) {
       return {
         success: true,
@@ -91,12 +94,12 @@ export var EmphasisElements = {
     var context = _ref3.context,
       config = _ref3.config;
     return function (fixer) {
-      var importFix = ast.Root.upsertNamedImportDeclaration({
+      var importFix = Root.upsertNamedImportDeclaration({
         module: '@atlaskit/primitives',
         specifiers: ['Text']
       }, context, fixer);
-      var elementNameFixes = ast.JSXElement.updateName(node, 'Text', fixer);
-      var asAttributeFix = ast.JSXElement.addAttribute(node, 'as', 'em', fixer);
+      var elementNameFixes = JSXElementHelper.updateName(node, 'Text', fixer);
+      var asAttributeFix = JSXElementHelper.addAttribute(node, 'as', 'em', fixer);
       var colorAttributeFix = addColorInheritAttributeFix(node, config, fixer);
       var testAttributeFix = updateTestIdAttributeFix(node, fixer);
       return [importFix].concat(_toConsumableArray(elementNameFixes), [asAttributeFix, colorAttributeFix, testAttributeFix]).filter(function (fix) {

package/dist/esm/rules/use-primitives-text/transformers/has-text-children-only.js

@@ -0,0 +1,24 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { FunctionCall } from '../../../ast-nodes/function-call';
+import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+
+// The use of `<FormattedMessage ... />` component and `{formatMessage(...)}` are allowed as these are used for i18n
+export function hasTextChildrenOnly(node) {
+  var _node$children;
+  return (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children.every(function (child) {
+    if (isNodeOfType(child, 'JSXText')) {
+      return true;
+    }
+
+    // JSX child element <span><FormattedMessage /></span>
+    if (isNodeOfType(child, 'JSXElement') && JSXElementHelper.getName(child) === 'FormattedMessage') {
+      return true;
+    }
+
+    // JSX expression <span>{formatMessage(...)}</span>
+    if (isNodeOfType(child, 'JSXExpressionContainer') && isNodeOfType(child.expression, 'CallExpression')) {
+      return FunctionCall.getName(child.expression) === 'formatMessage';
+    }
+    return false;
+  });
+}