@orangelogic/orange-dam-content-browser-sdk 2.1.18 → 2.1.20

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.
package/CBSDKdemo.html CHANGED
@@ -6,9 +6,9 @@
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
7
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
8
8
 
9
- <script src="https://downloads.orangelogic.com/ContentBrowserSDK/v2.1.18/OrangeDAMContentBrowserSDK.min.js"></script>
9
+ <script src="https://downloads.orangelogic.com/ContentBrowserSDK/v2.1.20/OrangeDAMContentBrowserSDK.min.js"></script>
10
10
  <link rel="stylesheet" type="text/css"
11
- href="https://downloads.orangelogic.com/ContentBrowserSDK/v2.1.18/OrangeDAMContentBrowserSDK.min.css">
11
+ href="https://downloads.orangelogic.com/ContentBrowserSDK/v2.1.20/OrangeDAMContentBrowserSDK.min.css">
12
12
 
13
13
  <style>
14
14
  * {
@@ -3,9 +3,9 @@
3
3
 
4
4
  <head>
5
5
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&amp;display=swap">
6
- <script src="https://downloads.orangelogic.com/Cortex/AssetBrowser/v2.1.18/OrangeDamAssetBrowser.min.js"></script>
6
+ <script src="https://downloads.orangelogic.com/Cortex/AssetBrowser/v2.1.20/OrangeDamAssetBrowser.min.js"></script>
7
7
  <link rel="stylesheet" type="text/css"
8
- href="https://downloads.orangelogic.com/Cortex/AssetBrowser/v2.1.18/OrangeDamAssetBrowser.min.css">
8
+ href="https://downloads.orangelogic.com/Cortex/AssetBrowser/v2.1.20/OrangeDamAssetBrowser.min.css">
9
9
  <style>
10
10
  #orangelogic-GAB-browser-wrapper {
11
11
  min-width: 382px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orangelogic/orange-dam-content-browser-sdk",
3
- "version": "2.1.18",
3
+ "version": "2.1.20",
4
4
  "description": "OrangeDAM Content Browser SDK source code",
5
5
  "main": "index.js",
6
6
  "homepage": "/",
package/src/App.tsx CHANGED
@@ -46,6 +46,7 @@ import AssetsPicker from '@/view/AssetsPicker';
46
46
  type Props = {
47
47
  containerId?: string;
48
48
  extraFields?: string[];
49
+ loadExternalFonts?: boolean;
49
50
  multiSelect?: boolean;
50
51
  publicApplicationName?: string;
51
52
  /**
@@ -75,6 +76,7 @@ const Container = styled.div<{ open?: boolean }>`
75
76
  export const App: FC<Props> = ({
76
77
  extraFields = [],
77
78
  containerId,
79
+ loadExternalFonts = true,
78
80
  multiSelect,
79
81
  onClose,
80
82
  onError,
@@ -86,18 +88,23 @@ export const App: FC<Props> = ({
86
88
  const [open, setOpen] = useState(true);
87
89
 
88
90
  useEffect(() => {
89
- WebFont.load({
90
- google: {
91
- families: [
92
- 'Fira Code',
93
- 'Fira Mono',
94
- 'Fira Sans',
95
- 'Fira Sans Condensed',
96
- 'Fira Sans Extra Condensed',
97
- ],
98
- },
99
- });
100
- }, []);
91
+ if (loadExternalFonts) {
92
+ WebFont.load({
93
+ google: {
94
+ families: [
95
+ 'Fira Code',
96
+ 'Fira Mono',
97
+ 'Fira Sans',
98
+ 'Fira Sans Condensed',
99
+ 'Fira Sans Extra Condensed',
100
+ ],
101
+ },
102
+ });
103
+ } else {
104
+ // @ts-expect-error
105
+ import('./fonts.css');
106
+ }
107
+ }, [loadExternalFonts]);
101
108
 
102
109
  const handleClose = useCallback(() => {
103
110
  setOpen(false);
@@ -2,7 +2,6 @@ import styled from 'styled-components';
2
2
 
3
3
  export const Container = styled.div`
4
4
  min-height: 124px;
5
- max-height: 600px;
6
5
  display: flex;
7
6
  align-items: center;
8
7
  justify-content: center;
package/src/fonts.css ADDED
@@ -0,0 +1,280 @@
1
+ /* cyrillic-ext */
2
+ @font-face {
3
+ font-family: 'Fira Code';
4
+ font-style: normal;
5
+ font-weight: 400;
6
+ src: url(https://fonts.gstatic.com/s/firacode/v26/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJV37Nv7g.woff2) format('woff2');
7
+ unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
8
+ }
9
+ /* cyrillic */
10
+ @font-face {
11
+ font-family: 'Fira Code';
12
+ font-style: normal;
13
+ font-weight: 400;
14
+ src: url(https://fonts.gstatic.com/s/firacode/v26/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJVT7Nv7g.woff2) format('woff2');
15
+ unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
16
+ }
17
+ /* greek-ext */
18
+ @font-face {
19
+ font-family: 'Fira Code';
20
+ font-style: normal;
21
+ font-weight: 400;
22
+ src: url(https://fonts.gstatic.com/s/firacode/v26/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJVz7Nv7g.woff2) format('woff2');
23
+ unicode-range: U+1F00-1FFF;
24
+ }
25
+ /* greek */
26
+ @font-face {
27
+ font-family: 'Fira Code';
28
+ font-style: normal;
29
+ font-weight: 400;
30
+ src: url(https://fonts.gstatic.com/s/firacode/v26/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJVP7Nv7g.woff2) format('woff2');
31
+ unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
32
+ }
33
+ /* symbols2 */
34
+ @font-face {
35
+ font-family: 'Fira Code';
36
+ font-style: normal;
37
+ font-weight: 400;
38
+ src: url(https://fonts.gstatic.com/s/firacode/v26/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJeraE8PZqw.woff2) format('woff2');
39
+ unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
40
+ }
41
+ /* latin-ext */
42
+ @font-face {
43
+ font-family: 'Fira Code';
44
+ font-style: normal;
45
+ font-weight: 400;
46
+ src: url(https://fonts.gstatic.com/s/firacode/v26/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJV77Nv7g.woff2) format('woff2');
47
+ unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
48
+ }
49
+ /* latin */
50
+ @font-face {
51
+ font-family: 'Fira Code';
52
+ font-style: normal;
53
+ font-weight: 400;
54
+ src: url(https://fonts.gstatic.com/s/firacode/v26/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJVD7Ng.woff2) format('woff2');
55
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
56
+ }
57
+ /* cyrillic-ext */
58
+ @font-face {
59
+ font-family: 'Fira Mono';
60
+ font-style: normal;
61
+ font-weight: 400;
62
+ src: url(https://fonts.gstatic.com/s/firamono/v15/N0bX2SlFPv1weGeLZDtgK_7SodY.woff2) format('woff2');
63
+ unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
64
+ }
65
+ /* cyrillic */
66
+ @font-face {
67
+ font-family: 'Fira Mono';
68
+ font-style: normal;
69
+ font-weight: 400;
70
+ src: url(https://fonts.gstatic.com/s/firamono/v15/N0bX2SlFPv1weGeLZDtgIv7SodY.woff2) format('woff2');
71
+ unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
72
+ }
73
+ /* greek-ext */
74
+ @font-face {
75
+ font-family: 'Fira Mono';
76
+ font-style: normal;
77
+ font-weight: 400;
78
+ src: url(https://fonts.gstatic.com/s/firamono/v15/N0bX2SlFPv1weGeLZDtgKv7SodY.woff2) format('woff2');
79
+ unicode-range: U+1F00-1FFF;
80
+ }
81
+ /* greek */
82
+ @font-face {
83
+ font-family: 'Fira Mono';
84
+ font-style: normal;
85
+ font-weight: 400;
86
+ src: url(https://fonts.gstatic.com/s/firamono/v15/N0bX2SlFPv1weGeLZDtgJf7SodY.woff2) format('woff2');
87
+ unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
88
+ }
89
+ /* symbols2 */
90
+ @font-face {
91
+ font-family: 'Fira Mono';
92
+ font-style: normal;
93
+ font-weight: 400;
94
+ src: url(https://fonts.gstatic.com/s/firamono/v15/N0bX2SlFPv1weGeLZDtgnN_3nO_Q.woff2) format('woff2');
95
+ unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
96
+ }
97
+ /* latin-ext */
98
+ @font-face {
99
+ font-family: 'Fira Mono';
100
+ font-style: normal;
101
+ font-weight: 400;
102
+ src: url(https://fonts.gstatic.com/s/firamono/v15/N0bX2SlFPv1weGeLZDtgKP7SodY.woff2) format('woff2');
103
+ unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
104
+ }
105
+ /* latin */
106
+ @font-face {
107
+ font-family: 'Fira Mono';
108
+ font-style: normal;
109
+ font-weight: 400;
110
+ src: url(https://fonts.gstatic.com/s/firamono/v15/N0bX2SlFPv1weGeLZDtgJv7S.woff2) format('woff2');
111
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
112
+ }
113
+ /* cyrillic-ext */
114
+ @font-face {
115
+ font-family: 'Fira Sans';
116
+ font-style: normal;
117
+ font-weight: 400;
118
+ src: url(https://fonts.gstatic.com/s/firasans/v17/va9E4kDNxMZdWfMOD5VvmojLeTY.woff2) format('woff2');
119
+ unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
120
+ }
121
+ /* cyrillic */
122
+ @font-face {
123
+ font-family: 'Fira Sans';
124
+ font-style: normal;
125
+ font-weight: 400;
126
+ src: url(https://fonts.gstatic.com/s/firasans/v17/va9E4kDNxMZdWfMOD5Vvk4jLeTY.woff2) format('woff2');
127
+ unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
128
+ }
129
+ /* greek-ext */
130
+ @font-face {
131
+ font-family: 'Fira Sans';
132
+ font-style: normal;
133
+ font-weight: 400;
134
+ src: url(https://fonts.gstatic.com/s/firasans/v17/va9E4kDNxMZdWfMOD5Vvm4jLeTY.woff2) format('woff2');
135
+ unicode-range: U+1F00-1FFF;
136
+ }
137
+ /* greek */
138
+ @font-face {
139
+ font-family: 'Fira Sans';
140
+ font-style: normal;
141
+ font-weight: 400;
142
+ src: url(https://fonts.gstatic.com/s/firasans/v17/va9E4kDNxMZdWfMOD5VvlIjLeTY.woff2) format('woff2');
143
+ unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
144
+ }
145
+ /* vietnamese */
146
+ @font-face {
147
+ font-family: 'Fira Sans';
148
+ font-style: normal;
149
+ font-weight: 400;
150
+ src: url(https://fonts.gstatic.com/s/firasans/v17/va9E4kDNxMZdWfMOD5VvmIjLeTY.woff2) format('woff2');
151
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
152
+ }
153
+ /* latin-ext */
154
+ @font-face {
155
+ font-family: 'Fira Sans';
156
+ font-style: normal;
157
+ font-weight: 400;
158
+ src: url(https://fonts.gstatic.com/s/firasans/v17/va9E4kDNxMZdWfMOD5VvmYjLeTY.woff2) format('woff2');
159
+ unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
160
+ }
161
+ /* latin */
162
+ @font-face {
163
+ font-family: 'Fira Sans';
164
+ font-style: normal;
165
+ font-weight: 400;
166
+ src: url(https://fonts.gstatic.com/s/firasans/v17/va9E4kDNxMZdWfMOD5Vvl4jL.woff2) format('woff2');
167
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
168
+ }
169
+ /* cyrillic-ext */
170
+ @font-face {
171
+ font-family: 'Fira Sans Condensed';
172
+ font-style: normal;
173
+ font-weight: 400;
174
+ src: url(https://fonts.gstatic.com/s/firasanscondensed/v10/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfvtrftV.woff2) format('woff2');
175
+ unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
176
+ }
177
+ /* cyrillic */
178
+ @font-face {
179
+ font-family: 'Fira Sans Condensed';
180
+ font-style: normal;
181
+ font-weight: 400;
182
+ src: url(https://fonts.gstatic.com/s/firasanscondensed/v10/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfLtrftV.woff2) format('woff2');
183
+ unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
184
+ }
185
+ /* greek-ext */
186
+ @font-face {
187
+ font-family: 'Fira Sans Condensed';
188
+ font-style: normal;
189
+ font-weight: 400;
190
+ src: url(https://fonts.gstatic.com/s/firasanscondensed/v10/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfrtrftV.woff2) format('woff2');
191
+ unicode-range: U+1F00-1FFF;
192
+ }
193
+ /* greek */
194
+ @font-face {
195
+ font-family: 'Fira Sans Condensed';
196
+ font-style: normal;
197
+ font-weight: 400;
198
+ src: url(https://fonts.gstatic.com/s/firasanscondensed/v10/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfXtrftV.woff2) format('woff2');
199
+ unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
200
+ }
201
+ /* vietnamese */
202
+ @font-face {
203
+ font-family: 'Fira Sans Condensed';
204
+ font-style: normal;
205
+ font-weight: 400;
206
+ src: url(https://fonts.gstatic.com/s/firasanscondensed/v10/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfntrftV.woff2) format('woff2');
207
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
208
+ }
209
+ /* latin-ext */
210
+ @font-face {
211
+ font-family: 'Fira Sans Condensed';
212
+ font-style: normal;
213
+ font-weight: 400;
214
+ src: url(https://fonts.gstatic.com/s/firasanscondensed/v10/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfjtrftV.woff2) format('woff2');
215
+ unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
216
+ }
217
+ /* latin */
218
+ @font-face {
219
+ font-family: 'Fira Sans Condensed';
220
+ font-style: normal;
221
+ font-weight: 400;
222
+ src: url(https://fonts.gstatic.com/s/firasanscondensed/v10/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfbtrQ.woff2) format('woff2');
223
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
224
+ }
225
+ /* cyrillic-ext */
226
+ @font-face {
227
+ font-family: 'Fira Sans Extra Condensed';
228
+ font-style: normal;
229
+ font-weight: 400;
230
+ src: url(https://fonts.gstatic.com/s/firasansextracondensed/v10/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1fKuukef.woff2) format('woff2');
231
+ unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
232
+ }
233
+ /* cyrillic */
234
+ @font-face {
235
+ font-family: 'Fira Sans Extra Condensed';
236
+ font-style: normal;
237
+ font-weight: 400;
238
+ src: url(https://fonts.gstatic.com/s/firasansextracondensed/v10/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1fuuukef.woff2) format('woff2');
239
+ unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
240
+ }
241
+ /* greek-ext */
242
+ @font-face {
243
+ font-family: 'Fira Sans Extra Condensed';
244
+ font-style: normal;
245
+ font-weight: 400;
246
+ src: url(https://fonts.gstatic.com/s/firasansextracondensed/v10/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1fOuukef.woff2) format('woff2');
247
+ unicode-range: U+1F00-1FFF;
248
+ }
249
+ /* greek */
250
+ @font-face {
251
+ font-family: 'Fira Sans Extra Condensed';
252
+ font-style: normal;
253
+ font-weight: 400;
254
+ src: url(https://fonts.gstatic.com/s/firasansextracondensed/v10/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1fyuukef.woff2) format('woff2');
255
+ unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
256
+ }
257
+ /* vietnamese */
258
+ @font-face {
259
+ font-family: 'Fira Sans Extra Condensed';
260
+ font-style: normal;
261
+ font-weight: 400;
262
+ src: url(https://fonts.gstatic.com/s/firasansextracondensed/v10/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1fCuukef.woff2) format('woff2');
263
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
264
+ }
265
+ /* latin-ext */
266
+ @font-face {
267
+ font-family: 'Fira Sans Extra Condensed';
268
+ font-style: normal;
269
+ font-weight: 400;
270
+ src: url(https://fonts.gstatic.com/s/firasansextracondensed/v10/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1fGuukef.woff2) format('woff2');
271
+ unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
272
+ }
273
+ /* latin */
274
+ @font-face {
275
+ font-family: 'Fira Sans Extra Condensed';
276
+ font-style: normal;
277
+ font-weight: 400;
278
+ src: url(https://fonts.gstatic.com/s/firasansextracondensed/v10/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1f-uug.woff2) format('woff2');
279
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
280
+ }
package/src/index.tsx CHANGED
@@ -169,6 +169,11 @@ type OrangeDAMContentBrowser = {
169
169
  * The flag to allow the user to logout
170
170
  */
171
171
  allowLogout?: boolean;
172
+
173
+ /**
174
+ * The flag to toggle between loading external fonts from direct links and from internal CSS file
175
+ */
176
+ loadExternalFonts?: boolean;
172
177
  }) => Promise<void>;
173
178
  close: () => void;
174
179
  previewAsset?: (assetId: string) => void;
@@ -270,6 +275,7 @@ const ContentBrowser: OrangeDAMContentBrowser = {
270
275
  },
271
276
  extraFields,
272
277
  lastLocationMode,
278
+ loadExternalFonts,
273
279
  multiSelect,
274
280
  persistMode,
275
281
  publicApplicationName,
@@ -392,6 +398,7 @@ const ContentBrowser: OrangeDAMContentBrowser = {
392
398
  <App
393
399
  containerId={containerId}
394
400
  extraFields={extraFields}
401
+ loadExternalFonts={loadExternalFonts}
395
402
  multiSelect={multiSelect}
396
403
  onError={errorHandler}
397
404
  onAssetAction={assetActionHandler}
@@ -689,7 +689,10 @@ const HomePage: FC<Props> = () => {
689
689
  if (selectedAsset && extraFields?.includes(item)) {
690
690
  payload[0] = {
691
691
  ...payload[0],
692
- [item]: selectedAsset[key],
692
+ extraFields: {
693
+ ...(payload[0]?.extraFields || {}),
694
+ [item]: selectedAsset[key],
695
+ },
693
696
  };
694
697
  }
695
698
  });