playbook_ui 14.21.2.pre.alpha.PLAY21318324 → 14.21.2.pre.alpha.PLAY21898327
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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx +1 -4
- data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +0 -8
- data/app/pb_kits/playbook/pb_advanced_table/Components/VirtualizedTableView.tsx +36 -16
- data/app/pb_kits/playbook/pb_advanced_table/Context/AdvancedTableContext.tsx +18 -5
- data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableActions.ts +37 -17
- data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts +2 -5
- data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +3 -0
- data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx +91 -40
- data/app/pb_kits/playbook/pb_advanced_table/Utilities/CellRendererUtils.tsx +1 -4
- data/app/pb_kits/playbook/pb_advanced_table/Utilities/TableContainerStyles.ts +3 -2
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +32 -4
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +32 -22
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +10 -15
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.md +3 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -1
- data/app/pb_kits/playbook/pb_filter/Filter/FilterSection.tsx +49 -0
- data/app/pb_kits/playbook/pb_filter/Filter/FilterSidebar.tsx +69 -0
- data/app/pb_kits/playbook/pb_filter/Filter/index.tsx +13 -0
- data/app/pb_kits/playbook/pb_filter/_filter.scss +4 -0
- data/app/pb_kits/playbook/pb_filter/docs/_filter_sidebar.jsx +224 -0
- data/app/pb_kits/playbook/pb_filter/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_filter/docs/index.js +1 -0
- data/dist/chunks/_typeahead-BXD634Vm.js +22 -0
- data/dist/chunks/_weekday_stacked-BxnkrDBG.js +45 -0
- data/dist/chunks/lib-9VvC3Rp0.js +29 -0
- data/dist/chunks/{pb_form_validation-DSkdRDMf.js → pb_form_validation-CbyL4Bqa.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +3 -3
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +9 -7
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.jsx +0 -64
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.md +0 -7
- data/dist/chunks/_typeahead-CoOpeYom.js +0 -22
- data/dist/chunks/_weekday_stacked-BPs62iuT.js +0 -45
- data/dist/chunks/lib-D7Va7yqa.js +0 -29
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 14.21.2.pre.alpha.
|
4
|
+
version: 14.21.2.pre.alpha.PLAY21898327
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -336,6 +336,7 @@ files:
|
|
336
336
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.jsx
|
337
337
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.md
|
338
338
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx
|
339
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.md
|
339
340
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.jsx
|
340
341
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.md
|
341
342
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx
|
@@ -355,8 +356,6 @@ files:
|
|
355
356
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.html.erb
|
356
357
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
|
357
358
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
|
358
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.jsx
|
359
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.md
|
360
359
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_scrollbar_none.html.erb
|
361
360
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_scrollbar_none.jsx
|
362
361
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx
|
@@ -1473,6 +1472,8 @@ files:
|
|
1473
1472
|
- app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.tsx
|
1474
1473
|
- app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
|
1475
1474
|
- app/pb_kits/playbook/pb_filter/Filter/FilterDouble.tsx
|
1475
|
+
- app/pb_kits/playbook/pb_filter/Filter/FilterSection.tsx
|
1476
|
+
- app/pb_kits/playbook/pb_filter/Filter/FilterSidebar.tsx
|
1476
1477
|
- app/pb_kits/playbook/pb_filter/Filter/FilterSingle.tsx
|
1477
1478
|
- app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
|
1478
1479
|
- app/pb_kits/playbook/pb_filter/Filter/ResultsCount.tsx
|
@@ -1504,6 +1505,7 @@ files:
|
|
1504
1505
|
- app/pb_kits/playbook/pb_filter/docs/_filter_popover_props.jsx
|
1505
1506
|
- app/pb_kits/playbook/pb_filter/docs/_filter_popover_props_rails.md
|
1506
1507
|
- app/pb_kits/playbook/pb_filter/docs/_filter_popover_props_react.md
|
1508
|
+
- app/pb_kits/playbook/pb_filter/docs/_filter_sidebar.jsx
|
1507
1509
|
- app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb
|
1508
1510
|
- app/pb_kits/playbook/pb_filter/docs/_filter_single.jsx
|
1509
1511
|
- app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.html.erb
|
@@ -3620,11 +3622,11 @@ files:
|
|
3620
3622
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3621
3623
|
- app/pb_kits/playbook/utilities/text.ts
|
3622
3624
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3623
|
-
- dist/chunks/_typeahead-
|
3624
|
-
- dist/chunks/_weekday_stacked-
|
3625
|
+
- dist/chunks/_typeahead-BXD634Vm.js
|
3626
|
+
- dist/chunks/_weekday_stacked-BxnkrDBG.js
|
3625
3627
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3626
|
-
- dist/chunks/lib-
|
3627
|
-
- dist/chunks/pb_form_validation-
|
3628
|
+
- dist/chunks/lib-9VvC3Rp0.js
|
3629
|
+
- dist/chunks/pb_form_validation-CbyL4Bqa.js
|
3628
3630
|
- dist/chunks/vendor.js
|
3629
3631
|
- dist/menu.yml
|
3630
3632
|
- dist/playbook-doc.js
|
@@ -1,64 +0,0 @@
|
|
1
|
-
import React from "react"
|
2
|
-
import AdvancedTable from '../_advanced_table'
|
3
|
-
import MOCK_DATA from "./advanced_table_mock_data_with_id.json"
|
4
|
-
import { colors } from "playbook-ui"
|
5
|
-
|
6
|
-
const AdvancedTableRowStyling = (props) => {
|
7
|
-
const columnDefinitions = [
|
8
|
-
{
|
9
|
-
accessor: "year",
|
10
|
-
label: "Year",
|
11
|
-
cellAccessors: ["quarter", "month", "day"],
|
12
|
-
},
|
13
|
-
{
|
14
|
-
accessor: "newEnrollments",
|
15
|
-
label: "New Enrollments",
|
16
|
-
},
|
17
|
-
{
|
18
|
-
accessor: "scheduledMeetings",
|
19
|
-
label: "Scheduled Meetings",
|
20
|
-
},
|
21
|
-
{
|
22
|
-
accessor: "attendanceRate",
|
23
|
-
label: "Attendance Rate",
|
24
|
-
},
|
25
|
-
{
|
26
|
-
accessor: "completedClasses",
|
27
|
-
label: "Completed Classes",
|
28
|
-
},
|
29
|
-
{
|
30
|
-
accessor: "classCompletionRate",
|
31
|
-
label: "Class Completion Rate",
|
32
|
-
},
|
33
|
-
{
|
34
|
-
accessor: "graduatedStudents",
|
35
|
-
label: "Graduated Students",
|
36
|
-
},
|
37
|
-
]
|
38
|
-
|
39
|
-
const rowStyling = [
|
40
|
-
{
|
41
|
-
rowId: "1",
|
42
|
-
backgroundColor: colors.warning,
|
43
|
-
},
|
44
|
-
{
|
45
|
-
rowId: "8",
|
46
|
-
backgroundColor: colors.category_1,
|
47
|
-
fontColor: colors.white,
|
48
|
-
expandButtonColor: colors.white,
|
49
|
-
},
|
50
|
-
];
|
51
|
-
|
52
|
-
return (
|
53
|
-
<div>
|
54
|
-
<AdvancedTable
|
55
|
-
columnDefinitions={columnDefinitions}
|
56
|
-
rowStyling={rowStyling}
|
57
|
-
tableData={MOCK_DATA}
|
58
|
-
{...props}
|
59
|
-
/>
|
60
|
-
</div>
|
61
|
-
)
|
62
|
-
}
|
63
|
-
|
64
|
-
export default AdvancedTableRowStyling
|
@@ -1,7 +0,0 @@
|
|
1
|
-
The `rowStyling` prop can be used in conjunction with row ids to control certain styling options on individual rows. Currently, `rowStyling` gives you 3 optional controls:
|
2
|
-
|
3
|
-
- `backgroundColor` : use this to control the background color of the row.
|
4
|
-
- `fontColor`: use this to control font color for each row if needed, for example if using a darker background color.
|
5
|
-
- `expandButtonColor`: use this to control the color of the expand icon if needed, for example if using a darker background color.
|
6
|
-
|
7
|
-
**NOTE:** Each object within the `tableData` Array must contain a unique id in order to attach an id to all Rows for this to function.
|