@atlaskit/link-datasource 1.14.0 → 1.14.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/link-datasource
 
+## 1.14.1
+
+### Patch Changes
+
+- [#42835](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42835) [`685b3b60d34`](https://bitbucket.org/atlassian/atlassian-frontend/commits/685b3b60d34) - Add empty state UI for basic filter dropdown.
+
 ## 1.14.0
 
 ### Minor Changes

package/dist/cjs/analytics/constants.js

@@ -7,5 +7,5 @@ exports.packageMetaData = exports.EVENT_CHANNEL = void 0;
 var EVENT_CHANNEL = exports.EVENT_CHANNEL = 'media';
 var packageMetaData = exports.packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.14.0"
+  packageVersion: "1.14.1"
 };

package/dist/cjs/ui/jira-issues-modal/basic-filters/ui/async-popup-select/index.js

@@ -22,6 +22,7 @@ var _footer = _interopRequireDefault(require("./footer"));
 var _formatOptionLabel = _interopRequireDefault(require("./formatOptionLabel"));
 var _loadingMessage = _interopRequireDefault(require("./loadingMessage"));
 var _messages = require("./messages");
+var _noOptionsMessage = _interopRequireDefault(require("./noOptionsMessage"));
 var _trigger = _interopRequireDefault(require("./trigger"));
 var _excluded = ["isOpen"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -133,6 +134,7 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
     hideSelectedOptions: false,
     isLoading: isLoading,
     loadingMessage: _loadingMessage.default,
+    noOptionsMessage: _noOptionsMessage.default,
     placeholder: formatMessage(_messages.asyncPopupSelectMessages.selectPlaceholder),
     components: {
       /* @ts-expect-error - This component has stricter OptionType, hence a temp setup untill its made generic */

package/dist/cjs/ui/jira-issues-modal/basic-filters/ui/async-popup-select/loadingMessage.js

@@ -6,26 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-var _primitives = require("@atlaskit/primitives");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var _customSelectMessage = _interopRequireDefault(require("../custom-select-message"));
 var _messages = require("./messages");
-var boxStyles = (0, _primitives.xcss)({
-  height: "var(--ds-space-800, 64px)",
-  marginBottom: "var(--ds-space-200, 16px)"
-});
 var CustomDropdownLoadingMessage = function CustomDropdownLoadingMessage() {
-  return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+  return /*#__PURE__*/_react.default.createElement(_customSelectMessage.default, {
+    icon: /*#__PURE__*/_react.default.createElement(_spinner.default, {
+      size: "large"
+    }),
+    message: _messages.asyncPopupSelectMessages.loadingMessage,
     testId: "jlol-basic-filter-popup-select--loading-message"
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
-    xcss: boxStyles,
-    alignItems: "center",
-    justifyContent: "center"
-  }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
-    size: "large"
-  })), /*#__PURE__*/_react.default.createElement(_heading.default, {
-    level: "h400"
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.asyncPopupSelectMessages.loadingMessage)));
+  });
 };
 var _default = exports.default = CustomDropdownLoadingMessage;

package/dist/cjs/ui/jira-issues-modal/basic-filters/ui/async-popup-select/messages.js

@@ -39,5 +39,10 @@ var asyncPopupSelectMessages = exports.asyncPopupSelectMessages = {
     id: 'linkDataSource.basic-filter.loading-message',
     defaultMessage: 'Loading...',
     description: 'The text for when options are being loaded in dropdown'
+  },
+  noOptionsMessage: {
+    id: 'linkDataSource.basic-filter.no-options-message',
+    defaultMessage: 'No matches found',
+    description: 'The text for when no matches are found in dropdown'
   }
 };

