@bento-core/facet-filter 1.0.1-ccdihub.0 → 1.0.1-ccdihub.2

package/dist/FacetFilterController.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _lodash = _interopRequireDefault(require("lodash"));
+var _react = _interopRequireDefault(require("react"));
+var _reactRedux = require("react-redux");
+var _Types = require("./components/inputs/Types");
+var _FacetFilterView = _interopRequireDefault(require("./FacetFilterView"));
+const _excluded = ["section"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const FacetFilterController = props => {
+  /**
+   * update checkbox state
+   * 1. checkbox state
+   * 2. subject state
+   */
+  const {
+    filterState,
+    data,
+    facetsConfig,
+    facetSectionConfig
+  } = props;
+  const updateFacetState = filterSections => {
+    const updateSections = [...filterSections];
+    if (!_lodash.default.isEmpty(filterState)) {
+      for (const [key, value] of Object.entries(filterState)) {
+        updateSections.forEach(sideBar => {
+          if (sideBar.type === _Types.InputTypes.CHECKBOX && sideBar.datafield === key) {
+            sideBar.facetValues.forEach(item => {
+              item.isChecked = value[item.name] ? value[item.name] : false;
+            });
+          }
+          if (sideBar.type === _Types.InputTypes.SLIDER && sideBar.datafield === key) {
+            sideBar.facetValues = value;
+          }
+        });
+      }
+    } else {
+      updateSections.forEach(sideBar => {
+        if (sideBar.type === _Types.InputTypes.CHECKBOX) {
+          sideBar.facetValues.forEach(item => {
+            item.isChecked = false;
+          });
+        }
+        /**
+         * set default value for slider - on clear all filter
+         */
+        if (sideBar.type === _Types.InputTypes.SLIDER) {
+          const {
+            minLowerBound,
+            maxUpperBound
+          } = sideBar;
+          sideBar.facetValues = [minLowerBound, maxUpperBound];
+        }
+      });
+    }
+    return updateSections;
+  };
+  const arrangeBySections = arr => {
+    const sideBar = {};
+    arr.forEach(_ref => {
+      let {
+          section
+        } = _ref,
+        item = _objectWithoutProperties(_ref, _excluded);
+      const {
+        isExpanded
+      } = facetSectionConfig[section];
+      if (!sideBar[section]) {
+        sideBar[section] = {
+          name: section,
+          sectionName: section,
+          expandSection: isExpanded !== undefined && typeof isExpanded === 'boolean' ? isExpanded : true,
+          items: []
+        };
+      }
+      sideBar[section].items.push(_objectSpread({
+        section
+      }, item));
+    });
+    return Object.values(sideBar);
+  };
+
+  /**
+   * Construct filter object
+   * 1. add facet values to facets
+   * 2. add 'name' key to each facet value
+   */
+  const addFacetValues = facets => {
+    const updateFacets = [];
+    if (facets) {
+      facets.forEach(facet => {
+        const updateFacet = _objectSpread(_objectSpread({}, facet), {}, {
+          facetValues: []
+        });
+        const {
+          field,
+          ApiLowerBoundName,
+          ApiUpperBoundName,
+          apiForFiltering
+        } = updateFacet;
+        if (data[apiForFiltering]) {
+          if (Array.isArray(data[apiForFiltering])) {
+            const updateField = data[apiForFiltering].map(item => {
+              const addField = _objectSpread({}, item);
+              addField.name = item[field];
+              return addField;
+            });
+            updateFacet.facetValues = updateField;
+          }
+          /**
+          * add object to facet values
+          */
+          if (facet.type === _Types.InputTypes.SLIDER) {
+            const lowerBound = data[apiForFiltering][ApiLowerBoundName];
+            const upperBound = data[apiForFiltering][ApiUpperBoundName];
+            updateFacet.minLowerBound = lowerBound;
+            updateFacet.maxUpperBound = upperBound;
+            updateFacet.facetValues = [lowerBound, upperBound];
+            updateFacet.style = facet.style;
+          }
+        }
+        updateFacets.push(updateFacet);
+      });
+    }
+    return updateFacets;
+  };
+
+  /**
+   * Generate facet sections state
+   *
+   */
+  // const displayFacets = facetsConfig.filter((facet) => facet.show).slice(0, 16);
+  const displayFacets = facetsConfig.filter(facet => facet.show);
+  const facetStates = addFacetValues(displayFacets);
+  const updateState = updateFacetState(facetStates);
+  const facetSections = arrangeBySections(updateState);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_FacetFilterView.default, _extends({}, props, {
+    sideBarSections: facetSections
+  })));
+};
+const mapStateToProps = state => ({
+  filterState: state.statusReducer.filterState
+});
+var _default = (0, _reactRedux.connect)(mapStateToProps, null)(FacetFilterController);
+exports.default = _default;

