@livetiles/reach-components-react 0.4.0-preview.48 → 0.4.0-preview.483

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.
Files changed (124) hide show
  1. package/AuthorFilter.d.ts +5 -0
  2. package/ChannelFilter.d.ts +7 -0
  3. package/ClearAllFiltersButton.d.ts +5 -0
  4. package/CompactLayoutList.d.ts +8 -0
  5. package/EmojiPicker.esm.esm.js +0 -1
  6. package/EmptyFilterSearchResult.d.ts +2 -0
  7. package/EventGridCard.d.ts +14 -0
  8. package/EventsEditorDashboard.d.ts +13 -0
  9. package/EventsGrid.d.ts +16 -0
  10. package/EventsList.d.ts +18 -0
  11. package/FilterContext.d.ts +11 -0
  12. package/KeywordsFilter.d.ts +5 -0
  13. package/NewsGrid.d.ts +5 -2
  14. package/NewsGridCard.d.ts +2 -0
  15. package/NewsHero.d.ts +7 -4
  16. package/NewsList.d.ts +5 -2
  17. package/PublishableItemCompactCard.d.ts +20 -0
  18. package/PublishableItemEditorDashboard.d.ts +18 -0
  19. package/PublishableItemGrid.d.ts +15 -0
  20. package/PublishableItemList.d.ts +12 -0
  21. package/PublishingDateFilter.d.ts +5 -0
  22. package/README.md +21 -4
  23. package/ToolbarFilterModal.d.ts +8 -0
  24. package/ToolbarFilterModalButton.d.ts +3 -0
  25. package/ToolbarFilterPanel.d.ts +3 -0
  26. package/ToolbarFilterSearch.d.ts +7 -0
  27. package/VerticalFilterPanel.d.ts +7 -0
  28. package/ar-dz.async.esm.esm.js +0 -1
  29. package/ar-kw.async.esm.esm.js +0 -1
  30. package/ar-ly.async.esm.esm.js +0 -1
  31. package/ar-ma.async.esm.esm.js +0 -1
  32. package/ar-sa.async.esm.esm.js +0 -1
  33. package/ar-tn.async.esm.esm.js +0 -1
  34. package/ar.async.esm.esm.js +0 -1
  35. package/bg.async.esm.esm.js +0 -1
  36. package/bn.async.esm.esm.js +0 -1
  37. package/ca.async.esm.esm.js +0 -1
  38. package/common/FilterCalloutButton.d.ts +10 -0
  39. package/common/FilterLogicalOperators.d.ts +6 -0
  40. package/common/GroupsDropdown.d.ts +10 -0
  41. package/common/NewPublishableItemButton.d.ts +7 -0
  42. package/common/filter/LibNewsFilterDefinition.d.ts +5 -0
  43. package/common/utils.d.ts +21 -7
  44. package/cs.async.esm.esm.js +0 -1
  45. package/da.async.esm.esm.js +0 -1
  46. package/de-at.async.esm.esm.js +0 -1
  47. package/de-ch.async.esm.esm.js +0 -1
  48. package/de.async.esm.esm.js +204 -32
  49. package/de.async.esm2.esm.js +0 -1
  50. package/el.async.esm.esm.js +0 -1
  51. package/en-au.async.esm.esm.js +0 -1
  52. package/en-ca.async.esm.esm.js +0 -1
  53. package/en-gb.async.esm.esm.js +0 -1
  54. package/en-ie.async.esm.esm.js +0 -1
  55. package/en-il.async.esm.esm.js +0 -1
  56. package/en-nz.async.esm.esm.js +0 -1
  57. package/en-sg.async.esm.esm.js +0 -1
  58. package/en.async.esm.esm.js +189 -22
  59. package/es-do.async.esm.esm.js +0 -1
  60. package/es-us.async.esm.esm.js +0 -1
  61. package/es.async.esm.esm.js +193 -21
  62. package/es.async.esm2.esm.js +0 -1
  63. package/et.async.esm.esm.js +0 -1
  64. package/fa.async.esm.esm.js +0 -1
  65. package/fi.async.esm.esm.js +0 -1
  66. package/fr-ca.async.esm.esm.js +0 -1
  67. package/fr-ch.async.esm.esm.js +0 -1
  68. package/fr.async.esm.esm.js +193 -21
  69. package/fr.async.esm2.esm.js +0 -1
  70. package/gu.async.esm.esm.js +0 -1
  71. package/he.async.esm.esm.js +0 -1
  72. package/hi.async.esm.esm.js +0 -1
  73. package/hr.async.esm.esm.js +0 -1
  74. package/hu.async.esm.esm.js +0 -1
  75. package/id.async.esm.esm.js +0 -1
  76. package/index.d.ts +262 -10
  77. package/index.esm.js +1 -2
  78. package/index.esm2.js +52538 -51135
  79. package/index.umd.js +49440 -46474
  80. package/it-ch.async.esm.esm.js +0 -1
  81. package/it.async.esm.esm.js +193 -21
  82. package/it.async.esm2.esm.js +0 -1
  83. package/ja.async.esm.esm.js +670 -498
  84. package/ja.async.esm2.esm.js +0 -1
  85. package/kn.async.esm.esm.js +0 -1
  86. package/ko.async.esm.esm.js +0 -1
  87. package/lt.async.esm.esm.js +0 -1
  88. package/lv.async.esm.esm.js +0 -1
  89. package/ml.async.esm.esm.js +0 -1
  90. package/mr.async.esm.esm.js +0 -1
  91. package/ms-my.async.esm.esm.js +0 -1
  92. package/ms.async.esm.esm.js +0 -1
  93. package/nb.async.esm.esm.js +0 -1
  94. package/nl-be.async.esm.esm.js +0 -1
  95. package/nl.async.esm.esm.js +0 -1
  96. package/package.json +3 -3
  97. package/pl.async.esm.esm.js +0 -1
  98. package/pt-br.async.esm.esm.js +0 -1
  99. package/pt.async.esm.esm.js +0 -1
  100. package/reach-chrome-dummy.d.ts +3 -0
  101. package/ro.async.esm.esm.js +0 -1
  102. package/ru.async.esm.esm.js +0 -1
  103. package/sk.async.esm.esm.js +0 -1
  104. package/sl.async.esm.esm.js +0 -1
  105. package/sr-cyrl.async.esm.esm.js +0 -1
  106. package/sr.async.esm.esm.js +0 -1
  107. package/sv.async.esm.esm.js +0 -1
  108. package/sw.async.esm.esm.js +0 -1
  109. package/ta.async.esm.esm.js +0 -1
  110. package/te.async.esm.esm.js +0 -1
  111. package/th.async.esm.esm.js +0 -1
  112. package/tr.async.esm.esm.js +684 -512
  113. package/tr.async.esm2.esm.js +0 -1
  114. package/uk.async.esm.esm.js +0 -1
  115. package/vi.async.esm.esm.js +0 -1
  116. package/zh-CN.async.esm.esm.js +686 -514
  117. package/zh-TW.async.esm.esm.js +683 -511
  118. package/zh-cn.async.esm2.esm.js +0 -1
  119. package/zh-hk.async.esm.esm.js +0 -1
  120. package/zh-tw.async.esm2.esm.js +0 -1
  121. package/NewsCompactCard.d.ts +0 -9
  122. package/common/NewArticleButton.d.ts +0 -5
  123. package/index.esm.css +0 -1103
  124. package/index.umd.css +0 -1103
