@atlaskit/link-picker 1.39.4 → 1.40.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/common/generic-error-svg/index.js +4 -1
  3. package/dist/cjs/common/ui/min-height-container/index.js +4 -1
  4. package/dist/cjs/ui/error-boundary/error-boundary-fallback/index.js +4 -1
  5. package/dist/cjs/ui/index.js +5 -2
  6. package/dist/cjs/ui/link-picker/form-footer/feature-discovery/index.js +4 -1
  7. package/dist/cjs/ui/link-picker/form-footer/index.js +9 -3
  8. package/dist/cjs/ui/link-picker/index.js +4 -1
  9. package/dist/cjs/ui/link-picker/search-results/index.js +4 -1
  10. package/dist/cjs/ui/link-picker/search-results/link-search-error/index.js +4 -1
  11. package/dist/cjs/ui/link-picker/search-results/link-search-list/index.js +4 -1
  12. package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.js +4 -1
  13. package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.js +4 -1
  14. package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/index.js +19 -19
  15. package/dist/cjs/ui/link-picker/search-results/search-results-container/index.js +4 -1
  16. package/dist/cjs/ui/link-picker/search-results/track-tab-viewed/index.js +4 -1
  17. package/dist/cjs/ui/link-picker/text-input/index.js +9 -5
  18. package/dist/cjs/ui/link-picker/track-mount/index.js +4 -1
  19. package/dist/cjs/ui/loader-fallback/index.js +4 -1
  20. package/dist/es2019/common/generic-error-svg/index.js +4 -1
  21. package/dist/es2019/common/ui/min-height-container/index.js +4 -1
  22. package/dist/es2019/ui/error-boundary/error-boundary-fallback/index.js +4 -1
  23. package/dist/es2019/ui/index.js +5 -2
  24. package/dist/es2019/ui/link-picker/form-footer/feature-discovery/index.js +4 -1
  25. package/dist/es2019/ui/link-picker/form-footer/index.js +9 -3
  26. package/dist/es2019/ui/link-picker/index.js +4 -1
  27. package/dist/es2019/ui/link-picker/search-results/index.js +4 -1
  28. package/dist/es2019/ui/link-picker/search-results/link-search-error/index.js +4 -1
  29. package/dist/es2019/ui/link-picker/search-results/link-search-list/index.js +4 -1
  30. package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.js +4 -1
  31. package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.js +4 -1
  32. package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/index.js +19 -19
  33. package/dist/es2019/ui/link-picker/search-results/search-results-container/index.js +4 -1
  34. package/dist/es2019/ui/link-picker/search-results/track-tab-viewed/index.js +4 -1
  35. package/dist/es2019/ui/link-picker/text-input/index.js +8 -4
  36. package/dist/es2019/ui/link-picker/track-mount/index.js +4 -1
  37. package/dist/es2019/ui/loader-fallback/index.js +4 -1
  38. package/dist/esm/common/generic-error-svg/index.js +4 -1
  39. package/dist/esm/common/ui/min-height-container/index.js +4 -1
  40. package/dist/esm/ui/error-boundary/error-boundary-fallback/index.js +4 -1
  41. package/dist/esm/ui/index.js +5 -2
  42. package/dist/esm/ui/link-picker/form-footer/feature-discovery/index.js +4 -1
  43. package/dist/esm/ui/link-picker/form-footer/index.js +9 -3
  44. package/dist/esm/ui/link-picker/index.js +4 -1
  45. package/dist/esm/ui/link-picker/search-results/index.js +4 -1
  46. package/dist/esm/ui/link-picker/search-results/link-search-error/index.js +4 -1
  47. package/dist/esm/ui/link-picker/search-results/link-search-list/index.js +4 -1
  48. package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.js +4 -1
  49. package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.js +4 -1
  50. package/dist/esm/ui/link-picker/search-results/scrolling-tabs/index.js +19 -19
  51. package/dist/esm/ui/link-picker/search-results/search-results-container/index.js +4 -1
  52. package/dist/esm/ui/link-picker/search-results/track-tab-viewed/index.js +4 -1
  53. package/dist/esm/ui/link-picker/text-input/index.js +8 -4
  54. package/dist/esm/ui/link-picker/track-mount/index.js +4 -1
  55. package/dist/esm/ui/loader-fallback/index.js +4 -1
  56. package/dist/types/common/generic-error-svg/index.d.ts +4 -1
  57. package/dist/types/common/ui/min-height-container/index.d.ts +4 -1
  58. package/dist/types/ui/error-boundary/error-boundary-fallback/index.d.ts +4 -1
  59. package/dist/types/ui/index.d.ts +4 -1
  60. package/dist/types/ui/link-picker/form-footer/feature-discovery/index.d.ts +4 -1
  61. package/dist/types/ui/link-picker/search-results/index.d.ts +4 -1
  62. package/dist/types/ui/link-picker/search-results/link-search-error/index.d.ts +4 -1
  63. package/dist/types/ui/link-picker/search-results/link-search-list/index.d.ts +4 -1
  64. package/dist/types/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.d.ts +4 -1
  65. package/dist/types/ui/link-picker/search-results/link-search-list/list-item/index.d.ts +4 -1
  66. package/dist/types/ui/loader-fallback/index.d.ts +4 -1
  67. package/dist/types-ts4.5/common/generic-error-svg/index.d.ts +4 -1
  68. package/dist/types-ts4.5/common/ui/min-height-container/index.d.ts +4 -1
  69. package/dist/types-ts4.5/ui/error-boundary/error-boundary-fallback/index.d.ts +4 -1
  70. package/dist/types-ts4.5/ui/index.d.ts +4 -1
  71. package/dist/types-ts4.5/ui/link-picker/form-footer/feature-discovery/index.d.ts +4 -1
  72. package/dist/types-ts4.5/ui/link-picker/search-results/index.d.ts +4 -1
  73. package/dist/types-ts4.5/ui/link-picker/search-results/link-search-error/index.d.ts +4 -1
  74. package/dist/types-ts4.5/ui/link-picker/search-results/link-search-list/index.d.ts +4 -1
  75. package/dist/types-ts4.5/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.d.ts +4 -1
  76. package/dist/types-ts4.5/ui/link-picker/search-results/link-search-list/list-item/index.d.ts +4 -1
  77. package/dist/types-ts4.5/ui/loader-fallback/index.d.ts +4 -1
  78. package/package.json +5 -5
