playbook_ui_docs 13.5.0.pre.alpha.play984collapsiblekithidestooltips1203 → 13.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bdffe95c54b0757edbf916c158fe0e74794fff71c94d99bac09c95d7387c12df
-  data.tar.gz: 0ec99686bb3b620cb3411ee6921b9611df02d2435ecfaac59cbfeb0c41160a46
+  metadata.gz: a52479a874399aede5baaf0aba7761ba2bc5356a4c5b181a86088e7c13ef96f6
+  data.tar.gz: 48e502ad78059d5db41e0cd873ae0e6f77f92ea560f2e21950f276068f1a6160
 SHA512:
-  metadata.gz: 10ee5bd3ffb489721c0e3df6a8f4885e617550c70d8e49f59cb6d19d7a4c593b662e6ca1155e7414beefe64194f6c2005806cfb4e48a30c01a485d36dfd5bf7c
-  data.tar.gz: 465f237b14da61176f586b812ee67c243ed002d3d0b0710f96d6ad1b6b0245c3b0937d0576a7d88c238941c1dbca17cf7ddea8f81242e538bec3f8be4e937b50
+  metadata.gz: 62f934b940778238c163fa0cd2586e2afc364a252492cacf13a1bc6a0e6ec2d368b1f8eb145e85eec156b3ea06aa261350fba93b5e7a22bee47bb20c16520a98
+  data.tar.gz: facc03fa04b8797492b8221b8813924e39886df2c66cb86b2d7126d29fe51b412a7e4c1fb422d6714575ae3eb889ffffd78bc1a290ad594cfb1780e4dd6cbca5

data/app/pb_kits/playbook/pb_table/docs/_table_header.html.erb

@@ -1,32 +1,28 @@
 <%= pb_rails("table", props: { size: "lg"} ) do %>
   <thead>
     <tr>
-      <%= pb_rails("table/table_header", props: {
-        text: "Territory",
-        id: "territory",
-        sort_menu: [
-          { item: "Territory", link: "?sort=territory_desc", active: params["sort"] == "territory_desc", direction: "desc" },
-          { item: "Territory", link: "?sort=territory_asc", active: params["sort"] == "territory_asc", direction: "asc" }
-        ],
-      }) %>
       <%= pb_rails("table/table_header", props: {
         id: "name",
-        text: "Full Name",
         colspan: 2,
         sort_menu: [
-          { item: "First Name Descending", link: "?sort=firstname_desc", active: params["sort"] == "firstname_desc", direction: "desc" },
-          { item: "First Name Ascending", link: "?sort=firstname_asc", active: params["sort"] == "firstname_asc", direction: "asc" },
-          { item: "Last Name Descending", link: "?sort=lastname_desc", active: params["sort"] == "lastname_desc", direction: "desc" },
-          { item: "Last Name Ascending", link: "?sort=lastname_asc", active: params["sort"] == "lastname_asc", direction: "asc" }
+          { item: "Name", link: "?q[sorts]=name+desc", active: false, direction: "desc" },
+          { item: "Name", link: "?q[sorts]=name+asc", active: true, direction: "asc" },
         ],
       }) %>
       <%= pb_rails("table/table_header", props: {
         text: "Age",
         id: "age",
-        sort_dropdown: true,
         sort_menu: [
-          { item: "Age Descending", link: "?sort=age_desc", active: params["sort"] == "age_desc", direction: "desc" },
-          { item: "Age Ascending", link: "?sort=age_asc", active: params["sort"] == "age_asc", direction: "asc" }
+          { item: "Age", link: "?q[sorts]=age+desc", active: false, direction: "desc" },
+          { item: "Age", link: "?q[sorts]=age+asc", active: false, direction: "asc" },
+        ],
+      }) %>
+      <%= pb_rails("table/table_header", props: {
+        text: "Territory",
+        id: "territory",
+        sort_menu: [
+          { item: "Territory", link: "?q[sorts]=territory+desc", active: false, direction: "desc" },
+          { item: "Territory", link: "?q[sorts]=territory+asc", active: false, direction: "asc" },
         ],
       }) %>
       <%= pb_rails("table/table_header", props: { text: "Job Title" }) %>
@@ -34,25 +30,25 @@
   </thead>
   <tbody>
     <tr>
-      <td>Ter 1</td>
-      <td>First Name 1</td>
-      <td>Last Name 1</td>
-      <td>Age 1</td>
-      <td>Job 1</td>
+      <td>Name 1</td>
+      <td>Name 2</td>
+      <td>Value 3</td>
+      <td>Value 4</td>
+      <td>Value 5</td>
     </tr>
     <tr>
-      <td>Ter 2</td>
-      <td>First Name 2</td>
-      <td>Last Name 2</td>
-      <td>Age 2</td>
-      <td>Job 2</td>
+      <td>Name 1</td>
+      <td>Name 2</td>
+      <td>Value 3</td>
+      <td>Value 4</td>
+      <td>Value 5</td>
     </tr>
     <tr>
-      <td>Ter 3</td>
-      <td>First Name 3</td>
-      <td>Last Name 3</td>
-      <td>Age 3</td>
-      <td>Job 3</td>
+      <td>Name 1</td>
+      <td>Name 2</td>
+      <td>Value 3</td>
+      <td>Value 4</td>
+      <td>Value 5</td>
     </tr>
   </tbody>
 <% end %>

data/app/pb_kits/playbook/pb_table/docs/_table_header.md

@@ -1,8 +1 @@
-The `table_header` subcomponent creates `<th>` elements and optionally accepts:
-
-* `colspan` (number) for setting column span
-* `sort_menu` accepts sort options as an array of `item` objects.
-presence of `sort_menu` enables the sort link within the header
-* `sort_dropdown` (boolean) optionally declares that (true) clicking a header's sort link opens a dropdown of sort options, or (false) each sort link click cycles through available sort_menu items in the order they are passed
-  * passing a valid `colspan` will render sort options within a dropdown by default, without requiring `sort_dropdown` explicitly. Alternatively, the default sort dropdown can be prevented on headers with `colspan` by setting `sort_dropdown: false`, which reverts the column to sorting to multi-click default (each click of the sort link cycles through the available sort_menu items in the order they are passed)
-* `id` (string) is required for headers that have a dropdown (for popover reference); otherwise they are optional
+A kit that produces a `<th>` tag. You can also use the `sort_menu` prop to make the header a sortable link, just like <a href="https://playbook.powerapp.cloud/kits/filter#sort-only" target="_blank">our filter kit.</a>