@atlaskit/editor-core 209.3.0 → 209.3.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-core
 
+## 209.3.1
+
+### Patch Changes
+
+- [#185241](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/185241)
+  [`0d1bffce3fedd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0d1bffce3fedd) -
+  [ux] View embed as block card when page width smaller or equal to 600px
+- Updated dependencies
+
 ## 209.3.0
 
 ### Minor Changes

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js

@@ -243,7 +243,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _smartCardStyles.smartCardStylesWithSearchMatch :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _smartCardStyles.smartCardStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_controls', 'cohort', 'variant1') && (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_15') &&
+    _smartCardStyles.smartCardStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _smartCardStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_controls', 'cohort', 'variant1') && (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_15') &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _smartCardStyles.editorControlsSmartCardStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/cjs/ui/EditorContentContainer/styles/smartCardStyles.js

@@ -4,9 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.smartLinksInLivePagesStyles = exports.smartCardStylesWithSearchMatch = exports.smartCardStyles = exports.linkingVisualRefreshV1Styles = exports.editorControlsSmartCardStyles = exports.SmartCardSharedCssClassName = exports.FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = exports.DATASOURCE_INNER_CONTAINER_CLASSNAME = void 0;
+exports.smartLinksInLivePagesStyles = exports.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = exports.smartCardStylesWithSearchMatch = exports.smartCardStyles = exports.linkingVisualRefreshV1Styles = exports.editorControlsSmartCardStyles = exports.SmartCardSharedCssClassName = exports.FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = exports.DATASOURCE_INNER_CONTAINER_CLASSNAME = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _selectionStyles = require("./selectionStyles");
 // eslint-disable-line
 
@@ -228,6 +229,17 @@ _selectionStyles.boxShadowSelectionStyles]), '&.danger', {
   padding: 0
 }));
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = exports.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = (0, _react.css)((0, _defineProperty2.default)({}, "@container editor-area (max-width: ".concat(_editorSharedStyles.akEditorFullPageNarrowBreakout, "px)"), (0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, ".ak-editor-selected-node .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"),
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+[
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+_selectionStyles.boxShadowSelectionStyles,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+_selectionStyles.hideNativeBrowserTextSelectionStyles, {
+  borderRadius: "var(--ds-border-radius-200, 8px)"
+}])));
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var smartLinksInLivePagesStyles = exports.smartLinksInLivePagesStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), (0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"), {
   cursor: 'pointer',

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "209.2.3";
+var version = exports.version = "209.3.0";

package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js

@@ -54,7 +54,7 @@ import { scrollbarStyles } from './styles/scrollbarStyles';
 import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
 import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
 import { shadowStyles } from './styles/shadowStyles';
-import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardStyles, smartCardStylesWithSearchMatch, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
+import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
 import { statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
 import { tableCommentEditorStyles, tableLayoutFixes } from './styles/tableStyles';
 import { decisionStyles, tasksAndDecisionsStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, taskItemStyles } from './styles/tasksAndDecisionsStyles';
@@ -238,7 +238,9 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     smartCardStylesWithSearchMatch :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    smartCardStyles, expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') && fg('platform_editor_controls_patch_15') &&
+    smartCardStyles, expValEqualsNoExposure('platform_editor_preview_panel_responsiveness', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') && fg('platform_editor_controls_patch_15') &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     editorControlsSmartCardStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/es2019/ui/EditorContentContainer/styles/smartCardStyles.js

@@ -1,5 +1,6 @@
 import { css } from '@emotion/react'; // eslint-disable-line
 
+import { akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
 import { boxShadowSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
 export const DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
 export const FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
@@ -322,6 +323,23 @@ export const smartCardStylesWithSearchMatch = css({
   }
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+  [`@container editor-area (max-width: ${akEditorFullPageNarrowBreakout}px)`]: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    [`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}.ak-editor-selected-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]:
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    [
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    boxShadowSelectionStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    hideNativeBrowserTextSelectionStyles, {
+      borderRadius: "var(--ds-border-radius-200, 8px)"
+    }]
+  }
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const smartLinksInLivePagesStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "209.2.3";
+export const version = "209.3.0";

package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js

@@ -54,7 +54,7 @@ import { scrollbarStyles } from './styles/scrollbarStyles';
 import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
 import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
 import { shadowStyles } from './styles/shadowStyles';
-import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardStyles, smartCardStylesWithSearchMatch, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
+import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
 import { statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
 import { tableCommentEditorStyles, tableLayoutFixes } from './styles/tableStyles';
 import { decisionStyles, tasksAndDecisionsStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, taskItemStyles } from './styles/tasksAndDecisionsStyles';
@@ -235,7 +235,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     smartCardStylesWithSearchMatch :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    smartCardStyles, expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') && fg('platform_editor_controls_patch_15') &&
+    smartCardStyles, expValEqualsNoExposure('platform_editor_preview_panel_responsiveness', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') && fg('platform_editor_controls_patch_15') &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     editorControlsSmartCardStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/esm/ui/EditorContentContainer/styles/smartCardStyles.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { css } from '@emotion/react'; // eslint-disable-line
 
+import { akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
 import { boxShadowSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
 export var DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
 export var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
@@ -220,6 +221,17 @@ boxShadowSelectionStyles]), '&.danger', {
   padding: 0
 }));
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = css(_defineProperty({}, "@container editor-area (max-width: ".concat(akEditorFullPageNarrowBreakout, "px)"), _defineProperty({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, ".ak-editor-selected-node .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"),
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+[
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+boxShadowSelectionStyles,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+hideNativeBrowserTextSelectionStyles, {
+  borderRadius: "var(--ds-border-radius-200, 8px)"
+}])));
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var smartLinksInLivePagesStyles = css(_defineProperty(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), _defineProperty({}, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"), {
   cursor: 'pointer',

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "209.2.3";
+export var version = "209.3.0";