@bento-core/query-bar 1.0.0 → 1.0.1-ccdihub.0

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 +1 -1
  2. package/dist/generators/styles.js +38 -8
  3. package/package.json +11 -4
  4. package/src/generators/QueryBarGenerator.js +1 -1
  5. package/src/generators/styles.js +38 -8
package/dist/generators/QueryBarGenerator.js CHANGED
@@ -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
- }, "Case IDs"), ' ', ' ', /*#__PURE__*/_react.default.createElement("span", {
100
+ }, "Participant IDs"), ' ', ' ', /*#__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
@@ -73,12 +73,12 @@ var _default = () => ({
73
73
  borderRadius: '15px',
74
74
  fontFamily: 'Nunito',
75
75
  boxSizing: 'border-box',
76
- backgroundColor: '#969696',
76
+ backgroundColor: '#646464',
77
77
  textTransform: 'capitalize',
78
78
  border: '1px solid #B4B4B4',
79
79
  padding: '1px 5px 0px 6px',
80
80
  '&:hover': {
81
- backgroundColor: '#969696'
81
+ backgroundColor: '#646464'
82
82
  }
83
83
  },
84
84
  divider: {
@@ -87,16 +87,16 @@ var _default = () => ({
87
87
  },
88
88
  /* Custom Styling by Project */
89
89
  localFind: {
90
- color: '#10A075'
90
+ color: '#7AA6B6'
91
91
  },
92
92
  localFindBackground: {
93
- backgroundColor: '#C0E9D7'
93
+ backgroundColor: '#E4ECE9'
94
94
  },
95
95
  facetSectionCases: {
96
- color: '#10A075'
96
+ color: '#7AA6B6'
97
97
  },
98
98
  facetSectionCasesBackground: {
99
- backgroundColor: '#C0E9D7'
99
+ backgroundColor: '#E4ECE9'
100
100
  },
101
101
  facetSectionFiles: {
102
102
  color: '#E636E4'
@@ -104,11 +104,41 @@ var _default = () => ({
104
104
  facetSectionFilesBackground: {
105
105
  backgroundColor: '#F5C3F1'
106
106
  },
107
+ facetSectionDemographics: {
108
+ color: '#7AA6B6'
109
+ },
110
+ facetSectionDemographicsBackground: {
111
+ backgroundColor: '#E4ECE9'
112
+ },
113
+ facetSectionDiagnosis: {
114
+ color: '#7AA6B6'
115
+ },
116
+ facetSectionDiagnosisBackground: {
117
+ backgroundColor: '#E4ECE9'
118
+ },
107
119
  facetSectionSamples: {
108
- color: '#10BEFF'
120
+ color: '#7AA6B6'
109
121
  },
110
122
  facetSectionSamplesBackground: {
111
- backgroundColor: '#C3EAF5'
123
+ backgroundColor: '#E4ECE9'
124
+ },
125
+ facetSectionAssay: {
126
+ color: '#7AA6B6'
127
+ },
128
+ facetSectionAssayBackground: {
129
+ backgroundColor: '#E4ECE9'
130
+ },
131
+ facetSectionStudy: {
132
+ color: '#7AA6B6'
133
+ },
134
+ facetSectionStudyBackground: {
135
+ backgroundColor: '#E4ECE9'
136
+ },
137
+ facetSectionLibrary: {
138
+ color: '#7AA6B6'
139
+ },
140
+ facetSectionLibraryBackground: {
141
+ backgroundColor: '#E4ECE9'
112
142
  }
113
143
  });
114
144
  exports.default = _default;
package/package.json CHANGED
@@ -1,14 +1,17 @@
1
1
  {
2
2
  "name": "@bento-core/query-bar",
3
- "version": "1.0.0",
4
- "description": "",
3
+ "version": "1.0.1-ccdihub.0",
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": {
7
7
  "build": "npm run lint && cross-env-shell rm -rf dist && NODE_ENV=production BABEL_ENV=es babel src --out-dir dist --copy-files",
8
8
  "test": "echo \"Error: no test specified\" && exit 1",
9
9
  "lint": "eslint src"
10
10
  },
11
- "repository": "https://github.com/CBIIT/bento-frontend",
11
+ "repository": {
12
+ "type": "git",
13
+ "url": "git+https://github.com/CBIIT/bento-frontend.git"
14
+ },
12
15
  "publishConfig": {
13
16
  "access": "public"
14
17
  },
@@ -25,5 +28,9 @@
25
28
  },