@@ -0,0 +1,5 @@
1
+ import { FC } from 'react';
2
+ export declare const AuthorToolbarFilter: FC;
3
+ export declare const AuthorFilter: FC<{
4
+ className?: string;
5
+ }>;
@@ -0,0 +1,7 @@
1
+ import { FC } from 'react';
2
+ export interface ChannelFilterProps {
3
+ channels?: string[];
4
+ className?: string;
5
+ }
6
+ export declare const ChannelFilter: FC<ChannelFilterProps>;
7
+ export declare const ChannelToolbarFilter: FC<ChannelFilterProps>;
@@ -0,0 +1,5 @@
1
+ import { FC } from 'react';
2
+ export interface ClearAllFiltersButtonProps {
3
+ onClick: () => void;
4
+ }
5
+ export declare const ClearAllFiltersButton: FC<ClearAllFiltersButtonProps>;
@@ -0,0 +1,8 @@
1
+ import { PublishableItem } from '@livetiles/reach/util/common';
2
+ interface CompactLayoutListProps<TItem extends PublishableItem = PublishableItem> {
3
+ items: TItem[];
4
+ onRenderCard: (item: TItem) => unknown;
5
+ className?: string;
6
+ }
7
+ export declare const CompactLayoutList: <TItem extends PublishableItem>({ items, onRenderCard, className, }: CompactLayoutListProps<TItem>) => JSX.Element;
8
+ export {};
@@ -10,7 +10,6 @@ import 'react-dom';
10
10
  import 'office-ui-fabric-core/dist/css/fabric.css';
11
11
  import 'office-ui-fabric-react/lib/common/DirectionalHint';
12
12
  import 'react-dom/server';
13
- import 'office-ui-fabric-react/lib/Spinner';
14
13
 
15
14
  function _typeof(obj) {
16
15
  "@babel/helpers - typeof";
@@ -0,0 +1,2 @@
1
+ import { FC } from 'react';
2
+ export declare const EmptyFilterSearchResult: FC;
@@ -0,0 +1,14 @@
1
+ import { FC } from 'react';
2
+ import { EventItem } from '@livetiles/reach/util/common';
3
+ export interface EventGridCardProps {
4
+ item: EventItem;
5
+ baseRoute?: string;
6
+ openTargetInNewWindow?: boolean;
7
+ onCardClick?: (event: React.MouseEvent<unknown>) => unknown;
8
+ onChannelClick?: (channel: string) => unknown;
9
+ className?: string;
10
+ }
11
+ export declare const EventGridCard: FC<EventGridCardProps>;
12
+ export declare const Host: import("styled-components").StyledComponent<"div", any, {
13
+ showHighlight?: boolean;
14
+ }, never>;
@@ -0,0 +1,13 @@
1
+ import { FC } from 'react';
2
+ import { EventItem } from '@livetiles/reach/util/common';
3
+ export interface EventsEditorDashboardProps {
4
+ groupId?: string;
5
+ className?: string;
6
+ onItemClick?: (item: EventItem) => unknown;
7
+ pageSize?: number;
8
+ hidePagination?: boolean;
9
+ }
10
+ export declare const EventsEditorDashboard: FC<EventsEditorDashboardProps>;
11
+ export declare const EventDropdown: FC<{
12
+ onSelect: (isPast: boolean) => void;
13
+ }>;
@@ -0,0 +1,16 @@
1
+ import { FC } from 'react';
2
+ import { EventItem } from '@livetiles/reach/util/common';
3
+ import { EventFilterDefinition } from '@livetiles/reach/feature/content';
4
+ import { EventView } from '@livetiles/reach/ui/common';
5
+ export interface EventGridProps {
6
+ view?: EventView;
7
+ filter?: EventFilterDefinition;
8
+ searchText?: string;
9
+ hidePagination?: boolean;
10
+ columnCount?: number;
11
+ rowCount?: number;
12
+ onItemClick?: (item: EventItem, itemUrl?: string) => unknown;
13
+ onChannelClick?: (channel: string) => unknown;
14
+ className?: string;
15
+ }
16
+ export declare const EventsGrid: FC<EventGridProps>;
@@ -0,0 +1,18 @@
1
+ import { FC } from 'react';
2
+ import { EventItem } from '@livetiles/reach/util/common';
3
+ import { EventFilterDefinition } from '@livetiles/reach/feature/content';
4
+ import { ItemLayoutMode } from './NewsList';
5
+ import { EventView } from '@livetiles/reach/ui/common';
6
+ export interface EventsListProps {
7
+ view?: EventView;
8
+ filter?: EventFilterDefinition;
9
+ searchText?: string;
10
+ itemLayoutMode?: ItemLayoutMode;
11
+ onItemClick?: (item: EventItem, itemUrl?: string) => unknown;
12
+ onChannelClick?: (channel: string) => unknown;
13
+ hidePlaceholderIfNoBanner?: boolean;
14
+ hidePagination?: boolean;
15
+ pageSize?: number;
16
+ className?: string;
17
+ }
18
+ export declare const EventsList: FC<EventsListProps>;
@@ -0,0 +1,11 @@
1
+ import { FC } from 'react';
2
+ import { IndexableFilterDefinition } from '@livetiles/reach/feature/content';
3
+ export interface FilterProps {
4
+ filter: IndexableFilterDefinition;
5
+ onChange: (filter: Partial<IndexableFilterDefinition> | null) => void;
6
+ }
7
+ export declare const FilterContext: import("react").Context<FilterProps>;
8
+ export declare const FilterContextProvider: FC<{
9
+ filter: IndexableFilterDefinition;
10
+ onChange: (filter: Partial<IndexableFilterDefinition> | null) => void;
11
+ }>;
@@ -0,0 +1,5 @@
1
+ import { FC } from 'react';
2
+ export declare const KeywordsToolbarFilter: FC;
3
+ export declare const KeywordsFilter: FC<{
4
+ className?: string;
5
+ }>;
package/NewsGrid.d.ts CHANGED
@@ -1,12 +1,15 @@
1
1
  import { FC } from 'react';
2
- import { NewsFilterDefinition } from '@livetiles/reach/feature/content';
3
2
  import { NewsItem } from '@livetiles/reach/util/common';
3
+ import { LibNewsFilterDefinition } from './common/filter/LibNewsFilterDefinition';
4
4
  export interface NewsGridProps {
5
- filter?: NewsFilterDefinition;
5
+ filter?: LibNewsFilterDefinition;
6
+ searchText?: string;
6
7
  hidePagination?: boolean;
7
8
  columnCount?: number;
8
9
  rowCount?: number;
9
10
  onItemClick?: (item: NewsItem, itemUrl?: string, isTitleClicked?: boolean) => unknown;
11
+ onChannelClick?: (channel: string) => unknown;
12
+ onKeywordClick?: (keyword: string) => unknown;
10
13
  className?: string;
11
14
  }
12
15
  export declare const NewsGrid: FC<NewsGridProps>;
package/NewsGridCard.d.ts CHANGED
@@ -6,6 +6,8 @@ export interface NewsGridCardProps {
6
6
  openTargetInNewWindow?: boolean;
7
7
  onCardClick?: (event: React.MouseEvent<unknown>) => unknown;
8
8
  onTitleClick?: (event: React.MouseEvent<unknown>) => unknown;
9
+ onChannelClick?: (channel: string) => unknown;
10
+ onKeywordClick?: (keyword: string) => unknown;
9
11
  className?: string;
10
12
  }
11
13
  export declare const NewsGridCard: FC<NewsGridCardProps>;
package/NewsHero.d.ts CHANGED
@@ -1,10 +1,13 @@
1
1
  import { FC } from 'react';
2
+ import { FilterWithLogicalOperator } from '@livetiles/reach/feature/content';
2
3
  import { NewsItem } from '@livetiles/reach/util/common';
3
- import { ChannelsFilterDefinition, KeywordsFilterDefinition } from '@livetiles/reach/feature/content';
4
+ export interface NewsHeroFilterProps {
5
+ channels?: string | FilterWithLogicalOperator;
6
+ keywords?: string | FilterWithLogicalOperator;
7
+ pageSize?: number;
8
+ }
4
9
  export interface NewsHeroProps {
5
- filter?: ChannelsFilterDefinition & KeywordsFilterDefinition & {
6
- pageSize?: number;
7
- };
10
+ filter?: NewsHeroFilterProps;
8
11
  disableAutoplay?: boolean;
9
12
  autoplayInterval?: number;
10
13
  onItemClick?: (item: NewsItem, itemUrl?: string) => unknown;
package/NewsList.d.ts CHANGED
@@ -1,14 +1,17 @@
1
1
  import { FC } from 'react';
2
2
  import { NewsItem } from '@livetiles/reach/util/common';
3
- import { NewsFilterDefinition } from '@livetiles/reach/feature/content';
3
+ import { LibNewsFilterDefinition } from './common/filter/LibNewsFilterDefinition';
4
4
  export declare enum ItemLayoutMode {
5
5
  Default = "default",
6
6
  Compact = "compact"
7
7
  }
8
8
  export interface NewsListProps {
9
- filter?: NewsFilterDefinition;
9
+ filter?: LibNewsFilterDefinition;
10
+ searchText?: string;
10
11
  itemLayoutMode?: ItemLayoutMode;
11
12
  onItemClick?: (item: NewsItem, itemUrl?: string, isTitleClicked?: boolean) => unknown;
13
+ onChannelClick?: (channel: string) => unknown;
14
+ onKeywordClick?: (keyword: string) => unknown;
12
15
  hidePlaceholderIfNoBanner?: boolean;
13
16
  hidePagination?: boolean;
14
17
  pageSize?: number;
@@ -0,0 +1,20 @@
1
+ import { FC, ReactNode, MouseEvent } from 'react';
2
+ import { ItemResourceTypes, PublishableItem } from '@livetiles/reach/util/common';
3
+ export interface PublishableItemCompactCardProps {
4
+ item: PublishableItem;
5
+ itemResourceType: ItemResourceTypes;
6
+ highlight: boolean;
7
+ date: ReactNode;
8
+ locations?: ReactNode;
9
+ icon?: {
10
+ name: string;
11
+ backgroundColor: string;
12
+ color: string;
13
+ tooltipText: string;
14
+ };
15
+ onCardClick?: (e: MouseEvent<unknown>) => unknown;
16
+ onTitleClick?: (e: MouseEvent<unknown>) => unknown;
17
+ className?: string;
18
+ }
19
+ export declare const PublishableItemCompactCard: FC<PublishableItemCompactCardProps>;
20
+ export declare const Host: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1,18 @@
1
+ import { ReactNode } from 'react';
2
+ import { ItemResourceTypes, PublishableItem } from '@livetiles/reach/util/common';
3
+ import { PublishableItemFilterDefinition } from '@livetiles/reach/feature/content';
4
+ interface LibraryProps<TItem extends PublishableItem = PublishableItem> {
5
+ pageSize: number;
6
+ itemResourceType: ItemResourceTypes;
7
+ onItemClick: (item: TItem) => unknown;
8
+ onRenderContent: (item: TItem, title: string) => unknown;
9
+ initialGroupId?: string;
10
+ hidePagination?: boolean;
11
+ emptyMessageResources: string[];
12
+ emptyListIcon: string;
13
+ additionalFilterComponents?: ReactNode;
14
+ additionalFilters?: PublishableItemFilterDefinition;
15
+ className?: string;
16
+ }
17
+ export declare const PublishableItemEditorDashboard: <TItem extends PublishableItem>({ initialGroupId, itemResourceType, onItemClick, onRenderContent, pageSize, hidePagination, emptyMessageResources, emptyListIcon, additionalFilterComponents, additionalFilters: incomingFilters, className, }: LibraryProps<TItem>) => JSX.Element;
18
+ export {};
@@ -0,0 +1,15 @@
1
+ import { PublishableItem } from '@livetiles/reach/util/common';
2
+ import { ItemLoader } from '@livetiles/reach/ui/common';
3
+ interface LibraryProps<TItem extends PublishableItem = PublishableItem, TTokenType = unknown> {
4
+ onRenderCard: (item: TItem) => unknown;
5
+ dataLoader: ItemLoader<TItem, TTokenType>;
6
+ minColumnWidth: number;
7
+ emptyMessageResources: string[];
8
+ emptyListIcon: string;
9
+ hidePagination?: boolean;
10
+ columnCount?: number;
11
+ rowCount?: number;
12
+ className?: string;
13
+ }
14
+ export declare const PublishableItemGrid: <TItem extends PublishableItem, TTokenType = unknown>({ onRenderCard, dataLoader, minColumnWidth, emptyMessageResources, emptyListIcon, hidePagination, columnCount, rowCount, className, }: LibraryProps<TItem, TTokenType>) => JSX.Element;
15
+ export {};
@@ -0,0 +1,12 @@
1
+ import { PublishableItem } from '@livetiles/reach/util/common';
2
+ import { ItemLoader } from '@livetiles/reach/ui/common';
3
+ interface LibraryProps<TItem extends PublishableItem = PublishableItem, TTokenType = unknown> {
4
+ onRenderList: (items: TItem[]) => unknown;
5
+ dataLoader: ItemLoader<TItem, TTokenType>;
6
+ emptyMessageResources: string[];
7
+ emptyListIcon: string;
8
+ hidePagination?: boolean;
9
+ pageSize?: number;
10
+ }
11
+ export declare const PublishableItemList: <TItem extends PublishableItem, TTokenType = unknown>({ onRenderList, dataLoader, emptyMessageResources, emptyListIcon, hidePagination, pageSize, }: LibraryProps<TItem, TTokenType>) => JSX.Element;
12
+ export {};
@@ -0,0 +1,5 @@
1
+ import { FC } from 'react';
2
+ export declare const PublishingDateToolbarFilter: FC;
3
+ export declare const PublishingDateFilter: FC<{
4
+ className?: string;
5
+ }>;
package/README.md CHANGED
@@ -1,7 +1,24 @@
1
- # reach-components-react
1
+ # Reach Components React
2
2
 
3
- This library was generated with [Nx](https://nx.dev).
3
+ The Reach Components for React allows one to render data from LiveTiles Reach in custom third party web applications.
4
4
 
5
- ## Running unit tests
5
+ ## Getting Started
6
6
 
7
- Run `nx test reach-components-react` to execute the unit tests via [Jest](https://jestjs.io).
7
+ `$ npm i reach-components-react`
8
+
9
+ ```
10
+ const App = () => {
11
+ const token = "A JWT bearer token";
12
+ const subscriptionId = "the subscription ID";
13
+ const itemId = "some item ID";
14
+
15
+ return (
16
+ <ReachContextProvider
17
+ subscriptionId={subscriptionId}
18
+ onRequestToken={async () => token}
19
+ >
20
+ <NewsDetail itemId={itemId} />
21
+ </ReachContextProvider>
22
+ )
23
+ }
24
+ ```
@@ -0,0 +1,8 @@
1
+ import { FC } from 'react';
2
+ import { FilterProps } from './FilterContext';
3
+ export interface ToolbarFilterModalProps extends FilterProps {
4
+ isOpen?: boolean;
5
+ onDismiss?: () => void;
6
+ className?: string;
7
+ }
8
+ export declare const ToolbarFilterModal: FC<ToolbarFilterModalProps>;
@@ -0,0 +1,3 @@
1
+ import { FC } from 'react';
2
+ import { FilterProps } from './FilterContext';
3
+ export declare const ToolbarFilterModalButton: FC<FilterProps>;
@@ -0,0 +1,3 @@
1
+ import { FC } from 'react';
2
+ import { FilterProps } from './FilterContext';
3
+ export declare const ToolbarFilterPanel: FC<FilterProps>;
@@ -0,0 +1,7 @@
1
+ import { FC } from 'react';
2
+ export declare const FilterSearch: FC<{
3
+ className?: string;
4
+ }>;
5
+ export declare const ToolbarFilterSearch: import("styled-components").StyledComponent<FC<{
6
+ className?: string;
7
+ }>, any, {}, never>;
@@ -0,0 +1,7 @@
1
+ import { FC } from 'react';
2
+ import { FilterProps } from './FilterContext';
3
+ export interface VerticalFilterPanelProps extends FilterProps {
4
+ onDismiss?: () => void;
5
+ className?: string;
6
+ }
7
+ export declare const VerticalFilterPanel: FC<VerticalFilterPanelProps>;
@@ -11,7 +11,6 @@ import 'react-dom';
11
11
  import 'office-ui-fabric-core/dist/css/fabric.css';
12
12
  import 'office-ui-fabric-react/lib/common/DirectionalHint';
13
13
  import 'react-dom/server';
14
- import 'office-ui-fabric-react/lib/Spinner';
15
14
 
16
15
  var arDz$1 = {exports: {}};
17
16
 
@@ -11,7 +11,6 @@ import 'react-dom';
11
11
  import 'office-ui-fabric-core/dist/css/fabric.css';
12
12
  import 'office-ui-fabric-react/lib/common/DirectionalHint';
13
13
  import 'react-dom/server';
14
- import 'office-ui-fabric-react/lib/Spinner';
15
14
 
16
15
  var arKw$1 = {exports: {}};
17
16
 
@@ -11,7 +11,6 @@ import 'react-dom';
11
11
  import 'office-ui-fabric-core/dist/css/fabric.css';
12
12
  import 'office-ui-fabric-react/lib/common/DirectionalHint';
13
13
  import 'react-dom/server';
14
- import 'office-ui-fabric-react/lib/Spinner';
15
14
 
16
15
  var arLy$1 = {exports: {}};
17
16
 
@@ -11,7 +11,6 @@ import 'react-dom';
11
11
  import 'office-ui-fabric-core/dist/css/fabric.css';
12
12
  import 'office-ui-fabric-react/lib/common/DirectionalHint';
13
13
  import 'react-dom/server';
14
- import 'office-ui-fabric-react/lib/Spinner';
15
14
 
16
15
  var arMa$1 = {exports: {}};
17
16
 
@@ -11,7 +11,6 @@ import 'react-dom';
11
11
  import 'office-ui-fabric-core/dist/css/fabric.css';
12
12
  import 'office-ui-fabric-react/lib/common/DirectionalHint';
13
13
  import 'react-dom/server';
14
- import 'office-ui-fabric-react/lib/Spinner';
15
14
 
16
15
  var arSa$1 = {exports: {}};
17
16
 
@@ -11,7 +11,6 @@ import 'react-dom';
11
11
  import 'office-ui-fabric-core/dist/css/fabric.css';
12
12
  import 'office-ui-fabric-react/lib/common/DirectionalHint';
13
13
  import 'react-dom/server';
14
- import 'office-ui-fabric-react/lib/Spinner';
15
14
 
16
15
  var arTn$1 = {exports: {}};
17
16
 
@@ -11,7 +11,6 @@ import 'react-dom';
11
11
  import 'office-ui-fabric-core/dist/css/fabric.css';
12
12
  import 'office-ui-fabric-react/lib/common/DirectionalHint';
13
13
  import 'react-dom/server';
14
- import 'office-ui-fabric-react/lib/Spinner';
15
14
 
16
15
  var ar$1 = {exports: {}};
17
16
 
@@ -10,7 +10,6 @@ import 'react-dom';
10
10
  import 'office-ui-fabric-core/dist/css/fabric.css';
11
11
  import 'office-ui-fabric-react/lib/common/DirectionalHint';
12
12
  import 'react-dom/server';
13
- import 'office-ui-fabric-react/lib/Spinner';
14
13
 
15
14
  /* @generated */
16
15
  // prettier-ignore
@@ -10,7 +10,6 @@ import 'react-dom';
10
10
  import 'office-ui-fabric-core/dist/css/fabric.css';
11
11
  import 'office-ui-fabric-react/lib/common/DirectionalHint';
12
12
  import 'react-dom/server';
13
- import 'office-ui-fabric-react/lib/Spinner';
14
13
 
15
14
  /* @generated */
16
15
  // prettier-ignore
@@ -10,7 +10,6 @@ import 'react-dom';
10
10
  import 'office-ui-fabric-core/dist/css/fabric.css';
11
11
  import 'office-ui-fabric-react/lib/common/DirectionalHint';
12
12
  import 'react-dom/server';
13
- import 'office-ui-fabric-react/lib/Spinner';
14
13
 
15
14
  /* @generated */
16
15
  // prettier-ignore
@@ -0,0 +1,10 @@
1
+ import { FC } from 'react';
2
+ export declare const FilterCalloutButton: FC<{
3
+ buttonText: string;
4
+ buttonContent?: JSX.Element;
5
+ isActive?: boolean;
6
+ handleClearFilter?: () => void;
7
+ doNotLayer?: boolean;
8
+ ariaLabel?: string;
9
+ className?: string;
10
+ }>;
@@ -0,0 +1,6 @@
1
+ import { FC } from 'react';
2
+ export declare const FilterLogicalOperators: FC<{
3
+ onChange: (key: string) => void;
4
+ selectedKey?: string;
5
+ ariaLabelResourceKey?: string;
6
+ }>;
@@ -1,6 +1,16 @@
1
1
  import { FC } from 'react';
2
+ import { IDropdownOption } from 'office-ui-fabric-react';
2
3
  export declare const GroupsDropdown: FC<{
3
4
  onGroupSelect: (groupId?: string) => void;
4
5
  initialGroupId?: string;
5
6
  className?: string;
6
7
  }>;
8
+ export declare const EditorDashboardDropdown: FC<{
9
+ icon: string;
10
+ options: IDropdownOption[];
11
+ onSelect: (optionId?: string) => void;
12
+ selectedKey?: string;
13
+ initialSelectedKey?: string;
14
+ ariaLabel?: string;
15
+ className?: string;
16
+ }>;
@@ -0,0 +1,7 @@
1
+ import { FC } from 'react';
2
+ import { ItemResourceTypes } from '@livetiles/reach/util/common';
3
+ export declare const NewPublishableItemButton: FC<{
4
+ itemResourceType: ItemResourceTypes;
5
+ groupId?: string;
6
+ className?: string;
7
+ }>;
@@ -0,0 +1,5 @@
1
+ import { FilterWithLogicalOperator, NewsFilterDefinition } from '@livetiles/reach/feature/content';
2
+ export interface LibNewsFilterDefinition extends Omit<NewsFilterDefinition, 'channels' | 'keywords'> {
3
+ channels?: string | FilterWithLogicalOperator;
4
+ keywords?: string | FilterWithLogicalOperator;
5
+ }
package/common/utils.d.ts CHANGED
@@ -1,9 +1,9 @@
1
- /// <reference types="react" />
2
- import { NewsItem } from '@livetiles/reach/util/common';
3
- import { NewsFilterDefinition } from '@livetiles/reach/feature/content';
4
- export declare function useNewsItemClickHandler(): (e: React.MouseEvent<unknown>, item: NewsItem, shouldHandleExternalContent: boolean, onItemClick?: (item: NewsItem, itemUrl?: string) => unknown, newTab?: boolean) => void;
5
- export declare function useNewsLoaderWithFilters(filter?: NewsFilterDefinition, defaultPageSize?: number): [NewsItem[], boolean, any, (state: import("react").SetStateAction<NewsItem[]>) => void, () => void, (args_0?: any) => Promise<void>];
6
- export declare function useNewsLoaderWithFiltersAndPagination(pageSize: number, filter?: NewsFilterDefinition): {
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';
5
+ export declare function useItemClickHandler<TItem extends PublishableItem>(): (e: React.MouseEvent<unknown>, item: TItem, shouldHandleExternalContent: boolean, onItemClick?: (item: TItem, itemUrl?: string) => unknown, newTab?: boolean) => void;
6
+ export declare function useNewsLoaderWithFiltersAndPagination(pageSize: number, filter?: LibNewsFilterDefinition, searchText?: string): {
7
7
  items: any[];
8
8
  isInitialLoading: boolean;
9
9
  isLoadingNextPage: boolean;
@@ -15,7 +15,8 @@ export declare function useNewsLoaderWithFiltersAndPagination(pageSize: number,
15
15
  isLastPage: boolean;
16
16
  isEmpty: boolean;
17
17
  };
18
- export declare function useEditorNewsLoaderWithFiltersAndPagination(pageSize: number, filter?: NewsFilterDefinition): {
18
+ export declare function getNewsFilterDefinition(filter?: LibNewsFilterDefinition): NewsFilterDefinition;
19
+ export declare function useEventsLoaderWithFiltersAndPagination(pageSize: number, filter?: EventFilterDefinition, searchText?: string): {
19
20
  items: any[];
20
21
  isInitialLoading: boolean;
21
22
  isLoadingNextPage: boolean;
@@ -27,3 +28,16 @@ export declare function useEditorNewsLoaderWithFiltersAndPagination(pageSize: nu
27
28
  isLastPage: boolean;
28
29
  isEmpty: boolean;
29
30
  };
31
+ export declare function useEditorItemsWithFiltersAndPagination<TItem extends PublishableItem = PublishableItem>(pageSize: number, type: ItemResourceTypes, filter?: PublishableItemFilterDefinition): {
32
+ items: any[];
33
+ isInitialLoading: boolean;
34
+ isLoadingNextPage: boolean;
35
+ error: any;
36
+ getFirstPage: () => void;
37
+ getPrevPage: () => void;
38
+ getNextPage: () => Promise<void>;
39
+ isFirstPage: boolean;
40
+ isLastPage: boolean;
41
+ isEmpty: boolean;
42
+ };
43
+ export declare function getEventsFilterByView(filter: EventFilterDefinition, view: EventView): EventFilterDefinition;
@@ -10,7 +10,6 @@ import 'react-dom';
10
10
  import 'office-ui-fabric-core/dist/css/fabric.css';
11
11
  import 'office-ui-fabric-react/lib/common/DirectionalHint';
12
12
  import 'react-dom/server';
13
- import 'office-ui-fabric-react/lib/Spinner';
14
13
 
15
14
  /* @generated */
16
15
  // prettier-ignore
@@ -10,7 +10,6 @@ import 'react-dom';
10
10
  import 'office-ui-fabric-core/dist/css/fabric.css';
11
11
  import 'office-ui-fabric-react/lib/common/DirectionalHint';
12
12
  import 'react-dom/server';
13
- import 'office-ui-fabric-react/lib/Spinner';
14
13
 
15
14
  /* @generated */
16
15
  // prettier-ignore
@@ -11,7 +11,6 @@ import 'react-dom';
11
11
  import 'office-ui-fabric-core/dist/css/fabric.css';
12
12
  import 'office-ui-fabric-react/lib/common/DirectionalHint';
13
13
  import 'react-dom/server';
14
- import 'office-ui-fabric-react/lib/Spinner';
15
14
 
16
15
  var deAt$1 = {exports: {}};
17
16
 
@@ -11,7 +11,6 @@ import 'react-dom';
11
11
  import 'office-ui-fabric-core/dist/css/fabric.css';
12
12
  import 'office-ui-fabric-react/lib/common/DirectionalHint';
13
13
  import 'react-dom/server';
14
- import 'office-ui-fabric-react/lib/Spinner';
15
14
 
16
15
  var deCh$1 = {exports: {}};
17
16