package/dist/FacetFilterStyle.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = () => ({
+  sectionSummaryText: {
+    color: '#323232',
+    fontFamily: 'Raleway',
+    fontSize: '15px',
+    fontWeight: 'bold',
+    letterSpacing: '0.25px',
+    marginLeft: '15px',
+    lineHeight: '26px'
+  },
+  sortGroup: {
+    paddingTop: '10px',
+    paddingBottom: '5px',
+    borderTop: '1px solid #B1B1B1',
+    textAlign: 'left',
+    marginLeft: '-5px',
+    boxShadow: 'inset -10px 2px 10px -7px rgb(50 50 50 / 25%)'
+  },
+  sortGroupItem: {
+    cursor: 'pointer',
+    fontFamily: 'Nunito',
+    fontSize: '10px',
+    marginRight: '32px'
+  }
+});
+exports.default = _default;

package/dist/FacetFilterView.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _core = require("@material-ui/core");
+var _FacetFilterStyle = _interopRequireDefault(require("./FacetFilterStyle"));
+var _FacetSectionView = _interopRequireDefault(require("./components/section/FacetSectionView"));
+var _ReduxFacetView = _interopRequireDefault(require("./components/facet/ReduxFacetView"));
+var _FilterItems = _interopRequireDefault(require("./components/inputs/FilterItems"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable arrow-body-style */
+/* eslint-disable padded-blocks */
+
+const BentoFacetFilter = _ref => {
+  let {
+    sideBarSections,
+    CustomFacetSection,
+    CustomFacetView
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, sideBarSections.map((section, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Divider, {
+    variant: "middle",
+    className: "divider".concat(index)
+  }), /*#__PURE__*/_react.default.createElement(_FacetSectionView.default, {
+    section: section,
+    CustomSection: CustomFacetSection
+  }, section.items.map(facet => /*#__PURE__*/_react.default.createElement(_ReduxFacetView.default, {
+    facet: facet,
+    CustomView: CustomFacetView
+  }, /*#__PURE__*/_react.default.createElement(_core.List, {
+    className: "List_".concat(facet.label)
+  }, /*#__PURE__*/_react.default.createElement(_FilterItems.default, {
+    facet: facet
+  }))))))));
+};
+var _default = (0, _core.withStyles)(_FacetFilterStyle.default)(BentoFacetFilter);
+exports.default = _default;

package/dist/components/facet/FacetStyle.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = () => ({
+  expansionPanelDetailsRoot: {
+    display: 'block'
+  },
+  expansionPanelsideBarItem: {
+    boxShadow: 'none',
+    borderTop: '1px solid #D2D2D2',
+    '&:last-child': {
+      borderBottom: '1px solid #D2D2D2'
+    },
+    margin: 'auto',
+    position: 'initial',
+    '&:before': {
+      position: 'initial'
+    }
+  },
+  subSectionSummaryText: {
+    marginLeft: '10px',
+    lineHeight: 0,
+    color: '#323232',
+    fontFamily: 'Raleway',
+    fontSize: '13px',
+    fontWeight: 'bold',
+    letterSpacing: '0.25px'
+  },
+  sortGroup: {
+    paddingTop: '10px',
+    marginBottom: '5px',
+    borderTop: '1px solid #B1B1B1',
+    textAlign: 'left',
+    marginLeft: '-5px'
+  },
+  sortGroupIcon: {
+    cursor: 'pointer',
+    fontFamily: 'Nunito',
+    fontSize: '10px',
+    marginRight: '12px',
+    marginLeft: '16px'
+  },
+  sortGroupItem: {
+    cursor: 'pointer',
+    fontFamily: 'Nunito',
+    fontSize: '10px',
+    marginRight: '32px'
+  },
+  NonSortGroup: {
+    marginBottom: '5px',
+    borderTop: '1px solid #B1B1B1',
+    textAlign: 'left',
+    paddingLeft: '10px'
+  },
+  NonSortGroupItem: {
+    fontFamily: 'Nunito',
+    fontSize: '10px',
+    marginRight: '32px'
+  },
+  sortGroupItemCounts: {
+    cursor: 'pointer',
+    fontFamily: 'Nunito',
+    fontSize: '10px',
+    float: 'right',
+    marginRight: '10px',
+    marginTop: '5px'
+  },
+  highlight: {
+    color: '#b2c6d6'
+  },
+  showMore: {
+    textAlign: 'right',
+    paddingRight: '5px',
+    cursor: 'pointer',
+    fontSize: '10px',
+    width: '100%'
+  }
+});
+exports.default = _default;

package/dist/components/facet/FacetView.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _core = require("@material-ui/core");
+var _clsx = _interopRequireDefault(require("clsx"));
+var _AccordionSummaryView = _interopRequireDefault(require("../summary/AccordionSummaryView"));
+var _Types = require("../inputs/Types");
+var _FacetStyle = _interopRequireDefault(require("./FacetStyle"));
+var _FilterItems = _interopRequireDefault(require("../inputs/FilterItems"));
+var _Sort = require("../../utils/Sort");
+var _clearIcon = _interopRequireDefault(require("./assets/clearIcon.svg"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const FacetView = _ref => {
+  let {
+    classes,
+    facet,
+    onClearFacetSection,
+    onClearSliderSection,
+    CustomView,
+    autoComplete,
+    upload
+  } = _ref;
+  const [expand, setExpand] = (0, _react.useState)(false);
+  const onExpandFacet = () => setExpand(!expand);
+
+  /**
+  * expand section incase of active local search
+  */
+  (0, _react.useEffect)(() => {
+    if (autoComplete && autoComplete.length > 0 || upload && upload.length > 0) {
+      setExpand(true);
+    }
+  }, [autoComplete, upload]);
+  const [sortBy, setSortBy] = (0, _react.useState)(null);
+  const onSortFacet = type => {
+    setSortBy(type);
+  };
+  const onClearSection = () => {
+    setSortBy(null);
+    if (facet.type === _Types.InputTypes.SLIDER) {
+      onClearSliderSection(facet);
+    } else {
+      onClearFacetSection(facet);
+    }
+  };
+  /**
+   * display checked items on facet collapse
+   */
+  const {
+    type,
+    facetValues
+  } = facet;
+  const selectedItems = facetValues && facetValues.filter(item => item.isChecked);
+  const displayFacet = _objectSpread({}, facet);
+  displayFacet.facetValues = selectedItems;
+  const isActiveFacet = [...selectedItems].length > 0;
+  const limitCheckBoxCount = (facet === null || facet === void 0 ? void 0 : facet.showCheckboxCount) || 5;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Accordion, {
+    square: true,
+    expanded: expand,
+    onChange: onExpandFacet,
+    classes: {
+      root: classes.expansionPanelsideBarItem
+    },
+    id: facet.section
+  }, CustomView ? /*#__PURE__*/_react.default.createElement(CustomView, {
+    facet: facet,
+    facetClasses: isActiveFacet ? "activeFacet".concat(facet.section) : "inactiveFacet".concat(facet.section)
+  }) : /*#__PURE__*/_react.default.createElement(_AccordionSummaryView.default, null, /*#__PURE__*/_react.default.createElement("div", {
+    id: "filterGroup_ ".concat(facet.datafield, "\n                ").concat(facet.label),
+    className: (0, _clsx.default)(classes.subSectionSummaryText, {
+      ["activeFacet".concat(facet.section)]: isActiveFacet
+    })
+  }, facet.label)), facetValues.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.NonSortGroup
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: classes.NonSortGroupItem
+  }, "No data for this field")), (facet.type === _Types.InputTypes.SLIDER || facetValues.length > 0) && /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.sortGroup
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: classes.sortGroupIcon
+  }, /*#__PURE__*/_react.default.createElement(_core.Icon, {
+    style: {
+      fontSize: 10
+    },
+    onClick: onClearSection
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: _clearIcon.default,
+    height: 12,
+    width: 12,
+    alt: "clear-icon"
+  }))), facet.type === _Types.InputTypes.CHECKBOX && facetValues.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _clsx.default)(classes.sortGroupItem, {
+      [classes.highlight]: sortBy === _Sort.sortType.ALPHABET
+    }),
+    onClick: () => {
+      onSortFacet(_Sort.sortType.ALPHABET);
+    }
+  }, "Sort alphabetically"), /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _clsx.default)(classes.sortGroupItemCounts, {
+      [classes.highlight]: sortBy === _Sort.sortType.NUMERIC
+    }),
+    onClick: () => {
+      onSortFacet(_Sort.sortType.NUMERIC);
+    }
+  }, "Sort by count"))), /*#__PURE__*/_react.default.createElement(_FilterItems.default, {
+    facet: facet,
+    sortBy: sortBy
+  })), !expand && type === _Types.InputTypes.CHECKBOX && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.List, {
+    id: "filter_Items"
+  }, /*#__PURE__*/_react.default.createElement(_FilterItems.default, {
+    facet: displayFacet
+  }))), !expand && selectedItems.length > limitCheckBoxCount && /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.showMore,
+    onClick: onExpandFacet
+  }, "...expand to see all selections"));
+};
+var _default = (0, _core.withStyles)(_FacetStyle.default)(FacetView);
+exports.default = _default;

