@atlaskit/editor-core 207.15.0 → 207.16.0

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

@@ -0,0 +1,256 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+import { css } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var expandStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ak-editor-expand__icon > div': {
+    display: 'flex'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ak-editor-expand': {
+    // sharedExpandStyles.containerStyles({ expanded: false, focused: false })(),
+    borderWidth: '1px',
+    borderStyle: 'solid',
+    borderColor: 'transparent',
+    borderRadius: "var(--ds-border-radius-100, 4px)",
+    minHeight: '25px',
+    background: "var(--ds-background-neutral-subtle, transparent)",
+    margin: "var(--ds-space-050, 0.25rem)".concat(" 0 0"),
+    transition: 'background 0.3s cubic-bezier(0.15, 1, 0.3, 1), border-color 0.3s cubic-bezier(0.15, 1, 0.3, 1)',
+    padding: "var(--ds-space-100, 8px)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    'td > :not(style):first-child, td > style:first-child + *': {
+      marginTop: 0
+    },
+    cursor: 'pointer',
+    boxSizing: 'border-box',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    'td > &': {
+      marginTop: 0
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ak-editor-expand__icon-container svg': {
+      color: "var(--ds-icon-subtle, #626F86)",
+      transform: 'rotate(90deg)'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&.ak-editor-selected-node:not(.danger)': {
+      // SelectionStyle.Blanket
+      position: 'relative',
+      // Fixes ED-9263, where emoji or inline card in panel makes selection go outside the panel
+      // in Safari. Looks like it's caused by user-select: all in the emoji element
+      '-webkit-user-select': 'text',
+      '&::before': {
+        position: 'absolute',
+        content: "''",
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0,
+        width: '100%',
+        pointerEvents: 'none',
+        zIndex: 12,
+        // akEditorStickyheaderZIndex (11) + 1
+        backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
+      },
+      // SelectionStyle.Border (common case)
+      border: "1px solid ".concat("var(--ds-border-selected, #0C66E4)"),
+      // If fg('platform_editor_nested_dnd_styles_changes') is true,
+      // then we'll also need the rest of the selection styles for blanket
+
+      // hideNativeBrowserTextSelectionStyles
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&::selection, *::selection': {
+        backgroundColor: 'transparent'
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+      '&::-moz-selection, *::-moz-selection': {
+        backgroundColor: 'transparent'
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger': {
+      background: "var(--ds-background-danger, #FFECEB)",
+      borderColor: "var(--ds-border-danger, #E2483D)"
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror > .ak-editor-expand__type-expand, .fabric-editor-breakout-mark-dom > .ak-editor-expand__type-expand': {
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+    marginLeft: '-12px',
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+    marginRight: '-12px'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ak-editor-expand__content': {
+    // sharedExpandStyles.contentStyles({ expanded: false, focused: false })(),
+    paddingTop: "var(--ds-space-0, 0px)",
+    paddingRight: "var(--ds-space-100, 8px)",
+    paddingLeft: "var(--ds-space-300, 24px)",
+    marginLeft: "var(--ds-space-050, 4px)",
+    display: 'flow-root',
+    /* The follow rules inside @supports block are added as a part of ED-8893
+    	The fix is targeting mobile bridge on iOS 12 or below,
+    	We should consider remove this fix when we no longer support iOS 12 */
+    '@supports not (display: flow-root)': {
+      width: '100%',
+      boxSizing: 'border-box'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.expand-content-wrapper, .nestedExpand-content-wrapper': {
+      /* We visually hide the content here to preserve the content during copy+paste */
+      /* Do not add text nowrap here because inline comment navigation depends on the location of the text */
+      width: '100%',
+      display: 'block',
+      height: 0,
+      overflow: 'hidden',
+      clip: 'rect(1px, 1px, 1px, 1px)',
+      userSelect: 'none'
+    },
+    cursor: 'text'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ak-editor-expand__title-input': {
+    // sharedExpandStyles.titleInputStyles(),
+    outline: 'none',
+    border: 'none',
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+    fontSize: 'calc(14rem / 16)',
+    // relativeFontSizeToBase16(14),
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+    lineHeight: 1.714,
+    // If fg('platform-visual-refresh-icons') then this needs to be overridden
+    fontWeight: "var(--ds-font-weight-regular, 400)",
+    color: "var(--ds-text-subtlest, #626F86)",
+    background: 'transparent',
+    display: 'flex',
+    flex: 1,
+    padding: "0 0 0 ".concat("var(--ds-space-050, 4px)"),
+    width: '100%',
+    '&::placeholder': {
+      opacity: 1,
+      color: "var(--ds-text-subtlest, #626F86)"
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ak-editor-expand__title-container': {
+    // sharedExpandStyles.titleContainerStyles(),
+    padding: 0,
+    display: 'flex',
+    // Omitting alignItems: 'flex-start' as it would be overridden
+    background: 'none',
+    border: 'none',
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+    fontSize: 'calc(14rem / 16)',
+    // relativeFontSizeToBase16(14),
+    width: '100%',
+    color: "var(--ds-text-subtle, #44546F)",
+    // Omitting overflow: 'hidden' as it would be overridden
+    cursor: 'pointer',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&:focus': {
+      outline: 0
+    },
+    alignItems: 'center',
+    overflow: 'visible'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ak-editor-expand__expanded': {
+    background: "var(--ds-background-neutral-subtle, #00000000)",
+    borderColor: "var(--ds-border, #091E4224)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ak-editor-expand__content': {
+      paddingTop: "var(--ds-space-100, 8px)"
+      // If fg('platform_editor_nested_dnd_styles_changes') then this needs to be extended
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ak-editor-expand__input-container': {
+    width: '100%'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ak-editor-expand:not(.ak-editor-expand__expanded)': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ak-editor-expand__content': {
+      position: 'absolute',
+      height: '1px',
+      width: '1px',
+      overflow: 'hidden',
+      clip: 'rect(1px, 1px, 1px, 1px)',
+      whiteSpace: 'nowrap'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ak-editor-expand__icon-container svg': {
+      color: "var(--ds-icon-subtle, #626F86)",
+      transform: 'rotate(0deg)'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.ak-editor-selected-node):not(.danger)': {
+      background: 'transparent',
+      borderColor: 'transparent',
+      '&:hover': {
+        borderColor: "var(--ds-border, #091E4224)",
+        background: "var(--ds-background-neutral-subtle, #00000000)"
+      }
+    }
+  }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var expandStylesMixin_fg_platform_visual_refresh_icons = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ak-editor-expand__title-input': {
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+    lineHeight: 1
+  }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ak-editor-content-area.appearance-full-page .ProseMirror > .ak-editor-expand__type-expand, .fabric-editor-breakout-mark-dom > .ak-editor-expand__type-expand': {
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+    marginLeft: '-20px',
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+    marginRight: '-20px'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ak-editor-expand__expanded': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ak-editor-expand__content': {
+      // firstNodeWithNotMarginTop
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+      '> :nth-child(1 of :not(style, .ProseMirror-gapcursor, .ProseMirror-widget, span))': {
+        marginTop: 0
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '> div.ak-editor-expand[data-node-type="nestedExpand"]': {
+        marginTop: "var(--ds-space-050, 0.25rem)"
+      }
+    }
+  }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ak-editor-expand': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&.ak-editor-selected-node:not(.danger)': {
+      // SelectionStyle.Border (with fg('platform_editor_nested_dnd_styles_changes'))
+      // Fixes ED-15246: Trello card is visible through a border of a table border
+      '&::after': {
+        height: '100%',
+        content: "'\\00a0'",
+        background: "var(--ds-border-selected, #0C66E4)",
+        position: 'absolute',
+        right: '-1px',
+        top: 0,
+        bottom: 0,
+        width: '1px',
+        border: 'none',
+        display: 'inline-block'
+      }
+    }
+  }
+});

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

