@atlaskit/forge-react-types 0.2.0 → 0.3.0

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

@@ -0,0 +1,112 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Index file for component prop types
+ *
+ * @codegen <<SignedSource::7aadd96e19946571168b6a8dac3d9a84>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency BadgeProps.codegen.tsx <<SignedSource::4759a95fede44eb7af89a4ada26252e9>>
+ * @codegenDependency BleedProps.codegen.tsx <<SignedSource::376f3f60ae6c1912e80b568958802fb5>>
+ * @codegenDependency BoxProps.codegen.tsx <<SignedSource::4ced3eed4de7f562539dd8a769a6871d>>
+ * @codegenDependency ButtonGroupProps.codegen.tsx <<SignedSource::a529cee05261919cb2eccacb9837aed0>>
+ * @codegenDependency ButtonProps.codegen.tsx <<SignedSource::cc45a3581574c0496c410cbba542fa50>>
+ * @codegenDependency CheckboxProps.codegen.tsx <<SignedSource::64e2dd8eb8b122646e0a11c5a029a4d6>>
+ * @codegenDependency CodeBlockProps.codegen.tsx <<SignedSource::54097e23c683ba0621cb0c224cbdee7a>>
+ * @codegenDependency CodeProps.codegen.tsx <<SignedSource::bc1c608d36eb55ac7c4eb0545c4beda3>>
+ * @codegenDependency DatePickerProps.codegen.tsx <<SignedSource::91eb5f1515fdb028c2916d07b59ea49a>>
+ * @codegenDependency DynamicTableProps.codegen.tsx <<SignedSource::a515b50fd70a7fc6bc821f42852a6c22>>
+ * @codegenDependency ErrorMessageProps.codegen.tsx <<SignedSource::63e86a9739201928809df1932f0ceec9>>
+ * @codegenDependency FlexProps.codegen.tsx <<SignedSource::93c0da4d6aad38e9a93dac738a15c7e4>>
+ * @codegenDependency FormFooterProps.codegen.tsx <<SignedSource::3c26d17eab08af0dfa1beabfc6065d18>>
+ * @codegenDependency FormHeaderProps.codegen.tsx <<SignedSource::1327f7e4c259cd2d5c1bf3198cc8c1eb>>
+ * @codegenDependency FormProps.codegen.tsx <<SignedSource::22baf31090e921045516d5295e2226ef>>
+ * @codegenDependency FormSectionProps.codegen.tsx <<SignedSource::43e20fc89b7abc977b8f10fd61ba6ea7>>
+ * @codegenDependency GridProps.codegen.tsx <<SignedSource::8887e674f7f9420766714b0bf196b7f7>>
+ * @codegenDependency HeadingProps.codegen.tsx <<SignedSource::e34844b4af1a7c827505fe3ff587eda9>>
+ * @codegenDependency HelperMessageProps.codegen.tsx <<SignedSource::8afdecf85bd6b2539ac011e4f5249b09>>
+ * @codegenDependency IconProps.codegen.tsx <<SignedSource::24314f42437fe2bf4e2693316b97bb74>>
+ * @codegenDependency InlineProps.codegen.tsx <<SignedSource::db16fe89fabe2d38cad0e3e5695311b3>>
+ * @codegenDependency LabelProps.codegen.tsx <<SignedSource::32b9d05796f68e57b79ad99d6c37d246>>
+ * @codegenDependency LinkButtonProps.codegen.tsx <<SignedSource::9d91758a306a8ad6dadcd2693603ca0c>>
+ * @codegenDependency LoadingButtonProps.codegen.tsx <<SignedSource::8db1bb8fad98a6f0d577c0f55e30d679>>
+ * @codegenDependency LozengeProps.codegen.tsx <<SignedSource::c86999e2a1fe9b87875459efc6d1af33>>
+ * @codegenDependency ModalBodyProps.codegen.tsx <<SignedSource::6334d6fdaf3e76d9fc9d710cf42234d5>>
+ * @codegenDependency ModalFooterProps.codegen.tsx <<SignedSource::eecf7fe1ddc6117c2d3560628516c838>>
+ * @codegenDependency ModalHeaderProps.codegen.tsx <<SignedSource::ec8e765097976152214a7471b7eed135>>
+ * @codegenDependency ModalProps.codegen.tsx <<SignedSource::33db675e8df4e8e0ffc05aa956c2980b>>
+ * @codegenDependency ModalTitleProps.codegen.tsx <<SignedSource::7c78fd55d30aa60dd9335eb29c5e10d8>>
+ * @codegenDependency ModalTransitionProps.codegen.tsx <<SignedSource::eae5bf2abf85a1a39c377b0da0f7a1ed>>
+ * @codegenDependency ProgressBarProps.codegen.tsx <<SignedSource::b27527e77286c102eac2a4aa3ed6585a>>
+ * @codegenDependency ProgressTrackerProps.codegen.tsx <<SignedSource::75a7d6d27ff905f2e1ed85668749aec0>>
+ * @codegenDependency RadioGroupProps.codegen.tsx <<SignedSource::1ad039c8add4a5cbbbfcb0297330f608>>
+ * @codegenDependency RadioProps.codegen.tsx <<SignedSource::96e4c026daaf1aec3bf68aea545556d7>>
+ * @codegenDependency RangeProps.codegen.tsx <<SignedSource::4cb6e9003e3ad70a198b218708b324a4>>
+ * @codegenDependency SectionMessageActionProps.codegen.tsx <<SignedSource::190b8417f32673d5e54cd206ea0c76d0>>
+ * @codegenDependency SectionMessageProps.codegen.tsx <<SignedSource::dad8a3d213b5863972ea115389c33fdc>>
+ * @codegenDependency SelectProps.codegen.tsx <<SignedSource::5c1824fd709a27eb74098e537e7f3541>>
+ * @codegenDependency SpinnerProps.codegen.tsx <<SignedSource::602b1cc246e020dd7f32222a4d6bbb6e>>
+ * @codegenDependency StackProps.codegen.tsx <<SignedSource::11eaa0ce90d5dd36a8ca57a03f01afe6>>
+ * @codegenDependency TabListProps.codegen.tsx <<SignedSource::ba3257cc8f382811ae1630adc50c4fac>>
+ * @codegenDependency TabPanelProps.codegen.tsx <<SignedSource::dda2f64bb72b6b2d308412f1f9dae114>>
+ * @codegenDependency TabProps.codegen.tsx <<SignedSource::6edd2e77416e83af2879893b06c1e004>>
+ * @codegenDependency TabsProps.codegen.tsx <<SignedSource::014a7bfcca5304d7bb613a53d9117d01>>
+ * @codegenDependency TagGroupProps.codegen.tsx <<SignedSource::e8e2bd37a4b5175ff1bf296b465ef727>>
+ * @codegenDependency TagProps.codegen.tsx <<SignedSource::86aff9005e1db842009ece108d61a6b1>>
+ * @codegenDependency TextAreaProps.codegen.tsx <<SignedSource::f79b76692f21e787a29f04f379710f32>>
+ * @codegenDependency TextfieldProps.codegen.tsx <<SignedSource::f029b18bd851bfca81384b61b12ba04b>>
+ * @codegenDependency ToggleProps.codegen.tsx <<SignedSource::4cf587b7a202a52ddb50db0157c2b0e5>>
+ * @codegenDependency TooltipProps.codegen.tsx <<SignedSource::aa2be4a5cb38eecf50dd652836a3e6ad>>
+ * @codegenDependency ValidMessageProps.codegen.tsx <<SignedSource::3498c77c19604ab5b3b2800fee3e75b3>>
+ */
+export type { BadgeProps } from './BadgeProps.codegen';
+export type { BleedProps } from './BleedProps.codegen';
+export type { BoxProps } from './BoxProps.codegen';
+export type { ButtonGroupProps } from './ButtonGroupProps.codegen';
+export type { ButtonProps } from './ButtonProps.codegen';
+export type { CheckboxProps } from './CheckboxProps.codegen';
+export type { CodeBlockProps } from './CodeBlockProps.codegen';
+export type { CodeProps } from './CodeProps.codegen';
+export type { DatePickerProps } from './DatePickerProps.codegen';
+export type { DynamicTableProps } from './DynamicTableProps.codegen';
+export type { ErrorMessageProps } from './ErrorMessageProps.codegen';
+export type { FlexProps } from './FlexProps.codegen';
+export type { FormFooterProps } from './FormFooterProps.codegen';
+export type { FormHeaderProps } from './FormHeaderProps.codegen';
+export type { FormProps } from './FormProps.codegen';
+export type { FormSectionProps } from './FormSectionProps.codegen';
+export type { GridProps } from './GridProps.codegen';
+export type { HeadingProps } from './HeadingProps.codegen';
+export type { HelperMessageProps } from './HelperMessageProps.codegen';
+export type { IconProps } from './IconProps.codegen';
+export type { InlineProps } from './InlineProps.codegen';
+export type { LabelProps } from './LabelProps.codegen';
+export type { LinkButtonProps } from './LinkButtonProps.codegen';
+export type { LoadingButtonProps } from './LoadingButtonProps.codegen';
+export type { LozengeProps } from './LozengeProps.codegen';
+export type { ModalBodyProps } from './ModalBodyProps.codegen';
+export type { ModalFooterProps } from './ModalFooterProps.codegen';
+export type { ModalHeaderProps } from './ModalHeaderProps.codegen';
+export type { ModalProps } from './ModalProps.codegen';
+export type { ModalTitleProps } from './ModalTitleProps.codegen';
+export type { ModalTransitionProps } from './ModalTransitionProps.codegen';
+export type { ProgressBarProps } from './ProgressBarProps.codegen';
+export type { ProgressTrackerProps } from './ProgressTrackerProps.codegen';
+export type { RadioGroupProps } from './RadioGroupProps.codegen';
+export type { RadioProps } from './RadioProps.codegen';
+export type { RangeProps } from './RangeProps.codegen';
+export type { SectionMessageActionProps } from './SectionMessageActionProps.codegen';
+export type { SectionMessageProps } from './SectionMessageProps.codegen';
+export type { SelectProps } from './SelectProps.codegen';
+export type { SpinnerProps } from './SpinnerProps.codegen';
+export type { StackProps } from './StackProps.codegen';
+export type { TabListProps } from './TabListProps.codegen';
+export type { TabPanelProps } from './TabPanelProps.codegen';
+export type { TabProps } from './TabProps.codegen';
+export type { TabsProps } from './TabsProps.codegen';
+export type { TagGroupProps } from './TagGroupProps.codegen';
+export type { SimpleTagProps as TagProps } from './TagProps.codegen';
+export type { TextAreaProps } from './TextAreaProps.codegen';
+export type { TextfieldProps } from './TextfieldProps.codegen';
+export type { ToggleProps } from './ToggleProps.codegen';
+export type { TooltipProps } from './TooltipProps.codegen';
+export type { ValidMessageProps } from './ValidMessageProps.codegen';

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