package/dist/cjs/ui/jira-issues-modal/basic-filters/ui/async-popup-select/noOptionsMessage.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/question-circle"));
+var _colors = require("@atlaskit/theme/colors");
+var _customSelectMessage = _interopRequireDefault(require("../custom-select-message"));
+var _messages = require("./messages");
+var CustomNoOptionsMessage = function CustomNoOptionsMessage() {
+  return /*#__PURE__*/_react.default.createElement(_customSelectMessage.default, {
+    icon: /*#__PURE__*/_react.default.createElement(_questionCircle.default, {
+      primaryColor: "var(--ds-icon, ".concat(_colors.N500, ")"),
+      size: "xlarge",
+      label: ""
+    }),
+    message: _messages.asyncPopupSelectMessages.noOptionsMessage,
+    testId: "jlol-basic-filter-popup-select--no-options-message"
+  });
+};
+var _default = exports.default = CustomNoOptionsMessage;

package/dist/cjs/ui/jira-issues-modal/basic-filters/ui/custom-select-message/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _heading = _interopRequireDefault(require("@atlaskit/heading"));
+var _primitives = require("@atlaskit/primitives");
+var boxStyles = (0, _primitives.xcss)({
+  height: "var(--ds-space-800, 64px)",
+  marginBottom: "var(--ds-space-200, 16px)"
+});
+var CustomSelectMessage = function CustomSelectMessage(_ref) {
+  var icon = _ref.icon,
+    message = _ref.message,
+    testId = _ref.testId;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+    testId: testId
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+    xcss: boxStyles,
+    alignItems: "center",
+    justifyContent: "center"
+  }, icon), /*#__PURE__*/_react.default.createElement(_heading.default, {
+    level: "h400"
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message)));
+};
+var _default = exports.default = CustomSelectMessage;

package/dist/es2019/analytics/constants.js

@@ -1,5 +1,5 @@
 export const EVENT_CHANNEL = 'media';
 export const packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.14.0"
+  packageVersion: "1.14.1"
 };

package/dist/es2019/ui/jira-issues-modal/basic-filters/ui/async-popup-select/index.js

@@ -10,6 +10,7 @@ import PopupFooter from './footer';
 import formatOptionLabel from './formatOptionLabel';
 import CustomDropdownLoadingMessage from './loadingMessage';
 import { asyncPopupSelectMessages } from './messages';
+import CustomNoOptionsMessage from './noOptionsMessage';
 import PopupTrigger from './trigger';
 // Needed to disable filtering from react-select
 const noFilterOptions = () => true;
