playbook_ui_docs 14.10.0.pre.alpha.play16825301 → 14.10.0.pre.rc.0

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 (86) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_sort.html.erb +3 -1
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.html.erb +1 -1
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.md +1 -1
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -8
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +0 -4
  7. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.jsx +49 -53
  8. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom_rails.html.erb +36 -29
  9. data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx +0 -6
  10. data/app/pb_kits/playbook/pb_card/docs/_card_header.html.erb +1 -39
  11. data/app/pb_kits/playbook/pb_card/docs/_card_header.jsx +0 -90
  12. data/app/pb_kits/playbook/pb_card/docs/_card_header.md +1 -1
  13. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.html.erb +0 -8
  14. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx +0 -9
  15. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx +1 -3
  16. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx +1 -4
  17. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx +1 -1
  18. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx +5 -25
  19. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.html.erb +1 -17
  20. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx +0 -15
  21. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md +1 -2
  22. data/app/pb_kits/playbook/pb_section_separator/docs/example.yml +0 -2
  23. data/app/pb_kits/playbook/pb_section_separator/docs/index.js +0 -1
  24. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_default.html.erb +1 -1
  25. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.jsx +2 -8
  26. data/app/pb_kits/playbook/pb_skeleton_loading/docs/example.yml +3 -9
  27. data/app/pb_kits/playbook/pb_skeleton_loading/docs/index.js +0 -2
  28. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx +1 -1
  29. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md +1 -4
  30. data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -9
  31. data/app/pb_kits/playbook/pb_table/docs/index.js +0 -7
  32. data/app/pb_kits/playbook/pb_text_input/docs/example.yml +0 -1
  33. data/app/pb_kits/playbook/pb_text_input/docs/index.js +0 -1
  34. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.html.erb +5 -4
  35. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.jsx +4 -4
  36. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.md +1 -1
  37. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +2 -9
  38. data/dist/playbook-doc.js +1 -1
  39. metadata +4 -49
  40. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.html.erb +0 -36
  41. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.md +0 -1
  42. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb +0 -43
  43. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx +0 -60
  44. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md +0 -1
  45. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb +0 -58
  46. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx +0 -74
  47. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md +0 -1
  48. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx +0 -50
  49. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md +0 -1
  50. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx +0 -57
  51. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md +0 -5
  52. data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json +0 -5600
  53. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.md +0 -1
  54. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.html.erb +0 -10
  55. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx +0 -42
  56. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.md +0 -3
  57. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_description.md +0 -3
  58. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius.html.erb +0 -9
  59. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius_rails.md +0 -1
  60. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.html.erb +0 -7
  61. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.html.erb +0 -119
  62. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.jsx +0 -174
  63. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.html.erb +0 -15
  64. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width_rails.md +0 -3
  65. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.html.erb +0 -3
  66. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.html.erb +0 -63
  67. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.jsx +0 -97
  68. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx +0 -88
  69. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md +0 -3
  70. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb +0 -77
  71. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md +0 -3
  72. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx +0 -87
  73. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md +0 -5
  74. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx +0 -75
  75. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.md +0 -1
  76. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx +0 -108
  77. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md +0 -2
  78. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx +0 -94
  79. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md +0 -0
  80. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.jsx +0 -83
  81. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.md +0 -3
  82. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.jsx +0 -120
  83. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md +0 -1
  84. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx +0 -106
  85. /data/app/pb_kits/playbook/pb_skeleton_loading/docs/{_skeleton_loading_border_radius_react.md → _skeleton_loading_border_radius.md} +0 -0
  86. /data/app/pb_kits/playbook/pb_skeleton_loading/docs/{_skeleton_loading_height_width_react.md → _skeleton_loading_height_width.md} +0 -0
@@ -1,106 +0,0 @@
1
- import React, { useState } from 'react'
2
-
3
- import Caption from '../../pb_caption/_caption'
4
- import TextInput from '../../pb_text_input/_text_input'
5
- import Title from '../../pb_title/_title'
6
-
7
- const TextInputMask = (props) => {
8
- const [ssn, setSSN] = useState('')
9
- const handleOnChangeSSN = ({ target }) => {
10
- setSSN(target.value)
11
- }
12
- const ref = React.createRef()
13
-
14
- const [formFields, setFormFields] = useState({
15
- currency: '',
16
- zipCode: '',
17
- postalCode: '',
18
- ssn: '',
19
- creditCard: '',
20
- cvv: ''
21
- })
22
-
23
- const handleOnChangeFormField = ({ target }) => {
24
- const { name, value } = target
25
- setFormFields({ ...formFields, [name]: value })
26
- }
27
-
28
- return (
29
- <div>
30
- <TextInput
31
- label="Currency"
32
- mask="currency"
33
- name="currency"
34
- onChange={handleOnChangeFormField}
35
- value={formFields.currency}
36
- {...props}
37
- />
38
- <TextInput
39
- label="Zip Code"
40
- mask="zipCode"
41
- name="zipCode"
42
- onChange={handleOnChangeFormField}
43
- value={formFields.zipCode}
44
- {...props}
45
- />
46
- <TextInput
47
- label="Postal Code"
48
- mask="postalCode"
49
- name="postalCode"
50
- onChange={handleOnChangeFormField}
51
- value={formFields.postalCode}
52
- {...props}
53
- />
54
- <TextInput
55
- label="SSN"
56
- mask="ssn"
57
- name="ssn"
58
- onChange={handleOnChangeFormField}
59
- value={formFields.ssn}
60
- {...props}
61
- />
62
- <TextInput
63
- label="Credit Card"
64
- mask="creditCard"
65
- name="creditCard"
66
- onChange={handleOnChangeFormField}
67
- value={formFields.creditCard}
68
- {...props}
69
- />
70
- <TextInput
71
- label="CVV"
72
- mask="cvv"
73
- name="cvv"
74
- onChange={handleOnChangeFormField}
75
- value={formFields.cvv}
76
- {...props}
77
- />
78
-
79
- <br />
80
- <br />
81
-
82
- <Title>{'Event Handler Props'}</Title>
83
-
84
- <br />
85
- <Caption>{'onChange'}</Caption>
86
-
87
- <br />
88
-
89
- <TextInput
90
- label="SSN"
91
- mask="ssn"
92
- onChange={handleOnChangeSSN}
93
- placeholder="Enter SSN"
94
- ref={ref}
95
- value={ssn}
96
- {...props}
97
- />
98
-
99
- {ssn !== '' && (
100
- <React.Fragment>{`SSN is: ${ssn}`}</React.Fragment>
101
- )}
102
- </div>
103
- )
104
- }
105
-
106
- export default TextInputMask