playbook_ui 13.13.0.pre.alpha.play10221678 → 13.13.0
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_date_picker/_date_picker.tsx +0 -3
- data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +0 -3
- data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +10 -11
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.jsx +2 -2
- data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +0 -4
- data/app/pb_kits/playbook/pb_date_picker/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_date_picker/plugins/quickPick.tsx +3 -69
- data/dist/playbook-rails.js +2 -2
- data/lib/playbook/version.rb +2 -2
- metadata +7 -13
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.html.erb +0 -29
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx +0 -34
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.md +0 -7
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.html.erb +0 -28
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.jsx +0 -34
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.md +0 -1
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,15 +1,15 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 13.13.0
|
4
|
+
version: 13.13.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
8
8
|
- Power Devs
|
9
|
-
autorequire:
|
9
|
+
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2023-12-
|
12
|
+
date: 2023-12-08 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -776,12 +776,6 @@ files:
|
|
776
776
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.md
|
777
777
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
|
778
778
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.jsx
|
779
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.html.erb
|
780
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
|
781
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.md
|
782
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.html.erb
|
783
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.jsx
|
784
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.md
|
785
779
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_rails.html.erb
|
786
780
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_rails.md
|
787
781
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_range_limit.html.erb
|
@@ -2733,7 +2727,7 @@ homepage: https://playbook.powerapp.cloud/
|
|
2733
2727
|
licenses:
|
2734
2728
|
- ISC
|
2735
2729
|
metadata: {}
|
2736
|
-
post_install_message:
|
2730
|
+
post_install_message:
|
2737
2731
|
rdoc_options: []
|
2738
2732
|
require_paths:
|
2739
2733
|
- lib
|
@@ -2744,12 +2738,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
2744
2738
|
version: '0'
|
2745
2739
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
2746
2740
|
requirements:
|
2747
|
-
- - "
|
2741
|
+
- - ">="
|
2748
2742
|
- !ruby/object:Gem::Version
|
2749
|
-
version:
|
2743
|
+
version: '0'
|
2750
2744
|
requirements: []
|
2751
2745
|
rubygems_version: 3.3.7
|
2752
|
-
signing_key:
|
2746
|
+
signing_key:
|
2753
2747
|
specification_version: 4
|
2754
2748
|
summary: Playbook Design System
|
2755
2749
|
test_files: []
|
@@ -1,29 +0,0 @@
|
|
1
|
-
<%= pb_rails("date_picker", props: {
|
2
|
-
allow_input: true,
|
3
|
-
custom_quick_pick_dates: {
|
4
|
-
dates: [
|
5
|
-
# Allow Playbook to handle the logic...
|
6
|
-
{
|
7
|
-
label: "Last 15 months",
|
8
|
-
value: {
|
9
|
-
timePeriod: "months",
|
10
|
-
amount: 15,
|
11
|
-
},
|
12
|
-
},
|
13
|
-
# Or, be explicit with an exact date range for more control...
|
14
|
-
{
|
15
|
-
label: "First Week of June 2022",
|
16
|
-
value: ["06/01/2022", "06/07/2022"],
|
17
|
-
},
|
18
|
-
],
|
19
|
-
},
|
20
|
-
end_date_id: "quick-pick-end-date",
|
21
|
-
end_date_name: "quick-pick-end-date",
|
22
|
-
mode: "range",
|
23
|
-
picker_id: "date-picker-quick-pick-custom",
|
24
|
-
placeholder: "mm/dd/yyyy to mm/dd/yyyy",
|
25
|
-
selection_type: "quickpick",
|
26
|
-
start_date_id: "quick-pick-start-date",
|
27
|
-
start_date_name: "quick-pick-start-date"
|
28
|
-
}) %>
|
29
|
-
|
@@ -1,34 +0,0 @@
|
|
1
|
-
import React from "react"
|
2
|
-
import DatePicker from "../_date_picker"
|
3
|
-
|
4
|
-
const DatePickerQuickPickCustom = (props) => (
|
5
|
-
<>
|
6
|
-
<DatePicker
|
7
|
-
allowInput
|
8
|
-
customQuickPickDates={{
|
9
|
-
dates: [
|
10
|
-
// Allow Playbook to handle the logic...
|
11
|
-
{
|
12
|
-
label: "Last 15 months",
|
13
|
-
value: {
|
14
|
-
timePeriod: "months",
|
15
|
-
amount: 15,
|
16
|
-
},
|
17
|
-
},
|
18
|
-
// Or, be explicit with an exact date range for more control...
|
19
|
-
{
|
20
|
-
label: "First Week of June 2022",
|
21
|
-
value: ["06/01/2022", "06/07/2022"],
|
22
|
-
},
|
23
|
-
],
|
24
|
-
}}
|
25
|
-
mode='range'
|
26
|
-
pickerId='date-picker-quick-pick-custom-override'
|
27
|
-
placeholder='mm/dd/yyyy to mm/dd/yyyy'
|
28
|
-
selectionType='quickpick'
|
29
|
-
{...props}
|
30
|
-
/>
|
31
|
-
</>
|
32
|
-
)
|
33
|
-
|
34
|
-
export default DatePickerQuickPickCustom
|
@@ -1,7 +0,0 @@
|
|
1
|
-
The customQuickPickDates/custom_quick_pick_dates prop allows for the user/dev to define their own quick pick dates.
|
2
|
-
The prop accepts an object with two key/value pairs: dates & override (separate doc example below).
|
3
|
-
|
4
|
-
The dates property accepts an array of objects. Each object in the array has label and value properties. The label is what will be displayed in the UI of the dropdown menu. The value property is just the date that is going to be passed to the datepicker. The value property can be an array of two strings that represent a range, allowing for the dev to be extremely specific. Additionally, the dates array allows for a clean, simple API under that automatically converts dates in a common vernacular.
|
5
|
-
|
6
|
-
The timePeriod property accepts "days", "weeks", "months", "quarters" or "years", representing past time periods.
|
7
|
-
The amount property accepts any number.
|
data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.html.erb
DELETED
@@ -1,28 +0,0 @@
|
|
1
|
-
<%= pb_rails("date_picker", props: {
|
2
|
-
allow_input: true,
|
3
|
-
custom_quick_pick_dates: {
|
4
|
-
override: false,
|
5
|
-
dates: [
|
6
|
-
{
|
7
|
-
label: "Last 15 months",
|
8
|
-
value: {
|
9
|
-
timePeriod: "months",
|
10
|
-
amount: 15,
|
11
|
-
},
|
12
|
-
},
|
13
|
-
{
|
14
|
-
label: "First Week of June 2022",
|
15
|
-
value: ["06/01/2022", "06/07/2022"],
|
16
|
-
},
|
17
|
-
],
|
18
|
-
},
|
19
|
-
end_date_id: "quick-pick-end-date",
|
20
|
-
end_date_name: "quick-pick-end-date",
|
21
|
-
mode: "range",
|
22
|
-
picker_id: "date-picker-quick-pick-override",
|
23
|
-
placeholder: "mm/dd/yyyy to mm/dd/yyyy",
|
24
|
-
selection_type: "quickpick",
|
25
|
-
start_date_id: "quick-pick-start-date",
|
26
|
-
start_date_name: "quick-pick-start-date"
|
27
|
-
}) %>
|
28
|
-
|
@@ -1,34 +0,0 @@
|
|
1
|
-
import React from "react"
|
2
|
-
import DatePicker from "../_date_picker"
|
3
|
-
|
4
|
-
const DatePickerQuickPickCustomOverride = (props) => (
|
5
|
-
<>
|
6
|
-
<DatePicker
|
7
|
-
allowInput
|
8
|
-
customQuickPickDates={{
|
9
|
-
override: false,
|
10
|
-
dates: [
|
11
|
-
{
|
12
|
-
label: "Last 15 months",
|
13
|
-
value: {
|
14
|
-
timePeriod: "months",
|
15
|
-
amount: 15,
|
16
|
-
},
|
17
|
-
},
|
18
|
-
{
|
19
|
-
label: "First Week of June 2022",
|
20
|
-
value: ["06/01/2022", "06/07/2022"],
|
21
|
-
},
|
22
|
-
],
|
23
|
-
}}
|
24
|
-
marginTop='lg'
|
25
|
-
mode='range'
|
26
|
-
pickerId='date-picker-quick-pick-custom'
|
27
|
-
placeholder='mm/dd/yyyy to mm/dd/yyyy'
|
28
|
-
selectionType='quickpick'
|
29
|
-
{...props}
|
30
|
-
/>
|
31
|
-
</>
|
32
|
-
)
|
33
|
-
|
34
|
-
export default DatePickerQuickPickCustomOverride
|
@@ -1 +0,0 @@
|
|
1
|
-
The customQuickPickDates/custom_quick_pick_dates prop allows for an override boolean. The override allows for the user to completely override the quick pick dates that ship with the component. Default of `override` is set to true. If you would like to simply append your dates to the default quick pick dates, set this prop to false explicitly.
|