@atlaskit/forge-react-types 0.22.4 → 0.24.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/forge-react-types
 
+## 0.24.0
+
+### Minor Changes
+
+- [#119932](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/119932)
+  [`798a9f4b8913d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/798a9f4b8913d) -
+  Add TimePicker component and types. Update DatePicker type
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.23.0
+
+### Minor Changes
+
+- [#117808](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117808)
+  [`bf24f053d5b93`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bf24f053d5b93) -
+  Add InlineEdit Component
+
 ## 0.22.4
 
 ### Patch Changes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -3,10 +3,11 @@
  *
  * Extract component prop types from UIKit 2 components - DatePickerProps
  *
- * @codegen <<SignedSource::f4e6b9ae946e8fe8074d89a3ff2ac52e>>
+ * @codegen <<SignedSource::31aa010a923433b4bc243613653cb355>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/datepicker/__generated__/index.partial.tsx <<SignedSource::c81073870b6e0df94ccfaf046550c325>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/datepicker/__generated__/index.partial.tsx <<SignedSource::f46fc2b51471f647b60a3fec382a3f5d>>
  */
+import type { SelectProps } from '@atlaskit/select';
 export interface FieldProps {
     id: string;
     isRequired: boolean;
@@ -43,5 +44,6 @@ export type DatePickerProps = {
     testId?: string;
     weekStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     onChange?: (value: string) => void;
+    selectProps?: SelectProps<any | false>;
 } & Partial<Omit<FieldProps, 'onChange' | 'isRequired'>>;
 export {};

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

@@ -0,0 +1,14 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - InlineEditProps
+ *
+ * @codegen <<SignedSource::df616049f34e7fd6ab871781645bdb6a>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/inline-edit/index.tsx <<SignedSource::86ac72f92909d48a88b33710464753bb>>
+ */
+import React from 'react';
+import { default as PlatformInlineEdit } from '@atlaskit/inline-edit';
+export type InlineEditProps = Omit<React.ComponentProps<typeof PlatformInlineEdit>, 'validate' | 'analyticsContext' | 'readView' | 'editView'> & {
+    children: React.ReactNode;
+};

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ListProps
  *
- * @codegen <<SignedSource::fd5b4a75262f77b460d434e1c57d8ba1>>
+ * @codegen <<SignedSource::3feee8080c7b3707219a850f5565f712>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/list/list.tsx <<SignedSource::5bb6824f9a98335ce4b0fcdd02f71802>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/list/list.tsx <<SignedSource::abaa74b57000347ef37668a50d2ad68c>>
  */
 import React from 'react';
 export interface ListProps {

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

@@ -23,6 +23,7 @@ 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 { InlineEditProps } from './InlineEditProps.codegen';
 export type { LabelProps } from './LabelProps.codegen';
 export type { LinkButtonProps } from './LinkButtonProps.codegen';
 export type { ListProps } from './ListProps.codegen';

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

@@ -3,10 +3,11 @@
  *
  * Extract component prop types from UIKit 2 components - DatePickerProps
  *
- * @codegen <<SignedSource::f4e6b9ae946e8fe8074d89a3ff2ac52e>>
+ * @codegen <<SignedSource::31aa010a923433b4bc243613653cb355>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/datepicker/__generated__/index.partial.tsx <<SignedSource::c81073870b6e0df94ccfaf046550c325>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/datepicker/__generated__/index.partial.tsx <<SignedSource::f46fc2b51471f647b60a3fec382a3f5d>>
  */
+import type { SelectProps } from '@atlaskit/select';
 export interface FieldProps {
     id: string;
     isRequired: boolean;
@@ -43,5 +44,6 @@ export type DatePickerProps = {
     testId?: string;
     weekStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     onChange?: (value: string) => void;
+    selectProps?: SelectProps<any | false>;
 } & Partial<Omit<FieldProps, 'onChange' | 'isRequired'>>;
 export {};

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

@@ -0,0 +1,14 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - InlineEditProps
+ *
+ * @codegen <<SignedSource::df616049f34e7fd6ab871781645bdb6a>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/inline-edit/index.tsx <<SignedSource::86ac72f92909d48a88b33710464753bb>>
+ */
+import React from 'react';
+import { default as PlatformInlineEdit } from '@atlaskit/inline-edit';
+export type InlineEditProps = Omit<React.ComponentProps<typeof PlatformInlineEdit>, 'validate' | 'analyticsContext' | 'readView' | 'editView'> & {
+    children: React.ReactNode;
+};

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ListProps
  *
- * @codegen <<SignedSource::fd5b4a75262f77b460d434e1c57d8ba1>>
+ * @codegen <<SignedSource::3feee8080c7b3707219a850f5565f712>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/list/list.tsx <<SignedSource::5bb6824f9a98335ce4b0fcdd02f71802>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/list/list.tsx <<SignedSource::abaa74b57000347ef37668a50d2ad68c>>
  */
 import React from 'react';
 export interface ListProps {

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

@@ -23,6 +23,7 @@ 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 { InlineEditProps } from './InlineEditProps.codegen';
 export type { LabelProps } from './LabelProps.codegen';
 export type { LinkButtonProps } from './LinkButtonProps.codegen';
 export type { ListProps } from './ListProps.codegen';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/forge-react-types",
-	"version": "0.22.4",
+	"version": "0.24.0",
 	"description": "Component types for Forge UI Kit React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -27,7 +27,7 @@
 	"dependencies": {
 		"@atlaskit/badge": "^16.3.0",
 		"@atlaskit/banner": "^12.4.0",
-		"@atlaskit/button": "^18.3.0",
+		"@atlaskit/button": "^18.4.0",
 		"@atlaskit/calendar": "^14.3.0",
 		"@atlaskit/checkbox": "^13.5.0",
 		"@atlaskit/code": "^15.4.0",
@@ -35,23 +35,24 @@
 		"@atlaskit/empty-state": "^7.9.0",
 		"@atlaskit/form": "^10.4.0",
 		"@atlaskit/heading": "^2.4.0",
-		"@atlaskit/lozenge": "^11.8.0",
+		"@atlaskit/inline-edit": "^13.4.1",
+		"@atlaskit/lozenge": "^11.9.0",
 		"@atlaskit/modal-dialog": "^12.14.0",
 		"@atlaskit/primitives": "^11.0.0",
 		"@atlaskit/progress-bar": "2.2.0",
-		"@atlaskit/progress-tracker": "8.7.4",
+		"@atlaskit/progress-tracker": "8.7.5",
 		"@atlaskit/radio": "^6.4.0",
 		"@atlaskit/range": "^7.3.0",
 		"@atlaskit/section-message": "^6.5.0",
 		"@atlaskit/select": "^17.11.0",
 		"@atlaskit/spinner": "^16.2.0",
-		"@atlaskit/tabs": "^16.2.0",
+		"@atlaskit/tabs": "^16.3.0",
 		"@atlaskit/tag": "^12.4.0",
 		"@atlaskit/tag-group": "^10.4.0",
 		"@atlaskit/textarea": "^5.5.0",
 		"@atlaskit/textfield": "^6.4.0",
 		"@atlaskit/toggle": "^13.2.0",
-		"@atlaskit/tokens": "^1.53.0",
+		"@atlaskit/tokens": "^1.54.0",
 		"@atlaskit/tooltip": "^18.5.0",
 		"@babel/runtime": "^7.0.0"
 	},

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

@@ -3,10 +3,12 @@
  *
  * Extract component prop types from UIKit 2 components - DatePickerProps
  *
- * @codegen <<SignedSource::f4e6b9ae946e8fe8074d89a3ff2ac52e>>
+ * @codegen <<SignedSource::31aa010a923433b4bc243613653cb355>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/datepicker/__generated__/index.partial.tsx <<SignedSource::c81073870b6e0df94ccfaf046550c325>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/datepicker/__generated__/index.partial.tsx <<SignedSource::f46fc2b51471f647b60a3fec382a3f5d>>
  */
+import type { SelectProps } from '@atlaskit/select';
+
 export interface FieldProps {
 	id: string;
 	isRequired: boolean;
@@ -45,4 +47,5 @@ export type DatePickerProps = {
    testId?: string;
    weekStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
    onChange?:(value: string) => void;
+   selectProps?: SelectProps<any | false>;
 } & Partial<Omit<FieldProps, 'onChange' | 'isRequired' >>;

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

@@ -0,0 +1,16 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - InlineEditProps
+ *
+ * @codegen <<SignedSource::df616049f34e7fd6ab871781645bdb6a>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/inline-edit/index.tsx <<SignedSource::86ac72f92909d48a88b33710464753bb>>
+ */
+import React from 'react';
+import { default as PlatformInlineEdit } from '@atlaskit/inline-edit';
+
+export type InlineEditProps = Omit<
+	React.ComponentProps<typeof PlatformInlineEdit>,
+	'validate' | 'analyticsContext' | 'readView' | 'editView'
+> & { children: React.ReactNode };

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ListProps
  *
- * @codegen <<SignedSource::fd5b4a75262f77b460d434e1c57d8ba1>>
+ * @codegen <<SignedSource::3feee8080c7b3707219a850f5565f712>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/list/list.tsx <<SignedSource::5bb6824f9a98335ce4b0fcdd02f71802>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/list/list.tsx <<SignedSource::abaa74b57000347ef37668a50d2ad68c>>
  */
 import React from 'react';
 

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

@@ -0,0 +1,49 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - TimePickerProps
+ *
+ * @codegen <<SignedSource::a11aa419ac642ea0ddca74ef6b84f350>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit2-codegen/timepicker/__generated__/index.partial.tsx <<SignedSource::2e6a672ddad4f76e568e3236e7bd4e8e>>
+ */
+import type { SelectProps } from '@atlaskit/select';
+
+export interface FieldProps {
+	id: string;
+	isRequired: boolean;
+	isDisabled: boolean;
+	isInvalid: boolean;
+	onChange: (event: any) => any;
+	onBlur: () => any;
+	onFocus: () => any;
+	value: any;
+	'aria-invalid': 'true' | 'false';
+	'aria-labelledby': string;
+	name: string;
+}
+
+type Appearance = 'default' | 'subtle' | 'none';
+type Spacing = 'compact' | 'default';
+
+export type TimePickerProps = {
+	appearance?: Appearance;
+	autoFocus?: boolean;
+	defaultIsOpen?: boolean;
+	defaultValue?: string;
+	formatDisplayLabel?: (time: string, timeFormat: string) => string;
+	isOpen?: boolean;
+	label?: string;
+	onChange?: (value: string) => void;
+	spacing?: Spacing;
+	times?: string[];
+	timeIsEditable?: boolean;
+	value?: string;
+	isInvalid?: boolean;
+	hideIcon?: boolean;
+	timeFormat?: string;
+	placeholder?: string;
+	locale?: string;
+	testId?: string;
+  selectProps?: SelectProps<any | false>;
+} & Partial<Omit<FieldProps, 'onChange' | 'isRequired'>>;

package/src/components/__generated__/index.ts

@@ -23,6 +23,7 @@ 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 { InlineEditProps } from './InlineEditProps.codegen';
 export type { LabelProps } from './LabelProps.codegen';
 export type { LinkButtonProps } from './LinkButtonProps.codegen';
 export type { ListProps } from './ListProps.codegen';