@@ -0,0 +1,32 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Shared types file from UIKit 2
+ *
+ * @codegen <<SignedSource::876fcb93a6505f3c3d8febc6657b1016>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/types.ts <<SignedSource::4c43233e6c4a02225fbb326afeddd9f7>>
+ */
+export type SerialisableEvent = {
+    bubbles: boolean;
+    cancelable: boolean;
+    defaultPrevented: boolean;
+    eventPhase: number;
+    isTrusted: boolean;
+    nativeEvent: any;
+    target: {
+        value?: any;
+        checked?: boolean;
+        name?: string;
+        id?: string;
+        tagName?: string;
+        type?: string;
+    };
+    timeStamp: number;
+    type: string;
+};
+export type EventHandlerProps = {
+    onChange?: (event: SerialisableEvent) => void;
+    onBlur?: (event: SerialisableEvent) => void;
+    onFocus?: (event: SerialisableEvent) => void;
+};

package/dist/types-ts4.5/index.d.ts

@@ -1 +1 @@
-export type { BadgeProps, BleedProps, BoxProps, ButtonGroupProps, ButtonProps, CheckboxProps, CodeBlockProps, CodeProps, DatePickerProps, DynamicTableProps, ErrorMessageProps, FlexProps, FormFooterProps, FormHeaderProps, FormProps, FormSectionProps, GridProps, HeadingProps, HelperMessageProps, IconProps, InlineProps, LabelProps, LinkButtonProps, LoadingButtonProps, LozengeProps, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, ModalTitleProps, ModalTransitionProps, ProgressBarProps, ProgressTrackerProps, RadioGroupProps, RadioProps, RangeProps, SectionMessageActionProps, SectionMessageProps, SelectProps, SpinnerProps, StackProps, TabListProps, TabPanelProps, TabProps, TabsProps, TagGroupProps, TagProps, TextAreaProps, TextfieldProps, ToggleProps, TooltipProps, ValidMessageProps, } from './components/__generated__';
+export type { BadgeProps, BleedProps, BoxProps, ButtonGroupProps, ButtonProps, CheckboxProps, CodeBlockProps, CodeProps, DatePickerProps, DynamicTableProps, ErrorMessageProps, FlexProps, FormFooterProps, FormHeaderProps, FormProps, FormSectionProps, GridProps, HeadingProps, HelperMessageProps, IconProps, InlineProps, LabelProps, LinkButtonProps, LoadingButtonProps, LozengeProps, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, ModalTitleProps, ModalTransitionProps, ProgressBarProps, ProgressTrackerProps, RadioGroupProps, RadioProps, RangeProps, SectionMessageActionProps, SectionMessageProps, SelectProps, SpinnerProps, StackProps, TabListProps, TabPanelProps, TabProps, TabsProps, TagGroupProps, TagProps, TextAreaProps, TextfieldProps, ToggleProps, TooltipProps, ValidMessageProps, } from './components/__generated__/index.codegen';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/forge-react-types",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Component types for Forge UI Kit React components",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@atlaskit/badge": "^15.2.0",
-    "@atlaskit/button": "^17.3.0",
+    "@atlaskit/button": "^17.4.0",
     "@atlaskit/checkbox": "^13.0.0",
     "@atlaskit/code": "^15.1.0",
     "@atlaskit/dynamic-table": "^14.14.0",

