@livetiles/reach-components-react 0.4.0-preview.100 → 0.4.0-preview.107

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1017,6 +1017,7 @@ var en = {
1017
1017
  "Languages.selectionPrompt": "In which languages do you want to offer this article to the readers?",
1018
1018
  "Languages.automaticTranslationsCheckbox": "Create initial translations automatically using an online service",
1019
1019
  "Languages.automaticTranslationsDropdown": "Use this language as the source for automatic translations:",
1020
+ "Languages.automaticTranslationsDropdownPlaceholder": "Select a language",
1020
1021
  "Audience.title": "Audience Targeting",
1021
1022
  "Audience.backToChannels": "Back to Channels",
1022
1023
  "Audience.infoMsg1": "With audience targeting you can configure channel settings for specific user groups.",
package/index.esm2.js CHANGED
@@ -50934,7 +50934,7 @@ function setMomentLocale(locale) {
50934
50934
  // ORDER MATTERS - must always be the same as in the API
50935
50935
 
50936
50936
 
50937
- var orderedFeatureSet = ['news', 'comments', 'multiLanguage', 'keywords', 'pushNotifications', 'mailNotification', 'teamsNotifications', 'themes', 'webHooks', 'reporting', 'likes', 'confirmation', 'customLogo', 'customName', 'avatars', 'manualChannelSubscription', 'bannerImages', 'bannerVideos', 'editorInlineFiles', 'editorInlineImages', 'editorInlineGallery', 'editorInlineVideos', 'editorInlineMarkup', 'editorInlineTable', 'editorInlineContact', 'expiryDate', 'onBehalfOf', 'editorConversations', 'targetAudienceRules', 'unreadTracking', 'editorInlineQuotes', 'selfRegistration', 'people', 'posts', 'newsAlerts', 'pages', 'inPageNavigation', 'automaticTranslation', 'polls', 'events', 'teams', 'userInvitation', 'languageDetection', 'postKeywords', 'hyperfish', 'canva', 'allowUserImpersonation', 'directoryGroupMemberCaching', 'inAppBrowser', 'externalNews', 'termsAndConditions', 'chat', 'recurringEvents', 'publicAccess', 'allowUserPropertiesUpdate', 'showMyNews', 'allowToUnpinMandatoryChannels', 'allowToReorderMandatoryChannels', 'useDirectoryUserPropertiesForTargetAudience', 'giphy', 'replyToComments', 'enableUserflow', 'reportingPreview', 'preventContentRedirectForBrandedApps', 'browserPushNotifications', 'contentHeadline', 'popularNewsReport', 'notificationFeed', 'unsplash', 'externalPages', 'showLikers', 'pageDocuments', 'unifiedPostView', 'stream', 'showAllNews', 'customFavicon', 'editorPreview', 'editorAutomaticTranslation']; // ########### WARNING #############
50937
+ var orderedFeatureSet = ['news', 'comments', 'multiLanguage', 'keywords', 'pushNotifications', 'mailNotification', 'teamsNotifications', 'themes', 'webHooks', 'reporting', 'likes', 'confirmation', 'customLogo', 'customName', 'avatars', 'manualChannelSubscription', 'bannerImages', 'bannerVideos', 'editorInlineFiles', 'editorInlineImages', 'editorInlineGallery', 'editorInlineVideos', 'editorInlineMarkup', 'editorInlineTable', 'editorInlineContact', 'expiryDate', 'onBehalfOf', 'editorConversations', 'targetAudienceRules', 'unreadTracking', 'editorInlineQuotes', 'selfRegistration', 'people', 'posts', 'newsAlerts', 'pages', 'inPageNavigation', 'automaticTranslation', 'polls', 'events', 'teams', 'userInvitation', 'languageDetection', 'postKeywords', 'hyperfish', 'canva', 'allowUserImpersonation', 'directoryGroupMemberCaching', 'inAppBrowser', 'externalNews', 'termsAndConditions', 'chat', 'recurringEvents', 'publicAccess', 'allowUserPropertiesUpdate', 'showMyNews', 'allowToUnpinMandatoryChannels', 'allowToReorderMandatoryChannels', 'useDirectoryUserPropertiesForTargetAudience', 'giphy', 'replyToComments', 'enableUserflow', 'reportingPreview', 'preventContentRedirectForBrandedApps', 'browserPushNotifications', 'contentHeadline', 'popularNewsReport', 'notificationFeed', 'unsplash', 'externalPages', 'showLikers', 'pageDocuments', 'unifiedPostView', 'stream', 'showAllNews', 'customFavicon', 'editorPreview', 'editorAutomaticTranslation', 'editorYouTubeVideos', 'editorVimeoVideos', 'editorKalturaVideos', 'editorMicrosoftVideos']; // ########### WARNING #############
50938
50938
  // ORDER MATTERS - must always be the same as in the API
50939
50939
 
50940
50940
  var FeatureSet =
@@ -78468,14 +78468,16 @@ var EditorHighlight = function EditorHighlight(_a) {
78468
78468
  resourceKey: tooltipResourceKey,
78469
78469
  className: className
78470
78470
  }, {
78471
- children: jsx$1(EditorHighlightBubble, __assign$1({}, props), void 0)
78471
+ children: jsx$1(EditorHighlightBubble, __assign$1({}, props, {
78472
+ "data-highlight-bubble": true
78473
+ }), void 0)
78472
78474
  }), void 0);
78473
78475
  };
78474
78476
 
