@atlaskit/link-picker 1.16.9 → 1.16.10

package/dist/esm/ui/link-picker/styled.js

@@ -1,17 +1,15 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 import { css } from '@emotion/react';
 import { N500 } from '@atlaskit/theme/colors';
 import { gridSize as getGridSize } from '@atlaskit/theme/constants';
 var LINK_PICKER_WIDTH_IN_PX = 342;
 var LINK_PICKER_MIN_HEIGHT_IN_PX = 220;
 var gridSize = getGridSize();
+
 /**
  * Half padding on the top as the form field has a `gridSize()` margin top that cannot be overridden
  */
-
 export var rootContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", "px;\n  padding: ", "px ", "px ", "px;\n  box-sizing: border-box;\n  line-height: initial;\n  min-height: ", "px;\n"])), LINK_PICKER_WIDTH_IN_PX, gridSize, gridSize * 2, gridSize * 2, LINK_PICKER_MIN_HEIGHT_IN_PX);
 export var rootContainerStylesForLoader = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), rootContainerStyles);
 export var searchIconStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-left: ", "px;\n  color: ", ";\n  cursor: default;\n"])), gridSize / 2, "var(--ds-icon, ".concat(N500, ")"));

package/dist/esm/ui/link-picker/text-input/index.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error"];
-
 /** @jsx jsx */
 import { useCallback, useRef, Fragment } from 'react';
 import { jsx } from '@emotion/react';
@@ -15,24 +14,21 @@ export var testIds = {
   urlError: 'link-error',
   clearUrlButton: 'clear-text'
 };
