@atlaskit/link-datasource 3.18.1 → 3.18.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/link-datasource
 
+## 3.18.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.18.1
 
 ### Patch Changes

package/dist/types/analytics/wrappers/render-failed/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const LazyLoadedDatasourceRenderFailedAnalyticsWrapper: (props: any) => JSX.Element;
+import React from 'react';
+export declare const LazyLoadedDatasourceRenderFailedAnalyticsWrapper: (props: any) => React.JSX.Element;

package/dist/types/contexts/datasource-experience-id/index.d.ts

@@ -1,4 +1,4 @@
-import { type PropsWithChildren } from 'react';
-declare const DatasourceExperienceIdProvider: ({ children }: PropsWithChildren<{}>) => JSX.Element;
+import React, { type PropsWithChildren } from 'react';
+declare const DatasourceExperienceIdProvider: ({ children }: PropsWithChildren<{}>) => React.JSX.Element;
 declare const useDatasourceExperienceId: () => string;
 export { DatasourceExperienceIdProvider, useDatasourceExperienceId };

package/dist/types/contexts/user-interactions/index.d.ts

@@ -1,10 +1,10 @@
-import { type PropsWithChildren } from 'react';
+import React, { type PropsWithChildren } from 'react';
 import { type DatasourceAction } from '../../analytics/types';
 interface UserInteractions {
     add: (action: DatasourceAction) => void;
     get: () => DatasourceAction[];
 }
