@bento-core/query-bar 1.0.1-icdc.21 → 1.0.1-icdc.22

package/CopyURL_README.md

@@ -0,0 +1,42 @@
+# DQB copy URL button Configuration
+
+```
+DashTemplateController.js
+
+export const setActiveFilterByPathQuery = (match) => {
+  const query = decodeURI(match.params.filterQuery || '');
+  const filterObject = JSON.parse(query);
+  const { autocomplete = [], upload = [], uploadMetadata } = filterObject;
+
+  const activeFilterValues = Object.keys(filterObject).reduce((curr, key) => {
+    if (Array.isArray(filterObject[key])) {
+      const activeFilters = filterObject[key].reduce((value, item) => ({
+        ...value,
+        [item]: true,
+      }), {});
+      return {
+        ...curr,
+        [key]: activeFilters,
+      };
+    }
+    return curr;
+  }, {});
+  store.dispatch(clearAllAndSelectFacet(activeFilterValues));
+  store.dispatch(updateAutocompleteData(autocomplete));
+  store.dispatch(updateUploadData(upload));
+  store.dispatch(updateUploadMetadata(uploadMetadata));
+};
+
+
+// redirect 
+if (match.params.filterQuery) {
+  setActiveFilterByPathQuery(match);
+  const redirectUrl = '/explore';
+  history.push(redirectUrl);
+}
+
+```
+
+# DQB copy URL button theme style
+
+``` https://github.com/CBIIT/bento-icdc-frontend/tree/v4.0.1/src/pages/dashboard/filterQueryBar```

package/README.md

@@ -63,6 +63,16 @@ const CONFIG = {
      * @var {boolean}
      */
     displayAllActiveFilters: false,
+    /**
+     * set root path for copy url (COPYURL_README)
+     * @var {boolean}
+     */
+    rootPath: `${window.location.href}/`,
+    /**
+     * display copy url button (COPYURL_README)
+     * @var {boolean}
+     */
+    viewQueryURL: true,
   },
 
   /* Component Helper Functions */
@@ -144,4 +154,4 @@ This component, which is generated by the provided generator, accepts the follow
 />
 ```
 
-> **Warning**: The `statusReducer` prop requires the dashboard API data merged with the `facetsConfig` property. Please see the example in the demo implementation [here](https://github.com/CBIIT/bento-frontend/blob/7efd62cd3da0c29326e523055d30118244dc2f2f/packages/bento-frontend/src/pages/dashTemplate/filterQueryBar/QueryBarView.js#LL20C14-L20C14).
+> **Warning**: The `statusReducer` prop requires the dashboard API data merged with the `facetsConfig` property. Please see the example in the demo implementation [here](https://github.com/CBIIT/bento-frontend/blob/7efd62cd3da0c29326e523055d30118244dc2f2f/packages/bento-frontend/src/pages/dashTemplate/filterQueryBar/QueryBarView.js#LL20C14-L20C14).

package/dist/generators/QueryBarGenerator.js

@@ -106,7 +106,7 @@ const QueryBarGenerator = function QueryBarGenerator() {
       }, "INPUT CASE SET") : null, autocomplete.length ? /*#__PURE__*/_react.default.createElement("span", null, ' ', /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _clsx.default)(classes.filterName, classes.localFindBackground),
         onClick: clearAutocomplete
-      }, "Case ID"), ' ', ' ', /*#__PURE__*/_react.default.createElement("span", {
+      }, "Case IDs"), ' ', ' ', /*#__PURE__*/_react.default.createElement("span", {
         className: classes.operators
       }, autocomplete.length === 1 && !upload.length ? 'IS ' : 'IN ')) : null, /*#__PURE__*/_react.default.createElement("span", null, (upload.length > 0 ? 1 : 0) + autocomplete.length > 1 ? /*#__PURE__*/_react.default.createElement("span", {
         className: classes.bracketsOpen

package/dist/generators/config.js

@@ -18,6 +18,15 @@ var _default = {
      * @var {boolean}
      */
     displayAllActiveFilters: false,
+    /**
+    * set root path for copy url
+    * @var {boolean}
+    */
+    rootPath: "".concat(window.location.href, "/"),
+    /**
+    * display copy url button
+    * @var {boolean}
+    */
     viewQueryURL: false
   },
   /* Component Helper Functions */

package/dist/generators/styles.js

@@ -9,7 +9,7 @@ exports.default = void 0;
  */
 var _default = () => ({
   queryWrapper: {
-    minHeight: '77px',
+    height: '120px',
     backgroundColor: '#f1f1f1',
     padding: '14px 14px 0px 35px',
     overflowY: 'auto'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bento-core/query-bar",
-  "version": "1.0.1-icdc.21",
+  "version": "1.0.1-icdc.22",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/src/generators/QueryBarGenerator.js

@@ -126,7 +126,7 @@ export const QueryBarGenerator = (uiConfig = DEFAULT_CONFIG) => {
                         className={clsx(classes.filterName, classes.localFindBackground)}
                         onClick={clearAutocomplete}
                       >
-                        Case ID
+                        Case IDs
                       </span>
                       {' '}
                       {' '}
@@ -187,6 +187,7 @@ export const QueryBarGenerator = (uiConfig = DEFAULT_CONFIG) => {
                 </span>
               </span>
             ) : null}
+
             {/* Facet Sidebar Selections */}
             {((autocomplete.length || upload.length) && mappedInputs.length)
               ? <span className={classes.operators}> AND </span>

package/src/generators/config.js

@@ -12,6 +12,15 @@ export default {
      * @var {boolean}
      */
     displayAllActiveFilters: false,
+    /**
+    * set root path for copy url
+    * @var {boolean}
+    */
+    rootPath: `${window.location.href}/`,
+    /**
+    * display copy url button
+    * @var {boolean}
+    */
     viewQueryURL: false,
   },
 

package/src/generators/styles.js

@@ -3,7 +3,7 @@
  */
 export default () => ({
   queryWrapper: {
-    minHeight: '77px',
+    height: '120px',
     backgroundColor: '#f1f1f1',
     padding: '14px 14px 0px 35px',
     overflowY: 'auto',