@bento-core/query-bar 1.0.1-ccdihub.1 → 1.0.1-ccdihub.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/generators/QueryBarGenerator.js +7 -7
  2. package/dist/generators/styles.js +26 -20
  3. package/package.json +2 -2
  4. package/src/generators/QueryBarGenerator.js +7 -7
  5. package/src/generators/styles.js +25 -19
package/dist/generators/QueryBarGenerator.js CHANGED
@@ -60,7 +60,6 @@ const QueryBarGenerator = function QueryBarGenerator() {
60
60
  return facet;
61
61
  }
62
62
  const {
63
- data,
64
63
  items
65
64
  } = facet;
66
65
  const itemKeys = Object.keys(items);
@@ -68,11 +67,12 @@ const QueryBarGenerator = function QueryBarGenerator() {
68
67
 
69
68
  /* Find any SELECTED CHECKBOXES that do NOT have any data
70
69
  * and remove them from the list of selected checkboxes artificially */
71
- itemKeys.forEach(item => {
72
- if (data.findIndex(d => d.group === item) < 0) {
73
- itemKeys.splice(itemKeys.indexOf(item), 1);
74
- }
75
- });
70
+ // itemKeys.forEach((item) => {
71
+ // if (data.findIndex((d) => d.group === item) < 0) {
72
+ // itemKeys.splice(itemKeys.indexOf(item), 1);
73
+ // }
74
+ // });
75
+
76
76
  return _objectSpread(_objectSpread({}, facet), {}, {
77
77
  items: itemKeys
78
78
  });
@@ -97,7 +97,7 @@ const QueryBarGenerator = function QueryBarGenerator() {
97
97
  }, "INPUT CASE SET") : null, autocomplete.length ? /*#__PURE__*/_react.default.createElement("span", null, ' ', /*#__PURE__*/_react.default.createElement("span", {
98
98
  className: (0, _clsx.default)(classes.filterName, classes.localFindBackground),
99
99
  onClick: clearAutocomplete
100
- }, "Participant IDs"), ' ', ' ', /*#__PURE__*/_react.default.createElement("span", {
100
+ }, "Participant ID"), ' ', ' ', /*#__PURE__*/_react.default.createElement("span", {
101
101
  className: classes.operators
102
102
  }, 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", {
103
103
  className: classes.bracketsOpen
package/dist/generators/styles.js CHANGED
@@ -19,8 +19,8 @@ var _default = () => ({
19
19
  position: 'relative',
20
20
  lineHeight: '2.4em',
21
21
  fontFamily: 'Nunito',
22
- fontSize: '14px',
23
- color: '#0e3151'
22
+ fontSize: '12px',
23
+ color: '#000000'
24
24
  },
25
25
  filterName: {
26
26
  textTransform: 'uppercase',
@@ -73,9 +73,9 @@ var _default = () => ({
73
73
  margin: '1px',
74
74
  marginLeft: -6,
75
75
  fontWeight: 600,
76
- fontSize: '13px',
76
+ fontSize: '12px',
77
77
  color: '#fff',
78
- borderRadius: '15px',
78
+ borderRadius: '5px',
79
79
  fontFamily: 'Nunito',
80
80
  boxSizing: 'border-box',
81
81
  backgroundColor: '#646464',
@@ -112,40 +112,46 @@ var _default = () => ({
112
112
  backgroundColor: '#F5C3F1'
113
113
  },
114
114
  facetSectionDemographics: {
115
- color: '#7AA6B6'
115
+ color: '#357288'
116
116
  },
117
117
  facetSectionDemographicsBackground: {
118
- backgroundColor: '#E4ECE9'
118
+ backgroundColor: '#E4ECE9',
119
+ border: '1px solid #646464'
119
120
  },
120
121
  facetSectionDiagnosis: {
121
- color: '#7AA6B6'
122
+ color: '#8C3F8D'
122
123
  },
123
124
  facetSectionDiagnosisBackground: {
124
- backgroundColor: '#E4ECE9'
125
+ backgroundColor: '#E1C9E140',
126
+ border: '1px solid #646464'
125
127
  },
126
128
  facetSectionSamples: {
127
- color: '#7AA6B6'
129
+ color: '#907642'
128
130
  },
129
131
  facetSectionSamplesBackground: {
130
- backgroundColor: '#E4ECE9'
132
+ backgroundColor: '#F0DFBD40',
133
+ border: '1px solid #646464'
131
134
  },
132
- facetSectionAssay: {
133
- color: '#7AA6B6'
135
+ facetSectionDatacategory: {
136
+ color: '#A85348'
134
137
  },
135
- facetSectionAssayBackground: {
136
- backgroundColor: '#E4ECE9'
138
+ facetSectionDatacategoryBackground: {
139
+ backgroundColor: '#F8D7D240',
140
+ border: '1px solid #646464'
137
141
  },
138
142
  facetSectionStudy: {
139
- color: '#7AA6B6'
143
+ color: '#1F6BBF'
140
144
  },
141
145
  facetSectionStudyBackground: {
142
- backgroundColor: '#E4ECE9'
146
+ backgroundColor: '#CEDEF040',
147
+ border: '1px solid #646464'
143
148
  },
144
- facetSectionLibrary: {
145
- color: '#7AA6B6'
149
+ facetSectionSequencinglibrary: {
150
+ color: '#14A773'
146
151
  },
147
- facetSectionLibraryBackground: {
148
- backgroundColor: '#E4ECE9'
152
+ facetSectionSequencinglibraryBackground: {
153
+ backgroundColor: '#DDEAE540',
154
+ border: '1px solid #646464'
149
155
  }
150
156
  });
151
157
  exports.default = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bento-core/query-bar",
3
- "version": "1.0.1-ccdihub.1",
3
+ "version": "1.0.1-ccdihub.10",
4
4
  "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:",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
@@ -32,5 +32,5 @@
32
32
  "url": "https://github.com/CBIIT/bento-frontend/issues"
33
33
  },
34
34
  "homepage": "https://github.com/CBIIT/bento-frontend#readme",
35
- "devDependencies": {}
35
+ "gitHead": "434b75e40defa37c9816a7f74de184b0129683e2"
36
36
  }
package/src/generators/QueryBarGenerator.js CHANGED
@@ -59,17 +59,17 @@ export const QueryBarGenerator = (uiConfig = DEFAULT_CONFIG) => {
59
59
  .map((facet) => {
60
60
  if (facet.type !== CHECKBOX) { return facet; }
61
61
 
62
- const { data, items } = facet;
62
+ const { items } = facet;
63
63
  const itemKeys = Object.keys(items);
64
64
  itemKeys.sort((a, b) => a.localeCompare(b));
65
65
 
66
66
  /* Find any SELECTED CHECKBOXES that do NOT have any data
67
67
  * and remove them from the list of selected checkboxes artificially */
68
- itemKeys.forEach((item) => {
69
- if (data.findIndex((d) => d.group === item) < 0) {
70
- itemKeys.splice(itemKeys.indexOf(item), 1);
71
- }
72
- });
68
+ // itemKeys.forEach((item) => {
69
+ // if (data.findIndex((d) => d.group === item) < 0) {
70
+ // itemKeys.splice(itemKeys.indexOf(item), 1);
71
+ // }
72
+ // });
73
73
 
74
74
  return { ...facet, items: itemKeys };
75
75
  })
@@ -113,7 +113,7 @@ export const QueryBarGenerator = (uiConfig = DEFAULT_CONFIG) => {
113
113
  className={clsx(classes.filterName, classes.localFindBackground)}
114
114
  onClick={clearAutocomplete}
115
115
  >
116
- Participant IDs
116
+ Participant ID
117
117
  </span>
118
118
  {' '}
119
119
  {' '}
package/src/generators/styles.js CHANGED
@@ -13,8 +13,8 @@ export default () => ({
13
13
  position: 'relative',
14
14
  lineHeight: '2.4em',
15
15
  fontFamily: 'Nunito',
16
- fontSize: '14px',
17
- color: '#0e3151',
16
+ fontSize: '12px',
17
+ color: '#000000',
18
18
  },
19
19
  filterName: {
20
20
  textTransform: 'uppercase',
@@ -67,9 +67,9 @@ export default () => ({
67
67
  margin: '1px',
68
68
  marginLeft: -6,
69
69
  fontWeight: 600,
70
- fontSize: '13px',
70
+ fontSize: '12px',
71
71
  color: '#fff',
72
- borderRadius: '15px',
72
+ borderRadius: '5px',
73
73
  fontFamily: 'Nunito',
74
74
  boxSizing: 'border-box',
75
75
  backgroundColor: '#646464',
@@ -106,39 +106,45 @@ export default () => ({
106
106
  backgroundColor: '#F5C3F1',
107
107
  },
108
108
  facetSectionDemographics: {
109
- color: '#7AA6B6',
109
+ color: '#357288',
110
110
  },
111
111
  facetSectionDemographicsBackground: {
112
112
  backgroundColor: '#E4ECE9',
113
+ border: '1px solid #646464',
113
114
  },
114
115
  facetSectionDiagnosis: {
115
- color: '#7AA6B6',
116
+ color: '#8C3F8D',
116
117
  },
117
118
  facetSectionDiagnosisBackground: {
118
- backgroundColor: '#E4ECE9',
119
+ backgroundColor: '#E1C9E140',
120
+ border: '1px solid #646464',
119
121
  },
120
122
  facetSectionSamples: {
121
- color: '#7AA6B6',
123
+ color: '#907642',
122
124
  },
123
125
  facetSectionSamplesBackground: {
124
- backgroundColor: '#E4ECE9',
126
+ backgroundColor: '#F0DFBD40',
127
+ border: '1px solid #646464',
125
128
  },
126
- facetSectionAssay: {
127
- color: '#7AA6B6',
129
+ facetSectionDatacategory: {
130
+ color: '#A85348',
128
131
  },
129
- facetSectionAssayBackground: {
130
- backgroundColor: '#E4ECE9',
132
+ facetSectionDatacategoryBackground: {
133
+ backgroundColor: '#F8D7D240',
134
+ border: '1px solid #646464',
131
135
  },
132
136
  facetSectionStudy: {
133
- color: '#7AA6B6',
137
+ color: '#1F6BBF',
134
138
  },
135
139
  facetSectionStudyBackground: {
136
- backgroundColor: '#E4ECE9',
140
+ backgroundColor: '#CEDEF040',
141
+ border: '1px solid #646464',
137
142
  },
138
- facetSectionLibrary: {
139
- color: '#7AA6B6',
143
+ facetSectionSequencinglibrary: {
144
+ color: '#14A773',
140
145
  },
141
- facetSectionLibraryBackground: {
142
- backgroundColor: '#E4ECE9',
146
+ facetSectionSequencinglibraryBackground: {
147
+ backgroundColor: '#DDEAE540',
148
+ border: '1px solid #646464',
143
149
  },
144
150
  });