package/scripts/codegen/codeGenerator.ts

@@ -125,24 +125,37 @@ class ImportDeclarationProxy {
   }
 
   public getText() {
+    const code = this.base.getText();
+    const match = code.match(
+      /^(import |import type ){(.+)} from ['"](.+)['"];$/,
+    );
+    if (!match) {
+      return this.base.getText();
+    }
+    let [_, importStatement, importedNames, packageName] = match;
+    importedNames = importedNames.trim();
+
+    if (isSharedUIKit2TypesImport(this.base)) {
+      packageName = './types.codegen';
+    }
     if (this.removedNamedImports.size > 0) {
-      const code = this.base.getText();
-      const matches = code.match(
-        /^(import |import type ){(.+)} from \'(.+)\';$/,
-      )!;
-      const importedNames = matches[2]!
+      importedNames = importedNames!
         .split(',')
         .map((text) => text.trim())
-        .filter((text) => !this.removedNamedImports.has(text));
-
-      return `${matches[1]}{ ${importedNames.join(', ')} } from '${
-        matches[3]
-      }';`;
+        .filter((text) => !this.removedNamedImports.has(text))
+        .join(', ');
     }
-    return this.base.getText();
+    return `${importStatement}{ ${importedNames} } from '${packageName}';`;
   }
 }
 
