playbook_ui 14.22.0.pre.alpha.PLAY2248railstooltipclicktoopen8667 → 14.22.0.pre.alpha.PLAY2254datepickerdefaultdatenullvalueturbo8531

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 (44) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx +7 -6
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/SubRowHeaderRow.tsx +11 -32
  4. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts +2 -2
  5. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +0 -5
  6. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +0 -6
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +2 -4
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +0 -2
  9. data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +2 -2
  10. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +7 -3
  11. data/app/pb_kits/playbook/pb_table/_table.tsx +4 -4
  12. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx +8 -8
  13. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md +1 -1
  14. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx +12 -12
  15. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md +3 -3
  16. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx +12 -12
  17. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md +3 -3
  18. data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +0 -1
  19. data/app/pb_kits/playbook/pb_tooltip/index.js +36 -59
  20. data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +2 -9
  21. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +0 -1
  22. data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +0 -3
  23. data/dist/chunks/{_typeahead-CJa1XdQQ.js → _typeahead-d905TAE6.js} +1 -1
  24. data/dist/chunks/_weekday_stacked-K4_gOktU.js +45 -0
  25. data/dist/chunks/{lib-LHsP11gB.js → lib-CvfaRxDq.js} +1 -1
  26. data/dist/chunks/{pb_form_validation-BHrTZlH7.js → pb_form_validation-Ckz-Bv4i.js} +1 -1
  27. data/dist/chunks/vendor.js +1 -1
  28. data/dist/playbook-doc.js +2 -2
  29. data/dist/playbook-rails-react-bindings.js +1 -1
  30. data/dist/playbook-rails.js +1 -1
  31. data/dist/playbook.css +1 -1
  32. data/lib/playbook/version.rb +1 -1
  33. metadata +8 -16
  34. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_sort.jsx +0 -65
  35. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_sort.md +0 -5
  36. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.jsx +0 -69
  37. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.md +0 -1
  38. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open.html.erb +0 -14
  39. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open_rails.md +0 -1
  40. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.html.erb +0 -18
  41. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input_rails.md +0 -1
  42. data/dist/chunks/_weekday_stacked-DEFOs-MK.js +0 -45
  43. /data/app/pb_kits/playbook/pb_tooltip/docs/{_tooltip_click_open_react.md → _tooltip_click_open.md} +0 -0
  44. /data/app/pb_kits/playbook/pb_typeahead/docs/{_typeahead_preserve_input_react.md → _typeahead_preserve_input.md} +0 -0
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.22.0"
5
- VERSION = "14.22.0.pre.alpha.PLAY2248railstooltipclicktoopen8667"
5
+ VERSION = "14.22.0.pre.alpha.PLAY2254datepickerdefaultdatenullvalueturbo8531"
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.22.0.pre.alpha.PLAY2248railstooltipclicktoopen8667
4
+ version: 14.22.0.pre.alpha.PLAY2254datepickerdefaultdatenullvalueturbo8531
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-27 00:00:00.000000000 Z
12
+ date: 2025-06-20 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -328,8 +328,6 @@ files:
328
328
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.md
329
329
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.html.erb
330
330
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.md
331
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_sort.jsx
332
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_sort.md
333
331
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx
334
332
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md
335
333
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expand_by_depth.jsx
@@ -403,8 +401,6 @@ files:
403
401
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx
404
402
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md
405
403
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
406
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.jsx
407
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.md
408
404
  - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
409
405
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
410
406
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json
@@ -3341,10 +3337,8 @@ files:
3341
3337
  - app/pb_kits/playbook/pb_toggle/toggle.test.js
3342
3338
  - app/pb_kits/playbook/pb_tooltip/_tooltip.scss
3343
3339
  - app/pb_kits/playbook/pb_tooltip/_tooltip.tsx
3344
- - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open.html.erb
3345
3340
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open.jsx
3346
- - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open_rails.md
3347
- - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open_react.md
3341
+ - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open.md
3348
3342
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb
3349
3343
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.jsx
3350
3344
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.md
@@ -3410,10 +3404,8 @@ files:
3410
3404
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
3411
3405
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
3412
3406
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
3413
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.html.erb
3414
3407
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.jsx
3415
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input_rails.md
3416
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input_react.md
3408
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.md
3417
3409
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx
3418
3410
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.md
3419
3411
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb
@@ -3620,11 +3612,11 @@ files:
3620
3612
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3621
3613
  - app/pb_kits/playbook/utilities/text.ts
3622
3614
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3623
- - dist/chunks/_typeahead-CJa1XdQQ.js
3624
- - dist/chunks/_weekday_stacked-DEFOs-MK.js
3615
+ - dist/chunks/_typeahead-d905TAE6.js
3616
+ - dist/chunks/_weekday_stacked-K4_gOktU.js
3625
3617
  - dist/chunks/lazysizes-B7xYodB-.js
3626
- - dist/chunks/lib-LHsP11gB.js
3627
- - dist/chunks/pb_form_validation-BHrTZlH7.js
3618
+ - dist/chunks/lib-CvfaRxDq.js
3619
+ - dist/chunks/pb_form_validation-Ckz-Bv4i.js
3628
3620
  - dist/chunks/vendor.js
3629
3621
  - dist/menu.yml
3630
3622
  - dist/playbook-doc.js
