@atlaskit/jql-editor 4.14.0 → 4.14.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/jql-editor
 
+## 4.14.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.14.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.14.0
 
 ### Minor 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.0", _jqlEditorCommon.ANALYTICS_CHANNEL);
+  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "4.14.2", _jqlEditorCommon.ANALYTICS_CHANNEL);
 };

package/dist/cjs/plugins/common/get-document-position/index.js

@@ -24,7 +24,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @param parentNodePos Current document and text position within the parent when entering the current node.
  * @param textPosition Text position to find in the Prosemirror document.
  */
-var enterNode = function enterNode(node, parentNodePos, textPosition) {
+var _enterNode = function enterNode(node, parentNodePos, textPosition) {
   var nodePos = _objectSpread({}, parentNodePos);
   var isDocNode = node.type === _schema.JQLEditorSchema.nodes.doc;
 
@@ -66,7 +66,7 @@ var enterNode = function enterNode(node, parentNodePos, textPosition) {
     }
   }
   for (var i = 0; i < node.childCount; i++) {
-    nodePos = enterNode(node.child(i), nodePos, textPosition);
+    nodePos = _enterNode(node.child(i), nodePos, textPosition);
 
     // If we have a matching node after iterating this nodes children then return the current node position.
     if (nodePos.text === textPosition) {
@@ -93,7 +93,7 @@ var getDocumentPosition = function getDocumentPosition(doc, textPosition) {
     text: 0,
     enteredInitialBlock: false
   };
-  var matchingNodePos = enterNode(doc, currentPos, textPosition);
+  var matchingNodePos = _enterNode(doc, currentPos, textPosition);
   return matchingNodePos.doc;
 };
 var _default = exports.default = getDocumentPosition;

package/dist/cjs/plugins/rich-inline-nodes/index.js

@@ -33,22 +33,24 @@ var richInlineNodesPlugin = function richInlineNodesPlugin(portalActions) {
     key: RichInlineNodesPluginKey,
     props: {
       decorations: function decorations(state) {
+        var _decorations;
         var decorations = [];
 
         // Apply selected decoration to node views when they are part of a text selection
         var _state$selection = state.selection,
           from = _state$selection.from,
           to = _state$selection.to;
-        decorations.push.apply(decorations, (0, _toConsumableArray2.default)(decorateNodesInRange(state, _constants.SELECTED_NODE, from, to)));
+        (_decorations = decorations).push.apply(_decorations, (0, _toConsumableArray2.default)(decorateNodesInRange(state, _constants.SELECTED_NODE, from, to)));
 
         // Apply error decoration to node views when they are part of AST error range
         var ast = (0, _jqlAst2.getJastFromState)(state);
         var _ast$errors = (0, _slicedToArray2.default)(ast.errors, 1),
           error = _ast$errors[0];
         if (error instanceof _jqlAst.JQLSyntaxError) {
+          var _decorations2;
           var documentFrom = (0, _getDocumentPosition.default)(state.doc, error.start);
           var documentTo = (0, _getDocumentPosition.default)(state.doc, error.stop);
-          decorations.push.apply(decorations, (0, _toConsumableArray2.default)(decorateNodesInRange(state, _constants.ERROR_NODE, documentFrom, documentTo)));
+          (_decorations2 = decorations).push.apply(_decorations2, (0, _toConsumableArray2.default)(decorateNodesInRange(state, _constants.ERROR_NODE, documentFrom, documentTo)));
         }
         return _view2.DecorationSet.create(state.doc, decorations);
       },

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.0", 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.0", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "4.14.2", ANALYTICS_CHANNEL);
 };

package/dist/esm/plugins/common/get-document-position/index.js

@@ -18,7 +18,7 @@ import { JQLEditorSchema } from '../../../schema';
  * @param parentNodePos Current document and text position within the parent when entering the current node.
  * @param textPosition Text position to find in the Prosemirror document.
  */
-var enterNode = function enterNode(node, parentNodePos, textPosition) {
+var _enterNode = function enterNode(node, parentNodePos, textPosition) {
   var nodePos = _objectSpread({}, parentNodePos);
   var isDocNode = node.type === JQLEditorSchema.nodes.doc;
 
@@ -60,7 +60,7 @@ var enterNode = function enterNode(node, parentNodePos, textPosition) {
     }
   }
   for (var i = 0; i < node.childCount; i++) {
-    nodePos = enterNode(node.child(i), nodePos, textPosition);
+    nodePos = _enterNode(node.child(i), nodePos, textPosition);
 
     // If we have a matching node after iterating this nodes children then return the current node position.
     if (nodePos.text === textPosition) {
@@ -87,7 +87,7 @@ var getDocumentPosition = function getDocumentPosition(doc, textPosition) {
     text: 0,
     enteredInitialBlock: false
   };
-  var matchingNodePos = enterNode(doc, currentPos, textPosition);
+  var matchingNodePos = _enterNode(doc, currentPos, textPosition);
   return matchingNodePos.doc;
 };
 export default getDocumentPosition;

package/dist/esm/plugins/rich-inline-nodes/index.js

@@ -26,22 +26,24 @@ var richInlineNodesPlugin = function richInlineNodesPlugin(portalActions) {
     key: RichInlineNodesPluginKey,
     props: {
       decorations: function decorations(state) {
+        var _decorations;
         var decorations = [];
 
         // Apply selected decoration to node views when they are part of a text selection
         var _state$selection = state.selection,
           from = _state$selection.from,
           to = _state$selection.to;
-        decorations.push.apply(decorations, _toConsumableArray(decorateNodesInRange(state, SELECTED_NODE, from, to)));
+        (_decorations = decorations).push.apply(_decorations, _toConsumableArray(decorateNodesInRange(state, SELECTED_NODE, from, to)));
 
         // Apply error decoration to node views when they are part of AST error range
         var ast = getJastFromState(state);
         var _ast$errors = _slicedToArray(ast.errors, 1),
           error = _ast$errors[0];
         if (error instanceof JQLSyntaxError) {
+          var _decorations2;
           var documentFrom = getDocumentPosition(state.doc, error.start);
           var documentTo = getDocumentPosition(state.doc, error.stop);
-          decorations.push.apply(decorations, _toConsumableArray(decorateNodesInRange(state, ERROR_NODE, documentFrom, documentTo)));
+          (_decorations2 = decorations).push.apply(_decorations2, _toConsumableArray(decorateNodesInRange(state, ERROR_NODE, documentFrom, documentTo)));
         }
         return DecorationSet.create(state.doc, decorations);
       },

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/state/index.d.ts

@@ -889,4 +889,4 @@ export declare const useOnSyntaxHelp: import("react-sweet-state").HookFunction<v
     externalErrorMessageViewed: () => Action<State, Props>;
     createAndFireAnalyticsEvent: (payload: JqlEditorAnalyticsEvent) => Action<State, Props>;
 }>, void>;
-export declare const EditorStateContainer: import("react-sweet-state").ContainerComponent<Props>;
+export declare const EditorStateContainer: import("react-sweet-state").OverrideContainerComponent<Props>;

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>, {}>;