@atlaskit/editor-plugin-media 0.12.5 → 0.12.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/nodeviews/mediaGroup.js +2 -2
  3. package/dist/cjs/pm-plugins/alt-text/ui/AltTextEdit.js +10 -10
  4. package/dist/cjs/pm-plugins/keymap.js +6 -6
  5. package/dist/cjs/toolbar/alt-text.js +2 -2
  6. package/dist/cjs/toolbar/layout-group.js +5 -4
  7. package/dist/cjs/ui/CaptionPlaceholder/index.js +2 -2
  8. package/dist/cjs/ui/ImageBorder/index.js +10 -10
  9. package/dist/cjs/ui/Media/DropPlaceholder.js +4 -4
  10. package/dist/cjs/ui/MediaLinkingToolbar.js +2 -2
  11. package/dist/cjs/ui/PixelEntry/index.js +9 -9
  12. package/dist/cjs/ui/ToolbarMedia/index.js +2 -2
  13. package/dist/es2019/nodeviews/mediaGroup.js +1 -1
  14. package/dist/es2019/pm-plugins/alt-text/ui/AltTextEdit.js +1 -1
  15. package/dist/es2019/pm-plugins/keymap.js +1 -1
  16. package/dist/es2019/toolbar/alt-text.js +1 -1
  17. package/dist/es2019/toolbar/layout-group.js +6 -5
  18. package/dist/es2019/ui/CaptionPlaceholder/index.js +1 -1
  19. package/dist/es2019/ui/ImageBorder/index.js +1 -1
  20. package/dist/es2019/ui/Media/DropPlaceholder.js +1 -1
  21. package/dist/es2019/ui/MediaLinkingToolbar.js +1 -1
  22. package/dist/es2019/ui/PixelEntry/index.js +1 -1
  23. package/dist/es2019/ui/ToolbarMedia/index.js +1 -1
  24. package/dist/esm/nodeviews/mediaGroup.js +1 -1
  25. package/dist/esm/pm-plugins/alt-text/ui/AltTextEdit.js +1 -1
  26. package/dist/esm/pm-plugins/keymap.js +1 -1
  27. package/dist/esm/toolbar/alt-text.js +1 -1
  28. package/dist/esm/toolbar/layout-group.js +6 -5
  29. package/dist/esm/ui/CaptionPlaceholder/index.js +1 -1
  30. package/dist/esm/ui/ImageBorder/index.js +1 -1
  31. package/dist/esm/ui/Media/DropPlaceholder.js +1 -1
  32. package/dist/esm/ui/MediaLinkingToolbar.js +1 -1
  33. package/dist/esm/ui/PixelEntry/index.js +1 -1
  34. package/dist/esm/ui/ToolbarMedia/index.js +1 -1
  35. package/package.json +5 -4
  36. package/dist/cjs/nodeviews/messages.js +0 -14
  37. package/dist/cjs/pm-plugins/alt-text/messages.js +0 -44
  38. package/dist/cjs/pm-plugins/mediaResizeAnnouncerMess.js +0 -34
  39. package/dist/cjs/ui/CaptionPlaceholder/messages.js +0 -14
  40. package/dist/cjs/ui/ImageBorder/messages.js +0 -49
  41. package/dist/cjs/ui/Media/drop-placeholder-messages.js +0 -14
  42. package/dist/cjs/ui/PixelEntry/messages.js +0 -54
  43. package/dist/cjs/ui/ToolbarMedia/toolbar-media-messages.js +0 -14
  44. package/dist/cjs/ui/media-linking-toolbar-messages.js +0 -14
  45. package/dist/es2019/nodeviews/messages.js +0 -8
  46. package/dist/es2019/pm-plugins/alt-text/messages.js +0 -38
  47. package/dist/es2019/pm-plugins/mediaResizeAnnouncerMess.js +0 -28
  48. package/dist/es2019/ui/CaptionPlaceholder/messages.js +0 -8
  49. package/dist/es2019/ui/ImageBorder/messages.js +0 -43
  50. package/dist/es2019/ui/Media/drop-placeholder-messages.js +0 -8
  51. package/dist/es2019/ui/PixelEntry/messages.js +0 -48
  52. package/dist/es2019/ui/ToolbarMedia/toolbar-media-messages.js +0 -8
  53. package/dist/es2019/ui/media-linking-toolbar-messages.js +0 -8
  54. package/dist/esm/nodeviews/messages.js +0 -8
  55. package/dist/esm/pm-plugins/alt-text/messages.js +0 -38
  56. package/dist/esm/pm-plugins/mediaResizeAnnouncerMess.js +0 -28
  57. package/dist/esm/ui/CaptionPlaceholder/messages.js +0 -8
  58. package/dist/esm/ui/ImageBorder/messages.js +0 -43
  59. package/dist/esm/ui/Media/drop-placeholder-messages.js +0 -8
  60. package/dist/esm/ui/PixelEntry/messages.js +0 -48
  61. package/dist/esm/ui/ToolbarMedia/toolbar-media-messages.js +0 -8
  62. package/dist/esm/ui/media-linking-toolbar-messages.js +0 -8
  63. package/dist/types/nodeviews/messages.d.ts +0 -7
  64. package/dist/types/pm-plugins/alt-text/messages.d.ts +0 -37
  65. package/dist/types/pm-plugins/mediaResizeAnnouncerMess.d.ts +0 -27
  66. package/dist/types/ui/CaptionPlaceholder/messages.d.ts +0 -7
  67. package/dist/types/ui/ImageBorder/messages.d.ts +0 -42
  68. package/dist/types/ui/Media/drop-placeholder-messages.d.ts +0 -7
  69. package/dist/types/ui/PixelEntry/messages.d.ts +0 -47
  70. package/dist/types/ui/ToolbarMedia/toolbar-media-messages.d.ts +0 -7
  71. package/dist/types/ui/media-linking-toolbar-messages.d.ts +0 -7
  72. package/dist/types-ts4.5/nodeviews/messages.d.ts +0 -7
  73. package/dist/types-ts4.5/pm-plugins/alt-text/messages.d.ts +0 -37
  74. package/dist/types-ts4.5/pm-plugins/mediaResizeAnnouncerMess.d.ts +0 -27
  75. package/dist/types-ts4.5/ui/CaptionPlaceholder/messages.d.ts +0 -7
  76. package/dist/types-ts4.5/ui/ImageBorder/messages.d.ts +0 -42
  77. package/dist/types-ts4.5/ui/Media/drop-placeholder-messages.d.ts +0 -7
  78. package/dist/types-ts4.5/ui/PixelEntry/messages.d.ts +0 -47
  79. package/dist/types-ts4.5/ui/ToolbarMedia/toolbar-media-messages.d.ts +0 -7
  80. package/dist/types-ts4.5/ui/media-linking-toolbar-messages.d.ts +0 -7
