@atlaskit/help 7.1.24 → 7.1.26

package/dist/esm/components/contexts/whatsNewArticleContext.js

@@ -6,47 +6,40 @@ import React, { useState, useCallback } from 'react';
 import { REQUEST_STATE } from '../../model/Requests';
 import { createCtx } from '../../util/hooks/ctx';
 import { NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE } from '../constants';
-
 var _createCtx = createCtx(),
-    _createCtx2 = _slicedToArray(_createCtx, 2),
-    useWhatsNewArticleContext = _createCtx2[0],
-    CtxProvider = _createCtx2[1];
-
+  _createCtx2 = _slicedToArray(_createCtx, 2),
+  useWhatsNewArticleContext = _createCtx2[0],
+  CtxProvider = _createCtx2[1];
 export { useWhatsNewArticleContext, CtxProvider };
 export var WhatsNewArticleProvider = function WhatsNewArticleProvider(_ref) {
   var whatsNewGetNotificationProvider = _ref.whatsNewGetNotificationProvider,
-      onWhatsNewButtonClick = _ref.onWhatsNewButtonClick,
-      onSearchWhatsNewArticles = _ref.onSearchWhatsNewArticles,
-      onSearchWhatsNewArticlesShowMoreClick = _ref.onSearchWhatsNewArticlesShowMoreClick,
-      onWhatsNewResultItemClick = _ref.onWhatsNewResultItemClick,
-      onGetWhatsNewArticle = _ref.onGetWhatsNewArticle,
-      productName = _ref.productName,
-      children = _ref.children;
-
+    onWhatsNewButtonClick = _ref.onWhatsNewButtonClick,
+    onSearchWhatsNewArticles = _ref.onSearchWhatsNewArticles,
+    onSearchWhatsNewArticlesShowMoreClick = _ref.onSearchWhatsNewArticlesShowMoreClick,
+    onWhatsNewResultItemClick = _ref.onWhatsNewResultItemClick,
+    onGetWhatsNewArticle = _ref.onGetWhatsNewArticle,
+    productName = _ref.productName,
+    children = _ref.children;
   // What's new
   var _useState = useState(undefined),
-      _useState2 = _slicedToArray(_useState, 2),
-      whatsNewSearchType = _useState2[0],
-      setWhatsNewSearchType = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    whatsNewSearchType = _useState2[0],
+    setWhatsNewSearchType = _useState2[1];
   var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      searchWhatsNewArticlesResult = _useState4[0],
-      setSearchWhatsNewArticlesResult = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    searchWhatsNewArticlesResult = _useState4[0],
+    setSearchWhatsNewArticlesResult = _useState4[1];
   var _useState5 = useState(REQUEST_STATE.done),
-      _useState6 = _slicedToArray(_useState5, 2),
-      searchWhatsNewArticlesState = _useState6[0],
-      setSearchWhatsNewArticlesState = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchWhatsNewArticlesState = _useState6[0],
+    setSearchWhatsNewArticlesState = _useState6[1];
   var searchWhatsNew = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var filter,
-        numberOfItems,
-        page,
-        results,
-        _results,
-        _args = arguments;
-
+      numberOfItems,
+      page,
+      results,
+      _results,
+      _args = arguments;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
@@ -55,23 +48,19 @@ export var WhatsNewArticleProvider = function WhatsNewArticleProvider(_ref) {
             numberOfItems = _args.length > 1 && _args[1] !== undefined ? _args[1] : NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE;
             page = _args.length > 2 && _args[2] !== undefined ? _args[2] : '';
             setWhatsNewSearchType(filter);
-
             if (!onSearchWhatsNewArticles) {
               _context.next = 28;
               break;
             }
-
             _context.prev = 5;
-            setSearchWhatsNewArticlesState(REQUEST_STATE.loading); // If the filter type hasn't change, then we are loading an extra page
-
+            setSearchWhatsNewArticlesState(REQUEST_STATE.loading);
+            // If the filter type hasn't change, then we are loading an extra page
             if (!(filter === whatsNewSearchType && page !== '')) {
               _context.next = 14;
               break;
             }
-
             _context.next = 10;
             return onSearchWhatsNewArticles(filter, numberOfItems, page);
-
           case 10:
             results = _context.sent;
             setSearchWhatsNewArticlesResult({
@@ -81,35 +70,28 @@ export var WhatsNewArticleProvider = function WhatsNewArticleProvider(_ref) {
             });
             _context.next = 19;
             break;
-
           case 14:
             // new search
             setSearchWhatsNewArticlesResult(null);
             _context.next = 17;
             return onSearchWhatsNewArticles(filter, numberOfItems, page);
-
           case 17:
             _results = _context.sent;
             setSearchWhatsNewArticlesResult(_results);
-
           case 19:
             setSearchWhatsNewArticlesState(REQUEST_STATE.done);
             _context.next = 26;
             break;
-
           case 22:
             _context.prev = 22;
             _context.t0 = _context["catch"](5);
             setSearchWhatsNewArticlesResult(null);
             setSearchWhatsNewArticlesState(REQUEST_STATE.error);
-
           case 26:
             _context.next = 29;
             break;
-
           case 28:
             setSearchWhatsNewArticlesState(REQUEST_STATE.error);
-
           case 29:
           case "end":
             return _context.stop();

package/dist/esm/components/styled.js

@@ -1,8 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 /** @jsx jsx */
+
 import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';
 export var HelpBodyContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  min-height: 0;\n  position: relative;\n  overflow-y: auto;\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-content: stretch;\n  align-items: flex-start;\n"])));

package/dist/esm/model/Article.js

@@ -1,6 +1,5 @@
 // TODO - Check if we need to delete this
 export var ARTICLE_ITEM_TYPES;
-
 (function (ARTICLE_ITEM_TYPES) {
   ARTICLE_ITEM_TYPES["topicInProduct"] = "topicInProduct";
 })(ARTICLE_ITEM_TYPES || (ARTICLE_ITEM_TYPES = {}));

package/dist/esm/model/Help.js

@@ -1,6 +1,5 @@
 import { ArticleItem } from './Article';
 export var ARTICLE_TYPE;
-
 (function (ARTICLE_TYPE) {
   ARTICLE_TYPE["HELP_ARTICLE"] = "HELP_ARTICLE";
   ARTICLE_TYPE["WHATS_NEW"] = "WHATS_NEW";

package/dist/esm/model/Requests.js

@@ -1,5 +1,4 @@
 export var REQUEST_STATE;
-
 (function (REQUEST_STATE) {
   REQUEST_STATE["done"] = "done";
   REQUEST_STATE["loading"] = "loading";

package/dist/esm/model/WhatsNew.js

@@ -1,5 +1,4 @@
 export var WHATS_NEW_ITEM_TYPES;
-
 (function (WHATS_NEW_ITEM_TYPES) {
   WHATS_NEW_ITEM_TYPES["NEW_FEATURE"] = "Announcement";
   WHATS_NEW_ITEM_TYPES["IMPROVEMENT"] = "Improvement";

package/dist/esm/util/hooks/cancellablePromise.js

@@ -17,12 +17,12 @@ export function makeCancelable(promise) {
 }
 export default function useCancellablePromise() {
   var cancelable = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : makeCancelable;
-  var emptyPromise = Promise.resolve(true); // check if the input argument is a cancelable promise generator
+  var emptyPromise = Promise.resolve(true);
 
+  // check if the input argument is a cancelable promise generator
   if (cancelable(emptyPromise).cancel === undefined) {
     throw new Error('promise wrapper argument must provide a cancel() function');
   }
-
   var promises = useRef([]);
   useEffect(function () {
     promises.current = promises.current;
@@ -33,13 +33,11 @@ export default function useCancellablePromise() {
       promises.current = [];
     };
   }, []);
-
   var cancellablePromise = function cancellablePromise(p) {
     var cPromise = cancelable(p);
     promises.current.push(cPromise);
     return cPromise.promise;
   };
-
   return {
     cancellablePromise: cancellablePromise
   };

package/dist/esm/util/hooks/ctx.js

@@ -1,16 +1,12 @@
 import { createContext, useContext } from 'react';
 export function createCtx() {
   var ctx = /*#__PURE__*/createContext(undefined);
-
   function useCtx() {
     var c = useContext(ctx);
-
     if (!c) {
       throw new Error('useCtx must be inside a Provider with a value');
     }
-
     return c;
   }
-
   return [useCtx, ctx.Provider];
 }

package/dist/esm/util/hooks/previous.js

@@ -1,14 +1,16 @@
-import { useRef, useEffect } from 'react'; // Hook
+import { useRef, useEffect } from 'react';
 
+// Hook
 export function usePrevious(value) {
   // The ref object is a generic container whose current property is mutable ...
   // ... and can hold any value, similar to an instance property on a class
-  var ref = useRef(); // Store current value in ref
+  var ref = useRef();
 
+  // Store current value in ref
   useEffect(function () {
     ref.current = value;
   }, [value]); // Only re-run if value changes
-  // Return previous value (happens before update in useEffect above)
 
+  // Return previous value (happens before update in useEffect above)
   return ref.current;
 }

package/dist/esm/util/i18n-util.js

@@ -28,6 +28,7 @@ var localesMessagesMap = {
   sv: sv,
   zh: zh
 };
+
 /**
  * Tries to get the most specific messages bundle for a given locale.
  *
@@ -38,18 +39,14 @@ var localesMessagesMap = {
  *
  * @param locale string specifying the locale like 'en_GB', or 'fr'.
  */
-
 export var getMessagesForLocale = function getMessagesForLocale(locale) {
   var messages = localesMessagesMap[locale];
-
   if (!messages) {
     var parentLocale = locale.split(/[-_]/)[0];
     messages = localesMessagesMap[parentLocale];
   }
-
   if (!messages) {
     messages = en;
   }
-
   return messages;
 };

package/dist/esm/util/index.js

@@ -9,19 +9,14 @@ export var getTypeIcon = function getTypeIcon(itemType) {
   switch (itemType) {
     case WHATS_NEW_ITEM_TYPES.NEW_FEATURE:
       return WhatsNewIconNew();
-
     case WHATS_NEW_ITEM_TYPES.EXPERIMENT:
       return WhatsNewIconExperiment();
-
     case WHATS_NEW_ITEM_TYPES.FIX:
       return WhatsNewIconFix();
-
     case WHATS_NEW_ITEM_TYPES.IMPROVEMENT:
       return WhatsNewIconImprovement();
-
     case WHATS_NEW_ITEM_TYPES.REMOVED:
       return WhatsNewIconRemoved();
-
     default:
       return '';
   }
@@ -30,16 +25,12 @@ export var getTypeTitle = function getTypeTitle(itemType) {
   switch (itemType) {
     case WHATS_NEW_ITEM_TYPES.NEW_FEATURE:
       return messages.help_whats_new_filter_select_option_new;
-
     case WHATS_NEW_ITEM_TYPES.EXPERIMENT:
       return messages.help_whats_new_filter_select_option_experiment;
-
     case WHATS_NEW_ITEM_TYPES.FIX:
       return messages.help_whats_new_filter_select_option_fix;
-
     case WHATS_NEW_ITEM_TYPES.IMPROVEMENT:
       return messages.help_whats_new_filter_select_option_improvement;
-
     case WHATS_NEW_ITEM_TYPES.REMOVED:
       return messages.help_whats_new_filter_select_option_removed;
   }

package/dist/esm/util/styled.js

@@ -1,14 +1,14 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 /** @jsx jsx */
+
 import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
 import { keyframes } from '@emotion/core';
 import { WHATS_NEW_ITEM_TYPES } from '../model/WhatsNew';
 export var DividerLine = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  height: 2px;\n  width: 100%;\n  padding: 0 ", "px;\n  margin-top: ", "px;\n  box-sizing: border-box;\n"])), "var(--ds-border, ".concat(colors.N30A, ")"), 2 * gridSize(), gridSize() * 2);
+
 /**
  * Loading container
  */
@@ -21,6 +21,7 @@ export var LoadingRectangle = styled.div(_templateObject3 || (_templateObject3 =
 }, function (props) {
   return props.contentWidth ? props.contentWidth : '100%';
 }, shimmer, "var(--ds-background-neutral, ".concat(colors.N30, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), "var(--ds-background-neutral, ".concat(colors.N40, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"));
+
 /**
  * Loading Circle
  */
@@ -32,29 +33,24 @@ export var LoadingCircle = styled.div(_templateObject4 || (_templateObject4 = _t
 }, function (props) {
   return props.radius ? props.radius : "".concat(gridSize() * 4, "px");
 }, shimmer, "var(--ds-background-neutral, ".concat(colors.N30, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), "var(--ds-background-neutral, ".concat(colors.N40, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"));
+
 /**
  * What's new icon
  */
 
 export var WhatsNewTypeIcon = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: inline-block;\n  vertical-align: middle;\n  position: relative;\n  height: ", "px;\n  width: ", "px;\n  border-radius: 2px;\n  background-color: ", ";\n\n  & > img {\n    width: calc(100% - ", "px);\n    height: calc(100% - ", "px);\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n\n    & > svg {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), gridSize() * 2, gridSize() * 2, function (_ref) {
   var type = _ref.type;
-
   switch (type) {
     case WHATS_NEW_ITEM_TYPES.IMPROVEMENT:
       return "var(--ds-icon-warning, ".concat(colors.Y200, ")");
-
     case WHATS_NEW_ITEM_TYPES.NEW_FEATURE:
       return "var(--ds-icon-success, ".concat(colors.G300, ")");
-
     case WHATS_NEW_ITEM_TYPES.FIX:
       return "var(--ds-icon-information, ".concat(colors.B500, ")");
-
     case WHATS_NEW_ITEM_TYPES.EXPERIMENT:
       return "var(--ds-icon-discovery, ".concat(colors.P500, ")");
-
     case WHATS_NEW_ITEM_TYPES.REMOVED:
       return "var(--ds-icon-disabled, ".concat(colors.N700, ")");
-
     default:
       return "var(--ds-icon, ".concat(colors.N400, ")");
   }

package/dist/esm/util/testing/mock.js

@@ -44,14 +44,13 @@ export var getMockArticleItem = function getMockArticleItem(id) {
 };
 export var getMockArticleItemList = function getMockArticleItemList(numberOfItems) {
   var articleItemList = [];
-
   for (var i = 0; i < numberOfItems; i++) {
     articleItemList.push(getMockArticleItem(i.toString()));
   }
-
   return articleItemList;
-}; // What's New article data
+};
 
+// What's New article data
 export var getMockWhatsNewArticle = function getMockWhatsNewArticle(id) {
   var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   var routeGroup = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
@@ -93,10 +92,8 @@ export var getMockWhatsNewArticleItem = function getMockWhatsNewArticleItem(id,
 };
 export var getMockWhatsNewArticleItemList = function getMockWhatsNewArticleItemList(numberOfItems) {
   var articleItemList = [];
-
   for (var i = 0; i < numberOfItems; i++) {
     articleItemList.push(getMockWhatsNewArticleItem(i.toString()));
   }
-
   return articleItemList;
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/help",
-	"version": "7.1.24",
+	"version": "7.1.26",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/help",
-  "version": "7.1.24",
+  "version": "7.1.26",
   "description": "A cross-product help component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@atlaskit/analytics": "^8.0.0",
-    "@atlaskit/analytics-next": "^8.0.0",
+    "@atlaskit/analytics-next": "^9.0.0",
     "@atlaskit/button": "^16.5.0",
     "@atlaskit/checkbox": "^12.4.0",
     "@atlaskit/form": "^8.8.0",
@@ -43,7 +43,7 @@
     "@atlaskit/textarea": "^4.5.0",
     "@atlaskit/textfield": "^5.3.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.13.0",
+    "@atlaskit/tokens": "^1.2.0",
     "@atlaskit/tooltip": "^17.6.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
@@ -79,7 +79,9 @@
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
   "techstack": {
     "@repo/internal": {
-      "theming": "tokens"
+      "design-tokens": [
+        "color"
+      ]
     }
   }
 }