Merge pull request #348 from Ro4052/transpose-button

Change transpose button to two-way arrow
finos · Dec 19, 2018 · de00bc9 · de00bc9
2 parents 69c74b4 + 6397f09
commit de00bc9
Show file tree

Hide file tree

Showing 5 changed files with 112 additions and 122 deletions.
diff --git a/packages/perspective-viewer-highcharts/test/results/results.json b/packages/perspective-viewer-highcharts/test/results/results.json
@@ -8,80 +8,80 @@
     "superstore.html/sorts by an alpha column.": "2643e0b5787b6e8e85f122b1713d01cd",
     "superstore.html/displays visible columns.": "1da296527f149393be8f3f99e34b3e4a",
     "bar.html/shows a grid without any settings applied.": "569d0ee0c960631d29d02dd0494dc8d9",
-    "bar.html/pivots by a row.": "47a83da0b3c2fb4fd7401ffb6639f77c",
-    "bar.html/pivots by two rows.": "76f76b187f55c6a20c55fae078f405a3",
-    "bar.html/pivots by a row and a column.": "4e3b5e5ea753eaf201a57d6466731e0d",
-    "bar.html/pivots by two rows and two columns.": "f0856a8ce524479a8e90249cd1e4f9fc",
-    "bar.html/sorts by a numeric column.": "c8ef7f6026f6debb2235f0e7ee33096e",
-    "bar.html/filters by a numeric column.": "aacd9d593196796299559db81c14834e",
-    "bar.html/sorts by an alpha column.": "f762309d00181eb7569ae472b6737909",
-    "bar.html/sorts by a hidden column.": "5021b1a77a9d2d2a1d4ffca1a213165e",
-    "bar.html/displays visible columns.": "cae1fa383a7be4854fa80d0fa3b18786",
+    "bar.html/pivots by a row.": "e89c90cb478b31a470455563ae48a91d",
+    "bar.html/pivots by two rows.": "b7cc128d9548df0abc1f92b7446226a7",
+    "bar.html/pivots by a row and a column.": "92ac16af4e7c82d0ba6c6e0eeba9f0a1",
+    "bar.html/pivots by two rows and two columns.": "a9696421ce25237d3d6d103fe15ce11e",
+    "bar.html/sorts by a numeric column.": "df87feee90ea768a69fa65c62cfe05ce",
+    "bar.html/filters by a numeric column.": "1a5309b205774a493090d686b69de08b",
+    "bar.html/sorts by an alpha column.": "0a1f7c5134dd52d28dec8bcc122da6e2",
+    "bar.html/sorts by a hidden column.": "39b15d49901ff6cfa60fbaf32d5e9743",
+    "bar.html/displays visible columns.": "04b5ada7fd8bd0bb8c5181f5b67bb3eb",
     "bar.html/tooltip shows on hover.": "5e2642322aa336e51d555eb1a9217233",
     "line.html/shows a grid without any settings applied.": "0b2bf69f96fc963f5b23f1ae16657c0a",
-    "line.html/pivots by a row.": "d870402b9d40e044c716b74ec63ed9f3",
-    "line.html/pivots by two rows.": "2d4adb982df685ef908224bad86c9c8e",
-    "line.html/pivots by a row and a column.": "b86ae620c2fbf447deda40d0bd355a2d",
-    "line.html/pivots by two rows and two columns.": "0c1a95397312de074e53fad96e3b7a63",
-    "line.html/sorts by a numeric column.": "c175ce092a90335b31033523e3846951",
-    "line.html/sorts by an alpha column.": "cb5f4bcd542b5b65c954c5d3435a828a",
-    "line.html/sorts by a hidden column.": "27779f2c54b4eb764bb0aa6f1c3e3e6a",
-    "line.html/filters by a numeric column.": "5a2c4726035f3c9d07f4f10abbfb940e",
-    "line.html/displays visible columns.": "aaf56d330f910809989483077c8f5943",
-    "line.html/tooltip shows on hover.": "9754ca4d31e51374b6d943669e979616",
+    "line.html/pivots by a row.": "fbd8a1e3efd49c90a021f6479b71e01e",
+    "line.html/pivots by two rows.": "605ad0dc03939f13a506fb3fdd395ca5",
+    "line.html/pivots by a row and a column.": "9080d38c7e00b028913da05574ef28fa",
+    "line.html/pivots by two rows and two columns.": "02980ae02ab3eb3e797ebf4ed0022731",
+    "line.html/sorts by a numeric column.": "d05a99e8cf96e773aa5e957fdfe02276",
+    "line.html/sorts by an alpha column.": "04c7f575c370080b314b69cb5f8767d9",
+    "line.html/sorts by a hidden column.": "9acf24c8ddf21811844835364651aac9",
+    "line.html/filters by a numeric column.": "4e9c42a979c25846c49ed73d89b4ae0d",
+    "line.html/displays visible columns.": "98b00fe6bee25d24f0438d528f838595",
+    "line.html/tooltip shows on hover.": "7e31530199c984275241a1900a161c85",
     "heatmap.html/shows a grid without any settings applied.": "234b18167a59c6db61a7be3a1ab43059",
