playbook_ui_docs 14.18.0.pre.alpha.PLAY2048phonenumberinputcountrysearch7456 → 14.18.0.pre.alpha.PLAY2107phonenumberlabeljumpbug7435
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 +4 -4
- data/app/pb_kits/playbook/pb_draggable/docs/example.yml +1 -2
- data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +0 -1
- data/dist/playbook-doc.js +1 -1
- metadata +4 -10
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.html.erb +0 -43
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.html.erb +0 -55
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_rails.md +0 -1
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.html.erb +0 -10
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.jsx +0 -20
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.md +0 -1
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_drop_zones_react.md → _draggable_drop_zones.md} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_drop_zones_colors_react.md → _draggable_drop_zones_colors.md} +0 -0
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: 14.18.0.pre.alpha.
|
|
4
|
+
version: 14.18.0.pre.alpha.PLAY2107phonenumberlabeljumpbug7435
|
|
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-04-
|
|
12
|
+
date: 2025-04-29 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: playbook_ui
|
|
@@ -737,15 +737,12 @@ files:
|
|
|
737
737
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx
|
|
738
738
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
|
|
739
739
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_default_react.md
|
|
740
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.html.erb
|
|
741
740
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.jsx
|
|
742
|
-
- app/pb_kits/playbook/pb_draggable/docs/
|
|
741
|
+
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.md
|
|
743
742
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx
|
|
744
|
-
- app/pb_kits/playbook/pb_draggable/docs/
|
|
745
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_react.md
|
|
743
|
+
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.md
|
|
746
744
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.jsx
|
|
747
745
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.md
|
|
748
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_react.md
|
|
749
746
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.html.erb
|
|
750
747
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.md
|
|
751
748
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.html.erb
|
|
@@ -1552,9 +1549,6 @@ files:
|
|
|
1552
1549
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_access_input_element.md
|
|
1553
1550
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_clear_field.jsx
|
|
1554
1551
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_clear_field.md
|
|
1555
|
-
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.html.erb
|
|
1556
|
-
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.jsx
|
|
1557
|
-
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.md
|
|
1558
1552
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb
|
|
1559
1553
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx
|
|
1560
1554
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.md
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
<% data_shadow = [
|
|
2
|
-
{ id: "51", text: "Task 1" },
|
|
3
|
-
{ id: "52", text: "Task 2" },
|
|
4
|
-
{ id: "53", text: "Task 3" }
|
|
5
|
-
] %>
|
|
6
|
-
|
|
7
|
-
<% data_outline = [
|
|
8
|
-
{ id: "61", text: "Task 1" },
|
|
9
|
-
{ id: "62", text: "Task 2" },
|
|
10
|
-
{ id: "63", text: "Task 3" }
|
|
11
|
-
] %>
|
|
12
|
-
|
|
13
|
-
<%= pb_rails("flex", props: { justify: "around" }) do %>
|
|
14
|
-
<%= pb_rails("flex/flex_item", props: { margin_right: "xl" }) do %>
|
|
15
|
-
<%= pb_rails("draggable", props: { drop_zone_type: "shadow", initial_items: data_shadow }) do %>
|
|
16
|
-
<%= pb_rails("caption", props: { margin_bottom: "xs", text: "Shadow", text_align: "center" }) %>
|
|
17
|
-
<%= pb_rails("draggable/draggable_container", props: { html_options: { style: { width: "200px" } } }) do %>
|
|
18
|
-
<% data_shadow.each do |item| %>
|
|
19
|
-
<%= pb_rails("card", props: { drag_id: item[:id], draggable_item: true, margin_bottom: "xs", padding: "xs", padding_right: "xl" }) do %>
|
|
20
|
-
<%= pb_rails("flex", props: { align_items: "stretch", flex_direction: "column" }) do %>
|
|
21
|
-
<%= pb_rails("body", props: { text: item[:text] }) %>
|
|
22
|
-
<% end %>
|
|
23
|
-
<% end %>
|
|
24
|
-
<% end %>
|
|
25
|
-
<% end %>
|
|
26
|
-
<% end %>
|
|
27
|
-
<% end %>
|
|
28
|
-
|
|
29
|
-
<%= pb_rails("flex/flex_item", props: { margin_right: "xl" }) do %>
|
|
30
|
-
<%= pb_rails("draggable", props: { drop_zone_type: "outline", initial_items: data_outline }) do %>
|
|
31
|
-
<%= pb_rails("caption", props: { margin_bottom: "xs", text: "Outline", text_align: "center" }) %>
|
|
32
|
-
<%= pb_rails("draggable/draggable_container", props: { html_options: { style: { width: "200px" } } }) do %>
|
|
33
|
-
<% data_outline.each do |item| %>
|
|
34
|
-
<%= pb_rails("card", props: { drag_id: item[:id], draggable_item: true, margin_bottom: "xs", padding: "xs", padding_right: "xl" }) do %>
|
|
35
|
-
<%= pb_rails("flex", props: { align_items: "stretch", flex_direction: "column" }) do %>
|
|
36
|
-
<%= pb_rails("body", props: { text: item[:text] }) %>
|
|
37
|
-
<% end %>
|
|
38
|
-
<% end %>
|
|
39
|
-
<% end %>
|
|
40
|
-
<% end %>
|
|
41
|
-
<% end %>
|
|
42
|
-
<% end %>
|
|
43
|
-
<% end %>
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
<% initial_items = [
|
|
2
|
-
{
|
|
3
|
-
id: "141",
|
|
4
|
-
url: "https://unsplash.it/500/400/?image=633",
|
|
5
|
-
},
|
|
6
|
-
{
|
|
7
|
-
id: "142",
|
|
8
|
-
url: "https://unsplash.it/500/400/?image=634",
|
|
9
|
-
},
|
|
10
|
-
{
|
|
11
|
-
id: "143",
|
|
12
|
-
url: "https://unsplash.it/500/400/?image=637",
|
|
13
|
-
},
|
|
14
|
-
] %>
|
|
15
|
-
|
|
16
|
-
<% next_init_items = [
|
|
17
|
-
{
|
|
18
|
-
id: "151",
|
|
19
|
-
url: "https://unsplash.it/500/400/?image=633",
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
id: "152",
|
|
23
|
-
url: "https://unsplash.it/500/400/?image=634",
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
id: "153",
|
|
27
|
-
url: "https://unsplash.it/500/400/?image=637",
|
|
28
|
-
},
|
|
29
|
-
] %>
|
|
30
|
-
|
|
31
|
-
<%= pb_rails("draggable", props: {initial_items: initial_items, drop_zone_type: "shadow", drop_zone_color: "primary"}) do %>
|
|
32
|
-
<%= pb_rails("draggable/draggable_container") do %>
|
|
33
|
-
<%= pb_rails("flex", props: { gap: "sm" }) do %>
|
|
34
|
-
<% initial_items.each do |item| %>
|
|
35
|
-
<%= pb_rails("draggable/draggable_item", props:{drag_id: item[:id]}) do %>
|
|
36
|
-
<%= pb_rails("image", props: { alt: item[:id], size: "md", url: item[:url] }) %>
|
|
37
|
-
<% end %>
|
|
38
|
-
<% end %>
|
|
39
|
-
<% end %>
|
|
40
|
-
<% end %>
|
|
41
|
-
<% end %>
|
|
42
|
-
|
|
43
|
-
<br/>
|
|
44
|
-
|
|
45
|
-
<%= pb_rails("draggable", props: {initial_items: next_init_items, drop_zone_type: "outline", drop_zone_color: "purple"}) do %>
|
|
46
|
-
<%= pb_rails("draggable/draggable_container") do %>
|
|
47
|
-
<%= pb_rails("flex", props: { gap: "sm" }) do %>
|
|
48
|
-
<% initial_items.each do |item| %>
|
|
49
|
-
<%= pb_rails("draggable/draggable_item", props:{drag_id: item[:id]}) do %>
|
|
50
|
-
<%= pb_rails("image", props: { alt: item[:id], size: "md", url: item[:url] }) %>
|
|
51
|
-
<% end %>
|
|
52
|
-
<% end %>
|
|
53
|
-
<% end %>
|
|
54
|
-
<% end %>
|
|
55
|
-
<% end %>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
The default `color` for Draggable kit drop zones is "neutral", with "primary" or "purple" as additional options.
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import PhoneNumberInput from '../_phone_number_input'
|
|
3
|
-
|
|
4
|
-
const PhoneNumberInputCountrySearch = (props) => (
|
|
5
|
-
<>
|
|
6
|
-
<PhoneNumberInput
|
|
7
|
-
countrySearch
|
|
8
|
-
id='country-search'
|
|
9
|
-
{...props}
|
|
10
|
-
/>
|
|
11
|
-
<PhoneNumberInput
|
|
12
|
-
countrySearch
|
|
13
|
-
id='country-search-limited'
|
|
14
|
-
onlyCountries={["br", "us", "ph", "gb"]}
|
|
15
|
-
{...props}
|
|
16
|
-
/>
|
|
17
|
-
</>
|
|
18
|
-
)
|
|
19
|
-
|
|
20
|
-
export default PhoneNumberInputCountrySearch
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Set `country_search` / `countrySearch` to true to allow users to search for a specific Country within the dropdown. If the range of countries has been limited, only the selected countries will be searchable.
|
|
File without changes
|