@atlaskit/editor-core 211.2.2 → 211.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/ui/Toolbar/ToolbarWithSizeDetector.js +6 -4
  3. package/dist/cjs/version-wrapper.js +1 -1
  4. package/dist/es2019/ui/Toolbar/ToolbarWithSizeDetector.js +6 -4
  5. package/dist/es2019/version-wrapper.js +1 -1
  6. package/dist/esm/ui/Toolbar/ToolbarWithSizeDetector.js +6 -4
  7. package/dist/esm/version-wrapper.js +1 -1
  8. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 211.2.3
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 211.2.2
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/ui/Toolbar/ToolbarWithSizeDetector.js CHANGED
@@ -69,7 +69,8 @@ var DynamicStyleToolbarWithSizeDetector = function DynamicStyleToolbarWithSizeDe
69
69
  var toolbarStyle = (0, _react.useMemo)(function () {
70
70
  var toolbarWidth = (0, _isFullPage.isFullPage)(props.appearance) && props.twoLineEditorToolbar ? _types.ToolbarSize.S : _types.ToolbarSize.M;
71
71
  var toolbarMinWidth = (0, _toolbarSize.toolbarSizeToWidth)(toolbarWidth, props.appearance);
72
- var minWidth = "min-width: ".concat(props.hasMinWidth ? toolbarMinWidth : '254', "px");
72
+ var isPreviewPanelResponsivenessEnabled = (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true);
73
+ var minWidth = "min-width: ".concat(props.hasMinWidth ? "".concat(toolbarMinWidth, "px") : isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px');
73
74
  return [toolbar, minWidth];
74
75
  }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
75
76
  return (
@@ -105,15 +106,16 @@ var StaticStyleToolbarWithSizeDetector = function StaticStyleToolbarWithSizeDete
105
106
  var minWidthValue = (0, _react.useMemo)(function () {
106
107
  if (props.hasMinWidth) {
107
108
  var toolbarWidth = (0, _isFullPage.isFullPage)(props.appearance) && props.twoLineEditorToolbar ? _types.ToolbarSize.S : _types.ToolbarSize.M;
108
- return (0, _toolbarSize.toolbarSizeToWidth)(toolbarWidth, props.appearance);
109
+ return "".concat((0, _toolbarSize.toolbarSizeToWidth)(toolbarWidth, props.appearance), "px");
109
110
  } else {
110
- return 254;
111
+ var isPreviewPanelResponsivenessEnabled = (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true);
112
+ return isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px';
111
113
  }
112
114
  }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
113
115
  return (0, _react2.jsx)("div", {
114
116
  css: staticToolbar,
115
117
  style: {
116
- minWidth: "".concat(minWidthValue, "px")
118
+ minWidth: minWidthValue
117
119
  }
118
120
  }, (0, _react2.jsx)(_widthDetector.WidthObserver, {
119
121
  setWidth: setWidth
package/dist/cjs/version-wrapper.js CHANGED
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "211.2.1";
8
+ var version = exports.version = "211.2.2";
package/dist/es2019/ui/Toolbar/ToolbarWithSizeDetector.js CHANGED
@@ -56,7 +56,8 @@ const DynamicStyleToolbarWithSizeDetector = props => {
56
56
  const toolbarStyle = useMemo(() => {
57
57
  const toolbarWidth = isFullPage(props.appearance) && props.twoLineEditorToolbar ? ToolbarSize.S : ToolbarSize.M;
58
58
  const toolbarMinWidth = toolbarSizeToWidth(toolbarWidth, props.appearance);
59
- const minWidth = `min-width: ${props.hasMinWidth ? toolbarMinWidth : '254'}px`;
59
+ const isPreviewPanelResponsivenessEnabled = expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true);
60
+ const minWidth = `min-width: ${props.hasMinWidth ? `${toolbarMinWidth}px` : isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px'}`;
60
61
  return [toolbar, minWidth];
61
62
  }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
62
63
  return (
@@ -89,15 +90,16 @@ const StaticStyleToolbarWithSizeDetector = props => {
89
90
  const minWidthValue = useMemo(() => {
90
91
  if (props.hasMinWidth) {
91
92
  const toolbarWidth = isFullPage(props.appearance) && props.twoLineEditorToolbar ? ToolbarSize.S : ToolbarSize.M;
92
- return toolbarSizeToWidth(toolbarWidth, props.appearance);
93
+ return `${toolbarSizeToWidth(toolbarWidth, props.appearance)}px`;
93
94
  } else {
94
- return 254;
95
+ const isPreviewPanelResponsivenessEnabled = expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true);
96
+ return isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px';
95
97
  }
96
98
  }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
97
99
  return jsx("div", {
98
100
  css: staticToolbar,
99
101
  style: {
100
- minWidth: `${minWidthValue}px`
102
+ minWidth: minWidthValue
101
103
  }
102
104
  }, jsx(WidthObserver, {
103
105
  setWidth: setWidth
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "211.2.1";
2
+ export const version = "211.2.2";
package/dist/esm/ui/Toolbar/ToolbarWithSizeDetector.js CHANGED
@@ -59,7 +59,8 @@ var DynamicStyleToolbarWithSizeDetector = function DynamicStyleToolbarWithSizeDe
59
59
  var toolbarStyle = useMemo(function () {
60
60
  var toolbarWidth = isFullPage(props.appearance) && props.twoLineEditorToolbar ? ToolbarSize.S : ToolbarSize.M;
61
61
  var toolbarMinWidth = toolbarSizeToWidth(toolbarWidth, props.appearance);
62
- var minWidth = "min-width: ".concat(props.hasMinWidth ? toolbarMinWidth : '254', "px");
62
+ var isPreviewPanelResponsivenessEnabled = expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true);
63
+ var minWidth = "min-width: ".concat(props.hasMinWidth ? "".concat(toolbarMinWidth, "px") : isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px');
63
64
  return [toolbar, minWidth];
64
65
  }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
65
66
  return (
@@ -95,15 +96,16 @@ var StaticStyleToolbarWithSizeDetector = function StaticStyleToolbarWithSizeDete
95
96
  var minWidthValue = useMemo(function () {
96
97
  if (props.hasMinWidth) {
97
98
  var toolbarWidth = isFullPage(props.appearance) && props.twoLineEditorToolbar ? ToolbarSize.S : ToolbarSize.M;
98
- return toolbarSizeToWidth(toolbarWidth, props.appearance);
99
+ return "".concat(toolbarSizeToWidth(toolbarWidth, props.appearance), "px");
99
100
  } else {
100
- return 254;
101
+ var isPreviewPanelResponsivenessEnabled = expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true);
102
+ return isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px';
101
103
  }
102
104
  }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
103
105
  return jsx("div", {
104
106
  css: staticToolbar,
105
107
  style: {
106
- minWidth: "".concat(minWidthValue, "px")
108
+ minWidth: minWidthValue
107
109
  }
108
110
  }, jsx(WidthObserver, {
109
111
  setWidth: setWidth
package/dist/esm/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "211.2.1";
2
+ export var version = "211.2.2";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "211.2.2",
3
+ "version": "211.2.3",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -44,7 +44,7 @@
44
44
  "@atlaskit/analytics-next": "^11.1.0",
45
45
  "@atlaskit/analytics-next-stable-react-context": "1.0.1",
46
46
  "@atlaskit/button": "^23.4.0",
47
- "@atlaskit/css": "^0.12.0",
47
+ "@atlaskit/css": "^0.13.0",
48
48
  "@atlaskit/editor-json-transformer": "^8.27.0",
49
49
  "@atlaskit/editor-performance-metrics": "^2.1.0",
50
50
  "@atlaskit/editor-plugin-quick-insert": "^4.0.0",
@@ -52,7 +52,7 @@
52
52
  "@atlaskit/editor-plugins": "^10.3.0",
53
53
  "@atlaskit/editor-prosemirror": "7.0.0",
54
54
  "@atlaskit/editor-shared-styles": "^3.6.0",
55
- "@atlaskit/editor-toolbar": "^0.7.0",
55
+ "@atlaskit/editor-toolbar": "^0.8.0",
56
56
  "@atlaskit/editor-toolbar-model": "^0.2.0",
57
57
  "@atlaskit/emoji": "^69.5.0",
58
58
  "@atlaskit/icon": "^28.1.0",
@@ -64,7 +64,7 @@
64
64
  "@atlaskit/react-ufo": "^4.5.0",
65
65
  "@atlaskit/task-decision": "^19.2.0",
66
66
  "@atlaskit/tmp-editor-statsig": "^12.4.0",
67
- "@atlaskit/tokens": "^6.1.0",
67
+ "@atlaskit/tokens": "^6.2.0",
68
68
  "@atlaskit/tooltip": "^20.4.0",
69
69
  "@atlaskit/width-detector": "^5.0.0",
70
70
  "@babel/runtime": "^7.0.0",
@@ -103,10 +103,10 @@
103
103
  "@atlaskit/media-integration-test-helpers": "workspace:^",
104
104
  "@atlaskit/media-test-helpers": "^39.0.0",
105
105
  "@atlaskit/modal-dialog": "^14.3.0",
106
- "@atlaskit/primitives": "^14.12.0",
106
+ "@atlaskit/primitives": "^14.13.0",
107
107
  "@atlaskit/renderer": "^121.1.0",
108
108
  "@atlaskit/section-message": "^8.7.0",
109
- "@atlaskit/smart-card": "^40.18.0",
109
+ "@atlaskit/smart-card": "^40.19.0",
110
110
  "@atlaskit/synchrony-test-helpers": "workspace:^",
111
111
  "@atlaskit/toggle": "^15.1.0",
112
112
  "@atlaskit/util-data-test": "^18.1.0",