-    "heatmap.html/pivots by a row.": "6c7067a600b7d728f7b9acb816cb2846",
-    "heatmap.html/pivots by two rows.": "52c2b25acce14695f91fecee0a2ca309",
-    "heatmap.html/pivots by a row and a column.": "f080ed772cb1bffc8fcb1605de972eae",
-    "heatmap.html/pivots by two rows and two columns.": "9d338aadb1e36b678933655eac6d4cdd",
-    "heatmap.html/sorts by a hidden column.": "630387223c32e9b823bb0c28b6ffe57d",
-    "heatmap.html/sorts by a numeric column.": "1a99d14451ba445fdc1c7f81373c2ff8",
-    "heatmap.html/filters by a numeric column.": "2fa78d5e1637fc2cfae7aa873d23c7fe",
-    "heatmap.html/sorts by an alpha column.": "04e1228e72ebd9e9f32598682543739b",
-    "heatmap.html/displays visible columns.": "920ed22085b4a9fc4aea5d8f59292ecc",
+    "heatmap.html/pivots by a row.": "0821478d33af01a7a92560a345944cb7",
+    "heatmap.html/pivots by two rows.": "5262b116ad86ac815ebfc075613059df",
+    "heatmap.html/pivots by a row and a column.": "63bedf5bc27d00715e5bec36151d05bb",
+    "heatmap.html/pivots by two rows and two columns.": "2951dae159746d1719b5b5d629c0c32b",
+    "heatmap.html/sorts by a hidden column.": "2328e0a86cf1c8eeeb539715ad2d31d2",
+    "heatmap.html/sorts by a numeric column.": "d6ee7d17932186408bd01091689590c4",
+    "heatmap.html/filters by a numeric column.": "c8065805b6527e56d0c0ab9895b6f67a",
+    "heatmap.html/sorts by an alpha column.": "50fe09a18ed85476a6eff3917362e0dd",
+    "heatmap.html/displays visible columns.": "dbb9818996b06abdcfc4982aae4e5343",
     "heatmap.html/tooltip shows on hover.": "9c2c0e13c01bbef394318a6c8b5ed163",
     "scatter.html/shows a grid without any settings applied.": "0e2ef511cb203a4fe63d51e99dff9753",
