playbook_ui 11.1.0 → 11.1.1.pre.alpha1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (10) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_radio/_radio.jsx +78 -0
  3. data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_default.md +1 -1
  4. data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_precision.html.erb +3 -0
  5. data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_precision.md +2 -0
  6. data/app/pb_kits/playbook/pb_stat_value/docs/example.yml +1 -0
  7. data/app/pb_kits/playbook/pb_stat_value/stat_value.rb +6 -1
  8. data/lib/playbook/version.rb +2 -2
  9. metadata +7 -5
  10. data/app/pb_kits/playbook/pb_radio/_radio.tsx +0 -86
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: f3c49612b5ff10431ef8ef79803f630de5aafe8dfcdfea74dc234cfba6920af1
4
- data.tar.gz: e1199ebbc2ec5ecd70229ddef6500a1ebb9a0a31d0e25623d63a0e46034f36c9
3
+ metadata.gz: 187ac4ecc55b431fc4c30a316c1cf4b0e137b2c7a1956931636b66f79bfbce7e
4
+ data.tar.gz: ace3fd58252e59d2e97be20a23bc563b4fc243e6d9325cba616ada666d4b5942
5
5
  SHA512:
6
- metadata.gz: 5fe817795f69f7ab21303aa4f0f0f2a72378df01785421a49984bf4058e7253b2901747607c66ad49c8dcd20153fa746d717a67cfaf572fabd96e3910f2708ab
7
- data.tar.gz: e6598e368c84ef4c8473470bcb756ca2313fccad7d3d8fde22c5df5013773b9e4a4e449daf0f2a25f323f98107f6a46073cb6f0c9372ff644f1e77b409c0959d
6
+ metadata.gz: 61c1344a4ca56732440d0b00fc2cc3a8783f828f331b9561ab7b679e9d6e48c7019b24aadeea31cc808a14be3cd079fa98af43a9852c7f431548c032dfa62a76
7
+ data.tar.gz: 7a57d012285cb509b304fa482b6b8d0db59fd9fa57a29c8464312eb2bb03be40ab49979a2efd9546cd9d6894c5fc8db98c1d81e157705ac53e560a67be03502e
data/app/pb_kits/playbook/pb_radio/_radio.jsx ADDED
@@ -0,0 +1,78 @@
1
+ /* @flow */
2
+ /*eslint-disable react/no-multi-comp, flowtype/space-before-type-colon */
3
+
4
+ import React, { forwardRef } from 'react'
5
+ import Body from '../pb_body/_body'
6
+ import classnames from 'classnames'
7
+ import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
8
+ import { globalProps } from '../utilities/globalProps'
9
+
10
+ type RadioProps = {
11
+ aria?: object,
12
+ alignment?: String,
13
+ checked?: Boolean,
14
+ children?: Node,
15
+ className?: String,
16
+ dark?: boolean,
17
+ data?: object,
18
+ error?: Boolean,
19
+ id?: String,
20
+ label: String,
21
+ name: String,
22
+ value: String,
23
+ text: String,
24
+ onChange: (Boolean)=>void,
25
+ }
26
+
27
+ const Radio = ({
28
+ aria = {},
29
+ alignment = '',
30
+ children,
31
+ className,
32
+ dark = false,
33
+ data = {},
34
+ error = false,
35
+ id,
36
+ label,
37
+ name = 'radio_name',
38
+ text = 'Radio Text',
39
+ value = 'radio_text',
40
+ onChange = () => {},
41
+ ...props
42
+ }: RadioProps, ref) => {
43
+ const ariaProps = buildAriaProps(aria)
44
+ const dataProps = buildDataProps(data)
45
+ const classes = classnames(buildCss('pb_radio_kit'), { error }, { dark }, globalProps(props), alignment, className)
46
+
47
+ return (
48
+ <label
49
+ {...ariaProps}
50
+ {...dataProps}
51
+ className={classes}
52
+ htmlFor={id}
53
+ >
54
+ <If condition={children}>
55
+ {children}
56
+ <Else />
57
+ <input
58
+ {...props}
59
+ id={id}
60
+ name={name}
61
+ onChange={onChange}
62
+ ref={ref}
63
+ text={text}
64
+ type="radio"
65
+ value={value}
66
+ />
67
+ </If>
68
+ <span className="pb_radio_button" />
69
+ <Body
70
+ dark={dark}
71
+ status={error ? 'negative' : null}
72
+ text={label}
73
+ />
74
+ </label>
75
+ )
76
+ }
77
+
78
+ export default forwardRef(Radio)
data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_default.md CHANGED
@@ -1 +1 @@
1
- Use this as value for displaying number data at a high level. It’s primary function is to create hierarchy of data within a view.
1
+ Use this as value for displaying number data at a high level. It’s primary function is to create hierarchy of data within a view.
data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_precision.html.erb ADDED
@@ -0,0 +1,3 @@
1
+ <%= pb_rails("stat_value", props: { value: 1529.00000, precision: 2 }) %>
2
+
3
+ <%= pb_rails("stat_value", props: { value: 1529.13, precision: 4 }) %>
data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_precision.md ADDED
@@ -0,0 +1,2 @@
1
+ Use this to specify how many decimal places you want to show.
2
+ In react, you can pass in a string or number, but for this rails kit, we only accept numeric values and rails will not show trailing zero's unless specified.
data/app/pb_kits/playbook/pb_stat_value/docs/example.yml CHANGED
@@ -3,6 +3,7 @@ examples:
3
3
  rails:
4
4
  - stat_value_default: Default
5
5
  - stat_value_unit: Unit Value
6
+ - stat_value_precision: Precision Value
6
7
 
7
8
 
8
9
  react:
data/app/pb_kits/playbook/pb_stat_value/stat_value.rb CHANGED
@@ -5,9 +5,14 @@ module Playbook
5
5
  class StatValue < Playbook::KitBase
6
6
  prop :unit
7
7
  prop :value, type: Playbook::Props::Numeric
8
+ prop :precision, type: Playbook::Props::Numeric
8
9
 
9
10
  def formatted_value
10
- number_with_delimiter(value, delimiter: ",", separator: ".")
11
+ if precision.nil?
12
+ number_with_delimiter(value, delimiter: ",", separator: ".")
13
+ else
14
+ number_with_precision(value, precision: precision, delimiter: ",", separator: ".")
15
+ end
11
16
  end
12
17
 
13
18
  def classname
data/lib/playbook/version.rb CHANGED
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "11.0.1"
5
- VERSION = "11.1.0"
4
+ PREVIOUS_VERSION = "11.1.0"
5
+ VERSION = "11.1.1.pre.alpha1"
6
6
  end
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: 11.1.0
4
+ version: 11.1.1.pre.alpha1
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: 2022-07-08 00:00:00.000000000 Z
12
+ date: 2022-07-15 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -1491,8 +1491,8 @@ files:
1491
1491
  - app/pb_kits/playbook/pb_progress_step/progress_step.rb
1492
1492
  - app/pb_kits/playbook/pb_progress_step/progress_step_item.html.erb
1493
1493
  - app/pb_kits/playbook/pb_progress_step/progress_step_item.rb
1494
+ - app/pb_kits/playbook/pb_radio/_radio.jsx
1494
1495
  - app/pb_kits/playbook/pb_radio/_radio.scss
1495
- - app/pb_kits/playbook/pb_radio/_radio.tsx
1496
1496
  - app/pb_kits/playbook/pb_radio/docs/_description.md
1497
1497
  - app/pb_kits/playbook/pb_radio/docs/_footer.md
1498
1498
  - app/pb_kits/playbook/pb_radio/docs/_radio_alignment.html.erb
@@ -1694,6 +1694,8 @@ files:
1694
1694
  - app/pb_kits/playbook/pb_stat_value/docs/_stat_value_default.html.erb
1695
1695
  - app/pb_kits/playbook/pb_stat_value/docs/_stat_value_default.jsx
1696
1696
  - app/pb_kits/playbook/pb_stat_value/docs/_stat_value_default.md
1697
+ - app/pb_kits/playbook/pb_stat_value/docs/_stat_value_precision.html.erb
1698
+ - app/pb_kits/playbook/pb_stat_value/docs/_stat_value_precision.md
1697
1699
  - app/pb_kits/playbook/pb_stat_value/docs/_stat_value_unit.html.erb
1698
1700
  - app/pb_kits/playbook/pb_stat_value/docs/_stat_value_unit.jsx
1699
1701
  - app/pb_kits/playbook/pb_stat_value/docs/example.yml
@@ -2222,9 +2224,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
2222
2224
  version: '0'
2223
2225
  required_rubygems_version: !ruby/object:Gem::Requirement
2224
2226
  requirements:
2225
- - - ">="
2227
+ - - ">"
2226
2228
  - !ruby/object:Gem::Version
2227
- version: '0'
2229
+ version: 1.3.1
2228
2230
  requirements: []
2229
2231
  rubygems_version: 3.3.7
2230
2232
  signing_key:
data/app/pb_kits/playbook/pb_radio/_radio.tsx DELETED
@@ -1,86 +0,0 @@
1
- /*eslint-disable react/no-multi-comp, flowtype/space-before-type-colon */
2
-
3
- import React, { forwardRef } from 'react'
4
- import Body from '../pb_body/_body'
5
- import classnames from 'classnames'
6
- import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
7
- import { globalProps, GlobalProps } from '../utilities/globalProps'
8
-
9
- type RadioProps = {
10
- aria?: {[key: string]: string},
11
- alignment?: string,
12
- checked?: boolean,
13
- children?: Node,
14
- className?: string,
15
- dark?: boolean,
16
- data?: {[key: string]: string},
17
- error?: boolean,
18
- id?: string,
19
- label: string,
20
- name: string,
21
- value: string,
22
- text: string,
23
- onChange: (event: React.FormEvent<HTMLInputElement>)=>void,
24
- } & GlobalProps
25
-
26
- const Radio = ({
27
- aria = {},
28
- alignment,
29
- children,
30
- className,
31
- dark = false,
32
- data = {},
33
- error = false,
34
- id,
35
- label,
36
- name = 'radio_name',
37
- text = 'Radio Text',
38
- value = 'radio_text',
39
- onChange = () => {},
40
- ...props
41
- }: RadioProps, ref: any) => {
42
- const ariaProps = buildAriaProps(aria)
43
- const dataProps = buildDataProps(data)
44
- const classes = classnames(
45
- buildCss('pb_radio_kit', alignment ),
46
- dark ? 'dark': null, error ? 'error': null,
47
- globalProps(props),
48
- className)
49
-
50
- const displayRadio = (props: RadioProps) => {
51
- if (children)
52
- return (children)
53
- else
54
- return (
55
- <input
56
- id={id}
57
- name={name}
58
- onChange={onChange}
59
- ref={ref}
60
- text={text}
61
- type="radio"
62
- value={value}
63
- {...props}
64
- />
65
- )}
66
-
67
- return (
68
- <label
69
- {...ariaProps}
70
- {...dataProps}
71
- className={classes}
72
- htmlFor={id}
73
- >
74
- <>{displayRadio(null)}</>
75
- <span className="pb_radio_button" />
76
- <Body
77
- dark={dark}
78
- status={error ? 'negative' : null}
79
- text={label}
80
- variant={null}
81
- />
82
- </label>
83
- )
84
- }
85
-
86
- export default forwardRef(Radio)