@atlaskit/eslint-plugin-design-system 8.23.2 → 8.23.4

package/dist/es2019/rules/use-primitives/utils/update-jsx-element-name.js

@@ -1,12 +0,0 @@
-import { jsxIdentifier } from 'eslint-codemod-utils';
-export const updateJSXElementName = (node, newName, fixer) => {
-  const {
-    openingElement,
-    closingElement
-  } = node;
-  const newOpeningElement = fixer.replaceText(openingElement.name, jsxIdentifier(newName).toString());
-  const newClosingElement = closingElement &&
-  // Self closing tags, like `<div />` don't need to have the closing tag updated
-  fixer.replaceText(closingElement.name, jsxIdentifier(newName).toString());
-  return [newOpeningElement, newClosingElement || undefined];
-};

package/dist/es2019/rules/use-primitives/utils/upsert-import-declaration.js

@@ -1,76 +0,0 @@
-import { hasImportDeclaration, insertImportDeclaration, insertImportSpecifier, isNodeOfType } from 'eslint-codemod-utils';
-
-/**
- * Note: Very naive implementation. Does not handle default imports, namespace imports, or aliased imports.
- * Add that functionality when needed.
- *
- * However, does handle duplicate identifiers.
- */
-export const upsertImportDeclaration = ({
-  packageName,
-  specifiers
-}, context, fixer) => {
-  // Find any imports that match the packageName
-  const body = context.getSourceCode().ast.body;
-  const existingImports = body.filter(node => {
-    if (!isNodeOfType(node, 'ImportDeclaration')) {
-      return false;
-    }
-    if (!hasImportDeclaration(node, packageName)) {
-      return false;
-    }
-    return true;
-  });
-
-  /**
-   * This can happen for cases like:
-   * ```
-   * import { Stack } from '@atlaskit/primitives'
-   * import type { StackProps } from '@atlaskit/primitives'
-   * ```
-   *
-   * Ignore these cases for now to reduce scope creep
-   *
-   * TODO: Support multiple imports
-   */
-  if (existingImports.length > 1) {
-    return;
-  }
-
-  // The import doesn't exist yet, we can just insert a whole new one
-  if (existingImports.length === 0) {
-    return fixer.insertTextBefore(body[0], `${insertImportDeclaration(packageName, specifiers)};\n`);
-  }
-
-  // The import exists so, modify the existing one
-  const existingImport = existingImports[0]; // We have already validated that only one exists
-
-  /**
-   * `insertImportSpecifier()` has the unfortunate implementation detail of naively adding duplicate specifiers.
-   * e.g. calling
-   *  `insertImportSpecifier(importDecl, 'xcss')`
-   * on
-   * `import { Inline, xcss } from '@atlaskit/primitives'`
-   * will result in:
-   * `import { Inline, xcss, xcss } from '@atlaskit/primitives'`.
-   * So, we need to filter out specifiers that are already imported.
-   */
-  const uniqueImportSpecifiers = specifiers.filter(specifier => {
-    return !existingImport.specifiers.find(existingSpecifier => {
-      if (existingSpecifier.type !== 'ImportSpecifier') {
-        return false;
-      }
-      return existingSpecifier.imported.name === specifier;
-    });
-  });
-
-  // Ensures the import doesn't end up like: `import { Box, xcss,  } from '@atlaskit/primitives';`
-  // which can happen if the import decl already contains all import specifiers
-  if (uniqueImportSpecifiers.length === 0) {
-    return;
-  }
-  return fixer.replaceText(existingImport, `${insertImportSpecifier(existingImport,
-  // `insertImportSpecifier` only accepts one specifier, and we can't call it multiple times on the same import, because fixes can't overlap
-  // So, join the array into a string literal, and hope for the best 🤞
-  uniqueImportSpecifiers.join(', '))};\n`);
-};

package/dist/esm/rules/no-css-tagged-template-expression/is-supported-import.js

