@atlaskit/help 4.2.3 → 6.0.0

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/styled.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WhatsNewResultsEmptyMessageText = exports.WhatsNewResultsEmptyMessageImage = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _constants = require("@atlaskit/theme/constants");
+
+var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
+
+var _templateObject, _templateObject2;
+
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var WhatsNewResultsEmptyMessageImage = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px ", "px 0 ", "px;\n  text-align: center;\n"])), 3 * (0, _constants.gridSize)(), 3 * (0, _constants.gridSize)(), 3 * (0, _constants.gridSize)());
+
+exports.WhatsNewResultsEmptyMessageImage = WhatsNewResultsEmptyMessageImage;
+
+var WhatsNewResultsEmptyMessageText = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px ", "px 0 ", "px;\n  text-align: center;\n\n  p {\n    color: ", ";\n  }\n"])), 3 * (0, _constants.gridSize)(), 3 * (0, _constants.gridSize)(), 3 * (0, _constants.gridSize)(), colors.N200);
+
+exports.WhatsNewResultsEmptyMessageText = WhatsNewResultsEmptyMessageText;

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/index.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _ErrorImage = _interopRequireDefault(require("../../../../assets/ErrorImage"));
 
@@ -32,6 +32,6 @@ var WhatsNewResultsError = function WhatsNewResultsError(_ref) {
 
 exports.WhatsNewResultsError = WhatsNewResultsError;
 
-var _default = (0, _reactIntl.injectIntl)(WhatsNewResultsError);
+var _default = (0, _reactIntlNext.injectIntl)(WhatsNewResultsError);
 
 exports.default = _default;

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _version = require("../../../../../version.json");
 
@@ -72,6 +72,6 @@ var WhatsNewResultListItemWithContext = function WhatsNewResultListItemWithConte
   }, /*#__PURE__*/_react.default.createElement(WhatsNewResultListItem, props));
 };
 
-var _default = (0, _reactIntl.injectIntl)(WhatsNewResultListItemWithContext);
+var _default = (0, _reactIntlNext.injectIntl)(WhatsNewResultListItemWithContext);
 
 exports.default = _default;

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WhatsNewResultListItemDescription = exports.WhatsNewResultListItemTitleText = exports.WhatsNewResultListItemTitleContainer = exports.WhatsNewResultListItemWrapper = void 0;
+exports.WhatsNewResultListItemWrapper = exports.WhatsNewResultListItemTitleText = exports.WhatsNewResultListItemTitleContainer = exports.WhatsNewResultListItemDescription = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ToggleShowWhatsNewResultsContainer = exports.WhatsNewResultsListGroupTitle = exports.WhatsNewResultsListGroupWrapper = exports.WhatsNewResultsListContainer = exports.truncate = void 0;
+exports.truncate = exports.WhatsNewResultsListGroupWrapper = exports.WhatsNewResultsListGroupTitle = exports.WhatsNewResultsListContainer = exports.ToggleShowWhatsNewResultsContainer = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/index.js

@@ -9,7 +9,7 @@ exports.default = exports.WhatsNewResultsLoading = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _constants = require("@atlaskit/theme/constants");
 
@@ -91,6 +91,6 @@ var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
 
 exports.WhatsNewResultsLoading = WhatsNewResultsLoading;
 
-var _default = (0, _reactIntl.injectIntl)(WhatsNewResultsLoading);
+var _default = (0, _reactIntlNext.injectIntl)(WhatsNewResultsLoading);
 
 exports.default = _default;

package/dist/cjs/components/WhatsNew/WhatsNewResults/index.js