+const isSharedUIKit2TypesImport = (importDeclaration: ImportDeclaration) => {
+  return (
+    importDeclaration.isTypeOnly() &&
+    importDeclaration.getModuleSpecifierValue() === '../../types'
+  );
+};
+
 const extractImportDeclarations = (
   sourceFile: SourceFile,
   componentPropSymbol: Symbol,
@@ -161,9 +174,14 @@ const extractImportDeclarations = (
     .getImportDeclarations()
     .filter((declaration) => {
       const moduleSpecifier = declaration.getModuleSpecifierValue();
-      // only keep dependencies from @atlaskit and react
+      // only keep dependencies from
+      // - @atlaskit
+      // - react
+      // - or '../../types'
       return (
-        moduleSpecifier.startsWith('@atlaskit/') || moduleSpecifier === 'react'
+        moduleSpecifier.startsWith('@atlaskit/') ||
+        moduleSpecifier === 'react' ||
+        isSharedUIKit2TypesImport(declaration)
       );
     })
     .reduce<ImportDeclarationProxy[]>((declarations, declaration) => {

package/scripts/codegen/componentPropTypes.ts

@@ -114,7 +114,7 @@ const generateComponentPropTypeSourceFiles = (
         );
         const sourceFilePath = resolve(
           componentOutputDir,
-          `${componentSymbol.getName()}.tsx`,
+          `${componentSymbol.getName()}.codegen.tsx`,
         );
 
         const signedSourceCode = createSignedArtifact(
@@ -156,21 +156,21 @@ const generateComponentIndexSourceFile = (
       const componentName = symbol.getName();
       const componentAliasedName = symbol.getAliasedSymbol()?.getName();
       if (componentName !== componentAliasedName) {
-        return `export type { ${componentAliasedName} as ${componentName} } from './${componentName}';`;
+        return `export type { ${componentAliasedName} as ${componentName} } from './${componentName}.codegen';`;
       } else {
-        return `export type { ${componentName} } from './${componentName}';`;
+        return `export type { ${componentName} } from './${componentName}.codegen';`;
       }
     })
     .join('\n');
 
-  const indexFilePath = resolve(componentOutputDir, 'index.ts');
+  const indexFilePath = resolve(componentOutputDir, 'index.codegen.ts');
   const signedIndexFileContent = createSignedArtifact(
     indexFileContent,
     'yarn workspace @atlaskit/forge-react-types codegen',
     {
       description: 'Index file for component prop types',
       dependencies: componentPropTypeSymbols.map(
-        (symbol) => `${componentOutputDir}/${symbol.getName()}.tsx`,
+        (symbol) => `${componentOutputDir}/${symbol.getName()}.codegen.tsx`,
       ),
       outputFolder: componentOutputDir,
     },
@@ -228,6 +228,32 @@ const updatePackageJsonWithADSComponentDependencies = (
   fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
 };
 
+/**
+ * This copies types file from the types file in UIKit2-codegen
+ * to __generated__ folder.
+ */
+const generateSharedTypesFile = (componentOutputDir: string) => {
+  // eslint-disable-next-line no-console
+  console.log('Generating shared types file');
+
+  const uiKit2TypesFile = require.resolve(
+    '@atlassian/forge-ui/src/components/UIKit2-codegen/types',
+  );
+
+  const signedSourceCode = createSignedArtifact(
+    fs.readFileSync(uiKit2TypesFile, 'utf8'),
+    'yarn workspace @atlaskit/forge-react-types codegen',
+    {
+      description: 'Shared types file from UIKit 2',
+      dependencies: [uiKit2TypesFile],
+      outputFolder: componentOutputDir,
+    },
+  );
+
+  const typesFilePath = resolve(componentOutputDir, 'types.codegen.ts');
+  fs.writeFileSync(typesFilePath, signedSourceCode);
+};
+
 const generateComponentPropTypes = (componentPropTypeFilter?: string) => {
   const componentOutputDir = resolve(
     __dirname,
@@ -248,6 +274,9 @@ const generateComponentPropTypes = (componentPropTypeFilter?: string) => {
       )
       .sort((a, b) => a.getName().localeCompare(b.getName()));
 
+    // generate share types file first
+    generateSharedTypesFile(componentOutputDir);
+
     generateComponentPropTypeSourceFiles(
       componentOutputDir,
       componentPropTypeSymbols,

package/src/components/__generated__/{BadgeProps.tsx → BadgeProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - BadgeProps
  *
- * @codegen <<SignedSource::2fbe160d8dbaa5994c6bd060dfb6e158>>
+ * @codegen <<SignedSource::88e5e3b2692aa5f5b4473dcf6066304e>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/badge/__generated__/index.partial.tsx <<SignedSource::99a8452447cc815e7da3a666695e119a>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/badge/__generated__/index.partial.tsx <<SignedSource::98926ad4bb93c66ad5993ecf470ee3e8>>
  */
 import React from 'react';
 import PlatformBadge from '@atlaskit/badge';

package/src/components/__generated__/{BleedProps.tsx → BleedProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - BleedProps
  *
- * @codegen <<SignedSource::c664393342a11cfe3e6981ec48d7624b>>
+ * @codegen <<SignedSource::1160994fcafec858919d6bb3ba7cdc94>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/bleed/__generated__/index.partial.tsx <<SignedSource::a689d813580adfbbe9b5e58254807b1d>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/bleed/__generated__/index.partial.tsx <<SignedSource::6968600b1c84438aac40ce8740276aa1>>
  */
 import React from 'react';
 import { Bleed as PlatformBleed } from '@atlaskit/primitives';

package/src/components/__generated__/{BoxProps.tsx → BoxProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - BoxProps
  *
- * @codegen <<SignedSource::f944bf8c402e5ee3db834cccae245e97>>
+ * @codegen <<SignedSource::8309292dff495dc1e8e24268d3958b56>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/box/__generated__/index.partial.tsx <<SignedSource::569858ee5138d1211836ec105de370c8>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/box/__generated__/index.partial.tsx <<SignedSource::391296376275f3173652baee432184f1>>
  */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
 

package/src/components/__generated__/{ButtonGroupProps.tsx → ButtonGroupProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ButtonGroupProps
  *
- * @codegen <<SignedSource::c15ba63a6c057b08d5e3f07fd8b6d0c8>>
+ * @codegen <<SignedSource::19af9b93152efbb073d884ff4fac1f61>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/button/__generated__/button-group.partial.tsx <<SignedSource::cc53737d6835f3b738922c54757a917e>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/button/__generated__/button-group.partial.tsx <<SignedSource::0503cf417784c7976c74427bd182fb5b>>
  */
 import React from 'react';
 import { ButtonGroup as PlatformButtonGroup } from '@atlaskit/button';

package/src/components/__generated__/{ButtonProps.tsx → ButtonProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ButtonProps
  *
- * @codegen <<SignedSource::608a03bb653872bfa96dea8698d7d098>>
+ * @codegen <<SignedSource::f46cd7df1d740d87e0a23d2e44921e72>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/button/__generated__/index.partial.tsx <<SignedSource::02de95b15ee84f580bd4604609e70c7a>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/button/__generated__/index.partial.tsx <<SignedSource::628a1f3a3851bb39a0d280c0d69d46ea>>
  */
 import type { ButtonProps as PlatformButtonProps } from '@atlaskit/button/new';
 

package/src/components/__generated__/{CheckboxProps.tsx → CheckboxProps.codegen.tsx}

@@ -3,12 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - CheckboxProps
  *
- * @codegen <<SignedSource::8d0ddabdc5002a21f2d027682603f483>>
+ * @codegen <<SignedSource::c3f249f62fc1e2dab7bc6a21a0681633>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/checkbox/__generated__/index.partial.tsx <<SignedSource::20cdaf08144c5d6278ec3789bcf45eba>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/checkbox/__generated__/index.partial.tsx <<SignedSource::e85d1dd9754f25c100758622ff6d2d91>>
  */
 import React from 'react';
 import PlatformCheckbox from '@atlaskit/checkbox';
+import type { EventHandlerProps } from './types.codegen';
 
 type PlatformCheckboxProps = React.ComponentProps<typeof PlatformCheckbox>;
 
@@ -16,4 +17,4 @@ export type CheckboxProps = Pick<
   PlatformCheckboxProps,
   'testId' | 'defaultChecked' | 'isChecked' | 'isIndeterminate' | 'label'
  | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'
->;
+> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;

package/src/components/__generated__/{CodeBlockProps.tsx → CodeBlockProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - CodeBlockProps
  *
- * @codegen <<SignedSource::acb7589d93437f14bb10b34a87bc77c3>>
+ * @codegen <<SignedSource::d4533ef25ab097e5eff61f8909de341c>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/code/__generated__/codeblock.partial.tsx <<SignedSource::36e259b9b68d1f48a7f37473dcc86f82>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/code/__generated__/codeblock.partial.tsx <<SignedSource::01dab0b264bc1c4ef7d31753f6c4b1e2>>
  */
 import React from 'react';
 import { CodeBlock as PlatformCodeBlock } from '@atlaskit/code';

package/src/components/__generated__/{CodeProps.tsx → CodeProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - CodeProps
  *
- * @codegen <<SignedSource::d9b3839b321df26c210ca9963554a9b3>>
+ * @codegen <<SignedSource::812783f2997b92e3d497935b456cd3c1>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/code/__generated__/code.partial.tsx <<SignedSource::fb6cd9ec17fcecf5fa2d0e39e9dc0f91>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/code/__generated__/code.partial.tsx <<SignedSource::bad4701f8f05f255eac70fac9d7ee5d0>>
  */
 import React from 'react';
 import { Code as PlatformCode } from '@atlaskit/code';

package/src/components/__generated__/{DatePickerProps.tsx → DatePickerProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - DatePickerProps
  *
- * @codegen <<SignedSource::2102d4591ec86d21c3312e927e12d0a6>>
+ * @codegen <<SignedSource::729d01fec7c29e9c8fc03fc740ccb543>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/datepicker/__generated__/index.partial.tsx <<SignedSource::b0a7eca1e98b94d2e50317050e3de697>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/datepicker/__generated__/index.partial.tsx <<SignedSource::91bf6e6050f3c67ce8cd3ac49ccc14e1>>
  */
 export interface FieldProps {
   id: string;

package/src/components/__generated__/{DynamicTableProps.tsx → DynamicTableProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - DynamicTableProps
  *
- * @codegen <<SignedSource::f81add87c2f7438640309edfb4a24f2b>>
+ * @codegen <<SignedSource::8b04874579e3370bf65d66c376e70709>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/dynamictable/__generated__/index.partial.tsx <<SignedSource::4a9a4e06a29e22351544108eaa81f87e>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/dynamictable/__generated__/index.partial.tsx <<SignedSource::9c044f09ae44854b9f861a93462c004a>>
  */
 import type { RowType, StatefulProps } from '@atlaskit/dynamic-table/types';
 

package/src/components/__generated__/{ErrorMessageProps.tsx → ErrorMessageProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ErrorMessageProps
  *
- * @codegen <<SignedSource::e06b8f2a1b0806c23aa2e60c92496071>>
+ * @codegen <<SignedSource::043c27c521e3eedabb164cf9d7988546>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/form/__generated__/error-message.partial.tsx <<SignedSource::c861b69951ece4979f78212c0a4adebf>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/form/__generated__/error-message.partial.tsx <<SignedSource::cf5614f7258c1dbcd820f015a9939d4f>>
  */
 import React from 'react';
 import { ErrorMessage as PlatformErrorMessage } from '@atlaskit/form';

package/src/components/__generated__/{FlexProps.tsx → FlexProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - FlexProps
  *
- * @codegen <<SignedSource::f19c76b26ba51f8b2894e41fa0fdded5>>
+ * @codegen <<SignedSource::f8cf7fcd48be584224dc9b3dbbb9d394>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/flex/__generated__/index.partial.tsx <<SignedSource::168fd51a4f1ecb42eebcbe7af273a72a>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/flex/__generated__/index.partial.tsx <<SignedSource::752cb9176f453cb3422d13a493b64a06>>
  */
 import React from 'react';
 import { Flex as PlatformFlex } from '@atlaskit/primitives';

package/src/components/__generated__/{FormFooterProps.tsx → FormFooterProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - FormFooterProps
  *
- * @codegen <<SignedSource::a320a45e2726450da8f9af6eb0cc91b0>>
+ * @codegen <<SignedSource::43492ab8565ab989e11d9723127780e8>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/form/__generated__/form-footer.partial.tsx <<SignedSource::48598ee9bb091f4a0c034f3e0ce775dd>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/form/__generated__/form-footer.partial.tsx <<SignedSource::77900dd9161491921c19a5cdf4d946fa>>
  */
 import React from 'react';
 import { FormFooter as PlatformFormFooter } from '@atlaskit/form';

package/src/components/__generated__/{FormHeaderProps.tsx → FormHeaderProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - FormHeaderProps
  *
- * @codegen <<SignedSource::f8c3507b0b60b7ae13c50fc98dd1ae6a>>
+ * @codegen <<SignedSource::d3f8f97b43022874e0e72b01cb3cde26>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/form/__generated__/form-header.partial.tsx <<SignedSource::39113f36661ff88dc89bcb117a37304b>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/form/__generated__/form-header.partial.tsx <<SignedSource::c36f5c7f449264ec064fa87a31c59aac>>
  */
 import React from 'react';
 import { FormHeader as PlatformFormHeader } from '@atlaskit/form';

package/src/components/__generated__/{FormSectionProps.tsx → FormSectionProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - FormSectionProps
  *
- * @codegen <<SignedSource::dc630588ad0a19e1ae38afa888a3b420>>
+ * @codegen <<SignedSource::f2f278bd367375f55c65278b7d7d41f6>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/form/__generated__/form-section.partial.tsx <<SignedSource::50d0a61d9d56b110eace75f07e56d508>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/form/__generated__/form-section.partial.tsx <<SignedSource::269fe7e10116f1d3efb230d71be20201>>
  */
 import React from 'react';
 import { FormSection as PlatformFormSection } from '@atlaskit/form';

package/src/components/__generated__/{GridProps.tsx → GridProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - GridProps
  *
- * @codegen <<SignedSource::097f3af17546735aac80cf542f51d61b>>
+ * @codegen <<SignedSource::60e56f4ba271fccb01ee83e02659eb52>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/grid/__generated__/index.partial.tsx <<SignedSource::2d697df76d89f0198e340dbf8b3ea0b7>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/grid/__generated__/index.partial.tsx <<SignedSource::7f93ba0404d4e15e02f70341e423b955>>
  */
 import React from 'react';
 import { Grid as PlatformGrid } from '@atlaskit/primitives';

package/src/components/__generated__/{HeadingProps.tsx → HeadingProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - HeadingProps
  *
- * @codegen <<SignedSource::8409a2eefa3cf7f5f771289a92442ef8>>
+ * @codegen <<SignedSource::ae49850092f52f5b01d116d164497400>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/heading/__generated__/index.partial.tsx <<SignedSource::fc98f8d0850307517dae4997972db5e8>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/heading/__generated__/index.partial.tsx <<SignedSource::c670f51a89bebb6eadb93329bbdb782e>>
  */
 import type { HeadingProps as PlatformHeadingProps } from '@atlaskit/heading';
 

package/src/components/__generated__/{HelperMessageProps.tsx → HelperMessageProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - HelperMessageProps
  *
- * @codegen <<SignedSource::80e8ed96a674022803bf841a07b1b52a>>
+ * @codegen <<SignedSource::59e9fb7015ea25debca2d2e76f3cd06f>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/form/__generated__/helper-message.partial.tsx <<SignedSource::7d5a77281465f008cd2e410ad300f047>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/form/__generated__/helper-message.partial.tsx <<SignedSource::d1e1f32008dd59b88fd1e3da5df837eb>>
  */
 import React from 'react';
 import { HelperMessage as PlatformHelperMessage } from '@atlaskit/form';

package/src/components/__generated__/{IconProps.tsx → IconProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - IconProps
  *
- * @codegen <<SignedSource::33532124ac109ea5b16e1e91ba1673b8>>
+ * @codegen <<SignedSource::e254ae748261935de2f8a7c0367be07f>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/icon/__generated__/index.tsx <<SignedSource::9fd5a375c148857f075fd32899c9d549>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/icon/index.tsx <<SignedSource::cb2fcb68bfe27383995892c05cd46438>>
  */
 export type Icon =
   | 'activity'

package/src/components/__generated__/{InlineProps.tsx → InlineProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - InlineProps
  *
- * @codegen <<SignedSource::302f0fa81fc685d57f0326bb9111c17d>>
+ * @codegen <<SignedSource::1f9b9835477c3248e8ab5d01e9cdc22a>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/inline/__generated__/index.partial.tsx <<SignedSource::4a3f3a9d4d2b0d12eeda6c24d041cb0b>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/inline/__generated__/index.partial.tsx <<SignedSource::050cb8647981a5e0272677d7903f51eb>>
  */
 import React from 'react';
 import { Inline as PlatformInline } from '@atlaskit/primitives';

package/src/components/__generated__/{LabelProps.tsx → LabelProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - LabelProps
  *
- * @codegen <<SignedSource::940e5ceb265f6c2d92a9fc72d4cd4db8>>
+ * @codegen <<SignedSource::4c79f2b089fe0afcea291d8f5655d57a>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/form/__generated__/label.partial.tsx <<SignedSource::cecec41306c2fe5565700b3c481ba2f8>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/form/__generated__/label.partial.tsx <<SignedSource::e1c6d682749276a49423595730d2375d>>
  */
 import type { LabelProps as PlatformLabelProps } from '@atlaskit/form';
 

package/src/components/__generated__/{LinkButtonProps.tsx → LinkButtonProps.codegen.tsx}

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - LinkButtonProps
  *
- * @codegen <<SignedSource::944d0c7686c2050c3d5586b92bf6716f>>
+ * @codegen <<SignedSource::e3fa155b7ca29460a45a17e30e0b1bd8>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/button/__generated__/link-button.partial.tsx <<SignedSource::3e4e4b56ef4f08eeb08f0a7f9347aca6>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/button/__generated__/link-button.partial.tsx <<SignedSource::d516ed440c441e31394b52f2a8df6b2f>>
  */
 import { LinkButtonProps as PlatformLinkButtonProps } from '@atlaskit/button/new';
 import React from 'react';