playbook_ui_docs 16.7.0.pre.rc.0 → 16.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_grouped_headers_composition.jsx +15 -1
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx +2 -2
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx +2 -2
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows.jsx +2 -2
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_inline_loading_empty_children.json +41 -0
  7. data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx +5 -5
  8. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height.jsx +18 -0
  9. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.html.erb +11 -0
  10. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_external_control.jsx +22 -1
  11. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change.jsx +22 -2
  12. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.html.erb +5 -0
  13. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.jsx +14 -0
  14. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.md +3 -0
  15. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +2 -0
  16. data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +1 -0
  17. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_templates.jsx +76 -1
  18. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx +2 -2
  19. metadata +6 -7
  20. data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js +0 -200
  21. data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading_empty_children.js +0 -42
  22. data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_grouped_headers_composition_mock_data.json +0 -98
  23. data/app/pb_kits/playbook/pb_pagination/docs/data.js +0 -23
  24. data/app/pb_kits/playbook/pb_rich_text_editor/docs/templates.js +0 -75
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: db7a43e2aabf6e376e78f692f2cb21ed557481e649b0796b1eb9e4a3f1c9a83e
4
- data.tar.gz: 76be42ff6cbb362ed571bff8f656adf775e3fe5c6ab903abc62ff64fafb46016
3
+ metadata.gz: a0fc6745132e00861350832917eae46af8cb87d4241c65d77b654768cae6a5e3
4
+ data.tar.gz: '08e12f515845e5bfd957ef67a253280c2cafd28274d6cc8bfd58831eeebfc408'
5
5
  SHA512:
6
- metadata.gz: 721a40060edc77dbf2a734a70ec473d082d91e8393a5b992d41c725efae835dc466e9747e0efb66fa7b80fbac89c31300789b4f102e94b3124c7cc2155992872
7
- data.tar.gz: 9ec7d26ba24b1f6ce0ab74053a56d5ecf6167a529a45b29eccf9d7bfd20dd6ba7f83b8abe96c18563916f08d7014b550e706153d26cfcfcffe4e3858c587c471
6
+ metadata.gz: 7c694113752216ac6e5a606edc4b7c85ed5ee3487f4cc9603e81fedcb353664cd9595eedf94bc77a5040cf5215d63535c6f0e4a942db3bffabaabc1d3f318503
7
+ data.tar.gz: bfc611733a3ddc0c39235cb430534d5bf1905037766a05b18eb3353ee331661a4168899fc8c8d1e5ae48826bc24d5e7c785beec6572e1340e75018ed8bd97e09
@@ -9,7 +9,21 @@ import ListItem from "../../pb_list/_list_item"
9
9
  import PbReactPopover from "../../pb_popover/_popover"
10
10
  import SectionSeparator from "../../pb_section_separator/_section_separator"
11
11
  import StarRating from "../../pb_star_rating/_star_rating"
12
- import COMPOSITION_MOCK_DATA from "./advanced_table_grouped_headers_composition_mock_data.json"
12
+
13
+ const COMPOSITION_MOCK_DATA = [
14
+ { id: "1", year: "2015", newEnrollments: "12", scheduledMeetings: "40", attendanceRate: "62%", classCompletionRate: "28%" },
15
+ { id: "2", year: "2016", newEnrollments: "88", scheduledMeetings: "12", attendanceRate: "71%", classCompletionRate: "55%" },
16
+ { id: "3", year: "2017", newEnrollments: "34", scheduledMeetings: "67", attendanceRate: "58%", classCompletionRate: "41%" },
17
+ { id: "4", year: "2018", newEnrollments: "05", scheduledMeetings: "91", attendanceRate: "44%", classCompletionRate: "73%" },
18
+ { id: "5", year: "2019", newEnrollments: "61", scheduledMeetings: "19", attendanceRate: "83%", classCompletionRate: "36%" },
19
+ { id: "6", year: "2020", newEnrollments: "19", scheduledMeetings: "54", attendanceRate: "67%", classCompletionRate: "62%" },
20
+ { id: "7", year: "2021", newEnrollments: "73", scheduledMeetings: "08", attendanceRate: "52%", classCompletionRate: "49%" },
21
+ { id: "8", year: "2022", newEnrollments: "50", scheduledMeetings: "50", attendanceRate: "75%", classCompletionRate: "45%" },
22
+ { id: "9", year: "2023", newEnrollments: "95", scheduledMeetings: "03", attendanceRate: "69%", classCompletionRate: "81%" },
23
+ { id: "10", year: "2024", newEnrollments: "27", scheduledMeetings: "76", attendanceRate: "91%", classCompletionRate: "22%" },
24
+ { id: "11", year: "2025", newEnrollments: "41", scheduledMeetings: "33", attendanceRate: "48%", classCompletionRate: "94%" },
25
+ { id: "12", year: "2026", newEnrollments: "66", scheduledMeetings: "66", attendanceRate: "55%", classCompletionRate: "58%" },
26
+ ]
13
27
 
