@eeacms/volto-clms-theme 1.0.67 → 1.0.71

package/CHANGELOG.md

@@ -4,8 +4,70 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+#### [1.0.71](https://github.com/eea/volto-clms-theme/compare/1.0.70...1.0.71)
+
+- Taxonomy widget [`#208`](https://github.com/eea/volto-clms-theme/pull/208)
+- merge conflicts [`c714434`](https://github.com/eea/volto-clms-theme/commit/c714434f91ce01b9dc82014b32d2c9c34fbe1308)
+- add download link to technical library objects at listing [`455a6dc`](https://github.com/eea/volto-clms-theme/commit/455a6dc6c4cf38f5018582d11b90f156232f1d99)
+- show categories [`b9a6723`](https://github.com/eea/volto-clms-theme/commit/b9a6723581519b5c6f7739c36f8f2dd489083b46)
+- extract code to format taxonomy data into tree structured format [`bf6106d`](https://github.com/eea/volto-clms-theme/commit/bf6106dc9ada07a50d2c1f25b08a8c7c2848f146)
+- new checkbox tree facet for search block [`8e12528`](https://github.com/eea/volto-clms-theme/commit/8e12528ccbceda2a5349671b4880ad1f4858ba6e)
+- bugfix [`8d98240`](https://github.com/eea/volto-clms-theme/commit/8d982407c69b65d5192cdb708706f25607a2be8e)
+- new style and functionalities for TaxonomyWidget [`ba76fd3`](https://github.com/eea/volto-clms-theme/commit/ba76fd3dcf06f1a757f7ef646a70194b66aa201d)
+- show in rows [`2b8d0ed`](https://github.com/eea/volto-clms-theme/commit/2b8d0ed7f4951b4666adbda9064cb7bbb42d32b0)
+- initial impl. [`9cadc4a`](https://github.com/eea/volto-clms-theme/commit/9cadc4a90288068114ee887795ed3b23e127c05f)
+- already declared [`0c0e664`](https://github.com/eea/volto-clms-theme/commit/0c0e664b037b18ff868d52fdce083665cb876c5b)
+- duplicated imports [`e639493`](https://github.com/eea/volto-clms-theme/commit/e639493e4e1993ee088f6d95c507cb44ee4c5877)
+- tests [`af57a2a`](https://github.com/eea/volto-clms-theme/commit/af57a2a7509f7a4e861770e6caaef3206fd3332e)
+
+#### [1.0.70](https://github.com/eea/volto-clms-theme/compare/1.0.69...1.0.70)
+
+> 17 February 2022
+
+- Develop [`#207`](https://github.com/eea/volto-clms-theme/pull/207)
+- test [`030fee9`](https://github.com/eea/volto-clms-theme/commit/030fee91c17a03a5a3449500af23429d47c2b168)
+- gemet inspire themes label renaming [`669643a`](https://github.com/eea/volto-clms-theme/commit/669643a41d16c84c044b564047fee161a10a1e80)
+- fix te3st [`5b49612`](https://github.com/eea/volto-clms-theme/commit/5b49612b558765f326f14aaae8b195e21d02c461)
+- fix test [`a0fade3`](https://github.com/eea/volto-clms-theme/commit/a0fade3fa8dfb9bcce669b73e6181d9fe32af1b8)
+- fix routing on vertical tabs with search filters [`d5515a1`](https://github.com/eea/volto-clms-theme/commit/d5515a163fee044405070848b9b65c27b3cab34c)
+- search widget modification [`79fd282`](https://github.com/eea/volto-clms-theme/commit/79fd282cd4daf6bfc3f974ce28e89b6aa69106b8)
+- test [`0f4654a`](https://github.com/eea/volto-clms-theme/commit/0f4654a1b5b2b6c27cc403f4a4e15c447ce5e2df)
+- test [`2797b10`](https://github.com/eea/volto-clms-theme/commit/2797b10c42dca21f31b898de8b4483d5f3bf39c3)
+- test [`e0a1f29`](https://github.com/eea/volto-clms-theme/commit/e0a1f296b29abdb4aad93517171fc4f14218a6f0)
+- test [`8bd1316`](https://github.com/eea/volto-clms-theme/commit/8bd1316153da80952c2db8188dd71bd10d0466eb)
+
+#### [1.0.69](https://github.com/eea/volto-clms-theme/compare/1.0.68...1.0.69)
+
+> 17 February 2022
+
+- Develop [`#206`](https://github.com/eea/volto-clms-theme/pull/206)
+- new set of action and reducers to import WMS layers from a new endpoint [`#204`](https://github.com/eea/volto-clms-theme/pull/204)
+- Bugs n improvements [`#205`](https://github.com/eea/volto-clms-theme/pull/205)
+- add react-input-range to transformIgnorePatterns [`e3c704d`](https://github.com/eea/volto-clms-theme/commit/e3c704d4e0569d55b1c5cf50a3bf3191452aea38)
+- global search variation [`3599a89`](https://github.com/eea/volto-clms-theme/commit/3599a897c1cdbdb39041144d0b6610bb1debbe5a)
+- prettier [`bc6f853`](https://github.com/eea/volto-clms-theme/commit/bc6f85356460b5e03f3bbda134318adc5950d30f)
+- fix tests [`09cd0b9`](https://github.com/eea/volto-clms-theme/commit/09cd0b99706492f2a24e79ed6f280fe6e023e084)
+- Map styles [`ed902d4`](https://github.com/eea/volto-clms-theme/commit/ed902d49b46341ebdc1d12ceb6a1ca49129a4cd7)
+- elvis [`09886c4`](https://github.com/eea/volto-clms-theme/commit/09886c40b1cab893cc94aaed3ded237aadf1171b)
+- fix test [`50c0e5a`](https://github.com/eea/volto-clms-theme/commit/50c0e5a4231833596ae738ef6a4d76f63eaf5c22)
+- fix test [`1d2669f`](https://github.com/eea/volto-clms-theme/commit/1d2669ffb71c33ae692b4023a85ce4c6a76c0cec)
+- double range facet for temporal extent filter [`118e622`](https://github.com/eea/volto-clms-theme/commit/118e622eca2486893e5993bfd89f1024a922a184)
+- Header responsive [`872534f`](https://github.com/eea/volto-clms-theme/commit/872534fd9bf616447b60c4a87fe62e544cafdc1b)
+- News/Event line color [`e144da8`](https://github.com/eea/volto-clms-theme/commit/e144da8845dece2098312af1fdcfa4901bbaeabe)
+
+#### [1.0.68](https://github.com/eea/volto-clms-theme/compare/1.0.67...1.0.68)
+
+> 14 February 2022
+
+- Develop [`#203`](https://github.com/eea/volto-clms-theme/pull/203)
+- fix underpanel [`d665279`](https://github.com/eea/volto-clms-theme/commit/d665279a8b2fefc450353af0121325c375d32cb5)
+- Selected files information, option to clear selection and indeterminate checkbox at header [`b72f476`](https://github.com/eea/volto-clms-theme/commit/b72f476a2bd382fd2cce4ed8abc9134fb05ceb32)
+
 #### [1.0.67](https://github.com/eea/volto-clms-theme/compare/1.0.66...1.0.67)
 
+> 11 February 2022
+
+- Downloadable files and some test improvements [`#202`](https://github.com/eea/volto-clms-theme/pull/202)
 - code smells [`b07ed5d`](https://github.com/eea/volto-clms-theme/commit/b07ed5d8101981349d768e47553277d1f049eed5)
 - small fix [`3fc4119`](https://github.com/eea/volto-clms-theme/commit/3fc4119394c6fc0782d41878e153bff79060605d)
 - all initial test created [`240fc74`](https://github.com/eea/volto-clms-theme/commit/240fc74514051740098b026cc0ad834d3a3a1763)

package/jest-addon.config.js

@@ -28,7 +28,7 @@ module.exports = {
     '^.+\\.(svg)$': './node_modules/@plone/volto/jest-svgsystem-transform.js',
   },
   transformIgnorePatterns: [
-    'node_modules/(?!(@eeacms/volto-clms-utils/|@plone/volto/|slick-carousel))',
+    'node_modules/(?!(@eeacms/volto-clms-utils/|@plone/volto/|slick-carousel|react-input-range))',
   ],
   coverageThreshold: {
     global: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-clms-theme",
-  "version": "1.0.67",
+  "version": "1.0.71",
   "description": "volto-clms-theme: Volto theme for CLMS site",
   "main": "src/index.js",
   "author": "CodeSyntax for the European Environment Agency",
@@ -49,7 +49,8 @@
     "react-svg": "14.0.4",
     "slick-carousel": "1.8.1",
     "volto-dropdownmenu": "2.2.7",
-    "volto-form-block": "2.2.2"
+    "volto-form-block": "2.2.2",
+    "react-input-range": "^1.3.0"
   },
   "devDependencies": {
     "@cypress/code-coverage": "^3.9.5",

package/src/actions/geonetwork/import_geonetwork.test.js

@@ -1,5 +1,7 @@
-import { postImportGeonetwork } from './import_geonetwork';
-import { POST_IMPORT_GEONETWORK } from './import_geonetwork';
+import {
+  POST_IMPORT_GEONETWORK,
+  postImportGeonetwork,
+} from './import_geonetwork';
 
 describe('Import geonetwork action', () => {
   describe('postImportGeonetwork', () => {

package/src/actions/import_wms_layers/import_wms_layers.js

@@ -0,0 +1,20 @@
+/**
+ * Post meeting register actions.
+ * @module actions/postImportGeonetwork
+ */
+export const POST_IMPORT_WMS_LAYERS = 'POST_IMPORT_WMS_LAYERS';
+
+/**
+ * Post import geonetwork.
+ * @function postImportGeonetwork
+ * @returns {Object} Get extra items action.
+ */
+export function postImportWMSLayers(url, id, type) {
+  return {
+    type: POST_IMPORT_WMS_LAYERS,
+    request: {
+      op: 'post',
+      path: `${url}/@import-wms-layers`,
+    },
+  };
+}

package/src/actions/import_wms_layers/import_wms_layers.test.js

@@ -0,0 +1,17 @@
+import {
+  POST_IMPORT_WMS_LAYERS,
+  postImportWMSLayers,
+} from './import_wms_layers';
+
+describe('Import geonetwork action', () => {
+  describe('postImportWMSLayers', () => {
+    it('should create an action to post geonetwork', () => {
+      const url = 'http://localhost';
+      const action = postImportWMSLayers(url);
+
+      expect(action.type).toEqual(POST_IMPORT_WMS_LAYERS);
+      expect(action.request.op).toEqual('post');
+      expect(action.request.path).toEqual(`${url}/@import-wms-layers`);
+    });
+  });
+});

package/src/actions/index.js

@@ -82,3 +82,8 @@ export {
   unsubscribeTo,
   confirmUnsubscribeTo,
 } from './subscription/post_subscription';
+
+export {
+  POST_IMPORT_WMS_LAYERS,
+  postImportWMSLayers,
+} from './import_wms_layers/import_wms_layers';

package/src/actions/meeting/meeting.test.js

@@ -1,9 +1,9 @@
-import { postMeetingRegister } from './meeting_register';
-import { POST_MEETING_REGISTER } from './meeting_register';
-import { MeetingSubscribersManipulation } from './meeting_subscribers_manipulation';
-import { MEETING_SUBSCRIBERS_MANIPULATION } from './meeting_subscribers_manipulation';
-import { MeetingSubscribers } from './meeting_subscribers';
-import { MEETING_SUBSCRIBERS } from './meeting_subscribers';
+import { MEETING_SUBSCRIBERS, MeetingSubscribers } from './meeting_subscribers';
+import {
+  MEETING_SUBSCRIBERS_MANIPULATION,
+  MeetingSubscribersManipulation,
+} from './meeting_subscribers_manipulation';
+import { POST_MEETING_REGISTER, postMeetingRegister } from './meeting_register';
 
 describe('Meeting actions', () => {
   describe('postMeetingRegister', () => {

package/src/actions/newsletter/get_newsletter_subscribers.test.js

@@ -1,5 +1,7 @@
-import { getNewsletterSubscriber } from './get_newsletter_subscribers';
-import { GET_NEWSLETTER } from './get_newsletter_subscribers';
+import {
+  GET_NEWSLETTER,
+  getNewsletterSubscriber,
+} from './get_newsletter_subscribers';
 
 describe('Newsletter action', () => {
   describe('getNewsletterSubscriber', () => {

package/src/components/Blocks/CclButtonBlock/CclButtonBlockEdit.test.jsx

@@ -8,8 +8,6 @@ import React from 'react';
 import configureStore from 'redux-mock-store';
 import renderer from 'react-test-renderer';
 
-// import { shallow } from 'enzyme';
-
 Enzyme.configure({ adapter: new Adapter() });
 
 global.__SERVER__ = true; // eslint-disable-line no-underscore-dangle
@@ -34,6 +32,7 @@ describe('CclButtonBlockEdit', () => {
       style: 'default',
       download: false,
     };
+
     // const component = shallow(
     const component = mount(
       <Provider store={store}>
@@ -42,8 +41,12 @@ describe('CclButtonBlockEdit', () => {
             data={data}
             selected={false}
             block="1234"
-            onChangeBlock={() => {}}
-            setSidebarTab={() => {}}
+            onChangeBlock={() => {
+              return 'test';
+            }}
+            setSidebarTab={() => {
+              return 'test';
+            }}
           />
         </MemoryRouter>
       </Provider>,
@@ -74,10 +77,18 @@ describe('CclButtonBlockEdit', () => {
             data={data}
             selected={false}
             block="1234"
-            onChangeBlock={() => {}}
-            onSelectBlock={() => {}}
-            onChangeField={() => {}}
-            setSidebarTab={() => {}}
+            onChangeBlock={() => {
+              return 'test';
+            }}
+            onSelectBlock={() => {
+              return 'test';
+            }}
+            onChangeField={() => {
+              return 'test';
+            }}
+            setSidebarTab={() => {
+              return 'test';
+            }}
           />
         </MemoryRouter>
       </Provider>,
@@ -109,10 +120,18 @@ describe('CclButtonBlockEdit', () => {
             data={data}
             selected={false}
             block="1234"
-            onChangeBlock={() => {}}
-            onSelectBlock={() => {}}
-            onChangeField={() => {}}
-            setSidebarTab={() => {}}
+            onChangeBlock={() => {
+              return 'test';
+            }}
+            onSelectBlock={() => {
+              return 'test';
+            }}
+            onChangeField={() => {
+              return 'test';
+            }}
+            setSidebarTab={() => {
+              return 'test';
+            }}
           />
         </MemoryRouter>
       </Provider>,

package/src/components/Blocks/CclCardBlock/CclCardBlockEdit.test.jsx

@@ -76,8 +76,12 @@ describe('CclCardBlockEdit', () => {
           <CclCardBlockEdit
             data={data}
             block="1234"
-            onChangeBlock={() => {}}
-            setSidebarTab={() => {}}
+            onChangeBlock={() => {
+              return 'test';
+            }}
+            setSidebarTab={() => {
+              return 'test';
+            }}
           />
         </MemoryRouter>
       </Provider>,
@@ -144,10 +148,18 @@ describe('CclCardBlockEdit', () => {
           <CclCardBlockEdit
             data={data}
             block="1234"
-            onChangeBlock={() => {}}
-            onSelectBlock={() => {}}
-            onChangeField={() => {}}
-            setSidebarTab={() => {}}
+            onChangeBlock={() => {
+              return 'test';
+            }}
+            onSelectBlock={() => {
+              return 'test';
+            }}
+            onChangeField={() => {
+              return 'test';
+            }}
+            setSidebarTab={() => {
+              return 'test';
+            }}
           />
         </MemoryRouter>
       </Provider>,

package/src/components/Blocks/CustomTemplates/VoltoListingBlock/CclListingCards.jsx

@@ -25,7 +25,7 @@ const CclListingCards = (props) => {
   let containerClass = '';
   if (['news', 'event'].includes(variation)) {
     containerClass = 'ccl-container';
-  } else if (!['line', 'doc'].includes(variation)) {
+  } else if (!['line', 'doc', 'globalSearch'].includes(variation)) {
     containerClass = 'card-container';
   }
   return (

package/src/components/Blocks/CustomTemplates/VoltoSearchBlock/CheckboxTreeFacet.jsx

@@ -0,0 +1,123 @@
+import 'react-input-range/lib/css/index.css';
+import './range.css';
+
+import React, { useState } from 'react';
+import { Checkbox, List } from 'semantic-ui-react';
+import { structure_taxonomy_terms } from '@eeacms/volto-clms-theme/components';
+
+const CheckboxTreeFacet = (props) => {
+  const { facet, choices, onChange, value } = props;
+  const facetValue = value;
+  var [open, setOpen] = useState(false);
+  let options = [];
+  if (choices?.length > 0) {
+    options = structure_taxonomy_terms(choices);
+  }
+  return (
+    <fieldset className="ccl-fieldset">
+      <div
+        className="ccl-expandable__button"
+        aria-expanded={open}
+        onClick={() => setOpen(!open)}
+        onKeyDown={() => setOpen(!open)}
+        tabIndex={0}
+        role={'button'}
+      >
+        <legend className="ccl-form-legend">{facet.title}</legend>
+      </div>
+      <div>
+        <List>
+          {options.map((option) => (
+            <CheckboxListParent
+              option={option}
+              key={option.value}
+              onChange={onChange}
+              value={facetValue}
+              id={facet.field.value}
+            />
+          ))}
+        </List>
+      </div>
+    </fieldset>
+  );
+};
+
+const CheckboxListParent = ({ option, key, onChange, value, id }) => {
+  return (
+    <List.Item
+      key={key}
+      style={{ paddingLeft: '15px', paddingBottom: '15px', paddingTop: '10px' }}
+    >
+      <List.Content>
+        <List.Header>
+          <Checkbox
+            key={option.value}
+            name={`field-${option.value}`}
+            onChange={(event, { checked }) => {
+              checked
+                ? onChange(id, [
+                    ...value
+                      .filter((f) => f.value !== option.value)
+                      .map((f) => f.value),
+                    ...(checked ? [option.value] : []),
+                  ])
+                : onChange(
+                    id,
+                    value.filter((item) => item.value !== option.value),
+                  );
+            }}
+            label={
+              <label htmlFor={`field-${option.value}`}>{option.label}</label>
+            }
+            checked={value.some((item) => item.value === option.value)}
+            value={option.value}
+          />
+        </List.Header>
+        {option.childrens.length > 0 && (
+          <List.Item>
+            <List.List style={{ paddingLeft: '25px' }}>
+              {option.childrens.map((child) => (
+                <List.Item>
+                  <List.Content>
+                    <List.Header>
+                      <Checkbox
+                        key={child.value}
+                        name={`field-${child.value}`}
+                        disabled={false}
+                        onChange={(event, { checked }) => {
+                          checked
+                            ? onChange(id, [
+                                ...value
+                                  .filter((f) => f.value !== child.value)
+                                  .map((f) => f.value),
+                                ...(checked ? [child.value] : []),
+                              ])
+                            : onChange(id, [
+                                ...value
+                                  .filter((item) => item.value !== child.value)
+                                  .map((f) => f.value),
+                              ]);
+                        }}
+                        label={
+                          <label htmlFor={`field-${child.value}`}>
+                            {child.label}
+                          </label>
+                        }
+                        checked={value.some(
+                          (item) => item.value === child.value,
+                        )}
+                        value={child.value}
+                      />
+                    </List.Header>
+                  </List.Content>
+                </List.Item>
+              ))}
+            </List.List>
+          </List.Item>
+        )}
+      </List.Content>
+    </List.Item>
+  );
+};
+
+export default CheckboxTreeFacet;

package/src/components/Blocks/CustomTemplates/VoltoSearchBlock/DoubleRangeFacet.jsx

@@ -0,0 +1,76 @@
+import 'react-input-range/lib/css/index.css';
+import './range.css';
+
+import React, { useState } from 'react';
+
+import InputRange from 'react-input-range';
+import { Segment } from 'semantic-ui-react';
+
+const DoubleRangeFacet = (props) => {
+  const { facet, choices, onChange, value } = props;
+  const facetValue = value;
+  var [open, setOpen] = React.useState(false);
+
+  const convertToRange = (values) => {
+    return {
+      min: Math.min.apply(
+        Math,
+        values.map(function (o) {
+          return o.value;
+        }),
+      ),
+      max: Math.max.apply(
+        Math,
+        values.map(function (o) {
+          return o.value;
+        }),
+      ),
+    };
+  };
+
+  const startingValues = convertToRange(choices);
+
+  const [rangeValues, setRangeValues] = useState(startingValues);
+
+  const onChangeRange = (rValue, onChangeR) => {
+    setRangeValues(rValue);
+    onChangeR(
+      facet.field.value,
+      [...Array(rValue.max - rValue.min + 1).keys()].map((i) =>
+        (i + rValue.min).toString(),
+      ),
+    );
+  };
+
+  return (
+    <fieldset className="ccl-fieldset">
+      <div
+        className="ccl-expandable__button"
+        aria-expanded={open}
+        onClick={() => setOpen(!open)}
+        onKeyDown={() => setOpen(!open)}
+        tabIndex={0}
+        role={'button'}
+      >
+        <legend className="ccl-form-legend">
+          {facet.title} {startingValues.min} - {startingValues.max}
+        </legend>
+      </div>
+      <div>
+        <Segment basic padded>
+          <InputRange
+            minValue={startingValues.min}
+            maxValue={startingValues.max}
+            value={
+              facetValue.length > 0 ? convertToRange(facetValue) : rangeValues
+            }
+            onChange={(changedValue) => onChangeRange(changedValue, onChange)}
+          />
+        </Segment>
+        <br />
+      </div>
+    </fieldset>
+  );
+};
+
+export default DoubleRangeFacet;

package/src/components/Blocks/CustomTemplates/VoltoSearchBlock/FilterList.jsx

@@ -0,0 +1,57 @@
+import React from 'react';
+import { Button, Icon } from 'semantic-ui-react';
+import { defineMessages, useIntl } from 'react-intl';
+
+const messages = defineMessages({
+  currentFilters: {
+    id: 'Current filters applied',
+    defaultMessage: 'Current filters applied',
+  },
+  clearFilters: {
+    id: 'Clear filters',
+    defaultMessage: 'Clear filters',
+  },
+});
+
+const FilterList = (props) => {
+  const { facets, setFacets, isEditMode } = props;
+  const showFilterList = !Object.values(facets).every((facet) => !facet.length);
+
+  const currentFilters = Object.fromEntries(
+    Object.entries(facets).filter((v) => v[1] && v[0] !== 'SearchableText'),
+  );
+
+  const totalFilters = [].concat.apply([], Object.values(currentFilters))
+    .length;
+
+  const intl = useIntl();
+
+  return showFilterList && Object.keys(currentFilters).length ? (
+    <div className="accordion ui filter-listing">
+      <div
+        className="filter-list-header"
+        style={{ cursor: 'auto' }}
+        active={false}
+      >
+        <div className="filter-list-title">
+          {intl.formatMessage(messages.currentFilters)}: {totalFilters}
+        </div>
+        <Button
+          icon
+          basic
+          compact
+          size="small"
+          onClick={(e) => {
+            e.stopPropagation();
+            !isEditMode && setFacets({});
+          }}
+        >
+          <Icon name="trash" />
+          {intl.formatMessage(messages.clearFilters)}
+        </Button>
+      </div>
+    </div>
+  ) : null;
+};
+
+export default FilterList;

package/src/components/Blocks/CustomTemplates/VoltoSearchBlock/RightModalFacets.jsx

@@ -1,13 +1,13 @@
 import { Button, Grid, Segment } from 'semantic-ui-react';
 import {
   Facets,
-  FilterList,
   SearchDetails,
   SearchInput,
   SortOn,
 } from '@plone/volto/components/manage/Blocks/Search/components';
 import { defineMessages, useIntl } from 'react-intl';
 
+import FilterList from './FilterList';
 import CclFiltersModal from '@eeacms/volto-clms-theme/components/CclFiltersModal/CclFiltersModal';
 import { Icon } from '@plone/volto/components';
 import React from 'react';
@@ -59,7 +59,6 @@ const RightModalFacets = (props) => {
   const { showSearchButton } = data;
   const isLive = !showSearchButton;
   const intl = useIntl();
-
   return (
     <Grid className="searchBlock-facets right-column-facets" stackable>
       {data?.headline && (

package/src/components/Blocks/CustomTemplates/VoltoSearchBlock/index.js

@@ -1,5 +1,16 @@
+import DoubleRangeFacet from './DoubleRangeFacet';
 import AccordionFacet from './AccordionFacet';
 import RightModalFacets from './RightModalFacets';
+import CheckboxTreeFacet from './CheckboxTreeFacet';
 import WithType from './WithType';
+import rewriteOptions, { portal_types_labels } from './rewriteOptions';
 
-export { RightModalFacets, AccordionFacet, WithType };
+export {
+  RightModalFacets,
+  AccordionFacet,
+  WithType,
+  DoubleRangeFacet,
+  CheckboxTreeFacet,
+  rewriteOptions,
+  portal_types_labels,
+};

package/src/components/Blocks/CustomTemplates/VoltoSearchBlock/range.css

@@ -0,0 +1,5 @@
+.input-range__track--active,
+.input-range__slider {
+  border: #a0b128;
+  background: #a0b128;
+}