playbook_ui_docs 14.20.0.pre.alpha.PLAY22408048 → 14.20.0.pre.alpha.play2168firstcolumnborderbug7950

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 (21) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.html.erb +1 -1
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +1 -2
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -2
  5. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.html.erb +48 -2
  6. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +0 -2
  7. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +1 -2
  8. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_only_countries.jsx +1 -1
  9. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +3 -4
  10. data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +0 -1
  11. data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb +51 -3
  12. data/dist/playbook-doc.js +1 -1
  13. metadata +2 -10
  14. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows.jsx +0 -57
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_react.md +0 -5
  16. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_rails.md +0 -1
  17. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_close_on_select.jsx +0 -42
  18. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_close_on_select.md +0 -1
  19. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_exclude_countries.html.erb +0 -4
  20. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_exclude_countries.jsx +0 -15
  21. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_exclude_countries.md +0 -1
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: 14.20.0.pre.alpha.PLAY22408048
4
+ version: 14.20.0.pre.alpha.play2168firstcolumnborderbug7950
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: 2025-06-02 00:00:00.000000000 Z
12
+ date: 2025-05-28 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -88,8 +88,6 @@ files:
88
88
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md
89
89
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx
90
90
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md
91
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows.jsx
92
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_react.md
93
91
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.html.erb
94
92
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
95
93
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
@@ -387,7 +385,6 @@ files:
387
385
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error_swift.md
388
386
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.html.erb
389
387
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.jsx
390
- - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_rails.md
391
388
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md
392
389
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb
393
390
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md
@@ -818,8 +815,6 @@ files:
818
815
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx
819
816
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx
820
817
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.md
821
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_close_on_select.jsx
822
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_close_on_select.md
823
818
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx
824
819
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.md
825
820
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_rails.html.erb
@@ -1617,9 +1612,6 @@ files:
1617
1612
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb
1618
1613
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx
1619
1614
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.md
1620
- - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_exclude_countries.html.erb
1621
- - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_exclude_countries.jsx
1622
- - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_exclude_countries.md
1623
1615
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.html.erb
1624
1616
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.jsx
1625
1617
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.md
@@ -1,57 +0,0 @@
1
- import React, { useState } from "react"
2
- import AdvancedTable from '../_advanced_table'
3
- import MOCK_DATA from "./advanced_table_mock_data_with_id.json"
4
-
5
- const AdvancedTableRowPinning = (props) => {
6
- const columnDefinitions = [
7
- {
8
- accessor: "year",
9
- label: "Year",
10
- cellAccessors: ["quarter", "month", "day"],
11
- },
12
- {
13
- accessor: "newEnrollments",
14
- label: "New Enrollments",
15
- },
16
- {
17
- accessor: "scheduledMeetings",
18
- label: "Scheduled Meetings",
19
- },
20
- {
21
- accessor: "attendanceRate",
22
- label: "Attendance Rate",
23
- },
24
- {
25
- accessor: "completedClasses",
26
- label: "Completed Classes",
27
- },
28
- {
29
- accessor: "classCompletionRate",
30
- label: "Class Completion Rate",
31
- },
32
- {
33
- accessor: "graduatedStudents",
34
- label: "Graduated Students",
35
- },
36
- ]
37
-
38
- const [pinnedRows, setPinnedRows] = useState({top: ["8", "9", "10", "11", "12", "13", "14"]})
39
-
40
- return (
41
- <div>
42
- <AdvancedTable
43
- columnDefinitions={columnDefinitions}
44
- maxHeight="xs"
45
- pinnedRows={{value: pinnedRows, onChange: setPinnedRows}}
46
- tableData={MOCK_DATA}
47
- tableProps={{sticky: true}}
48
- {...props}
49
- >
50
- <AdvancedTable.Header enableSorting />
51
- <AdvancedTable.Body />
52
- </AdvancedTable>
53
- </div>
54
- )
55
- }
56
-
57
- export default AdvancedTableRowPinning
@@ -1,5 +0,0 @@
1
- Use the `pinnedRows` prop to pin specific rows to the top of an Advanced Table. Pinned rows will remain at the top when scrolling through table data and reorganizing via sorting.
2
-
3
- **NOTE:** This prop is in Beta. Current Requirements for V1:
4
- - Sticky header required: Pinned rows must be used with `sticky: true` via `tableProps` (works with both responsive and non-responsive tables)
5
- - Row ids required: Pass an array of row ids to the `top` property. For expandable rows, both parent and all its child row ids must be included individually
@@ -1 +0,0 @@
1
- If you want to use indeterminate, "check/uncheck all" checkboxes, add `indeterminate_main: true` and an `id` to the main checkbox. Then, add an `indeterminate_parent` prop with the main checkbox's `id` to the children checkboxes.
@@ -1,42 +0,0 @@
1
- import React from 'react'
2
- import Dropdown from '../../pb_dropdown/_dropdown'
3
-
4
- const DropdownCloseOnSelect = (props) => {
5
-
6
- const options = [
7
- {
8
- label: "United States",
9
- value: "United States",
10
- },
11
- {
12
- label: "Canada",
13
- value: "Canada",
14
- },
15
- {
16
- label: "Pakistan",
17
- value: "Pakistan",
18
- }
19
- ];
20
-
21
-
22
- return (
23
- <div>
24
- <Dropdown
25
- closeOnSelection={false}
26
- label="Default"
27
- options={options}
28
- {...props}
29
- />
30
- <br />
31
- <Dropdown
32
- closeOnSelection={false}
33
- label="Multi Select"
34
- multiSelect
35
- options={options}
36
- {...props}
37
- />
38
- </div>
39
- )
40
- }
41
-
42
- export default DropdownCloseOnSelect
@@ -1 +0,0 @@
1
- By default, the dropdown menu will close when a selection is made. You can prevent this behavior by using the `closeOnSelection` prop, which will leave the menu open after a selection is made when set to 'false'.
@@ -1,4 +0,0 @@
1
- <%= pb_rails("phone_number_input", props: {
2
- initial_country: 'gb',
3
- exclude_countries: ['us', 'br']
4
- }) %>
@@ -1,15 +0,0 @@
1
- import React from 'react'
2
- import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
3
-
4
- const PhoneNumberInputExcludeCountries = (props) => (
5
- <>
6
- <PhoneNumberInput
7
- excludeCountries={['us', 'br']}
8
- id='exclude'
9
- initialCountry='gb'
10
- {...props}
11
- />
12
- </>
13
- )
14
-
15
- export default PhoneNumberInputExcludeCountries
@@ -1 +0,0 @@
1
- Excluding countries removes the selected countries from the dropdown.