@livetiles/reach-components-react 0.4.0-preview.161 → 0.4.0-preview.168

package/de.async.esm.esm.js

@@ -1,31 +1,6 @@
 import './de.esm.js';
 
 var de = {
-  "PageTitle.analytics.usage": "Benutzer-Aktivitätsberichte",
-  "PageTitle.analytics.news": "News Berichte",
-  "AriaLabel.section.editableCard": "Editierbare Karte",
-  "AriaLabel.section.usersList": "Liste der Gruppenmitglieder",
-  "AriaLabel.section.ownersList": "Liste der Besitzer",
-  "AriaLabel.section.insertImageButtons": "Bild-Schaltläche einfügen",
-  "AriaLabel.section.commentSettings": "Kommentar Einstellungen",
-  "AriaLabel.section.editorList": "Bearbeitungsliste",
-  "AriaLabel.section.splitEditorList": "Bearbeitungsliste teilen",
-  "AriaLabel.section.photoLibraryBrowserCategories": "Fotobibliothek nach Kategorien durchsuchen",
-  "AriaLabel.section.recycleBin": "Papierkorb",
-  "AriaLabel.section.keywords": "Schlagwörter",
-  "AriaLabel.section.comments": "Kommentare",
-  "AriaLabel.section.subscriptionAlreadyExistsInfo": "Abonnement existiert bereits ",
-  "Chats.messageLeave.success": "Chat erfolgreich verlassen",
-  "Chats.messageLeave.fail": "Verlassen des Chats fehlgeschlagen",
-  "Chats.chatItem.context.leave": "Verlassen",
-  "Chats.userLeft.systemMessage": "{user} hat die Gruppe verlassen",
-  "Generic.news.alreadyMarkedAllAsReadMessage": "Keine ungelesenen Nachrichten gefunden.",
-  "Generic.events.alreadyMarkedAllAsReadMessage": "Keine ungelesenen Veranstaltungen gefunden.",
-  "Page.header.unread.showAll": "Alles ansehen",
-  "Page.header.unread.only": "Nur ungelesene anzeigen",
-  "Page.header.search": "Suchen",
-  "Page.header.markAll": "Alles als gelesen markieren",
-  "Page.header.filter": "Filter",
   "Generic.Ok": "Ok",
   "Generic.Save": "Speichern",
   "Generic.Cancel": "Abbrechen",
@@ -91,6 +66,8 @@ var de = {
   "Generic.youAreOnline": "Sie sind online! LiveTiles Reach sollte wieder vollständig funktionieren.",
   "Generic.allNewsMarkedAsRead": "Alle News wurden als gelesen markiert.",
   "Generic.allEventsMarkedAsRead": "Alle Veranstaltungen wurden als gelesen markiert.",
+  "Generic.news.alreadyMarkedAllAsReadMessage": "Keine ungelesenen Nachrichten gefunden.",
+  "Generic.events.alreadyMarkedAllAsReadMessage": "Keine ungelesenen Veranstaltungen gefunden.",
   "Generic.UnreadItems.markAllAsRead": "Alle als gelesen markieren",
   "Generic.wasModified": "geändert",
   "Generic.wasModifiedTooltip": "Zuletzt geändert am {modified}",
@@ -329,6 +306,8 @@ var de = {
   "PageTitle.chat": "Chat",
   "PageTitle.feed": "Feed",
   "PageTitle.stream": "Stream",
+  "PageTitle.analytics.usage": "Benutzer-Aktivitätsberichte",
+  "PageTitle.analytics.news": "News Berichte",
   "Gutter.open": "Öffnen",
   "Gutter.rename": "Umbenennen",
   "Gutter.edit": "Bearbeiten",
@@ -1762,6 +1741,8 @@ var de = {
   "Chats.messageDeleted": "Diese Nachricht wurde gelöscht",
   "Chats.messageDeleted.title": "Nachricht gelöscht",
   "Chats.messageEdited": "Nachricht geändert",
+  "Chats.messageLeave.success": "Chat erfolgreich verlassen",
+  "Chats.messageLeave.fail": "Verlassen des Chats fehlgeschlagen",
   "Chats.context.menu.delete": "Löschen",
   "Chats.context.menu.edit": "Bearbeiten",
   "Chats.toLabel": "Nach:",
@@ -1783,6 +1764,8 @@ var de = {
   "Chats.groupNameReset": "{sender} hat den Chat-Namen zurückgesetzt",
   "Chats.groupNameChanged.generic": "Chat-Name wurde geändert",
   "Chats.messageList": "Nachrichtenliste",
+  "Chats.chatItem.context.leave": "Verlassen",
+  "Chats.userLeft.systemMessage": "{user} hat die Gruppe verlassen",
   "ManagePlugins.title": "Plugins",
   "ManagePlugins.addNewPlugin": "Neues Plugin hinzufügen",
   "ManagePlugins.updateSucceeded": "Plugin erfolgreich geändert",
@@ -1910,6 +1893,18 @@ var de = {
   "AriaLabel.pagesEditor.documentIcon": "Dieses Dokument auswählen",
   "AriaLabel.eventEditor.location.deleteButton": "Standort entfernen",
   "AriaLabel.editor.selectItemButton": "Auswählen",
+  "AriaLabel.section.editableCard": "Editierbare Karte",
+  "AriaLabel.section.usersList": "Liste der Gruppenmitglieder",
+  "AriaLabel.section.ownersList": "Liste der Besitzer",
+  "AriaLabel.section.insertImageButtons": "Bild-Schaltläche einfügen",
+  "AriaLabel.section.commentSettings": "Kommentar Einstellungen",
+  "AriaLabel.section.editorList": "Bearbeitungsliste",
+  "AriaLabel.section.splitEditorList": "Bearbeitungsliste teilen",
+  "AriaLabel.section.photoLibraryBrowserCategories": "Fotobibliothek nach Kategorien durchsuchen",
+  "AriaLabel.section.recycleBin": "Papierkorb",
+  "AriaLabel.section.keywords": "Schlagwörter",
+  "AriaLabel.section.comments": "Kommentare",
+  "AriaLabel.section.subscriptionAlreadyExistsInfo": "Abonnement existiert bereits ",
   "Lib.newsList.noItems": "Keine News zu zeigen",
   "Lib.paging.goToFirstPage": "Zur ersten Seite gehen",
   "UserFeed.emptyList": "Es gibt noch keine Feed Einträge.",
@@ -1951,7 +1946,12 @@ var de = {
   "SkipLinks.toFilter": "Zu den Filtern springen",
   "Stream.allLoaded": "Sie haben das Ende Ihres Streams erreicht.",
   "Stream.emptyList": "Ihr Stream is momentan leer.",
-  "Stream.toast.markAllAsReadSuccessMessage": "{count, plural, =0 {Keine ungelesene Einträge gefunden, bzw. alle Einträge sind bereits als gelesen markiert.} one {Ein Eintrag wurde als gelesen markiert.} other {{count} Einträge wurden als gelesen markiert.}}"
+  "Stream.toast.markAllAsReadSuccessMessage": "{count, plural, =0 {Keine ungelesene Einträge gefunden, bzw. alle Einträge sind bereits als gelesen markiert.} one {Ein Eintrag wurde als gelesen markiert.} other {{count} Einträge wurden als gelesen markiert.}}",
+  "Page.header.unread.only": "Nur ungelesene anzeigen",
+  "Page.header.unread.showAll": "Alles ansehen",
+  "Page.header.search": "Suchen",
+  "Page.header.filter": "Filter",
+  "Page.header.markAll": "Alles als gelesen markieren"
 };
 
 export { de as default };

package/es.async.esm.esm.js

@@ -1,31 +1,6 @@
 import './es.esm.js';
 
 var es = {
-  "PageTitle.analytics.usage": "User Activity Analytics",
-  "PageTitle.analytics.news": "News Analytics",
-  "AriaLabel.section.editableCard": "Editable card",
-  "AriaLabel.section.usersList": "Group members list",
-  "AriaLabel.section.ownersList": "Owners list",
-  "AriaLabel.section.insertImageButtons": "Insert Image buttons",
-  "AriaLabel.section.commentSettings": "Comment Settings",
-  "AriaLabel.section.editorList": "Editor list",
-  "AriaLabel.section.splitEditorList": "Split editor list",
-  "AriaLabel.section.photoLibraryBrowserCategories": "Browse Photo Library by categories",
-  "AriaLabel.section.recycleBin": "Recycle bin",
-  "AriaLabel.section.keywords": "Keywords",
-  "AriaLabel.section.comments": "Comments",
-  "AriaLabel.section.subscriptionAlreadyExistsInfo": "Subscription already exists ",
-  "Chats.messageLeave.success": "Successfully left chat",
-  "Chats.messageLeave.fail": "Failed to leave chat",
-  "Chats.chatItem.context.leave": "Leave",
-  "Chats.userLeft.systemMessage": "{user} left the group",
-  "Generic.news.alreadyMarkedAllAsReadMessage": "No unread news found.",
-  "Generic.events.alreadyMarkedAllAsReadMessage": "No unread events found.",
-  "Page.header.unread.showAll": "View all",
-  "Page.header.unread.only": "View only unread",
-  "Page.header.search": "Search",
-  "Page.header.markAll": "Mark all as read",
-  "Page.header.filter": "Filter",
   "Generic.Ok": "Ok",
   "Generic.Save": "Guardar",
   "Generic.Cancel": "Cancelar",
@@ -91,6 +66,8 @@ var es = {
   "Generic.youAreOnline": "¡Está conectado! ¡Todo LiveTiles Reach debería funcionar!",
   "Generic.allNewsMarkedAsRead": "Todas las noticias se han marcado como leídas.",
   "Generic.allEventsMarkedAsRead": "Todos los eventos se han marcado como leídos.",
+  "Generic.news.alreadyMarkedAllAsReadMessage": "No unread news found.",
+  "Generic.events.alreadyMarkedAllAsReadMessage": "No unread events found.",
   "Generic.UnreadItems.markAllAsRead": "Marcar todo como leido",
   "Generic.wasModified": "editado",
   "Generic.wasModifiedTooltip": "Ultima edición el {modified}",
@@ -329,6 +306,8 @@ var es = {
   "PageTitle.chat": "Chat",
   "PageTitle.feed": "Feed",
   "PageTitle.stream": "Stream",
+  "PageTitle.analytics.usage": "User Activity Analytics",
+  "PageTitle.analytics.news": "News Analytics",
   "Gutter.open": "Abrir",
   "Gutter.rename": "Renombrar",
   "Gutter.edit": "Editar",
@@ -1762,6 +1741,8 @@ var es = {
   "Chats.messageDeleted": "Este mensaje ha sido eliminado",
   "Chats.messageDeleted.title": "Mensaje borrado",
   "Chats.messageEdited": "Mensaje editado",
+  "Chats.messageLeave.success": "Successfully left chat",
+  "Chats.messageLeave.fail": "Failed to leave chat",
   "Chats.context.menu.delete": "Borrar",
   "Chats.context.menu.edit": "Editar",
   "Chats.toLabel": "Para:",
@@ -1783,6 +1764,8 @@ var es = {
   "Chats.groupNameReset": "{sender} reset the group chat name",
   "Chats.groupNameChanged.generic": "Group chat name changed",
   "Chats.messageList": "Message list",
+  "Chats.chatItem.context.leave": "Leave",
+  "Chats.userLeft.systemMessage": "{user} left the group",
   "ManagePlugins.title": "Complementos",
   "ManagePlugins.addNewPlugin": "Agregar nuevo complemento",
   "ManagePlugins.updateSucceeded": "Complemento actualizado con éxito",
@@ -1910,6 +1893,18 @@ var es = {
   "AriaLabel.pagesEditor.documentIcon": "Select this document",
   "AriaLabel.eventEditor.location.deleteButton": "Quitar ubicación",
   "AriaLabel.editor.selectItemButton": "Select item",
+  "AriaLabel.section.editableCard": "Editable card",
+  "AriaLabel.section.usersList": "Group members list",
+  "AriaLabel.section.ownersList": "Owners list",
+  "AriaLabel.section.insertImageButtons": "Insert Image buttons",
+  "AriaLabel.section.commentSettings": "Comment Settings",
+  "AriaLabel.section.editorList": "Editor list",
+  "AriaLabel.section.splitEditorList": "Split editor list",
+  "AriaLabel.section.photoLibraryBrowserCategories": "Browse Photo Library by categories",
+  "AriaLabel.section.recycleBin": "Recycle bin",
+  "AriaLabel.section.keywords": "Keywords",
+  "AriaLabel.section.comments": "Comments",
+  "AriaLabel.section.subscriptionAlreadyExistsInfo": "Subscription already exists ",
   "Lib.newsList.noItems": "No hay noticias para mostrar",
   "Lib.paging.goToFirstPage": "Ir a la primera pagina",
   "UserFeed.emptyList": "There are no feed items yet.",
@@ -1951,7 +1946,12 @@ var es = {
   "SkipLinks.toFilter": "Skip to filter",
   "Stream.allLoaded": "You have reached the end of your stream",
   "Stream.emptyList": "Your stream is empty at the moment",
-  "Stream.toast.markAllAsReadSuccessMessage": "{count, plural, =0 {No unread items found. All items were already read.} one {One item has been marked as read.} other {{count} items have been marked as read.}}"
+  "Stream.toast.markAllAsReadSuccessMessage": "{count, plural, =0 {No unread items found. All items were already read.} one {One item has been marked as read.} other {{count} items have been marked as read.}}",
+  "Page.header.unread.only": "View only unread",
+  "Page.header.unread.showAll": "View all",
+  "Page.header.search": "Search",
+  "Page.header.filter": "Filter",
+  "Page.header.markAll": "Mark all as read"
 };
 
 export { es as default };

package/fr.async.esm.esm.js

@@ -1,31 +1,6 @@
 import './fr.esm.js';
 
 var fr = {
-  "PageTitle.analytics.usage": "User Activity Analytics",
-  "PageTitle.analytics.news": "News Analytics",
-  "AriaLabel.section.editableCard": "Editable card",
-  "AriaLabel.section.usersList": "Group members list",
-  "AriaLabel.section.ownersList": "Owners list",
-  "AriaLabel.section.insertImageButtons": "Insert Image buttons",
-  "AriaLabel.section.commentSettings": "Comment Settings",
-  "AriaLabel.section.editorList": "Editor list",
-  "AriaLabel.section.splitEditorList": "Split editor list",
-  "AriaLabel.section.photoLibraryBrowserCategories": "Browse Photo Library by categories",
-  "AriaLabel.section.recycleBin": "Recycle bin",
-  "AriaLabel.section.keywords": "Keywords",
-  "AriaLabel.section.comments": "Comments",
-  "AriaLabel.section.subscriptionAlreadyExistsInfo": "Subscription already exists ",
-  "Chats.messageLeave.success": "Successfully left chat",
-  "Chats.messageLeave.fail": "Failed to leave chat",
-  "Chats.chatItem.context.leave": "Leave",
-  "Chats.userLeft.systemMessage": "{user} left the group",
-  "Generic.news.alreadyMarkedAllAsReadMessage": "No unread news found.",
-  "Generic.events.alreadyMarkedAllAsReadMessage": "No unread events found.",
-  "Page.header.unread.showAll": "View all",
-  "Page.header.unread.only": "View only unread",
-  "Page.header.search": "Search",
-  "Page.header.markAll": "Mark all as read",
-  "Page.header.filter": "Filter",
   "Generic.Ok": "Ok",
   "Generic.Save": "Sauvegarder",
   "Generic.Cancel": "Annuler",
@@ -91,6 +66,8 @@ var fr = {
   "Generic.youAreOnline": "Vous êtes en ligne! Toutes les fonctionnalités de LiveTiles Reach devraient fonctionner!",
   "Generic.allNewsMarkedAsRead": "Toutes les actualités ont été marquées comme lues.",
   "Generic.allEventsMarkedAsRead": "Tous les événements ont été marqués comme lus.",
+  "Generic.news.alreadyMarkedAllAsReadMessage": "No unread news found.",
+  "Generic.events.alreadyMarkedAllAsReadMessage": "No unread events found.",
   "Generic.UnreadItems.markAllAsRead": "tout marquer comme lu",
   "Generic.wasModified": "modifié",
   "Generic.wasModifiedTooltip": "Dernière modification à {modified}",
@@ -329,6 +306,8 @@ var fr = {
   "PageTitle.chat": "Chat",
   "PageTitle.feed": "Feed",
   "PageTitle.stream": "Stream",
+  "PageTitle.analytics.usage": "User Activity Analytics",
+  "PageTitle.analytics.news": "News Analytics",
   "Gutter.open": "Ouvrir",
   "Gutter.rename": "Renommer",
   "Gutter.edit": "Modifier",
@@ -1762,6 +1741,8 @@ var fr = {
   "Chats.messageDeleted": "Ce message a été supprimé",
   "Chats.messageDeleted.title": "Message supprimé",
   "Chats.messageEdited": "Message modifié",
+  "Chats.messageLeave.success": "Successfully left chat",
+  "Chats.messageLeave.fail": "Failed to leave chat",
   "Chats.context.menu.delete": "Supprimer",
   "Chats.context.menu.edit": "Modifier",
   "Chats.toLabel": "à:",
@@ -1783,6 +1764,8 @@ var fr = {
   "Chats.groupNameReset": "{sender} reset the group chat name",
   "Chats.groupNameChanged.generic": "Group chat name changed",
   "Chats.messageList": "Message list",
+  "Chats.chatItem.context.leave": "Leave",
+  "Chats.userLeft.systemMessage": "{user} left the group",
   "ManagePlugins.title": "Plugins",
   "ManagePlugins.addNewPlugin": "Ajouter un nouveau plugin",
   "ManagePlugins.updateSucceeded": "Plugin mis à jour avec succès",
@@ -1910,6 +1893,18 @@ var fr = {
   "AriaLabel.pagesEditor.documentIcon": "Select this document",
   "AriaLabel.eventEditor.location.deleteButton": "Supprimer l'emplacement",
   "AriaLabel.editor.selectItemButton": "Select item",
+  "AriaLabel.section.editableCard": "Editable card",
+  "AriaLabel.section.usersList": "Group members list",
+  "AriaLabel.section.ownersList": "Owners list",
+  "AriaLabel.section.insertImageButtons": "Insert Image buttons",
+  "AriaLabel.section.commentSettings": "Comment Settings",
+  "AriaLabel.section.editorList": "Editor list",
+  "AriaLabel.section.splitEditorList": "Split editor list",
+  "AriaLabel.section.photoLibraryBrowserCategories": "Browse Photo Library by categories",
+  "AriaLabel.section.recycleBin": "Recycle bin",
+  "AriaLabel.section.keywords": "Keywords",
+  "AriaLabel.section.comments": "Comments",
+  "AriaLabel.section.subscriptionAlreadyExistsInfo": "Subscription already exists ",
   "Lib.newsList.noItems": "Aucune actualité à afficher",
   "Lib.paging.goToFirstPage": "Aller à la première page",
   "UserFeed.emptyList": "There are no feed items yet.",
@@ -1951,7 +1946,12 @@ var fr = {
   "SkipLinks.toFilter": "Skip to filter",
   "Stream.allLoaded": "You have reached the end of your stream",
   "Stream.emptyList": "Your stream is empty at the moment",
-  "Stream.toast.markAllAsReadSuccessMessage": "{count, plural, =0 {No unread items found. All items were already read.} one {One item has been marked as read.} other {{count} items have been marked as read.}}"
+  "Stream.toast.markAllAsReadSuccessMessage": "{count, plural, =0 {No unread items found. All items were already read.} one {One item has been marked as read.} other {{count} items have been marked as read.}}",
+  "Page.header.unread.only": "View only unread",
+  "Page.header.unread.showAll": "View all",
+  "Page.header.search": "Search",
+  "Page.header.filter": "Filter",
+  "Page.header.markAll": "Mark all as read"
 };
 
 export { fr as default };

package/index.esm2.js

@@ -2,7 +2,7 @@ import { jsx as jsx$1, Fragment, jsxs } from 'react/jsx-runtime';
 import require$$0$6 from 'events';
 import * as React$d from 'react';
 import React__default, { useContext, createContext, useMemo, useState as useState$2, useCallback, useEffect as useEffect$1, useRef as useRef$1, useReducer, Children, isValidElement, cloneElement, Component, lazy as lazy$1, Suspense, forwardRef, createElement as createElement$a, useLayoutEffect, useImperativeHandle, Fragment as Fragment$1 } from 'react';
-import { PersonaInitialsColor, MessageBarType, loadTheme, IconButton as IconButton$1, Link as Link$3, MessageBar, ActionButton as ActionButton$1, TextField, PrimaryButton, DefaultButton, Icon, Image as Image$1, Spinner as Spinner$1, Toggle, ChoiceGroup as ChoiceGroup$1, Callout as Callout$1, Persona, Checkbox, Label as Label$2, Dropdown as Dropdown$1, ProgressIndicator, Shimmer, ShimmerElementsGroup, ShimmerElementType, DirectionalHint, PersonaSize, TooltipHost as TooltipHost$1, DialogType, Dialog as Dialog$1, DialogFooter, SelectionMode, NormalPeoplePicker, SpinnerSize, SearchBox as SearchBox$1, ResponsiveMode, ImageFit, Layer as Layer$1, initializeIcons, TagPicker, Breadcrumb, CommandBarButton } from 'office-ui-fabric-react';
+import { PersonaInitialsColor, MessageBarType, loadTheme, IconButton as IconButton$1, Link as Link$3, MessageBar, ActionButton as ActionButton$1, TextField, PrimaryButton, DefaultButton, Icon, Image as Image$1, Spinner as Spinner$1, Toggle, ChoiceGroup as ChoiceGroup$1, Persona, Checkbox, Label as Label$2, Dropdown as Dropdown$1, ProgressIndicator, Shimmer, ShimmerElementsGroup, ShimmerElementType, DirectionalHint, PersonaSize, TooltipHost as TooltipHost$1, DialogType, Dialog as Dialog$1, DialogFooter, SelectionMode, NormalPeoplePicker, FocusTrapCallout, SpinnerSize, SearchBox as SearchBox$1, ResponsiveMode, ImageFit, Layer as Layer$1, initializeIcons, TagPicker, Breadcrumb, CommandBarButton } from 'office-ui-fabric-react';
 import * as ReactRouterDom from 'react-router-dom';
 import { useHistory, useRouteMatch, useLocation as useLocation$1, Link as Link$4, NavLink, MemoryRouter, Switch, Route } from 'react-router-dom';
 import require$$0$7 from 'react-is';
@@ -78784,7 +78784,9 @@ var PeoplePicker = function PeoplePicker(props) {
       className: 'lt-reach-picker-callout'
     },
     inputProps: {
-      id: props.inputId
+      id: props.inputId,
+      required: props.required,
+      'aria-required': props.required
     },
     removeButtonAriaLabel: formatMessage({
       id: 'AriaLabel.removeUserButton'
@@ -80799,8 +80801,11 @@ var Callout = function Callout(_a) {
   var children = _a.children,
       props = __rest$1(_a, ["children"]);
 
-  return jsx$1(Callout$1, __assign$1({}, props, {
-    className: classNames(reachClassNames, 'lt-reach-callout', props === null || props === void 0 ? void 0 : props.className)
+  return jsx$1(FocusTrapCallout, __assign$1({}, props, {
+    className: classNames(reachClassNames, 'lt-reach-callout', props === null || props === void 0 ? void 0 : props.className),
+    focusTrapProps: {
+      isClickableOutsideFocusTrap: true
+    }
   }, {
     children: children
   }), void 0);
@@ -83317,7 +83322,7 @@ var StyledActionButton$1 = _styled(ActionButton).withConfig({
   return p.theme.textColors.default;
 });
 
-var StyledCallout$4 = _styled(Callout$1).withConfig({
+var StyledCallout$4 = _styled(Callout).withConfig({
   displayName: "CommentActionMenu__StyledCallout",
   componentId: "sc-qsk1nc-3"
 })(templateObject_4$9$2 || (templateObject_4$9$2 = __makeTemplateObject$1(["\n  padding: ", "px;\n"], ["\n  padding: ", "px;\n"])), spacingS);
@@ -87423,9 +87428,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
   }), void 0);
 };
 
-var version$1 = "0.4.0-preview.161";
-var buildId = "97498";
-var commitId = "4f4baf38cd0d7b226ae79b31ced70e3bf34feaf3";
+var version$1 = "0.4.0-preview.168";
+var buildId = "97638";
+var commitId = "de2f25531f42dc77dbf5a849ddf6a2ce3ccca0a3";
 var isCustomerBuild = false;
 var buildInfo = {
 	version: version$1,
@@ -131511,9 +131516,9 @@ if(inputBox.top<500){suggestionsContainer.style.top=inputBox.height-10+"px";}els
 },[]);var allSuggestions=getAllSuggestions();var noKeywords=availableKeywords.length===0;return jsxs(Host$S,__assign({"data-keywords-picker":true},{children:[noKeywords&&jsx$1(FormattedMessage$1,{id:"KeywordPicker.noGroupsDefined"},void 0),!noKeywords&&jsxs(Fragment,{children:[jsxs(LabelHost,{children:[jsx$1("label",__assign({htmlFor:pickerInputId},{children:jsx$1(FormattedMessage$1,{id:"Keywords.picker.selectKeywords"},void 0)}),void 0),(mandatoryKeywords===null||mandatoryKeywords===void 0?void 0:mandatoryKeywords.length)>0&&jsx$1(MandatoryKeywordsInfoIcon,{},void 0)]},void 0),jsx$1(StyledTagPicker,{onResolveSuggestions:handleResolveKeywords,inputProps:{id:pickerInputId},selectedItems:selectedItems,onEmptyResolveSuggestions:getAllSuggestions,onChange:handleOnChange,pickerCalloutProps:{preventDismissOnResize:true},onRenderItem:function(item){return jsx$1(Tag,{item:item.item,onRemoveItem:removeItem},item.key);}},void 0)]},void 0)]}),void 0);function handleResolveKeywords(searchText,selectedItems){searchText=searchText===null||searchText===void 0?void 0:searchText.toLowerCase();return allSuggestions===null||allSuggestions===void 0?void 0:allSuggestions.filter(function(k){return (searchText.length===0||k.name.toLowerCase().indexOf(searchText)>-1)&&selectedItems.every(function(i){return i.name.toLowerCase().indexOf(searchText)===-1;});});}function init(){var flatDefaultKeywords=getFlatKeywordList(defaultKeywords)||[];var filteredKeywords=ensureMandatoryKeywords(mandatoryKeywords,flatDefaultKeywords);var availableKeywordIds=availableKeywords.map(function(k){return k.id;});filteredKeywords=filteredKeywords.filter(function(k){return availableKeywordIds.includes(k.id);});// it is possible an older post does not have any/all mandatory or available keywords of its group
 // here we detect this (if the post is getting edited) and update the keywords accordingly
 if(filteredKeywords.length!==flatDefaultKeywords.length){onChangeKeywords(filteredKeywords);}setSelectedItems(filteredKeywords.map(function(k){return {name:getKeywordDisplayValue(selectedKeywordGroups,user,k.groupId,k.name),key:k.id,isMandatory:mandatoryKeywordIds.includes(k.id)};}));}function getAllSuggestions(selectedItems){return availableKeywords===null||availableKeywords===void 0?void 0:availableKeywords.filter(function(k){return (selectedItems||[]).every(function(i){return i.key!==k.id;});}).map(function(k){return {key:k.id,name:getKeywordDisplayValue(selectedKeywordGroups,user,k.groupId,k.name)};});}function handleOnChange(items){var itemKeys=items.map(function(i){return i.key;});// this prevents the user from removing a mandatory keyword by using the backspace button
-if(!mandatoryKeywordIds.every(function(id){return itemKeys.includes(id);})){return;}updateKeywords(items);}function removeItem(item){var filteredSelectedItems=selectedItems.filter(function(i){return i.key!==item.key;});updateKeywords(filteredSelectedItems);}function updateKeywords(items){setSelectedItems(items);var selectedItemIds=items.map(function(i){return i.key;});onChangeKeywords(availableKeywords.filter(function(k){return selectedItemIds.includes(k.id);}));}};var MandatoryKeywordsInfoIcon=function MandatoryKeywordsInfoIcon(){var formatMessage=useIntl().formatMessage;var _a=useState$2(false),showCallout=_a[0],setShowCallout=_a[1];var infoButtonRef=useRef$1();return jsxs("div",__assign({ref:infoButtonRef},{children:[jsx$1(StyledIconButton$7,{iconProps:{iconName:'Info'},onClick:function(){return setShowCallout(!showCallout);},ariaLabel:formatMessage({id:'Keywords.picker.tooltipAriaLabel'})},void 0),showCallout&&jsx$1(StyledCallout$1,__assign({onDismiss:function(){return setShowCallout(false);},target:infoButtonRef.current},{children:jsx$1(FormattedMessage$1,{id:"Keywords.picker.tooltip"},void 0)}),void 0)]}),void 0);};var Tag=function Tag(_a){var item=_a.item,onRemoveItem=_a.onRemoveItem;var formatMessage=useIntl().formatMessage;var canBeRemoved=!item.isMandatory;return jsxs(TagWrapper,__assign({"data-keyword-tag":item.name},{children:[jsx$1(KeywordName,{children:item.name},void 0),canBeRemoved&&jsx$1(RemoveTagButton,{iconProps:{iconName:'Cancel'},onClick:function(){return onRemoveItem(item);},ariaLabel:formatMessage({id:'AriaLabel.removeKeywordButton'}),"data-remove-keyword-button":true},void 0)]}),void 0);};var Host$S=_styled.div.withConfig({displayName:"KeywordsPicker__Host",componentId:"sc-5ec8mr-0"})(templateObject_1$2e||(templateObject_1$2e=__makeTemplateObject(["\n  margin-top: ","px;\n  padding: ","px;\n  background-color: ",";\n"],["\n  margin-top: ","px;\n  padding: ","px;\n  background-color: ",";\n"])),spacingS,spacingS,function(p){return p.theme.palette.white;});var LabelHost=_styled.div.withConfig({displayName:"KeywordsPicker__LabelHost",componentId:"sc-5ec8mr-1"})(templateObject_2$1s||(templateObject_2$1s=__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"])));var StyledIconButton$7=_styled(IconButton).withConfig({displayName:"KeywordsPicker__StyledIconButton",componentId:"sc-5ec8mr-2"})(templateObject_3$Z||(templateObject_3$Z=__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"])));var StyledCallout$1=_styled(Callout).withConfig({displayName:"KeywordsPicker__StyledCallout",componentId:"sc-5ec8mr-3"})(templateObject_4$I||(templateObject_4$I=__makeTemplateObject(["\n  padding: ","px;\n"],["\n  padding: ","px;\n"])),spacingS);var TagWrapper=_styled.div.withConfig({displayName:"KeywordsPicker__TagWrapper",componentId:"sc-5ec8mr-4"})(templateObject_5$C||(templateObject_5$C=__makeTemplateObject(["\n  background-color: ",";\n  line-height: 26px;\n  margin-right: ","px;\n  display: flex;\n  font-size: ","px;\n"],["\n  background-color: ",";\n  line-height: 26px;\n  margin-right: ","px;\n  display: flex;\n  font-size: ","px;\n"])),function(p){return p.theme.palette.neutralLight;},spacingXxs+1,fontSizeSmall);var KeywordName=_styled.span.withConfig({displayName:"KeywordsPicker__KeywordName",componentId:"sc-5ec8mr-5"})(templateObject_6$r||(templateObject_6$r=__makeTemplateObject(["\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  min-width: ","px;\n  margin: 0 ","px;\n"],["\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  min-width: ","px;\n  margin: 0 ","px;\n"])),spacingL,spacingXs+2);var RemoveTagButton=_styled(IconButton).withConfig({displayName:"KeywordsPicker__RemoveTagButton",componentId:"sc-5ec8mr-6"})(templateObject_7$l||(templateObject_7$l=__makeTemplateObject(["\n  padding: 0 ","px;\n  border-radius: 0 ","px ","px 0;\n  width: ","px;\n  height: auto;\n  i {\n    font-size: ","px;\n  }\n"],["\n  padding: 0 ","px;\n  border-radius: 0 ","px ","px 0;\n  width: ","px;\n  height: auto;\n  i {\n    font-size: ","px;\n  }\n"])),spacingXxs+1,spacingXxs-1,spacingXxs-1,spacingL,fontSizeSmaller);var StyledTagPicker=_styled(TagPicker).withConfig({displayName:"KeywordsPicker__StyledTagPicker",componentId:"sc-5ec8mr-7"})(templateObject_8$j||(templateObject_8$j=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingS);var templateObject_1$2e,templateObject_2$1s,templateObject_3$Z,templateObject_4$I,templateObject_5$C,templateObject_6$r,templateObject_7$l,templateObject_8$j;var hasValidGenericUrlVideoSourcePrefix=function hasValidGenericUrlVideoSourcePrefix(url){return url&&getAdditionalVideoSources().filter(function(s){return url.startsWith(s.prefix);}).length>0;};var VideoUrlParser=/** @class */function(){function VideoUrlParser(url){this.url=url;this.source=null;this.id=null;this.isDirectVideoUrl=false;this.videoProperties=null;this.thumbnailUrl=null;if(hasValidGenericUrlVideoSourcePrefix(this.url)){this.source=VideoSource.GenericUrl;this.id=url;}else if(VideoUrlParser.microsoftStreamRegex.test(this.url)){this.source=VideoSource.MicrosoftStream;this.id=VideoUrlParser.microsoftStreamRegex.exec(this.url)[1];}else if(VideoUrlParser.ytRegex.test(this.url)){this.source=VideoSource.YouTube;this.id=VideoUrlParser.ytRegex.exec(this.url)[1];}else if(VideoUrlParser.vimeoRegex.test(this.url)){this.source=VideoSource.Vimeo;this.id=VideoUrlParser.vimeoRegex.exec(this.url)[1];}else if(VideoUrlParser.vimeoDirectLinkRegex.test(this.url)){this.source=VideoSource.Vimeo;this.id=VideoUrlParser.vimeoDirectLinkRegex.exec(this.url)[1];this.isDirectVideoUrl=true;}else if(VideoUrlParser.kalturaRegex.test(this.url)){var regexMatches=VideoUrlParser.kalturaRegex.exec(this.url);this.source=VideoSource.Kaltura;this.id=regexMatches[1];this.videoProperties={sp:regexMatches[2],uiconfId:regexMatches[3],partnerId:regexMatches[4],entryId:regexMatches[5]};this.thumbnailUrl="https://cdnsecakmi.kaltura.com/p/"+this.id+"/thumbnail/entry_id/"+this.videoProperties.entryId+"/width/1000";}}//TODO handle the different error messages for cloud and onprem versions, i.e. what sources are permitted (see task 23570)
+if(!mandatoryKeywordIds.every(function(id){return itemKeys.includes(id);})){return;}updateKeywords(items);}function removeItem(item){var filteredSelectedItems=selectedItems.filter(function(i){return i.key!==item.key;});updateKeywords(filteredSelectedItems);}function updateKeywords(items){setSelectedItems(items);var selectedItemIds=items.map(function(i){return i.key;});onChangeKeywords(availableKeywords.filter(function(k){return selectedItemIds.includes(k.id);}));}};var MandatoryKeywordsInfoIcon=function MandatoryKeywordsInfoIcon(){var formatMessage=useIntl().formatMessage;var _a=useState$2(false),showCallout=_a[0],setShowCallout=_a[1];var infoButtonRef=useRef$1();return jsxs("div",__assign({ref:infoButtonRef},{children:[jsx$1(StyledIconButton$7,{iconProps:{iconName:'Info'},onClick:function(){return setShowCallout(!showCallout);},ariaLabel:formatMessage({id:'Keywords.picker.tooltipAriaLabel'})},void 0),showCallout&&jsx$1(StyledCallout$1,__assign({onDismiss:function(){return setShowCallout(false);},target:infoButtonRef.current},{children:jsx$1(FormattedMessage$1,{id:"Keywords.picker.tooltip"},void 0)}),void 0)]}),void 0);};var Tag=function Tag(_a){var item=_a.item,onRemoveItem=_a.onRemoveItem;var formatMessage=useIntl().formatMessage;var canBeRemoved=!item.isMandatory;return jsxs(TagWrapper,__assign({"data-keyword-tag":item.name},{children:[jsx$1(KeywordName,{children:item.name},void 0),canBeRemoved&&jsx$1(RemoveTagButton,{iconProps:{iconName:'Cancel'},onClick:function(){return onRemoveItem(item);},ariaLabel:formatMessage({id:'AriaLabel.removeKeywordButton'}),"data-remove-keyword-button":true},void 0)]}),void 0);};var Host$S=_styled.div.withConfig({displayName:"KeywordsPicker__Host",componentId:"sc-5ec8mr-0"})(templateObject_1$2e||(templateObject_1$2e=__makeTemplateObject(["\n  margin-top: ","px;\n  padding: ","px;\n  background-color: ",";\n"],["\n  margin-top: ","px;\n  padding: ","px;\n  background-color: ",";\n"])),spacingS,spacingS,function(p){return p.theme.palette.white;});var LabelHost=_styled.div.withConfig({displayName:"KeywordsPicker__LabelHost",componentId:"sc-5ec8mr-1"})(templateObject_2$1s||(templateObject_2$1s=__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"])));var StyledIconButton$7=_styled(IconButton).withConfig({displayName:"KeywordsPicker__StyledIconButton",componentId:"sc-5ec8mr-2"})(templateObject_3$Z||(templateObject_3$Z=__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"])));var StyledCallout$1=_styled(Callout).withConfig({displayName:"KeywordsPicker__StyledCallout",componentId:"sc-5ec8mr-3"})(templateObject_4$I||(templateObject_4$I=__makeTemplateObject(["\n  padding: ","px;\n"],["\n  padding: ","px;\n"])),spacingS);var TagWrapper=_styled.div.withConfig({displayName:"KeywordsPicker__TagWrapper",componentId:"sc-5ec8mr-4"})(templateObject_5$C||(templateObject_5$C=__makeTemplateObject(["\n  background-color: ",";\n  line-height: 26px;\n  margin-right: ","px;\n  display: flex;\n  font-size: ","px;\n"],["\n  background-color: ",";\n  line-height: 26px;\n  margin-right: ","px;\n  display: flex;\n  font-size: ","px;\n"])),function(p){return p.theme.palette.neutralLight;},spacingXxs+1,fontSizeSmall);var KeywordName=_styled.span.withConfig({displayName:"KeywordsPicker__KeywordName",componentId:"sc-5ec8mr-5"})(templateObject_6$r||(templateObject_6$r=__makeTemplateObject(["\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  min-width: ","px;\n  margin: 0 ","px;\n"],["\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  min-width: ","px;\n  margin: 0 ","px;\n"])),spacingL,spacingXs+2);var RemoveTagButton=_styled(IconButton).withConfig({displayName:"KeywordsPicker__RemoveTagButton",componentId:"sc-5ec8mr-6"})(templateObject_7$l||(templateObject_7$l=__makeTemplateObject(["\n  padding: 0 ","px;\n  border-radius: 0 ","px ","px 0;\n  width: ","px;\n  height: auto;\n  i {\n    font-size: ","px;\n  }\n"],["\n  padding: 0 ","px;\n  border-radius: 0 ","px ","px 0;\n  width: ","px;\n  height: auto;\n  i {\n    font-size: ","px;\n  }\n"])),spacingXxs+1,spacingXxs-1,spacingXxs-1,spacingL,fontSizeSmaller);var StyledTagPicker=_styled(TagPicker).withConfig({displayName:"KeywordsPicker__StyledTagPicker",componentId:"sc-5ec8mr-7"})(templateObject_8$j||(templateObject_8$j=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingS);var templateObject_1$2e,templateObject_2$1s,templateObject_3$Z,templateObject_4$I,templateObject_5$C,templateObject_6$r,templateObject_7$l,templateObject_8$j;var hasValidGenericUrlVideoSourcePrefix=function hasValidGenericUrlVideoSourcePrefix(url){return url&&getAdditionalVideoSources().filter(function(s){return url.startsWith(s.prefix);}).length>0;};var VideoUrlParser=/** @class */function(){function VideoUrlParser(url){this.url=url;this.source=null;this.id=null;this.isDirectVideoUrl=false;this.videoProperties=null;this.thumbnailUrl=null;if(hasValidGenericUrlVideoSourcePrefix(this.url)){this.source=VideoSource.GenericUrl;this.id=url;}else if(VideoUrlParser.microsoftStreamRegex.test(this.url)){this.source=VideoSource.MicrosoftStream;this.id=VideoUrlParser.microsoftStreamRegex.exec(this.url)[1];}else if(VideoUrlParser.ytRegex.test(this.url)){this.source=VideoSource.YouTube;this.id=VideoUrlParser.ytRegex.exec(this.url)[1];}else if(VideoUrlParser.vimeoRegex.test(this.url)){this.source=VideoSource.Vimeo;this.id=VideoUrlParser.vimeoRegex.exec(this.url)[1];}else if(VideoUrlParser.vimeoDirectLinkRegex.test(this.url)){this.source=VideoSource.Vimeo;this.id=VideoUrlParser.vimeoDirectLinkRegex.exec(this.url)[1];this.isDirectVideoUrl=true;}else if(VideoUrlParser.vimeoRedirectLinkRegex.test(this.url)){this.source=VideoSource.Vimeo;this.id=VideoUrlParser.vimeoRedirectLinkRegex.exec(this.url)[1];}else if(VideoUrlParser.kalturaRegex.test(this.url)){var regexMatches=VideoUrlParser.kalturaRegex.exec(this.url);this.source=VideoSource.Kaltura;this.id=regexMatches[1];this.videoProperties={sp:regexMatches[2],uiconfId:regexMatches[3],partnerId:regexMatches[4],entryId:regexMatches[5]};this.thumbnailUrl="https://cdnsecakmi.kaltura.com/p/"+this.id+"/thumbnail/entry_id/"+this.videoProperties.entryId+"/width/1000";}}//TODO handle the different error messages for cloud and onprem versions, i.e. what sources are permitted (see task 23570)
 VideoUrlParser.prototype.isValid=function(features){var _this=this;if(this.source==null||this.id==null){return false;}if(features){var sources=getVideoSources(features);return sources.findIndex(function(s){return s.type===_this.source;})>=0;}return true;};VideoUrlParser.ytRegex=/^.*(?:(?:youtu.be\/)|(?:v\/)|(?:\/u\/\w\/)|(?:embed\/)|(?:watch\?))\??v?=?([^#&?]*).*$/;VideoUrlParser.vimeoRegex=/.*?(?:vimeo.com\/){1}(?:video\/)?(\d+)/;// match first GUID after domain
-VideoUrlParser.microsoftStreamRegex=/.*web\.microsoftstream\.com.+?([0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12})/i;VideoUrlParser.vimeoDirectLinkRegex=/.*?(?:player\.vimeo\.com\/external\/){1}(\d+)/;VideoUrlParser.kalturaRegex=/.+cdnapisec\.kaltura\.com\/p\/([0-9]+)\/sp\/([0-9]+)\/embedIframeJs\/uiconf_id\/([0-9]+)\/partner_id\/([0-9]+)(?:.*entry_id=(.+?(?=&|$)))/;return VideoUrlParser;}();function getVideoSources(features){var sources=[];if(features.editorYouTubeVideos){sources.push({type:VideoSource.YouTube,name:'YouTube'});}if(features.editorVimeoVideos){sources.push({type:VideoSource.Vimeo,name:'Vimeo'});}if(features.editorMicrosoftVideos){sources.push({type:VideoSource.MicrosoftStream,name:'Microsoft Stream'});}if(features.editorKalturaVideos){sources.push({type:VideoSource.Kaltura,name:'Kaltura'});}return sources;}// this is wrapped, because the "appconfig" does not exist in the component library
+VideoUrlParser.microsoftStreamRegex=/.*web\.microsoftstream\.com.+?([0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12})/i;VideoUrlParser.vimeoDirectLinkRegex=/.*?(?:player\.vimeo\.com\/external\/){1}(\d+)/;VideoUrlParser.vimeoRedirectLinkRegex=/.*?(?:player\.vimeo\.com\/progressive_redirect\/playback\/){1}(\d+)(?:\/.*)/;VideoUrlParser.kalturaRegex=/.+cdnapisec\.kaltura\.com\/p\/([0-9]+)\/sp\/([0-9]+)\/embedIframeJs\/uiconf_id\/([0-9]+)\/partner_id\/([0-9]+)(?:.*entry_id=(.+?(?=&|$)))/;return VideoUrlParser;}();function getVideoSources(features){var sources=[];if(features.editorYouTubeVideos){sources.push({type:VideoSource.YouTube,name:'YouTube'});}if(features.editorVimeoVideos){sources.push({type:VideoSource.Vimeo,name:'Vimeo'});}if(features.editorMicrosoftVideos){sources.push({type:VideoSource.MicrosoftStream,name:'Microsoft Stream'});}if(features.editorKalturaVideos){sources.push({type:VideoSource.Kaltura,name:'Kaltura'});}return sources;}// this is wrapped, because the "appconfig" does not exist in the component library
 // we should probably provide a better fix for this => #38316
 function getAdditionalVideoSources(){return [];}var isObject$4=isObject$c;var setPrototypeOf=objectSetPrototypeOf;// makes subclassing work correct for wrapped built-ins
 var inheritIfRequired$1=function($this,dummy,Wrapper){var NewTarget,NewTargetPrototype;if(// it can work only with native `setPrototypeOf`