@@ -1,23 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
-export var SUPPORTED_IMPORTS = {
-  compiled: '@compiled/react',
-  emotionReact: '@emotion/react',
-  emotionCore: '@emotion/core',
-  styledComponents: 'styled-components'
-};
-var isImportSpecifierWrapper = function isImportSpecifierWrapper(name) {
-  return function (def) {
-    var _def$parent, _def$parent2, _def$parent3, _def$parent4, _def$parent5;
-    return def.node.type === 'ImportSpecifier' && def.node.imported.type === 'Identifier' && def.node.imported.name === name && ((_def$parent = def.parent) === null || _def$parent === void 0 ? void 0 : _def$parent.type) === 'ImportDeclaration' && (((_def$parent2 = def.parent) === null || _def$parent2 === void 0 ? void 0 : _def$parent2.source.value) === SUPPORTED_IMPORTS.compiled || ((_def$parent3 = def.parent) === null || _def$parent3 === void 0 ? void 0 : _def$parent3.source.value) === SUPPORTED_IMPORTS.emotionReact || ((_def$parent4 = def.parent) === null || _def$parent4 === void 0 ? void 0 : _def$parent4.source.value) === SUPPORTED_IMPORTS.emotionCore || ((_def$parent5 = def.parent) === null || _def$parent5 === void 0 ? void 0 : _def$parent5.source.value) === SUPPORTED_IMPORTS.styledComponents);
-  };
-};
-export var isSupportedImport = function isSupportedImport(name) {
-  var isImportSpecifier = isImportSpecifierWrapper(name);
-  return function (node, references) {
-    return node.type === 'Identifier' && references.some(function (reference) {
-      var _reference$resolved;
-      return reference.identifier === node && ((_reference$resolved = reference.resolved) === null || _reference$resolved === void 0 ? void 0 : _reference$resolved.defs.some(isImportSpecifier));
-    });
-  };
-};

package/dist/esm/rules/use-primitives/transformers/jsx-element-to-box.js

@@ -1,19 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { updateJSXAttributeByName, updateJSXElementName, upsertImportDeclaration } from '../utils';
-import { cssToXcssTransformer } from './css-to-xcss';
-export var jsxElementToBoxTransformer = function jsxElementToBoxTransformer(node, context) {
-  return function (fixer) {
-    // Insert `import { Box, xcss } from '@atlaskit/primitives'`
-    // Or, if the import exists already, update it to include `Box`, and `xcss`
-    var importFixes = upsertImportDeclaration({
-      packageName: '@atlaskit/primitives',
-      specifiers: ['Box', 'xcss']
-    }, context, fixer);
-    var elementNameFixes = updateJSXElementName(node, 'Box', fixer);
-    var attributeFix = updateJSXAttributeByName('css', 'xcss', node, fixer);
-    var cssToXcssTransform = cssToXcssTransformer(node, context, fixer);
-    return [importFixes, attributeFix].concat(_toConsumableArray(elementNameFixes), _toConsumableArray(cssToXcssTransform)).filter(function (fix) {
-      return Boolean(fix);
-    }); // Some of the transformers can return arrays with undefined, so filter them out
-  };
-};

package/dist/esm/rules/use-primitives/transformers/styled-component-to-primitive.js

@@ -1,61 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { isNodeOfType } from 'eslint-codemod-utils';
-import { updateJSXElementName, upsertImportDeclaration } from '../utils';
-import { styledObjectToXcssTokens } from './css-to-xcss';
-/**
- * All required validation steps have been taken care of before this
- * transformer is called, so it just goes ahead providing all necessary fixes
- */
-export var styledComponentToPrimitive = function styledComponentToPrimitive(_ref, context) {
-  var stylesRef = _ref.stylesRef,
-    jsxRef = _ref.jsxRef;
-  return function (fixer) {
-    // generates the new variable name: MyComponent -> myComponentStyles
-    var calculatedStylesVariableName = isNodeOfType(stylesRef.id, 'Identifier') && "".concat(stylesRef.id.name.replace(stylesRef.id.name[0], stylesRef.id.name[0].toLowerCase()), "Styles");
-    if (!calculatedStylesVariableName) {
-      return [];
-    }
-    var importFixes = upsertImportDeclaration({
-      packageName: '@atlaskit/primitives',
-      specifiers: ['Box', 'xcss']
-    }, context, fixer);
-    var stylesFixes = convertStyledComponentToXcss(stylesRef, calculatedStylesVariableName, fixer);
-    var jsxFixes = convertJsxCallSite(jsxRef, calculatedStylesVariableName, fixer);
-    return [importFixes].concat(stylesFixes, jsxFixes).filter(function (fix) {
-      return Boolean(fix);
-    }); // Some of the transformers can return arrays with undefined, so filter them out
-  };
-};
-
-var convertStyledComponentToXcss = function convertStyledComponentToXcss(stylesRef, newStylesVariableName, fixer) {
-  var fixes = [];
-
-  // renames the variable from MyComponent to myComponentStyles
-  fixes.push(fixer.replaceText(stylesRef.id, newStylesVariableName));
-
-  // renames the function call from styled.<tag> to xcss
-  if (stylesRef.init && isNodeOfType(stylesRef.init, 'CallExpression')) {
-    fixes.push(fixer.replaceText(stylesRef.init.callee, 'xcss'));
-  }
-
-  // converts CSS values to XCSS-compatible tokens
-  if (stylesRef.init && isNodeOfType(stylesRef.init, 'CallExpression')) {
-    var objectExpression = stylesRef.init.arguments[0];
-    if (isNodeOfType(objectExpression, 'ObjectExpression')) {
-      fixes.push.apply(fixes, _toConsumableArray(styledObjectToXcssTokens(objectExpression, fixer)));
-    }
-  }
-  return fixes;
-};
-var convertJsxCallSite = function convertJsxCallSite(jsxRef, newStylesVariableName, fixer) {
-  var fixes = [];
-
-  // renames the JSX call site
-  if (isNodeOfType(jsxRef.parent, 'JSXElement')) {
-    fixes.push.apply(fixes, _toConsumableArray(updateJSXElementName(jsxRef.parent, 'Box', fixer)));
-  }
-
-  // adds xcss prop
-  fixes.push(fixer.insertTextAfter(jsxRef.name, " xcss={".concat(newStylesVariableName, "}")));
-  return fixes;
-};

