@atlaskit/link-datasource 3.18.0 → 3.18.2

package/CHANGELOG.md

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

package/dist/cjs/ui/common/initial-state-view/messages.js

@@ -41,11 +41,11 @@ var initialStateViewMessages = exports.initialStateViewMessages = (0, _reactIntl
   searchDescriptionForJQLSearchIssueTermRefresh: {
     id: 'linkDataSource.modal-initial-state.searchDescription-jql-issue-term-refresh',
     description: 'The initial modal search state helper message displayed under the search title when JQL search mode is selected',
-    defaultMessage: "Use JQL (Jira Query Language) to search for work items."
+    defaultMessage: 'Use JQL (Jira Query Language) to search for work items.'
   },
   searchDescriptionForBasicSearchIssueTermRefresh: {
     id: 'linkDataSource.modal-initial-state.searchDescription-basic-issue-term-refresh',
     description: 'The initial modal search state helper message displayed under the search title when basic search mode is selected',
-    defaultMessage: "Search by keyword for work items to insert."
+    defaultMessage: 'Search by keyword for work items to insert.'
   }
 });

package/dist/cjs/ui/common/modal/basic-search-input/messages.js

@@ -19,11 +19,11 @@ var basicSearchInputMessages = exports.basicSearchInputMessages = (0, _reactIntl
   basicTextSearchLabelDuplicateIssueTermRefresh: {
     id: 'linkDataSource.configmodal.basicTextSearchPlaceholder-issue-term-refresh',
     description: 'Placeholder text for the search input box',
-    defaultMessage: "Search for work items by keyword"
+    defaultMessage: 'Search for work items by keyword'
   },
   basicTextSearchLabelIssueTermRefresh: {
     id: 'linkDataSource.jira-issues.configmodal.basicTextSearchPlaceholder-issue-term-refresh',
     description: 'Placeholder text for the search input box',
-    defaultMessage: "Search for work items by keyword"
+    defaultMessage: 'Search for work items by keyword'
   }
 });

package/dist/cjs/ui/common/modal/search-count/messages.js

@@ -22,8 +22,8 @@ var searchCountMessages = exports.searchCountMessages = (0, _reactIntlNext.defin
     defaultMessage: '{searchCount, plural, one {# item} other {# items}}'
   },
   issueCountTextIssueTermRefresh: {
-    id: "linkDataSource.search.configmodal.issueCountText-issue-term-refresh",
+    id: 'linkDataSource.search.configmodal.issueCountText-issue-term-refresh',
     description: 'Text that indicates the number of jira issues in the search result.',
-    defaultMessage: "{searchCount, plural, one {# work item} other {# work items}}"
+    defaultMessage: '{searchCount, plural, one {# work item} other {# work items}}'
   }
 });

package/dist/es2019/ui/common/initial-state-view/messages.js

@@ -35,11 +35,11 @@ export const initialStateViewMessages = defineMessages({
   searchDescriptionForJQLSearchIssueTermRefresh: {
     id: 'linkDataSource.modal-initial-state.searchDescription-jql-issue-term-refresh',
     description: 'The initial modal search state helper message displayed under the search title when JQL search mode is selected',
-    defaultMessage: "Use JQL (Jira Query Language) to search for work items."
+    defaultMessage: 'Use JQL (Jira Query Language) to search for work items.'
   },
   searchDescriptionForBasicSearchIssueTermRefresh: {
     id: 'linkDataSource.modal-initial-state.searchDescription-basic-issue-term-refresh',
     description: 'The initial modal search state helper message displayed under the search title when basic search mode is selected',
-    defaultMessage: "Search by keyword for work items to insert."
+    defaultMessage: 'Search by keyword for work items to insert.'
   }
 });

package/dist/es2019/ui/common/modal/basic-search-input/messages.js

