@ndla/ui 50.1.6 → 50.2.0

package/lib/index.d.ts

@@ -90,5 +90,5 @@ export type { GridType } from './Grid';
 export { default as FrontpageArticle, FRONTPAGE_ARTICLE_MAX_WIDTH, WIDE_FRONTPAGE_ARTICLE_MAX_WIDTH, } from './FrontpageArticle';
 export { DefinitionTerm, DefinitionDescription } from './DefinitionList';
 export type { ProgrammeV2 } from './ProgrammeCard';
-export { Gloss } from './Gloss';
+export { Gloss, GlossExample } from './Gloss';
 export { LinkBlock, LinkBlockSection } from './LinkBlock';

package/lib/index.js

@@ -405,6 +405,12 @@ Object.defineProperty(exports, "Gloss", {
     return _Gloss.Gloss;
   }
 });
+Object.defineProperty(exports, "GlossExample", {
+  enumerable: true,
+  get: function () {
+    return _Gloss.GlossExample;
+  }
+});
 Object.defineProperty(exports, "Grid", {
   enumerable: true,
   get: function () {

package/lib/locale/messages-en.d.ts

@@ -15,7 +15,7 @@ export declare const contentTypes: {
     LEARNING_PATH: string;
     TOPIC: string;
     MULTIDISCIPLINARY_TOPIC: string;
-}, subjectCategories: typeof import("../model/SubjectCategories"), subjectTypes: typeof import("../model/SubjectTypes"), wordClass: typeof import("../model/WordClass"), Transcriptions: typeof import("../model/Transcriptions");
+}, subjectCategories: typeof import("../model/SubjectCategories"), subjectTypes: typeof import("../model/SubjectTypes"), wordClass: typeof import("../model/WordClass");
 declare const messages: {
     filterButtons: {
         removeAllFilters: string;
@@ -79,7 +79,9 @@ declare const messages: {
         folder: {
             folder: string;
             delete: string;
+            deleteShort: string;
             edit: string;
+            editShort: string;
             copy: string;
             open: string;
             close: string;
@@ -117,11 +119,14 @@ declare const messages: {
                 };
                 button: {
                     share: string;
+                    shareShort: string;
                     preview: string;
+                    previewShort: string;
                     goTo: string;
                     unShare: string;
                     shareLink: string;
                 };
+                previewInformation: string;
             };
         };
         arena: {
@@ -190,9 +195,9 @@ declare const messages: {
                 description: string;
                 myNotification: string;
                 markAll: string;
-                commentedOn: string;
                 subscribe: string;
                 unsubscribe: string;
+                commentedOn: string;
             };
             topicsBy: string;
         };
@@ -214,6 +219,7 @@ declare const messages: {
         myTags: string;
         mySubjects: string;
         newFolder: string;
+        newFolderShort: string;
         newFolderUnder: string;
         myAccount: string;
         favourites: string;

package/lib/locale/messages-en.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wordClass = exports.subjectTypes = exports.subjectCategories = exports.default = exports.contentTypes = exports.Transcriptions = void 0;
+exports.wordClass = exports.subjectTypes = exports.subjectCategories = exports.default = exports.contentTypes = void 0;
 var _licenses = require("@ndla/licenses");
 var _model = _interopRequireDefault(require("../model"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -19,10 +19,8 @@ const {
   contentTypes,
   subjectCategories,
   subjectTypes,
-  wordClass,
-  Transcriptions
+  wordClass
 } = _model.default;
-exports.Transcriptions = Transcriptions;
 exports.wordClass = wordClass;
 exports.subjectTypes = subjectTypes;
 exports.subjectCategories = subjectCategories;
@@ -1134,7 +1132,9 @@ const messages = {
     folder: {
       folder: 'Folder',
       delete: 'Delete folder',
+      deleteShort: 'Delete',
       edit: 'Edit folder',
+      editShort: 'Edit',
       copy: 'Copy folder',
       open: 'Open folder',
       close: 'Close folder',
@@ -1172,11 +1172,14 @@ const messages = {
         },
         button: {
           share: 'Share folder',
+          shareShort: 'Share',
           preview: 'Preview folder',
+          previewShort: 'Preview',
           goTo: 'Go to shared folder',
           unShare: 'Stop sharing',
           shareLink: 'Copy link'
-        }
+        },
+        previewInformation: 'Preview of shared folder. The folder is not available to others until you update its status to shared.'
       }
     },
     arena: {
@@ -1245,9 +1248,9 @@ const messages = {
         description: 'Welcome to NDLA Arena. Here you can discuss, share and cooperate with other teachers from all of Norway. You will find forums for the different subjects and themes.',
         myNotification: 'My notifications',
         markAll: 'Mark all as read',
-        commentedOn: 'commented on your post',
         subscribe: 'You will now be notified of new replies to this topic',
-        unsubscribe: 'You have turned off notification of new replies to this topic'
+        unsubscribe: 'You have turned off notification of new replies to this topic',
+        commentedOn: 'commented on the post {{title}} which you follow'
       },
       topicsBy: 'Topics by'
     },
@@ -1269,6 +1272,7 @@ const messages = {
     myTags: 'My tags',
     mySubjects: 'My subjects',
     newFolder: 'New folder',
+    newFolderShort: 'New',
     newFolderUnder: 'Create new folder under {{folderName}}',
     myAccount: 'My account',
     favourites: 'Favourites',

package/lib/locale/messages-nb.d.ts

@@ -79,7 +79,9 @@ declare const messages: {
         folder: {
             folder: string;
             delete: string;
+            deleteShort: string;
             edit: string;
+            editShort: string;
             copy: string;
             open: string;
             close: string;
@@ -117,11 +119,14 @@ declare const messages: {
                 };
                 button: {
                     share: string;
+                    shareShort: string;
                     preview: string;
+                    previewShort: string;
                     goTo: string;
                     unShare: string;
                     shareLink: string;
                 };
+                previewInformation: string;
             };
         };
         arena: {
@@ -190,9 +195,9 @@ declare const messages: {
                 description: string;
                 myNotification: string;
                 markAll: string;
-                commentedOn: string;
                 subscribe: string;
                 unsubscribe: string;
+                commentedOn: string;
             };
             topicsBy: string;
         };
@@ -214,6 +219,7 @@ declare const messages: {
         myTags: string;
         mySubjects: string;
         newFolder: string;
+        newFolderShort: string;
         newFolderUnder: string;
         myAccount: string;
         favourites: string;

package/lib/locale/messages-nb.js

@@ -1132,7 +1132,9 @@ const messages = {
     folder: {
       folder: 'Mappe',
       delete: 'Slett mappe',
+      deleteShort: 'Slett',
       edit: 'Rediger mappe',
+      editShort: 'Rediger',
       copy: 'Kopier mappe',
       open: 'Åpne mappe',
       close: 'Lukk mappe',
@@ -1170,11 +1172,14 @@ const messages = {
         },
         button: {
           share: 'Del mappe',
+          shareShort: 'Del',
           preview: 'Forhåndsvis mappe',
+          previewShort: 'Forhåndsvis',
           goTo: 'Gå til delt mappe',
           unShare: 'Avslutt deling',
           shareLink: 'Kopier lenke'
-        }
+        },
+        previewInformation: 'Forhåndsvisning av delt mappe. Mappa blir ikke tilgjengelig for andre før du setter den som delt.'
       }
     },
     arena: {
@@ -1243,9 +1248,9 @@ const messages = {
         description: 'Velkommen til NDLA Arena. Her kan du diskutere, dele og samarbeide med andre lærere fra hele Norge. Du finner forum for ulike fag og tema.',
         myNotification: 'Mine varsler',
         markAll: 'Merk alle som lest',
-        commentedOn: 'svarte på ditt innlegg',
         subscribe: 'Du får nå varsling om nye svar på dette innlegget',
-        unsubscribe: 'Du har skrudd av varsling om nye svar på dette innlegget'
+        unsubscribe: 'Du har skrudd av varsling om nye svar på dette innlegget',
+        commentedOn: 'svarte på innlegget {{title}} som du følger'
       },
       topicsBy: 'Innlegg av'
     },
@@ -1267,6 +1272,7 @@ const messages = {
     myTags: 'Mine emneknagger',
     mySubjects: 'Mine fag',
     newFolder: 'Ny mappe',
+    newFolderShort: 'Ny',
     newFolderUnder: 'Lag ny mappe under {{folderName}}',
     myAccount: 'Min konto',
     favourites: 'Favoritter',

package/lib/locale/messages-nn.d.ts

@@ -79,7 +79,9 @@ declare const messages: {
         folder: {
             folder: string;
             delete: string;
+            deleteShort: string;
             edit: string;
+            editShort: string;
             copy: string;
             open: string;
             close: string;
@@ -117,11 +119,14 @@ declare const messages: {
                 };
                 button: {
                     share: string;
+                    shareShort: string;
                     preview: string;
+                    previewShort: string;
                     goTo: string;
                     unShare: string;
                     shareLink: string;
                 };
+                previewInformation: string;
             };
         };
         arena: {
@@ -190,9 +195,9 @@ declare const messages: {
                 description: string;
                 myNotification: string;
                 markAll: string;
-                commentedOn: string;
                 subscribe: string;
                 unsubscribe: string;
+                commentedOn: string;
             };
             topicsBy: string;
         };
@@ -214,6 +219,7 @@ declare const messages: {
         myTags: string;
         mySubjects: string;
         newFolder: string;
+        newFolderShort: string;
         newFolderUnder: string;
         myAccount: string;
         favourites: string;

package/lib/locale/messages-nn.js

@@ -1132,7 +1132,9 @@ const messages = {
     folder: {
       folder: 'Mappe',
       delete: 'Slett mappe',
+      deleteShort: 'Slett',
       edit: 'Rediger mappe',
+      editShort: 'Rediger',
       copy: 'Kopier mappe',
       open: 'Åpne mappe',
       close: 'Lukk mappe',
@@ -1170,11 +1172,14 @@ const messages = {
         },
         button: {
           share: 'Del mappe',
+          shareShort: 'Del',
           preview: 'Førehandsvis mappe',
+          previewShort: 'Førehandsvis',
           goTo: 'Gå til delt mappe',
           unShare: 'Avslutt deling',
           shareLink: 'Kopier lenke'
-        }
+        },
+        previewInformation: 'Førehandsvising av delt mappe. Mappa blir ikkje tilgjengeleg for andre før du set ho som delt.'
       }
     },
     arena: {
@@ -1243,9 +1248,9 @@ const messages = {
         description: 'Velkomen til NDLA Arena. Her kan du diskutere, dele og samarbeide med andre lærarar frå heile Noreg. Du finn forum for ulike fag og tema.',
         myNotification: 'Mine varsler',
         markAll: 'Merk alle som lest',
-        commentedOn: 'svarte på ditt innlegg',
         subscribe: 'Du får no varsling om nye svar på dette innlegget',
-        unsubscribe: 'Du har skrudd av varsling om nye svar på dette innlegget'
+        unsubscribe: 'Du har skrudd av varsling om nye svar på dette innlegget',
+        commentedOn: 'svarte på innlegget {{title}} som du følger'
       },
       topicsBy: 'Innlegg av'
     },
@@ -1267,6 +1272,7 @@ const messages = {
     myTags: 'Mine emneknaggar',
     mySubjects: 'Mine fag',
     newFolder: 'Ny mappe',
+    newFolderShort: 'Ny',
     newFolderUnder: 'Lag ny mappe under {{folderName}}',
     myAccount: 'Min konto',
     favourites: 'Favorittar',

package/lib/locale/messages-se.d.ts

@@ -79,7 +79,9 @@ declare const messages: {
         folder: {
             folder: string;
             delete: string;
+            deleteShort: string;
             edit: string;
+            editShort: string;
             copy: string;
             open: string;
             close: string;
@@ -117,11 +119,14 @@ declare const messages: {
                 };
                 button: {
                     share: string;
+                    shareShort: string;
                     preview: string;
+                    previewShort: string;
                     goTo: string;
                     unShare: string;
                     shareLink: string;
                 };
+                previewInformation: string;
             };
         };
         arena: {
@@ -190,9 +195,9 @@ declare const messages: {
                 description: string;
                 myNotification: string;
                 markAll: string;
-                commentedOn: string;
                 subscribe: string;
                 unsubscribe: string;
+                commentedOn: string;
             };
             topicsBy: string;
         };
@@ -214,6 +219,7 @@ declare const messages: {
         myTags: string;
         mySubjects: string;
         newFolder: string;
+        newFolderShort: string;
         newFolderUnder: string;
         myAccount: string;
         favourites: string;

package/lib/locale/messages-se.js

@@ -1132,7 +1132,9 @@ const messages = {
     folder: {
       folder: 'Máhppa',
       delete: 'Sihko máhpa',
+      deleteShort: 'Sihko',
       edit: 'Rievdat máhpa',
+      editShort: 'Rievdat',
       copy: 'Máŋge máhpa',
       open: 'Raba máhpa',
       close: 'Gidde máhpa',
@@ -1170,11 +1172,14 @@ const messages = {
         },
         button: {
           share: 'Juoge máhpa',
-          preview: 'Čájet ovdagihtii juogaduvvon máhpa',
+          shareShort: 'Juoge',
+          preview: 'Ovdačájehanmáhppa',
+          previewShort: 'Ovdačájeheapmi',
           goTo: 'Mana juogaduvvon máhppii',
           unShare: 'Loahpat juogdeami',
           shareLink: 'Máŋge liŋkka'
-        }
+        },
+        previewInformation: 'Juohkejuvvon máhpa ovdačájeheapmi. Máhppa ii leat earáid olámuttos ovdal go ođasmahttá stáhtusa juohkehažžii.'
       }
     },
     arena: {
@@ -1243,9 +1248,9 @@ const messages = {
         description: 'Bures boahtin NDLA Arenai. Dáppe sáhtát digaštallat, juogadit ja ovttasbargat eará oahpaheddjiiguin olles Norggas. Sierra fágaide ja fáttáide gávdnojit forumat.',
         myNotification: 'Mu signállat',
         markAll: 'Merke visot lohkon',
-        commentedOn: 'vástidedje du sáhkavuoru',
         subscribe: 'Don oaččut dál dieđu ođđa vástádusaid dán čállosii',
-        unsubscribe: 'Don leat heaitán muittuheames ođđa vástádusaid dán čállosii'
+        unsubscribe: 'Don leat heaitán muittuheames ođđa vástádusaid dán čállosii',
+        commentedOn: 'vástidii sáhkavuoru {{title}} maid don čuovvut'
       },
       topicsBy: 'Sáhkavuorru maid'
     },
@@ -1267,6 +1272,7 @@ const messages = {
     myTags: 'Mu fáddágilkorat',
     mySubjects: 'Mu fágat',
     newFolder: 'Ođđa máhppa',
+    newFolderShort: 'Ođđa',
     newFolderUnder: 'Ráhkat ođđa máhpa dán vuolde {{folderName}}',
     myAccount: 'Mu kontu',
     favourites: 'Oiddohat',

package/lib/locale/messages-sma.d.ts

@@ -79,7 +79,9 @@ declare const messages: {
         folder: {
             folder: string;
             delete: string;
+            deleteShort: string;
             edit: string;
+            editShort: string;
             copy: string;
             open: string;
             close: string;
@@ -117,11 +119,14 @@ declare const messages: {
                 };
                 button: {
                     share: string;
+                    shareShort: string;
                     preview: string;
+                    previewShort: string;
                     goTo: string;
                     unShare: string;
                     shareLink: string;
                 };
+                previewInformation: string;
             };
         };
         arena: {
@@ -190,9 +195,9 @@ declare const messages: {
                 description: string;
                 myNotification: string;
                 markAll: string;
-                commentedOn: string;
                 subscribe: string;
                 unsubscribe: string;
+                commentedOn: string;
             };
             topicsBy: string;
         };
@@ -214,6 +219,7 @@ declare const messages: {
         myTags: string;
         mySubjects: string;
         newFolder: string;
+        newFolderShort: string;
         newFolderUnder: string;
         myAccount: string;
         favourites: string;

package/lib/locale/messages-sma.js

@@ -1131,8 +1131,10 @@ const messages = {
     showEditOptions: 'Vuesehth guktie edtja øørnedh',
     folder: {
       folder: 'Mappe',
-      delete: 'Slett mappe',
-      edit: 'Rediger mappe',
+      delete: 'Maabpem sliejhtedh',
+      deleteShort: 'Staeriedidh',
+      edit: 'Maabpah staeriedidh',
+      editShort: 'Rediger',
       copy: 'Kopier mappe',
       open: 'Åpne mappe',
       close: 'Lukk mappe',
@@ -1170,11 +1172,14 @@ const messages = {
         },
         button: {
           share: 'Juekieh maabpah',
+          shareShort: 'Juekieh',
           preview: 'Maahpa åvtelhbodti vuartasjidh',
+          previewShort: 'Åvtelhbodti soejkesjimmie',
           goTo: 'Vaedtsieh naemhtie juekedh mappine',
           unShare: 'Orrijh juekedh',
           shareLink: 'Lïenghkem kopijeradidh'
-        }
+        },
+        previewInformation: 'Åvtevuesiehtimmie juakeme maabpeste. Jeatjah eah maahta maabpam nåhtadidh åvtelen datne statusen bïjre orresth.'
       }
     },
     arena: {
@@ -1243,9 +1248,9 @@ const messages = {
         description: 'Buerie båeteme NDLA Aernesne . Daesnie maahtah digkiedidh , juekedh jïh laavenjostedh jeatjah lohkehtæjjajgujmie abpe Nöörjeste . Datne gaavnh forume, ovmessie faagh jïh aamhtesh .',
         myNotification: 'Mov tjoejemolseme',
         markAll: 'Mïerhkesjh gaajhkesh dovnesh lohkeme',
-        commentedOn: 'vaestiedi gåessie dov saarnoeh',
         subscribe: 'Datne åadtjoeh daelie bïeljelimmiem orre vaestiedassi bïjre daan tjaalegasse',
-        unsubscribe: 'Datne tjeakoeslaakan bïeljelamme jis orre vaestiedassh daan påastese'
+        unsubscribe: 'Datne tjeakoeslaakan bïeljelamme jis orre vaestiedassh daan påastese',
+        commentedOn: 'tjeakoes laakan vaestiedamme {{title}} maam datne dåarjoehtidh'
       },
       topicsBy: 'Vuesiehtimmien gaavhtan'
     },
@@ -1266,7 +1271,8 @@ const messages = {
     myFolders: 'Mine mapper',
     myTags: 'Mine emneknagger',
     mySubjects: 'Mine fag',
-    newFolder: 'Ny mappe',
+    newFolder: 'Orre maabpe',
+    newFolderShort: 'Orre',
     newFolderUnder: 'Lag ny mappe under {{folderName}}',
     myAccount: 'Min konto',
     favourites: 'Favoritter',

package/lib/model/index.d.ts

@@ -8,7 +8,6 @@
 import * as subjectCategories from './SubjectCategories';
 import * as subjectTypes from './SubjectTypes';
 import * as wordClass from './WordClass';
-import * as Transcriptions from './Transcriptions';
 declare const model: {
     contentTypes: {
         SUBJECT_MATERIAL: string;
@@ -26,6 +25,5 @@ declare const model: {
     contentTypeMapping: Record<string, string>;
     resourceEmbedTypeMapping: Record<string, string>;
     wordClass: typeof wordClass;
-    Transcriptions: typeof Transcriptions;
 };
 export default model;

package/lib/model/index.js

@@ -8,7 +8,6 @@ var _ContentType = require("./ContentType");
 var subjectCategories = _interopRequireWildcard(require("./SubjectCategories"));
 var subjectTypes = _interopRequireWildcard(require("./SubjectTypes"));
 var wordClass = _interopRequireWildcard(require("./WordClass"));
-var Transcriptions = _interopRequireWildcard(require("./Transcriptions"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -25,7 +24,6 @@ const model = {
   subjectTypes,
   contentTypeMapping: _ContentType.contentTypeMapping,
   resourceEmbedTypeMapping: _ContentType.resourceEmbedTypeMapping,
-  wordClass,
-  Transcriptions
+  wordClass
 };
 var _default = exports.default = model;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "50.1.6",
+  "version": "50.2.0",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -36,11 +36,11 @@
     "@ndla/carousel": "^4.0.16",
     "@ndla/core": "^4.2.7",
     "@ndla/dropdown-menu": "^1.0.17",
-    "@ndla/forms": "^5.2.3",
+    "@ndla/forms": "^5.2.4",
     "@ndla/hooks": "^2.1.2",
     "@ndla/icons": "^4.2.2",
     "@ndla/licenses": "^7.2.2",
-    "@ndla/modal": "^5.0.14",
+    "@ndla/modal": "^5.0.15",
     "@ndla/notion": "^6.0.16",
     "@ndla/safelink": "^4.1.40",
     "@ndla/select": "^3.2.2",
@@ -71,7 +71,7 @@
   },
   "devDependencies": {
     "@ndla/types-backend": "^0.2.21",
-    "@ndla/types-embed": "^4.0.7",
+    "@ndla/types-embed": "^4.0.8",
     "css-loader": "^6.7.3",
     "mini-css-extract-plugin": "^2.7.5",
     "sass-loader": "^13.2.2",
@@ -81,5 +81,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0c251bcc7a82ad59caa9dfb0d091cab63809c478"
+  "gitHead": "910ef95efaf9f3098baeac0707b477ecf6146111"
 }

package/src/Embed/ConceptEmbed.tsx

@@ -123,6 +123,8 @@ export const ConceptEmbed = ({ embed, fullWidth, heartButton: HeartButton, lang
         conceptType={concept.conceptType}
         glossData={concept.glossData}
         lang={lang}
+        exampleIds={embed.embedData.exampleIds}
+        exampleLangs={embed.embedData.exampleLangs}
       />
     );
   } else if (embed.embedData.type === 'inline') {
@@ -140,6 +142,8 @@ export const ConceptEmbed = ({ embed, fullWidth, heartButton: HeartButton, lang
         conceptType={concept.conceptType}
         glossData={concept.glossData}
         lang={lang}
+        exampleIds={embed.embedData.exampleIds}
+        exampleLangs={embed.embedData.exampleLangs}
       />
     );
   } else {
@@ -156,6 +160,8 @@ export const ConceptEmbed = ({ embed, fullWidth, heartButton: HeartButton, lang
         conceptType={concept.conceptType}
         glossData={concept.glossData}
         lang={lang}
+        exampleIds={embed.embedData.exampleIds}
+        exampleLangs={embed.embedData.exampleLangs}
       />
     );
   }
@@ -166,6 +172,8 @@ interface InlineConceptProps extends ConceptNotionData {
   heartButton?: HeartButtonType;
   headerButtons?: ReactNode;
   conceptHeartButton?: ReactNode;
+  exampleIds?: string;
+  exampleLangs?: string;
 }
 
 const BaselineIcon = styled.span`
@@ -239,6 +247,8 @@ export const InlineConcept = ({
   conceptType,
   headerButtons,
   lang,
+  exampleIds,
+  exampleLangs,
 }: InlineConceptProps) => {
   const { t } = useTranslation();
   const anchorRef = useRef<HTMLDivElement>(null);
@@ -290,6 +300,8 @@ export const InlineConcept = ({
               }
               conceptType={conceptType}
               glossData={glossData}
+              exampleIds={exampleIds}
+              exampleLangs={exampleLangs}
             />
           </Content>
         </PopoverWrapper>
@@ -302,6 +314,8 @@ interface ConceptProps extends ConceptNotionData {
   fullWidth?: boolean;
   heartButton?: HeartButtonType;
   conceptHeartButton?: ReactElement;
+  exampleIds?: string;
+  exampleLangs?: string;
 }
 
 export const BlockConcept = ({
@@ -317,6 +331,8 @@ export const BlockConcept = ({
   glossData,
   conceptType,
   lang,
+  exampleIds,
+  exampleLangs,
 }: ConceptProps) => {
   const { t } = useTranslation();
   const anchorRef = useRef<HTMLDivElement>(null);
@@ -418,6 +434,8 @@ export const BlockConcept = ({
                 ? { src: visualElement.data.audioFile.url, title: visualElement.data.title.title }
                 : undefined
             }
+            exampleIds={exampleIds}
+            exampleLangs={exampleLangs}
           />
         )}
         {copyright && conceptType === 'concept' && (