@atlaskit/editor-plugin-block-controls 9.1.18 → 10.0.0

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 (5) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/ui/drag-handle.js +3 -3
  3. package/dist/es2019/ui/drag-handle.js +3 -3
  4. package/dist/esm/ui/drag-handle.js +3 -3
  5. package/package.json +22 -19
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-plugin-block-controls
2
2
 
3
+ ## 10.0.0
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 9.1.19
10
+
11
+ ### Patch Changes
12
+
13
+ - [`7aff76124fe7f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7aff76124fe7f) -
14
+ [ux] [EDITOR-6282] scale the size of the drag handle with the base font size
15
+ - Updated dependencies
16
+
3
17
  ## 9.1.18
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/ui/drag-handle.js CHANGED
@@ -140,8 +140,8 @@ var dragHandleButtonStyles = (0, _react2.css)({
140
140
 
141
141
  // Calculate scaled dimensions based on the base font size using CSS calc()
142
142
  // Default font size is 16px, scale proportionally
143
- // Standard: 16px -> 24h x 12w, Dense: 13px -> 18h x 9w
144
- var dragHandleButtonDenseModeStyles = (0, _react2.css)({
143
+ // Standard: 16px -> 24h x 12w, Dense: 13px -> 18h x 9w, Jira: 14px -> 21h x 12w
144
+ var dragHandleButtonScaledStyles = (0, _react2.css)({
145
145
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
146
146
  height: (0, _consts.relativeSizeToBaseFontSize)(_consts2.DRAG_HANDLE_HEIGHT),
147
147
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -1080,7 +1080,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
1080
1080
  css: [(0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? dragHandleButtonStyles : dragHandleButtonStylesOld, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && dragHandleColor,
1081
1081
  // ED-26266: Fixed the drag handle highlight when selecting multiple line in Firefox
1082
1082
  // See https://product-fabric.atlassian.net/browse/ED-26266
1083
- browser.gecko && dragHandleMultiLineSelectionFixFirefox, (0, _experiments.editorExperiment)('advanced_layouts', true) && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && hasHadInteraction && selectedStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && (0, _experiments.editorExperiment)('platform_editor_controls', 'control') && dragHandleButtonSmallScreenStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && isFocused && keyboardFocusedDragHandleStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) ? focusedStyles : focusedStylesOld, ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) || (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) && dragHandleButtonDenseModeStyles],
1083
+ browser.gecko && dragHandleMultiLineSelectionFixFirefox, (0, _experiments.editorExperiment)('advanced_layouts', true) && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && hasHadInteraction && selectedStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && (0, _experiments.editorExperiment)('platform_editor_controls', 'control') && dragHandleButtonSmallScreenStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && isFocused && keyboardFocusedDragHandleStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) ? focusedStyles : focusedStylesOld, ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) || (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') || (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && (0, _platformFeatureFlags.fg)('platform_editor_block_menu_jira_patch_1')) && dragHandleButtonScaledStyles],
1084
1084
  ref: buttonRef
1085
1085
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
1086
1086
  ,
package/dist/es2019/ui/drag-handle.js CHANGED
@@ -131,8 +131,8 @@ const dragHandleButtonStyles = css({
131
131
 
132
132
  // Calculate scaled dimensions based on the base font size using CSS calc()
133
133
  // Default font size is 16px, scale proportionally
134
- // Standard: 16px -> 24h x 12w, Dense: 13px -> 18h x 9w
135
- const dragHandleButtonDenseModeStyles = css({
134
+ // Standard: 16px -> 24h x 12w, Dense: 13px -> 18h x 9w, Jira: 14px -> 21h x 12w
135
+ const dragHandleButtonScaledStyles = css({
136
136
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
137
137
  height: relativeSizeToBaseFontSize(DRAG_HANDLE_HEIGHT),
138
138
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -1061,7 +1061,7 @@ export const DragHandle = ({
1061
1061
  css: [editorExperiment('platform_editor_controls', 'variant1') ? dragHandleButtonStyles : dragHandleButtonStylesOld, editorExperiment('platform_editor_controls', 'variant1') && dragHandleColor,
1062
1062
  // ED-26266: Fixed the drag handle highlight when selecting multiple line in Firefox
1063
1063
  // See https://product-fabric.atlassian.net/browse/ED-26266
1064
- browser.gecko && dragHandleMultiLineSelectionFixFirefox, editorExperiment('advanced_layouts', true) && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && hasHadInteraction && selectedStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorExperiment('platform_editor_controls', 'control') && dragHandleButtonSmallScreenStyles, editorExperiment('platform_editor_block_menu', true) && isFocused && keyboardFocusedDragHandleStyles, editorExperiment('platform_editor_block_menu', true) ? focusedStyles : focusedStylesOld, (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && dragHandleButtonDenseModeStyles],
1064
+ browser.gecko && dragHandleMultiLineSelectionFixFirefox, editorExperiment('advanced_layouts', true) && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && hasHadInteraction && selectedStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorExperiment('platform_editor_controls', 'control') && dragHandleButtonSmallScreenStyles, editorExperiment('platform_editor_block_menu', true) && isFocused && keyboardFocusedDragHandleStyles, editorExperiment('platform_editor_block_menu', true) ? focusedStyles : focusedStylesOld, (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') || editorExperiment('platform_editor_block_menu', true) && fg('platform_editor_block_menu_jira_patch_1')) && dragHandleButtonScaledStyles],
1065
1065
  ref: buttonRef
1066
1066
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
1067
1067
  ,
package/dist/esm/ui/drag-handle.js CHANGED
@@ -136,8 +136,8 @@ var dragHandleButtonStyles = css({
136
136
 
137
137
  // Calculate scaled dimensions based on the base font size using CSS calc()
138
138
  // Default font size is 16px, scale proportionally
139
- // Standard: 16px -> 24h x 12w, Dense: 13px -> 18h x 9w
140
- var dragHandleButtonDenseModeStyles = css({
139
+ // Standard: 16px -> 24h x 12w, Dense: 13px -> 18h x 9w, Jira: 14px -> 21h x 12w
140
+ var dragHandleButtonScaledStyles = css({
141
141
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
142
142
  height: relativeSizeToBaseFontSize(DRAG_HANDLE_HEIGHT),
143
143
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -1076,7 +1076,7 @@ export var DragHandle = function DragHandle(_ref) {
1076
1076
  css: [editorExperiment('platform_editor_controls', 'variant1') ? dragHandleButtonStyles : dragHandleButtonStylesOld, editorExperiment('platform_editor_controls', 'variant1') && dragHandleColor,
1077
1077
  // ED-26266: Fixed the drag handle highlight when selecting multiple line in Firefox
1078
1078
  // See https://product-fabric.atlassian.net/browse/ED-26266
1079
- browser.gecko && dragHandleMultiLineSelectionFixFirefox, editorExperiment('advanced_layouts', true) && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && hasHadInteraction && selectedStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorExperiment('platform_editor_controls', 'control') && dragHandleButtonSmallScreenStyles, editorExperiment('platform_editor_block_menu', true) && isFocused && keyboardFocusedDragHandleStyles, editorExperiment('platform_editor_block_menu', true) ? focusedStyles : focusedStylesOld, (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && dragHandleButtonDenseModeStyles],
1079
+ browser.gecko && dragHandleMultiLineSelectionFixFirefox, editorExperiment('advanced_layouts', true) && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && hasHadInteraction && selectedStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorExperiment('platform_editor_controls', 'control') && dragHandleButtonSmallScreenStyles, editorExperiment('platform_editor_block_menu', true) && isFocused && keyboardFocusedDragHandleStyles, editorExperiment('platform_editor_block_menu', true) ? focusedStyles : focusedStylesOld, (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') || editorExperiment('platform_editor_block_menu', true) && fg('platform_editor_block_menu_jira_patch_1')) && dragHandleButtonScaledStyles],
1080
1080
  ref: buttonRef
1081
1081
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
1082
1082
  ,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-block-controls",
3
- "version": "9.1.18",
3
+ "version": "10.0.0",
4
4
  "description": "Block controls plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -30,24 +30,24 @@
30
30
  "dependencies": {
31
31
  "@atlaskit/browser-apis": "^0.0.1",
32
32
  "@atlaskit/button": "^23.11.0",
33
- "@atlaskit/editor-plugin-accessibility-utils": "^8.0.0",
34
- "@atlaskit/editor-plugin-analytics": "^8.0.0",
35
- "@atlaskit/editor-plugin-editor-disabled": "^8.0.0",
36
- "@atlaskit/editor-plugin-editor-viewmode": "^10.0.0",
37
- "@atlaskit/editor-plugin-feature-flags": "^7.0.0",
38
- "@atlaskit/editor-plugin-interaction": "^17.0.0",
39
- "@atlaskit/editor-plugin-limited-mode": "^5.0.0",
40
- "@atlaskit/editor-plugin-metrics": "^9.0.0",
41
- "@atlaskit/editor-plugin-quick-insert": "^8.0.0",
42
- "@atlaskit/editor-plugin-selection": "^8.0.0",
43
- "@atlaskit/editor-plugin-toolbar": "^5.1.0",
44
- "@atlaskit/editor-plugin-type-ahead": "^8.2.0",
45
- "@atlaskit/editor-plugin-user-intent": "^6.0.0",
46
- "@atlaskit/editor-plugin-width": "^9.0.0",
33
+ "@atlaskit/editor-plugin-accessibility-utils": "^9.0.0",
34
+ "@atlaskit/editor-plugin-analytics": "^9.0.0",
35
+ "@atlaskit/editor-plugin-editor-disabled": "^9.0.0",
36
+ "@atlaskit/editor-plugin-editor-viewmode": "^11.0.0",
37
+ "@atlaskit/editor-plugin-feature-flags": "^8.0.0",
38
+ "@atlaskit/editor-plugin-interaction": "^18.0.0",
39
+ "@atlaskit/editor-plugin-limited-mode": "^6.0.0",
40
+ "@atlaskit/editor-plugin-metrics": "^10.0.0",
41
+ "@atlaskit/editor-plugin-quick-insert": "^9.0.0",
42
+ "@atlaskit/editor-plugin-selection": "^9.0.0",
43
+ "@atlaskit/editor-plugin-toolbar": "^6.0.0",
44
+ "@atlaskit/editor-plugin-type-ahead": "^9.0.0",
45
+ "@atlaskit/editor-plugin-user-intent": "^7.0.0",
46
+ "@atlaskit/editor-plugin-width": "^10.0.0",
47
47
  "@atlaskit/editor-prosemirror": "^7.3.0",
48
48
  "@atlaskit/editor-shared-styles": "^3.10.0",
49
49
  "@atlaskit/editor-tables": "^2.9.0",
50
- "@atlaskit/icon": "^34.1.0",
50
+ "@atlaskit/icon": "^34.2.0",
51
51
  "@atlaskit/icon-lab": "^6.5.0",
52
52
  "@atlaskit/link": "^3.4.0",
53
53
  "@atlaskit/platform-feature-flags": "^1.1.0",
@@ -55,8 +55,8 @@
55
55
  "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
56
56
  "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
57
57
  "@atlaskit/primitives": "^19.0.0",
58
- "@atlaskit/theme": "^23.0.0",
59
- "@atlaskit/tmp-editor-statsig": "^62.2.0",
58
+ "@atlaskit/theme": "^23.1.0",
59
+ "@atlaskit/tmp-editor-statsig": "^62.4.0",
60
60
  "@atlaskit/tokens": "^13.0.0",
61
61
  "@atlaskit/tooltip": "^21.1.0",
62
62
  "@babel/runtime": "^7.0.0",
@@ -67,7 +67,7 @@
67
67
  "uuid": "^3.1.0"
68
68
  },
69
69
  "peerDependencies": {
70
- "@atlaskit/editor-common": "^112.21.0",
70
+ "@atlaskit/editor-common": "^113.0.0",
71
71
  "react": "^18.2.0",
72
72
  "react-dom": "^18.2.0",
73
73
  "react-intl-next": "npm:react-intl@^5.18.1"
@@ -138,6 +138,9 @@
138
138
  "platform_editor_expose_block_controls_deco_api": {
139
139
  "type": "boolean"
140
140
  },
141
+ "platform_editor_block_menu_jira_patch_1": {
142
+ "type": "boolean"
143
+ },
141
144
  "confluence_remix_button_right_side_block_fg": {
142
145
  "type": "boolean"
143
146
  }