@atlaskit/editor-common 63.0.1 → 66.0.0

package/dist/es2019/ui/Mention/mention-with-profilecard.js

@@ -1,148 +1,35 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { PureComponent } from 'react';
-import { findDOMNode } from 'react-dom';
+import React, { useMemo } from 'react';
 import { ResourcedMention } from '@atlaskit/mention';
-import ProfileCard from '@atlaskit/profilecard';
-import Popup from '../Popup';
-import withOuterListeners from '../with-outer-listeners';
-const ProfilecardResourcedWithListeners = withOuterListeners(ProfileCard);
-export default class MentionWithProfileCard extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      target: null,
-      visible: false,
-      popupAlignX: 'left',
-      popupAlignY: 'top'
-    });
-
-    _defineProperty(this, "handleRef", target => {
-      this.setState({
-        target
-      });
-    });
-
-    _defineProperty(this, "handleMentionNodeRef", component => {
-      if (!component) {
-        this.domNode = null;
-      } else {
-        this.domNode = findDOMNode(component);
-      }
-    });
-
-    _defineProperty(this, "showProfilecard", event => {
-      if (!this.domNode) {
-        return;
-      }
-
-      event.stopPropagation();
-      const [popupAlignX, popupAlignY] = this.calculateLayerPosition();
-      this.setState({
-        popupAlignX,
-        popupAlignY,
-        visible: true
-      });
-    });
-
-    _defineProperty(this, "hideProfilecard", () => {
-      this.setState({
-        visible: false
-      });
-    });
-  }
-
-  calculateLayerPosition() {
-    const domNodeCentreCoords = this.getDomNodeCenterCoords();
-    const visibleAreaCentreCoords = this.getVisibleAreaCentreCoords();
-    const popupAlignY = domNodeCentreCoords.y > visibleAreaCentreCoords.y ? 'top' : 'bottom';
-    const popupAlignX = domNodeCentreCoords.x > visibleAreaCentreCoords.x ? 'right' : 'left';
-    return [popupAlignX, popupAlignY];
-  }
-
-  getDomNodeCenterCoords() {
-    const rect = this.domNode.getBoundingClientRect();
-    return {
-      x: rect.left + rect.width / 2,
-      y: rect.top + rect.height / 2
-    };
-  }
-
-  getVisibleAreaCentreCoords() {
-    return {
-      x: window.innerWidth / 2,
-      y: window.innerHeight / 2
-    };
-  }
-
-  getActions(id, text, accessLevel) {
-    const {
-      profilecardProvider
-    } = this.props;
-    const actions = profilecardProvider.getActions(id, text, accessLevel);
-    return actions.map(action => {
-      return { ...action,
-        callback: () => {
-          this.setState({
-            visible: false
-          });
-
-          if (action && action.callback) {
-            action.callback();
-          }
-        }
-      };
-    });
-  }
-
-  render() {
-    const {
-      accessLevel,
-      id,
-      mentionProvider,
-      profilecardProvider,
-      text,
-      onClick,
-      onMouseEnter,
-      onMouseLeave,
-      portal
-    } = this.props;
-    const {
-      popupAlignX,
-      popupAlignY,
-      target,
-      visible
-    } = this.state;
-    const {
-      cloudId,
-      resourceClient
-    } = profilecardProvider;
-    return /*#__PURE__*/React.createElement("span", {
-      ref: this.handleRef,
-      onClick: this.showProfilecard
-    }, /*#__PURE__*/React.createElement(ResourcedMention, {
-      ref: this.handleMentionNodeRef,
-      id: id,
-      text: text,
-      accessLevel: accessLevel,
-      mentionProvider: mentionProvider,
-      onClick: onClick,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave
-    }), target && portal && visible && /*#__PURE__*/React.createElement(Popup, {
-      offset: [0, 8],
-      target: target,
-      mountTo: portal,
-      alignX: popupAlignX,
-      alignY: popupAlignY
-    }, /*#__PURE__*/React.createElement(ProfilecardResourcedWithListeners, {
-      handleClickOutside: this.hideProfilecard,
-      handleEscapeKeydown: this.hideProfilecard,
-      cloudId: cloudId,
-      userId: id,
-      resourceClient: resourceClient,
-      actions: this.getActions(id, text, accessLevel)
-    })));
-  }
-
+import { ProfileCardTrigger } from '@atlaskit/profilecard';
+export default function MentionWithProfileCard({
+  id,
+  text,
+  accessLevel,
+  mentionProvider,
+  profilecardProvider,
+  onClick,
+  onMouseEnter,
+  onMouseLeave
+}) {
+  const {
+    cloudId,
+    resourceClient
+  } = profilecardProvider;
+  const actions = useMemo(() => profilecardProvider.getActions(id, text, accessLevel), [accessLevel, id, profilecardProvider, text]);
+  return /*#__PURE__*/React.createElement(ProfileCardTrigger, {
+    cloudId: cloudId,
+    userId: id,
+    resourceClient: resourceClient,
+    actions: actions,
+    trigger: "click",
+    position: "bottom-end"
+  }, /*#__PURE__*/React.createElement(ResourcedMention, {
+    id: id,
+    text: text,
+    accessLevel: accessLevel,
+    mentionProvider: mentionProvider,
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
+  }));
 }

package/dist/es2019/ui/Mention/mention-with-providers.js

@@ -51,11 +51,9 @@ export default class MentionWithProviders extends PureComponent {
   render() {
     const {
       accessLevel,
-      userType,
       eventHandlers,
       id,
       mentionProvider,
-      portal,
       text
     } = this.props;
     const {
@@ -70,10 +68,8 @@ export default class MentionWithProviders extends PureComponent {
       id: id,
       text: text,
       accessLevel: accessLevel,
-      userType: userType,
       mentionProvider: mentionProvider,
-      profilecardProvider: profilecardProvider,
-      portal: portal
+      profilecardProvider: profilecardProvider
     }, actionHandlers));
   }
 

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": "63.0.1",
+	"version": "66.0.0",
 	"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',