playbook_ui 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_draggable/draggable.rb +1 -9
- data/app/pb_kits/playbook/pb_draggable/index.js +142 -139
- data/app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss +0 -23
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +0 -13
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +1 -3
- 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/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.rb +0 -3
- data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.test.js +0 -19
- data/dist/chunks/{_typeahead-D4Ack5Pn.js → _typeahead-BX8IifKY.js} +1 -1
- data/dist/chunks/{_weekday_stacked-DWOZhThL.js → _weekday_stacked-DfMD7HJz.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +6 -12
- 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
data/lib/playbook/version.rb
CHANGED
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.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: actionpack
|
@@ -1218,15 +1218,12 @@ files:
|
|
1218
1218
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx
|
1219
1219
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
|
1220
1220
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_default_react.md
|
1221
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.html.erb
|
1222
1221
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.jsx
|
1223
|
-
- app/pb_kits/playbook/pb_draggable/docs/
|
1222
|
+
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.md
|
1224
1223
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx
|
1225
|
-
- app/pb_kits/playbook/pb_draggable/docs/
|
1226
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_react.md
|
1224
|
+
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.md
|
1227
1225
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.jsx
|
1228
1226
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.md
|
1229
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_react.md
|
1230
1227
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.html.erb
|
1231
1228
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.md
|
1232
1229
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.html.erb
|
@@ -2346,9 +2343,6 @@ files:
|
|
2346
2343
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_access_input_element.md
|
2347
2344
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_clear_field.jsx
|
2348
2345
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_clear_field.md
|
2349
|
-
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.html.erb
|
2350
|
-
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.jsx
|
2351
|
-
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.md
|
2352
2346
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb
|
2353
2347
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx
|
2354
2348
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.md
|
@@ -3527,8 +3521,8 @@ files:
|
|
3527
3521
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3528
3522
|
- app/pb_kits/playbook/utilities/text.ts
|
3529
3523
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3530
|
-
- dist/chunks/_typeahead-
|
3531
|
-
- dist/chunks/_weekday_stacked-
|
3524
|
+
- dist/chunks/_typeahead-BX8IifKY.js
|
3525
|
+
- dist/chunks/_weekday_stacked-DfMD7HJz.js
|
3532
3526
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3533
3527
|
- dist/chunks/lib-96_ZmvAo.js
|
3534
3528
|
- dist/chunks/pb_form_validation-Vv2TqXVC.js
|
@@ -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
|