@@ -19,7 +19,7 @@ var _reactTransitionGroup = require("react-transition-group");
 
 var _select = _interopRequireDefault(require("@atlaskit/select"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _constants = require("../../constants");
 
@@ -33,6 +33,8 @@ var _whatsNewArticleContext = require("../../contexts/whatsNewArticleContext");
 
 var _navigationContext = require("../../contexts/navigationContext");
 
+var _WhatsNewResultsEmpty = _interopRequireDefault(require("./WhatsNewResultsEmpty"));
+
 var _WhatsNewResultsError = _interopRequireDefault(require("./WhatsNewResultsError"));
 
 var _WhatsNewResultsLoading = _interopRequireDefault(require("./WhatsNewResultsLoading"));
@@ -85,7 +87,12 @@ var WhatsNewResults = function WhatsNewResults(_ref) {
       searchWhatsNewArticlesState = _useWhatsNewArticleCo.searchWhatsNewArticlesState,
       onWhatsNewButtonClick = _useWhatsNewArticleCo.onWhatsNewButtonClick;
 
-  var _useState = (0, _react.useState)(''),
+  var SELECT_DEFAULT_VALUE = {
+    value: '',
+    label: formatMessage(_messages.messages.help_whats_new_filter_select_option_all)
+  };
+
+  var _useState = (0, _react.useState)(SELECT_DEFAULT_VALUE),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       selectedOption = _useState2[0],
       setSelectedOption = _useState2[1];
@@ -96,13 +103,24 @@ var WhatsNewResults = function WhatsNewResults(_ref) {
           hasNextPage = searchWhatsNewArticlesResult.hasNextPage;
 
       if (nextPage && hasNextPage) {
-        onSearchWhatsNewArticles(selectedOption, _constants.NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE, nextPage);
+        onSearchWhatsNewArticles(selectedOption.value, _constants.NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE, nextPage);
       }
     }
   }, [onSearchWhatsNewArticles, searchWhatsNewArticlesResult, selectedOption]);
 
   var handleOnEnter = function handleOnEnter() {
-    return onSearchWhatsNewArticles && onSearchWhatsNewArticles();
+    setSelectedOption(SELECT_DEFAULT_VALUE);
+    onSearchWhatsNewArticles && onSearchWhatsNewArticles();
+  };
+
+  var handleOnClearFilter = function handleOnClearFilter() {
+    if (onSearchWhatsNewArticles) {
+      setSelectedOption({
+        value: '',
+        label: formatMessage(_messages.messages.help_whats_new_filter_select_option_all)
+      });
+      onSearchWhatsNewArticles('', _constants.NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE, '');
+    }
   };
 
   return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
@@ -113,10 +131,7 @@ var WhatsNewResults = function WhatsNewResults(_ref) {
     return /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsContainer, {
       style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
     }, searchWhatsNewArticlesState !== _Requests.REQUEST_STATE.error && /*#__PURE__*/_react.default.createElement(_styled.SelectContainer, null, /*#__PURE__*/_react.default.createElement(_select.default, {
-      defaultValue: {
-        value: '',
-        label: formatMessage(_messages.messages.help_whats_new_filter_select_option_all)
-      },
+      defaultValue: selectedOption,
       className: "single-select",
       classNamePrefix: "react-select",
       options: [{
@@ -138,20 +153,27 @@ var WhatsNewResults = function WhatsNewResults(_ref) {
         label: formatMessage(_messages.messages.help_whats_new_filter_select_option_experiment),
         value: _WhatsNew.WHATS_NEW_ITEM_TYPES.EXPERIMENT
       }],
+      value: selectedOption,
       onChange: function onChange(option) {
         if (onSearchWhatsNewArticles) {
           var selectedOptionValue = option.value;
-          setSelectedOption(selectedOptionValue);
+          var selectedOptionLabel = option.label;
+          setSelectedOption({
+            value: selectedOptionValue,
+            label: selectedOptionLabel
+          });
           onSearchWhatsNewArticles(selectedOptionValue, _constants.NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE, '');
         }
       }
-    })), /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsListContainer, null, searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsLoading.default, null), (searchWhatsNewArticlesState === _Requests.REQUEST_STATE.done || searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_WhatsNewResultsList.default, {
+    })), /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsListContainer, null, searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsLoading.default, null), (searchWhatsNewArticlesState === _Requests.REQUEST_STATE.done || searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, searchWhatsNewArticlesResult.articles.length > 0 ? /*#__PURE__*/_react.default.createElement(_WhatsNewResultsList.default, {
       whatsNewArticles: searchWhatsNewArticlesResult.articles,
       onWhatsNewResultItemClick: onWhatsNewButtonClick,
       onShowMoreButtonClick: handleOnShowMoreButtonClick,
       hasNextPage: searchWhatsNewArticlesResult === null || searchWhatsNewArticlesResult === void 0 ? void 0 : searchWhatsNewArticlesResult.hasNextPage,
       nextPage: searchWhatsNewArticlesResult === null || searchWhatsNewArticlesResult === void 0 ? void 0 : searchWhatsNewArticlesResult.nextPage,
       loadingMore: searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading
+    }) : /*#__PURE__*/_react.default.createElement(_WhatsNewResultsEmpty.default, {
+      onClearFilter: handleOnClearFilter
     })), searchWhatsNewArticlesState === _Requests.REQUEST_STATE.error && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsError.default, {
       onSearch: onSearchWhatsNewArticles
     })));
