@atlaskit/forge-react-types 0.62.0 → 0.63.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/forge-react-types
 
+## 0.63.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.63.0
+
+### Minor Changes
+
+- [`a11e55ab6e41c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a11e55ab6e41c) -
+  Clean up unused files
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.62.0
 
 ### Minor Changes

package/dist/types/components/__generated__/InlineProps.codegen.d.ts

@@ -8,7 +8,7 @@
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/inline/__generated__/index.partial.tsx <<SignedSource::8123157b2afe19d52b47110fb754d43b>>
  */
 import React from 'react';
-import { Inline as PlatformInline } from '@atlaskit/primitives';
+import { Inline as PlatformInline } from "@atlaskit/primitives/compiled";
 type PlatformInlineProps = React.ComponentProps<typeof PlatformInline>;
 export type InlineProps = Pick<PlatformInlineProps, 'children' | 'alignBlock' | 'alignInline' | 'spread' | 'grow' | 'space' | 'shouldWrap' | 'separator' | 'rowSpace' | 'testId'>;
 /**

package/dist/types-ts4.5/components/__generated__/InlineProps.codegen.d.ts

@@ -8,7 +8,7 @@
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/inline/__generated__/index.partial.tsx <<SignedSource::8123157b2afe19d52b47110fb754d43b>>
  */
 import React from 'react';
-import { Inline as PlatformInline } from '@atlaskit/primitives';
+import { Inline as PlatformInline } from "@atlaskit/primitives/compiled";
 type PlatformInlineProps = React.ComponentProps<typeof PlatformInline>;
 export type InlineProps = Pick<PlatformInlineProps, 'children' | 'alignBlock' | 'alignInline' | 'spread' | 'grow' | 'space' | 'shouldWrap' | 'separator' | 'rowSpace' | 'testId'>;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/forge-react-types",
-	"version": "0.62.0",
+	"version": "0.63.1",
 	"description": "Component types for Forge UI Kit React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -27,8 +27,8 @@
 		"@atlaskit/dynamic-table": "^18.3.0",
 		"@atlaskit/form": "^15.3.0",
 		"@atlaskit/inline-edit": "^15.6.0",
-		"@atlaskit/modal-dialog": "^14.10.0",
-		"@atlaskit/navigation-system": "^5.34.0",
+		"@atlaskit/modal-dialog": "^14.11.0",
+		"@atlaskit/navigation-system": "^6.0.0",
 		"@atlaskit/object": "^1.0.0",
 		"@atlaskit/popup": "^4.13.0",
 		"@atlaskit/primitives": "^18.0.0",
@@ -56,7 +56,7 @@
 	},
 	"devDependencies": {
 		"@atlassian/codegen": "^0.1.0",
-		"@atlassian/forge-ui": "^32.82.0",
+		"@atlassian/forge-ui": "^32.88.0",
 		"@types/node": "^24.0.0",
 		"lodash": "^4.17.21",
 		"react": "^18.2.0",

package/scripts/codegen/codeGenerator.ts

@@ -185,26 +185,31 @@ class ImportDeclarationProxy implements IImportDeclaration {
 
 	public getText() {
 		const code = this.base.getText();
-		
-		const match = code.match(/^(import(?:\s+type)?)\s+(?:(\w+)\s*,?\s*)?(?:\{([^}]*)\})?\s*from\s*['"](.+)['"];?$/);
+
+		const match = code.match(
+			/^(import(?:\s+type)?)\s+(?:(\w+)\s*,?\s*)?(?:\{([^}]*)\})?\s*from\s*['"](.+)['"];?$/,
+		);
 		if (!match) {
 			return this.base.getText();
 		}
-		
+
 		let [_, importKeyword, defaultImport, namedImportsStr, packageName] = match;
-		
+
 		let namedImportsList = namedImportsStr
-			? namedImportsStr.trim().split(',').map((text) => text.trim()).filter(Boolean)
+			? namedImportsStr
+					.trim()
+					.split(',')
+					.map((text) => text.trim())
+					.filter(Boolean)
 			: [];
 
-
 		if (this.removedNamedImports.size > 0) {
 			namedImportsList = namedImportsList.filter((text) => !this.removedNamedImports.has(text));
 		}
 		if (this.addedNamedImports) {
 			namedImportsList = Array.from(new Set([...namedImportsList, ...this.addedNamedImports]));
 		}
-		
+
 		// Build the import statement
 		const parts: string[] = [];
 		if (defaultImport) {
@@ -213,12 +218,12 @@ class ImportDeclarationProxy implements IImportDeclaration {
 		if (namedImportsList.length > 0) {
 			parts.push(`{ ${namedImportsList.sort().join(', ')} }`);
 		}
-		
+
 		// If no imports left, don't output anything
 		if (parts.length === 0) {
 			return '';
 		}
-		
+
 		return `${importKeyword} ${parts.join(', ')} from '${packageName}';`;
 	}
 }
@@ -342,7 +347,10 @@ const mergeImportsFromSameModule = (code: string): string => {
 	}
 
 	// Add merged imports back
-	for (const [module, { typeOnly, regular, defaultImport, namespaceImport, isTypeOnly }] of importsByModule) {
+	for (const [
+		module,
+		{ typeOnly, regular, defaultImport, namespaceImport, isTypeOnly },
+	] of importsByModule) {
 		// Handle namespace imports separately (can't be combined with named imports)
 		if (namespaceImport) {
 			tempFile.addImportDeclaration({
@@ -384,7 +392,6 @@ const mergeImportsFromSameModule = (code: string): string => {
 	return tempFile.getFullText();
 };
 
-
 // handles imports from platform/packages/forge/forge-ui/src/components/UIKit/tokens.partial.tsx
 // (can be type-only imports OR mixed value/type imports)
 const isSharedUIKit2TokensImport = (importDeclaration: ImportDeclaration) => {
@@ -1005,11 +1012,11 @@ const extractImportsForVariables = (
 
 	for (const importDecl of imports) {
 		const moduleSpecifier = importDecl.getModuleSpecifierValue();
-		
+
 		// Handle imports from @atlaskit packages or tokens.partial file
 		const isAtlaskitImport = moduleSpecifier.startsWith('@atlaskit/');
 		const isTokensImport = isTokensPartialImport(moduleSpecifier);
-		
+
 		if (isAtlaskitImport || isTokensImport) {
 			const namedImports = importDecl.getNamedImports();
 			const isTypeOnlyImport = importDecl.isTypeOnly();
@@ -1039,7 +1046,7 @@ const extractImportsForVariables = (
 			if (usedNamedImports.length > 0 || usedTypeImports.length > 0) {
 				// Rewrite tokens.partial imports to tokens.codegen
 				const targetModule = isTokensImport ? './tokens.codegen' : moduleSpecifier;
-				
+
 				// Combine type and value imports into a single { } block
 				const allImports: string[] = [
 					...usedTypeImports.map((name) => `type ${name}`),
@@ -1090,7 +1097,7 @@ const handleXCSSProp: CodeConsolidator = ({
 		const xcssValidatorDeclarationCode = utilsFile.getEmitOutput({
 			emitOnlyDtsFiles: true,
 		}).compilerObject.outputFiles[0].text;
-		
+
 		const xcssValidatorVariableDeclarationCode = [
 			xcssValidatorDeclarationCode,
 			variableImportsCode,
@@ -1112,7 +1119,7 @@ const handleXCSSProp: CodeConsolidator = ({
 		]
 			.filter((code) => !!code)
 			.join('\n\n');
-		
+
 		// Merge duplicate imports from the same module (e.g., multiple tokens.codegen imports)
 		return mergeImportsFromSameModule(allCode);
 	} finally {

package/scripts/codegen/typeSerializer.ts

@@ -147,7 +147,9 @@ const flattenPickType = (
 				// Currently we only support union type with same property signatures or a superset signature
 				// as we assume this setup is to support gradual type changes behind feature flags.
 				// other use cases are not supported currently.
-				throw new Error(`Unsupported union prop type with multiple different property signatures, ${prop.getName()}`);
+				throw new Error(
+					`Unsupported union prop type with multiple different property signatures, ${prop.getName()}`,
+				);
 			}
 
 			const propertySignature = propertySignatures[0];
@@ -178,7 +180,9 @@ const extractPropertySignatures = (prop: TSSymbol): PropertySignature[] => {
 	if (!declarations) {
 		return [];
 	}
-	const signatures = declarations.filter((decl) => decl.getKind() === SyntaxKind.PropertySignature) as PropertySignature[];
+	const signatures = declarations.filter(
+		(decl) => decl.getKind() === SyntaxKind.PropertySignature,
+	) as PropertySignature[];
 	if (signatures.length <= 1) {
 		return signatures;
 	}
@@ -229,9 +233,11 @@ const isTypeAssignableTo = (prop: TSSymbol, sourceType: TSType, targetType: TSTy
 
 	// ts typecker has an intneral method `isTypeAssignableTo` we can leverage here:
 	//   https://github.com/microsoft/TypeScript/pull/56448
-	return (typeChecker as unknown as {
-		isTypeAssignableTo: (source: unknown, target: unknown) => boolean;
-	}).isTypeAssignableTo(sourceType.compilerType, targetType.compilerType);
+	return (
+		typeChecker as unknown as {
+			isTypeAssignableTo: (source: unknown, target: unknown) => boolean;
+		}
+	).isTypeAssignableTo(sourceType.compilerType, targetType.compilerType);
 };
 
 const getUnresolvableTypes = (tsType: TSType) => {

package/src/components/__generated__/InlineProps.codegen.tsx

@@ -10,7 +10,7 @@
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
 import React from 'react';
-import { Inline as PlatformInline } from '@atlaskit/primitives';
+import { Inline as PlatformInline } from "@atlaskit/primitives/compiled";
 
 type PlatformInlineProps = React.ComponentProps<typeof PlatformInline>;
 

package/src/components/charts/DonutChartProps.tsx

@@ -12,7 +12,7 @@ export type DonutChartProps = PieChartProps & {
 	/**
 	 * Adds a border onto the chart. Defaults to true.
 	 */
-	showBorder?: boolean; 
+	showBorder?: boolean;
 };
 
 /**

package/dist/cjs/components/__generated__/LinkMenuItemProps.codegen.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/es2019/components/__generated__/LinkMenuItemProps.codegen.js

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

package/dist/esm/components/__generated__/LinkMenuItemProps.codegen.js

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

package/src/components/__generated__/LinkMenuItemProps.codegen.tsx

@@ -1,116 +0,0 @@
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- *
- * Extract component prop types from UIKit 2 components - LinkMenuItemProps
- *
- * @codegen <<SignedSource::4a1f543c49be8d37af271ad72f46c373>>
- * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/link-menu-item/__generated__/index.partial.tsx <<SignedSource::8943197e8ce5439de1d6f88dda81d55b>>
- */
-/* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
-
-import React from 'react';
-import { LinkMenuItem as PlatformLinkMenuItem } from '@atlaskit/navigation-system/side-nav-items/link-menu-item';
-
-type PlatformLinkMenuItemProps = React.ComponentProps<typeof PlatformLinkMenuItem>;
-type Element = string | number | boolean | React.ReactNode;
-
-export type LinkMenuItemProps = Pick<
-	PlatformLinkMenuItemProps,
-	| 'children'
-	| 'testId'
-	| 'isContentTooltipDisabled'
-	| 'isDragging'
-	| 'hasDragIndicator'
-	| 'description'
-	| 'target'
-	| 'isSelected'
-	| 'href'
-	| 'elemBefore'
-	| 'elemAfter'
-	| 'actions'
-	| 'actionsOnHover'
-	| 'dropIndicator'
-> & {
-	/**
-	 * Called when the user has clicked on the trigger content.
-	 */
-	onClick?: () => void;
-	/**
-	 * `ReactNode` to be placed visually before the `children`.
-	 *
-	 * This `ReactNode` will be rendered visually on top of the main
-	 * interactive element for the menu item. If this element does not
-	 * contain an interactive element (`button` or `a`) then `pointer-events`
-	 * will be set to `none` on this slot so that users can click through
-	 * this element onto the main interactive element of the menu item.
-	 *
-	 * If you want to collapse the `elemBefore` so it takes up no space,
-	 * then pass in the `COLLAPSE_ELEM_BEFORE` symbol. Keep in mind that
-	 * collapsing the `elemBefore` can break visual alignment and
-	 * will make it difficult for users to visually distinguish levels
-	 * in the side navigation.
-	 *
-	 * @example
-	 *
-	 * ```tsx
-	 * <MenuItemButton elemBefore={<HomeIcon label="home" />}>Home</MenuItemButton>
-	 *
-	 * // collapse the elemBefore
-	 * <MenuItemButton elemBefore={COLLAPSE_ELEM_BEFORE}>Home</MenuItemButton>
-	 * ```
-	 */
-	elemBefore?: Element;
-	/**
-	 * `ReactNode` to be placed visually after the `children`.
-	 *
-	 * It is intended for static content (e.g. a `Lozenge`).
-	 *
-	 * If both `elemAfter` and `actionsOnHover` are provided, `elemAfter` will
-	 * not be displayed when the item is hovered over or expanded. This is
-	 * because the `actionsOnHover` will be displayed instead.
-	 *
-	 * This `ReactNode` will be rendered visually on top of the main
-	 * interactive element for the menu item. If this element does not
-	 * contain an interactive element (`button` or `a`) then `pointer-events`
-	 * will be set to `none` on this slot so that users can click through
-	 * this element onto the main interactive element of the menu item.
-	 */
-	elemAfter?: Element;
-	/**
-	 * `ReactNode` to be placed visually after the `children`.
-	 *
-	 * It is intended for additional actions (e.g. IconButtons).
-	 *
-	 * They will not be rendered when the menu item is disabled.
-	 */
-	actions?: Element;
-	/**
-	 * `ReactNode` to be placed visually after the `children` and will
-	 * only be displayed on hover or focus.
-	 *
-	 * It is intended for additional actions (e.g. IconButtons).
-	 *
-	 * This `ReactNode` will replace `elemAfter` on hover or focus.
-	 *
-	 * They will not be rendered when the menu item is disabled.
-	 *
-	 * This `ReactNode` will be rendered visually on top of the main
-	 * interactive element for the menu item. If this element does not
-	 * contain an interactive element (`button` or `a`) then `pointer-events`
-	 * will be set to `none` on this slot so that users can click through
-	 * this element onto the main interactive element of the menu item.
-	 */
-	actionsOnHover?: Element;
-	/**
-	 * A slot to render drop indicators for drag and drop operations on the menu item.
-	 */
-	dropIndicator?: Element;
-};
-
-/**
- * A menu item that is wrapped in an anchor tag <a>. This is the most common type of menu item, as most menu items are used to send people to another location.
- *
- * @see [LinkMenuItem](https://developer.atlassian.com/platform/forge/ui-kit/components/link-menu-item/) in UI Kit documentation for more information
- */
-export type TLinkMenuItem<T> = (props: LinkMenuItemProps) => T;