@livetiles/reach-components-react 0.4.0-preview.215 → 0.4.0-preview.216

package/ClearAllFiltersButton.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export interface ClearAllFiltersButtonProps {
+    onClick: () => void;
+}
+export declare const ClearAllFiltersButton: FC<ClearAllFiltersButtonProps>;

package/ToolbarFilterPanel.d.ts

@@ -1,5 +1,3 @@
 import { FC } from 'react';
 import { FilterProps } from './FilterContext';
-export declare const ToolbarFilterPanel: FC<FilterProps & {
-    hideClearAllFiltersButton?: boolean;
-}>;
+export declare const ToolbarFilterPanel: FC<FilterProps>;

package/index.d.ts

@@ -749,9 +749,7 @@ interface FilterProps {
     onChange: (filter: Partial<IndexableFilterDefinition> | null) => void;
 }
 
-declare const ToolbarFilterPanel: FC<FilterProps & {
-    hideClearAllFiltersButton?: boolean;
-}>;
+declare const ToolbarFilterPanel: FC<FilterProps>;
 
 interface ChannelFilterProps {
     channels?: string[];
@@ -760,4 +758,9 @@ declare const ChannelFilter: FC<ChannelFilterProps>;
 
 declare const PublishingDateFilter: FC;
 
-export { Avatar, Props as AvatarProps, ChannelFilter, ChannelFilterProps, EventDetail, EventDetailProps, FilterProps, ItemLayoutMode, ManageChannels, ManageChannelsProps, NewsDetail, NewsDetailPreview, NewsDetailPreviewProps, NewsDetailProps, NewsEditorDashboard, NewsEditorDashboardProps, NewsGrid, NewsGridProps, NewsHero, NewsHeroProps, NewsItemContextProvider, NewsItemPreviewContextProvider, NewsList, NewsListProps, PageDetail, PageDetailProps, PublishableItem, PublishingDateFilter, ReachContextProps, ReachContextProvider, Toolbar, ToolbarChannelSelector, ToolbarChannelSelectorOption, ToolbarChannelSelectorProps, ToolbarCloseButton, ToolbarCloseButtonProps, ToolbarFilterPanel, ToolbarIconButton, ToolbarIconButtonProps, ToolbarManageNewsItemButton, ToolbarMarkAllEventsAsReadButton, ToolbarMarkAllItemsAsReadButtonProps, ToolbarMarkAllNewsAsReadButton, ToolbarNewsLanguageSelector, ToolbarProps, ToolbarSearchProps, UserDetails, UserDetailsProps, useCurrentUser };
+interface ClearAllFiltersButtonProps {
+    onClick: () => void;
+}
+declare const ClearAllFiltersButton: FC<ClearAllFiltersButtonProps>;
+
+export { Avatar, Props as AvatarProps, ChannelFilter, ChannelFilterProps, ClearAllFiltersButton, ClearAllFiltersButtonProps, EventDetail, EventDetailProps, FilterProps, ItemLayoutMode, ManageChannels, ManageChannelsProps, NewsDetail, NewsDetailPreview, NewsDetailPreviewProps, NewsDetailProps, NewsEditorDashboard, NewsEditorDashboardProps, NewsGrid, NewsGridProps, NewsHero, NewsHeroProps, NewsItemContextProvider, NewsItemPreviewContextProvider, NewsList, NewsListProps, PageDetail, PageDetailProps, PublishableItem, PublishingDateFilter, ReachContextProps, ReachContextProvider, Toolbar, ToolbarChannelSelector, ToolbarChannelSelectorOption, ToolbarChannelSelectorProps, ToolbarCloseButton, ToolbarCloseButtonProps, ToolbarFilterPanel, ToolbarIconButton, ToolbarIconButtonProps, ToolbarManageNewsItemButton, ToolbarMarkAllEventsAsReadButton, ToolbarMarkAllItemsAsReadButtonProps, ToolbarMarkAllNewsAsReadButton, ToolbarNewsLanguageSelector, ToolbarProps, ToolbarSearchProps, UserDetails, UserDetailsProps, useCurrentUser };

package/index.esm.js

@@ -1,4 +1,4 @@
-export { A as Avatar, C as ChannelFilter, E as EventDetail, I as ItemLayoutMode, M as ManageChannels, N as NewsDetail, x as NewsDetailPreview, l as NewsEditorDashboard, i as NewsGrid, k as NewsHero, t as NewsItemContextProvider, y as NewsItemPreviewContextProvider, h as NewsList, g as PageDetail, B as PublishingDateFilter, R as ReachContextProvider, n as Toolbar, p as ToolbarChannelSelector, s as ToolbarCloseButton, z as ToolbarFilterPanel, o as ToolbarIconButton, w as ToolbarManageNewsItemButton, q as ToolbarMarkAllEventsAsReadButton, r as ToolbarMarkAllNewsAsReadButton, v as ToolbarNewsLanguageSelector, U as UserDetails, j as useCurrentUser } from './index.esm2.js';
+export { A as Avatar, C as ChannelFilter, D as ClearAllFiltersButton, E as EventDetail, I as ItemLayoutMode, M as ManageChannels, N as NewsDetail, x as NewsDetailPreview, l as NewsEditorDashboard, i as NewsGrid, k as NewsHero, t as NewsItemContextProvider, y as NewsItemPreviewContextProvider, h as NewsList, g as PageDetail, B as PublishingDateFilter, R as ReachContextProvider, n as Toolbar, p as ToolbarChannelSelector, s as ToolbarCloseButton, z as ToolbarFilterPanel, o as ToolbarIconButton, w as ToolbarManageNewsItemButton, q as ToolbarMarkAllEventsAsReadButton, r as ToolbarMarkAllNewsAsReadButton, v as ToolbarNewsLanguageSelector, U as UserDetails, j as useCurrentUser } from './index.esm2.js';
 import 'react/jsx-runtime';
 import 'events';
 import 'react';

package/index.esm2.js

@@ -87472,9 +87472,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
   }), void 0);
 };
 