@@ -160,6 +182,6 @@ var WhatsNewResults = function WhatsNewResults(_ref) {
 
 exports.WhatsNewResults = WhatsNewResults;
 
-var _default = (0, _reactIntl.injectIntl)(WhatsNewResults);
+var _default = (0, _reactIntlNext.injectIntl)(WhatsNewResults);
 
 exports.default = _default;

package/dist/cjs/components/WhatsNew/WhatsNewResults/styled.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WhatsNewResultsListTitleContainer = exports.WhatsNewResultsListContainer = exports.SelectContainer = exports.WhatsNewResultsContainer = void 0;
+exports.WhatsNewResultsListTitleContainer = exports.WhatsNewResultsListContainer = exports.WhatsNewResultsContainer = exports.SelectContainer = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

package/dist/cjs/components/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TRANSITION_STATUS = exports.HIDE_CONTENT_DELAY = exports.FADEIN_OVERLAY_TRANSITION_DURATION_MS = exports.SLIDEIN_OVERLAY_TRANSITION_DURATION_MS = exports.VIEW = exports.NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE = exports.LOADING_TIMEOUT = exports.MIN_CHARACTERS_FOR_SEARCH = void 0;
+exports.VIEW = exports.TRANSITION_STATUS = exports.SLIDEIN_OVERLAY_TRANSITION_DURATION_MS = exports.NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE = exports.MIN_CHARACTERS_FOR_SEARCH = exports.LOADING_TIMEOUT = exports.HIDE_CONTENT_DELAY = exports.FADEIN_OVERLAY_TRANSITION_DURATION_MS = void 0;
 var MIN_CHARACTERS_FOR_SEARCH = 3;
 exports.MIN_CHARACTERS_FOR_SEARCH = MIN_CHARACTERS_FOR_SEARCH;
 var LOADING_TIMEOUT = 1000;

package/dist/cjs/components/contexts/headerContext.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HeaderContextProvider = exports.CtxProvider = exports.useHeaderContext = void 0;
+exports.useHeaderContext = exports.HeaderContextProvider = exports.CtxProvider = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 

package/dist/cjs/components/contexts/helpArticleContext.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HelpArticleContextProvider = exports.CtxProvider = exports.useHelpArticleContext = void 0;
+exports.useHelpArticleContext = exports.HelpArticleContextProvider = exports.CtxProvider = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 

package/dist/cjs/components/contexts/homeContext.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HomeContextProvider = exports.CtxProvider = exports.useHomeContext = void 0;
+exports.useHomeContext = exports.HomeContextProvider = exports.CtxProvider = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));