Skip to content

Commit 60dc472

Browse files
authored
Merge pull request #502 from tableau/dev
Merge 1.9.0 release to main
2 parents de3316d + fab8de0 commit 60dc472

File tree

119 files changed

+19309
-5813
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

119 files changed

+19309
-5813
lines changed

.github/workflows/main.yml

+3-3
Original file line numberDiff line numberDiff line change
@@ -11,12 +11,12 @@ on:
1111

1212
jobs:
1313
build:
14+
runs-on: ubuntu-latest
15+
1416
strategy:
1517
matrix:
16-
os: [ubuntu-latest, macos-latest, windows-latest]
1718
node-version: [12.x, 14.x, 16.x]
18-
19-
runs-on: ${{ matrix.os }}
19+
# See supported Node.js release schedule at https://nodejs.org/en/about/releases/
2020

2121
# NOTE: There are no necessary tests to run for this repo
2222
steps:
+84-54
Original file line numberDiff line numberDiff line change
@@ -1,66 +1,96 @@
11
<!DOCTYPE html>
22
<html>
3-
<style>
4-
.tooltip-header {
5-
position: relative;
6-
display: block;
7-
}
3+
<head>
4+
<title>Tableau Formatting Demo</title>
85

9-
.tooltip-header .tooltiptext {
10-
visibility: hidden;
11-
width: 250px;
12-
background-color: rgb(223, 221, 233);
13-
text-align: center;
14-
border-radius: 6px;
15-
padding: 5px 0;
16-
position: absolute;
17-
z-index: 1;
18-
bottom: 125%;
19-
left: 50%;
20-
margin-left: -60px;
21-
opacity: 0;
22-
transition: opacity 0.3s;
23-
}
6+
<!-- jQuery -->
7+
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
248

25-
.tooltip-header .tooltiptext::after {
26-
content: "";
27-
position: absolute;
28-
top: 100%;
29-
left: 50%;
30-
margin-left: -5px;
31-
border-width: 5px;
32-
border-style: solid;
33-
border-color: rgb(223, 221, 233) transparent transparent transparent;
34-
}
9+
<!-- Bootstrap -->
10+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
11+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
3512

36-
.tooltip-header:hover .tooltiptext {
37-
visibility: visible;
38-
opacity: 1;
39-
}
13+
<!-- Extensions Library (this will be hosted on a CDN eventually) -->
14+
<script src="../../lib/tableau.extensions.1.latest.js"></script>
4015

41-
</style>
42-
<head>
43-
<title>Tableau Formatting Demo</title>
16+
<!-- Our webpack'd extension's code -->
17+
<script src="../../dist/formatting.js"></script>
4418

45-
<!-- jQuery -->
46-
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
19+
<style>
20+
.tooltip-header {
21+
position: relative;
22+
display: block;
23+
}
4724

48-
<!-- Bootstrap -->
49-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
50-
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
25+
.tooltip-header .tooltiptext {
26+
visibility: hidden;
27+
width: 250px;
28+
background-color: rgb(223, 221, 233);
29+
text-align: center;
30+
border-radius: 6px;
31+
padding: 5px 0;
32+
position: absolute;
33+
z-index: 1;
34+
bottom: 125%;
35+
left: 50%;
36+
margin-left: -60px;
37+
opacity: 0;
38+
transition: opacity 0.3s;
39+
}
5140

52-
<!-- Extensions Library (this will be hosted on a CDN eventually) -->
53-
<script src="../../lib/tableau.extensions.1.latest.js"></script>
41+
.tooltip-header .tooltiptext::after {
42+
content: '';
43+
position: absolute;
44+
top: 100%;
45+
left: 50%;
46+
margin-left: -5px;
47+
border-width: 5px;
48+
border-style: solid;
49+
border-color: rgb(223, 221, 233) transparent transparent transparent;
50+
}
5451

55-
<!-- Our webpack'd extension's code -->
56-
<script src="../../dist/formatting.js"></script>
57-
</head>
58-
<body>
59-
<div class="container">
60-
<div>
61-
<h1>Tableau Formatting Sample</h1>
62-
<div id="formattingExample"></div>
52+
.tooltip-header:hover .tooltiptext {
53+
visibility: visible;
54+
opacity: 1;
55+
}
56+
@media (-webkit-max-device-pixel-ratio: 1.99), (max-resolution: 191dpi) {
57+
body {
58+
font-family: 'Benton Sans Low-DPI', Arial, Helvetica, sans-serif;
59+
}
60+
}
61+
62+
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
63+
body {
64+
font-family: 'Benton Sans', Arial, Helvetica, sans-serif;
65+
}
66+
}
67+
68+
input,
69+
textarea,
70+
button,
71+
select {
72+
font-family: inherit;
73+
}
74+
75+
.italic-section {
76+
font-style: italic;
77+
}
78+
79+
.weight-100-section {
80+
font-weight: 100;
81+
}
82+
83+
.weight-bold-section {
84+
font-weight: bold;
85+
}
86+
</style>
87+
</head>
88+
<body>
89+
<div class="container">
90+
<div>
91+
<h1>Tableau Formatting Sample</h1>
92+
<div id="formattingExample"></div>
93+
</div>
6394
</div>
64-
</div>
65-
</body>
95+
</body>
6696
</html>

Samples-Typescript/Formatting/formatting.tsx

+5
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,11 @@ import * as ReactDOM from 'react-dom';
4343
const formattingChangedText = 'WorkbookFormattingChanged called ' + this.state.formattingUpdated + ' times';
4444

4545
return <>
46+
<hr />
47+
<div>Benton Sans (regular) is the default font used for text elements in the Tableau UI.</div>
48+
<div className='italic-section'>Benton Sans (italic) is used for generated fields.</div>
49+
<div className='weight-bold-section'>Benton Sans (bold) is used for Tableau headings.</div>
50+
<div className='weight-100-section'>Benton Sans (100) is a lightweight alternative</div>
4651
<h2 className={tableau.ClassNameKey.WorksheetTitle}>Subheader, using tableau-worksheet-title class</h2>
4752
<text className={tableau.ClassNameKey.Worksheet}>Text, using tableau-worksheet class</text>
4853
<h3 className='tooltip-header'>Hover to see tooltip text, which is using tableau-tooltip class

Samples/DashboardLayout/ClickThrough.trex renamed to Samples/ClickThrough/ClickThrough.trex

+1-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<author name="tableau" email="[email protected]" organization="tableau" website="https://www.tableau.com"/>
88
<min-api-version>1.7</min-api-version>
99
<source-location>
10-
<url>http://localhost:8765/Samples/DashboardLayout/clickThrough.html</url>
10+
<url>http://localhost:8765/Samples/ClickThrough/clickThrough.html</url>
1111
</source-location>
1212
<icon>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</icon>
1313
</dashboard-extension>

Samples/DashboardObjectVisibility/dashboardObjectVisibility.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
'use strict';
2-
let React;
3-
let ReactDOM;
2+
var React;
3+
var ReactDOM;
44

55
// Wrap everything in an anonymous function to avoid polluting the global namespace
66
(async () => {

0 commit comments

Comments
 (0)