@atlaskit/link-datasource 3.19.2 → 3.20.0

package/dist/esm/ui/table-footer/powered-by-jsm-assets/index.js

@@ -1,26 +1,20 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { JiraServiceManagementIcon } from '@atlaskit/logo';
-import { Box, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
-var jsmTextStyles = xcss({
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  fontSize: 'small',
-  color: 'color.text.subtle',
-  marginLeft: 'space.075',
-  ':hover': {
-    color: 'color.link.pressed'
-  }
-});
-var jsmContainerStyles = xcss({
-  display: 'flex',
-  flexDirection: 'row-reverse'
-});
+var styles = {
+  jsmTextStyles: "_syaz1gjq _18u012x7 _30l316c2",
+  jsmContainerStyles: "_1e0c1txw _2lx21sbv"
+};
 export var PoweredByJSMAssets = function PoweredByJSMAssets(props) {
   var ASSETS_LINK = '/jira/servicedesk/assets';
   var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: jsmContainerStyles,
+    xcss: styles.jsmContainerStyles,
     padding: "space.150"
   }, /*#__PURE__*/React.createElement("a", {
     "data-testid": 'powered-by-jsm-assets-link',
@@ -44,6 +38,11 @@ export var PoweredByJSMAssets = function PoweredByJSMAssets(props) {
     appearance: "brand",
     label: props.text
   }), /*#__PURE__*/React.createElement(Box, {
-    xcss: jsmTextStyles
+    xcss: styles.jsmTextStyles
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography, @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: {
+      fontSize: 'small'
+    }
   }, props.text)));
 };

package/dist/esm/ui/table-footer/table-footer-old.js