@@ -0,0 +1,40 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+import { css } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var InlineNodeViewSharedStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.inlineNodeView': {
+    display: 'inline',
+    userSelect: 'all',
+    whiteSpace: 'nowrap',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '& > *:not(.zeroWidthSpaceContainer)': {
+      whiteSpace: 'pre-wrap'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& > .assistive': {
+      userSelect: 'none'
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '&.ua-safari': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.inlineNodeView': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&::selection, *::selection': {
+        background: 'transparent'
+      }
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '&.ua-chrome .inlineNodeView > span': {
+    userSelect: 'none'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.inlineNodeViewAddZeroWidthSpace': {
+    '&::after': {
+      content: "'\u200B'" // ZERO_WIDTH_SPACE
+    }
+  }
+});

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

@@ -0,0 +1,65 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+import { css } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var placeholderTextStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror span[data-placeholder]': {
+    color: "var(--ds-text-subtlest, #626F86)",
+    display: 'inline'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror span.pm-placeholder': {
+    display: 'inline',
+    color: "var(--ds-text-subtlest, #626F86)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror span.pm-placeholder__text': {
+    display: 'inline',
+    color: "var(--ds-text-subtlest, #626F86)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror span.pm-placeholder.ak-editor-selected-node': {
+    // ...backgroundSelectionStyles
+    backgroundColor: "var(--ds-background-selected, #E9F2FF)",
+    // ...backgroundSelectionStyles -> hideNativeBrowserTextSelectionStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&::selection,*::selection': {
+      backgroundColor: 'transparent'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+    '&::-moz-selection,*::-moz-selection': {
+      backgroundColor: 'transparent'
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror span.pm-placeholder__text[data-placeholder]::after': {
+    color: "var(--ds-text-subtlest, #626F86)",
+    cursor: 'text',
+    content: 'attr(data-placeholder)',
+    display: 'inline'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ProseMirror-fake-text-cursor': {
+      display: 'inline',
+      pointerEvents: 'none',
+      position: 'relative'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ProseMirror-fake-text-cursor::after': {
+      content: '""',
+      display: 'inline',
+      top: 0,
+      position: 'absolute',
+      borderRight: "1px solid ".concat("var(--ds-border, #091E4224)")
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ProseMirror-fake-text-selection': {
+      display: 'inline',
+      pointerEvents: 'none',
+      position: 'relative',
+      backgroundColor: "var(--ds-background-selected, #B3D4FF)"
+    }
+  }
+});

