@atlaskit/icon-file-type 6.4.8 → 6.5.0

package/afm-jira/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "extends": "../../../../tsconfig.entry-points.jira.json",
+  "compilerOptions": {
+    "declaration": true,
+    "target": "es5",
+    "outDir": "../../../../../tsDist/@atlaskit__icon-file-type/app",
+    "composite": true,
+    "rootDir": "../"
+  },
+  "include": [
+    "../src/**/*.ts",
+    "../src/**/*.tsx"
+  ],
+  "exclude": [
+    "../src/**/__tests__/*",
+    "../src/**/*.test.*",
+    "../src/**/test.*"
+  ],
+  "references": [
+    {
+      "path": "../../../design-system/icon/afm-jira/tsconfig.json"
+    }
+  ]
+}

package/afm-post-office/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "extends": "../../../../tsconfig.entry-points.post-office.json",
+  "compilerOptions": {
+    "declaration": true,
+    "target": "es5",
+    "outDir": "../../../../../tsDist/@atlaskit__icon-file-type/app",
+    "composite": true,
+    "rootDir": "../"
+  },
+  "include": [
+    "../src/**/*.ts",
+    "../src/**/*.tsx"
+  ],
+  "exclude": [
+    "../src/**/__tests__/*",
+    "../src/**/*.test.*",
+    "../src/**/test.*"
+  ],
+  "references": [
+    {
+      "path": "../../../design-system/icon/afm-post-office/tsconfig.json"
+    }
+  ]
+}

package/codemods/6.1.0-metadata-entry.ts

@@ -1,118 +1,111 @@
-import core, {
-  API,
-  FileInfo,
-  ImportSpecifier,
-  ASTPath,
-  ImportDefaultSpecifier,
-  Options,
+import {
+	type default as core,
+	type API,
+	type FileInfo,
+	type ImportSpecifier,
+	type ASTPath,
+	type ImportDefaultSpecifier,
+	type Options,
 } from 'jscodeshift';
-import { Collection } from 'jscodeshift/src/Collection';
+import { type Collection } from 'jscodeshift/src/Collection';
 
 export const packageName = '@atlaskit/icon-file-type';
 
-export default function transformer(
-  file: FileInfo,
-  api: API,
-  options: Options,
-) {
-  const j = api.jscodeshift;
-  const root = j(file.source, { quote: 'auto' });
-  if (hasImportDeclaration(j, root, packageName)) {
-    const imports = root.find(j.ImportSpecifier, {
-      imported: { name: 'metadata' },
-    });
-    imports.forEach((p: ASTPath<ImportSpecifier | ImportDefaultSpecifier>) => {
-      if (p.parentPath.parentPath.node.source.value !== packageName) {
-        return;
-      }
-      if (p.parentPath.node.specifiers.length === 1) {
-        p.node.type = 'ImportDefaultSpecifier';
-        p.parentPath.node.source.value = `${packageName}/metadata`;
-      } else if (p.node.local) {
-        tryCreateImport({
-          j,
-          base: root,
-          packageName: `${packageName}/metadata`,
-          relativeToPackage: packageName,
-        });
-        addToImport({
-          j,
-          base: root,
-          packageName: `${packageName}/metadata`,
-          importSpecifier: j.importDefaultSpecifier(
-            j.identifier(p.node.local.name),
-          ),
-        });
-        p.replace();
-      }
-    });
-    return root.toSource(options.printOptions || { quote: 'single' });
-  }
-  return file.source;
+export default function transformer(file: FileInfo, api: API, options: Options) {
+	const j = api.jscodeshift;
+	const root = j(file.source, { quote: 'auto' });
+	if (hasImportDeclaration(j, root, packageName)) {
+		const imports = root.find(j.ImportSpecifier, {
+			imported: { name: 'metadata' },
+		});
+		imports.forEach((p: ASTPath<ImportSpecifier | ImportDefaultSpecifier>) => {
+			if (p.parentPath.parentPath.node.source.value !== packageName) {
+				return;
+			}
+			if (p.parentPath.node.specifiers.length === 1) {
+				p.node.type = 'ImportDefaultSpecifier';
+				p.parentPath.node.source.value = `${packageName}/metadata`;
+			} else if (p.node.local) {
+				tryCreateImport({
+					j,
+					base: root,
+					packageName: `${packageName}/metadata`,
+					relativeToPackage: packageName,
+				});
+				addToImport({
+					j,
+					base: root,
+					packageName: `${packageName}/metadata`,
+					importSpecifier: j.importDefaultSpecifier(j.identifier(p.node.local.name)),
+				});
+				p.replace();
+			}
+		});
+		return root.toSource(options.printOptions || { quote: 'single' });
+	}
+	return file.source;
 }
 
 function hasImportDeclaration(
-  j: core.JSCodeshift,
-  source: ReturnType<typeof j>,
-  importPath: string,
+	j: core.JSCodeshift,
+	source: ReturnType<typeof j>,
+	importPath: string,
 ) {
-  return !!source
-    .find(j.ImportDeclaration)
-    .filter((path) => path.node.source.value === importPath).length;
+	return !!source.find(j.ImportDeclaration).filter((path) => path.node.source.value === importPath)
+		.length;
 }
 
 function tryCreateImport({
-  j,
-  base,
-  relativeToPackage,
-  packageName,
+	j,
+	base,
+	relativeToPackage,
+	packageName,
 }: {
-  j: core.JSCodeshift;
-  base: Collection<any>;
-  relativeToPackage: string;
-  packageName: string;
+	j: core.JSCodeshift;
+	base: Collection<any>;
+	relativeToPackage: string;
+	packageName: string;
 }) {
-  const exists: boolean =
-    base
-      .find(j.ImportDeclaration)
-      .filter((path) => path.value.source.value === packageName).length > 0;
+	const exists: boolean =
+		base.find(j.ImportDeclaration).filter((path) => path.value.source.value === packageName)
+			.length > 0;
 
-  if (exists) {
-    return;
-  }
+	if (exists) {
+		return;
+	}
 
-  base
-    .find(j.ImportDeclaration)
-    .filter((path) => path.value.source.value === relativeToPackage)
-    .insertBefore(j.importDeclaration([], j.literal(packageName)));
+	base
+		.find(j.ImportDeclaration)
+		.filter((path) => path.value.source.value === relativeToPackage)
+		.insertBefore(j.importDeclaration([], j.literal(packageName)));
 }
 
 function addToImport({
-  j,
-  base,
-  importSpecifier,
-  packageName,
+	j,
+	base,
+	importSpecifier,
+	packageName,
 }: {
-  j: core.JSCodeshift;
-  base: Collection<any>;
-  importSpecifier: ImportSpecifier | ImportDefaultSpecifier;
-  packageName: string;
+	j: core.JSCodeshift;
+	base: Collection<any>;
+	importSpecifier: ImportSpecifier | ImportDefaultSpecifier;
+	packageName: string;
 }) {
-  base
-    .find(j.ImportDeclaration)
-    .filter((path) => path.value.source.value === packageName)
-    .replaceWith((declaration) => {
-      return j.importDeclaration(
-        [
-          // we are appending to the existing specifiers
-          // We are doing a filter hear because sometimes specifiers can be removed
-          // but they hand around in the declaration
-          ...(declaration.value.specifiers || []).filter(
-            (item) => item.type === 'ImportSpecifier' && item.imported != null,
-          ),
-          importSpecifier,
-        ],
-        j.literal(packageName),
-      );
-    });
+	base
+		.find(j.ImportDeclaration)
+		.filter((path) => path.value.source.value === packageName)
+		.replaceWith((declaration) => {
+			return j.importDeclaration(
+				[
+					// we are appending to the existing specifiers
+					// We are doing a filter hear because sometimes specifiers can be removed
+					// but they hand around in the declaration
+					...(declaration.value.specifiers || []).filter(
+						(item) => item.type === 'ImportSpecifier' && item.imported != null,
+					),
+					importSpecifier,
+				],
+				j.literal(packageName),
+			);
+		});
 }

package/codemods/__tests__/6.1.0-metadata-entry.ts

@@ -5,124 +5,124 @@ import transformer, { packageName } from '../6.1.0-metadata-entry';
 const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
 
 describe('Update imports', () => {
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
       import { metadata } from '${packageName}';
       console.log(metadata);
     `,
-    `
+		`
       import metadata from '${packageName}/metadata';
       console.log(metadata);
     `,
-    'should replace named metadata import from main entry point with default import from dedicated entry point',
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		'should replace named metadata import from main entry point with default import from dedicated entry point',
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
       import { metadata as data } from '${packageName}';
       console.log(data);
     `,
-    `
+		`
       import data from '${packageName}/metadata';
       console.log(data);
     `,
-    'should preserve renaming when converting from named import to default import',
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		'should preserve renaming when converting from named import to default import',
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
       import { a, metadata, b } from '${packageName}';
       console.log(metadata);
     `,
-    `
+		`
       import metadata from '${packageName}/metadata';
       import { a, b } from '${packageName}';
       console.log(metadata);
     `,
-    'should preserve other named imports',
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		'should preserve other named imports',
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
       import { a, metadata as data, b } from '${packageName}';
       console.log(data);
     `,
-    `
+		`
       import data from '${packageName}/metadata';
       import { a, b } from '${packageName}';
       console.log(data);
     `,
-    'should preserve other named imports, as well as metadata renaming',
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		'should preserve other named imports, as well as metadata renaming',
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
       import Icon, { a, metadata as data, b } from '${packageName}';
       console.log(a, data, b);
     `,
-    `
+		`
       import data from '${packageName}/metadata';
       import Icon, { a, b } from '${packageName}';
       console.log(a, data, b);
     `,
-    'should preserve other named imports and default import, as well as metadata renaming',
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		'should preserve other named imports and default import, as well as metadata renaming',
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
       import metadata from '${packageName}/metadata';
       console.log(metadata);
     `,
-    `
+		`
       import metadata from '${packageName}/metadata';
       console.log(metadata);
     `,
-    'should not affect existing good imports',
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		'should not affect existing good imports',
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
       import { metadata } from 'not-${packageName}';
     `,
-    `
+		`
       import { metadata } from 'not-${packageName}';
     `,
-    'should not affect other packages',
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		'should not affect other packages',
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
       import { metadata } from '${packageName}/foo';
     `,
-    `
+		`
       import { metadata } from '${packageName}/foo';
     `,
-    'should not affect other entrypoints',
-  );
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+		'should not affect other entrypoints',
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
       import { metadata } from '@atlaskit/icon';
       import { metadata as objectIconMetadata } from '@atlaskit/icon-object';
       import { metadata as fileTypeIconMetadata } from '@atlaskit/icon-file-type';
       import { metadata as priorityIconMetadata } from '@atlaskit/icon-priority';
     `,
-    `
+		`
       import { metadata } from '@atlaskit/icon';
       import { metadata as objectIconMetadata } from '@atlaskit/icon-object';
       import fileTypeIconMetadata from '@atlaskit/icon-file-type/metadata';
       import { metadata as priorityIconMetadata } from '@atlaskit/icon-priority';
     `,
-    'should work as expected on a real-world case',
-  );
+		'should work as expected on a real-world case',
+	);
 });

