playbook_ui 14.16.0.pre.alpha.PBNTR881advancedtablefullscreen6934 → 14.16.0.pre.alpha.PBNTR924reacttablecustomheaders6846

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 (46) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/Utilities/types.ts +1 -1
  3. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +0 -70
  4. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +85 -168
  5. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +2 -15
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx +1 -0
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +1 -2
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -2
  9. data/app/pb_kits/playbook/pb_button/_button.scss +5 -5
  10. data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +34 -34
  11. data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +2 -2
  12. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +0 -16
  13. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.html.erb +11 -0
  14. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.jsx +7 -0
  15. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_inline_styles.scss +24 -28
  16. data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.tsx +4 -3
  17. data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.tsx +3 -2
  18. data/app/pb_kits/playbook/pb_form/pb_form_validation.js +1 -1
  19. data/app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js +1 -1
  20. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +1 -2
  21. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx +11 -29
  22. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.html.erb +1 -1
  23. data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.html.erb +4 -4
  24. data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.rb +0 -2
  25. data/app/pb_kits/playbook/pb_tooltip/floating_ui.js +282 -0
  26. data/app/pb_kits/playbook/pb_tooltip/index.js +56 -183
  27. data/app/pb_kits/playbook/pb_typeahead/index.ts +2 -2
  28. data/app/pb_kits/playbook/utilities/globalProps.ts +1 -1
  29. data/app/pb_kits/playbook/utilities/object.test.js +1 -149
  30. data/app/pb_kits/playbook/utilities/object.ts +42 -124
  31. data/dist/chunks/_typeahead-HN7DWIZV.js +22 -0
  32. data/dist/chunks/_weekday_stacked-CEWwCgZj.js +45 -0
  33. data/dist/chunks/lib-Co5y3V4K.js +29 -0
  34. data/dist/chunks/{pb_form_validation-BvNy9Bd6.js → pb_form_validation-DMajaRt3.js} +1 -1
  35. data/dist/chunks/vendor.js +1 -1
  36. data/dist/playbook-doc.js +1 -1
  37. data/dist/playbook-rails-react-bindings.js +1 -1
  38. data/dist/playbook-rails.js +1 -1
  39. data/dist/playbook.css +1 -1
  40. data/lib/playbook/version.rb +1 -1
  41. metadata +7 -8
  42. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.jsx +0 -90
  43. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.md +0 -3
  44. data/dist/chunks/_typeahead-Djo6qCne.js +0 -22
  45. data/dist/chunks/_weekday_stacked-CON3AkXi.js +0 -45
  46. data/dist/chunks/lib-BGzBzFZX.js +0 -29
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.16.0"
5
- VERSION = "14.16.0.pre.alpha.PBNTR881advancedtablefullscreen6934"
5
+ VERSION = "14.16.0.pre.alpha.PBNTR924reacttablecustomheaders6846"
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.16.0.pre.alpha.PBNTR881advancedtablefullscreen6934
4
+ version: 14.16.0.pre.alpha.PBNTR924reacttablecustomheaders6846
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-03-27 00:00:00.000000000 Z
12
+ date: 2025-03-24 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -309,8 +309,6 @@ files:
309
309
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md
310
310
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx
311
311
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md
312
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.jsx
313
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.md
314
312
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx
315
313
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.jsx
316
314
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.md
@@ -3197,6 +3195,7 @@ files:
3197
3195
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
3198
3196
  - app/pb_kits/playbook/pb_tooltip/docs/example.yml
3199
3197
  - app/pb_kits/playbook/pb_tooltip/docs/index.js
3198
+ - app/pb_kits/playbook/pb_tooltip/floating_ui.js
3200
3199
  - app/pb_kits/playbook/pb_tooltip/index.js
3201
3200
  - app/pb_kits/playbook/pb_tooltip/tooltip.html.erb
3202
3201
  - app/pb_kits/playbook/pb_tooltip/tooltip.rb
@@ -3462,11 +3461,11 @@ files:
3462
3461
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3463
3462
  - app/pb_kits/playbook/utilities/text.ts
3464
3463
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3465
- - dist/chunks/_typeahead-Djo6qCne.js
3466
- - dist/chunks/_weekday_stacked-CON3AkXi.js
3464
+ - dist/chunks/_typeahead-HN7DWIZV.js
3465
+ - dist/chunks/_weekday_stacked-CEWwCgZj.js
3467
3466
  - dist/chunks/lazysizes-B7xYodB-.js
