playbook_ui_docs 16.0.0.pre.alpha.tempotextareasentry13639 β†’ 16.0.0

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: e529d53c5a4c5641f05435ae01f80ca28ac16f41bd092b9d2a56ad5dc7a51812
4
- data.tar.gz: 0f92af36be75763b1e1c43be42bc768b47ee295454b60837da5aac576073314f
3
+ metadata.gz: f6979e6789aa5d34bb598b9fb40404ff29658c2109f118497647503414d0aa57
4
+ data.tar.gz: fc1f6bfcfac4869de68fdee635d998bba02f6c75f75f05750e527957569cf755
5
5
  SHA512:
6
- metadata.gz: f9fdfb987a446d4bf6f26312083c088761af5cf404155a13ebb9da8f33e108359d173b2d56dab166cc14ed6ab4ffff9e1c8790971c819f4822fcceb38b163868
7
- data.tar.gz: b14d489e4315b2462343df2c6c18e463702de7ae942b81b4694287cdc7b2277813310b6ca3e2970e943d9875e499b207b4fcfaeeddd5058ece09e8f6d914162a
6
+ metadata.gz: 93046e97dbb1c968907098cb73656a55fc7d25e0d43c0f915e37959e57fe745b3cdd2635c4b3403f37ca57060bdf54018c5e1e7fe3babf1fd15caa9bcbdbabac
7
+ data.tar.gz: 7442bdffb6f159cc45fa7d64da4cd98df25b700fc88d470b243740e7dbc82e504d7c23ac401c475754b2794b0bd5fc2e7dd0309939397106a761158aefc3fd1c
@@ -1 +1 @@
1
- Individual items can also be disabled by including the `disabled:true` within the object on the treeData for the `returnAllSelected`/`return_all_selected` variant. As noted above, this variant will return data on all checked nodes from the dropdown, irrespective of whether it is a parent or child node.
1
+ individual items can also be disabled by including the `disabled:true` within the object on the treeData for the `returnAllSelected`/`return_all_selected` variant. As noted above, this variant will return data on all checked nodes from the dropdown, irrespective of whether it is a parent or child node.
@@ -15,7 +15,6 @@ examples:
15
15
  - multi_level_select_disabled_options: Disabled Options (Return All Selected)
16
16
  - multi_level_select_disabled_options_parent_default: Disabled Parent Option (Default)
17
17
  - multi_level_select_disabled_options_parent: Disabled Parent Option (Return All Selected)
18
- - multi_level_select_single_disabled: Disabled Options (Single Select)
19
18
 
20
19
  react:
21
20
  - multi_level_select_default: Default
@@ -34,4 +33,3 @@ examples:
34
33
  - multi_level_select_disabled_options: Disabled Options (Return All Selected)
35
34
  - multi_level_select_disabled_options_parent_default: Disabled Parent Option (Default)
36
35
  - multi_level_select_disabled_options_parent: Disabled Parent Option (Return All Selected)
37
- - multi_level_select_single_disabled: Disabled Options (Single Select)
@@ -14,4 +14,3 @@ export { default as MultiLevelSelectDisabledOptionsParent } from './_multi_level
14
14
  export { default as MultiLevelSelectDisabledOptionsParentDefault } from './_multi_level_select_disabled_options_parent_default.jsx'
15
15
  export { default as MultiLevelSelectDisabledOptionsDefault } from './_multi_level_select_disabled_options_default.jsx'
16
16
  export { default as MultiLevelSelectLabel } from './_multi_level_select_label.jsx'
17
- export { default as MultiLevelSelectSingleDisabled } from './_multi_level_select_single_disabled.jsx'
@@ -38,5 +38,5 @@ const MultipleUsersWithTooltip = (props) => {
38
38
  </div>
39
39
  )
40
40
  }
41
-
41
+ ``
42
42
  export default MultipleUsersWithTooltip
@@ -1 +1 @@
1
- Use the `withTooltip` / `with_tooltip` boolean prop to enable setting user-specific tooltip content via the `tooltip` property in the users array.
1
+ Use the `withTooltip` boolean prop to enable setting user-specific tooltip content via the `tooltip` property in the users array.
@@ -4,7 +4,6 @@ examples:
4
4
  - multiple_users_default: Default
5
5
  - multiple_users_reverse: Reverse
6
6
  - multiple_users_size: Size
7
- - multiple_users_with_tooltip: With Tooltip
8
7
 
