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

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

@@ -1,36 +1,27 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports
-import { callExpression, identifier, insertAtStartOfFile, insertImportDeclaration, isNodeOfType, literal } from 'eslint-codemod-utils';
-import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
+import { callExpression, identifier, isNodeOfType, literal } from 'eslint-codemod-utils';
+import { getScope } from '@atlaskit/eslint-utils/context-compat';
 import { spacing as spacingScale } from '@atlaskit/tokens/tokens-raw';
 import { findIdentifierInParentScope } from '../utils/find-in-parent';
-import { isColorCssPropertyName, isCurrentSurfaceCustomPropertyName } from '../utils/is-color';
-import { borderWidthValueToToken, isBorderRadius, isBorderSizeProperty, isShapeProperty, radiusValueToToken } from './shape';
+import { isColorCssPropertyName } from '../utils/is-color';
+import { isCurrentSurfaceCustomPropertyName } from '../utils/is-current-surface-custom-property-name';
+import { borderWidthValueToToken } from './border-width-value-to-token';
+import { cleanComments } from './clean-comments';
+import { getRawExpression } from './get-raw-expression';
+import { isBorderRadius } from './is-border-radius';
+import { normaliseValue } from './normalise-value';
+import { radiusValueToToken } from './radius-value-to-token';
+import { isBorderSizeProperty, isShapeProperty } from './shape';
+import { splitCssProperties } from './split-css-properties';
+import { splitShorthandValues } from './split-shorthand-values';
 var properties = ['padding', 'paddingBlock', 'paddingInline', 'paddingLeft', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd', 'marginLeft', 'marginTop', 'marginRight', 'marginBottom', 'marginInline', 'marginInlineStart', 'marginInlineEnd', 'marginBlock', 'marginBlockStart', 'marginBlockEnd', 'margin', 'gap', 'rowGap', 'gridRowGap', 'columnGap', 'gridColumnGap', 'top', 'left', 'right', 'bottom', 'inlineStart', 'inlineEnd', 'blockStart', 'blockEnd', 'outline-offset'];
 var spacingValueToToken = Object.fromEntries(spacingScale.map(function (token) {
   return [token.value, token.cleanName];
 }));
-export function insertTokensImport(fixer) {
-  return insertAtStartOfFile(fixer, "".concat(insertImportDeclaration('@atlaskit/tokens', ['token']), "\n"));
-}
 export var isSpacingProperty = function isSpacingProperty(propertyName) {
   return properties.includes(propertyName);
 };
-
-/**
- * Accomplishes split str by whitespace but preserves expressions in between ${...}
- * even if they might have whitepaces or nested brackets
- * @param str
- * @returns string[]
- * @example
- * Regex has two parts, first attempts to capture anything in between `${...}` in a capture group
- * Whilst allowing nested brackets and non empty characters leading or traling wrapping expression e.g `${gridSize}`, `-${gridSize}px`
- * second part is a white space delimiter
- * For input `-${gridSize / 2}px ${token(...)} 18px -> [`-${gridSize / 2}px`, `${token(...)}`, `18px`]
- */
-export var splitShorthandValues = function splitShorthandValues(str) {
-  return str.split(/(\S*\$\{[^{}]*(?:\{[^{}]*\}[^{}]*)*\}\S*)|\s+/g).filter(Boolean);
-};
 export var getValueFromShorthand = function getValueFromShorthand(str) {
   var valueString = String(str);
   var fontFamily = /(Charlie)|(sans-serif$)|(monospace$)/;
@@ -113,18 +104,6 @@ export var getValue = function getValue(node, context) {
   }
   return null;
 };
-export var getRawExpression = function getRawExpression(node, context) {
-  if (!(
-  // if not one of our recognized types or doesn't have a range prop, early return
-
-  isNodeOfType(node, 'Literal') || isNodeOfType(node, 'Identifier') || isNodeOfType(node, 'BinaryExpression') || isNodeOfType(node, 'UnaryExpression') || isNodeOfType(node, 'TemplateLiteral') || isNodeOfType(node, 'CallExpression')) || !Array.isArray(node.range)) {
-    return null;
-  }
-  var _node$range = _slicedToArray(node.range, 2),
-    start = _node$range[0],
-    end = _node$range[1];
-  return getSourceCode(context).getText().substring(start, end).replaceAll('\n', '');
-};
 var getValueFromIdentifier = function getValueFromIdentifier(node, context) {
   if (!isNodeOfType(node, 'Identifier')) {
     return null;
@@ -260,50 +239,6 @@ export var isCalc = function isCalc(value) {
   }
   return false;
 };
-export var isZero = function isZero(value) {
-  if (typeof value === 'string') {
-    if (value === '0px' || value === '0') {
-      return true;
-    }
-  }
-  if (typeof value === 'number') {
-    if (value === 0) {
-      return true;
-    }
-  }
-  return false;
-};
-export var isAuto = function isAuto(value) {
-  if (typeof value === 'string') {
-    if (value === 'auto') {
-      return true;
-    }
-  }
-  return false;
-};
-
-// convert line-height to lineHeight
-export var convertHyphenatedNameToCamelCase = function convertHyphenatedNameToCamelCase(prop) {
-  return prop.replace(/-./g, function (m) {
-    return m[1].toUpperCase();
-  });
-};
-
-/**
- * @param node
- * @returns The furthest parent node that is on the same line as the input node.
- */
-var _findParentNodeForLine = function findParentNodeForLine(node) {
-  var _node$loc, _node$parent$loc;
-  if (!node.parent) {
-    return node;
-  }
-  if (((_node$loc = node.loc) === null || _node$loc === void 0 ? void 0 : _node$loc.start.line) !== ((_node$parent$loc = node.parent.loc) === null || _node$parent$loc === void 0 ? void 0 : _node$parent$loc.start.line)) {
-    return node;
-  } else {
-    return _findParentNodeForLine(node.parent);
-  }
-};
 
 /**
  * Returns an array of domains that are relevant to the provided property based on the rule options.
@@ -316,7 +251,6 @@ var _findParentNodeForLine = function findParentNodeForLine(node) {
  * propertyName: backgroundColor, targetOptions: ['color', 'spacing'] -> returns ['color']
  * ```
  */
-export { _findParentNodeForLine as findParentNodeForLine };
 export function getDomainsForProperty(propertyName, targetOptions) {
   var domains = [];
   if ((isColorCssPropertyName(propertyName) || isCurrentSurfaceCustomPropertyName(propertyName)) && targetOptions.includes('color')) {
@@ -331,14 +265,6 @@ export function getDomainsForProperty(propertyName, targetOptions) {
   return domains;
 }
 
-/**
- * Function that removes JS comments from a string of code,
- * sometimes makers will have single or multiline comments in their tagged template literals styles, this can mess with our parsing logic.
- */
-export function cleanComments(str) {
-  return str.replace(/\/\*([\s\S]*?)\*\//g, '').replace(/\/\/(.*)/g, '');
-}
-
 /**
  * Returns an array of tuples representing a processed css within `TaggedTemplateExpression` node.
  * Each element of the array is a tuple `[string, string]`,
@@ -417,67 +343,6 @@ export function getFontSizeValueInScope(cssProperties) {
   }
   return getValueFromShorthand(fontSizeValue)[0];
 }
-
-/**
- * Attempts to remove all non-essential words & characters from a style block.
- * Including selectors and queries.
- * @param styleString string of css properties
- */
-export function splitCssProperties(styleString) {
-  return styleString.split('\n').filter(function (line) {
-    return !line.trim().startsWith('@');
-  })
-  // sometimes makers will end a css line with `;` that's output from a function expression
-  // since we'll rely on `;` to split each line, we need to ensure it's there
-  .map(function (line) {
-    return line.endsWith(';') ? line : "".concat(line, ";");
-  }).join('\n').replace(/\n/g, '').split(/;|(?<!\$){|(?<!\${.+?)}/) // don't split on template literal expressions i.e. `${...}`
-  // filters lines that are completely null, this could be from function expressions that output both property and value
-  .filter(function (line) {
-    return line.trim() !== 'null' && line.trim() !== 'null;';
-  }).map(function (el) {
-    return el.trim() || '';
-  })
-  // we won't be able to reason about lines that don't have colon (:)
-  .filter(function (line) {
-    return line.split(':').length === 2;
-  }).filter(Boolean);
-}
-
-/**
- * Returns whether the current string is a token value.
- * @param originalVaue string representing a css property value e.g 1em, 12px.
- */
-export function isTokenValueString(originalValue) {
-  return originalValue.startsWith('${token(') && originalValue.endsWith('}');
-}
-export function includesTokenString(originalValue) {
-  return originalValue.includes('${token(');
-}
-
-/**
- * Translate a raw value into the same value format for further parsing:
- *
- * -> for pixels this '8px'
- * -> for weights     '400'
- * -> for family      'Arial'.
- *
- * @internal
- */
-export function normaliseValue(propertyName, value) {
-  var isFontStringProperty = /fontWeight|fontFamily|fontStyle/.test(propertyName);
-  var isLineHeight = /lineHeight/.test(propertyName);
-  var propertyValue = typeof value === 'string' ? value.trim() : value;
-  var lookupValue;
-  if (isFontStringProperty) {
-    lookupValue = "".concat(propertyValue);
-  } else if (isLineHeight) {
-    lookupValue = value === 1 ? "".concat(propertyValue) : "".concat(propertyValue, "px");
-  } else {
-    lookupValue = typeof propertyValue === 'string' ? propertyValue : "".concat(propertyValue, "px");
-  }
-  return lookupValue;
-}
 export function findTokenNameByPropertyValue(propertyName, value) {
   var lookupValue = normaliseValue(propertyName, value);
   var tokenName = isShapeProperty(propertyName) ? isBorderSizeProperty(propertyName) ? borderWidthValueToToken[lookupValue] : radiusValueToToken[lookupValue] : spacingValueToToken[lookupValue];

package/dist/esm/rules/icon-label/index.js

@@ -1,6 +1,6 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { createLintRule } from '../utils/create-rule';
-import { findProp } from '../utils/jsx';
+import { findProp } from '../utils/find-prop';
 var elements = ['AkButton', 'AKButton', 'Button', 'IconButton', 'MenuItem', 'ButtonItem', 'CustomItem', 'CustomThemeButton', 'LoadingButton', 'BreadcrumbsItem'];
 var elementsIconProps = ['iconBefore', 'iconAfter', 'icon'];
 var rule = createLintRule({

package/dist/esm/rules/index.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9b32672dde773f9e75f0e548609ecb58>>
+ * @codegen <<SignedSource::794b8b6b0c45b899abab17e0d7cff861>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -43,6 +43,7 @@ import noMargin from './no-margin';
 import noNestedStyles from './no-nested-styles';
 import noPhysicalProperties from './no-physical-properties';
 import noPlaceholder from './no-placeholder';
+import noReadonlyOrDisabledInputs from './no-readonly-or-disabled-inputs';
 import noSeparatorWithListElements from './no-separator-with-list-elements';
 import noStyledTaggedTemplateExpression from './no-styled-tagged-template-expression';
 import noToMatchSnapshot from './no-to-match-snapshot';
@@ -120,6 +121,7 @@ export var rules = {
   'no-nested-styles': noNestedStyles,
   'no-physical-properties': noPhysicalProperties,
   'no-placeholder': noPlaceholder,
+  'no-readonly-or-disabled-inputs': noReadonlyOrDisabledInputs,
   'no-separator-with-list-elements': noSeparatorWithListElements,
   'no-styled-tagged-template-expression': noStyledTaggedTemplateExpression,
   'no-to-match-snapshot': noToMatchSnapshot,

package/dist/esm/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-add-event-listener.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { blockedEventNameLookup } from '../shared/blocked';
+import { blockedEventNameLookup } from '../shared/blocked-event-name-lookup';
 export function isBlockedAddEventListener(node) {
   var callee = node.callee;
   if (!isNodeOfType(callee, 'MemberExpression')) {

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

@@ -3,7 +3,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 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 { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { getModuleOfIdentifier } from '../../utils/get-import-node-by-source';
+import { getModuleOfIdentifier } from '../../utils/get-module-of-identifier';
 import { isBlockedEventBinding } from '../shared/is-blocked-event-binding';
 export function isBlockedBindAll(context, node) {
   var callee = node.callee;

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

@@ -3,7 +3,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 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 { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { getModuleOfIdentifier } from '../../utils/get-import-node-by-source';
+import { getModuleOfIdentifier } from '../../utils/get-module-of-identifier';
 import { isBlockedEventBinding } from '../shared/is-blocked-event-binding';
 export function isBlockedBind(context, node) {
   var callee = node.callee;

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

@@ -1,7 +1,7 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { getModuleOfIdentifier } from '../../utils/get-import-node-by-source';
-import { blockedJSXAttributeLookup } from '../shared/blocked';
+import { getModuleOfIdentifier } from '../../utils/get-module-of-identifier';
+import { blockedJSXAttributeLookup } from '../shared/blocked-jsx-attribute-lookup';
 function getJSXElementNameFromAttribute(attribute) {
   var parent = attribute.parent;
   if (!parent) {

package/dist/esm/rules/no-direct-use-of-web-platform-drag-and-drop/shared/blocked-event-name-lookup.js

@@ -0,0 +1 @@
+export var blockedEventNameLookup = new Set(['dragstart', 'dragenter', 'dragleave', 'dragover', 'drag', 'drop', 'dragend']);

package/dist/esm/rules/no-direct-use-of-web-platform-drag-and-drop/shared/blocked-jsx-attribute-lookup.js

@@ -0,0 +1 @@
+export var blockedJSXAttributeLookup = new Set(['onDragStart', 'onDragEnter', 'onDragLeave', 'onDragOver', 'onDrag', 'onDrop', 'onDragEnd']);

package/dist/esm/rules/no-direct-use-of-web-platform-drag-and-drop/shared/is-blocked-event-binding.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { blockedEventNameLookup } from './blocked';
+import { blockedEventNameLookup } from './blocked-event-name-lookup';
 export function isBlockedEventBinding(property) {
   if (!isNodeOfType(property, 'Property')) {
     return false;

package/dist/esm/rules/no-html-anchor/index.js

@@ -1,5 +1,6 @@
 import { createLintRule } from '../utils/create-rule';
-import { JSXElement as _JSXElement, StyledComponent } from './node-types';
+import { JSXElement as _JSXElement } from './node-types/jsx-element';
+import { StyledComponent } from './node-types/styled-component';
 var rule = createLintRule({
   meta: {
     name: 'no-html-anchor',

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

@@ -2,7 +2,7 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
 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 { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import * as ast from '../../../../ast-nodes';
+import { JSXElement as JSXElementHelper } from '../../../../ast-nodes/jsx-element';
 import { isSupportedForLint } from '../supported';
 function isImportDeclaration(node) {
   return node.type === 'ImportDeclaration';
@@ -13,7 +13,7 @@ export var JSXElement = {
     if (!isSupportedForLint(node)) {
       return;
     }
-    var nodeName = ast.JSXElement.getName(node);
+    var nodeName = JSXElementHelper.getName(node);
     var sourceCode = getSourceCode(context);
     var importDeclarations = sourceCode.ast.body.filter(isImportDeclaration);
     var existingLinkName = null;

package/dist/esm/rules/no-html-anchor/node-types/supported.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import * as ast from '../../../ast-nodes';
+import { JSXElement } from '../../../ast-nodes/jsx-element';
 var supportedElements = [{
   name: 'a'
 }, {
@@ -20,7 +20,7 @@ export function isSupportedForLint(jsxNode, elementName) {
 
   // Allow passing in the element name because the jsxNode doesn't
   // represent the element name with styled components
-  var elName = elementName || ast.JSXElement.getName(jsxNode);
+  var elName = elementName || JSXElement.getName(jsxNode);
   if (!elName) {
     return false;
   }
@@ -44,7 +44,7 @@ export function isSupportedForLint(jsxNode, elementName) {
   }
 
   // Check if the element has any attributes that are not supported
-  var attributes = ast.JSXElement.getAttributes(jsxNode);
+  var attributes = JSXElement.getAttributes(jsxNode);
   if (supportedElement.attributes && !supportedElement.attributes.every(function (_ref3) {
     var name = _ref3.name,
       values = _ref3.values;

package/dist/esm/rules/no-html-button/index.js

@@ -1,5 +1,6 @@
 import { createLintRule } from '../utils/create-rule';
-import { JSXElement as _JSXElement, StyledComponent } from './node-types';
+import { JSXElement as _JSXElement } from './node-types/jsx-element';
+import { StyledComponent } from './node-types/styled-component';
 var rule = createLintRule({
   meta: {
     name: 'no-html-button',

package/dist/esm/rules/no-html-button/node-types/jsx-element/index.js

@@ -1,4 +1,4 @@
-import * as ast from '../../../../ast-nodes';
+import { JSXElement as JSXElementHelper } from '../../../../ast-nodes/jsx-element';
 import { isSupportedForLint } from '../supported';
 export var JSXElement = {
   lint: function lint(node, _ref) {
@@ -10,7 +10,7 @@ export var JSXElement = {
       node: node.openingElement,
       messageId: 'noHtmlButton',
       data: {
-        name: ast.JSXElement.getName(node)
+        name: JSXElementHelper.getName(node)
       }
     });
   }

package/dist/esm/rules/no-html-button/node-types/supported.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import * as ast from '../../../ast-nodes';
+import { JSXElement } from '../../../ast-nodes/jsx-element';
 var supportedElements = [{
   name: 'button'
 }, {
@@ -27,7 +27,7 @@ export function isSupportedForLint(jsxNode, elementName) {
 
   // Allow passing in the element name because the jsxNode doesn't
   // represent the element name with styled components
-  var elName = elementName || ast.JSXElement.getName(jsxNode);
+  var elName = elementName || JSXElement.getName(jsxNode);
   if (!elName) {
     return false;
   }
@@ -51,7 +51,7 @@ export function isSupportedForLint(jsxNode, elementName) {
   }
 
   // Check if the element has any attributes that are not supported
-  var attributes = ast.JSXElement.getAttributes(jsxNode);
+  var attributes = JSXElement.getAttributes(jsxNode);
   if (supportedElement.attributes && !supportedElement.attributes.every(function (_ref3) {
     var name = _ref3.name,
       values = _ref3.values;

package/dist/esm/rules/no-html-checkbox/index.js

@@ -1,5 +1,5 @@
 import { createLintRule } from '../utils/create-rule';
-import { JSXElement as _JSXElement } from './node-types';
+import { JSXElement as _JSXElement } from './node-types/jsx-element';
 var rule = createLintRule({
   meta: {
     name: 'no-html-checkbox',

package/dist/esm/rules/no-html-checkbox/node-types/jsx-element/index.js

@@ -1,4 +1,4 @@
-import * as ast from '../../../../ast-nodes';
+import { JSXElement as JSXElementHelper } from '../../../../ast-nodes/jsx-element';
 import { isSupportedForLint } from '../supported';
 export var JSXElement = {
   lint: function lint(node, _ref) {
@@ -6,7 +6,7 @@ export var JSXElement = {
     if (!isSupportedForLint(node)) {
       return;
     }
-    var nodeName = ast.JSXElement.getName(node);
+    var nodeName = JSXElementHelper.getName(node);
     context.report({
       node: node.openingElement,
       messageId: 'noHtmlCheckbox',

package/dist/esm/rules/no-html-checkbox/node-types/supported.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import * as ast from '../../../ast-nodes';
+import { JSXElement } from '../../../ast-nodes/jsx-element';
 var supportedElements = [{
   name: 'input',
   attributes: [{
@@ -18,7 +18,7 @@ export function isSupportedForLint(jsxNode, elementName) {
 
   // Allow passing in the element name because the jsxNode doesn't
   // represent the element name with styled components
-  var elName = elementName || ast.JSXElement.getName(jsxNode);
+  var elName = elementName || JSXElement.getName(jsxNode);
   if (!elName) {
     return false;
   }
@@ -42,7 +42,7 @@ export function isSupportedForLint(jsxNode, elementName) {
   }
 
   // Check if the element has any attributes that are not supported
-  var attributes = ast.JSXElement.getAttributes(jsxNode);
+  var attributes = JSXElement.getAttributes(jsxNode);
   if (supportedElement.attributes && !supportedElement.attributes.every(function (_ref3) {
     var name = _ref3.name,
       values = _ref3.values;

package/dist/esm/rules/no-html-code/index.js

@@ -1,5 +1,6 @@
 import { createLintRule } from '../utils/create-rule';
-import { JSXElement as _JSXElement, StyledComponent } from './node-types';
+import { JSXElement as _JSXElement } from './node-types/jsx-element';
+import { StyledComponent } from './node-types/styled-component';
 var rule = createLintRule({
   meta: {
     name: 'no-html-code',

package/dist/esm/rules/no-html-code/node-types/jsx-element/index.js

@@ -3,7 +3,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 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 { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import * as ast from '../../../../ast-nodes';
+import { JSXElement as JSXElementHelper } from '../../../../ast-nodes/jsx-element';
 import { isSupportedForLint } from '../supported';
 function isImportDeclaration(node) {
   return node.type === 'ImportDeclaration';
@@ -14,7 +14,7 @@ export var JSXElement = {
     if (!isSupportedForLint(node)) {
       return;
     }
-    var nodeName = ast.JSXElement.getName(node);
+    var nodeName = JSXElementHelper.getName(node);
     var sourceCode = getSourceCode(context);
     var importDeclarations = sourceCode.ast.body.filter(isImportDeclaration);
     var existingCodeName = null;

package/dist/esm/rules/no-html-code/node-types/supported.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import * as ast from '../../../ast-nodes';
+import { JSXElement } from '../../../ast-nodes/jsx-element';
 var supportedElements = [{
   name: 'code'
 }];
@@ -14,7 +14,7 @@ export function isSupportedForLint(jsxNode, elementName) {
 
   // Allow passing in the element name because the jsxNode doesn't
   // represent the element name with styled components
-  var elName = elementName || ast.JSXElement.getName(jsxNode);
+  var elName = elementName || JSXElement.getName(jsxNode);
   if (!elName) {
     return false;
   }
@@ -38,7 +38,7 @@ export function isSupportedForLint(jsxNode, elementName) {
   }
 
   // Check if the element has any attributes that are not supported
-  var attributes = ast.JSXElement.getAttributes(jsxNode);
+  var attributes = JSXElement.getAttributes(jsxNode);
   if (supportedElement.attributes && !supportedElement.attributes.every(function (_ref3) {
     var name = _ref3.name,
       values = _ref3.values;

package/dist/esm/rules/no-html-heading/index.js

@@ -1,5 +1,6 @@
 import { createLintRule } from '../utils/create-rule';
-import { JSXElement as _JSXElement, StyledComponent } from './node-types';
+import { JSXElement as _JSXElement } from './node-types/jsx-element';
+import { StyledComponent } from './node-types/styled-component';
 var rule = createLintRule({
   meta: {
     name: 'no-html-heading',

package/dist/esm/rules/no-html-heading/node-types/jsx-element/index.js

@@ -3,7 +3,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 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 { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import * as ast from '../../../../ast-nodes';
+import { JSXElement as JSXElementHelper } from '../../../../ast-nodes/jsx-element';
 import { isSupportedForLint } from '../supported';
 function isImportDeclaration(node) {
   return node.type === 'ImportDeclaration';
@@ -14,7 +14,7 @@ export var JSXElement = {
     if (!isSupportedForLint(node)) {
       return;
     }
-    var nodeName = ast.JSXElement.getName(node);
+    var nodeName = JSXElementHelper.getName(node);
     var sourceCode = getSourceCode(context);
     var importDeclarations = sourceCode.ast.body.filter(isImportDeclaration);
     var existingHeadingName = null;

package/dist/esm/rules/no-html-heading/node-types/supported.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import * as ast from '../../../ast-nodes';
+import { JSXElement } from '../../../ast-nodes/jsx-element';
 var supportedElements = [{
   name: 'h1'
 }, {
@@ -30,7 +30,7 @@ export function isSupportedForLint(jsxNode, elementName) {
 
   // Allow passing in the element name because the jsxNode doesn't
   // represent the element name with styled components
-  var elName = elementName || ast.JSXElement.getName(jsxNode);
+  var elName = elementName || JSXElement.getName(jsxNode);
   if (!elName) {
     return false;
   }
@@ -54,7 +54,7 @@ export function isSupportedForLint(jsxNode, elementName) {
   }
 
   // Check if the element has any attributes that are not supported
-  var attributes = ast.JSXElement.getAttributes(jsxNode);
+  var attributes = JSXElement.getAttributes(jsxNode);
   if (supportedElement.attributes && !supportedElement.attributes.every(function (_ref3) {
     var name = _ref3.name,
       values = _ref3.values;

package/dist/esm/rules/no-html-image/index.js

@@ -1,5 +1,6 @@
 import { createLintRule } from '../utils/create-rule';
-import { JSXElement as _JSXElement, StyledComponent } from './node-types';
+import { JSXElement as _JSXElement } from './node-types/jsx-element';
+import { StyledComponent } from './node-types/styled-component';
 var rule = createLintRule({
   meta: {
     name: 'no-html-image',

package/dist/esm/rules/no-html-image/node-types/jsx-element/index.js

@@ -3,7 +3,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 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 { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import * as ast from '../../../../ast-nodes';
+import { JSXElement as JSXElementHelper } from '../../../../ast-nodes/jsx-element';
 import { isSupportedForLint } from '../supported';
 function isImportDeclaration(node) {
   return node.type === 'ImportDeclaration';
@@ -14,7 +14,7 @@ export var JSXElement = {
     if (!isSupportedForLint(node)) {
       return;
     }
-    var nodeName = ast.JSXElement.getName(node);
+    var nodeName = JSXElementHelper.getName(node);
     var sourceCode = getSourceCode(context);
     var importDeclarations = sourceCode.ast.body.filter(isImportDeclaration);
     var existingImageName = null;

package/dist/esm/rules/no-html-image/node-types/supported.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import * as ast from '../../../ast-nodes';
+import { JSXElement } from '../../../ast-nodes/jsx-element';
 var supportedElements = [{
   name: 'img'
 }, {
@@ -20,7 +20,7 @@ export function isSupportedForLint(jsxNode, elementName) {
 
   // Allow passing in the element name because the jsxNode doesn't
   // represent the element name with styled components
-  var elName = elementName || ast.JSXElement.getName(jsxNode);
+  var elName = elementName || JSXElement.getName(jsxNode);
   if (!elName) {
     return false;
   }
@@ -44,7 +44,7 @@ export function isSupportedForLint(jsxNode, elementName) {
   }
 
   // Check if the element has any attributes that are not supported
-  var attributes = ast.JSXElement.getAttributes(jsxNode);
+  var attributes = JSXElement.getAttributes(jsxNode);
   if (supportedElement.attributes && !supportedElement.attributes.every(function (_ref3) {
     var name = _ref3.name,
       values = _ref3.values;

package/dist/esm/rules/no-html-radio/index.js

@@ -1,5 +1,5 @@
 import { createLintRule } from '../utils/create-rule';
-import { JSXElement as _JSXElement } from './node-types';
+import { JSXElement as _JSXElement } from './node-types/jsx-element';
 var rule = createLintRule({
   meta: {
     name: 'no-html-radio',

package/dist/esm/rules/no-html-radio/node-types/jsx-element/index.js

@@ -1,4 +1,4 @@
-import * as ast from '../../../../ast-nodes';
+import { JSXElement as JSXElementHelper } from '../../../../ast-nodes/jsx-element';
 import { isSupportedForLint } from '../supported';
 export var JSXElement = {
   lint: function lint(node, _ref) {
@@ -6,7 +6,7 @@ export var JSXElement = {
     if (!isSupportedForLint(node)) {
       return;
     }
-    var nodeName = ast.JSXElement.getName(node);
+    var nodeName = JSXElementHelper.getName(node);
     context.report({
       node: node.openingElement,
       messageId: 'noHtmlRadio',