@atlaskit/link-datasource 0.29.3 → 0.29.5

package/dist/types/hooks/useAssetsClient.d.ts

@@ -1,7 +1,9 @@
 import { ObjectSchema } from '../types/assets/types';
-export interface AssetsClientState {
-    workspaceId?: string;
-    objectSchemas?: ObjectSchema[];
-    error?: Error;
-}
-export declare const useAssetsClient: (hostname?: string) => AssetsClientState;
+import { AssetsDatasourceParameters } from '../ui/assets-modal/types';
+export type UseAssetsClientState = {
+    workspaceId: string | undefined;
+    workspaceError: Error | undefined;
+    objectSchema: ObjectSchema | undefined;
+    assetsClientLoading: boolean;
+};
+export declare const useAssetsClient: (initialParameters?: AssetsDatasourceParameters) => UseAssetsClientState;

package/dist/types/hooks/useObjectSchemas.d.ts

@@ -0,0 +1,8 @@
+import { ObjectSchema } from '../types/assets/types';
+export type UseObjectSchemasState = {
+    objectSchemasLoading: boolean;
+    objectSchemasError: Error | undefined;
+    objectSchemas: ObjectSchema[] | undefined;
+    fetchObjectSchemas: (query: string) => Promise<ObjectSchema[] | undefined>;
+};
+export declare const useObjectSchemas: (workspaceId: string) => UseObjectSchemasState;

package/dist/types/hooks/useValidateAqlText.d.ts

@@ -1,4 +1,7 @@
-export declare const useValidateAqlText: (workspaceId: string, hostname?: string) => {
+export type UseValidateAqlTextState = {
+    validateAqlTextLoading: boolean;
+    validateAqlTextError: Error | undefined;
+    isValidAqlText: boolean;
     validateAqlText: (aql: string) => Promise<boolean>;
-    isLoading: boolean;
 };
+export declare const useValidateAqlText: (workspaceId: string, hostname?: string) => UseValidateAqlTextState;

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 export { default as JiraIssuesConfigModal } from './ui/jira-issues-modal';
+export { default as AssetsConfigModal } from './ui/assets-modal';
 export { default as DatasourceTableView } from './ui/datasource-table-view';
 export { default as JSMAssetsConfigModal } from './ui/assets-modal';
 export type { JiraIssuesDatasourceAdf, JiraIssueDatasourceParameters, } from './ui/jira-issues-modal/types';

package/dist/types/services/cmdbService.d.ts

@@ -1,6 +1,7 @@
 import { AqlValidateResponse, FetchObjectSchemasResponse } from '../types/assets/types';
-export declare const getWorkspaceId: (hostname?: string) => Promise<string>;
+export declare const getWorkspaceId: () => Promise<string>;
 export declare const validateAql: (workspaceId: string, data: {
     qlQuery: string;
-}, hostname?: string) => Promise<AqlValidateResponse>;
-export declare const fetchObjectSchemas: (workspaceId: string, hostname?: string) => Promise<FetchObjectSchemasResponse>;
+}) => Promise<AqlValidateResponse>;
+export declare const fetchObjectSchema: (workspaceId: string, schemaId: string) => Promise<import("../types/assets/types").ObjectSchema>;
+export declare const fetchObjectSchemas: (workspaceId: string, query?: string) => Promise<FetchObjectSchemasResponse>;

package/dist/types/types/assets/types.d.ts

@@ -1,23 +1,34 @@
-export interface GetWorkspaceDetailsResponse {
+export type GetWorkspaceDetailsResponse = {
     results: [
         {
             id: string;
         }
     ];
-}
-export interface ObjectSchema {
-    id?: string;
-    name?: string;
-}
-export interface FetchObjectSchemasResponse {
+};
+export type ObjectSchema = {
+    id: string;
+    name: string;
+};
+export type ObjectSchemaOption = {
+    label: string;
+    value: string;
+};
+export type FetchObjectSchemaResponse = ObjectSchema;
+export type FetchObjectSchemasResponse = {
     startAt: number;
     maxResults: number;
     total: number;
     values: ObjectSchema[];
     isLast: boolean;
-}
-export interface AqlValidateResponse {
+};
+export type AqlValidateResponse = {
     isValid: boolean;
     errorMessages: string[];
     errors: {};
-}
+};
+export declare const objectSchemaKey: "objectSchema";
+export declare const aqlKey: "aql";
+export type SearchForm = {
+    [objectSchemaKey]: ObjectSchemaOption | undefined | null;
+    [aqlKey]: string;
+};

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

@@ -9,4 +9,9 @@ export declare const modalMessages: {
         description: string;
         defaultMessage: string;
     };
+    insertObjectsTitle: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
 };

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

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

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

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

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

@@ -0,0 +1,7 @@
+export declare const searchInputMessages: {
+    placeholder: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { jsx } from '@emotion/react';
+import { ObjectSchema } from '../../../../types/assets/types';
+type AssetsObjectSchemaSelectProps = {
+    value: ObjectSchema | undefined;
+    workspaceId: string;
+    classNamePrefix?: string;
+};
+export declare const SEARCH_DEBOUNCE_MS = 350;
+export declare const AssetsObjectSchemaSelect: ({ value, workspaceId, classNamePrefix, }: AssetsObjectSchemaSelectProps) => jsx.JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,17 @@
+export declare const objectSchemaSelectMessages: {
+    label: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    placeholder: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    schemaRequired: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

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

@@ -0,0 +1,2 @@
+import { ObjectSchema, ObjectSchemaOption } from '../../../../types/assets/types';
+export declare const objectSchemaToSelectOption: (objectSchema: ObjectSchema) => ObjectSchemaOption;

package/dist/types/ui/assets-modal/search-container/styled.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> | undefined;
+} & {
+    isNarrowGap?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FormContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;
+export declare const FieldContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SchemaSelectContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types-ts4.5/hooks/useAssetsClient.d.ts

@@ -1,7 +1,9 @@
 import { ObjectSchema } from '../types/assets/types';
-export interface AssetsClientState {
-    workspaceId?: string;
-    objectSchemas?: ObjectSchema[];
-    error?: Error;
-}
-export declare const useAssetsClient: (hostname?: string) => AssetsClientState;
+import { AssetsDatasourceParameters } from '../ui/assets-modal/types';
+export type UseAssetsClientState = {
+    workspaceId: string | undefined;
+    workspaceError: Error | undefined;
+    objectSchema: ObjectSchema | undefined;
+    assetsClientLoading: boolean;
+};
+export declare const useAssetsClient: (initialParameters?: AssetsDatasourceParameters) => UseAssetsClientState;

package/dist/types-ts4.5/hooks/useObjectSchemas.d.ts

@@ -0,0 +1,8 @@
+import { ObjectSchema } from '../types/assets/types';
+export type UseObjectSchemasState = {
+    objectSchemasLoading: boolean;
+    objectSchemasError: Error | undefined;
+    objectSchemas: ObjectSchema[] | undefined;
+    fetchObjectSchemas: (query: string) => Promise<ObjectSchema[] | undefined>;
+};
+export declare const useObjectSchemas: (workspaceId: string) => UseObjectSchemasState;

package/dist/types-ts4.5/hooks/useValidateAqlText.d.ts

@@ -1,4 +1,7 @@
-export declare const useValidateAqlText: (workspaceId: string, hostname?: string) => {
+export type UseValidateAqlTextState = {
+    validateAqlTextLoading: boolean;
+    validateAqlTextError: Error | undefined;
+    isValidAqlText: boolean;
     validateAqlText: (aql: string) => Promise<boolean>;
-    isLoading: boolean;
 };
+export declare const useValidateAqlText: (workspaceId: string, hostname?: string) => UseValidateAqlTextState;

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

@@ -1,4 +1,5 @@
 export { default as JiraIssuesConfigModal } from './ui/jira-issues-modal';
+export { default as AssetsConfigModal } from './ui/assets-modal';
 export { default as DatasourceTableView } from './ui/datasource-table-view';
 export { default as JSMAssetsConfigModal } from './ui/assets-modal';
 export type { JiraIssuesDatasourceAdf, JiraIssueDatasourceParameters, } from './ui/jira-issues-modal/types';

package/dist/types-ts4.5/services/cmdbService.d.ts

@@ -1,6 +1,7 @@
 import { AqlValidateResponse, FetchObjectSchemasResponse } from '../types/assets/types';
-export declare const getWorkspaceId: (hostname?: string) => Promise<string>;
+export declare const getWorkspaceId: () => Promise<string>;
 export declare const validateAql: (workspaceId: string, data: {
     qlQuery: string;
-}, hostname?: string) => Promise<AqlValidateResponse>;
-export declare const fetchObjectSchemas: (workspaceId: string, hostname?: string) => Promise<FetchObjectSchemasResponse>;
+}) => Promise<AqlValidateResponse>;
+export declare const fetchObjectSchema: (workspaceId: string, schemaId: string) => Promise<import("../types/assets/types").ObjectSchema>;
+export declare const fetchObjectSchemas: (workspaceId: string, query?: string) => Promise<FetchObjectSchemasResponse>;

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

@@ -1,23 +1,34 @@
-export interface GetWorkspaceDetailsResponse {
+export type GetWorkspaceDetailsResponse = {
     results: [
         {
             id: string;
         }
     ];
-}
-export interface ObjectSchema {
-    id?: string;
-    name?: string;
-}
-export interface FetchObjectSchemasResponse {
+};
+export type ObjectSchema = {
+    id: string;
+    name: string;
+};
+export type ObjectSchemaOption = {
+    label: string;
+    value: string;
+};
+export type FetchObjectSchemaResponse = ObjectSchema;
+export type FetchObjectSchemasResponse = {
     startAt: number;
     maxResults: number;
     total: number;
     values: ObjectSchema[];
     isLast: boolean;
-}
-export interface AqlValidateResponse {
+};
+export type AqlValidateResponse = {
     isValid: boolean;
     errorMessages: string[];
     errors: {};
-}
+};
+export declare const objectSchemaKey: "objectSchema";
+export declare const aqlKey: "aql";
+export type SearchForm = {
+    [objectSchemaKey]: ObjectSchemaOption | undefined | null;
+    [aqlKey]: string;
+};

package/dist/types-ts4.5/ui/assets-modal/modal/messages.d.ts

@@ -9,4 +9,9 @@ export declare const modalMessages: {
         description: string;
         defaultMessage: string;
     };
+    insertObjectsTitle: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
 };

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

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

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

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

