@bento-core/facet-filter 1.0.1-icdc.1 → 1.0.1-icdc.2

package/README.md

@@ -72,12 +72,17 @@ import FacetFilter from 'bento-core';
 ```
 import { InputTypes } from 'bento-core';
 
+// fields for labelds and counts
+const GROUP = 'group'; // access labels
+const COUNT = 'subjects'; // access count value
+
 export const facetsConfig = [{ 
   section: CASES,
   label: 'Program', 
   apiForFiltering: 'filterSubjectCountByProgram', 
   datafield: 'programs', 
-  field: GROUP, 
+  field: GROUP,
+  count: COUNT,
   type: InputTypes.CHECKBOX, 
   sort_type: sortType.ALPHABET,
   show: true, 
@@ -265,11 +270,29 @@ const CustomClearAllFiltersBtn = ({ onClearAllFilters, disable }) => {
 ```
 // response 
 // filterCaseCountByProgram: [{group: "COP", subjects: 301}]
+
+// facet = { 
+//  section: CASES,
+//  label: 'Program', 
+//  apiForFiltering: 'filterSubjectCountByProgram', 
+//  datafield: 'programs', 
+//  field: GROUP,
+//  count: COUNT,
+//  type: InputTypes.CHECKBOX, 
+//  sort_type: sortType.ALPHABET,
+//  show: true, 
+//  customCount = (text) => `(${text})`,
+// }
+
+const {
+  field = 'group',
+  count = 'subjects',
+  customCount = (text) => `(${text})`,
+} = facet;
 const {
-  name,
-  customName,
-  subjects,
-  customSubjects,
+  isChecked = false,
+  index,
+  section,
   tooltip,
 } = checkboxItem;
 

package/dist/components/inputs/slider/SliderStyle.js

@@ -119,6 +119,7 @@ var _default = () => ({
   },
   lowerUpperBound: {
     height: '15px'
-  }
+  },
+  minMaxInputs: {}
 });
 exports.default = _default;

package/dist/components/inputs/slider/SliderView.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _core = require("@material-ui/core");
+var _clsx = _interopRequireDefault(require("clsx"));
 var _SliderStyle = _interopRequireDefault(require("./SliderStyle"));
 var _Types = require("../Types");
 var _InputMinMaxView = _interopRequireDefault(require("./InputMinMaxView"));
@@ -63,9 +64,9 @@ const SliderView = _ref => {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: classes.sliderRoot
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.minMaxInputs
+    className: (0, _clsx.default)(classes.minMaxInputs, 'minMaxInputs')
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.minValue
+    className: (0, _clsx.default)(classes.minValue, 'min_input_box')
   }, /*#__PURE__*/_react.default.createElement(_core.Typography, {
     className: classes.minInputLabel
   }, "Min:"), /*#__PURE__*/_react.default.createElement(_InputMinMaxView.default, {
@@ -76,7 +77,7 @@ const SliderView = _ref => {
     type: _Types.silderTypes.INPUT_MIN,
     onInputChange: handleChangeCommittedSlider
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.maxValue
+    className: (0, _clsx.default)(classes.maxValue, 'max_input_box')
   }, /*#__PURE__*/_react.default.createElement(_core.Typography, {
     className: classes.maxInputLabel
   }, "Max:"), /*#__PURE__*/_react.default.createElement(_InputMinMaxView.default, {
@@ -87,7 +88,7 @@ const SliderView = _ref => {
     type: _Types.silderTypes.INPUT_MAX,
     onInputChange: handleChangeCommittedSlider
   }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.slider
+    className: (0, _clsx.default)(classes.slider, 'slider')
   }, /*#__PURE__*/_react.default.createElement(_core.Slider, {
     disableSwap: true,
     getAriaValueText: valuetext,

package/package.json

@@ -1,17 +1,14 @@
 {
   "name": "@bento-core/facet-filter",
-  "version": "1.0.1-icdc.1",
-  "description": "### Bento core sidebar design:",
+  "version": "1.0.1-icdc.2",
+  "description": "",
   "main": "dist/index.js",
   "scripts": {
     "build": "npm run lint && cross-env-shell rm -rf dist && NODE_ENV=production BABEL_ENV=es babel src --out-dir dist --copy-files",
     "test": "echo \"Error: no test specified\" && exit 1",
     "lint": "eslint src"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/CBIIT/bento-frontend.git"
-  },
+  "repository": "https://github.com/CBIIT/bento-frontend",
   "publishConfig": {
     "access": "public"
   },
@@ -27,9 +24,5 @@
     "react-redux": "^7.2.1"
   },
   "author": "CTOS Bento Team",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/CBIIT/bento-frontend/issues"
-  },
-  "homepage": "https://github.com/CBIIT/bento-frontend#readme"
+  "license": "ISC"
 }

package/src/components/inputs/slider/SliderStyle.js

@@ -114,4 +114,6 @@ export default () => ({
   lowerUpperBound: {
     height: '15px',
   },
+  minMaxInputs: {
+  },
 });

package/src/components/inputs/slider/SliderView.js

@@ -4,6 +4,7 @@
 /* eslint-disable object-curly-newline */
 import React, { useEffect, useState } from 'react';
 import { withStyles, Slider, Typography, Box } from '@material-ui/core';
+import clsx from 'clsx';
 import styles from './SliderStyle';
 import { silderTypes } from '../Types';
 import InputMinMaxView from './InputMinMaxView';
@@ -53,8 +54,8 @@ const SliderView = ({
   return (
     <>
       <div className={classes.sliderRoot}>
-        <div className={classes.minMaxInputs}>
-          <div className={classes.minValue}>
+        <div className={clsx(classes.minMaxInputs, 'minMaxInputs')}>
+          <div className={clsx(classes.minValue, 'min_input_box')}>
             <Typography className={classes.minInputLabel}>
               Min:
             </Typography>
@@ -67,7 +68,7 @@ const SliderView = ({
               onInputChange={handleChangeCommittedSlider}
             />
           </div>
-          <div className={classes.maxValue}>
+          <div className={clsx(classes.maxValue, 'max_input_box')}>
             <Typography className={classes.maxInputLabel}>
               Max:
             </Typography>
@@ -81,7 +82,7 @@ const SliderView = ({
             />
           </div>
         </div>
-        <div className={classes.slider}>
+        <div className={clsx(classes.slider, 'slider')}>
           {/* Change to red if invalid range */}
           <Slider
             disableSwap