@@ -1,11 +1,14 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- /** @jsx jsx */
2
+ /**
3
+ * @jsxRuntime classic
4
+ * @jsx jsx
5
+ */
3
6
  import { Fragment, useCallback, useRef } from 'react';
4
7
 
5
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
9
  import { css, jsx } from '@emotion/react';
7
10
  import { ErrorMessage, Field } from '@atlaskit/form';
8
- import Selectclear from '@atlaskit/icon/glyph/select-clear';
11
+ import Selectclear from '@atlaskit/icon/core/migration/cross-circle--select-clear';
9
12
  import { Pressable, xcss } from '@atlaskit/primitives';
10
13
  import Textfield from '@atlaskit/textfield';
11
14
  import Tooltip from '@atlaskit/tooltip';
@@ -88,9 +91,10 @@ export const TextInput = ({
88
91
  onClick: handleClear,
89
92
  testId: testIds.clearUrlButton
90
93
  }, jsx(Selectclear, {
91
- size: "medium",
94
+ LEGACY_size: "medium",
92
95
  label: clearLabel || '',
93
- primaryColor: "var(--ds-icon-subtle, #626F86)"
96
+ color: "var(--ds-icon-subtle, #626F86)",
97
+ spacing: "spacious"
94
98
  })));
95
99
  return jsx("div", {
96
100
  css: fieldStyles
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { useLayoutEffect } from 'react';
3
6
  import { useAnalyticsEvents } from '@atlaskit/analytics-next';
4
7
  import { succeedUfoExperience, ufoExperience } from '../../../common/analytics/experiences';
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
6
  import { css, jsx } from '@emotion/react';
4
7
  import { fg } from '@atlaskit/platform-feature-flags';
@@ -1,5 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- /** @jsx jsx */
2
+ /**
3
+ * @jsxRuntime classic
4
+ * @jsx jsx
5
+ */
3
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
7
  import { css, jsx } from '@emotion/react';
5
8
  var HEIGHT = 90;
@@ -2,7 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["minHeight"];
5
- /** @jsx jsx */
5
+ /**
6
+ * @jsxRuntime classic
7
+ * @jsx jsx
8
+ */
6
9
  import React, { forwardRef } from 'react';
7
10
 
8
11
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
6
  import { jsx } from '@emotion/react';
4
7
  import { defineMessages, useIntl } from 'react-intl-next';
@@ -1,6 +1,9 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
- /** @jsx jsx */
3
+ /**
4
+ * @jsxRuntime classic
5
+ * @jsx jsx
6
+ */
4
7
  import React, { Fragment, memo } from 'react';
5
8
 
6
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -19,7 +22,7 @@ export var testIds = {
19
22
  };
20
23
  export var PACKAGE_DATA = {
21
24
  packageName: "@atlaskit/link-picker" || '',
22
- packageVersion: "1.39.4" || '',
25
+ packageVersion: "1.40.0" || '',
23
26
  componentName: COMPONENT_NAME,
24
27
  source: COMPONENT_NAME
25
28
  };
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { useEffect, useMemo } from 'react';
3
6
 
4
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,7 +1,10 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  var _excluded = ["isLoading", "isSubmitting", "error", "url", "queryState", "items", "isEditing", "onCancel", "action", "createFeatureDiscovery", "customSubmitButtonLabel"];
4
- /** @jsx jsx */
4
+ /**
5
+ * @jsxRuntime classic
6
+ * @jsx jsx
7
+ */
5
8
  import { memo, useMemo } from 'react';
6
9
 
7
10
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -10,7 +13,8 @@ import { defineMessages, useIntl } from 'react-intl-next';
10
13
  import uuid from 'uuid';
11
14
  import Button, { ButtonGroup } from '@atlaskit/button';
12
15
  import LoadingButton from '@atlaskit/button/loading-button';
13
- import EditorAddIcon from '@atlaskit/icon/glyph/editor/add';
16
+ import EditorAddIconLegacy from '@atlaskit/icon/glyph/editor/add';
17
+ import EditorAddIcon from '@atlaskit/icon/utility/add';
14
18
  import VisuallyHidden from '@atlaskit/visually-hidden';
15
19
  import { UnauthenticatedError } from '../../../common/utils/errors';
16
20
  import FeatureDiscovery from './feature-discovery';
@@ -77,7 +81,9 @@ export var FormFooter = /*#__PURE__*/memo(function (_ref) {
77
81
  appearance: "default",
78
82
  iconBefore: jsx(EditorAddIcon, {
79
83
  label: "",
80
- size: "medium"
84
+ LEGACY_size: "medium",
85
+ LEGACY_fallbackIcon: EditorAddIconLegacy,
86
+ color: "currentColor"
81
87
  }),
82
88
  isDisabled: isSubmitting,
83
89
  "aria-labelledby": isSubmitting ? submitMessageId : undefined
@@ -3,7 +3,10 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  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; }
5
5
  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; }
6
- /** @jsx jsx */
6
+ /**
7
+ * @jsxRuntime classic
8
+ * @jsx jsx
9
+ */
7
10
  import { Fragment, memo, useCallback, useLayoutEffect, useReducer } from 'react';
8
11
 
9
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -2,7 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  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; }
4
4
  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; }
5
- /** @jsx jsx */
5
+ /**
6
+ * @jsxRuntime classic
7
+ * @jsx jsx
8
+ */
6
9
  import { Fragment } from 'react';
7
10
 
8
11
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,5 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- /** @jsx jsx */
2
+ /**
3
+ * @jsxRuntime classic
4
+ * @jsx jsx
5
+ */
3
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
7
  import { jsx } from '@emotion/react';
5
8
  import { defineMessages, FormattedMessage, useIntl } from 'react-intl-next';
@@ -4,7 +4,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "ariaReadOnly", "role", "id", "hasSearchTerm", "activePlugin"];
5
5
  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; }
6
6
  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; }
7
- /** @jsx jsx */
7
+ /**
8
+ * @jsxRuntime classic
9
+ * @jsx jsx
10
+ */
8
11
  import { forwardRef, Fragment, useCallback, useRef } from 'react';
9
12
 
10
13
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
6
  import { css, jsx } from '@emotion/react';
4
7
  var HEIGHT = 120;
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { forwardRef, Fragment } from 'react';
3
6
 
4
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -3,14 +3,17 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  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; } } }; }
4
4
  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); }
5
5
  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; }
6
- /** @jsx jsx */
6
+ /**
7
+ * @jsxRuntime classic
8
+ * @jsx jsx
9
+ */
7
10
  import React, { useCallback, useMemo, useRef, useState } from 'react';
8
11
 
9
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
10
13
  import { jsx } from '@emotion/react';
11
- import Button from '@atlaskit/button';
12
- import ChevronLeftIcon from '@atlaskit/icon/glyph/chevron-left';
13
- import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
14
+ import { IconButton } from '@atlaskit/button/new';
15
+ import ChevronLeftIcon from '@atlaskit/icon/utility/migration/chevron-left';
16
+ import ChevronRightIcon from '@atlaskit/icon/utility/migration/chevron-right';
14
17
  import { calculateConditionalButtons, createGhost, getTabList, scrollBack, scrollForward } from './scrolling-tabs';
15
18
  import { backButtonStyles, containerStyles, nextButtonStyles, scrollingContainerStyles } from './styles';
16
19
  function isTouchDevice() {
@@ -114,7 +117,7 @@ export var ScrollingTabList = function ScrollingTabList(props) {
114
117
  }, [onTabClick, ghost, ref]);
115
118
  var buttonProps = {
116
119
  appearance: 'subtle',
117
- spacing: 'none'
120
+ spacing: 'compact'
118
121
  };
119
122
  return (
120
123
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -127,30 +130,27 @@ export var ScrollingTabList = function ScrollingTabList(props) {
127
130
  jsx("div", {
128
131
  className: "back",
129
132
  css: backButtonStyles
130
- }, jsx(Button, _extends({
131
- "data-test-id": "back"
132
- }, buttonProps, {
133
- iconBefore: jsx(ChevronLeftIcon, {
134
- label: "back"
135
- }),
133
+ }, jsx(IconButton, _extends({
134
+ "data-test-id": "back",
136
135
  onClick: function onClick() {
137
136
  return scrollBack(ref);
138
- }
139
- }))), jsx("div", {
137
+ },
138
+ label: "back",
139
+ icon: ChevronLeftIcon
140
+ }, buttonProps))), jsx("div", {
140
141
  css: scrollingContainerStyles
141
142
  }, props.children), conditionalButtons.forward &&
142
143
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
143
144
  jsx("div", {
144
145
  css: nextButtonStyles
145
- }, jsx(Button, _extends({
146
- "data-test-id": "forward"
147
- }, buttonProps, {
148
- iconBefore: jsx(ChevronRightIcon, {
149
- label: "forward"
150
- }),
146
+ }, jsx(IconButton, _extends({
147
+ "data-test-id": "forward",
151
148
  onClick: function onClick() {
152
149
  return scrollForward(ref);
153
150
  }
151
+ }, buttonProps, {
152
+ label: "forward",
153
+ icon: ChevronRightIcon
154
154
  }))))
155
155
  );
156
156
  };
@@ -1,7 +1,10 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  var _excluded = ["hasTabs"];
4
- /** @jsx jsx */
4
+ /**
5
+ * @jsxRuntime classic
6
+ * @jsx jsx
7
+ */
5
8
  import { forwardRef } from 'react';
6
9
 
7
10
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { useLayoutEffect } from 'react';
3
6
  import { useAnalyticsEvents } from '@atlaskit/analytics-next';
4
7
  import { ANALYTICS_CHANNEL } from '../../../../common/constants';
@@ -1,13 +1,16 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error", "spotlightTargetName"];
4
- /** @jsx jsx */
4
+ /**
5
+ * @jsxRuntime classic
6
+ * @jsx jsx
7
+ */
5
8
  import { Fragment, useCallback, useRef } from 'react';
6
9
 
7
10
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
11
  import { css, jsx } from '@emotion/react';
9
12
  import { ErrorMessage, Field } from '@atlaskit/form';
10
- import Selectclear from '@atlaskit/icon/glyph/select-clear';
13
+ import Selectclear from '@atlaskit/icon/core/migration/cross-circle--select-clear';
11
14
  import { Pressable, xcss } from '@atlaskit/primitives';
12
15
  import Textfield from '@atlaskit/textfield';
13
16
  import Tooltip from '@atlaskit/tooltip';
@@ -89,9 +92,10 @@ export var TextInput = function TextInput(_ref) {
89
92
  onClick: handleClear,
90
93
  testId: testIds.clearUrlButton
91
94
  }, jsx(Selectclear, {
92
- size: "medium",
95
+ LEGACY_size: "medium",
93
96
  label: clearLabel || '',
94
- primaryColor: "var(--ds-icon-subtle, #626F86)"
97
+ color: "var(--ds-icon-subtle, #626F86)",
98
+ spacing: "spacious"
95
99
  })));
