Merge pull request #502 from tableau/dev

Merge 1.9.0 release to main
tableau · Jul 12, 2022 · 60dc472 · 60dc472
2 parents de3316d + fab8de0
commit 60dc472
Show file tree

Hide file tree

Showing 119 changed files with 19,309 additions and 5,813 deletions.
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -11,12 +11,12 @@ on:
 
 jobs:
   build:
+    runs-on: ubuntu-latest
+
     strategy:
       matrix:
-        os: [ubuntu-latest, macos-latest, windows-latest]
         node-version: [12.x, 14.x, 16.x]
-
-    runs-on: ${{ matrix.os }}
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     # NOTE: There are no necessary tests to run for this repo
     steps:

diff --git a/Samples-Typescript/Formatting/formatting.html b/Samples-Typescript/Formatting/formatting.html
@@ -1,66 +1,96 @@
 <!DOCTYPE html>
 <html>
-<style>
-  .tooltip-header {
-    position: relative;
-    display: block;
-  }
+  <head>
+    <title>Tableau Formatting Demo</title>
 
-  .tooltip-header .tooltiptext {
-    visibility: hidden;
-    width: 250px;
-    background-color: rgb(223, 221, 233);
-    text-align: center;
-    border-radius: 6px;
-    padding: 5px 0;
-    position: absolute;
-    z-index: 1;
-    bottom: 125%;
-    left: 50%;
-    margin-left: -60px;
-    opacity: 0;
-    transition: opacity 0.3s;
-  }
+    <!-- jQuery -->
+    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 
-  .tooltip-header .tooltiptext::after {
-    content: "";
-    position: absolute;
-    top: 100%;
-    left: 50%;
-    margin-left: -5px;
-    border-width: 5px;
-    border-style: solid;
-    border-color: rgb(223, 221, 233) transparent transparent transparent;
-  }
+    <!-- Bootstrap -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
-  .tooltip-header:hover .tooltiptext {
-    visibility: visible;
-    opacity: 1;
-  }
+    <!-- Extensions Library (this will be hosted on a CDN eventually) -->
+    <script src="../../lib/tableau.extensions.1.latest.js"></script>
 
-</style>
-<head>
-  <title>Tableau Formatting Demo</title>
+    <!-- Our webpack'd extension's code -->
+    <script src="../../dist/formatting.js"></script>
 
-  <!-- jQuery -->
-  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
+    <style>
+      .tooltip-header {
+        position: relative;
+        display: block;
+      }
 
-  <!-- Bootstrap -->
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
-  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+      .tooltip-header .tooltiptext {
+        visibility: hidden;
+        width: 250px;
+        background-color: rgb(223, 221, 233);
+        text-align: center;
+        border-radius: 6px;
+        padding: 5px 0;
+        position: absolute;
+        z-index: 1;
+        bottom: 125%;
+        left: 50%;
+        margin-left: -60px;
+        opacity: 0;
+        transition: opacity 0.3s;
+      }
 
-  <!-- Extensions Library (this will be hosted on a CDN eventually) -->
-  <script src="../../lib/tableau.extensions.1.latest.js"></script>
+      .tooltip-header .tooltiptext::after {
+        content: '';
+        position: absolute;
+        top: 100%;
+        left: 50%;
+        margin-left: -5px;
+        border-width: 5px;
+        border-style: solid;
+        border-color: rgb(223, 221, 233) transparent transparent transparent;
+      }
 
-  <!-- Our webpack'd extension's code -->
-  <script src="../../dist/formatting.js"></script>
-</head>
-<body>
-  <div class="container">
-    <div>
-      <h1>Tableau Formatting Sample</h1>
-      <div id="formattingExample"></div>
+      .tooltip-header:hover .tooltiptext {
+        visibility: visible;
+        opacity: 1;
+      }
+      @media (-webkit-max-device-pixel-ratio: 1.99), (max-resolution: 191dpi) {
+        body {
+          font-family: 'Benton Sans Low-DPI', Arial, Helvetica, sans-serif;
+        }
+      }
+
+      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+        body {
+          font-family: 'Benton Sans', Arial, Helvetica, sans-serif;
+        }
+      }
+
+      input,
+      textarea,
+      button,
+      select {
+        font-family: inherit;
+      }
+
+      .italic-section {
+        font-style: italic;
+      }
+
+      .weight-100-section {
+        font-weight: 100;
+      }
+
+      .weight-bold-section {
+        font-weight: bold;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <div>
+        <h1>Tableau Formatting Sample</h1>
+        <div id="formattingExample"></div>
+      </div>
     </div>
-  </div>
-</body>
+  </body>
 </html>
diff --git a/Samples-Typescript/Formatting/formatting.tsx b/Samples-Typescript/Formatting/formatting.tsx
@@ -43,6 +43,11 @@ import * as ReactDOM from 'react-dom';
       const formattingChangedText = 'WorkbookFormattingChanged called ' + this.state.formattingUpdated + ' times';
 
       return <>
+        <hr />
+        <div>Benton Sans (regular) is the default font used for text elements in the Tableau UI.</div>
+        <div className='italic-section'>Benton Sans (italic) is used for generated fields.</div>
+        <div className='weight-bold-section'>Benton Sans (bold) is used for Tableau headings.</div>
+        <div className='weight-100-section'>Benton Sans (100) is a lightweight alternative</div>
         <h2 className={tableau.ClassNameKey.WorksheetTitle}>Subheader, using tableau-worksheet-title class</h2>
         <text className={tableau.ClassNameKey.Worksheet}>Text, using tableau-worksheet class</text>
         <h3 className='tooltip-header'>Hover to see tooltip text, which is using tableau-tooltip class

diff --git a/Samples/DashboardLayout/ClickThrough.trex → Samples/ClickThrough/ClickThrough.trex b/Samples/DashboardLayout/ClickThrough.trex → Samples/ClickThrough/ClickThrough.trex
@@ -7,7 +7,7 @@
     <author name="tableau" email="[email protected]" organization="tableau" website="https://www.tableau.com"/>
     <min-api-version>1.7</min-api-version>
     <source-location>
-      <url>http://localhost:8765/Samples/DashboardLayout/clickThrough.html</url>
+      <url>http://localhost:8765/Samples/ClickThrough/clickThrough.html</url>
     </source-location>
     <icon>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</icon>
   </dashboard-extension>

diff --git a/Samples/DashboardLayout/clickThrough.html → Samples/ClickThrough/clickThrough.html b/Samples/DashboardLayout/clickThrough.html → Samples/ClickThrough/clickThrough.html
diff --git a/Samples/DashboardLayout/clickThrough.js → Samples/ClickThrough/clickThrough.js b/Samples/DashboardLayout/clickThrough.js → Samples/ClickThrough/clickThrough.js
diff --git a/Samples/DashboardObjectVisibility/dashboardObjectVisibility.js b/Samples/DashboardObjectVisibility/dashboardObjectVisibility.js
@@ -1,6 +1,6 @@
 'use strict';
-let React;
-let ReactDOM;
+var React;
+var ReactDOM;
 
 // Wrap everything in an anonymous function to avoid polluting the global namespace
 (async () => {