-declare const UserInteractionsProvider: ({ children }: PropsWithChildren<{}>) => JSX.Element;
+declare const UserInteractionsProvider: ({ children }: PropsWithChildren<{}>) => React.JSX.Element;
 /**
  * Use this hook to track user activities. This is mainly used to populate analytic events with
  * a trail of user activities.

package/dist/types/state/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type Action } from 'react-sweet-state';
 import type { DatasourceDataResponseItem } from '@atlaskit/linking-types';
 type UniqueIdentifier = string;
@@ -28,5 +28,5 @@ export declare const useDatasourceActions: import("react-sweet-state").HookActio
 }>>;
 export declare const StoreContainer: ({ children }: {
     children: JSX.Element;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export {};

package/dist/types/ui/assets-modal/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { type AssetsConfigModalProps } from './types';
 export declare const ASSETS_LIST_OF_LINKS_DATASOURCE_ID = "361d618a-3c04-40ad-9b27-3c8ea6927020";
-declare const AssetsConfigModalWithWrappers: (props: AssetsConfigModalProps) => JSX.Element;
+declare const AssetsConfigModalWithWrappers: (props: AssetsConfigModalProps) => React.JSX.Element;
 export default AssetsConfigModalWithWrappers;

package/dist/types/ui/assets-modal/modal/render-assets-content/initial-state-view/assets/crystal-ball-svg.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const CrystalBallSVG: () => JSX.Element;
+import React from 'react';
+export declare const CrystalBallSVG: () => React.JSX.Element;

package/dist/types/ui/assets-modal/search-container/styled.d.ts

@@ -1,19 +1,19 @@
 /// <reference types="react" />
 export declare const FormRowContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     isNarrowGap?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const FormContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;
 export declare const FieldContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SchemaSelectContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/ui/common/error-state/access-required-svg.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const AccessRequiredSVG: () => JSX.Element;
+import React from 'react';
+export declare const AccessRequiredSVG: () => React.JSX.Element;

package/dist/types/ui/common/error-state/loading-error-svg.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const LoadingErrorSVG: () => JSX.Element;
+import React from 'react';
+export declare const LoadingErrorSVG: () => React.JSX.Element;

package/dist/types/ui/common/error-state/no-instances-svg.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const NoInstancesSvg: () => JSX.Element;
+import React from 'react';
+export declare const NoInstancesSvg: () => React.JSX.Element;

package/dist/types/ui/common/modal/datasource-context/index.d.ts

@@ -22,6 +22,6 @@ type DatasourceContextProviderProps<Parameters extends DatasourceParameters> = P
     initialColumnCustomSizes?: ColumnSizesMap | undefined;
     onInsert: OnInsertFunction<InlineCardAdf | DatasourceAdf<Parameters>>;
 }>;
-export declare const DatasourceContextProvider: <Parameters extends DatasourceParameters>({ children, datasourceId, isValidParameters, initialParameters, initialVisibleColumnKeys, initialColumnCustomSizes, initialWrappedColumnKeys, onInsert, }: DatasourceContextProviderProps<Parameters>) => JSX.Element;
+export declare const DatasourceContextProvider: <Parameters extends DatasourceParameters>({ children, datasourceId, isValidParameters, initialParameters, initialVisibleColumnKeys, initialColumnCustomSizes, initialWrappedColumnKeys, onInsert, }: DatasourceContextProviderProps<Parameters>) => React.JSX.Element;
 export declare const useDatasourceContext: <Parameters extends DatasourceParameters>() => DatasourceContextValue<Parameters>;
 export {};

package/dist/types/ui/common/modal/datasource-modal/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { type ModalDialogProps } from '@atlaskit/modal-dialog';
 type DatasourceModalProps = Pick<ModalDialogProps, 'testId' | 'onClose' | 'children'>;
-export declare const DatasourceModal: ({ testId, onClose, children }: DatasourceModalProps) => JSX.Element;
+export declare const DatasourceModal: ({ testId, onClose, children }: DatasourceModalProps) => React.JSX.Element;
 export {};

package/dist/types/ui/common/modal/datasources-table-in-modal-preview/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { type IssueLikeDataTableViewProps } from '../../../issue-like-table/types';
 export type DatasourcesTableProps = Pick<IssueLikeDataTableViewProps, 'testId' | 'renderItem' | 'scrollableContainerHeight'>;
-declare const Table: (props: DatasourcesTableProps) => JSX.Element;
+declare const Table: (props: DatasourcesTableProps) => React.JSX.Element;
 export default Table;

package/dist/types/ui/common/modal/popup-select/control.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { type ControlProps } from '@atlaskit/select';
 import { type SelectOption } from './types';
-export declare const CustomControl: ({ children, ...innerProps }: ControlProps<SelectOption, true>) => JSX.Element;
+export declare const CustomControl: ({ children, ...innerProps }: ControlProps<SelectOption, true>) => React.JSX.Element;
 export default CustomControl;

package/dist/types/ui/common/modal/popup-select/dropdownIndicator.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { type DropdownIndicatorProps } from '@atlaskit/select';
 import { type SelectOption } from './types';
-declare const CustomDropdownIndicator: (props: DropdownIndicatorProps<SelectOption, true>) => JSX.Element;
+declare const CustomDropdownIndicator: (props: DropdownIndicatorProps<SelectOption, true>) => React.JSX.Element;
 export default CustomDropdownIndicator;

package/dist/types/ui/common/modal/popup-select/footer.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 export interface PopupFooterProps {
     currentDisplayCount: number;
     totalCount: number;
     filterName: string;
 }
-declare const PopupFooter: ({ currentDisplayCount, totalCount, filterName }: PopupFooterProps) => JSX.Element;
+declare const PopupFooter: ({ currentDisplayCount, totalCount, filterName }: PopupFooterProps) => React.JSX.Element;
 export default PopupFooter;

package/dist/types/ui/common/modal/popup-select/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type InputActionMeta, type ValueType } from '@atlaskit/select';
 import { type CustomMenuListProps } from './menu-list';
 import { type SelectOption } from './types';
@@ -19,4 +19,4 @@ export interface FilterPopupSelectProps {
     onMenuOpen?: () => void;
     onMenuClose?: () => void;
 }
-export declare const FilterPopupSelect: ({ filterName, totalCount, status, buttonLabel, showLoading, isDisabled, showHydrating, shouldShowFooter, menuListProps, options, selectedOptions, onSelectionChange, onInputChange, onMenuClose, onMenuOpen, }: FilterPopupSelectProps) => JSX.Element;
+export declare const FilterPopupSelect: ({ filterName, totalCount, status, buttonLabel, showLoading, isDisabled, showHydrating, shouldShowFooter, menuListProps, options, selectedOptions, onSelectionChange, onInputChange, onMenuClose, onMenuOpen, }: FilterPopupSelectProps) => React.JSX.Element;

package/dist/types/ui/common/modal/popup-select/menu-list/errorMessage.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 declare const CustomErrorMessage: ({ filterName, errors }: {
     filterName: string;
     errors?: unknown[] | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default CustomErrorMessage;

package/dist/types/ui/common/modal/popup-select/menu-list/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type MenuListComponentProps } from '@atlaskit/select';
 import { type SelectOption } from '../types';
 export type CustomMenuListProps = {
@@ -11,5 +11,5 @@ export type CustomMenuListProps = {
     filterName: string;
     errors?: unknown[];
 };
-declare const CustomMenuList: ({ children, ...props }: MenuListComponentProps<SelectOption, true>) => JSX.Element;
+declare const CustomMenuList: ({ children, ...props }: MenuListComponentProps<SelectOption, true>) => React.JSX.Element;
 export default CustomMenuList;

package/dist/types/ui/common/modal/popup-select/menu-list/loadingMessage.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 declare const CustomDropdownLoadingMessage: ({ filterName }: {
     filterName: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default CustomDropdownLoadingMessage;

package/dist/types/ui/common/modal/popup-select/menu-list/noOptionsMessage.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 declare const CustomNoOptionsMessage: ({ filterName }: {
     filterName: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default CustomNoOptionsMessage;

package/dist/types/ui/common/modal/popup-select/menu-list/selectMessage.d.ts

@@ -5,5 +5,5 @@ interface CustomSelectMessageProps {
     message: MessageDescriptor;
     testId: string;
 }
-declare const CustomSelectMessage: ({ icon, message, testId }: CustomSelectMessageProps) => JSX.Element;
+declare const CustomSelectMessage: ({ icon, message, testId }: CustomSelectMessageProps) => React.JSX.Element;
 export default CustomSelectMessage;

package/dist/types/ui/common/modal/popup-select/menu-list/showMoreButton.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 type ShowMoreButtonProps = {
     onShowMore: () => void;
     filterName: string;
 };
-declare const ShowMoreButton: ({ onShowMore, filterName }: ShowMoreButtonProps) => JSX.Element;
+declare const ShowMoreButton: ({ onShowMore, filterName }: ShowMoreButtonProps) => React.JSX.Element;
 export default ShowMoreButton;

package/dist/types/ui/common/modal/popup-select/trigger.d.ts

@@ -10,7 +10,7 @@ export interface PopupTriggerProps {
 }
 export declare const LoadingStateAnimationWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const PopupTrigger: React.ForwardRefExoticComponent<PopupTriggerProps & React.RefAttributes<HTMLElement>>;
 export default PopupTrigger;

package/dist/types/ui/common/modal/search-count/index.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 interface TableSearchCountProps {
     url?: string;
     prefixTextType: 'issue' | 'result' | 'item';
     searchCount: number;
     testId?: string;
 }
-export declare const AssetsItemCount: ({ searchCount, url, testId, }: Pick<TableSearchCountProps, 'testId' | 'url' | 'searchCount'>) => JSX.Element;
-declare const TableSearchCount: ({ url, searchCount, testId, prefixTextType, }: TableSearchCountProps) => JSX.Element;
+export declare const AssetsItemCount: ({ searchCount, url, testId, }: Pick<TableSearchCountProps, 'testId' | 'url' | 'searchCount'>) => React.JSX.Element;
+declare const TableSearchCount: ({ url, searchCount, testId, prefixTextType, }: TableSearchCountProps) => React.JSX.Element;
 export default TableSearchCount;

package/dist/types/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type DateRangeOption } from '../../../../common/modal/popup-select/types';
 export type DateRangeSelection = Pick<DateRangeOption, 'value' | 'from' | 'to'>;
 interface DateRangeProps {
@@ -6,5 +6,5 @@ interface DateRangeProps {
     selection?: DateRangeSelection;
     filterName?: string;
 }
-export declare const DateRangePicker: ({ onSelectionChange, selection, filterName, }: DateRangeProps) => JSX.Element;
+export declare const DateRangePicker: ({ onSelectionChange, selection, filterName, }: DateRangeProps) => React.JSX.Element;
 export {};

package/dist/types/ui/confluence-search-modal/basic-filters/filters/date-range-picker/styled.d.ts

@@ -1,31 +1,31 @@
 /// <reference types="react" />
 export declare const PopupComponentContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CustomDropdown: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CustomDropdownItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     isSelected: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CustomDateWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DatePickersWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SelectDateRangeButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export declare const DateRangeErrorMessage: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/ui/confluence-search-modal/basic-filters/filters/date-range-picker/trigger.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { TriggerProps } from '@atlaskit/popup/types';
 export interface PopupTriggerProps {
     triggerProps: TriggerProps;
@@ -7,4 +7,4 @@ export interface PopupTriggerProps {
     selectedLabel?: string;
     onClick: () => void;
 }
-export declare const PopupTrigger: ({ triggerProps, isSelected, labelPrefix, selectedLabel, onClick, }: PopupTriggerProps) => JSX.Element;
+export declare const PopupTrigger: ({ triggerProps, isSelected, labelPrefix, selectedLabel, onClick, }: PopupTriggerProps) => React.JSX.Element;

package/dist/types/ui/confluence-search-modal/basic-filters/filters/date-range-picker/utils.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { type IntlShape } from 'react-intl-next';
 import { type DateRangeType } from '../../../../common/modal/popup-select/types';
 export declare const getDropdownLabel: (option: DateRangeType | undefined, formatMessage: IntlShape['formatMessage']) => string;
 export declare const getCurrentOptionLabel: (formatDate: IntlShape['formatDate'], formatMessage: IntlShape['formatMessage'], value?: DateRangeType, to?: string, from?: string) => string;
-export declare const useInvalidDateRange: (from?: string, to?: string) => JSX.Element | null;
+export declare const useInvalidDateRange: (from?: string, to?: string) => React.JSX.Element | null;

package/dist/types/ui/confluence-search-modal/basic-filters/filters/edited-or-created-by/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type SelectOption } from '../../../../common/modal/popup-select/types';
 import { CLOLBasicFilters } from '../../types';
 interface EditedOrCreatedByFilterProps {
@@ -7,5 +7,5 @@ interface EditedOrCreatedByFilterProps {
     isHydrating?: boolean;
     onSelectionChange: (filterType: CLOLBasicFilters, selection: SelectOption[]) => void;
 }
-declare const EditedOrCreatedByFilter: ({ cloudId, onSelectionChange, selection, isHydrating, }: EditedOrCreatedByFilterProps) => JSX.Element;
+declare const EditedOrCreatedByFilter: ({ cloudId, onSelectionChange, selection, isHydrating, }: EditedOrCreatedByFilterProps) => React.JSX.Element;
 export default EditedOrCreatedByFilter;

package/dist/types/ui/confluence-search-modal/basic-filters/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type SelectOption } from '../../common/modal/popup-select/types';
 import { CLOLBasicFilters, type SelectedOptionsMap } from './types';
 export interface BasicFilterContainerProps {
@@ -7,5 +7,5 @@ export interface BasicFilterContainerProps {
     onChange: (filterType: CLOLBasicFilters, options: SelectOption | SelectOption[]) => void;
     isHydrating?: boolean;
 }
-declare const BasicFilterContainer: ({ cloudId, onChange, selections, isHydrating, }: BasicFilterContainerProps) => JSX.Element;
+declare const BasicFilterContainer: ({ cloudId, onChange, selections, isHydrating, }: BasicFilterContainerProps) => React.JSX.Element;
 export default BasicFilterContainer;

package/dist/types/ui/confluence-search-modal/confluence-search-container/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type SelectedOptionsMap } from '../basic-filters/types';
 import { type ConfluenceSearchDatasourceParameters } from '../types';
 interface Props {
@@ -6,5 +6,5 @@ interface Props {
     isSearching: boolean;
     onSearch: (searchTerm: string, filters?: SelectedOptionsMap) => void;
 }
-declare const ConfluenceSearchContainer: ({ parameters: { cloudId, searchString: initialSearchValue, lastModified, lastModifiedFrom, lastModifiedTo, contributorAccountIds, }, isSearching, onSearch, }: Props) => JSX.Element;
+declare const ConfluenceSearchContainer: ({ parameters: { cloudId, searchString: initialSearchValue, lastModified, lastModifiedFrom, lastModifiedTo, contributorAccountIds, }, isSearching, onSearch, }: Props) => React.JSX.Element;
 export default ConfluenceSearchContainer;

package/dist/types/ui/confluence-search-modal/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { type ConfluenceSearchConfigModalProps } from './types';
 export declare const CONFLUENCE_SEARCH_DATASOURCE_ID = "768fc736-3af4-4a8f-b27e-203602bff8ca";
-declare const ConfluenceSearchConfigModalWithWrappers: (props: ConfluenceSearchConfigModalProps) => JSX.Element;
+declare const ConfluenceSearchConfigModalWithWrappers: (props: ConfluenceSearchConfigModalProps) => React.JSX.Element;
 export default ConfluenceSearchConfigModalWithWrappers;

package/dist/types/ui/confluence-search-modal/modal/confluence-search-initial-state-svg.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ConfluenceSearchInitialStateSVG: () => JSX.Element;
+import React from 'react';
+export declare const ConfluenceSearchInitialStateSVG: () => React.JSX.Element;

package/dist/types/ui/datasource-table-view/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type DatasourceTableViewProps } from './types';
-declare const DatasourceTableViewWithWrappers: (props: DatasourceTableViewProps) => JSX.Element;
+declare const DatasourceTableViewWithWrappers: (props: DatasourceTableViewProps) => React.JSX.Element;
 export default DatasourceTableViewWithWrappers;

package/dist/types/ui/issue-like-table/custom-icons.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { type IconProps } from '@atlaskit/icon';
-export declare const GlyphPlaceholder: (props: IconProps) => JSX.Element;
-export declare const WrapTextIcon: () => JSX.Element;
-export declare const UnwrapTextIcon: () => JSX.Element;
+export declare const GlyphPlaceholder: (props: IconProps) => React.JSX.Element;
+export declare const WrapTextIcon: () => React.JSX.Element;
+export declare const UnwrapTextIcon: () => React.JSX.Element;

package/dist/types/ui/issue-like-table/edit-type/icon/index.d.ts

@@ -11,5 +11,5 @@ interface IconEditTypeProps extends Omit<FieldProps<string>, 'value'> {
 /**
  * Should be gated by FF rollout of platform-datasources-enable-two-way-sync-priority
  */
