playbook_ui 13.12.0.pre.alpha.play900startratingasinput1612 → 13.12.0.pre.alpha.play1051highchartstest1556
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_bar_graph/_bar_graph.tsx +36 -32
- data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +68 -63
- data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.ts +257 -3
- data/app/pb_kits/playbook/pb_gauge/_gauge.tsx +59 -47
- data/app/pb_kits/playbook/pb_line_graph/_line_graph.tsx +40 -34
- data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +0 -6
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +0 -6
- data/app/pb_kits/playbook/pb_star_rating/_star_rating.scss +53 -84
- data/app/pb_kits/playbook/pb_star_rating/_star_rating.tsx +55 -184
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.html.erb +1 -11
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx +2 -17
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.html.erb +1 -6
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.jsx +5 -22
- data/app/pb_kits/playbook/pb_star_rating/docs/example.yml +5 -10
- data/app/pb_kits/playbook/pb_star_rating/docs/index.js +0 -6
- data/app/pb_kits/playbook/pb_star_rating/star_rating.html.erb +20 -58
- data/app/pb_kits/playbook/pb_star_rating/star_rating.rb +6 -42
- data/app/pb_kits/playbook/pb_star_rating/star_rating.test.js +34 -34
- data/app/pb_kits/playbook/pb_text_input/docs/example.yml +0 -7
- data/app/pb_kits/playbook/pb_toggle/docs/example.yml +0 -4
- data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx +107 -102
- data/app/pb_kits/playbook/playbook-doc.js +4 -4
- data/app/pb_kits/playbook/playbook-rails-react-bindings.js +4 -4
- data/dist/playbook-rails.js +7 -7
- data/lib/playbook/version.rb +1 -1
- metadata +2 -25
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default_swift.md +0 -11
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_props_swift.md +0 -7
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse_swift.md +0 -13
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md +0 -11
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md +0 -15
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_props_swift.md +0 -5
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_small_swift.md +0 -15
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_xsmall_swift.md +0 -15
- data/app/pb_kits/playbook/pb_star_rating/custom-icons.js +0 -356
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_color_options.html.erb +0 -7
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_color_options.jsx +0 -40
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_number_config.html.erb +0 -12
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_number_config.jsx +0 -57
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_size_options.html.erb +0 -23
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_size_options.jsx +0 -59
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on_swift.md +0 -35
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default_swift.md +0 -29
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled_swift.md +0 -13
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md +0 -24
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md +0 -13
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default_swift.md +0 -11
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name_swift.md +0 -10
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_props_swift.md +0 -6
@@ -1,57 +0,0 @@
|
|
1
|
-
import React from 'react'
|
2
|
-
|
3
|
-
import StarRating from '../_star_rating'
|
4
|
-
|
5
|
-
const StarRatingNumberConfig = (props) => (
|
6
|
-
<>
|
7
|
-
|
8
|
-
<StarRating
|
9
|
-
denominator={3}
|
10
|
-
rating={3}
|
11
|
-
{...props}
|
12
|
-
/>
|
13
|
-
|
14
|
-
<br />
|
15
|
-
|
16
|
-
<StarRating
|
17
|
-
denominator={4}
|
18
|
-
rating={3}
|
19
|
-
{...props}
|
20
|
-
/>
|
21
|
-
|
22
|
-
<br />
|
23
|
-
|
24
|
-
<StarRating
|
25
|
-
denominator={5}
|
26
|
-
rating={3}
|
27
|
-
{...props}
|
28
|
-
/>
|
29
|
-
|
30
|
-
<br />
|
31
|
-
|
32
|
-
<StarRating
|
33
|
-
denominator={6}
|
34
|
-
rating={3}
|
35
|
-
{...props}
|
36
|
-
/>
|
37
|
-
|
38
|
-
<br />
|
39
|
-
|
40
|
-
<StarRating
|
41
|
-
denominator={7}
|
42
|
-
rating={3}
|
43
|
-
{...props}
|
44
|
-
/>
|
45
|
-
|
46
|
-
<br />
|
47
|
-
|
48
|
-
<StarRating
|
49
|
-
denominator={8}
|
50
|
-
rating={3}
|
51
|
-
{...props}
|
52
|
-
/>
|
53
|
-
|
54
|
-
</>
|
55
|
-
)
|
56
|
-
|
57
|
-
export default StarRatingNumberConfig
|
@@ -1,23 +0,0 @@
|
|
1
|
-
<%= pb_rails("star_rating", props: { rating: 3, size: "xs" }) %>
|
2
|
-
|
3
|
-
<br>
|
4
|
-
|
5
|
-
<%= pb_rails("star_rating", props: { rating: 3, size: "sm" }) %>
|
6
|
-
|
7
|
-
<br>
|
8
|
-
|
9
|
-
<%= pb_rails("star_rating", props: { rating: 3, size: "md" }) %>
|
10
|
-
|
11
|
-
<br>
|
12
|
-
|
13
|
-
<%= pb_rails("star_rating", props: { rating: 3, size: "lg" }) %>
|
14
|
-
|
15
|
-
<br>
|
16
|
-
|
17
|
-
<%= pb_rails("star_rating", props: { rating: 3, size: "lg", layout_option: "number" }) %>
|
18
|
-
|
19
|
-
<br>
|
20
|
-
|
21
|
-
<%= pb_rails("star_rating", props: { rating: 3, size: "lg", layout_option: "onestar" }) %>
|
22
|
-
|
23
|
-
<br>
|
@@ -1,59 +0,0 @@
|
|
1
|
-
import React from 'react'
|
2
|
-
|
3
|
-
import StarRating from '../_star_rating'
|
4
|
-
|
5
|
-
const StarRatingSizeOptions = (props) => (
|
6
|
-
<>
|
7
|
-
|
8
|
-
<StarRating
|
9
|
-
rating={3}
|
10
|
-
size="xs"
|
11
|
-
{...props}
|
12
|
-
/>
|
13
|
-
|
14
|
-
<br />
|
15
|
-
|
16
|
-
<StarRating
|
17
|
-
rating={3}
|
18
|
-
size="sm"
|
19
|
-
{...props}
|
20
|
-
/>
|
21
|
-
|
22
|
-
<br />
|
23
|
-
|
24
|
-
<StarRating
|
25
|
-
rating={3}
|
26
|
-
size="md"
|
27
|
-
{...props}
|
28
|
-
/>
|
29
|
-
|
30
|
-
<br />
|
31
|
-
|
32
|
-
<StarRating
|
33
|
-
rating={3}
|
34
|
-
size="lg"
|
35
|
-
{...props}
|
36
|
-
/>
|
37
|
-
|
38
|
-
<br />
|
39
|
-
|
40
|
-
<StarRating
|
41
|
-
layoutOption="number"
|
42
|
-
rating={3}
|
43
|
-
size="lg"
|
44
|
-
{...props}
|
45
|
-
/>
|
46
|
-
|
47
|
-
<br />
|
48
|
-
|
49
|
-
<StarRating
|
50
|
-
layoutOption="onestar"
|
51
|
-
rating={3}
|
52
|
-
size="lg"
|
53
|
-
{...props}
|
54
|
-
/>
|
55
|
-
|
56
|
-
</>
|
57
|
-
)
|
58
|
-
|
59
|
-
export default StarRatingSizeOptions
|
@@ -1,35 +0,0 @@
|
|
1
|
-
![text-input-add-on](https://github.com/powerhome/playbook/assets/92755007/65a28e6a-9e65-4ca1-af8d-91dae6eac4f5)
|
2
|
-
|
3
|
-
```swift
|
4
|
-
|
5
|
-
PBTextInput(
|
6
|
-
"ADD ON WITH DEFAULTS",
|
7
|
-
text: $textAddOn,
|
8
|
-
style: .rightIcon(.user, divider: true)
|
9
|
-
)
|
10
|
-
|
11
|
-
PBTextInput(
|
12
|
-
"RIGHT-ALIGNED ADD ON WITH BORDER",
|
13
|
-
text: $textAddOnRight,
|
14
|
-
style: .rightIcon(.user, divider: true)
|
15
|
-
)
|
16
|
-
|
17
|
-
PBTextInput(
|
18
|
-
"RIGHT-ALIGNED ADD ON WITH NO BORDER",
|
19
|
-
text: $textAddOnRightNoBorder,
|
20
|
-
style: .rightIcon(.user, divider: false)
|
21
|
-
)
|
22
|
-
|
23
|
-
PBTextInput(
|
24
|
-
"LEFT-ALIGNED ADD ON WITH NO BORDER",
|
25
|
-
text: $textAddOnLeft,
|
26
|
-
style: .leftIcon(.user, divider: false)
|
27
|
-
)
|
28
|
-
|
29
|
-
PBTextInput(
|
30
|
-
"LEFT-ALIGNED ADD ON WITH BORDER",
|
31
|
-
text: $textAddOnLeftNoBorder,
|
32
|
-
style: .leftIcon(.user, divider: true)
|
33
|
-
)
|
34
|
-
|
35
|
-
```
|
@@ -1,29 +0,0 @@
|
|
1
|
-
![text-input-default](https://github.com/powerhome/playbook/assets/92755007/625a246e-9d5c-42ea-8c6e-7afcf0984c9a)
|
2
|
-
|
3
|
-
|
4
|
-
```swift
|
5
|
-
|
6
|
-
@State private var textFirstName: String = ""
|
7
|
-
@State private var textLastName: String = ""
|
8
|
-
@State private var textPhone: String = ""
|
9
|
-
|
10
|
-
PBTextInput(
|
11
|
-
"First name",
|
12
|
-
text: $textFirstName,
|
13
|
-
placeholder: "Enter first name"
|
14
|
-
)
|
15
|
-
|
16
|
-
PBTextInput(
|
17
|
-
"Last name",
|
18
|
-
text: $textLastName,
|
19
|
-
placeholder: "Enter last name"
|
20
|
-
)
|
21
|
-
|
22
|
-
PBTextInput(
|
23
|
-
"Phone number",
|
24
|
-
text: $textPhone,
|
25
|
-
placeholder: "Enter phone number",
|
26
|
-
keyboardType: .phonePad
|
27
|
-
)
|
28
|
-
|
29
|
-
```
|
@@ -1,24 +0,0 @@
|
|
1
|
-
![text-input-error](https://github.com/powerhome/playbook/assets/92755007/7c664f75-1d7a-4a94-bc59-6f845a68ce19)
|
2
|
-
|
3
|
-
|
4
|
-
```swift
|
5
|
-
|
6
|
-
@State private var textError: String = ""
|
7
|
-
@State private var textConfirmError: String = ""
|
8
|
-
|
9
|
-
PBTextInput(
|
10
|
-
"Email address",
|
11
|
-
text: $textError,
|
12
|
-
placeholder: "Enter email address",
|
13
|
-
error: (true, "Insert a valid email"),
|
14
|
-
style: .leftIcon(.user, divider: true)
|
15
|
-
)
|
16
|
-
|
17
|
-
PBTextInput(
|
18
|
-
"Confirm email address",
|
19
|
-
text: $textConfirmError,
|
20
|
-
placeholder: "Confirm email address",
|
21
|
-
style: .leftIcon(.user, divider: true)
|
22
|
-
)
|
23
|
-
|
24
|
-
```
|
@@ -1,13 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **title** | `String` | Adds a title | `nil` | |
|
5
|
-
| **placeholder** | `String` | Adds placeholder text | `""` | |
|
6
|
-
| **error** | `(Bool, String)` | Changes the style of the Text Input | `nil` | |
|
7
|
-
| **style** | `Style` | Changes the style of the Text Input | `.default` | `.default` `.rightIcon` `.leftIcon` `.inline` `.disabled` |
|
8
|
-
| **onChange** | `Bool` | Adds an event handler | `nil` | |
|
9
|
-
| **keyboardType** | `UIKeyboardType` | Speficies the keyboard type (ios only) | `.default` | |
|
10
|
-
| **text** | `String` | Sets the Text Input's text value | | |
|
11
|
-
| **selected** | `Bool` | Changes the style of the Text Input | | `true` `false` |
|
12
|
-
| **isHovering** | `Bool` | Changes the style of the Text Input | `false` | `true` `false` |
|
13
|
-
| **isIconHovering** | `Bool` | Changes the style of the Text Input | `false` | `true` `false` |
|
@@ -1,6 +0,0 @@
|
|
1
|
-
### Props
|
2
|
-
| Name | Type | Description | Default | Values |
|
3
|
-
| --- | ----------- | --------- | --------- | --------- |
|
4
|
-
| **isHovering** | `Bool` | Changes the style of the Toggle | `false` | `true` `false` |
|
5
|
-
| **label** | `String` | Adds a label to the Toggle | `nil` | |
|
6
|
-
| **checked** | `Bool` | Changes the style of the Toggle | | `true` `false` |
|