@@ -0,0 +1,101 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { Fragment, useEffect, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import styled from '@emotion/styled';
+import { FormattedMessage, useIntl } from 'react-intl-next';
+import Button from '@atlaskit/button';
+import RefreshIcon from '@atlaskit/icon/core/migration/refresh';
+import { Flex } from '@atlaskit/primitives';
+import { N0, N40 } from '@atlaskit/theme/colors';
+import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from '../assets-modal';
+import TableSearchCount, { AssetsItemCount } from '../common/modal/search-count';
+import { footerMessages } from './messages';
+import { PoweredByJSMAssets } from './powered-by-jsm-assets';
+import { SyncInfo } from './sync-info';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+var FooterWrapper = styled.div({
+  padding: "var(--ds-space-0, 0px)".concat(" ", "var(--ds-space-200, 16px)"),
+  boxSizing: 'border-box',
+  borderRadius: 'inherit',
+  borderTopLeftRadius: 0,
+  borderTopRightRadius: 0,
+  background: "var(--ds-background-input, ".concat(N0, ")"),
+  borderTop: "2px solid ".concat("var(--ds-background-accent-gray-subtler, ".concat(N40, ")"))
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+var TopBorderWrapper = styled.div({
+  display: 'flex',
+  boxSizing: 'border-box',
+  justifyContent: 'space-between',
+  padding: "var(--ds-space-250, 20px)".concat(" ", "var(--ds-space-0, 0px)")
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+var SyncWrapper = styled.div({
+  display: 'flex',
+  alignItems: 'center',
+  color: "var(--ds-text-accent-gray, #44546F)"
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+var SyncTextWrapper = styled.div({
+  marginRight: "var(--ds-space-075, 6px)",
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+});
+export var TableFooterOld = function TableFooterOld(_ref) {
+  var datasourceId = _ref.datasourceId,
+    itemCount = _ref.itemCount,
+    onRefresh = _ref.onRefresh,
+    isLoading = _ref.isLoading,
+    url = _ref.url;
+  var intl = useIntl();
+  var _useState = useState(new Date()),
+    _useState2 = _slicedToArray(_useState, 2),
+    lastSyncTime = _useState2[0],
+    setLastSyncTime = _useState2[1];
+  var showItemCount = itemCount && itemCount > 0 ? true : itemCount === 0 ? !isLoading : false;
+  useEffect(function () {
+    if (isLoading) {
+      setLastSyncTime(new Date());
+    }
+  }, [isLoading]);
+
+  // If only one of the two is passed in, still show the other one (Note: We keep the div encapsulating the one not shown to
+  // ensure correct positioning since 'justify-content: space-between' is used).
+  return onRefresh || showItemCount ? jsx(FooterWrapper, {
+    "data-testid": "table-footer"
+  }, jsx(TopBorderWrapper, null, showItemCount && jsx(Flex, null, datasourceId === ASSETS_LIST_OF_LINKS_DATASOURCE_ID ? jsx(AssetsItemCount, {
+    searchCount: itemCount,
+    url: url,
+    testId: "item-count"
+  }) : jsx(TableSearchCount, {
+    searchCount: itemCount,
+    url: url,
+    prefixTextType: "item",
+    testId: "item-count"
+  })), datasourceId === ASSETS_LIST_OF_LINKS_DATASOURCE_ID ? jsx(PoweredByJSMAssets, {
+    text: intl.formatMessage(footerMessages.powerByJSM)
+  }) : null, jsx(SyncWrapper, null, onRefresh && jsx(Fragment, null, jsx(SyncTextWrapper, {
+    "data-testid": "sync-text"
+  }, isLoading ? jsx(FormattedMessage, footerMessages.loadingText) : jsx(SyncInfo, {
+    lastSyncTime: lastSyncTime
+  })), jsx(Button, {
+    onClick: onRefresh,
+    appearance: "subtle",
+    iconBefore: jsx(RefreshIcon, {
+      label: intl.formatMessage(footerMessages.refreshLabel),
+      color: "currentColor",
+      spacing: "spacious"
+    }),
+    isDisabled: isLoading,
+    testId: "refresh-button"
+  }))))) : null;
+};

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

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 import { type AssetsConfigModalProps } from '../types';
-export declare const AssetsConfigModal: import("react").ForwardRefExoticComponent<AssetsConfigModalProps & import("@atlaskit/analytics-next").WithContextProps & import("react").RefAttributes<any>>;
+export declare const AssetsConfigModalNew: import("react").ForwardRefExoticComponent<AssetsConfigModalProps & import("@atlaskit/analytics-next").WithContextProps & import("react").RefAttributes<any>>;
+export declare const AssetsConfigModal: (props: AssetsConfigModalProps) => JSX.Element;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type AssetsConfigModalProps } from '../types';
+export declare const AssetsConfigModalOld: import("react").ForwardRefExoticComponent<AssetsConfigModalProps & import("@atlaskit/analytics-next").WithContextProps & import("react").RefAttributes<any>>;

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

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type DatasourceDataResponseItem, type DatasourceResponseSchemaProperty, type DatasourceTableStatusType } from '@atlaskit/linking-types';
 export interface RenderAssetsContentProps {
     isFetchingInitialData: boolean;
@@ -17,4 +17,5 @@ export interface RenderAssetsContentProps {
     onVisibleColumnKeysChange: (visibleColumnKeys: string[]) => void;
 }
 export declare const MODAL_HEIGHT = 420;
-export declare const RenderAssetsContent: (props: RenderAssetsContentProps) => jsx.JSX.Element;
+export declare const RenderAssetsContentNew: (props: RenderAssetsContentProps) => JSX.Element;
+export declare const RenderAssetsContent: (props: RenderAssetsContentProps) => JSX.Element;

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

@@ -2,5 +2,6 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
-export declare const InitialStateView: () => jsx.JSX.Element;
+/// <reference types="react" />
+export declare const InitialStateViewNew: () => JSX.Element;
+export declare const InitialStateView: () => JSX.Element;

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

@@ -0,0 +1,6 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+export declare const InitialStateViewOld: () => jsx.JSX.Element;

package/dist/types/ui/assets-modal/modal/render-assets-content/render-assets-content-old.d.ts

@@ -0,0 +1,20 @@
+import { jsx } from '@emotion/react';
+import { type DatasourceDataResponseItem, type DatasourceResponseSchemaProperty, type DatasourceTableStatusType } from '@atlaskit/linking-types';
+export interface RenderAssetsContentProps {
+    isFetchingInitialData: boolean;
+    status: DatasourceTableStatusType;
+    responseItems: DatasourceDataResponseItem[];
+    responseItemIds: string[];
+    visibleColumnKeys?: string[];
+    datasourceId: string;
+    aql?: string;
+    schemaId?: string;
+    onNextPage: () => void;
+    hasNextPage: boolean;
+    loadDatasourceDetails: () => Promise<void>;
+    columns: DatasourceResponseSchemaProperty[];
+    defaultVisibleColumnKeys: string[];
+    onVisibleColumnKeysChange: (visibleColumnKeys: string[]) => void;
+}
+export declare const MODAL_HEIGHT = 420;
+export declare const RenderAssetsContentOld: (props: RenderAssetsContentProps) => jsx.JSX.Element;

package/dist/types/ui/assets-modal/search-container/aql-search-input/aql-search-input-old.d.ts

@@ -0,0 +1,8 @@
+import { jsx } from '@emotion/react';
+export interface AqlSearchInputProps {
+    value: string;
+    workspaceId: string;
+    testId?: string;
+    isSearching: boolean;
+}
+export declare const AqlSearchInputOld: ({ value, workspaceId, testId, isSearching, }: AqlSearchInputProps) => jsx.JSX.Element;

package/dist/types/ui/assets-modal/search-container/aql-search-input/index.d.ts

@@ -1,8 +1,9 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 export interface AqlSearchInputProps {
     value: string;
     workspaceId: string;
     testId?: string;
     isSearching: boolean;
 }
-export declare const AqlSearchInput: ({ value, workspaceId, testId, isSearching, }: AqlSearchInputProps) => jsx.JSX.Element;
+export declare const AqlSearchInputNew: ({ value, workspaceId, testId, isSearching, }: AqlSearchInputProps) => JSX.Element;
+export declare const AqlSearchInput: (props: AqlSearchInputProps) => JSX.Element;

package/dist/types/ui/assets-modal/search-container/aql-search-input/loading-state.d.ts

@@ -1,6 +1,2 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-export declare const AssetsAqlSearchInputSkeleton: () => jsx.JSX.Element;
+import React from 'react';
+export declare const AssetsAqlSearchInputSkeleton: () => React.JSX.Element;

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

@@ -1,9 +1,4 @@
 /// <reference types="react" />
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
 import type { ObjectSchema } from '../../../types/assets/types';
 export type InitialSearchData = {
     objectSchema?: ObjectSchema;
@@ -17,4 +12,5 @@ export interface SearchContainerProps {
     modalTitle?: JSX.Element;
     isSearching: boolean;
 }
-export declare const AssetsSearchContainer: (props: SearchContainerProps) => jsx.JSX.Element;
+export declare const AssetsSearchContainerNew: (props: SearchContainerProps) => JSX.Element;
+export declare const AssetsSearchContainer: (props: SearchContainerProps) => JSX.Element;

package/dist/types/ui/assets-modal/search-container/loading-state-old.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+type AssetsSearchConatinerLoadingProps = {
+    modalTitle?: JSX.Element;
+};
+export declare const AssetsSearchContainerLoadingOld: ({ modalTitle }: AssetsSearchConatinerLoadingProps) => jsx.JSX.Element;
+export {};

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

@@ -1,11 +1,6 @@
 /// <reference types="react" />
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
 type AssetsSearchConatinerLoadingProps = {
     modalTitle?: JSX.Element;
 };
-export declare const AssetsSearchContainerLoading: ({ modalTitle }: AssetsSearchConatinerLoadingProps) => jsx.JSX.Element;
+export declare const AssetsSearchContainerLoading: (props: AssetsSearchConatinerLoadingProps) => JSX.Element;
 export {};

package/dist/types/ui/assets-modal/search-container/object-schema-select/index.d.ts

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type ObjectSchema } from '../../../../types/assets/types';
 type AssetsObjectSchemaSelectProps = {
     value: ObjectSchema | undefined;
@@ -21,5 +21,5 @@ export declare const selectInAModalStyleFixProps: {
     };
     menuPortalTarget: HTMLElement;
 };
-export declare const AssetsObjectSchemaSelect: ({ value, workspaceId, initialObjectSchemas, classNamePrefix, }: AssetsObjectSchemaSelectProps) => jsx.JSX.Element;
+export declare const AssetsObjectSchemaSelect: ({ value, workspaceId, initialObjectSchemas, classNamePrefix, }: AssetsObjectSchemaSelectProps) => JSX.Element;
 export {};

package/dist/types/ui/assets-modal/search-container/object-schema-select/loading-state.d.ts

@@ -1,6 +1,2 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-export declare const AssetsObjectSchemaSelectSkeleton: () => jsx.JSX.Element;
+import React from 'react';
+export declare const AssetsObjectSchemaSelectSkeleton: () => React.JSX.Element;

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import type { ObjectSchema } from '../../../types/assets/types';
+export type InitialSearchData = {
+    objectSchema?: ObjectSchema;
+    objectSchemas?: ObjectSchema[];
+    aql?: string;
+};
+export interface SearchContainerProps {
+    workspaceId: string;
+    initialSearchData: InitialSearchData;
+    onSearch: (aql: string, schemaId: string) => void;
+    modalTitle?: JSX.Element;
+    isSearching: boolean;
+}
+export declare const AssetsSearchContainerOld: (props: SearchContainerProps) => jsx.JSX.Element;

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare const FormRowContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | 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, 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, 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, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,19 +1,4 @@
 /// <reference types="react" />
-export declare const FormRowContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | 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, 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, 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, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FormRowContainer: (props: React.PropsWithChildren<{
+    isNarrowGap?: boolean;
+}>) => JSX.Element;

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

@@ -0,0 +1,7 @@
+import { jsx } from '@emotion/react';
+interface AccessRequiredProps {
+    /** The url to be displayed to the user when they are unauthorized to query */
+    url?: string;
+}
+export declare const AccessRequiredOld: ({ url }: AccessRequiredProps) => jsx.JSX.Element;
+export {};

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

@@ -1,7 +1,8 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 interface AccessRequiredProps {
     /** The url to be displayed to the user when they are unauthorized to query */
     url?: string;
 }
-export declare const AccessRequired: ({ url }: AccessRequiredProps) => jsx.JSX.Element;
+export declare const AccessRequiredNew: ({ url }: AccessRequiredProps) => JSX.Element;
+export declare const AccessRequired: (props: AccessRequiredProps) => JSX.Element;
 export {};

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

@@ -0,0 +1,6 @@
+import { jsx } from '@emotion/react';
+interface LoadingErrorProps {
+    onRefresh?: () => void;
+}
+export declare const LoadingErrorOld: ({ onRefresh }: LoadingErrorProps) => jsx.JSX.Element;
+export {};

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

@@ -1,6 +1,7 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 interface LoadingErrorProps {
     onRefresh?: () => void;
 }
-export declare const LoadingError: ({ onRefresh }: LoadingErrorProps) => jsx.JSX.Element;
+export declare const LoadingErrorNew: ({ onRefresh }: LoadingErrorProps) => JSX.Element;
+export declare const LoadingError: (props: LoadingErrorProps) => JSX.Element;
 export {};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+interface ModalLoadingErrorProps {
+    errorMessage?: React.ReactNode;
+}
+export declare const ModalLoadingErrorOld: ({ errorMessage, }: ModalLoadingErrorProps) => jsx.JSX.Element;
+export {};

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { jsx } from '@emotion/react';
 interface ModalLoadingErrorProps {
     errorMessage?: React.ReactNode;
 }
-export declare const ModalLoadingError: ({ errorMessage, }: ModalLoadingErrorProps) => jsx.JSX.Element;
+export declare const ModalLoadingErrorNew: ({ errorMessage, }: ModalLoadingErrorProps) => JSX.Element;
+export declare const ModalLoadingError: (props: ModalLoadingErrorProps) => JSX.Element;
 export {};

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

@@ -0,0 +1,13 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { type MessageDescriptor } from 'react-intl-next';
+interface NoInstanceViewProps {
+    title: MessageDescriptor;
+    description: MessageDescriptor;
+    testId: string;
+}
+export declare const NoInstancesViewOld: ({ title, description, testId }: NoInstanceViewProps) => jsx.JSX.Element;
+export {};

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

@@ -1,13 +1,10 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type MessageDescriptor } from 'react-intl-next';
 interface NoInstanceViewProps {
     title: MessageDescriptor;
     description: MessageDescriptor;
     testId: string;
 }
-export declare const NoInstancesView: ({ title, description, testId }: NoInstanceViewProps) => jsx.JSX.Element;
+export declare const NoInstancesViewNew: ({ title, description, testId }: NoInstanceViewProps) => JSX.Element;
+export declare const NoInstancesView: (props: NoInstanceViewProps) => JSX.Element;
 export {};

package/dist/types/ui/common/error-state/no-results-old.d.ts

@@ -0,0 +1,6 @@
+import { jsx } from '@emotion/react';
+interface NoResultsProps {
+    onRefresh?: () => void;
+}
+export declare const NoResultsOld: ({ onRefresh }: NoResultsProps) => jsx.JSX.Element;
+export {};

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

@@ -1,6 +1,7 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 interface NoResultsProps {
     onRefresh?: () => void;
 }
-export declare const NoResults: ({ onRefresh }: NoResultsProps) => jsx.JSX.Element;
+export declare const NoResultsNew: ({ onRefresh }: NoResultsProps) => JSX.Element;
+export declare const NoResults: (props: NoResultsProps) => JSX.Element;
 export {};

package/dist/types/ui/common/error-state/provider-auth-required-old.d.ts

@@ -0,0 +1,12 @@
+import { jsx } from '@emotion/react';
+import { type DatasourceMeta } from '@atlaskit/linking-types';
+interface ProviderAuthRequiredProps {
+    auth: DatasourceMeta['auth'];
+    onAuthSuccess: () => void;
+    onAuthError: () => void;
+    extensionKey: string | null;
+    providerName: DatasourceMeta['providerName'];
+    datasourceId: string;
+}
+export declare const ProviderAuthRequiredOld: ({ auth, onAuthSuccess, onAuthError, extensionKey, providerName, datasourceId, }: ProviderAuthRequiredProps) => jsx.JSX.Element;
+export {};

package/dist/types/ui/common/error-state/provider-auth-required-svg-old.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+export declare const ProviderAuthRequiredSVGOld: () => jsx.JSX.Element;

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

@@ -1,6 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-export declare const ProviderAuthRequiredSVG: () => jsx.JSX.Element;
+/// <reference types="react" />
+export declare const ProviderAuthRequiredSVGNew: () => JSX.Element;
+export declare const ProviderAuthRequiredSVG: () => JSX.Element;

package/dist/types/ui/common/error-state/provider-auth-required.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type DatasourceMeta } from '@atlaskit/linking-types';
 interface ProviderAuthRequiredProps {
     auth: DatasourceMeta['auth'];
@@ -8,5 +8,6 @@ interface ProviderAuthRequiredProps {
     providerName: DatasourceMeta['providerName'];
     datasourceId: string;
 }
-export declare const ProviderAuthRequired: ({ auth, onAuthSuccess, onAuthError, extensionKey, providerName, datasourceId, }: ProviderAuthRequiredProps) => jsx.JSX.Element;
+export declare const ProviderAuthRequiredNew: ({ auth, onAuthSuccess, onAuthError, extensionKey, providerName, datasourceId, }: ProviderAuthRequiredProps) => JSX.Element;
+export declare const ProviderAuthRequired: (props: ProviderAuthRequiredProps) => JSX.Element;
 export {};

package/dist/types/ui/common/initial-state-view/index.d.ts

@@ -1,9 +1,4 @@
 /// <reference types="react" />
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
 import { type MessageDescriptor } from 'react-intl-next';
 interface InitialStateViewProps {
     icon: JSX.Element;
@@ -15,5 +10,6 @@ interface InitialStateViewProps {
         text: MessageDescriptor;
     };
 }
-export declare const InitialStateView: ({ icon, showBeta, title, description, learnMoreLink, }: InitialStateViewProps) => jsx.JSX.Element;
+export declare const InitialStateViewNew: ({ icon, showBeta, title, description, learnMoreLink, }: InitialStateViewProps) => JSX.Element;
+export declare const InitialStateView: (props: InitialStateViewProps) => JSX.Element;
 export {};

package/dist/types/ui/common/initial-state-view/initial-state-view-old.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { type MessageDescriptor } from 'react-intl-next';
+interface InitialStateViewProps {
+    icon: JSX.Element;
+    showBeta?: boolean;
+    title: MessageDescriptor;
+    description: MessageDescriptor;
+    learnMoreLink?: {
+        href: string;
+        text: MessageDescriptor;
+    };
+}
+export declare const InitialStateViewOld: ({ icon, showBeta, title, description, learnMoreLink, }: InitialStateViewProps) => jsx.JSX.Element;
+export {};

package/dist/types/ui/common/modal/basic-search-input/basic-search-input-old.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import { type MessageDescriptor } from 'react-intl-next';
+export interface BasicSearchInputProps {
+    isDisabled?: boolean;
+    isSearching?: boolean;
+    onChange: React.FormEventHandler<HTMLInputElement>;
+    onSearch: (searchTerm: string) => void;
+    searchTerm: string;
+    fullWidth?: boolean;
+    testId: string;
+    placeholder: MessageDescriptor;
+}
+export declare const BasicSearchInputOld: ({ isDisabled, isSearching, onChange, onSearch, searchTerm, fullWidth, testId, placeholder, }: BasicSearchInputProps) => jsx.JSX.Element;

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

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 /// <reference types="react" />
-import { jsx } from '@emotion/react';
 import { type MessageDescriptor } from 'react-intl-next';
 export interface BasicSearchInputProps {
     isDisabled?: boolean;
@@ -15,4 +14,5 @@ export interface BasicSearchInputProps {
     testId: string;
     placeholder: MessageDescriptor;
 }
-export declare const BasicSearchInput: ({ isDisabled, isSearching, onChange, onSearch, searchTerm, fullWidth, testId, placeholder, }: BasicSearchInputProps) => jsx.JSX.Element;
+export declare const BasicSearchInputNew: ({ isDisabled, isSearching, onChange, onSearch, searchTerm, fullWidth, testId, placeholder, }: BasicSearchInputProps) => JSX.Element;
+export declare const BasicSearchInput: (props: BasicSearchInputProps) => JSX.Element;

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

@@ -1,8 +1,8 @@
-import { jsx } from '@emotion/react';
+import React from 'react';
 import { type ButtonClickedCancelAttributesType } from '../../../../analytics/generated/analytics.types';
 export interface CancelButtonProps {
     getAnalyticsPayload: () => ButtonClickedCancelAttributesType;
     onCancel: () => void;
     testId?: string;
 }
-export declare const CancelButton: ({ getAnalyticsPayload, onCancel, testId }: CancelButtonProps) => jsx.JSX.Element;
+export declare const CancelButton: ({ getAnalyticsPayload, onCancel, testId }: CancelButtonProps) => React.JSX.Element;