@atlaskit/link-create 2.8.2 → 2.9.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/link-create
 
+## 2.9.0
+
+### Minor Changes
+
+- [#122986](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/122986)
+  [`48a5bb152f63b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/48a5bb152f63b) -
+  Update react peer dependency to support react 18
+
+## 2.8.3
+
+### Patch Changes
+
+- [#121784](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/121784)
+  [`b729bad421ff9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b729bad421ff9) -
+  [ux] Default to first site in site picker, when present. Show icon only when present (previously
+  was a grey square).
+
 ## 2.8.2
 
 ### Patch Changes

package/dist/cjs/common/constants.js

@@ -13,7 +13,7 @@ var CREATE_FORM_MIN_HEIGHT_IN_PX = exports.CREATE_FORM_MIN_HEIGHT_IN_PX = '200';
 var LINK_CREATE_FORM_POST_CREATE_FIELD = exports.LINK_CREATE_FORM_POST_CREATE_FIELD = '__post_create__';
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "2.8.2" || '',
+  packageVersion: "2.9.0" || '',
   component: COMPONENT_NAME,
   componentName: COMPONENT_NAME
 };

package/dist/cjs/common/ui/error-boundary-modal/index.js

@@ -11,7 +11,10 @@ var _constants = require("../../constants");
 var _errorBoundaryUi = require("../error-boundary-ui");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 /**

package/dist/cjs/common/ui/error-boundary-ui/error-svg/index.js

@@ -6,7 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("@emotion/react");
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var WIDTH = 82;

package/dist/cjs/controllers/create-field/main.js

@@ -11,7 +11,10 @@ var _reactFinalForm = require("react-final-form");
 var _form = require("@atlaskit/form");
 var _form2 = require("../../common/utils/form");
 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; }
-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) { (0, _defineProperty2.default)(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; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+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) { (0, _defineProperty2.default)(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; } /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var fieldWrapperStyles = (0, _react.css)({
   marginTop: "var(--ds-space-100, 8px)"
 });

package/dist/cjs/ui/create-form/async-select/main.js

@@ -23,7 +23,10 @@ var _createField = require("../../../controllers/create-field");
 var _formContext = require("../../../controllers/form-context");
 var _excluded = ["id", "name", "label", "isRequired", "validators", "validationHelpText", "testId", "defaultOption", "loadOptions"],
   _excluded2 = ["fieldId"];
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var TEST_ID = exports.TEST_ID = 'link-create-async-select';
 

package/dist/cjs/ui/create-form/form-footer/main.js

@@ -13,7 +13,10 @@ var _Button = require("../../../common/ui/Button");
 var _editButton = require("./edit-button");
 var _messages = require("./messages");
 var _submitButton = require("./submit-button");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var formFooterWrapperStyles = (0, _react.css)({

package/dist/cjs/ui/create-form/form-loader/main.js

@@ -8,7 +8,10 @@ exports.CreateFormLoader = CreateFormLoader;
 var _react = require("@emotion/react");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _constants = require("../../../common/constants");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var formLoaderStyles = (0, _react.css)({

package/dist/cjs/ui/create-form/main.js

@@ -26,7 +26,10 @@ var _formFooter = require("./form-footer");
 var _formLoader = require("./form-loader");
 var _excluded = ["submitError"];
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var formStyles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxWidth: "".concat(_constants.CREATE_FORM_MAX_WIDTH_IN_PX, "px"),

package/dist/cjs/ui/create-form/select/main.js

@@ -22,7 +22,10 @@ var _excluded = ["id", "name", "label", "isRequired", "validators", "validationH
   _excluded2 = ["fieldId"],
   _excluded3 = ["children"],
   _excluded4 = ["children"];
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -95,23 +98,27 @@ var SiteSelect = exports.SiteSelect = function SiteSelect(_ref3) {
     }
   });
 };
-var SitePickerOption = exports.SitePickerOption = function SitePickerOption(_ref4) {
-  var children = _ref4.children,
-    props = (0, _objectWithoutProperties2.default)(_ref4, _excluded3);
-  return (0, _react.jsx)(_select.components.Option, props, (0, _react.jsx)(_primitives.Inline, {
+var SiteRow = function SiteRow(_ref4) {
+  var avatarUrl = _ref4.avatarUrl,
+    children = _ref4.children;
+  return (0, _react.jsx)(_primitives.Inline, {
     space: "space.100",
     alignBlock: "center"
-  }, (0, _react.jsx)(_icon.UrlIcon, {
-    url: props.data.value.avatarUrl
-  }), children));
+  }, avatarUrl ? (0, _react.jsx)(_icon.UrlIcon, {
+    url: avatarUrl
+  }) : null, children);
 };
-var SitePickerSingleValue = exports.SitePickerSingleValue = function SitePickerSingleValue(_ref5) {
+var SitePickerOption = exports.SitePickerOption = function SitePickerOption(_ref5) {
   var children = _ref5.children,
-    props = (0, _objectWithoutProperties2.default)(_ref5, _excluded4);
-  return (0, _react.jsx)(_select.components.SingleValue, props, (0, _react.jsx)(_primitives.Inline, {
-    space: "space.100",
-    alignBlock: "center"
-  }, (0, _react.jsx)(_icon.UrlIcon, {
-    url: props.data.value.avatarUrl
-  }), children));
+    props = (0, _objectWithoutProperties2.default)(_ref5, _excluded3);
+  return (0, _react.jsx)(_select.components.Option, props, (0, _react.jsx)(SiteRow, {
+    avatarUrl: props.data.value.avatarUrl
+  }, children));
+};
+var SitePickerSingleValue = exports.SitePickerSingleValue = function SitePickerSingleValue(_ref6) {
+  var children = _ref6.children,
+    props = (0, _objectWithoutProperties2.default)(_ref6, _excluded4);
+  return (0, _react.jsx)(_select.components.SingleValue, props, (0, _react.jsx)(SiteRow, {
+    avatarUrl: props.data.value.avatarUrl
+  }, children));
 };

package/dist/cjs/ui/create-form/textfield/main.js

@@ -13,7 +13,10 @@ var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _createField = require("../../../controllers/create-field");
 var _excluded = ["id", "name", "label", "isRequired", "validators", "validationHelpText", "testId"],
   _excluded2 = ["fieldId"];
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var TEST_ID = exports.TEST_ID = 'link-create-text-field';
 

package/dist/cjs/ui/create-form/user-picker/main.js

@@ -12,7 +12,10 @@ var _react = require("@emotion/react");
 var _smartUserPicker = _interopRequireDefault(require("@atlaskit/smart-user-picker"));
 var _createField = require("../../../controllers/create-field");
 var _excluded = ["fieldId"];
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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; }
 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) { (0, _defineProperty2.default)(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; }

package/dist/cjs/ui/inline-create/index.js

@@ -16,7 +16,10 @@ var _analytics = require("../../common/utils/analytics");
 var _fetchMessagesForLocale = require("../../common/utils/locale/fetch-messages-for-locale");
 var _en = _interopRequireDefault(require("../../i18n/en"));
 var _main = _interopRequireDefault(require("./main"));
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

package/dist/cjs/ui/inline-create/main.js

@@ -21,7 +21,10 @@ var _exitWarningModalContext = require("../../controllers/exit-warning-modal-con
 var _formContext = require("../../controllers/form-context");
 var _pluginContext = require("../../controllers/plugin-context");
 var _inlineAnalytics = require("./inline-analytics");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var InlineCreateContent = function InlineCreateContent(_ref) {

package/dist/cjs/ui/modal-create/index.js

@@ -17,7 +17,10 @@ var _analytics = require("../../common/utils/analytics");
 var _fetchMessagesForLocale = require("../../common/utils/locale/fetch-messages-for-locale");
 var _en = _interopRequireDefault(require("../../i18n/en"));
 var _main = _interopRequireDefault(require("./main"));
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

package/dist/cjs/ui/modal-create/main.js

@@ -26,7 +26,10 @@ var _exitWarningModalContext = require("../../controllers/exit-warning-modal-con
 var _formContext = require("../../controllers/form-context");
 var _pluginContext = require("../../controllers/plugin-context");
 var _messages = require("./messages");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

package/dist/es2019/common/constants.js

@@ -7,7 +7,7 @@ export const CREATE_FORM_MIN_HEIGHT_IN_PX = '200';
 export const LINK_CREATE_FORM_POST_CREATE_FIELD = '__post_create__';
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "2.8.2" || '',
+  packageVersion: "2.9.0" || '',
   component: COMPONENT_NAME,
   componentName: COMPONENT_NAME
 };

package/dist/es2019/common/ui/error-boundary-modal/index.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import Modal, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';

package/dist/es2019/common/ui/error-boundary-ui/error-svg/index.js

@@ -1,5 +1,8 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const WIDTH = 82;

package/dist/es2019/controllers/create-field/main.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Field } from 'react-final-form';

package/dist/es2019/ui/create-form/async-select/main.js

@@ -1,5 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { useEffect, useMemo, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/ui/create-form/form-footer/main.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';

package/dist/es2019/ui/create-form/form-loader/main.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Spinner from '@atlaskit/spinner';

package/dist/es2019/ui/create-form/main.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { useCallback } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/ui/create-form/select/main.js

@@ -1,5 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
@@ -77,21 +80,24 @@ export const SiteSelect = ({
     }
   });
 };
+const SiteRow = ({
+  avatarUrl,
+  children
+}) => jsx(Inline, {
+  space: "space.100",
+  alignBlock: "center"
+}, avatarUrl ? jsx(UrlIcon, {
+  url: avatarUrl
+}) : null, children);
 export const SitePickerOption = ({
   children,
   ...props
-}) => jsx(components.Option, props, jsx(Inline, {
-  space: "space.100",
-  alignBlock: "center"
-}, jsx(UrlIcon, {
-  url: props.data.value.avatarUrl
-}), children));
+}) => jsx(components.Option, props, jsx(SiteRow, {
+  avatarUrl: props.data.value.avatarUrl
+}, children));
 export const SitePickerSingleValue = ({
   children,
   ...props
-}) => jsx(components.SingleValue, props, jsx(Inline, {
-  space: "space.100",
-  alignBlock: "center"
-}, jsx(UrlIcon, {
-  url: props.data.value.avatarUrl
-}), children));
+}) => jsx(components.SingleValue, props, jsx(SiteRow, {
+  avatarUrl: props.data.value.avatarUrl
+}, children));

package/dist/es2019/ui/create-form/textfield/main.js

@@ -1,5 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import AkTextfield from '@atlaskit/textfield';

package/dist/es2019/ui/create-form/user-picker/main.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import SmartUserPicker from '@atlaskit/smart-user-picker';

package/dist/es2019/ui/inline-create/index.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { memo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/ui/inline-create/main.js

@@ -1,5 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { Box } from '@atlaskit/primitives';

package/dist/es2019/ui/modal-create/index.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { memo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/ui/modal-create/main.js

@@ -1,5 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { useLayoutEffect, useRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/common/constants.js

@@ -7,7 +7,7 @@ export var CREATE_FORM_MIN_HEIGHT_IN_PX = '200';
 export var LINK_CREATE_FORM_POST_CREATE_FIELD = '__post_create__';
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "2.8.2" || '',
+  packageVersion: "2.9.0" || '',
   component: COMPONENT_NAME,
   componentName: COMPONENT_NAME
 };

package/dist/esm/common/ui/error-boundary-modal/index.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import Modal, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';

package/dist/esm/common/ui/error-boundary-ui/error-svg/index.js

@@ -1,5 +1,8 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 var WIDTH = 82;

package/dist/esm/controllers/create-field/main.js

@@ -1,7 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 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; }
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Field } from 'react-final-form';

package/dist/esm/ui/create-form/async-select/main.js

@@ -5,7 +5,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["id", "name", "label", "isRequired", "validators", "validationHelpText", "testId", "defaultOption", "loadOptions"],
   _excluded2 = ["fieldId"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { useEffect, useMemo, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/ui/create-form/form-footer/main.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';

package/dist/esm/ui/create-form/form-loader/main.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Spinner from '@atlaskit/spinner';

package/dist/esm/ui/create-form/main.js

@@ -6,7 +6,10 @@ var _excluded = ["submitError"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { useCallback } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/ui/create-form/select/main.js

@@ -7,7 +7,10 @@ var _excluded = ["id", "name", "label", "isRequired", "validators", "validationH
   _excluded4 = ["children"];
 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; }
 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; }
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
@@ -85,23 +88,27 @@ export var SiteSelect = function SiteSelect(_ref3) {
     }
   });
 };
-export var SitePickerOption = function SitePickerOption(_ref4) {
-  var children = _ref4.children,
-    props = _objectWithoutProperties(_ref4, _excluded3);
-  return jsx(components.Option, props, jsx(Inline, {
+var SiteRow = function SiteRow(_ref4) {
+  var avatarUrl = _ref4.avatarUrl,
+    children = _ref4.children;
+  return jsx(Inline, {
     space: "space.100",
     alignBlock: "center"
-  }, jsx(UrlIcon, {
-    url: props.data.value.avatarUrl
-  }), children));
+  }, avatarUrl ? jsx(UrlIcon, {
+    url: avatarUrl
+  }) : null, children);
 };
-export var SitePickerSingleValue = function SitePickerSingleValue(_ref5) {
+export var SitePickerOption = function SitePickerOption(_ref5) {
   var children = _ref5.children,
-    props = _objectWithoutProperties(_ref5, _excluded4);
-  return jsx(components.SingleValue, props, jsx(Inline, {
-    space: "space.100",
-    alignBlock: "center"
-  }, jsx(UrlIcon, {
-    url: props.data.value.avatarUrl
-  }), children));
+    props = _objectWithoutProperties(_ref5, _excluded3);
+  return jsx(components.Option, props, jsx(SiteRow, {
+    avatarUrl: props.data.value.avatarUrl
+  }, children));
+};
+export var SitePickerSingleValue = function SitePickerSingleValue(_ref6) {
+  var children = _ref6.children,
+    props = _objectWithoutProperties(_ref6, _excluded4);
+  return jsx(components.SingleValue, props, jsx(SiteRow, {
+    avatarUrl: props.data.value.avatarUrl
+  }, children));
 };

package/dist/esm/ui/create-form/textfield/main.js

@@ -2,7 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["id", "name", "label", "isRequired", "validators", "validationHelpText", "testId"],
   _excluded2 = ["fieldId"];
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import AkTextfield from '@atlaskit/textfield';

package/dist/esm/ui/create-form/user-picker/main.js

@@ -3,7 +3,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["fieldId"];
 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; }
 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; }
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import SmartUserPicker from '@atlaskit/smart-user-picker';

package/dist/esm/ui/inline-create/index.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { memo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/ui/inline-create/main.js

@@ -1,7 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { Box } from '@atlaskit/primitives';

package/dist/esm/ui/modal-create/index.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { memo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/ui/modal-create/main.js

@@ -1,7 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { useLayoutEffect, useRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/types/common/ui/error-boundary-ui/error-svg/index.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 declare const ErrorSVG: () => jsx.JSX.Element;
 export default ErrorSVG;

package/dist/types/controllers/create-field/main.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 import { type CreateFieldProps } from './types';
 export declare function CreateField({ id, name, label, isRequired, validators, validationHelpText, testId, children, }: CreateFieldProps): jsx.JSX.Element;

package/dist/types/ui/create-form/form-footer/main.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 export interface CreateFormFooterProps {
     formErrorMessage: string | undefined;

package/dist/types/ui/create-form/form-loader/main.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 import { type SpinnerProps } from '@atlaskit/spinner';
 /**

package/dist/types/ui/create-form/main.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 type ReservedFields = {

package/dist/types/ui/create-form/select/main.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type PropsWithChildren } from 'react';
 import { jsx } from '@emotion/react';
 import { type OptionProps, type OptionType, type SingleValueProps } from '@atlaskit/select';

package/dist/types/ui/create-form/textfield/main.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 import { type TextFieldProps } from './types';
 export declare const TEST_ID = "link-create-text-field";

package/dist/types/ui/create-form/user-picker/main.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 import { type UserPickerProps } from './types';
 export declare const TEST_ID = "link-create-user-picker";

package/dist/types/ui/inline-create/main.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 import type { LinkCreateProps } from '../../common/types';
 declare const InlineCreate: (props: LinkCreateProps) => jsx.JSX.Element;

package/dist/types-ts4.5/common/ui/error-boundary-ui/error-svg/index.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 declare const ErrorSVG: () => jsx.JSX.Element;
 export default ErrorSVG;

package/dist/types-ts4.5/controllers/create-field/main.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 import { type CreateFieldProps } from './types';
 export declare function CreateField({ id, name, label, isRequired, validators, validationHelpText, testId, children, }: CreateFieldProps): jsx.JSX.Element;

package/dist/types-ts4.5/ui/create-form/form-footer/main.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 export interface CreateFormFooterProps {
     formErrorMessage: string | undefined;

package/dist/types-ts4.5/ui/create-form/form-loader/main.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 import { type SpinnerProps } from '@atlaskit/spinner';
 /**

package/dist/types-ts4.5/ui/create-form/main.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 type ReservedFields = {

package/dist/types-ts4.5/ui/create-form/select/main.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type PropsWithChildren } from 'react';
 import { jsx } from '@emotion/react';
 import { type OptionProps, type OptionType, type SingleValueProps } from '@atlaskit/select';

package/dist/types-ts4.5/ui/create-form/textfield/main.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 import { type TextFieldProps } from './types';
 export declare const TEST_ID = "link-create-text-field";

package/dist/types-ts4.5/ui/create-form/user-picker/main.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 import { type UserPickerProps } from './types';
 export declare const TEST_ID = "link-create-user-picker";

package/dist/types-ts4.5/ui/inline-create/main.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 import type { LinkCreateProps } from '../../common/types';
 declare const InlineCreate: (props: LinkCreateProps) => jsx.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-create",
-	"version": "2.8.2",
+	"version": "2.9.0",
 	"description": "The driver component of meta creation flow",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -17,7 +17,8 @@
 		"website": {
 			"name": "LinkCreate"
 		},
-		"i18n": true
+		"i18n": true,
+		"runReact18": true
 	},
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"main": "dist/cjs/index.js",
@@ -43,14 +44,14 @@
 		"@atlaskit/button": "^19.0.0",
 		"@atlaskit/empty-state": "^7.9.0",
 		"@atlaskit/form": "^10.4.0",
-		"@atlaskit/icon": "^22.6.0",
+		"@atlaskit/icon": "^22.7.0",
 		"@atlaskit/icon-file-type": "^6.4.0",
 		"@atlaskit/intl-messages-provider": "^1.0.2",
 		"@atlaskit/linking-common": "^5.7.0",
 		"@atlaskit/modal-dialog": "^12.14.0",
 		"@atlaskit/primitives": "^11.0.0",
 		"@atlaskit/select": "^17.11.0",
-		"@atlaskit/smart-user-picker": "^6.9.0",
+		"@atlaskit/smart-user-picker": "^6.10.0",
 		"@atlaskit/spinner": "^16.2.0",
 		"@atlaskit/textfield": "^6.4.0",
 		"@atlaskit/theme": "^12.10.0",
@@ -63,7 +64,7 @@
 		"react-final-form": "^6.5.3"
 	},
 	"peerDependencies": {
-		"react": "^16.8.0",
+		"react": "^16.8.0 || ^17.0.0 || ~18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"devDependencies": {