@livetiles/reach-components-react 0.4.0-preview.210 → 0.4.0-preview.211

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 (6) hide show
  1. package/FilterContext.d.ts +2 -2
  2. package/ToolbarFilterPanel.d.ts +3 -1
  3. package/index.d.ts +4 -2
  4. package/index.esm2.js +15 -7
  5. package/index.umd.js +15 -7
  6. package/package.json +1 -1
package/FilterContext.d.ts CHANGED
@@ -2,10 +2,10 @@ import { IndexableFilterDefinition } from '@livetiles/reach/feature/content';
2
2
  import { FC } from 'react';
3
3
  export interface FilterProps {
4
4
  filter: IndexableFilterDefinition;
5
- onChange: (filter: Partial<IndexableFilterDefinition>) => void;
5
+ onChange: (filter: Partial<IndexableFilterDefinition> | null) => void;
6
6
  }
7
7
  export declare const FilterContext: import("react").Context<FilterProps>;
8
8
  export declare const FilterContextProvider: FC<{
9
9
  filter: IndexableFilterDefinition;
10
- onChange: (filter: Partial<IndexableFilterDefinition>) => void;
10
+ onChange: (filter: Partial<IndexableFilterDefinition> | null) => void;
11
11
  }>;
package/ToolbarFilterPanel.d.ts CHANGED
@@ -1,3 +1,5 @@
1
1
  import { FC } from 'react';
2
2
  import { FilterProps } from './FilterContext';
3
- export declare const ToolbarFilterPanel: FC<FilterProps>;
3
+ export declare const ToolbarFilterPanel: FC<FilterProps & {
4
+ hideClearAllFiltersButton?: boolean;
5
+ }>;
package/index.d.ts CHANGED
@@ -746,10 +746,12 @@ declare const NewsItemPreviewContextProvider: FC<{
746
746
 
747
747
  interface FilterProps {
748
748
  filter: IndexableFilterDefinition;
749
- onChange: (filter: Partial<IndexableFilterDefinition>) => void;
749
+ onChange: (filter: Partial<IndexableFilterDefinition> | null) => void;
750
750
  }
751
751
 
752
- declare const ToolbarFilterPanel: FC<FilterProps>;
752
+ declare const ToolbarFilterPanel: FC<FilterProps & {
753
+ hideClearAllFiltersButton?: boolean;
754
+ }>;
753
755
 
754
756
  interface ChannelFilterProps {
755
757
  channels?: string[];
package/index.esm2.js CHANGED
@@ -87472,9 +87472,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
87472
87472
  }), void 0);
87473
87473
  };
87474
87474
 
87475
- var version$1 = "0.4.0-preview.210";
87476
- var buildId = "98358";
87477
- var commitId = "a20669a8c494ba55d087535c79a56aaeea25b6bd";
87475
+ var version$1 = "0.4.0-preview.211";
87476
+ var buildId = "98387";
87477
+ var commitId = "4ace7b7b15e3e3894d78df895eb99b1c395eaac6";
87478
87478
  var isCustomerBuild = false;
87479
87479
  var buildInfo = {
87480
87480
  version: version$1,
@@ -134995,13 +134995,21 @@ var FilterContextProvider = function FilterContextProvider(_a) {
134995
134995
  var ToolbarFilterPanel = function ToolbarFilterPanel(_a) {
134996
134996
  var filter = _a.filter,
134997
134997
  onChange = _a.onChange,
134998
- children = _a.children;
134998
+ children = _a.children,
134999
+ hideClearAllFiltersButton = _a.hideClearAllFiltersButton;
134999
135000
  return jsx$1(FilterContextProvider, __assign$g({
135000
135001
  filter: filter,
135001
135002
  onChange: onChange
135002
135003
  }, {
135003
- children: jsx$1(Host$1, {
135004
- children: children
135004
+ children: jsxs(Host$1, {
135005
+ children: [children, !hideClearAllFiltersButton && jsx$1(IconButton, {
135006
+ iconProps: {
135007
+ iconName: 'ChromeClose'
135008
+ },
135009
+ onClick: function () {
135010
+ return onChange(null);
135011
+ }
135012
+ }, void 0)]
135005
135013
  }, void 0)
135006
135014
  }), void 0);
135007
135015
  };
@@ -135009,7 +135017,7 @@ var ToolbarFilterPanel = function ToolbarFilterPanel(_a) {
135009
135017
  var Host$1 = _styled.div.withConfig({
135010
135018
  displayName: "ToolbarFilterPanel__Host",
135011
135019
  componentId: "sc-118p488-0"
135012
- })(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject$l([""], [""])));
135020
+ })(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject$l(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
135013
135021
 
135014
135022
  var templateObject_1$1;
135015
135023
 
package/index.umd.js CHANGED
@@ -87330,9 +87330,9 @@
87330
87330
  }), void 0);
87331
87331
  };
87332
87332
 
87333
- var version$1 = "0.4.0-preview.210";
87334
- var buildId = "98358";
87335
- var commitId = "a20669a8c494ba55d087535c79a56aaeea25b6bd";
87333
+ var version$1 = "0.4.0-preview.211";
87334
+ var buildId = "98387";
87335
+ var commitId = "4ace7b7b15e3e3894d78df895eb99b1c395eaac6";
87336
87336
  var isCustomerBuild = false;
87337
87337
  var buildInfo = {
87338
87338
  version: version$1,
@@ -134869,13 +134869,21 @@
134869
134869
  var ToolbarFilterPanel = function ToolbarFilterPanel(_a) {
134870
134870
  var filter = _a.filter,
134871
134871
  onChange = _a.onChange,
134872
- children = _a.children;
134872
+ children = _a.children,
134873
+ hideClearAllFiltersButton = _a.hideClearAllFiltersButton;
134873
134874
  return jsxRuntime.jsx(FilterContextProvider, __assign$g({
134874
134875
  filter: filter,
134875
134876
  onChange: onChange
134876
134877
  }, {
134877
- children: jsxRuntime.jsx(Host$1, {
134878
- children: children
134878
+ children: jsxRuntime.jsxs(Host$1, {
134879
+ children: [children, !hideClearAllFiltersButton && jsxRuntime.jsx(IconButton, {
134880
+ iconProps: {
134881
+ iconName: 'ChromeClose'
134882
+ },
134883
+ onClick: function () {
134884
+ return onChange(null);
134885
+ }
134886
+ }, void 0)]
134879
134887
  }, void 0)
134880
134888
  }), void 0);
134881
134889
  };
@@ -134883,7 +134891,7 @@
134883
134891
  var Host$1 = _styled__default["default"].div.withConfig({
134884
134892
  displayName: "ToolbarFilterPanel__Host",
134885
134893
  componentId: "sc-118p488-0"
134886
- })(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject$l([""], [""])));
134894
+ })(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject$l(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
134887
134895
 
134888
134896
  var templateObject_1$1;
134889
134897
 
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.210",
4
+ "version": "0.4.0-preview.211",
5
5
  "peerDependencies": {
6
6
  "react": "^16.14.0 || ^17",
7
7
  "react-dom": "^16.14.0 || ^17",