@livetiles/reach-components-react 0.5.0-preview.457 → 0.5.0-preview.459

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.
@@ -0,0 +1,5 @@
1
+ import { EventView, ItemLoader } from '@livetiles/reach/ui/common';
2
+ import { EventFilterDefinition, EventStreamItem } from '@livetiles/reach/feature/content';
3
+ export declare function useEventsStreamDataLoader(filter?: EventFilterDefinition, searchText?: string, view?: EventView): ItemLoader<EventStreamItem, number>;
4
+ export declare function getEventsFilterByView(filter: EventFilterDefinition, view: EventView): EventFilterDefinition;
5
+ export declare const CONTACTS_CONDITION: (contacts: string[]) => string;
@@ -0,0 +1,5 @@
1
+ import { ItemLoader } from '@livetiles/reach/ui/common';
2
+ import { LibNewsFilterDefinition } from '../filter/LibNewsFilterDefinition';
3
+ import { NewsFilterDefinition, NewsStreamItem } from '@livetiles/reach/feature/content';
4
+ export declare function useNewsStreamDataLoader(filter?: LibNewsFilterDefinition, searchText?: string, includeAllItems?: boolean): ItemLoader<NewsStreamItem, number>;
5
+ export declare function getNewsFilterDefinition(filter?: LibNewsFilterDefinition): NewsFilterDefinition;
@@ -0,0 +1,3 @@
1
+ import { ItemLoader } from '@livetiles/reach/ui/common';
2
+ import { PageFilterDefinition, PageStreamItem } from '@livetiles/reach/feature/content';
3
+ export declare function usePagesStreamDataLoader(filter?: PageFilterDefinition, searchText?: string): ItemLoader<PageStreamItem, number>;
@@ -0,0 +1,4 @@
1
+ import { ItemLoader } from '@livetiles/reach/ui/common';
2
+ import { PostStreamFilterDefinition, PostStreamItem } from '@livetiles/reach/feature/content';
3
+ export declare function usePostsStreamDataLoader(groupId?: string, filter?: PostStreamFilterDefinition, searchText?: string): ItemLoader<PostStreamItem, number>;
4
+ export declare const POSTS_QUERY: (whereConditions?: string) => import("@apollo/client").DocumentNode;
package/common/utils.d.ts CHANGED
@@ -1,9 +1,6 @@
1
1
  import { ItemResourceTypes, PublishableItem } from '@livetiles/reach/util/common';
2
- import { EventView } from '@livetiles/reach/ui/common';
3
- import { EventFilterDefinition, NewsFilterDefinition, PublishableItemFilterDefinition } from '@livetiles/reach/feature/content';
4
- import { LibNewsFilterDefinition } from './filter/LibNewsFilterDefinition';
2
+ import { PublishableItemFilterDefinition } from '@livetiles/reach/feature/content';
5
3
  export declare function useItemClickHandler<TItem extends PublishableItem>(itemType?: ItemResourceTypes): (e: React.MouseEvent<unknown>, item: TItem, shouldHandleExternalContent: boolean, onItemClick?: (item: TItem, itemUrl?: string) => unknown, newTab?: boolean) => void;
6
- export declare function getNewsFilterDefinition(filter?: LibNewsFilterDefinition): NewsFilterDefinition;
7
4
  export declare function useEditorItemsWithFiltersAndPagination<TItem extends PublishableItem = PublishableItem>(pageSize: number, type: ItemResourceTypes, filter?: PublishableItemFilterDefinition): {
8
5
  items: TItem[];
9
6
  isInitialLoading: boolean;
@@ -20,5 +17,4 @@ export declare function useEditorItemsWithFiltersAndPagination<TItem extends Pub
20
17
  onBeforeDeleteItem: (itemId: string) => void;
21
18
  onAfterDeleteItem: () => Promise<void>;
22
19
  };
23
- export declare function getEventsFilterByView(filter: EventFilterDefinition, view: EventView): EventFilterDefinition;
24
20
  export declare function getDateRangeTextComponentForFilter(fromDate?: string, toDate?: string, locale?: string): JSX.Element;
package/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { FC, ReactNode } from 'react';
2
3
  import { IDialogProps, IDropdownOption, IPersonaProps } from 'office-ui-fabric-react';
3
4
  import * as styled_components from 'styled-components';