@@ -14,6 +14,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
14
14
  import React from 'react';
15
15
  import { injectIntl } from 'react-intl-next';
16
16
  import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
17
+ import { nodeViewsMessages as messages } from '@atlaskit/editor-common/media';
17
18
  import { WithProviders } from '@atlaskit/editor-common/provider-factory';
18
19
  import ReactNodeView from '@atlaskit/editor-common/react-node-view';
19
20
  import { isNodeSelectedOrInRange, SelectedState, setNodeSelection } from '@atlaskit/editor-common/utils';
@@ -22,7 +23,6 @@ import { getMediaFeatureFlag } from '@atlaskit/media-common';
22
23
  import { Filmstrip } from '@atlaskit/media-filmstrip';
23
24
  import { stateKey as mediaStateKey } from '../pm-plugins/plugin-key';
24
25
  import { MediaNodeUpdater } from './mediaNodeUpdater';
25
- import { messages } from './messages';
26
26
  var isMediaGroupSelectedFromProps = function isMediaGroupSelectedFromProps(props) {
27
27
  /**
28
28
  * ED-19831
@@ -17,13 +17,13 @@ import { injectIntl } from 'react-intl-next';
17
17
  import { withAnalyticsEvents } from '@atlaskit/analytics-next';
18
18
  import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
19
19
  import { escape, ToolTipContent } from '@atlaskit/editor-common/keymaps';
20
+ import { altTextMessages as messages } from '@atlaskit/editor-common/media';
20
21
  import { FloatingToolbarButton as Button, ErrorMessage, PanelTextInput, RECENT_SEARCH_WIDTH_IN_PX } from '@atlaskit/editor-common/ui';
21
22
  import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
22
23
  import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
23
24
  import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
24
25
  import { N200, N30, N80, R400 } from '@atlaskit/theme/colors';
25
26
  import { closeMediaAltTextMenu, closeMediaAltTextMenuAndSave } from '../commands';
26
- import { messages } from '../messages';
27
27
  export var CONTAINER_WIDTH_IN_PX = RECENT_SEARCH_WIDTH_IN_PX;
28
28
  export var MAX_ALT_TEXT_LENGTH = 510; // double tweet length
29
29
 
@@ -1,4 +1,5 @@
1
1
  import { bindKeymapWithCommand, decreaseMediaSize, enter, increaseMediaSize, insertNewLine, moveDown, moveLeft, moveRight, tab, undo } from '@atlaskit/editor-common/keymaps';
2
+ import { mediaResizeAnnouncerMessMessages as mediaResizeAnnouncerMess } from '@atlaskit/editor-common/media';
2
3
  import { calcMediaSingleMaxWidth, MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH } from '@atlaskit/editor-common/media-single';
3
4
  import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
4
5
  import { keymap } from '@atlaskit/editor-prosemirror/keymap';
@@ -9,7 +10,6 @@ import { insertAndSelectCaptionFromMediaSinglePos, selectCaptionFromMediaSingleP
9
10
  import { stateKey } from '../pm-plugins/plugin-key';
10
11
  import { updateMediaSingleWidth } from '../toolbar/commands';
11
12
  import { calcNewLayout, getSelectedMediaSingle } from '../toolbar/utils';
12
- import { mediaResizeAnnouncerMess } from './mediaResizeAnnouncerMess';
13
13
  export function keymapPlugin(options, editorAnalyticsAPI, editorSelectionAPI, widthPlugin, getIntl) {
14
14
  var list = {};
15
15
  bindKeymapWithCommand(undo.common, ignoreLinksInSteps, list);
@@ -3,9 +3,9 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
3
3
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
4
  import React from 'react';
5
5
  import { addAltText, ToolTipContent } from '@atlaskit/editor-common/keymaps';
6
+ import { altTextMessages as messages } from '@atlaskit/editor-common/media';
6
7
  import { MediaSharedClassNames as ClassNames } from '@atlaskit/editor-common/styles';
7
8
  import { openMediaAltTextMenu } from '../pm-plugins/alt-text/commands';
8
- import { messages } from '../pm-plugins/alt-text/messages';
9
9
  import AltTextEdit, { CONTAINER_WIDTH_IN_PX } from '../pm-plugins/alt-text/ui/AltTextEdit';
10
10
  import { getMediaSingleOrInlineNodeFromSelection } from '../utils/media-common';
11
11
  import { getNodeType } from './commands';
@@ -1,16 +1,17 @@
1
1
  /** @jsx jsx */
2
- import { css, jsx } from '@emotion/react';
2
+ import { jsx } from '@emotion/react';
3
3
  import { ButtonGroup } from '@atlaskit/button';
4
4
  import { FloatingToolbarButton as Button, FloatingToolbarSeparator } from '@atlaskit/editor-common/ui';
5
- var containerStyles = css({
6
- marginLeft: "var(--ds-space-100, 8px)"
5
+ import { Box, xcss } from '@atlaskit/primitives';
6
+ var containerStyles = xcss({
7
+ marginLeft: 'space.100'
7
8
  });
8
9
  export var LayoutGroup = function LayoutGroup(_ref) {
9
10
  var layoutButtons = _ref.layoutButtons,
10
11
  dispatchCommand = _ref.dispatchCommand,
11
12
  hide = _ref.hide;
12
- return jsx("div", {
13
- css: containerStyles
13
+ return jsx(Box, {
14
+ xcss: containerStyles
14
15
  }, jsx(ButtonGroup, null, layoutButtons.map(function (item, idx) {
15
16
  switch (item.type) {
16
17
  case 'separator':
@@ -4,9 +4,9 @@ var _templateObject;
4
4
  import React from 'react';
5
5
  import { css, jsx } from '@emotion/react';
6
6
  import { FormattedMessage } from 'react-intl-next';
7
+ import { captionMessages as messages } from '@atlaskit/editor-common/media';
7
8
  import { CAPTION_PLACEHOLDER_ID } from '@atlaskit/editor-common/media-single';
8
9
  import { N200 } from '@atlaskit/theme/colors';
9
- import { messages } from './messages';
10
10
  var placeholder = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: ", ";\n width: 100%;\n text-align: center;\n margin-top: ", " !important;\n display: block;\n"])), "var(--ds-text-subtlest, ".concat(N200, ")"), "var(--ds-space-100, 8px)");
11
11
  export default /*#__PURE__*/React.forwardRef(function (_ref, ref) {
12
12
  var onClick = _ref.onClick;
@@ -3,6 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import { useRef, useState } from 'react';
4
4
  import { jsx } from '@emotion/react';
5
5
  import { BorderIcon } from '@atlaskit/editor-common/icons';
6
+ import { imageBorderMessages as messages } from '@atlaskit/editor-common/media';
6
7
  import { DropdownMenuSharedCssClassName } from '@atlaskit/editor-common/styles';
7
8
  import { Popup } from '@atlaskit/editor-common/ui';
8
9
  import { borderColorPalette, borderPaletteTooltipMessages, ColorPalette } from '@atlaskit/editor-common/ui-color';
@@ -10,7 +11,6 @@ import { ArrowKeyNavigationType, DropdownMenu, ToolbarButton } from '@atlaskit/e
10
11
  import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
11
12
  import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
12
13
  import Tooltip from '@atlaskit/tooltip';
13
- import { messages } from './messages';
14
14
  import { buttonStyle, buttonWrapperStyle, contextualMenuArrow, contextualMenuColorIcon, contextualSubMenu, itemSpacing, line, menuItemDimensions, toolbarButtonWrapper } from './styles';
15
15
  var ImageBorder = function ImageBorder(_ref) {
16
16
  var formatMessage = _ref.intl.formatMessage,
@@ -4,11 +4,11 @@ var _templateObject, _templateObject2;
4
4
  import { css, jsx } from '@emotion/react';
5
5
  import { injectIntl } from 'react-intl-next';
6
6
  import { hexToRgba } from '@atlaskit/adf-schema';
7
+ import { dropPlaceholderMessages } from '@atlaskit/editor-common/media';
7
8
  import DocumentFilledIcon from '@atlaskit/icon/glyph/document-filled';
8
9
  import { B200, B300, B400 } from '@atlaskit/theme/colors';
9
10
  import { borderRadius } from '@atlaskit/theme/constants';
10
11
  import { FILE_WIDTH, MEDIA_HEIGHT } from '../../nodeviews/mediaNodeView/media';
11
- import { dropPlaceholderMessages } from './drop-placeholder-messages';
12
12
  var iconWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: ", ";\n background: ", ";\n border-radius: ", "px;\n margin: 5px 3px 25px;\n width: ", "px;\n min-height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), "var(--ds-icon-accent-blue, ".concat(hexToRgba(B400, 0.4) || B400, ")"), "var(--ds-background-accent-blue-subtle, ".concat(hexToRgba(B300, 0.6) || B300, ")"), borderRadius(), FILE_WIDTH, MEDIA_HEIGHT);
13
13
  var dropLine = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n background: ", ";\n border-radius: ", "px;\n margin: ", " 0;\n width: 100%;\n height: 2px;\n"])), "var(--ds-border-focused, ".concat(B200, ")"), borderRadius(), "var(--ds-space-025, 2px)");
14
14
  var IconWrapperComponent = function IconWrapperComponent(props) {
@@ -14,6 +14,7 @@ import React, { Fragment } from 'react';
14
14
  import { css, jsx } from '@emotion/react';
15
15
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
16
16
  import { container, containerWithProvider, inputWrapper, RecentSearch } from '@atlaskit/editor-common/link';
17
+ import { mediaLinkToolbarMessages } from '@atlaskit/editor-common/media';
17
18
  import { linkToolbarMessages } from '@atlaskit/editor-common/messages';
18
19
  import { ErrorMessage } from '@atlaskit/editor-common/ui';
19
20
  // Common Translations will live here
@@ -23,7 +24,6 @@ import { normalizeUrl } from '@atlaskit/editor-common/utils';
23
24
  import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
24
25
  import EditorUnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
25
26
  import { R400 } from '@atlaskit/theme/colors';
26
- import { mediaLinkToolbarMessages } from './media-linking-toolbar-messages';
27
27
  var validationWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n line-height: 0;\n padding: ", " ", "\n ", " 0;\n margin: 0 ", " 0 ", ";\n border-top: 1px solid ", ";\n align-items: start;\n display: flex;\n flex-direction: column;\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-300, 24px)", "var(--ds-space-150, 12px)", "var(--ds-space-050, 4px)", "var(--ds-space-400, 32px)", "var(--ds-border-danger, ".concat(R400, ")"));
28
28
  var buttonWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: ", " ", "\n ", " 0px;\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-space-050, 4px)");
29
29
 
@@ -4,11 +4,11 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
4
  import { useCallback, useEffect, useMemo, useState } from 'react';
5
5
  import { jsx } from '@emotion/react';
6
6
  import Button from '@atlaskit/button';
7
+ import { pixelEntryMessages as messages } from '@atlaskit/editor-common/media';
7
8
  import Form, { Field } from '@atlaskit/form';
8
9
  import Textfield from '@atlaskit/textfield';
9
10
  import Tooltip from '@atlaskit/tooltip';
10
11
  import { PIXELENTRY_MIGRATION_BUTTON_TESTID } from './constants';
11
- import { messages } from './messages';
12
12
  import { pixelEntryForm, pixelEntryHiddenSubmit, pixelSizingFullWidthLabelStyles, pixelSizingHeightInput, pixelSizingInput, pixelSizingLabel, pixelSizingWidthInput, pixelSizingWrapper } from './styles';
13
13
  export var PixelEntry = function PixelEntry(_ref) {
14
14
  var width = _ref.width,
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
  import { injectIntl } from 'react-intl-next';
3
3
  import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
4
+ import { toolbarMediaMessages } from '@atlaskit/editor-common/media';
4
5
  import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
5
6
  import AttachmentIcon from '@atlaskit/icon/glyph/editor/attachment';
6
- import { toolbarMediaMessages } from './toolbar-media-messages';
7
7
  var onClickMediaButton = function onClickMediaButton(pluginState) {
8
8
  return function () {
9
9
  pluginState.showMediaPicker();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media",
3
- "version": "0.12.5",
3
+ "version": "0.12.7",
4
4
  "description": "Media plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -35,9 +35,9 @@
35
35
  "dependencies": {
36
36
  "@atlaskit/adf-schema": "^35.5.1",
37
37
  "@atlaskit/analytics-namespaced-context": "^6.9.0",
38
- "@atlaskit/analytics-next": "^9.1.0",
38
+ "@atlaskit/analytics-next": "^9.2.0",
39
39
  "@atlaskit/button": "^17.3.0",
40
- "@atlaskit/editor-common": "^77.2.0",
40
+ "@atlaskit/editor-common": "^77.3.0",
41
41
  "@atlaskit/editor-palette": "1.5.2",
42
42
  "@atlaskit/editor-plugin-analytics": "^0.4.0",
43
43
  "@atlaskit/editor-plugin-decorations": "^0.2.0",
@@ -49,7 +49,7 @@
49
49
  "@atlaskit/editor-plugin-guideline": "^0.5.0",
50
50
  "@atlaskit/editor-plugin-selection": "^0.2.0",
51
51
  "@atlaskit/editor-plugin-width": "^0.2.0",
52
- "@atlaskit/editor-prosemirror": "1.1.0",
52
+ "@atlaskit/editor-prosemirror": "3.0.0",
53
53
  "@atlaskit/editor-shared-styles": "^2.9.0",
54
54
  "@atlaskit/editor-tables": "^2.5.0",
55
55
  "@atlaskit/form": "^9.0.3",
@@ -63,6 +63,7 @@
63
63
  "@atlaskit/media-ui": "^25.0.0",
64
64
  "@atlaskit/media-viewer": "^48.2.0",
65
65
  "@atlaskit/platform-feature-flags": "^0.2.0",
66
+ "@atlaskit/primitives": "^2.0.0",
66
67
  "@atlaskit/textfield": "^6.0.0",
67
68
  "@atlaskit/theme": "^12.6.0",
68
69
  "@atlaskit/tokens": "^1.35.0",
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.messages = void 0;
7
- var _reactIntlNext = require("react-intl-next");
8
- var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
9
- mediaGroupDeleteLabel: {
10
- id: 'fabric.editor.mediaGroupDeleteLabel',
11
- defaultMessage: 'delete',
12
- description: 'a label for an icon that deletes media'
13
- }
14
- });
@@ -1,44 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.messages = void 0;
7
- var _reactIntlNext = require("react-intl-next");
8
- var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
9
- altText: {
10
- id: 'fabric.editor.addAltText',
11
- defaultMessage: 'Alt text',
12
- description: 'Add an alt text for this image'
13
- },
14
- editAltText: {
15
- id: 'fabric.editor.editAltText',
16
- defaultMessage: 'Edit alt text',
17
- description: 'Edit an alt text for this image'
18
- },
19
- back: {
20
- id: 'fabric.editor.closeAltTextEdit',
21
- defaultMessage: 'Back',
22
- description: 'Back to toolbar'
23
- },
24
- clear: {
25
- id: 'fabric.editor.clearAltTextEdit',
26
- defaultMessage: 'Clear alt text',
27
- description: 'Clear alt text'
28
- },
29
- placeholder: {
30
- id: 'fabric.editor.placeholderAltText',
31
- defaultMessage: 'Describe this image with alt text',
32
- description: 'Describe this image with alt text'
33
- },
34
- supportText: {
35
- id: 'fabric.editor.supportAltText',
36
- defaultMessage: 'Alt text is useful for people using screen readers because of visual limitations.',
37
- description: 'Alt text is useful for people using screen readers because of visual limitations.'
38
- },
39
- validationMessage: {
40
- id: 'fabric.editor.alttext.validation',
41
- defaultMessage: 'Please remove any special characters in alt text.',
42
- description: 'Please remove any special characters in alt text. '
43
- }
44
- });
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.mediaResizeAnnouncerMess = void 0;
7
- var _reactIntlNext = require("react-intl-next");
8
- var mediaResizeAnnouncerMess = exports.mediaResizeAnnouncerMess = (0, _reactIntlNext.defineMessages)({
9
- MediaWidthIsMax: {
10
- id: 'fabric.editor.media.pixelEntry.MediaWidthIsMax',
11
- defaultMessage: 'Media increased to the maximum size',
12
- description: 'The media has the maximum allowed width'
13
- },
14
- MediaWidthIsMin: {
15
- id: 'fabric.editor.media.MediaWidthIsMin',
16
- defaultMessage: 'Media decreased to the minimum size',
17
- description: 'The media has the minimum allowed width'
18
- },
19
- DefaultMediaWidth: {
20
- id: 'fabric.editor.media.DefaultMediaWidth',
21
- defaultMessage: 'Media width {action} to {newMediaWidth} pixels.',
22
- description: 'Media width {action} to {newMediaWidth} pixels.'
23
- },
24
- IncreasedAction: {
25
- id: 'fabric.editor.media.increased',
26
- defaultMessage: 'increased',
27
- description: 'Increased action'
28
- },
29
- DecreasedAction: {
30
- id: 'fabric.editor.media.decreased',
31
- defaultMessage: 'decreased',
32
- description: 'Decreased action'
33
- }
34
- });
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.messages = void 0;
7
- var _reactIntlNext = require("react-intl-next");
8
- var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
9
- placeholder: {
10
- id: 'fabric.editor.captionPlaceholder',
11
- defaultMessage: 'Add a caption',
12
- description: 'Placeholder description for an empty (new) caption in the editor'
13
- }
14
- });
@@ -1,49 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.messages = void 0;
7
- var _reactIntlNext = require("react-intl-next");
8
- var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
9
- borderColor: {
10
- id: 'fabric.editor.imageBorderColor',
11
- defaultMessage: 'Color',
12
- description: 'Change the border color of an image.'
13
- },
14
- borderSize: {
15
- id: 'fabric.editor.imageBorderSize',
16
- defaultMessage: 'Size',
17
- description: 'Change the border size of an image.'
18
- },
19
- addBorder: {
20
- id: 'fabric.editor.addImageBorder',
21
- defaultMessage: 'Add border',
22
- description: 'Add a border to an image.'
23
- },
24
- removeBorder: {
25
- id: 'fabric.editor.removeImageBorder',
26
- defaultMessage: 'Remove border',
27
- description: 'Remove the border of an image.'
28
- },
29
- borderOptions: {
30
- id: 'fabric.editor.imageBorderOptions',
31
- defaultMessage: 'Border options',
32
- description: 'Display options available for customizing the border of an image.'
33
- },
34
- borderSizeSubtle: {
35
- id: 'fabric.editor.imageBorderSubtle',
36
- defaultMessage: 'Subtle',
37
- description: 'Name of a border size.'
38
- },
39
- borderSizeMedium: {
40
- id: 'fabric.editor.imageBorderMedium',
41
- defaultMessage: 'Medium',
42
- description: 'Name of a border size.'
43
- },
44
- borderSizeBold: {
45
- id: 'fabric.editor.imageBorderBold',
46
- defaultMessage: 'Bold',
47
- description: 'Name of a border size.'
48
- }
49
- });
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.dropPlaceholderMessages = void 0;
7
- var _reactIntlNext = require("react-intl-next");
8
- var dropPlaceholderMessages = exports.dropPlaceholderMessages = (0, _reactIntlNext.defineMessages)({
9
- dropPlaceholderLabel: {
10
- id: 'fabric.editor.dropPlaceholderLabel',
11
- defaultMessage: 'Document',
12
- description: 'document label for an media icon'
13
- }
14
- });
@@ -1,54 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.messages = void 0;
7
- var _reactIntlNext = require("react-intl-next");
8
- var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
9
- validationFailedMessage: {
10
- id: 'fabric.editor.media.pixelEntry.validationFailedMessage',
11
- defaultMessage: 'Validation for width failed',
12
- description: 'The passed in validator function returned false'
13
- },
14
- inputWidthTooltip: {
15
- id: 'fabric.editor.media.pixelEntry.inputWidthTooltip',
16
- defaultMessage: 'Max width {maxWidth}px',
17
- description: 'The tooltip displayed ontop of the width input'
18
- },
19
- inputWidthAriaLabel: {
20
- id: 'fabric.editor.media.pixelEntry.inputWidthAriaLabel',
21
- defaultMessage: 'Max width {maxWidth}px',
22
- description: 'The width input aria label'
23
- },
24
- inputHeightTooltip: {
25
- id: 'fabric.editor.media.pixelEntry.inputHeightTooltip',
26
- defaultMessage: 'Height',
27
- description: 'The tooltip displayed ontop of the height input'
28
- },
29
- inputHeightAriaLabel: {
30
- id: 'fabric.editor.media.pixelEntry.inputHeightAriaLabel',
31
- defaultMessage: 'height input',
32
- description: 'The width input aria label'
33
- },
34
- submitButtonText: {
35
- id: 'fabric.editor.media.pixelEntry.submitButtonText',
36
- defaultMessage: 'Submit',
37
- description: 'The text give to the hidden submit button'
38
- },
39
- fullWidthLabel: {
40
- id: 'fabric.editor.image.fullWidthLabel',
41
- defaultMessage: 'Full-width',
42
- description: 'The media has reached its maximum width'
43
- },
44
- migrationButtonText: {
45
- id: 'fabric.editor.media.pixelEntry.migrationButtonText',
46
- defaultMessage: 'Convert to pixels',
47
- description: 'The text give to the button used to covert to pixels for legacy experience'
48
- },
49
- migrationButtonTooltip: {
50
- id: 'fabric.editor.media.pixelEntry.migrationButtonTooltip',
51
- defaultMessage: 'Migrate from percentage to fixed pixel sizing',
52
- description: 'The tooltip displayed on the migration button'
53
- }
54
- });
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.toolbarMediaMessages = void 0;
7
- var _reactIntlNext = require("react-intl-next");
8
- var toolbarMediaMessages = exports.toolbarMediaMessages = (0, _reactIntlNext.defineMessages)({
9
- toolbarMediaTitle: {
10
- id: 'fabric.editor.toolbarMediaTitle',
11
- defaultMessage: 'Add image, video, or file',
12
- description: 'a label for an icon that describes files, videos and images'
13
- }
14
- });
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.mediaLinkToolbarMessages = void 0;
7
- var _reactIntlNext = require("react-intl-next");
8
- var mediaLinkToolbarMessages = exports.mediaLinkToolbarMessages = (0, _reactIntlNext.defineMessages)({
9
- backLink: {
10
- id: 'fabric.editor.backLink',
11
- defaultMessage: 'Go back',
12
- description: 'Go back from media linking toolbar to main toolbar'
13
- }
14
- });
@@ -1,8 +0,0 @@
1
- import { defineMessages } from 'react-intl-next';
2
- export const messages = defineMessages({
3
- mediaGroupDeleteLabel: {
4
- id: 'fabric.editor.mediaGroupDeleteLabel',
5
- defaultMessage: 'delete',
6
- description: 'a label for an icon that deletes media'
7
- }
8
- });
@@ -1,38 +0,0 @@
1
- import { defineMessages } from 'react-intl-next';
2
- export const messages = defineMessages({
3
- altText: {
4
- id: 'fabric.editor.addAltText',
5
- defaultMessage: 'Alt text',
6
- description: 'Add an alt text for this image'
7
- },
8
- editAltText: {
9
- id: 'fabric.editor.editAltText',
10
- defaultMessage: 'Edit alt text',
11
- description: 'Edit an alt text for this image'
12
- },
13
- back: {
14
- id: 'fabric.editor.closeAltTextEdit',
15
- defaultMessage: 'Back',
16
- description: 'Back to toolbar'
17
- },
18
- clear: {
19
- id: 'fabric.editor.clearAltTextEdit',
20
- defaultMessage: 'Clear alt text',
21
- description: 'Clear alt text'
22
- },
23
- placeholder: {
24
- id: 'fabric.editor.placeholderAltText',
25
- defaultMessage: 'Describe this image with alt text',
26
- description: 'Describe this image with alt text'
27
- },
28
- supportText: {
29
- id: 'fabric.editor.supportAltText',
30
- defaultMessage: 'Alt text is useful for people using screen readers because of visual limitations.',
31
- description: 'Alt text is useful for people using screen readers because of visual limitations.'
32
- },
33
- validationMessage: {
34
- id: 'fabric.editor.alttext.validation',
35
- defaultMessage: 'Please remove any special characters in alt text.',
36
- description: 'Please remove any special characters in alt text. '
37
- }
38
- });
@@ -1,28 +0,0 @@
1
- import { defineMessages } from 'react-intl-next';
2
- export const mediaResizeAnnouncerMess = defineMessages({
3
- MediaWidthIsMax: {
4
- id: 'fabric.editor.media.pixelEntry.MediaWidthIsMax',
5
- defaultMessage: 'Media increased to the maximum size',
6
- description: 'The media has the maximum allowed width'
7
- },
8
- MediaWidthIsMin: {
9
- id: 'fabric.editor.media.MediaWidthIsMin',
10
- defaultMessage: 'Media decreased to the minimum size',
11
- description: 'The media has the minimum allowed width'
12
- },
13
- DefaultMediaWidth: {
14
- id: 'fabric.editor.media.DefaultMediaWidth',
15
- defaultMessage: 'Media width {action} to {newMediaWidth} pixels.',
16
- description: 'Media width {action} to {newMediaWidth} pixels.'
17
- },
18
- IncreasedAction: {
19
- id: 'fabric.editor.media.increased',
20
- defaultMessage: 'increased',
21
- description: 'Increased action'
22
- },
23
- DecreasedAction: {
24
- id: 'fabric.editor.media.decreased',
25
- defaultMessage: 'decreased',
26
- description: 'Decreased action'
27
- }
28
- });
@@ -1,8 +0,0 @@
1
- import { defineMessages } from 'react-intl-next';
2
- export const messages = defineMessages({
3
- placeholder: {
4
- id: 'fabric.editor.captionPlaceholder',
5
- defaultMessage: 'Add a caption',
6
- description: 'Placeholder description for an empty (new) caption in the editor'
7
- }
8
- });
@@ -1,43 +0,0 @@
1
- import { defineMessages } from 'react-intl-next';
2
- export const messages = defineMessages({
3
- borderColor: {
4
- id: 'fabric.editor.imageBorderColor',
5
- defaultMessage: 'Color',
6
- description: 'Change the border color of an image.'
7
- },
8
- borderSize: {
9
- id: 'fabric.editor.imageBorderSize',
10
- defaultMessage: 'Size',
11
- description: 'Change the border size of an image.'
12
- },
13
- addBorder: {
14
- id: 'fabric.editor.addImageBorder',
15
- defaultMessage: 'Add border',
16
- description: 'Add a border to an image.'
17
- },
18
- removeBorder: {
19
- id: 'fabric.editor.removeImageBorder',
20
- defaultMessage: 'Remove border',
21
- description: 'Remove the border of an image.'
22
- },
23
- borderOptions: {
24
- id: 'fabric.editor.imageBorderOptions',
25
- defaultMessage: 'Border options',
26
- description: 'Display options available for customizing the border of an image.'
27
- },
28
- borderSizeSubtle: {
29
- id: 'fabric.editor.imageBorderSubtle',
30
- defaultMessage: 'Subtle',
31
- description: 'Name of a border size.'
32
- },
33
- borderSizeMedium: {
34
- id: 'fabric.editor.imageBorderMedium',
35
- defaultMessage: 'Medium',
36
- description: 'Name of a border size.'
37
- },
38
- borderSizeBold: {
39
- id: 'fabric.editor.imageBorderBold',
40
- defaultMessage: 'Bold',
41
- description: 'Name of a border size.'
42
- }
43
- });
@@ -1,8 +0,0 @@
1
- import { defineMessages } from 'react-intl-next';
2
- export const dropPlaceholderMessages = defineMessages({
3
- dropPlaceholderLabel: {
4
- id: 'fabric.editor.dropPlaceholderLabel',
5
- defaultMessage: 'Document',
6
- description: 'document label for an media icon'
7
- }
8
- });