playbook_ui_docs 15.6.0.pre.rc.2 → 15.6.0.pre.rc.3

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 (12) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default.html.erb +1 -1
  3. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.jsx +42 -0
  4. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.md +1 -0
  5. data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +1 -0
  6. data/app/pb_kits/playbook/pb_multiple_users/docs/index.js +1 -0
  7. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.html.erb +30 -0
  8. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.jsx +37 -0
  9. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.md +3 -0
  10. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +2 -0
  11. data/app/pb_kits/playbook/pb_typeahead/docs/index.js +2 -1
  12. metadata +7 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 16b425eef095315e6baaed29bc403318dfbc836032286e17a4c18f362307166c
4
- data.tar.gz: 8904a9af39065b692ace5a34ae36c07e77e1941b0081a8ef1a15935c7ef4678a
3
+ metadata.gz: e48c3e2f0798f59142e5b7f441267ead1095a90ba3be970f0265b32a0ab29b12
4
+ data.tar.gz: 9fbaaa4a409ef1642cdcd0c538da91cbef60e4907051f66518c1b64a35e72c5a
5
5
  SHA512:
6
- metadata.gz: d244ce9be6ea1b575c22739bf58ce048ebf3bbbf2dc0486095e17aff04efd5f9f5e207e1bc49a1400c0073d383458e2f809fe1bea9ca08d36a4145bb74c0e570
7
- data.tar.gz: 47aa68882a6447965f553a541016b0823cf6a4b7f088231706997b6ffeb91ee02c0f90a3ced6130f7cefb7182ef2c96f5e119141c957df71ce6e07c7db3b14d6
6
+ metadata.gz: b090fb11db90ee1e5550a2546d6f2759e15fc1a44cf37184a02e8db910dda56fa0a99729671dc8fc4a500e64c6a584208a4c78195d821e874579d623e573e107
7
+ data.tar.gz: 75886d3377026eaa469febea76c15ed27326e091b566d3b757ad868c610636ac96a768f3efbcbb4548cfa34026b513230bb53b555eff7d684d41dab045e658cb
data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default.html.erb CHANGED
@@ -8,4 +8,4 @@
8
8
  state: "PA",
9
9
  zipcode: "19382",
10
10
  territory: "PHL",
11
- }) %>
11
+ }) %>
data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.jsx ADDED
@@ -0,0 +1,42 @@
1
+ import React from 'react'
2
+ import MultipleUsers from '../../pb_multiple_users/_multiple_users'
3
+
4
+ const MultipleUsersWithTooltip = (props) => {
5
+ return (
6
+ <div>
7
+ <MultipleUsers
8
+ users={[
9
+ {
10
+ name: 'Patrick Welch',
11
+ imageUrl: 'https://randomuser.me/api/portraits/men/9.jpg',
12
+ tooltip: "Patrick Welch - Online"
13
+ },
14
+ {
15
+ name: 'Lucille Sanchez',
16
+ imageUrl: 'https://randomuser.me/api/portraits/women/6.jpg',
17
+ tooltip: "Lucille Sanchez - Offline"
18
+ },
19
+ {
20
+ name: 'Beverly Reyes',
21
+ imageUrl: 'https://randomuser.me/api/portraits/women/74.jpg',
22
+ tooltip: "Beverly Reyes - Online"
23
+ },
24
+ {
25
+ name: 'Keith Craig',
26
+ imageUrl: 'https://randomuser.me/api/portraits/men/40.jpg',
27
+ tooltip: "Keith Craig - Away"
28
+ },
29
+ {
30
+ name: 'Alicia Cooper',
31
+ imageUrl: 'https://randomuser.me/api/portraits/women/46.jpg',
32
+ tooltip: "Alicia Cooper - Busy"
33
+ },
34
+ ]}
35
+ withTooltip
36
+ {...props}
37
+ />
38
+ </div>
39
+ )
40
+ }
41
+ ``
42
+ export default MultipleUsersWithTooltip
data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.md ADDED
@@ -0,0 +1 @@
1
+ Use the `withTooltip` boolean prop to enable setting user-specific tooltip content via the `tooltip` property in the users array.
data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml CHANGED
@@ -10,6 +10,7 @@ examples:
10
10
  - multiple_users_default: Default
11
11
  - multiple_users_reverse: Reverse
12
12
  - multiple_users_size: Size
13
+ - multiple_users_with_tooltip: With Tooltip
13
14
 
14
15
  swift:
15
16
  - multiple_users_default_swift: Default
data/app/pb_kits/playbook/pb_multiple_users/docs/index.js CHANGED
@@ -1,3 +1,4 @@
1
1
  export { default as MultipleUsersDefault } from './_multiple_users_default.jsx'
2
2
  export { default as MultipleUsersReverse } from './_multiple_users_reverse.jsx'
3
3
  export { default as MultipleUsersSize } from './_multiple_users_size.jsx'
