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

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 +9 -9
  2. package/dist/generators/styles.js +26 -20
  3. package/package.json +1 -1
  4. package/src/generators/QueryBarGenerator.js +9 -9
  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
  });
@@ -94,17 +94,17 @@ const QueryBarGenerator = function QueryBarGenerator() {
94
94
  }, autocomplete.length || upload.length ? /*#__PURE__*/_react.default.createElement("span", null, upload.length && !autocomplete.length ? /*#__PURE__*/_react.default.createElement("span", {
95
95
  className: (0, _clsx.default)(classes.filterCheckboxes, classes.localFindBackground),
96
96
  onClick: clearUpload
97
- }, "INPUT CASE SET") : null, autocomplete.length ? /*#__PURE__*/_react.default.createElement("span", null, ' ', /*#__PURE__*/_react.default.createElement("span", {
97
+ }, "INPUT PARTICIPANT 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
104
104
  }, "(") : null, upload.length && autocomplete.length ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ' ', /*#__PURE__*/_react.default.createElement("span", {
105
105
  className: (0, _clsx.default)(classes.filterCheckboxes, classes.localFind),
106
106
  onClick: clearUpload
107
- }, "INPUT CASE SET"), ' ') : null, autocomplete.slice(0, maxItems).map((d, idx) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
107
+ }, "INPUT PARTICIPANT SET"), ' ') : null, autocomplete.slice(0, maxItems).map((d, idx) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
108
108
  className: (0, _clsx.default)(classes.filterCheckboxes, classes.facetSectionCases),
109
109
  key: idx,
110
110
  onClick: () => deleteAutocompleteItem(d.title)
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.11",
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": {
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
  })
@@ -102,7 +102,7 @@ export const QueryBarGenerator = (uiConfig = DEFAULT_CONFIG) => {
102
102
  className={clsx(classes.filterCheckboxes, classes.localFindBackground)}
103
103
  onClick={clearUpload}
104
104
  >
105
- INPUT CASE SET
105
+ INPUT PARTICIPANT SET
106
106
  </span>
107
107
  ) : null}
108
108
  {autocomplete.length
@@ -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
  {' '}
@@ -133,7 +133,7 @@ export const QueryBarGenerator = (uiConfig = DEFAULT_CONFIG) => {
133
133
  className={clsx(classes.filterCheckboxes, classes.localFind)}
134
134
  onClick={clearUpload}
135
135
  >
136
- INPUT CASE SET
136
+ INPUT PARTICIPANT SET
137
137
  </span>
138
138
  {' '}
139
139
  </>
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
  });