78475
78477
  var EditorHighlightBubble = _styled.div.withConfig({
78476
78478
  displayName: "EditorHighlight__EditorHighlightBubble",
78477
78479
  componentId: "sc-1d6ahk1-0"
78478
- })(templateObject_1$1a$1 || (templateObject_1$1a$1 = __makeTemplateObject$1(["\n ", ";\n &:empty {\n display: none;\n }\n\n padding: 10px 15px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n ", ";\n &:empty {\n display: none;\n }\n\n padding: 10px 15px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), HighlightBubble(), function (_a) {
78480
+ })(templateObject_1$1a$1 || (templateObject_1$1a$1 = __makeTemplateObject$1(["\n ", ";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ", "px ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ", "px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n ", ";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ", "px ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ", "px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), HighlightBubble(), spacingXs, spacingM - 5, fontSizeSmall, function (_a) {
78479
78481
  var readOnly = _a.readOnly;
78480
78482
  return readOnly ? 'inherit' : 'pointer';
78481
78483
  }, function (_a) {
@@ -78604,12 +78606,12 @@ var GutterToggle = function GutterToggle(_a) {
78604
78606
  var Host$x$1 = _styled.div.withConfig({
78605
78607
  displayName: "GutterToggle__Host",
78606
78608
  componentId: "sc-1aya63j-0"
78607
- })(templateObject_1$17$1 || (templateObject_1$17$1 = __makeTemplateObject$1(["\n margin: 0 21px 0 6px;\n padding-top: 8px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"], ["\n margin: 0 21px 0 6px;\n padding-top: 8px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"])));
78609
+ })(templateObject_1$17$1 || (templateObject_1$17$1 = __makeTemplateObject$1(["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"], ["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"])));
78608
78610
 
78609
78611
  var ToggleIcon = _styled(IconButton).withConfig({
78610
78612
  displayName: "GutterToggle__ToggleIcon",
78611
78613
  componentId: "sc-1aya63j-1"
78612
- })(templateObject_2$G$1 || (templateObject_2$G$1 = __makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n font-size: 18px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: 25px;\n }\n }\n"], ["\n && {\n margin: 0;\n padding: 0;\n font-size: 18px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: 25px;\n }\n }\n"])));
78614
+ })(templateObject_2$G$1 || (templateObject_2$G$1 = __makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n font-size: ", "px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ", "px;\n }\n }\n"], ["\n && {\n margin: 0;\n padding: 0;\n font-size: ", "px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ", "px;\n }\n }\n"])), fontSizeMedium, fontSizeMedium + 2);
78613
78615
 
78614
78616
  var Spacer = _styled.div.withConfig({
78615
78617
  displayName: "GutterToggle__Spacer",
@@ -87374,9 +87376,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
87374
87376
  }), void 0);
87375
87377
  };
87376
87378
 
87377
- var version$1 = "0.4.0-preview.100";
87378
- var buildId = "96302";
87379
- var commitId = "92cc1e4ea10595412d42e8be62e2fe60ff10fe76";
87379
+ var version$1 = "0.4.0-preview.107";
87380
+ var buildId = "96369";
87381
+ var commitId = "082cebb7174d07e379506227e9b1317033846b32";
87380
87382
  var isCustomerBuild = false;