4
+ export { default as MultipleUsersWithTooltip } from './_multiple_users_with_tooltip.jsx'
data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.html.erb ADDED
@@ -0,0 +1,30 @@
1
+ <%
2
+ options = [
3
+ { label: 'Orange', value: '#FFA500' },
4
+ { label: 'Red', value: '#FF0000' },
5
+ { label: 'Green', value: '#00FF00' },
6
+ { label: 'Blue', value: '#0000FF' },
7
+ { label: 'Yellow', value: '#FFFF00' },
8
+ { label: 'Purple', value: '#800080' },
9
+ { label: 'Cyan', value: '#00FFFF' },
10
+ { label: 'Magenta', value: '#FF00FF' }
11
+ ]
12
+ %>
13
+
14
+ <%= pb_rails("typeahead", props: {
15
+ id: "typeahead-input-display-none",
16
+ label: "With Input Display None",
17
+ options: options,
18
+ name: :foo,
19
+ input_display: "none",
20
+ })
21
+ %>
22
+ <br/>
23
+ <%= pb_rails("typeahead", props: {
24
+ id: "typeahead-input-display-pills",
25
+ label: "With Input Display Pills (Default)",
26
+ options: options,
27
+ name: :foo,
28
+ pills: true,
29
+ })
30
+ %>
data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.jsx ADDED
@@ -0,0 +1,37 @@
1
+ import React from 'react'
2
+
3
+ import Typeahead from '../_typeahead'
4
+
5
+ const options = [
6
+ { label: 'Orange', value: '#FFA500' },
7
+ { label: 'Red', value: '#FF0000' },
8
+ { label: 'Green', value: '#00FF00' },
9
+ { label: 'Blue', value: '#0000FF' },
10
+ { label: 'Yellow', value: '#FFFF00' },
11
+ { label: 'Purple', value: '#800080' },
12
+ { label: 'Cyan', value: '#00FFFF' },
13
+ { label: 'Magenta', value: '#FF00FF' }
14
+ ]
15
+
16
+ const TypeaheadInputDisplay = (props) => {
17
+ return (
18
+ <>
19
+ <Typeahead
20
+ inputDisplay="none"
21
+ isMulti
22
+ label="With Input Display None"
23
+ options={options}
24
+ {...props}
25
+ />
26
+ <br/>
27
+ <Typeahead
28
+ isMulti
29
+ label="With Input Display Pills (Default)"
30
+ options={options}
31
+ {...props}
32
+ />
33
+ </>
34
+ )
35
+ }
36
+
37
+ export default TypeaheadInputDisplay
data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.md ADDED
@@ -0,0 +1,3 @@
1
+ Use the `inputDisplay`/`input_display` prop to optionally display only the count in the display as opposed to multiple pills. This prop is set to 'pills' by default.
2
+
3
+ **NOTE**: `inputDisplay`/`input_display` should only be used with typeaheads that allow multi selection.
data/app/pb_kits/playbook/pb_typeahead/docs/example.yml CHANGED
@@ -5,6 +5,7 @@ examples:
5
5
  - typeahead_default_options: With Default Options
6
6
  - typeahead_with_context: With Context
7
7
  - typeahead_with_pills: With Pills
8
+ - typeahead_input_display: Input Display
8
9
  - typeahead_without_pills: Without Pills (Single Select)
9
10
  - typeahead_with_pills_async: With Pills (Async Data)
10
11
  - typeahead_with_pills_async_users: With Pills (Async Data w/ Users)
@@ -26,6 +27,7 @@ examples:
26
27
  - typeahead_react_hook: React Hook
27
28
  - typeahead_with_highlight: With Highlight
28
29
  - typeahead_with_pills: With Pills
30
+ - typeahead_input_display: Input Display
29
31
  - typeahead_with_pills_async: With Pills (Async Data)
30
32
  - typeahead_with_pills_async_users: With Pills (Async Data w/ Users)
31
33
  - typeahead_with_pills_async_custom_options: With Pills (Async Data w/ Custom Options)
data/app/pb_kits/playbook/pb_typeahead/docs/index.js CHANGED
@@ -17,4 +17,5 @@ export { default as TypeaheadReactHook } from './_typeahead_react_hook.jsx'
17
17
  export { default as TypeaheadDisabled } from './_typeahead_disabled.jsx'
18
18
  export { default as TypeaheadPreserveInput } from './_typeahead_preserve_input.jsx'
19
19
  export { default as TypeaheadDefaultValue } from './_typeahead_default_value.jsx'
20
- export { default as TypeaheadCustomOptions } from './_typeahead_custom_options.jsx'
20
+ export { default as TypeaheadCustomOptions } from './_typeahead_custom_options.jsx'
21
+ export { default as TypeaheadInputDisplay } from './_typeahead_input_display.jsx'
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: 15.6.0.pre.rc.2
4
+ version: 15.6.0.pre.rc.3
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-12-01 00:00:00.000000000 Z
12
+ date: 2025-12-02 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -1526,6 +1526,8 @@ files:
1526
1526
  - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx
1527
1527
  - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.md
1528
1528
  - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md
1529
+ - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.jsx
1530
+ - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.md
1529
1531
  - app/pb_kits/playbook/pb_multiple_users/docs/example.yml
1530
1532
  - app/pb_kits/playbook/pb_multiple_users/docs/index.js
1531
1533
  - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_description.md
@@ -2576,6 +2578,9 @@ files:
2576
2578
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md
2577
2579
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.html.erb
2578
2580
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
2581
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.html.erb
2582
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.jsx
2583
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.md
2579
2584
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb
2580
2585
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
2581
2586
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb