playbook_ui_docs 16.6.0.pre.alpha.PLAY2923updateviewcomponentsdep16128 → 16.6.0.pre.alpha.PLAY2927squareicons15991

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b6303e354d7397e3aa3b2879a04d2f1af917f74e817f06c0c42b7aa45ce80006
-  data.tar.gz: 8cea241093978e361ac7b23f9a0832d6e934cb5cfff4f581394df10c8062f0d1
+  metadata.gz: 8b6856ba0fd9d3056f1bbf9e3ddc0abc3398475fb990662e65ca8fe5f57d26da
+  data.tar.gz: 2c1ce0c98eee33368f217d47242d96252b6969084f71104044e07f7c292348d4
 SHA512:
-  metadata.gz: 8da5b6e0fee8fcf8e4e02942de4e9da7782f88c7d8e6113d41cfa349598f7a0123ab5cd2fcee68f52ec9a81aac7ed0529d7b46fbf7dd602d2699803d1c618a15
-  data.tar.gz: 4b77e294b80af0c057de940c67ab267830182f101c68f994317d62152b7b4f5195c9a031460a946edf8c409f08246c7efe1fa1cdfd45e4f8a4d4d5a4f801c4ff
+  metadata.gz: 6974bb6db69ec7ae2d00763d9a5bbbae707984eaa220534e288f51561304fdfd6ff188af5506509e2f63475d38d3662c43ffb8cea5945351278fb247615915e8
+  data.tar.gz: f8027cb0139267f49002de9f28309f0d801753d8bbb4e459cee7253c6378a3480a492886292dc597cf3a766a40a9b1b12244651548215b2b26a2e25d61860de1

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_grouped_headers_composition.jsx

@@ -9,21 +9,7 @@ import ListItem from "../../pb_list/_list_item"
 import PbReactPopover from "../../pb_popover/_popover"
 import SectionSeparator from "../../pb_section_separator/_section_separator"
 import StarRating from "../../pb_star_rating/_star_rating"
-
-const COMPOSITION_MOCK_DATA = [
-  { id: "1", year: "2015", newEnrollments: "12", scheduledMeetings: "40", attendanceRate: "62%", classCompletionRate: "28%" },
-  { id: "2", year: "2016", newEnrollments: "88", scheduledMeetings: "12", attendanceRate: "71%", classCompletionRate: "55%" },
-  { id: "3", year: "2017", newEnrollments: "34", scheduledMeetings: "67", attendanceRate: "58%", classCompletionRate: "41%" },
-  { id: "4", year: "2018", newEnrollments: "05", scheduledMeetings: "91", attendanceRate: "44%", classCompletionRate: "73%" },
-  { id: "5", year: "2019", newEnrollments: "61", scheduledMeetings: "19", attendanceRate: "83%", classCompletionRate: "36%" },
-  { id: "6", year: "2020", newEnrollments: "19", scheduledMeetings: "54", attendanceRate: "67%", classCompletionRate: "62%" },
-  { id: "7", year: "2021", newEnrollments: "73", scheduledMeetings: "08", attendanceRate: "52%", classCompletionRate: "49%" },
-  { id: "8", year: "2022", newEnrollments: "50", scheduledMeetings: "50", attendanceRate: "75%", classCompletionRate: "45%" },
-  { id: "9", year: "2023", newEnrollments: "95", scheduledMeetings: "03", attendanceRate: "69%", classCompletionRate: "81%" },
-  { id: "10", year: "2024", newEnrollments: "27", scheduledMeetings: "76", attendanceRate: "91%", classCompletionRate: "22%" },
-  { id: "11", year: "2025", newEnrollments: "41", scheduledMeetings: "33", attendanceRate: "48%", classCompletionRate: "94%" },
-  { id: "12", year: "2026", newEnrollments: "66", scheduledMeetings: "66", attendanceRate: "55%", classCompletionRate: "58%" },
-]
+import COMPOSITION_MOCK_DATA from "./advanced_table_grouped_headers_composition_mock_data.json"
 
 const LEAF_COUNT = "newEnrollments"
 const LEAF_SCHEDULED = "scheduledMeetings"

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx

@@ -1,6 +1,6 @@
 import React from "react"
 import AdvancedTable from '../_advanced_table'
