playbook_ui_docs 14.20.0.pre.alpha.PLAY2140upgraderailsdependency8086 → 14.20.0.pre.alpha.PLAY2170checkboxrailsindeterminatelogicinkitPOC7980

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.
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.PLAY2140upgraderailsdependency8086
4
+ version: 14.20.0.pre.alpha.PLAY2170checkboxrailsindeterminatelogicinkitPOC7980
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-03 00:00:00.000000000 Z
12
+ date: 2025-05-29 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -83,19 +83,14 @@ files:
83
83
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
84
84
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading_rails.md
85
85
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading_react.md
86
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.html.erb
87
86
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.jsx
88
87
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx
89
88
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md
90
89
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx
91
90
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md
92
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows.jsx
93
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_react.md
94
91
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.html.erb
95
92
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
96
93
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
97
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_scrollbar_none.html.erb
98
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_scrollbar_none.jsx
99
94
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx
100
95
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.md
101
96
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx
@@ -607,7 +602,6 @@ files:
607
602
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.html.erb
608
603
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.jsx
609
604
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.md
610
- - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_date_display.html.erb
611
605
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.html.erb
612
606
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
613
607
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.md
@@ -822,8 +816,6 @@ files:
822
816
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx
823
817
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx
824
818
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.md
825
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_close_on_select.jsx
826
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_close_on_select.md
827
819
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx
828
820
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.md
829
821
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_rails.html.erb
@@ -1,33 +0,0 @@
1
- <% column_definitions = [
2
- {
3
- accessor: "year",
4
- label: "Year",
5
- cellAccessors: ["quarter", "month", "day"],
6
- },
7
- {
8
- accessor: "newEnrollments",
9
- label: "New Enrollments",
10
- },
11
- {
12
- accessor: "scheduledMeetings",
13
- label: "Scheduled Meetings",
14
- },
15
- {
16
- accessor: "attendanceRate",
17
- label: "Attendance Rate",
18
- },
19
- {
20
- accessor: "completedClasses",
21
- label: "Completed Classes",
22
- },
23
- {
24
- accessor: "classCompletionRate",
25
- label: "Class Completion Rate",
26
- },
27
- {
28
- accessor: "graduatedStudents",
29
- label: "Graduated Students",
30
- }
31
- ] %>
32
-
33
- <%= pb_rails("advanced_table", props: { id: "table-no-children", enable_toggle_expansion: "none", table_data: @table_data_no_subrows, column_definitions: column_definitions }) %>
@@ -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,33 +0,0 @@
1
- <% column_definitions = [
2
- {
3
- accessor: "year",
4
- label: "Year",
5
- cellAccessors: ["quarter", "month", "day"],
6
- },
7
- {
8
- accessor: "newEnrollments",
9
- label: "New Enrollments",
10
- },
11
- {
12
- accessor: "scheduledMeetings",
13
- label: "Scheduled Meetings",
14
- },
15
- {
16
- accessor: "attendanceRate",
17
- label: "Attendance Rate",
18
- },
19
- {
20
- accessor: "completedClasses",
21
- label: "Completed Classes",
22
- },
23
- {
24
- accessor: "classCompletionRate",
25
- label: "Class Completion Rate",
26
- },
27
- {
28
- accessor: "graduatedStudents",
29
- label: "Graduated Students",
30
- }
31
- ] %>
32
-
33
- <%= pb_rails("advanced_table", props: { id: "beta_table", table_data: @table_data, column_definitions: column_definitions, max_height: "xs", scroll_bar_none: true }) %>
@@ -1,53 +0,0 @@
1
- import React from "react"
2
- import AdvancedTable from '../../pb_advanced_table/_advanced_table'
3
- import MOCK_DATA from "./advanced_table_mock_data.json"
4
-
5
- const AdvancedTableScrollbarNone = (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
- return (
39
- <div>
40
- <AdvancedTable
41
- columnDefinitions={columnDefinitions}
42
- maxHeight="xs"
43
- overflow="auto"
44
- responsive="scroll"
45
- scrollBarNone
46
- tableData={MOCK_DATA}
47
- {...props}
48
- />
49
- </div>
50
- )
51
- }
52
-
53
- export default AdvancedTableScrollbarNone
@@ -1,13 +0,0 @@
1
- <%= pb_rails("date_picker", props: {
2
- allow_input: true,
3
- date_display: false,
4
- end_date_id: "quick-pick-end-date",
5
- end_date_name: "quick-pick-end-date",
6
- mode: "range",
7
- picker_id: "date-picker-quick-pick-date-display",
8
- placeholder: "mm/dd/yyyy to mm/dd/yyyy",
9
- selection_type: "quickpick",
10
- start_date_id: "quick-pick-start-date",
11
- start_date_name: "quick-pick-start-date"
12
- }) %>
13
-
@@ -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'.