package/dist/esm/version-wrapper.js

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

package/dist/types/ui/EditorContentContainer/styles/expandStyles.d.ts

@@ -0,0 +1,4 @@
+export declare const expandStyles: import("@emotion/react").SerializedStyles;
+export declare const expandStylesMixin_fg_platform_visual_refresh_icons: import("@emotion/react").SerializedStyles;
+export declare const expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes: import("@emotion/react").SerializedStyles;
+export declare const expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes: import("@emotion/react").SerializedStyles;

package/dist/types/ui/EditorContentContainer/styles/inlineNodeViewSharedStyles.d.ts

@@ -0,0 +1 @@
+export declare const InlineNodeViewSharedStyles: import("@emotion/react").SerializedStyles;

package/dist/types/ui/EditorContentContainer/styles/placeholderTextStyles.d.ts

@@ -0,0 +1 @@
+export declare const placeholderTextStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/EditorContentContainer/styles/expandStyles.d.ts

@@ -0,0 +1,4 @@
+export declare const expandStyles: import("@emotion/react").SerializedStyles;
+export declare const expandStylesMixin_fg_platform_visual_refresh_icons: import("@emotion/react").SerializedStyles;
+export declare const expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes: import("@emotion/react").SerializedStyles;
+export declare const expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/EditorContentContainer/styles/inlineNodeViewSharedStyles.d.ts

