@atlaskit/link-datasource 0.29.4 → 0.30.0

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/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/modal/render-assets-content/index.d.ts

@@ -1,8 +1,17 @@
 /// <reference types="react" />
-import { DatasourceDataResponseItem, DatasourceTableStatusType } from '@atlaskit/linking-types';
-interface RenderAssetsContentProps {
+import { DatasourceDataResponseItem, DatasourceResponseSchemaProperty, DatasourceTableStatusType } from '@atlaskit/linking-types';
+export interface RenderAssetsContentProps {
     status: DatasourceTableStatusType;
     responseItems: DatasourceDataResponseItem[];
+    visibleColumnKeys?: string[];
+    datasourceId: string;
+    aql?: string;
+    schemaId?: String;
+    onNextPage: () => void;
+    hasNextPage: boolean;
+    loadDatasourceDetails: () => void;
+    columns: DatasourceResponseSchemaProperty[];
+    defaultVisibleColumnKeys: string[];
+    onVisibleColumnKeysChange: (visibleColumnKeys: string[]) => void;
 }
 export declare const RenderAssetsContent: (props: RenderAssetsContentProps) => JSX.Element;
-export {};

package/dist/types-ts4.5/ui/assets-modal/modal/render-assets-content/initial-state-view/assets/crystal-ball-svg.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const CrystalBallSVG: () => JSX.Element;

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

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

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

@@ -0,0 +1,17 @@
+export declare const initialStateViewMessages: {
+    searchTitle: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    searchDescription: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    learnMoreLink: {
+        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,9 @@
+import { jsx } from '@emotion/react';
+export interface AqlSearchInputProps {
+    value: string;
+    workspaceId: string;
+    testId?: string;
+    isSearching: boolean;
+}
+export declare const SEARCH_DEBOUNCE_MS = 350;
+export declare const AqlSearchInput: ({ value, workspaceId, testId, isSearching, }: 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,17 @@
+/// <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;
+    isSearching: boolean;
+}
+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.4",
+  "version": "0.30.0",
   "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.11.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"
   },
@@ -66,7 +68,7 @@
   "devDependencies": {
     "@af/visual-regression": "*",
     "@atlaskit/link-provider": "^1.6.0",
-    "@atlaskit/link-test-helpers": "^4.2.0",
+    "@atlaskit/link-test-helpers": "^5.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",

package/dist/cjs/ui/assets-modal/modal/styled.js

@@ -1,12 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ModalContentContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject;
-var ModalContentContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: 'grid';\n  height: '420px';\n  overflow: 'auto';\n"])));
-exports.ModalContentContainer = ModalContentContainer;

package/dist/es2019/ui/assets-modal/modal/styled.js

@@ -1,6 +0,0 @@
-import styled from '@emotion/styled';
-export const ModalContentContainer = styled.div`
-  display: 'grid';
-  height: '420px';
-  overflow: 'auto';
-`;

package/dist/esm/ui/assets-modal/modal/styled.js

@@ -1,4 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-import styled from '@emotion/styled';
-export var ModalContentContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: 'grid';\n  height: '420px';\n  overflow: 'auto';\n"])));

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const ModalContentContainer: 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/ui/assets-modal/modal/styled.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const ModalContentContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;