@atlaskit/forge-react-types 0.27.6 → 0.27.7

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/forge-react-types
 
+## 0.27.7
+
+### Patch Changes
+
+- [#133080](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/133080)
+  [`99d1f02563769`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/99d1f02563769) -
+  Fix input component types, fix controlled states losing cursor state for Textfield and Textarea
+
 ## 0.27.6
 
 ### Patch Changes

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

@@ -3,13 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - CheckboxProps
  *
- * @codegen <<SignedSource::9bedfd6f4d3d14a9a6751050b92ddab3>>
+ * @codegen <<SignedSource::3a91a161c9c94e4ac140697510a2b366>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/checkbox/__generated__/index.partial.tsx <<SignedSource::677ea01a714b425478eb5be7e795920d>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/checkbox/__generated__/index.partial.tsx <<SignedSource::b920c1cd759f2f7718cbd7afc3c04856>>
  */
 import React from 'react';
 import PlatformCheckbox from '@atlaskit/checkbox';
 import type { EventHandlerProps } from './types.codegen';
 type PlatformCheckboxProps = React.ComponentProps<typeof PlatformCheckbox>;
-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'>;
+export type CheckboxProps = Pick<PlatformCheckboxProps, 'testId' | 'defaultChecked' | 'isChecked' | 'isIndeterminate' | 'label' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,13 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - RadioGroupProps
  *
- * @codegen <<SignedSource::3da1d927615a1b61298bcd18c73f323a>>
+ * @codegen <<SignedSource::bfe736ed7d6bc248df6a092491f99239>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/radio-group.partial.tsx <<SignedSource::223b7d89d4a1f28e5d1e6a65f289180a>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/radio-group.partial.tsx <<SignedSource::4389c503fdf3481d7d3b0a5b93920e3f>>
  */
 import React from 'react';
 import { RadioGroup as PlatformRadioGroup } from '@atlaskit/radio';
 import type { EventHandlerProps } from './types.codegen';
 type PlatformRadioGroupProps = React.ComponentProps<typeof PlatformRadioGroup>;
-export type RadioGroupProps = Pick<PlatformRadioGroupProps, 'defaultValue' | 'options' | 'onInvalid' | 'testId' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'value' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange'>;
+export type RadioGroupProps = Pick<PlatformRadioGroupProps, 'defaultValue' | 'options' | 'onInvalid' | 'testId' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange'>;
 export {};

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

@@ -3,13 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - RadioProps
  *
- * @codegen <<SignedSource::1303c992c8290ac8eb77a65ac992ea0b>>
+ * @codegen <<SignedSource::e022f493d36ef87f3f686367c3344680>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/index.partial.tsx <<SignedSource::976f491e97f339079c101ed752756cb5>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/index.partial.tsx <<SignedSource::f8ac68c1f51a8a6ea746a657fc9ee4da>>
  */
 import React from 'react';
 import { Radio as PlatformRadio } from '@atlaskit/radio';
 import type { EventHandlerProps } from './types.codegen';
 type PlatformRadioProps = React.ComponentProps<typeof PlatformRadio>;
-export type RadioProps = Pick<PlatformRadioProps, 'label' | 'testId' | 'isChecked' | 'ariaLabel' | 'onInvalid' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
+export type RadioProps = Pick<PlatformRadioProps, 'label' | 'testId' | 'isChecked' | 'ariaLabel' | 'onInvalid' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,13 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - RangeProps
  *
- * @codegen <<SignedSource::29369b32657e6c81309ff665daa656d6>>
+ * @codegen <<SignedSource::b8d42e64b587e4e3daad0988c1fe339e>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/range/__generated__/index.partial.tsx <<SignedSource::fe3a73ec4482a0c291418670ef7939ae>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/range/__generated__/index.partial.tsx <<SignedSource::47b47ae1505ae1df985d952d77e858e8>>
  */
 import React from 'react';
 import PlatformRange from '@atlaskit/range';
 import type { EventHandlerProps } from './types.codegen';
 type PlatformRangeProps = React.ComponentProps<typeof PlatformRange>;
-export type RangeProps = Pick<PlatformRangeProps, 'defaultValue' | 'max' | 'min' | 'step' | 'testId' | 'onChange' | 'id' | 'isDisabled' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onBlur' | 'onFocus'>;
+export type RangeProps = Pick<PlatformRangeProps, 'defaultValue' | 'max' | 'min' | 'step' | 'testId' | 'onChange' | 'id' | 'isDisabled' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,13 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - TextAreaProps
  *
- * @codegen <<SignedSource::cd4b380163cc6c585947711b778100fe>>
+ * @codegen <<SignedSource::d341a38eb88440dce90367d58211d0d7>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/textarea/__generated__/index.partial.tsx <<SignedSource::c5bf29257b775b4b86ea4789cfa24790>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/textarea/index.tsx <<SignedSource::cb1d758c7c2bb0e325bf9f7e3d6ae09d>>
  */
 import React from 'react';
 import PlatformTextarea from '@atlaskit/textarea';
 import type { EventHandlerProps } from './types.codegen';
 type PlatformTextareaProps = React.ComponentProps<typeof PlatformTextarea>;
-export type TextAreaProps = Pick<PlatformTextareaProps, 'appearance' | 'defaultValue' | 'isCompact' | 'isMonospaced' | 'isReadOnly' | 'maxHeight' | 'minimumRows' | 'placeholder' | 'resize' | 'spellCheck' | 'testId' | 'maxLength' | 'minLength' | 'autoFocus' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
+export type TextAreaProps = Pick<PlatformTextareaProps, 'appearance' | 'defaultValue' | 'isCompact' | 'isMonospaced' | 'isReadOnly' | 'maxHeight' | 'minimumRows' | 'placeholder' | 'resize' | 'spellCheck' | 'testId' | 'maxLength' | 'minLength' | 'autoFocus' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,13 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - TextfieldProps
  *
- * @codegen <<SignedSource::b607d734def411a588141e55868fe7c9>>
+ * @codegen <<SignedSource::45c617e56bc06c911a5944941288beba>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/textfield/__generated__/index.partial.tsx <<SignedSource::b1cc4fd107a1b6c756f2daaf460121fc>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/textfield/index.tsx <<SignedSource::3cab13a24ee050b7fe926e8e6a19858b>>
  */
 import React from 'react';
 import PlatformTextfield from '@atlaskit/textfield';
 import type { EventHandlerProps } from './types.codegen';
 type PlatformTextfieldProps = React.ComponentProps<typeof PlatformTextfield>;
-export type TextfieldProps = Pick<PlatformTextfieldProps, 'appearance' | 'elemAfterInput' | 'elemBeforeInput' | 'isCompact' | 'autoFocus' | 'isReadOnly' | 'isMonospaced' | 'placeholder' | 'testId' | 'width' | 'type' | 'defaultValue' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
+export type TextfieldProps = Pick<PlatformTextfieldProps, 'appearance' | 'elemAfterInput' | 'elemBeforeInput' | 'isCompact' | 'autoFocus' | 'isReadOnly' | 'isMonospaced' | 'placeholder' | 'testId' | 'width' | 'type' | 'defaultValue' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,13 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - ToggleProps
  *
- * @codegen <<SignedSource::f45908137974384e57d5a017c6d4a83c>>
+ * @codegen <<SignedSource::9fae69dce4ff6b99dfdeaff9a08a72f4>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/toggle/__generated__/index.partial.tsx <<SignedSource::3dde2148a204d806089d1f512ae6afdb>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/toggle/__generated__/index.partial.tsx <<SignedSource::c3ddcdd89af4be8543231a1ab89d8f45>>
  */
 import React from 'react';
 import PlatformToggle from '@atlaskit/toggle';
 import type { EventHandlerProps } from './types.codegen';
 type PlatformToggleProps = React.ComponentProps<typeof PlatformToggle>;
-export type ToggleProps = Pick<PlatformToggleProps, 'size' | 'testId' | 'defaultChecked' | 'isChecked' | 'label' | 'id' | 'isDisabled' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
+export type ToggleProps = Pick<PlatformToggleProps, 'size' | 'testId' | 'defaultChecked' | 'isChecked' | 'label' | 'id' | 'isDisabled' | 'value' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,9 +3,9 @@
  *
  * Shared types file from UIKit 2
  *
- * @codegen <<SignedSource::ad83eeeac30d7e2549bbd156e3075df0>>
+ * @codegen <<SignedSource::634fdc59c731fd94bdd55b0d31077d48>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/types.ts <<SignedSource::ead448842d74cb269e35940f951e298f>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/types.ts <<SignedSource::01eebd8c9c7c64bb9ed0b194e2475ed4>>
  */
 export type SerialisableEvent = {
     bubbles: boolean;
@@ -14,6 +14,8 @@ export type SerialisableEvent = {
     eventPhase: number;
     isTrusted: boolean;
     target: {
+        selectionStart?: number | null;
+        selectionEnd?: number | null;
         value?: any;
         checked?: boolean;
         name?: string;
@@ -24,8 +26,9 @@ export type SerialisableEvent = {
     timeStamp: number;
     type: string;
 };
+export type InputEvent = SerialisableEvent;
 export type EventHandlerProps = {
-    onChange?: (event: SerialisableEvent) => void;
-    onBlur?: (event: SerialisableEvent) => void;
-    onFocus?: (event: SerialisableEvent) => void;
+    onChange?: (event: InputEvent) => void;
+    onBlur?: (event: InputEvent) => void;
+    onFocus?: (event: InputEvent) => void;
 };

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

@@ -3,13 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - CheckboxProps
  *
- * @codegen <<SignedSource::9bedfd6f4d3d14a9a6751050b92ddab3>>
+ * @codegen <<SignedSource::3a91a161c9c94e4ac140697510a2b366>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/checkbox/__generated__/index.partial.tsx <<SignedSource::677ea01a714b425478eb5be7e795920d>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/checkbox/__generated__/index.partial.tsx <<SignedSource::b920c1cd759f2f7718cbd7afc3c04856>>
  */
 import React from 'react';
 import PlatformCheckbox from '@atlaskit/checkbox';
 import type { EventHandlerProps } from './types.codegen';
 type PlatformCheckboxProps = React.ComponentProps<typeof PlatformCheckbox>;
-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'>;
+export type CheckboxProps = Pick<PlatformCheckboxProps, 'testId' | 'defaultChecked' | 'isChecked' | 'isIndeterminate' | 'label' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,13 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - RadioGroupProps
  *
- * @codegen <<SignedSource::3da1d927615a1b61298bcd18c73f323a>>
+ * @codegen <<SignedSource::bfe736ed7d6bc248df6a092491f99239>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/radio-group.partial.tsx <<SignedSource::223b7d89d4a1f28e5d1e6a65f289180a>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/radio-group.partial.tsx <<SignedSource::4389c503fdf3481d7d3b0a5b93920e3f>>
  */
 import React from 'react';
 import { RadioGroup as PlatformRadioGroup } from '@atlaskit/radio';
 import type { EventHandlerProps } from './types.codegen';
 type PlatformRadioGroupProps = React.ComponentProps<typeof PlatformRadioGroup>;
-export type RadioGroupProps = Pick<PlatformRadioGroupProps, 'defaultValue' | 'options' | 'onInvalid' | 'testId' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'value' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange'>;
+export type RadioGroupProps = Pick<PlatformRadioGroupProps, 'defaultValue' | 'options' | 'onInvalid' | 'testId' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange'>;
 export {};

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

@@ -3,13 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - RadioProps
  *
- * @codegen <<SignedSource::1303c992c8290ac8eb77a65ac992ea0b>>
+ * @codegen <<SignedSource::e022f493d36ef87f3f686367c3344680>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/index.partial.tsx <<SignedSource::976f491e97f339079c101ed752756cb5>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/index.partial.tsx <<SignedSource::f8ac68c1f51a8a6ea746a657fc9ee4da>>
  */
 import React from 'react';
 import { Radio as PlatformRadio } from '@atlaskit/radio';
 import type { EventHandlerProps } from './types.codegen';
 type PlatformRadioProps = React.ComponentProps<typeof PlatformRadio>;
-export type RadioProps = Pick<PlatformRadioProps, 'label' | 'testId' | 'isChecked' | 'ariaLabel' | 'onInvalid' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
+export type RadioProps = Pick<PlatformRadioProps, 'label' | 'testId' | 'isChecked' | 'ariaLabel' | 'onInvalid' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,13 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - RangeProps
  *
- * @codegen <<SignedSource::29369b32657e6c81309ff665daa656d6>>
+ * @codegen <<SignedSource::b8d42e64b587e4e3daad0988c1fe339e>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/range/__generated__/index.partial.tsx <<SignedSource::fe3a73ec4482a0c291418670ef7939ae>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/range/__generated__/index.partial.tsx <<SignedSource::47b47ae1505ae1df985d952d77e858e8>>
  */
 import React from 'react';
 import PlatformRange from '@atlaskit/range';
 import type { EventHandlerProps } from './types.codegen';
 type PlatformRangeProps = React.ComponentProps<typeof PlatformRange>;
-export type RangeProps = Pick<PlatformRangeProps, 'defaultValue' | 'max' | 'min' | 'step' | 'testId' | 'onChange' | 'id' | 'isDisabled' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onBlur' | 'onFocus'>;
+export type RangeProps = Pick<PlatformRangeProps, 'defaultValue' | 'max' | 'min' | 'step' | 'testId' | 'onChange' | 'id' | 'isDisabled' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,13 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - TextAreaProps
  *
- * @codegen <<SignedSource::cd4b380163cc6c585947711b778100fe>>
+ * @codegen <<SignedSource::d341a38eb88440dce90367d58211d0d7>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/textarea/__generated__/index.partial.tsx <<SignedSource::c5bf29257b775b4b86ea4789cfa24790>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/textarea/index.tsx <<SignedSource::cb1d758c7c2bb0e325bf9f7e3d6ae09d>>
  */
 import React from 'react';
 import PlatformTextarea from '@atlaskit/textarea';
 import type { EventHandlerProps } from './types.codegen';
 type PlatformTextareaProps = React.ComponentProps<typeof PlatformTextarea>;
-export type TextAreaProps = Pick<PlatformTextareaProps, 'appearance' | 'defaultValue' | 'isCompact' | 'isMonospaced' | 'isReadOnly' | 'maxHeight' | 'minimumRows' | 'placeholder' | 'resize' | 'spellCheck' | 'testId' | 'maxLength' | 'minLength' | 'autoFocus' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
+export type TextAreaProps = Pick<PlatformTextareaProps, 'appearance' | 'defaultValue' | 'isCompact' | 'isMonospaced' | 'isReadOnly' | 'maxHeight' | 'minimumRows' | 'placeholder' | 'resize' | 'spellCheck' | 'testId' | 'maxLength' | 'minLength' | 'autoFocus' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,13 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - TextfieldProps
  *
- * @codegen <<SignedSource::b607d734def411a588141e55868fe7c9>>
+ * @codegen <<SignedSource::45c617e56bc06c911a5944941288beba>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/textfield/__generated__/index.partial.tsx <<SignedSource::b1cc4fd107a1b6c756f2daaf460121fc>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/textfield/index.tsx <<SignedSource::3cab13a24ee050b7fe926e8e6a19858b>>
  */
 import React from 'react';
 import PlatformTextfield from '@atlaskit/textfield';
 import type { EventHandlerProps } from './types.codegen';
 type PlatformTextfieldProps = React.ComponentProps<typeof PlatformTextfield>;
-export type TextfieldProps = Pick<PlatformTextfieldProps, 'appearance' | 'elemAfterInput' | 'elemBeforeInput' | 'isCompact' | 'autoFocus' | 'isReadOnly' | 'isMonospaced' | 'placeholder' | 'testId' | 'width' | 'type' | 'defaultValue' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
+export type TextfieldProps = Pick<PlatformTextfieldProps, 'appearance' | 'elemAfterInput' | 'elemBeforeInput' | 'isCompact' | 'autoFocus' | 'isReadOnly' | 'isMonospaced' | 'placeholder' | 'testId' | 'width' | 'type' | 'defaultValue' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern' | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,13 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - ToggleProps
  *
- * @codegen <<SignedSource::f45908137974384e57d5a017c6d4a83c>>
+ * @codegen <<SignedSource::9fae69dce4ff6b99dfdeaff9a08a72f4>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/toggle/__generated__/index.partial.tsx <<SignedSource::3dde2148a204d806089d1f512ae6afdb>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/toggle/__generated__/index.partial.tsx <<SignedSource::c3ddcdd89af4be8543231a1ab89d8f45>>
  */
 import React from 'react';
 import PlatformToggle from '@atlaskit/toggle';
 import type { EventHandlerProps } from './types.codegen';
 type PlatformToggleProps = React.ComponentProps<typeof PlatformToggle>;
-export type ToggleProps = Pick<PlatformToggleProps, 'size' | 'testId' | 'defaultChecked' | 'isChecked' | 'label' | 'id' | 'isDisabled' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
+export type ToggleProps = Pick<PlatformToggleProps, 'size' | 'testId' | 'defaultChecked' | 'isChecked' | 'label' | 'id' | 'isDisabled' | 'value' | 'name'> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
 export {};

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

@@ -3,9 +3,9 @@
  *
  * Shared types file from UIKit 2
  *
- * @codegen <<SignedSource::ad83eeeac30d7e2549bbd156e3075df0>>
+ * @codegen <<SignedSource::634fdc59c731fd94bdd55b0d31077d48>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/types.ts <<SignedSource::ead448842d74cb269e35940f951e298f>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/types.ts <<SignedSource::01eebd8c9c7c64bb9ed0b194e2475ed4>>
  */
 export type SerialisableEvent = {
     bubbles: boolean;
@@ -14,6 +14,8 @@ export type SerialisableEvent = {
     eventPhase: number;
     isTrusted: boolean;
     target: {
+        selectionStart?: number | null;
+        selectionEnd?: number | null;
         value?: any;
         checked?: boolean;
         name?: string;
@@ -24,8 +26,9 @@ export type SerialisableEvent = {
     timeStamp: number;
     type: string;
 };
+export type InputEvent = SerialisableEvent;
 export type EventHandlerProps = {
-    onChange?: (event: SerialisableEvent) => void;
-    onBlur?: (event: SerialisableEvent) => void;
-    onFocus?: (event: SerialisableEvent) => void;
+    onChange?: (event: InputEvent) => void;
+    onBlur?: (event: InputEvent) => void;
+    onFocus?: (event: InputEvent) => void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/forge-react-types",
-	"version": "0.27.6",
+	"version": "0.27.7",
 	"description": "Component types for Forge UI Kit React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -27,7 +27,7 @@
 	"dependencies": {
 		"@atlaskit/badge": "^16.4.0",
 		"@atlaskit/banner": "^12.5.0",
-		"@atlaskit/button": "^20.0.0",
+		"@atlaskit/button": "^20.1.0",
 		"@atlaskit/calendar": "^14.5.0",
 		"@atlaskit/checkbox": "^13.7.0",
 		"@atlaskit/code": "^15.5.0",
@@ -35,17 +35,17 @@
 		"@atlaskit/empty-state": "^7.11.0",
 		"@atlaskit/form": "^10.5.0",
 		"@atlaskit/heading": "^2.4.0",
-		"@atlaskit/inline-edit": "^13.6.0",
+		"@atlaskit/inline-edit": "^13.7.0",
 		"@atlaskit/lozenge": "^11.10.0",
 		"@atlaskit/modal-dialog": "^12.15.0",
-		"@atlaskit/popup": "^1.22.0",
+		"@atlaskit/popup": "^1.23.0",
 		"@atlaskit/primitives": "^12.0.0",
 		"@atlaskit/progress-bar": "2.3.1",
 		"@atlaskit/progress-tracker": "8.8.1",
 		"@atlaskit/radio": "^6.5.0",
 		"@atlaskit/range": "^7.4.0",
 		"@atlaskit/section-message": "^6.6.0",
-		"@atlaskit/select": "^17.13.0",
+		"@atlaskit/select": "^17.15.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/tabs": "^16.4.0",
 		"@atlaskit/tag": "^12.5.0",
@@ -53,7 +53,7 @@
 		"@atlaskit/textarea": "^5.6.0",
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/toggle": "^13.3.0",
-		"@atlaskit/tokens": "^1.58.0",
+		"@atlaskit/tokens": "^1.59.0",
 		"@atlaskit/tooltip": "^18.7.0",
 		"@babel/runtime": "^7.0.0"
 	},

package/scripts/codegen/codeGenerator.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-types */
 // eslint-disable-next-line import/no-extraneous-dependencies
 import {
 	type Symbol,
@@ -136,9 +137,11 @@ class ImportDeclarationProxy {
 	}
 }
 
+// handles type imports from platform/packages/forge/forge-ui/src/components/UIKit/types.ts
 const isSharedUIKit2TypesImport = (importDeclaration: ImportDeclaration) => {
 	return (
-		importDeclaration.isTypeOnly() && importDeclaration.getModuleSpecifierValue() === '../../types'
+		importDeclaration.isTypeOnly() &&
+		importDeclaration.getModuleSpecifierValue().split('/').pop() === 'types'
 	);
 };
 

package/scripts/codegen/componentPropTypes.ts

@@ -162,9 +162,8 @@ const updatePackageJsonWithADSComponentDependencies = (componentOutputDir: strin
 		}, {});
 
 	packageJson.dependencies = updatedDependencies;
-	fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, '\t'));
+	fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, '\t') + '\n');
 };
-
 /**
  * This copies types file from the types file in UIKit
  * to __generated__ folder.

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - CheckboxProps
  *
- * @codegen <<SignedSource::9bedfd6f4d3d14a9a6751050b92ddab3>>
+ * @codegen <<SignedSource::3a91a161c9c94e4ac140697510a2b366>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/checkbox/__generated__/index.partial.tsx <<SignedSource::677ea01a714b425478eb5be7e795920d>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/checkbox/__generated__/index.partial.tsx <<SignedSource::b920c1cd759f2f7718cbd7afc3c04856>>
  */
 import React from 'react';
 import PlatformCheckbox from '@atlaskit/checkbox';
@@ -16,5 +16,5 @@ type PlatformCheckboxProps = React.ComponentProps<typeof PlatformCheckbox>;
 export type CheckboxProps = Pick<
   PlatformCheckboxProps,
   'testId' | 'defaultChecked' | 'isChecked' | 'isIndeterminate' | 'label'
- | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'
+ | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'
 > & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - RadioGroupProps
  *
- * @codegen <<SignedSource::3da1d927615a1b61298bcd18c73f323a>>
+ * @codegen <<SignedSource::bfe736ed7d6bc248df6a092491f99239>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/radio-group.partial.tsx <<SignedSource::223b7d89d4a1f28e5d1e6a65f289180a>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/radio-group.partial.tsx <<SignedSource::4389c503fdf3481d7d3b0a5b93920e3f>>
  */
 import React from 'react';
 import { RadioGroup as PlatformRadioGroup } from '@atlaskit/radio';
@@ -16,5 +16,5 @@ type PlatformRadioGroupProps = React.ComponentProps<typeof PlatformRadioGroup>;
 export type RadioGroupProps = Pick<
   PlatformRadioGroupProps,
   'defaultValue' | 'options' | 'onInvalid' | 'testId'
- | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'value' | 'aria-labelledby' | 'name'
+ | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-labelledby' | 'name'
 > & Pick<EventHandlerProps, 'onChange'>;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - RadioProps
  *
- * @codegen <<SignedSource::1303c992c8290ac8eb77a65ac992ea0b>>
+ * @codegen <<SignedSource::e022f493d36ef87f3f686367c3344680>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/index.partial.tsx <<SignedSource::976f491e97f339079c101ed752756cb5>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/radio/__generated__/index.partial.tsx <<SignedSource::f8ac68c1f51a8a6ea746a657fc9ee4da>>
  */
 import React from 'react';
 import { Radio as PlatformRadio } from '@atlaskit/radio';
@@ -16,5 +16,5 @@ type PlatformRadioProps = React.ComponentProps<typeof PlatformRadio>;
 export type RadioProps = Pick<
   PlatformRadioProps,
   'label' | 'testId' | 'isChecked' | 'ariaLabel' | 'onInvalid'
- | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'
+ | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'
 > & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - RangeProps
  *
- * @codegen <<SignedSource::29369b32657e6c81309ff665daa656d6>>
+ * @codegen <<SignedSource::b8d42e64b587e4e3daad0988c1fe339e>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/range/__generated__/index.partial.tsx <<SignedSource::fe3a73ec4482a0c291418670ef7939ae>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/range/__generated__/index.partial.tsx <<SignedSource::47b47ae1505ae1df985d952d77e858e8>>
  */
 import React from 'react';
 import PlatformRange from '@atlaskit/range';
@@ -16,5 +16,5 @@ type PlatformRangeProps = React.ComponentProps<typeof PlatformRange>;
 export type RangeProps = Pick<
   PlatformRangeProps,
   'defaultValue' | 'max' | 'min' | 'step' | 'testId' | 'onChange'
- | 'id' | 'isDisabled' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'
+ | 'id' | 'isDisabled' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'
 > & Pick<EventHandlerProps, 'onBlur' | 'onFocus'>;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TextAreaProps
  *
- * @codegen <<SignedSource::cd4b380163cc6c585947711b778100fe>>
+ * @codegen <<SignedSource::d341a38eb88440dce90367d58211d0d7>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/textarea/__generated__/index.partial.tsx <<SignedSource::c5bf29257b775b4b86ea4789cfa24790>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/textarea/index.tsx <<SignedSource::cb1d758c7c2bb0e325bf9f7e3d6ae09d>>
  */
 import React from 'react';
 import PlatformTextarea from '@atlaskit/textarea';
@@ -14,7 +14,28 @@ import type { EventHandlerProps } from './types.codegen';
 type PlatformTextareaProps = React.ComponentProps<typeof PlatformTextarea>;
 
 export type TextAreaProps = Pick<
-  PlatformTextareaProps,
-  'appearance' | 'defaultValue' | 'isCompact' | 'isMonospaced' | 'isReadOnly' | 'maxHeight' | 'minimumRows' | 'placeholder' | 'resize' | 'spellCheck' | 'testId' | 'maxLength' | 'minLength' | 'autoFocus'
- | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'
-> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
+	PlatformTextareaProps,
+	| 'appearance'
+	| 'defaultValue'
+	| 'isCompact'
+	| 'isMonospaced'
+	| 'isReadOnly'
+	| 'maxHeight'
+	| 'minimumRows'
+	| 'placeholder'
+	| 'resize'
+	| 'spellCheck'
+	| 'testId'
+	| 'maxLength'
+	| 'minLength'
+	| 'autoFocus'
+	| 'id'
+	| 'isRequired'
+	| 'isDisabled'
+	| 'isInvalid'
+	| 'value'
+	| 'aria-invalid'
+	| 'aria-labelledby'
+	| 'name'
+> &
+	Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TextfieldProps
  *
- * @codegen <<SignedSource::b607d734def411a588141e55868fe7c9>>
+ * @codegen <<SignedSource::45c617e56bc06c911a5944941288beba>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/textfield/__generated__/index.partial.tsx <<SignedSource::b1cc4fd107a1b6c756f2daaf460121fc>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/textfield/index.tsx <<SignedSource::3cab13a24ee050b7fe926e8e6a19858b>>
  */
 import React from 'react';
 import PlatformTextfield from '@atlaskit/textfield';
@@ -14,7 +14,31 @@ import type { EventHandlerProps } from './types.codegen';
 type PlatformTextfieldProps = React.ComponentProps<typeof PlatformTextfield>;
 
 export type TextfieldProps = Pick<
-  PlatformTextfieldProps,
-  'appearance' | 'elemAfterInput' | 'elemBeforeInput' | 'isCompact' | 'autoFocus' | 'isReadOnly' | 'isMonospaced' | 'placeholder' | 'testId' | 'width' | 'type' | 'defaultValue' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern'
- | 'id' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'aria-invalid' | 'aria-labelledby' | 'name'
-> & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
+	PlatformTextfieldProps,
+	| 'appearance'
+	| 'elemAfterInput'
+	| 'elemBeforeInput'
+	| 'isCompact'
+	| 'autoFocus'
+	| 'isReadOnly'
+	| 'isMonospaced'
+	| 'placeholder'
+	| 'testId'
+	| 'width'
+	| 'type'
+	| 'defaultValue'
+	| 'min'
+	| 'max'
+	| 'maxLength'
+	| 'minLength'
+	| 'pattern'
+	| 'id'
+	| 'isRequired'
+	| 'isDisabled'
+	| 'isInvalid'
+	| 'value'
+	| 'aria-invalid'
+	| 'aria-labelledby'
+	| 'name'
+> &
+	Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ToggleProps
  *
- * @codegen <<SignedSource::f45908137974384e57d5a017c6d4a83c>>
+ * @codegen <<SignedSource::9fae69dce4ff6b99dfdeaff9a08a72f4>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/toggle/__generated__/index.partial.tsx <<SignedSource::3dde2148a204d806089d1f512ae6afdb>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/toggle/__generated__/index.partial.tsx <<SignedSource::c3ddcdd89af4be8543231a1ab89d8f45>>
  */
 import React from 'react';
 import PlatformToggle from '@atlaskit/toggle';
@@ -16,5 +16,5 @@ type PlatformToggleProps = React.ComponentProps<typeof PlatformToggle>;
 export type ToggleProps = Pick<
   PlatformToggleProps,
   'size' | 'testId' | 'defaultChecked' | 'isChecked' | 'label'
- | 'id' | 'isDisabled' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'name'
+ | 'id' | 'isDisabled' | 'value' | 'name'
 > & Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;

package/src/components/__generated__/types.codegen.ts

@@ -3,9 +3,9 @@
  *
  * Shared types file from UIKit 2
  *
- * @codegen <<SignedSource::ad83eeeac30d7e2549bbd156e3075df0>>
+ * @codegen <<SignedSource::634fdc59c731fd94bdd55b0d31077d48>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/types.ts <<SignedSource::ead448842d74cb269e35940f951e298f>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/types.ts <<SignedSource::01eebd8c9c7c64bb9ed0b194e2475ed4>>
  */
 export type SerialisableEvent = {
 	bubbles: boolean;
@@ -14,6 +14,8 @@ export type SerialisableEvent = {
 	eventPhase: number;
 	isTrusted: boolean;
 	target: {
+		selectionStart?: number | null;
+		selectionEnd?: number | null;
 		value?: any;
 		checked?: boolean;
 		name?: string;
@@ -25,8 +27,10 @@ export type SerialisableEvent = {
 	type: string;
 };
 
+export type InputEvent = SerialisableEvent;
+
 export type EventHandlerProps = {
-	onChange?: (event: SerialisableEvent) => void;
-	onBlur?: (event: SerialisableEvent) => void;
-	onFocus?: (event: SerialisableEvent) => void;
+	onChange?: (event: InputEvent) => void;
+	onBlur?: (event: InputEvent) => void;
+	onFocus?: (event: InputEvent) => void;
 };