@contentful/field-editor-markdown 1.7.3 → 1.8.0

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 (42) hide show
  1. package/dist/cjs/MarkdownActions.js +1 -1
  2. package/dist/cjs/MarkdownEditor.js +8 -6
  3. package/dist/cjs/__fixtures__/asset/index.js +5 -5
  4. package/dist/cjs/__fixtures__/content-type/index.js +1 -1
  5. package/dist/cjs/__fixtures__/entry/index.js +4 -4
  6. package/dist/cjs/__fixtures__/fixtures.js +5 -5
  7. package/dist/cjs/__fixtures__/locale/index.js +2 -2
  8. package/dist/cjs/__fixtures__/space/index.js +1 -1
  9. package/dist/cjs/components/HeadingSelector.js +1 -1
  10. package/dist/cjs/components/InsertLinkSelector.js +1 -1
  11. package/dist/cjs/components/MarkdownBottomBar.js +2 -2
  12. package/dist/cjs/components/MarkdownConstraints.js +2 -2
  13. package/dist/cjs/components/MarkdownPreview.js +6 -6
  14. package/dist/cjs/components/MarkdownPreviewSkeleton.js +2 -2
  15. package/dist/cjs/components/MarkdownTabs.js +15 -5
  16. package/dist/cjs/components/MarkdownTextarea/CodeMirrorWrapper.js +4 -4
  17. package/dist/cjs/components/MarkdownTextarea/MarkdownCommands.js +5 -5
  18. package/dist/cjs/components/MarkdownTextarea/MarkdownTextarea.js +2 -2
  19. package/dist/cjs/components/MarkdownTextarea/createMarkdownEditor.js +2 -2
  20. package/dist/cjs/components/MarkdownToolbar.js +3 -3
  21. package/dist/cjs/components/icons.js +1 -1
  22. package/dist/cjs/dialogs/CheatsheetModalDialog.js +2 -2
  23. package/dist/cjs/dialogs/ConfirmInsertAssetModalDialog.js +1 -1
  24. package/dist/cjs/dialogs/EmdebExternalContentDialog.js +2 -2
  25. package/dist/cjs/dialogs/InsertLinkModalDialog.js +1 -1
  26. package/dist/cjs/dialogs/InsertTableModalDialog.js +2 -2
  27. package/dist/cjs/dialogs/SpecialCharacterModalDialog.js +2 -2
  28. package/dist/cjs/dialogs/ZenModeModalDialog.js +4 -4
  29. package/dist/cjs/dialogs/openMarkdownDialog.js +1 -1
  30. package/dist/cjs/dialogs/renderMarkdownDialog.js +1 -1
  31. package/dist/cjs/index.js +1 -1
  32. package/dist/cjs/types.js +3 -3
  33. package/dist/cjs/utils/insertAssetLinks.js +2 -2
  34. package/dist/cjs/utils/linkOrganizer.js +5 -5
  35. package/dist/cjs/utils/linkOrganizer.spec.js +1 -1
  36. package/dist/cjs/utils/userAgent.js +1 -1
  37. package/dist/esm/MarkdownEditor.js +4 -2
  38. package/dist/esm/components/MarkdownTabs.js +13 -3
  39. package/dist/esm/types.js +3 -3
  40. package/dist/types/MarkdownEditor.d.ts +3 -1
  41. package/dist/types/components/MarkdownTabs.d.ts +3 -2
  42. package/package.json +2 -2
@@ -15,7 +15,7 @@ const _InsertTableModalDialog = require("./dialogs/InsertTableModalDialog");
15
15
  const _SpecialCharacterModalDialog = require("./dialogs/SpecialCharacterModalDialog");
16
16
  const _ZenModeModalDialog = require("./dialogs/ZenModeModalDialog");
17
17
  const _insertAssetLinks = require("./utils/insertAssetLinks");
18
- const _linkOrganizer = _interop_require_wildcard(require("./utils/linkOrganizer"));
18
+ const _linkOrganizer = /*#__PURE__*/ _interop_require_wildcard(require("./utils/linkOrganizer"));
19
19
  function _getRequireWildcardCache(nodeInterop) {
20
20
  if (typeof WeakMap !== "function") return null;
21
21
  var cacheBabelInterop = new WeakMap();
@@ -16,13 +16,13 @@ _export(exports, {
16
16
  return MarkdownEditorConnected;
17
17
  }
18
18
  });
19
- const _react = _interop_require_wildcard(require("react"));
20
- const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
19
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
20
+ const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
21
21
  const _fieldeditorshared = require("@contentful/field-editor-shared");