@@ -649,6 +650,18 @@ interface Attachment extends BaseAttachment {
649
650
  type: AttachmentType;
650
651
  }
651
652
 
653
+ declare enum GraphQLAttachmentType {
654
+ Image = "IMAGE",
655
+ File = "FILE",
656
+ YouTubeVideo = "YOU_TUBE_VIDEO",
657
+ VimeoVideo = "VIMEO_VIDEO",
658
+ News = "NEWS",
659
+ Event = "EVENT",
660
+ Page = "PAGE",
661
+ Post = "POST",
662
+ Giphy = "GIPHY"
663
+ }
664
+
652
665
  interface ItemWithAttachments {
653
666
  attachments?: Attachment[];
654
667
  fileAccessToken?: string;
@@ -1073,12 +1086,60 @@ interface EventFilterDefinition extends PublishableItemFilterDefinition, EventCo
1073
1086
  pastEventsOnly?: boolean;
1074
1087
  }
1075
1088
 
1089
+ declare enum StreamEventResponse {
1090
+ NotSet = "NOTSET",
1091
+ Registered = "REGISTERED",
1092
+ Declined = "DECLINED"
1093
+ }
1094
+
1076
1095
  declare enum StreamItemTypes {
1077
1096
  Post = "POST",
1078
1097
  News = "NEWS",
1079
1098
  Event = "EVENT",
1080
1099
  Page = "PAGE"
1081
1100
  }