@@ -13,11 +13,11 @@ export const basicSearchInputMessages = defineMessages({
   basicTextSearchLabelDuplicateIssueTermRefresh: {
     id: 'linkDataSource.configmodal.basicTextSearchPlaceholder-issue-term-refresh',
     description: 'Placeholder text for the search input box',
-    defaultMessage: "Search for work items by keyword"
+    defaultMessage: 'Search for work items by keyword'
   },
   basicTextSearchLabelIssueTermRefresh: {
     id: 'linkDataSource.jira-issues.configmodal.basicTextSearchPlaceholder-issue-term-refresh',
     description: 'Placeholder text for the search input box',
-    defaultMessage: "Search for work items by keyword"
+    defaultMessage: 'Search for work items by keyword'
   }
 });

package/dist/es2019/ui/common/modal/search-count/messages.js

@@ -16,8 +16,8 @@ export const searchCountMessages = defineMessages({
     defaultMessage: '{searchCount, plural, one {# item} other {# items}}'
   },
   issueCountTextIssueTermRefresh: {
-    id: "linkDataSource.search.configmodal.issueCountText-issue-term-refresh",
+    id: 'linkDataSource.search.configmodal.issueCountText-issue-term-refresh',
     description: 'Text that indicates the number of jira issues in the search result.',
-    defaultMessage: "{searchCount, plural, one {# work item} other {# work items}}"
+    defaultMessage: '{searchCount, plural, one {# work item} other {# work items}}'
   }
 });

package/dist/esm/ui/common/initial-state-view/messages.js

@@ -35,11 +35,11 @@ export var initialStateViewMessages = defineMessages({
   searchDescriptionForJQLSearchIssueTermRefresh: {
     id: 'linkDataSource.modal-initial-state.searchDescription-jql-issue-term-refresh',
     description: 'The initial modal search state helper message displayed under the search title when JQL search mode is selected',
-    defaultMessage: "Use JQL (Jira Query Language) to search for work items."
+    defaultMessage: 'Use JQL (Jira Query Language) to search for work items.'
   },
   searchDescriptionForBasicSearchIssueTermRefresh: {
     id: 'linkDataSource.modal-initial-state.searchDescription-basic-issue-term-refresh',
     description: 'The initial modal search state helper message displayed under the search title when basic search mode is selected',
-    defaultMessage: "Search by keyword for work items to insert."
+    defaultMessage: 'Search by keyword for work items to insert.'
   }
 });

package/dist/esm/ui/common/modal/basic-search-input/messages.js

@@ -13,11 +13,11 @@ export var basicSearchInputMessages = defineMessages({
   basicTextSearchLabelDuplicateIssueTermRefresh: {
     id: 'linkDataSource.configmodal.basicTextSearchPlaceholder-issue-term-refresh',
     description: 'Placeholder text for the search input box',
-    defaultMessage: "Search for work items by keyword"
+    defaultMessage: 'Search for work items by keyword'
   },
   basicTextSearchLabelIssueTermRefresh: {
     id: 'linkDataSource.jira-issues.configmodal.basicTextSearchPlaceholder-issue-term-refresh',
     description: 'Placeholder text for the search input box',
-    defaultMessage: "Search for work items by keyword"
+    defaultMessage: 'Search for work items by keyword'
   }
 });

package/dist/esm/ui/common/modal/search-count/messages.js

@@ -16,8 +16,8 @@ export var searchCountMessages = defineMessages({
     defaultMessage: '{searchCount, plural, one {# item} other {# items}}'
   },
   issueCountTextIssueTermRefresh: {
-    id: "linkDataSource.search.configmodal.issueCountText-issue-term-refresh",
+    id: 'linkDataSource.search.configmodal.issueCountText-issue-term-refresh',
     description: 'Text that indicates the number of jira issues in the search result.',
-    defaultMessage: "{searchCount, plural, one {# work item} other {# work items}}"
+    defaultMessage: '{searchCount, plural, one {# work item} other {# work items}}'
   }
 });

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;