playbook_ui 13.12.0.pre.alpha.play900startratingasinput1612 → 13.12.0.pre.alpha.play1051highchartstest1556

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.
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` |