@atlaskit/jql-editor 4.14.1 → 4.14.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/jql-editor
 
+## 4.14.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.14.1
 
 ### Patch Changes

package/dist/cjs/analytics/util.js

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", {
 exports.useJqlEditorAnalytics = void 0;
 var _jqlEditorCommon = require("@atlaskit/jql-editor-common");
 var useJqlEditorAnalytics = exports.useJqlEditorAnalytics = function useJqlEditorAnalytics(analyticsSource) {
-  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "4.14.1", _jqlEditorCommon.ANALYTICS_CHANNEL);
+  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "4.14.2", _jqlEditorCommon.ANALYTICS_CHANNEL);
 };

package/dist/es2019/analytics/util.js

@@ -1,4 +1,4 @@
 import { ANALYTICS_CHANNEL, useJqlPackageAnalytics } from '@atlaskit/jql-editor-common';
 export const useJqlEditorAnalytics = analyticsSource => {
-  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "4.14.1", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "4.14.2", ANALYTICS_CHANNEL);
 };

package/dist/esm/analytics/util.js

@@ -1,4 +1,4 @@
 import { ANALYTICS_CHANNEL, useJqlPackageAnalytics } from '@atlaskit/jql-editor-common';
 export var useJqlEditorAnalytics = function useJqlEditorAnalytics(analyticsSource) {
-  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "4.14.1", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "4.14.2", ANALYTICS_CHANNEL);
 };

package/dist/types/accessibility/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const ScreenReaderText: 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/analytics/listener/jql-editor-analytics-listener.d.ts

@@ -16,5 +16,5 @@ export default class JQLEditorAnalyticsListener extends React.Component<Listener
     logger: Logger;
     constructor(props: ListenerProps);
     handleEventWrapper: UIAnalyticsEventHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/types/async.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type JQLEditorProps } from './ui/types';
 export declare const preloadJQLEditor: () => import("react-loosely-lazy/dist/types/cleanup").Cleanup;
-export declare const JQLEditorAsync: (props: JQLEditorProps) => JSX.Element;
+export declare const JQLEditorAsync: (props: JQLEditorProps) => React.JSX.Element;

package/dist/types/common/styled.d.ts

@@ -2,5 +2,5 @@
 export declare const hiddenMixin: import("@emotion/react").SerializedStyles;
 export declare const TooltipContent: 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/plugins/autocomplete/components/autocomplete/index.d.ts

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

package/dist/types/plugins/autocomplete/components/autocomplete-dropdown/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type PluginKeymap } from '../../../common/plugin-keymap';
 import { type AutocompleteAnalyticsAttributes, type SelectableAutocompleteOption } from '../types';
 type Props = {
@@ -7,5 +7,5 @@ type Props = {
     keymap: PluginKeymap;
     onClick: (option: SelectableAutocompleteOption, analyticsAttributes: AutocompleteAnalyticsAttributes) => void;
 };
-declare const AutocompleteDropdown: ({ options, loading, keymap, onClick }: Props) => JSX.Element;
+declare const AutocompleteDropdown: ({ options, loading, keymap, onClick }: Props) => React.JSX.Element;
 export default AutocompleteDropdown;

package/dist/types/plugins/autocomplete/components/autocomplete-dropdown/styled.d.ts

@@ -1,21 +1,21 @@
 /// <reference types="react" />
 export declare const AutocompleteContainer: 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;
 } & {
     isOpen: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const AutocompleteOptionsContainer: 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 OptionList: 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<HTMLUListElement>, HTMLUListElement>, {}>;
 export declare const AutocompleteLoadingFooter: 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;
 } & {
     hasOptions: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/plugins/autocomplete/components/autocomplete-option/styled.d.ts

@@ -1,32 +1,32 @@
 /// <reference types="react" />
 export declare const TooltipContent: 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 OptionListItem: 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;
     isDeprecated: boolean;
 }, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
 export declare const OptionName: 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 DeprecatedOptionContainer: 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 OptionHighlight: 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<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const FieldType: 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 FieldTypeIcon: 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<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types/plugins/rich-inline-nodes/nodes/user/styled.d.ts

