@atlaskit/link-datasource 1.27.4 → 1.28.0

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
+import { SelectedOptionsMap } from '../basic-filters/types';
 interface Props {
     cloudId?: string;
     initialSearchValue?: string;
     isSearching: boolean;
-    onSearch: (searchTerm: string) => void;
+    onSearch: (searchTerm: string, filters?: SelectedOptionsMap) => void;
 }
 declare const ConfluenceSearchContainer: ({ cloudId, initialSearchValue, isSearching, onSearch, }: Props) => JSX.Element;
 export default ConfluenceSearchContainer;

package/dist/types-ts4.5/ui/confluence-search-modal/types.d.ts

@@ -1,5 +1,6 @@
 import { DatasourceAdf, InlineCardAdf } from '@atlaskit/linking-common/types';
 import { ConfigModalProps } from '../../common/types';
+import { DateRangeType } from '../common/modal/popup-select/types';
 export interface ConfluenceSearchConfigModalProps extends ConfigModalProps<InlineCardAdf | ConfluenceSearchDatasourceAdf, ConfluenceSearchDatasourceParameters> {
     disableDisplayDropdown?: boolean;
     overrideParameters?: Pick<ConfluenceSearchDatasourceParameters, 'entityTypes'>;
@@ -16,7 +17,7 @@ export type ConfluenceSearchDatasourceParameters = {
     containerStatus?: string[];
     contentStatuses?: string[];
     creatorAccountIds?: string[];
-    lastModified?: 'today' | 'yesterday' | 'past7Days' | 'past30Days' | 'pastYear' | 'custom';
+    lastModified?: DateRangeType;
     lastModifiedFrom?: string;
     lastModifiedTo?: string;
     shouldMatchTitleOnly?: boolean;

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

@@ -1,8 +1,9 @@
 import { jsx } from '@emotion/react';
 export type TableFooterProps = {
+    datasourceId: string;
     itemCount?: number;
     onRefresh?: () => void;
     isLoading: boolean;
     url?: string;
 };
-export declare const TableFooter: ({ itemCount, onRefresh, isLoading, url, }: TableFooterProps) => jsx.JSX.Element | null;
+export declare const TableFooter: ({ datasourceId, itemCount, onRefresh, isLoading, url, }: TableFooterProps) => jsx.JSX.Element | null;

package/dist/types-ts4.5/ui/table-footer/messages.d.ts

@@ -14,4 +14,9 @@ export declare const footerMessages: {
         description: string;
         defaultMessage: string;
     };
+    powerByJSM: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
 };

package/dist/types-ts4.5/ui/table-footer/powered-by-jsm-assets/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const PoweredByJSMAssets: (props: {
+    text: string;
+}) => JSX.Element;

package/examples-helpers/buildAssetsIssuesTable.tsx

@@ -0,0 +1,71 @@
+import React, { useEffect } from 'react';
+
+import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
+import { SmartCardProvider } from '@atlaskit/link-provider';
+import { mockAssetsClientFetchRequests } from '@atlaskit/link-test-helpers/datasource';
+import { DatasourceParameters } from '@atlaskit/linking-types';
+
+import { DatasourceTableView } from '../src';
+import { fetchMessagesForLocale } from '../src/common/utils/locale/fetch-messages-for-locale';
+import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from '../src/ui/assets-modal';
+import { AssetsDatasourceParameters } from '../src/ui/assets-modal/types';
+
+import SmartLinkClient from './smartLinkCustomClient';
+import { useAssetsTableProps } from './useAssetsTableProps';
+
+interface AssetsTableViewProps {
+  parameters?: DatasourceParameters;
+  mockDatasourceFetchRequest?: boolean;
+}
+
+const AssetsTableView = () => {
+  const datasourceParameters: AssetsDatasourceParameters = {
+    workspaceId: 'workspaceId',
+    aql: 'name like a',
+    schemaId: '2',
+  };
+
+  const {
+    visibleColumnKeys,
+    onVisibleColumnKeysChange,
+    columnCustomSizes,
+    onColumnResize,
+    wrappedColumnKeys,
+    onWrappedColumnChange,
+  } = useAssetsTableProps({
+    defaultColumnCustomSizes: {
+      people: 100,
+    },
+  });
+
+  return (
+    <DatasourceTableView
+      datasourceId={ASSETS_LIST_OF_LINKS_DATASOURCE_ID}
+      parameters={datasourceParameters}
+      visibleColumnKeys={visibleColumnKeys}
+      onVisibleColumnKeysChange={onVisibleColumnKeysChange}
+      columnCustomSizes={columnCustomSizes}
+      onColumnResize={onColumnResize}
+      onWrappedColumnChange={onWrappedColumnChange}
+      wrappedColumnKeys={wrappedColumnKeys}
+    />
+  );
+};
+
+export const ExampleAssetsIssuesTableView = ({
+  mockDatasourceFetchRequest = true,
+}: AssetsTableViewProps) => {
+  useEffect(() => {
+    if (mockDatasourceFetchRequest) {
+      mockAssetsClientFetchRequests();
+    }
+  }, [mockDatasourceFetchRequest]);
+
+  return (
+    <IntlMessagesProvider loaderFn={fetchMessagesForLocale}>
+      <SmartCardProvider client={new SmartLinkClient()}>
+        <AssetsTableView />
+      </SmartCardProvider>
+    </IntlMessagesProvider>
+  );
+};

package/examples-helpers/useAssetsTableProps.tsx

@@ -0,0 +1,57 @@
+import { useCallback, useState } from 'react';
+
+import { assetsDefaultInitialVisibleColumnKeys } from '@atlaskit/link-test-helpers/datasource';
+
+import { DatasourceTableViewProps } from '../src/ui/datasource-table-view/types';
+import { ColumnSizesMap } from '../src/ui/issue-like-table/types';
+
+export const useAssetsTableProps = (
+  props: { defaultColumnCustomSizes?: ColumnSizesMap } = {},
+): Required<
+  Pick<
+    DatasourceTableViewProps,
+    | 'visibleColumnKeys'
+    | 'onVisibleColumnKeysChange'
+    | 'wrappedColumnKeys'
+    | 'onWrappedColumnChange'
+    | 'onColumnResize'
+  >
+> &
+  Pick<DatasourceTableViewProps, 'columnCustomSizes'> => {
+  const [visibleColumnKeys, onVisibleColumnKeysChange] = useState<string[]>(
+    assetsDefaultInitialVisibleColumnKeys,
+  );
+
+  const [columnCustomSizes, setColumnCustomSizes] = useState<
+    ColumnSizesMap | undefined
+  >(props.defaultColumnCustomSizes);
+
+  const onColumnResize = useCallback(
+    (key: string, width: number) => {
+      setColumnCustomSizes({ ...columnCustomSizes, [key]: width });
+    },
+    [columnCustomSizes],
+  );
+
+  const [wrappedColumnKeys, setWrappedColumnKeys] = useState<string[]>([]);
+
+  const onWrappedColumnChange = useCallback(
+    (key: string, shouldWrap: boolean) => {
+      if (shouldWrap) {
+        setWrappedColumnKeys([...wrappedColumnKeys, key]);
+      } else {
+        setWrappedColumnKeys(wrappedColumnKeys.filter(k => k !== key));
+      }
+    },
+    [wrappedColumnKeys],
+  );
+
+  return {
+    visibleColumnKeys,
+    onVisibleColumnKeysChange,
+    columnCustomSizes,
+    onColumnResize,
+    wrappedColumnKeys,
+    onWrappedColumnChange,
+  };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.27.4",
+  "version": "1.28.0",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -52,10 +52,12 @@
     "@atlaskit/link-client-extension": "^1.8.0",
     "@atlaskit/linking-common": "^5.6.0",
     "@atlaskit/linking-types": "^8.8.0",
+    "@atlaskit/logo": "^13.15.0",
     "@atlaskit/lozenge": "^11.6.0",
     "@atlaskit/modal-dialog": "^12.11.0",
     "@atlaskit/outbound-auth-flow-client": "^3.4.5",
     "@atlaskit/platform-feature-flags": "^0.2.4",
+    "@atlaskit/popup": "^1.14.0",
     "@atlaskit/pragmatic-drag-and-drop": "^1.1.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
     "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^1.1.0",
@@ -161,6 +163,9 @@
     },
     "platform.editor-update-tag-link-and-color_x6hcf": {
       "type": "boolean"
+    },
+    "platform.linking-platform.datasource-assets_objects_add_jsm_promotional_tag": {
+      "type": "boolean"
     }
   }
 }