@@ -0,0 +1 @@
+export declare const InlineNodeViewSharedStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/EditorContentContainer/styles/placeholderTextStyles.d.ts

@@ -0,0 +1 @@
+export declare const placeholderTextStyles: import("@emotion/react").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "207.15.0",
+	"version": "207.16.0",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -46,7 +46,7 @@
 		"@atlaskit/analytics-next-stable-react-context": "1.0.1",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/css": "^0.10.0",
-		"@atlaskit/editor-common": "^106.2.0",
+		"@atlaskit/editor-common": "^106.3.0",
 		"@atlaskit/editor-json-transformer": "^8.24.0",
 		"@atlaskit/editor-performance-metrics": "^2.1.0",
 		"@atlaskit/editor-plugin-quick-insert": "^2.5.0",
@@ -62,8 +62,8 @@
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
 		"@atlaskit/react-ufo": "^3.13.0",
 		"@atlaskit/task-decision": "^19.2.0",
-		"@atlaskit/tmp-editor-statsig": "^5.12.0",
-		"@atlaskit/tokens": "^5.0.0",
+		"@atlaskit/tmp-editor-statsig": "^5.13.0",
+		"@atlaskit/tokens": "^5.1.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -92,19 +92,19 @@
 		"@atlaskit/analytics-listeners": "^9.0.0",
 		"@atlaskit/collab-provider": "^10.19.0",
 		"@atlaskit/editor-plugin-annotation": "^2.9.0",
-		"@atlaskit/editor-plugin-card": "^6.5.0",
+		"@atlaskit/editor-plugin-card": "^6.6.0",
 		"@atlaskit/editor-plugin-list": "^4.2.0",
 		"@atlaskit/editor-plugin-paste": "^3.3.0",
 		"@atlaskit/link-provider": "^3.3.0",
 		"@atlaskit/logo": "^19.0.0",
 		"@atlaskit/media-core": "^36.1.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
-		"@atlaskit/media-test-helpers": "^36.0.0",
+		"@atlaskit/media-test-helpers": "^36.1.0",
 		"@atlaskit/modal-dialog": "^14.2.0",
 		"@atlaskit/primitives": "^14.8.0",
 		"@atlaskit/renderer": "^118.6.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/smart-card": "^38.7.0",
+		"@atlaskit/smart-card": "^38.8.0",
 		"@atlaskit/synchrony-test-helpers": "workspace:^",
 		"@atlaskit/toggle": "^15.0.0",
 		"@atlaskit/util-data-test": "^18.0.0",
@@ -210,10 +210,6 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
-		"hardcoded-embeds-only-on-new-line": {
-			"type": "boolean",
-			"referenceOnly": true
-		},
 		"platform_editor_table_initial_load_fix": {
 			"type": "boolean",
 			"referenceOnly": true
@@ -534,10 +530,6 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
-		"platform_editor_controls_move_actions": {
-			"type": "boolean",
-			"referenceOnly": true
-		},
 		"platform_editor_undo_redo_find_on_primary_toolbar": {
 			"type": "boolean",
 			"referenceOnly": true
@@ -569,6 +561,9 @@
 		"platform_editor_find_and_replace_duplication": {
 			"type": "boolean"
 		},
+		"platform_editor_find_and_replace_1": {
+			"type": "boolean"
+		},
 		"editor_a11y_aria_label_removal_popup": {
 			"type": "boolean",
 			"referenceOnly": true
@@ -624,11 +619,18 @@
 		"platform-dst-jira-web-fonts": {
 			"type": "boolean"
 		},
+		"platform_editor_breakout_resizing_hello_release": {
+			"type": "boolean",
+			"referenceOnly": true
+		},
 		"confluence_typography_refreshed": {
 			"type": "boolean"
 		},
 		"atlas_editor_typography_refreshed": {
 			"type": "boolean"
+		},
+		"platform_editor_fix_floating_toolbar_focus": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {