@contentful/field-editor-reference 5.19.0 → 5.20.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 (115) hide show
  1. package/dist/cjs/__fixtures__/FakeSdk.js +3 -3
  2. package/dist/cjs/__fixtures__/asset/index.js +10 -10
  3. package/dist/cjs/__fixtures__/content-type/index.js +1 -1
  4. package/dist/cjs/__fixtures__/entry/index.js +7 -7
  5. package/dist/cjs/__fixtures__/fixtures.js +8 -6
  6. package/dist/cjs/__fixtures__/locale/index.js +2 -2
  7. package/dist/cjs/__fixtures__/space/index.js +1 -1
  8. package/dist/cjs/assets/MultipleMediaEditor.js +7 -5
  9. package/dist/cjs/assets/SingleMediaEditor.js +6 -4
  10. package/dist/cjs/assets/WrappedAssetCard/AssetCardActions.js +21 -19
  11. package/dist/cjs/assets/WrappedAssetCard/FetchingWrappedAssetCard.js +18 -11
  12. package/dist/cjs/assets/WrappedAssetCard/WrappedAssetCard.js +20 -11
  13. package/dist/cjs/assets/WrappedAssetCard/WrappedAssetLink.js +12 -9
  14. package/dist/cjs/assets/index.js +3 -3
  15. package/dist/cjs/common/EntityStore.js +53 -53
  16. package/dist/cjs/common/MultipleReferenceEditor.js +20 -11
  17. package/dist/cjs/common/ReferenceEditor.js +7 -5
  18. package/dist/cjs/common/SingleReferenceEditor.js +11 -7
  19. package/dist/cjs/common/SortableLinkList.js +14 -14
  20. package/dist/cjs/common/customCardTypes.js +4 -2
  21. package/dist/cjs/common/queryClient.js +102 -0
  22. package/dist/cjs/common/useContentTypePermissions.js +3 -1
  23. package/dist/cjs/common/useEditorPermissions.js +15 -3
  24. package/dist/cjs/common/useEditorPermissions.spec.js +13 -12
  25. package/dist/cjs/components/AssetThumbnail/AssetThumbnail.js +5 -3
  26. package/dist/cjs/components/CreateEntryLinkButton/CreateEntryLinkButton.js +13 -9
  27. package/dist/cjs/components/CreateEntryLinkButton/CreateEntryLinkButton.spec.js +17 -15
  28. package/dist/cjs/components/CreateEntryLinkButton/CreateEntryMenuTrigger.js +29 -19
  29. package/dist/cjs/components/CreateEntryLinkButton/CreateEntryMenuTrigger.spec.js +14 -12
  30. package/dist/cjs/components/LinkActions/CombinedLinkActions.js +28 -21
  31. package/dist/cjs/components/LinkActions/LinkActions.js +17 -15
  32. package/dist/cjs/components/LinkActions/LinkEntityActions.js +26 -17
  33. package/dist/cjs/components/LinkActions/NoLinkPermissionsInfo.js +5 -3
  34. package/dist/cjs/components/LinkActions/helpers.js +10 -5
  35. package/dist/cjs/components/LinkActions/redesignStyles.js +4 -4
  36. package/dist/cjs/components/LinkActions/styles.js +1 -1
  37. package/dist/cjs/components/MissingEntityCard/MissingEntityCard.js +11 -9
  38. package/dist/cjs/components/ResourceEntityErrorCard/ResourceEntityErrorCard.js +6 -4
  39. package/dist/cjs/components/ResourceEntityErrorCard/UnsupportedEntityCard.js +6 -4
  40. package/dist/cjs/components/ScheduledIconWithTooltip/ScheduleTooltip.js +10 -8
  41. package/dist/cjs/components/ScheduledIconWithTooltip/ScheduledIconWithTooltip.js +9 -4
  42. package/dist/cjs/components/ScheduledIconWithTooltip/formatDateAndTime.js +5 -4
  43. package/dist/cjs/components/SpaceName/SpaceName.js +9 -7
  44. package/dist/cjs/components/index.js +12 -12
  45. package/dist/cjs/entries/MultipleEntryReferenceEditor.js +9 -7
  46. package/dist/cjs/entries/SingleEntryReferenceEditor.js +7 -5
  47. package/dist/cjs/entries/WrappedEntryCard/FetchingWrappedEntryCard.js +20 -11
  48. package/dist/cjs/entries/WrappedEntryCard/WrappedEntryCard.js +23 -17
  49. package/dist/cjs/entries/index.js +3 -3
  50. package/dist/cjs/index.js +38 -34
  51. package/dist/cjs/resources/Cards/ContentfulEntryCard.js +13 -4
  52. package/dist/cjs/resources/Cards/ResourceCard.js +16 -12
  53. package/dist/cjs/resources/Cards/ResourceCard.spec.js +20 -17
  54. package/dist/cjs/resources/MultipleResourceReferenceEditor.js +20 -17
  55. package/dist/cjs/resources/MultipleResourceReferenceEditor.spec.js +34 -13
  56. package/dist/cjs/resources/SingleResourceReferenceEditor.js +11 -9
  57. package/dist/cjs/resources/SingleResourceReferenceEditor.spec.js +13 -6
  58. package/dist/cjs/resources/testHelpers/resourceEditorHelpers.js +12 -5
  59. package/dist/cjs/resources/useResourceLinkActions.js +11 -2
  60. package/dist/cjs/types.js +3 -3
  61. package/dist/cjs/utils/fromFieldValidations.js +2 -1
  62. package/dist/cjs/utils/useSortIDs.js +6 -4
  63. package/dist/esm/__fixtures__/FakeSdk.js +3 -3
  64. package/dist/esm/assets/MultipleMediaEditor.js +3 -3
  65. package/dist/esm/assets/SingleMediaEditor.js +2 -2
  66. package/dist/esm/assets/WrappedAssetCard/AssetCardActions.js +12 -12
  67. package/dist/esm/assets/WrappedAssetCard/FetchingWrappedAssetCard.js +14 -9
  68. package/dist/esm/assets/WrappedAssetCard/WrappedAssetCard.js +15 -7
  69. package/dist/esm/assets/WrappedAssetCard/WrappedAssetLink.js +7 -6
  70. package/dist/esm/common/EntityStore.js +40 -42
  71. package/dist/esm/common/MultipleReferenceEditor.js +16 -9
  72. package/dist/esm/common/ReferenceEditor.js +2 -2
  73. package/dist/esm/common/SingleReferenceEditor.js +7 -5
  74. package/dist/esm/common/SortableLinkList.js +12 -12
  75. package/dist/esm/common/queryClient.js +44 -0
  76. package/dist/esm/common/useContentTypePermissions.js +3 -1
  77. package/dist/esm/common/useEditorPermissions.js +15 -3
  78. package/dist/esm/common/useEditorPermissions.spec.js +13 -12
  79. package/dist/esm/components/AssetThumbnail/AssetThumbnail.js +1 -1
  80. package/dist/esm/components/CreateEntryLinkButton/CreateEntryLinkButton.js +7 -5
  81. package/dist/esm/components/CreateEntryLinkButton/CreateEntryLinkButton.spec.js +12 -12
  82. package/dist/esm/components/CreateEntryLinkButton/CreateEntryMenuTrigger.js +23 -15
  83. package/dist/esm/components/CreateEntryLinkButton/CreateEntryMenuTrigger.spec.js +9 -8
  84. package/dist/esm/components/LinkActions/CombinedLinkActions.js +30 -19
  85. package/dist/esm/components/LinkActions/LinkActions.js +9 -9
  86. package/dist/esm/components/LinkActions/LinkEntityActions.js +18 -11
  87. package/dist/esm/components/LinkActions/NoLinkPermissionsInfo.js +1 -1
  88. package/dist/esm/components/LinkActions/helpers.js +7 -2
  89. package/dist/esm/components/MissingEntityCard/MissingEntityCard.js +6 -6
  90. package/dist/esm/components/ResourceEntityErrorCard/ResourceEntityErrorCard.js +2 -2
  91. package/dist/esm/components/ResourceEntityErrorCard/UnsupportedEntityCard.js +2 -2
  92. package/dist/esm/components/ScheduledIconWithTooltip/ScheduleTooltip.js +3 -3
  93. package/dist/esm/components/ScheduledIconWithTooltip/ScheduledIconWithTooltip.js +5 -2
  94. package/dist/esm/components/ScheduledIconWithTooltip/formatDateAndTime.js +11 -2
  95. package/dist/esm/components/SpaceName/SpaceName.js +4 -4
  96. package/dist/esm/entries/MultipleEntryReferenceEditor.js +5 -5
  97. package/dist/esm/entries/SingleEntryReferenceEditor.js +3 -3
  98. package/dist/esm/entries/WrappedEntryCard/FetchingWrappedEntryCard.js +15 -8
  99. package/dist/esm/entries/WrappedEntryCard/WrappedEntryCard.js +18 -14
  100. package/dist/esm/index.js +1 -0
  101. package/dist/esm/resources/Cards/ContentfulEntryCard.js +9 -2
  102. package/dist/esm/resources/Cards/ResourceCard.js +12 -10
  103. package/dist/esm/resources/Cards/ResourceCard.spec.js +12 -11
  104. package/dist/esm/resources/MultipleResourceReferenceEditor.js +14 -13
  105. package/dist/esm/resources/MultipleResourceReferenceEditor.spec.js +30 -11
  106. package/dist/esm/resources/SingleResourceReferenceEditor.js +6 -6
  107. package/dist/esm/resources/SingleResourceReferenceEditor.spec.js +9 -4
  108. package/dist/esm/resources/testHelpers/resourceEditorHelpers.js +9 -2
  109. package/dist/esm/resources/useResourceLinkActions.js +11 -2
  110. package/dist/esm/utils/fromFieldValidations.js +1 -0
  111. package/dist/esm/utils/useSortIDs.js +2 -2
  112. package/dist/types/common/EntityStore.d.ts +1 -1
  113. package/dist/types/common/queryClient.d.ts +9 -0
  114. package/dist/types/index.d.ts +1 -0
  115. package/package.json +2 -2