package/dist/esm/rules/use-primitives/utils/contains-only-supported-attrs.js

@@ -1,13 +0,0 @@
-import { isNodeOfType } from 'eslint-codemod-utils';
-var supportedAttributes = ['css'];
-export var containsOnlySupportedAttrs = function containsOnlySupportedAttrs(node) {
-  return node.openingElement.attributes.every(function (attr) {
-    if (!isNodeOfType(attr, 'JSXAttribute')) {
-      return false;
-    }
-    if (!isNodeOfType(attr.name, 'JSXIdentifier')) {
-      return false;
-    }
-    return supportedAttributes.includes(attr.name.name);
-  });
-};

package/dist/esm/rules/use-primitives/utils/is-valid-tag-name.js

@@ -1,7 +0,0 @@
-export var validPrimitiveElements = new Set(['div']);
-export var isValidTagName = function isValidTagName(node) {
-  if (node.openingElement.name.type !== 'JSXIdentifier') {
-    return false;
-  }
-  return validPrimitiveElements.has(node.openingElement.name.name);
-};

package/dist/esm/rules/use-primitives/utils/update-jsx-element-name.js

@@ -1,10 +0,0 @@
-import { jsxIdentifier } from 'eslint-codemod-utils';
-export var updateJSXElementName = function updateJSXElementName(node, newName, fixer) {
-  var openingElement = node.openingElement,
-    closingElement = node.closingElement;
-  var newOpeningElement = fixer.replaceText(openingElement.name, jsxIdentifier(newName).toString());
-  var newClosingElement = closingElement &&
-  // Self closing tags, like `<div />` don't need to have the closing tag updated
-  fixer.replaceText(closingElement.name, jsxIdentifier(newName).toString());
-  return [newOpeningElement, newClosingElement || undefined];
-};

package/dist/esm/rules/use-primitives/utils/upsert-import-declaration.js