-    "scatter.html/pivots by a row.": "37c1abaeb2e252d91c4bb1ef64c75e63",
-    "scatter.html/pivots by two rows.": "d694d7c9cff1b46635131f36a43ef44c",
-    "scatter.html/pivots by a row and a column.": "11bc0826b2c6a061dec1dca16b4f46ad",
-    "scatter.html/pivots by two rows and two columns.": "8049399b9d9f2a811ce13be2abb86a05",
-    "scatter.html/sorts by a hidden column.": "ffd7f224089cfa6bd9ac7c471f843f46",
-    "scatter.html/sorts by a numeric column.": "25f0cfbcc79bd34235c0ff4fd4341467",
-    "scatter.html/filters by a numeric column.": "a7d349fe705edab99ae9a9f1a2ce17a7",
-    "scatter.html/sorts by an alpha column.": "32b88c400a4122169af7301d10c5383d",
-    "scatter.html/displays visible columns.": "7f83357879ecb28831ce992d3279183e",
-    "scatter.html/tooltip shows on hover.": "efe51febbbe56d4a7147050c45a6673e",
+    "scatter.html/pivots by a row.": "0fc73a588bb5161978ee733bc6d40f41",
+    "scatter.html/pivots by two rows.": "d32d1b4e0d66da39697c9e8f9370cd2d",
+    "scatter.html/pivots by a row and a column.": "7b45fc5e69fa37f7bf15d0909d17b124",
+    "scatter.html/pivots by two rows and two columns.": "3874ae8caff32a7abfea502ee4404e22",
+    "scatter.html/sorts by a hidden column.": "7ecfa608b15d1b181c47d891d311dfd9",
+    "scatter.html/sorts by a numeric column.": "5d80c797e91dce7535cb4f3fb4310b95",
+    "scatter.html/filters by a numeric column.": "1bb8e7232c1cd9afca43c7b980b79ba8",
+    "scatter.html/sorts by an alpha column.": "26e51a69c6fe98d11c72274567789beb",
+    "scatter.html/displays visible columns.": "ebb33d728e0bb23d7eef0590b549da2f",
+    "scatter.html/tooltip shows on hover.": "c2de9d8fb91b6e3d51f29ef00201e03d",
     "treemap.html/shows a grid without any settings applied.": "322cc928bded452cf3e9156eda5b6bc1",
-    "treemap.html/pivots by a row.": "51201d8612ed4b26bd9e6e64043a8a2c",
-    "treemap.html/pivots by two rows.": "b9d8ac6075d6abe292b12bbb5a6e12cb",
-    "treemap.html/pivots by a row and a column.": "3290a5d8667acc77dc1765cb76dd145b",
-    "treemap.html/pivots by two rows and two columns.": "98fbaa498866f33da0bd378312f6a8e3",
-    "treemap.html/sorts by a hidden column.": "a99b0e003c6e5d0a15d91f5d5692d8fd",
-    "treemap.html/sorts by a numeric column.": "82ac8abb3cd250e398afde04bebef371",
-    "treemap.html/filters by a numeric column.": "58b8c58eb5239654f209beaee9c521bc",
-    "treemap.html/sorts by an alpha column.": "13f657e92cd39df1443f0e9547b91635",
-    "treemap.html/displays visible columns.": "0891d09772ddcbacd0ba78e4aaab63c6",
-    "treemap.html/tooltip shows on hover.": "10087a3dc7435662d333bae966bdd25c",
-    "scatter.html/pivots by a column.": "ad7a7581df2abe508ee60a3df3348f42",
-    "heatmap.html/pivots by a column.": "b541c1708578564bc3f22047734bea62",
-    "line.html/pivots by a column.": "5c2f5fdad461949ffa75ef8871a37055",
-    "bar.html/pivots by a column.": "3cad809f8b6cc14e03a064ced40ef1b5",
-    "treemap.html/pivots by a column.": "9b7d0fe0723bbdcbdaf5cfe6321db477",
-    "line.html/sets a category X axis when pivoted by a datetime.": "6e95ef3ac8dc181d3fda59798ff797ed",
-    "line.html/sets a category axis when the axis type is a string.": "83467b4949fea34e3b0cade60c47b59d",
-    "scatter.html/sets a category X axis when pivoted by a datetime.": "988ece6c9408543cd232246cecf367eb",
-    "scatter.html/sets a category axis when the axis type is a string.": "599daf8284c1ab44f0a81be6c0e94b5e",
+    "treemap.html/pivots by a row.": "bcc601e62245af4e206d94bcbbe605e5",
+    "treemap.html/pivots by two rows.": "d796e071652d450da65ff73d58b58155",
+    "treemap.html/pivots by a row and a column.": "4358f9e890a265cff1303651101694cc",
+    "treemap.html/pivots by two rows and two columns.": "bdece12d396c42ac86afd36a3bfe6403",
+    "treemap.html/sorts by a hidden column.": "361cb1c47b5a6710319904c9c270101f",
+    "treemap.html/sorts by a numeric column.": "4ac1683b5e1d68a2423e15e2b846b8c3",
+    "treemap.html/filters by a numeric column.": "514acc4c586b399ba8e3bb50499c51c0",
+    "treemap.html/sorts by an alpha column.": "a1d5c6c5072f532bff738de3b03bad24",
+    "treemap.html/displays visible columns.": "0a0502fcc060d4ae33066d48336434a7",
+    "treemap.html/tooltip shows on hover.": "928b9483af6bb687e44d5bf95970730d",
+    "scatter.html/pivots by a column.": "bb4fd01d6ea13eecae349bb4417338a1",
+    "heatmap.html/pivots by a column.": "11285a175a5b17ec3b369058dacce730",
+    "line.html/pivots by a column.": "9332326f2007deb02e3b01ecf162e67d",
+    "bar.html/pivots by a column.": "61dd0d7c59390a7ae2f92c568c859b2b",
+    "treemap.html/pivots by a column.": "c442f20e5edaf8bdf6962a7542116852",
+    "line.html/sets a category X axis when pivoted by a datetime.": "a2bcce27bcd87d3702eb7705d01c43ed",
+    "line.html/sets a category axis when the axis type is a string.": "05bd07d26636b23529493942f95f0bb7",
+    "scatter.html/sets a category X axis when pivoted by a datetime.": "16974f8b53ebacb1c7623a1fe38f1440",
+    "scatter.html/sets a category axis when the axis type is a string.": "f23b33cfe1abfc7799ca03407a177ee4",
     "bar.html/tooltip shows column label.": "5e2642322aa336e51d555eb1a9217233",