@@ -85,6 +86,7 @@ const AsyncPopupSelect = ({
     hideSelectedOptions: false,
     isLoading: isLoading,
     loadingMessage: CustomDropdownLoadingMessage,
+    noOptionsMessage: CustomNoOptionsMessage,
     placeholder: formatMessage(asyncPopupSelectMessages.selectPlaceholder),
     components: {
       /* @ts-expect-error - This component has stricter OptionType, hence a temp setup untill its made generic */

package/dist/es2019/ui/jira-issues-modal/basic-filters/ui/async-popup-select/loadingMessage.js

@@ -1,24 +1,14 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import Heading from '@atlaskit/heading';
-import { Flex, Stack, xcss } from '@atlaskit/primitives';
 import Spinner from '@atlaskit/spinner';
+import CustomSelectMessage from '../custom-select-message';
 import { asyncPopupSelectMessages } from './messages';
-const boxStyles = xcss({
-  height: "var(--ds-space-800, 64px)",
-  marginBottom: "var(--ds-space-200, 16px)"
-});
 const CustomDropdownLoadingMessage = () => {
-  return /*#__PURE__*/React.createElement(Stack, {
+  return /*#__PURE__*/React.createElement(CustomSelectMessage, {
+    icon: /*#__PURE__*/React.createElement(Spinner, {
+      size: "large"
+    }),
+    message: asyncPopupSelectMessages.loadingMessage,
     testId: "jlol-basic-filter-popup-select--loading-message"
-  }, /*#__PURE__*/React.createElement(Flex, {
-    xcss: boxStyles,
-    alignItems: "center",
-    justifyContent: "center"
-  }, /*#__PURE__*/React.createElement(Spinner, {
-    size: "large"
-  })), /*#__PURE__*/React.createElement(Heading, {
-    level: "h400"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, asyncPopupSelectMessages.loadingMessage)));
+  });
 };
 export default CustomDropdownLoadingMessage;

package/dist/es2019/ui/jira-issues-modal/basic-filters/ui/async-popup-select/messages.js

@@ -33,5 +33,10 @@ export const asyncPopupSelectMessages = {
     id: 'linkDataSource.basic-filter.loading-message',
     defaultMessage: 'Loading...',
     description: 'The text for when options are being loaded in dropdown'
+  },
+  noOptionsMessage: {
+    id: 'linkDataSource.basic-filter.no-options-message',
+    defaultMessage: 'No matches found',
+    description: 'The text for when no matches are found in dropdown'
   }
 };

package/dist/es2019/ui/jira-issues-modal/basic-filters/ui/async-popup-select/noOptionsMessage.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import QuestionCircleIcon from '@atlaskit/icon/glyph/question-circle';
+import { N500 } from '@atlaskit/theme/colors';
+import CustomSelectMessage from '../custom-select-message';
+import { asyncPopupSelectMessages } from './messages';
+const CustomNoOptionsMessage = () => {
+  return /*#__PURE__*/React.createElement(CustomSelectMessage, {
+    icon: /*#__PURE__*/React.createElement(QuestionCircleIcon, {
+      primaryColor: `var(--ds-icon, ${N500})`,
+      size: "xlarge",
+      label: ""
+    }),
+    message: asyncPopupSelectMessages.noOptionsMessage,
+    testId: "jlol-basic-filter-popup-select--no-options-message"
+  });
+};
+export default CustomNoOptionsMessage;

package/dist/es2019/ui/jira-issues-modal/basic-filters/ui/custom-select-message/index.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import Heading from '@atlaskit/heading';
+import { Flex, Stack, xcss } from '@atlaskit/primitives';
+const boxStyles = xcss({
+  height: "var(--ds-space-800, 64px)",
+  marginBottom: "var(--ds-space-200, 16px)"
+});
+const CustomSelectMessage = ({
+  icon,
+  message,
+  testId
+}) => {
+  return /*#__PURE__*/React.createElement(Stack, {
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Flex, {
+    xcss: boxStyles,
+    alignItems: "center",
+    justifyContent: "center"
+  }, icon), /*#__PURE__*/React.createElement(Heading, {
+    level: "h400"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, message)));
+};
+export default CustomSelectMessage;

package/dist/esm/analytics/constants.js

@@ -1,5 +1,5 @@
 export var EVENT_CHANNEL = 'media';
 export var packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.14.0"
+  packageVersion: "1.14.1"
 };

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/async-popup-select/index.js

@@ -15,6 +15,7 @@ import PopupFooter from './footer';
 import formatOptionLabel from './formatOptionLabel';
 import CustomDropdownLoadingMessage from './loadingMessage';
 import { asyncPopupSelectMessages } from './messages';
+import CustomNoOptionsMessage from './noOptionsMessage';
 import PopupTrigger from './trigger';
 // Needed to disable filtering from react-select
 var noFilterOptions = function noFilterOptions() {
@@ -123,6 +124,7 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
     hideSelectedOptions: false,
     isLoading: isLoading,
     loadingMessage: CustomDropdownLoadingMessage,
+    noOptionsMessage: CustomNoOptionsMessage,
     placeholder: formatMessage(asyncPopupSelectMessages.selectPlaceholder),
     components: {
       /* @ts-expect-error - This component has stricter OptionType, hence a temp setup untill its made generic */

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/async-popup-select/loadingMessage.js

@@ -1,24 +1,14 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import Heading from '@atlaskit/heading';
-import { Flex, Stack, xcss } from '@atlaskit/primitives';
 import Spinner from '@atlaskit/spinner';
+import CustomSelectMessage from '../custom-select-message';
 import { asyncPopupSelectMessages } from './messages';
-var boxStyles = xcss({
-  height: "var(--ds-space-800, 64px)",
-  marginBottom: "var(--ds-space-200, 16px)"
-});
 var CustomDropdownLoadingMessage = function CustomDropdownLoadingMessage() {
-  return /*#__PURE__*/React.createElement(Stack, {
+  return /*#__PURE__*/React.createElement(CustomSelectMessage, {
+    icon: /*#__PURE__*/React.createElement(Spinner, {
+      size: "large"
+    }),
+    message: asyncPopupSelectMessages.loadingMessage,
     testId: "jlol-basic-filter-popup-select--loading-message"
-  }, /*#__PURE__*/React.createElement(Flex, {
-    xcss: boxStyles,
-    alignItems: "center",
-    justifyContent: "center"
-  }, /*#__PURE__*/React.createElement(Spinner, {
-    size: "large"
-  })), /*#__PURE__*/React.createElement(Heading, {
-    level: "h400"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, asyncPopupSelectMessages.loadingMessage)));
+  });
 };
 export default CustomDropdownLoadingMessage;

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/async-popup-select/messages.js

@@ -33,5 +33,10 @@ export var asyncPopupSelectMessages = {
     id: 'linkDataSource.basic-filter.loading-message',
     defaultMessage: 'Loading...',
     description: 'The text for when options are being loaded in dropdown'
+  },
+  noOptionsMessage: {
+    id: 'linkDataSource.basic-filter.no-options-message',
+    defaultMessage: 'No matches found',
+    description: 'The text for when no matches are found in dropdown'
   }
 };

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/async-popup-select/noOptionsMessage.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import QuestionCircleIcon from '@atlaskit/icon/glyph/question-circle';
+import { N500 } from '@atlaskit/theme/colors';
+import CustomSelectMessage from '../custom-select-message';
+import { asyncPopupSelectMessages } from './messages';
+var CustomNoOptionsMessage = function CustomNoOptionsMessage() {
+  return /*#__PURE__*/React.createElement(CustomSelectMessage, {
+    icon: /*#__PURE__*/React.createElement(QuestionCircleIcon, {
+      primaryColor: "var(--ds-icon, ".concat(N500, ")"),
+      size: "xlarge",
+      label: ""
+    }),
+    message: asyncPopupSelectMessages.noOptionsMessage,
+    testId: "jlol-basic-filter-popup-select--no-options-message"
+  });
+};
+export default CustomNoOptionsMessage;

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/custom-select-message/index.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import Heading from '@atlaskit/heading';
+import { Flex, Stack, xcss } from '@atlaskit/primitives';
+var boxStyles = xcss({
+  height: "var(--ds-space-800, 64px)",
+  marginBottom: "var(--ds-space-200, 16px)"
+});
+var CustomSelectMessage = function CustomSelectMessage(_ref) {
+  var icon = _ref.icon,
+    message = _ref.message,
+    testId = _ref.testId;
+  return /*#__PURE__*/React.createElement(Stack, {
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Flex, {
+    xcss: boxStyles,
+    alignItems: "center",
+    justifyContent: "center"
+  }, icon), /*#__PURE__*/React.createElement(Heading, {
+    level: "h400"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, message)));
+};
+export default CustomSelectMessage;

package/dist/types/ui/jira-issues-modal/basic-filters/ui/async-popup-select/messages.d.ts

@@ -34,4 +34,9 @@ export declare const asyncPopupSelectMessages: {
         defaultMessage: string;
         description: string;
     };
+    noOptionsMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types/ui/jira-issues-modal/basic-filters/ui/async-popup-select/noOptionsMessage.d.ts

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

package/dist/types/ui/jira-issues-modal/basic-filters/ui/custom-select-message/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface CustomSelectMessageProps {
+    icon: React.ReactNode;
+    message: object;
+    testId: string;
+}
+declare const CustomSelectMessage: ({ icon, message, testId, }: CustomSelectMessageProps) => JSX.Element;
+export default CustomSelectMessage;

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/ui/async-popup-select/messages.d.ts

@@ -34,4 +34,9 @@ export declare const asyncPopupSelectMessages: {
         defaultMessage: string;
         description: string;
     };
+    noOptionsMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/ui/async-popup-select/noOptionsMessage.d.ts

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

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/ui/custom-select-message/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface CustomSelectMessageProps {
+    icon: React.ReactNode;
+    message: object;
+    testId: string;
+}
+declare const CustomSelectMessage: ({ icon, message, testId, }: CustomSelectMessageProps) => JSX.Element;
+export default CustomSelectMessage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.14.0",
+  "version": "1.14.1",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"