@atlaskit/code 15.2.0 → 15.2.1

package/codemods/utils/helpers.tsx

@@ -1,266 +1,226 @@
-import core, {
-  ASTPath,
-  CallExpression,
-  Identifier,
-  ImportDeclaration,
-  ImportSpecifier,
-  JSCodeshift,
-  JSXAttribute,
-  JSXElement,
-  ObjectProperty,
+import type {
+	ASTPath,
+	CallExpression,
+	default as core,
+	Identifier,
+	ImportDeclaration,
+	ImportSpecifier,
+	JSCodeshift,
+	JSXAttribute,
+	JSXElement,
+	ObjectProperty,
 } from 'jscodeshift';
-import { Collection } from 'jscodeshift/src/Collection';
+import { type Collection } from 'jscodeshift/src/Collection';
 
-import {
-  addCommentToStartOfFile,
-  getNamedSpecifier,
-} from '@atlaskit/codemod-utils';
+import { addCommentToStartOfFile, getNamedSpecifier } from '@atlaskit/codemod-utils';
 
 export function hasImportDeclaration(
-  j: JSCodeshift,
-  collection: Collection<any>,
-  importPath: string,
+	j: JSCodeshift,
+	collection: Collection<any>,
+	importPath: string,
 ) {
-  return getImportDeclarationCollection(j, collection, importPath).length > 0;
+	return getImportDeclarationCollection(j, collection, importPath).length > 0;
 }
 
 export function getImportDeclarationCollection(
-  j: JSCodeshift,
-  collection: Collection<any>,
-  importPath: string,
+	j: JSCodeshift,
+	collection: Collection<any>,
+	importPath: string,
 ) {
-  return collection
-    .find(j.ImportDeclaration)
-    .filter(
-      (importDeclarationPath) =>
-        importDeclarationPath.node.source.value === importPath,
-    );
+	return collection
+		.find(j.ImportDeclaration)
+		.filter((importDeclarationPath) => importDeclarationPath.node.source.value === importPath);
 }
 
-export function hasDynamicImport(
-  j: JSCodeshift,
-  collection: Collection<any>,
-  importPath: string,
-) {
-  return getDynamicImportCollection(j, collection, importPath).length > 0;
+export function hasDynamicImport(j: JSCodeshift, collection: Collection<any>, importPath: string) {
+	return getDynamicImportCollection(j, collection, importPath).length > 0;
 }
 
 export function getDynamicImportCollection(
-  j: JSCodeshift,
-  collection: Collection<any>,
-  importPath: string,
+	j: JSCodeshift,
+	collection: Collection<any>,
+	importPath: string,
 ) {
-  return collection.find(j.CallExpression).filter((callExpressionPath) => {
-    const { callee, arguments: callExpressionArguments } =
-      callExpressionPath.node;
+	return collection.find(j.CallExpression).filter((callExpressionPath) => {
+		const { callee, arguments: callExpressionArguments } = callExpressionPath.node;
 
-    return !!(
-      isCallExpressionCalleeImportType(callee) &&
-      isCallExpressionArgumentStringLiteralType(callExpressionArguments) &&
-      isCallExpressionArgumentValueMatches(
-        callExpressionArguments[0],
-        j,
-        importPath,
-      )
-    );
-  });
+		return !!(
+			isCallExpressionCalleeImportType(callee) &&
+			isCallExpressionArgumentStringLiteralType(callExpressionArguments) &&
+			isCallExpressionArgumentValueMatches(callExpressionArguments[0], j, importPath)
+		);
+	});
 }
 function isCallExpressionCalleeImportType(callee: CallExpression['callee']) {
-  return callee && callee.type === 'Import';
+	return callee && callee.type === 'Import';
 }
 function isCallExpressionArgumentStringLiteralType(
-  callExpressionArguments: CallExpression['arguments'],
+	callExpressionArguments: CallExpression['arguments'],
 ) {
-  return (
-    callExpressionArguments &&
-    callExpressionArguments.length &&
-    callExpressionArguments[0].type === 'StringLiteral'
-  );
+	return (
+		callExpressionArguments &&
+		callExpressionArguments.length &&
+		callExpressionArguments[0].type === 'StringLiteral'
+	);
 }
 function isCallExpressionArgumentValueMatches(
-  callExpressionArgument: CallExpression['arguments'][0],
-  j: JSCodeshift,
-  value: string,
+	callExpressionArgument: CallExpression['arguments'][0],
+	j: JSCodeshift,
+	value: string,
 ) {
-  return j(callExpressionArgument).some((path) => path.node.value === value);
+	return j(callExpressionArgument).some((path) => path.node.value === value);
 }
 
 export function getImportSpecifierCollection(
-  j: JSCodeshift,
-  importDeclarationCollection: Collection<ImportDeclaration>,
-  importName: string,
+	j: JSCodeshift,
+	importDeclarationCollection: Collection<ImportDeclaration>,
+	importName: string,
 ) {
-  return importDeclarationCollection
-    .find(j.ImportSpecifier)
-    .filter(
-      (importSpecifierPath) =>
-        importSpecifierPath.node.imported.name === importName,
-    );
+	return importDeclarationCollection
+		.find(j.ImportSpecifier)
+		.filter((importSpecifierPath) => importSpecifierPath.node.imported.name === importName);
 }
 
-export function getImportSpecifierName(
-  importSpecifierCollection: Collection<ImportSpecifier>,
-) {
-  if (importSpecifierCollection.length === 0) {
-    return null;
-  }
+export function getImportSpecifierName(importSpecifierCollection: Collection<ImportSpecifier>) {
+	if (importSpecifierCollection.length === 0) {
+		return null;
+	}
 
-  return importSpecifierCollection.nodes()[0]!.local!.name;
+	return importSpecifierCollection.nodes()[0]!.local!.name;
 }
 
 export function isVariableDeclaratorIdentifierPresent(
-  j: JSCodeshift,
-  collection: Collection<any>,
-  variableName: string,
+	j: JSCodeshift,
+	collection: Collection<any>,
+	variableName: string,
 ) {
-  return collection
-    .find(j.VariableDeclaration)
-    .find(j.VariableDeclarator)
-    .some((variableDeclaratorPath) => {
-      const { id } = variableDeclaratorPath.node;
+	return collection
+		.find(j.VariableDeclaration)
+		.find(j.VariableDeclarator)
+		.some((variableDeclaratorPath) => {
+			const { id } = variableDeclaratorPath.node;
 
-      return !!(
-        id &&
-        id.type === 'Identifier' &&
-        (id as Identifier).name === variableName
-      );
-    });
+			return !!(id && id.type === 'Identifier' && (id as Identifier).name === variableName);
+		});
 }
 
 export function isFunctionDeclarationIdentifierPresent(
-  j: JSCodeshift,
-  collection: Collection<any>,
-  variableName: string,
+	j: JSCodeshift,
+	collection: Collection<any>,
+	variableName: string,
 ) {
-  return collection
-    .find(j.FunctionDeclaration)
-    .some((functionDeclarationPath) => {
-      const { id } = functionDeclarationPath.node;
+	return collection.find(j.FunctionDeclaration).some((functionDeclarationPath) => {
+		const { id } = functionDeclarationPath.node;
 
-      return !!(
-        id &&
-        id.type === 'Identifier' &&
-        (id as Identifier).name === variableName
-      );
-    });
+		return !!(id && id.type === 'Identifier' && (id as Identifier).name === variableName);
+	});
 }
 
 export function isClassDeclarationIdentifierPresent(
-  j: JSCodeshift,
-  collection: Collection<any>,
-  variableName: string,
+	j: JSCodeshift,
+	collection: Collection<any>,
+	variableName: string,
 ) {
-  return collection.find(j.ClassDeclaration).some((classDeclarationPath) => {
-    const { id } = classDeclarationPath.node;
+	return collection.find(j.ClassDeclaration).some((classDeclarationPath) => {
+		const { id } = classDeclarationPath.node;
 
-    return !!(
-      id &&
-      id.type === 'Identifier' &&
-      (id as Identifier).name === variableName
-    );
-  });
+		return !!(id && id.type === 'Identifier' && (id as Identifier).name === variableName);
+	});
 }
 
 export function isImportDeclarationIdentifierPresent(
-  j: JSCodeshift,
-  collection: Collection<any>,
-  variableName: string,
+	j: JSCodeshift,
+	collection: Collection<any>,
+	variableName: string,
 ) {
-  return collection
-    .find(j.ImportDeclaration)
-    .find(j.Identifier)
-    .some((identifierPath) => identifierPath.node.name === variableName);
+	return collection
+		.find(j.ImportDeclaration)
+		.find(j.Identifier)
+		.some((identifierPath) => identifierPath.node.name === variableName);
 }
 
 export function getJSXAttributesByName(
-  j: JSCodeshift,
-  jsxElementPath: ASTPath<JSXElement>,
-  attributeName: string,
+	j: JSCodeshift,
+	jsxElementPath: ASTPath<JSXElement>,
+	attributeName: string,
 ): Collection<JSXAttribute> {
-  return j(jsxElementPath)
-    .find(j.JSXOpeningElement)
-    .find(j.JSXAttribute)
-    .filter((jsxAttributePath) =>
-      j(jsxAttributePath)
-        .find(j.JSXIdentifier)
-        .some(
-          (jsxIdentifierPath) => jsxIdentifierPath.node.name === attributeName,
-        ),
-    );
+	return j(jsxElementPath)
+		.find(j.JSXOpeningElement)
+		.find(j.JSXAttribute)
+		.filter((jsxAttributePath) =>
+			j(jsxAttributePath)
+				.find(j.JSXIdentifier)
+				.some((jsxIdentifierPath) => jsxIdentifierPath.node.name === attributeName),
+		);
 }
 
 export function getJSXSpreadIdentifierAttributesByName(
-  j: JSCodeshift,
-  collection: Collection<any>,
-  jsxElementPath: ASTPath<JSXElement>,
-  attributeName: string,
+	j: JSCodeshift,
+	collection: Collection<any>,
+	jsxElementPath: ASTPath<JSXElement>,
+	attributeName: string,
 ): Collection<ObjectProperty> | null {
-  const identifierCollection = j(jsxElementPath)
-    .find(j.JSXOpeningElement)
-    .find(j.JSXSpreadAttribute)
-    .filter(
-      (jsxSpreadAttributePath) =>
-        jsxSpreadAttributePath.node.argument.type === 'Identifier',
-    )
-    .find(j.Identifier);
-
-  if (identifierCollection.length === 0) {
-    return null;
-  }
-
-  return collection
-    .find(j.VariableDeclarator)
-    .filter((variableDeclaratorPath) => {
-      const { id } = variableDeclaratorPath.node;
-
-      return (
-        id.type === 'Identifier' &&
-        identifierCollection.some(
-          (identifierPath) => identifierPath.node.name === id.name,
-        )
-      );
-    })
-    .find(j.ObjectExpression)
-    .find(j.ObjectProperty)
-    .filter((objectPropertyPath) =>
-      j(objectPropertyPath)
-        .find(j.Identifier)
-        .some((identifierPath) => identifierPath.node.name === attributeName),
-    );
+	const identifierCollection = j(jsxElementPath)
+		.find(j.JSXOpeningElement)
+		.find(j.JSXSpreadAttribute)
+		.filter((jsxSpreadAttributePath) => jsxSpreadAttributePath.node.argument.type === 'Identifier')
+		.find(j.Identifier);
+
+	if (identifierCollection.length === 0) {
+		return null;
+	}
+
+	return collection
+		.find(j.VariableDeclarator)
+		.filter((variableDeclaratorPath) => {
+			const { id } = variableDeclaratorPath.node;
+
+			return (
+				id.type === 'Identifier' &&
+				identifierCollection.some((identifierPath) => identifierPath.node.name === id.name)
+			);
+		})
+		.find(j.ObjectExpression)
+		.find(j.ObjectProperty)
+		.filter((objectPropertyPath) =>
+			j(objectPropertyPath)
+				.find(j.Identifier)
+				.some((identifierPath) => identifierPath.node.name === attributeName),
+		);
 }
 
 export function getJSXSpreadObjectExpressionAttributesByName(
-  j: JSCodeshift,
-  jsxElementPath: ASTPath<JSXElement>,
-  attributeName: string,
+	j: JSCodeshift,
+	jsxElementPath: ASTPath<JSXElement>,
+	attributeName: string,
 ) {
-  return j(jsxElementPath)
-    .find(j.JSXOpeningElement)
-    .find(j.JSXSpreadAttribute)
-    .find(j.ObjectExpression)
-    .find(j.ObjectProperty)
-    .filter((objectPropertyPath) =>
-      j(objectPropertyPath)
-        .find(j.Identifier)
-        .some((identifierPath) => identifierPath.node.name === attributeName),
-    );
+	return j(jsxElementPath)
+		.find(j.JSXOpeningElement)
+		.find(j.JSXSpreadAttribute)
+		.find(j.ObjectExpression)
+		.find(j.ObjectProperty)
+		.filter((objectPropertyPath) =>
+			j(objectPropertyPath)
+				.find(j.Identifier)
+				.some((identifierPath) => identifierPath.node.name === attributeName),
+		);
 }
 
 export const createRemoveFuncFor =
-  (component: string, importName: string, prop: string, comment?: string) =>
-  (j: core.JSCodeshift, source: Collection<Node>) => {
-    const specifier = getNamedSpecifier(j, source, component, importName);
-
-    if (!specifier) {
-      return;
-    }
-
-    source.findJSXElements(specifier).forEach((element) => {
-      getJSXAttributesByName(j, element, prop).forEach((attribute: any) => {
-        j(attribute).remove();
-        if (comment) {
-          addCommentToStartOfFile({ j, base: source, message: comment });
-        }
-      });
-    });
-  };
+	(component: string, importName: string, prop: string, comment?: string) =>
+	(j: core.JSCodeshift, source: Collection<Node>) => {
+		const specifier = getNamedSpecifier(j, source, component, importName);
+
+		if (!specifier) {
+			return;
+		}
+
+		source.findJSXElements(specifier).forEach((element) => {
+			getJSXAttributesByName(j, element, prop).forEach((attribute: any) => {
+				j(attribute).remove();
+				if (comment) {
+					addCommentToStartOfFile({ j, base: source, message: comment });
+				}
+			});
+		});
+	};

package/dist/cjs/internal/theme/styles.js

@@ -219,7 +219,8 @@ var getCodeBlockStyles = exports.getCodeBlockStyles = function getCodeBlockStyle
       // this is required to account for prismjs styles leaking into the codeblock
       'code[class*="language-"], pre[class*="language-"], code': {
         all: 'unset',
-        padding: showLineNumbers ? "".concat(_constants.SPACING, "px 0") : _constants.SPACING
+        padding: showLineNumbers ? "".concat(_constants.SPACING, "px 0") : _constants.SPACING,
+        tabSize: 4
       },
       display: 'flex',
       lineHeight: _constants.CODE_LINE_HEIGHT,

package/dist/es2019/internal/theme/styles.js

@@ -201,7 +201,8 @@ export const getCodeBlockStyles = theme => (highlightedStartText, highlightedEnd
   // this is required to account for prismjs styles leaking into the codeblock
   'code[class*="language-"], pre[class*="language-"], code': {
     all: 'unset',
-    padding: showLineNumbers ? `${SPACING}px 0` : SPACING
+    padding: showLineNumbers ? `${SPACING}px 0` : SPACING,
+    tabSize: 4
   },
   display: 'flex',
   lineHeight: CODE_LINE_HEIGHT,

package/dist/esm/internal/theme/styles.js

@@ -212,7 +212,8 @@ export var getCodeBlockStyles = function getCodeBlockStyles(theme) {
       // this is required to account for prismjs styles leaking into the codeblock
       'code[class*="language-"], pre[class*="language-"], code': {
         all: 'unset',
-        padding: showLineNumbers ? "".concat(SPACING, "px 0") : SPACING
+        padding: showLineNumbers ? "".concat(SPACING, "px 0") : SPACING,
+        tabSize: 4
       },
       display: 'flex',
       lineHeight: CODE_LINE_HEIGHT,

package/dist/types/bidi-warning/ui/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CodeBidiWarningProps } from './types';
+import { type CodeBidiWarningProps } from './types';
 /**
  * __Bidi Warning__
  *

package/dist/types/bidi-warning/ui/styled.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 export declare function Decorator({ bidiCharacter, children, testId, }: {
     bidiCharacter: string;

package/dist/types/extract-react-types/code-block.d.ts

@@ -12,24 +12,24 @@ export default function CodeBlock(__: {
      */
     showLineNumbers?: boolean;
     /**
-     Language reference designed to be populated from `SUPPORTED_LANGUAGES` in
-     `design-system/code`. Run against language grammars from PrismJS (full list
-     available at [PrismJS documentation](https://prismjs.com/#supported-languages)).
-  
-     When set to `text` will not perform highlighting. If unsupported language
-     provided - code will be treated as "text" with no highlighting.
-  
-     Defaults to `text`.
-     */
+   Language reference designed to be populated from `SUPPORTED_LANGUAGES` in
+   `design-system/code`. Run against language grammars from PrismJS (full list
+   available at [PrismJS documentation](https://prismjs.com/#supported-languages)).
+
+   When set to `text` will not perform highlighting. If unsupported language
+   provided - code will be treated as "text" with no highlighting.
+
+   Defaults to `text`.
+   */
     language?: string;
     /**
-     Comma delimited lines to highlight.
-  
-     Example uses:
-     - To highlight one line `highlight="3"`
-     - To highlight a group of lines `highlight="1-5"`
-     - To highlight multiple groups `highlight="1-5,7,10,15-20"`
-     */
+   Comma delimited lines to highlight.
+
+   Example uses:
+   - To highlight one line `highlight="3"`
+   - To highlight a group of lines `highlight="1-5"`
+   - To highlight multiple groups `highlight="1-5,7,10,15-20"`
+   */
     highlight?: string;
     /**
      * Screen reader text for the start of a highlighted line.

package/dist/types/internal/hooks/use-highlight.d.ts

@@ -1,4 +1,4 @@
-import { HTMLProps } from 'react';
+import { type HTMLProps } from 'react';
 import type { CodeBlockProps } from '../types';
 export declare const useHighlightLines: ({ highlight, testId, }: Pick<CodeBlockProps, 'highlight' | 'testId'>) => {
     getHighlightStyles: (lineNumber: number, highlightedLines: number[]) => HTMLProps<HTMLElement>;

package/dist/types/internal/utils/get-normalized-language.d.ts

@@ -1,2 +1,2 @@
-import { SupportedLanguages } from '../types';
+import { type SupportedLanguages } from '../types';
 export declare const normalizeLanguage: import("memoize-one").MemoizedFn<(language?: SupportedLanguages) => string>;

package/dist/types/syntax-highlighter/async.d.ts

@@ -1,3 +1,3 @@
-import { SyntaxHighlighter } from './types';
+import { type SyntaxHighlighter } from './types';
 declare const _default: typeof SyntaxHighlighter;
 export default _default;

package/dist/types/syntax-highlighter/lib/highlight.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SyntaxHighlighterProps } from '../types';
+import { type SyntaxHighlighterProps } from '../types';
 /**
  * Takes in a code string and (in the default behaviour):
  * - Uses refractor to turn it into a tree structure with highlighting metadata

package/dist/types/syntax-highlighter/lib/process/create-line-element.d.ts

@@ -1,4 +1,4 @@
-import { AST, RefractorNode, SyntaxHighlighterLineProps } from '../../types';
+import { type AST, type RefractorNode, type SyntaxHighlighterLineProps } from '../../types';
 export type CreateLineElementProps = {
     children: RefractorNode[];
     lineNumber: number;

package/dist/types/syntax-highlighter/lib/process/create-line.d.ts

@@ -1,3 +1,3 @@
-import { RefractorNode, SyntaxHighlighterLineProps } from '../../types';
+import { type RefractorNode, type SyntaxHighlighterLineProps } from '../../types';
 declare function createLineGenerator(lineProps: SyntaxHighlighterLineProps, shouldCreateParentElementForLines: boolean, showLineNumbers: boolean): (children: RefractorNode[], lineNumber: number, className?: string[]) => RefractorNode | RefractorNode[];
 export default createLineGenerator;

package/dist/types/syntax-highlighter/lib/process/flatten-code-tree.d.ts

@@ -1,2 +1,2 @@
-import { RefractorNode } from '../../types';
+import { type RefractorNode } from '../../types';
 export default function flattenCodeTree(tree: RefractorNode[], offset?: number, className?: string[]): RefractorNode[];

package/dist/types/syntax-highlighter/lib/process/get-code-tree.d.ts

@@ -1,2 +1,2 @@
-import { AstGenerator, RefractorNode } from '../../types';
+import { type AstGenerator, type RefractorNode } from '../../types';
 export default function getCodeTree(language: string, code: string, astGenerator?: AstGenerator): RefractorNode[];

package/dist/types/syntax-highlighter/lib/process/get-inline-line-number.d.ts

@@ -1,2 +1,2 @@
-import { RefractorNode } from '../../types';
+import { type RefractorNode } from '../../types';
 export default function getInlineLineNumber(lineNumber: number): RefractorNode;

package/dist/types/syntax-highlighter/lib/process/index.d.ts

@@ -1,4 +1,4 @@
-import { AstGenerator, RefractorNode, SyntaxHighlighterLineProps } from '../../types';
+import { type AstGenerator, type RefractorNode, type SyntaxHighlighterLineProps } from '../../types';
 interface ProcessLines {
     astGenerator: AstGenerator;
     code: string;

package/dist/types/syntax-highlighter/lib/react-renderer/create-children.d.ts

@@ -1,3 +1,3 @@
-import { ReactNode } from 'react';
-import { CodeBidiWarningConfig, RefractorNode } from '../../types';
+import { type ReactNode } from 'react';
+import { type CodeBidiWarningConfig, type RefractorNode } from '../../types';
 export default function createChildren(codeBidiWarningConfig: CodeBidiWarningConfig): (children: RefractorNode[]) => ReactNode[];

package/dist/types/syntax-highlighter/lib/react-renderer/create-element.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { CodeBidiWarningConfig, RefractorNode } from '../../types';
+import { type ReactNode } from 'react';
+import { type CodeBidiWarningConfig, type RefractorNode } from '../../types';
 export default function createElement({ node, codeBidiWarningConfig, key, }: {
     node: RefractorNode;
     codeBidiWarningConfig: CodeBidiWarningConfig;

package/dist/types/syntax-highlighter/lib/react-renderer/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CodeBidiWarningConfig, RefractorNode } from '../../types';
+import { type CodeBidiWarningConfig, type RefractorNode } from '../../types';
 /**
  * __React Renderer__
  *

package/dist/types/syntax-highlighter/types.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SerializedStyles } from '@emotion/react';
-import { AST, RefractorNode } from 'refractor';
+import { type SerializedStyles } from '@emotion/react';
+import { type AST, type RefractorNode } from 'refractor';
 export type { AST, RefractorNode } from 'refractor';
 export declare class SyntaxHighlighter extends React.PureComponent<SyntaxHighlighterProps> {
 }

package/dist/types/types.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLProps, ReactNode } from 'react';
-export type { SupportedLanguages, Language, LanguageAlias, CodeBlockProps, } from './internal/types';
+export type { SupportedLanguages, Language, LanguageAlias, CodeBlockProps } from './internal/types';
 export interface CodeProps extends HTMLProps<HTMLElement> {
     /**
      * A unique string that appears as a data attribute `data-testid`

package/dist/types-ts4.5/bidi-warning/ui/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CodeBidiWarningProps } from './types';
+import { type CodeBidiWarningProps } from './types';
 /**
  * __Bidi Warning__
  *

package/dist/types-ts4.5/bidi-warning/ui/styled.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 export declare function Decorator({ bidiCharacter, children, testId, }: {
     bidiCharacter: string;