@blaze-cms/react-page-builder 0.146.0-translations.6 → 0.147.0-rc-eagle.2

package/lib/components/SearchFilter/components/Checkbox.js

@@ -1,28 +1,10 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.object.define-property.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.array.sort.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.array.concat.js");
-require("core-js/modules/es.array.for-each.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.array.includes.js");
-require("core-js/modules/es.string.includes.js");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _lodash = _interopRequireDefault(require("lodash.upperfirst"));
@@ -31,91 +13,92 @@ var _fa = require("react-icons/fa");
 var _HOC = require("../../../HOC");
 var _helpers = require("../helpers");
 var _constants = require("../constants");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var Checkbox = function Checkbox(_ref) {
-  var data = _ref.data,
-    prop = _ref.prop,
-    updateFilterValues = _ref.updateFilterValues,
-    filterValues = _ref.filterValues,
-    label = _ref.label,
-    elementTitle = _ref.elementTitle,
-    shouldSearch = _ref.shouldSearch,
-    displayFilterCount = _ref.displayFilterCount;
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    checkboxLimit = _useState2[0],
-    setCheckboxLimit = _useState2[1];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Checkbox = ({
+  data,
+  prop,
+  updateFilterValues,
+  filterValues,
+  label,
+  elementTitle,
+  shouldSearch,
+  displayFilterCount
+}) => {
+  const [checkboxLimit, setCheckboxLimit] = (0, _react.useState)(null);
   if (!data[prop]) return null;
-  var handleCheckboxOptions = function handleCheckboxOptions() {
+  const handleCheckboxOptions = () => {
     if (checkboxLimit[prop] === _constants.LIMIT_MIN) {
-      setCheckboxLimit((0, _defineProperty2["default"])({}, prop, _constants.LIMIT_MAX));
+      setCheckboxLimit({
+        [prop]: _constants.LIMIT_MAX
+      });
     } else {
-      setCheckboxLimit((0, _defineProperty2["default"])({}, prop, _constants.LIMIT_MIN));
+      setCheckboxLimit({
+        [prop]: _constants.LIMIT_MIN
+      });
     }
   };
   if (!checkboxLimit) {
-    setCheckboxLimit((0, _defineProperty2["default"])({}, prop, _constants.LIMIT_MIN));
+    setCheckboxLimit({
+      [prop]: _constants.LIMIT_MIN
+    });
   }
   if (!checkboxLimit) return null;
-  var checkboxQueryParams = [];
+  let checkboxQueryParams = [];
   if (filterValues && filterValues[prop]) {
-    checkboxQueryParams = typeof filterValues[prop] === 'string' ? [(0, _helpers.decodeValue)(filterValues[prop])] : filterValues[prop].map(function (val) {
-      return (0, _helpers.decodeValue)(val);
-    });
+    checkboxQueryParams = typeof filterValues[prop] === 'string' ? [(0, _helpers.decodeValue)(filterValues[prop])] : filterValues[prop].map(val => (0, _helpers.decodeValue)(val));
   }
-  var multiple = [];
-  var sortedValues = data[prop].buckets.map(function (_ref2) {
-    var key = _ref2.key,
-      count = _ref2.doc_count;
-    var optionLabel = displayFilterCount ? "".concat(key, " (").concat(count, ")") : key;
+  const multiple = [];
+  const sortedValues = data[prop].buckets.map(({
+    key,
+    doc_count: count
+  }) => {
+    const optionLabel = displayFilterCount ? `${key} (${count})` : key;
     return [key, optionLabel, !count];
   }).filter(Boolean).sort();
-  sortedValues.forEach(function (value, i) {
-    return i < checkboxLimit[prop] && multiple.push({
-      label: (0, _lodash["default"])(value[1]),
-      value: value[0],
-      name: prop,
-      checked: checkboxQueryParams.includes(value[0]),
-      id: value[0],
-      disabled: value[2]
-    });
-  });
-  var shouldDisplayMore = !checkboxLimit || checkboxLimit[prop] === _constants.LIMIT_MIN;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, label ? /*#__PURE__*/_react["default"].createElement("p", null, label) : '', /*#__PURE__*/_react["default"].createElement(_checkboxes.Checkboxes, {
+  sortedValues.forEach((value, i) => i < checkboxLimit[prop] && multiple.push({
+    label: (0, _lodash.default)(value[1]),
+    value: value[0],
+    name: prop,
+    checked: checkboxQueryParams.includes(value[0]),
+    id: value[0],
+    disabled: value[2]
+  }));
+  const shouldDisplayMore = !checkboxLimit || checkboxLimit[prop] === _constants.LIMIT_MIN;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, label ? /*#__PURE__*/_react.default.createElement("p", null, label) : '', /*#__PURE__*/_react.default.createElement(_checkboxes.Checkboxes, {
     className: "form-checkbox",
     options: multiple,
-    onChange: function onChange(_ref3) {
-      var eData = _ref3.data;
-      var newCheckboxValues = eData.filter(function (_ref4) {
-        var checked = _ref4.checked;
-        return checked;
-      }).map(function (_ref5) {
-        var value = _ref5.value;
-        return value;
-      });
-      updateFilterValues((0, _defineProperty2["default"])({}, prop, newCheckboxValues), shouldSearch);
+    onChange: ({
+      data: eData
+    }) => {
+      const newCheckboxValues = eData.filter(({
+        checked
+      }) => checked).map(({
+        value
+      }) => value);
+      updateFilterValues({
+        [prop]: newCheckboxValues
+      }, shouldSearch);
     }
-  }), data[prop].buckets.length > _constants.LIMIT_MIN && /*#__PURE__*/_react["default"].createElement("div", {
+  }), data[prop].buckets.length > _constants.LIMIT_MIN && /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
     className: "see-more",
     onClick: handleCheckboxOptions,
-    "aria-label": shouldDisplayMore ? "See ".concat(_constants.MORE, " ").concat(label, " options") : "See ".concat(_constants.LESS, " ").concat(label, " options")
-  }, shouldDisplayMore ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaChevronDown, {
+    "aria-label": shouldDisplayMore ? `See ${_constants.MORE} ${label} options` : `See ${_constants.LESS} ${label} options`
+  }, shouldDisplayMore ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("i", null, /*#__PURE__*/_react.default.createElement(_fa.FaChevronDown, {
     className: "inline-icon"
-  })), " See ".concat(_constants.MORE)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaChevronUp, {
+  })), ` See ${_constants.MORE}`) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("i", null, /*#__PURE__*/_react.default.createElement(_fa.FaChevronUp, {
     className: "inline-icon"
-  })), " See ".concat(_constants.LESS))));
+  })), ` See ${_constants.LESS}`)));
 };
 Checkbox.propTypes = {
-  data: _propTypes["default"].object.isRequired,
-  prop: _propTypes["default"].string.isRequired,
-  filterValues: _propTypes["default"].object.isRequired,
-  updateFilterValues: _propTypes["default"].func.isRequired,
-  shouldSearch: _propTypes["default"].bool,
-  label: _propTypes["default"].string,
-  elementTitle: _propTypes["default"].string,
-  displayFilterCount: _propTypes["default"].bool
+  data: _propTypes.default.object.isRequired,
+  prop: _propTypes.default.string.isRequired,
+  filterValues: _propTypes.default.object.isRequired,
+  updateFilterValues: _propTypes.default.func.isRequired,
+  shouldSearch: _propTypes.default.bool,
+  label: _propTypes.default.string,
+  elementTitle: _propTypes.default.string,
+  displayFilterCount: _propTypes.default.bool
 };
 Checkbox.defaultProps = {
   shouldSearch: false,
@@ -123,5 +106,5 @@ Checkbox.defaultProps = {
   elementTitle: '',
   displayFilterCount: false
 };
-var _default = exports["default"] = (0, _HOC.withTitle)(Checkbox);
+var _default = exports.default = (0, _HOC.withTitle)(Checkbox);
 //# sourceMappingURL=Checkbox.js.map

package/lib/components/SearchFilter/components/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_lodash","_checkboxes","_fa","_HOC","_helpers","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Checkbox","_ref","data","prop","updateFilterValues","filterValues","label","elementTitle","shouldSearch","displayFilterCount","_useState","useState","_useState2","_slicedToArray2","checkboxLimit","setCheckboxLimit","handleCheckboxOptions","LIMIT_MIN","_defineProperty2","LIMIT_MAX","checkboxQueryParams","decodeValue","map","val","multiple","sortedValues","buckets","_ref2","key","count","doc_count","optionLabel","concat","filter","Boolean","sort","forEach","value","push","upperFirst","name","checked","includes","id","disabled","shouldDisplayMore","createElement","Fragment","Checkboxes","className","options","onChange","_ref3","eData","newCheckboxValues","_ref4","_ref5","length","role","onClick","MORE","LESS","FaChevronDown","FaChevronUp","propTypes","PropTypes","object","isRequired","string","func","bool","defaultProps","_default","exports","withTitle"],"sources":["../../../../src/components/SearchFilter/components/Checkbox.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport upperFirst from 'lodash.upperfirst';\nimport { Checkboxes } from '@blaze-react/checkboxes';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { withTitle } from '../../../HOC';\nimport { decodeValue } from '../helpers';\nimport { LIMIT_MIN, LIMIT_MAX, MORE, LESS } from '../constants';\n\nconst Checkbox = ({\n  data,\n  prop,\n  updateFilterValues,\n  filterValues,\n  label,\n  elementTitle,\n  shouldSearch,\n  displayFilterCount\n}) => {\n  const [checkboxLimit, setCheckboxLimit] = useState(null);\n  if (!data[prop]) return null;\n\n  const handleCheckboxOptions = () => {\n    if (checkboxLimit[prop] === LIMIT_MIN) {\n      setCheckboxLimit({ [prop]: LIMIT_MAX });\n    } else {\n      setCheckboxLimit({ [prop]: LIMIT_MIN });\n    }\n  };\n\n  if (!checkboxLimit) {\n    setCheckboxLimit({ [prop]: LIMIT_MIN });\n  }\n\n  if (!checkboxLimit) return null;\n\n  let checkboxQueryParams = [];\n\n  if (filterValues && filterValues[prop]) {\n    checkboxQueryParams =\n      typeof filterValues[prop] === 'string'\n        ? [decodeValue(filterValues[prop])]\n        : filterValues[prop].map(val => decodeValue(val));\n  }\n  const multiple = [];\n\n  const sortedValues = data[prop].buckets\n    .map(({ key, doc_count: count }) => {\n      const optionLabel = displayFilterCount ? `${key} (${count})` : key;\n      return [key, optionLabel, !count];\n    })\n    .filter(Boolean)\n    .sort();\n\n  sortedValues.forEach(\n    (value, i) =>\n      i < checkboxLimit[prop] &&\n      multiple.push({\n        label: upperFirst(value[1]),\n        value: value[0],\n        name: prop,\n        checked: checkboxQueryParams.includes(value[0]),\n        id: value[0],\n        disabled: value[2]\n      })\n  );\n\n  const shouldDisplayMore = !checkboxLimit || checkboxLimit[prop] === LIMIT_MIN;\n  return (\n    <>\n      {label ? <p>{label}</p> : ''}\n      <Checkboxes\n        className=\"form-checkbox\"\n        options={multiple}\n        onChange={({ data: eData }) => {\n          const newCheckboxValues = eData\n            .filter(({ checked }) => checked)\n            .map(({ value }) => value);\n          updateFilterValues({ [prop]: newCheckboxValues }, shouldSearch);\n        }}\n      />\n      {data[prop].buckets.length > LIMIT_MIN && (\n        <div\n          role=\"button\"\n          className=\"see-more\"\n          onClick={handleCheckboxOptions}\n          aria-label={\n            shouldDisplayMore ? `See ${MORE} ${label} options` : `See ${LESS} ${label} options`\n          }>\n          {shouldDisplayMore ? (\n            <>\n              <i>\n                <FaChevronDown className=\"inline-icon\" />\n              </i>\n              {` See ${MORE}`}\n            </>\n          ) : (\n            <>\n              <i>\n                <FaChevronUp className=\"inline-icon\" />\n              </i>\n              {` See ${LESS}`}\n            </>\n          )}\n        </div>\n      )}\n    </>\n  );\n};\n\nCheckbox.propTypes = {\n  data: PropTypes.object.isRequired,\n  prop: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  shouldSearch: PropTypes.bool,\n  label: PropTypes.string,\n  elementTitle: PropTypes.string,\n  displayFilterCount: PropTypes.bool\n};\n\nCheckbox.defaultProps = {\n  shouldSearch: false,\n  label: '',\n  elementTitle: '',\n  displayFilterCount: false\n};\n\nexport default withTitle(Checkbox);\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_lodash","_checkboxes","_fa","_HOC","_helpers","_constants","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Checkbox","data","prop","updateFilterValues","filterValues","label","elementTitle","shouldSearch","displayFilterCount","checkboxLimit","setCheckboxLimit","useState","handleCheckboxOptions","LIMIT_MIN","LIMIT_MAX","checkboxQueryParams","decodeValue","map","val","multiple","sortedValues","buckets","key","doc_count","count","optionLabel","filter","Boolean","sort","forEach","value","push","upperFirst","name","checked","includes","id","disabled","shouldDisplayMore","createElement","Fragment","Checkboxes","className","options","onChange","eData","newCheckboxValues","length","role","onClick","MORE","LESS","FaChevronDown","FaChevronUp","propTypes","PropTypes","object","isRequired","string","func","bool","defaultProps","_default","exports","withTitle"],"sources":["../../../../src/components/SearchFilter/components/Checkbox.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport upperFirst from 'lodash.upperfirst';\nimport { Checkboxes } from '@blaze-react/checkboxes';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { withTitle } from '../../../HOC';\nimport { decodeValue } from '../helpers';\nimport { LIMIT_MIN, LIMIT_MAX, MORE, LESS } from '../constants';\n\nconst Checkbox = ({\n  data,\n  prop,\n  updateFilterValues,\n  filterValues,\n  label,\n  elementTitle,\n  shouldSearch,\n  displayFilterCount\n}) => {\n  const [checkboxLimit, setCheckboxLimit] = useState(null);\n  if (!data[prop]) return null;\n\n  const handleCheckboxOptions = () => {\n    if (checkboxLimit[prop] === LIMIT_MIN) {\n      setCheckboxLimit({ [prop]: LIMIT_MAX });\n    } else {\n      setCheckboxLimit({ [prop]: LIMIT_MIN });\n    }\n  };\n\n  if (!checkboxLimit) {\n    setCheckboxLimit({ [prop]: LIMIT_MIN });\n  }\n\n  if (!checkboxLimit) return null;\n\n  let checkboxQueryParams = [];\n\n  if (filterValues && filterValues[prop]) {\n    checkboxQueryParams =\n      typeof filterValues[prop] === 'string'\n        ? [decodeValue(filterValues[prop])]\n        : filterValues[prop].map(val => decodeValue(val));\n  }\n  const multiple = [];\n\n  const sortedValues = data[prop].buckets\n    .map(({ key, doc_count: count }) => {\n      const optionLabel = displayFilterCount ? `${key} (${count})` : key;\n      return [key, optionLabel, !count];\n    })\n    .filter(Boolean)\n    .sort();\n\n  sortedValues.forEach(\n    (value, i) =>\n      i < checkboxLimit[prop] &&\n      multiple.push({\n        label: upperFirst(value[1]),\n        value: value[0],\n        name: prop,\n        checked: checkboxQueryParams.includes(value[0]),\n        id: value[0],\n        disabled: value[2]\n      })\n  );\n\n  const shouldDisplayMore = !checkboxLimit || checkboxLimit[prop] === LIMIT_MIN;\n  return (\n    <>\n      {label ? <p>{label}</p> : ''}\n      <Checkboxes\n        className=\"form-checkbox\"\n        options={multiple}\n        onChange={({ data: eData }) => {\n          const newCheckboxValues = eData\n            .filter(({ checked }) => checked)\n            .map(({ value }) => value);\n          updateFilterValues({ [prop]: newCheckboxValues }, shouldSearch);\n        }}\n      />\n      {data[prop].buckets.length > LIMIT_MIN && (\n        <div\n          role=\"button\"\n          className=\"see-more\"\n          onClick={handleCheckboxOptions}\n          aria-label={\n            shouldDisplayMore ? `See ${MORE} ${label} options` : `See ${LESS} ${label} options`\n          }>\n          {shouldDisplayMore ? (\n            <>\n              <i>\n                <FaChevronDown className=\"inline-icon\" />\n              </i>\n              {` See ${MORE}`}\n            </>\n          ) : (\n            <>\n              <i>\n                <FaChevronUp className=\"inline-icon\" />\n              </i>\n              {` See ${LESS}`}\n            </>\n          )}\n        </div>\n      )}\n    </>\n  );\n};\n\nCheckbox.propTypes = {\n  data: PropTypes.object.isRequired,\n  prop: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  shouldSearch: PropTypes.bool,\n  label: PropTypes.string,\n  elementTitle: PropTypes.string,\n  displayFilterCount: PropTypes.bool\n};\n\nCheckbox.defaultProps = {\n  shouldSearch: false,\n  label: '',\n  elementTitle: '',\n  displayFilterCount: false\n};\n\nexport default withTitle(Checkbox);\n"],"mappings":"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","ignoreList":[]}

package/lib/components/SearchFilter/components/Range.js

@@ -1,25 +1,15 @@
 "use strict";
 
-require("core-js/modules/es.object.keys.js");
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.object.define-properties.js");
-require("core-js/modules/es.object.define-property.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-require("core-js/modules/es.array.for-each.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.array.concat.js");
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _rangeFilter = _interopRequireDefault(require("@blaze-react/range-filter"));
 var _router = require("next/router");
 var _select = _interopRequireDefault(require("@blaze-react/select"));
@@ -28,99 +18,120 @@ var _hooks = require("../../../hooks");
 var _helpers = require("../helpers");
 var _decodeEncode = require("../helpers/decode-encode");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Range = function Range(_ref) {
-  var rangeInterval = _ref.rangeInterval,
-    label = _ref.label,
-    entity = _ref.entity,
-    propsToDisplay = _ref.propsToDisplay,
-    dataAggregations = _ref.dataAggregations,
-    updateFilterValues = _ref.updateFilterValues,
-    filterValues = _ref.filterValues,
-    shouldSearch = _ref.shouldSearch,
-    elementTitle = _ref.elementTitle;
-  var router = (0, _router.useRouter)();
-  var debounceAmount = shouldSearch ? 1200 : 400;
-  var _parseUrl = (0, _queryString.parseUrl)((0, _decodeEncode.decodeValue)(router.asPath)),
-    query = _parseUrl.query;
-  var hasMultipleOptions = propsToDisplay.length > 1;
-  var initialRangeOption = (0, _helpers.getIntersectedProp)(query, propsToDisplay) || propsToDisplay[0];
-  var rangeOption = filterValues[initialRangeOption] && filterValues[initialRangeOption].selectedOption || initialRangeOption;
-  var rangeValue = filterValues[rangeOption];
-  var _useGetSingleEntitySc = (0, _hooks.useGetSingleEntitySchema)(entity, !hasMultipleOptions),
-    _useGetSingleEntitySc2 = _useGetSingleEntitySc.data,
-    _useGetSingleEntitySc3 = _useGetSingleEntitySc2 === void 0 ? {} : _useGetSingleEntitySc2,
-    _useGetSingleEntitySc4 = _useGetSingleEntitySc3.getEntitySchema,
-    getEntitySchema = _useGetSingleEntitySc4 === void 0 ? {} : _useGetSingleEntitySc4,
-    loading = _useGetSingleEntitySc.loading;
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const Range = ({
+  rangeInterval,
+  label,
+  entity,
+  propsToDisplay,
+  dataAggregations,
+  updateFilterValues,
+  filterValues,
+  shouldSearch,
+  elementTitle,
+  unit
+}) => {
+  const router = (0, _router.useRouter)();
+  const debounceAmount = shouldSearch ? 1200 : 400;
+  const {
+    query
+  } = (0, _queryString.parseUrl)((0, _decodeEncode.decodeValue)(router.asPath));
+  const hasMultipleOptions = propsToDisplay.length > 1;
+  const initialRangeOption = (0, _helpers.getIntersectedProp)(query, propsToDisplay) || propsToDisplay[0];
+  const rangeOption = filterValues[initialRangeOption] && filterValues[initialRangeOption].selectedOption || initialRangeOption;
+  const rangeValue = filterValues[rangeOption];
+  const {
+    data: {
+      getEntitySchema = {}
+    } = {},
+    loading
+  } = (0, _hooks.useGetSingleEntitySchema)(entity, !hasMultipleOptions);
   if (loading || !rangeOption || !rangeValue) return '';
-  var options = (0, _helpers.getSelectOptions)(getEntitySchema, propsToDisplay);
-  // get range from aggregations so it updates
-  var _calculateMinMax = (0, _helpers.calculateMinMax)(dataAggregations[rangeOption], rangeInterval),
-    min = _calculateMinMax.min,
-    max = _calculateMinMax.max;
-  var minValue = rangeValue.minValue < min ? min : rangeValue.minValue;
-  var maxValue = rangeValue.maxValue > max ? max : rangeValue.maxValue;
-  var valueToUse = _objectSpread(_objectSpread({}, rangeValue), {}, {
-    min: min,
-    max: max,
-    minValue: minValue,
-    maxValue: maxValue
+  const options = (0, _helpers.getSelectOptions)(getEntitySchema, propsToDisplay);
+  const {
+    min,
+    max
+  } = (0, _helpers.calculateMinMax)(dataAggregations[rangeOption], rangeInterval);
+  const minValue = rangeValue.minValue < min ? min : rangeValue.minValue;
+  const maxValue = rangeValue.maxValue > max ? max : rangeValue.maxValue;
+  const valueToUse = _objectSpread(_objectSpread({}, rangeValue), {}, {
+    min,
+    max,
+    minValue,
+    maxValue
   });
-  var handleChange = (0, _lodash["default"])(function (option, value) {
-    updateFilterValues((0, _defineProperty2["default"])({}, option, _objectSpread(_objectSpread({}, value), {}, {
-      selectedOption: rangeOption
-    })), shouldSearch);
+  const handleChange = (0, _lodash.default)((option, value) => {
+    updateFilterValues({
+      [option]: _objectSpread(_objectSpread({}, value), {}, {
+        selectedOption: rangeOption
+      })
+    }, shouldSearch);
   }, debounceAmount);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, elementTitle && /*#__PURE__*/_react["default"].createElement("div", {
+  let displayLabel = '';
+  if (!hasMultipleOptions) {
+    displayLabel = label;
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, elementTitle && /*#__PURE__*/_react.default.createElement("div", {
     className: "heading heading--section"
-  }, elementTitle), hasMultipleOptions && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("label", null, label), /*#__PURE__*/_react["default"].createElement(_select["default"], {
+  }, elementTitle), hasMultipleOptions && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("label", null, label), /*#__PURE__*/_react.default.createElement(_select.default, {
     value: rangeOption,
     id: rangeOption,
     options: options,
     required: true,
-    onChange: function onChange(_ref2) {
-      var value = _ref2.value;
-      var updatedOptions = {};
-      propsToDisplay.forEach(function (prop) {
-        var _filterValues$prop = filterValues[prop],
-          eMin = _filterValues$prop.min,
-          eMax = _filterValues$prop.max;
-        var initValue = (0, _helpers.getRangeValue)(null, rangeInterval, eMin, eMax);
+    onChange: ({
+      value
+    }) => {
+      const updatedOptions = {};
+      propsToDisplay.forEach(prop => {
+        const {
+          min: aggMin,
+          max: aggMax
+        } = (0, _helpers.calculateMinMax)(dataAggregations[prop], rangeInterval);
+        const initValue = (0, _helpers.getRangeValue)(null, rangeInterval, aggMin, aggMax);
         updatedOptions[prop] = _objectSpread(_objectSpread({}, initValue), {}, {
           selectedOption: value
         });
       });
       updateFilterValues(updatedOptions, false);
     }
-  })), /*#__PURE__*/_react["default"].createElement(_rangeFilter["default"], {
-    key: "".concat(rangeOption, "-").concat(minValue, "-").concat(maxValue),
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('range-filter-wrapper', {
+      'has-unit': unit
+    }),
+    style: unit ? {
+      '--unit': `"${unit}"`
+    } : {}
+  }, /*#__PURE__*/_react.default.createElement(_rangeFilter.default, {
+    key: `${rangeOption}-${min}-${max}`,
     name: rangeOption,
-    label: hasMultipleOptions ? '' : label,
+    label: displayLabel,
     value: valueToUse,
     id: rangeOption,
-    onChange: function onChange(_ref3) {
-      var value = _ref3.value;
+    onChange: ({
+      value
+    }) => {
       handleChange(rangeOption, value);
     }
-  }));
+  })));
 };
 Range.propTypes = {
-  propsToDisplay: _propTypes["default"].array.isRequired,
-  entity: _propTypes["default"].string.isRequired,
-  filterValues: _propTypes["default"].object.isRequired,
-  updateFilterValues: _propTypes["default"].func.isRequired,
-  shouldSearch: _propTypes["default"].bool,
-  rangeInterval: _propTypes["default"].number,
-  label: _propTypes["default"].string,
-  elementTitle: _propTypes["default"].string,
-  dataAggregations: _propTypes["default"].object.isRequired
+  propsToDisplay: _propTypes.default.array.isRequired,
+  entity: _propTypes.default.string.isRequired,
+  filterValues: _propTypes.default.object.isRequired,
+  updateFilterValues: _propTypes.default.func.isRequired,
+  shouldSearch: _propTypes.default.bool,
+  rangeInterval: _propTypes.default.number,
+  label: _propTypes.default.string,
+  elementTitle: _propTypes.default.string,
+  dataAggregations: _propTypes.default.object.isRequired,
+  unit: _propTypes.default.string
 };
 Range.defaultProps = {
   shouldSearch: false,
   rangeInterval: 1,
   label: '',
-  elementTitle: ''
+  elementTitle: '',
+  unit: ''
 };
-var _default = exports["default"] = Range;
+var _default = exports.default = Range;
 //# sourceMappingURL=Range.js.map

package/lib/components/SearchFilter/components/Range.js.map

@@ -1 +1 @@
-{"version":3,"file":"Range.js","names":["_react","_interopRequireDefault","require","_propTypes","_lodash","_rangeFilter","_router","_select","_queryString","_hooks","_helpers","_decodeEncode","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Range","_ref","rangeInterval","label","entity","propsToDisplay","dataAggregations","updateFilterValues","filterValues","shouldSearch","elementTitle","router","useRouter","debounceAmount","_parseUrl","parseUrl","decodeValue","asPath","query","hasMultipleOptions","initialRangeOption","getIntersectedProp","rangeOption","selectedOption","rangeValue","_useGetSingleEntitySc","useGetSingleEntitySchema","_useGetSingleEntitySc2","data","_useGetSingleEntitySc3","_useGetSingleEntitySc4","getEntitySchema","loading","options","getSelectOptions","_calculateMinMax","calculateMinMax","min","max","minValue","maxValue","valueToUse","handleChange","debounce","option","value","createElement","Fragment","className","id","required","onChange","_ref2","updatedOptions","prop","_filterValues$prop","eMin","eMax","initValue","getRangeValue","key","concat","name","_ref3","propTypes","PropTypes","array","isRequired","string","object","func","bool","number","defaultProps","_default","exports"],"sources":["../../../../src/components/SearchFilter/components/Range.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from 'lodash.debounce';\nimport RangeFilter from '@blaze-react/range-filter';\nimport { useRouter } from 'next/router';\nimport Select from '@blaze-react/select';\nimport { parseUrl } from 'query-string';\nimport { useGetSingleEntitySchema } from '../../../hooks';\nimport { getSelectOptions, getIntersectedProp, getRangeValue, calculateMinMax } from '../helpers';\nimport { decodeValue } from '../helpers/decode-encode';\n\nconst Range = ({\n  rangeInterval,\n  label,\n  entity,\n  propsToDisplay,\n  dataAggregations,\n  updateFilterValues,\n  filterValues,\n  shouldSearch,\n  elementTitle\n}) => {\n  const router = useRouter();\n  const debounceAmount = shouldSearch ? 1200 : 400;\n  const { query } = parseUrl(decodeValue(router.asPath));\n  const hasMultipleOptions = propsToDisplay.length > 1;\n  const initialRangeOption = getIntersectedProp(query, propsToDisplay) || propsToDisplay[0];\n  const rangeOption =\n    (filterValues[initialRangeOption] && filterValues[initialRangeOption].selectedOption) ||\n    initialRangeOption;\n  const rangeValue = filterValues[rangeOption];\n\n  const { data: { getEntitySchema = {} } = {}, loading } = useGetSingleEntitySchema(\n    entity,\n    !hasMultipleOptions\n  );\n\n  if (loading || !rangeOption || !rangeValue) return '';\n\n  const options = getSelectOptions(getEntitySchema, propsToDisplay);\n  // get range from aggregations so it updates\n  const { min, max } = calculateMinMax(dataAggregations[rangeOption], rangeInterval);\n  const minValue = rangeValue.minValue < min ? min : rangeValue.minValue;\n  const maxValue = rangeValue.maxValue > max ? max : rangeValue.maxValue;\n  const valueToUse = { ...rangeValue, min, max, minValue, maxValue };\n\n  const handleChange = debounce((option, value) => {\n    updateFilterValues({ [option]: { ...value, selectedOption: rangeOption } }, shouldSearch);\n  }, debounceAmount);\n\n  return (\n    <>\n      {elementTitle && <div className=\"heading heading--section\">{elementTitle}</div>}\n      {hasMultipleOptions && (\n        <>\n          <label>{label}</label>\n          <Select\n            value={rangeOption}\n            id={rangeOption}\n            options={options}\n            required\n            onChange={({ value }) => {\n              const updatedOptions = {};\n              propsToDisplay.forEach(prop => {\n                const { min: eMin, max: eMax } = filterValues[prop];\n                const initValue = getRangeValue(null, rangeInterval, eMin, eMax);\n                updatedOptions[prop] = { ...initValue, selectedOption: value };\n              });\n\n              updateFilterValues(updatedOptions, false);\n            }}\n          />\n        </>\n      )}\n      <RangeFilter\n        key={`${rangeOption}-${minValue}-${maxValue}`}\n        name={rangeOption}\n        label={hasMultipleOptions ? '' : label}\n        value={valueToUse}\n        id={rangeOption}\n        onChange={({ value }) => {\n          handleChange(rangeOption, value);\n        }}\n      />\n    </>\n  );\n};\n\nRange.propTypes = {\n  propsToDisplay: PropTypes.array.isRequired,\n  entity: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  shouldSearch: PropTypes.bool,\n  rangeInterval: PropTypes.number,\n  label: PropTypes.string,\n  elementTitle: PropTypes.string,\n  dataAggregations: PropTypes.object.isRequired\n};\n\nRange.defaultProps = {\n  shouldSearch: false,\n  rangeInterval: 1,\n  label: '',\n  elementTitle: ''\n};\n\nexport default Range;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AAAuD,SAAAU,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEvD,IAAMoB,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAUL;EAAA,IATJC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACbC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,gBAAgB,GAAAL,IAAA,CAAhBK,gBAAgB;IAChBC,kBAAkB,GAAAN,IAAA,CAAlBM,kBAAkB;IAClBC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,YAAY,GAAAR,IAAA,CAAZQ,YAAY;IACZC,YAAY,GAAAT,IAAA,CAAZS,YAAY;EAEZ,IAAMC,MAAM,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC1B,IAAMC,cAAc,GAAGJ,YAAY,GAAG,IAAI,GAAG,GAAG;EAChD,IAAAK,SAAA,GAAkB,IAAAC,qBAAQ,EAAC,IAAAC,yBAAW,EAACL,MAAM,CAACM,MAAM,CAAC,CAAC;IAA9CC,KAAK,GAAAJ,SAAA,CAALI,KAAK;EACb,IAAMC,kBAAkB,GAAGd,cAAc,CAACX,MAAM,GAAG,CAAC;EACpD,IAAM0B,kBAAkB,GAAG,IAAAC,2BAAkB,EAACH,KAAK,EAAEb,cAAc,CAAC,IAAIA,cAAc,CAAC,CAAC,CAAC;EACzF,IAAMiB,WAAW,GACdd,YAAY,CAACY,kBAAkB,CAAC,IAAIZ,YAAY,CAACY,kBAAkB,CAAC,CAACG,cAAc,IACpFH,kBAAkB;EACpB,IAAMI,UAAU,GAAGhB,YAAY,CAACc,WAAW,CAAC;EAE5C,IAAAG,qBAAA,GAAyD,IAAAC,+BAAwB,EAC/EtB,MAAM,EACN,CAACe,kBACH,CAAC;IAAAQ,sBAAA,GAAAF,qBAAA,CAHOG,IAAI;IAAAC,sBAAA,GAAAF,sBAAA,cAA6B,CAAC,CAAC,GAAAA,sBAAA;IAAAG,sBAAA,GAAAD,sBAAA,CAA3BE,eAAe;IAAfA,eAAe,GAAAD,sBAAA,cAAG,CAAC,CAAC,GAAAA,sBAAA;IAASE,OAAO,GAAAP,qBAAA,CAAPO,OAAO;EAKpD,IAAIA,OAAO,IAAI,CAACV,WAAW,IAAI,CAACE,UAAU,EAAE,OAAO,EAAE;EAErD,IAAMS,OAAO,GAAG,IAAAC,yBAAgB,EAACH,eAAe,EAAE1B,cAAc,CAAC;EACjE;EACA,IAAA8B,gBAAA,GAAqB,IAAAC,wBAAe,EAAC9B,gBAAgB,CAACgB,WAAW,CAAC,EAAEpB,aAAa,CAAC;IAA1EmC,GAAG,GAAAF,gBAAA,CAAHE,GAAG;IAAEC,GAAG,GAAAH,gBAAA,CAAHG,GAAG;EAChB,IAAMC,QAAQ,GAAGf,UAAU,CAACe,QAAQ,GAAGF,GAAG,GAAGA,GAAG,GAAGb,UAAU,CAACe,QAAQ;EACtE,IAAMC,QAAQ,GAAGhB,UAAU,CAACgB,QAAQ,GAAGF,GAAG,GAAGA,GAAG,GAAGd,UAAU,CAACgB,QAAQ;EACtE,IAAMC,UAAU,GAAAjD,aAAA,CAAAA,aAAA,KAAQgC,UAAU;IAAEa,GAAG,EAAHA,GAAG;IAAEC,GAAG,EAAHA,GAAG;IAAEC,QAAQ,EAARA,QAAQ;IAAEC,QAAQ,EAARA;EAAQ,EAAE;EAElE,IAAME,YAAY,GAAG,IAAAC,kBAAQ,EAAC,UAACC,MAAM,EAAEC,KAAK,EAAK;IAC/CtC,kBAAkB,KAAAX,gBAAA,iBAAIgD,MAAM,EAAApD,aAAA,CAAAA,aAAA,KAAQqD,KAAK;MAAEtB,cAAc,EAAED;IAAW,KAAMb,YAAY,CAAC;EAC3F,CAAC,EAAEI,cAAc,CAAC;EAElB,oBACE9C,MAAA,YAAA+E,aAAA,CAAA/E,MAAA,YAAAgF,QAAA,QACGrC,YAAY,iBAAI3C,MAAA,YAAA+E,aAAA;IAAKE,SAAS,EAAC;EAA0B,GAAEtC,YAAkB,CAAC,EAC9ES,kBAAkB,iBACjBpD,MAAA,YAAA+E,aAAA,CAAA/E,MAAA,YAAAgF,QAAA,qBACEhF,MAAA,YAAA+E,aAAA,gBAAQ3C,KAAa,CAAC,eACtBpC,MAAA,YAAA+E,aAAA,CAACxE,OAAA,WAAM;IACLuE,KAAK,EAAEvB,WAAY;IACnB2B,EAAE,EAAE3B,WAAY;IAChBW,OAAO,EAAEA,OAAQ;IACjBiB,QAAQ;IACRC,QAAQ,EAAE,SAAAA,SAAAC,KAAA,EAAe;MAAA,IAAZP,KAAK,GAAAO,KAAA,CAALP,KAAK;MAChB,IAAMQ,cAAc,GAAG,CAAC,CAAC;MACzBhD,cAAc,CAACV,OAAO,CAAC,UAAA2D,IAAI,EAAI;QAC7B,IAAAC,kBAAA,GAAiC/C,YAAY,CAAC8C,IAAI,CAAC;UAAtCE,IAAI,GAAAD,kBAAA,CAATlB,GAAG;UAAaoB,IAAI,GAAAF,kBAAA,CAATjB,GAAG;QACtB,IAAMoB,SAAS,GAAG,IAAAC,sBAAa,EAAC,IAAI,EAAEzD,aAAa,EAAEsD,IAAI,EAAEC,IAAI,CAAC;QAChEJ,cAAc,CAACC,IAAI,CAAC,GAAA9D,aAAA,CAAAA,aAAA,KAAQkE,SAAS;UAAEnC,cAAc,EAAEsB;QAAK,EAAE;MAChE,CAAC,CAAC;MAEFtC,kBAAkB,CAAC8C,cAAc,EAAE,KAAK,CAAC;IAC3C;EAAE,CACH,CACD,CACH,eACDtF,MAAA,YAAA+E,aAAA,CAAC1E,YAAA,WAAW;IACVwF,GAAG,KAAAC,MAAA,CAAKvC,WAAW,OAAAuC,MAAA,CAAItB,QAAQ,OAAAsB,MAAA,CAAIrB,QAAQ,CAAG;IAC9CsB,IAAI,EAAExC,WAAY;IAClBnB,KAAK,EAAEgB,kBAAkB,GAAG,EAAE,GAAGhB,KAAM;IACvC0C,KAAK,EAAEJ,UAAW;IAClBQ,EAAE,EAAE3B,WAAY;IAChB6B,QAAQ,EAAE,SAAAA,SAAAY,KAAA,EAAe;MAAA,IAAZlB,KAAK,GAAAkB,KAAA,CAALlB,KAAK;MAChBH,YAAY,CAACpB,WAAW,EAAEuB,KAAK,CAAC;IAClC;EAAE,CACH,CACD,CAAC;AAEP,CAAC;AAED7C,KAAK,CAACgE,SAAS,GAAG;EAChB3D,cAAc,EAAE4D,qBAAS,CAACC,KAAK,CAACC,UAAU;EAC1C/D,MAAM,EAAE6D,qBAAS,CAACG,MAAM,CAACD,UAAU;EACnC3D,YAAY,EAAEyD,qBAAS,CAACI,MAAM,CAACF,UAAU;EACzC5D,kBAAkB,EAAE0D,qBAAS,CAACK,IAAI,CAACH,UAAU;EAC7C1D,YAAY,EAAEwD,qBAAS,CAACM,IAAI;EAC5BrE,aAAa,EAAE+D,qBAAS,CAACO,MAAM;EAC/BrE,KAAK,EAAE8D,qBAAS,CAACG,MAAM;EACvB1D,YAAY,EAAEuD,qBAAS,CAACG,MAAM;EAC9B9D,gBAAgB,EAAE2D,qBAAS,CAACI,MAAM,CAACF;AACrC,CAAC;AAEDnE,KAAK,CAACyE,YAAY,GAAG;EACnBhE,YAAY,EAAE,KAAK;EACnBP,aAAa,EAAE,CAAC;EAChBC,KAAK,EAAE,EAAE;EACTO,YAAY,EAAE;AAChB,CAAC;AAAC,IAAAgE,QAAA,GAAAC,OAAA,cAEa3E,KAAK"}
+{"version":3,"file":"Range.js","names":["_react","_interopRequireDefault","require","_propTypes","_lodash","_classnames","_rangeFilter","_router","_select","_queryString","_hooks","_helpers","_decodeEncode","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Range","rangeInterval","label","entity","propsToDisplay","dataAggregations","updateFilterValues","filterValues","shouldSearch","elementTitle","unit","router","useRouter","debounceAmount","query","parseUrl","decodeValue","asPath","hasMultipleOptions","initialRangeOption","getIntersectedProp","rangeOption","selectedOption","rangeValue","data","getEntitySchema","loading","useGetSingleEntitySchema","options","getSelectOptions","min","max","calculateMinMax","minValue","maxValue","valueToUse","handleChange","debounce","option","value","displayLabel","createElement","Fragment","className","id","required","onChange","updatedOptions","prop","aggMin","aggMax","initValue","getRangeValue","classNames","style","key","name","propTypes","PropTypes","array","isRequired","string","object","func","bool","number","defaultProps","_default","exports"],"sources":["../../../../src/components/SearchFilter/components/Range.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from 'lodash.debounce';\nimport classNames from 'classnames';\nimport RangeFilter from '@blaze-react/range-filter';\nimport { useRouter } from 'next/router';\nimport Select from '@blaze-react/select';\nimport { parseUrl } from 'query-string';\nimport { useGetSingleEntitySchema } from '../../../hooks';\nimport { getSelectOptions, getIntersectedProp, getRangeValue, calculateMinMax } from '../helpers';\nimport { decodeValue } from '../helpers/decode-encode';\n\nconst Range = ({\n  rangeInterval,\n  label,\n  entity,\n  propsToDisplay,\n  dataAggregations,\n  updateFilterValues,\n  filterValues,\n  shouldSearch,\n  elementTitle,\n  unit\n}) => {\n  const router = useRouter();\n  const debounceAmount = shouldSearch ? 1200 : 400;\n  const { query } = parseUrl(decodeValue(router.asPath));\n  const hasMultipleOptions = propsToDisplay.length > 1;\n  const initialRangeOption = getIntersectedProp(query, propsToDisplay) || propsToDisplay[0];\n  const rangeOption =\n    (filterValues[initialRangeOption] && filterValues[initialRangeOption].selectedOption) ||\n    initialRangeOption;\n  const rangeValue = filterValues[rangeOption];\n\n  const { data: { getEntitySchema = {} } = {}, loading } = useGetSingleEntitySchema(\n    entity,\n    !hasMultipleOptions\n  );\n\n  if (loading || !rangeOption || !rangeValue) return '';\n\n  const options = getSelectOptions(getEntitySchema, propsToDisplay);\n  const { min, max } = calculateMinMax(dataAggregations[rangeOption], rangeInterval);\n  const minValue = rangeValue.minValue < min ? min : rangeValue.minValue;\n  const maxValue = rangeValue.maxValue > max ? max : rangeValue.maxValue;\n  const valueToUse = { ...rangeValue, min, max, minValue, maxValue };\n\n  const handleChange = debounce((option, value) => {\n    updateFilterValues({ [option]: { ...value, selectedOption: rangeOption } }, shouldSearch);\n  }, debounceAmount);\n\n  let displayLabel = '';\n  if (!hasMultipleOptions) {\n    displayLabel = label;\n  }\n\n  return (\n    <>\n      {elementTitle && <div className=\"heading heading--section\">{elementTitle}</div>}\n      {hasMultipleOptions && (\n        <>\n          <label>{label}</label>\n          <Select\n            value={rangeOption}\n            id={rangeOption}\n            options={options}\n            required\n            onChange={({ value }) => {\n              const updatedOptions = {};\n              propsToDisplay.forEach(prop => {\n                const { min: aggMin, max: aggMax } = calculateMinMax(\n                  dataAggregations[prop],\n                  rangeInterval\n                );\n                const initValue = getRangeValue(null, rangeInterval, aggMin, aggMax);\n                updatedOptions[prop] = { ...initValue, selectedOption: value };\n              });\n\n              updateFilterValues(updatedOptions, false);\n            }}\n          />\n        </>\n      )}\n      <div\n        className={classNames('range-filter-wrapper', {\n          'has-unit': unit\n        })}\n        style={unit ? { '--unit': `\"${unit}\"` } : {}}>\n        <RangeFilter\n          key={`${rangeOption}-${min}-${max}`}\n          name={rangeOption}\n          label={displayLabel}\n          value={valueToUse}\n          id={rangeOption}\n          onChange={({ value }) => {\n            handleChange(rangeOption, value);\n          }}\n        />\n      </div>\n    </>\n  );\n};\n\nRange.propTypes = {\n  propsToDisplay: PropTypes.array.isRequired,\n  entity: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  shouldSearch: PropTypes.bool,\n  rangeInterval: PropTypes.number,\n  label: PropTypes.string,\n  elementTitle: PropTypes.string,\n  dataAggregations: PropTypes.object.isRequired,\n  unit: PropTypes.string\n};\n\nRange.defaultProps = {\n  shouldSearch: false,\n  rangeInterval: 1,\n  label: '',\n  elementTitle: '',\n  unit: ''\n};\n\nexport default Range;\n"],"mappings":"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","ignoreList":[]}