@atlaskit/link-create 2.14.0 → 2.15.0

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

@@ -0,0 +1,127 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectOld = SelectOld;
+exports.TEST_ID = exports.SiteSelectOld = exports.SitePickerSingleValueOld = exports.SitePickerOptionOld = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _primitives = require("@atlaskit/primitives");
+var _select = _interopRequireWildcard(require("@atlaskit/select"));
+var _constants = require("@atlaskit/theme/constants");
+var _icon = require("../../../../common/ui/icon");
+var _createField = require("../../../../controllers/create-field");
+var _messages = require("../messages");
+var _excluded = ["id", "name", "label", "isRequired", "validators", "validationHelpText", "testId"],
+  _excluded2 = ["fieldId", "isRequired"],
+  _excluded3 = ["children"],
+  _excluded4 = ["children"];
+/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
+/**
+ * @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 && {}.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; }
+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; }
+var TEST_ID = exports.TEST_ID = 'link-create-select';
+
+/**
+ * A select component utilising the Atlaskit Select and CreateField.
+ * Validation is handled by the form on form submission. Any
+ * errors returned by the handleSubmit function passed to the form <Form> that
+ * have a key matching the `name` of this field are shown below the field.
+ */
+function SelectOld(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    label = _ref.label,
+    isRequired = _ref.isRequired,
+    validators = _ref.validators,
+    validationHelpText = _ref.validationHelpText,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? TEST_ID : _ref$testId,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react.jsx)(_createField.CreateField, {
+    id: id,
+    name: name,
+    label: label,
+    isRequired: isRequired,
+    validators: validators,
+    validationHelpText: validationHelpText,
+    testId: testId
+  }, function (_ref2) {
+    var fieldId = _ref2.fieldId,
+      isRequired = _ref2.isRequired,
+      fieldProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+    return (0, _react.jsx)(_select.default, (0, _extends2.default)({
+      required: isRequired,
+      inputId: fieldId
+    }, fieldProps, restProps));
+  });
+}
+var SiteSelectOld = exports.SiteSelectOld = function SiteSelectOld(_ref3) {
+  var options = _ref3.options,
+    name = _ref3.name,
+    testId = _ref3.testId;
+  var intl = (0, _reactIntlNext.useIntl)();
+  var siteTestId = testId ? testId : 'link-create-site-picker';
+  return (0, _react.jsx)(SelectOld, {
+    isRequired: true,
+    isSearchable: true,
+    name: name !== null && name !== void 0 ? name : 'site',
+    options: options,
+    label: intl.formatMessage(_messages.messages.siteLabel),
+    components: {
+      Option: SitePickerOptionOld,
+      SingleValue: SitePickerSingleValueOld
+    },
+    testId: siteTestId,
+    styles: {
+      menuPortal: function menuPortal(base) {
+        return _objectSpread(_objectSpread({}, base), {}, {
+          zIndex: _constants.layers.modal()
+        });
+      },
+      option: function option(base) {
+        return _objectSpread(_objectSpread({}, base), {}, {
+          display: 'flex',
+          alignItems: 'center',
+          cursor: 'pointer'
+        });
+      }
+    }
+  });
+};
+var SiteRow = function SiteRow(_ref4) {
+  var avatarUrl = _ref4.avatarUrl,
+    children = _ref4.children;
+  return (0, _react.jsx)(_primitives.Inline, {
+    space: "space.100",
+    alignBlock: "center"
+  }, avatarUrl ? (0, _react.jsx)(_icon.UrlIcon, {
+    url: avatarUrl
+  }) : null, children);
+};
+var SitePickerOptionOld = exports.SitePickerOptionOld = function SitePickerOptionOld(_ref5) {
+  var children = _ref5.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 SitePickerSingleValueOld = exports.SitePickerSingleValueOld = function SitePickerSingleValueOld(_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

@@ -4,20 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TEST_ID = void 0;
-exports.TextField = TextField;
+exports.TextField = exports.TEST_ID = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("@emotion/react");
+var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _createField = require("../../../controllers/create-field");
+var _main = require("./old/main");
 var _excluded = ["id", "name", "label", "isRequired", "validators", "validationHelpText", "testId"],
   _excluded2 = ["fieldId"];
-/**
- * @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';
 
 /**
@@ -26,8 +22,7 @@ var TEST_ID = exports.TEST_ID = 'link-create-text-field';
  * the handleSubmit function passed to the form <Form> that have a key matching the `name`
  * of this text field are shown above the field.
  */
-
-function TextField(_ref) {
+var TextFieldNew = function TextFieldNew(_ref) {
   var id = _ref.id,
     name = _ref.name,
     label = _ref.label,
@@ -37,7 +32,7 @@ function TextField(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? TEST_ID : _ref$testId,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react.jsx)(_createField.CreateField, {
+  return /*#__PURE__*/_react.default.createElement(_createField.CreateField, {
     id: id,
     name: name,
     label: label,
@@ -48,8 +43,14 @@ function TextField(_ref) {
   }, function (_ref2) {
     var fieldId = _ref2.fieldId,
       fieldProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-    return (0, _react.jsx)(_textfield.default, (0, _extends2.default)({
+    return /*#__PURE__*/_react.default.createElement(_textfield.default, (0, _extends2.default)({
       id: fieldId
     }, fieldProps, restProps));
   });
-}
+};
+var TextField = exports.TextField = function TextField(props) {
+  if ((0, _platformFeatureFlags.fg)('platform_bandicoots-link-create-css')) {
+    return /*#__PURE__*/_react.default.createElement(TextFieldNew, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_main.TextFieldOld, props);
+};

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

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TEST_ID = void 0;
+exports.TextFieldOld = TextFieldOld;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("@emotion/react");
+var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
+var _createField = require("../../../../controllers/create-field");
+var _excluded = ["id", "name", "label", "isRequired", "validators", "validationHelpText", "testId"],
+  _excluded2 = ["fieldId"];
+/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
+/**
+ * @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';
+
+/**
+ * A text field utilising the Atlaskit Textfield and CreateField.
+ * Validation is handled by the form as it is on form submission. Any errors returned by
+ * the handleSubmit function passed to the form <Form> that have a key matching the `name`
+ * of this text field are shown above the field.
+ */
+function TextFieldOld(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    label = _ref.label,
+    isRequired = _ref.isRequired,
+    validators = _ref.validators,
+    validationHelpText = _ref.validationHelpText,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? TEST_ID : _ref$testId,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react.jsx)(_createField.CreateField, {
+    id: id,
+    name: name,
+    label: label,
+    isRequired: isRequired,
+    validators: validators,
+    validationHelpText: validationHelpText,
+    testId: testId
+  }, function (_ref2) {
+    var fieldId = _ref2.fieldId,
+      fieldProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+    return (0, _react.jsx)(_textfield.default, (0, _extends2.default)({
+      id: fieldId
+    }, fieldProps, restProps));
+  });
+}

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

@@ -4,19 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TEST_ID = void 0;
-exports.UserPicker = UserPicker;
+exports.UserPicker = exports.TEST_ID = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("@emotion/react");
+var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _smartUserPicker = _interopRequireDefault(require("@atlaskit/smart-user-picker"));
 var _createField = require("../../../controllers/create-field");
+var _main = require("./old/main");
 var _excluded = ["fieldId", "isRequired"];
-/**
- * @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; }
 var TEST_ID = exports.TEST_ID = 'link-create-user-picker';
@@ -26,8 +22,7 @@ var UserPickerWidth = '100%';
 /**
  * A user picker utilising the SmartUserPicker.
  */
-
-function UserPicker(_ref) {
+var UserPickerNew = function UserPickerNew(_ref) {
   var productKey = _ref.productKey,
     siteId = _ref.siteId,
     name = _ref.name,
@@ -37,7 +32,7 @@ function UserPicker(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? TEST_ID : _ref$testId,
     defaultValue = _ref.defaultValue;
-  return (0, _react.jsx)(_createField.CreateField, {
+  return /*#__PURE__*/_react.default.createElement(_createField.CreateField, {
     name: name,
     label: label,
     isRequired: true,
@@ -47,7 +42,7 @@ function UserPicker(_ref) {
     var fieldId = _ref2.fieldId,
       isRequired = _ref2.isRequired,
       fieldProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-    return (0, _react.jsx)(_smartUserPicker.default, {
+    return /*#__PURE__*/_react.default.createElement(_smartUserPicker.default, {
       defaultValue: defaultValue ? _objectSpread(_objectSpread({}, defaultValue), {}, {
         type: 'user'
       }) : undefined,
@@ -68,4 +63,10 @@ function UserPicker(_ref) {
       required: isRequired
     });
   });
-}
+};
+var UserPicker = exports.UserPicker = function UserPicker(props) {
+  if ((0, _platformFeatureFlags.fg)('platform_bandicoots-link-create-css')) {
+    return /*#__PURE__*/_react.default.createElement(UserPickerNew, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_main.UserPickerOld, props);
+};

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

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TEST_ID = void 0;
+exports.UserPickerOld = UserPickerOld;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("@emotion/react");
+var _smartUserPicker = _interopRequireDefault(require("@atlaskit/smart-user-picker"));
+var _createField = require("../../../../controllers/create-field");
+var _excluded = ["fieldId", "isRequired"];
+/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
+/**
+ * @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; }
+var TEST_ID = exports.TEST_ID = 'link-create-user-picker';
+var DEFAULT_DEBOUNCE_TIME = 400;
+var UserPickerWidth = '100%';
+
+/**
+ * A user picker utilising the SmartUserPicker.
+ */
+
+function UserPickerOld(_ref) {
+  var productKey = _ref.productKey,
+    siteId = _ref.siteId,
+    name = _ref.name,
+    label = _ref.label,
+    placeholder = _ref.placeholder,
+    validators = _ref.validators,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? TEST_ID : _ref$testId,
+    defaultValue = _ref.defaultValue;
+  return (0, _react.jsx)(_createField.CreateField, {
+    name: name,
+    label: label,
+    isRequired: true,
+    testId: testId,
+    validators: validators
+  }, function (_ref2) {
+    var fieldId = _ref2.fieldId,
+      isRequired = _ref2.isRequired,
+      fieldProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    return (0, _react.jsx)(_smartUserPicker.default, {
+      defaultValue: defaultValue ? _objectSpread(_objectSpread({}, defaultValue), {}, {
+        type: 'user'
+      }) : undefined,
+      placeholder: placeholder,
+      onChange: function onChange(value) {
+        return fieldProps.onChange(value);
+      },
+      subtle: true,
+      isMulti: false,
+      productKey: productKey,
+      siteId: siteId,
+      fieldId: fieldId,
+      inputId: fieldId,
+      debounceTime: DEFAULT_DEBOUNCE_TIME,
+      prefetch: true,
+      isClearable: false,
+      width: UserPickerWidth,
+      required: isRequired
+    });
+  });
+}

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

@@ -1,14 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../common/constants");
 var _errorBoundary = require("../../common/ui/error-boundary");
 var _experienceTracker = require("../../common/ui/experience-tracker");
@@ -16,22 +17,24 @@ 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"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+var _old = _interopRequireDefault(require("./old"));
+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 && {}.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; }
 var LinkCreateWithAnalyticsContext = (0, _analytics.withLinkCreateAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (props) {
-  return (0, _react2.jsx)(_experienceTracker.Experience, null, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react2.jsx)(_main.default, props)));
+  return /*#__PURE__*/_react.default.createElement(_experienceTracker.Experience, null, /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, null, /*#__PURE__*/_react.default.createElement(_main.default, props)));
 }));
-var ComposedLinkCreate = /*#__PURE__*/(0, _react.memo)(function (props) {
-  return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
+var ComposedLinkCreateNew = /*#__PURE__*/(0, _react.memo)(function (props) {
+  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: _constants.PACKAGE_DATA
-  }, (0, _react2.jsx)(_intlMessagesProvider.IntlMessagesProvider, {
+  }, /*#__PURE__*/_react.default.createElement(_intlMessagesProvider.IntlMessagesProvider, {
     defaultMessages: _en.default,
     loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
-  }, (0, _react2.jsx)(LinkCreateWithAnalyticsContext, props)));
+  }, /*#__PURE__*/_react.default.createElement(LinkCreateWithAnalyticsContext, props)));
+});
+var ComposedLinkCreate = /*#__PURE__*/(0, _react.memo)(function (props) {
+  if ((0, _platformFeatureFlags.fg)('platform_bandicoots-link-create-css')) {
+    return /*#__PURE__*/_react.default.createElement(ComposedLinkCreateNew, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_old.default, props);
 });
 var _default = exports.default = ComposedLinkCreate;

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

@@ -8,8 +8,9 @@ exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _react = require("@emotion/react");
-var _primitives = require("@atlaskit/primitives");
+var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("../../common/constants");
 var _confirmDismissDialog = require("../../common/ui/confirm-dismiss-dialog");
 var _editModal = require("../../common/ui/edit-modal");
@@ -21,12 +22,7 @@ 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");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+var _main = _interopRequireDefault(require("./old/main"));
 var InlineCreateContent = function InlineCreateContent(_ref) {
   var onCreate = _ref.onCreate,
     onFailure = _ref.onFailure,
@@ -47,42 +43,42 @@ var InlineCreateContent = function InlineCreateContent(_ref) {
   var handleCloseExitWarning = function handleCloseExitWarning() {
     return setShowExitWarning(false);
   };
-  return (0, _react.jsx)(_callbackContext.LinkCreateCallbackProvider, {
+  return /*#__PURE__*/_react.default.createElement(_callbackContext.LinkCreateCallbackProvider, {
     onCreate: onCreate,
     onFailure: onFailure,
     onCancel: withExitWarning(onCancel)
-  }, (0, _react.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react.jsx)(_inlineAnalytics.InlineAnalytics, {
+  }, /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, null, /*#__PURE__*/_react.default.createElement(_inlineAnalytics.InlineAnalytics, {
     screen: _constants.SCREEN_ID
-  }, (0, _react.jsx)(_primitives.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     testId: testId
-  }, (0, _react.jsx)(_linkCreateContent.LinkCreateContent, {
+  }, /*#__PURE__*/_react.default.createElement(_linkCreateContent.LinkCreateContent, {
     plugins: plugins,
     entityKey: entityKey
-  })))), onComplete && (0, _react.jsx)(_editModal.EditModal, {
+  })))), onComplete && /*#__PURE__*/_react.default.createElement(_editModal.EditModal, {
     onClose: onComplete,
     editViewPayload: editViewPayload,
     activePlugin: activePlugin
-  }), (0, _react.jsx)(_confirmDismissDialog.ConfirmDismissDialog, {
+  }), /*#__PURE__*/_react.default.createElement(_confirmDismissDialog.ConfirmDismissDialog, {
     active: showExitWarning,
     onClose: handleCloseExitWarning,
     onCancel: onCancel
   }));
 };
-var InlineCreate = function InlineCreate(props) {
-  return (0, _react.jsx)(_pluginContext.LinkCreatePluginsProvider, {
+var InlineCreateNew = function InlineCreateNew(props) {
+  return /*#__PURE__*/_react.default.createElement(_pluginContext.LinkCreatePluginsProvider, {
     plugins: props.plugins,
     entityKey: props.entityKey
   }, function (pluginsProvider) {
-    return (0, _react.jsx)(_editPostCreateContext.EditPostCreateModalProvider, {
+    return /*#__PURE__*/_react.default.createElement(_editPostCreateContext.EditPostCreateModalProvider, {
       active: true
     }, function (_ref2) {
       var _pluginsProvider$acti;
       var setEditViewPayload = _ref2.setEditViewPayload,
         shouldActivateEditView = _ref2.shouldActivateEditView,
         enableEditView = _ref2.enableEditView;
-      return (0, _react.jsx)(_formContext.FormContextProvider, {
+      return /*#__PURE__*/_react.default.createElement(_formContext.FormContextProvider, {
         enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView && props !== null && props !== void 0 && props.onComplete ? enableEditView : undefined
-      }, (0, _react.jsx)(InlineCreateContent, (0, _extends2.default)({}, props, {
+      }, /*#__PURE__*/_react.default.createElement(InlineCreateContent, (0, _extends2.default)({}, props, {
         onCreate: ( /*#__PURE__*/function () {
           var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(payload) {
             var _props$onCreate;
@@ -116,4 +112,10 @@ var InlineCreate = function InlineCreate(props) {
     });
   });
 };
+var InlineCreate = function InlineCreate(props) {
+  if ((0, _platformFeatureFlags.fg)('platform_bandicoots-link-create-css')) {
+    return /*#__PURE__*/_react.default.createElement(InlineCreateNew, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_main.default, props);
+};
 var _default = exports.default = InlineCreate;

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

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
+var _constants = require("../../../common/constants");
+var _errorBoundary = require("../../../common/ui/error-boundary");
+var _experienceTracker = require("../../../common/ui/experience-tracker");
+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"));
+/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var LinkCreateWithAnalyticsContext = (0, _analytics.withLinkCreateAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (props) {
+  return (0, _react2.jsx)(_experienceTracker.Experience, null, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react2.jsx)(_main.default, props)));
+}));
+var ComposedLinkCreateOld = /*#__PURE__*/(0, _react.memo)(function (props) {
+  return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
+    data: _constants.PACKAGE_DATA
+  }, (0, _react2.jsx)(_intlMessagesProvider.IntlMessagesProvider, {
+    defaultMessages: _en.default,
+    loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
+  }, (0, _react2.jsx)(LinkCreateWithAnalyticsContext, props)));
+});
+var _default = exports.default = ComposedLinkCreateOld;