playbook_ui 14.4.0.pre.alpha.PLAY1529removefaeasy3900 → 14.4.0.pre.alpha.PLAY1546highchartsbump3822
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/Components/SortIconButton.tsx +4 -23
- data/app/pb_kits/playbook/pb_button/_button.tsx +2 -6
- data/app/pb_kits/playbook/pb_contact/_contact.tsx +5 -17
- data/app/pb_kits/playbook/pb_contact/contact.html.erb +6 -14
- data/app/pb_kits/playbook/pb_contact/contact.rb +0 -4
- data/app/pb_kits/playbook/pb_contact/contact.test.js +1 -1
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +3 -4
- data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +1 -1
- data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +0 -4
- data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +3 -6
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.html.erb +1 -1
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_header_styles.scss +2 -6
- data/app/pb_kits/playbook/pb_dialog/_dialog.scss +0 -2
- data/app/pb_kits/playbook/pb_dialog/dialog_header.html.erb +1 -1
- data/app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb +2 -10
- data/app/pb_kits/playbook/pb_filter/docs/_filter_max_height.html.erb +1 -5
- data/app/pb_kits/playbook/pb_filter/docs/_filter_max_width.html.erb +1 -5
- data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.html.erb +1 -5
- data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.html.erb +1 -5
- data/app/pb_kits/playbook/pb_filter/docs/_filter_only.html.erb +1 -5
- data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.html.erb +1 -5
- data/app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb +1 -5
- data/app/pb_kits/playbook/pb_map/_map_controls.tsx +1 -7
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +4 -15
- data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change.jsx +1 -12
- data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change_react.md +1 -3
- data/app/pb_kits/playbook/pb_passphrase/_passphrase.tsx +2 -10
- data/app/pb_kits/playbook/pb_popover/docs/_popover_list.html.erb +13 -14
- data/app/pb_kits/playbook/pb_popover/docs/_popover_list.jsx +4 -4
- data/app/pb_kits/playbook/pb_radio/_radio.tsx +33 -92
- data/app/pb_kits/playbook/pb_radio/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_radio/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarDropdown.tsx +5 -12
- data/app/pb_kits/playbook/pb_select/_select.tsx +2 -5
- data/app/pb_kits/playbook/pb_select/select.html.erb +1 -1
- data/app/pb_kits/playbook/pb_select/select.rb +0 -4
- data/app/pb_kits/playbook/pb_text_input/_text_input.scss +1 -0
- data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx +13 -17
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +1 -0
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.test.jsx +0 -14
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +0 -3
- data/app/pb_kits/playbook/pb_typeahead/components/Control.tsx +5 -6
- data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_typeahead/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_typeahead/typeahead.html.erb +1 -2
- data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +1 -6
- data/app/pb_kits/playbook/utilities/icons/allicons.tsx +13 -136
- data/dist/chunks/_typeahead-D7A7UtDj.js +22 -0
- data/dist/chunks/_weekday_stacked-cRBjVQjA.js +45 -0
- data/dist/chunks/lib-D2U4I1U6.js +16 -0
- data/dist/chunks/{pb_form_validation-D9zkwt2b.js → pb_form_validation-zV9OpdSt.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/pagination_renderer.rb +2 -10
- data/lib/playbook/version.rb +1 -1
- metadata +6 -11
- data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx +0 -59
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb +0 -88
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx +0 -60
- data/app/pb_kits/playbook/utilities/icons/angle-down.svg +0 -3
- data/app/pb_kits/playbook/utilities/icons/envelope.svg +0 -3
- data/dist/chunks/_typeahead-DnWoIeq6.js +0 -22
- data/dist/chunks/_weekday_stacked-C5Ls9JLc.js +0 -45
- data/dist/chunks/lib-CEpcaI8y.js +0 -29
@@ -29,20 +29,12 @@ module Playbook
|
|
29
29
|
|
30
30
|
def previous_page
|
31
31
|
num = @collection.current_page > 1 && @collection.current_page - 1
|
32
|
-
previous_or_next_page(
|
33
|
-
num,
|
34
|
-
"<svg xmlns='http://www.w3.org/2000/svg' width='auto' height='auto' viewBox='0 0 30 24' fill='none' class='pb_custom_icon svg-inline--fa pb_icon_kit svg_fw svg_xs' id='' data='{}' aria='{:label=>"away"}' tabindex=''><path d='M8.20312 11.2031L17.2031 2.25C17.625 1.78125 18.3281 1.78125 18.7969 2.25C19.2188 2.67188 19.2188 3.375 18.7969 3.79688L10.5469 12L18.75 20.25C19.2188 20.6719 19.2188 21.375 18.75 21.7969C18.3281 22.2656 17.625 22.2656 17.2031 21.7969L8.20312 12.7969C7.73438 12.375 7.73438 11.6719 8.20312 11.2031Z' fill='currentColor'></path></svg>",
|
35
|
-
"prev"
|
36
|
-
)
|
32
|
+
previous_or_next_page(num, "<i class='far fa-chevron-left fa-xs'></i>", "prev")
|
37
33
|
end
|
38
34
|
|
39
35
|
def next_page
|
40
36
|
num = @collection.current_page < @collection.total_pages && @collection.current_page + 1
|
41
|
-
previous_or_next_page(
|
42
|
-
num,
|
43
|
-
"<svg xmlns='http://www.w3.org/2000/svg' width='auto' height='auto' viewBox='0 0 30 24' fill='none' class='pb_custom_icon svg-inline--fa pb_icon_kit svg_fw svg_xs' id='' data='{}' aria='{:label=>"away"}' tabindex=''><path d='M21.7969 11.2031C22.2188 11.6719 22.2188 12.375 21.7969 12.7969L12.7969 21.7969C12.3281 22.2656 11.625 22.2656 11.2031 21.7969C10.7344 21.375 10.7344 20.6719 11.2031 20.25L19.4062 12.0469L11.2031 3.79688C10.7344 3.375 10.7344 2.67188 11.2031 2.25C11.625 1.78125 12.3281 1.78125 12.75 2.25L21.7969 11.2031Z' fill='currentColor'></path></svg>",
|
44
|
-
"next"
|
45
|
-
)
|
37
|
+
previous_or_next_page(num, "<i class='far fa-chevron-right fa-xs'></i>", "next")
|
46
38
|
end
|
47
39
|
end
|
48
40
|
end
|
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.4.0.pre.alpha.
|
4
|
+
version: 14.4.0.pre.alpha.PLAY1546highchartsbump3822
|
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: 2024-09-
|
12
|
+
date: 2024-09-19 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -2159,7 +2159,6 @@ files:
|
|
2159
2159
|
- app/pb_kits/playbook/pb_radio/docs/_radio_custom.html.erb
|
2160
2160
|
- app/pb_kits/playbook/pb_radio/docs/_radio_custom.jsx
|
2161
2161
|
- app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.html.erb
|
2162
|
-
- app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx
|
2163
2162
|
- app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.md
|
2164
2163
|
- app/pb_kits/playbook/pb_radio/docs/_radio_custom_swift.md
|
2165
2164
|
- app/pb_kits/playbook/pb_radio/docs/_radio_default.html.erb
|
@@ -2866,8 +2865,6 @@ files:
|
|
2866
2865
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md
|
2867
2866
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.html.erb
|
2868
2867
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
|
2869
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb
|
2870
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
|
2871
2868
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
|
2872
2869
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
|
2873
2870
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context.html.erb
|
@@ -3032,9 +3029,7 @@ files:
|
|
3032
3029
|
- app/pb_kits/playbook/utilities/globalPropNames.mjs
|
3033
3030
|
- app/pb_kits/playbook/utilities/globalProps.ts
|
3034
3031
|
- app/pb_kits/playbook/utilities/icons/allicons.tsx
|
3035
|
-
- app/pb_kits/playbook/utilities/icons/angle-down.svg
|
3036
3032
|
- app/pb_kits/playbook/utilities/icons/clock.svg
|
3037
|
-
- app/pb_kits/playbook/utilities/icons/envelope.svg
|
3038
3033
|
- app/pb_kits/playbook/utilities/icons/spinner.svg
|
3039
3034
|
- app/pb_kits/playbook/utilities/icons/times.svg
|
3040
3035
|
- app/pb_kits/playbook/utilities/object.ts
|
@@ -3055,11 +3050,11 @@ files:
|
|
3055
3050
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3056
3051
|
- app/pb_kits/playbook/utilities/text.ts
|
3057
3052
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3058
|
-
- dist/chunks/_typeahead-
|
3059
|
-
- dist/chunks/_weekday_stacked-
|
3053
|
+
- dist/chunks/_typeahead-D7A7UtDj.js
|
3054
|
+
- dist/chunks/_weekday_stacked-cRBjVQjA.js
|
3060
3055
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3061
|
-
- dist/chunks/lib-
|
3062
|
-
- dist/chunks/pb_form_validation-
|
3056
|
+
- dist/chunks/lib-D2U4I1U6.js
|
3057
|
+
- dist/chunks/pb_form_validation-zV9OpdSt.js
|
3063
3058
|
- dist/chunks/vendor.js
|
3064
3059
|
- dist/menu.yml
|
3065
3060
|
- dist/playbook-doc.js
|
@@ -1,59 +0,0 @@
|
|
1
|
-
import React from 'react'
|
2
|
-
import Radio from '../_radio'
|
3
|
-
import Select from '../../pb_select/_select'
|
4
|
-
import Typeahead from '../../pb_typeahead/_typeahead'
|
5
|
-
import Title from '../../pb_title/_title'
|
6
|
-
|
7
|
-
const RadioChildren = (props) => {
|
8
|
-
|
9
|
-
|
10
|
-
const options = [
|
11
|
-
{ label: 'Orange', value: 'Orange' },
|
12
|
-
{ label: 'Red', value: 'Red' },
|
13
|
-
{ label: 'Green', value: 'Green' },
|
14
|
-
{ label: 'Blue', value: 'Blue' },
|
15
|
-
]
|
16
|
-
|
17
|
-
return (
|
18
|
-
<div>
|
19
|
-
<Radio
|
20
|
-
customChildren
|
21
|
-
label="Select"
|
22
|
-
name="Group1"
|
23
|
-
tabIndex={0}
|
24
|
-
value="Select"
|
25
|
-
{...props}
|
26
|
-
>
|
27
|
-
<Select
|
28
|
-
minWidth="xs"
|
29
|
-
options={options}
|
30
|
-
/>
|
31
|
-
</Radio>
|
32
|
-
<Radio
|
33
|
-
customChildren
|
34
|
-
label="Typeahead"
|
35
|
-
name="Group1"
|
36
|
-
tabIndex={0}
|
37
|
-
value="Typeahead"
|
38
|
-
{...props}
|
39
|
-
>
|
40
|
-
<Typeahead
|
41
|
-
minWidth="xs"
|
42
|
-
options={options}
|
43
|
-
/>
|
44
|
-
</Radio>
|
45
|
-
<br />
|
46
|
-
<Radio
|
47
|
-
customChildren
|
48
|
-
defaultChecked={false}
|
49
|
-
label="Typography"
|
50
|
-
name="Group1"
|
51
|
-
value="Typography"
|
52
|
-
{...props}
|
53
|
-
>
|
54
|
-
<Title text="Custom Typography" />
|
55
|
-
</Radio>
|
56
|
-
</div>
|
57
|
-
)
|
58
|
-
}
|
59
|
-
export default RadioChildren
|
@@ -1,88 +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-default",
|
12
|
-
placeholder: "All Colors",
|
13
|
-
options: options,
|
14
|
-
label: "None",
|
15
|
-
name: :foo,
|
16
|
-
is_multi: false,
|
17
|
-
margin_bottom: "none",
|
18
|
-
})
|
19
|
-
%>
|
20
|
-
<%= pb_rails("typeahead", props: {
|
21
|
-
id: "typeahead-default",
|
22
|
-
placeholder: "All Colors",
|
23
|
-
options: options,
|
24
|
-
label: "XXS",
|
25
|
-
name: :foo,
|
26
|
-
is_multi: false,
|
27
|
-
margin_bottom: "xxs",
|
28
|
-
})
|
29
|
-
%>
|
30
|
-
<%= pb_rails("typeahead", props: {
|
31
|
-
id: "typeahead-default",
|
32
|
-
placeholder: "All Colors",
|
33
|
-
options: options,
|
34
|
-
label: "XS",
|
35
|
-
name: :foo,
|
36
|
-
is_multi: false,
|
37
|
-
margin_bottom: "xs",
|
38
|
-
})
|
39
|
-
%>
|
40
|
-
<%= pb_rails("typeahead", props: {
|
41
|
-
id: "typeahead-default",
|
42
|
-
placeholder: "All Colors",
|
43
|
-
options: options,
|
44
|
-
label: "Default - SM",
|
45
|
-
name: :foo,
|
46
|
-
is_multi: false,
|
47
|
-
})
|
48
|
-
%>
|
49
|
-
<%= pb_rails("typeahead", props: {
|
50
|
-
id: "typeahead-default",
|
51
|
-
placeholder: "All Colors",
|
52
|
-
options: options,
|
53
|
-
label: "MD",
|
54
|
-
name: :foo,
|
55
|
-
is_multi: false,
|
56
|
-
margin_bottom: "md",
|
57
|
-
})
|
58
|
-
%>
|
59
|
-
<%= pb_rails("typeahead", props: {
|
60
|
-
id: "typeahead-default",
|
61
|
-
placeholder: "All Colors",
|
62
|
-
options: options,
|
63
|
-
label: "LG",
|
64
|
-
name: :foo,
|
65
|
-
is_multi: false,
|
66
|
-
margin_bottom: "lg",
|
67
|
-
})
|
68
|
-
%>
|
69
|
-
<%= pb_rails("typeahead", props: {
|
70
|
-
id: "typeahead-default",
|
71
|
-
placeholder: "All Colors",
|
72
|
-
options: options,
|
73
|
-
label: "XL",
|
74
|
-
name: :foo,
|
75
|
-
is_multi: false,
|
76
|
-
margin_bottom: "xl",
|
77
|
-
})
|
78
|
-
%>
|
79
|
-
|
80
|
-
<%= javascript_tag defer: "defer" do %>
|
81
|
-
document.addEventListener("pb-typeahead-kit-typeahead-default-result-option-select", function(event) {
|
82
|
-
console.log('Single Option selected')
|
83
|
-
console.dir(event.detail)
|
84
|
-
})
|
85
|
-
document.addEventListener("pb-typeahead-kit-typeahead-default-result-clear", function() {
|
86
|
-
console.log('All options cleared')
|
87
|
-
})
|
88
|
-
<% end %>
|
@@ -1,60 +0,0 @@
|
|
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
|
-
]
|
11
|
-
|
12
|
-
const TypeaheadMarginBottom = (props) => {
|
13
|
-
return (
|
14
|
-
<>
|
15
|
-
<Typeahead
|
16
|
-
label="None"
|
17
|
-
marginBottom="none"
|
18
|
-
options={options}
|
19
|
-
{...props}
|
20
|
-
/>
|
21
|
-
<Typeahead
|
22
|
-
label="XXS"
|
23
|
-
marginBottom="xxs"
|
24
|
-
options={options}
|
25
|
-
{...props}
|
26
|
-
/>
|
27
|
-
<Typeahead
|
28
|
-
label="XS"
|
29
|
-
marginBottom="xs"
|
30
|
-
options={options}
|
31
|
-
{...props}
|
32
|
-
/>
|
33
|
-
<Typeahead
|
34
|
-
label="Default - SM"
|
35
|
-
options={options}
|
36
|
-
{...props}
|
37
|
-
/>
|
38
|
-
<Typeahead
|
39
|
-
label="MD"
|
40
|
-
marginBottom="md"
|
41
|
-
options={options}
|
42
|
-
{...props}
|
43
|
-
/>
|
44
|
-
<Typeahead
|
45
|
-
label="LG"
|
46
|
-
marginBottom="lg"
|
47
|
-
options={options}
|
48
|
-
{...props}
|
49
|
-
/>
|
50
|
-
<Typeahead
|
51
|
-
label="XL"
|
52
|
-
marginBottom="xl"
|
53
|
-
options={options}
|
54
|
-
{...props}
|
55
|
-
/>
|
56
|
-
</>
|
57
|
-
)
|
58
|
-
}
|
59
|
-
|
60
|
-
export default TypeaheadMarginBottom
|
@@ -1,3 +0,0 @@
|
|
1
|
-
<svg width="30" height="24" viewBox="0 0 30 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.54314 7.6905C6.9916 7.26047 7.70376 7.27541 8.13379 7.72387L15 14.8844L21.8662 7.72387C22.2962 7.27541 23.0084 7.26047 23.4568 7.6905C23.9053 8.12053 23.9202 8.83268 23.4902 9.28114L16.0827 17.0062C15.4922 17.6219 14.5078 17.6219 13.9173 17.0062L6.50977 9.28114C6.07975 8.83268 6.09469 8.12053 6.54314 7.6905Z" fill="black"/>
|
3
|
-
</svg>
|
@@ -1,3 +0,0 @@
|
|
1
|
-
<svg width="30" height="25" viewBox="0 0 30 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.62488 6.28574C5.62488 6.07863 5.79277 5.91074 5.99988 5.91074H23.9999C24.207 5.91074 24.3749 6.07863 24.3749 6.28574V7.92165L14.9999 13.9502L5.62488 7.92163V6.28574ZM3.37488 8.5181C3.37472 8.52916 3.37472 8.54021 3.37488 8.55126V18.2857C3.37488 19.7355 4.55013 20.9107 5.99988 20.9107H23.9999C25.4496 20.9107 26.6249 19.7355 26.6249 18.2857V8.55315C26.6251 8.54084 26.6251 8.52853 26.6249 8.51621V6.28574C26.6249 4.83599 25.4496 3.66074 23.9999 3.66074H5.99988C4.55013 3.66074 3.37488 4.83599 3.37488 6.28574V8.5181ZM24.3749 10.5967V18.2857C24.3749 18.4928 24.207 18.6607 23.9999 18.6607H5.99988C5.79277 18.6607 5.62488 18.4928 5.62488 18.2857V10.5967L14.1886 16.1036C14.6828 16.4214 15.317 16.4214 15.8112 16.1036L24.3749 10.5967Z" fill="black"/>
|
3
|
-
</svg>
|