@@ -1,65 +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 AdvancedTableCustomSort = (props) => {
6
- const columnDefinitions = [
7
- {
8
- accessor: "year",
9
- label: "Year",
10
- id: "year",
11
- cellAccessors: ["quarter", "month", "day"],
12
- },
13
- {
14
- accessor: "newEnrollments",
15
- id: "newEnrollments",
16
- label: "New Enrollments",
17
- },
18
- {
19
- accessor: "scheduledMeetings",
20
- id: "scheduledMeetings",
21
- label: "Scheduled Meetings",
22
- },
23
- {
24
- accessor: "attendanceRate",
25
- id: "attendanceRate",
26
- label: "Attendance Rate",
27
- },
28
- {
29
- accessor: "completedClasses",
30
- id: "completedClasses",
31
- label: "Completed Classes",
32
- },
33
- {
34
- accessor: "classCompletionRate",
35
- id: "classCompletionRate",
36
- label: "Class Completion Rate",
37
- },
38
- {
39
- accessor: "graduatedStudents",
40
- id: "graduatedStudents",
41
- label: "Graduated Students",
42
- },
43
- ]
44
-
45
- //Render the subRow header rows
46
- const subRowHeaders = ["Quarter", "Month", "Day"]
47
-
48
- return (
49
- <div>
50
- <AdvancedTable
51
- columnDefinitions={columnDefinitions}
52
- customSort
53
- enableToggleExpansion="all"
54
- onCustomSortClick={(subrows)=>{console.log("Custom sort clicked", subrows)}}
55
- tableData={MOCK_DATA}
56
- {...props}
57
- >
58
- <AdvancedTable.Header enableSorting />
59
- <AdvancedTable.Body subRowHeaders={subRowHeaders} />
60
- </AdvancedTable>
61
- </div>
62
- )
63
- }
64
-
65
- export default AdvancedTableCustomSort
@@ -1,5 +0,0 @@
1
- The optional `customSort` prop can be used to add a sort button within a subrow header. The button will only appear if that subrowheader has more than one subrow nested within it. This button comes with a callback function called `onCustomSortClick`.
2
-
3
- The `onCustomSortClick` provides as an argument an array of all the subrows nested within that level of the table.
4
-
5
- __NOTE__: `customSort` must be used in conjunction with the `subRowHeaders` prop. The `customSort` DOES NOT handle the sort logic, this must be handled on the frontend using the callback provided.
@@ -1,69 +0,0 @@
1
- import React from "react"
2
- import AdvancedTable from '../../pb_advanced_table/_advanced_table'
3
- import Icon from "../../pb_icon/_icon"
4
- import Flex from "../../pb_flex/_flex"
5
- import Caption from "../../pb_caption/_caption"
6
- import Tooltip from "../../pb_tooltip/_tooltip"
7
- import MOCK_DATA from "./advanced_table_mock_data.json"
8
-
9
- const AdvancedTableWithCustomHeader = (props) => {
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
- header: () => (
20
- <Flex alignItems="center"
21
- justifyContent="center"
22
- >
23
- <Caption marginRight="xs">New Enrollments</Caption>
24
- <Tooltip placement="top"
25
- text="Whoa. I'm a Tooltip"
26
- zIndex={10}
27
- >
28
- <Icon cursor="pointer"
29
- icon="info"
30
- size="xs"
31
- />
32
- </Tooltip>
33
- </Flex>
34
- ),
35
- },
36
- {
37
- accessor: "scheduledMeetings",
38
- label: "Scheduled Meetings",
39
- },
40
- {
41
- accessor: "attendanceRate",
42
- label: "Attendance Rate",
43
- },
44
- {
45
- accessor: "completedClasses",
46
- label: "Completed Classes",
47
- },
48
- {
49
- accessor: "classCompletionRate",
50
- label: "Class Completion Rate",
51
- },
52
- {
53
- accessor: "graduatedStudents",
54
- label: "Graduated Students",
55
- },
56
- ];
57
-
58
- return (
59
- <div>
60
- <AdvancedTable
61
- columnDefinitions={columnDefinitions}
62
- tableData={MOCK_DATA}
63
- {...props}
64
- />
65
- </div>
66
- )
67
- }
68
-
69
- export default AdvancedTableWithCustomHeader
@@ -1 +0,0 @@
1
- The optional `header` key/value pair can be used within `columnDefinitions` to render a custom header. This example shows an Icon and Tooltip being used but other kits can be used as well.
@@ -1,14 +0,0 @@
1
- <%= pb_rails("button", props: {
2
- text: "Click to Open",
3
- id: "click-tooltip-trigger-1",
4
- variant: "primary"
5
- }) %>
6
-
7
- <%= pb_rails("tooltip", props: {
8
- trigger_element_selector: "#click-tooltip-trigger-1",
9
- tooltip_id: "click-tooltip-1",
10
- position: "top",
11
- use_click_to_open: true
12
- }) do %>
13
- Tooltip opened by click! Click trigger again to close.
14
- <% end %>
@@ -1 +0,0 @@
1
- Set the prop `use_click_to_open` as `true` so that the tooltip will only appear when an item is clicked rather than hovered over.
@@ -1,18 +0,0 @@
1
- <%
2
- options = [
3
- { label: 'Orange', value: '#FFA500' },
4
- { label: 'Red', value: '#FF0000' },
5
- { label: 'Green', value: '#00FF00' },
6
- { label: 'Blue', value: '#0000FF' },
7
- ]
8
- %>
9
-
10
- <%= pb_rails("typeahead", props: {
11
- id: "typeahead-preserve-search-input",
12
- is_multi: false,
13
- label: "Colors",
14
- options: options,
15
- placeholder: "Select...",
16
- preserve_search_input: true,
17
- })
18
- %>
@@ -1 +0,0 @@
1
- By default, text is not preserved in the typeahead kit when you click off of the input field. You can utilize the `preserve_search_input` prop in order to prevent text from being cleared when the field loses focus