@atlaskit/link-datasource 1.8.0 → 1.9.0

package/dist/esm/ui/jira-issues-modal/site-selector/index.js

@@ -1,45 +1,70 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["triggerRef"];
+var _excluded = ["width"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { useMemo } from 'react';
+import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
-import Button from '@atlaskit/button/standard-button';
-import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
-import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
+import Select from '@atlaskit/select';
+import { siteSelectorIndex } from '../../../common/zindex';
 import { siteSelectorMessages } from './messages';
+var selectStyles = css({
+  fontSize: "var(--ds-font-size-100, 14px)",
+  fontWeight: "var(--ds-font-weight-medium, 500)",
+  lineHeight: "var(--ds-font-lineHeight-200, 20px)",
+  zIndex: siteSelectorIndex
+});
 export var JiraSiteSelector = function JiraSiteSelector(props) {
   var availableSites = props.availableSites,
     onSiteSelection = props.onSiteSelection,
     selectedJiraSite = props.selectedJiraSite,
     testId = props.testId;
-  var intl = useIntl();
-  return jsx(DropdownMenu, {
-    spacing: "compact",
-    testId: testId,
-    trigger: function trigger(_ref) {
-      var triggerRef = _ref.triggerRef,
-        props = _objectWithoutProperties(_ref, _excluded);
-      return jsx(Button, _extends({}, props, {
-        testId: "".concat(testId, "--trigger"),
-        spacing: "none",
-        iconBefore: jsx(ChevronDownIcon, {
-          label: intl.formatMessage(siteSelectorMessages.dropdownChevronLabel)
-        }),
-        ref: triggerRef
-      }));
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var onChange = function onChange(newValue) {
+    var selectedSite = availableSites.find(function (site) {
+      return site.cloudId === (newValue === null || newValue === void 0 ? void 0 : newValue.value);
+    });
+    if (selectedSite) {
+      onSiteSelection(selectedSite);
     }
-  }, jsx(DropdownItemGroup, null, availableSites.map(function (availableSite) {
-    var displayName = availableSite.displayName,
-      cloudId = availableSite.cloudId;
-    var isSelected = displayName === (selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.displayName);
-    return jsx(DropdownItem, {
-      isSelected: isSelected,
-      key: cloudId,
-      onClick: function onClick() {
-        return onSiteSelection(availableSite);
-      },
-      testId: testId && "".concat(testId, "--dropdown-item").concat(isSelected ? '__selected' : '')
-    }, displayName);
-  })));
+  };
+  var availableSitesOptions = useMemo(function () {
+    return availableSites.map(function (site) {
+      return {
+        label: site.displayName,
+        value: site.cloudId
+      };
+    });
+  }, [availableSites]);
+  var selectedSiteOption = selectedJiraSite && {
+    label: selectedJiraSite.displayName,
+    value: selectedJiraSite.cloudId
+  };
+  return jsx("span", {
+    "data-testid": "".concat(testId, "--trigger")
+  }, jsx(Select, {
+    css: selectStyles,
+    classNamePrefix: testId,
+    isLoading: availableSites.length === 0,
+    onChange: onChange,
+    options: availableSitesOptions,
+    placeholder: formatMessage(siteSelectorMessages.chooseSite),
+    styles: {
+      // prevents the popup menu with available sites from being too narrow
+      // if the selected site is much shorter than the other options
+      menu: function menu(_ref) {
+        var width = _ref.width,
+          css = _objectWithoutProperties(_ref, _excluded);
+        return _objectSpread(_objectSpread({}, css), {}, {
+          minWidth: '100%',
+          width: 'max-content'
+        });
+      }
+    },
+    testId: testId,
+    value: selectedSiteOption
+  }));
 };

package/dist/esm/ui/jira-issues-modal/site-selector/messages.js

@@ -1,13 +1,8 @@
 import { defineMessages } from 'react-intl-next';
 export var siteSelectorMessages = defineMessages({
-  dropdownChevronLabel: {
-    id: 'linkDataSource.jira-issues.configmodal.dropdownChevronLabel',
-    description: 'Label for button that reveals more available site options to choose from',
-    defaultMessage: 'Pick jira site'
-  },
-  selectedJiraSiteLabel: {
-    id: 'linkDataSource.jira-issues.configmodal.selectedJiraSiteLabel',
-    description: 'Label for a check icon declaring which option is selected',
-    defaultMessage: '{siteName} is selected'
+  chooseSite: {
+    id: 'linkDataSource.jira-issues.configmodal.chooseSite',
+    description: 'Label for input letting user know they have to choose a site',
+    defaultMessage: 'Choose site'
   }
 });

package/dist/types/common/zindex.d.ts

@@ -0,0 +1,2 @@
+export declare const stickyTableHeadersIndex = 10;
+export declare const siteSelectorIndex: number;

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

@@ -1,6 +1,6 @@
 import { jsx } from '@emotion/react';
 interface AccessRequiredProps {
-    siteName?: string;
+    url?: string;
 }
-export declare const AccessRequired: ({ siteName }: AccessRequiredProps) => jsx.JSX.Element;
+export declare const AccessRequired: ({ url }: AccessRequiredProps) => jsx.JSX.Element;
 export {};

package/dist/types/ui/jira-issues-modal/site-selector/index.d.ts

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { Site } from '../../../services/getAvailableJiraSites';
 export interface JiraSiteSelectorProps {

package/dist/types/ui/jira-issues-modal/site-selector/messages.d.ts

@@ -1,10 +1,5 @@
 export declare const siteSelectorMessages: {
-    dropdownChevronLabel: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    selectedJiraSiteLabel: {
+    chooseSite: {
         id: string;
         description: string;
         defaultMessage: string;

package/dist/types/ui/jira-issues-modal/types.d.ts

@@ -36,6 +36,8 @@ export interface JiraIssuesDatasourceAdf extends DatasourceAdf {
 export interface JiraIssuesConfigModalProps {
     datasourceId: string;
     visibleColumnKeys?: string[];
+    /** The url that was used to insert a Jira List of Links */
+    url?: string;
     parameters?: JiraIssueDatasourceParameters;
     onCancel: () => void;
     onInsert: (adf: InlineCardAdf | JiraIssuesDatasourceAdf, analyticsEvent?: UIAnalyticsEvent) => void;

package/dist/types-ts4.5/common/zindex.d.ts

@@ -0,0 +1,2 @@
+export declare const stickyTableHeadersIndex = 10;
+export declare const siteSelectorIndex: number;

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

@@ -1,6 +1,6 @@
 import { jsx } from '@emotion/react';
 interface AccessRequiredProps {
-    siteName?: string;
+    url?: string;
 }
-export declare const AccessRequired: ({ siteName }: AccessRequiredProps) => jsx.JSX.Element;
+export declare const AccessRequired: ({ url }: AccessRequiredProps) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/jira-issues-modal/site-selector/index.d.ts

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { Site } from '../../../services/getAvailableJiraSites';
 export interface JiraSiteSelectorProps {

package/dist/types-ts4.5/ui/jira-issues-modal/site-selector/messages.d.ts

@@ -1,10 +1,5 @@
 export declare const siteSelectorMessages: {
-    dropdownChevronLabel: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    selectedJiraSiteLabel: {
+    chooseSite: {
         id: string;
         description: string;
         defaultMessage: string;

package/dist/types-ts4.5/ui/jira-issues-modal/types.d.ts

@@ -36,6 +36,8 @@ export interface JiraIssuesDatasourceAdf extends DatasourceAdf {
 export interface JiraIssuesConfigModalProps {
     datasourceId: string;
     visibleColumnKeys?: string[];
+    /** The url that was used to insert a Jira List of Links */
+    url?: string;
     parameters?: JiraIssueDatasourceParameters;
     onCancel: () => void;
     onInsert: (adf: InlineCardAdf | JiraIssuesDatasourceAdf, analyticsEvent?: UIAnalyticsEvent) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -34,7 +34,6 @@
     "@atlaskit/analytics-next": "^9.1.3",
     "@atlaskit/avatar": "^21.4.0",
     "@atlaskit/button": "^16.10.0",
-    "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/empty-state": "^7.5.0",
     "@atlaskit/form": "^8.11.0",
@@ -60,7 +59,7 @@
     "@atlaskit/tag": "^11.6.0",
     "@atlaskit/textfield": "5.6.8",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.26.0",
+    "@atlaskit/tokens": "^1.27.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.4",
     "@atlassianlabs/jql-ast": "^2.1.0",

package/report.api.md

@@ -135,6 +135,7 @@ interface JiraIssuesConfigModalProps {
   ) => void;
   // (undocumented)
   parameters?: JiraIssueDatasourceParameters;
+  url?: string;
   // (undocumented)
   viewMode?: JiraIssueViewModes;
   // (undocumented)

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

@@ -110,6 +110,7 @@ interface JiraIssuesConfigModalProps {
     onInsert: (adf: InlineCardAdf | JiraIssuesDatasourceAdf, analyticsEvent?: UIAnalyticsEvent) => void;
     // (undocumented)
     parameters?: JiraIssueDatasourceParameters;
+    url?: string;
     // (undocumented)
     viewMode?: JiraIssueViewModes;
     // (undocumented)