-
 var TextInput = function TextInput(_ref) {
   var name = _ref.name,
-      label = _ref.label,
-      autoFocus = _ref.autoFocus,
-      onRedo = _ref.onRedo,
-      onUndo = _ref.onUndo,
-      onKeyDown = _ref.onKeyDown,
-      onClear = _ref.onClear,
-      clearLabel = _ref.clearLabel,
-      error = _ref.error,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
+    label = _ref.label,
+    autoFocus = _ref.autoFocus,
+    onRedo = _ref.onRedo,
+    onUndo = _ref.onUndo,
+    onKeyDown = _ref.onKeyDown,
+    onClear = _ref.onClear,
+    clearLabel = _ref.clearLabel,
+    error = _ref.error,
+    restProps = _objectWithoutProperties(_ref, _excluded);
   var inputRef = useRef(null);
   var handleRef = useCallback(function (input) {
     if (input) {
       inputRef.current = input;
-
       if (autoFocus) {
         // Need this to prevent jumping when we render TextInput inside Portal @see ED-2992
         input.focus({
@@ -49,14 +45,12 @@ var TextInput = function TextInput(_ref) {
       e.preventDefault();
       onRedo();
     }
-
     if (onKeyDown) {
       onKeyDown(e);
     }
   }, [onUndo, onRedo, onKeyDown]);
   var handleClear = useCallback(function (e) {
     var _inputRef$current;
-
     e.preventDefault();
     e.stopPropagation();
     onClear === null || onClear === void 0 ? void 0 : onClear(name);
@@ -90,5 +84,4 @@ var TextInput = function TextInput(_ref) {
     }, error));
   }));
 };
-
 export default TextInput;

package/dist/esm/ui/link-picker/text-input/styled.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 import { css } from '@emotion/react';
 import { N500 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';

package/dist/esm/ui/link-picker/track-mount/index.js

@@ -5,14 +5,13 @@ import { succeedUfoExperience, ufoExperience } from '../../../common/analytics/e
 import createEventPayload from '../../../analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
 import { useLinkPickerSessionId } from '../../../controllers/session-provider';
+
 /**
  * UFO + Analytics tracking for component mount (and unmount)
  */
-
 function TrackMount() {
   var _useAnalyticsEvents = useAnalyticsEvents(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var linkPickerSessionId = useLinkPickerSessionId();
   useLayoutEffect(function () {
     succeedUfoExperience(ufoExperience.mounted, linkPickerSessionId);
@@ -27,5 +26,4 @@ function TrackMount() {
   }, [createAnalyticsEvent]);
   return null;
 }
-
 export default TrackMount;

package/dist/esm/ui/link-picker/track-tab-viewed/index.js

@@ -3,17 +3,13 @@ import { useLayoutEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import createEventPayload from '../../../analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
-
 function TrackTabViewed(_ref) {
   var activeTab = _ref.activeTab;
-
   var _useAnalyticsEvents = useAnalyticsEvents(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   useLayoutEffect(function () {
     createAnalyticsEvent(createEventPayload('ui.tab.viewed', {})).fire(ANALYTICS_CHANNEL);
   }, [activeTab, createAnalyticsEvent]);
   return null;
 }
-
 export default TrackTabViewed;

package/dist/esm/ui/link-picker/transformTimeStamp.js

@@ -2,39 +2,32 @@ import formatDistance from 'date-fns/formatDistance';
 import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
 import format from 'date-fns/format';
 import { messages } from './messages';
-
 var renderAbsoluteOrRelativeDate = function renderAbsoluteOrRelativeDate(timeStamp, pageAction, intl) {
   var pageActionText = '';
-
   switch (pageAction) {
     case 'updated':
       pageActionText = intl.formatMessage(messages.timeUpdated);
       break;
-
     case 'viewed':
       pageActionText = intl.formatMessage(messages.timeViewed);
       break;
   }
-
   if (differenceInCalendarDays(timeStamp, Date.now()) < -7) {
     return {
       pageAction: pageActionText,
       dateString: format(timeStamp, 'MMMM dd, yyyy')
     };
   }
-
   return {
     pageAction: pageActionText,
     dateString: formatDistance(timeStamp, Date.now()),
     timeSince: intl.formatMessage(messages.timeAgo)
   };
 };
-
 export var transformTimeStamp = function transformTimeStamp(intl, lastViewedDate, lastUpdatedDate) {
   if (lastViewedDate) {
     return renderAbsoluteOrRelativeDate(lastViewedDate, 'viewed', intl);
   }
-
   if (lastUpdatedDate) {
     return renderAbsoluteOrRelativeDate(lastUpdatedDate, 'updated', intl);
   }

package/dist/esm/ui/link-picker/utils.js

@@ -3,31 +3,33 @@ import { transformTimeStamp } from './transformTimeStamp';
 var KeyZCode = 90;
 var KeyYCode = 89;
 export var isUndoEvent = function isUndoEvent(e) {
-  return e.keyCode === KeyZCode && ( // cmd + z for mac
-  browser.mac && e.metaKey && !e.shiftKey || // ctrl + z for non-mac
+  return e.keyCode === KeyZCode && (
+  // cmd + z for mac
+  browser.mac && e.metaKey && !e.shiftKey ||
+  // ctrl + z for non-mac
   !browser.mac && e.ctrlKey);
 };
 export var isRedoEvent = function isRedoEvent(e) {
-  return (// ctrl + y for non-mac
+  return (
+    // ctrl + y for non-mac
     !browser.mac && e.ctrlKey && e.keyCode === KeyYCode || browser.mac && e.metaKey && e.shiftKey && e.keyCode === KeyZCode || e.ctrlKey && e.shiftKey && e.keyCode === KeyZCode
   );
 };
+
 /**
  * Retrieve the data source for a link given the item and the plugin that resolved it
  */
-
 export var getDataSource = function getDataSource(item, plugin) {
   var _ref, _item$meta$source, _item$meta, _plugin$meta;
-
   return (_ref = (_item$meta$source = (_item$meta = item.meta) === null || _item$meta === void 0 ? void 0 : _item$meta.source) !== null && _item$meta$source !== void 0 ? _item$meta$source : plugin === null || plugin === void 0 ? void 0 : (_plugin$meta = plugin.meta) === null || _plugin$meta === void 0 ? void 0 : _plugin$meta.source) !== null && _ref !== void 0 ? _ref : 'unknown';
 };
 export function getScreenReaderText(items, selectedIndex, intl) {
   if (items.length && selectedIndex > -1) {
     var _items$selectedIndex = items[selectedIndex],
-        name = _items$selectedIndex.name,
-        container = _items$selectedIndex.container,
-        lastUpdatedDate = _items$selectedIndex.lastUpdatedDate,
-        lastViewedDate = _items$selectedIndex.lastViewedDate;
+      name = _items$selectedIndex.name,
+      container = _items$selectedIndex.container,
+      lastUpdatedDate = _items$selectedIndex.lastUpdatedDate,
+      lastViewedDate = _items$selectedIndex.lastViewedDate;
     var date = transformTimeStamp(intl, lastViewedDate, lastUpdatedDate);
     var formattedDate = [date === null || date === void 0 ? void 0 : date.pageAction, date === null || date === void 0 ? void 0 : date.dateString, date === null || date === void 0 ? void 0 : date.timeSince].filter(Boolean).join(' ');
     return [name, container, formattedDate].filter(Boolean).join(', ');

package/dist/esm/ui/scrolling-tabs/index.js

@@ -1,12 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 /** @jsx jsx */
 import React, { useRef, useMemo, useState, useCallback } from 'react';
 import { jsx } from '@emotion/react';
@@ -15,30 +11,26 @@ import ChevronLeftIcon from '@atlaskit/icon/glyph/chevron-left';
 import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
 import { scrollBack, scrollForward, calculateConditionalButtons, getTabList, createGhost } from './scrolling-tabs';
 import { containerStyles, scrollingContainerStyles, nextButtonStyles, backButtonStyles } from './styles';
-
 function isTouchDevice() {
-  return 'ontouchstart' in window || // eslint-disable-next-line compat/compat
+  return 'ontouchstart' in window ||
+  // eslint-disable-next-line compat/compat
   navigator.maxTouchPoints > 0;
 }
-
 var initialConditionalButtonsState = {
   back: false,
   forward: false
 };
 export var ScrollingTabList = function ScrollingTabList(props) {
   var ref = useRef(null);
-
   var _useState = useState(initialConditionalButtonsState),
-      _useState2 = _slicedToArray(_useState, 2),
-      conditionalButtons = _useState2[0],
-      setConditionalButtons = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    conditionalButtons = _useState2[0],
+    setConditionalButtons = _useState2[1];
   var ghost = useMemo(function () {
     return createGhost();
   }, []);
   var onTabClick = useCallback(function (e) {
     var target = e.currentTarget;
-
     if (target) {
       target.scrollIntoView({
         behavior: 'smooth',
@@ -51,38 +43,29 @@ export var ScrollingTabList = function ScrollingTabList(props) {
     var container = ref.current;
     var scrollingContainer;
     var tabs;
-
     var handleConditionalButtonsChange = function handleConditionalButtonsChange() {
       var buttons = calculateConditionalButtons(scrollingContainer, isTouchDevice());
       setConditionalButtons(buttons);
     };
-
     var observerCallback = function observerCallback(mutationList) {
       var tablist = getTabList(ref);
-
       var _iterator = _createForOfIteratorHelper(mutationList),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var mutation = _step.value;
-
           if (mutation.type === 'childList') {
             var addedNodes = Array.from(mutation.addedNodes);
             var found = addedNodes.find(function (node) {
               return node.getAttribute('role') === 'tab';
             });
-
             if (found && tablist) {
               ghost.remove();
-
               var _tabs = Array.from(tablist.children);
-
               _tabs.forEach(function (tab) {
                 tab.removeEventListener('click', onTabClick);
                 tab.addEventListener('click', onTabClick);
               });
-
               tablist.appendChild(ghost);
               handleConditionalButtonsChange();
             }
@@ -94,9 +77,7 @@ export var ScrollingTabList = function ScrollingTabList(props) {
         _iterator.f();
       }
     };
-
     var observer = new MutationObserver(observerCallback);
-
     if (container) {
       var tablist = getTabList(ref);
       scrollingContainer = tablist === null || tablist === void 0 ? void 0 : tablist.parentElement;
@@ -105,7 +86,6 @@ export var ScrollingTabList = function ScrollingTabList(props) {
         childList: true,
         subtree: true
       });
-
       if (scrollingContainer instanceof HTMLElement && tablist) {
         tablist.appendChild(ghost);
         tabs = Array.from(tablist.children);
@@ -115,12 +95,10 @@ export var ScrollingTabList = function ScrollingTabList(props) {
         handleConditionalButtonsChange();
         scrollingContainer.addEventListener('scroll', handleConditionalButtonsChange);
       }
-
       return function () {
         if (scrollingContainer) {
           scrollingContainer.removeEventListener('scroll', handleConditionalButtonsChange);
         }
-
         if (tabs.length) {
           tabs.forEach(function (tab) {
             return tab.removeEventListener('click', onTabClick);

package/dist/esm/ui/scrolling-tabs/scrolling-tabs.js

@@ -13,11 +13,9 @@ export var calculateConditionalButtons = function calculateConditionalButtons(co
     back: false,
     forward: false
   };
-
   if (!container || hideButtons) {
     return initialState;
   }
-
   var maxScrollValue = container.scrollWidth - container.clientWidth;
   return {
     back: container.scrollLeft > 0,
@@ -31,18 +29,13 @@ export var createGhost = function createGhost() {
   ghost.style.pointerEvents = 'none';
   return ghost;
 };
-
 var moveTabsScroll = function moveTabsScroll(ref, findFn) {
   var container = getContainer(ref);
-
   if (container) {
     var tablist = container.children[0];
-
     var _tabs = _toConsumableArray(tablist.children);
-
     if (_tabs.length > 0) {
       var target = findFn(container, _tabs);
-
       if (target) {
         var left = container.scrollLeft + target.getBoundingClientRect().left - container.getBoundingClientRect().left - BUTTON_SIZE;
         scrollTo(container, left);
@@ -50,47 +43,39 @@ var moveTabsScroll = function moveTabsScroll(ref, findFn) {
     }
   }
 };
-
 var scrollTo = function scrollTo(container, left) {
   container.scrollTo({
     left: left
   });
 };
-
 export var getTabList = function getTabList(ref) {
   var _ref$current;
-
   return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector('[role="tablist"]');
 };
 export var getContainer = function getContainer(ref) {
   var _getTabList;
-
   return (_getTabList = getTabList(ref)) === null || _getTabList === void 0 ? void 0 : _getTabList.parentElement;
 };
-
 var findPrevious = function findPrevious(container, tabs) {
   var previousTabs = tabs.filter(function (tab) {
     var _ref = [container.getBoundingClientRect(), tab.getBoundingClientRect()],
-        containerRect = _ref[0],
-        tabRect = _ref[1];
+      containerRect = _ref[0],
+      tabRect = _ref[1];
     var containerArea = containerRect.left + container.scrollLeft - GUTTER,
-        tabArea = container.scrollLeft + tabRect.left + tabRect.width;
+      tabArea = container.scrollLeft + tabRect.left + tabRect.width;
     return containerArea > tabArea;
   });
-
   if (previousTabs.length < 3) {
     return previousTabs[0];
   }
-
   return previousTabs[previousTabs.length - 1];
 };
-
 var findNext = function findNext(container, tabs) {
   var containerRect = container.getBoundingClientRect();
   return tabs.find(function (tab) {
     var tabRect = tab.getBoundingClientRect();
     var containerArea = container.clientWidth + containerRect.left - GUTTER,
-        tabArea = tabRect.left + tabRect.width;
+      tabArea = tabRect.left + tabRect.width;
     return containerArea < tabArea;
   });
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.16.9",
+	"version": "1.16.10",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.16.9",
+  "version": "1.16.10",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -41,7 +41,7 @@
     "@atlaskit/tabs": "^13.3.0",
     "@atlaskit/textfield": "^5.3.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.13.0",
+    "@atlaskit/tokens": "^1.0.0",
     "@atlaskit/tooltip": "^17.6.0",
     "@atlaskit/ufo": "^0.1.0",
     "@atlaskit/visually-hidden": "^1.1.0",