@contentful/field-editor-reference 5.31.0 → 5.31.2

package/dist/cjs/components/CreateEntryLinkButton/CreateEntryMenuTrigger.js

@@ -94,7 +94,7 @@ const styles = {
 };
 const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentTypesLabel, onSelect, testId, dropdownSettings = {
     position: 'bottom-left'
-}, customDropdownItems, children, menuProps })=>{
+}, customDropdownItems, children, menuProps, filterExperienceTypes = true })=>{
     const [isOpen, setOpen] = (0, _react.useState)(false);
     const [isSelecting, setSelecting] = (0, _react.useState)(false);
     const [searchInput, setSearchInput] = (0, _react.useState)('');
@@ -102,6 +102,13 @@ const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentT
     const textField = (0, _react.useRef)(null);
     const menuListRef = (0, _react.useRef)(null);
     const [dropdownWidth, setDropdownWidth] = (0, _react.useState)();
+    const filteredContentTypes = (0, _react.useMemo)(()=>filterExperienceTypes ? contentTypes.filter((contentType)=>{
+            const annotations = (0, _get.default)(contentType, 'metadata.annotations.ContentType', []);
+            return !annotations.some((annotation)=>(0, _get.default)(annotation, 'sys.id') === 'Contentful:ExperienceType');
+        }) : contentTypes, [
+        contentTypes,
+        filterExperienceTypes
+    ]);
     const hasDropdown = contentTypes.length > 1 || !!customDropdownItems;
     const closeMenu = ()=>setOpen(false);
     (0, _react.useEffect)(()=>{
@@ -148,10 +155,10 @@ const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentT
     const renderSearchResultsCount = (resultsLength)=>resultsLength ? _react.default.createElement(_f36components.Menu.SectionTitle, {
             testId: "add-entru-menu-search-results"
         }, resultsLength, " result", resultsLength > 1 ? 's' : '') : null;
-    const isSearchable = contentTypes.length > MAX_ITEMS_WITHOUT_SEARCH;
+    const isSearchable = filteredContentTypes.length > MAX_ITEMS_WITHOUT_SEARCH;
     const maxDropdownHeight = suggestedContentTypeId ? 300 : 250;
-    const suggestedContentType = contentTypes.find((ct)=>ct.sys.id === suggestedContentTypeId);
-    const filteredContentTypes = contentTypes.filter((ct)=>!searchInput || (0, _get.default)(ct, 'name', 'Untitled').toLowerCase().includes(searchInput.toLowerCase()));
+    const suggestedContentType = filteredContentTypes.find((ct)=>ct.sys.id === suggestedContentTypeId);
+    const searchFilteredContentTypes = filteredContentTypes.filter((ct)=>!searchInput || (0, _get.default)(ct, 'name', 'Untitled').toLowerCase().includes(searchInput.toLowerCase()));
     return _react.default.createElement("span", {
         className: styles.wrapper,
         ref: wrapper,
@@ -185,10 +192,10 @@ const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentT
         onChange: (e)=>setSearchInput(e.target.value)
     }), _react.default.createElement(_f36icons.SearchIcon, {
         className: styles.searchIcon
-    })), _react.default.createElement(_f36components.Menu.Divider, null)), searchInput && renderSearchResultsCount(filteredContentTypes.length), suggestedContentType && !searchInput && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_f36components.Menu.SectionTitle, null, "Suggested Content Type"), _react.default.createElement(_f36components.Menu.Item, {
+    })), _react.default.createElement(_f36components.Menu.Divider, null)), searchInput && renderSearchResultsCount(searchFilteredContentTypes.length), suggestedContentType && !searchInput && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_f36components.Menu.SectionTitle, null, "Suggested Content Type"), _react.default.createElement(_f36components.Menu.Item, {
         testId: "suggested",
         onClick: ()=>handleSelect(suggestedContentType)
-    }, (0, _get.default)(suggestedContentType, 'name')), _react.default.createElement(_f36components.Menu.Divider, null)), !searchInput && _react.default.createElement(_f36components.Menu.SectionTitle, null, contentTypesLabel), filteredContentTypes.length ? filteredContentTypes.map((contentType, i)=>_react.default.createElement(_f36components.Menu.Item, {
+    }, (0, _get.default)(suggestedContentType, 'name')), _react.default.createElement(_f36components.Menu.Divider, null)), !searchInput && _react.default.createElement(_f36components.Menu.SectionTitle, null, contentTypesLabel), searchFilteredContentTypes.length ? searchFilteredContentTypes.map((contentType, i)=>_react.default.createElement(_f36components.Menu.Item, {
             testId: "contentType",
             key: `${(0, _get.default)(contentType, 'name')}-${i}`,
             onClick: ()=>handleSelect(contentType)
@@ -198,5 +205,6 @@ const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentT
 };
 CreateEntryMenuTrigger.defaultProps = {
     testId: 'create-entry-button-menu-trigger',
-    contentTypesLabel: 'All Content Types'
+    contentTypesLabel: 'All Content Types',
+    filterExperienceTypes: true
 };

package/dist/cjs/components/CreateEntryLinkButton/CreateEntryMenuTrigger.spec.js

@@ -76,6 +76,25 @@ const CONTENT_TYPE_3 = {
         id: 'ID_3'
     }
 };
+const EXPERIENCE_TYPE = {
+    name: 'experience-type',
+    sys: {
+        id: 'ID_4'
+    },
+    metadata: {
+        annotations: {
+            ContentType: [
+                {
+                    sys: {
+                        id: 'Contentful:ExperienceType',
+                        type: 'Link',
+                        linkType: 'Annotation'
+                    }
+                }
+            ]
+        }
+    }
+};
 describe('CreateEntryMenuTrigger general', ()=>{
     const props = {
         contentTypes: [
@@ -189,4 +208,26 @@ describe('CreateEntryMenuTrigger general', ()=>{
         expect(suggestedContentType).toBeDefined();
         expect(suggestedContentType.textContent).toBe(props.contentTypes[0].name);
     });
+    it('filters out content types with Contentful:ExperienceType annotation', ()=>{
+        const contentTypesWithExperience = [
+            CONTENT_TYPE_1,
+            CONTENT_TYPE_2,
+            CONTENT_TYPE_3,
+            EXPERIENCE_TYPE
+        ];
+        const { getByTestId, getAllByTestId } = (0, _react1.render)(_react.createElement(_CreateEntryMenuTrigger.CreateEntryMenuTrigger, {
+            ...props,
+            contentTypes: contentTypesWithExperience
+        }, stub));
+        (0, _react1.act)(()=>{
+            _react1.fireEvent.click(getByTestId('menu-trigger'));
+        });
+        const contentTypeItems = getAllByTestId('contentType');
+        expect(contentTypeItems).toHaveLength(3);
+        expect(contentTypeItems[0].textContent).toBe('name-1');
+        expect(contentTypeItems[1].textContent).toBe('name-2');
+        expect(contentTypeItems[2].textContent).toBe('name-3');
+        const experienceTypeItem = contentTypeItems.find((item)=>item.textContent === 'experience-type');
+        expect(experienceTypeItem).toBeUndefined();
+    });
 });

package/dist/esm/components/CreateEntryLinkButton/CreateEntryMenuTrigger.js

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect, useMemo } from 'react';
 import { TextInput, Menu } from '@contentful/f36-components';
 import { SearchIcon } from '@contentful/f36-icons';
 import tokens from '@contentful/f36-tokens';
@@ -38,7 +38,7 @@ const styles = {
 };
 export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentTypesLabel, onSelect, testId, dropdownSettings = {
     position: 'bottom-left'
-}, customDropdownItems, children, menuProps })=>{
+}, customDropdownItems, children, menuProps, filterExperienceTypes = true })=>{
     const [isOpen, setOpen] = useState(false);
     const [isSelecting, setSelecting] = useState(false);
     const [searchInput, setSearchInput] = useState('');
@@ -46,6 +46,13 @@ export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, c
     const textField = useRef(null);
     const menuListRef = useRef(null);
     const [dropdownWidth, setDropdownWidth] = useState();
+    const filteredContentTypes = useMemo(()=>filterExperienceTypes ? contentTypes.filter((contentType)=>{
+            const annotations = get(contentType, 'metadata.annotations.ContentType', []);
+            return !annotations.some((annotation)=>get(annotation, 'sys.id') === 'Contentful:ExperienceType');
+        }) : contentTypes, [
+        contentTypes,
+        filterExperienceTypes
+    ]);
     const hasDropdown = contentTypes.length > 1 || !!customDropdownItems;
     const closeMenu = ()=>setOpen(false);
     useEffect(()=>{
@@ -92,10 +99,10 @@ export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, c
     const renderSearchResultsCount = (resultsLength)=>resultsLength ? React.createElement(Menu.SectionTitle, {
             testId: "add-entru-menu-search-results"
         }, resultsLength, " result", resultsLength > 1 ? 's' : '') : null;
-    const isSearchable = contentTypes.length > MAX_ITEMS_WITHOUT_SEARCH;
+    const isSearchable = filteredContentTypes.length > MAX_ITEMS_WITHOUT_SEARCH;
     const maxDropdownHeight = suggestedContentTypeId ? 300 : 250;
-    const suggestedContentType = contentTypes.find((ct)=>ct.sys.id === suggestedContentTypeId);
-    const filteredContentTypes = contentTypes.filter((ct)=>!searchInput || get(ct, 'name', 'Untitled').toLowerCase().includes(searchInput.toLowerCase()));
+    const suggestedContentType = filteredContentTypes.find((ct)=>ct.sys.id === suggestedContentTypeId);
+    const searchFilteredContentTypes = filteredContentTypes.filter((ct)=>!searchInput || get(ct, 'name', 'Untitled').toLowerCase().includes(searchInput.toLowerCase()));
     return React.createElement("span", {
         className: styles.wrapper,
         ref: wrapper,
@@ -129,10 +136,10 @@ export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, c
         onChange: (e)=>setSearchInput(e.target.value)
     }), React.createElement(SearchIcon, {
         className: styles.searchIcon
-    })), React.createElement(Menu.Divider, null)), searchInput && renderSearchResultsCount(filteredContentTypes.length), suggestedContentType && !searchInput && React.createElement(React.Fragment, null, React.createElement(Menu.SectionTitle, null, "Suggested Content Type"), React.createElement(Menu.Item, {
+    })), React.createElement(Menu.Divider, null)), searchInput && renderSearchResultsCount(searchFilteredContentTypes.length), suggestedContentType && !searchInput && React.createElement(React.Fragment, null, React.createElement(Menu.SectionTitle, null, "Suggested Content Type"), React.createElement(Menu.Item, {
         testId: "suggested",
         onClick: ()=>handleSelect(suggestedContentType)
-    }, get(suggestedContentType, 'name')), React.createElement(Menu.Divider, null)), !searchInput && React.createElement(Menu.SectionTitle, null, contentTypesLabel), filteredContentTypes.length ? filteredContentTypes.map((contentType, i)=>React.createElement(Menu.Item, {
+    }, get(suggestedContentType, 'name')), React.createElement(Menu.Divider, null)), !searchInput && React.createElement(Menu.SectionTitle, null, contentTypesLabel), searchFilteredContentTypes.length ? searchFilteredContentTypes.map((contentType, i)=>React.createElement(Menu.Item, {
             testId: "contentType",
             key: `${get(contentType, 'name')}-${i}`,
             onClick: ()=>handleSelect(contentType)
@@ -142,5 +149,6 @@ export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, c
 };
 CreateEntryMenuTrigger.defaultProps = {
     testId: 'create-entry-button-menu-trigger',
-    contentTypesLabel: 'All Content Types'
+    contentTypesLabel: 'All Content Types',
+    filterExperienceTypes: true
 };

package/dist/esm/components/CreateEntryLinkButton/CreateEntryMenuTrigger.spec.js

@@ -26,6 +26,25 @@ const CONTENT_TYPE_3 = {
         id: 'ID_3'
     }
 };
+const EXPERIENCE_TYPE = {
+    name: 'experience-type',
+    sys: {
+        id: 'ID_4'
+    },
+    metadata: {
+        annotations: {
+            ContentType: [
+                {
+                    sys: {
+                        id: 'Contentful:ExperienceType',
+                        type: 'Link',
+                        linkType: 'Annotation'
+                    }
+                }
+            ]
+        }
+    }
+};
 describe('CreateEntryMenuTrigger general', ()=>{
     const props = {
         contentTypes: [
@@ -139,4 +158,26 @@ describe('CreateEntryMenuTrigger general', ()=>{
         expect(suggestedContentType).toBeDefined();
         expect(suggestedContentType.textContent).toBe(props.contentTypes[0].name);
     });
+    it('filters out content types with Contentful:ExperienceType annotation', ()=>{
+        const contentTypesWithExperience = [
+            CONTENT_TYPE_1,
+            CONTENT_TYPE_2,
+            CONTENT_TYPE_3,
+            EXPERIENCE_TYPE
+        ];
+        const { getByTestId, getAllByTestId } = render(React.createElement(CreateEntryMenuTrigger, {
+            ...props,
+            contentTypes: contentTypesWithExperience
+        }, stub));
+        act(()=>{
+            fireEvent.click(getByTestId('menu-trigger'));
+        });
+        const contentTypeItems = getAllByTestId('contentType');
+        expect(contentTypeItems).toHaveLength(3);
+        expect(contentTypeItems[0].textContent).toBe('name-1');
+        expect(contentTypeItems[1].textContent).toBe('name-2');
+        expect(contentTypeItems[2].textContent).toBe('name-3');
+        const experienceTypeItem = contentTypeItems.find((item)=>item.textContent === 'experience-type');
+        expect(experienceTypeItem).toBeUndefined();
+    });
 });

package/dist/types/components/CreateEntryLinkButton/CreateEntryMenuTrigger.d.ts

@@ -22,12 +22,14 @@ interface CreateEntryMenuTrigger {
     customDropdownItems?: React.ReactNode;
     children: CreateEntryMenuTriggerChild;
     menuProps?: Omit<MenuProps, 'children'>;
+    filterExperienceTypes?: boolean;
 }
 export declare const CreateEntryMenuTrigger: {
-    ({ contentTypes, suggestedContentTypeId, contentTypesLabel, onSelect, testId, dropdownSettings, customDropdownItems, children, menuProps, }: CreateEntryMenuTrigger): React.JSX.Element;
+    ({ contentTypes, suggestedContentTypeId, contentTypesLabel, onSelect, testId, dropdownSettings, customDropdownItems, children, menuProps, filterExperienceTypes, }: CreateEntryMenuTrigger): React.JSX.Element;
     defaultProps: {
         testId: string;
         contentTypesLabel: string;
+        filterExperienceTypes: boolean;
     };
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-reference",
-  "version": "5.31.0",
+  "version": "5.31.2",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -64,5 +64,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "263a93ae98d14753ef4168550dea74c68253eeb4"
+  "gitHead": "eb3a6f6fd6b37d1ec6fb83dc8401a55ebfe4ff68"
 }