playbook_ui 15.4.0.pre.alpha.PLAY2582rails722112532 → 15.4.0.pre.alpha.PLAY2627requiredmultiselectdropdownbug12416
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_advanced_table/docs/_advanced_table_column_styling.jsx +1 -2
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.jsx +1 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.jsx +1 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.jsx +1 -2
- data/app/pb_kits/playbook/pb_copy_button/_copy_button.tsx +8 -21
- data/app/pb_kits/playbook/pb_copy_button/copy_button.html.erb +2 -6
- data/app/pb_kits/playbook/pb_copy_button/copy_button.rb +0 -3
- data/app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx +0 -24
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb +2 -2
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx +2 -1
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb +2 -2
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx +0 -2
- data/app/pb_kits/playbook/pb_copy_button/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_copy_button/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_date_time/_date_time.tsx +0 -3
- data/app/pb_kits/playbook/pb_date_time/date_time.html.erb +0 -1
- data/app/pb_kits/playbook/pb_date_time/date_time.rb +0 -1
- data/app/pb_kits/playbook/pb_date_time/docs/example.yml +1 -3
- data/app/pb_kits/playbook/pb_date_time/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.tsx +0 -3
- data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.html.erb +2 -2
- data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.rb +0 -2
- data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.test.js +0 -33
- data/app/pb_kits/playbook/pb_date_time_stacked/docs/example.yml +1 -3
- data/app/pb_kits/playbook/pb_date_time_stacked/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_dropdown/index.js +2 -18
- data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx +1 -2
- data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.jsx +1 -2
- data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx +1 -2
- data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx +1 -2
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.jsx +1 -4
- data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_horizontal.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_non_clickable.jsx +2 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.jsx +2 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_stacked.jsx +2 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.jsx +1 -2
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.jsx +1 -2
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.jsx +1 -2
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx +1 -2
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_color.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_complex.jsx +1 -2
- data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_full_circle.jsx +1 -2
- data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_height.jsx +1 -2
- data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_min_max.jsx +1 -2
- data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_units.jsx +1 -2
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.jsx +1 -1
- data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.jsx +1 -4
- data/app/pb_kits/playbook/pb_progress_step/_progress_step.scss +262 -384
- data/app/pb_kits/playbook/pb_progress_step/docs/_description.md +5 -1
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb +1 -4
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx +3 -14
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb +7 -1
- data/app/pb_kits/playbook/pb_progress_step/docs/example.yml +0 -3
- data/app/pb_kits/playbook/pb_progress_step/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_progress_step/progress_step.test.js +0 -41
- data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx +1 -3
- data/app/pb_kits/playbook/pb_select/docs/_select_react_hook.jsx +1 -3
- data/app/pb_kits/playbook/pb_table/_table.tsx +26 -28
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.jsx +1 -4
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +0 -4
- data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +0 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx +1 -2
- data/app/pb_kits/playbook/pb_user/docs/_user_font_options.jsx +1 -1
- data/app/pb_kits/playbook/utilities/_truncate.scss +0 -2
- data/app/pb_kits/playbook/utilities/globalProps.ts +8 -26
- data/app/pb_kits/playbook/utilities/test/globalProps/alignContent.test.js +0 -18
- data/app/pb_kits/playbook/utilities/test/globalProps/alignItems.test.js +0 -18
- data/app/pb_kits/playbook/utilities/test/globalProps/alignSelf.test.js +0 -18
- data/app/pb_kits/playbook/utilities/test/globalProps/display.test.js +0 -18
- data/app/pb_kits/playbook/utilities/test/globalProps/flex.test.js +0 -18
- data/app/pb_kits/playbook/utilities/test/globalProps/flexDirection.test.js +0 -18
- data/app/pb_kits/playbook/utilities/test/globalProps/flexGrow.test.js +0 -18
- data/app/pb_kits/playbook/utilities/test/globalProps/flexShrink.test.js +0 -18
- data/app/pb_kits/playbook/utilities/test/globalProps/flexWrap.test.js +0 -18
- data/app/pb_kits/playbook/utilities/test/globalProps/justifyContent.test.js +0 -18
- data/app/pb_kits/playbook/utilities/test/globalProps/justifySelf.test.js +0 -18
- data/app/pb_kits/playbook/utilities/test/globalProps/order.test.js +0 -18
- data/dist/chunks/_line_graph-DDvq7zE7.js +1 -0
- data/dist/chunks/_typeahead-D2bVH5Fk.js +6 -0
- data/dist/chunks/_weekday_stacked-DB8t2C4f.js +37 -0
- data/dist/chunks/componentRegistry-DzmmLR2x.js +1 -0
- data/dist/chunks/lib-COXg9aPA.js +29 -0
- data/dist/chunks/pb_form_validation-DR765aoq.js +1 -0
- data/dist/chunks/vendor.js +1 -37
- data/dist/playbook-doc.js +19 -0
- 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 +9 -23
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant.html.erb +0 -9
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant.jsx +0 -24
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant_rails.md +0 -1
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant_react.md +0 -1
- data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.html.erb +0 -4
- data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.jsx +0 -14
- data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_rails.md +0 -1
- data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_react.md +0 -1
- data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.html.erb +0 -4
- data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.jsx +0 -22
- data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.md +0 -1
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.html.erb +0 -14
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.jsx +0 -29
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.md +0 -3
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.jsx +0 -31
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.md +0 -1
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.md +0 -3
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.md +0 -3
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.md +0 -1
- data/dist/chunks/_typeahead-Cd3O38ts.js +0 -6
- data/dist/chunks/lib-CgpqUb6l.js +0 -29
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: 15.4.0.pre.alpha.
|
|
4
|
+
version: 15.4.0.pre.alpha.PLAY2627requiredmultiselectdropdownbug12416
|
|
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-11-
|
|
12
|
+
date: 2025-11-17 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: actionpack
|
|
@@ -903,10 +903,6 @@ files:
|
|
|
903
903
|
- app/pb_kits/playbook/pb_copy_button/copy_button.html.erb
|
|
904
904
|
- app/pb_kits/playbook/pb_copy_button/copy_button.rb
|
|
905
905
|
- app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx
|
|
906
|
-
- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant.html.erb
|
|
907
|
-
- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant.jsx
|
|
908
|
-
- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant_rails.md
|
|
909
|
-
- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant_react.md
|
|
910
906
|
- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb
|
|
911
907
|
- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx
|
|
912
908
|
- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb
|
|
@@ -1180,10 +1176,6 @@ files:
|
|
|
1180
1176
|
- app/pb_kits/playbook/pb_date_time/docs/_date_time_default.jsx
|
|
1181
1177
|
- app/pb_kits/playbook/pb_date_time/docs/_date_time_default_swift.md
|
|
1182
1178
|
- app/pb_kits/playbook/pb_date_time/docs/_date_time_props_swift.md
|
|
1183
|
-
- app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.html.erb
|
|
1184
|
-
- app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.jsx
|
|
1185
|
-
- app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_rails.md
|
|
1186
|
-
- app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_react.md
|
|
1187
1179
|
- app/pb_kits/playbook/pb_date_time/docs/_date_time_size.html.erb
|
|
1188
1180
|
- app/pb_kits/playbook/pb_date_time/docs/_date_time_size.jsx
|
|
1189
1181
|
- app/pb_kits/playbook/pb_date_time/docs/_date_time_size_swift.md
|
|
@@ -1199,9 +1191,6 @@ files:
|
|
|
1199
1191
|
- app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.jsx
|
|
1200
1192
|
- app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default_swift.md
|
|
1201
1193
|
- app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_props_swift.md
|
|
1202
|
-
- app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.html.erb
|
|
1203
|
-
- app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.jsx
|
|
1204
|
-
- app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.md
|
|
1205
1194
|
- app/pb_kits/playbook/pb_date_time_stacked/docs/example.yml
|
|
1206
1195
|
- app/pb_kits/playbook/pb_date_time_stacked/docs/index.js
|
|
1207
1196
|
- app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.scss
|
|
@@ -2750,23 +2739,15 @@ files:
|
|
|
2750
2739
|
- app/pb_kits/playbook/pb_progress_step/_progress_step.tsx
|
|
2751
2740
|
- app/pb_kits/playbook/pb_progress_step/_progress_step_item.tsx
|
|
2752
2741
|
- app/pb_kits/playbook/pb_progress_step/docs/_description.md
|
|
2753
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.html.erb
|
|
2754
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.jsx
|
|
2755
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.md
|
|
2756
2742
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.html.erb
|
|
2757
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.jsx
|
|
2758
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.md
|
|
2759
2743
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb
|
|
2760
2744
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx
|
|
2761
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.md
|
|
2762
2745
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tooltip.html.erb
|
|
2763
2746
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.html.erb
|
|
2764
2747
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.jsx
|
|
2765
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.md
|
|
2766
2748
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker_click_events.jsx
|
|
2767
2749
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb
|
|
2768
2750
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx
|
|
2769
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.md
|
|
2770
2751
|
- app/pb_kits/playbook/pb_progress_step/docs/example.yml
|
|
2771
2752
|
- app/pb_kits/playbook/pb_progress_step/docs/index.js
|
|
2772
2753
|
- app/pb_kits/playbook/pb_progress_step/progress_step.html.erb
|
|
@@ -3854,11 +3835,16 @@ files:
|
|
|
3854
3835
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
|
3855
3836
|
- app/pb_kits/playbook/utilities/text.ts
|
|
3856
3837
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
|
3857
|
-
- dist/chunks/
|
|
3838
|
+
- dist/chunks/_line_graph-DDvq7zE7.js
|
|
3839
|
+
- dist/chunks/_typeahead-D2bVH5Fk.js
|
|
3840
|
+
- dist/chunks/_weekday_stacked-DB8t2C4f.js
|
|
3841
|
+
- dist/chunks/componentRegistry-DzmmLR2x.js
|
|
3858
3842
|
- dist/chunks/lazysizes-B7xYodB-.js
|
|
3859
|
-
- dist/chunks/lib-
|
|
3843
|
+
- dist/chunks/lib-COXg9aPA.js
|
|
3844
|
+
- dist/chunks/pb_form_validation-DR765aoq.js
|
|
3860
3845
|
- dist/chunks/vendor.js
|
|
3861
3846
|
- dist/menu.yml
|
|
3847
|
+
- dist/playbook-doc.js
|
|
3862
3848
|
- dist/playbook-rails-react-bindings.js
|
|
3863
3849
|
- dist/playbook-rails.js
|
|
3864
3850
|
- dist/playbook.css
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
<%= pb_rails("copy_button", props: {
|
|
2
|
-
text: "Copy Text",
|
|
3
|
-
tooltip_position: "right",
|
|
4
|
-
tooltip_text: "Text copied!",
|
|
5
|
-
value: "Playbook makes it easy to support bleeding edge, or legacy systems. Use Playbook's 200+ components and end-to-end design language to create simple, intuitive and beautiful experiences with ease.",
|
|
6
|
-
variant: "button",
|
|
7
|
-
}) %>
|
|
8
|
-
|
|
9
|
-
<%= pb_rails("textarea", props: { margin_top: "xs", placeholder: "Copy and paste here" }) %>
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import CopyButton from '../_copy_button'
|
|
4
|
-
import Textarea from '../../pb_textarea/_textarea'
|
|
5
|
-
|
|
6
|
-
const CopyButtonVariant = (props) => (
|
|
7
|
-
<div>
|
|
8
|
-
<CopyButton
|
|
9
|
-
{...props}
|
|
10
|
-
text="Copy Text"
|
|
11
|
-
tooltipPlacement="right"
|
|
12
|
-
tooltipText="Text copied!"
|
|
13
|
-
value="Playbook makes it easy to support bleeding edge, or legacy systems. Use Playbook’s 200+ components and end-to-end design language to create simple, intuitive and beautiful experiences with ease."
|
|
14
|
-
variant="button"
|
|
15
|
-
/>
|
|
16
|
-
|
|
17
|
-
<Textarea
|
|
18
|
-
{...props}
|
|
19
|
-
placeholder="Copy and paste here"
|
|
20
|
-
/>
|
|
21
|
-
</div>
|
|
22
|
-
)
|
|
23
|
-
|
|
24
|
-
export default CopyButtonVariant
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Pass in `variant: "button"` to replace the Circle Icon Button with the Button kit. Set the button's text with the `text` prop.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Pass in `variant="button"` to replace the Circle Icon Button with the Button kit. Set the button's text with the `text` prop.
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import DateTime from '../_date_time'
|
|
3
|
-
|
|
4
|
-
const DateTimeShowCurrentYear = (props) => (
|
|
5
|
-
<div>
|
|
6
|
-
<DateTime
|
|
7
|
-
datetime={new Date()}
|
|
8
|
-
showCurrentYear
|
|
9
|
-
{...props}
|
|
10
|
-
/>
|
|
11
|
-
</div>
|
|
12
|
-
)
|
|
13
|
-
|
|
14
|
-
export default DateTimeShowCurrentYear
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Pass in `show_current_year` to show this date's current year.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Pass in `showCurrentYear` to show this date's current year.
|
data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.jsx
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import DateTimeStacked from '../_date_time_stacked'
|
|
4
|
-
|
|
5
|
-
const DateTimeStackedShowCurrentYear = (props) => (
|
|
6
|
-
<div>
|
|
7
|
-
<DateTimeStacked
|
|
8
|
-
datetime={new Date()}
|
|
9
|
-
showCurrentYear
|
|
10
|
-
{...props}
|
|
11
|
-
/>
|
|
12
|
-
<br />
|
|
13
|
-
<DateTimeStacked
|
|
14
|
-
datetime={new Date()}
|
|
15
|
-
showCurrentYear
|
|
16
|
-
timeZone="America/Denver"
|
|
17
|
-
{...props}
|
|
18
|
-
/>
|
|
19
|
-
</div>
|
|
20
|
-
);
|
|
21
|
-
|
|
22
|
-
export default DateTimeStackedShowCurrentYear;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
By default, the Date Time Stacked kit does NOT display the year if it is the current year. If you want to display the current year you can do so by setting `showCurrentYear`/`show_current_year` to true as shown here.
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
<br><br>
|
|
2
|
-
<%= pb_rails("progress_step",props:{ variant:"tracker", icon:true, color: "info"}) do %>
|
|
3
|
-
<%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
|
|
4
|
-
<%= pb_rails("caption", props:{text: "Ordered"})%>
|
|
5
|
-
<% end %>
|
|
6
|
-
<%= pb_rails("progress_step/progress_step_item", props: {status: "active"}) do %>
|
|
7
|
-
<%= pb_rails("caption", props:{text: "Shipped"})%>
|
|
8
|
-
<% end %>
|
|
9
|
-
<%= pb_rails("progress_step/progress_step_item", props: {status: "inactive"}) do %>
|
|
10
|
-
<%= pb_rails("caption", props:{text: "Delivered"})%>
|
|
11
|
-
<% end %>
|
|
12
|
-
<% end %>
|
|
13
|
-
|
|
14
|
-
<br>
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import ProgressStep from '../_progress_step.tsx'
|
|
4
|
-
import ProgressStepItem from '../_progress_step_item.tsx'
|
|
5
|
-
import Caption from '../../pb_caption/_caption'
|
|
6
|
-
|
|
7
|
-
const ProgressStepColor = (props) => (
|
|
8
|
-
<div>
|
|
9
|
-
<br />
|
|
10
|
-
<ProgressStep
|
|
11
|
-
color="info"
|
|
12
|
-
icon
|
|
13
|
-
variant="tracker"
|
|
14
|
-
{...props}
|
|
15
|
-
>
|
|
16
|
-
<ProgressStepItem status="complete">
|
|
17
|
-
<Caption>{'Ordered'}</Caption>
|
|
18
|
-
</ProgressStepItem>
|
|
19
|
-
<ProgressStepItem status="active">
|
|
20
|
-
<Caption>{'Shipped'}</Caption>
|
|
21
|
-
</ProgressStepItem>
|
|
22
|
-
<ProgressStepItem status="inactive">
|
|
23
|
-
<Caption>{'Delivered'}</Caption>
|
|
24
|
-
</ProgressStepItem>
|
|
25
|
-
</ProgressStep>
|
|
26
|
-
</div>
|
|
27
|
-
)
|
|
28
|
-
|
|
29
|
-
export default ProgressStepColor
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import ProgressStep from '../_progress_step.tsx'
|
|
4
|
-
import ProgressStepItem from '../_progress_step_item.tsx'
|
|
5
|
-
import Caption from '../../pb_caption/_caption'
|
|
6
|
-
|
|
7
|
-
const ProgressStepCustomIcon = (props) => (
|
|
8
|
-
<div>
|
|
9
|
-
<br />
|
|
10
|
-
<ProgressStep
|
|
11
|
-
icon
|
|
12
|
-
variant="tracker"
|
|
13
|
-
{...props}
|
|
14
|
-
>
|
|
15
|
-
<ProgressStepItem status="complete">
|
|
16
|
-
<Caption>{'Ordered'}</Caption>
|
|
17
|
-
</ProgressStepItem>
|
|
18
|
-
<ProgressStepItem
|
|
19
|
-
icon="exclamation-triangle"
|
|
20
|
-
status="active"
|
|
21
|
-
>
|
|
22
|
-
<Caption>{'Shipped'}</Caption>
|
|
23
|
-
</ProgressStepItem>
|
|
24
|
-
<ProgressStepItem status="inactive">
|
|
25
|
-
<Caption>{'Delivered'}</Caption>
|
|
26
|
-
</ProgressStepItem>
|
|
27
|
-
</ProgressStep>
|
|
28
|
-
</div>
|
|
29
|
-
)
|
|
30
|
-
|
|
31
|
-
export default ProgressStepCustomIcon
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Custom icons can also be set for individual steps. Simply use the `icon` prop for the relevant `ProgressStepItem`/`progress_step_item` as shown here.
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
The `variant` prop can be set to `tracker` to achieve this UI. Tracker is only available with the horizontal orientation and it is also recommended that you set the `icon` prop to true for this variant.
|
|
2
|
-
|
|
3
|
-
This variant takes children just like the default progress step, however, it is best to use the caption kit for children in this variant.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
`orientation` can also be set to `vertical` as shown here. By default, this is set to `horizontal`.
|