@azure/communication-react 1.15.0-beta.2 → 1.15.0

package/dist/dist-esm/react-components/src/localization/locales/nb-NO/strings.json

@@ -44,7 +44,18 @@
         "numberListTooltip": "Nummerert liste",
         "increaseIndentTooltip": "Øk innrykk",
         "decreaseIndentTooltip": "Reduser innrykk",
-        "richTextFormatButtonTooltip": "Format"
+        "insertTableTooltip": "Sett inn tabell",
+        "richTextFormatButtonTooltip": "Format",
+        "insertRowOrColumnMenu": "Sett inn",
+        "insertTableMenuTitle": "Sett inn {column} x {row}-tabell",
+        "insertRowAboveMenu": "Sett inn ovenfor",
+        "insertRowBelowMenu": "Sett inn nedenfor",
+        "insertColumnLeftMenu": "Sett inn til venstre",
+        "insertColumnRightMenu": "Sett inn til høyre",
+        "deleteRowOrColumnMenu": "Slett",
+        "deleteColumnMenu": "Slett kolonne",
+        "deleteRowMenu": "Slett rad",
+        "deleteTableMenu": "Slett tabell"
     },
     "mentionPopover": {
         "mentionPopoverHeader": "Forslag"
@@ -66,7 +77,9 @@
     },
     "endCallButton": {
         "label": "Forlat",
-        "tooltipContent": "Forlat samtale"
+        "tooltipContent": "Forlat samtale",
+        "leaveOption": "Forlat",
+        "endCallOption": "Avslutt samtalen"
     },
     "cameraButton": {
         "onLabel": "Kamera",
@@ -180,6 +193,7 @@
         "messageReadCount": "Lest av {messageReadByCount} av {remoteParticipantsCount}",
         "actionMenuMoreOptions": "Flere alternativer",
         "downloadAttachment": "Last ned fil",
+        "openAttachment": "Åpne fil",
         "blockedWarningText": "Denne meldingen ble slettet på grunn av en organisasjonspolicy.",
         "blockedWarningLinkText": "Detaljer",
         "attachmentCardGroupMessage": "Meldingen har {attachmentCount} vedlegg",

package/dist/dist-esm/react-components/src/localization/locales/nl-NL/strings.json

@@ -44,7 +44,18 @@
         "numberListTooltip": "Genummerde lijst",
         "increaseIndentTooltip": "Inspringing vergroten",
         "decreaseIndentTooltip": "Inspringing verkleinen",
-        "richTextFormatButtonTooltip": "Indeling"
+        "insertTableTooltip": "Tabel invoegen",
+        "richTextFormatButtonTooltip": "Indeling",
+        "insertRowOrColumnMenu": "Invoegen",
+        "insertTableMenuTitle": "{column} x {row} tabel invoegen",
+        "insertRowAboveMenu": "Hierboven invoegen",
+        "insertRowBelowMenu": "Hieronder invoegen",
+        "insertColumnLeftMenu": "Links invoegen",
+        "insertColumnRightMenu": "Rechts invoegen",
+        "deleteRowOrColumnMenu": "Verwijderen",
+        "deleteColumnMenu": "Kolom verwijderen",
+        "deleteRowMenu": "Rij verwijderen",
+        "deleteTableMenu": "Tabel verwijderen"
     },
     "mentionPopover": {
         "mentionPopoverHeader": "Suggesties"
@@ -66,7 +77,9 @@
     },
     "endCallButton": {
         "label": "Verlaten",
-        "tooltipContent": "Gesprek verlaten"
+        "tooltipContent": "Gesprek verlaten",
+        "leaveOption": "Verlaten",
+        "endCallOption": "Gesprek beëindigen"
     },
     "cameraButton": {
         "onLabel": "Camera",
@@ -180,6 +193,7 @@
         "messageReadCount": "Gelezen door {messageReadByCount} van {remoteParticipantsCount}",
         "actionMenuMoreOptions": "Meer opties",
         "downloadAttachment": "Bestand downloaden",
+        "openAttachment": "Bestand openen",
         "blockedWarningText": "Dit bericht is verwijderd vanwege organisatiebeleid.",
         "blockedWarningLinkText": "Details",
         "attachmentCardGroupMessage": "Het bericht heeft {attachmentCount} bijlage",

package/dist/dist-esm/react-components/src/localization/locales/pl-PL/strings.json

@@ -44,7 +44,18 @@
         "numberListTooltip": "Lista numerowana",
         "increaseIndentTooltip": "Zwiększ wcięcie",
         "decreaseIndentTooltip": "Zmniejsz wcięcie",
-        "richTextFormatButtonTooltip": "Formatowanie"
+        "insertTableTooltip": "Wstaw tabelę",
+        "richTextFormatButtonTooltip": "Formatowanie",
+        "insertRowOrColumnMenu": "Wstaw",
+        "insertTableMenuTitle": "Wstaw tabelę {column} x {row}",
+        "insertRowAboveMenu": "Wstaw powyżej",
+        "insertRowBelowMenu": "Wstaw poniżej",
+        "insertColumnLeftMenu": "Wstaw z lewej",
+        "insertColumnRightMenu": "Wstaw z prawej",
+        "deleteRowOrColumnMenu": "Usuń",
+        "deleteColumnMenu": "Usuń kolumnę",
+        "deleteRowMenu": "Usuń wiersz",
+        "deleteTableMenu": "Usuń tabelę"
     },
     "mentionPopover": {
         "mentionPopoverHeader": "Sugestie"
@@ -66,7 +77,9 @@
     },
     "endCallButton": {
         "label": "Wyjdź",
-        "tooltipContent": "Opuść rozmowę"
+        "tooltipContent": "Opuść rozmowę",
+        "leaveOption": "Opuść",
+        "endCallOption": "Zakończ połączenie"
     },
     "cameraButton": {
         "onLabel": "Kamera",
@@ -180,6 +193,7 @@
         "messageReadCount": "Przeczytane przez {messageReadByCount} z {remoteParticipantsCount}",
         "actionMenuMoreOptions": "Więcej opcji",
         "downloadAttachment": "Pobierz plik",
+        "openAttachment": "Otwórz plik",
         "blockedWarningText": "Ta wiadomość została usunięta ze względu na zasady organizacyjne.",
         "blockedWarningLinkText": "Szczegóły",
         "attachmentCardGroupMessage": "Wiadomość ma {attachmentCount} załącznik",

package/dist/dist-esm/react-components/src/localization/locales/pt-BR/strings.json

@@ -44,7 +44,18 @@
         "numberListTooltip": "Lista numerada",
         "increaseIndentTooltip": "Aumentar recuo",
         "decreaseIndentTooltip": "Diminuir recuo",
-        "richTextFormatButtonTooltip": "Formato"
+        "insertTableTooltip": "Inserir tabela",
+        "richTextFormatButtonTooltip": "Formato",
+        "insertRowOrColumnMenu": "Inserir",
+        "insertTableMenuTitle": "Inserir tabela {column} x {row}",
+        "insertRowAboveMenu": "Inserir acima",
+        "insertRowBelowMenu": "Inserir abaixo",
+        "insertColumnLeftMenu": "Inserir à esquerda",
+        "insertColumnRightMenu": "Inserir à direita",
+        "deleteRowOrColumnMenu": "Excluir",
+        "deleteColumnMenu": "Excluir coluna",
+        "deleteRowMenu": "Excluir linha",
+        "deleteTableMenu": "Excluir tabela"
     },
     "mentionPopover": {
         "mentionPopoverHeader": "Sugestões"
@@ -66,7 +77,9 @@
     },
     "endCallButton": {
         "label": "Sair",
-        "tooltipContent": "Sair da chamada"
+        "tooltipContent": "Sair da chamada",
+        "leaveOption": "Sair",
+        "endCallOption": "Encerrar chamada"
     },
     "cameraButton": {
         "onLabel": "Câmera",
@@ -180,6 +193,7 @@
         "messageReadCount": "Lido por {messageReadByCount} de {remoteParticipantsCount}",
         "actionMenuMoreOptions": "Mais opções",
         "downloadAttachment": "Baixar arquivo",
+        "openAttachment": "Abrir arquivo",
         "blockedWarningText": "Esta mensagem foi excluída devido à política organizacional.",
         "blockedWarningLinkText": "Detalhes",
         "attachmentCardGroupMessage": "A mensagem tem {attachmentCount} anexo",

package/dist/dist-esm/react-components/src/localization/locales/ru-RU/strings.json

@@ -44,7 +44,18 @@
         "numberListTooltip": "Нумерованный список",
         "increaseIndentTooltip": "Увеличить отступ",
         "decreaseIndentTooltip": "Уменьшить отступ",
-        "richTextFormatButtonTooltip": "Формат"
+        "insertTableTooltip": "Вставить таблицу",
+        "richTextFormatButtonTooltip": "Формат",
+        "insertRowOrColumnMenu": "Вставить",
+        "insertTableMenuTitle": "Вставить таблицу {column} x {row}",
+        "insertRowAboveMenu": "Вставить сверху",
+        "insertRowBelowMenu": "Вставить снизу",
+        "insertColumnLeftMenu": "Вставить слева",
+        "insertColumnRightMenu": "Вставить справа",
+        "deleteRowOrColumnMenu": "Удалить",
+        "deleteColumnMenu": "Удалить столбец",
+        "deleteRowMenu": "Удалить строку",
+        "deleteTableMenu": "Удалить таблицу"
     },
     "mentionPopover": {
         "mentionPopoverHeader": "Рекомендации"
@@ -66,7 +77,9 @@
     },
     "endCallButton": {
         "label": "Выйти",
-        "tooltipContent": "Покинуть вызов"
+        "tooltipContent": "Покинуть вызов",
+        "leaveOption": "Выйти",
+        "endCallOption": "Завершить звонок"
     },
     "cameraButton": {
         "onLabel": "Камера",
@@ -180,6 +193,7 @@
         "messageReadCount": "Прочитали: {messageReadByCount} из {remoteParticipantsCount}",
         "actionMenuMoreOptions": "Дополнительные параметры",
         "downloadAttachment": "Скачать файл",
+        "openAttachment": "Открыть файл",
         "blockedWarningText": "Это сообщение было удалено политикой организации.",
         "blockedWarningLinkText": "Сведения",
         "attachmentCardGroupMessage": "Сообщение содержит {attachmentCount} вложение",

package/dist/dist-esm/react-components/src/localization/locales/sv-SE/strings.json

@@ -44,7 +44,18 @@
         "numberListTooltip": "Numrerad lista",
         "increaseIndentTooltip": "Öka indrag",
         "decreaseIndentTooltip": "Minska indrag",
-        "richTextFormatButtonTooltip": "Format"
+        "insertTableTooltip": "Infoga tabell",
+        "richTextFormatButtonTooltip": "Format",
+        "insertRowOrColumnMenu": "Infoga",
+        "insertTableMenuTitle": "Infoga tabell på {column} x {row}",
+        "insertRowAboveMenu": "Infoga ovan",
+        "insertRowBelowMenu": "Infoga nedanför",
+        "insertColumnLeftMenu": "Infoga till vänster",
+        "insertColumnRightMenu": "Infoga till höger",
+        "deleteRowOrColumnMenu": "Ta bort",
+        "deleteColumnMenu": "Ta bort kolumn",
+        "deleteRowMenu": "Ta bort rad",
+        "deleteTableMenu": "Ta bort tabell"
     },
     "mentionPopover": {
         "mentionPopoverHeader": "Förslag"
@@ -66,7 +77,9 @@
     },
     "endCallButton": {
         "label": "Lämna",
-        "tooltipContent": "Lämna samtal"
+        "tooltipContent": "Lämna samtal",
+        "leaveOption": "Lämna",
+        "endCallOption": "Avsluta samtal"
     },
     "cameraButton": {
         "onLabel": "Kamera",
@@ -180,6 +193,7 @@
         "messageReadCount": "Läst av {messageReadByCount} av {remoteParticipantsCount}",
         "actionMenuMoreOptions": "Fler alternativ",
         "downloadAttachment": "Ladda ner fil",
+        "openAttachment": "Öppna fil",
         "blockedWarningText": "Det här meddelandet har tagits bort på grund av en organisationsprincip.",
         "blockedWarningLinkText": "Information",
         "attachmentCardGroupMessage": "Meddelandet har {attachmentCount} bifogade filer.",

package/dist/dist-esm/react-components/src/localization/locales/tr-TR/strings.json

@@ -44,7 +44,18 @@
         "numberListTooltip": "Numaralandırılmış liste",
         "increaseIndentTooltip": "Girintiyi artır",
         "decreaseIndentTooltip": "Girintiyi azalt",
-        "richTextFormatButtonTooltip": "Biçim"
+        "insertTableTooltip": "Tablo ekle",
+        "richTextFormatButtonTooltip": "Biçim",
+        "insertRowOrColumnMenu": "Ekle",
+        "insertTableMenuTitle": "{column} x {row} tablosunu ekleme",
+        "insertRowAboveMenu": "Üste ekle",
+        "insertRowBelowMenu": "Aşağıya ekle",
+        "insertColumnLeftMenu": "Sola ekle",
+        "insertColumnRightMenu": "Sağa ekle",
+        "deleteRowOrColumnMenu": "Sil",
+        "deleteColumnMenu": "Sütunu sil",
+        "deleteRowMenu": "Satırı sil",
+        "deleteTableMenu": "Tabloyu sil"
     },
     "mentionPopover": {
         "mentionPopoverHeader": "Öneriler"
@@ -66,7 +77,9 @@
     },
     "endCallButton": {
         "label": "Ayrıl",
-        "tooltipContent": "Aramadan ayrıl"
+        "tooltipContent": "Aramadan ayrıl",
+        "leaveOption": "Ayrıl",
+        "endCallOption": "Aramayı sonlandır"
     },
     "cameraButton": {
         "onLabel": "Kamera",
@@ -180,6 +193,7 @@
         "messageReadCount": "{messageReadByCount} / {remoteParticipantsCount} katılımcı tarafından okundu",
         "actionMenuMoreOptions": "Diğer Seçenekler",
         "downloadAttachment": "Dosyayı indir",
+        "openAttachment": "Dosyayı aç",
         "blockedWarningText": "Bu ileti kuruluş ilkesi nedeniyle silindi.",
         "blockedWarningLinkText": "Ayrıntılar",
         "attachmentCardGroupMessage": "İletinin {attachmentCount} eki var",

package/dist/dist-esm/react-components/src/localization/locales/zh-CN/strings.json

@@ -44,7 +44,18 @@
         "numberListTooltip": "编号列表",
         "increaseIndentTooltip": "增加缩进量",
         "decreaseIndentTooltip": "减少缩进量",
-        "richTextFormatButtonTooltip": "格式"
+        "insertTableTooltip": "插入表格",
+        "richTextFormatButtonTooltip": "格式",
+        "insertRowOrColumnMenu": "插入",
+        "insertTableMenuTitle": "插入 {column} x {row} 表",
+        "insertRowAboveMenu": "在上方插入",
+        "insertRowBelowMenu": "在下方插入",
+        "insertColumnLeftMenu": "在左侧插入",
+        "insertColumnRightMenu": "在右侧插入",
+        "deleteRowOrColumnMenu": "删除",
+        "deleteColumnMenu": "删除列",
+        "deleteRowMenu": "删除行",
+        "deleteTableMenu": "删除表格"
     },
     "mentionPopover": {
         "mentionPopoverHeader": "建议"
@@ -66,7 +77,9 @@
     },
     "endCallButton": {
         "label": "退出",
-        "tooltipContent": "离开通话"
+        "tooltipContent": "离开通话",
+        "leaveOption": "退出",
+        "endCallOption": "结束通话"
     },
     "cameraButton": {
         "onLabel": "相机",
@@ -180,6 +193,7 @@
         "messageReadCount": "{messageReadByCount}/{remoteParticipantsCount} 人已读",
         "actionMenuMoreOptions": "更多选项",
         "downloadAttachment": "下载文件",
+        "openAttachment": "打开文件",
         "blockedWarningText": "由于组织策略，此消息已被删除。",
         "blockedWarningLinkText": "详细信息",
         "attachmentCardGroupMessage": "该邮件包含 {attachmentCount} 个附件",

package/dist/dist-esm/react-components/src/localization/locales/zh-TW/strings.json

@@ -44,7 +44,18 @@
         "numberListTooltip": "編號清單",
         "increaseIndentTooltip": "增加縮排",
         "decreaseIndentTooltip": "減少縮排",
-        "richTextFormatButtonTooltip": "格式"
+        "insertTableTooltip": "插入表格",
+        "richTextFormatButtonTooltip": "格式",
+        "insertRowOrColumnMenu": "插入",
+        "insertTableMenuTitle": "插入 {column} x {row} 表格",
+        "insertRowAboveMenu": "在上方插入",
+        "insertRowBelowMenu": "在下方插入",
+        "insertColumnLeftMenu": "於左方插入",
+        "insertColumnRightMenu": "於右方插入",
+        "deleteRowOrColumnMenu": "刪除",
+        "deleteColumnMenu": "刪除欄",
+        "deleteRowMenu": "刪除列",
+        "deleteTableMenu": "刪除表格"
     },
     "mentionPopover": {
         "mentionPopoverHeader": "建議"
@@ -66,7 +77,9 @@
     },
     "endCallButton": {
         "label": "離開",
-        "tooltipContent": "離開通話"
+        "tooltipContent": "離開通話",
+        "leaveOption": "離開",
+        "endCallOption": "結束通話"
     },
     "cameraButton": {
         "onLabel": "相機",
@@ -180,6 +193,7 @@
         "messageReadCount": "讀取者為 {messageReadByCount} / {remoteParticipantsCount}",
         "actionMenuMoreOptions": "更多選項",
         "downloadAttachment": "下載檔案",
+        "openAttachment": "開啟檔案",
         "blockedWarningText": "由於組織原則，已刪除此訊息。",
         "blockedWarningLinkText": "詳細資料",
         "attachmentCardGroupMessage": "這則訊息有 {attachmentCount} 個附件",

package/dist/dist-esm/react-components/src/theming/FluentV9ThemeProvider.js

@@ -24,6 +24,6 @@ export const FluentV9ThemeProvider = (props) => {
 };
 const FluentProviderWithStylesOverrides = props => {
     const classes = useFluentV9Wrapper();
-    return React.createElement(FluentProvider, Object.assign({}, props, { className: classes.body }));
+    return React.createElement(FluentProvider, Object.assign({}, props, { className: classes.body, applyStylesToPortals: false }));
 };
 //# sourceMappingURL=FluentV9ThemeProvider.js.map

package/dist/dist-esm/react-components/src/theming/FluentV9ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FluentV9ThemeProvider.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/FluentV9ThemeProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAuB,MAAM,4BAA4B,CAAC;AAEzG,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAcvD;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAAC;IAC3C,IAAI,4DACF,MAAM,EAAE,MAAM,IACX,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,GACpB,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAC7B,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,KACxB,KAAK,EAAE,MAAM,GACd;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAe,EAAE;IACtF,MAAM,EACJ,OAAO,EACP,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACxC,OAAO;IACL,6FAA6F;IAC7F,oBAAC,qBAAqB,IAAC,GAAG,EAAE,GAAG;QAE7B,oBAAC,iCAAiC,IAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IACxD,QAAQ,CACyB,CACd,CACzB,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,iCAAiC,GAAkC,KAAK,CAAC,EAAE;IAC/E,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;IACrC,OAAO,oBAAC,cAAc,oBAAK,KAAK,IAAE,SAAS,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC;AAChE,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { makeStyles, shorthands, FluentProvider, FluentProviderProps } from '@fluentui/react-components';\nimport { Theme as ThemeV8 } from '@fluentui/react';\nimport { createV9Theme } from './v9ThemeShim';\nimport { TextDirectionProvider } from '@griffel/react';\n\n/**\n * Props for {@link FluentThemeProvider}.\n *\n * @private\n */\nexport interface FluentV9ThemeProviderProps {\n  /** Children to be themed. */\n  children: React.ReactNode;\n  /** FluentUI v8 theme to be mapped to FluentUI v9 theme */\n  v8Theme: ThemeV8;\n}\n\n/**\n * @private\n */\nexport const useFluentV9Wrapper = makeStyles({\n  body: {\n    height: '100%',\n    ...shorthands.margin(0),\n    ...shorthands.overflow('hidden'),\n    ...shorthands.padding(0),\n    width: '100%'\n  }\n});\n\n/**\n * @private\n */\nexport const FluentV9ThemeProvider = (props: FluentV9ThemeProviderProps): JSX.Element => {\n  const {\n    v8Theme,\n    children\n  } = props;\n  const v9Theme = createV9Theme(v8Theme);\n  const dir = v8Theme.rtl ? 'rtl' : 'ltr';\n  return (\n    // TextDirectionProvider is needed to fix issue with direction value update in FluentProvider\n    <TextDirectionProvider dir={dir}>\n      {/* Wrapper is required to call \"useClasses\" hook with proper context values */}\n      <FluentProviderWithStylesOverrides theme={v9Theme} dir={dir}>\n        {children}\n      </FluentProviderWithStylesOverrides>\n    </TextDirectionProvider>\n  );\n};\nconst FluentProviderWithStylesOverrides: React.FC<FluentProviderProps> = props => {\n  const classes = useFluentV9Wrapper();\n  return <FluentProvider {...props} className={classes.body} />;\n};"]}
+{"version":3,"file":"FluentV9ThemeProvider.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/FluentV9ThemeProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAuB,MAAM,4BAA4B,CAAC;AAEzG,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAcvD;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAAC;IAC3C,IAAI,4DACF,MAAM,EAAE,MAAM,IACX,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,GACpB,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAC7B,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,KACxB,KAAK,EAAE,MAAM,GACd;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAe,EAAE;IACtF,MAAM,EACJ,OAAO,EACP,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACxC,OAAO;IACL,6FAA6F;IAC7F,oBAAC,qBAAqB,IAAC,GAAG,EAAE,GAAG;QAE7B,oBAAC,iCAAiC,IAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IACxD,QAAQ,CACyB,CACd,CACzB,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,iCAAiC,GAAkC,KAAK,CAAC,EAAE;IAC/E,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;IACrC,OAAO,oBAAC,cAAc,oBAAK,KAAK,IAAE,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;AAC7F,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { makeStyles, shorthands, FluentProvider, FluentProviderProps } from '@fluentui/react-components';\nimport { Theme as ThemeV8 } from '@fluentui/react';\nimport { createV9Theme } from './v9ThemeShim';\nimport { TextDirectionProvider } from '@griffel/react';\n\n/**\n * Props for {@link FluentThemeProvider}.\n *\n * @private\n */\nexport interface FluentV9ThemeProviderProps {\n  /** Children to be themed. */\n  children: React.ReactNode;\n  /** FluentUI v8 theme to be mapped to FluentUI v9 theme */\n  v8Theme: ThemeV8;\n}\n\n/**\n * @private\n */\nexport const useFluentV9Wrapper = makeStyles({\n  body: {\n    height: '100%',\n    ...shorthands.margin(0),\n    ...shorthands.overflow('hidden'),\n    ...shorthands.padding(0),\n    width: '100%'\n  }\n});\n\n/**\n * @private\n */\nexport const FluentV9ThemeProvider = (props: FluentV9ThemeProviderProps): JSX.Element => {\n  const {\n    v8Theme,\n    children\n  } = props;\n  const v9Theme = createV9Theme(v8Theme);\n  const dir = v8Theme.rtl ? 'rtl' : 'ltr';\n  return (\n    // TextDirectionProvider is needed to fix issue with direction value update in FluentProvider\n    <TextDirectionProvider dir={dir}>\n      {/* Wrapper is required to call \"useClasses\" hook with proper context values */}\n      <FluentProviderWithStylesOverrides theme={v9Theme} dir={dir}>\n        {children}\n      </FluentProviderWithStylesOverrides>\n    </TextDirectionProvider>\n  );\n};\nconst FluentProviderWithStylesOverrides: React.FC<FluentProviderProps> = props => {\n  const classes = useFluentV9Wrapper();\n  return <FluentProvider {...props} className={classes.body} applyStylesToPortals={false} />;\n};"]}

package/dist/dist-esm/react-components/src/theming/icons.d.ts

@@ -30,9 +30,7 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ControlButtonLowerHand: React.JSX.Element;
     RaiseHandContextualMenuItem: React.JSX.Element;
     LowerHandContextualMenuItem: React.JSX.Element;
-    CancelFileUpload: React.JSX.Element;
-    DownloadFile: React.JSX.Element;
-    DataLossPreventionProhibited: React.JSX.Element;
+    ReactionButtonIcon: React.JSX.Element;
     EditBoxCancel: React.JSX.Element;
     EditBoxSubmit: React.JSX.Element;
     ErrorBarCallCameraAccessDenied: React.JSX.Element;
@@ -65,20 +63,11 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ParticipantItemOptions: React.JSX.Element;
     ParticipantItemOptionsHovered: React.JSX.Element;
     ParticipantItemScreenShareStart: React.JSX.Element;
-    HoldCallContextualMenuItem: React.JSX.Element;
-    HoldCallButton: React.JSX.Element;
-    ResumeCall: React.JSX.Element;
+    ParticipantItemSpotlighted: React.JSX.Element;
     SendBoxSend: React.JSX.Element;
     SendBoxSendHovered: React.JSX.Element;
     VideoTileMicOff: React.JSX.Element;
     DialpadBackspace: React.JSX.Element;
-    SitePermissionsSparkle: React.JSX.Element;
-    SitePermissionCamera: React.JSX.Element;
-    SitePermissionMic: React.JSX.Element;
-    SitePermissionCameraDenied: React.JSX.Element;
-    SitePermissionMicDenied: React.JSX.Element;
-    UnsupportedEnvironmentWarning: React.JSX.Element;
-    BrowserPermissionDeniedError: React.JSX.Element;
     VideoTilePinned: React.JSX.Element;
     VideoTileMoreOptions: React.JSX.Element;
     VideoTileScaleFit: React.JSX.Element;
@@ -103,5 +92,8 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ContextMenuSpeakerIcon: React.JSX.Element;
     SurveyStarIcon: React.JSX.Element;
     SurveyStarIconFilled: React.JSX.Element;
+    StartSpotlightContextualMenuItem: React.JSX.Element;
+    StopSpotlightContextualMenuItem: React.JSX.Element;
+    VideoTileSpotlighted: React.JSX.Element;
 };
 //# sourceMappingURL=icons.d.ts.map

package/dist/dist-esm/react-components/src/theming/icons.js

@@ -1,34 +1,21 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 import { mergeStyles } from '@fluentui/react';
-/* @conditional-compile-remove(call-readiness) */ /* @conditional-compile-remove(unsupported-browser) */
-import { Stack } from '@fluentui/react';
 import { ArrowClockwise16Regular, CallEnd20Filled, Checkmark20Regular, CheckmarkCircle16Regular, Circle16Regular, Delete20Regular, Dismiss20Regular, Dismiss16Regular, Edit20Regular, ErrorCircle16Regular, Eye16Regular, MicOff16Filled, MicOff16Regular, MicOff20Filled, Mic16Filled, Mic20Filled, Mic20Regular, MoreHorizontal20Filled, MoreHorizontal20Regular, People20Filled, Settings20Filled, Send20Filled, Send20Regular, ShareScreenStart20Filled, ShareScreenStop20Filled, Speaker220Regular, Video16Filled, Video20Filled, Video20Regular, VideoOff20Filled, ChevronLeft20Regular, ChevronRight20Regular, WifiWarning20Filled, SpeakerMute16Filled, MicProhibited16Filled, VideoProhibited16Filled, Pin16Filled, Pin16Regular, PinOff16Regular, ScaleFit20Regular, ScaleFill20Regular } from '@fluentui/react-icons';
+/* @conditional-compile-remove(reaction) */
+import { Emoji20Regular } from '@fluentui/react-icons';
 /* @conditional-compile-remove(end-of-call-survey) */
 import { Star28Regular, Star28Filled } from '@fluentui/react-icons';
 import { HandRight20Filled, HandRightOff20Filled, HandRight20Regular, HandRightOff20Regular } from '@fluentui/react-icons';
 /* @conditional-compile-remove(close-captions) */
 import { ClosedCaption20Regular, ClosedCaptionOff20Regular, Settings20Regular, PersonVoice20Regular, Translate20Regular } from '@fluentui/react-icons';
-/* @conditional-compile-remove(call-readiness) */
-import { Important20Filled } from '@fluentui/react-icons';
 import { VideoBackgroundEffect20Filled, VideoBackgroundEffect20Regular } from '@fluentui/react-icons';
 import { Backspace20Regular } from '@fluentui/react-icons';
-/* @conditional-compile-remove(call-readiness) */
-import { Sparkle20Filled, VideoProhibited20Filled, MicProhibited20Filled } from '@fluentui/react-icons';
-/* @conditional-compile-remove(file-sharing) */
-import { ArrowDownload16Regular } from '@fluentui/react-icons';
-/* @conditional-compile-remove(PSTN-calls) */
-import { CallPause20Regular, CallPause20Filled, Play20Regular } from '@fluentui/react-icons';
 import { People20Regular } from '@fluentui/react-icons';
-/* @conditional-compile-remove(data-loss-prevention) */
-import { Prohibited16Regular } from '@fluentui/react-icons';
-/* @conditional-compile-remove(unsupported-browser) */
-import { Warning20Filled } from '@fluentui/react-icons';
-import { _pxToRem } from "../../../acs-ui-common/src";
+/* @conditional-compile-remove(spotlight) */
+import { VideoPersonStar20Filled, VideoPersonStarOff20Filled } from '@fluentui/react-icons';
 import React from 'react';
 import { useTheme } from './FluentThemeProvider';
-/* @conditional-compile-remove(call-readiness) */
-import { sitePermissionIconBackgroundStyle, scaledIconStyles } from './icons.styles';
 const WifiWarning16Filled = () => 
 // All ErrorBar icons are 16px x 16px (when 1rem = 16 px).
 // There is no 16px version of this icon in the fluent icon package, so scale the larger
@@ -43,65 +30,6 @@ React.createElement("div", { className: mergeStyles({
         transform: 'scale(0.9)'
     }) },
     React.createElement(MoreHorizontal20Regular, null));
-/* @conditional-compile-remove(call-readiness) */
-const SitePermissionMic20Filled = () => {
-    const theme = useTheme();
-    return React.createElement(Stack, { horizontalAlign: 'center', styles: sitePermissionIconBackgroundStyle(theme) },
-        React.createElement("div", { className: mergeStyles(scaledIconStyles(theme)) },
-            React.createElement(Mic20Filled, null)));
-};
-/* @conditional-compile-remove(call-readiness) */
-const SitePermissionCamera20Filled = () => {
-    const theme = useTheme();
-    return React.createElement(Stack, { horizontalAlign: 'center', styles: sitePermissionIconBackgroundStyle(theme) },
-        React.createElement("div", { className: mergeStyles(scaledIconStyles(theme)) },
-            React.createElement(Video20Filled, null)));
-};
-/* @conditional-compile-remove(call-readiness) */
-const SitePermissionsMicDenied20Filled = () => {
-    const theme = useTheme();
-    return React.createElement(Stack, { horizontalAlign: 'center', styles: sitePermissionIconBackgroundStyle(theme) },
-        React.createElement("div", { className: mergeStyles(scaledIconStyles(theme)) },
-            React.createElement(MicProhibited20Filled, null)));
-};
-/* @conditional-compile-remove(call-readiness) */
-const SitePermissionsCameraDenied20Filled = () => {
-    const theme = useTheme();
-    return React.createElement(Stack, { horizontalAlign: 'center', styles: sitePermissionIconBackgroundStyle(theme) },
-        React.createElement("div", { className: mergeStyles(scaledIconStyles(theme)) },
-            React.createElement(VideoProhibited20Filled, null)));
-};
-/* @conditional-compile-remove(call-readiness) */
-const SitePermissionSparkle20Filled = () => React.createElement("div", { className: mergeStyles({
-        transform: 'scale(2)'
-    }) },
-    React.createElement(Sparkle20Filled, null));
-/* @conditional-compile-remove(unsupported-browser) */
-const UnsupportedEnvironmentWarning = () => {
-    const theme = useTheme();
-    return React.createElement(Stack, { horizontalAlign: 'center', styles: {
-            root: {
-                width: _pxToRem(84),
-                borderRadius: '100%',
-                background: theme.palette.themeLighterAlt,
-                padding: '2rem',
-                margin: 'auto'
-            }
-        } },
-        React.createElement("div", { className: mergeStyles(scaledIconStyles(theme)) },
-            React.createElement(Warning20Filled, null)));
-};
-/* @conditional-compile-remove(call-readiness) */
-const BrowserPermissionDenied20Filled = () => {
-    const theme = useTheme();
-    return React.createElement(Stack, { horizontalAlign: 'center', styles: sitePermissionIconBackgroundStyle(theme) },
-        React.createElement("div", { className: mergeStyles(scaledIconStyles(theme)) },
-            React.createElement(Important20Filled, null)));
-};
-/* @conditional-compile-remove(data-loss-prevention) */
-const DataLossPreventionProhibited16Regular = () => {
-    return React.createElement(Prohibited16Regular, null);
-};
 const GalleryLeftButton = () => {
     const rtl = useTheme().rtl;
     return rtl ? React.createElement(ChevronRight20Regular, null) : React.createElement(ChevronLeft20Regular, null);
@@ -111,9 +39,13 @@ const GalleryRightButton = () => {
     return rtl ? React.createElement(ChevronLeft20Regular, null) : React.createElement(ChevronRight20Regular, null);
 };
 const ControlButtonRaiseHandIcon = () => {
+    /* @conditional-compile-remove(reaction) */
+    return React.createElement(HandRight20Regular, null);
     return React.createElement(HandRight20Filled, null);
 };
 const ControlButtonLowerHandIcon = () => {
+    /* @conditional-compile-remove(reaction) */
+    return React.createElement(HandRightOff20Regular, null);
     return React.createElement(HandRightOff20Filled, null);
 };
 /**
@@ -139,12 +71,8 @@ export const DEFAULT_COMPONENT_ICONS = {
     ControlButtonLowerHand: React.createElement(ControlButtonLowerHandIcon, null),
     RaiseHandContextualMenuItem: React.createElement(HandRight20Regular, null),
     LowerHandContextualMenuItem: React.createElement(HandRightOff20Regular, null),
-    /* @conditional-compile-remove(file-sharing) */
-    CancelFileUpload: React.createElement(Dismiss16Regular, null),
-    /* @conditional-compile-remove(file-sharing) */
-    DownloadFile: React.createElement(ArrowDownload16Regular, null),
-    /* @conditional-compile-remove(data-loss-prevention) */
-    DataLossPreventionProhibited: React.createElement(DataLossPreventionProhibited16Regular, null),
+    /* @conditional-compile-remove(reaction) */
+    ReactionButtonIcon: React.createElement(Emoji20Regular, null),
     EditBoxCancel: React.createElement(Dismiss20Regular, null),
     EditBoxSubmit: React.createElement(Checkmark20Regular, null),
     ErrorBarCallCameraAccessDenied: React.createElement(VideoProhibited16Filled, null),
@@ -177,30 +105,12 @@ export const DEFAULT_COMPONENT_ICONS = {
     ParticipantItemOptions: React.createElement(React.Fragment, null),
     ParticipantItemOptionsHovered: React.createElement(MoreHorizontal20Filled, null),
     ParticipantItemScreenShareStart: React.createElement(ShareScreenStart20Filled, null),
-    /* @conditional-compile-remove(PSTN-calls) */
-    HoldCallContextualMenuItem: React.createElement(CallPause20Regular, null),
-    /* @conditional-compile-remove(PSTN-calls) */
-    HoldCallButton: React.createElement(CallPause20Filled, null),
-    /* @conditional-compile-remove(PSTN-calls) */
-    ResumeCall: React.createElement(Play20Regular, null),
+    /* @conditional-compile-remove(spotlight) */
+    ParticipantItemSpotlighted: React.createElement(VideoPersonStar20Filled, null),
     SendBoxSend: React.createElement(Send20Regular, null),
     SendBoxSendHovered: React.createElement(Send20Filled, null),
     VideoTileMicOff: React.createElement(MicOff16Filled, null),
     DialpadBackspace: React.createElement(Backspace20Regular, null),
-    /* @conditional-compile-remove(call-readiness) */
-    SitePermissionsSparkle: React.createElement(SitePermissionSparkle20Filled, null),
-    /* @conditional-compile-remove(call-readiness) */
-    SitePermissionCamera: React.createElement(SitePermissionCamera20Filled, null),
-    /* @conditional-compile-remove(call-readiness) */
-    SitePermissionMic: React.createElement(SitePermissionMic20Filled, null),
-    /* @conditional-compile-remove(call-readiness) */
-    SitePermissionCameraDenied: React.createElement(SitePermissionsCameraDenied20Filled, null),
-    /* @conditional-compile-remove(call-readiness) */
-    SitePermissionMicDenied: React.createElement(SitePermissionsMicDenied20Filled, null),
-    /* @conditional-compile-remove(unsupported-browser) */
-    UnsupportedEnvironmentWarning: React.createElement(UnsupportedEnvironmentWarning, null),
-    /* @conditional-compile-remove(call-readiness) */
-    BrowserPermissionDeniedError: React.createElement(BrowserPermissionDenied20Filled, null),
     VideoTilePinned: React.createElement(Pin16Filled, null),
     VideoTileMoreOptions: React.createElement(MoreHorizontal20Filled, null),
     VideoTileScaleFit: React.createElement(ScaleFit20Regular, null),
@@ -231,6 +141,15 @@ export const DEFAULT_COMPONENT_ICONS = {
     /* @conditional-compile-remove(end-of-call-survey) */
     SurveyStarIcon: React.createElement(Star28Regular, null),
     /* @conditional-compile-remove(end-of-call-survey) */
-    SurveyStarIconFilled: React.createElement(Star28Filled, null)
+    SurveyStarIconFilled: React.createElement(Star28Filled, null),
+    /* @conditional-compile-remove(spotlight) */
+    StartSpotlightContextualMenuItem: React.createElement(VideoPersonStar20Filled, null),
+    /* @conditional-compile-remove(spotlight) */
+    StopSpotlightContextualMenuItem: React.createElement(VideoPersonStarOff20Filled, null),
+    /* @conditional-compile-remove(spotlight) */
+    VideoTileSpotlighted: React.createElement(VideoPersonStar20Filled, { style: {
+            height: '16px',
+            width: '16px'
+        } })
 };
 //# sourceMappingURL=icons.js.map