@@ -1,75 +0,0 @@
-import { hasImportDeclaration, insertImportDeclaration, insertImportSpecifier, isNodeOfType } from 'eslint-codemod-utils';
-
-/**
- * Note: Very naive implementation. Does not handle default imports, namespace imports, or aliased imports.
- * Add that functionality when needed.
- *
- * However, does handle duplicate identifiers.
- */
-export var upsertImportDeclaration = function upsertImportDeclaration(_ref, context, fixer) {
-  var packageName = _ref.packageName,
-    specifiers = _ref.specifiers;
-  // Find any imports that match the packageName
-  var body = context.getSourceCode().ast.body;
-  var existingImports = body.filter(function (node) {
-    if (!isNodeOfType(node, 'ImportDeclaration')) {
-      return false;
-    }
-    if (!hasImportDeclaration(node, packageName)) {
-      return false;
-    }
-    return true;
-  });
-
-  /**
-   * This can happen for cases like:
-   * ```
-   * import { Stack } from '@atlaskit/primitives'
-   * import type { StackProps } from '@atlaskit/primitives'
-   * ```
-   *
-   * Ignore these cases for now to reduce scope creep
-   *
-   * TODO: Support multiple imports
-   */
-  if (existingImports.length > 1) {
-    return;
-  }
-
-  // The import doesn't exist yet, we can just insert a whole new one
-  if (existingImports.length === 0) {
-    return fixer.insertTextBefore(body[0], "".concat(insertImportDeclaration(packageName, specifiers), ";\n"));
-  }
-
-  // The import exists so, modify the existing one
-  var existingImport = existingImports[0]; // We have already validated that only one exists
-
-  /**
-   * `insertImportSpecifier()` has the unfortunate implementation detail of naively adding duplicate specifiers.
-   * e.g. calling
-   *  `insertImportSpecifier(importDecl, 'xcss')`
-   * on
-   * `import { Inline, xcss } from '@atlaskit/primitives'`
-   * will result in:
-   * `import { Inline, xcss, xcss } from '@atlaskit/primitives'`.
-   * So, we need to filter out specifiers that are already imported.
-   */
-  var uniqueImportSpecifiers = specifiers.filter(function (specifier) {
-    return !existingImport.specifiers.find(function (existingSpecifier) {
-      if (existingSpecifier.type !== 'ImportSpecifier') {
-        return false;
-      }
-      return existingSpecifier.imported.name === specifier;
-    });
-  });
-
-  // Ensures the import doesn't end up like: `import { Box, xcss,  } from '@atlaskit/primitives';`
-  // which can happen if the import decl already contains all import specifiers
-  if (uniqueImportSpecifiers.length === 0) {
-    return;
-  }
-  return fixer.replaceText(existingImport, "".concat(insertImportSpecifier(existingImport,
-  // `insertImportSpecifier` only accepts one specifier, and we can't call it multiple times on the same import, because fixes can't overlap
-  // So, join the array into a string literal, and hope for the best 🤞
-  uniqueImportSpecifiers.join(', ')), ";\n"));
-};

package/dist/types/rules/no-css-tagged-template-expression/is-supported-import.d.ts

@@ -1,12 +0,0 @@
-import type { Rule, Scope } from 'eslint';
-type Node = Rule.Node;
-type Reference = Scope.Reference;
-type SupportedNameChecker = (node: Node, references: Reference[]) => boolean;
-export declare const SUPPORTED_IMPORTS: {
-    compiled: string;
-    emotionReact: string;
-    emotionCore: string;
-    styledComponents: string;
-};
-export declare const isSupportedImport: (name: string) => SupportedNameChecker;
-export {};

package/dist/types/rules/use-primitives/transformers/jsx-element-to-box.d.ts

@@ -1,3 +0,0 @@
-import type { Rule } from 'eslint';
-import { JSXElement } from 'eslint-codemod-utils';
-export declare const jsxElementToBoxTransformer: (node: JSXElement, context: Rule.RuleContext) => (fixer: Rule.RuleFixer) => Rule.Fix[];

package/dist/types/rules/use-primitives/transformers/styled-component-to-primitive.d.ts

@@ -1,13 +0,0 @@
-import type { Rule } from 'eslint';
-import { JSXOpeningElement, VariableDeclarator } from 'eslint-codemod-utils';
-type StylesRef = VariableDeclarator & Rule.NodeParentExtension;
-type JSXRef = JSXOpeningElement & Rule.NodeParentExtension;
-/**
- * All required validation steps have been taken care of before this
- * transformer is called, so it just goes ahead providing all necessary fixes
- */
-export declare const styledComponentToPrimitive: ({ stylesRef, jsxRef, }: {
-    stylesRef: StylesRef;
-    jsxRef: JSXRef;
-}, context: Rule.RuleContext) => (fixer: Rule.RuleFixer) => Rule.Fix[];
-export {};

package/dist/types/rules/use-primitives/utils/contains-only-supported-attrs.d.ts

@@ -1,2 +0,0 @@
-import { type JSXElement } from 'eslint-codemod-utils';
-export declare const containsOnlySupportedAttrs: (node: JSXElement) => boolean;

package/dist/types/rules/use-primitives/utils/is-valid-tag-name.d.ts

@@ -1,3 +0,0 @@
-import { JSXElement } from 'eslint-codemod-utils';
-export declare const validPrimitiveElements: Set<string>;
-export declare const isValidTagName: (node: JSXElement) => boolean;

package/dist/types/rules/use-primitives/utils/update-jsx-element-name.d.ts

