@atlaskit/forge-react-types 0.45.0 → 0.46.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/forge-react-types
 
+## 0.46.0
+
+### Minor Changes
+
+- [`0cfb7e145638f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0cfb7e145638f) -
+  Add file card component
+
 ## 0.45.0
 
 ### Minor Changes

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

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,61 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - FileCardProps
+ *
+ * @codegen <<SignedSource::af96c6a081656867f4e2dd38c809d9f1>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/filecard/index.tsx <<SignedSource::5481c3e5d6de45321d69da39b0175d00>>
+ */
+export type FileCardProps = {
+    /**
+     * Whether the file can be deleted
+     */
+    canDelete?: boolean;
+    /**
+     * Whether the file can be downloaded
+     */
+    canDownload?: boolean;
+    /**
+     * Error message to display if there's an error
+     */
+    error?: string;
+    /**
+     * The name of the file to display
+     */
+    fileName: string;
+    /**
+     * The size of the file in bytes
+     */
+    fileSize?: number;
+    /**
+     * The MIME type of the file
+     */
+    fileType?: string;
+    /**
+     * Whether the file is currently being uploaded
+     */
+    isUploading?: boolean;
+    /**
+     * Callback when the file is deleted
+     */
+    onDelete?: () => void;
+    /**
+     * Callback when the file is downloaded
+     */
+    onDownload?: () => void;
+    /**
+     * Test ID for testing
+     */
+    testId?: string;
+    /**
+     * Upload progress (0-100) when isUploading is true
+     */
+    uploadProgress?: number;
+};
+/**
+ * A file card component that displays file information with actions
+ *
+ * @see [FileCard](https://developer.atlassian.com/platform/forge/ui-kit/components/file-card/) in UI Kit documentation for more information
+ */
+export type TFileCard<T> = (props: FileCardProps) => T;

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

@@ -12,6 +12,7 @@ export type { DatePickerProps, TDatePicker } from './DatePickerProps.codegen';
 export type { DynamicTableProps, TDynamicTable } from './DynamicTableProps.codegen';
 export type { EmptyStateProps, TEmptyState } from './EmptyStateProps.codegen';
 export type { ErrorMessageProps, TErrorMessage } from './ErrorMessageProps.codegen';
+export type { FileCardProps, TFileCard } from './FileCardProps.codegen';
 export type { FlexProps, TFlex } from './FlexProps.codegen';
 export type { FormFooterProps, TFormFooter } from './FormFooterProps.codegen';
 export type { FormHeaderProps, TFormHeader } from './FormHeaderProps.codegen';

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export type { AdfRendererProps, BadgeProps, BoxProps, ButtonGroupProps, ButtonProps, CalendarProps, CheckboxProps, CheckboxGroupProps, CodeBlockProps, CodeProps, CommentProps, DatePickerProps, DynamicTableProps, EmptyStateProps, ErrorMessageProps, FlexProps, FormFooterProps, FormHeaderProps, FormProps, FormSectionProps, GridProps, HeadingProps, HelperMessageProps, IconProps, InlineProps, LabelProps, LinkButtonProps, ListProps, ListItemProps, LoadingButtonProps, LozengeProps, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, ModalTitleProps, ModalTransitionProps, ProgressBarProps, ProgressTrackerProps, RadioGroupProps, RadioProps, RangeProps, SectionMessageActionProps, SectionMessageProps, SelectProps, SpinnerProps, StackProps, TabListProps, TabPanelProps, TabProps, TabsProps, TagGroupProps, TagProps, TextProps, TextAreaProps, TextfieldProps, ToggleProps, TooltipProps, TimePickerProps, ValidMessageProps, PopupProps, InlineEditProps, PressableProps, TBadge, TBox, TButtonGroup, TButton, TCalendar, TCheckbox, TCheckboxGroup, TCodeBlock, TCode, TComment, TDatePicker, TDynamicTable, TEmptyState, TErrorMessage, TFlex, TFormFooter, TFormHeader, TForm, TFormSection, TGrid, THeading, THelperMessage, TIcon, TInline, TInlineEdit, TLabel, TLinkButton, TList, TListItem, TLoadingButton, TLozenge, TModalBody, TModalFooter, TModalHeader, TModal, TModalTitle, TModalTransition, TProgressBar, TProgressTracker, TRadioGroup, TRadio, TRange, TSectionMessageAction, TSectionMessage, TSelect, TSpinner, TStack, TTabList, TTabPanel, TTab, TTabs, TTagGroup, TTag, TTextArea, TTextfield, TTimePicker, TToggle, TTooltip, TValidMessage, TPopup, TAdfRenderer, TText, TPressable, TFilePicker, } from './components/__generated__';
+export type { AdfRendererProps, BadgeProps, BoxProps, ButtonGroupProps, ButtonProps, CalendarProps, CheckboxProps, CheckboxGroupProps, CodeBlockProps, CodeProps, CommentProps, DatePickerProps, DynamicTableProps, EmptyStateProps, ErrorMessageProps, FlexProps, FormFooterProps, FormHeaderProps, FormProps, FormSectionProps, GridProps, HeadingProps, HelperMessageProps, IconProps, InlineProps, LabelProps, LinkButtonProps, ListProps, ListItemProps, LoadingButtonProps, LozengeProps, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, ModalTitleProps, ModalTransitionProps, ProgressBarProps, ProgressTrackerProps, RadioGroupProps, RadioProps, RangeProps, SectionMessageActionProps, SectionMessageProps, SelectProps, SpinnerProps, StackProps, TabListProps, TabPanelProps, TabProps, TabsProps, TagGroupProps, TagProps, TextProps, TextAreaProps, TextfieldProps, ToggleProps, TooltipProps, TimePickerProps, ValidMessageProps, PopupProps, InlineEditProps, PressableProps, TBadge, TBox, TButtonGroup, TButton, TCalendar, TCheckbox, TCheckboxGroup, TCodeBlock, TCode, TComment, TDatePicker, TDynamicTable, TEmptyState, TErrorMessage, TFileCard, TFlex, TFormFooter, TFormHeader, TForm, TFormSection, TGrid, THeading, THelperMessage, TIcon, TInline, TInlineEdit, TLabel, TLinkButton, TList, TListItem, TLoadingButton, TLozenge, TModalBody, TModalFooter, TModalHeader, TModal, TModalTitle, TModalTransition, TProgressBar, TProgressTracker, TRadioGroup, TRadio, TRange, TSectionMessageAction, TSectionMessage, TSelect, TSpinner, TStack, TTabList, TTabPanel, TTab, TTabs, TTagGroup, TTag, TTextArea, TTextfield, TTimePicker, TToggle, TTooltip, TValidMessage, TPopup, TAdfRenderer, TText, TPressable, TFilePicker, } from './components/__generated__';
 export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, LineChartProps, DonutChartProps, PieChartProps, TBarChart, TStackBarChart, THorizontalStackBarChart, THorizontalBarChart, TLineChart, TDonutChart, TPieChart, } from './components/charts';
 export type { ChromelessEditorProps, CommentEditorProps, TChromelessEditor, TCommentEditor, } from './components/editor';
 export type { ChartColorTokens } from './types';

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

@@ -0,0 +1,61 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - FileCardProps
+ *
+ * @codegen <<SignedSource::af96c6a081656867f4e2dd38c809d9f1>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/filecard/index.tsx <<SignedSource::5481c3e5d6de45321d69da39b0175d00>>
+ */
+export type FileCardProps = {
+    /**
+     * Whether the file can be deleted
+     */
+    canDelete?: boolean;
+    /**
+     * Whether the file can be downloaded
+     */
+    canDownload?: boolean;
+    /**
+     * Error message to display if there's an error
+     */
+    error?: string;
+    /**
+     * The name of the file to display
+     */
+    fileName: string;
+    /**
+     * The size of the file in bytes
+     */
+    fileSize?: number;
+    /**
+     * The MIME type of the file
+     */
+    fileType?: string;
+    /**
+     * Whether the file is currently being uploaded
+     */
+    isUploading?: boolean;
+    /**
+     * Callback when the file is deleted
+     */
+    onDelete?: () => void;
+    /**
+     * Callback when the file is downloaded
+     */
+    onDownload?: () => void;
+    /**
+     * Test ID for testing
+     */
+    testId?: string;
+    /**
+     * Upload progress (0-100) when isUploading is true
+     */
+    uploadProgress?: number;
+};
+/**
+ * A file card component that displays file information with actions
+ *
+ * @see [FileCard](https://developer.atlassian.com/platform/forge/ui-kit/components/file-card/) in UI Kit documentation for more information
+ */
+export type TFileCard<T> = (props: FileCardProps) => T;

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

@@ -12,6 +12,7 @@ export type { DatePickerProps, TDatePicker } from './DatePickerProps.codegen';
 export type { DynamicTableProps, TDynamicTable } from './DynamicTableProps.codegen';
 export type { EmptyStateProps, TEmptyState } from './EmptyStateProps.codegen';
 export type { ErrorMessageProps, TErrorMessage } from './ErrorMessageProps.codegen';
+export type { FileCardProps, TFileCard } from './FileCardProps.codegen';
 export type { FlexProps, TFlex } from './FlexProps.codegen';
 export type { FormFooterProps, TFormFooter } from './FormFooterProps.codegen';
 export type { FormHeaderProps, TFormHeader } from './FormHeaderProps.codegen';

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

@@ -1,4 +1,4 @@
-export type { AdfRendererProps, BadgeProps, BoxProps, ButtonGroupProps, ButtonProps, CalendarProps, CheckboxProps, CheckboxGroupProps, CodeBlockProps, CodeProps, CommentProps, DatePickerProps, DynamicTableProps, EmptyStateProps, ErrorMessageProps, FlexProps, FormFooterProps, FormHeaderProps, FormProps, FormSectionProps, GridProps, HeadingProps, HelperMessageProps, IconProps, InlineProps, LabelProps, LinkButtonProps, ListProps, ListItemProps, LoadingButtonProps, LozengeProps, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, ModalTitleProps, ModalTransitionProps, ProgressBarProps, ProgressTrackerProps, RadioGroupProps, RadioProps, RangeProps, SectionMessageActionProps, SectionMessageProps, SelectProps, SpinnerProps, StackProps, TabListProps, TabPanelProps, TabProps, TabsProps, TagGroupProps, TagProps, TextProps, TextAreaProps, TextfieldProps, ToggleProps, TooltipProps, TimePickerProps, ValidMessageProps, PopupProps, InlineEditProps, PressableProps, TBadge, TBox, TButtonGroup, TButton, TCalendar, TCheckbox, TCheckboxGroup, TCodeBlock, TCode, TComment, TDatePicker, TDynamicTable, TEmptyState, TErrorMessage, TFlex, TFormFooter, TFormHeader, TForm, TFormSection, TGrid, THeading, THelperMessage, TIcon, TInline, TInlineEdit, TLabel, TLinkButton, TList, TListItem, TLoadingButton, TLozenge, TModalBody, TModalFooter, TModalHeader, TModal, TModalTitle, TModalTransition, TProgressBar, TProgressTracker, TRadioGroup, TRadio, TRange, TSectionMessageAction, TSectionMessage, TSelect, TSpinner, TStack, TTabList, TTabPanel, TTab, TTabs, TTagGroup, TTag, TTextArea, TTextfield, TTimePicker, TToggle, TTooltip, TValidMessage, TPopup, TAdfRenderer, TText, TPressable, TFilePicker, } from './components/__generated__';
+export type { AdfRendererProps, BadgeProps, BoxProps, ButtonGroupProps, ButtonProps, CalendarProps, CheckboxProps, CheckboxGroupProps, CodeBlockProps, CodeProps, CommentProps, DatePickerProps, DynamicTableProps, EmptyStateProps, ErrorMessageProps, FlexProps, FormFooterProps, FormHeaderProps, FormProps, FormSectionProps, GridProps, HeadingProps, HelperMessageProps, IconProps, InlineProps, LabelProps, LinkButtonProps, ListProps, ListItemProps, LoadingButtonProps, LozengeProps, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, ModalTitleProps, ModalTransitionProps, ProgressBarProps, ProgressTrackerProps, RadioGroupProps, RadioProps, RangeProps, SectionMessageActionProps, SectionMessageProps, SelectProps, SpinnerProps, StackProps, TabListProps, TabPanelProps, TabProps, TabsProps, TagGroupProps, TagProps, TextProps, TextAreaProps, TextfieldProps, ToggleProps, TooltipProps, TimePickerProps, ValidMessageProps, PopupProps, InlineEditProps, PressableProps, TBadge, TBox, TButtonGroup, TButton, TCalendar, TCheckbox, TCheckboxGroup, TCodeBlock, TCode, TComment, TDatePicker, TDynamicTable, TEmptyState, TErrorMessage, TFileCard, TFlex, TFormFooter, TFormHeader, TForm, TFormSection, TGrid, THeading, THelperMessage, TIcon, TInline, TInlineEdit, TLabel, TLinkButton, TList, TListItem, TLoadingButton, TLozenge, TModalBody, TModalFooter, TModalHeader, TModal, TModalTitle, TModalTransition, TProgressBar, TProgressTracker, TRadioGroup, TRadio, TRange, TSectionMessageAction, TSectionMessage, TSelect, TSpinner, TStack, TTabList, TTabPanel, TTab, TTabs, TTagGroup, TTag, TTextArea, TTextfield, TTimePicker, TToggle, TTooltip, TValidMessage, TPopup, TAdfRenderer, TText, TPressable, TFilePicker, } from './components/__generated__';
 export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, LineChartProps, DonutChartProps, PieChartProps, TBarChart, TStackBarChart, THorizontalStackBarChart, THorizontalBarChart, TLineChart, TDonutChart, TPieChart, } from './components/charts';
 export type { ChromelessEditorProps, CommentEditorProps, TChromelessEditor, TCommentEditor, } from './components/editor';
 export type { ChartColorTokens } from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/forge-react-types",
-	"version": "0.45.0",
+	"version": "0.46.0",
 	"description": "Component types for Forge UI Kit React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -52,7 +52,7 @@
 	},
 	"devDependencies": {
 		"@atlassian/codegen": "^0.1.0",
-		"@atlassian/forge-ui": "^32.42.0",
+		"@atlassian/forge-ui": "^32.43.0",
 		"@types/node": "~22.17.1",
 		"lodash": "^4.17.21",
 		"react": "^18.2.0",

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

@@ -0,0 +1,74 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - FileCardProps
+ *
+ * @codegen <<SignedSource::af96c6a081656867f4e2dd38c809d9f1>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/filecard/index.tsx <<SignedSource::5481c3e5d6de45321d69da39b0175d00>>
+ */
+/* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
+
+export type FileCardProps = {
+	/**
+	 * Whether the file can be deleted
+	 */
+	canDelete?: boolean;
+	
+	/**
+	 * Whether the file can be downloaded
+	 */
+	canDownload?: boolean;
+	
+	/**
+	 * Error message to display if there's an error
+	 */
+	error?: string;
+	
+	/**
+	 * The name of the file to display
+	 */
+	fileName: string;
+	
+	/**
+	 * The size of the file in bytes
+	 */
+	fileSize?: number;
+	
+	/**
+	 * The MIME type of the file
+	 */
+	fileType?: string;
+	
+	/**
+	 * Whether the file is currently being uploaded
+	 */
+	isUploading?: boolean;
+	
+	/**
+	 * Callback when the file is deleted
+	 */
+	onDelete?: () => void;
+	
+	/**
+	 * Callback when the file is downloaded
+	 */
+	onDownload?: () => void;
+	
+	/**
+	 * Test ID for testing
+	 */
+	testId?: string;
+	
+	/**
+	 * Upload progress (0-100) when isUploading is true
+	 */
+	uploadProgress?: number;
+};
+
+/**
+ * A file card component that displays file information with actions
+ *
+ * @see [FileCard](https://developer.atlassian.com/platform/forge/ui-kit/components/file-card/) in UI Kit documentation for more information
+ */
+export type TFileCard<T> = (props: FileCardProps) => T;

package/src/components/__generated__/index.ts

@@ -12,6 +12,7 @@ export type { DatePickerProps, TDatePicker } from './DatePickerProps.codegen';
 export type { DynamicTableProps, TDynamicTable } from './DynamicTableProps.codegen';
 export type { EmptyStateProps, TEmptyState } from './EmptyStateProps.codegen';
 export type { ErrorMessageProps, TErrorMessage } from './ErrorMessageProps.codegen';
+export type { FileCardProps, TFileCard } from './FileCardProps.codegen';
 export type { FlexProps, TFlex } from './FlexProps.codegen';
 export type { FormFooterProps, TFormFooter } from './FormFooterProps.codegen';
 export type { FormHeaderProps, TFormHeader } from './FormHeaderProps.codegen';

package/src/index.ts

@@ -76,6 +76,7 @@ export type {
 	TDynamicTable,
 	TEmptyState,
 	TErrorMessage,
+	TFileCard,
 	TFlex,
 	TFormFooter,
 	TFormHeader,