@bento-core/query-bar 1.0.0-c3dc.11 → 1.0.0-c3dc.13

package/dist/components/QueryUrl.js

@@ -37,7 +37,28 @@ const QueryUrl = _ref => {
     acc[datafield] = items;
     return acc;
   }, {});
-  const queryString = JSON.stringify(_objectSpread(_objectSpread({}, pathFilterParams), localFind));
+
+  // Extract unknownAges state from filterItems
+  const unknownAgesState = filterItems.reduce((acc, item) => {
+    const {
+      datafield,
+      unknownAges,
+      isUnknownAges,
+      parentDatafield
+    } = item;
+    // Only include unknownAges if it's set and not the default 'include'
+    if (unknownAges && unknownAges !== 'include') {
+      // Use parentDatafield if this is an unknownAges-only item, otherwise use datafield
+      const key = isUnknownAges ? parentDatafield : datafield;
+      if (key) {
+        acc[key] = unknownAges;
+      }
+    }
+    return acc;
+  }, {});
+  const queryString = JSON.stringify(_objectSpread(_objectSpread(_objectSpread({}, pathFilterParams), localFind), Object.keys(unknownAgesState).length > 0 && {
+    unknownAgesState
+  }));
   const [url, setUrl] = (0, _react.useState)('');
   const copyUrl = async () => {
     toggleOpen();

package/dist/generators/QueryBarGenerator.js

@@ -123,7 +123,7 @@ const QueryBarGenerator = function QueryBarGenerator() {
             key: "pid-".concat(idx)
           }, /*#__PURE__*/_react.default.createElement("span", {
             className: (0, _clsx.default)(classes.filterCheckboxes, classes.facetSectionCases),
-            onClick: () => deleteAutocompleteItem(d.title)
+            onClick: () => deleteAutocompleteItem(d)
           }, d.title), idx < arr.length - 1 && ' ')), participantItems.length > maxItems && '...', operator === 'IN' && /*#__PURE__*/_react.default.createElement("span", {
             className: classes.bracketsClose
           }, ")"));
@@ -146,7 +146,7 @@ const QueryBarGenerator = function QueryBarGenerator() {
           key: "aid-".concat(idx)
         }, /*#__PURE__*/_react.default.createElement("span", {
           className: (0, _clsx.default)(classes.filterCheckboxes, classes.localFindAssociatedIdsText),
-          onClick: () => deleteAutocompleteItem(d.title)
+          onClick: () => deleteAutocompleteItem(d)
         }, d.synonym), idx < arr.length - 1 && ' ')), associatedItems.length > maxItems && '...', operator === 'IN' && /*#__PURE__*/_react.default.createElement("span", {
           className: classes.bracketsClose
         }, ")"));

package/dist/generators/config.js

@@ -52,10 +52,10 @@ var _default = {
     /**
      * Delete a specific Local Find searchbox filter (case)
      *
-     * @param {string} title
+     * @param {object} item
      * @returns {void}
      */
-    deleteAutocompleteItem: title => {},
+    deleteAutocompleteItem: item => {},
     /**
      * Reset a specific facet section (e.g. Program)
      *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bento-core/query-bar",
-  "version": "1.0.0-c3dc.11",
+  "version": "1.0.0-c3dc.13",
   "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": {
@@ -23,7 +23,7 @@
     "react-redux": "^7.2.1"
   },
   "dependencies": {
-    "@bento-core/facet-filter": "^1.0.1-c3dc.11",
+    "@bento-core/facet-filter": "^1.0.1-c3dc.12",
     "lodash": "^4.17.20"
   },
   "author": "CTOS Bento Team",

package/src/components/QueryUrl.js

@@ -32,9 +32,27 @@ const QueryUrl = ({
     return acc;
   }, {});
 
+  // Extract unknownAges state from filterItems
+  const unknownAgesState = filterItems.reduce((acc, item) => {
+    const {
+      datafield, unknownAges, isUnknownAges, parentDatafield,
+    } = item;
+    // Only include unknownAges if it's set and not the default 'include'
+    if (unknownAges && unknownAges !== 'include') {
+      // Use parentDatafield if this is an unknownAges-only item, otherwise use datafield
+      const key = isUnknownAges ? parentDatafield : datafield;
+      if (key) {
+        acc[key] = unknownAges;
+      }
+    }
+    return acc;
+  }, {});
+
   const queryString = JSON.stringify({
     ...pathFilterParams,
     ...localFind,
+    // Include unknownAgesState if it has any entries
+    ...(Object.keys(unknownAgesState).length > 0 && { unknownAgesState }),
   });
   const [url, setUrl] = useState('');
 

package/src/generators/QueryBarGenerator.js

@@ -161,7 +161,7 @@ export const QueryBarGenerator = (uiConfig = DEFAULT_CONFIG) => {
                         <React.Fragment key={`pid-${idx}`}>
                           <span
                             className={clsx(classes.filterCheckboxes, classes.facetSectionCases)}
-                            onClick={() => deleteAutocompleteItem(d.title)}
+                            onClick={() => deleteAutocompleteItem(d)}
                           >
                             {d.title}
                           </span>
@@ -206,7 +206,7 @@ export const QueryBarGenerator = (uiConfig = DEFAULT_CONFIG) => {
                           className={
                             clsx(classes.filterCheckboxes, classes.localFindAssociatedIdsText)
                           }
-                          onClick={() => deleteAutocompleteItem(d.title)}
+                          onClick={() => deleteAutocompleteItem(d)}
                         >
                           {d.synonym}
                         </span>

package/src/generators/config.js

@@ -51,10 +51,10 @@ export default {
     /**
      * Delete a specific Local Find searchbox filter (case)
      *
-     * @param {string} title
+     * @param {object} item
      * @returns {void}
      */
-    deleteAutocompleteItem: (title) => {},
+    deleteAutocompleteItem: (item) => {},
 
     /**
      * Reset a specific facet section (e.g. Program)