@atlaskit/editor-common 100.5.0 → 101.1.0

package/dist/cjs/ai-messages/ai.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.aiMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var aiMessages = exports.aiMessages = (0, _reactIntlNext.defineMessages)({
+  // Event hub messages
+  eventHubfallbackSuggestedTitle: {
+    id: 'fabric.editor.ai.eventHub.fallbackSuggestedTitle',
+    defaultMessage: 'Page title',
+    description: 'A fallback suggested title for the suggest title prompt'
+  },
+  // Toolbar messages
+  aiToolbarTitle: {
+    id: 'fabric.editor.ai.toolbar.titleText',
+    defaultMessage: 'Atlassian Intelligence',
+    description: 'Title for Atlassian Intelligence button in editor selection floating toolbar'
+  },
+  improveWritingToolbarIconTitle: {
+    id: 'fabric.editor.ai.toolbar.improveWriting.title',
+    defaultMessage: 'Improve writing',
+    description: 'Title for an option to use Atlassian Intellgience to improve the writing of content currently selected by the user'
+  },
+  improveWritingToolbarIconTooltip: {
+    id: 'fabric.editor.ai.toolbar.improveWriting.tooltip',
+    defaultMessage: 'Tell Atlassian Intelligence to improve the writing of your selection',
+    description: 'Tooltip text for an option to use Atlassian Intellgience to improve the writing of content currently selected by the user'
+  },
+  tryAIToolbarIconTitle: {
+    id: 'fabric.editor.ai.toolbar.tryAI.title',
+    defaultMessage: 'Try AI',
+    description: 'Title for an option to use Atlassian Intellgience'
+  },
+  tryAIToolbarIconTooltip: {
+    id: 'fabric.editor.ai.toolbar.tryAI.tooltip',
+    defaultMessage: 'Open Atlassian Intelligence',
+    description: 'Tooltip text for an option to use Atlassian Intellgience'
+  },
+  simplifiedAIToolbarIconTitle: {
+    id: 'fabric.editor.ai.toolbar.simplifiedAI.title',
+    defaultMessage: 'AI',
+    description: 'Title for Atlassian Intelligence button in editor selection floating toolbar'
+  },
+  // Prebuilt messages
+  atlasGenerateContentConfigItemDescription: {
+    id: 'fabric.editor.ai.atlas-prebuilt.atlasGenerateContentConfigItemDescription',
+    defaultMessage: "Generates content to be inserted into the update",
+    description: 'Description for AI Generate content prompt'
+  },
+  atlasSummarizePageConfigItemDescription: {
+    id: 'fabric.editor.ai.atlas-prebuilt.atlasSummarizePageConfigItemDescription',
+    defaultMessage: "Summarizes the content of the update",
+    description: 'Description for AI Summarise content prompt'
+  },
+  confluenceChangeToneSelectionToolbarDropdownMenuTitle: {
+    id: 'fabric.editor.ai.confluence-prebuilt.confluenceChangeToneSelectionToolbarDropdownMenuTitle',
+    defaultMessage: 'Change tone',
+    description: 'Title for Atlassian Intelligence "Change Tone" dropdown in editor selection floating toolbar'
+  },
+  confluenceRewriteSelectionToolbarDropdownMenuTitle: {
+    id: 'fabric.editor.ai.confluence-prebuilt.confluenceRewriteSelectionToolbarDropdownMenuTitle',
+    defaultMessage: 'Rewrite',
+    description: 'Title for Atlassian Intelligence "Rewrite" dropdown in editor selection floating toolbar'
+  },
+  confluenceTranslateSelectionToolbarDropdownMenuTitle: {
+    id: 'fabric.editor.ai.confluence-prebuilt.confluenceTranslateSelectionToolbarDropdownMenuTitle',
+    defaultMessage: 'Translate',
+    description: 'Title for Atlassian Intelligence "Translate" dropdown in editor selection floating toolbar'
+  },
+  // AI Panel Action items messages
+  actionItemsPageTitle: {
+    id: 'fabric.editor.ai.ai-panels.actionItemsPageTitle',
+    defaultMessage: "Action items panel (Beta)",
+    description: 'Title for AI action items panel'
+  },
+  actionItemsPageDescription: {
+    id: 'fabric.editor.ai.ai-panels.actionItemsPageDescription',
+    defaultMessage: "Use Atlassian Intelligence to find action items and display in a panel",
+    description: 'Description for AI action items panel'
+  },
+  // AI Panel Summarise page messages
+  summarizePageTitle: {
+    id: 'fabric.editor.ai.ai-panels.summarizePageTitle',
+    defaultMessage: "Page summary panel (Beta)",
+    description: 'Title for AI summary panel'
+  },
+  summarisePageDescription: {
+    id: 'fabric.editor.ai.ai-panels.summarizePageDescription',
+    defaultMessage: "Use Atlassian Intelligence to summarize this page and display in a panel",
+    description: 'Description for AI summary panel'
+  },
+  // Agent messages
+  agentsDropdownTitle: {
+    id: 'rovo.agents.dropdown.title',
+    defaultMessage: 'Agents',
+    description: 'Title for the agents dropdown in the editor toolbar'
+  },
+  agentsViewAgentsLabel: {
+    id: 'rovo.agents.dropdown.viewAgents.label',
+    defaultMessage: 'View all agents',
+    description: 'Label for the dropdown option that allows a user to View all available Agents'
+  },
+  // Error messages
+  unhandledErrorMessage: {
+    id: 'fabric.editor.ai.experience-application.unhandledErrorMessage',
+    defaultMessage: "We're having trouble. Close the dialog and try again.",
+    description: 'Message to users that displays when an unexpected error happens'
+  },
+  markdownErrorMessage: {
+    id: 'fabric.editor.ai.experience-application.error-boundary.markdownErrorMessage',
+    defaultMessage: "We're having trouble generating the preview. Close the dialog and try again.",
+    description: 'Message to users that displays when an error occurs while generating a preview.'
+  },
+  // Prompt Builder messages
+  promptBuilderFromButton: {
+    id: 'fabric.editor.ai.commandPalette.promptBuilderForm.buttons.submit',
+    defaultMessage: 'Generate',
+    description: 'Label for the Submit button in the command palette'
+  }
+});

