@contentful/field-editor-reference 5.5.4 → 5.8.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.8.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@5.6.0...@contentful/field-editor-reference@5.8.0) (2023-01-11)
+
+### Features
+
+- custom actions in resource reference editors [DANTE-793] ([#1317](https://github.com/contentful/field-editors/issues/1317)) ([9702049](https://github.com/contentful/field-editors/commit/97020490219033edce2f71635f098b76f8a1f4b4))
+
+# [5.7.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@5.6.0...@contentful/field-editor-reference@5.7.0) (2023-01-11)
+
+### Features
+
+- custom actions in resource reference editors [DANTE-793] ([#1317](https://github.com/contentful/field-editors/issues/1317)) ([9702049](https://github.com/contentful/field-editors/commit/97020490219033edce2f71635f098b76f8a1f4b4))
+
+# [5.6.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@5.5.4...@contentful/field-editor-reference@5.6.0) (2023-01-02)
+
+### Bug Fixes
+
+- solve multi ref drag issue [TOL-823] ([#1314](https://github.com/contentful/field-editors/issues/1314)) ([2d37f1c](https://github.com/contentful/field-editors/commit/2d37f1ca2b9a89710e7999278afcb492a069c8a8))
+
+### Features
+
+- lower search and update width entry ref [TOL-247] ([#1313](https://github.com/contentful/field-editors/issues/1313)) ([ed6edbc](https://github.com/contentful/field-editors/commit/ed6edbc2ddce352d6ac7a7f8aced2129c4c2e5b4))
+
 ## [5.5.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@5.5.3...@contentful/field-editor-reference@5.5.4) (2022-12-23)
 
 **Note:** Version bump only for package @contentful/field-editor-reference

package/dist/components/LinkActions/LinkEntityActions.d.ts

@@ -18,4 +18,7 @@ export declare function useLinkActionsProps(props: LinkEntityActionsProps): Link
 export declare function LinkEntityActions({ renderCustomActions, ...props }: LinkActionsProps & {
     renderCustomActions?: (props: LinkActionsProps) => React.ReactElement;
 }): JSX.Element;
+export declare function CombinedLinkEntityActions({ renderCustomActions, ...props }: LinkActionsProps & {
+    renderCustomActions?: (props: LinkActionsProps) => React.ReactElement;
+}): JSX.Element;
 export {};

package/dist/field-editor-reference.cjs.development.js

@@ -8,9 +8,9 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var emotion = require('emotion');
 var tokens = _interopDefault(require('@contentful/f36-tokens'));
-var get = _interopDefault(require('lodash/get'));
 var f36Components = require('@contentful/f36-components');
 var f36Icons = require('@contentful/f36-icons');
+var get = _interopDefault(require('lodash/get'));
 var moment = _interopDefault(require('moment'));
 var fieldEditorShared = require('@contentful/field-editor-shared');
 var deepEqual = _interopDefault(require('deep-equal'));
@@ -197,7 +197,7 @@ var action = /*#__PURE__*/emotion.css({
 });
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
-var MAX_ITEMS_WITHOUT_SEARCH = 20;
+var MAX_ITEMS_WITHOUT_SEARCH = 5;
 var menuPlacementMap = {
   'bottom-left': 'bottom-start',
   'bottom-right': 'bottom-end'
@@ -403,7 +403,8 @@ var standardStyles = {
 var redesignStyles = /*#__PURE__*/_extends({}, standardStyles, {
   action: /*#__PURE__*/emotion.css({
     textDecoration: 'none',
-    fontWeight: 'bold'
+    fontWeight: 'bold',
+    maxWidth: '300px'
   })
 });
 
@@ -1603,7 +1604,8 @@ function _selectMultipleEntities() {
   return _selectMultipleEntities.apply(this, arguments);
 }
 
-var _excluded = ["renderCustomActions"];
+var _excluded = ["renderCustomActions"],
+    _excluded2 = ["renderCustomActions"];
 function useLinkActionsProps(props) {
   var _editorPermissions$va;
 
@@ -1802,10 +1804,13 @@ function LinkEntityActions(_ref4) {
   var renderCustomActions = _ref4.renderCustomActions,
       props = _objectWithoutPropertiesLoose(_ref4, _excluded);
 
-  var renderLinkActions = renderCustomActions ? renderCustomActions : function (props) {
-    return React.createElement(LinkActions, _extends({}, props));
-  };
-  return renderLinkActions(props);
+  return renderCustomActions ? renderCustomActions(props) : React.createElement(LinkActions, _extends({}, props));
+}
+function CombinedLinkEntityActions(_ref5) {
+  var renderCustomActions = _ref5.renderCustomActions,
+      props = _objectWithoutPropertiesLoose(_ref5, _excluded2);
+
+  return renderCustomActions ? renderCustomActions(props) : React.createElement(CombinedLinkActions, _extends({}, props));
 }
 
 // eslint-disable-next-line -- TODO: describe this disable  no-restricted-imports
@@ -1924,7 +1929,7 @@ function AssetThumbnail(props) {
 }
 
 var _excluded$1 = ["priority"],
-    _excluded2 = ["children"];
+    _excluded2$1 = ["children"];
 
 var globalQueue = /*#__PURE__*/new PQueue({
   concurrency: 50
@@ -2374,7 +2379,7 @@ function useResource(resourceType, urn, options) {
 
 function EntityProvider(_ref9) {
   var children = _ref9.children,
-      props = _objectWithoutPropertiesLoose(_ref9, _excluded2);
+      props = _objectWithoutPropertiesLoose(_ref9, _excluded2$1);
 
   var reactQueryClient = React.useMemo(function () {
     var queryCache = new reactQuery.QueryCache();
@@ -3364,7 +3369,9 @@ var styles$3 = {
     position: 'relative'
   }),
   item: /*#__PURE__*/emotion.css({
-    marginBottom: tokens.spacingM
+    marginBottom: tokens.spacingM,
+    zIndex: tokens.zIndexModalContent // setting this to an index above 99 fixes dragged item disappearing issue
+
   })
 };
 
@@ -4235,7 +4242,9 @@ function ResourceEditor(props) {
     onSortEnd: onSortEnd,
     onMove: onMove,
     onRemoteItemAtIndex: onRemoteItemAtIndex
-  })), React.createElement(CombinedLinkActions, _extends({}, linkActionsProps)));
+  })), React.createElement(CombinedLinkEntityActions, _extends({}, linkActionsProps, {
+    renderCustomActions: props.renderCustomActions
+  })));
 } // provides memoized callbacks bound to a given item
 
 
@@ -4283,6 +4292,7 @@ function MultipleResourceReferenceEditor(props) {
       items: value || EMPTY_ARRAY,
       isDisabled: disabled,
       setValue: setValue,
+      renderCustomActions: props.renderCustomActions,
       key: externalReset + "-list"
     }), function (editorProps) {
       return React.createElement(SortableLinkList, _extends({}, editorProps), function (_ref4) {
@@ -4341,8 +4351,9 @@ function SingleResourceReferenceEditor(props) {
       resourceLink: value,
       isDisabled: disabled,
       getEntryRouteHref: props.getEntryRouteHref
-    }) : // TODO: support custom actions once publicly available
-    React.createElement(CombinedLinkActions, _extends({}, linkActionsProps));
+    }) : React.createElement(CombinedLinkEntityActions, _extends({}, linkActionsProps, {
+      renderCustomActions: props.renderCustomActions
+    }));
   }));
 }