@atlaskit/editor-common 63.0.1 → 66.0.0

package/dist/es2019/i18n/sv.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Swedish
+//Swedish
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Dubbelriktade tecken ändrar återgivningsordningen för text. Detta kan användas för att dölja skadlig kod.',
   'fabric.editor.captionPlaceholder': 'Lägg till en bildtext',
+  'fabric.editor.codeBidiWarningLabel': 'Dubbelriktade tecken ändrar återgivningsordningen för text. Detta kan användas för att dölja skadlig kod.',
   'fabric.editor.collapseNode': 'komprimera innehåll',
   'fabric.editor.expandDefaultTitle': 'Klicka här för att expandera ...',
   'fabric.editor.expandNode': 'Expandera innehåll',

package/dist/es2019/i18n/th.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Thai
+//Thai (Thailand)
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'ตัวอักษรแบบสองทิศทางเปลี่ยนลำดับการแสดงข้อความ ซึ่งอาจนำไปใช้เพื่อปิดบังรหัสที่มีวัตถุประสงค์ในทางที่ไม่ดีได้',
   'fabric.editor.captionPlaceholder': 'เพิ่มคำอธิบาย',
+  'fabric.editor.codeBidiWarningLabel': 'ตัวอักษรแบบสองทิศทางเปลี่ยนลำดับการแสดงข้อความ ซึ่งอาจนำไปใช้เพื่อปิดบังรหัสที่มีวัตถุประสงค์ในทางที่ไม่ดีได้',
   'fabric.editor.collapseNode': 'ย่อเนื้อหา',
   'fabric.editor.expandDefaultTitle': 'คลิกที่นี่เพื่อขยาย...',
   'fabric.editor.expandNode': 'ขยายเนื้อหา',

package/dist/es2019/i18n/tr.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Turkish
+//Turkish (Turkey)
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Çift yönlü karakterler metnin oluşturulduğu sırayı değiştirir. Bu, kötü amaçlı kodu gizlemek için kullanılabilir.',
   'fabric.editor.captionPlaceholder': 'Açıklama yazısı ekleyin',
+  'fabric.editor.codeBidiWarningLabel': 'Çift yönlü karakterler metnin oluşturulduğu sırayı değiştirir. Bu, kötü amaçlı kodu gizlemek için kullanılabilir.',
   'fabric.editor.collapseNode': 'içeriği daraltın',
   'fabric.editor.expandDefaultTitle': 'Genişletmek için buraya tıklayın...',
   'fabric.editor.expandNode': 'İçeriği genişletin',

package/dist/es2019/i18n/uk.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Ukrainian
+//Ukrainian (Ukraine)
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Двонаправлені символи змінюють порядок відображення тексту. Такий спосіб може використовуватися, щоб приховати зловмисний код.',
   'fabric.editor.captionPlaceholder': 'Додати підпис',
+  'fabric.editor.codeBidiWarningLabel': 'Двонаправлені символи змінюють порядок відображення тексту. Такий спосіб може використовуватися, щоб приховати зловмисний код.',
   'fabric.editor.collapseNode': 'Згорніть вміст',
   'fabric.editor.expandDefaultTitle': 'Натисніть, щоб розгорнути…',
   'fabric.editor.expandNode': 'Розгорніть вміст',

package/dist/es2019/i18n/vi.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Vietnamese
+//Vietnamese (Vietnam)
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Ký tự hai chiều thay đổi thứ tự kết xuất văn bản. Điều này có thể được dùng để che giấu mã độc hại.',
   'fabric.editor.captionPlaceholder': 'Thêm chú thích',
+  'fabric.editor.codeBidiWarningLabel': 'Ký tự hai chiều thay đổi thứ tự kết xuất văn bản. Điều này có thể được dùng để che giấu mã độc hại.',
   'fabric.editor.collapseNode': 'thu gọn nội dung',
   'fabric.editor.expandDefaultTitle': 'Nhấp vào đây để mở rộng...',
   'fabric.editor.expandNode': 'Mở rộng nội dung',

package/dist/es2019/i18n/zh.js