package/dist/cjs/ai-messages/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "aiConfigItemMessages", {
+  enumerable: true,
+  get: function get() {
+    return _aiConfigItems.aiConfigItemMessages;
+  }
+});
+Object.defineProperty(exports, "aiDefinitionsMessages", {
+  enumerable: true,
+  get: function get() {
+    return _aiDefinitions.aiDefinitionsMessages;
+  }
+});
+Object.defineProperty(exports, "aiExperienceApplicationMessages", {
+  enumerable: true,
+  get: function get() {
+    return _aiExperienceApplication.aiExperienceApplicationMessages;
+  }
+});
+Object.defineProperty(exports, "aiFailedStateMessages", {
+  enumerable: true,
+  get: function get() {
+    return _aiFailedState.aiFailedStateMessages;
+  }
+});
+Object.defineProperty(exports, "aiLanguageMessages", {
+  enumerable: true,
+  get: function get() {
+    return _aiLanguages.aiLanguageMessages;
+  }
+});
+Object.defineProperty(exports, "aiMessages", {
+  enumerable: true,
+  get: function get() {
+    return _ai.aiMessages;
+  }
+});
+Object.defineProperty(exports, "aiProactiveMessages", {
+  enumerable: true,
+  get: function get() {
+    return _aiProactive.aiProactiveMessages;
+  }
+});
+Object.defineProperty(exports, "aiProactiveSettingMessages", {
+  enumerable: true,
+  get: function get() {
+    return _aiProactiveSetting.aiProactiveSettingMessages;
+  }
+});
+Object.defineProperty(exports, "aiProactiveTransformMessages", {
+  enumerable: true,
+  get: function get() {
+    return _aiProactiveTransform.aiProactiveTransformMessages;
+  }
+});
+var _aiConfigItems = require("./ai-config-items");
+var _aiDefinitions = require("./ai-definitions");
+var _aiExperienceApplication = require("./ai-experience-application");
+var _aiFailedState = require("./ai-failed-state");
+var _aiLanguages = require("./ai-languages");
+var _aiProactive = require("./ai-proactive");
+var _ai = require("./ai");
+var _aiProactiveSetting = require("./ai-proactive-setting");
+var _aiProactiveTransform = require("./ai-proactive-transform");

package/dist/cjs/element-browser/components/ElementList/EmptyState.js

@@ -47,7 +47,7 @@ function EmptyState(_ref) {
   })))));
 }
 var emptyStateHeading = (0, _react.css)({
-  font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
   color: "var(--ds-text, rgb(23, 43, 77))",
   marginTop: "var(--ds-space-300, 24px)"
 });

package/dist/cjs/extensibility/Extension/Lozenge/EditToggle.js

@@ -39,7 +39,7 @@ var buttonStyles = (0, _react2.css)({
   borderRadius: "var(--ds-border-radius, 4px)",
   paddingLeft: "var(--ds-space-150, 12px)",
   paddingRight: "var(--ds-space-150, 12px)",
-  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
   '&:hover': {
     backgroundColor: "var(--ds-background-input-hovered, #F7F8F9)"
   },

package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -80,7 +80,7 @@ var labelStyles = (0, _react.css)({
   '&.remove-nested-left-margin': {
     marginLeft: 0
   },
-  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-bodied-macro-live-page-styles': {
     backgroundColor: "var(--ds-background-input, #FFFFFF)",

package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -76,7 +76,7 @@ var textLabelMargin = (0, _react2.css)({
 var inputLabel = (0, _react2.css)({
   color: "var(--ds-text-subtlest, #626F86)",
   paddingBottom: "var(--ds-space-050, 4px)",
-  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
   fontWeight: "var(--ds-font-weight-medium, 500)"
 });
 var inputWrapperPosition = (0, _react2.css)({

package/dist/cjs/messages/index.js

@@ -3,30 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "aiDefinitionsMessages", {
-  enumerable: true,
-  get: function get() {
-    return _aiDefinitions.aiDefinitionsMessages;
-  }
-});
-Object.defineProperty(exports, "aiProactiveMessages", {
-  enumerable: true,
-  get: function get() {
-    return _aiProactive.aiProactiveMessages;
-  }
-});
-Object.defineProperty(exports, "aiProactiveSettingMessages", {
-  enumerable: true,
-  get: function get() {
-    return _aiProactiveSetting.aiProactiveSettingMessages;
-  }
-});
-Object.defineProperty(exports, "aiProactiveTransformMessages", {
-  enumerable: true,
-  get: function get() {
-    return _aiProactiveTransform.aiProactiveTransformMessages;
-  }
-});
 Object.defineProperty(exports, "alignmentMessages", {
   enumerable: true,
   get: function get() {
@@ -233,10 +209,6 @@ Object.defineProperty(exports, "unsupportedContentMessages", {
   }
 });
 var _reactIntlNext = require("react-intl-next");
-var _aiDefinitions = require("./ai-definitions");
-var _aiProactive = require("./ai-proactive");
-var _aiProactiveSetting = require("./ai-proactive-setting");
-var _aiProactiveTransform = require("./ai-proactive-transform");
 var _alignment = require("./alignment");
 var _annotation = require("./annotation");
 var _blockType = require("./block-type");

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "100.5.0";
+var packageVersion = "101.1.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/react-node-view/getInlineNodeViewProducer.js

@@ -33,12 +33,12 @@ var canRenderFallback = function canRenderFallback(node) {
 var virtualisationConfiguration = function virtualisationConfiguration() {
   var enableVirtualization = false;
   var reactRenderedDocumentPositionThreshold = 0;
-  if ((0, _experiments.editorExperiment)("platform_editor_inline_node_virtualization", "off")) {
+  if ((0, _experiments.editorExperiment)('platform_editor_inline_node_virtualization', 'off')) {
     enableVirtualization = false;
-  } else if ((0, _experiments.editorExperiment)("platform_editor_inline_node_virtualization", "fallbackall")) {
+  } else if ((0, _experiments.editorExperiment)('platform_editor_inline_node_virtualization', 'fallbackall')) {
     enableVirtualization = true;
     reactRenderedDocumentPositionThreshold = 0;
-  } else if ((0, _experiments.editorExperiment)("platform_editor_inline_node_virtualization", "fallbackoffscreen")) {
+  } else if ((0, _experiments.editorExperiment)('platform_editor_inline_node_virtualization', 'fallbackoffscreen')) {
     enableVirtualization = true;
     reactRenderedDocumentPositionThreshold = 100;
   }

package/dist/cjs/ui/DropList/index.js

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "100.5.0";
+var packageVersion = "101.1.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/cjs/ui/FloatingToolbar/Button.js

@@ -22,6 +22,9 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 minWidthStyle = {
+  minWidth: "var(--ds-space-400, 32px)"
+};
 var _default = exports.default = function _default(_ref) {
   var title = _ref.title,
     icon = _ref.icon,
@@ -103,11 +106,11 @@ var _default = exports.default = function _default(_ref) {
         buttonStyles = _adgTheme.buttonStyles,
         rest = (0, _objectWithoutProperties2.default)(_adgTheme, _excluded);
       return _objectSpread({
-        buttonStyles: _objectSpread(_objectSpread(_objectSpread({}, buttonStyles), customSpacing), appearance === 'danger' && (0, _styles.getButtonStyles)({
+        buttonStyles: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, buttonStyles), customSpacing), appearance === 'danger' && (0, _styles.getButtonStyles)({
           appearance: appearance,
           state: themeProps.state,
           mode: themeProps.mode
-        }))
+        })), (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? minWidthStyle : {})
       }, rest);
     },
     "aria-label": ariaLabel || title,

package/dist/cjs/ui/FloatingToolbar/Separator.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -18,16 +19,21 @@ var separator = (0, _react.css)({
   margin: "0 ".concat("var(--ds-space-050, 4px)"),
   alignSelf: 'center'
 });
+var separatorNew = (0, _react.css)({
+  background: "var(--ds-border, #091E4224)",
+  width: '1px',
+  height: '20px',
+  alignSelf: 'center'
+});
 var separatorFullHeight = (0, _react.css)({
   height: '40px'
 });
 var _default = exports.default = function _default(_ref) {
   var fullHeight = _ref.fullHeight;
-  return (
+  return (0, _react.jsx)("div", {
+    css: [(0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? separatorNew : separator, fullHeight && separatorFullHeight]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    (0, _react.jsx)("div", {
-      css: [separator, fullHeight && separatorFullHeight],
-      className: "separator"
-    })
-  );
+    ,
+    className: "separator"
+  });
 };

package/dist/cjs/ui-menu/ColorPickerButton/index.js

@@ -16,6 +16,7 @@ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-
 var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-down"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _analytics = require("../../analytics");
 var _uiColor = require("../../ui-color");
@@ -268,7 +269,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
     ref: buttonRef,
     "aria-label": title,
     "aria-expanded": props.isAriaExpanded ? isPopupOpen : undefined,
-    spacing: "compact",
+    spacing: (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? 'default' : 'compact',
     onClick: togglePopup,
     onKeyDown: function onKeyDown(event) {
       if (event.key === 'Enter' || event.key === ' ') {