96
100
  return jsx("div", {
97
101
  css: fieldStyles
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { useLayoutEffect } from 'react';
3
6
  import { useAnalyticsEvents } from '@atlaskit/analytics-next';
4
7
  import { succeedUfoExperience, ufoExperience } from '../../../common/analytics/experiences';
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
6
  import { css, jsx } from '@emotion/react';
4
7
  import { fg } from '@atlaskit/platform-feature-flags';
@@ -1,3 +1,6 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { jsx } from '@emotion/react';
3
6
  export declare const GenericErrorSVG: (props: React.SVGProps<SVGSVGElement>) => jsx.JSX.Element;
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
  export declare const MinHeightContainer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
4
7
  minHeight: string;
@@ -1,3 +1,6 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { jsx } from '@emotion/react';
3
6
  export declare const ErrorBoundaryFallback: () => jsx.JSX.Element;
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
  import { jsx } from '@emotion/react';
4
7
  import { type PackageMetaDataType } from '../common/utils/analytics/analytics.codegen';
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { type FC } from 'react';
3
6
  type FeatureDiscoveryProps = {
4
7
  children: React.ReactElement;
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { type KeyboardEvent } from 'react';
3
6
  import { jsx } from '@emotion/react';
4
7
  import { type LinkPickerPlugin, type LinkSearchListItemData } from '../../../common/types';
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { jsx } from '@emotion/react';
3
6
  export declare const CONTACT_SUPPORT_LINK = "https://support.atlassian.com/contact/";
4
7
  export declare const CONTACT_SUPPORT_LINK_FEDRAMP = "https://gcs.atlassian-us-gov-mod.net/servicedesk/customer/portals";
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { type KeyboardEvent } from 'react';
3
6
  import { type LinkPickerPlugin, type LinkSearchListItemData } from '../../../../common/types';
4
7
  export declare const messages: {
@@ -1,3 +1,6 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { jsx } from '@emotion/react';
3
6
  export declare const NoResultsSVG: () => jsx.JSX.Element;
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { type KeyboardEvent } from 'react';
3
6
  import { type LinkSearchListItemData } from '../../../../../common/types';
4
7
  export declare const testIds: {
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { jsx } from '@emotion/react';
3
6
  export type LoaderFallbackProps = {
4
7
  url?: string;
@@ -1,3 +1,6 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { jsx } from '@emotion/react';
3
6
  export declare const GenericErrorSVG: (props: React.SVGProps<SVGSVGElement>) => jsx.JSX.Element;
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
  export declare const MinHeightContainer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
4
7
  minHeight: string;
@@ -1,3 +1,6 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { jsx } from '@emotion/react';
3
6
  export declare const ErrorBoundaryFallback: () => jsx.JSX.Element;
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import React from 'react';
3
6
  import { jsx } from '@emotion/react';
4
7
  import { type PackageMetaDataType } from '../common/utils/analytics/analytics.codegen';
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { type FC } from 'react';
3
6
  type FeatureDiscoveryProps = {
4
7
  children: React.ReactElement;
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { type KeyboardEvent } from 'react';
3
6
  import { jsx } from '@emotion/react';
4
7
  import { type LinkPickerPlugin, type LinkSearchListItemData } from '../../../common/types';
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { jsx } from '@emotion/react';
3
6
  export declare const CONTACT_SUPPORT_LINK = "https://support.atlassian.com/contact/";
4
7
  export declare const CONTACT_SUPPORT_LINK_FEDRAMP = "https://gcs.atlassian-us-gov-mod.net/servicedesk/customer/portals";
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { type KeyboardEvent } from 'react';
3
6
  import { type LinkPickerPlugin, type LinkSearchListItemData } from '../../../../common/types';
4
7
  export declare const messages: {
@@ -1,3 +1,6 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { jsx } from '@emotion/react';
3
6
  export declare const NoResultsSVG: () => jsx.JSX.Element;
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { type KeyboardEvent } from 'react';
3
6
  import { type LinkSearchListItemData } from '../../../../../common/types';
4
7
  export declare const testIds: {
@@ -1,4 +1,7 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
2
5
  import { jsx } from '@emotion/react';
3
6
  export type LoaderFallbackProps = {
4
7
  url?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/link-picker",
3
- "version": "1.39.4",
3
+ "version": "1.40.0",
4
4
  "description": "Standalone link picker",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "publishConfig": {
@@ -54,11 +54,11 @@
54
54
  "dependencies": {
55
55
  "@atlaskit/analytics-next": "^9.3.0",
56
56
  "@atlaskit/atlassian-context": "^0.0.0",
57
- "@atlaskit/button": "^18.4.0",
57
+ "@atlaskit/button": "^19.1.0",
58
58
  "@atlaskit/form": "^10.4.0",
59
59
  "@atlaskit/frontend-utilities": "^2.7.0",
60
60
  "@atlaskit/heading": "^2.4.0",
61
- "@atlaskit/icon": "^22.6.0",
61
+ "@atlaskit/icon": "^22.7.0",
62
62
  "@atlaskit/intl-messages-provider": "^1.0.2",
63
63
  "@atlaskit/linking-common": "^5.7.0",
64
64
  "@atlaskit/onboarding": "^11.10.0",
@@ -68,7 +68,7 @@
68
68
  "@atlaskit/tabs": "^16.3.0",
69
69
  "@atlaskit/textfield": "^6.4.0",
70
70
  "@atlaskit/theme": "^12.11.0",
71
- "@atlaskit/tokens": "^1.55.0",
71
+ "@atlaskit/tokens": "^1.56.0",
72
72
  "@atlaskit/tooltip": "^18.5.0",
73
73
  "@atlaskit/ufo": "^0.2.0",
74
74
  "@atlaskit/visually-hidden": "^1.4.0",
@@ -89,7 +89,7 @@
89
89
  "@af/integration-testing": "*",
90
90
  "@af/visual-regression": "*",
91
91
  "@atlaskit/dropdown-menu": "^12.14.0",
92
- "@atlaskit/link-provider": "^1.12.0",
92
+ "@atlaskit/link-provider": "^1.13.0",
93
93
  "@atlaskit/link-test-helpers": "^7.0.0",
94
94
  "@atlaskit/visual-regression": "*",
95
95
  "@atlassian/feature-flags-test-utils": "*",