package/dist/components/facet/ReduxFacetView.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactRedux = require("react-redux");
+var _Actions = require("../../store/actions/Actions");
+var _FacetView = _interopRequireDefault(require("./FacetView"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ReduxFacetView = props => /*#__PURE__*/_react.default.createElement(_FacetView.default, props);
+const mapStateToProps = state => {
+  var _state$localFind, _state$localFind2;
+  return {
+    filterState: state.statusReducer.filterState,
+    autoComplete: (state === null || state === void 0 ? void 0 : (_state$localFind = state.localFind) === null || _state$localFind === void 0 ? void 0 : _state$localFind.autocomplete) || [],
+    upload: (state === null || state === void 0 ? void 0 : (_state$localFind2 = state.localFind) === null || _state$localFind2 === void 0 ? void 0 : _state$localFind2.upload) || []
+  };
+};
+const mapDispatchToProps = dispatch => ({
+  onClearFacetSection: facet => {
+    dispatch((0, _Actions.clearFacetSection)(facet));
+  },
+  onClearSliderSection: facet => {
+    dispatch((0, _Actions.clearSliderSection)(facet));
+  }
+});
+var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(ReduxFacetView);
+exports.default = _default;

package/dist/components/facet/assets/clearIcon.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 12 12" style="enable-background:new 0 0 12 12;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#638FB5;}
+</style>
+<g>
+	<path class="st0" d="M11.74,5.98c0-3.17-2.56-5.73-5.73-5.74c-1.6,0-3.13,0.67-4.21,1.84V1.01c0-0.42-0.34-0.77-0.77-0.77
+		S0.26,0.59,0.26,1.01v3.06c0,0.42,0.34,0.77,0.77,0.77h3.06c0.42,0,0.77-0.34,0.77-0.77S4.52,3.3,4.09,3.3H2.76
+		c1.48-1.79,4.13-2.04,5.92-0.56s2.04,4.13,0.56,5.92C8.45,9.63,7.26,10.19,6,10.19l0,0c-0.42,0-0.77,0.34-0.77,0.77
+		c0,0.42,0.34,0.77,0.77,0.77h0.02C9.18,11.72,11.74,9.15,11.74,5.98z"/>
+</g>
+</svg>

package/dist/components/inputs/FilterItemStyle.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = () => ({
+  sortGroup: {
+    paddingTop: '10px',
+    marginBottom: '5px',
+    borderTop: '1px solid #B1B1B1',
+    textAlign: 'left',
+    marginLeft: '-5px'
+  },
+  sortGroupIcon: {
+    cursor: 'pointer',
+    fontFamily: 'Nunito',
+    fontSize: '10px',
+    marginRight: '12px',
+    marginLeft: '16px'
+  },
+  sortGroupItem: {
+    cursor: 'pointer',
+    fontFamily: 'Nunito',
+    fontSize: '10px',
+    marginRight: '32px'
+  },
+  sortGroupItemCounts: {
+    cursor: 'pointer',
+    fontFamily: 'Nunito',
+    fontSize: '10px',
+    float: 'right',
+    marginRight: '10px',
+    marginTop: '5px'
+  }
+});
+exports.default = _default;

package/dist/components/inputs/FilterItems.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ReduxCheckbox = _interopRequireDefault(require("./checkbox/ReduxCheckbox"));
+var _ReduxSlider = _interopRequireDefault(require("./slider/ReduxSlider"));
+var _Types = require("./Types");
+var _Sort = require("../../utils/Sort");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const FilterItems = _ref => {
+  let {
+    facet,
+    sortBy
+  } = _ref;
+  const {
+    type,
+    datafield,
+    section
+  } = facet;
+  const sortFilters = (0, _Sort.sortBySection)(_objectSpread(_objectSpread({}, facet), {}, {
+    sortBy
+  }));
+  const filterItems = () => {
+    switch (type) {
+      case _Types.InputTypes.CHECKBOX:
+        return sortFilters.map((item, index) => /*#__PURE__*/_react.default.createElement(_ReduxCheckbox.default, {
+          checkboxItem: _objectSpread(_objectSpread({}, item), {}, {
+            index,
+            section
+          }),
+          datafield: datafield,
+          facet: facet
+        }));
+      case _Types.InputTypes.SLIDER:
+        return /*#__PURE__*/_react.default.createElement(_ReduxSlider.default, {
+          facet: facet
+        });
+      default:
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, filterItems());
+};
+var _default = FilterItems;
+exports.default = _default;

package/dist/components/inputs/Types.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.silderTypes = exports.InputTypes = void 0;
+const InputTypes = {
+  CHECKBOX: 'checkbox',
+  SLIDER: 'slider',
+  LOCAL_SEARCH: 'local_search'
+};
+exports.InputTypes = InputTypes;
+const silderTypes = {
+  INPUT_MIN: 'INPUT_MIN',
+  INPUT_MAX: 'INPUT_MAX'
+};
+exports.silderTypes = silderTypes;

package/dist/components/inputs/checkbox/CheckboxStyle.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = () => ({
+  listItemGutters: {
+    padding: '10px 20px 10px 0px'
+  },
+  checkboxRoot: {
+    marginLeft: '5px',
+    height: 12
+  },
+  panelDetailText: {
+    color: '#323232',
+    fontFamily: 'Nunito',
+    fontSize: '14px',
+    fontWeight: '200'
+  },
+  panelSubjectText: {
+    color: '#323232',
+    fontFamily: 'Nunito',
+    fontSize: '14px',
+    marginRight: '0px'
+  },
+  checkboxLabel: {
+    margin: '0'
+  },
+  checkboxName: {
+    margin: '0',
+    color: '#000000',
+    fontSize: '14px',
+    marginTop: '1.5px',
+    fontFamily: 'Nunito',
+    lineHeight: '120%'
+  }
+});
+exports.default = _default;