package/docs/0-intro.tsx

@@ -9,11 +9,11 @@ export default md`
 This package provides the collections of icons for the different types of content used across Atlassian products.
 
   ${(
-    <DocsContentTabs
-      tabs={[
-        { name: 'Usage', content: UsageTab },
-        { name: 'Props Definition', content: PropsDefinitionTab },
-      ]}
-    />
-  )}
+		<DocsContentTabs
+			tabs={[
+				{ name: 'Usage', content: UsageTab },
+				{ name: 'Props Definition', content: PropsDefinitionTab },
+			]}
+		/>
+	)}
 `;

package/docs/content/props-definition.tsx

@@ -2,10 +2,27 @@ import React from 'react';
 import { md, PropsTable } from '@atlaskit/docs';
 
 export default md`
+# Props
+
+This package utilizes the \`@atlaskit/icon\` component and accepts the following props:
+
   ${(
-    <PropsTable
-      heading="Props"
-      props={require('!!extract-react-types-loader!../../../../design-system/icon/src/extract-react-types/glyph-no-color-size')}
-    />
-  )}
+		<PropsTable
+			details={[
+				{
+					name: 'label',
+					type: 'string',
+					description:
+						'Text used to describe what the icon is in context. A label is needed when there is no pairing visible text next to the icon. An empty string marks the icon as presentation only.',
+				},
+				{
+					name: 'testId',
+					type: 'string',
+					description:
+						'A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.',
+				},
+			]}
+		/>
+	)}
+
 `;

package/docs/content/usage.tsx

@@ -6,9 +6,9 @@ export default md`
 ##
 ## Icon Explorer
   ${(
-    <p>
-      <IconExplorer />
-    </p>
-  )}
+		<p>
+			<IconExplorer />
+		</p>
+	)}
 
 `;

package/glyph/archive/16.d.ts

@@ -2,5 +2,5 @@ import { PureComponent } from 'react';
 import type { GlyphProps } from '@atlaskit/icon/types';
 
 export default class extends PureComponent<
-  Omit<GlyphProps, 'primaryColor' | 'secondaryColor' | 'size'>
+	Omit<GlyphProps, 'primaryColor' | 'secondaryColor' | 'size'>
 > {}

package/glyph/archive/16.js

@@ -1,7 +1,7 @@
 'use strict';
 
 Object.defineProperty(exports, '__esModule', {
-  value: true,
+	value: true,
 });
 exports.default = void 0;
 
@@ -10,22 +10,22 @@ var _react = _interopRequireDefault(require('react'));
 var _base = require('@atlaskit/icon/base');
 
 function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : { default: obj };
+	return obj && obj.__esModule ? obj : { default: obj };
 }
 
 const Archive16Icon = (props) =>
-  /*#__PURE__*/ _react.default.createElement(
-    _base.Icon,
-    Object.assign(
-      {
-        dangerouslySetGlyph: `<svg width="16" height="16" viewBox="0 0 16 16" role="presentation"><path fill="#758195" fill-rule="evenodd" d="M2 0h12a2 2 0 012 2v12a2 2 0 01-2 2H2a2 2 0 01-2-2V2a2 2 0 012-2zm4 3v2h2V3H6zm2 2v2h2V5H8zM6 7v2h2V7H6zm2 2v2h2V9H8zm-2.307 2v2h2v-2h-2z"/></svg>`,
-      },
-      props,
-      {
-        size: 'small',
-      },
-    ),
-  );
+	/*#__PURE__*/ _react.default.createElement(
+		_base.Icon,
+		Object.assign(
+			{
+				dangerouslySetGlyph: `<svg width="16" height="16" viewBox="0 0 16 16" role="presentation"><path fill="#758195" fill-rule="evenodd" d="M2 0h12a2 2 0 012 2v12a2 2 0 01-2 2H2a2 2 0 01-2-2V2a2 2 0 012-2zm4 3v2h2V3H6zm2 2v2h2V5H8zM6 7v2h2V7H6zm2 2v2h2V9H8zm-2.307 2v2h2v-2h-2z"/></svg>`,
+			},
+			props,
+			{
+				size: 'small',
+			},
+		),
+	);
 
 Archive16Icon.displayName = 'Archive16Icon';
 var _default = Archive16Icon;

package/glyph/archive/24.d.ts

@@ -2,5 +2,5 @@ import { PureComponent } from 'react';
 import type { GlyphProps } from '@atlaskit/icon/types';
 
 export default class extends PureComponent<
-  Omit<GlyphProps, 'primaryColor' | 'secondaryColor' | 'size'>
+	Omit<GlyphProps, 'primaryColor' | 'secondaryColor' | 'size'>
 > {}

package/glyph/archive/24.js

@@ -1,7 +1,7 @@
 'use strict';
 
 Object.defineProperty(exports, '__esModule', {
-  value: true,
+	value: true,
 });
 exports.default = void 0;
 
@@ -10,22 +10,22 @@ var _react = _interopRequireDefault(require('react'));
 var _base = require('@atlaskit/icon/base');
 
 function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : { default: obj };
+	return obj && obj.__esModule ? obj : { default: obj };
 }
 
 const Archive24Icon = (props) =>
-  /*#__PURE__*/ _react.default.createElement(
-    _base.Icon,
-    Object.assign(
-      {
-        dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="#758195" fill-rule="evenodd" d="M3 0h18a3 3 0 013 3v18a3 3 0 01-3 3H3a3 3 0 01-3-3V3a3 3 0 013-3zm6 3v3h3V3H9zm3 3v3h3V6h-3zM9 9v3h3V9H9zm3 3v3h3v-3h-3zm-3 3v3h3v-3H9zm3 3v3h3v-3h-3z"/></svg>`,
-      },
-      props,
-      {
-        size: 'medium',
-      },
-    ),
-  );
+	/*#__PURE__*/ _react.default.createElement(
+		_base.Icon,
+		Object.assign(
+			{
+				dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="#758195" fill-rule="evenodd" d="M3 0h18a3 3 0 013 3v18a3 3 0 01-3 3H3a3 3 0 01-3-3V3a3 3 0 013-3zm6 3v3h3V3H9zm3 3v3h3V6h-3zM9 9v3h3V9H9zm3 3v3h3v-3h-3zm-3 3v3h3v-3H9zm3 3v3h3v-3h-3z"/></svg>`,
+			},
+			props,
+			{
+				size: 'medium',
+			},
+		),
+	);
 
 Archive24Icon.displayName = 'Archive24Icon';
 var _default = Archive24Icon;

package/glyph/archive/48.d.ts

@@ -2,5 +2,5 @@ import { PureComponent } from 'react';
 import type { GlyphProps } from '@atlaskit/icon/types';
 
 export default class extends PureComponent<
-  Omit<GlyphProps, 'primaryColor' | 'secondaryColor' | 'size'>
+	Omit<GlyphProps, 'primaryColor' | 'secondaryColor' | 'size'>
 > {}