@bento-core/query-bar 1.0.1-icdc.7 → 1.0.1-icdc.8

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.
package/README.md CHANGED
@@ -68,6 +68,20 @@ const CONFIG = {
68
68
  * @var {boolean}
69
69
  */
70
70
  group: 'group',
71
+
72
+ /**
73
+ * root path of bento app {window.location.href} or react PUBLIC_URL
74
+ * PR (https://github.com/CBIIT/bento-icdc-frontend/pull/953)
75
+ * @var {string}
76
+ */
77
+ rootPath: null,
78
+ /**
79
+ * display query URL
80
+ * @var {boolean}
81
+ * PR (https://github.com/CBIIT/bento-icdc-frontend/pull/953)
82
+ */
83
+ viewQueryURL: false,
84
+
71
85
  },
72
86
 
73
87
  /* Component Helper Functions */
@@ -125,6 +139,7 @@ const CONFIG = {
125
139
  * @returns {void}
126
140
  */
127
141
  resetFacetSlider: (section) => {},
142
+
128
143
  },
129
144
  };
130
145
  ```
@@ -53,7 +53,9 @@ const QueryUrl = _ref => {
53
53
  target: "_blank",
54
54
  href: url,
55
55
  className: classes.link
56
- }, /*#__PURE__*/_react.default.createElement("span", null, url)), /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
56
+ }, /*#__PURE__*/_react.default.createElement("p", {
57
+ className: classes.viewLink
58
+ }, url)), /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
57
59
  arrow: true,
58
60
  title: "Copy to Clipboard"
59
61
  }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
@@ -27,12 +27,12 @@ var _default = {
27
27
  * root path of bento app
28
28
  * @var {boolean}
29
29
  */
30
- rootPath: null,
30
+ rootPath: 'http://localhost:3000/',
31
31
  /**
32
32
  * display query URL
33
33
  * @var {boolean}
34
34
  */
35
- viewQueryURL: false
35
+ viewQueryURL: true
36
36
  },
37
37
  /* Component Helper Functions */
38
38
  functions: {
@@ -130,11 +130,21 @@ var _default = () => ({
130
130
  fontWeight: '500',
131
131
  lineHeight: '16px',
132
132
  letterSpacing: '0em',
133
- color: '#1D79A8',
134
- backgroundColor: '#fff',
135
133
  padding: '5px',
136
134
  borderRadius: '5px',
137
- marginLeft: '10px'
135
+ marginLeft: '10px',
136
+ float: 'left',
137
+ color: '#1D79A8',
138
+ backgroundColor: '#fff'
139
+ },
140
+ viewLink: {
141
+ maxWidth: '800px',
142
+ maxHeight: '1em',
143
+ display: '-webkit-box',
144
+ '-webkit-box-orient': 'vertical',
145
+ '-webkit-line-clamp': '1',
146
+ overflow: 'hidden',
147
+ margin: '0'
138
148
  },
139
149
  viewLinkToggleBtn: {
140
150
  height: '20px',
@@ -147,6 +157,7 @@ var _default = () => ({
147
157
  backgroundColor: '#1D79A8',
148
158
  textTransform: 'none',
149
159
  color: '#fff',
160
+ float: 'left',
150
161
  '&:hover': {
151
162
  backgroundColor: '#1D79A8',
152
163
  color: '#fff'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bento-core/query-bar",
3
- "version": "1.0.1-icdc.7",
3
+ "version": "1.0.1-icdc.8",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
@@ -17,8 +17,7 @@
17
17
  "clsx": "^1.2.1",
18
18
  "react": "^17.0.2",
19
19
  "react-dom": "^17.0.0",
20
- "react-redux": "^7.2.1",
21
- "@material-ui/icons": "^4.11.3"
20
+ "react-redux": "^7.2.1"
22
21
  },
23
22
  "dependencies": {
24
23
  "@bento-core/facet-filter": "^1.0.0",
@@ -51,9 +51,9 @@ const QueryUrl = ({
51
51
  href={url}
52
52
  className={classes.link}
53
53
  >
54
- <span>
54
+ <p className={classes.viewLink}>
55
55
  {url}
56
- </span>
56
+ </p>
57
57
  </Link>
58
58
  <Tooltip
59
59
  arrow
@@ -21,12 +21,12 @@ export default {
21
21
  * root path of bento app
22
22
  * @var {boolean}
23
23
  */
24
- rootPath: null,
24
+ rootPath: 'http://localhost:3000/',
25
25
  /**
26
26
  * display query URL
27
27
  * @var {boolean}
28
28
  */
29
- viewQueryURL: false,
29
+ viewQueryURL: true,
30
30
  },
31
31
 
32
32
  /* Component Helper Functions */
@@ -124,11 +124,21 @@ export default () => ({
124
124
  fontWeight: '500',
125
125
  lineHeight: '16px',
126
126
  letterSpacing: '0em',
127
- color: '#1D79A8',
128
- backgroundColor: '#fff',
129
127
  padding: '5px',
130
128
  borderRadius: '5px',
131
129
  marginLeft: '10px',
130
+ float: 'left',
131
+ color: '#1D79A8',
132
+ backgroundColor: '#fff',
133
+ },
134
+ viewLink: {
135
+ maxWidth: '800px',
136
+ maxHeight: '1em',
137
+ display: '-webkit-box',
138
+ '-webkit-box-orient': 'vertical',
139
+ '-webkit-line-clamp': '1',
140
+ overflow: 'hidden',
141
+ margin: '0',
132
142
  },
133
143
  viewLinkToggleBtn: {
134
144
  height: '20px',
@@ -141,6 +151,7 @@ export default () => ({
141
151
  backgroundColor: '#1D79A8',
142
152
  textTransform: 'none',
143
153
  color: '#fff',
154
+ float: 'left',
144
155
  '&:hover': {
145
156
  backgroundColor: '#1D79A8',
146
157
  color: '#fff',