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

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

@@ -0,0 +1 @@
+export var PATTERNS = ['restricted-property', 'wrapped-token-value', 'restricted-capitalisation'];

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,6 +1,7 @@
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 import { errorBoundary } from '../utils/error-boundary';
-import { getConfig, PATTERNS } from './config';
+import { getConfig } from './config/get-config';
+import { PATTERNS } from './config/patterns';
 import { RestrictedCapitalisation } from './linters/restricted-capitalisation';
 import { RestrictedProperty } from './linters/restricted-property';
 import { WrappedTokenValue } from './linters/wrapped-token-value';

package/dist/esm/rules/use-menu-section-title/index.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 var elementsAccessibleNameProps = ['title', 'titleId'];
 var rule = createLintRule({
   meta: {

package/dist/esm/rules/use-modal-dialog-close-button/index.js

@@ -3,8 +3,8 @@ 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 { JSXAttribute } from '../../ast-nodes/jsx-attribute';
-import { JSXElementHelper } from '../../ast-nodes/jsx-element';
-import { createLintRule } from '../utils/create-rule';
+import { JSXElementHelper } from '../../ast-nodes/jsx-element-helper';
+import { createLintRule } from '../utils/create-lint-rule';
 var PROP_NAME = 'hasCloseButton';
 
 // Lint rule message

package/dist/esm/rules/use-onboarding-spotlight-label/index.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 var elementsAccessibleNameProps = ['label', 'titleId', 'heading'];
 var rule = createLintRule({
   meta: {

package/dist/esm/rules/use-popup-label/index.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 var elementsAccessibleNameProps = ['label', 'titleId'];
 var rule = createLintRule({
   meta: {

package/dist/esm/rules/use-primitives/config/get-config.js

@@ -0,0 +1,6 @@
+var defaults = {
+  patterns: ['compiled-css-function']
+};
+export var getConfig = function getConfig(overrides) {
+  return Object.assign({}, defaults, overrides);
+};

package/dist/esm/rules/use-primitives/config/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/rules/use-primitives/config/valid-patterns.js

@@ -0,0 +1,40 @@
+export var VALID_PATTERNS = [
+// this enables the rule to look for a pattern like:
+// const myStyles = css({...})
+'compiled-css-function',
+// this enables the rule to look for a pattern like:
+// const MyComponent = styled.div({...})
+'compiled-styled-object',
+// this enables the rule to look for a pattern like:
+// css({ padding: `I AM A TEMPLATE LITERAL` })
+// or styled.div({ padding: `I AM A TEMPLATE LITERAL` })
+'css-template-literal',
+// this enables the rule to look for a pattern like:
+// css({ padding: token(...) })
+// or styled.div({ padding: token(...) })
+'css-property-with-tokens',
+// this enables the rule to look for a pattern like:
+// css({ padding: '8px 16px' })
+// or styled.div({ padding: css({ padding: '8px 16px' }) })
+// ... and they could be tokenised
+// ... and they could be using template literals
+'css-property-multiple-values',
+// This enables the rule to look for a pattern like:
+// ```
+// const styles = css({ // or `styled.div({`
+//   padding: '8px',
+//   margin: '8px',
+// })
+'multiple-properties',
+// This enables the rule to look for supported dimension properties set as 100% like:
+// ```
+// const styles = css({ // or `styled.div({`
+//   padding: '8px',
+//   margin: '8px',
+//   width: '100%',
+// })
+'dimension-properties',
+// This enables the rule to look for JSX elements that are defined before the styles
+'jsx-order-fix',
+// This enables a fix for string style properties being incorrectly transformed
+'string-style-property-fix'];

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

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

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 { JSXElement as JSXElementHelper } from '../../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../../ast-nodes/jsx-element-helper';
 
 /**
  * Transforms a JSXElement from:

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

@@ -1,6 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { styledObjectToXcssTokens } from '../css-to-xcss';
+import { styledObjectToXcssTokens } from '../styled-object-to-xcss-tokens';
 
 /**
  * Transforms a variable like:

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

@@ -3,7 +3,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { JSXElement as JSXElementHelper } from '../../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../../ast-nodes/jsx-element-helper';
 import { Root } from '../../../../ast-nodes/root';
 import { isValidCssPropertiesToTransform } from '../../utils/is-valid-css-properties-to-transform';
 import { validateStyles } from '../../utils/validate-styles';

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

@@ -0,0 +1,38 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { getIdentifierInParentScope, identifier } from 'eslint-codemod-utils';
+import { getScope } from '@atlaskit/eslint-utils/context-compat';
+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 { styledObjectToXcssTokens } from './styled-object-to-xcss-tokens';
+export var cssToXcssTransformer = function cssToXcssTransformer(node, context, fixer) {
+  /**
+   * Note: The logic here is very similar to the logic in `shouldSuggestBox`. i.e.
+   * 1. Find the `css` attr
+   * 2. Find the variableName (`myStyles` in `css={myStyles}`)
+   * 3. Find the `const myStyles = css({ padding: '8px' })`
+   * 4. Find the style object `{ padding: '8px' }`
+   *
+   * The only difference is, we've already performed very defensive checks for these steps in `shouldSuggestBox`,
+   * so there's no need to do those checks here.
+   *
+   * The repetition could be avoided by combining the 'shouldSuggest' and 'fixCode' steps. However, there are tradeoffs
+   * to that approach (mainly poor separation of concerns). I'm un-opinionated about which strategy we use. I just opted
+   * for this because the original `use-primitives` rule did this.
+   */
+  var cssAttr = getJSXAttributeByName(node.openingElement, 'css');
+  var cssVariableName = getAttributeValueIdentifier(cssAttr);
+  if (!cssVariableName) {
+    return [];
+  }
+  var cssVariableDefinition = getIdentifierInParentScope(getScope(context, node), cssVariableName);
+  var cssVariableValue = getVariableDefinitionValue(cssVariableDefinition);
+  if (!cssVariableValue) {
+    return [];
+  }
+  var cssObjectExpression = getFunctionArgumentAtPos(cssVariableValue, 0);
+  return [
+  // Update `css` function name to `xcss`.
+  fixer.replaceText(cssVariableValue.node.init.callee, identifier('xcss').toString())].concat(_toConsumableArray(styledObjectToXcssTokens(cssObjectExpression, fixer)));
+};

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

@@ -5,13 +5,13 @@ import { getIdentifierInParentScope, isNodeOfType } from 'eslint-codemod-utils';
 import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 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 { JSXElementHelper } from '../../../../ast-nodes/jsx-element-helper';
 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 { cssToXcssTransformer } from '../css-to-xcss-transformer';
 import { attributes } from './attributes';
 import { elements } from './elements';
 export var EmotionCSS = {

package/dist/esm/rules/use-primitives/transformers/styled-object-to-xcss-tokens.js

@@ -0,0 +1,34 @@
+import { isNodeOfType, literal } from 'eslint-codemod-utils';
+import { supportedStylesMap } from './supported-styles-map';
+
+// e.g. `padding: '8px'`. For clarity, it's renamed to `entry` inside the `.map()`.
+export var styledObjectToXcssTokens = function styledObjectToXcssTokens(styles, fixer) {
+  return styles.properties.map(function (entry) {
+    if (!isNodeOfType(entry, 'Property')) {
+      return;
+    }
+    if (!isNodeOfType(entry.key, 'Identifier')) {
+      return;
+    }
+
+    // maps literal values like: 8px to 'space.100'
+    if (isNodeOfType(entry.value, 'Literal')) {
+      var value = entry.value.value;
+      if (typeof value !== 'string') {
+        return;
+      }
+      return fixer.replaceText(entry.value, literal("'".concat(supportedStylesMap[entry.key.name][value], "'")).toString());
+    }
+    // maps token calls like: token('space.100') to 'space.100'
+    if (isNodeOfType(entry.value, 'CallExpression')) {
+      var callExpression = entry.value;
+      // skip if not a call to `token`
+      if (!isNodeOfType(callExpression.callee, 'Identifier') || callExpression.callee.name !== 'token' || !isNodeOfType(callExpression.arguments[0], 'Literal')) {
+        return;
+      }
+      // the first argument of `token` is the token name and
+      // can be given directly to `xcss` as it has been validated already.
+      return fixer.replaceText(entry.value, literal("'".concat(callExpression.arguments[0].value, "'")).toString());
+    }
+  });
+};

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

@@ -0,0 +1,30 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _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 { spaceTokenMap } from './space-token-map';
+import { spaceTokenPositiveMap } from './space-token-positive-map';
+import { supportedDimensionAttributesMap } from './supported-dimension-attributes-map';
+export var supportedStylesMap = _objectSpread({
+  padding: spaceTokenPositiveMap,
+  paddingBlock: spaceTokenPositiveMap,
+  paddingBlockEnd: spaceTokenPositiveMap,
+  paddingBlockStart: spaceTokenPositiveMap,
+  paddingBottom: spaceTokenPositiveMap,
+  paddingInline: spaceTokenPositiveMap,
+  paddingInlineEnd: spaceTokenPositiveMap,
+  paddingInlineStart: spaceTokenPositiveMap,
+  paddingLeft: spaceTokenPositiveMap,
+  paddingRight: spaceTokenPositiveMap,
+  paddingTop: spaceTokenPositiveMap,
+  margin: spaceTokenMap,
+  marginBlock: spaceTokenMap,
+  marginBlockEnd: spaceTokenMap,
+  marginBlockStart: spaceTokenMap,
+  marginBottom: spaceTokenMap,
+  marginInline: spaceTokenMap,
+  marginInlineEnd: spaceTokenMap,
+  marginInlineStart: spaceTokenMap,
+  marginLeft: spaceTokenMap,
+  marginRight: spaceTokenMap,
+  marginTop: spaceTokenMap
+}, supportedDimensionAttributesMap);

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

@@ -3,8 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["unsupported"];
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { Object as ObjectHelper } from '../../../ast-nodes/object';
-import { supportedStylesMap } from '../transformers/css-to-xcss';
 import { supportedDimensionAttributesMap } from '../transformers/supported-dimension-attributes-map';
+import { supportedStylesMap } from '../transformers/supported-styles-map';
 import { convertASTObjectExpressionToJSObject } from './convert-ast-object-expression-to-js-object';
 export var isValidCssPropertiesToTransform = function isValidCssPropertiesToTransform(node, config) {
   if (!node) {

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

@@ -2,9 +2,9 @@ import { isNodeOfType } from 'eslint-codemod-utils';
 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';
+import { supportedStylesMap } from '../transformers/supported-styles-map';
 export var validateStyles = function validateStyles(node, config) {
   if (!node) {
     return false;

package/dist/esm/rules/use-primitives-text/config/{index.js → get-config.js}

@@ -1,12 +1,3 @@
-export var PATTERNS = [
-// <p>text</p>
-'paragraph-elements',
-// <span>text</span>
-'span-elements',
-// <strong>text</strong>
-'strong-elements',
-// <em>text</em>
-'emphasis-elements'];
 var defaults = {
   failSilently: false,
   patterns: ['paragraph-elements', 'span-elements', 'strong-elements', 'emphasis-elements'],

package/dist/esm/rules/use-primitives-text/config/patterns.js

@@ -0,0 +1,9 @@
+export var PATTERNS = [
+// <p>text</p>
+'paragraph-elements',
+// <span>text</span>
+'span-elements',
+// <strong>text</strong>
+'strong-elements',
+// <em>text</em>
+'emphasis-elements'];

package/dist/esm/rules/use-primitives-text/config/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,6 +1,7 @@
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 import { errorBoundary } from '../utils/error-boundary';
-import { getConfig, PATTERNS } from './config';
+import { getConfig } from './config/get-config';
+import { PATTERNS } from './config/patterns';
 import { EmphasisElements } from './transformers/emphasis-elements';
 import { ParagraphElements } from './transformers/paragraph-elements';
 import { SpanElements } from './transformers/span-elements';

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

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

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

@@ -6,7 +6,7 @@ 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 { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 import { Root } from '../../../ast-nodes/root';
 import { addColorInheritAttributeFix } from './add-color-inherit-attribute-fix';
 import { allowedAttrs } from './allowed-attrs';

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

@@ -1,6 +1,6 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { FunctionCall } from '../../../ast-nodes/function-call';
-import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 
 // The use of `<FormattedMessage ... />` component and `{formatMessage(...)}` are allowed as these are used for i18n
 export function hasTextChildrenOnly(node) {

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

@@ -6,7 +6,7 @@ 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 { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 import { Root } from '../../../ast-nodes/root';
 import { addColorInheritAttributeFix } from './add-color-inherit-attribute-fix';
 import { allowedAttrs } from './allowed-attrs';

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

@@ -6,7 +6,7 @@ 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 { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 import { Root } from '../../../ast-nodes/root';
 import { addColorInheritAttributeFix } from './add-color-inherit-attribute-fix';
 import { allowedAttrs } from './allowed-attrs';

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

@@ -6,7 +6,7 @@ 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 { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 import { Root } from '../../../ast-nodes/root';
 import { addColorInheritAttributeFix } from './add-color-inherit-attribute-fix';
 import { allowedAttrs } from './allowed-attrs';

package/dist/esm/rules/use-primitives-text/transformers/update-test-id-attribute-fix.js

@@ -1,5 +1,5 @@
 import { JSXAttribute } from '../../../ast-nodes/jsx-attribute';
-import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 
 // Rename data-testid prop to testId if present
 export function updateTestIdAttributeFix(node, fixer) {

package/dist/esm/rules/use-should-render-to-parent/add-prop.js

@@ -0,0 +1,3 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+var PROP_NAME = 'shouldRenderToParent';
+export var addProp = "Add `".concat(PROP_NAME, "` prop.");

package/dist/esm/rules/use-should-render-to-parent/index.js

@@ -1,13 +1,29 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
+import { addProp } from './add-prop';
+import { setPropToTrue } from './set-prop-to-true';
 export var RULE_NAME = 'use-should-render-to-parent';
 var PROP_NAME = 'shouldRenderToParent';
 var message = "Setting the `".concat(PROP_NAME, "` prop to anything other than `true` causes accessibility issues. Only set to `false` as a last resort.");
-export var addProp = "Add `".concat(PROP_NAME, "` prop.");
-export var setPropToTrue = "Set `".concat(PROP_NAME, "` prop to `true`.");
-var components = ['@atlaskit/popup', '@atlaskit/dropdown-menu'];
+var components = {
+  '@atlaskit/popup': {
+    default: true,
+    named: 'Popup'
+  },
+  '@atlaskit/dropdown-menu': {
+    default: true
+  },
+  '@atlassian/entry-points/dropdown-trigger': {
+    default: false,
+    named: 'DropdownTrigger'
+  },
+  '@atlassian/entry-points/popup-trigger': {
+    default: false,
+    named: 'PopupTrigger'
+  }
+};
 var rule = createLintRule({
   meta: {
     name: RULE_NAME,
@@ -27,11 +43,12 @@ var rule = createLintRule({
     var componentLocalName;
     return {
       ImportDeclaration: function ImportDeclaration(node) {
+        var _components$source;
         var source = node.source.value;
         if (typeof source !== 'string') {
           return;
         }
-        if (!components.includes(source)) {
+        if (!(source in components)) {
           return;
         }
         if (!node.specifiers.length) {
@@ -40,17 +57,23 @@ var rule = createLintRule({
         var defaultImport = node.specifiers.filter(function (spec) {
           return spec.type === 'ImportDefaultSpecifier';
         });
-        var namedImport = node.specifiers.filter(function (spec) {
+        var namedImports = node.specifiers.filter(function (spec) {
           return spec.type === 'ImportSpecifier';
         });
-
-        // If popup or dropdown menu and using a default import
-        if (defaultImport.length && defaultImport[0].local) {
+        if (defaultImport.length && defaultImport[0].local && (_components$source = components[source]) !== null && _components$source !== void 0 && _components$source.default) {
           componentLocalName = defaultImport[0].local.name;
-          // or if popup and using a named import
-        } else if (namedImport.length && namedImport[0].type === 'ImportSpecifier' && 'name' in namedImport[0].imported && namedImport[0].imported.name === 'Popup') {
-          componentLocalName = namedImport[0].local.name;
         }
+        if (!namedImports.length) {
+          return;
+        }
+
+        // Iterate through all of them, only one should ever be found
+        namedImports.forEach(function (namedImport) {
+          var _components$source2;
+          if (namedImport.type === 'ImportSpecifier' && 'name' in namedImport.imported && namedImport.imported.name === ((_components$source2 = components[source]) === null || _components$source2 === void 0 ? void 0 : _components$source2.named)) {
+            componentLocalName = namedImport.local.name;
+          }
+        });
       },
       JSXElement: function JSXElement(node) {
         if (!isNodeOfType(node, 'JSXElement')) {
@@ -104,4 +127,6 @@ var rule = createLintRule({
     };
   }
 });
-export default rule;
+export default rule;
+export { addProp } from './add-prop';
+export { setPropToTrue } from './set-prop-to-true';

package/dist/esm/rules/use-should-render-to-parent/set-prop-to-true.js

@@ -0,0 +1,3 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+var PROP_NAME = 'shouldRenderToParent';
+export var setPropToTrue = "Set `".concat(PROP_NAME, "` prop to `true`.");

package/dist/esm/rules/use-simple-field/index.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 var FORM_PACKAGE = '@atlaskit/form';
 var MESSAGE_COMPONENTS = ['ErrorMessage', 'HelperMessage', 'ValidMessage'];
 export var convertField = 'Convert field to simple field';

package/dist/esm/rules/use-simple-form/index.js

@@ -1,7 +1,7 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
+import { topLevelAttributeNames } from './top-level-attribute-names';
 var FORM_PACKAGE = '@atlaskit/form';
-export var topLevelAttributeNames = ['autocomplete', 'id', 'label', 'labelId', 'onKeyDown', 'onSubmit', 'name', 'noValidate', 'ref', 'xcss'];
 export var convertForm = 'Convert form to simple form';
 var rule = createLintRule({
   meta: {
@@ -153,4 +153,5 @@ var rule = createLintRule({
     };
   }
 });
-export default rule;
+export default rule;
+export { topLevelAttributeNames } from './top-level-attribute-names';

package/dist/esm/rules/use-simple-form/top-level-attribute-names.js

@@ -0,0 +1 @@
+export var topLevelAttributeNames = ['autocomplete', 'id', 'label', 'labelId', 'onKeyDown', 'onSubmit', 'name', 'noValidate', 'ref', 'xcss'];

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

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 import { ImportDeclaration } from './linters/import-declaration';
 var rule = createLintRule({
   meta: {

package/dist/esm/rules/use-tag-group-label/index.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 var elementsAccessibleNameProps = ['label', 'titleId'];
 var rule = createLintRule({
   meta: {

package/dist/esm/rules/use-textfield-autocomplete/index.js

@@ -1,7 +1,7 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { JSXAttribute } from '../../ast-nodes/jsx-attribute';
-import { JSXElementHelper } from '../../ast-nodes/jsx-element';
-import { createLintRule } from '../utils/create-rule';
+import { JSXElementHelper } from '../../ast-nodes/jsx-element-helper';
+import { createLintRule } from '../utils/create-lint-rule';
 var TEXTFIELD_PACKAGE = '@atlaskit/textfield';
 var TYPE_PROP = 'type';
 var AUTOCOMPLETE_PROP = 'autoComplete';

package/dist/esm/rules/use-tokens-shape/index.js

@@ -1,4 +1,4 @@
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 import { StyleProperty } from './transformers';
 var rule = createLintRule({
   meta: {

package/dist/esm/rules/use-tokens-space/index.js

@@ -1,4 +1,4 @@
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 import { StyleProperty } from './transformers/style-property';
 var rule = createLintRule({
   meta: {

package/dist/esm/rules/use-tokens-typography/config/get-config.js

@@ -0,0 +1,10 @@
+/* eslint-disable @atlassian/tangerine/import/entry-points */
+
+var defaultConfig = {
+  failSilently: false,
+  enableUnsafeAutofix: false,
+  patterns: ['style-object', 'font-weight', 'font-family', 'untokenized-properties', 'banned-properties', 'restricted-capitalisation']
+};
+export var getConfig = function getConfig(overrides) {
+  return Object.assign({}, defaultConfig, overrides);
+};

package/dist/esm/rules/use-tokens-typography/config/{index.js → rule-schema.js}

@@ -20,12 +20,4 @@ export var ruleSchema = {
       }
     }
   }
-};
-var defaultConfig = {
-  failSilently: false,
-  enableUnsafeAutofix: false,
-  patterns: ['style-object', 'font-weight', 'font-family', 'untokenized-properties', 'banned-properties', 'restricted-capitalisation']
-};
-export var getConfig = function getConfig(overrides) {
-  return Object.assign({}, defaultConfig, overrides);
 };

package/dist/esm/rules/use-tokens-typography/default-font-weight.js

@@ -0,0 +1,2 @@
+import { fontWeightMap } from './font-weight-map';
+export var defaultFontWeight = fontWeightMap.regular;

package/dist/esm/rules/use-tokens-typography/find-font-weight-token-for-value.js

@@ -0,0 +1,15 @@
+import { fontWeightTokens } from './font-weight-tokens';
+export function findFontWeightTokenForValue(fontWeight) {
+  var tokens = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : fontWeightTokens;
+  if (fontWeight === 'normal') {
+    fontWeight = '400';
+  }
+
+  // Match bold and 700 to 653 to match with bold weight refreshed typography
+  if (fontWeight === 'bold' || fontWeight === '700') {
+    fontWeight = '653';
+  }
+  return tokens.find(function (token) {
+    return token.values.fontWeight === fontWeight;
+  });
+}