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.
Files changed (40) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx +1 -4
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +0 -8
  4. data/app/pb_kits/playbook/pb_advanced_table/Components/VirtualizedTableView.tsx +36 -16
  5. data/app/pb_kits/playbook/pb_advanced_table/Context/AdvancedTableContext.tsx +18 -5
  6. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableActions.ts +37 -17
  7. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts +2 -5
  8. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +3 -0
  9. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx +91 -40
  10. data/app/pb_kits/playbook/pb_advanced_table/Utilities/CellRendererUtils.tsx +1 -4
  11. data/app/pb_kits/playbook/pb_advanced_table/Utilities/TableContainerStyles.ts +3 -2
  12. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +32 -4
  13. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +32 -22
  14. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +10 -15
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.md +3 -0
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +1 -1
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -1
  18. data/app/pb_kits/playbook/pb_filter/Filter/FilterSection.tsx +49 -0
  19. data/app/pb_kits/playbook/pb_filter/Filter/FilterSidebar.tsx +69 -0
  20. data/app/pb_kits/playbook/pb_filter/Filter/index.tsx +13 -0
  21. data/app/pb_kits/playbook/pb_filter/_filter.scss +4 -0
  22. data/app/pb_kits/playbook/pb_filter/docs/_filter_sidebar.jsx +224 -0
  23. data/app/pb_kits/playbook/pb_filter/docs/example.yml +1 -0
  24. data/app/pb_kits/playbook/pb_filter/docs/index.js +1 -0
  25. data/dist/chunks/_typeahead-BXD634Vm.js +22 -0
  26. data/dist/chunks/_weekday_stacked-BxnkrDBG.js +45 -0
  27. data/dist/chunks/lib-9VvC3Rp0.js +29 -0
  28. data/dist/chunks/{pb_form_validation-DSkdRDMf.js → pb_form_validation-CbyL4Bqa.js} +1 -1
  29. data/dist/chunks/vendor.js +1 -1
  30. data/dist/playbook-doc.js +3 -3
  31. data/dist/playbook-rails-react-bindings.js +1 -1
  32. data/dist/playbook-rails.js +1 -1
  33. data/dist/playbook.css +1 -1
  34. data/lib/playbook/version.rb +1 -1
  35. metadata +9 -7
  36. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.jsx +0 -64
  37. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.md +0 -7
  38. data/dist/chunks/_typeahead-CoOpeYom.js +0 -22
  39. data/dist/chunks/_weekday_stacked-BPs62iuT.js +0 -45
  40. data/dist/chunks/lib-D7Va7yqa.js +0 -29
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.21.2"
5
- VERSION = "14.21.2.pre.alpha.PLAY21318324"
5
+ VERSION = "14.21.2.pre.alpha.PLAY21898327"
6
6
  end
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.PLAY21318324
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-CoOpeYom.js
3624
- - dist/chunks/_weekday_stacked-BPs62iuT.js
3625
+ - dist/chunks/_typeahead-BXD634Vm.js
3626
+ - dist/chunks/_weekday_stacked-BxnkrDBG.js
3625
3627
  - dist/chunks/lazysizes-B7xYodB-.js
3626
- - dist/chunks/lib-D7Va7yqa.js
3627
- - dist/chunks/pb_form_validation-DSkdRDMf.js
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.