@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.
Files changed (4) hide show
  1. package/dist/cjs/components/CreateEntryLinkButton/CreateEntryMenuTrigger.js +17 -7
  2. package/dist/esm/components/CreateEntryLinkButton/CreateEntryMenuTrigger.js +17 -7
  3. package/dist/types/components/CreateEntryLinkButton/CreateEntryMenuTrigger.d.ts +3 -2
  4. package/package.json +4 -4
package/dist/cjs/components/CreateEntryLinkButton/CreateEntryMenuTrigger.js CHANGED
@@ -71,16 +71,23 @@ const styles = {
71
71
  }),
72
72
  inputWrapper: (0, _emotion.css)({
73
73
  position: 'relative',
74
- padding: `0 ${_f36tokens.default.spacing2Xs}`
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: _f36tokens.default.spacingS,
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)), isSearchable && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement("div", {
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 all content types",
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
- })), /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Divider, null)), 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, {
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, {
package/dist/esm/components/CreateEntryLinkButton/CreateEntryMenuTrigger.js CHANGED
@@ -15,16 +15,23 @@ const styles = {
15
15
  }),
16
16
  inputWrapper: css({
17
17
  position: 'relative',
18
- padding: `0 ${tokens.spacing2Xs}`
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: tokens.spacingS,
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)), isSearchable && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
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 all content types",
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
- })), /*#__PURE__*/ React.createElement(Menu.Divider, null)), 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, {
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, {
package/dist/types/components/CreateEntryLinkButton/CreateEntryMenuTrigger.d.ts CHANGED
@@ -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.0",
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.4.1",
40
- "@contentful/f36-icons": "^5.4.1",
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": "c85b1e8cd6772eb796ed2b22ebb778c717f4a7f4"
71
+ "gitHead": "c5b21141d6963ac4afe1a596c379d63668466afe"
72
72
  }