-    "bar.html/tooltip shows proper column labels based on hover target.": "c96cc07d3963dff8ef231226638efe2b",
-    "bar.html/tooltip shows proper column labels based on hover target, pt2.": "ffd2c53bbd82ad8e9ab451f6f6085ebe",
-    "bar.html/tooltip shows pivot labels.": "a89c7d25688533de386b41e1a03c239c",
+    "bar.html/tooltip shows proper column labels based on hover target.": "6e2dc02d168620a80d1e2ccafcee7e0a",
+    "bar.html/tooltip shows proper column labels based on hover target, pt2.": "5ddb61429416307bcbae7ba583f357e1",
+    "bar.html/tooltip shows pivot labels.": "79f7c19660b15d690304e948b42f1ded",
     "scatter.html/tooltip shows proper column labels.": "efe51febbbe56d4a7147050c45a6673e",
-    "scatter.html/tooltip shows pivot labels.": "cfcf1aa879d7cc315b507d2e5d5f540c",
+    "scatter.html/tooltip shows pivot labels.": "d67c91737e904a43e08983f267419b8b",
     "line.html/tooltip shows proper column labels.": "9754ca4d31e51374b6d943669e979616",
-    "line.html/tooltip shows pivot labels.": "ef28cd5b4d790c67a47dafc8b976a726",
+    "line.html/tooltip shows pivot labels.": "9a9f767f68c326061841ea34e6a20fdb",
     "render_warning.html/render warning should not show under size limit.": "fbac6926fcc91ed2d40755b6ec21d9b4",
-    "render_warning.html/render warning should show above size limit.": "b53fd2275c79ccb63afe460ab4b0e786",
-    "render_warning.html/dismissing render warning should trigger render.": "964aea475f68e1757f817f7f6d9f0665",
-    "render_warning.html/selecting 'do not show again' should stop render warnings.": "964aea475f68e1757f817f7f6d9f0665",
-    "render_warning.html/underlying data updates should not trigger rerender if warning is visible.": "7bdf0c139100e9cd26e9731ddfa5879c"
+    "render_warning.html/render warning should show above size limit.": "6b6f46fd4075987564eee7df17652d3d",
+    "render_warning.html/dismissing render warning should trigger render.": "1338b4720cc3374d42fe4c75a9e3dc8b",
+    "render_warning.html/selecting 'do not show again' should stop render warnings.": "1338b4720cc3374d42fe4c75a9e3dc8b",
+    "render_warning.html/underlying data updates should not trigger rerender if warning is visible.": "e606e604c4ade6671319f8d049ee5a63"
 }
