@atlaskit/editor-common 64.0.0 → 66.0.1

package/dist/es2019/ui/MediaSingle/styled.js

@@ -1,4 +1,6 @@
-import styled, { css } from 'styled-components';
+/** @jsx jsx */
+import React from 'react';
+import { css, jsx } from '@emotion/react';
 import { akEditorFullPageMaxWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { calcBreakoutWidth, calcWideWidth } from '../../utils/breakout';
 
@@ -156,24 +158,20 @@ const RenderFallbackContainer = ({
   ` : ''}
 `;
 
-export const MediaWrapper = styled.div`
+export const mediaWrapperStyle = props => css`
   position: relative;
 
-  ${RenderFallbackContainer}
+  ${RenderFallbackContainer(props)}
 
   /* Editor */
   & > figure {
-    position: ${({
-  hasFallbackContainer
-}) => hasFallbackContainer ? 'absolute' : 'relative'};
+    position: ${props.hasFallbackContainer ? 'absolute' : 'relative'};
     height: 100%;
     width: 100%;
   }
 
   & > div {
-    position: ${({
-  hasFallbackContainer
-}) => hasFallbackContainer ? 'absolute' : 'relative'};
+    position: ${props.hasFallbackContainer ? 'absolute' : 'relative'};
     height: 100%;
     width: 100%;
   }
@@ -192,7 +190,10 @@ export const MediaWrapper = styled.div`
     }
   }
 `;
-export const MediaSingleWrapper = styled.div`
-  ${MediaSingleDimensionHelper};
-`;
+export const MediaWrapper = ({
+  children,
+  ...rest
+}) => jsx("div", {
+  css: mediaWrapperStyle(rest)
+}, children);
 MediaWrapper.displayName = 'WrapperMediaSingle';

package/dist/es2019/ui/Messages/index.js

@@ -1,48 +1,56 @@
-import React from 'react';
-import styled from 'styled-components';
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
 import SuccessIcon from '@atlaskit/icon/glyph/editor/success';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import { G400, N200, R400 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
 import { h200 } from '@atlaskit/theme/typography';
-const Message = styled.div`
-  ${h200} font-weight: normal;
-  color: ${props => {
-  if (props.error) {
-    return R400;
-  }
-
-  if (props.valid) {
-    return G400;
-  }
+const errorColor = css`
+  color: ${R400};
+`;
+const validColor = css`
+  color: ${G400};
+`;
 
-  return N200;
-}};
+const messageStyle = props => css`
+  ${h200(props)} font-weight: normal;
+  color: ${N200};
   margin-top: ${gridSize() / 2}px;
   display: flex;
   justify-content: baseline;
 `;
-const IconWrapper = styled.span`
+
+const iconWrapperStyle = css`
   display: flex;
   margin-right: 4px;
 `;
 export const HelperMessage = ({
   children
-}) => /*#__PURE__*/React.createElement(Message, null, children);
+}) => jsx("div", {
+  css: messageStyle
+}, children);
 export const ErrorMessage = ({
   children
-}) => /*#__PURE__*/React.createElement(Message, {
-  error: true
-}, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(ErrorIcon, {
+}) => jsx("div", {
+  css: theme => {
+    return [messageStyle(theme), errorColor];
+  }
+}, jsx("span", {
+  css: iconWrapperStyle
+}, jsx(ErrorIcon, {
   size: "small",
   label: "error",
   "aria-label": "error"
 })), children);
 export const ValidMessage = ({
   children
-}) => /*#__PURE__*/React.createElement(Message, {
-  valid: true
-}, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(SuccessIcon, {
+}) => jsx("div", {
+  css: theme => {
+    return [messageStyle(theme), validColor];
+  }
+}, jsx("span", {
+  css: iconWrapperStyle
+}, jsx(SuccessIcon, {
   size: "small",
   label: "success"
 })), children);

package/dist/es2019/ui/Popup/index.js

@@ -6,6 +6,8 @@ import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { calculatePlacement, calculatePosition, findOverflowScrollParent, validatePosition } from './utils';
 export default class Popup extends React.Component {
   constructor(...args) {
+    var _window;
+
     super(...args);
 
     _defineProperty(this, "state", {
@@ -25,6 +27,10 @@ export default class Popup extends React.Component {
     _defineProperty(this, "scheduledUpdatePosition", rafSchedule(props => this.updatePosition(props)));
 
     _defineProperty(this, "onResize", () => this.scheduledUpdatePosition(this.props));
+
+    _defineProperty(this, "resizeObserver", (_window = window) !== null && _window !== void 0 && _window.ResizeObserver ? new ResizeObserver(() => {
+      this.scheduledUpdatePosition(this.props);
+    }) : undefined);
   }
 
   /**
@@ -147,9 +153,14 @@ export default class Popup extends React.Component {
     const {
       stick
     } = this.props;
+    this.scrollParentElement = findOverflowScrollParent(this.props.target);
+
+    if (this.scrollParentElement && this.resizeObserver) {
+      this.resizeObserver.observe(this.scrollParentElement);
+    }
 
     if (stick) {
-      this.scrollElement = findOverflowScrollParent(this.props.target);
+      this.scrollElement = this.scrollParentElement;
     } else {
       this.scrollElement = this.props.scrollableElement;
     }
@@ -166,6 +177,10 @@ export default class Popup extends React.Component {
       this.scrollElement.removeEventListener('scroll', this.onResize);
     }
 
+    if (this.scrollParentElement && this.resizeObserver) {
+      this.resizeObserver.unobserve(this.scrollParentElement);
+    }
+
     this.scheduledUpdatePosition.cancel();
   }
 

package/dist/es2019/ui/UnsupportedBlock/index.js

@@ -1,6 +1,7 @@
+/** @jsx jsx */
 import React, { useCallback, useRef } from 'react';
+import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import styled from 'styled-components';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import QuestionsIcon from '@atlaskit/icon/glyph/question-circle';
 import { N30, N50 } from '@atlaskit/theme/colors';
@@ -10,8 +11,7 @@ import { unsupportedContentMessages } from '../../messages/unsupportedContent';
 import { ACTION_SUBJECT_ID } from '../../utils/analytics';
 import { trackUnsupportedContentTooltipDisplayedFor } from '../../utils/track-unsupported-content';
 import { getUnsupportedContent } from '../unsupported-content-helper';
-const BlockNode = styled.div`
-  align-items: center;
+const blockNodeStyle = css`
   background: ${N30};
   border: 1px dashed ${N50};
   border-radius: ${borderRadius()}px;
@@ -43,15 +43,18 @@ const UnsupportedBlockNode = ({
   });
   const originalNodeType = node === null || node === void 0 ? void 0 : node.attrs.originalValue.type;
   const tooltipOnShowHandler = useCallback(() => dispatchAnalyticsEvent && trackUnsupportedContentTooltipDisplayedFor(dispatchAnalyticsEvent, ACTION_SUBJECT_ID.ON_UNSUPPORTED_BLOCK, originalNodeType), [dispatchAnalyticsEvent, originalNodeType]);
-  return /*#__PURE__*/React.createElement(BlockNode, null, message, /*#__PURE__*/React.createElement(Tooltip, {
+  return jsx("div", {
+    css: blockNodeStyle,
+    className: "unsupported"
+  }, message, jsx(Tooltip, {
     content: tooltipContent,
     hideTooltipOnClick: false,
     position: "bottom",
     onShow: tooltipOnShowHandler,
     strategy: "absolute"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, jsx("span", {
     style: style
-  }, /*#__PURE__*/React.createElement(QuestionsIcon, {
+  }, jsx(QuestionsIcon, {
     label: "?",
     size: "small"
   }))));

package/dist/es2019/ui/UnsupportedInline/index.js

@@ -1,6 +1,7 @@
+/** @jsx jsx */
 import React, { useCallback, useRef } from 'react';
+import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import styled from 'styled-components';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import QuestionsIcon from '@atlaskit/icon/glyph/question-circle';
 import { N30, N50 } from '@atlaskit/theme/colors';
@@ -10,7 +11,7 @@ import { unsupportedContentMessages } from '../../messages/unsupportedContent';
 import { ACTION_SUBJECT_ID } from '../../utils/analytics';
 import { trackUnsupportedContentTooltipDisplayedFor } from '../../utils/track-unsupported-content';
 import { getUnsupportedContent } from '../unsupported-content-helper';
-const InlineNode = styled.span`
+const inlineNodeStyle = css`
   align-items: center;
   background: ${N30};
   border: 1px dashed ${N50};
@@ -40,15 +41,17 @@ const UnsupportedInlineNode = ({
   });
   const originalNodeType = node === null || node === void 0 ? void 0 : node.attrs.originalValue.type;
   const tooltipOnShowHandler = useCallback(() => dispatchAnalyticsEvent && trackUnsupportedContentTooltipDisplayedFor(dispatchAnalyticsEvent, ACTION_SUBJECT_ID.ON_UNSUPPORTED_INLINE, originalNodeType), [dispatchAnalyticsEvent, originalNodeType]);
-  return /*#__PURE__*/React.createElement(InlineNode, null, message, /*#__PURE__*/React.createElement(Tooltip, {
+  return jsx("span", {
+    css: inlineNodeStyle
+  }, message, jsx(Tooltip, {
     content: tooltipContent,
     hideTooltipOnClick: false,
     position: "bottom",
     onShow: tooltipOnShowHandler,
     strategy: "absolute"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, jsx("span", {
     style: style
-  }, /*#__PURE__*/React.createElement(QuestionsIcon, {
+  }, jsx(QuestionsIcon, {
     label: "?",
     size: "small"
   }))));

package/dist/es2019/ui/WidthProvider/index.js

@@ -1,7 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+/** @jsx jsx */
 import React from 'react';
+import { css, jsx } from '@emotion/react';
 import rafSchedule from 'raf-schd';
-import styled from 'styled-components';
 import { WidthObserver } from '@atlaskit/width-detector';
 const SCROLLBAR_WIDTH = 30;
 export function getBreakpoint(width = 0) {
@@ -27,10 +29,6 @@ const {
   Provider,
   Consumer
 } = WidthContext;
-const RelativeContainer = /*#__PURE__*/React.memo(styled.div`
-  position: relative;
-  width: 100%;
-`);
 export class WidthProvider extends React.Component {
   constructor(props) {
     super(props);
@@ -54,12 +52,16 @@ export class WidthProvider extends React.Component {
   }
 
   render() {
-    return /*#__PURE__*/React.createElement(RelativeContainer, {
+    return jsx("div", {
+      css: css`
+          position: relative;
+          width: 100%;
+        `,
       className: this.props.className
-    }, /*#__PURE__*/React.createElement(WidthObserver, {
+    }, jsx(WidthObserver, {
       setWidth: this.setWidth,
       offscreen: true
-    }), /*#__PURE__*/React.createElement(Provider, {
+    }), jsx(Provider, {
       value: createWidthContext(this.state.width)
     }, this.props.children));
   }

package/dist/es2019/ui/clear-next-sibling-margin-top.js

@@ -1,6 +1,6 @@
-import styled from 'styled-components'; // We use !important to ensure next sibling gets the margin reset no matter what
+import { css } from '@emotion/react'; // We use !important to ensure next sibling gets the margin reset no matter what
 
-export const ClearNextSiblingMarginTop = styled.div`
+export const clearNextSiblingMarginTopStyle = css`
   & + * {
     margin-top: 0 !important;
   }

package/dist/es2019/ui/index.js

@@ -2,7 +2,7 @@ export { default as Caption } from './Caption';
 export { default as MediaSingle, DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, wrappedLayouts, shouldAddDefaultWrappedWidth } from './MediaSingle';
 export { MediaSingleDimensionHelper } from './MediaSingle/styled';
 export { layoutSupportsWidth, calcPxFromColumns, calcPctFromPx, calcPxFromPct, calcColumnsFromPx, snapToGrid } from './MediaSingle/grid';
-export { MediaLink } from './MediaSingle/link';
+export { mediaLinkStyle } from './MediaSingle/link';
 export { default as Popup, findOverflowScrollParent } from './Popup';
 export { default as UnsupportedBlock } from './UnsupportedBlock';
 export { default as UnsupportedInline } from './UnsupportedInline';
@@ -11,9 +11,7 @@ export { default as withOuterListeners } from './with-outer-listeners';
 export { WidthConsumer, WidthProvider, getBreakpoint } from './WidthProvider';
 export { default as overflowShadow, shadowClassNames } from './OverflowShadow';
 export { WithCreateAnalyticsEvent } from './WithCreateAnalyticsEvent';
-export { messages as expandMessages, sharedExpandStyles, ExpandIconWrapper, ExpandLayoutWrapper } from './Expand';
+export { messages as expandMessages, sharedExpandStyles, ExpandIconWrapper, expandLayoutWrapperStyle, ExpandLayoutWrapperWithRef } from './Expand';
 export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
-export { ClearNextSiblingMarginTop } from './clear-next-sibling-margin-top';
-export { IntlNextErrorBoundary, REACT_INTL_ERROR_MESSAGE } from './IntlNextErrorBoundary';
-export { IntlLegacyFallbackProvider } from './IntlLegacyFallbackProvider';
-export { LegacyToNextIntlProvider } from './LegacyToNextIntlProvider';
+export { clearNextSiblingMarginTopStyle } from './clear-next-sibling-margin-top';
+export { IntlErrorBoundary, REACT_INTL_ERROR_MESSAGE } from './IntlErrorBoundary';

package/dist/es2019/utils/compare-props.js

@@ -0,0 +1,99 @@
+import React from 'react';
+export const getKeys = Object.keys;
+export const getKeysAddedRemovedCommon = (object1, object2) => {
+  const oldKeys = object1 !== null ? getKeys(object1) : [];
+  const newKeys = object2 !== null ? getKeys(object2) : [];
+  const removed = oldKeys.filter(key => !newKeys.includes(key));
+  const added = newKeys.filter(key => !oldKeys.includes(key));
+  const common = oldKeys.filter(key => newKeys.includes(key));
+  return {
+    added,
+    common,
+    removed
+  };
+};
+export const serializeValue = value => {
+  const valueType = typeof value;
+
+  if (value === null) {
+    return 'null';
+  } else if (value === undefined) {
+    return 'undefined';
+  } else if (valueType === 'string' || valueType === 'number') {
+    return value;
+  } else if (valueType === 'symbol') {
+    return value.toString();
+  } // Calling toString of function returns whole function text with body.
+  // So, just return function with name.
+  else if (valueType === 'function') {
+    return `function:${value.name}`;
+  } else if (valueType === 'object') {
+    return {
+      type: 'object',
+      keys: Object.keys(value)
+    };
+  }
+};
+export const getPropsDifference = (object1, object2, curDepth = 0, maxDepth = 2, keysToIgnore = []) => {
+  const {
+    added,
+    common,
+    removed
+  } = getKeysAddedRemovedCommon(object1, object2);
+  const changed = [];
+  common.forEach(key => {
+    const value1 = object1[key];
+    const value2 = object2[key];
+    const value1Type = typeof value1;
+    const value2Type = typeof value2; // Do comparision only if values doesn't match (or reference to same object in memory).
+    // Or if key does not exist in keys to ignore.
+
+    if (value1 !== value2 && keysToIgnore.indexOf(key) === -1) {
+      // if both key value are objects and not referencing same object in memory.
+      //  then get recursive difference.
+      if ( /*#__PURE__*/React.isValidElement(value1) || /*#__PURE__*/React.isValidElement(value2)) {
+        changed.push({
+          key,
+          reactElementChanged: true
+        });
+      } else if (value1Type === 'object' && value2Type === 'object') {
+        if (curDepth <= maxDepth) {
+          const difference = getPropsDifference(value1, value2, curDepth + 1, maxDepth);
+          changed.push({
+            key,
+            difference
+          });
+        } else {
+          changed.push({
+            key,
+            maxDepthReached: true
+          });
+        }
+      } else {
+        changed.push({
+          key,
+          oldValue: serializeValue(value1),
+          newValue: serializeValue(value2)
+        });
+      }
+    }
+  });
+  return {
+    added,
+    changed,
+    removed
+  };
+};
+export const getShallowPropsDifference = (object1, object2) => {
+  const {
+    added,
+    common,
+    removed
+  } = getKeysAddedRemovedCommon(object1, object2);
+  const changed = common.filter(key => object1[key] !== object2[key]);
+  return {
+    added,
+    changed,
+    removed
+  };
+};

package/dist/es2019/utils/index.js

@@ -23,4 +23,6 @@ export { shouldForceTracking } from './should-force-tracking';
 export { getModeFromTheme } from './getModeFromTheme';
 export { sniffUserBrowserExtensions } from './browser-extensions';
 export { RenderCountProfiler } from './profiler/render-count';
-export { validateADFEntity, validationErrorHandler } from './validate-using-spec';
+export { validateADFEntity, validationErrorHandler } from './validate-using-spec';
+export { getShallowPropsDifference, getPropsDifference } from './compare-props';
+export { useComponentRenderTracking } from './performance/hooks/use-component-render-tracking';

package/dist/es2019/utils/performance/hooks/use-component-render-tracking/index.js

@@ -0,0 +1,36 @@
+import { useEffect, useRef } from 'react';
+import { uuid } from '@atlaskit/adf-schema';
+import { getPropsDifference, getShallowPropsDifference } from '../../../compare-props';
+export function useComponentRenderTracking({
+  onRender,
+  propsDiffingOptions,
+  zeroBasedCount = true
+}) {
+  const propsRef = useRef();
+  const renderCountRef = useRef(zeroBasedCount ? 0 : 1);
+  const {
+    current: componentId
+  } = useRef(uuid.generate());
+  useEffect(() => {
+    const lastProps = propsRef.current;
+    const renderCount = renderCountRef.current;
+    let propsDifference;
+
+    if (propsDiffingOptions !== null && propsDiffingOptions !== void 0 && propsDiffingOptions.enabled && lastProps) {
+      propsDifference = propsDiffingOptions !== null && propsDiffingOptions !== void 0 && propsDiffingOptions.useShallow ? getShallowPropsDifference(lastProps, propsDiffingOptions.props) : getPropsDifference(lastProps, propsDiffingOptions.props, 0, 2, propsDiffingOptions === null || propsDiffingOptions === void 0 ? void 0 : propsDiffingOptions.propsToIgnore);
+    }
+
+    const result = {
+      renderCount,
+      propsDifference,
+      componentId
+    };
+    onRender(result);
+
+    if (propsDiffingOptions !== null && propsDiffingOptions !== void 0 && propsDiffingOptions.enabled) {
+      propsRef.current = propsDiffingOptions.props;
+    }
+
+    renderCountRef.current = renderCountRef.current + 1;
+  }); // No dependencies run on each render
+}

package/dist/es2019/utils/validator.js

@@ -356,7 +356,7 @@ export const getValidNode = (originalNode, schema = defaultSchema, adfStage = 'f
             mediaCollection = collection;
           }
 
-          if (mediaId && mediaCollection && adfStage === 'stage0') {
+          if (mediaId && mediaCollection) {
             return {
               type,
               attrs,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "64.0.0",
+	"version": "66.0.1",
 	"sideEffects": false
 }

package/dist/esm/i18n/cs.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.
  */
-// Czech
+//Czech
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Obousměrné znaky mění pořadí vykreslování textu. Může to být použito k zakrytí škodlivého kódu.',
   'fabric.editor.captionPlaceholder': 'Přidejte popisek',
+  'fabric.editor.codeBidiWarningLabel': 'Obousměrné znaky mění pořadí vykreslování textu. Může to být použito k zakrytí škodlivého kódu.',
   'fabric.editor.collapseNode': 'Sbalit obsah',
   'fabric.editor.expandDefaultTitle': 'Klikněte sem pro rozbalení...',
   'fabric.editor.expandNode': 'Rozbalit obsah',

package/dist/esm/i18n/da.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.
  */
-// Danish
+//Danish (Denmark)
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Tegn med tovejsfunktionalitet ændrer rækkefølgen, som teksten er gengivet i. Dette kan udnyttes til at skjule skadelig kode.',
   'fabric.editor.captionPlaceholder': 'Tilføj en billedtekst',
+  'fabric.editor.codeBidiWarningLabel': 'Tegn med tovejsfunktionalitet ændrer rækkefølgen, som teksten er gengivet i. Dette kan udnyttes til at skjule skadelig kode.',
   'fabric.editor.collapseNode': 'skjul indhold',
   'fabric.editor.expandDefaultTitle': 'Klik her for at udvide...',
   'fabric.editor.expandNode': 'Udvid indhold',

package/dist/esm/i18n/de.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.
  */
-// German
+//German (Germany)
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Bidirektionale Zeichen ändern die Reihenfolge, in der Text gerendert wird. Dies könnte verwendet werden, um bösartigen Code zu verbergen.',
   'fabric.editor.captionPlaceholder': 'Eine Bildunterschrift hinzufügen',
+  'fabric.editor.codeBidiWarningLabel': 'Bidirektionale Zeichen ändern die Reihenfolge, in der Text gerendert wird. Dies könnte verwendet werden, um bösartigen Code zu verbergen.',
   'fabric.editor.collapseNode': 'Inhaltsanzeige reduzieren',
   'fabric.editor.expandDefaultTitle': 'Klicken Sie hier, um zu erweitern …',
   'fabric.editor.expandNode': 'Inhaltsanzeige erweitern',

package/dist/esm/i18n/en.js

@@ -0,0 +1,19 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
+export default {
+  'fabric.editor.captionPlaceholder': 'Add a caption',
+  'fabric.editor.codeBidiWarningLabel': 'Bidirectional characters change the order that text is rendered. This could be used to obscure malicious code.',
+  'fabric.editor.collapseNode': 'Collapse content',
+  'fabric.editor.expandDefaultTitle': 'Click here to expand...',
+  'fabric.editor.expandNode': 'Expand content',
+  'fabric.editor.expandPlaceholder': 'Give this expand a title...',
+  'fabric.editor.openLink': 'Open link in a new tab',
+  'fabric.editor.unsupportedBlockContent': 'This editor does not support displaying this content',
+  'fabric.editor.unsupportedContentTooltip': 'Content is not available in this editor, this will be preserved when you edit and save',
+  'fabric.editor.unsupportedInlineContent': 'Unsupported content'
+};

package/dist/esm/i18n/en_GB.js

@@ -0,0 +1,19 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//English (United Kingdom)
+export default {
+  'fabric.editor.captionPlaceholder': 'Add a caption',
+  'fabric.editor.codeBidiWarningLabel': 'Bidirectional characters change the order that text is rendered. This could be used to obscure malicious code.',
+  'fabric.editor.collapseNode': 'Collapse content',
+  'fabric.editor.expandDefaultTitle': 'Click here to expand...',
+  'fabric.editor.expandNode': 'Expand content',
+  'fabric.editor.expandPlaceholder': 'Give this expand a title...',
+  'fabric.editor.openLink': 'Open link in a new tab',
+  'fabric.editor.unsupportedBlockContent': 'This editor does not support displaying this content',
+  'fabric.editor.unsupportedContentTooltip': 'Content is not available in this editor, this will be preserved when you edit and save',
+  'fabric.editor.unsupportedInlineContent': 'Unsupported content'
+};

package/dist/esm/i18n/en_ZZ.js

@@ -0,0 +1,19 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
+export default {
+  'fabric.editor.captionPlaceholder': '⁣⁢Add a caption؜‌‍‌‌‌‌‍⁠‍⁣⁤',
+  'fabric.editor.codeBidiWarningLabel': '⁣⁢Bidirectional characters change the order that text is rendered. This could be used to obscure malicious code.‌⁡؜‍⁠⁠‌؜‌⁣⁤',
+  'fabric.editor.collapseNode': '⁣⁢Collapse content‍⁡‌⁠؜‍‍‌؜⁠‌⁡‍⁡‌⁣⁤',
+  'fabric.editor.expandDefaultTitle': '⁣⁢Click here to expand...‍؜‍⁡‍‍؜⁡⁠‌⁡؜⁣⁤',
+  'fabric.editor.expandNode': '⁣⁢Expand content⁡⁠⁠؜‍⁠؜‍‌؜؜⁡⁣⁤',
+  'fabric.editor.expandPlaceholder': '⁣⁢Give this expand a title...؜⁠⁡‍؜؜؜⁡⁣⁤',
+  'fabric.editor.openLink': '⁣⁢Open link in a new tab⁠⁡⁡‌‍‌⁠‌‌⁡⁡⁣⁤',
+  'fabric.editor.unsupportedBlockContent': '⁣⁢This editor does not support displaying this content؜‍؜⁡‍؜‌؜⁡⁣⁤',
+  'fabric.editor.unsupportedContentTooltip': '⁣⁢Content is not available in this editor, this will be preserved when you edit and save⁠‌‌؜‍‌‌⁡؜‍⁠‍⁡⁣⁤',
+  'fabric.editor.unsupportedInlineContent': '⁣⁢Unsupported content⁠‍⁡؜⁠⁠⁣⁤'
+};

package/dist/esm/i18n/es.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.
  */
-// Spanish
+//Spanish (International)
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Los caracteres bidireccionales cambian el orden de renderización del texto. Esto podría utilizarse para ocultar código malicioso.',
   'fabric.editor.captionPlaceholder': 'Añadir un subtítulo',
+  'fabric.editor.codeBidiWarningLabel': 'Los caracteres bidireccionales cambian el orden de renderización del texto. Esto podría utilizarse para ocultar código malicioso.',
   'fabric.editor.collapseNode': 'contraer contenido',
   'fabric.editor.expandDefaultTitle': 'Haz clic aquí para ampliar...',
   'fabric.editor.expandNode': 'Ampliar contenido',

package/dist/esm/i18n/fi.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.
  */
-// Finnish
+//Finnish
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Kaksisuuntaiset merkit muuttavat tekstin renderöintijärjestystä. Tätä voidaan hyödyntää haitallisen koodin peittämisessä.',
   'fabric.editor.captionPlaceholder': 'Lisää kuvateksti',
+  'fabric.editor.codeBidiWarningLabel': 'Kaksisuuntaiset merkit muuttavat tekstin renderöintijärjestystä. Tätä voidaan hyödyntää haitallisen koodin peittämisessä.',
   'fabric.editor.collapseNode': 'piilota sisältö',
   'fabric.editor.expandDefaultTitle': 'Klikkaa tähän laajentaaksesi...',
   'fabric.editor.expandNode': 'Laajenna sisältöä',