26
29
  "author": "CTOS Bento Team",
27
30
  "license": "ISC",
28
- "gitHead": "4493c4a5fa666211345fea022ec06841a323d446"
31
+ "bugs": {
32
+ "url": "https://github.com/CBIIT/bento-frontend/issues"
33
+ },
34
+ "homepage": "https://github.com/CBIIT/bento-frontend#readme",
35
+ "devDependencies": {}
29
36
  }
package/src/generators/QueryBarGenerator.js CHANGED
@@ -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
- Case IDs
116
+ Participant IDs
117
117
  </span>
118
118
  {' '}
119
119
  {' '}
package/src/generators/styles.js CHANGED
@@ -67,12 +67,12 @@ export default () => ({
67
67
  borderRadius: '15px',
68
68
  fontFamily: 'Nunito',
69
69
  boxSizing: 'border-box',
70
- backgroundColor: '#969696',
70
+ backgroundColor: '#646464',
71
71
  textTransform: 'capitalize',
72
72
  border: '1px solid #B4B4B4',
73
73
  padding: '1px 5px 0px 6px',
74
74
  '&:hover': {
75
- backgroundColor: '#969696',
75
+ backgroundColor: '#646464',
76
76
  },
77
77
  },
78
78
  divider: {
@@ -81,16 +81,16 @@ export default () => ({
81
81
  },
82
82
  /* Custom Styling by Project */
83
83
  localFind: {
84
- color: '#10A075',
84
+ color: '#7AA6B6',
85
85
  },
86
86
  localFindBackground: {
87
- backgroundColor: '#C0E9D7',
87
+ backgroundColor: '#E4ECE9',
88
88
  },
89
89
  facetSectionCases: {
90
- color: '#10A075',
90
+ color: '#7AA6B6',
91
91
  },
92
92
  facetSectionCasesBackground: {
93
- backgroundColor: '#C0E9D7',
93
+ backgroundColor: '#E4ECE9',
94
94
  },
95
95
  facetSectionFiles: {
96
96
  color: '#E636E4',
@@ -98,10 +98,40 @@ export default () => ({
98
98
  facetSectionFilesBackground: {
99
99
  backgroundColor: '#F5C3F1',
100
100
  },
101
+ facetSectionDemographics: {
102
+ color: '#7AA6B6',
103
+ },
104
+ facetSectionDemographicsBackground: {
105
+ backgroundColor: '#E4ECE9',
106
+ },
107
+ facetSectionDiagnosis: {
108
+ color: '#7AA6B6',
109
+ },
110
+ facetSectionDiagnosisBackground: {
111
+ backgroundColor: '#E4ECE9',
112
+ },
101
113
  facetSectionSamples: {
102
- color: '#10BEFF',
114
+ color: '#7AA6B6',
103
115
  },
104
116
  facetSectionSamplesBackground: {
105
- backgroundColor: '#C3EAF5',
117
+ backgroundColor: '#E4ECE9',
118
+ },
119
+ facetSectionAssay: {
120
+ color: '#7AA6B6',
121
+ },
122
+ facetSectionAssayBackground: {
123
+ backgroundColor: '#E4ECE9',
124
+ },
125
+ facetSectionStudy: {
126
+ color: '#7AA6B6',
127
+ },
128
+ facetSectionStudyBackground: {
129
+ backgroundColor: '#E4ECE9',
130
+ },
131
+ facetSectionLibrary: {
132
+ color: '#7AA6B6',
133
+ },
134
+ facetSectionLibraryBackground: {
135
+ backgroundColor: '#E4ECE9',
106
136
  },
107
137
  });