9
8
 
10
9
  react:
@@ -1 +1 @@
1
- Use the `emojiMask` / `emoji_mask` prop to prevent users from entering emoji characters (🐸 🐈 πŸ„β€β™‚οΈ) in typed or pasted content. It allows accented characters and other non-ASCII letters (Γ©, ΓΌ, ζ–‡).
1
+ Use the `emojiMask` / `emoji_mask` prop to prevent users from entering emoji characters (🐸 🐈 πŸ„β€β™‚οΈ) in typed or pasted content. It allows accented characters and other non-ASCII letters (Γ©, ΓΌ, ζ–‡).
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: 16.0.0.pre.alpha.tempotextareasentry13639
4
+ version: 16.0.0
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: 2026-01-20 00:00:00.000000000 Z
12
+ date: 2026-01-09 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -1429,9 +1429,6 @@ files:
1429
1429
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.html.erb
1430
1430
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.jsx
1431
1431
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.md
1432
- - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_disabled.html.erb
1433
- - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_disabled.jsx
1434
- - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_disabled.md
1435
1432
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children.jsx
1436
1433
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children.md
1437
1434
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children_with_radios.jsx
@@ -1451,7 +1448,6 @@ files:
1451
1448
  - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx
1452
1449
  - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.md
1453
1450
  - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md
1454
- - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.html.erb
1455
1451
  - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.jsx
1456
1452
  - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.md
1457
1453
  - app/pb_kits/playbook/pb_multiple_users/docs/example.yml
@@ -2124,7 +2120,6 @@ files:
2124
2120
  - app/pb_kits/playbook/pb_stat_value/docs/example.yml
2125
2121
  - app/pb_kits/playbook/pb_stat_value/docs/index.js
2126
2122
  - app/pb_kits/playbook/pb_table/docs/_description.md
2127
- - app/pb_kits/playbook/pb_table/docs/_sections.yml
2128
2123
  - app/pb_kits/playbook/pb_table/docs/_table_action_middle.html.erb
2129
2124
  - app/pb_kits/playbook/pb_table/docs/_table_action_middle.jsx
2130
2125
  - app/pb_kits/playbook/pb_table/docs/_table_action_middle.md
@@ -1,135 +0,0 @@
1
- <% treeData = [
2
- {
3
- label: "HQ",
4
- value: "hQ",
5
- id: "hq2",
6
- },
7
- {
8
- label: "Philadelphia",
9
- value: "philadelphia",
10
- id: "phl2",
11
- disabled: true,
12
- children: [
13
- {
14
- label: "Marketing & Sales PHL",
15
- value: "marketingAndSalesPhl",
16
- id: "marketingPHL2",
17
- },
18
- {
19
- label: "Installation Office PHL",
20
- value: "installationOfficePhl",
21
- id: "installationPHL2",
22
- },
23
- {
24
- label: "Warehouse PHL",
25
- value: "warehousePhl",
26
- id: "warehousePHL2",
27
- },
28
- ]
29
- },
30
- {
31
- label: "New Jersey",
32
- value: "newJersey",
33
- id: "nj2",
34
- children: [
35
- {
36
- label: "New Jersey",
37
- value: "newJersey",
38
- id: "nj12",
39
- children: [
40
- {
41
- label: "Marketing & Sales NJ",
42
- value: "marketingAndSalesNj",
43
- id: "marketingNJ2",
44
- disabled: true,
45
- },
46
- {
47
- label: "Installation Office NJ",
48
- value: "installationOfficeNj",
49
- id: "installationNJ2",
50
- },
51
- {
52
- label: "Warehouse NJ",
53
- value: "warehouseNj",
54
- id: "warehouseNJ2",
55
- },
56
- ],
57
- },
58
- {
59
- label: "Princeton",
60
- value: "princeton",
61
- id: "princeton2",
62
- children: [
63
- {
64
- label: "Marketing & Sales Princeton",
65
- value: "marketingAndSalesPrinceton",
66
- id: "marketingPR2",
67
- },
68
- {
69
- label: "Installation Office Princeton",
70
- value: "installationOfficePrinceton",
71
- id: "installationPR2",
72
- disabled: true,
73
- },
74
- {
75
- label: "Warehouse Princeton",
76
- value: "warehousePrinceton",
77
- id: "warehousePR2",
78
- },
79
- ]
80
- },
81
- ]
82
- },
83
- {
84
- label: "Maryland",
85
- value: "maryland",
86
- id: "MD2",
87
- children: [
88
- {
89
- label: "Marketing & Sales MD",
90
- value: "marketingAndSalesMd",
91
- id: "marketingMD2",
92
- },
93
- {
94
- label: "Installation Office MD",
95
- value: "installationOfficeMd",
96
- id: "installationMD2",
97
- },
98
- {
99
- label: "Warehouse MD",
100
- value: "warehouseMd",
101
- id: "warehouseMD2",
102
- },
103
- ]
104
- },
105
- {
106
- label: "Connecticut",
107
- value: "connecticut",
108
- id: "CT2",
109
- children: [
110
- {
111
- label: "Marketing & Sales CT",
112
- value: "marketingAndSalesCt",
113
- id: "marketingCT2",
114
- },
115
- {
116
- label: "Installation Office CT",
117
- value: "installationOfficeCt",
118
- id: "installationCT2",
119
- },
120
- {
121
- label: "Warehouse CT",
122
- value: "warehouseCt",
123
- id: "warehouseCT2",
124
- },
125
- ]
126
- },
127
- ] %>
128
-
129
- <%= pb_rails("multi_level_select", props: {
130
- id: "multi-level-select-single-disabled-rails",
131
- name: "single_disabled",
132
- tree_data: treeData,
133
- input_name: "Power",
134
- variant: "single"
135
- }) %>
@@ -1,147 +0,0 @@
1
- import React from "react";
2
- import MultiLevelSelect from "../_multi_level_select";
3
-
4
- const treeData = [
5
- {
6
- label: "HQ",
7
- value: "hQ",
8
- id: "hq2",
9
- },
10
- {
11
- label: "Philadelphia",
12
- value: "philadelphia",
13
- id: "phl2",
14
- disabled: true,
15
- children: [
16
- {
17
- label: "Marketing & Sales PHL",
18
- value: "marketingAndSalesPhl",
19
- id: "marketingPHL2",
20
- },
21
- {
22
- label: "Installation Office PHL",
23
- value: "installationOfficePhl",
24
- id: "installationPHL2",
25
- },
26
- {
27
- label: "Warehouse PHL",
28
- value: "warehousePhl",
29
- id: "warehousePHL2",
30
- },
31
- ]
32
- },
33
- {
34
- label: "New Jersey",
35
- value: "newJersey",
36
- id: "nj2",
37
- children: [
38
- {
39
- label: "New Jersey",
40
- value: "newJersey",
41
- id: "nj12",
42
- children: [
43
- {
44
- label: "Marketing & Sales NJ",
45
- value: "marketingAndSalesNj",
46
- id: "marketingNJ2",
47
- disabled: true,
48
- },
49
- {
50
- label: "Installation Office NJ",
51
- value: "installationOfficeNj",
52
- id: "installationNJ2",
53
- },
54
- {
55
- label: "Warehouse NJ",
56
- value: "warehouseNj",
57
- id: "warehouseNJ2",
58
- },
59
- ],
60
- },
61
- {
62
- label: "Princeton",
63
- value: "princeton",
64
- id: "princeton2",
65
- children: [
66
- {
67
- label: "Marketing & Sales Princeton",
68
- value: "marketingAndSalesPrinceton",
69
- id: "marketingPR2",
70
- },
71
- {
72
- label: "Installation Office Princeton",
73
- value: "installationOfficePrinceton",
74
- id: "installationPR2",
75
- disabled: true,
76
- },
77
- {
78
- label: "Warehouse Princeton",
79
- value: "warehousePrinceton",
80
- id: "warehousePR2",
81
- },
82
- ]
83
- },
84
- ]
85
- },
86
- {
87
- label: "Maryland",
88
- value: "maryland",
89
- id: "MD2",
90
- children: [
91
- {
92
- label: "Marketing & Sales MD",
93
- value: "marketingAndSalesMd",
94
- id: "marketingMD2",
95
- },
96
- {
97
- label: "Installation Office MD",
98
- value: "installationOfficeMd",
99
- id: "installationMD2",
100
- },
101
- {
102
- label: "Warehouse MD",
103
- value: "warehouseMd",
104
- id: "warehouseMD2",
105
- },
106
- ]
107
- },
108
- {
109
- label: "Connecticut",
110
- value: "connecticut",
111
- id: "CT2",
112
- children: [
113
- {
114
- label: "Marketing & Sales CT",
115
- value: "marketingAndSalesCt",
116
- id: "marketingCT2",
117
- },
118
- {
119
- label: "Installation Office CT",
120
- value: "installationOfficeCt",
121
- id: "installationCT2",
122
- },
123
- {
124
- label: "Warehouse CT",
125
- value: "warehouseCt",
126
- id: "warehouseCT2",
127
- },
128
- ]
129
- },
130
- ];
131
-
132
- const MultiLevelSelectSingleDisabled = (props) => {
133
- return (
134
- <div>
135
- <MultiLevelSelect
136
- id="multiselect-single-disabled"
137
- inputName="Power"
138
- onSelect={(selectedNode) => console.log("Selected Node", selectedNode)}
139
- treeData={treeData}
140
- variant="single"
141
- {...props}
142
- />
143
- </div>
144
- )
145
- };
146
-
147
- export default MultiLevelSelectSingleDisabled;
@@ -1 +0,0 @@
1
- Individual items can be disabled by including `disabled: true` within the object on the treeData for the `single` variant. Disabled options are visibly disabled in the dropdown UI and cannot be selected via mouse click or keyboard navigation. When a parent node is disabled, all of its children are automatically disabled as well.
@@ -1,30 +0,0 @@
1
- <%= pb_rails("multiple_users", props: {
2
- with_tooltip: true,
3
- users: [
4
- {
5
- name: "Patrick Welch",
6
- image_url: "https://randomuser.me/api/portraits/men/9.jpg",
7
- tooltip: "Patrick Welch - Online"
8
- },
9
- {
10
- name: "Lucille Sanchez",
11
- image_url: "https://randomuser.me/api/portraits/women/6.jpg",
12
- tooltip: "Lucille Sanchez - Offline"
13
- },
14
- {
15
- name: "Beverly Reyes",
16
- image_url: "https://randomuser.me/api/portraits/women/74.jpg",
17
- tooltip: "Beverly Reyes - Online"
18
- },
19
- {
20
- name: "Keith Craig",
21
- image_url: "https://randomuser.me/api/portraits/men/40.jpg",
22
- tooltip: "Keith Craig - Away"
23
- },
24
- {
25
- name: "Alicia Cooper",
26
- image_url: "https://randomuser.me/api/portraits/women/46.jpg",
27
- tooltip: "Alicia Cooper - Busy"
28
- }
29
- ]
30
- }) %>
@@ -1,68 +0,0 @@
1
- sections:
2
- - title: "Size & Density"
3
- examples:
4
- - table_sm
5
- - table_md
6
- - table_lg
7
- - table_multiline
8
- - table_single_line
9
- - table_outer_padding
10
-
11
- - title: "Layout & Structure"
12
- examples:
13
- - table_responsive_table
14
- - table_with_subcomponents
15
- - table_with_subcomponents_as_divs
16
- - table_with_background_kit
17
-
18
-
19
- - title: "Sticky & Positional Behaviors"
20
- examples:
21
- - table_sticky
22
- - table_sticky_left_columns
23
- - table_sticky_right_columns
24
- - table_sticky_columns
25
- - table_alignment_row
26
- - table_alignment_column
27
- - table_alignment_shift_row
28
- - table_alignment_shift_data
29
- - table_side_highlight
30
- - table_container
31
-
32
- - title: "Collapsible & Nested Behaviors"
33
- examples:
34
- - table_with_collapsible
35
- - table_with_dynamic_collapsible
36
- - table_with_collapsible_with_custom_click
37
- - table_with_collapsible_with_custom_content
38
- - table_with_collapsible_with_nested_rows
39
- - table_with_collapsible_with_nested_table
40
-
41
- - title: "Data Presentation"
42
- examples:
43
- - table_data_table
44
- - table_vertical_border
45
- - table_striped
46
-
47
- - title: "Header Variants"
48
- examples:
49
- - table_header
50
- - table_with_header_style_borderless
51
- - table_with_header_style_floating
52
-
53
- - title: "Interactive Tables"
54
- examples:
55
- - table_with_clickable_rows
56
- - table_with_selectable_rows
57
- - table_with_filter_variant
58
- - table_with_filter_variant_with_pagination
59
- - table_disable_hover
60
-
61
- - title: "Table Actions"
62
- examples:
63
- - table_one_action
64
- - table_two_actions
65
- - table_two_plus_actions
66
- - table_action_middle
67
- - table_icon_buttons
68
-