@@ -1,16 +1,16 @@
 /// <reference types="react" />
 export declare const UserContainer: 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;
 } & {
     selected: boolean;
     error: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const NameContainer: 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<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const AvatarWrapper: 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/error-boundary/index.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentClass, type FunctionComponent } from 'react';
+import React, { type ComponentClass, type FunctionComponent } from 'react';
 import { type JQLEditorUIProps } from '../jql-editor/types';
 type WithErrorBoundaryProps = {
     /**
@@ -21,5 +21,5 @@ type WithErrorBoundaryProps = {
      */
     isCompact?: boolean;
 };
-export declare const withErrorBoundary: <Props extends WithErrorBoundaryProps>(WrappedComponent: FunctionComponent<Props> | ComponentClass<Props>) => (props: Props) => JSX.Element;
+export declare const withErrorBoundary: <Props extends WithErrorBoundaryProps>(WrappedComponent: FunctionComponent<Props> | ComponentClass<Props>) => (props: Props) => React.JSX.Element;
 export {};

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

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

package/dist/types/ui/intl-provider/index.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentClass, type FunctionComponent } from 'react';
+import React, { type ComponentClass, type FunctionComponent } from 'react';
 type WithIntlProviderProps = {
     /**
      * React-intl locale. This should be set to "en" if alternate message sets are not being loaded higher in the React
@@ -6,5 +6,5 @@ type WithIntlProviderProps = {
      */
     locale?: string;
 };
-export declare const withIntlProvider: <Props extends WithIntlProviderProps>(WrappedComponent: FunctionComponent<Omit<Props, 'locale'>> | ComponentClass<Omit<Props, 'locale'>>) => (props: Props) => JSX.Element;
+export declare const withIntlProvider: <Props extends WithIntlProviderProps>(WrappedComponent: FunctionComponent<Omit<Props, 'locale'>> | ComponentClass<Omit<Props, 'locale'>>) => (props: Props) => React.JSX.Element;
 export {};

package/dist/types/ui/jql-editor-controls-content/base-expand-toggle/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     expanded: boolean;
     editorId: string;
@@ -6,5 +6,5 @@ type Props = {
     label: string;
     onClick: () => void;
 };
-export declare const BaseExpandToggle: ({ expanded, editorId, isDisabled, label, onClick }: Props) => JSX.Element;
+export declare const BaseExpandToggle: ({ expanded, editorId, isDisabled, label, onClick }: Props) => React.JSX.Element;
 export {};

package/dist/types/ui/jql-editor-controls-content/base-expand-toggle/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const ExpandToggleContainer: 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/jql-editor-controls-content/base-search/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     isDisabled?: boolean;
     isSearching?: boolean;
     label: string;
     onSearch: () => void;
 };
-export declare const BaseSearch: ({ isDisabled, isSearching, label, onSearch }: Props) => JSX.Element;
+export declare const BaseSearch: ({ isDisabled, isSearching, label, onSearch }: Props) => React.JSX.Element;
 export {};

package/dist/types/ui/jql-editor-controls-content/base-syntax-help/index.d.ts

@@ -1,9 +1,9 @@
-import { type MouseEvent } from 'react';
+import React, { type MouseEvent } from 'react';
 type Props = {
     describedby?: string;
     isDisabled?: boolean;
     label: string;
     onClick: (e: MouseEvent<HTMLElement>) => void;
 };
-export declare const BaseSyntaxHelp: ({ describedby, isDisabled, label, onClick }: Props) => JSX.Element;
+export declare const BaseSyntaxHelp: ({ describedby, isDisabled, label, onClick }: Props) => React.JSX.Element;
 export {};

package/dist/types/ui/jql-editor-controls-content/base-syntax-help/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const SyntaxHelpContainer: 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/jql-editor-controls-content/expand-toggle/index.d.ts

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

package/dist/types/ui/jql-editor-controls-content/index.d.ts

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

package/dist/types/ui/jql-editor-controls-content/read-only-controls-content/index.d.ts

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

package/dist/types/ui/jql-editor-controls-content/search/index.d.ts

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

package/dist/types/ui/jql-editor-controls-content/syntax-help/index.d.ts

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

package/dist/types/ui/jql-editor-footer-content/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * Message components are rendered by priority.
  * Message component decides on its own what exactly to render (GQL vs external messages).
  */
