@contentful/field-editor-reference 6.16.0 → 6.16.2
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.
|
@@ -71,16 +71,23 @@ const styles = {
|
|
|
71
71
|
}),
|
|
72
72
|
inputWrapper: (0, _emotion.css)({
|
|
73
73
|
position: 'relative',
|
|
74
|
-
padding:
|
|
74
|
+
padding: `${_f36tokens.default.spacing2Xs} ${_f36tokens.default.spacingXs}`
|
|
75
|
+
}),
|
|
76
|
+
title: (0, _emotion.css)({
|
|
77
|
+
paddingTop: _f36tokens.default.spacing2Xs,
|
|
78
|
+
fontWeight: _f36tokens.default.fontWeightMedium
|
|
75
79
|
}),
|
|
76
80
|
searchInput: (0, _emotion.css)({
|
|
77
81
|
paddingRight: _f36tokens.default.spacingXl,
|
|
78
|
-
textOverflow: 'ellipsis'
|
|
82
|
+
textOverflow: 'ellipsis',
|
|
83
|
+
minHeight: '32px',
|
|
84
|
+
maxHeight: '32px'
|
|
79
85
|
}),
|
|
80
86
|
searchIcon: (0, _emotion.css)({
|
|
81
87
|
position: 'absolute',
|
|
82
88
|
right: _f36tokens.default.spacingM,
|
|
83
|
-
top:
|
|
89
|
+
top: '50%',
|
|
90
|
+
transform: 'translateY(-50%)',
|
|
84
91
|
zIndex: Number(_f36tokens.default.zIndexDefault),
|
|
85
92
|
fill: _f36tokens.default.gray600
|
|
86
93
|
}),
|
|
@@ -92,7 +99,7 @@ const styles = {
|
|
|
92
99
|
borderColor: _f36tokens.default.gray200
|
|
93
100
|
})
|
|
94
101
|
};
|
|
95
|
-
const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentTypesLabel, onSelect, testId, dropdownSettings = {
|
|
102
|
+
const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentTypesLabel, title, onSelect, testId, dropdownSettings = {
|
|
96
103
|
position: 'bottom-left'
|
|
97
104
|
}, customDropdownItems, children, menuProps, filterExperienceTypes = true })=>{
|
|
98
105
|
const [isOpen, setOpen] = (0, _react.useState)(false);
|
|
@@ -181,18 +188,21 @@ const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentT
|
|
|
181
188
|
},
|
|
182
189
|
ref: menuListRef,
|
|
183
190
|
testId: "add-entry-menu"
|
|
184
|
-
}, Boolean(customDropdownItems) && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, customDropdownItems, /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Divider, null)),
|
|
191
|
+
}, Boolean(customDropdownItems) && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, customDropdownItems, /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Divider, null)), title && /*#__PURE__*/ _react.default.createElement(_f36components.Menu.SectionTitle, {
|
|
192
|
+
className: styles.title
|
|
193
|
+
}, title), isSearchable && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement("div", {
|
|
185
194
|
ref: textField,
|
|
186
195
|
className: styles.inputWrapper
|
|
187
196
|
}, /*#__PURE__*/ _react.default.createElement(_f36components.TextInput, {
|
|
188
197
|
className: styles.searchInput,
|
|
189
|
-
placeholder: "Search
|
|
198
|
+
placeholder: "Search content type",
|
|
190
199
|
testId: "add-entry-menu-search",
|
|
191
200
|
value: searchInput,
|
|
192
201
|
onChange: (e)=>setSearchInput(e.target.value)
|
|
193
202
|
}), /*#__PURE__*/ _react.default.createElement(_f36icons.MagnifyingGlassIcon, {
|
|
203
|
+
size: "small",
|
|
194
204
|
className: styles.searchIcon
|
|
195
|
-
}))
|
|
205
|
+
}))), searchInput && renderSearchResultsCount(searchFilteredContentTypes.length), suggestedContentType && !searchInput && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_f36components.Menu.SectionTitle, null, "Suggested Content Type"), /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Item, {
|
|
196
206
|
testId: "suggested",
|
|
197
207
|
onClick: ()=>handleSelect(suggestedContentType)
|
|
198
208
|
}, (0, _get.default)(suggestedContentType, 'name')), /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Divider, null)), !searchInput && /*#__PURE__*/ _react.default.createElement(_f36components.Menu.SectionTitle, null, contentTypesLabel), searchFilteredContentTypes.length ? searchFilteredContentTypes.map((contentType, i)=>/*#__PURE__*/ _react.default.createElement(_f36components.Menu.Item, {
|
|
@@ -15,16 +15,23 @@ const styles = {
|
|
|
15
15
|
}),
|
|
16
16
|
inputWrapper: css({
|
|
17
17
|
position: 'relative',
|
|
18
|
-
padding:
|
|
18
|
+
padding: `${tokens.spacing2Xs} ${tokens.spacingXs}`
|
|
19
|
+
}),
|
|
20
|
+
title: css({
|
|
21
|
+
paddingTop: tokens.spacing2Xs,
|
|
22
|
+
fontWeight: tokens.fontWeightMedium
|
|
19
23
|
}),
|
|
20
24
|
searchInput: css({
|
|
21
25
|
paddingRight: tokens.spacingXl,
|
|
22
|
-
textOverflow: 'ellipsis'
|
|
26
|
+
textOverflow: 'ellipsis',
|
|
27
|
+
minHeight: '32px',
|
|
28
|
+
maxHeight: '32px'
|
|
23
29
|
}),
|
|
24
30
|
searchIcon: css({
|
|
25
31
|
position: 'absolute',
|
|
26
32
|
right: tokens.spacingM,
|
|
27
|
-
top:
|
|
33
|
+
top: '50%',
|
|
34
|
+
transform: 'translateY(-50%)',
|
|
28
35
|
zIndex: Number(tokens.zIndexDefault),
|
|
29
36
|
fill: tokens.gray600
|
|
30
37
|
}),
|
|
@@ -36,7 +43,7 @@ const styles = {
|
|
|
36
43
|
borderColor: tokens.gray200
|
|
37
44
|
})
|
|
38
45
|
};
|
|
39
|
-
export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentTypesLabel, onSelect, testId, dropdownSettings = {
|
|
46
|
+
export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentTypesLabel, title, onSelect, testId, dropdownSettings = {
|
|
40
47
|
position: 'bottom-left'
|
|
41
48
|
}, customDropdownItems, children, menuProps, filterExperienceTypes = true })=>{
|
|
42
49
|
const [isOpen, setOpen] = useState(false);
|
|
@@ -125,18 +132,21 @@ export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, c
|
|
|
125
132
|
},
|
|
126
133
|
ref: menuListRef,
|
|
127
134
|
testId: "add-entry-menu"
|
|
128
|
-
}, Boolean(customDropdownItems) && /*#__PURE__*/ React.createElement(React.Fragment, null, customDropdownItems, /*#__PURE__*/ React.createElement(Menu.Divider, null)),
|
|
135
|
+
}, Boolean(customDropdownItems) && /*#__PURE__*/ React.createElement(React.Fragment, null, customDropdownItems, /*#__PURE__*/ React.createElement(Menu.Divider, null)), title && /*#__PURE__*/ React.createElement(Menu.SectionTitle, {
|
|
136
|
+
className: styles.title
|
|
137
|
+
}, title), isSearchable && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
|
|
129
138
|
ref: textField,
|
|
130
139
|
className: styles.inputWrapper
|
|
131
140
|
}, /*#__PURE__*/ React.createElement(TextInput, {
|
|
132
141
|
className: styles.searchInput,
|
|
133
|
-
placeholder: "Search
|
|
142
|
+
placeholder: "Search content type",
|
|
134
143
|
testId: "add-entry-menu-search",
|
|
135
144
|
value: searchInput,
|
|
136
145
|
onChange: (e)=>setSearchInput(e.target.value)
|
|
137
146
|
}), /*#__PURE__*/ React.createElement(MagnifyingGlassIcon, {
|
|
147
|
+
size: "small",
|
|
138
148
|
className: styles.searchIcon
|
|
139
|
-
}))
|
|
149
|
+
}))), searchInput && renderSearchResultsCount(searchFilteredContentTypes.length), suggestedContentType && !searchInput && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Menu.SectionTitle, null, "Suggested Content Type"), /*#__PURE__*/ React.createElement(Menu.Item, {
|
|
140
150
|
testId: "suggested",
|
|
141
151
|
onClick: ()=>handleSelect(suggestedContentType)
|
|
142
152
|
}, get(suggestedContentType, 'name')), /*#__PURE__*/ React.createElement(Menu.Divider, null)), !searchInput && /*#__PURE__*/ React.createElement(Menu.SectionTitle, null, contentTypesLabel), searchFilteredContentTypes.length ? searchFilteredContentTypes.map((contentType, i)=>/*#__PURE__*/ React.createElement(Menu.Item, {
|
|
@@ -6,13 +6,14 @@ type CreateEntryMenuTriggerChildProps = {
|
|
|
6
6
|
isSelecting: boolean;
|
|
7
7
|
};
|
|
8
8
|
export type CreateEntryMenuTriggerChild = (props: CreateEntryMenuTriggerChildProps) => React.ReactElement;
|
|
9
|
-
export type CreateCustomEntryMenuItems = ({ closeMenu }: {
|
|
9
|
+
export type CreateCustomEntryMenuItems = ({ closeMenu, }: {
|
|
10
10
|
closeMenu: Function;
|
|
11
11
|
}) => React.ReactElement;
|
|
12
12
|
interface CreateEntryMenuTrigger {
|
|
13
13
|
contentTypes: ContentType[];
|
|
14
14
|
suggestedContentTypeId?: string;
|
|
15
15
|
contentTypesLabel?: string;
|
|
16
|
+
title?: string;
|
|
16
17
|
onSelect: (contentTypeId: string) => Promise<unknown>;
|
|
17
18
|
testId?: string;
|
|
18
19
|
dropdownSettings?: {
|
|
@@ -25,7 +26,7 @@ interface CreateEntryMenuTrigger {
|
|
|
25
26
|
filterExperienceTypes?: boolean;
|
|
26
27
|
}
|
|
27
28
|
export declare const CreateEntryMenuTrigger: {
|
|
28
|
-
({ contentTypes, suggestedContentTypeId, contentTypesLabel, onSelect, testId, dropdownSettings, customDropdownItems, children, menuProps, filterExperienceTypes }: CreateEntryMenuTrigger): React.JSX.Element;
|
|
29
|
+
({ contentTypes, suggestedContentTypeId, contentTypesLabel, title, onSelect, testId, dropdownSettings, customDropdownItems, children, menuProps, filterExperienceTypes, }: CreateEntryMenuTrigger): React.JSX.Element;
|
|
29
30
|
defaultProps: {
|
|
30
31
|
testId: string;
|
|
31
32
|
contentTypesLabel: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/field-editor-reference",
|
|
3
|
-
"version": "6.16.
|
|
3
|
+
"version": "6.16.2",
|
|
4
4
|
"main": "dist/cjs/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"types": "dist/types/index.d.ts",
|
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
"tsc": "tsc -p ./ --noEmit"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@contentful/f36-components": "^5.
|
|
40
|
-
"@contentful/f36-icons": "^5.
|
|
39
|
+
"@contentful/f36-components": "^5.8.1",
|
|
40
|
+
"@contentful/f36-icons": "^5.8.1",
|
|
41
41
|
"@contentful/f36-tokens": "^5.1.0",
|
|
42
42
|
"@contentful/field-editor-shared": "^2.17.0",
|
|
43
43
|
"@contentful/mimetype": "^2.2.29",
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
"publishConfig": {
|
|
69
69
|
"registry": "https://npm.pkg.github.com/"
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "c5b21141d6963ac4afe1a596c379d63668466afe"
|
|
72
72
|
}
|