-var version$1 = "0.4.0-preview.215";
-var buildId = "98453";
-var commitId = "de19c8eb6819dc6ad2d0bdf86c8d7cc206f9f0fc";
+var version$1 = "0.4.0-preview.216";
+var buildId = "98457";
+var commitId = "e1ba72d0e617b8c1186797abcf6bddf4131d9cb0";
 var isCustomerBuild = false;
 var buildInfo = {
 	version: version$1,
@@ -135007,21 +135007,13 @@ var FilterContextProvider = function FilterContextProvider(_a) {
 var ToolbarFilterPanel = function ToolbarFilterPanel(_a) {
   var filter = _a.filter,
       onChange = _a.onChange,
-      children = _a.children,
-      hideClearAllFiltersButton = _a.hideClearAllFiltersButton;
+      children = _a.children;
   return jsx$1(FilterContextProvider, __assign$g({
     filter: filter,
     onChange: onChange
   }, {
-    children: jsxs(Host$2, {
-      children: [children, !hideClearAllFiltersButton && jsx$1(IconButton, {
-        iconProps: {
-          iconName: 'ChromeClose'
-        },
-        onClick: function () {
-          return onChange(null);
-        }
-      }, void 0)]
+    children: jsx$1(Host$2, {
+      children: children
     }, void 0)
   }), void 0);
 };
@@ -135791,4 +135783,15 @@ var DateShortcuts = _styled.div.withConfig({
 
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 
-export { Avatar as A, PublishingDateFilter as B, ChannelFilter as C, EventDetail as E, ItemLayoutMode as I, ManageChannels as M, NewsDetail as N, PropTypes$2 as P, ReachContextProvider as R, ThemeContext$1 as T, UserDetails as U, _assertThisInitialized$b as _, commonjsGlobal$7 as a, _setPrototypeOf$6 as b, commonjsRequire as c, _defineProperty$p as d, _extends$9 as e, minScreenSize as f, PageDetail as g, NewsList as h, NewsGrid as i, useCurrentUser as j, NewsHero as k, NewsEditorDashboard as l, moment$1 as m, Toolbar$1 as n, ToolbarIconButton as o, ToolbarChannelSelector as p, ToolbarMarkAllEventsAsReadButton as q, ToolbarMarkAllNewsAsReadButton as r, ToolbarCloseButton as s, NewsItemContextProvider as t, useWindowSize$2 as u, ToolbarNewsLanguageSelector as v, ToolbarManageNewsItemButton as w, NewsDetailPreview as x, NewsItemPreviewContextProvider as y, ToolbarFilterPanel as z };
+var ClearAllFiltersButton = function ClearAllFiltersButton(_a) {
+  var onClick = _a.onClick;
+  return jsx$1(ToolbarIconButton, {
+    iconName: "Cancel",
+    onClick: onClick,
+    tooltipResourceKey: "FilterPanel.clearFiltersTooltip",
+    ariaLabelResourceKey: "FilterPanel.clearFiltersTooltip",
+    "data-toolbar-clear-all-filters-button": true
+  }, void 0);
+};
+
+export { Avatar as A, PublishingDateFilter as B, ChannelFilter as C, ClearAllFiltersButton as D, EventDetail as E, ItemLayoutMode as I, ManageChannels as M, NewsDetail as N, PropTypes$2 as P, ReachContextProvider as R, ThemeContext$1 as T, UserDetails as U, _assertThisInitialized$b as _, commonjsGlobal$7 as a, _setPrototypeOf$6 as b, commonjsRequire as c, _defineProperty$p as d, _extends$9 as e, minScreenSize as f, PageDetail as g, NewsList as h, NewsGrid as i, useCurrentUser as j, NewsHero as k, NewsEditorDashboard as l, moment$1 as m, Toolbar$1 as n, ToolbarIconButton as o, ToolbarChannelSelector as p, ToolbarMarkAllEventsAsReadButton as q, ToolbarMarkAllNewsAsReadButton as r, ToolbarCloseButton as s, NewsItemContextProvider as t, useWindowSize$2 as u, ToolbarNewsLanguageSelector as v, ToolbarManageNewsItemButton as w, NewsDetailPreview as x, NewsItemPreviewContextProvider as y, ToolbarFilterPanel as z };

package/index.umd.js

@@ -87330,9 +87330,9 @@
 	  }), void 0);
 	};
 
-	var version$1 = "0.4.0-preview.215";
-	var buildId = "98453";
-	var commitId = "de19c8eb6819dc6ad2d0bdf86c8d7cc206f9f0fc";
+	var version$1 = "0.4.0-preview.216";
+	var buildId = "98457";
+	var commitId = "e1ba72d0e617b8c1186797abcf6bddf4131d9cb0";
 	var isCustomerBuild = false;
 	var buildInfo = {
 		version: version$1,
@@ -134881,21 +134881,13 @@
 	var ToolbarFilterPanel = function ToolbarFilterPanel(_a) {
 	  var filter = _a.filter,
 	      onChange = _a.onChange,
-	      children = _a.children,
-	      hideClearAllFiltersButton = _a.hideClearAllFiltersButton;
+	      children = _a.children;
 	  return jsxRuntime.jsx(FilterContextProvider, __assign$g({
 	    filter: filter,
 	    onChange: onChange
 	  }, {
-	    children: jsxRuntime.jsxs(Host$2, {
-	      children: [children, !hideClearAllFiltersButton && jsxRuntime.jsx(IconButton, {
-	        iconProps: {
-	          iconName: 'ChromeClose'
-	        },
-	        onClick: function () {
-	          return onChange(null);
-	        }
-	      }, void 0)]
+	    children: jsxRuntime.jsx(Host$2, {
+	      children: children
 	    }, void 0)
 	  }), void 0);
 	};
@@ -135665,6 +135657,17 @@
 
 	var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 
+	var ClearAllFiltersButton = function ClearAllFiltersButton(_a) {
+	  var onClick = _a.onClick;
+	  return jsxRuntime.jsx(ToolbarIconButton, {
+	    iconName: "Cancel",
+	    onClick: onClick,
+	    tooltipResourceKey: "FilterPanel.clearFiltersTooltip",
+	    ariaLabelResourceKey: "FilterPanel.clearFiltersTooltip",
+	    "data-toolbar-clear-all-filters-button": true
+	  }, void 0);
+	};
+
 	/* @generated */
 	// prettier-ignore
 	if (Intl.PluralRules && typeof Intl.PluralRules.__addLocaleData === 'function') {
@@ -212930,6 +212933,7 @@
 
 	exports.Avatar = Avatar;
 	exports.ChannelFilter = ChannelFilter;
+	exports.ClearAllFiltersButton = ClearAllFiltersButton;
 	exports.EventDetail = EventDetail;
 	exports.ManageChannels = ManageChannels;
 	exports.NewsDetail = NewsDetail;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@livetiles/reach-components-react",
   "description": "Provides React components to consume LiveTiles Reach data",
-  "version": "0.4.0-preview.215",
+  "version": "0.4.0-preview.216",
   "peerDependencies": {
     "react": "^16.14.0 || ^17",
     "react-dom": "^16.14.0 || ^17",