@bento-core/query-bar 1.0.1-icdc.1 → 1.0.1-icdc.2

package/dist/generators/QueryBarGenerator.js

@@ -38,6 +38,8 @@ const QueryBarGenerator = function QueryBarGenerator() {
   const styles = () => _objectSpread(_objectSpread({}, (0, _styles.default)()), customStyles);
   const maxItems = config && typeof config.maxItems === 'number' ? config.maxItems : _config.default.config.maxItems;
   const displayAllActiveFilters = config && typeof config.displayAllActiveFilters === 'boolean' ? config.displayAllActiveFilters : _config.default.config.displayAllActiveFilters;
+  const group = config && typeof config.group === 'string' ? config.group : _config.default.config.group;
+  const count = config && typeof config.count === 'string' ? config.count : _config.default.config.count;
   const clearAll = functions && typeof functions.clearAll === 'function' ? functions.clearAll : _config.default.functions.clearAll;
   const clearUpload = functions && typeof functions.clearUpload === 'function' ? functions.clearUpload : _config.default.functions.clearUpload;
   const clearAutocomplete = functions && typeof functions.clearAutocomplete === 'function' ? functions.clearAutocomplete : _config.default.functions.clearAutocomplete;
@@ -96,10 +98,11 @@ const QueryBarGenerator = function QueryBarGenerator() {
         * Display active filter items in query bar only if count is greater than 0
         * behavior similar to filter component
         */
+        // const { group, count } = config;
         const displayItems = itemKeys.reduce((accumulator, item) => {
-          const itemList = data.filter(d => d.group === item && d.count > 0) || [];
+          const itemList = data.filter(d => d[group] === item && d[count] > 0) || [];
           if (itemList.length > 0) {
-            const labels = itemList.map(filter => filter.group);
+            const labels = itemList.map(filter => filter[group]);
             accumulator.push(labels);
           }
           return accumulator;

package/dist/generators/config.js

@@ -17,7 +17,17 @@ var _default = {
      * overirdes maxItems to display all the active filter items
      * @var {boolean}
      */
-    displayAllActiveFilters: false
+    displayAllActiveFilters: false,
+    /**
+     * key to access label text
+     * @var {boolean}
+     */
+    group: 'group',
+    /**
+     * key to access count value
+     * @var {boolean}
+     */
+    count: 'subjects'
   },
   /* Component Helper Functions */
   functions: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bento-core/query-bar",
-  "version": "1.0.1-icdc.1",
+  "version": "1.0.1-icdc.2",
   "description": "This package provides the Query Bar component that displays the current Facet Search and Local Find filters on the Dashboard/Explore page. It also provides the direct ability to reset all or some of the filters with the click of a button. It is designed to be implemented directly with the:",
   "main": "dist/index.js",
   "scripts": {

package/src/generators/QueryBarGenerator.js

@@ -27,6 +27,12 @@ export const QueryBarGenerator = (uiConfig = DEFAULT_CONFIG) => {
     ? config.displayAllActiveFilters
     : DEFAULT_CONFIG.config.displayAllActiveFilters;
 
+  const group = config && typeof config.group === 'string'
+    ? config.group : DEFAULT_CONFIG.config.group;
+
+  const count = config && typeof config.count === 'string'
+    ? config.count : DEFAULT_CONFIG.config.count;
+
   const clearAll = functions && typeof functions.clearAll === 'function'
     ? functions.clearAll
     : DEFAULT_CONFIG.functions.clearAll;
@@ -95,10 +101,11 @@ export const QueryBarGenerator = (uiConfig = DEFAULT_CONFIG) => {
           * Display active filter items in query bar only if count is greater than 0
           * behavior similar to filter component
           */
+          // const { group, count } = config;
           const displayItems = itemKeys.reduce((accumulator, item) => {
-            const itemList = data.filter((d) => (d.group === item && d.count > 0)) || [];
+            const itemList = data.filter((d) => (d[group] === item && d[count] > 0)) || [];
             if (itemList.length > 0) {
-              const labels = itemList.map((filter) => filter.group);
+              const labels = itemList.map((filter) => filter[group]);
               accumulator.push(labels);
             }
             return accumulator;

package/src/generators/config.js

@@ -12,6 +12,16 @@ export default {
      * @var {boolean}
      */
     displayAllActiveFilters: false,
+    /**
+     * key to access label text
+     * @var {boolean}
+     */
+    group: 'group',
+    /**
+     * key to access count value
+     * @var {boolean}
+     */
+    count: 'subjects',
   },
 
   /* Component Helper Functions */