@atlaskit/link-datasource 1.27.3 → 1.28.0

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.3",
+  "version": "1.28.0",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -37,9 +37,9 @@
     "@atlaskit/avatar-group": "^9.5.0",
     "@atlaskit/badge": "^16.0.0",
     "@atlaskit/button": "^17.12.0",
-    "@atlaskit/dropdown-menu": "^12.8.0",
+    "@atlaskit/dropdown-menu": "^12.9.0",
     "@atlaskit/editor-prosemirror": "3.0.0",
-    "@atlaskit/empty-state": "^7.7.0",
+    "@atlaskit/empty-state": "^7.8.0",
     "@atlaskit/form": "^9.2.0",
     "@atlaskit/heading": "^2.1.0",
     "@atlaskit/icon": "^22.1.0",
@@ -47,15 +47,17 @@
     "@atlaskit/image": "^1.1.0",
     "@atlaskit/intl-messages-provider": "^1.0.0",
     "@atlaskit/jql-ast": "^3.2.0",
-    "@atlaskit/jql-editor": "^4.0.0",
+    "@atlaskit/jql-editor": "^4.1.0",
     "@atlaskit/jql-editor-autocomplete-rest": "^2.0.0",
     "@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.10.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"
     }
   }
 }