87381
87383
  var buildInfo = {
87382
87384
  version: version$1,
@@ -126296,7 +126298,7 @@ isValid=false;};},[itemId]);if(showAccessDenied){handleAccessDeniedError({});ret
126296
126298
  var _a;if(componentMapperParentNodes.some(function(n){return n.contains(node);})){return false;}for(var _i=0,componentMappers_2=componentMappers;_i<componentMappers_2.length;_i++){var handler=componentMappers_2[_i];var match=handler.getPropsFromHtml(nodeName,node);if(match){componentMapperParentNodes.push(node);handler.prepareRootNode&&handler.prepareRootNode(node);}}if(nodeName==='div'){return 'atomic';}if(nodeName==='p'&&((_a=node.innerHTML)===null||_a===void 0?void 0:_a.trim())==='<br>'){// Quill used to generate <p><br></p> for empty rows
126297
126299
  // This is not compatible with draftJS.
126298
126300
  // Hence we remove the innerHTML for empty p tags.
126299
- node.innerHTML='';}return null;};}var InlineUrlPreview=function InlineUrlPreview(_a){var _b=_a.blockProps,itemId=_b.itemId,type=_b.type,subscriptionIdentifier=_b.subscriptionIdentifier;var user=useCurrentUser();if(subscriptionIdentifier!==user.subscription.id&&subscriptionIdentifier!==user.subscription.subscriptionHandle){return null;}return jsx$1(EmbeddedObjectTile,{id:itemId,type:parseInt(type),previewTheme:"dark"},void 0);};var InlineUrlPreviewMapper={component:InlineUrlPreview,type:EntityType.UrlPreview,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var itemId=node.getAttribute('data-item-id');if(itemId==null){return null;}return {itemId:itemId,type:node.getAttribute('data-type'),subscriptionIdentifier:node.getAttribute('data-subscription-identifier')};}};var InlineObjectToolbar=function InlineObjectToolbar(_a){var onDelete=_a.onDelete,additionalButtons=_a.additionalButtons;var formatMessage=useIntl().formatMessage;return jsxs(Toolbar,__assign({className:"inline-object-toolbar",alwaysShown:env.isTouchDevice},{children:[onDelete&&jsx$1(IconButton,{iconProps:{iconName:'Delete'},onMouseDown:function(e){return e.preventDefault();},onClick:onDelete,"data-inline-object-toolbar-delete-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.removeItem'})},void 0),additionalButtons]}),void 0);};var Toolbar=_styled.div.withConfig({displayName:"InlineObjectToolbar__Toolbar",componentId:"sc-1cbis2b-0"})(templateObject_3$E||(templateObject_3$E=__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n padding: 0 ","px;\n height: 36px;\n display: flex;\n align-items: center;\n\n transition: 0.2s ease-out;\n transition-property: opacity, margin;\n background-color: rgba(255, 255, 255, 0.81);\n ","\n\n i {\n text-shadow: white 1px 1px 3px;\n }\n\n &:focus-within {\n opacity: 1;\n z-index: 2;\n }\n"],["\n position: absolute;\n top: 0;\n right: 0;\n padding: 0 ","px;\n height: 36px;\n display: flex;\n align-items: center;\n\n transition: 0.2s ease-out;\n transition-property: opacity, margin;\n background-color: rgba(255, 255, 255, 0.81);\n ","\n\n i {\n text-shadow: white 1px 1px 3px;\n }\n\n &:focus-within {\n opacity: 1;\n z-index: 2;\n }\n"])),spacingS,function(p){return p.alwaysShown?css$2(templateObject_1$1A||(templateObject_1$1A=__makeTemplateObject(["\n opacity: 1;\n z-index: 2;\n "],["\n opacity: 1;\n z-index: 2;\n "]))):css$2(templateObject_2$W||(templateObject_2$W=__makeTemplateObject(["\n opacity: 0;\n z-index: -1;\n "],["\n opacity: 0;\n z-index: -1;\n "])));});var InlineObjectToolbarWrapper=function InlineObjectToolbarWrapper(_a){var toolbar=_a.toolbar,children=_a.children;return jsxs(ObjectHost,__assign({showToolbarOnHover:toolbar!=null},{children:[toolbar,children]}),void 0);};var ObjectHost=_styled.div.withConfig({displayName:"InlineObjectToolbar__ObjectHost",componentId:"sc-1cbis2b-1"})(templateObject_5$o||(templateObject_5$o=__makeTemplateObject(["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n\n ","\n"],["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n\n ","\n"])),function(p){return p.showToolbarOnHover&&css$2(templateObject_4$q||(templateObject_4$q=__makeTemplateObject(["\n &:hover .inline-object-toolbar {\n opacity: 1;\n z-index: 2;\n }\n "],["\n &:hover .inline-object-toolbar {\n opacity: 1;\n z-index: 2;\n }\n "])));});var templateObject_1$1A,templateObject_2$W,templateObject_3$E,templateObject_4$q,templateObject_5$o;var ImageToolbar=function ImageToolbar(_a){var onDelete=_a.onDelete,onFullScreen=_a.onFullScreen,onClose=_a.onClose,onCrop=_a.onCrop,showFullScreenButton=_a.showFullScreenButton,showCloseButton=_a.showCloseButton,showCropButton=_a.showCropButton;var formatMessage=useIntl().formatMessage;return jsx$1(InlineObjectToolbar,{onDelete:onDelete,additionalButtons:jsxs(Fragment,{children:[showFullScreenButton&&jsx$1(IconButton,{iconProps:{iconName:'FullScreen'},onMouseDown:function(e){return e.preventDefault();},onClick:onFullScreen,"data-image-toolbar-full-screen-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.viewFullScreen'})},void 0),showCropButton&&jsx$1(IconButton,{iconProps:{iconName:'EditPhoto'},onMouseDown:function(e){return e.preventDefault();},onClick:onCrop,"data-image-toolbar-crop-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.editImage'})},void 0),showCloseButton&&jsx$1(IconButton,{iconProps:{iconName:'ChromeClose'},onMouseDown:function(e){return e.preventDefault();},onClick:onClose,"data-image-toolbar-close-button":true,ariaLabel:formatMessage({id:'AriaLabel.cancelButton'})},void 0)]},void 0)},void 0);};var PhotoGallerySlider=function PhotoGallerySlider(_a){var gallery=_a.gallery,imageUrlResolver=_a.imageUrlResolver,onCloseGallery=_a.onCloseGallery,onOpenFullScreen=_a.onOpenFullScreen,showFullScreenButton=_a.showFullScreenButton,showCloseButton=_a.showCloseButton,height=_a.height;var pullToRefreshContext=useContext(PullToRefreshContext);var _b=useState$2(null),fullScreenItemIndex=_b[0],setFullScreenItemIndex=_b[1];var _c=useState$2(false),isFullScreenOpen=_c[0],setIsFullScreenOpen=_c[1];var formatMessage=useIntl().formatMessage;var themePrimary=useContext(ThemeContext$1).theme.palette.themePrimary;useEffect$1(function(){addBackButtonListener(handleBackButton);return function(){return removeBackButtonListener(handleBackButton);};function handleBackButton(){if(isFullScreenOpen){handleCloseFullScreen();return true;}return false;}// eslint-disable-next-line react-hooks/exhaustive-deps
126301
+ node.innerHTML='';}return null;};}var InlineUrlPreview=function InlineUrlPreview(_a){var _b=_a.blockProps,itemId=_b.itemId,type=_b.type,subscriptionIdentifier=_b.subscriptionIdentifier;var user=useCurrentUser();if(subscriptionIdentifier!==user.subscription.id&&subscriptionIdentifier!==user.subscription.subscriptionHandle){return null;}return jsx$1(EmbeddedObjectTile,{id:itemId,type:parseInt(type),previewTheme:"dark"},void 0);};var InlineUrlPreviewMapper={component:InlineUrlPreview,type:EntityType.UrlPreview,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var itemId=node.getAttribute('data-item-id');if(itemId==null){return null;}return {itemId:itemId,type:node.getAttribute('data-type'),subscriptionIdentifier:node.getAttribute('data-subscription-identifier')};}};var InlineObjectToolbar=function InlineObjectToolbar(_a){var onDelete=_a.onDelete,additionalButtons=_a.additionalButtons;var formatMessage=useIntl().formatMessage;if(!onDelete&&!additionalButtons){return null;}return jsxs(Toolbar,__assign({className:"inline-object-toolbar",alwaysShown:env.isTouchDevice},{children:[onDelete&&jsx$1(IconButton,{iconProps:{iconName:'Delete'},onMouseDown:function(e){return e.preventDefault();},onClick:onDelete,"data-inline-object-toolbar-delete-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.removeItem'})},void 0),additionalButtons]}),void 0);};var Toolbar=_styled.div.withConfig({displayName:"InlineObjectToolbar__Toolbar",componentId:"sc-1cbis2b-0"})(templateObject_3$E||(templateObject_3$E=__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n padding: 0 ","px;\n height: 36px;\n display: flex;\n align-items: center;\n\n transition: 0.2s ease-out;\n transition-property: opacity, margin;\n background-color: rgba(255, 255, 255, 0.81);\n ","\n\n i {\n text-shadow: white 1px 1px 3px;\n }\n\n &:focus-within {\n opacity: 1;\n z-index: 2;\n }\n"],["\n position: absolute;\n top: 0;\n right: 0;\n padding: 0 ","px;\n height: 36px;\n display: flex;\n align-items: center;\n\n transition: 0.2s ease-out;\n transition-property: opacity, margin;\n background-color: rgba(255, 255, 255, 0.81);\n ","\n\n i {\n text-shadow: white 1px 1px 3px;\n }\n\n &:focus-within {\n opacity: 1;\n z-index: 2;\n }\n"])),spacingS,function(p){return p.alwaysShown?css$2(templateObject_1$1A||(templateObject_1$1A=__makeTemplateObject(["\n opacity: 1;\n z-index: 2;\n "],["\n opacity: 1;\n z-index: 2;\n "]))):css$2(templateObject_2$W||(templateObject_2$W=__makeTemplateObject(["\n opacity: 0;\n z-index: -1;\n "],["\n opacity: 0;\n z-index: -1;\n "])));});var InlineObjectToolbarWrapper=function InlineObjectToolbarWrapper(_a){var toolbar=_a.toolbar,children=_a.children;return jsxs(ObjectHost,__assign({showToolbarOnHover:toolbar!=null},{children:[toolbar,children]}),void 0);};var ObjectHost=_styled.div.withConfig({displayName:"InlineObjectToolbar__ObjectHost",componentId:"sc-1cbis2b-1"})(templateObject_5$o||(templateObject_5$o=__makeTemplateObject(["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n\n ","\n"],["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n\n ","\n"])),function(p){return p.showToolbarOnHover&&css$2(templateObject_4$q||(templateObject_4$q=__makeTemplateObject(["\n &:hover .inline-object-toolbar {\n opacity: 1;\n z-index: 2;\n }\n "],["\n &:hover .inline-object-toolbar {\n opacity: 1;\n z-index: 2;\n }\n "])));});var templateObject_1$1A,templateObject_2$W,templateObject_3$E,templateObject_4$q,templateObject_5$o;var ImageToolbar=function ImageToolbar(_a){var onDelete=_a.onDelete,onFullScreen=_a.onFullScreen,onClose=_a.onClose,onCrop=_a.onCrop,showFullScreenButton=_a.showFullScreenButton,showCloseButton=_a.showCloseButton,showCropButton=_a.showCropButton;var formatMessage=useIntl().formatMessage;var hasAdditionalButtons=showFullScreenButton||showCropButton||showCloseButton;return jsx$1(InlineObjectToolbar,{onDelete:onDelete,additionalButtons:hasAdditionalButtons&&jsxs(Fragment,{children:[showFullScreenButton&&jsx$1(IconButton,{iconProps:{iconName:'FullScreen'},onMouseDown:function(e){return e.preventDefault();},onClick:onFullScreen,"data-image-toolbar-full-screen-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.viewFullScreen'})},void 0),showCropButton&&jsx$1(IconButton,{iconProps:{iconName:'EditPhoto'},onMouseDown:function(e){return e.preventDefault();},onClick:onCrop,"data-image-toolbar-crop-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.editImage'})},void 0),showCloseButton&&jsx$1(IconButton,{iconProps:{iconName:'ChromeClose'},onMouseDown:function(e){return e.preventDefault();},onClick:onClose,"data-image-toolbar-close-button":true,ariaLabel:formatMessage({id:'AriaLabel.cancelButton'})},void 0)]},void 0)},void 0);};var PhotoGallerySlider=function PhotoGallerySlider(_a){var gallery=_a.gallery,imageUrlResolver=_a.imageUrlResolver,onCloseGallery=_a.onCloseGallery,onOpenFullScreen=_a.onOpenFullScreen,showFullScreenButton=_a.showFullScreenButton,showCloseButton=_a.showCloseButton,height=_a.height;var pullToRefreshContext=useContext(PullToRefreshContext);var _b=useState$2(null),fullScreenItemIndex=_b[0],setFullScreenItemIndex=_b[1];var _c=useState$2(false),isFullScreenOpen=_c[0],setIsFullScreenOpen=_c[1];var formatMessage=useIntl().formatMessage;var themePrimary=useContext(ThemeContext$1).theme.palette.themePrimary;useEffect$1(function(){addBackButtonListener(handleBackButton);return function(){return removeBackButtonListener(handleBackButton);};function handleBackButton(){if(isFullScreenOpen){handleCloseFullScreen();return true;}return false;}// eslint-disable-next-line react-hooks/exhaustive-deps
126300
126302
  },[isFullScreenOpen]);// TODO: improvements - spinners
126301
126303
  var images=useMemo(function(){var _a;return (_a=gallery.images)===null||_a===void 0?void 0:_a.map(function(image){var _a;return __assign(__assign({},image),{// todo: what is a good width for the slider images
126302
126304
  // todo: previewUrl is a bit misleading here
package/index.umd.js CHANGED
@@ -50791,7 +50791,7 @@
50791
50791
  // ORDER MATTERS - must always be the same as in the API
50792
50792
 
50793
50793
 
50794
- var orderedFeatureSet = ['news', 'comments', 'multiLanguage', 'keywords', 'pushNotifications', 'mailNotification', 'teamsNotifications', 'themes', 'webHooks', 'reporting', 'likes', 'confirmation', 'customLogo', 'customName', 'avatars', 'manualChannelSubscription', 'bannerImages', 'bannerVideos', 'editorInlineFiles', 'editorInlineImages', 'editorInlineGallery', 'editorInlineVideos', 'editorInlineMarkup', 'editorInlineTable', 'editorInlineContact', 'expiryDate', 'onBehalfOf', 'editorConversations', 'targetAudienceRules', 'unreadTracking', 'editorInlineQuotes', 'selfRegistration', 'people', 'posts', 'newsAlerts', 'pages', 'inPageNavigation', 'automaticTranslation', 'polls', 'events', 'teams', 'userInvitation', 'languageDetection', 'postKeywords', 'hyperfish', 'canva', 'allowUserImpersonation', 'directoryGroupMemberCaching', 'inAppBrowser', 'externalNews', 'termsAndConditions', 'chat', 'recurringEvents', 'publicAccess', 'allowUserPropertiesUpdate', 'showMyNews', 'allowToUnpinMandatoryChannels', 'allowToReorderMandatoryChannels', 'useDirectoryUserPropertiesForTargetAudience', 'giphy', 'replyToComments', 'enableUserflow', 'reportingPreview', 'preventContentRedirectForBrandedApps', 'browserPushNotifications', 'contentHeadline', 'popularNewsReport', 'notificationFeed', 'unsplash', 'externalPages', 'showLikers', 'pageDocuments', 'unifiedPostView', 'stream', 'showAllNews', 'customFavicon', 'editorPreview', 'editorAutomaticTranslation']; // ########### WARNING #############
50794
+ var orderedFeatureSet = ['news', 'comments', 'multiLanguage', 'keywords', 'pushNotifications', 'mailNotification', 'teamsNotifications', 'themes', 'webHooks', 'reporting', 'likes', 'confirmation', 'customLogo', 'customName', 'avatars', 'manualChannelSubscription', 'bannerImages', 'bannerVideos', 'editorInlineFiles', 'editorInlineImages', 'editorInlineGallery', 'editorInlineVideos', 'editorInlineMarkup', 'editorInlineTable', 'editorInlineContact', 'expiryDate', 'onBehalfOf', 'editorConversations', 'targetAudienceRules', 'unreadTracking', 'editorInlineQuotes', 'selfRegistration', 'people', 'posts', 'newsAlerts', 'pages', 'inPageNavigation', 'automaticTranslation', 'polls', 'events', 'teams', 'userInvitation', 'languageDetection', 'postKeywords', 'hyperfish', 'canva', 'allowUserImpersonation', 'directoryGroupMemberCaching', 'inAppBrowser', 'externalNews', 'termsAndConditions', 'chat', 'recurringEvents', 'publicAccess', 'allowUserPropertiesUpdate', 'showMyNews', 'allowToUnpinMandatoryChannels', 'allowToReorderMandatoryChannels', 'useDirectoryUserPropertiesForTargetAudience', 'giphy', 'replyToComments', 'enableUserflow', 'reportingPreview', 'preventContentRedirectForBrandedApps', 'browserPushNotifications', 'contentHeadline', 'popularNewsReport', 'notificationFeed', 'unsplash', 'externalPages', 'showLikers', 'pageDocuments', 'unifiedPostView', 'stream', 'showAllNews', 'customFavicon', 'editorPreview', 'editorAutomaticTranslation', 'editorYouTubeVideos', 'editorVimeoVideos', 'editorKalturaVideos', 'editorMicrosoftVideos']; // ########### WARNING #############
50795
50795
  // ORDER MATTERS - must always be the same as in the API
50796
50796
 
50797
50797
  var FeatureSet =
@@ -78325,14 +78325,16 @@
78325
78325
  resourceKey: tooltipResourceKey,
78326
78326
  className: className
78327
78327
  }, {
78328
- children: jsxRuntime.jsx(EditorHighlightBubble, __assign$1({}, props), void 0)
78328
+ children: jsxRuntime.jsx(EditorHighlightBubble, __assign$1({}, props, {
78329
+ "data-highlight-bubble": true
78330
+ }), void 0)
78329
78331
  }), void 0);
78330
78332
  };
78331
78333
 
78332
78334
  var EditorHighlightBubble = _styled__default["default"].div.withConfig({
78333
78335
  displayName: "EditorHighlight__EditorHighlightBubble",
78334
78336
  componentId: "sc-1d6ahk1-0"
78335
- })(templateObject_1$1a$1 || (templateObject_1$1a$1 = __makeTemplateObject$1(["\n ", ";\n &:empty {\n display: none;\n }\n\n padding: 10px 15px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n ", ";\n &:empty {\n display: none;\n }\n\n padding: 10px 15px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), HighlightBubble(), function (_a) {
78337
+ })(templateObject_1$1a$1 || (templateObject_1$1a$1 = __makeTemplateObject$1(["\n ", ";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ", "px ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ", "px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n ", ";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ", "px ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ", "px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), HighlightBubble(), spacingXs, spacingM - 5, fontSizeSmall, function (_a) {
78336
78338
  var readOnly = _a.readOnly;
78337
78339
  return readOnly ? 'inherit' : 'pointer';
78338
78340
  }, function (_a) {
@@ -78461,12 +78463,12 @@
78461
78463
  var Host$x$1 = _styled__default["default"].div.withConfig({
78462
78464
  displayName: "GutterToggle__Host",
78463
78465
  componentId: "sc-1aya63j-0"
78464
- })(templateObject_1$17$1 || (templateObject_1$17$1 = __makeTemplateObject$1(["\n margin: 0 21px 0 6px;\n padding-top: 8px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"], ["\n margin: 0 21px 0 6px;\n padding-top: 8px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"])));
78466
+ })(templateObject_1$17$1 || (templateObject_1$17$1 = __makeTemplateObject$1(["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"], ["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"])));
78465
78467
 
78466
78468
  var ToggleIcon = _styled__default["default"](IconButton).withConfig({
78467
78469
  displayName: "GutterToggle__ToggleIcon",
78468
78470
  componentId: "sc-1aya63j-1"
78469
- })(templateObject_2$G$1 || (templateObject_2$G$1 = __makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n font-size: 18px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: 25px;\n }\n }\n"], ["\n && {\n margin: 0;\n padding: 0;\n font-size: 18px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: 25px;\n }\n }\n"])));
78471
+ })(templateObject_2$G$1 || (templateObject_2$G$1 = __makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n font-size: ", "px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ", "px;\n }\n }\n"], ["\n && {\n margin: 0;\n padding: 0;\n font-size: ", "px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ", "px;\n }\n }\n"])), fontSizeMedium, fontSizeMedium + 2);
78470
78472
 
78471
78473
  var Spacer = _styled__default["default"].div.withConfig({
78472
78474
  displayName: "GutterToggle__Spacer",
@@ -87231,9 +87233,9 @@
87231
87233
  }), void 0);
87232
87234
  };
87233
87235
 
87234
- var version$1 = "0.4.0-preview.100";
87235
- var buildId = "96302";
87236
- var commitId = "92cc1e4ea10595412d42e8be62e2fe60ff10fe76";
87236
+ var version$1 = "0.4.0-preview.107";
87237
+ var buildId = "96369";
87238
+ var commitId = "082cebb7174d07e379506227e9b1317033846b32";
87237
87239
  var isCustomerBuild = false;
87238
87240
  var buildInfo = {
87239
87241
  version: version$1,
@@ -126169,7 +126171,7 @@
126169
126171
  var _a;if(componentMapperParentNodes.some(function(n){return n.contains(node);})){return false;}for(var _i=0,componentMappers_2=componentMappers;_i<componentMappers_2.length;_i++){var handler=componentMappers_2[_i];var match=handler.getPropsFromHtml(nodeName,node);if(match){componentMapperParentNodes.push(node);handler.prepareRootNode&&handler.prepareRootNode(node);}}if(nodeName==='div'){return 'atomic';}if(nodeName==='p'&&((_a=node.innerHTML)===null||_a===void 0?void 0:_a.trim())==='<br>'){// Quill used to generate <p><br></p> for empty rows
126170
126172
  // This is not compatible with draftJS.
126171
126173
  // Hence we remove the innerHTML for empty p tags.
126172
- node.innerHTML='';}return null;};}var InlineUrlPreview=function InlineUrlPreview(_a){var _b=_a.blockProps,itemId=_b.itemId,type=_b.type,subscriptionIdentifier=_b.subscriptionIdentifier;var user=useCurrentUser();if(subscriptionIdentifier!==user.subscription.id&&subscriptionIdentifier!==user.subscription.subscriptionHandle){return null;}return jsxRuntime.jsx(EmbeddedObjectTile,{id:itemId,type:parseInt(type),previewTheme:"dark"},void 0);};var InlineUrlPreviewMapper={component:InlineUrlPreview,type:EntityType.UrlPreview,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var itemId=node.getAttribute('data-item-id');if(itemId==null){return null;}return {itemId:itemId,type:node.getAttribute('data-type'),subscriptionIdentifier:node.getAttribute('data-subscription-identifier')};}};var InlineObjectToolbar=function InlineObjectToolbar(_a){var onDelete=_a.onDelete,additionalButtons=_a.additionalButtons;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(Toolbar,__assign({className:"inline-object-toolbar",alwaysShown:env.isTouchDevice},{children:[onDelete&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Delete'},onMouseDown:function(e){return e.preventDefault();},onClick:onDelete,"data-inline-object-toolbar-delete-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.removeItem'})},void 0),additionalButtons]}),void 0);};var Toolbar=_styled__default["default"].div.withConfig({displayName:"InlineObjectToolbar__Toolbar",componentId:"sc-1cbis2b-0"})(templateObject_3$E||(templateObject_3$E=__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n padding: 0 ","px;\n height: 36px;\n display: flex;\n align-items: center;\n\n transition: 0.2s ease-out;\n transition-property: opacity, margin;\n background-color: rgba(255, 255, 255, 0.81);\n ","\n\n i {\n text-shadow: white 1px 1px 3px;\n }\n\n &:focus-within {\n opacity: 1;\n z-index: 2;\n }\n"],["\n position: absolute;\n top: 0;\n right: 0;\n padding: 0 ","px;\n height: 36px;\n display: flex;\n align-items: center;\n\n transition: 0.2s ease-out;\n transition-property: opacity, margin;\n background-color: rgba(255, 255, 255, 0.81);\n ","\n\n i {\n text-shadow: white 1px 1px 3px;\n }\n\n &:focus-within {\n opacity: 1;\n z-index: 2;\n }\n"])),spacingS,function(p){return p.alwaysShown?_styled.css(templateObject_1$1A||(templateObject_1$1A=__makeTemplateObject(["\n opacity: 1;\n z-index: 2;\n "],["\n opacity: 1;\n z-index: 2;\n "]))):_styled.css(templateObject_2$W||(templateObject_2$W=__makeTemplateObject(["\n opacity: 0;\n z-index: -1;\n "],["\n opacity: 0;\n z-index: -1;\n "])));});var InlineObjectToolbarWrapper=function InlineObjectToolbarWrapper(_a){var toolbar=_a.toolbar,children=_a.children;return jsxRuntime.jsxs(ObjectHost,__assign({showToolbarOnHover:toolbar!=null},{children:[toolbar,children]}),void 0);};var ObjectHost=_styled__default["default"].div.withConfig({displayName:"InlineObjectToolbar__ObjectHost",componentId:"sc-1cbis2b-1"})(templateObject_5$o||(templateObject_5$o=__makeTemplateObject(["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n\n ","\n"],["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n\n ","\n"])),function(p){return p.showToolbarOnHover&&_styled.css(templateObject_4$q||(templateObject_4$q=__makeTemplateObject(["\n &:hover .inline-object-toolbar {\n opacity: 1;\n z-index: 2;\n }\n "],["\n &:hover .inline-object-toolbar {\n opacity: 1;\n z-index: 2;\n }\n "])));});var templateObject_1$1A,templateObject_2$W,templateObject_3$E,templateObject_4$q,templateObject_5$o;var ImageToolbar=function ImageToolbar(_a){var onDelete=_a.onDelete,onFullScreen=_a.onFullScreen,onClose=_a.onClose,onCrop=_a.onCrop,showFullScreenButton=_a.showFullScreenButton,showCloseButton=_a.showCloseButton,showCropButton=_a.showCropButton;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(InlineObjectToolbar,{onDelete:onDelete,additionalButtons:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[showFullScreenButton&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'FullScreen'},onMouseDown:function(e){return e.preventDefault();},onClick:onFullScreen,"data-image-toolbar-full-screen-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.viewFullScreen'})},void 0),showCropButton&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'EditPhoto'},onMouseDown:function(e){return e.preventDefault();},onClick:onCrop,"data-image-toolbar-crop-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.editImage'})},void 0),showCloseButton&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'ChromeClose'},onMouseDown:function(e){return e.preventDefault();},onClick:onClose,"data-image-toolbar-close-button":true,ariaLabel:formatMessage({id:'AriaLabel.cancelButton'})},void 0)]},void 0)},void 0);};var PhotoGallerySlider=function PhotoGallerySlider(_a){var gallery=_a.gallery,imageUrlResolver=_a.imageUrlResolver,onCloseGallery=_a.onCloseGallery,onOpenFullScreen=_a.onOpenFullScreen,showFullScreenButton=_a.showFullScreenButton,showCloseButton=_a.showCloseButton,height=_a.height;var pullToRefreshContext=React$d.useContext(PullToRefreshContext);var _b=React$d.useState(null),fullScreenItemIndex=_b[0],setFullScreenItemIndex=_b[1];var _c=React$d.useState(false),isFullScreenOpen=_c[0],setIsFullScreenOpen=_c[1];var formatMessage=useIntl().formatMessage;var themePrimary=React$d.useContext(ThemeContext$1).theme.palette.themePrimary;React$d.useEffect(function(){addBackButtonListener(handleBackButton);return function(){return removeBackButtonListener(handleBackButton);};function handleBackButton(){if(isFullScreenOpen){handleCloseFullScreen();return true;}return false;}// eslint-disable-next-line react-hooks/exhaustive-deps
126174
+ node.innerHTML='';}return null;};}var InlineUrlPreview=function InlineUrlPreview(_a){var _b=_a.blockProps,itemId=_b.itemId,type=_b.type,subscriptionIdentifier=_b.subscriptionIdentifier;var user=useCurrentUser();if(subscriptionIdentifier!==user.subscription.id&&subscriptionIdentifier!==user.subscription.subscriptionHandle){return null;}return jsxRuntime.jsx(EmbeddedObjectTile,{id:itemId,type:parseInt(type),previewTheme:"dark"},void 0);};var InlineUrlPreviewMapper={component:InlineUrlPreview,type:EntityType.UrlPreview,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var itemId=node.getAttribute('data-item-id');if(itemId==null){return null;}return {itemId:itemId,type:node.getAttribute('data-type'),subscriptionIdentifier:node.getAttribute('data-subscription-identifier')};}};var InlineObjectToolbar=function InlineObjectToolbar(_a){var onDelete=_a.onDelete,additionalButtons=_a.additionalButtons;var formatMessage=useIntl().formatMessage;if(!onDelete&&!additionalButtons){return null;}return jsxRuntime.jsxs(Toolbar,__assign({className:"inline-object-toolbar",alwaysShown:env.isTouchDevice},{children:[onDelete&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Delete'},onMouseDown:function(e){return e.preventDefault();},onClick:onDelete,"data-inline-object-toolbar-delete-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.removeItem'})},void 0),additionalButtons]}),void 0);};var Toolbar=_styled__default["default"].div.withConfig({displayName:"InlineObjectToolbar__Toolbar",componentId:"sc-1cbis2b-0"})(templateObject_3$E||(templateObject_3$E=__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n padding: 0 ","px;\n height: 36px;\n display: flex;\n align-items: center;\n\n transition: 0.2s ease-out;\n transition-property: opacity, margin;\n background-color: rgba(255, 255, 255, 0.81);\n ","\n\n i {\n text-shadow: white 1px 1px 3px;\n }\n\n &:focus-within {\n opacity: 1;\n z-index: 2;\n }\n"],["\n position: absolute;\n top: 0;\n right: 0;\n padding: 0 ","px;\n height: 36px;\n display: flex;\n align-items: center;\n\n transition: 0.2s ease-out;\n transition-property: opacity, margin;\n background-color: rgba(255, 255, 255, 0.81);\n ","\n\n i {\n text-shadow: white 1px 1px 3px;\n }\n\n &:focus-within {\n opacity: 1;\n z-index: 2;\n }\n"])),spacingS,function(p){return p.alwaysShown?_styled.css(templateObject_1$1A||(templateObject_1$1A=__makeTemplateObject(["\n opacity: 1;\n z-index: 2;\n "],["\n opacity: 1;\n z-index: 2;\n "]))):_styled.css(templateObject_2$W||(templateObject_2$W=__makeTemplateObject(["\n opacity: 0;\n z-index: -1;\n "],["\n opacity: 0;\n z-index: -1;\n "])));});var InlineObjectToolbarWrapper=function InlineObjectToolbarWrapper(_a){var toolbar=_a.toolbar,children=_a.children;return jsxRuntime.jsxs(ObjectHost,__assign({showToolbarOnHover:toolbar!=null},{children:[toolbar,children]}),void 0);};var ObjectHost=_styled__default["default"].div.withConfig({displayName:"InlineObjectToolbar__ObjectHost",componentId:"sc-1cbis2b-1"})(templateObject_5$o||(templateObject_5$o=__makeTemplateObject(["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n\n ","\n"],["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n\n ","\n"])),function(p){return p.showToolbarOnHover&&_styled.css(templateObject_4$q||(templateObject_4$q=__makeTemplateObject(["\n &:hover .inline-object-toolbar {\n opacity: 1;\n z-index: 2;\n }\n "],["\n &:hover .inline-object-toolbar {\n opacity: 1;\n z-index: 2;\n }\n "])));});var templateObject_1$1A,templateObject_2$W,templateObject_3$E,templateObject_4$q,templateObject_5$o;var ImageToolbar=function ImageToolbar(_a){var onDelete=_a.onDelete,onFullScreen=_a.onFullScreen,onClose=_a.onClose,onCrop=_a.onCrop,showFullScreenButton=_a.showFullScreenButton,showCloseButton=_a.showCloseButton,showCropButton=_a.showCropButton;var formatMessage=useIntl().formatMessage;var hasAdditionalButtons=showFullScreenButton||showCropButton||showCloseButton;return jsxRuntime.jsx(InlineObjectToolbar,{onDelete:onDelete,additionalButtons:hasAdditionalButtons&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[showFullScreenButton&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'FullScreen'},onMouseDown:function(e){return e.preventDefault();},onClick:onFullScreen,"data-image-toolbar-full-screen-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.viewFullScreen'})},void 0),showCropButton&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'EditPhoto'},onMouseDown:function(e){return e.preventDefault();},onClick:onCrop,"data-image-toolbar-crop-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.editImage'})},void 0),showCloseButton&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'ChromeClose'},onMouseDown:function(e){return e.preventDefault();},onClick:onClose,"data-image-toolbar-close-button":true,ariaLabel:formatMessage({id:'AriaLabel.cancelButton'})},void 0)]},void 0)},void 0);};var PhotoGallerySlider=function PhotoGallerySlider(_a){var gallery=_a.gallery,imageUrlResolver=_a.imageUrlResolver,onCloseGallery=_a.onCloseGallery,onOpenFullScreen=_a.onOpenFullScreen,showFullScreenButton=_a.showFullScreenButton,showCloseButton=_a.showCloseButton,height=_a.height;var pullToRefreshContext=React$d.useContext(PullToRefreshContext);var _b=React$d.useState(null),fullScreenItemIndex=_b[0],setFullScreenItemIndex=_b[1];var _c=React$d.useState(false),isFullScreenOpen=_c[0],setIsFullScreenOpen=_c[1];var formatMessage=useIntl().formatMessage;var themePrimary=React$d.useContext(ThemeContext$1).theme.palette.themePrimary;React$d.useEffect(function(){addBackButtonListener(handleBackButton);return function(){return removeBackButtonListener(handleBackButton);};function handleBackButton(){if(isFullScreenOpen){handleCloseFullScreen();return true;}return false;}// eslint-disable-next-line react-hooks/exhaustive-deps
126173
126175
  },[isFullScreenOpen]);// TODO: improvements - spinners
126174
126176
  var images=React$d.useMemo(function(){var _a;return (_a=gallery.images)===null||_a===void 0?void 0:_a.map(function(image){var _a;return __assign(__assign({},image),{// todo: what is a good width for the slider images
126175
126177
  // todo: previewUrl is a bit misleading here
@@ -145700,6 +145702,7 @@
145700
145702
  "Languages.selectionPrompt": "In which languages do you want to offer this article to the readers?",
145701
145703
  "Languages.automaticTranslationsCheckbox": "Create initial translations automatically using an online service",
145702
145704
  "Languages.automaticTranslationsDropdown": "Use this language as the source for automatic translations:",
145705
+ "Languages.automaticTranslationsDropdownPlaceholder": "Select a language",
145703
145706
  "Audience.title": "Audience Targeting",
145704
145707
  "Audience.backToChannels": "Back to Channels",
145705
145708
  "Audience.infoMsg1": "With audience targeting you can configure channel settings for specific user groups.",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@livetiles/reach-components-react",
3
3
  "description": "Provides React components to consume LiveTiles Reach data",
4
- "version": "0.4.0-preview.100",
4
+ "version": "0.4.0-preview.107",
5
5
  "peerDependencies": {
6
6
  "react": "^16.14.0 || ^17",
7
7
  "react-dom": "^16.14.0 || ^17",