@@ -1,12 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
+//Chinese (Simplified)
 export default {
-  'fabric.editor.codeBidiWarningLabel': '双向字符会更改文本的呈现顺序。这可能被用于掩盖恶意代码。',
   'fabric.editor.captionPlaceholder': '添加标题',
+  'fabric.editor.codeBidiWarningLabel': '双向字符会更改文本的呈现顺序。这可能被用于掩盖恶意代码。',
   'fabric.editor.collapseNode': '收起内容',
   'fabric.editor.expandDefaultTitle': '点击此处展开...',
   'fabric.editor.expandNode': '展开内容',

package/dist/es2019/i18n/zh_TW.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// undefined
+//Chinese (Traditional)
 export default {
-  'fabric.editor.codeBidiWarningLabel': '雙向字元會變更文字呈現的順序。這可用來將惡意程式碼模糊化。',
   'fabric.editor.captionPlaceholder': '新增標題',
+  'fabric.editor.codeBidiWarningLabel': '雙向字元會變更文字呈現的順序。這可用來將惡意程式碼模糊化。',
   'fabric.editor.collapseNode': '摺疊內容',
   'fabric.editor.expandDefaultTitle': '按一下此處以展開...',
   'fabric.editor.expandNode': '展開內容',

package/dist/es2019/index.js

@@ -1,7 +1,2 @@
-// new child entry point ./utils/index.ts
-// temporarily keep for confluence
-export { ProviderFactory, WithProviders } from './provider-factory'; // temporarily keep for confluence
-
-export { WidthConsumer, // temporarily keep for confluence
-WidthProvider // temporarily keep for confluence
-} from './ui';
+// DO NOT EMPORT ANYTHING FROM THIS FILE. USE CHILD ENTRY POINTS.
+export {};

package/dist/es2019/normalize-feature-flags.js

@@ -1,6 +1,24 @@
 import camelCase from 'lodash/camelCase';
 import kebabCase from 'lodash/kebabCase';
 const EMPTY = {};
+
+function isObjectFlagKey(key, value, objectFlagKeys) {
+  return Boolean(typeof value === 'string' && (objectFlagKeys === null || objectFlagKeys === void 0 ? void 0 : objectFlagKeys.includes(key)));
+}
+
+function isValidJSONObject(value) {
+  try {
+    let result = JSON.parse(value);
+
+    if (typeof result === 'object' && result !== null) {
+      return true;
+    }
+
+    return false;
+  } catch (err) {
+    return false;
+  }
+}
 /**
  * Normalise and filter a free Record<string, unknown> to match
  * the rules for feature flags in editor and renderer
@@ -11,18 +29,36 @@ const EMPTY = {};
  *
  * Output matches
  * 1. cased in camelCase (match [a-zA-Z])
- * 2. has boolean value
+ * 2. has boolean value or object {} value
  *
  * @param rawFeatureFlags
  */
 
-export function normalizeFeatureFlags(rawFeatureFlags) {
+
+export function normalizeFeatureFlags(rawFeatureFlags, options) {
   if (!rawFeatureFlags) {
     return EMPTY;
   }
 
-  return Object.entries(rawFeatureFlags).filter(e => typeof e[1] === 'boolean').filter(([key]) => kebabCase(key) === key).map(([key, value]) => [camelCase(key), value]).reduce((flags, [key, value]) => {
-    flags[key] = value;
+  return Object.entries(rawFeatureFlags).filter(e => {
+    if (typeof e[1] === 'boolean') {
+      return true;
+    }
+
+    if (isObjectFlagKey(camelCase(e[0]), e[1], options === null || options === void 0 ? void 0 : options.objectFlagKeys) && isValidJSONObject(e[1])) {
+      return true;
+    }
+
+    return false;
+  }).filter(([key]) => kebabCase(key) === key).map(([key, value]) => [camelCase(key), value]).reduce((flags, [key, value]) => {
+    if (isObjectFlagKey(key, value, options === null || options === void 0 ? void 0 : options.objectFlagKeys)) {
+      flags[key] = JSON.parse(value);
+    }
+
+    if (typeof value === 'boolean') {
+      flags[key] = value;
+    }
+
     return flags;
   }, {});
 }

package/dist/es2019/safe-plugin/index.js

@@ -0,0 +1,10 @@
+import { Plugin } from 'prosemirror-state';
+export class SafePlugin extends Plugin {
+  // This variable isn't (and shouldn't) be used anywhere. Its purpose is
+  // to distinguish Plugin from SafePlugin, thus ensuring that an 'unsafe'
+  // Plugin cannot be assigned as an item in EditorPlugin → pmPlugins.
+  constructor(spec) {
+    super(spec);
+  }
+
+}

package/dist/es2019/styles/index.js

@@ -9,7 +9,6 @@ export { getPanelTypeBackground, darkPanelColors, getPanelDarkColor, panelShared
 export { ruleSharedStyles } from './shared/rule';
 export { whitespaceSharedStyles } from './shared/whitespace';
 export { paragraphSharedStyles } from './shared/paragraph';
-export { inlineNodeSharedStyle } from './shared/inline-nodes';
 export { linkSharedStyle } from './shared/link';
 export { listsSharedStyles } from './shared/lists';
 export { indentationSharedStyles } from './shared/indentation';

package/dist/es2019/styles/shared/annotation.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { N60A, Y300, Y75 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
 export const annotationPrefix = 'ak-editor-annotation';
@@ -13,16 +13,16 @@ const Y75a = 'rgba(255, 240, 179, 0.5)';
 const Y200a = 'rgba(255, 196, 0, 0.82)';
 const DY75a = 'rgba(111, 92, 37, 0.5)';
 const DY200 = '#82641c';
-export const AnnotationSharedCSSByState = {
+export const AnnotationSharedCSSByState = props => ({
   focus: css`
     background: ${themed({
     light: Y75,
     dark: DY75
-  })};
+  })(props)};
     border-bottom: 2px solid ${themed({
     light: Y300,
     dark: DY300
-  })};
+  })(props)};
     box-shadow: 1px 2px 3px ${N60A}, -1px 2px 3px ${N60A};
     cursor: pointer;
   `,
@@ -30,27 +30,27 @@ export const AnnotationSharedCSSByState = {
     background: ${themed({
     light: Y75a,
     dark: DY75a
-  })};
+  })(props)};
     border-bottom: 2px solid ${themed({
     light: Y200a,
     dark: DY200
-  })};
+  })(props)};
     cursor: pointer;
   `
-};
-export const annotationSharedStyles = css`
+});
+export const annotationSharedStyles = props => css`
   .ProseMirror {
     .${AnnotationSharedClassNames.focus} {
-      ${AnnotationSharedCSSByState.focus};
+      ${AnnotationSharedCSSByState(props).focus};
     }
 
     .${AnnotationSharedClassNames.draft} {
-      ${AnnotationSharedCSSByState.focus};
+      ${AnnotationSharedCSSByState(props).focus};
       cursor: initial;
     }
 
     .${AnnotationSharedClassNames.blur} {
-      ${AnnotationSharedCSSByState.blur};
+      ${AnnotationSharedCSSByState(props).blur};
     }
   }
 `;

package/dist/es2019/styles/shared/block-marks.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 export const blockMarksSharedStyles = css`
   /**
    * We need to remove margin-top from first item
@@ -13,7 +13,8 @@ export const blockMarksSharedStyles = css`
     h3,
     h4,
     h5,
-    h6 {
+    h6,
+    .heading-wrapper {
       &:first-child {
         margin-top: 0;
       }

package/dist/es2019/styles/shared/blockquote.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { akEditorBlockquoteBorderColor, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 import { gridSize } from '@atlaskit/theme/constants';
 export const blockquoteSharedStyles = css`

package/dist/es2019/styles/shared/code-mark.js

@@ -1,13 +1,16 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { getCodeStyles } from '@atlaskit/code/inline';
 import { DN70, N30A } from '@atlaskit/theme/colors';
-import { themed } from '@atlaskit/theme/components';
-export const codeMarkSharedStyles = css`
-  .code {
-    --ds--code--bg-color: ${themed({
-  light: N30A,
-  dark: DN70
-})};
-    ${getCodeStyles}
-  }
-`;
+import { getTheme, themed } from '@atlaskit/theme/components';
+export const codeMarkSharedStyles = props => {
+  const theme = getTheme(props);
+  return css`
+    .code {
+      --ds--code--bg-color: ${themed({
+    light: N30A,
+    dark: DN70
+  })(props)};
+      ${getCodeStyles(theme)}
+    }
+  `;
+};

package/dist/es2019/styles/shared/column-layout.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
 const columnLayoutSharedStyle = css`
   [data-layout-section] {

package/dist/es2019/styles/shared/date.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 export const DateSharedCssClassName = {
   DATE_WRAPPER: `date-lozenger-container`,
   DATE_CONTAINER: 'dateView-content-wrap'

package/dist/es2019/styles/shared/headings.js

@@ -1,39 +1,39 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { h100, h300, h400, h500, h600, h700 } from '@atlaskit/theme/typography'; // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
 // text sizing prototype: http://proto/fabricrender/
 
-export const headingsSharedStyles = css`
+export const headingsSharedStyles = props => css`
   & h1 {
-    ${h700};
+    ${h700(props)};
     margin-bottom: 0;
     margin-top: 1.667em;
   }
 
   & h2 {
-    ${h600};
+    ${h600(props)};
     margin-top: 1.8em;
     margin-bottom: 0;
   }
 
   & h3 {
-    ${h500};
+    ${h500(props)};
     margin-top: 2em;
     margin-bottom: 0;
   }
 
   & h4 {
-    ${h400};
+    ${h400(props)};
     margin-top: 1.357em;
   }
 
   & h5 {
-    ${h300};
+    ${h300(props)};
     margin-top: 1.667em;
     text-transform: none;
   }
 
   & h6 {
-    ${h100};
+    ${h100(props)};
     margin-top: 1.455em;
     text-transform: none;
   }

package/dist/es2019/styles/shared/indentation.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 export const indentationSharedStyles = css`
   .fabric-editor-indentation-mark {
     &[data-level='1'] {

package/dist/es2019/styles/shared/link.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 const linkSharedStyle = css`
   a.blockLink {
     display: block;

package/dist/es2019/styles/shared/lists.js

@@ -1,5 +1,6 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { bulletListSelector, orderedListSelector } from '@atlaskit/adf-schema';
+import browser from '../../utils/browser';
 export const listsSharedStyles = css`
   /* =============== INDENTATION SPACING ========= */
 
@@ -7,6 +8,21 @@ export const listsSharedStyles = css`
   ol {
     box-sizing: border-box;
     padding-left: 24px;
+
+    /*
+    Firefox does not handle empty block element inside li tag.
+    If there is not block element inside li tag,
+      then firefox sets inherited height to li
+    However, if there is any block element and if it's empty
+      (or has empty inline element) then
+    firefox sets li tag height to zero.
+    More details at
+    https://product-fabric.atlassian.net/wiki/spaces/~455502413/pages/3149365890/ED-14110+Investigation
+    */
+    li p:empty,
+    li p > span:empty {
+      ${browser.gecko ? 'display: inline-block;' : ''}
+    }
   }
 
   ${orderedListSelector}, ${bulletListSelector} {
@@ -26,8 +42,10 @@ export const listsSharedStyles = css`
       @see https://css-tricks.com/display-flow-root/
     */
     // For older browsers the do not support flow-root.
+    /* stylelint-disable declaration-block-no-duplicate-properties */
     display: table;
     display: flow-root;
+    /* stylelint-enable declaration-block-no-duplicate-properties */
   }
 
   /* =============== INDENTATION AESTHETICS ========= */

package/dist/es2019/styles/shared/media-single.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 const richMediaClassName = 'rich-media-item';
 const wrappedMediaBreakoutPoint = 410;
 const mediaSingleSharedStyle = css`

package/dist/es2019/styles/shared/panel.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { PanelType } from '@atlaskit/adf-schema';
 import { akEditorTableCellMinWidth, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
@@ -173,7 +173,7 @@ const mainDynamicStyles = panelType => props => {
   `;
 };
 
-export const panelSharedStyles = css`
+export const panelSharedStyles = props => css`
   .${PanelSharedCssClassName.prefix} {
     border-radius: ${borderRadius()}px;
     margin: ${blockNodesVerticalMargin} 0 0;
@@ -184,7 +184,7 @@ export const panelSharedStyles = css`
     align-items: baseline;
     word-break: break-word;
 
-    ${mainDynamicStyles(PanelType.INFO)}
+    ${mainDynamicStyles(PanelType.INFO)(props)}
 
     .${PanelSharedCssClassName.icon} {
       flex-shrink: 0;
@@ -197,7 +197,7 @@ export const panelSharedStyles = css`
       -moz-user-select: none;
       -webkit-user-select: none;
       -ms-user-select: none;
-      ${iconDynamicStyles(PanelType.INFO)}
+      ${iconDynamicStyles(PanelType.INFO)(props)}
 
       > span {
         vertical-align: middle;
@@ -231,49 +231,49 @@ export const panelSharedStyles = css`
     }
 
     &[data-panel-type='${PanelType.NOTE}'] {
-      ${mainDynamicStyles(PanelType.NOTE)}
+      ${mainDynamicStyles(PanelType.NOTE)(props)}
 
       .${PanelSharedCssClassName.icon} {
-        ${iconDynamicStyles(PanelType.NOTE)}
+        ${iconDynamicStyles(PanelType.NOTE)(props)}
       }
     }
 
     &[data-panel-type='${PanelType.TIP}'] {
-      ${mainDynamicStyles(PanelType.TIP)}
+      ${mainDynamicStyles(PanelType.TIP)(props)}
 
       .${PanelSharedCssClassName.icon} {
-        ${iconDynamicStyles(PanelType.TIP)}
+        ${iconDynamicStyles(PanelType.TIP)(props)}
       }
     }
 
     &[data-panel-type='${PanelType.WARNING}'] {
-      ${mainDynamicStyles(PanelType.WARNING)}
+      ${mainDynamicStyles(PanelType.WARNING)(props)}
 
       .${PanelSharedCssClassName.icon} {
-        ${iconDynamicStyles(PanelType.WARNING)}
+        ${iconDynamicStyles(PanelType.WARNING)(props)}
       }
     }
 
     &[data-panel-type='${PanelType.ERROR}'] {
-      ${mainDynamicStyles(PanelType.ERROR)}
+      ${mainDynamicStyles(PanelType.ERROR)(props)}
 
       .${PanelSharedCssClassName.icon} {
-        ${iconDynamicStyles(PanelType.ERROR)}
+        ${iconDynamicStyles(PanelType.ERROR)(props)}
       }
     }
 
     &[data-panel-type='${PanelType.SUCCESS}'] {
-      ${mainDynamicStyles(PanelType.SUCCESS)}
+      ${mainDynamicStyles(PanelType.SUCCESS)(props)}
 
       .${PanelSharedCssClassName.icon} {
-        ${iconDynamicStyles(PanelType.SUCCESS)}
+        ${iconDynamicStyles(PanelType.SUCCESS)(props)}
       }
     }
 
     &[data-panel-type='${PanelType.CUSTOM}'] {
       ${themed({
   dark: getPanelBackgroundDarkModeColors
-})};
+})(props)};
     }
   }
 `;

package/dist/es2019/styles/shared/paragraph.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { akEditorLineHeight, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles'; // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
 
 export const paragraphSharedStyles = css`

package/dist/es2019/styles/shared/rule.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { akEditorLineHeight } from '@atlaskit/editor-shared-styles';
 import { DN50, N30A } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
@@ -7,10 +7,10 @@ const divider = themed({
   dark: DN50
 }); // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
 
-export const ruleSharedStyles = css`
+export const ruleSharedStyles = props => css`
   & hr {
     border: none;
-    background-color: ${divider};
+    background-color: ${divider(props)};
     margin: ${akEditorLineHeight}em 0;
     height: 2px;
     border-radius: 1px;

package/dist/es2019/styles/shared/shadow.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { akEditorShadowZIndex } from '@atlaskit/editor-shared-styles';
 import { N40A } from '@atlaskit/theme/colors';
 import { shadowClassNames } from '../../ui/OverflowShadow';