datajunction-ui 0.0.85 → 0.0.86

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "datajunction-ui",
3
- "version": "0.0.85",
3
+ "version": "0.0.86",
4
4
  "description": "DataJunction UI",
5
5
  "module": "src/index.tsx",
6
6
  "repository": {
@@ -295,7 +295,7 @@ export default function NodeInfoTab({ node }) {
295
295
  }}
296
296
  >
297
297
  <h6 className="mb-0 w-100">Cube Elements</h6>
298
- <div className={`list-group-item`}>
298
+ <div style={{ marginTop: '0.5rem' }}>
299
299
  {cubeElements.map(cubeElem =>
300
300
  cubeElem.type === 'metric' ? displayCubeElement(cubeElem) : '',
301
301
  )}
@@ -303,6 +303,26 @@ export default function NodeInfoTab({ node }) {
303
303
  cubeElem.type !== 'metric' ? displayCubeElement(cubeElem) : '',
304
304
  )}
305
305
  </div>
306
+ {node?.cube_filters?.length > 0 && (
307
+ <>
308
+ <h6 className="mb-0 w-100" style={{ marginTop: '1rem' }}>
309
+ Cube Filters
310
+ </h6>
311
+ <div style={{ marginTop: '0.5rem' }}>
312
+ {node.cube_filters.map((filter, idx) => (
313
+ <div
314
+ key={idx}
315
+ className="button-3 cube-element"
316
+ role="cell"
317
+ aria-label="CubeFilter"
318
+ aria-hidden="false"
319
+ >
320
+ <code style={{ fontSize: '12px' }}>{filter}</code>
321
+ </div>
322
+ ))}
323
+ </div>
324
+ </>
325
+ )}
306
326
  </div>
307
327
  </div>
308
328
  </div>
@@ -919,7 +919,7 @@ pre {
919
919
  .cube-element {
920
920
  color: #757575;
921
921
  font-size: 14px;
922
- padding: 0.25rem;
922
+ padding: 0.25rem 0.5rem;
923
923
  flex-grow: 1;
924
924
  display: table;
925
925
  line-height: 24px;