playbook_ui 14.9.0.pre.alpha.PLAY16264952 → 14.9.0.pre.alpha.pbntr700newresettodefaultprop4736
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/_advanced_table.tsx +17 -61
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +3 -5
- data/app/pb_kits/playbook/pb_avatar/_avatar.scss +2 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.jsx +49 -53
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom_rails.html.erb +36 -29
- data/app/pb_kits/playbook/pb_body/_body.scss +13 -14
- data/app/pb_kits/playbook/pb_body/_body_mixins.scss +16 -22
- data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx +0 -6
- data/app/pb_kits/playbook/pb_caption/_caption_mixin.scss +1 -2
- data/app/pb_kits/playbook/pb_card/_card_mixin.scss +1 -1
- data/app/pb_kits/playbook/pb_checkbox/_checkbox.tsx +26 -33
- data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +6 -7
- data/app/pb_kits/playbook/pb_checkbox/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_collapsible/_collapsible.tsx +4 -9
- data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.tsx +2 -2
- data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx +2 -2
- data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +5 -0
- data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +10 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_file_upload/_file_upload.scss +0 -5
- data/app/pb_kits/playbook/pb_file_upload/_file_upload.tsx +2 -7
- data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb +2 -8
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +2 -1
- data/app/pb_kits/playbook/pb_link/_link.scss +3 -3
- data/app/pb_kits/playbook/pb_nav/_bold_mixin.scss +1 -11
- data/app/pb_kits/playbook/pb_nav/_collapsible_nav.scss +2 -16
- data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +1 -1
- data/app/pb_kits/playbook/pb_pagination/_pagination.tsx +2 -2
- data/app/pb_kits/playbook/pb_select/_select.tsx +14 -20
- data/app/pb_kits/playbook/pb_select/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_select/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +4 -4
- data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +1 -1
- data/app/pb_kits/playbook/pb_stat_change/_stat_change.tsx +36 -44
- data/app/pb_kits/playbook/pb_stat_change/stat_change.html.erb +4 -4
- data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -5
- data/app/pb_kits/playbook/pb_table/docs/index.js +0 -5
- data/app/pb_kits/playbook/pb_table/index.ts +26 -100
- data/app/pb_kits/playbook/pb_table/styles/_all.scss +1 -2
- data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +1 -106
- data/app/pb_kits/playbook/pb_table/table.html.erb +1 -1
- data/app/pb_kits/playbook/pb_table/table.rb +2 -17
- data/app/pb_kits/playbook/pb_title/_title.scss +5 -6
- data/app/pb_kits/playbook/pb_title/_title_mixin.scss +0 -13
- data/app/pb_kits/playbook/tokens/_titles.scss +8 -0
- data/app/pb_kits/playbook/utilities/_hover.scss +2 -11
- data/app/pb_kits/playbook/utilities/globalProps.ts +0 -2
- data/app/pb_kits/playbook/utilities/test/globalProps/hover.test.js +0 -15
- data/dist/chunks/_typeahead-DU1QgR52.js +22 -0
- data/dist/chunks/_weekday_stacked-BLOmRNnB.js +45 -0
- data/dist/chunks/lib-Ce7MLbJk.js +29 -0
- data/dist/chunks/{pb_form_validation-D37k10a0.js → pb_form_validation-kPWA1Z2g.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/menu.yml +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/hover.rb +1 -7
- data/lib/playbook/version.rb +1 -1
- metadata +6 -27
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx +0 -50
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx +0 -57
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md +0 -5
- data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json +0 -5600
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_form.jsx +0 -138
- data/app/pb_kits/playbook/pb_select/docs/_select_form.jsx +0 -109
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb +0 -95
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx +0 -75
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.md +0 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx +0 -108
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx +0 -94
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md +0 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.jsx +0 -83
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.md +0 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.jsx +0 -120
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md +0 -1
- data/app/pb_kits/playbook/pb_table/styles/_collapsible.scss +0 -35
- data/app/pb_kits/playbook/utilities/hookFormProps.ts +0 -22
- data/app/pb_kits/playbook/utilities/withReactHookForm.tsx +0 -64
- data/dist/chunks/_typeahead-BqHgiHoJ.js +0 -22
- data/dist/chunks/_weekday_stacked-BAk0aNPW.js +0 -45
- data/dist/chunks/lib-CuCy3_xO.js +0 -29
data/lib/playbook/hover.rb
CHANGED
@@ -29,16 +29,12 @@ module Playbook
|
|
29
29
|
[]
|
30
30
|
end
|
31
31
|
|
32
|
-
def hover_underline_values
|
33
|
-
[true, false]
|
34
|
-
end
|
35
|
-
|
36
32
|
def hover_values
|
37
33
|
hover_options.keys.select { |sk| try(sk) }
|
38
34
|
end
|
39
35
|
|
40
36
|
def hover_attributes
|
41
|
-
%w[background shadow scale color
|
37
|
+
%w[background shadow scale color]
|
42
38
|
end
|
43
39
|
|
44
40
|
def hover_props
|
@@ -55,8 +51,6 @@ module Playbook
|
|
55
51
|
value.each do |key, val|
|
56
52
|
if %i[background color].include?(key)
|
57
53
|
css += "#{prefix}_#{key}-#{val} " if hover_attributes.include?(key.to_s)
|
58
|
-
elsif %i[underline].include?(key) && val == true
|
59
|
-
css += "hover_underline "
|
60
54
|
elsif hover_attributes.include?(key.to_s) && send("hover_#{key}_values").include?(val.to_s)
|
61
55
|
css += "#{prefix}_#{key}_#{val} "
|
62
56
|
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.9.0.pre.alpha.
|
4
|
+
version: 14.9.0.pre.alpha.pbntr700newresettodefaultprop4736
|
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-12-
|
12
|
+
date: 2024-12-02 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -280,10 +280,6 @@ files:
|
|
280
280
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md
|
281
281
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
|
282
282
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.md
|
283
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx
|
284
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md
|
285
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx
|
286
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md
|
287
283
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
|
288
284
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
|
289
285
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
|
@@ -298,7 +294,6 @@ files:
|
|
298
294
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.md
|
299
295
|
- app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
|
300
296
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
|
301
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
|
302
297
|
- app/pb_kits/playbook/pb_advanced_table/docs/example.yml
|
303
298
|
- app/pb_kits/playbook/pb_advanced_table/docs/index.js
|
304
299
|
- app/pb_kits/playbook/pb_advanced_table/index.js
|
@@ -636,7 +631,6 @@ files:
|
|
636
631
|
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.html.erb
|
637
632
|
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.jsx
|
638
633
|
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error_swift.md
|
639
|
-
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_form.jsx
|
640
634
|
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.html.erb
|
641
635
|
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.jsx
|
642
636
|
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md
|
@@ -2371,7 +2365,6 @@ files:
|
|
2371
2365
|
- app/pb_kits/playbook/pb_select/docs/_select_error.jsx
|
2372
2366
|
- app/pb_kits/playbook/pb_select/docs/_select_error.md
|
2373
2367
|
- app/pb_kits/playbook/pb_select/docs/_select_error_swift.md
|
2374
|
-
- app/pb_kits/playbook/pb_select/docs/_select_form.jsx
|
2375
2368
|
- app/pb_kits/playbook/pb_select/docs/_select_inline.html.erb
|
2376
2369
|
- app/pb_kits/playbook/pb_select/docs/_select_inline.jsx
|
2377
2370
|
- app/pb_kits/playbook/pb_select/docs/_select_inline_compact.html.erb
|
@@ -2619,7 +2612,6 @@ files:
|
|
2619
2612
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb
|
2620
2613
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx
|
2621
2614
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky.md
|
2622
|
-
- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb
|
2623
2615
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx
|
2624
2616
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md
|
2625
2617
|
- app/pb_kits/playbook/pb_table/docs/_table_striped.html.erb
|
@@ -2635,16 +2627,6 @@ files:
|
|
2635
2627
|
- app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
|
2636
2628
|
- app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
|
2637
2629
|
- app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
|
2638
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx
|
2639
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.md
|
2640
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx
|
2641
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md
|
2642
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx
|
2643
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md
|
2644
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.jsx
|
2645
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.md
|
2646
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.jsx
|
2647
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
|
2648
2630
|
- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx
|
2649
2631
|
- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md
|
2650
2632
|
- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb
|
@@ -2657,7 +2639,6 @@ files:
|
|
2657
2639
|
- app/pb_kits/playbook/pb_table/index.ts
|
2658
2640
|
- app/pb_kits/playbook/pb_table/styles/_alignment.scss
|
2659
2641
|
- app/pb_kits/playbook/pb_table/styles/_all.scss
|
2660
|
-
- app/pb_kits/playbook/pb_table/styles/_collapsible.scss
|
2661
2642
|
- app/pb_kits/playbook/pb_table/styles/_content.scss
|
2662
2643
|
- app/pb_kits/playbook/pb_table/styles/_desktop_collapse.scss
|
2663
2644
|
- app/pb_kits/playbook/pb_table/styles/_headers.scss
|
@@ -3178,7 +3159,6 @@ files:
|
|
3178
3159
|
- app/pb_kits/playbook/utilities/flexbox_global_props/_order.scss
|
3179
3160
|
- app/pb_kits/playbook/utilities/globalPropNames.mjs
|
3180
3161
|
- app/pb_kits/playbook/utilities/globalProps.ts
|
3181
|
-
- app/pb_kits/playbook/utilities/hookFormProps.ts
|
3182
3162
|
- app/pb_kits/playbook/utilities/icons/allicons.tsx
|
3183
3163
|
- app/pb_kits/playbook/utilities/icons/angle-down.svg
|
3184
3164
|
- app/pb_kits/playbook/utilities/icons/clock.svg
|
@@ -3204,12 +3184,11 @@ files:
|
|
3204
3184
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3205
3185
|
- app/pb_kits/playbook/utilities/text.ts
|
3206
3186
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3207
|
-
-
|
3208
|
-
- dist/chunks/
|
3209
|
-
- dist/chunks/_weekday_stacked-BAk0aNPW.js
|
3187
|
+
- dist/chunks/_typeahead-DU1QgR52.js
|
3188
|
+
- dist/chunks/_weekday_stacked-BLOmRNnB.js
|
3210
3189
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3211
|
-
- dist/chunks/lib-
|
3212
|
-
- dist/chunks/pb_form_validation-
|
3190
|
+
- dist/chunks/lib-Ce7MLbJk.js
|
3191
|
+
- dist/chunks/pb_form_validation-kPWA1Z2g.js
|
3213
3192
|
- dist/chunks/vendor.js
|
3214
3193
|
- dist/menu.yml
|
3215
3194
|
- dist/playbook-doc.js
|
@@ -1,50 +0,0 @@
|
|
1
|
-
import React from "react"
|
2
|
-
import { AdvancedTable } from "playbook-ui"
|
3
|
-
import PAGINATION_MOCK_DATA from "./advanced_table_pagination_mock_data.json"
|
4
|
-
|
5
|
-
const AdvancedTablePagination = (props) => {
|
6
|
-
const columnDefinitions = [
|
7
|
-
{
|
8
|
-
accessor: "year",
|
9
|
-
label: "Year",
|
10
|
-
cellAccessors: ["quarter", "month", "day"],
|
11
|
-
},
|
12
|
-
{
|
13
|
-
accessor: "newEnrollments",
|
14
|
-
label: "New Enrollments",
|
15
|
-
},
|
16
|
-
{
|
17
|
-
accessor: "scheduledMeetings",
|
18
|
-
label: "Scheduled Meetings",
|
19
|
-
},
|
20
|
-
{
|
21
|
-
accessor: "attendanceRate",
|
22
|
-
label: "Attendance Rate",
|
23
|
-
},
|
24
|
-
{
|
25
|
-
accessor: "completedClasses",
|
26
|
-
label: "Completed Classes",
|
27
|
-
},
|
28
|
-
{
|
29
|
-
accessor: "classCompletionRate",
|
30
|
-
label: "Class Completion Rate",
|
31
|
-
},
|
32
|
-
{
|
33
|
-
accessor: "graduatedStudents",
|
34
|
-
label: "Graduated Students",
|
35
|
-
},
|
36
|
-
]
|
37
|
-
|
38
|
-
return (
|
39
|
-
<>
|
40
|
-
<AdvancedTable
|
41
|
-
columnDefinitions={columnDefinitions}
|
42
|
-
pagination
|
43
|
-
tableData={PAGINATION_MOCK_DATA}
|
44
|
-
{...props}
|
45
|
-
/>
|
46
|
-
</>
|
47
|
-
)
|
48
|
-
}
|
49
|
-
|
50
|
-
export default AdvancedTablePagination
|
@@ -1 +0,0 @@
|
|
1
|
-
`pagination` is an optional prop that can be used to add pagination to the AdvancedTable. If present, it will add pagination with default values for pageSize, etc. To customize pagination, you can also use `paginationProps` shown in the next example.
|
@@ -1,57 +0,0 @@
|
|
1
|
-
import React from "react"
|
2
|
-
import { AdvancedTable } from "playbook-ui"
|
3
|
-
import PAGINATION_MOCK_DATA from "./advanced_table_pagination_mock_data.json"
|
4
|
-
|
5
|
-
const AdvancedTablePaginationWithProps = (props) => {
|
6
|
-
const columnDefinitions = [
|
7
|
-
{
|
8
|
-
accessor: "year",
|
9
|
-
label: "Year",
|
10
|
-
cellAccessors: ["quarter", "month", "day"],
|
11
|
-
},
|
12
|
-
{
|
13
|
-
accessor: "newEnrollments",
|
14
|
-
label: "New Enrollments",
|
15
|
-
},
|
16
|
-
{
|
17
|
-
accessor: "scheduledMeetings",
|
18
|
-
label: "Scheduled Meetings",
|
19
|
-
},
|
20
|
-
{
|
21
|
-
accessor: "attendanceRate",
|
22
|
-
label: "Attendance Rate",
|
23
|
-
},
|
24
|
-
{
|
25
|
-
accessor: "completedClasses",
|
26
|
-
label: "Completed Classes",
|
27
|
-
},
|
28
|
-
{
|
29
|
-
accessor: "classCompletionRate",
|
30
|
-
label: "Class Completion Rate",
|
31
|
-
},
|
32
|
-
{
|
33
|
-
accessor: "graduatedStudents",
|
34
|
-
label: "Graduated Students",
|
35
|
-
},
|
36
|
-
]
|
37
|
-
|
38
|
-
const paginationProps = {
|
39
|
-
pageIndex: 1,
|
40
|
-
pageSize: 10,
|
41
|
-
range: 2
|
42
|
-
}
|
43
|
-
|
44
|
-
return (
|
45
|
-
<>
|
46
|
-
<AdvancedTable
|
47
|
-
columnDefinitions={columnDefinitions}
|
48
|
-
pagination
|
49
|
-
paginationProps={paginationProps}
|
50
|
-
tableData={PAGINATION_MOCK_DATA}
|
51
|
-
{...props}
|
52
|
-
/>
|
53
|
-
</>
|
54
|
-
)
|
55
|
-
}
|
56
|
-
|
57
|
-
export default AdvancedTablePaginationWithProps
|
@@ -1,5 +0,0 @@
|
|
1
|
-
`paginationProps` is an optional prop that can be used to further customize pagination for the AdvancedTable. This prop is an object with 2 optional items:
|
2
|
-
|
3
|
-
- `pageIndex`: An optional prop to set which page is set to open on initial load. Default is '0'
|
4
|
-
- `pageSize`: An optional prop to set total number of rows for each page before the Table paginates. Default is '20'
|
5
|
-
- `range`: The range prop determines how many pages to display in the Pagination component. Regardless of this value, the first two and last two pages are always visible to facilitate navigation to the beginning and end of the pagination. If these always-visible pages fall within the specified range, they are included in the display. If they fall outside the range, the pagination will show additional pages up to the number defined by the range prop. See [here for more details](https://playbook.powerapp.cloud/kits/pagination/react#default). Default is set to '5'
|