3468
- - dist/chunks/lib-BGzBzFZX.js
3469
- - dist/chunks/pb_form_validation-BvNy9Bd6.js
3467
+ - dist/chunks/lib-Co5y3V4K.js
3468
+ - dist/chunks/pb_form_validation-DMajaRt3.js
3470
3469
  - dist/chunks/vendor.js
3471
3470
  - dist/menu.yml
3472
3471
  - dist/playbook-doc.js
@@ -1,90 +0,0 @@
1
- import React, { useState } from "react"
2
- import { AdvancedTable, Button, Flex } from "playbook-ui"
3
- import MOCK_DATA from "./advanced_table_mock_data.json"
4
- import PAGINATION_MOCK_DATA from "./advanced_table_pagination_mock_data.json"
5
-
6
- const AdvancedTableFullscreen = (props) => {
7
- const [fullscreenToggleSmall, setFullscreenToggleSmall] = useState(null)
8
- const [fullscreenToggleLarge, setFullscreenToggleLarge] = useState(null)
9
-
10
- const columnDefinitions = [
11
- {
12
- accessor: "year",
13
- label: "Year",
14
- cellAccessors: ["quarter", "month", "day"],
15
- },
16
- {
17
- accessor: "newEnrollments",
18
- label: "New Enrollments",
19
- },
20
- {
21
- accessor: "scheduledMeetings",
22
- label: "Scheduled Meetings",
23
- },
24
- {
25
- accessor: "attendanceRate",
26
- label: "Attendance Rate",
27
- },
28
- {
29
- accessor: "completedClasses",
30
- label: "Completed Classes",
31
- },
32
- {
33
- accessor: "classCompletionRate",
34
- label: "Class Completion Rate",
35
- },
36
- {
37
- accessor: "graduatedStudents",
38
- label: "Graduated Students",
39
- },
40
- ]
41
-
42
- const tableProps = {
43
- sticky: true
44
- }
45
-
46
- return (
47
- <div>
48
- <Flex justify="end">
49
- <Button
50
- marginBottom="sm"
51
- onClick={() => fullscreenToggleSmall?.()}
52
- text="Fullscreen Small Table"
53
- variant="secondary"
54
- />
55
- </Flex>
56
- <AdvancedTable
57
- allowFullScreen
58
- columnDefinitions={columnDefinitions}
59
- fullScreenControl={({ toggleFullscreen }) => setFullscreenToggleSmall(() => toggleFullscreen)}
60
- tableData={MOCK_DATA}
61
- {...props}
62
- >
63
- <AdvancedTable.Header enableSorting />
64
- <AdvancedTable.Body />
65
- </AdvancedTable>
66
- <Flex justify="end">
67
- <Button
68
- marginY="sm"
69
- onClick={() => fullscreenToggleLarge?.()}
70
- text="Fullscreen Large Table"
71
- variant="secondary"
72
- />
73
- </Flex>
74
- <AdvancedTable
75
- allowFullScreen
76
- columnDefinitions={columnDefinitions}
77
- fullScreenControl={({ toggleFullscreen }) => setFullscreenToggleLarge(() => toggleFullscreen)}
78
- responsive="none"
79
- tableData={PAGINATION_MOCK_DATA}
80
- tableProps={tableProps}
81
- {...props}
82
- >
83
- <AdvancedTable.Header enableSorting />
84
- <AdvancedTable.Body />
85
- </AdvancedTable>
86
- </div>
87
- )
88
- }
89
-
90
- export default AdvancedTableFullscreen
@@ -1,3 +0,0 @@
1
- Trigger Fullscreen mode with the `allowFullScreen`and `fullScreenControl` props. `allowFullScreen` is a boolean that enables Fullscreen functionality for an Advanced Table. `fullScreenControl` is a callback function that receives an object containing the table's internal `toggleFullscreen` function, allowing you to store and trigger Fullscreen from the parent component. An external trigger (like a button) must be used to activate Fullscreen mode.
2
-
3
- Exit Fullscreen mode by clicking the minimize top-right-corner icon or by pressing the "Escape" keyboard key.