14
28
  const LEAF_COUNT = "newEnrollments"
15
29
  const LEAF_SCHEDULED = "scheduledMeetings"
@@ -1,6 +1,6 @@
1
1
  import React from "react"
2
2
  import AdvancedTable from '../_advanced_table'
3
- import MOCK_DATA from "./advanced_table_mock_data_infinite_scroll.json"
3
+ import INFINITE_SCROLL_MOCK_DATA from "./advanced_table_mock_data_infinite_scroll.json"
4
4
 
5
5
  const AdvancedTableInfiniteScroll = (props) => {
6
6
  const columnDefinitions = [
@@ -39,7 +39,7 @@ const AdvancedTableInfiniteScroll = (props) => {
39
39
  <div>
40
40
  <AdvancedTable
41
41
  columnDefinitions={columnDefinitions}
42
- tableData={MOCK_DATA}
42
+ tableData={INFINITE_SCROLL_MOCK_DATA}
43
43
  virtualizedRows
44
44
  {...props}
45
45
  />
@@ -1,8 +1,8 @@
1
1
  import React from "react"
2
2
  import AdvancedTable from '../../pb_advanced_table/_advanced_table'
3
3
  import Caption from '../../pb_caption/_caption'
4
- import { MOCK_DATA_INLINE_LOADING } from "./_mock_data_inline_loading"
5
- import { MOCK_DATA_INLINE_LOADING_EMPTY_CHILDREN } from "./_mock_data_inline_loading_empty_children"
4
+ import MOCK_DATA_INLINE_LOADING from "./advanced_table_mock_data_inline_loading.json"
5
+ import MOCK_DATA_INLINE_LOADING_EMPTY_CHILDREN from "./advanced_table_mock_data_inline_loading_empty_children.json"
6
6
 
7
7
  const AdvancedTableInlineRowLoading = (props) => {
8
8
  const columnDefinitions = [
@@ -1,6 +1,6 @@
1
1
  import React, { useState } from "react"
2
2
  import AdvancedTable from '../_advanced_table'
3
- import MOCK_DATA from "./advanced_table_mock_data_with_id.json"
3
+ import MOCK_DATA_WITH_ID from "./advanced_table_mock_data_with_id.json"
4
4
 
5
5
  const AdvancedTableRowPinning = (props) => {
6
6
  const columnDefinitions = [
@@ -43,7 +43,7 @@ const AdvancedTableRowPinning = (props) => {
43
43
  columnDefinitions={columnDefinitions}
44
44
  maxHeight="xs"
45
45
  pinnedRows={{value: pinnedRows, onChange: setPinnedRows}}
46
- tableData={MOCK_DATA}
46
+ tableData={MOCK_DATA_WITH_ID}
47
47
  tableProps={{sticky: true}}
48
48
  {...props}
49
49
  >
@@ -0,0 +1,41 @@
1
+ [
2
+ {
3
+ "year": "2021",
4
+ "quarter": null,
5
+ "month": null,
6
+ "day": null,
7
+ "newEnrollments": "20",
8
+ "scheduledMeetings": "10",
9
+ "attendanceRate": "51%",
10
+ "completedClasses": "3",
11
+ "classCompletionRate": "33%",
12
+ "graduatedStudents": "19",
13
+ "children": []
14
+ },
15
+ {
16
+ "year": "2022",
17
+ "quarter": null,
18
+ "month": null,
19
+ "day": null,
20
+ "newEnrollments": "25",
21
+ "scheduledMeetings": "17",
22
+ "attendanceRate": "75%",
23
+ "completedClasses": "5",
24
+ "classCompletionRate": "45%",
25
+ "graduatedStudents": "32",
26
+ "children": []
27
+ },
28
+ {
29
+ "year": "2023",
30
+ "quarter": null,
31
+ "month": null,
32
+ "day": null,
33
+ "newEnrollments": "10",
34
+ "scheduledMeetings": "15",
35
+ "attendanceRate": "65%",
36
+ "completedClasses": "4",
37
+ "classCompletionRate": "49%",
38
+ "graduatedStudents": "29",
39
+ "children": []
40
+ }
41
+ ]
@@ -4,7 +4,7 @@ import Icon from "../../pb_icon/_icon"
4
4
  import Title from "../../pb_title/_title"
5
5
  import BreadCrumbItem from '../_bread_crumb_item'
6
6
 
7
- const Link = (props) => <BreadCrumbItem {...props} />
7
+ const LinkSection = (props) => <BreadCrumbItem {...props} />
8
8
  const BreadCrumbsDefault = (props) => {
9
9
  return (
10
10
  <BreadCrumbs
@@ -35,7 +35,7 @@ const BreadCrumbsDefault = (props) => {
35
35
  size="1x"
36
36
  {...props}
37
37
  />
38
- <Link
38
+ <LinkSection
39
39
  {...props}
40
40
  href="/users"
41
41
  >
@@ -46,20 +46,20 @@ const BreadCrumbsDefault = (props) => {
46
46
  text="Users"
47
47
  {...props}
48
48
  />
49
- </Link>
49
+ </LinkSection>
50
50
  <Icon
51
51
  icon="user"
52
52
  size="1x"
53
53
  {...props}
54
54
  />
55
- <Link {...props}>
55
+ <LinkSection {...props}>
56
56
  <Title
57
57
  size="4"
58
58
  tag="span"
59
59
  text="User"
60
60
  {...props}
61
61
  />
62
- </Link>
62
+ </LinkSection>
63
63
  </BreadCrumbs>
64
64
  )
65
65
  }
@@ -26,6 +26,24 @@ const DropdownWithConstrainHeight = (props) => {
26
26
  options={options}
27
27
  {...props}
28
28
  />
29
+
30
+ <br />
31
+
32
+ <Dropdown
33
+ label="Subcomponent With Constrain Height"
34
+ options={options}
35
+ {...props}
36
+ >
37
+ <Dropdown.Trigger />
38
+ <Dropdown.Container constrainHeight>
39
+ {options.map((option) => (
40
+ <Dropdown.Option
41
+ key={option.id}
42
+ option={option}
43
+ />
44
+ ))}
45
+ </Dropdown.Container>
46
+ </Dropdown>
29
47
  </>
30
48
  )
31
49
  }
@@ -18,3 +18,14 @@
18
18
  constrain_height: true,
19
19
  label: "With Constrain Height"
20
20
  }) %>
21
+
22
+ <br>
23
+
24
+ <%= pb_rails("dropdown", props: {options: options, label: "Subcomponent With Constrain Height"}) do %>
25
+ <%= pb_rails("dropdown/dropdown_trigger") %>
26
+ <%= pb_rails("dropdown/dropdown_container", props: { constrain_height: true }) do %>
27
+ <% options.each do |option| %>
28
+ <%= pb_rails("dropdown/dropdown_option", props: {option: option}) %>
29
+ <% end %>
30
+ <% end %>
31
+ <% end %>
@@ -4,7 +4,28 @@ import Pagination from '../../pb_pagination/_pagination'
4
4
  import Select from '../../pb_select/_select'
5
5
  import Table from '../../pb_table/_table'
6
6
 
7
- import { data } from "./data";
7
+ const data = [
8
+ ["Value 1", "Value 2", "Value 3", "Value 4", "Value 5"],
9
+ ["Value 6", "Value 7", "Value 8", "Value 9", "Value 10"],
10
+ ["Value 11", "Value 12", "Value 13", "Value 14", "Value 15"],
11
+ ["Value 16", "Value 17", "Value 18", "Value 19", "Value 20"],
12
+ ["Value 21", "Value 22", "Value 23", "Value 24", "Value 25"],
13
+ ["Value 26", "Value 27", "Value 28", "Value 29", "Value 30"],
14
+ ["Value 31", "Value 32", "Value 33", "Value 34", "Value 35"],
15
+ ["Value 36", "Value 37", "Value 38", "Value 39", "Value 40"],
16
+ ["Value 41", "Value 42", "Value 43", "Value 44", "Value 45"],
17
+ ["Value 46", "Value 47", "Value 48", "Value 49", "Value 50"],
18
+ ["Value 51", "Value 52", "Value 53", "Value 54", "Value 55"],
19
+ ["Value 56", "Value 57", "Value 58", "Value 59", "Value 60"],
20
+ ["Value 61", "Value 62", "Value 63", "Value 64", "Value 65"],
21
+ ["Value 66", "Value 67", "Value 68", "Value 69", "Value 70"],
22
+ ["Value 71", "Value 72", "Value 73", "Value 74", "Value 75"],
23
+ ["Value 76", "Value 77", "Value 78", "Value 79", "Value 80"],
24
+ ["Value 81", "Value 82", "Value 83", "Value 84", "Value 85"],
25
+ ["Value 86", "Value 87", "Value 88", "Value 89", "Value 90"],
26
+ ["Value 91", "Value 92", "Value 93", "Value 94", "Value 95"],
27
+ ["Value 96", "Value 97", "Value 98", "Value 99", "Value 100"],
28
+ ];
8
29
 
9
30
  const PaginationExternalControl = (props) => {
10
31
  const [totalItems, setTotalItems] = useState(20);
@@ -2,8 +2,28 @@ import React, { useState } from "react";
2
2
  import Table from '../../pb_table/_table'
3
3
  import Pagination from '../../pb_pagination/_pagination'
4
4
 
5
-
6
- import { data } from "./data";
5
+ const data = [
6
+ ["Value 1", "Value 2", "Value 3", "Value 4", "Value 5"],
7
+ ["Value 6", "Value 7", "Value 8", "Value 9", "Value 10"],
8
+ ["Value 11", "Value 12", "Value 13", "Value 14", "Value 15"],
9
+ ["Value 16", "Value 17", "Value 18", "Value 19", "Value 20"],
10
+ ["Value 21", "Value 22", "Value 23", "Value 24", "Value 25"],
11
+ ["Value 26", "Value 27", "Value 28", "Value 29", "Value 30"],
12
+ ["Value 31", "Value 32", "Value 33", "Value 34", "Value 35"],
13
+ ["Value 36", "Value 37", "Value 38", "Value 39", "Value 40"],
14
+ ["Value 41", "Value 42", "Value 43", "Value 44", "Value 45"],
15
+ ["Value 46", "Value 47", "Value 48", "Value 49", "Value 50"],
16
+ ["Value 51", "Value 52", "Value 53", "Value 54", "Value 55"],
17
+ ["Value 56", "Value 57", "Value 58", "Value 59", "Value 60"],
18
+ ["Value 61", "Value 62", "Value 63", "Value 64", "Value 65"],
19
+ ["Value 66", "Value 67", "Value 68", "Value 69", "Value 70"],
20
+ ["Value 71", "Value 72", "Value 73", "Value 74", "Value 75"],
21
+ ["Value 76", "Value 77", "Value 78", "Value 79", "Value 80"],
22
+ ["Value 81", "Value 82", "Value 83", "Value 84", "Value 85"],
23
+ ["Value 86", "Value 87", "Value 88", "Value 89", "Value 90"],
24
+ ["Value 91", "Value 92", "Value 93", "Value 94", "Value 95"],
25
+ ["Value 96", "Value 97", "Value 98", "Value 99", "Value 100"],
26
+ ];
7
27
 
8
28
  const PaginationPageChange = (props) => {
9
29
 
@@ -0,0 +1,5 @@
1
+ <%= pb_rails("phone_number_input", props: {
2
+ id: "phone_number_input_show_placeholder",
3
+ label: "Phone Number",
4
+ show_placeholder: true,
5
+ }) %>
@@ -0,0 +1,14 @@
1
+ import React from 'react'
2
+ import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
3
+
4
+ const PhoneNumberInputShowPlaceholder = (props) => (
5
+ <>
6
+ <PhoneNumberInput
7
+ id='phone_number_input_show_placeholder'
8
+ label='Phone Number'
9
+ showPlaceholder
10
+ {...props} />
11
+ </>
12
+ )
13
+
14
+ export default PhoneNumberInputShowPlaceholder
@@ -0,0 +1,3 @@
1
+ The `showPlaceholder`/`show_placeholder` prop enables the country-specific example placeholder in the phone input.
2
+
3
+ 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.
@@ -2,6 +2,7 @@ examples:
2
2
 
3
3
  react:
4
4
  - phone_number_input_default: Default
5
+ - phone_number_input_show_placeholder: Show Placeholder
5
6
  - phone_number_input_preferred_countries: Preferred Countries
6
7
  - phone_number_input_initial_country: Initial Country
7
8
  - phone_number_input_only_countries: Only Countries
@@ -16,6 +17,7 @@ examples:
16
17
 
17
18
  rails:
18
19
  - phone_number_input_default: Default
20
+ - phone_number_input_show_placeholder: Show Placeholder
19
21
  - phone_number_input_preferred_countries: Preferred Countries
20
22
  - phone_number_input_initial_country: Initial Country
21
23
  - phone_number_input_only_countries: Only Countries
@@ -10,3 +10,4 @@ export { default as PhoneNumberInputFormat } from './_phone_number_input_format'
10
10
  export { default as PhoneNumberInputStrictMode } from './_phone_number_input_strict_mode'
11
11
  export { default as PhoneNumberInputCountrySearch } from './_phone_number_input_country_search'
12
12
  export { default as PhoneNumberInputRequiredIndicator } from './_phone_number_input_required_indicator.jsx'
13
+ export { default as PhoneNumberInputShowPlaceholder } from './_phone_number_input_show_placeholder'
@@ -5,7 +5,82 @@ import StarterKit from "@tiptap/starter-kit"
5
5
  import Link from '@tiptap/extension-link'
6
6
 
7
7
  import Select from '../../pb_select/_select'
8
- import { changelog, release } from './templates.js'
8
+
9
+ const release = `
10
+ <div>
11
+ <div>
12
+ <strong>Story Background</strong>
13
+ </div>
14
+ <div>
15
+ Follow the{" "}
16
+ <a href='https://github.com/powerhome/playbook/wiki/Release-Team-Guide'>
17
+ release process
18
+ </a>{" "}
19
+ to create a new version, create a gem, and package. Create a Ninja testing
20
+ plan, then update Nitro with the new version.
21
+ </div>
22
+ <div>
23
+ <br />
24
+ </div>
25
+ <div>
26
+ <strong>Timeline / Due Date</strong>
27
+ </div>
28
+ <div>
29
+ <em>Release End of business Thursday</em>
30
+ </div>
31
+ <div>
32
+ <em>Testing on Nitro End of business Friday</em>
33
+ </div>
34
+ <div>
35
+ <br />
36
+ </div>
37
+ <div>
38
+ <strong>Definition of done</strong>
39
+ </div>
40
+ <ol>
41
+ <li>Merge all PR’s</li>
42
+ <li>Update the final CHANGELOG</li>
43
+ <li>Version up and generate NPM, and RubyGem</li>
44
+ <li>Create next version branch and milestone</li>
45
+ <li>Update default branch and branch protection rules&nbsp;</li>
46
+ <li>Notify Everyone of new version</li>
47
+ <li>
48
+ Generate testing plan and pages to test for Ninjas (update runway
49
+ ticket)
50
+ </li>
51
+ <li>Update version on Nitro and get on Demo</li>
52
+ <li>Send Ninjas demo and runway ticket for testing</li>
53
+ <li>Ninja Approved + PR Approved</li>
54
+ </ol>
55
+ <div>
56
+ <br />
57
+ </div>
58
+ <div>
59
+ <strong>Stakeholders / Sign-off</strong>
60
+ </div>
61
+ <ul>
62
+ <li>Code Owners</li>
63
+ </ul>
64
+ <div>
65
+ <br />
66
+ <strong>Cadence</strong>
67
+ <br />
68
+ Jason, Jon, Stephen, Jasper, Brendan, Cole
69
+ </div>
70
+ </div>
71
+ `
72
+
73
+ const changelog = `
74
+ <div>
75
+ <strong>Changelog:<br></strong>
76
+ [INSERT LINK]<br><br>
77
+ You can test the normal spots of Playbook rails and react on
78
+ dev docs plus the following:
79
+ </div>
80
+ <div>
81
+ <br>
82
+ </div>
83
+ `
9
84
 
10
85
  const RichTextEditorAdvancedTemplates = (props) => {
11
86
 
@@ -17,7 +17,7 @@ const languages = [
17
17
  { label: 'PHP', value: '1995', category: 'Web Development' },
18
18
  ]
19
19
 
20
- const colors = [
20
+ const colorOptions = [
21
21
  { label: 'Orange', value: '#FFA500' },
22
22
  { label: 'Red', value: '#FF0000' },
23
23
  { label: 'Green', value: '#00FF00' },
@@ -51,7 +51,7 @@ const TypeaheadReactHook = (props) => {
51
51
  <Typeahead
52
52
  label="Colors"
53
53
  marginTop="lg"
54
- options={colors}
54
+ options={colorOptions}
55
55
  {...props}
56
56
  {...register('color')}
57
57
  />
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui_docs
3
3
  version: !ruby/object:Gem::Version
4
- version: 16.7.0.pre.rc.0
4
+ version: 16.7.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2026-04-28 00:00:00.000000000 Z
12
+ date: 2026-05-01 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -193,8 +193,6 @@ files:
193
193
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header_rails.md
194
194
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.html.erb
195
195
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.md
196
- - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
197
- - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading_empty_children.js
198
196
  - app/pb_kits/playbook/pb_advanced_table/docs/_playground.json
199
197
  - app/pb_kits/playbook/pb_advanced_table/docs/_playground.overrides.json
200
198
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_grouped_simple.json
@@ -203,10 +201,10 @@ files:
203
201
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_standard_sort.json
204
202
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_styling.json
205
203
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_with_ids.json
206
- - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_grouped_headers_composition_mock_data.json
207
204
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
208
205
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json
209
206
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_inline_loading.json
207
+ - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_inline_loading_empty_children.json
210
208
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json
211
209
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_with_id.json
212
210
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
@@ -1772,7 +1770,6 @@ files:
1772
1770
  - app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change_react.md
1773
1771
  - app/pb_kits/playbook/pb_pagination/docs/_playground.json
1774
1772
  - app/pb_kits/playbook/pb_pagination/docs/_playground.overrides.json
1775
- - app/pb_kits/playbook/pb_pagination/docs/data.js
1776
1773
  - app/pb_kits/playbook/pb_pagination/docs/example.yml
1777
1774
  - app/pb_kits/playbook/pb_pagination/docs/index.js
1778
1775
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.html.erb
@@ -1969,6 +1966,9 @@ files:
1969
1966
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.html.erb
1970
1967
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.jsx
1971
1968
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.md
1969
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.html.erb
1970
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.jsx
1971
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.md
1972
1972
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.html.erb
1973
1973
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.jsx
1974
1974
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.md
@@ -2139,7 +2139,6 @@ files:
2139
2139
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_disabled.md
2140
2140
  - app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml
2141
2141
  - app/pb_kits/playbook/pb_rich_text_editor/docs/index.js
2142
- - app/pb_kits/playbook/pb_rich_text_editor/docs/templates.js
2143
2142
  - app/pb_kits/playbook/pb_section_separator/docs/_description.md
2144
2143
  - app/pb_kits/playbook/pb_section_separator/docs/_footer.md
2145
2144
  - app/pb_kits/playbook/pb_section_separator/docs/_playground.json
@@ -1,200 +0,0 @@
1
- export const MOCK_DATA_INLINE_LOADING = [
2
- {
3
- year: "2021",
4
- quarter: null,
5
- month: null,
6
- day: null,
7
- newEnrollments: "20",
8
- scheduledMeetings: "10",
9
- attendanceRate: "51%",
10
- completedClasses: "3",
11
- classCompletionRate: "33%",
12
- graduatedStudents: "19",
13
- children: [],
14
- },
15
- {
16
- year: "2022",
17
- quarter: null,
18
- month: null,
19
- day: null,
20
- newEnrollments: "25",
21
- scheduledMeetings: "17",
22
- attendanceRate: "75%",
23
- completedClasses: "5",
24
- classCompletionRate: "45%",
25
- graduatedStudents: "32",
26
- children: [
27
- {
28
- year: "2022",
29
- quarter: "Q1",
30
- month: null,
31
- day: null,
32
- newEnrollments: "2",
33
- scheduledMeetings: "35",
34
- attendanceRate: "32%",
35
- completedClasses: "15",
36
- classCompletionRate: "52%",
37
- graduatedStudents: "36",
38
- children: [
39
- {
40
- year: "2022",
41
- quarter: "Q1",
42
- month: "January",
43
- day: null,
44
- newEnrollments: "16",
45
- scheduledMeetings: "20",
46
- attendanceRate: "11%",
47
- completedClasses: "13",
48
- classCompletionRate: "47%",
49
- graduatedStudents: "28",
50
- children: [
51
- {
52
- year: "2022",
53
- quarter: "Q1",
54
- month: "January",
55
- day: "15",
56
- newEnrollments: "34",
57
- scheduledMeetings: "28",
58
- attendanceRate: "97%",
59
- completedClasses: "20",
60
- classCompletionRate: "15%",
61
- graduatedStudents: "17",
62
- },
63
- {
64
- year: "2022",
65
- quarter: "Q1",
66
- month: "January",
67
- day: "25",
68
- newEnrollments: "43",
69
- scheduledMeetings: "23",
70
- attendanceRate: "66%",
71
- completedClasses: "26",
72
- classCompletionRate: "47%",
73
- graduatedStudents: "9",
74
- },
75
- ],
76
- },
77
- {
78
- year: "2022",
79
- quarter: "Q1",
80
- month: "May",
81
- day: null,
82
- newEnrollments: "20",
83
- scheduledMeetings: "41",
84
- attendanceRate: "95%",
85
- completedClasses: "26",
86
- classCompletionRate: "83%",
87
- graduatedStudents: "43",
88
- children: [
89
- {
90
- year: "2011",
91
- quarter: "Q1",
92
- month: "May",
93
- day: "2",
94
- newEnrollments: "19",
95
- scheduledMeetings: "35",
96
- attendanceRate: "69%",
97
- completedClasses: "8",
98
- classCompletionRate: "75%",
99
- graduatedStudents: "23",
100
- },
101
- ],
102
- },
103
- ],
104
- },
105
- ],
106
- },
107
- {
108
- year: "2023",
109
- quarter: null,
110
- month: null,
111
- day: null,
112
- newEnrollments: "10",
113
- scheduledMeetings: "15",
114
- attendanceRate: "65%",
115
- completedClasses: "4",
116
- classCompletionRate: "49%",
117
- graduatedStudents: "29",
118
- children: [
119
- {
120
- year: "2023",
121
- quarter: "Q1",
122
- month: null,
123
- day: null,
124
- newEnrollments: "2",
125
- scheduledMeetings: "35",
126
- attendanceRate: "32%",
127
- completedClasses: "15",
128
- classCompletionRate: "52%",
129
- graduatedStudents: "36",
130
- children: [
131
- {
132
- year: "2023",
133
- quarter: "Q1",
134
- month: "March",
135
- day: null,
136
- newEnrollments: "16",
137
- scheduledMeetings: "20",
138
- attendanceRate: "11%",
139
- completedClasses: "13",
140
- classCompletionRate: "47%",
141
- graduatedStudents: "28",
142
- children: [
143
- {
144
- year: "2023",
145
- quarter: "Q1",
146
- month: "March",
147
- day: "10",
148
- newEnrollments: "34",
149
- scheduledMeetings: "28",
150
- attendanceRate: "97%",
151
- completedClasses: "20",
152
- classCompletionRate: "15%",
153
- graduatedStudents: "17",
154
- },
155
- {
156
- year: "2023",
157
- quarter: "Q1",
158
- month: "March",
159
- day: "11",
160
- newEnrollments: "43",
161
- scheduledMeetings: "23",
162
- attendanceRate: "66%",
163
- completedClasses: "26",
164
- classCompletionRate: "47%",
165
- graduatedStudents: "9",
166
- },
167
- ],
168
- },
169
- {
170
- year: "2023",
171
- quarter: "Q1",
172
- month: "April",
173
- day: null,
174
- newEnrollments: "20",
175
- scheduledMeetings: "41",
176
- attendanceRate: "95%",
177
- completedClasses: "26",
178
- classCompletionRate: "83%",
179
- graduatedStudents: "43",
180
- children: [
181
- {
182
- year: "2023",
183
- quarter: "Q1",
184
- month: "April",
185
- day: "15",
186
- newEnrollments: "19",
187
- scheduledMeetings: "35",
188
- attendanceRate: "69%",
189
- completedClasses: "8",
190
- classCompletionRate: "75%",
191
- graduatedStudents: "23",
192
- },
193
- ],
194
- },
195
- ],
196
- },
197
- ],
198
- },
199
- ]
200
-
@@ -1,42 +0,0 @@
1
- export const MOCK_DATA_INLINE_LOADING_EMPTY_CHILDREN = [
2
- {
3
- year: "2021",
4
- quarter: null,
5
- month: null,
6
- day: null,
7
- newEnrollments: "20",
8
- scheduledMeetings: "10",
9
- attendanceRate: "51%",
10
- completedClasses: "3",
11
- classCompletionRate: "33%",
12
- graduatedStudents: "19",
13
- children: [],
14
- },
15
- {
16
- year: "2022",
17
- quarter: null,
18
- month: null,
19
- day: null,
20
- newEnrollments: "25",
21
- scheduledMeetings: "17",
22
- attendanceRate: "75%",
23
- completedClasses: "5",
24
- classCompletionRate: "45%",
25
- graduatedStudents: "32",
26
- children: [],
27
- },
28
- {
29
- year: "2023",
30
- quarter: null,
31
- month: null,
32
- day: null,
33
- newEnrollments: "10",
34
- scheduledMeetings: "15",
35
- attendanceRate: "65%",
36
- completedClasses: "4",
37
- classCompletionRate: "49%",
38
- graduatedStudents: "29",
39
- children: [],
40
- },
41
- ]
42
-
@@ -1,98 +0,0 @@
1
- [
2
- {
3
- "id": "1",
4
- "year": "2015",
5
- "newEnrollments": "12",
6
- "scheduledMeetings": "40",
7
- "attendanceRate": "62%",
8
- "classCompletionRate": "28%"
9
- },
10
- {
11
- "id": "2",
12
- "year": "2016",
13
- "newEnrollments": "88",
14
- "scheduledMeetings": "12",
15
- "attendanceRate": "71%",
16
- "classCompletionRate": "55%"
17
- },
18
- {
19
- "id": "3",
20
- "year": "2017",
21
- "newEnrollments": "34",
22
- "scheduledMeetings": "67",
23
- "attendanceRate": "58%",
24
- "classCompletionRate": "41%"
25
- },
26
- {
27
- "id": "4",
28
- "year": "2018",
29
- "newEnrollments": "05",
30
- "scheduledMeetings": "91",
31
- "attendanceRate": "44%",
32
- "classCompletionRate": "73%"
33
- },
34
- {
35
- "id": "5",
36
- "year": "2019",
37
- "newEnrollments": "61",
38
- "scheduledMeetings": "19",
39
- "attendanceRate": "83%",
40
- "classCompletionRate": "36%"
41
- },
42
- {
43
- "id": "6",
44
- "year": "2020",
45
- "newEnrollments": "19",
46
- "scheduledMeetings": "54",
47
- "attendanceRate": "67%",
48
- "classCompletionRate": "62%"
49
- },
50
- {
51
- "id": "7",
52
- "year": "2021",
53
- "newEnrollments": "73",
54
- "scheduledMeetings": "08",
55
- "attendanceRate": "52%",
56
- "classCompletionRate": "49%"
57
- },
58
- {
59
- "id": "8",
60
- "year": "2022",
61
- "newEnrollments": "50",
62
- "scheduledMeetings": "50",
63
- "attendanceRate": "75%",
64
- "classCompletionRate": "45%"
65
- },
66
- {
67
- "id": "9",
68
- "year": "2023",
69
- "newEnrollments": "95",
70
- "scheduledMeetings": "03",
71
- "attendanceRate": "69%",
72
- "classCompletionRate": "81%"
73
- },
74
- {
75
- "id": "10",
76
- "year": "2024",
77
- "newEnrollments": "27",
78
- "scheduledMeetings": "76",
79
- "attendanceRate": "91%",
80
- "classCompletionRate": "22%"
81
- },
82
- {
83
- "id": "11",
84
- "year": "2025",
85
- "newEnrollments": "41",
86
- "scheduledMeetings": "33",
87
- "attendanceRate": "48%",
88
- "classCompletionRate": "94%"
89
- },
90
- {
91
- "id": "12",
92
- "year": "2026",
93
- "newEnrollments": "66",
94
- "scheduledMeetings": "66",
95
- "attendanceRate": "55%",
96
- "classCompletionRate": "58%"
97
- }
98
- ]
@@ -1,23 +0,0 @@
1
- export const data = [
2
- ["Value 1", "Value 2", "Value 3", "Value 4", "Value 5"],
3
- ["Value 6", "Value 7", "Value 8", "Value 9", "Value 10"],
4
- ["Value 11", "Value 12", "Value 13", "Value 14", "Value 15"],
5
- ["Value 16", "Value 17", "Value 18", "Value 19", "Value 20"],
6
- ["Value 21", "Value 22", "Value 23", "Value 24", "Value 25"],
7
- ["Value 26", "Value 27", "Value 28", "Value 29", "Value 30"],
8
- ["Value 31", "Value 32", "Value 33", "Value 34", "Value 35"],
9
- ["Value 36", "Value 37", "Value 38", "Value 39", "Value 40"],
10
- ["Value 41", "Value 42", "Value 43", "Value 44", "Value 45"],
11
- ["Value 46", "Value 47", "Value 48", "Value 49", "Value 50"],
12
- ["Value 51", "Value 52", "Value 53", "Value 54", "Value 55"],
13
- ["Value 56", "Value 57", "Value 58", "Value 59", "Value 60"],
14
- ["Value 61", "Value 62", "Value 63", "Value 64", "Value 65"],
15
- ["Value 66", "Value 67", "Value 68", "Value 69", "Value 70"],
16
- ["Value 71", "Value 72", "Value 73", "Value 74", "Value 75"],
17
- ["Value 76", "Value 77", "Value 78", "Value 79", "Value 80"],
18
- ["Value 81", "Value 82", "Value 83", "Value 84", "Value 85"],
19
- ["Value 86", "Value 87", "Value 88", "Value 89", "Value 90"],
20
- ["Value 91", "Value 92", "Value 93", "Value 94", "Value 95"],
21
- ["Value 96", "Value 97", "Value 98", "Value 99", "Value 100"],
22
- ];
23
-
@@ -1,75 +0,0 @@
1
- export const release = `
2
- <div>
3
- <div>
4
- <strong>Story Background</strong>
5
- </div>
6
- <div>
7
- Follow the{" "}
8
- <a href='https://github.com/powerhome/playbook/wiki/Release-Team-Guide'>
9
- release process
10
- </a>{" "}
11
- to create a new version, create a gem, and package. Create a Ninja testing
12
- plan, then update Nitro with the new version.
13
- </div>
14
- <div>
15
- <br />
16
- </div>
17
- <div>
18
- <strong>Timeline / Due Date</strong>
19
- </div>
20
- <div>
21
- <em>Release End of business Thursday</em>
22
- </div>
23
- <div>
24
- <em>Testing on Nitro End of business Friday</em>
25
- </div>
26
- <div>
27
- <br />
28
- </div>
29
- <div>
30
- <strong>Definition of done</strong>
31
- </div>
32
- <ol>
33
- <li>Merge all PR’s</li>
34
- <li>Update the final CHANGELOG</li>
35
- <li>Version up and generate NPM, and RubyGem</li>
36
- <li>Create next version branch and milestone</li>
37
- <li>Update default branch and branch protection rules&nbsp;</li>
38
- <li>Notify Everyone of new version</li>
39
- <li>
40
- Generate testing plan and pages to test for Ninjas (update runway
41
- ticket)
42
- </li>
43
- <li>Update version on Nitro and get on Demo</li>
44
- <li>Send Ninjas demo and runway ticket for testing</li>
45
- <li>Ninja Approved + PR Approved</li>
46
- </ol>
47
- <div>
48
- <br />
49
- </div>
50
- <div>
51
- <strong>Stakeholders / Sign-off</strong>
52
- </div>
53
- <ul>
54
- <li>Code Owners</li>
55
- </ul>
56
- <div>
57
- <br />
58
- <strong>Cadence</strong>
59
- <br />
60
- Jason, Jon, Stephen, Jasper, Brendan, Cole
61
- </div>
62
- </div>
63
- `
64
-
65
- export const changelog = `
66
- <div>
67
- <strong>Changelog:<br></strong>
68
- [INSERT LINK]<br><br>
69
- You can test the normal spots of Playbook rails and react on
70
- dev docs plus the following:
71
- </div>
72
- <div>
73
- <br>
74
- </div>
75
- `