playbook_ui_docs 13.10.0.pre.alpha.webpackerregistercomponents1463 → 13.10.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6f70385b8fc1c172b580812a4e9624d392c50b3b49dbf91ba903b954d39116bb
-  data.tar.gz: 9c5102ab42b21bc22490a34fbcf4756636659a0f4cf9bf827542fa27a5862a50
+  metadata.gz: f340dc21690364a4f89ad91ae65a8e6db19941ebc5c537e0b035fa9c9c40c5ca
+  data.tar.gz: 7475c870095fc92b09fec57fdfb1f71006d720623de38c4cf12513f8eed96fc2
 SHA512:
-  metadata.gz: ecc654cbfa8824cfe903eb41ce4f63b5fe16ff1bed39e5ba4313d11a24eb55db59009c8b590c7851157e48f66a384efd57e5bc5be14d510ae7aae1fb40b111d0
-  data.tar.gz: 384519a88b90227f8a12885f27606354eff71281ea074cf9791d0e7f152fde06850285390fa5f9e3f926c283226b3fc980bdef612296c8bf341c0d81a5257805
+  metadata.gz: 23c2891ee416784c031a943a2e01a32883ecda7e4f146dacd976805d4016f97d266608368df9bab2ae4a2233ff76bc3e36a83f38640fac393ab56c86821e2fef
+  data.tar.gz: 1a9847703a6a83d118352d3cd9b4c7cf7ca446677ff9317b75926919ca000bea6285b2a140bf897f2e61f5d6f926c38b6d86345875b122a9f78e3518db0c3331

data/app/pb_kits/playbook/pb_button/docs/example.yml

@@ -25,11 +25,3 @@ examples:
   - button_size: Button Size
   - button_form: Button Form Attribute
   - button_hover: Button Hover
-
-  swift:
-  - button_default_swift: Button Variants
-  - button_full_width_swift: Button Full Width
-  - button_icon_options_swift: Button Icon Options
-  - button_circle_swift: Circle Button
-  - button_size_swift: Button Size
-  - button_props_swift: ""

data/app/pb_kits/playbook/pb_card/docs/example.yml

@@ -25,15 +25,3 @@ examples:
   - card_separator: Separator Card
   - card_border_none: No Border
   - card_border_radius: Border Radius
-  swift:
-  - card_light_swift: Default
-  - card_background_swift: Card Backgrounds
-  - card_highlight_swift: Highlight Cards
-  - card_header_swift: Header Cards
-  - card_padding_swift: Padding Size
-  - card_shadow_swift: Shadow Size
-  - card_separator_swift: Separator Card
-  - card_border_none_swift: No Border
-  - card_border_radius_swift: Border Radius
-  - card_styles_swift: Styles
-  - card_props_swift: ""

data/app/pb_kits/playbook/pb_checkbox/docs/example.yml

@@ -13,10 +13,3 @@ examples:
   - checkbox_custom: Custom Checkbox
   - checkbox_error: Default w/ Error
   - checkbox_indeterminate: Indeterminate Checkbox
-
-  swift:
-    - checkbox_default_swift: Default
-    - checkbox_error_swift: Default w/ Error
-    - checkbox_indeterminate_swift: Indeterminate Checkbox
-    - checkbox_props_swift: ""
-    

data/app/pb_kits/playbook/pb_icon_circle/docs/example.yml

@@ -12,10 +12,3 @@ examples:
   - icon_circle_sizes: Size
   - icon_circle_color: Color
   - icon_circle_emoji: With Emoji
-
-  swift:
-  - icon_circle_defaul_swift: Default
-  - icon_circle_sizes_swift: Size
-  - icon_circle_color_swift: Color
-  - icon_circle_color_props: "" 
-  

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

@@ -1,37 +1,12 @@
-<%# Example data for demonstration purposes %>
-<% data_rows = [
-    { 'territory' => 'North', 'firstname' => 'John', 'lastname' => 'Doe', 'age' => 30, 'job' => 'Engineer' },
-    { 'territory' => 'South', 'firstname' => 'Alice', 'lastname' => 'Smith', 'age' => 28, 'job' => 'Designer' },
-    { 'territory' => 'East', 'firstname' => 'Mike', 'lastname' => 'Johnson', 'age' => 35, 'job' => 'Manager' },
-    { 'territory' => 'West', 'firstname' => 'Sarah', 'lastname' => 'Brown', 'age' => 29, 'job' => 'Developer' },
-    { 'territory' => 'Central', 'firstname' => 'David', 'lastname' => 'Wilson', 'age' => 32, 'job' => 'Analyst' }
-  ]
-%>
-
-<%# Example sort method for demonstration purposes %>
-<% if params["sort"] %>
-  <% sort_param = params["sort"].gsub(/_(asc|desc)\z/, "") %>
-  <% sort_direction = params["sort"].end_with?("_asc") ? 1 : -1 %>
-  <% data_rows.sort! do |a, b|
-    value_a = a[sort_param]
-    value_b = b[sort_param]
-
-    value_a = value_a.to_i if value_a.is_a?(String) && value_a.match?(/^\d+$/)
-    value_b = value_b.to_i if value_b.is_a?(String) && value_b.match?(/^\d+$/)
-
-    sort_direction * (value_a <=> value_b)
-  end %>
-<% end %>
-
-<%= pb_rails("table", props: { data_table: true, vertical_border: true, id: "table-header" } ) do %>
+<%= 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_asc#table-header", active: params["sort"] == "territory_asc", direction: "asc" },
-          { item: "Territory", link: "?sort=territory_desc#table-header", active: params["sort"] == "territory_desc", direction: "desc" }
+          { 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: {
@@ -39,36 +14,45 @@
         text: "Full Name",
         colspan: 2,
         sort_menu: [
-          { item: "First Name Descending", link: "?sort=firstname_desc#table-header", active: params["sort"] == "firstname_desc", direction: "desc" },
-          { item: "First Name Ascending", link: "?sort=firstname_asc#table-header", active: params["sort"] == "firstname_asc", direction: "asc" },
-          { item: "Last Name Descending", link: "?sort=lastname_desc#table-header", active: params["sort"] == "lastname_desc", direction: "desc" },
-          { item: "Last Name Ascending", link: "?sort=lastname_asc#table-header", active: params["sort"] == "lastname_asc", direction: "asc" }
+          { 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" }
         ],
       }) %>
       <%= pb_rails("table/table_header", props: {
         text: "Age",
         id: "age",
+        sort_dropdown: true,
         sort_menu: [
-          { item: "Age Descending", link: "?sort=age_desc#table-header", active: params["sort"] == "age_desc", direction: "desc" },
-          { item: "Age Ascending", link: "?sort=age_asc#table-header", active: params["sort"] == "age_asc", direction: "asc" }
+          { 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" }
         ],
       }) %>
       <%= pb_rails("table/table_header", props: { text: "Job Title" }) %>
     </tr>
   </thead>
   <tbody>
-    <% data_rows.each do |row| %>
-      <tr>
-        <% row.each do |key, value| %>
-          <%= pb_rails("background", props: {
-              background_color: (params["sort"] && params["sort"].start_with?(key) ? "info_subtle" : "card_light"),
-              text_align: (value.is_a?(Integer) ? "right" : ""),
-              tag: "td"
-          }) do %>
-            <%= value %>
-          <% end %>
-        <% end %>
-      </tr>
-    <% end %>
+    <tr>
+      <td>Ter 1</td>
+      <td>First Name 1</td>
+      <td>Last Name 1</td>
+      <td>Age 1</td>
+      <td>Job 1</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>
+    </tr>
+    <tr>
+      <td>Ter 3</td>
+      <td>First Name 3</td>
+      <td>Last Name 3</td>
+      <td>Age 3</td>
+      <td>Job 3</td>
+    </tr>
   </tbody>
 <% end %>

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

@@ -6,8 +6,3 @@ 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
-
-</br>
-<div class="pb_pill_kit_warning"><div class="pb_title_kit_size_4 pb_pill_text">Disclaimer</div></div>
-
-This example uses a custom sort method that may need to be modified or replaced within your project.