initial commit

Author: bagratinho

src/components/core/filters/filter-checkboxes.jsx

@@ -9,11 +9,13 @@ const FilterCheckboxes = (props: FilterTypeProps): Element<*> => {
   const {
     onSelectFacet = (a, b, c) => {},
     values = [],
+    omitParenthesesOnCounts,
   } = props;
 
   const controls = values.map((facetValue) => {
     const { count, label, selected, value } = facetValue;
     const onSelect = () => onSelectFacet(term, value, !selected);
+    const countText = omitParenthesesOnCounts ? count : `(${count})`;
 
     return (
       <div styleName="filter-value" key={label}>
@@ -28,7 +30,7 @@ const FilterCheckboxes = (props: FilterTypeProps): Element<*> => {
           />
           <div styleName="filter-label">
             {label}
-            <span styleName="count">&nbsp;({count})</span>
+            <span styleName="count">&nbsp;{countText}</span>
           </div>
         </label>
       </div>

src/components/core/filters/filter-group.jsx

@@ -24,26 +24,27 @@ export default class FilterGroup extends Component {
   };
 
   getExpandedState = () => {
-    return this.props.initialyExpanded ? !this.state.expanded : this.state.expanded;
+    return this.props.initiallyExpanded ? !this.state.expanded : this.state.expanded;
   }
 
   toggleExpansion = () => this.setState({ expanded: !this.state.expanded });
 
   render() {
-    const { children, label, term, values } = this.props;
+    const { children, label, term, values, omitParenthesesOnCounts } = this.props;
     const {
       onClearFacet = () => {},
       onSelectFacet = () => {},
     } = this.props;
     const expanded = this.getExpandedState();
 
     const updatedChildren = React.Children.map(children, (child) => {
-      return React.cloneElement(child, { onSelectFacet, term, values });
+      return React.cloneElement(child, { onSelectFacet, term, values, omitParenthesesOnCounts });
     });
 
     return (
       <div styleName="group">
         <FilterHeader
+          omitParenthesesOnCounts={omitParenthesesOnCounts}
           count={this.selectedCount()}
           expanded={expanded}
           onClear={onClearFacet}

src/components/core/filters/filter-header.jsx

@@ -9,11 +9,13 @@ type Props = {
   expanded: boolean,
   onClear: Function,
   onClick: Function,
+  omitParenthesesOnCounts?: boolean,
 };
 
 const FilterHeader = (props: Props): Element<*> => {
-  const { children, count, expanded, onClear, onClick } = props;
+  const { children, count, expanded, onClear, onClick, omitParenthesesOnCounts } = props;
   const iconStyle = expanded ? 'icon-minus' : 'icon-plus';
+  const countText = omitParenthesesOnCounts ? count : `(${count})`;
 
   return (
     <div styleName="header">
@@ -26,7 +28,7 @@ const FilterHeader = (props: Props): Element<*> => {
           >
             {children}
             {count > 0 && (
-              <span styleName="count">&nbsp;({count})</span>
+              <span styleName="count">&nbsp;{countText}</span>
             )}
           </a>
         </span>

src/components/core/filters/types.js

@@ -16,6 +16,7 @@ export type FilterTypeProps = {
   onSelectFacet?: Function,
   term?: string,
   values?: Array<FilterValue>,
+  omitParenthesesOnCounts?: boolean,
 };
 
 
@@ -27,4 +28,5 @@ export type FilterGroupProps = {
   onClearFacet?: Function,
   onSelectFacet?: Function,
   initiallyExpanded?: boolean,
+  omitParenthesesOnCounts?: boolean,
 };