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.
Files changed (50) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx +36 -32
  3. data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +68 -63
  4. data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.ts +257 -3
  5. data/app/pb_kits/playbook/pb_gauge/_gauge.tsx +59 -47
  6. data/app/pb_kits/playbook/pb_line_graph/_line_graph.tsx +40 -34
  7. data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +0 -6
  8. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +0 -6
  9. data/app/pb_kits/playbook/pb_star_rating/_star_rating.scss +53 -84
  10. data/app/pb_kits/playbook/pb_star_rating/_star_rating.tsx +55 -184
  11. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.html.erb +1 -11
  12. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx +2 -17
  13. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.html.erb +1 -6
  14. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.jsx +5 -22
  15. data/app/pb_kits/playbook/pb_star_rating/docs/example.yml +5 -10
  16. data/app/pb_kits/playbook/pb_star_rating/docs/index.js +0 -6
  17. data/app/pb_kits/playbook/pb_star_rating/star_rating.html.erb +20 -58
  18. data/app/pb_kits/playbook/pb_star_rating/star_rating.rb +6 -42
  19. data/app/pb_kits/playbook/pb_star_rating/star_rating.test.js +34 -34
  20. data/app/pb_kits/playbook/pb_text_input/docs/example.yml +0 -7
  21. data/app/pb_kits/playbook/pb_toggle/docs/example.yml +0 -4
  22. data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx +107 -102
  23. data/app/pb_kits/playbook/playbook-doc.js +4 -4
  24. data/app/pb_kits/playbook/playbook-rails-react-bindings.js +4 -4
  25. data/dist/playbook-rails.js +7 -7
  26. data/lib/playbook/version.rb +1 -1
  27. metadata +2 -25
  28. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default_swift.md +0 -11
  29. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_props_swift.md +0 -7
  30. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse_swift.md +0 -13
  31. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md +0 -11
  32. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md +0 -15
  33. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_props_swift.md +0 -5
  34. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_small_swift.md +0 -15
  35. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_xsmall_swift.md +0 -15
  36. data/app/pb_kits/playbook/pb_star_rating/custom-icons.js +0 -356
  37. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_color_options.html.erb +0 -7
  38. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_color_options.jsx +0 -40
  39. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_number_config.html.erb +0 -12
  40. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_number_config.jsx +0 -57
  41. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_size_options.html.erb +0 -23
  42. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_size_options.jsx +0 -59
  43. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on_swift.md +0 -35
  44. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default_swift.md +0 -29
  45. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled_swift.md +0 -13
  46. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md +0 -24
  47. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md +0 -13
  48. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default_swift.md +0 -11
  49. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name_swift.md +0 -10
  50. 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,13 +0,0 @@
1
- ![text-input-disabled](https://github.com/powerhome/playbook/assets/92755007/0e08256e-dd76-4528-b748-826f38bbe6a0)
2
-
3
-
4
- ```swift
5
-
6
- PBTextInput(
7
- "Last name",
8
- text: $textDisabled,
9
- placeholder: "Enter last name",
10
- style: .disabled
11
- )
12
-
13
- ```
@@ -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,11 +0,0 @@
1
- ![toggle-default](https://github.com/powerhome/playbook/assets/92755007/bd99bd01-d577-4455-b1f9-a88b637e8a60)
2
-
3
-
4
- ```swift
5
-
6
- VStack(spacing: Spacing.small) {
7
- PBToggle(checked: true)
8
- PBToggle(checked: false)
9
- }
10
-
11
- ```
@@ -1,10 +0,0 @@
1
- ![toggle-name](https://github.com/powerhome/playbook/assets/92755007/e45a575c-ab14-4181-a5e8-eb8d1f57ab4d)
2
-
3
- ```swift
4
-
5
- VStack(spacing: Spacing.small) {
6
- PBToggle(label: "car", checked: false)
7
- PBToggle(label: "bike", checked: false)
8
- }
9
-
10
- ```
@@ -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` |