-import INFINITE_SCROLL_MOCK_DATA from "./advanced_table_mock_data_infinite_scroll.json"
+import MOCK_DATA from "./advanced_table_mock_data_infinite_scroll.json"
 
 const AdvancedTableInfiniteScroll = (props) => {
   const columnDefinitions = [
@@ -39,7 +39,7 @@ const AdvancedTableInfiniteScroll = (props) => {
     <div>
       <AdvancedTable
           columnDefinitions={columnDefinitions}
-          tableData={INFINITE_SCROLL_MOCK_DATA}
+          tableData={MOCK_DATA}
           virtualizedRows
           {...props}
       />

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx

@@ -1,8 +1,8 @@
 import React from "react"
 import AdvancedTable from '../../pb_advanced_table/_advanced_table'
 import Caption from '../../pb_caption/_caption'
-import MOCK_DATA_INLINE_LOADING from "./advanced_table_mock_data_inline_loading.json"
-import MOCK_DATA_INLINE_LOADING_EMPTY_CHILDREN from "./advanced_table_mock_data_inline_loading_empty_children.json"
+import { MOCK_DATA_INLINE_LOADING } from "./_mock_data_inline_loading"
+import { MOCK_DATA_INLINE_LOADING_EMPTY_CHILDREN } from "./_mock_data_inline_loading_empty_children"
 
 const AdvancedTableInlineRowLoading = (props) => {
   const columnDefinitions = [

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react"
 import AdvancedTable from '../_advanced_table'
-import MOCK_DATA_WITH_ID from "./advanced_table_mock_data_with_id.json"
+import MOCK_DATA from "./advanced_table_mock_data_with_id.json"
 
 const AdvancedTableRowPinning = (props) => {
   const columnDefinitions = [
@@ -43,7 +43,7 @@ const AdvancedTableRowPinning = (props) => {
           columnDefinitions={columnDefinitions}
           maxHeight="xs"
           pinnedRows={{value: pinnedRows, onChange: setPinnedRows}}
-          tableData={MOCK_DATA_WITH_ID}
+          tableData={MOCK_DATA}
           tableProps={{sticky: true}}
           {...props}
       >

data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js

@@ -0,0 +1,200 @@
+export const MOCK_DATA_INLINE_LOADING = [
+    {
+      year: "2021",
+      quarter: null,
+      month: null,
+      day: null,
+      newEnrollments: "20",
+      scheduledMeetings: "10",
+      attendanceRate: "51%",
+      completedClasses: "3",
+      classCompletionRate: "33%",
+      graduatedStudents: "19",
+      children: [],
+    },
+    {
+      year: "2022",
+      quarter: null,
+      month: null,
+      day: null,
+      newEnrollments: "25",
+      scheduledMeetings: "17",
+      attendanceRate: "75%",
+      completedClasses: "5",
+      classCompletionRate: "45%",
+      graduatedStudents: "32",
+      children: [
+        {
+          year: "2022",
+          quarter: "Q1",
+          month: null,
+          day: null,
+          newEnrollments: "2",
+          scheduledMeetings: "35",
+          attendanceRate: "32%",
+          completedClasses: "15",
+          classCompletionRate: "52%",
+          graduatedStudents: "36",
+          children: [
+            {
+              year: "2022",
+              quarter: "Q1",
+              month: "January",
+              day: null,
+              newEnrollments: "16",
+              scheduledMeetings: "20",
+              attendanceRate: "11%",
+              completedClasses: "13",
+              classCompletionRate: "47%",
+              graduatedStudents: "28",
+              children: [
+                {
+                  year: "2022",
+                  quarter: "Q1",
+                  month: "January",
+                  day: "15",
+                  newEnrollments: "34",
+                  scheduledMeetings: "28",
+                  attendanceRate: "97%",
+                  completedClasses: "20",
+                  classCompletionRate: "15%",
+                  graduatedStudents: "17",
+                },
+                {
+                  year: "2022",
+                  quarter: "Q1",
+                  month: "January",
+                  day: "25",
+                  newEnrollments: "43",
+                  scheduledMeetings: "23",
+                  attendanceRate: "66%",
+                  completedClasses: "26",
+                  classCompletionRate: "47%",
+                  graduatedStudents: "9",
+                },
+              ],
+            },
+            {
+              year: "2022",
+              quarter: "Q1",
+              month: "May",
+              day: null,
+              newEnrollments: "20",
+              scheduledMeetings: "41",
+              attendanceRate: "95%",
+              completedClasses: "26",
+              classCompletionRate: "83%",
+              graduatedStudents: "43",
+              children: [
+                {
+                  year: "2011",
+                  quarter: "Q1",
+                  month: "May",
+                  day: "2",
+                  newEnrollments: "19",
+                  scheduledMeetings: "35",
+                  attendanceRate: "69%",
+                  completedClasses: "8",
+                  classCompletionRate: "75%",
+                  graduatedStudents: "23",
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+    {
+      year: "2023",
+      quarter: null,
+      month: null,
+      day: null,
+      newEnrollments: "10",
+      scheduledMeetings: "15",
+      attendanceRate: "65%",
+      completedClasses: "4",
+      classCompletionRate: "49%",
+      graduatedStudents: "29",
+      children: [
+        {
+          year: "2023",
+          quarter: "Q1",
+          month: null,
+          day: null,
+          newEnrollments: "2",
+          scheduledMeetings: "35",
+          attendanceRate: "32%",
+          completedClasses: "15",
+          classCompletionRate: "52%",
+          graduatedStudents: "36",
+          children: [
+            {
+              year: "2023",
+              quarter: "Q1",
+              month: "March",
+              day: null,
+              newEnrollments: "16",
+              scheduledMeetings: "20",
+              attendanceRate: "11%",
+              completedClasses: "13",
+              classCompletionRate: "47%",
+              graduatedStudents: "28",
+              children: [
+                {
+                  year: "2023",
+                  quarter: "Q1",
+                  month: "March",
+                  day: "10",
+                  newEnrollments: "34",
+                  scheduledMeetings: "28",
+                  attendanceRate: "97%",
+                  completedClasses: "20",
+                  classCompletionRate: "15%",
+                  graduatedStudents: "17",
+                },
+                {
+                  year: "2023",
+                  quarter: "Q1",
+                  month: "March",
+                  day: "11",
+                  newEnrollments: "43",
+                  scheduledMeetings: "23",
+                  attendanceRate: "66%",
+                  completedClasses: "26",
+                  classCompletionRate: "47%",
+                  graduatedStudents: "9",
+                },
+              ],
+            },
+            {
+              year: "2023",
+              quarter: "Q1",
+              month: "April",
+              day: null,
+              newEnrollments: "20",
+              scheduledMeetings: "41",
+              attendanceRate: "95%",
+              completedClasses: "26",
+              classCompletionRate: "83%",
+              graduatedStudents: "43",
+              children: [
+                {
+                  year: "2023",
+                  quarter: "Q1",
+                  month: "April",
+                  day: "15",
+                  newEnrollments: "19",
+                  scheduledMeetings: "35",
+                  attendanceRate: "69%",
+                  completedClasses: "8",
+                  classCompletionRate: "75%",
+                  graduatedStudents: "23",
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+  ]
+  

data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading_empty_children.js

@@ -0,0 +1,42 @@
+export const MOCK_DATA_INLINE_LOADING_EMPTY_CHILDREN = [
+    {
+      year: "2021",
+      quarter: null,
+      month: null,
+      day: null,
+      newEnrollments: "20",
+      scheduledMeetings: "10",
+      attendanceRate: "51%",
+      completedClasses: "3",
+      classCompletionRate: "33%",
+      graduatedStudents: "19",
+      children: [],
+    },
+    {
+      year: "2022",
+      quarter: null,
+      month: null,
+      day: null,
+      newEnrollments: "25",
+      scheduledMeetings: "17",
+      attendanceRate: "75%",
+      completedClasses: "5",
+      classCompletionRate: "45%",
+      graduatedStudents: "32",
+      children: [],
+    },
+    {
+      year: "2023",
+      quarter: null,
+      month: null,
+      day: null,
+      newEnrollments: "10",
+      scheduledMeetings: "15",
+      attendanceRate: "65%",
+      completedClasses: "4",
+      classCompletionRate: "49%",
+      graduatedStudents: "29",
+      children: [],
+    },
+  ]
+  

data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_grouped_headers_composition_mock_data.json

@@ -0,0 +1,98 @@
+[
+  {
+    "id": "1",
+    "year": "2015",
+    "newEnrollments": "12",
+    "scheduledMeetings": "40",
+    "attendanceRate": "62%",
+    "classCompletionRate": "28%"
+  },
+  {
+    "id": "2",
+    "year": "2016",
+    "newEnrollments": "88",
+    "scheduledMeetings": "12",
+    "attendanceRate": "71%",
+    "classCompletionRate": "55%"
+  },
+  {
+    "id": "3",
+    "year": "2017",
+    "newEnrollments": "34",
+    "scheduledMeetings": "67",
+    "attendanceRate": "58%",
+    "classCompletionRate": "41%"
+  },
+  {
+    "id": "4",
+    "year": "2018",
+    "newEnrollments": "05",
+    "scheduledMeetings": "91",
+    "attendanceRate": "44%",
+    "classCompletionRate": "73%"
+  },
+  {
+    "id": "5",
+    "year": "2019",
+    "newEnrollments": "61",
+    "scheduledMeetings": "19",
+    "attendanceRate": "83%",
+    "classCompletionRate": "36%"
+  },
+  {
+    "id": "6",
+    "year": "2020",
+    "newEnrollments": "19",
+    "scheduledMeetings": "54",
+    "attendanceRate": "67%",
+    "classCompletionRate": "62%"
+  },
+  {
+    "id": "7",
+    "year": "2021",
+    "newEnrollments": "73",
+    "scheduledMeetings": "08",
+    "attendanceRate": "52%",
+    "classCompletionRate": "49%"
+  },
+  {
+    "id": "8",
+    "year": "2022",
+    "newEnrollments": "50",
+    "scheduledMeetings": "50",
+    "attendanceRate": "75%",
+    "classCompletionRate": "45%"
+  },
+  {
+    "id": "9",
+    "year": "2023",
+    "newEnrollments": "95",
+    "scheduledMeetings": "03",
+    "attendanceRate": "69%",
+    "classCompletionRate": "81%"
+  },
+  {
+    "id": "10",
+    "year": "2024",
+    "newEnrollments": "27",
+    "scheduledMeetings": "76",
+    "attendanceRate": "91%",
+    "classCompletionRate": "22%"
+  },
+  {
+    "id": "11",
+    "year": "2025",
+    "newEnrollments": "41",
+    "scheduledMeetings": "33",
+    "attendanceRate": "48%",
+    "classCompletionRate": "94%"
+  },
+  {
+    "id": "12",
+    "year": "2026",
+    "newEnrollments": "66",
+    "scheduledMeetings": "66",
+    "attendanceRate": "55%",
+    "classCompletionRate": "58%"
+  }
+]

data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx

@@ -4,7 +4,7 @@ import Icon from "../../pb_icon/_icon"
 import Title from "../../pb_title/_title"
 import BreadCrumbItem from '../_bread_crumb_item'
 
-const LinkSection = (props) => <BreadCrumbItem {...props} />
+const Link = (props) => <BreadCrumbItem {...props} />
 const BreadCrumbsDefault = (props) => {
   return (
     <BreadCrumbs
@@ -35,7 +35,7 @@ const BreadCrumbsDefault = (props) => {
           size="1x"
           {...props}
       />
-      <LinkSection
+      <Link
           {...props}
           href="/users"
       >
@@ -46,20 +46,20 @@ const BreadCrumbsDefault = (props) => {
             text="Users"
             {...props}
         />
-      </LinkSection>
+      </Link>
       <Icon
           icon="user"
           size="1x"
           {...props}
       />
-      <LinkSection {...props}>
+      <Link {...props}>
         <Title
             size="4"
             tag="span"
             text="User"
             {...props}
         />
-      </LinkSection>
+      </Link>
     </BreadCrumbs>
   )
 }

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height.jsx

@@ -26,24 +26,6 @@ const DropdownWithConstrainHeight = (props) => {
           options={options}
           {...props}
       />
-
-    <br />
-
-      <Dropdown
-          label="Subcomponent With Constrain Height"
-          options={options}
-          {...props}
-      >
-        <Dropdown.Trigger />
-        <Dropdown.Container constrainHeight>
-          {options.map((option) => (
-            <Dropdown.Option
-                key={option.id}
-                option={option}
-            />
-          ))}
-        </Dropdown.Container>
-      </Dropdown>
     </>
   )
 }

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.html.erb

@@ -18,14 +18,3 @@
   constrain_height: true,
   label: "With Constrain Height"
 }) %>
-
-<br>
-
-<%= pb_rails("dropdown", props: {options: options, label: "Subcomponent With Constrain Height"}) do %>
-  <%= pb_rails("dropdown/dropdown_trigger") %>
-  <%= pb_rails("dropdown/dropdown_container", props: { constrain_height: true }) do %>
-    <% options.each do |option| %>
-      <%= pb_rails("dropdown/dropdown_option", props: {option: option}) %>
-    <% end %>
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb

@@ -1,2 +1,2 @@
-<%= pb_rails("pagination", props: { model: @extra_users, view: self }) %>
+<%= pb_rails("pagination", props: { model: @users, view: self}) %>
 

data/app/pb_kits/playbook/pb_pagination/docs/_pagination_external_control.jsx

@@ -4,28 +4,7 @@ import Pagination from '../../pb_pagination/_pagination'
 import Select from '../../pb_select/_select'
 import Table from '../../pb_table/_table'
 
-const data = [
-    ["Value 1", "Value 2", "Value 3", "Value 4", "Value 5"],
-    ["Value 6", "Value 7", "Value 8", "Value 9", "Value 10"],
-    ["Value 11", "Value 12", "Value 13", "Value 14", "Value 15"],
-    ["Value 16", "Value 17", "Value 18", "Value 19", "Value 20"],
-    ["Value 21", "Value 22", "Value 23", "Value 24", "Value 25"],
-    ["Value 26", "Value 27", "Value 28", "Value 29", "Value 30"],
-    ["Value 31", "Value 32", "Value 33", "Value 34", "Value 35"],
-    ["Value 36", "Value 37", "Value 38", "Value 39", "Value 40"],
-    ["Value 41", "Value 42", "Value 43", "Value 44", "Value 45"],
-    ["Value 46", "Value 47", "Value 48", "Value 49", "Value 50"],
-    ["Value 51", "Value 52", "Value 53", "Value 54", "Value 55"],
-    ["Value 56", "Value 57", "Value 58", "Value 59", "Value 60"],
-    ["Value 61", "Value 62", "Value 63", "Value 64", "Value 65"],
-    ["Value 66", "Value 67", "Value 68", "Value 69", "Value 70"],
-    ["Value 71", "Value 72", "Value 73", "Value 74", "Value 75"],
-    ["Value 76", "Value 77", "Value 78", "Value 79", "Value 80"],
-    ["Value 81", "Value 82", "Value 83", "Value 84", "Value 85"],
-    ["Value 86", "Value 87", "Value 88", "Value 89", "Value 90"],
-    ["Value 91", "Value 92", "Value 93", "Value 94", "Value 95"],
-    ["Value 96", "Value 97", "Value 98", "Value 99", "Value 100"],
-  ];
+import { data } from "./data";
 
 const PaginationExternalControl = (props) => {
   const [totalItems, setTotalItems] = useState(20);

data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change.jsx

@@ -2,28 +2,8 @@ import React, { useState } from "react";
 import Table from '../../pb_table/_table'
 import Pagination from '../../pb_pagination/_pagination'
 
-const data = [
-  ["Value 1", "Value 2", "Value 3", "Value 4", "Value 5"],
-  ["Value 6", "Value 7", "Value 8", "Value 9", "Value 10"],
-  ["Value 11", "Value 12", "Value 13", "Value 14", "Value 15"],
-  ["Value 16", "Value 17", "Value 18", "Value 19", "Value 20"],
-  ["Value 21", "Value 22", "Value 23", "Value 24", "Value 25"],
-  ["Value 26", "Value 27", "Value 28", "Value 29", "Value 30"],
-  ["Value 31", "Value 32", "Value 33", "Value 34", "Value 35"],
-  ["Value 36", "Value 37", "Value 38", "Value 39", "Value 40"],
-  ["Value 41", "Value 42", "Value 43", "Value 44", "Value 45"],
-  ["Value 46", "Value 47", "Value 48", "Value 49", "Value 50"],
-  ["Value 51", "Value 52", "Value 53", "Value 54", "Value 55"],
-  ["Value 56", "Value 57", "Value 58", "Value 59", "Value 60"],
-  ["Value 61", "Value 62", "Value 63", "Value 64", "Value 65"],
-  ["Value 66", "Value 67", "Value 68", "Value 69", "Value 70"],
-  ["Value 71", "Value 72", "Value 73", "Value 74", "Value 75"],
-  ["Value 76", "Value 77", "Value 78", "Value 79", "Value 80"],
-  ["Value 81", "Value 82", "Value 83", "Value 84", "Value 85"],
-  ["Value 86", "Value 87", "Value 88", "Value 89", "Value 90"],
-  ["Value 91", "Value 92", "Value 93", "Value 94", "Value 95"],
-  ["Value 96", "Value 97", "Value 98", "Value 99", "Value 100"],
-];
+
+import { data } from "./data";
 
 const PaginationPageChange = (props) => {
 

data/app/pb_kits/playbook/pb_pagination/docs/data.js

@@ -0,0 +1,23 @@
+export const data = [
+    ["Value 1", "Value 2", "Value 3", "Value 4", "Value 5"],
+    ["Value 6", "Value 7", "Value 8", "Value 9", "Value 10"],
+    ["Value 11", "Value 12", "Value 13", "Value 14", "Value 15"],
+    ["Value 16", "Value 17", "Value 18", "Value 19", "Value 20"],
+    ["Value 21", "Value 22", "Value 23", "Value 24", "Value 25"],
+    ["Value 26", "Value 27", "Value 28", "Value 29", "Value 30"],
+    ["Value 31", "Value 32", "Value 33", "Value 34", "Value 35"],
+    ["Value 36", "Value 37", "Value 38", "Value 39", "Value 40"],
+    ["Value 41", "Value 42", "Value 43", "Value 44", "Value 45"],
+    ["Value 46", "Value 47", "Value 48", "Value 49", "Value 50"],
+    ["Value 51", "Value 52", "Value 53", "Value 54", "Value 55"],
+    ["Value 56", "Value 57", "Value 58", "Value 59", "Value 60"],
+    ["Value 61", "Value 62", "Value 63", "Value 64", "Value 65"],
+    ["Value 66", "Value 67", "Value 68", "Value 69", "Value 70"],
+    ["Value 71", "Value 72", "Value 73", "Value 74", "Value 75"],
+    ["Value 76", "Value 77", "Value 78", "Value 79", "Value 80"],
+    ["Value 81", "Value 82", "Value 83", "Value 84", "Value 85"],
+    ["Value 86", "Value 87", "Value 88", "Value 89", "Value 90"],
+    ["Value 91", "Value 92", "Value 93", "Value 94", "Value 95"],
+    ["Value 96", "Value 97", "Value 98", "Value 99", "Value 100"],
+  ];
+  

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

@@ -2,7 +2,6 @@ examples:
 
   react:
   - phone_number_input_default: Default
-  - phone_number_input_show_placeholder: Show Placeholder
   - phone_number_input_preferred_countries: Preferred Countries
   - phone_number_input_initial_country: Initial Country
   - phone_number_input_only_countries: Only Countries
@@ -17,7 +16,6 @@ examples:
 
   rails:
   - phone_number_input_default: Default
-  - phone_number_input_show_placeholder: Show Placeholder
   - phone_number_input_preferred_countries: Preferred Countries
   - phone_number_input_initial_country: Initial Country
   - phone_number_input_only_countries: Only Countries

data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js

@@ -10,4 +10,3 @@ export { default as PhoneNumberInputFormat } from './_phone_number_input_format'
 export { default as PhoneNumberInputStrictMode } from './_phone_number_input_strict_mode'
 export { default as PhoneNumberInputCountrySearch } from './_phone_number_input_country_search'
 export { default as PhoneNumberInputRequiredIndicator } from './_phone_number_input_required_indicator.jsx'
-export { default as PhoneNumberInputShowPlaceholder } from './_phone_number_input_show_placeholder'

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_templates.jsx

@@ -5,82 +5,7 @@ import StarterKit from "@tiptap/starter-kit"
 import Link from '@tiptap/extension-link'
 
 import Select from '../../pb_select/_select'
-
-const release = `
-  <div>
-    <div>
-      <strong>Story Background</strong>
-    </div>
-    <div>
-      Follow the{" "}
-      <a href='https://github.com/powerhome/playbook/wiki/Release-Team-Guide'>
-        release process
-      </a>{" "}
-      to create a new version, create a gem, and package. Create a Ninja testing
-      plan, then update Nitro with the new version.
-    </div>
-    <div>
-      <br />
-    </div>
-    <div>
-      <strong>Timeline / Due Date</strong>
-    </div>
-    <div>
-      <em>Release End of business Thursday</em>
-    </div>
-    <div>
-      <em>Testing on Nitro End of business Friday</em>
-    </div>
-    <div>
-      <br />
-    </div>
-    <div>
-      <strong>Definition of done</strong>
-    </div>
-    <ol>
-      <li>Merge all PR’s</li>
-      <li>Update the final CHANGELOG</li>
-      <li>Version up and generate NPM, and RubyGem</li>
-      <li>Create next version branch and milestone</li>
-      <li>Update default branch and branch protection rules&nbsp;</li>
-      <li>Notify Everyone of new version</li>
-      <li>
-        Generate testing plan and pages to test for Ninjas (update runway
-        ticket)
-      </li>
-      <li>Update version on Nitro and get on Demo</li>
-      <li>Send Ninjas demo and runway ticket for testing</li>
-      <li>Ninja Approved + PR Approved</li>
-    </ol>
-    <div>
-      <br />
-    </div>
-    <div>
-      <strong>Stakeholders / Sign-off</strong>
-    </div>
-    <ul>
-      <li>Code Owners</li>
-    </ul>
-    <div>
-      <br />
-      <strong>Cadence</strong>
-      <br />
-      Jason, Jon, Stephen, Jasper, Brendan, Cole
-    </div>
-  </div>
-`
-
-const changelog = `
-  <div>
-    <strong>Changelog:<br></strong>
-    [INSERT LINK]<br><br>
-    You can test the normal spots of Playbook rails and react on
-    dev docs plus the following:
-  </div>
-  <div>
-    <br>
-  </div>
-`
+import { changelog, release } from './templates.js'
 
 const RichTextEditorAdvancedTemplates = (props) => {
 

data/app/pb_kits/playbook/pb_rich_text_editor/docs/templates.js

@@ -0,0 +1,75 @@
+export const release = `
+  <div>
+    <div>
+      <strong>Story Background</strong>
+    </div>
+    <div>
+      Follow the{" "}
+      <a href='https://github.com/powerhome/playbook/wiki/Release-Team-Guide'>
+        release process
+      </a>{" "}
+      to create a new version, create a gem, and package. Create a Ninja testing
+      plan, then update Nitro with the new version.
+    </div>
+    <div>
+      <br />
+    </div>
+    <div>
+      <strong>Timeline / Due Date</strong>
+    </div>
+    <div>
+      <em>Release End of business Thursday</em>
+    </div>
+    <div>
+      <em>Testing on Nitro End of business Friday</em>
+    </div>
+    <div>
+      <br />
+    </div>
+    <div>
+      <strong>Definition of done</strong>
+    </div>
+    <ol>
+      <li>Merge all PR’s</li>
+      <li>Update the final CHANGELOG</li>
+      <li>Version up and generate NPM, and RubyGem</li>
+      <li>Create next version branch and milestone</li>
+      <li>Update default branch and branch protection rules&nbsp;</li>
+      <li>Notify Everyone of new version</li>
+      <li>
+        Generate testing plan and pages to test for Ninjas (update runway
+        ticket)
+      </li>
+      <li>Update version on Nitro and get on Demo</li>
+      <li>Send Ninjas demo and runway ticket for testing</li>
+      <li>Ninja Approved + PR Approved</li>
+    </ol>
+    <div>
+      <br />
+    </div>
+    <div>
+      <strong>Stakeholders / Sign-off</strong>
+    </div>
+    <ul>
+      <li>Code Owners</li>
+    </ul>
+    <div>
+      <br />
+      <strong>Cadence</strong>
+      <br />
+      Jason, Jon, Stephen, Jasper, Brendan, Cole
+    </div>
+  </div>
+`
+
+export const changelog = `
+  <div>
+    <strong>Changelog:<br></strong>
+    [INSERT LINK]<br><br>
+    You can test the normal spots of Playbook rails and react on
+    dev docs plus the following:
+  </div>
+  <div>
+    <br>
+  </div>
+`

data/app/pb_kits/playbook/pb_select/docs/_select_error.jsx

@@ -28,7 +28,7 @@ const SelectError = (props) => {
       <Select
           error={error}
           label="Favorite Food"
-          name="food-error"
+          name="food"
           options={options}
           value="2"
           {...props}

data/app/pb_kits/playbook/pb_select/docs/_select_inline.jsx

@@ -23,7 +23,7 @@ const SelectInline = (props) => {
       <Select
           inline
           label="Favorite Food"
-          name="food-inline"
+          name="food"
           options={options}
           {...props}
       />

data/app/pb_kits/playbook/pb_select/docs/_select_inline_compact.jsx

@@ -24,7 +24,7 @@ const SelectInlineCompact = (props) => {
           compact
           inline
           label="Favorite Food"
-          name="food-inline-compact"
+          name="food"
           options={options}
           {...props}
       />

data/app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.jsx

@@ -23,7 +23,7 @@ const SelectInlineShowArrow = (props) => {
       <Select
           inline
           label="Favorite Food"
-          name="food-inline-show-arrow"
+          name="food"
           options={options}
           showArrow
           {...props}

data/app/pb_kits/playbook/pb_select/docs/_select_multiple.html.erb

@@ -22,15 +22,15 @@
       value_text: "BBQ",
     },
     {
-      value: "5",
+      value: "4",
       value_text: "Sushi",
     },
     {
-      value: "6",
+      value: "4",
       value_text: "Chinese",
     },
     {
-      value: "7",
+      value: "4",
       value_text: "Hot Dogs",
     },
   ]

data/app/pb_kits/playbook/pb_select/docs/_select_multiple.jsx

@@ -17,19 +17,19 @@ const SelectMultiple = (props) => {
       text: 'Tacos',
     },
     {
-      value: '4',
+      value: '3',
       text: 'BBQ',
     },
     {
-      value: '5',
+      value: '3',
       text: 'Sushi',
     },
     {
-      value: '6',
+      value: '3',
       text: 'Chinese',
     },
     {
-      value: '7',
+      value: '3',
       text: 'Hot Dogs',
     },
   ]
@@ -39,7 +39,7 @@ const SelectMultiple = (props) => {
       <Select
           label="Favorite Food"
           multiple
-          name="food-multiple"
+          name="food"
           options={options}
           {...props}
       />

data/app/pb_kits/playbook/pb_select/docs/_select_react_hook.jsx

@@ -7,12 +7,12 @@ import Button from "../../pb_button/_button"
 const SelectReactHook = (props) => {
   const { register, handleSubmit, formState: { errors } } = useForm({
     defaultValues: {
-      "food-react-hook": '',
+      food: '',
     },
   })
 
   const [submittedData, setSubmittedData] = useState({
-    "food-react-hook": '',
+    food: '',
   })
 
   const onSubmit = (data) => {
@@ -39,8 +39,8 @@ const SelectReactHook = (props) => {
       <form onSubmit={handleSubmit(onSubmit)}>
         <Select
             {...props}
-            {...register("food-react-hook", { required: true })}
-            error={errors["food-react-hook"] ? "Please select a food." : null}
+            {...register("food", { required: true })}
+            error={errors.food ? "Please select a food." : null}
             label="Favorite Food"
             options={options}
         />
@@ -51,7 +51,7 @@ const SelectReactHook = (props) => {
           />
       </form>
       <Body padding="xs"
-          text={`Food: ${submittedData["food-react-hook"]}`}
+          text={`Food: ${submittedData.food}`}
       />
     </>
   )

data/app/pb_kits/playbook/pb_select/docs/_select_required_indicator.jsx

@@ -22,7 +22,7 @@ const SelectRequiredIndicator = () => {
     <div>
       <Select
           label="Favorite Snack"
-          name="food-required-indicator"
+          name="food"
           options={options}
           requiredIndicator
       />

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx

@@ -17,7 +17,7 @@ const languages = [
   { label: 'PHP', value: '1995', category: 'Web Development' },
 ]
 
-const colorOptions = [
+const colors = [
   { label: 'Orange', value: '#FFA500' },
   { label: 'Red', value: '#FF0000' },
   { label: 'Green', value: '#00FF00' },
@@ -51,7 +51,7 @@ const TypeaheadReactHook = (props) => {
       <Typeahead
           label="Colors"
           marginTop="lg"
-          options={colorOptions}
+          options={colors}
           {...props}
           {...register('color')}
       />

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 16.6.0.pre.alpha.PLAY2923updateviewcomponentsdep16128
+  version: 16.6.0.pre.alpha.PLAY2927squareicons15991
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-05-01 00:00:00.000000000 Z
+date: 2026-04-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -193,6 +193,8 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
+- app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading_empty_children.js
 - app/pb_kits/playbook/pb_advanced_table/docs/_playground.json
 - app/pb_kits/playbook/pb_advanced_table/docs/_playground.overrides.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_grouped_simple.json
@@ -201,10 +203,10 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_standard_sort.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_styling.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_with_ids.json
+- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_grouped_headers_composition_mock_data.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_inline_loading.json
-- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_inline_loading_empty_children.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_with_id.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
@@ -1770,6 +1772,7 @@ files:
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change_react.md
 - app/pb_kits/playbook/pb_pagination/docs/_playground.json
 - app/pb_kits/playbook/pb_pagination/docs/_playground.overrides.json
+- app/pb_kits/playbook/pb_pagination/docs/data.js
 - app/pb_kits/playbook/pb_pagination/docs/example.yml
 - app/pb_kits/playbook/pb_pagination/docs/index.js
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.html.erb
@@ -1966,9 +1969,6 @@ files:
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.md
-- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.html.erb
-- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.jsx
-- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.md
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.md
@@ -2139,6 +2139,7 @@ files:
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_disabled.md
 - app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml
 - app/pb_kits/playbook/pb_rich_text_editor/docs/index.js
+- app/pb_kits/playbook/pb_rich_text_editor/docs/templates.js
 - app/pb_kits/playbook/pb_section_separator/docs/_description.md
 - app/pb_kits/playbook/pb_section_separator/docs/_footer.md
 - app/pb_kits/playbook/pb_section_separator/docs/_playground.json

data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_inline_loading_empty_children.json

@@ -1,41 +0,0 @@
-[
-  {
-    "year": "2021",
-    "quarter": null,
-    "month": null,
-    "day": null,
-    "newEnrollments": "20",
-    "scheduledMeetings": "10",
-    "attendanceRate": "51%",
-    "completedClasses": "3",
-    "classCompletionRate": "33%",
-    "graduatedStudents": "19",
-    "children": []
-  },
-  {
-    "year": "2022",
-    "quarter": null,
-    "month": null,
-    "day": null,
-    "newEnrollments": "25",
-    "scheduledMeetings": "17",
-    "attendanceRate": "75%",
-    "completedClasses": "5",
-    "classCompletionRate": "45%",
-    "graduatedStudents": "32",
-    "children": []
-  },
-  {
-    "year": "2023",
-    "quarter": null,
-    "month": null,
-    "day": null,
-    "newEnrollments": "10",
-    "scheduledMeetings": "15",
-    "attendanceRate": "65%",
-    "completedClasses": "4",
-    "classCompletionRate": "49%",
-    "graduatedStudents": "29",
-    "children": []
-  }
-]

data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.html.erb

@@ -1,5 +0,0 @@
-<%= pb_rails("phone_number_input", props: {
-  id: "phone_number_input_show_placeholder",
-  label: "Phone Number",
-  show_placeholder: true,
-}) %>

data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.jsx

@@ -1,14 +0,0 @@
-import React from 'react'
-import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
-
-const PhoneNumberInputShowPlaceholder = (props) => (
-    <>
-        <PhoneNumberInput
-            id='phone_number_input_show_placeholder'
-            label='Phone Number'
-            showPlaceholder
-            {...props} />
-    </>
-)
-
-export default PhoneNumberInputShowPlaceholder

data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.md

@@ -1,3 +0,0 @@
-The `showPlaceholder`/`show_placeholder` prop enables the country-specific example placeholder in the phone input.
-
-By default, the Phone Number Input does not show a placeholder. When enabled, the placeholder appears while the field is empty and unfocused, hides on focus, and returns on blur if no value is entered.