-declare const IconEditType: (props: IconEditTypeProps) => JSX.Element;
+declare const IconEditType: (props: IconEditTypeProps) => React.JSX.Element;
 export default IconEditType;

package/dist/types/ui/issue-like-table/edit-type/status/index.d.ts

@@ -8,5 +8,5 @@ interface StatusEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }
-declare const StatusEditType: (props: StatusEditTypeProps) => JSX.Element;
+declare const StatusEditType: (props: StatusEditTypeProps) => React.JSX.Element;
 export default StatusEditType;

package/dist/types/ui/issue-like-table/edit-type/text/index.d.ts

@@ -6,5 +6,5 @@ interface TextEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
 }
-declare const TextEditType: (props: TextEditTypeProps) => JSX.Element;
+declare const TextEditType: (props: TextEditTypeProps) => React.JSX.Element;
 export default TextEditType;

package/dist/types/ui/issue-like-table/edit-type/user/index.d.ts

@@ -8,5 +8,5 @@ interface UserEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }
-declare const UserEditType: (props: UserEditTypeProps) => JSX.Element;
+declare const UserEditType: (props: UserEditTypeProps) => React.JSX.Element;
 export default UserEditType;

package/dist/types/ui/issue-like-table/empty-state/priority.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { type IssuePriority } from './types';
 declare const _default: ({ priority }: {
     priority: IssuePriority;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/dist/types/ui/issue-like-table/empty-state/type.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { type IssueType } from './types';
 declare const _default: ({ type }: {
     type: IssueType;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/dist/types/ui/issue-like-table/render-type/boolean/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { type BooleanType } from '@atlaskit/linking-types';
 interface BooleanProps {
     testId?: string;
     value: BooleanType['value'];
 }
 export declare const BOOLEAN_TYPE_TEST_ID = "link-datasource-render-type--boolean";
-declare const BooleanRenderType: ({ value, testId }: BooleanProps) => JSX.Element;
+declare const BooleanRenderType: ({ value, testId }: BooleanProps) => React.JSX.Element;
 export default BooleanRenderType;

package/dist/types/ui/issue-like-table/render-type/date-time/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type IntlShape } from 'react-intl-next';
 import { type DateTimeType, type DateType, type TimeType } from '@atlaskit/linking-types';
 export interface DateProps {
@@ -8,5 +8,5 @@ export interface DateProps {
 }
 export declare const DATETIME_TYPE_TEST_ID = "link-datasource-render-type--datetime";
 export declare function getFormattedDate(value: string, display: string | undefined, formatDate: IntlShape['formatDate']): string;
-declare const DateTimeRenderType: ({ value, testId, display, }: DateProps) => JSX.Element;
+declare const DateTimeRenderType: ({ value, testId, display, }: DateProps) => React.JSX.Element;
 export default DateTimeRenderType;

package/dist/types/ui/issue-like-table/render-type/icon/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type Icon } from '@atlaskit/linking-types';
 interface IconProps extends Icon {
     testId?: string;
@@ -9,5 +9,5 @@ export declare const ICON_TYPE_TEXT_TEST_ID = "link-datasource-render-type--icon
  * @deprecated: To be cleaned up and replaced with new-icon after
  * `platform-datasources-enable-two-way-sync-priority` rollout.
  */
-declare const IconRenderType: ({ label, text, source, testId }: IconProps) => JSX.Element;
+declare const IconRenderType: ({ label, text, source, testId }: IconProps) => React.JSX.Element;
 export default IconRenderType;

package/dist/types/ui/issue-like-table/render-type/link/index.d.ts

@@ -4,5 +4,5 @@ interface LinkProps extends Link {
     testId?: string;
 }
 export declare const LINK_TYPE_TEST_ID = "link-datasource-render-type--link";
-declare const _default: React.MemoExoticComponent<({ style, url, text, testId }: LinkProps) => JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<({ style, url, text, testId }: LinkProps) => React.JSX.Element | null>;
 export default _default;

package/dist/types/ui/issue-like-table/render-type/new-icon/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { type Icon } from '@atlaskit/linking-types';
 interface IconProps extends Icon {
     testId?: string;
 }
 export declare const ICON_TYPE_TEST_ID = "link-datasource-render-type--icon";
 export declare const ICON_TYPE_TEXT_TEST_ID = "link-datasource-render-type--icon-text";
-declare const IconRenderType: ({ label, text, source, testId }: IconProps) => JSX.Element;
+declare const IconRenderType: ({ label, text, source, testId }: IconProps) => React.JSX.Element;
 export default IconRenderType;

package/dist/types/ui/issue-like-table/render-type/number/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { type NumberType } from '@atlaskit/linking-types';
 interface NumberProps {
     testId?: string;
     number: NumberType['value'];
 }
 export declare const NUMBER_TYPE_TEST_ID = "link-datasource-render-type--number";
-declare const NumberRenderType: ({ number, testId }: NumberProps) => JSX.Element;
+declare const NumberRenderType: ({ number, testId }: NumberProps) => React.JSX.Element;
 export default NumberRenderType;

package/dist/types/ui/issue-like-table/render-type/status/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { type Status } from '@atlaskit/linking-types';
 interface StatusProps extends Status {
     testId?: string;
 }
 export declare const STATUS_TYPE_TEST_ID = "link-datasource-render-type--status";
-declare const StatusRenderType: ({ text, style, testId }: StatusProps) => JSX.Element;
+declare const StatusRenderType: ({ text, style, testId }: StatusProps) => React.JSX.Element;
 export default StatusRenderType;

package/dist/types/ui/issue-like-table/render-type/tag/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { type TagType } from '@atlaskit/linking-types';
 interface TagProps {
     tag: TagType['value'];
     testId?: string;
 }
 export declare const TAG_TYPE_TEST_ID = "link-datasource-render-type--tag";
-declare const TagRenderType: ({ tag, testId }: TagProps) => JSX.Element;
+declare const TagRenderType: ({ tag, testId }: TagProps) => React.JSX.Element;
 export default TagRenderType;

package/dist/types/ui/issue-like-table/render-type/text/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { type StringType } from '@atlaskit/linking-types';
 interface TextProps {
     testId?: string;
     text: StringType['value'];
 }
 export declare const TEXT_TYPE_TEST_ID = "link-datasource-render-type--text";
-declare const TextRenderType: ({ text, testId }: TextProps) => JSX.Element;
+declare const TextRenderType: ({ text, testId }: TextProps) => React.JSX.Element;
 export default TextRenderType;