@atlaskit/link-datasource 3.18.0 → 3.18.2

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;

package/dist/types/ui/issue-like-table/shared-components/avatar/index.d.ts

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

package/dist/types/ui/issue-like-table/shared-components/icon/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface SharedIconComponentProps {
     /**
      * URL or SVG for the priority icon
@@ -19,5 +19,5 @@ interface SharedIconComponentProps {
  * Renders a icon and text label.
  * If the text is undefined, will not render the text label.
  */
-export declare function SharedIconComponent({ iconUrl, label, text, testId }: SharedIconComponentProps): JSX.Element;
+export declare function SharedIconComponent({ iconUrl, label, text, testId }: SharedIconComponentProps): React.JSX.Element;
 export {};

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

@@ -2,7 +2,7 @@
 export declare const ScrollableContainerHeight = 590;
 export declare const Table: 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").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
 /**
  * This is a hack used to override styles that are leaking to our table html element
@@ -15,9 +15,9 @@ export declare const withTablePluginHeaderPrefix: (mainRule?: string | undefined
 export declare const withTablePluginBodyPrefix: (mainRule?: string | undefined) => string;
 export declare const TableHeading: 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").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
 export declare const InlineEditableTableCell: 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").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;

package/dist/types/ui/issue-like-table/table-cell-content/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type DatasourceType } from '@atlaskit/linking-types';
 import { type TableViewPropsRenderType } from '../types';
 interface TableCellContentProps {
@@ -10,6 +10,6 @@ interface TableCellContentProps {
     renderItem: TableViewPropsRenderType;
     wrappedColumnKeys: string[] | undefined;
 }
-export declare const ReadOnlyCell: ({ id, columnType, wrappedColumnKeys, renderItem, columnKey, }: TableCellContentProps) => JSX.Element | null;
+export declare const ReadOnlyCell: ({ id, columnType, wrappedColumnKeys, renderItem, columnKey, }: TableCellContentProps) => React.JSX.Element | null;
 export declare const TableCellContent: ({ id, columnKey, columnTitle, columnType, renderItem, wrappedColumnKeys, }: TableCellContentProps) => JSX.Element;
 export {};

package/dist/types/ui/issue-like-table/table-cell-content/inline-edit.d.ts

@@ -16,5 +16,5 @@ interface InlineEditProps {
  * @throws Error if the value is not supplied.
  */
 export declare const newGetBackendUpdateValue: (typedNewValue: DatasourceTypeWithOnlyValues) => string;
-export declare const InlineEdit: ({ ari, execute, executeFetch, readView, columnKey, columnTitle, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
+export declare const InlineEdit: ({ ari, execute, executeFetch, readView, columnKey, columnTitle, datasourceTypeWithValues, }: InlineEditProps) => React.JSX.Element;
 export {};

package/dist/types/ui/jira-issues-modal/basic-filters/ui/async-popup-select/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { Site } from '../../../../../common/types';
 import { type SelectOption } from '../../../../common/modal/popup-select/types';
 import { type BasicFilterFieldType } from '../../types';
@@ -10,5 +10,5 @@ export interface AsyncPopupSelectProps {
     isDisabled?: boolean;
     site?: Site;
 }
-declare const AsyncPopupSelect: ({ filterType, site, selection, isJQLHydrating, onSelectionChange, isDisabled, }: AsyncPopupSelectProps) => JSX.Element;
+declare const AsyncPopupSelect: ({ filterType, site, selection, isJQLHydrating, onSelectionChange, isDisabled, }: AsyncPopupSelectProps) => React.JSX.Element;
 export default AsyncPopupSelect;

package/dist/types/ui/jira-issues-modal/basic-filters/ui/index.d.ts

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

package/dist/types/ui/jira-issues-modal/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { type JiraConfigModalProps } from './types';
 export declare const JIRA_LIST_OF_LINKS_DATASOURCE_ID = "d8b75300-dfda-4519-b6cd-e49abbd50401";
-declare const JiraIssuesConfigModalWithWrappers: (props: JiraConfigModalProps) => JSX.Element;
+declare const JiraIssuesConfigModalWithWrappers: (props: JiraConfigModalProps) => React.JSX.Element;
 export default JiraIssuesConfigModalWithWrappers;

package/dist/types/ui/jira-issues-modal/jql-editor/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface JiraJQLEditorProps {
     cloudId: string;
     isSearching?: boolean;
@@ -6,4 +6,4 @@ export interface JiraJQLEditorProps {
     onSearch: () => void;
     query: string;
 }
-export declare const JiraJQLEditor: ({ cloudId, isSearching, onChange, onSearch, query, }: JiraJQLEditorProps) => JSX.Element;
+export declare const JiraJQLEditor: ({ cloudId, isSearching, onChange, onSearch, query, }: JiraJQLEditorProps) => React.JSX.Element;

package/dist/types/ui/jira-issues-modal/modal/jira-issues-initial-state-svg.d.ts

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

package/dist/types/ui/table-footer/powered-by-jsm-assets/index.d.ts

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

package/dist/types/ui/table-footer/sync-info/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const SyncInfo: ({ lastSyncTime }: {
     lastSyncTime: Date;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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>, {}>;