@@ -1,3 +0,0 @@
-import type { Rule } from 'eslint';
-import { JSXElement } from 'eslint-codemod-utils';
-export declare const updateJSXElementName: (node: JSXElement, newName: string, fixer: Rule.RuleFixer) => (Rule.Fix | undefined)[];

package/dist/types/rules/use-primitives/utils/upsert-import-declaration.d.ts

@@ -1,11 +0,0 @@
-import type { Rule } from 'eslint';
-/**
- * Note: Very naive implementation. Does not handle default imports, namespace imports, or aliased imports.
- * Add that functionality when needed.
- *
- * However, does handle duplicate identifiers.
- */
-export declare const upsertImportDeclaration: ({ packageName, specifiers, }: {
-    packageName: string;
-    specifiers: string[];
-}, context: Rule.RuleContext, fixer: Rule.RuleFixer) => Rule.Fix | undefined;

package/dist/types-ts4.5/rules/no-css-tagged-template-expression/is-supported-import.d.ts

@@ -1,12 +0,0 @@
-import type { Rule, Scope } from 'eslint';
-type Node = Rule.Node;
-type Reference = Scope.Reference;
-type SupportedNameChecker = (node: Node, references: Reference[]) => boolean;
-export declare const SUPPORTED_IMPORTS: {
-    compiled: string;
-    emotionReact: string;
-    emotionCore: string;
-    styledComponents: string;
-};
-export declare const isSupportedImport: (name: string) => SupportedNameChecker;
-export {};

package/dist/types-ts4.5/rules/use-primitives/transformers/jsx-element-to-box.d.ts

@@ -1,3 +0,0 @@
-import type { Rule } from 'eslint';
-import { JSXElement } from 'eslint-codemod-utils';
-export declare const jsxElementToBoxTransformer: (node: JSXElement, context: Rule.RuleContext) => (fixer: Rule.RuleFixer) => Rule.Fix[];

package/dist/types-ts4.5/rules/use-primitives/transformers/styled-component-to-primitive.d.ts

@@ -1,13 +0,0 @@
-import type { Rule } from 'eslint';
-import { JSXOpeningElement, VariableDeclarator } from 'eslint-codemod-utils';
-type StylesRef = VariableDeclarator & Rule.NodeParentExtension;
-type JSXRef = JSXOpeningElement & Rule.NodeParentExtension;
-/**
- * All required validation steps have been taken care of before this
- * transformer is called, so it just goes ahead providing all necessary fixes
- */
-export declare const styledComponentToPrimitive: ({ stylesRef, jsxRef, }: {
-    stylesRef: StylesRef;
-    jsxRef: JSXRef;
-}, context: Rule.RuleContext) => (fixer: Rule.RuleFixer) => Rule.Fix[];
-export {};

package/dist/types-ts4.5/rules/use-primitives/utils/contains-only-supported-attrs.d.ts

@@ -1,2 +0,0 @@
-import { type JSXElement } from 'eslint-codemod-utils';
-export declare const containsOnlySupportedAttrs: (node: JSXElement) => boolean;

package/dist/types-ts4.5/rules/use-primitives/utils/is-valid-tag-name.d.ts

@@ -1,3 +0,0 @@
-import { JSXElement } from 'eslint-codemod-utils';
-export declare const validPrimitiveElements: Set<string>;
-export declare const isValidTagName: (node: JSXElement) => boolean;

package/dist/types-ts4.5/rules/use-primitives/utils/update-jsx-element-name.d.ts

@@ -1,3 +0,0 @@
-import type { Rule } from 'eslint';
-import { JSXElement } from 'eslint-codemod-utils';
-export declare const updateJSXElementName: (node: JSXElement, newName: string, fixer: Rule.RuleFixer) => (Rule.Fix | undefined)[];

package/dist/types-ts4.5/rules/use-primitives/utils/upsert-import-declaration.d.ts

@@ -1,11 +0,0 @@
-import type { Rule } from 'eslint';
-/**
- * Note: Very naive implementation. Does not handle default imports, namespace imports, or aliased imports.
- * Add that functionality when needed.
- *
- * However, does handle duplicate identifiers.
- */
-export declare const upsertImportDeclaration: ({ packageName, specifiers, }: {
-    packageName: string;
-    specifiers: string[];
-}, context: Rule.RuleContext, fixer: Rule.RuleFixer) => Rule.Fix | undefined;