package/dist/types-ts4.5/ui/assets-modal/search-container/aql-search-input/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const searchInputMessages: {
+    placeholder: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { jsx } from '@emotion/react';
+import { ObjectSchema } from '../../../../types/assets/types';
+type AssetsObjectSchemaSelectProps = {
+    value: ObjectSchema | undefined;
+    workspaceId: string;
+    classNamePrefix?: string;
+};
+export declare const SEARCH_DEBOUNCE_MS = 350;
+export declare const AssetsObjectSchemaSelect: ({ value, workspaceId, classNamePrefix, }: AssetsObjectSchemaSelectProps) => jsx.JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,17 @@
+export declare const objectSchemaSelectMessages: {
+    label: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    placeholder: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    schemaRequired: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

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

@@ -0,0 +1,2 @@
+import { ObjectSchema, ObjectSchemaOption } from '../../../../types/assets/types';
+export declare const objectSchemaToSelectOption: (objectSchema: ObjectSchema) => ObjectSchemaOption;

package/dist/types-ts4.5/ui/assets-modal/search-container/styled.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> | undefined;
+} & {
+    isNarrowGap?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FormContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;
+export declare const FieldContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SchemaSelectContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "0.29.3",
+  "version": "0.29.5",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -31,6 +31,7 @@
     "@atlaskit/button": "^16.8.0",
     "@atlaskit/dropdown-menu": "^11.11.0",
     "@atlaskit/empty-state": "^7.5.0",
+    "@atlaskit/form": "^8.11.0",
     "@atlaskit/heading": "^1.3.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/icon-object": "^6.3.0",
@@ -45,7 +46,7 @@
     "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^0.6.0",
     "@atlaskit/pragmatic-drag-and-drop-react-indicator": "^0.15.0",
     "@atlaskit/select": "^16.5.0",
-    "@atlaskit/smart-card": "^26.9.0",
+    "@atlaskit/smart-card": "^26.10.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/tag": "^11.5.0",
     "@atlaskit/textfield": "5.6.3",
@@ -56,6 +57,7 @@
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.0.0",
+    "debounce-promise": "^3.1.2",
     "react-error-boundary": "^3.1.3",
     "tiny-invariant": "^1.2.0"
   },

package/report.api.md

@@ -40,6 +40,13 @@ interface AssetsConfigModalProps {
   visibleColumnKeys?: string[];
 }
 
+// @public (undocumented)
+const AssetsConfigModalWithWrappers: (
+  props: AssetsConfigModalProps,
+) => JSX.Element;
+export { AssetsConfigModalWithWrappers as AssetsConfigModal };
+export { AssetsConfigModalWithWrappers as JSMAssetsConfigModal };
+
 // @public (undocumented)
 export interface AssetsDatasourceAdf extends DatasourceAdf {
   // (undocumented)
@@ -148,11 +155,6 @@ export interface JiraIssuesDatasourceAdf extends DatasourceAdf {
   };
 }
 
-// @public (undocumented)
-export const JSMAssetsConfigModal: (
-  props: AssetsConfigModalProps,
-) => JSX.Element;
-
 // @public (undocumented)
 type XOR<T1, T2> =
   | (T1 & {

package/tmp/api-report-tmp.d.ts

@@ -28,6 +28,11 @@ interface AssetsConfigModalProps {
     visibleColumnKeys?: string[];
 }
 
+// @public (undocumented)
+const AssetsConfigModalWithWrappers: (props: AssetsConfigModalProps) => JSX.Element;
+export { AssetsConfigModalWithWrappers as AssetsConfigModal }
+export { AssetsConfigModalWithWrappers as JSMAssetsConfigModal }
+
 // @public (undocumented)
 export interface AssetsDatasourceAdf extends DatasourceAdf {
     // (undocumented)
@@ -128,9 +133,6 @@ export interface JiraIssuesDatasourceAdf extends DatasourceAdf {
     };
 }
 
-// @public (undocumented)
-export const JSMAssetsConfigModal: (props: AssetsConfigModalProps) => JSX.Element;
-
 // @public (undocumented)
 type XOR<T1, T2> = (T1 & {
     [k in Exclude<keyof T2, keyof T1>]?: never;