diff --git a/packages/perspective-viewer-hypergrid/test/results/results.json b/packages/perspective-viewer-hypergrid/test/results/results.json
@@ -1,19 +1,19 @@
 {
-    "regressions.html/regular updates": "2d9fb83eb16fd22e3dd92ed4f61d2744",
+    "regressions.html/regular updates": "14abd51c3cae1919119d9f88bfbc5cd3",
     "superstore.html/shows a grid without any settings applied.": "59ecbb591317976232b7dc078b79e164",
-    "superstore.html/pivots by a row.": "8a45c0b3a59197cdaf0b6b0837031ea7",
-    "superstore.html/pivots by two rows.": "1ada90ce36fc27a56a3ddc9a9bd5eb48",
-    "superstore.html/pivots by a row and a column.": "4d237b4e2bfbc43f56511c12aaef4d6f",
-    "superstore.html/pivots by two rows and two columns.": "18cd6ae17850bfa63e5be981ea0bdf13",
-    "superstore.html/sorts by a numeric column.": "5369e5c8b2807a48ce6a24df25c6a7ba",
-    "superstore.html/sorts by an alpha column.": "b757268627cb43de2997427c51b8c51d",
-    "superstore.html/displays visible columns.": "c18220c1ef3df5b58e40464e7a24aa2d",
-    "superstore.html/resets viewable area when the logical size expands.": "2f26c0a444eb534abe4a79e1860034e0",
+    "superstore.html/pivots by a row.": "0eab9174593f50e58b92ae047ea97068",
+    "superstore.html/pivots by two rows.": "5552a85a31321fe2495fc8aec3d457d9",
+    "superstore.html/pivots by a row and a column.": "404fd705b0145f4bbf31f7bd1bccebe6",
+    "superstore.html/pivots by two rows and two columns.": "8527820a72137b6c459a0e13a11a765d",
+    "superstore.html/sorts by a numeric column.": "3838ecb375fe4450079c1f54969d2239",
+    "superstore.html/sorts by an alpha column.": "0c65ce1fbb1035414fd98ca6bb26c493",
+    "superstore.html/displays visible columns.": "5dd292347e4a969425d8c2b216e802ae",
+    "superstore.html/resets viewable area when the logical size expands.": "a5d1bad309edf83ceef190dd19d867ec",
     "superstore.html/resets viewable area when the physical size expands.": "59ecbb591317976232b7dc078b79e164",
-    "superstore.html/sorts by a hidden column.": "2258b0f435bdd12418befe543f97ee55",
-    "superstore.html/filters by a numeric column.": "acab16646f2a7198610ad906412d43d5",
-    "superstore.html/pivots by a column.": "fb5e1247513754c9bbf206f002c3b0a3",
+    "superstore.html/sorts by a hidden column.": "042756bbc39aeb729bc4108cde465ec8",
+    "superstore.html/filters by a numeric column.": "a100080f91cae951339cf5b956b5c2cc",
+    "superstore.html/pivots by a column.": "523c39ab27ca610b5ed179cbe742ec5b",
     "superstore.html/collapses to depth smaller than viewport": "bdd25c1c40781478bd040d5816b887a6",
-    "regressions.html/saving a computed column does not interrupt update rendering": "6f6bfce96b1120c67bf6145b00225c9e",
-    "empty.html/empty grids do not explode": "77797cda77c9ab250d4c84e7ca44188a"
+    "regressions.html/saving a computed column does not interrupt update rendering": "da13afb4284b9c3da21ed57c6ba69301",
+    "empty.html/empty grids do not explode": "423ca653bbcbc21a28029c149a37b8ec"
 }
diff --git a/packages/perspective-viewer/src/html/viewer.html b/packages/perspective-viewer/src/html/viewer.html
@@ -42,7 +42,7 @@
                         </div>
                     </div>
                 </div>
-                <span id="transpose_button" class="rrow centered">&#x2715;</span>
+                <span id="transpose_button" class="rrow centered">&#x21C4;</span>
                 <div class="rrow">
                     <div id="column_pivots">
                         <div class="psp-text-field">
@@ -89,4 +89,4 @@
         <slot></slot>
     </div>
 
-</template>
+</template>