22
22
  const _emotion = require("emotion");
23
23
  const _MarkdownBottomBar = require("./components/MarkdownBottomBar");
24
24
  const _MarkdownConstraints = require("./components/MarkdownConstraints");
25
- const _MarkdownPreviewSkeleton = _interop_require_default(require("./components/MarkdownPreviewSkeleton"));
25
+ const _MarkdownPreviewSkeleton = /*#__PURE__*/ _interop_require_default(require("./components/MarkdownPreviewSkeleton"));
26
26
  const _MarkdownTabs = require("./components/MarkdownTabs");
27
27
  const _MarkdownTextarea = require("./components/MarkdownTextarea/MarkdownTextarea");
28
28
  const _MarkdownToolbar = require("./components/MarkdownToolbar");
@@ -74,7 +74,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
74
74
  }
75
75
  return newObj;
76
76
  }
77
- const MarkdownPreview = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard(require("./components/MarkdownPreview"))));
77
+ const MarkdownPreview = _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("./components/MarkdownPreview"))));
78
78
  const styles = {
79
79
  container: (0, _emotion.css)({
80
80
  display: 'flex',
@@ -139,10 +139,12 @@ function MarkdownEditor(props) {
139
139
  className: styles.container,
140
140
  "data-test-id": "markdown-editor"
141
141
  }, _react.createElement(_MarkdownTabs.MarkdownTabs, {
142
- active: selectedTab,
142
+ active: props.enableTab || selectedTab,
143
143
  onSelect: (tab)=>{
144
+ if (props.enableTab) return;
144
145
  setSelectedTab(tab);
145
- }
146
+ },
147
+ enableTab: props.enableTab
146
148
  }), _react.createElement(_MarkdownToolbar.MarkdownToolbar, {
147
149
  mode: "default",
148
150
  disabled: isActionDisabled,
@@ -25,11 +25,11 @@ _export(exports, {
25
25
  return _published_assetjson.default;
26
26
  }
27
27
  });
28
- const _changed_assetjson = _interop_require_default(require("./changed_asset.json"));
29
- const _created_assetjson = _interop_require_default(require("./created_asset.json"));
30
- const _empty_assetjson = _interop_require_default(require("./empty_asset.json"));
31
- const _invalid_assetjson = _interop_require_default(require("./invalid_asset.json"));
32
- const _published_assetjson = _interop_require_default(require("./published_asset.json"));
28
+ const _changed_assetjson = /*#__PURE__*/ _interop_require_default(require("./changed_asset.json"));
29
+ const _created_assetjson = /*#__PURE__*/ _interop_require_default(require("./created_asset.json"));
30
+ const _empty_assetjson = /*#__PURE__*/ _interop_require_default(require("./empty_asset.json"));
31
+ const _invalid_assetjson = /*#__PURE__*/ _interop_require_default(require("./invalid_asset.json"));
32
+ const _published_assetjson = /*#__PURE__*/ _interop_require_default(require("./published_asset.json"));
33
33
  function _interop_require_default(obj) {
34
34
  return obj && obj.__esModule ? obj : {
35
35
  default: obj
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "published", {
8
8
  return _published_content_typejson.default;
9
9
  }
10
10
  });
11
- const _published_content_typejson = _interop_require_default(require("./published_content_type.json"));
11
+ const _published_content_typejson = /*#__PURE__*/ _interop_require_default(require("./published_content_type.json"));
12
12
  function _interop_require_default(obj) {
13
13
  return obj && obj.__esModule ? obj : {
14
14
  default: obj
@@ -22,10 +22,10 @@ _export(exports, {
22
22
  return _published_entryjson.default;
23
23
  }
24
24
  });
25
- const _changed_entryjson = _interop_require_default(require("./changed_entry.json"));
26
- const _empty_entryjson = _interop_require_default(require("./empty_entry.json"));
27
- const _invalid_entryjson = _interop_require_default(require("./invalid_entry.json"));
28
- const _published_entryjson = _interop_require_default(require("./published_entry.json"));
25
+ const _changed_entryjson = /*#__PURE__*/ _interop_require_default(require("./changed_entry.json"));
26
+ const _empty_entryjson = /*#__PURE__*/ _interop_require_default(require("./empty_entry.json"));
27
+ const _invalid_entryjson = /*#__PURE__*/ _interop_require_default(require("./invalid_entry.json"));
28
+ const _published_entryjson = /*#__PURE__*/ _interop_require_default(require("./published_entry.json"));
29
29
  function _interop_require_default(obj) {
30
30
  return obj && obj.__esModule ? obj : {
31
31
  default: obj
@@ -25,11 +25,11 @@ _export(exports, {
25
25
  return _space;
26
26
  }
27
27
  });
28
- const _asset = _interop_require_wildcard(require("./asset"));
29
- const _contenttype = _interop_require_wildcard(require("./content-type"));
30
- const _entry = _interop_require_wildcard(require("./entry"));
31
- const _locale = _interop_require_wildcard(require("./locale"));
32
- const _space = _interop_require_wildcard(require("./space"));
28
+ const _asset = /*#__PURE__*/ _interop_require_wildcard(require("./asset"));
29
+ const _contenttype = /*#__PURE__*/ _interop_require_wildcard(require("./content-type"));
30
+ const _entry = /*#__PURE__*/ _interop_require_wildcard(require("./entry"));
31
+ const _locale = /*#__PURE__*/ _interop_require_wildcard(require("./locale"));
32
+ const _space = /*#__PURE__*/ _interop_require_wildcard(require("./space"));
33
33
  function _getRequireWildcardCache(nodeInterop) {
34
34
  if (typeof WeakMap !== "function") return null;
35
35
  var cacheBabelInterop = new WeakMap();
@@ -19,8 +19,8 @@ _export(exports, {
19
19
  return list;
20
20
  }
21
21
  });
22
- const _english_default_localejson = _interop_require_default(require("./english_default_locale.json"));
23
- const _german_localejson = _interop_require_default(require("./german_locale.json"));
22
+ const _english_default_localejson = /*#__PURE__*/ _interop_require_default(require("./english_default_locale.json"));
23
+ const _german_localejson = /*#__PURE__*/ _interop_require_default(require("./german_locale.json"));
24
24
  function _interop_require_default(obj) {
25
25
  return obj && obj.__esModule ? obj : {
26
26
  default: obj
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "indifferent", {
8
8
  return _indifferent_spacejson.default;
9
9
  }
10
10
  });
11
- const _indifferent_spacejson = _interop_require_default(require("./indifferent_space.json"));
11
+ const _indifferent_spacejson = /*#__PURE__*/ _interop_require_default(require("./indifferent_space.json"));
12
12
  function _interop_require_default(obj) {
13
13
  return obj && obj.__esModule ? obj : {
14
14
  default: obj
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "HeadingSelector", {
8
8
  return HeadingSelector;
9
9
  }
10
10
  });
11
- const _react = _interop_require_wildcard(require("react"));
11
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
12
  const _f36components = require("@contentful/f36-components");
13
13
  function _getRequireWildcardCache(nodeInterop) {
14
14
  if (typeof WeakMap !== "function") return null;
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "InsertLinkSelector", {
8
8
  return InsertLinkSelector;
9
9
  }
10
10
  });
11
- const _react = _interop_require_wildcard(require("react"));
11
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
12
  const _f36components = require("@contentful/f36-components");
13
13
  const _f36icons = require("@contentful/f36-icons");
14
14
  function _getRequireWildcardCache(nodeInterop) {
@@ -19,9 +19,9 @@ _export(exports, {
19
19
  return MarkdownHelp;
20
20
  }
21
21
  });
22
- const _react = _interop_require_wildcard(require("react"));
22
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
23
23
  const _f36components = require("@contentful/f36-components");
24
- const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
24
+ const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
25
25
  const _emotion = require("emotion");
26
26
  function _interop_require_default(obj) {
27
27
  return obj && obj.__esModule ? obj : {
@@ -8,8 +8,8 @@ Object.defineProperty(exports, "MarkdownConstraints", {
8
8
  return MarkdownConstraints;
9
9
  }
10
10
  });
11
- const _react = _interop_require_wildcard(require("react"));
12
- const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
11
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
+ const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
13
13
  const _fieldeditorshared = require("@contentful/field-editor-shared");
14
14
  const _emotion = require("emotion");
15
15
  function _interop_require_default(obj) {
@@ -8,13 +8,13 @@ Object.defineProperty(exports, "default", {
8
8
  return _default;
9
9
  }
10
10
  });
11
- const _react = _interop_require_wildcard(require("react"));
12
- const _reactmarkdown = _interop_require_default(require("react-markdown"));
13
- const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
11
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
+ const _reactmarkdown = /*#__PURE__*/ _interop_require_default(require("react-markdown"));
13
+ const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
14
14
  const _emotion = require("emotion");
15
- const _rehyperaw = _interop_require_default(require("rehype-raw"));
16
- const _rehypesanitize = _interop_require_default(require("rehype-sanitize"));
17
- const _remarkgfm = _interop_require_default(require("remark-gfm"));
15
+ const _rehyperaw = /*#__PURE__*/ _interop_require_default(require("rehype-raw"));
16
+ const _rehypesanitize = /*#__PURE__*/ _interop_require_default(require("rehype-sanitize"));
17
+ const _remarkgfm = /*#__PURE__*/ _interop_require_default(require("remark-gfm"));
18
18
  const _replaceMailtoAmp = require("../utils/replaceMailtoAmp");
19
19
  function _interop_require_default(obj) {
20
20
  return obj && obj.__esModule ? obj : {
@@ -8,9 +8,9 @@ Object.defineProperty(exports, "default", {
8
8
  return MarkdownPreviewSkeleton;
9
9
  }
10
10
  });
11
- const _react = _interop_require_default(require("react"));
11
+ const _react = /*#__PURE__*/ _interop_require_default(require("react"));
12
12
  const _f36components = require("@contentful/f36-components");
13
- const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
13
+ const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
14
14
  const _emotion = require("emotion");
15
15
  function _interop_require_default(obj) {
16
16
  return obj && obj.__esModule ? obj : {
@@ -8,8 +8,8 @@ Object.defineProperty(exports, "MarkdownTabs", {
8
8
  return MarkdownTabs;
9
9
  }
10
10
  });
11
- const _react = _interop_require_wildcard(require("react"));
12
- const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
11
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
+ const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
13
13
  const _emotion = require("emotion");
14
14
  function _interop_require_default(obj) {
15
15
  return obj && obj.__esModule ? obj : {
@@ -91,12 +91,20 @@ const styles = {
91
91
  '&:hover': {
92
92
  background: _f36tokens.default.gray300
93
93
  }
94
+ }),
95
+ disabledTab: (0, _emotion.css)({
96
+ cursor: 'not-allowed',
97
+ '&:hover': {
98
+ background: _f36tokens.default.gray200,
99
+ boxShadow: 'none'
100
+ }
94
101
  })
95
102
  };
96
103
  function MarkdownTabItem(props) {
97
104
  return _react.createElement("div", {
98
105
  className: (0, _emotion.cx)(styles.tab, {
99
- [styles.inactiveTab]: props.isActive === false
106
+ [styles.inactiveTab]: props.isActive === false,
107
+ [styles.disabledTab]: props.isDisabled === true
100
108
  }),
101
109
  onClick: ()=>{
102
110
  props.onSelect(props.name);
@@ -120,11 +128,13 @@ function MarkdownTabs(props) {
120
128
  name: "editor",
121
129
  onSelect: props.onSelect,
122
130
  isActive: props.active === 'editor',
123
- testId: "markdown-tab-md"
131
+ testId: "markdown-tab-md",
132
+ isDisabled: props.enableTab && props.enableTab !== 'editor'
124
133
  }, "Editor"), _react.createElement(MarkdownTabItem, {
125
134
  name: "preview",
126
135
  onSelect: props.onSelect,
127
136
  isActive: props.active === 'preview',
128
- testId: "markdown-tab-preview"
137
+ testId: "markdown-tab-preview",
138
+ isDisabled: props.enableTab && props.enableTab !== 'preview'
129
139
  }, "Preview"));
130
140
  }
@@ -8,11 +8,11 @@ Object.defineProperty(exports, "create", {
8
8
  return create;
9
9
  }
10
10
  });
11
- const _codemirror = _interop_require_default(require("codemirror"));
11
+ const _codemirror = /*#__PURE__*/ _interop_require_default(require("codemirror"));
12
12
  require("codemirror/addon/edit/matchbrackets");
13
- const _throttle = _interop_require_default(require("lodash/throttle"));
14
- const _transform = _interop_require_default(require("lodash/transform"));
15
- const _userAgent = _interop_require_wildcard(require("../../utils/userAgent"));
13
+ const _throttle = /*#__PURE__*/ _interop_require_default(require("lodash/throttle"));
14
+ const _transform = /*#__PURE__*/ _interop_require_default(require("lodash/transform"));
15
+ const _userAgent = /*#__PURE__*/ _interop_require_wildcard(require("../../utils/userAgent"));
16
16
  function _interop_require_default(obj) {
17
17
  return obj && obj.__esModule ? obj : {
18
18
  default: obj
@@ -8,11 +8,11 @@ Object.defineProperty(exports, "create", {
8
8
  return create;
9
9
  }
10
10
  });
11
- const _max = _interop_require_default(require("lodash/max"));
12
- const _min = _interop_require_default(require("lodash/min"));
13
- const _range = _interop_require_default(require("lodash/range"));
14
- const _times = _interop_require_default(require("lodash/times"));
15
- const _repeat = _interop_require_default(require("lodash/repeat"));
11
+ const _max = /*#__PURE__*/ _interop_require_default(require("lodash/max"));
12
+ const _min = /*#__PURE__*/ _interop_require_default(require("lodash/min"));
13
+ const _range = /*#__PURE__*/ _interop_require_default(require("lodash/range"));
14
+ const _times = /*#__PURE__*/ _interop_require_default(require("lodash/times"));
15
+ const _repeat = /*#__PURE__*/ _interop_require_default(require("lodash/repeat"));
16
16
  function _interop_require_default(obj) {
17
17
  return obj && obj.__esModule ? obj : {
18
18
  default: obj
@@ -8,8 +8,8 @@ Object.defineProperty(exports, "MarkdownTextarea", {
8
8
  return MarkdownTextarea;
9
9
  }
10
10
  });
11
- const _react = _interop_require_wildcard(require("react"));
12
- const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
11
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
+ const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
13
13
  const _emotion = require("emotion");
14
14
  const _createMarkdownEditor = require("./createMarkdownEditor");
15
15
  function _interop_require_default(obj) {
@@ -8,8 +8,8 @@ Object.defineProperty(exports, "createMarkdownEditor", {
8
8
  return createMarkdownEditor;
9
9
  }
10
10
  });
11
- const _CodeMirrorWrapper = _interop_require_wildcard(require("./CodeMirrorWrapper"));
12
- const _MarkdownCommands = _interop_require_wildcard(require("./MarkdownCommands"));
11
+ const _CodeMirrorWrapper = /*#__PURE__*/ _interop_require_wildcard(require("./CodeMirrorWrapper"));
12
+ const _MarkdownCommands = /*#__PURE__*/ _interop_require_wildcard(require("./MarkdownCommands"));
13
13
  function _getRequireWildcardCache(nodeInterop) {
14
14
  if (typeof WeakMap !== "function") return null;
15
15
  var cacheBabelInterop = new WeakMap();
@@ -19,13 +19,13 @@ _export(exports, {
19
19
  return ZenMarkdownToolbar;
20
20
  }
21
21
  });
22
- const _react = _interop_require_wildcard(require("react"));
22
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
23
23
  const _f36components = require("@contentful/f36-components");
24
24
  const _f36icons = require("@contentful/f36-icons");
25
- const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
25
+ const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
26
26
  const _emotion = require("emotion");
27
27
  const _HeadingSelector = require("./HeadingSelector");
28
- const _icons = _interop_require_wildcard(require("./icons"));
28
+ const _icons = /*#__PURE__*/ _interop_require_wildcard(require("./icons"));
29
29
  const _InsertLinkSelector = require("./InsertLinkSelector");
30
30
  function _interop_require_default(obj) {
31
31
  return obj && obj.__esModule ? obj : {
@@ -40,7 +40,7 @@ _export(exports, {
40
40
  return Zen;
41
41
  }
42
42
  });
43
- const _react = _interop_require_wildcard(require("react"));
43
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
44
44
  const _emotion = require("emotion");
45
45
  function _getRequireWildcardCache(nodeInterop) {
46
46
  if (typeof WeakMap !== "function") return null;
@@ -16,9 +16,9 @@ _export(exports, {
16
16
  return openCheatsheetModal;
17
17
  }
18
18
  });
19
- const _react = _interop_require_wildcard(require("react"));
19
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
20
20
  const _f36components = require("@contentful/f36-components");
21
- const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
21
+ const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
22
22
  const _emotion = require("emotion");
23
23
  const _types = require("../types");
24
24
  function _interop_require_default(obj) {
@@ -16,7 +16,7 @@ _export(exports, {
16
16
  return openConfirmInsertAsset;
17
17
  }
18
18
  });
19
- const _react = _interop_require_wildcard(require("react"));
19
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
20
20
  const _f36components = require("@contentful/f36-components");
21
21
  const _types = require("../types");
22
22
  function _getRequireWildcardCache(nodeInterop) {
@@ -16,9 +16,9 @@ _export(exports, {
16
16
  return openEmbedExternalContentDialog;
17
17
  }
18
18
  });
19
- const _react = _interop_require_wildcard(require("react"));
19
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
20
20
  const _f36components = require("@contentful/f36-components");
21
- const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
21
+ const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
22
22
  const _emotion = require("emotion");
23
23
  const _types = require("../types");
24
24
  const _isValidUrl = require("../utils/isValidUrl");
@@ -16,7 +16,7 @@ _export(exports, {
16
16
  return openInsertLinkDialog;
17
17
  }
18
18
  });
19
- const _react = _interop_require_wildcard(require("react"));
19
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
20
20
  const _f36components = require("@contentful/f36-components");
21
21
  const _types = require("../types");
22
22
  const _isValidUrl = require("../utils/isValidUrl");
@@ -16,9 +16,9 @@ _export(exports, {
16
16
  return openInsertTableDialog;
17
17
  }
18
18
  });
19
- const _react = _interop_require_wildcard(require("react"));
19
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
20
20
  const _f36components = require("@contentful/f36-components");
21
- const _inRange = _interop_require_default(require("lodash/inRange"));
21
+ const _inRange = /*#__PURE__*/ _interop_require_default(require("lodash/inRange"));
22
22
  const _types = require("../types");
23
23
  function _interop_require_default(obj) {
24
24
  return obj && obj.__esModule ? obj : {
@@ -16,9 +16,9 @@ _export(exports, {
16
16
  return openInsertSpecialCharacter;
17
17
  }
18
18
  });
19
- const _react = _interop_require_wildcard(require("react"));
19
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
20
20
  const _f36components = require("@contentful/f36-components");
21
- const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
21
+ const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
22
22
  const _emotion = require("emotion");
23
23
  const _types = require("../types");
24
24
  const _specialCharacters = require("../utils/specialCharacters");
@@ -16,13 +16,13 @@ _export(exports, {
16
16
  return openZenMode;
17
17
  }
18
18
  });
19
- const _react = _interop_require_wildcard(require("react"));
19
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
20
20
  const _f36components = require("@contentful/f36-components");
21
21
  const _f36icons = require("@contentful/f36-icons");
22
- const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
22
+ const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
23
23
  const _emotion = require("emotion");
24
24
  const _MarkdownBottomBar = require("../components/MarkdownBottomBar");
25
- const _MarkdownPreviewSkeleton = _interop_require_default(require("../components/MarkdownPreviewSkeleton"));
25
+ const _MarkdownPreviewSkeleton = /*#__PURE__*/ _interop_require_default(require("../components/MarkdownPreviewSkeleton"));
26
26
  const _MarkdownTextarea = require("../components/MarkdownTextarea/MarkdownTextarea");
27
27
  const _MarkdownToolbar = require("../components/MarkdownToolbar");
28
28
  const _CheatsheetModalDialog = require("../dialogs/CheatsheetModalDialog");
@@ -74,7 +74,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
74
74
  }
75
75
  return newObj;
76
76
  }
77
- const MarkdownPreview = _react.lazy(()=>Promise.resolve().then(()=>_interop_require_wildcard(require("../components/MarkdownPreview"))));
77
+ const MarkdownPreview = _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("../components/MarkdownPreview"))));
78
78
  const styles = {
79
79
  root: (0, _emotion.css)({
80
80
  display: 'grid',
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "openMarkdownDialog", {
8
8
  return openMarkdownDialog;
9
9
  }
10
10
  });
11
- const _react = _interop_require_wildcard(require("react"));
11
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
12
  const _fieldeditorshared = require("@contentful/field-editor-shared");
13
13
  const _types = require("../types");
14
14
  const _CheatsheetModalDialog = require("./CheatsheetModalDialog");
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "renderMarkdownDialog", {
8
8
  return renderMarkdownDialog;
9
9
  }
10
10
  });
11
- const _react = _interop_require_wildcard(require("react"));
11
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
12
  const _types = require("../types");
13
13
  const _CheatsheetModalDialog = require("./CheatsheetModalDialog");
14
14
  const _ConfirmInsertAssetModalDialog = require("./ConfirmInsertAssetModalDialog");
package/dist/cjs/index.js CHANGED
@@ -24,7 +24,7 @@ _export(exports, {
24
24
  });
25
25
  require("./codemirrorImports");
26
26
  const _MarkdownEditor = require("./MarkdownEditor");
27
- const _MarkdownPreview = _interop_require_default(require("./components/MarkdownPreview"));
27
+ const _MarkdownPreview = /*#__PURE__*/ _interop_require_default(require("./components/MarkdownPreview"));
28
28
  const _openMarkdownDialog = require("./dialogs/openMarkdownDialog");
29
29
  const _renderMarkdownDialog = require("./dialogs/renderMarkdownDialog");
30
30
  function _interop_require_default(obj) {
package/dist/cjs/types.js CHANGED
@@ -8,8 +8,7 @@ Object.defineProperty(exports, "MarkdownDialogType", {
8
8
  return MarkdownDialogType;
9
9
  }
10
10
  });
11
- var MarkdownDialogType;
12
- (function(MarkdownDialogType) {
11
+ var MarkdownDialogType = /*#__PURE__*/ function(MarkdownDialogType) {
13
12
  MarkdownDialogType["cheatsheet"] = "markdown-cheatsheet";
14
13
  MarkdownDialogType["insertLink"] = "markdown-insertLink";
15
14
  MarkdownDialogType["insertSpecialCharacter"] = "markdown-insertSpecialCharacter";
@@ -17,4 +16,5 @@ var MarkdownDialogType;
17
16
  MarkdownDialogType["embedExternalContent"] = "markdown-embedExternalContent";
18
17
  MarkdownDialogType["confirmInsertAsset"] = "markdown-confirmInsertAsset";
19
18
  MarkdownDialogType["zenMode"] = "markdown-zenMode";
20
- })(MarkdownDialogType || (MarkdownDialogType = {}));
19
+ return MarkdownDialogType;
20
+ }({});
@@ -16,8 +16,8 @@ _export(exports, {
16
16
  return replaceAssetDomain;
17
17
  }
18
18
  });
19
- const _get = _interop_require_default(require("lodash/get"));
20
- const _isObject = _interop_require_default(require("lodash/isObject"));
19
+ const _get = /*#__PURE__*/ _interop_require_default(require("lodash/get"));
20
+ const _isObject = /*#__PURE__*/ _interop_require_default(require("lodash/isObject"));
21
21
  function _interop_require_default(obj) {
22
22
  return obj && obj.__esModule ? obj : {
23
23
  default: obj
@@ -28,11 +28,11 @@ _export(exports, {
28
28
  return rewriteRefs;
29
29
  }
30
30
  });
31
- const _extend = _interop_require_default(require("lodash/extend"));
32
- const _isObject = _interop_require_default(require("lodash/isObject"));
33
- const _max = _interop_require_default(require("lodash/max"));
34
- const _isFinite = _interop_require_default(require("lodash/isFinite"));
35
- const _forEach = _interop_require_default(require("lodash/forEach"));
31
+ const _extend = /*#__PURE__*/ _interop_require_default(require("lodash/extend"));
32
+ const _isObject = /*#__PURE__*/ _interop_require_default(require("lodash/isObject"));
33
+ const _max = /*#__PURE__*/ _interop_require_default(require("lodash/max"));
34
+ const _isFinite = /*#__PURE__*/ _interop_require_default(require("lodash/isFinite"));
35
+ const _forEach = /*#__PURE__*/ _interop_require_default(require("lodash/forEach"));
36
36
  function _interop_require_default(obj) {
37
37
  return obj && obj.__esModule ? obj : {
38
38
  default: obj
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _linkOrganizer = _interop_require_wildcard(require("./linkOrganizer"));
5
+ const _linkOrganizer = /*#__PURE__*/ _interop_require_wildcard(require("./linkOrganizer"));
6
6
  function _getRequireWildcardCache(nodeInterop) {
7
7
  if (typeof WeakMap !== "function") return null;
8
8
  var cacheBabelInterop = new WeakMap();
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "getCtrlKey", {
8
8
  return getCtrlKey;
9
9
  }
10
10
  });
11
- const _get = _interop_require_default(require("lodash/get"));
11
+ const _get = /*#__PURE__*/ _interop_require_default(require("lodash/get"));
12
12
  function _interop_require_default(obj) {
13
13
  return obj && obj.__esModule ? obj : {
14
14
  default: obj
@@ -75,10 +75,12 @@ export function MarkdownEditor(props) {
75
75
  className: styles.container,
76
76
  "data-test-id": "markdown-editor"
77
77
  }, React.createElement(MarkdownTabs, {
78
- active: selectedTab,
78
+ active: props.enableTab || selectedTab,
79
79
  onSelect: (tab)=>{
80
+ if (props.enableTab) return;
80
81
  setSelectedTab(tab);
81
- }
82
+ },
83
+ enableTab: props.enableTab
82
84
  }), React.createElement(MarkdownToolbar, {
83
85
  mode: "default",
84
86
  disabled: isActionDisabled,
@@ -35,12 +35,20 @@ const styles = {
35
35
  '&:hover': {
36
36
  background: tokens.gray300
37
37
  }
38
+ }),
39
+ disabledTab: css({
40
+ cursor: 'not-allowed',
41
+ '&:hover': {
42
+ background: tokens.gray200,
43
+ boxShadow: 'none'
44
+ }
38
45
  })
39
46
  };
40
47
  function MarkdownTabItem(props) {
41
48
  return React.createElement("div", {
42
49
  className: cx(styles.tab, {
43
- [styles.inactiveTab]: props.isActive === false
50
+ [styles.inactiveTab]: props.isActive === false,
51
+ [styles.disabledTab]: props.isDisabled === true
44
52
  }),
45
53
  onClick: ()=>{
46
54
  props.onSelect(props.name);
@@ -64,11 +72,13 @@ export function MarkdownTabs(props) {
64
72
  name: "editor",
65
73
  onSelect: props.onSelect,
66
74
  isActive: props.active === 'editor',
67
- testId: "markdown-tab-md"
75
+ testId: "markdown-tab-md",
76
+ isDisabled: props.enableTab && props.enableTab !== 'editor'
68
77
  }, "Editor"), React.createElement(MarkdownTabItem, {
69
78
  name: "preview",
70
79
  onSelect: props.onSelect,
71
80
  isActive: props.active === 'preview',
72
- testId: "markdown-tab-preview"
81
+ testId: "markdown-tab-preview",
82
+ isDisabled: props.enableTab && props.enableTab !== 'preview'
73
83
  }, "Preview"));
74
84
  }
package/dist/esm/types.js CHANGED
@@ -1,5 +1,4 @@
1
- export var MarkdownDialogType;
2
- (function(MarkdownDialogType) {
1
+ export var MarkdownDialogType = /*#__PURE__*/ function(MarkdownDialogType) {
3
2
  MarkdownDialogType["cheatsheet"] = "markdown-cheatsheet";
4
3
  MarkdownDialogType["insertLink"] = "markdown-insertLink";
5
4
  MarkdownDialogType["insertSpecialCharacter"] = "markdown-insertSpecialCharacter";
@@ -7,4 +6,5 @@ export var MarkdownDialogType;
7
6
  MarkdownDialogType["embedExternalContent"] = "markdown-embedExternalContent";
8
7
  MarkdownDialogType["confirmInsertAsset"] = "markdown-confirmInsertAsset";
9
8
  MarkdownDialogType["zenMode"] = "markdown-zenMode";
10
- })(MarkdownDialogType || (MarkdownDialogType = {}));
9
+ return MarkdownDialogType;
10
+ }({});
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { FieldAppSDK } from '@contentful/app-sdk';
3
- import { PreviewComponents } from './types';
3
+ import { MarkdownTab, PreviewComponents } from './types';
4
4
  export interface MarkdownEditorProps {
5
5
  /**
6
6
  * is the field disabled initially
@@ -14,6 +14,8 @@ export interface MarkdownEditorProps {
14
14
  previewComponents?: PreviewComponents;
15
15
  onReady?: Function;
16
16
  isDisabled?: boolean;
17
+ /** Enables a specific tab to be active, and disables the other */
18
+ enableTab?: MarkdownTab;
17
19
  }
18
20
  export declare function MarkdownEditor(props: MarkdownEditorProps & {
19
21
  value: string | null | undefined;
@@ -1,8 +1,9 @@
1
1
  import * as React from 'react';
2
+ import { MarkdownEditorProps } from 'MarkdownEditor';
2
3
  import { MarkdownTab } from '../types';
3
- interface MarkdownTabsProps {
4
+ type MarkdownTabsProps = {
4
5
  active: MarkdownTab;
5
6
  onSelect: (selected: MarkdownTab) => void;
6
- }
7
+ } & Pick<MarkdownEditorProps, 'enableTab'>;
7
8
  export declare function MarkdownTabs(props: MarkdownTabsProps): React.JSX.Element;
8
9
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@contentful/field-editor-markdown",
3
- "version": "1.7.3",
3
+ "version": "1.8.0",
4
4
  "main": "dist/cjs/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/types/index.d.ts",
@@ -61,5 +61,5 @@
61
61
  "publishConfig": {
62
62
  "registry": "https://npm.pkg.github.com/"
63
63
  },
64
- "gitHead": "acf662acf17e749090975671bf14ce107ac9c499"
64
+ "gitHead": "72399b30c89e7981627429653b82dbd175c06ce6"
65
65
  }