-export declare const JQLEditorFooterContent: () => JSX.Element;
+export declare const JQLEditorFooterContent: () => React.JSX.Element;

package/dist/types/ui/jql-editor-footer-content/jql-editor-help/index.d.ts

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

package/dist/types/ui/jql-editor-footer-content/jql-editor-help/styled.d.ts

@@ -4,6 +4,6 @@ type HelpContainerProps = {
 };
 export declare const HelpContainer: 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;
 } & HelpContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/dist/types/ui/jql-editor-footer-content/jql-messages/errors/index.d.ts

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

package/dist/types/ui/jql-editor-footer-content/jql-messages/format/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { type ExternalMessage } from '../../../../state/types';
 export declare const MessageContainer: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const FormatMessages: ({ messages }: {
     messages: ExternalMessage[];
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;

package/dist/types/ui/jql-editor-footer-content/jql-messages/format/styled.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 export declare const MessageContainer: 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;
 } & {
     isSearch: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MessageList: 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<HTMLUListElement>, HTMLUListElement>, {}>;

package/dist/types/ui/jql-editor-footer-content/jql-messages/infos/index.d.ts

@@ -1,3 +1,3 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 export declare const useFormattedInfoMessage: () => ReactNode;
-export declare const InfoMessages: () => JSX.Element | null;
+export declare const InfoMessages: () => React.JSX.Element | null;

package/dist/types/ui/jql-editor-footer-content/jql-messages/warnings/index.d.ts

@@ -1,3 +1,3 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 export declare const useFormattedWarningMessage: () => ReactNode;
-export declare const WarningMessages: () => JSX.Element | null;
+export declare const WarningMessages: () => React.JSX.Element | null;

package/dist/types/ui/jql-editor-layout/index.d.ts

@@ -53,12 +53,12 @@ type Props = {
      */
     onEditorViewTransitionEnd?: () => void;
 };
-declare const JQLEditorLayout: (props: Props) => JSX.Element;
+declare const JQLEditorLayout: (props: Props) => React.JSX.Element;
 type ReadOnlyProps = {
     query: string;
 };
 export declare const JQLEditorReadOnly: ({ isSearch, isCompact, ...props }: ReadOnlyProps & {
     isSearch?: boolean | undefined;
     isCompact?: boolean | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default JQLEditorLayout;

package/dist/types/ui/jql-editor-layout/styled.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 export declare const EditorMain: 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 EditorFooter: 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>, {}>;
 type EditorViewContainerProps = {
     editorViewHasFocus?: boolean;
@@ -13,17 +13,17 @@ type EditorViewContainerProps = {
 };
 export declare const EditorViewContainer: 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;
 } & EditorViewContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ReadOnlyEditorViewContainer: 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;
 } & EditorViewContainerProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const LineNumberToolbar: 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;
 } & {
     lineNumbersVisible: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -32,7 +32,7 @@ export declare const LineNumberToolbar: import("@emotion/styled").StyledComponen
  */
 export declare const EditorView: 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;
 } & {
     defaultMaxRows: number;
     expandedRows: number;
@@ -41,7 +41,7 @@ export declare const EditorView: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ReadOnlyEditorView: 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;
 } & {
     defaultMaxRows: number;
     expandedRows: number;
@@ -52,7 +52,7 @@ export declare const ReadOnlyEditorView: import("@emotion/styled").StyledCompone
 }, {}, {}>;
 export declare const EditorControls: 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;
 } & {
     isSearch: boolean;
     isCompact: boolean;

package/dist/types/ui/jql-editor-portal-provider/index.d.ts

@@ -1,7 +1,7 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 /**
  * Provides actions to manage portals via context and renders portalled components into the React tree.
  */
 export declare const JQLEditorPortalRenderer: ({ children }: {
     children: ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/ui/jql-editor-view/index.d.ts

@@ -6,5 +6,5 @@ declare const JQLEditorView: ({ inputRef }: {
     inputRef?: React.Ref<{
         focus: () => void;
     }> | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default JQLEditorView;

package/dist/types/ui/tooltip-tag/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const StyledTooltipTag: 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/accessibility/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const ScreenReaderText: 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/analytics/listener/jql-editor-analytics-listener.d.ts

@@ -16,5 +16,5 @@ export default class JQLEditorAnalyticsListener extends React.Component<Listener
     logger: Logger;
     constructor(props: ListenerProps);
     handleEventWrapper: UIAnalyticsEventHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type JQLEditorProps } from './ui/types';
 export declare const preloadJQLEditor: () => import("react-loosely-lazy/dist/types/cleanup").Cleanup;
-export declare const JQLEditorAsync: (props: JQLEditorProps) => JSX.Element;
+export declare const JQLEditorAsync: (props: JQLEditorProps) => React.JSX.Element;

package/dist/types-ts4.5/common/styled.d.ts

@@ -2,5 +2,5 @@
 export declare const hiddenMixin: import("@emotion/react").SerializedStyles;
 export declare const TooltipContent: 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/plugins/autocomplete/components/autocomplete/index.d.ts

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

package/dist/types-ts4.5/plugins/autocomplete/components/autocomplete-dropdown/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type PluginKeymap } from '../../../common/plugin-keymap';
 import { type AutocompleteAnalyticsAttributes, type SelectableAutocompleteOption } from '../types';
 type Props = {
@@ -7,5 +7,5 @@ type Props = {
     keymap: PluginKeymap;
     onClick: (option: SelectableAutocompleteOption, analyticsAttributes: AutocompleteAnalyticsAttributes) => void;
 };
-declare const AutocompleteDropdown: ({ options, loading, keymap, onClick }: Props) => JSX.Element;
+declare const AutocompleteDropdown: ({ options, loading, keymap, onClick }: Props) => React.JSX.Element;
 export default AutocompleteDropdown;

package/dist/types-ts4.5/plugins/autocomplete/components/autocomplete-dropdown/styled.d.ts

@@ -1,21 +1,21 @@
 /// <reference types="react" />
 export declare const AutocompleteContainer: 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;
 } & {
     isOpen: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const AutocompleteOptionsContainer: 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 OptionList: 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<HTMLUListElement>, HTMLUListElement>, {}>;
 export declare const AutocompleteLoadingFooter: 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;
 } & {
     hasOptions: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types-ts4.5/plugins/autocomplete/components/autocomplete-option/styled.d.ts

@@ -1,32 +1,32 @@
 /// <reference types="react" />
 export declare const TooltipContent: 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 OptionListItem: 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;
     isDeprecated: boolean;
 }, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
 export declare const OptionName: 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 DeprecatedOptionContainer: 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 OptionHighlight: 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<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const FieldType: 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 FieldTypeIcon: 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<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types-ts4.5/plugins/rich-inline-nodes/nodes/user/styled.d.ts

@@ -1,16 +1,16 @@
 /// <reference types="react" />
 export declare const UserContainer: 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;
 } & {
     selected: boolean;
     error: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const NameContainer: 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<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const AvatarWrapper: 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/error-boundary/index.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentClass, type FunctionComponent } from 'react';
+import React, { type ComponentClass, type FunctionComponent } from 'react';
 import { type JQLEditorUIProps } from '../jql-editor/types';
 type WithErrorBoundaryProps = {
     /**
@@ -21,5 +21,5 @@ type WithErrorBoundaryProps = {
      */
     isCompact?: boolean;
 };
-export declare const withErrorBoundary: <Props extends WithErrorBoundaryProps>(WrappedComponent: FunctionComponent<Props> | ComponentClass<Props>) => (props: Props) => JSX.Element;
+export declare const withErrorBoundary: <Props extends WithErrorBoundaryProps>(WrappedComponent: FunctionComponent<Props> | ComponentClass<Props>) => (props: Props) => React.JSX.Element;
 export {};

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

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

package/dist/types-ts4.5/ui/intl-provider/index.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentClass, type FunctionComponent } from 'react';
+import React, { type ComponentClass, type FunctionComponent } from 'react';
 type WithIntlProviderProps = {
     /**
      * React-intl locale. This should be set to "en" if alternate message sets are not being loaded higher in the React
@@ -6,5 +6,5 @@ type WithIntlProviderProps = {
      */
     locale?: string;
 };
-export declare const withIntlProvider: <Props extends WithIntlProviderProps>(WrappedComponent: FunctionComponent<Omit<Props, 'locale'>> | ComponentClass<Omit<Props, 'locale'>>) => (props: Props) => JSX.Element;
+export declare const withIntlProvider: <Props extends WithIntlProviderProps>(WrappedComponent: FunctionComponent<Omit<Props, 'locale'>> | ComponentClass<Omit<Props, 'locale'>>) => (props: Props) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/jql-editor-controls-content/base-expand-toggle/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     expanded: boolean;
     editorId: string;
@@ -6,5 +6,5 @@ type Props = {
     label: string;
     onClick: () => void;
 };
-export declare const BaseExpandToggle: ({ expanded, editorId, isDisabled, label, onClick }: Props) => JSX.Element;
+export declare const BaseExpandToggle: ({ expanded, editorId, isDisabled, label, onClick }: Props) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/jql-editor-controls-content/base-expand-toggle/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const ExpandToggleContainer: 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/jql-editor-controls-content/base-search/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     isDisabled?: boolean;
     isSearching?: boolean;
     label: string;
     onSearch: () => void;
 };
-export declare const BaseSearch: ({ isDisabled, isSearching, label, onSearch }: Props) => JSX.Element;
+export declare const BaseSearch: ({ isDisabled, isSearching, label, onSearch }: Props) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/jql-editor-controls-content/base-syntax-help/index.d.ts

@@ -1,9 +1,9 @@
-import { type MouseEvent } from 'react';
+import React, { type MouseEvent } from 'react';
 type Props = {
     describedby?: string;
     isDisabled?: boolean;
     label: string;
     onClick: (e: MouseEvent<HTMLElement>) => void;
 };
-export declare const BaseSyntaxHelp: ({ describedby, isDisabled, label, onClick }: Props) => JSX.Element;
+export declare const BaseSyntaxHelp: ({ describedby, isDisabled, label, onClick }: Props) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/jql-editor-controls-content/base-syntax-help/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const SyntaxHelpContainer: 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/jql-editor-controls-content/expand-toggle/index.d.ts

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

package/dist/types-ts4.5/ui/jql-editor-controls-content/index.d.ts

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

package/dist/types-ts4.5/ui/jql-editor-controls-content/read-only-controls-content/index.d.ts

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

package/dist/types-ts4.5/ui/jql-editor-controls-content/search/index.d.ts

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

package/dist/types-ts4.5/ui/jql-editor-controls-content/syntax-help/index.d.ts

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

package/dist/types-ts4.5/ui/jql-editor-footer-content/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * Message components are rendered by priority.
  * Message component decides on its own what exactly to render (GQL vs external messages).
  */
-export declare const JQLEditorFooterContent: () => JSX.Element;
+export declare const JQLEditorFooterContent: () => React.JSX.Element;

package/dist/types-ts4.5/ui/jql-editor-footer-content/jql-editor-help/index.d.ts

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

package/dist/types-ts4.5/ui/jql-editor-footer-content/jql-editor-help/styled.d.ts

@@ -4,6 +4,6 @@ type HelpContainerProps = {
 };
 export declare const HelpContainer: 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;
 } & HelpContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/dist/types-ts4.5/ui/jql-editor-footer-content/jql-messages/errors/index.d.ts

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

package/dist/types-ts4.5/ui/jql-editor-footer-content/jql-messages/format/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { type ExternalMessage } from '../../../../state/types';
 export declare const MessageContainer: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const FormatMessages: ({ messages }: {
     messages: ExternalMessage[];
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;

package/dist/types-ts4.5/ui/jql-editor-footer-content/jql-messages/format/styled.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 export declare const MessageContainer: 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;
 } & {
     isSearch: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MessageList: 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<HTMLUListElement>, HTMLUListElement>, {}>;

package/dist/types-ts4.5/ui/jql-editor-footer-content/jql-messages/infos/index.d.ts

@@ -1,3 +1,3 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 export declare const useFormattedInfoMessage: () => ReactNode;
-export declare const InfoMessages: () => JSX.Element | null;
+export declare const InfoMessages: () => React.JSX.Element | null;

package/dist/types-ts4.5/ui/jql-editor-footer-content/jql-messages/warnings/index.d.ts

@@ -1,3 +1,3 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 export declare const useFormattedWarningMessage: () => ReactNode;
-export declare const WarningMessages: () => JSX.Element | null;
+export declare const WarningMessages: () => React.JSX.Element | null;

package/dist/types-ts4.5/ui/jql-editor-layout/index.d.ts

@@ -53,12 +53,12 @@ type Props = {
      */
     onEditorViewTransitionEnd?: () => void;
 };
-declare const JQLEditorLayout: (props: Props) => JSX.Element;
+declare const JQLEditorLayout: (props: Props) => React.JSX.Element;
 type ReadOnlyProps = {
     query: string;
 };
 export declare const JQLEditorReadOnly: ({ isSearch, isCompact, ...props }: ReadOnlyProps & {
     isSearch?: boolean | undefined;
     isCompact?: boolean | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default JQLEditorLayout;

package/dist/types-ts4.5/ui/jql-editor-layout/styled.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 export declare const EditorMain: 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 EditorFooter: 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>, {}>;
 type EditorViewContainerProps = {
     editorViewHasFocus?: boolean;
@@ -13,17 +13,17 @@ type EditorViewContainerProps = {
 };
 export declare const EditorViewContainer: 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;
 } & EditorViewContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ReadOnlyEditorViewContainer: 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;
 } & EditorViewContainerProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const LineNumberToolbar: 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;
 } & {
     lineNumbersVisible: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -32,7 +32,7 @@ export declare const LineNumberToolbar: import("@emotion/styled").StyledComponen
  */
 export declare const EditorView: 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;
 } & {
     defaultMaxRows: number;
     expandedRows: number;
@@ -41,7 +41,7 @@ export declare const EditorView: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ReadOnlyEditorView: 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;
 } & {
     defaultMaxRows: number;
     expandedRows: number;
@@ -52,7 +52,7 @@ export declare const ReadOnlyEditorView: import("@emotion/styled").StyledCompone
 }, {}, {}>;
 export declare const EditorControls: 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;
 } & {
     isSearch: boolean;
     isCompact: boolean;

package/dist/types-ts4.5/ui/jql-editor-portal-provider/index.d.ts

@@ -1,7 +1,7 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 /**
  * Provides actions to manage portals via context and renders portalled components into the React tree.
  */
 export declare const JQLEditorPortalRenderer: ({ children }: {
     children: ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types-ts4.5/ui/jql-editor-view/index.d.ts

@@ -6,5 +6,5 @@ declare const JQLEditorView: ({ inputRef }: {
     inputRef?: React.Ref<{
         focus: () => void;
     }> | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default JQLEditorView;

package/dist/types-ts4.5/ui/tooltip-tag/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const StyledTooltipTag: 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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/jql-editor",
-	"version": "4.14.1",
+	"version": "4.14.2",
 	"description": "This package allows consumers to render an advanced JQL editor component to enable autocomplete-assisted authoring and validation of JQL queries.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -38,10 +38,10 @@
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/analytics-next": "^10.3.0",
 		"@atlaskit/avatar": "^21.18.0",
-		"@atlaskit/button": "^20.4.0",
+		"@atlaskit/button": "^20.5.0",
 		"@atlaskit/editor-prosemirror": "6.2.1",
 		"@atlaskit/form": "^11.1.0",
-		"@atlaskit/icon": "^23.6.0",
+		"@atlaskit/icon": "^23.7.0",
 		"@atlaskit/jql-ast": "^3.3.0",
 		"@atlaskit/jql-autocomplete": "^2.0.0",
 		"@atlaskit/jql-editor-common": "^2.2.0",
@@ -50,7 +50,7 @@
 		"@atlaskit/platform-feature-flags": "^1.0.0",
 		"@atlaskit/primitives": "^13.4.0",
 		"@atlaskit/spinner": "^17.1.0",
-		"@atlaskit/theme": "^14.1.0",
+		"@atlaskit/theme": "^15.0.0",
 		"@atlaskit/tokens": "^3.3.0",
 		"@atlaskit/tooltip": "^19.1.0",
 		"@babel/runtime": "^7.0.0",