1101
+ declare enum StreamConversationScope {
1102
+ Public = "PUBLIC",
1103
+ Editor = "EDITOR",
1104
+ Posts = "POSTS"
1105
+ }
1106
+ interface PostStreamItem extends Post {
1107
+ type: StreamItemTypes.Post;
1108
+ isUnread: boolean;
1109
+ keywordsList?: Keyword[];
1110
+ groupIds?: string[];
1111
+ postAttachments?: StreamAttachment[];
1112
+ postComments?: PaginatedList<StreamPostComment>;
1113
+ hasMoreUnreadComments: boolean;
1114
+ }
1115
+ interface StreamPostComment extends Comment {
1116
+ postCommentAttachments?: StreamAttachment[];
1117
+ streamConversationScope?: StreamConversationScope;
1118
+ }
1119
+ interface StreamAttachment extends BaseAttachment {
1120
+ type: GraphQLAttachmentType;
1121
+ }
1122
+ interface NewsStreamItem extends NewsItem {
1123
+ type: StreamItemTypes.News;
1124
+ contentsList: StreamPublishableItemContents[];
1125
+ channelsList: string[];
1126
+ isUnread: boolean;
1127
+ keywordsList?: Keyword[];
1128
+ knownNewsState?: StreamKnownNewsState[];
1129
+ }
1130
+ declare enum StreamKnownNewsState {
1131
+ Unconfirmed = "UNCONFIRMED",
1132
+ Alert = "ALERT"
1133
+ }
1134
+ interface EventStreamItem extends EventItem {
1135
+ type: StreamItemTypes.Event;
1136
+ contentsList: StreamPublishableItemContents[];
1137
+ channelsList: string[];
1138
+ isUnread: boolean;
1139
+ keywordsList?: Keyword[];
1140
+ userResponseType?: StreamEventResponse;
1141
+ eventCancelInformation?: StreamEventCancelInformation;
1142
+ }
1082
1143
  interface PageStreamItem extends PageItem {
1083
1144
  type: StreamItemTypes.Page;
1084
1145
  contentsList: StreamPublishableItemContents[];
@@ -1095,6 +1156,11 @@ interface StreamPublishableItemContents {
1095
1156
  title: string;
1096
1157
  intro?: string;
1097
1158
  headline?: string;
1159
+ }
1160
+ interface StreamEventCancelInformation extends EventCancelInformation {
1161
+ cancellationReasons?: {
1162
+ [key: string]: string;
1163
+ }[];
1098
1164
  }
1099
1165
 
1100
1166
  interface TargetLinkOverrideContextProps {
@@ -1126,8 +1192,6 @@ interface PageFilterDefinition extends PublishableItemFilterDefinition {
1126
1192
  interface PostStreamFilterDefinition extends PostFilterDefinition, BeforePublishingDateFilterDefinition, AuthorFilterDefinition {
1127
1193
  }
1128
1194
 
1129
- declare function usePagesStreamDataLoader(filter?: PageFilterDefinition, searchText?: string): ItemLoader<PageStreamItem, number>;
1130
-
1131
1195
  interface LibNewsFilterDefinition extends Omit<NewsFilterDefinition, 'channels' | 'keywords'> {
1132
1196
  channels?: string | FilterWithLogicalOperator;
1133
1197
  keywords?: string | FilterWithLogicalOperator;
@@ -1532,4 +1596,12 @@ interface ErrorWrapperProps {
1532
1596
  }
1533
1597
  declare const ErrorWrapper: FC<ErrorWrapperProps>;
1534
1598
 
1535
- export { AuthorFilter, AuthorToolbarFilter, Avatar, Props as AvatarProps, ChannelFilter, ChannelFilterProps, ChannelSelectorWrapper as ChannelSelector, ChannelSelectorWrapperProps as ChannelSelectorProps, ChannelToolbarFilter, ClearAllFiltersButton, ClearAllFiltersButtonProps, ContactToolbarFilter, EditorToolbarIndicators, EditorToolbarIndicatorsProps, ErrorType, ErrorWrapper, ErrorWrapperProps, EventDatesToolbarFilter, EventDatesToolbarFilterProps, EventDetail, EventDetailPreview, EventDetailProps, EventEditor, EventEditorContextProvider, EventEditorContextProviderProps, EventEditorPanel, EventEditorPanelProps, EventEditorProps, EventEditorToolbarRecurringControls, EventEditorToolbarRecurringControlsProps, EventEditorToolbarStateActions, EventGridProps, EventItemContextProvider, EventItemPreviewContextProvider, EventView, EventsEditorDashboard, EventsEditorDashboardProps, EventsGrid, EventsList, EventsListProps, FilterProps, FilterSearch, FilterWithLogicalOperator, GroupNotificationsSettings, GroupNotificationsSettingsProps, ItemLayoutMode, ItemResourceTypes, Keyword, ScrollableKeywordPicker as KeywordPicker, KeywordPickerProps, KeywordsFilter, KeywordsToolbarFilter, LibNewsFilterDefinition, LogicalOperator, ManageChannels, ManageChannelsProps, NewsDetail, NewsDetailPreview, NewsDetailProps, NewsEditor, NewsEditorContextProvider, NewsEditorContextProviderProps, NewsEditorDashboard, NewsEditorDashboardProps, NewsEditorPanel, NewsEditorPanelProps, NewsEditorProps, NewsEditorToolbarStateActions, NewsGrid, NewsGridProps, NewsHero, NewsHeroProps, NewsItemContextProvider, NewsItemPreviewContextProvider, NewsList, NewsListProps, PageDetail, PageDetailPreview, PageDetailProps, PageEditor, PageEditorContextProvider, PageEditorContextProviderProps, PageEditorPanel, PageEditorPanelProps, PageEditorProps, PageEditorToolbarStateActions, PageItemContextProvider, PageItemPreviewContextProvider, PageType, PageViewTrackerSettings, PageViewTrackerSettingsContextProvider, PagesGrid, PagesGridProps, PagesList, PagesListProps, PostDetail, PostDetailProps, PostGroupSelector, PostGroupSelectorButton, PostGroupSelectorProps, PostGroupsPicker, PostGroupsPickerProps, PostInputBox, PostInputBoxProps, PostList, PostListContextProvider, PostListContextProviderProps, PostListProps, PublishableItem, PublishingDateFilter, PublishingDateToolbarFilter, ReachContextProps, ReachContextProvider, Dialog as ReachDialog, SharedItemDetailPreviewProps, TargetLinkOverrideContextProvider, Toolbar, ToolbarChannelSelector, ToolbarChannelSelectorOption, ToolbarChannelSelectorProps, ToolbarCloseButton, ToolbarCloseButtonProps, ToolbarEventViewSelector, ToolbarEventViewSelectorProps, ToolbarFilterModal, ToolbarFilterModalButton, ToolbarFilterModalProps, ToolbarFilterPanel, ToolbarFilterSearch, ToolbarFilterToggleButton, ToolbarIconButton, ToolbarIconButtonProps, ToolbarLanguageSelector, ToolbarManageNewsItemButton, ToolbarMarkAllEventsAsReadButton, ToolbarMarkAllNewsAsReadButton, ToolbarMarkEventsItemsAsReadButtonProps, ToolbarMarkNewsItemsAsReadButtonProps, ToolbarLanguageSelector as ToolbarNewsLanguageSelector, ToolbarPostNotificationButton, ToolbarProps, ToolbarSearchProps, ToolbarUnreadItemsButton, UserDetails, UserDetailsProps, VerticalFilterPanel, VerticalFilterPanelProps, isFilterActive, useCurrentUser, useLazySubscriptionContext, usePagesStreamDataLoader };
1599
+ declare function usePagesStreamDataLoader(filter?: PageFilterDefinition, searchText?: string): ItemLoader<PageStreamItem, number>;
1600
+
1601
+ declare function usePostsStreamDataLoader(groupId?: string, filter?: PostStreamFilterDefinition, searchText?: string): ItemLoader<PostStreamItem, number>;
1602
+
1603
+ declare function useNewsStreamDataLoader(filter?: LibNewsFilterDefinition, searchText?: string, includeAllItems?: boolean): ItemLoader<NewsStreamItem, number>;
1604
+
1605
+ declare function useEventsStreamDataLoader(filter?: EventFilterDefinition, searchText?: string, view?: EventView): ItemLoader<EventStreamItem, number>;
1606
+
1607
+ export { AuthorFilter, AuthorToolbarFilter, Avatar, Props as AvatarProps, ChannelFilter, ChannelFilterProps, ChannelSelectorWrapper as ChannelSelector, ChannelSelectorWrapperProps as ChannelSelectorProps, ChannelToolbarFilter, ClearAllFiltersButton, ClearAllFiltersButtonProps, ContactToolbarFilter, EditorToolbarIndicators, EditorToolbarIndicatorsProps, ErrorType, ErrorWrapper, ErrorWrapperProps, EventDatesToolbarFilter, EventDatesToolbarFilterProps, EventDetail, EventDetailPreview, EventDetailProps, EventEditor, EventEditorContextProvider, EventEditorContextProviderProps, EventEditorPanel, EventEditorPanelProps, EventEditorProps, EventEditorToolbarRecurringControls, EventEditorToolbarRecurringControlsProps, EventEditorToolbarStateActions, EventGridProps, EventItemContextProvider, EventItemPreviewContextProvider, EventView, EventsEditorDashboard, EventsEditorDashboardProps, EventsGrid, EventsList, EventsListProps, FilterProps, FilterSearch, FilterWithLogicalOperator, GroupNotificationsSettings, GroupNotificationsSettingsProps, ItemLayoutMode, ItemLoader, ItemResourceTypes, Keyword, ScrollableKeywordPicker as KeywordPicker, KeywordPickerProps, KeywordsFilter, KeywordsToolbarFilter, LibNewsFilterDefinition, LogicalOperator, ManageChannels, ManageChannelsProps, NewsDetail, NewsDetailPreview, NewsDetailProps, NewsEditor, NewsEditorContextProvider, NewsEditorContextProviderProps, NewsEditorDashboard, NewsEditorDashboardProps, NewsEditorPanel, NewsEditorPanelProps, NewsEditorProps, NewsEditorToolbarStateActions, NewsGrid, NewsGridProps, NewsHero, NewsHeroProps, NewsItemContextProvider, NewsItemPreviewContextProvider, NewsList, NewsListProps, PageDetail, PageDetailPreview, PageDetailProps, PageEditor, PageEditorContextProvider, PageEditorContextProviderProps, PageEditorPanel, PageEditorPanelProps, PageEditorProps, PageEditorToolbarStateActions, PageItemContextProvider, PageItemPreviewContextProvider, PageType, PageViewTrackerSettings, PageViewTrackerSettingsContextProvider, PagesGrid, PagesGridProps, PagesList, PagesListProps, PostDetail, PostDetailProps, PostGroupSelector, PostGroupSelectorButton, PostGroupSelectorProps, PostGroupsPicker, PostGroupsPickerProps, PostInputBox, PostInputBoxProps, PostList, PostListContextProvider, PostListContextProviderProps, PostListProps, PublishableItem, PublishingDateFilter, PublishingDateToolbarFilter, ReachContextProps, ReachContextProvider, Dialog as ReachDialog, SharedItemDetailPreviewProps, TargetLinkOverrideContextProvider, Toolbar, ToolbarChannelSelector, ToolbarChannelSelectorOption, ToolbarChannelSelectorProps, ToolbarCloseButton, ToolbarCloseButtonProps, ToolbarEventViewSelector, ToolbarEventViewSelectorProps, ToolbarFilterModal, ToolbarFilterModalButton, ToolbarFilterModalProps, ToolbarFilterPanel, ToolbarFilterSearch, ToolbarFilterToggleButton, ToolbarIconButton, ToolbarIconButtonProps, ToolbarLanguageSelector, ToolbarManageNewsItemButton, ToolbarMarkAllEventsAsReadButton, ToolbarMarkAllNewsAsReadButton, ToolbarMarkEventsItemsAsReadButtonProps, ToolbarMarkNewsItemsAsReadButtonProps, ToolbarLanguageSelector as ToolbarNewsLanguageSelector, ToolbarPostNotificationButton, ToolbarProps, ToolbarSearchProps, ToolbarUnreadItemsButton, UserDetails, UserDetailsProps, VerticalFilterPanel, VerticalFilterPanelProps, isFilterActive, useCurrentUser, useEventsStreamDataLoader, useLazySubscriptionContext, useNewsStreamDataLoader, usePagesStreamDataLoader, usePostsStreamDataLoader };
package/index.esm.js CHANGED
@@ -1 +1 @@
1
- export{aI as AuthorFilter,aH as AuthorToolbarFilter,aa as Avatar,aA as ChannelFilter,aN as ChannelSelector,aB as ChannelToolbarFilter,aE as ClearAllFiltersButton,b5 as ContactToolbarFilter,aV as EditorToolbarIndicators,bl as ErrorType,bk as ErrorWrapper,b6 as EventDatesToolbarFilter,$ as EventDetail,as as EventDetailPreview,bb as EventEditor,bc as EventEditorContextProvider,bd as EventEditorPanel,bf as EventEditorToolbarRecurringControls,be as EventEditorToolbarStateActions,an as EventItemContextProvider,av as EventItemPreviewContextProvider,aM as EventView,ad as EventsEditorDashboard,a4 as EventsGrid,a5 as EventsList,aJ as FilterSearch,b0 as GroupNotificationsSettings,a2 as ItemLayoutMode,aS as ItemResourceTypes,aT as KeywordPicker,aF as KeywordsFilter,aG as KeywordsToolbarFilter,b7 as LogicalOperator,a6 as ManageChannels,X as NewsDetail,aq as NewsDetailPreview,aO as NewsEditor,aP as NewsEditorContextProvider,ac as NewsEditorDashboard,aX as NewsEditorPanel,aW as NewsEditorToolbarStateActions,a3 as NewsGrid,ab as NewsHero,al as NewsItemContextProvider,at as NewsItemPreviewContextProvider,a1 as NewsList,Z as PageDetail,ar as PageDetailPreview,bh as PageEditor,bg as PageEditorContextProvider,bj as PageEditorPanel,bi as PageEditorToolbarStateActions,am as PageItemContextProvider,au as PageItemPreviewContextProvider,ba as PageType,aQ as PageViewTrackerSettingsContextProvider,b8 as PagesGrid,b9 as PagesList,a0 as PostDetail,a$ as PostGroupSelector,b2 as PostGroupSelectorButton,a_ as PostGroupsPicker,aY as PostInputBox,aZ as PostList,W as PostListContextProvider,aD as PublishingDateFilter,aC as PublishingDateToolbarFilter,V as ReachContextProvider,aU as ReachDialog,aR as TargetLinkOverrideContextProvider,ae as Toolbar,ah as ToolbarChannelSelector,ak as ToolbarCloseButton,aL as ToolbarEventViewSelector,ax as ToolbarFilterModal,ay as ToolbarFilterModalButton,aw as ToolbarFilterPanel,aK as ToolbarFilterSearch,b3 as ToolbarFilterToggleButton,af as ToolbarIconButton,ao as ToolbarLanguageSelector,ap as ToolbarManageNewsItemButton,ai as ToolbarMarkAllEventsAsReadButton,aj as ToolbarMarkAllNewsAsReadButton,ao as ToolbarNewsLanguageSelector,b1 as ToolbarPostNotificationButton,ag as ToolbarUnreadItemsButton,a9 as UserDetails,az as VerticalFilterPanel,b4 as isFilterActive,a7 as useCurrentUser,a8 as useLazySubscriptionContext,bm as usePagesStreamDataLoader}from"./index.esm2.js";import"react/jsx-runtime";import"events";import"react";import"office-ui-fabric-react";import"react-router-dom";import"react-is";import"styled-components";import"react-dom";import"office-ui-fabric-core/dist/css/fabric.css";import"office-ui-fabric-react/lib/common/DirectionalHint";import"react-dom/server";
1
+ export{aI as AuthorFilter,aH as AuthorToolbarFilter,aa as Avatar,aA as ChannelFilter,aN as ChannelSelector,aB as ChannelToolbarFilter,aE as ClearAllFiltersButton,b5 as ContactToolbarFilter,aV as EditorToolbarIndicators,bl as ErrorType,bk as ErrorWrapper,b6 as EventDatesToolbarFilter,$ as EventDetail,as as EventDetailPreview,bb as EventEditor,bc as EventEditorContextProvider,bd as EventEditorPanel,bf as EventEditorToolbarRecurringControls,be as EventEditorToolbarStateActions,an as EventItemContextProvider,av as EventItemPreviewContextProvider,aM as EventView,ad as EventsEditorDashboard,a4 as EventsGrid,a5 as EventsList,aJ as FilterSearch,b0 as GroupNotificationsSettings,a2 as ItemLayoutMode,aS as ItemResourceTypes,aT as KeywordPicker,aF as KeywordsFilter,aG as KeywordsToolbarFilter,b7 as LogicalOperator,a6 as ManageChannels,X as NewsDetail,aq as NewsDetailPreview,aO as NewsEditor,aP as NewsEditorContextProvider,ac as NewsEditorDashboard,aX as NewsEditorPanel,aW as NewsEditorToolbarStateActions,a3 as NewsGrid,ab as NewsHero,al as NewsItemContextProvider,at as NewsItemPreviewContextProvider,a1 as NewsList,Z as PageDetail,ar as PageDetailPreview,bh as PageEditor,bg as PageEditorContextProvider,bj as PageEditorPanel,bi as PageEditorToolbarStateActions,am as PageItemContextProvider,au as PageItemPreviewContextProvider,ba as PageType,aQ as PageViewTrackerSettingsContextProvider,b8 as PagesGrid,b9 as PagesList,a0 as PostDetail,a$ as PostGroupSelector,b2 as PostGroupSelectorButton,a_ as PostGroupsPicker,aY as PostInputBox,aZ as PostList,W as PostListContextProvider,aD as PublishingDateFilter,aC as PublishingDateToolbarFilter,V as ReachContextProvider,aU as ReachDialog,aR as TargetLinkOverrideContextProvider,ae as Toolbar,ah as ToolbarChannelSelector,ak as ToolbarCloseButton,aL as ToolbarEventViewSelector,ax as ToolbarFilterModal,ay as ToolbarFilterModalButton,aw as ToolbarFilterPanel,aK as ToolbarFilterSearch,b3 as ToolbarFilterToggleButton,af as ToolbarIconButton,ao as ToolbarLanguageSelector,ap as ToolbarManageNewsItemButton,ai as ToolbarMarkAllEventsAsReadButton,aj as ToolbarMarkAllNewsAsReadButton,ao as ToolbarNewsLanguageSelector,b1 as ToolbarPostNotificationButton,ag as ToolbarUnreadItemsButton,a9 as UserDetails,az as VerticalFilterPanel,b4 as isFilterActive,a7 as useCurrentUser,bo as useEventsStreamDataLoader,a8 as useLazySubscriptionContext,bp as useNewsStreamDataLoader,bm as usePagesStreamDataLoader,bn as usePostsStreamDataLoader}from"./index.esm2.js";import"react/jsx-runtime";import"events";import"react";import"office-ui-fabric-react";import"react-router-dom";import"react-is";import"styled-components";import"react-dom";import"office-ui-fabric-core/dist/css/fabric.css";import"office-ui-fabric-react/lib/common/DirectionalHint";import"react-dom/server";