@@ -59,7 +59,7 @@ function newReferenceEditorFakeSdk(props) {
59
59
  locales,
60
60
  cmaAdapter: (0, _fieldeditortestutils.createFakeCMAAdapter)({
61
61
  Entry: {
62
- get: async ({ entryId })=>{
62
+ get: async ({ entryId })=>{
63
63
  if (props?.fetchDelay) {
64
64
  await delay(props.fetchDelay);
65
65
  }
@@ -76,7 +76,7 @@ function newReferenceEditorFakeSdk(props) {
76
76
  }
77
77
  },
78
78
  Asset: {
79
- get: async ({ assetId })=>{
79
+ get: async ({ assetId })=>{
80
80
  if (props?.fetchDelay) {
81
81
  await delay(props.fetchDelay);
82
82
  }
@@ -101,7 +101,7 @@ function newReferenceEditorFakeSdk(props) {
101
101
  }
102
102
  },
103
103
  ContentType: {
104
- get: async ({ contentTypeId })=>{
104
+ get: async ({ contentTypeId })=>{
105
105
  if (contentTypeId === _fixtures.contentTypes.published.sys.id) {
106
106
  return _fixtures.contentTypes.published;
107
107
  }
@@ -12,24 +12,24 @@ _export(exports, {
12
12
  changed: function() {
13
13
  return _changed_assetjson.default;
14
14
  },
15
+ created: function() {
16
+ return _created_assetjson.default;
17
+ },
15
18
  empty: function() {
16
19
  return _empty_assetjson.default;
17
20
  },
18
- published: function() {
19
- return _published_assetjson.default;
20
- },
21
21
  invalid: function() {
22
22
  return _invalid_assetjson.default;
23
23
  },
24
- created: function() {
25
- return _created_assetjson.default;
24
+ published: function() {
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
@@ -15,17 +15,17 @@ _export(exports, {
15
15
  empty: function() {
16
16
  return _empty_entryjson.default;
17
17
  },
18
- published: function() {
19
- return _published_entryjson.default;
20
- },
21
18
  invalid: function() {
22
19
  return _invalid_entryjson.default;
20
+ },
21
+ published: function() {
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();
@@ -51,7 +51,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
51
51
  if (cache && cache.has(obj)) {
52
52
  return cache.get(obj);
53
53
  }
54
- var newObj = {};
54
+ var newObj = {
55
+ __proto__: null
56
+ };
55
57
  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
56
58
  for(var key in obj){
57
59
  if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -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, "MultipleMediaEditor", {
8
8
  return MultipleMediaEditor;
9
9
  }
10
10
  });
11
- const _react = _interop_require_wildcard(require("react"));
11
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
12
  const _sortable = require("@dnd-kit/sortable");
13
13
  const _emotion = require("emotion");
14
14
  const _MultipleReferenceEditor = require("../common/MultipleReferenceEditor");
@@ -35,7 +35,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
35
35
  if (cache && cache.has(obj)) {
36
36
  return cache.get(obj);
37
37
  }
38
- var newObj = {};
38
+ var newObj = {
39
+ __proto__: null
40
+ };
39
41
  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
40
42
  for(var key in obj){
41
43
  if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -61,16 +63,16 @@ const styles = {
61
63
  })
62
64
  };
63
65
  function MultipleMediaEditor(props) {
64
- return _react.createElement(_MultipleReferenceEditor.MultipleReferenceEditor, {
66
+ return /*#__PURE__*/ _react.createElement(_MultipleReferenceEditor.MultipleReferenceEditor, {
65
67
  ...props,
66
68
  entityType: "Asset"
67
- }, (childrenProps)=>_react.createElement(_SortableLinkList.SortableLinkList, {
69
+ }, (childrenProps)=>/*#__PURE__*/ _react.createElement(_SortableLinkList.SortableLinkList, {
68
70
  ...childrenProps,
69
71
  sortingStrategy: childrenProps.viewType === 'card' ? _sortable.rectSortingStrategy : _sortable.verticalListSortingStrategy,
70
72
  className: (0, _emotion.cx)({
71
73
  [styles.gridContainer]: childrenProps.viewType === 'card'
72
74
  })
73
- }, ({ items , item , index , isDisabled , DragHandle })=>_react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
75
+ }, ({ items, item, index, isDisabled, DragHandle })=>/*#__PURE__*/ _react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
74
76
  ...childrenProps,
75
77
  isDisabled: isDisabled,
76
78
  key: `${item.sys.id}-${index}`,
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "SingleMediaEditor", {
8
8
  return SingleMediaEditor;
9
9
  }
10
10
  });
11
- const _react = _interop_require_wildcard(require("react"));
11
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
12
  const _SingleReferenceEditor = require("../common/SingleReferenceEditor");
13
13
  const _FetchingWrappedAssetCard = require("./WrappedAssetCard/FetchingWrappedAssetCard");
14
14
  function _getRequireWildcardCache(nodeInterop) {
@@ -32,7 +32,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
32
32
  if (cache && cache.has(obj)) {
33
33
  return cache.get(obj);
34
34
  }
35
- var newObj = {};
35
+ var newObj = {
36
+ __proto__: null
37
+ };
36
38
  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
37
39
  for(var key in obj){
38
40
  if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -51,10 +53,10 @@ function _interop_require_wildcard(obj, nodeInterop) {
51
53
  return newObj;
52
54
  }
53
55
  function SingleMediaEditor(props) {
54
- return _react.createElement(_SingleReferenceEditor.SingleReferenceEditor, {
56
+ return /*#__PURE__*/ _react.createElement(_SingleReferenceEditor.SingleReferenceEditor, {
55
57
  ...props,
56
58
  entityType: "Asset"
57
- }, ({ entityId , isDisabled , setValue })=>_react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
59
+ }, ({ entityId, isDisabled, setValue })=>/*#__PURE__*/ _react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
58
60
  ...props,
59
61
  viewType: "big_card",
60
62
  assetId: entityId,
@@ -9,19 +9,19 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- renderAssetInfo: function() {
13
- return renderAssetInfo;
14
- },
15
12
  renderActions: function() {
16
13
  return renderActions;
14
+ },
15
+ renderAssetInfo: function() {
16
+ return renderAssetInfo;
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 _fieldeditorshared = require("@contentful/field-editor-shared");
23
23
  const _emotion = require("emotion");
24
- const _get = _interop_require_default(require("lodash/get"));
24
+ const _get = /*#__PURE__*/ _interop_require_default(require("lodash/get"));
25
25
  function _interop_require_default(obj) {
26
26
  return obj && obj.__esModule ? obj : {
27
27
  default: obj
@@ -48,7 +48,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
48
48
  if (cache && cache.has(obj)) {
49
49
  return cache.get(obj);
50
50
  }
51
- var newObj = {};
51
+ var newObj = {
52
+ __proto__: null
53
+ };
52
54
  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
53
55
  for(var key in obj){
54
56
  if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -104,42 +106,42 @@ function downloadAsset(url) {
104
106
  window.open(url, '_blank', 'noopener,noreferrer');
105
107
  }
106
108
  function renderAssetInfo(props) {
107
- const { entityFile } = props;
109
+ const { entityFile } = props;
108
110
  const fileName = (0, _get.default)(entityFile, 'fileName');
109
111
  const mimeType = (0, _get.default)(entityFile, 'contentType');
110
112
  const fileSize = (0, _get.default)(entityFile, 'details.size');
111
113
  const image = (0, _get.default)(entityFile, 'details.image');
112
114
  return [
113
- _react.createElement(_f36components.Menu.SectionTitle, {
115
+ /*#__PURE__*/ _react.createElement(_f36components.Menu.SectionTitle, {
114
116
  key: "file-section"
115
117
  }, "File info"),
116
- _react.createElement(_f36components.Menu.Item, {
118
+ /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
117
119
  key: "file-information",
118
120
  className: styles.fileInformation.menuItem,
119
121
  isDisabled: true
120
- }, _react.createElement("dl", {
122
+ }, /*#__PURE__*/ _react.createElement("dl", {
121
123
  className: styles.fileInformation.dl
122
- }, fileName && _react.createElement(_react.Fragment, null, _react.createElement("dt", null, "File Name:"), _react.createElement(_f36components.Text, {
124
+ }, fileName && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("dt", null, "File Name:"), /*#__PURE__*/ _react.createElement(_f36components.Text, {
123
125
  as: "dd",
124
126
  isTruncated: true
125
- }, fileName)), mimeType && _react.createElement(_react.Fragment, null, _react.createElement("dt", null, "File Type:"), _react.createElement(_f36components.Text, {
127
+ }, fileName)), mimeType && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("dt", null, "File Type:"), /*#__PURE__*/ _react.createElement(_f36components.Text, {
126
128
  as: "dd",
127
129
  isTruncated: true
128
- }, mimeType)), fileSize && _react.createElement(_react.Fragment, null, _react.createElement("dt", null, "Size:"), _react.createElement("dd", null, (0, _fieldeditorshared.shortenStorageUnit)(fileSize, 'B'))), image && _react.createElement(_react.Fragment, null, _react.createElement("dt", null, "Dimensions:"), _react.createElement("dd", null, `${image.width} × ${image.height}`))))
130
+ }, mimeType)), fileSize && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("dt", null, "Size:"), /*#__PURE__*/ _react.createElement("dd", null, (0, _fieldeditorshared.shortenStorageUnit)(fileSize, 'B'))), image && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("dt", null, "Dimensions:"), /*#__PURE__*/ _react.createElement("dd", null, `${image.width} × ${image.height}`))))
129
131
  ];
130
132
  }
131
133
  function renderActions(props) {
132
- const { entityFile , isDisabled , onEdit , onRemove } = props;
134
+ const { entityFile, isDisabled, onEdit, onRemove } = props;
133
135
  return [
134
- _react.createElement(_f36components.Menu.SectionTitle, {
136
+ /*#__PURE__*/ _react.createElement(_f36components.Menu.SectionTitle, {
135
137
  key: "section-title"
136
138
  }, "Actions"),
137
- onEdit ? _react.createElement(_f36components.Menu.Item, {
139
+ onEdit ? /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
138
140
  key: "edit",
139
141
  onClick: onEdit,
140
142
  testId: "card-action-edit"
141
143
  }, "Edit") : null,
142
- entityFile ? _react.createElement(_f36components.Menu.Item, {
144
+ entityFile ? /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
143
145
  key: "download",
144
146
  onClick: ()=>{
145
147
  if (typeof entityFile.url === 'string') {
@@ -148,7 +150,7 @@ function renderActions(props) {
148
150
  },
149
151
  testId: "card-action-download"
150
152
  }, "Download") : null,
151
- onRemove ? _react.createElement(_f36components.Menu.Item, {
153
+ onRemove ? /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
152
154
  key: "remove",
153
155
  disabled: isDisabled,
154
156
  onClick: onRemove,
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "FetchingWrappedAssetCard", {
8
8
  return FetchingWrappedAssetCard;
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 _EntityStore = require("../../common/EntityStore");
14
14
  const _components = require("../../components");
@@ -35,7 +35,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
35
35
  if (cache && cache.has(obj)) {
36
36
  return cache.get(obj);
37
37
  }
38
- var newObj = {};
38
+ var newObj = {
39
+ __proto__: null
40
+ };
39
41
  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
40
42
  for(var key in obj){
41
43
  if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -54,8 +56,8 @@ function _interop_require_wildcard(obj, nodeInterop) {
54
56
  return newObj;
55
57
  }
56
58
  function FetchingWrappedAssetCard(props) {
57
- const { data: asset , status } = (0, _EntityStore.useEntity)('Asset', props.assetId);
58
- const { getEntityScheduledActions } = (0, _EntityStore.useEntityLoader)();
59
+ const { data: asset, status } = (0, _EntityStore.useEntity)('Asset', props.assetId);
60
+ const { getEntityScheduledActions } = (0, _EntityStore.useEntityLoader)();
59
61
  const loadEntityScheduledActions = _react.useCallback(()=>getEntityScheduledActions('Asset', props.assetId), [
60
62
  getEntityScheduledActions,
61
63
  props.assetId
@@ -67,11 +69,12 @@ function FetchingWrappedAssetCard(props) {
67
69
  entity: 'Asset'
68
70
  });
69
71
  }
72
+ // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
70
73
  }, [
71
74
  asset
72
75
  ]);
73
76
  const onEdit = async ()=>{
74
- const { slide } = await props.sdk.navigator.openAsset(props.assetId, {
77
+ const { slide } = await props.sdk.navigator.openAsset(props.assetId, {
75
78
  slideIn: true
76
79
  });
77
80
  props.onAction && props.onAction({
@@ -93,7 +96,7 @@ function FetchingWrappedAssetCard(props) {
93
96
  };
94
97
  return _react.useMemo(()=>{
95
98
  if (status === 'error') {
96
- const card = _react.createElement(_components.MissingEntityCard, {
99
+ const card = /*#__PURE__*/ _react.createElement(_components.MissingEntityCard, {
97
100
  entityType: "Asset",
98
101
  asSquare: props.viewType !== 'link',
99
102
  isDisabled: props.isDisabled,
@@ -110,7 +113,7 @@ function FetchingWrappedAssetCard(props) {
110
113
  }
111
114
  return card;
112
115
  }
113
- const { getEntityUrl } = props;
116
+ const { getEntityUrl } = props;
114
117
  const size = props.viewType === 'big_card' ? 'default' : 'small';
115
118
  const commonProps = {
116
119
  asset,
@@ -125,24 +128,25 @@ function FetchingWrappedAssetCard(props) {
125
128
  };
126
129
  if (props.viewType === 'link') {
127
130
  if (status === 'loading') {
128
- return _react.createElement(_f36components.EntryCard, {
131
+ return /*#__PURE__*/ _react.createElement(_f36components.EntryCard, {
129
132
  size: "small",
130
133
  isLoading: true
131
134
  });
132
135
  }
133
- return _react.createElement(_WrappedAssetLink.WrappedAssetLink, {
136
+ return /*#__PURE__*/ _react.createElement(_WrappedAssetLink.WrappedAssetLink, {
134
137
  ...commonProps,
135
138
  href: commonProps.entityUrl,
136
139
  getEntityScheduledActions: loadEntityScheduledActions
137
140
  });
138
141
  }
139
142
  if (status === 'loading') {
140
- return _react.createElement(_f36components.AssetCard, {
143
+ return /*#__PURE__*/ _react.createElement(_f36components.AssetCard, {
141
144
  size: size,
142
145
  isLoading: true
143
146
  });
144
147
  }
145
148
  function renderDefaultCard(props) {
149
+ // isClickable has a default value, so omit it from the props
146
150
  const builtinCardProps = {
147
151
  ...commonProps,
148
152
  ...props,
@@ -150,19 +154,22 @@ function FetchingWrappedAssetCard(props) {
150
154
  asset: (props?.entity) || commonProps.asset,
151
155
  getAssetUrl: getEntityUrl
152
156
  };
153
- return _react.createElement(_WrappedAssetCard.WrappedAssetCard, builtinCardProps);
157
+ return /*#__PURE__*/ _react.createElement(_WrappedAssetCard.WrappedAssetCard, builtinCardProps);
154
158
  }
155
159
  if (props.renderCustomCard) {
156
160
  const customProps = {
157
161
  ...commonProps,
158
162
  entity: commonProps.asset
159
163
  };
164
+ // LinkActionsProps are injected higher SingleReferenceEditor/MultipleReferenceEditor
160
165
  const renderedCustomCard = props.renderCustomCard(customProps, {}, renderDefaultCard);
166
+ // Only `false` indicates to render the original card. E.g. `null` would result in no card.
161
167
  if (renderedCustomCard !== false) {
162
168
  return renderedCustomCard;
163
169
  }
164
170
  }
165
171
  return renderDefaultCard();
172
+ // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
166
173
  }, [
167
174
  props,
168
175
  status,
@@ -8,12 +8,12 @@ Object.defineProperty(exports, "WrappedAssetCard", {
8
8
  return WrappedAssetCard;
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
- const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
14
+ const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
15
15
  const _fieldeditorshared = require("@contentful/field-editor-shared");
16
- const _mimetype = _interop_require_default(require("@contentful/mimetype"));
16
+ const _mimetype = /*#__PURE__*/ _interop_require_default(require("@contentful/mimetype"));
17
17
  const _emotion = require("emotion");
18
18
  const _components = require("../../components");
19
19
  const _AssetCardActions = require("./AssetCardActions");
@@ -43,7 +43,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
43
43
  if (cache && cache.has(obj)) {
44
44
  return cache.get(obj);
45
45
  }
46
- var newObj = {};
46
+ var newObj = {
47
+ __proto__: null
48
+ };
47
49
  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
48
50
  for(var key in obj){
49
51
  if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -82,6 +84,7 @@ const styles = {
82
84
  const defaultProps = {
83
85
  isClickable: true
84
86
  };
87
+ // eslint-disable-next-line -- TODO: describe this disable @typescript-eslint/no-explicit-any
85
88
  function getFileType(file) {
86
89
  if (!file) {
87
90
  return 'archive';
@@ -93,10 +96,11 @@ function getFileType(file) {
93
96
  return groupToIconMap[groupName] || 'archive';
94
97
  }
95
98
  const WrappedAssetCard = (props)=>{
96
- const { className , onEdit , getAssetUrl , onRemove , size , isDisabled , isSelected , isClickable } = props;
99
+ const { className, onEdit, getAssetUrl, onRemove, size, isDisabled, isSelected, isClickable } = props;
100
+ // @ts-expect-error
97
101
  const status = _fieldeditorshared.entityHelpers.getEntryStatus(props.asset.sys);
98
102
  if (status === 'deleted') {
99
- return _react.createElement(_components.MissingEntityCard, {
103
+ return /*#__PURE__*/ _react.createElement(_components.MissingEntityCard, {
100
104
  entityType: "Asset",
101
105
  asSquare: true,
102
106
  isDisabled: props.isDisabled,
@@ -111,7 +115,7 @@ const WrappedAssetCard = (props)=>{
111
115
  });
112
116
  const entityFile = props.asset.fields.file ? props.asset.fields.file[props.localeCode] || props.asset.fields.file[props.defaultLocaleCode] : undefined;
113
117
  const href = getAssetUrl ? getAssetUrl(props.asset.sys.id) : undefined;
114
- return _react.createElement(_f36components.AssetCard, {
118
+ return /*#__PURE__*/ _react.createElement(_f36components.AssetCard, {
115
119
  as: href ? 'a' : 'article',
116
120
  type: getFileType(entityFile),
117
121
  title: entityTitle,
@@ -119,22 +123,27 @@ const WrappedAssetCard = (props)=>{
119
123
  isSelected: isSelected,
120
124
  href: href,
121
125
  status: status,
122
- icon: _react.createElement(_components.ScheduledIconWithTooltip, {
126
+ icon: /*#__PURE__*/ _react.createElement(_components.ScheduledIconWithTooltip, {
123
127
  getEntityScheduledActions: props.getEntityScheduledActions,
124
128
  entityType: "Asset",
125
129
  entityId: props.asset.sys.id
126
- }, _react.createElement(_f36icons.ClockIcon, {
130
+ }, /*#__PURE__*/ _react.createElement(_f36icons.ClockIcon, {
127
131
  className: styles.scheduleIcon,
128
132
  size: "small",
129
133
  variant: "muted",
130
134
  testId: "schedule-icon"
131
135
  })),
132
136
  src: entityFile && entityFile.url ? size === 'small' ? `${entityFile.url}?w=150&h=150&fit=thumb` : `${entityFile.url}?h=300` : '',
133
- onClick: isClickable ? (e)=>{
137
+ onClick: // Providing an onClick handler messes up with some rich text
138
+ // features e.g. pressing ENTER on a card to add a new paragraph
139
+ // underneath. It's crucial not to pass a custom handler when
140
+ // isClickable is disabled which in the case of RT it's.
141
+ isClickable ? (e)=>{
134
142
  e.preventDefault();
135
143
  onEdit && onEdit();
136
144
  } : undefined,
137
- onKeyDown: isClickable ? (e)=>{
145
+ /* todo - remove this when onKeyDown is allowed as a prop for BaseCard in forma 36
146
+ // @ts-expect-error */ onKeyDown: isClickable ? (e)=>{
138
147
  if (e.key === 'Enter' && onEdit) {
139
148
  e.preventDefault();
140
149
  onEdit();
@@ -8,10 +8,10 @@ Object.defineProperty(exports, "WrappedAssetLink", {
8
8
  return WrappedAssetLink;
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
- const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
14
+ const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
15
15
  const _fieldeditorshared = require("@contentful/field-editor-shared");
16
16
  const _emotion = require("emotion");
17
17
  const _components = require("../../components");
@@ -42,7 +42,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
42
42
  if (cache && cache.has(obj)) {
43
43
  return cache.get(obj);
44
44
  }
45
- var newObj = {};
45
+ var newObj = {
46
+ __proto__: null
47
+ };
46
48
  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
47
49
  for(var key in obj){
48
50
  if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -66,10 +68,11 @@ const styles = {
66
68
  })
67
69
  };
68
70
  const WrappedAssetLink = (props)=>{
69
- const { className , href , onEdit , onRemove , isDisabled } = props;
71
+ const { className, href, onEdit, onRemove, isDisabled } = props;
72
+ // @ts-expect-error
70
73
  const status = _fieldeditorshared.entityHelpers.getEntryStatus(props.asset.sys);
71
74
  if (status === 'deleted') {
72
- return _react.createElement(_components.MissingEntityCard, {
75
+ return /*#__PURE__*/ _react.createElement(_components.MissingEntityCard, {
73
76
  entityType: "Asset",
74
77
  isDisabled: props.isDisabled,
75
78
  onRemove: props.onRemove
@@ -82,7 +85,7 @@ const WrappedAssetLink = (props)=>{
82
85
  defaultTitle: 'Untitled'
83
86
  });
84
87
  const entityFile = props.asset.fields.file ? props.asset.fields.file[props.localeCode] || props.asset.fields.file[props.defaultLocaleCode] : undefined;
85
- return _react.createElement(_f36components.EntryCard, {
88
+ return /*#__PURE__*/ _react.createElement(_f36components.EntryCard, {
86
89
  as: href ? 'a' : 'article',
87
90
  contentType: "Asset",
88
91
  title: entityTitle,
@@ -90,14 +93,14 @@ const WrappedAssetLink = (props)=>{
90
93
  href: href,
91
94
  size: "small",
92
95
  status: status,
93
- thumbnailElement: entityFile && (0, _fieldeditorshared.isValidImage)(entityFile) ? _react.createElement(_components.AssetThumbnail, {
96
+ thumbnailElement: entityFile && (0, _fieldeditorshared.isValidImage)(entityFile) ? /*#__PURE__*/ _react.createElement(_components.AssetThumbnail, {
94
97
  file: entityFile
95
98
  }) : undefined,
96
- icon: _react.createElement(_components.ScheduledIconWithTooltip, {
99
+ icon: /*#__PURE__*/ _react.createElement(_components.ScheduledIconWithTooltip, {
97
100
  getEntityScheduledActions: props.getEntityScheduledActions,
98
101
  entityType: "Asset",
99
102
  entityId: props.asset.sys.id
100
- }, _react.createElement(_f36icons.ClockIcon, {
103
+ }, /*#__PURE__*/ _react.createElement(_f36icons.ClockIcon, {
101
104
  className: styles.scheduleIcon,
102
105
  size: "small",
103
106
  variant: "muted",
@@ -9,12 +9,12 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- SingleMediaEditor: function() {
13
- return _SingleMediaEditor.SingleMediaEditor;
14
- },
15
12
  MultipleMediaEditor: function() {
16
13
  return _MultipleMediaEditor.MultipleMediaEditor;
17
14
  },
15
+ SingleMediaEditor: function() {
16
+ return _SingleMediaEditor.SingleMediaEditor;
17
+ },
18
18
  WrappedAssetCard: function() {
19
19
  return _WrappedAssetCard.WrappedAssetCard;
20
20
  }