playbook_ui 4.9.0.pre.alpha1 → 4.9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (47) hide show
  1. checksums.yaml +4 -4
  2. data/app/controllers/playbook/pages_controller.rb +0 -8
  3. data/app/helpers/playbook/pb_doc_helper.rb +2 -8
  4. data/app/pb_kits/playbook/_playbook.scss +0 -1
  5. data/app/pb_kits/playbook/data/menu.yml +0 -2
  6. data/app/pb_kits/playbook/index.js +0 -1
  7. data/app/pb_kits/playbook/packs/examples.js +0 -2
  8. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +9 -0
  9. data/app/pb_kits/playbook/pb_filter/docs/example.yml +2 -0
  10. data/app/pb_kits/playbook/pb_filter/docs/index.js +1 -0
  11. data/app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.jsx +9 -0
  12. data/app/pb_kits/playbook/pb_label_pill/docs/example.yml +2 -0
  13. data/app/pb_kits/playbook/pb_label_pill/docs/index.js +1 -0
  14. data/app/pb_kits/playbook/pb_label_value/_label_value.jsx +14 -31
  15. data/app/pb_kits/playbook/pb_label_value/_label_value.scss +0 -8
  16. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_default.jsx +1 -24
  17. data/app/pb_kits/playbook/pb_label_value/docs/example.yml +1 -2
  18. data/app/pb_kits/playbook/pb_label_value/docs/index.js +0 -1
  19. data/app/pb_kits/playbook/pb_label_value/label_value.rb +1 -8
  20. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx +9 -0
  21. data/app/pb_kits/playbook/pb_online_status/docs/example.yml +3 -1
  22. data/app/pb_kits/playbook/pb_online_status/docs/index.js +1 -0
  23. data/app/pb_kits/playbook/pb_source/docs/_source_default.jsx +9 -0
  24. data/app/pb_kits/playbook/pb_source/docs/example.yml +1 -0
  25. data/app/pb_kits/playbook/pb_source/docs/index.js +1 -0
  26. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx +9 -0
  27. data/app/pb_kits/playbook/pb_star_rating/docs/example.yml +1 -0
  28. data/app/pb_kits/playbook/pb_star_rating/docs/index.js +1 -0
  29. data/app/pb_kits/playbook/pb_time/docs/_time_default.jsx +9 -0
  30. data/app/pb_kits/playbook/pb_time/docs/example.yml +1 -0
  31. data/app/pb_kits/playbook/pb_time/docs/index.js +1 -0
  32. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx +9 -0
  33. data/app/pb_kits/playbook/pb_timestamp/docs/example.yml +2 -0
  34. data/app/pb_kits/playbook/pb_timestamp/docs/index.js +1 -0
  35. data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.jsx +9 -0
  36. data/app/pb_kits/playbook/pb_title_detail/docs/example.yml +2 -0
  37. data/app/pb_kits/playbook/pb_title_detail/docs/index.js +1 -0
  38. data/lib/playbook/version.rb +1 -1
  39. metadata +12 -12
  40. data/app/pb_kits/playbook/pb_file_upload/_file_upload.jsx +0 -60
  41. data/app/pb_kits/playbook/pb_file_upload/_file_upload.scss +0 -6
  42. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx +0 -34
  43. data/app/pb_kits/playbook/pb_file_upload/docs/example.yml +0 -7
  44. data/app/pb_kits/playbook/pb_file_upload/docs/index.js +0 -1
  45. data/app/pb_kits/playbook/pb_file_upload/file_upload.rb +0 -11
  46. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_dark.html.erb +0 -24
  47. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_dark.jsx +0 -35
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4bf167d5819d52fd311f42011552c99f5751162188c78d6e5b0323d31fe2b8b3
4
- data.tar.gz: 8f3f6b3c81345d2eac3f089996e8c2d47eff1501dd51bf2b1f99c0efe7d5a2c1
3
+ metadata.gz: 2efde50eecbf0220c77d407beee2d9a06df001f526934bdc8acf7bf0078b4aa8
4
+ data.tar.gz: 01c79e37dcd31369d0a55a4a8588b103fa51c4115f8401ab1b53078bbe3ec9cd
5
5
  SHA512:
6
- metadata.gz: 925331069d01cf6923aff7df667e20a6f58d87f556d95ba7ec5eaff283c9f76dda103c535c0cc837828b940ef2f8fc57ca7c622e606a257bf7cd2a53d0ee228a
7
- data.tar.gz: 6cff5497adc01543477c14687c409d132957a8f27f2ec5f87214eb83cc4547977da2fd39094960019e96bfb12a03147d1af8536237ac39a5a940c0d719efb395
6
+ metadata.gz: d12d4271e8402ffa8717d1fee0dd276f565a0b254cea4e6567ee80c000fe3a271da72eb3e1a474b9cd7857d4d600e1b8b064af1aaed9c6e715935f87d477d11b
7
+ data.tar.gz: 86ca4495e6464009c0456cba66a2f4dc04e0f44a0ee1009abfd9b9816350e2267d46ea4fc14895f654523f9877977ead9d2a0a9ce14555b09b02bea73a1857d7
@@ -6,7 +6,6 @@ require "yaml"
6
6
  module Playbook
7
7
  class PagesController < ApplicationController
8
8
  before_action :set_kit, only: %i[kit_show_rails kit_show_react]
9
- before_action :ensure_rails_kit_exists, only: %i[kit_show_rails]
10
9
  before_action :set_category, only: %i[kit_category_show_rails kit_category_show_react]
11
10
 
12
11
  def home; end
@@ -65,12 +64,5 @@ module Playbook
65
64
  redirect_to root_path, flash: { error: "That kit does not exist" }
66
65
  end
67
66
  end
68
-
69
- def ensure_rails_kit_exists
70
- # TODO: unsure why we cannot simply use the helpers that are included in ApplicationController - fix this
71
- erbfiles = File.join("**", "*.erb")
72
- kit_files = Dir.glob(erbfiles, base: "#{Playbook::Engine.root}/app/pb_kits/playbook/pb_#{@kit}/docs").present?
73
- redirect_to action: "kit_show_react" unless kit_files.present?
74
- end
75
67
  end
76
68
  end
@@ -9,11 +9,9 @@ module Playbook
9
9
  def has_kit_type?(kit, type)
10
10
  type ||= "rails"
11
11
  if type == "rails"
12
- erbfiles = File.join("**", "*.erb")
13
- Dir.glob(erbfiles, base: "#{kit_path(kit)}/docs").present?
12
+ Dir["playbook/pb_#{kit}/*.html.erb"].empty?
14
13
  elsif type == "react"
15
- jsxfiles = File.join("**", "*.jsx")
16
- Dir.glob(jsxfiles, base: "#{kit_path(kit)}/docs").present?
14
+ Dir["playbook/pb_#{kit}/*.jsx"].empty?
17
15
  end
18
16
  end
19
17
 
@@ -25,10 +23,6 @@ module Playbook
25
23
  end
26
24
  end
27
25
 
28
- def kit_path(kit)
29
- "#{Playbook::Engine.root}/app/pb_kits/playbook/pb_#{kit}"
30
- end
31
-
32
26
  def get_kit_description(kit)
33
27
  filename = "#{Playbook::Engine.root}/app/pb_kits/playbook/pb_#{@kit}/docs/_description.md"
34
28
  read_file(filename)
@@ -65,5 +65,4 @@
65
65
  @import 'pb_typeahead/typeahead';
66
66
  @import 'pb_user/user';
67
67
  @import 'pb_user_badge/user_badge';
68
- @import 'pb_file_upload/file_upload';
69
68
  @import 'pb_filter/filter';
@@ -17,7 +17,6 @@ kits:
17
17
  - fixed_confirmation_toast
18
18
  - flex
19
19
  - forms:
20
- - file_upload
21
20
  - form
22
21
  - form_pill
23
22
  - radio
@@ -75,4 +74,3 @@ kits:
75
74
  - title_detail
76
75
  - user
77
76
  - user_badge
78
-
@@ -17,7 +17,6 @@ export DateRangeStacked from './pb_date_range_stacked/_date_range_stacked.jsx'
17
17
  export DateStacked from './pb_date_stacked/_date_stacked.jsx'
18
18
  export DateYearStacked from './pb_date_year_stacked/_date_year_stacked.jsx'
19
19
  export DistributionBar from './pb_distribution_bar/_distribution_bar.jsx'
20
- export FileUpload from './pb_file_upload/_file_upload.jsx'
21
20
  export Filter from './pb_filter/_filter.jsx'
22
21
  export FixedConfirmationToast from './pb_fixed_confirmation_toast/_fixed_confirmation_toast.jsx'
23
22
  export Flex from './pb_flex/_flex.jsx'
@@ -31,7 +31,6 @@ import * as DateRangeStacked from 'pb_date_range_stacked/docs'
31
31
  import * as DateStacked from 'pb_date_stacked/docs'
32
32
  import * as DateYearStacked from 'pb_date_year_stacked/docs'
33
33
  import * as DistributionBar from 'pb_distribution_bar/docs'
34
- import * as FileUpload from 'pb_file_upload/docs'
35
34
  import * as Filter from 'pb_filter/docs'
36
35
  import * as FixedConfirmationToast from 'pb_fixed_confirmation_toast/docs'
37
36
  import * as Flex from 'pb_flex/docs'
@@ -100,7 +99,6 @@ WebpackerReact.setup({
100
99
  ...DateStacked,
101
100
  ...DateYearStacked,
102
101
  ...DistributionBar,
103
- ...FileUpload,
104
102
  ...Filter,
105
103
  ...FixedConfirmationToast,
106
104
  ...Flex,
@@ -0,0 +1,9 @@
1
+ import React from 'react'
2
+
3
+ const FilterDefault = () => (
4
+ <div>
5
+ <h1>{'Coming Soon!'}</h1>
6
+ </div>
7
+ )
8
+
9
+ export default FilterDefault
@@ -6,3 +6,5 @@ examples:
6
6
  - filter_no_background: No Background
7
7
 
8
8
  react:
9
+ - filter_default: Default
10
+
@@ -0,0 +1 @@
1
+ export { default as FilterDefault } from './_filter_default.jsx'
@@ -0,0 +1,9 @@
1
+ import React from 'react'
2
+
3
+ const LabelPillDefault = () => {
4
+ return (
5
+ <h1>{'Coming Soon...'}</h1>
6
+ )
7
+ }
8
+
9
+ export default LabelPillDefault
@@ -5,3 +5,5 @@ examples:
5
5
 
6
6
 
7
7
  react:
8
+ - label_pill_default: Default
9
+
@@ -0,0 +1 @@
1
+ export { default as LabelPillDefault } from './_label_pill_default.jsx'
@@ -1,38 +1,21 @@
1
- /* @flow */
2
-
3
1
  import React from 'react'
4
- import classnames from 'classnames'
5
- import { Body, Caption } from '../'
2
+ import PropTypes from 'prop-types'
6
3
 
7
- type LabelValueProps = {
8
- className?: String,
9
- label: String,
10
- value: String,
11
- dark?: Boolean
4
+ const propTypes = {
5
+ className: PropTypes.string,
6
+ id: PropTypes.string,
12
7
  }
13
8
 
14
- const LabelValue = ({
15
- className,
16
- label,
17
- value,
18
- dark = false,
19
- }: LabelValueProps) => {
20
- const themeStyle = dark === true ? '_dark' : ''
21
- const css = classnames([
22
- 'pb_label_value_kit' + themeStyle,
23
- className,
24
- ])
25
-
26
- return (
27
- <div className={css}>
28
- <Caption
29
- text={label}
30
- />
31
- <Body
32
- text={value}
33
- />
34
- </div>
35
- )
9
+ class LabelValue extends React.Component {
10
+ render() {
11
+ return (
12
+ <div className="pb_label_value">
13
+ <span>{'LABEL VALUE CONTENT'}</span>
14
+ </div>
15
+ )
16
+ }
36
17
  }
37
18
 
19
+ LabelValue.propTypes = propTypes
20
+
38
21
  export default LabelValue
@@ -6,12 +6,4 @@
6
6
  [class^=pb_caption_kit] {
7
7
  margin-bottom: $space-xs/1.5;
8
8
  }
9
- &[class*=_dark] {
10
- [class^=pb_caption_kit] {
11
- color: $text_dk_light;
12
- }
13
- [class^=pb_body_kit] {
14
- color: $text_dk_default;
15
- }
16
- }
17
9
  }
@@ -1,31 +1,8 @@
1
1
  import React from 'react'
2
- import { LabelValue } from '../../'
3
2
 
4
3
  const LabelValueDefault = () => {
5
4
  return (
6
- <div>
7
- <LabelValue
8
- label="Role"
9
- value="Administrator, Moderator"
10
- />
11
-
12
- <br />
13
-
14
- <LabelValue
15
- label="Email"
16
- value="anna.black@powerhrg.com"
17
- />
18
-
19
- <br />
20
-
21
- <LabelValue
22
- label="Bio"
23
- value="Proin pulvinar feugiat massa in luctus. Donec urna nulla,
24
- elementum sit amet tincidunt nec, mattis nec urna. Cras viverra
25
- lorem odio, id pretium dui interdum ut. Nullam dignissim nisl vitae
26
- orci vehicula condimentum"
27
- />
28
- </div>
5
+ <h1>{'Coming Soon...'}</h1>
29
6
  )
30
7
  }
31
8
 
@@ -2,9 +2,8 @@ examples:
2
2
 
3
3
  rails:
4
4
  - label_value_default: Default
5
- - label_value_dark: Dark
6
5
 
7
6
 
8
7
  react:
9
8
  - label_value_default: Default
10
- - label_value_dark: Dark
9
+
@@ -1,2 +1 @@
1
1
  export { default as LabelValueDefault } from './_label_value_default.jsx'
2
- export { default as LabelValueDark } from './_label_value_dark.jsx'
@@ -9,16 +9,9 @@ module Playbook
9
9
 
10
10
  prop :label, required: true
11
11
  prop :value, required: true
12
- prop :dark, type: Playbook::Props::Boolean, default: false
13
12
 
14
13
  def classname
15
- generate_classname("pb_label_value_kit", dark_class)
16
- end
17
-
18
- private
19
-
20
- def dark_class
21
- dark ? "dark" : nil
14
+ generate_classname("pb_label_value_kit")
22
15
  end
23
16
  end
24
17
  end
@@ -0,0 +1,9 @@
1
+ import React from 'react'
2
+
3
+ const OnlineStatusDefault = () => {
4
+ return (
5
+ <h1>{'Coming Soon...'}</h1>
6
+ )
7
+ }
8
+
9
+ export default OnlineStatusDefault
@@ -3,5 +3,7 @@ examples:
3
3
  rails:
4
4
  - online_status_default: Default
5
5
 
6
+
6
7
  react:
7
-
8
+ - online_status_default: Default
9
+
@@ -0,0 +1 @@
1
+ export { default as OnlineStatusDefault } from './_online_status_default.jsx'
@@ -0,0 +1,9 @@
1
+ import React from 'react'
2
+
3
+ const SourceDefault = () => {
4
+ return (
5
+ <h1>{'Coming Soon...'}</h1>
6
+ )
7
+ }
8
+
9
+ export default SourceDefault
@@ -7,3 +7,4 @@ examples:
7
7
 
8
8
 
9
9
  react:
10
+ - source_default: Default
@@ -0,0 +1 @@
1
+ export { default as SourceDefault } from './_source_default.jsx'
@@ -0,0 +1,9 @@
1
+ import React from 'react'
2
+
3
+ const StarRatingDefault = () => {
4
+ return (
5
+ <h1>{'Coming Soon...'}</h1>
6
+ )
7
+ }
8
+
9
+ export default StarRatingDefault
@@ -6,3 +6,4 @@ examples:
6
6
 
7
7
 
8
8
  react:
9
+ - star_rating_default: Default
@@ -0,0 +1 @@
1
+ export { default as StarRatingDefault } from './_star_rating_default.jsx'
@@ -0,0 +1,9 @@
1
+ import React from 'react'
2
+
3
+ const TimeDefault = () => {
4
+ return (
5
+ <h1>{'Coming Soon...'}</h1>
6
+ )
7
+ }
8
+
9
+ export default TimeDefault
@@ -5,3 +5,4 @@ examples:
5
5
  - time_timestamp: Timestamp Values
6
6
 
7
7
  react:
8
+ - time_default: Default
@@ -0,0 +1 @@
1
+ export { default as TimeDefault } from './_time_default.jsx'
@@ -0,0 +1,9 @@
1
+ import React from 'react'
2
+
3
+ const TimestampDefault = () => {
4
+ return (
5
+ <h1>{'Coming Soon...'}</h1>
6
+ )
7
+ }
8
+
9
+ export default TimestampDefault
@@ -5,3 +5,5 @@ examples:
5
5
 
6
6
 
7
7
  react:
8
+ - timestamp_default: Default
9
+
@@ -0,0 +1 @@
1
+ export { default as TimestampDefault } from './_timestamp_default.jsx'
@@ -0,0 +1,9 @@
1
+ import React from 'react'
2
+
3
+ const TitleDetailDefault = () => {
4
+ return (
5
+ <h1>{'Coming Soon...'}</h1>
6
+ )
7
+ }
8
+
9
+ export default TitleDetailDefault
@@ -5,3 +5,5 @@ examples:
5
5
 
6
6
 
7
7
  react:
8
+ - title_detail_default: Default
9
+
@@ -0,0 +1 @@
1
+ export { default as TitleDetailDefault } from './_title_detail_default.jsx'
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- VERSION = "4.9.0-alpha1"
4
+ VERSION = "4.9.0"
5
5
  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: 4.9.0.pre.alpha1
4
+ version: 4.9.0
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: 2020-04-02 00:00:00.000000000 Z
12
+ date: 2020-03-27 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -757,16 +757,11 @@ files:
757
757
  - app/pb_kits/playbook/pb_distribution_bar/docs/index.js
758
758
  - app/pb_kits/playbook/pb_enhanced_element/element_observer.js
759
759
  - app/pb_kits/playbook/pb_enhanced_element/index.js
760
- - app/pb_kits/playbook/pb_file_upload/_file_upload.jsx
761
- - app/pb_kits/playbook/pb_file_upload/_file_upload.scss
762
- - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx
763
- - app/pb_kits/playbook/pb_file_upload/docs/example.yml
764
- - app/pb_kits/playbook/pb_file_upload/docs/index.js
765
- - app/pb_kits/playbook/pb_file_upload/file_upload.rb
766
760
  - app/pb_kits/playbook/pb_filter/_filter.html.erb
767
761
  - app/pb_kits/playbook/pb_filter/_filter.jsx
768
762
  - app/pb_kits/playbook/pb_filter/_filter.scss
769
763
  - app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb
764
+ - app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx
770
765
  - app/pb_kits/playbook/pb_filter/docs/_filter_no_background.html.erb
771
766
  - app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb
772
767
  - app/pb_kits/playbook/pb_filter/docs/example.yml
@@ -957,6 +952,7 @@ files:
957
952
  - app/pb_kits/playbook/pb_label_pill/docs/_description.md
958
953
  - app/pb_kits/playbook/pb_label_pill/docs/_footer.md
959
954
  - app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.html.erb
955
+ - app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.jsx
960
956
  - app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.md
961
957
  - app/pb_kits/playbook/pb_label_pill/docs/example.yml
962
958
  - app/pb_kits/playbook/pb_label_pill/docs/index.js
@@ -966,8 +962,6 @@ files:
966
962
  - app/pb_kits/playbook/pb_label_value/_label_value.scss
967
963
  - app/pb_kits/playbook/pb_label_value/docs/_description.md
968
964
  - app/pb_kits/playbook/pb_label_value/docs/_footer.md
969
- - app/pb_kits/playbook/pb_label_value/docs/_label_value_dark.html.erb
970
- - app/pb_kits/playbook/pb_label_value/docs/_label_value_dark.jsx
971
965
  - app/pb_kits/playbook/pb_label_value/docs/_label_value_default.html.erb
972
966
  - app/pb_kits/playbook/pb_label_value/docs/_label_value_default.jsx
973
967
  - app/pb_kits/playbook/pb_label_value/docs/_label_value_default.md
@@ -1122,6 +1116,7 @@ files:
1122
1116
  - app/pb_kits/playbook/pb_online_status/_online_status_mixins.scss
1123
1117
  - app/pb_kits/playbook/pb_online_status/docs/_description.md
1124
1118
  - app/pb_kits/playbook/pb_online_status/docs/_online_status_default.html.erb
1119
+ - app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx
1125
1120
  - app/pb_kits/playbook/pb_online_status/docs/example.yml
1126
1121
  - app/pb_kits/playbook/pb_online_status/docs/index.js
1127
1122
  - app/pb_kits/playbook/pb_online_status/online_status.rb
@@ -1299,6 +1294,7 @@ files:
1299
1294
  - app/pb_kits/playbook/pb_source/_source.scss
1300
1295
  - app/pb_kits/playbook/pb_source/docs/_description.md
1301
1296
  - app/pb_kits/playbook/pb_source/docs/_source_default.html.erb
1297
+ - app/pb_kits/playbook/pb_source/docs/_source_default.jsx
1302
1298
  - app/pb_kits/playbook/pb_source/docs/_source_noicon.html.erb
1303
1299
  - app/pb_kits/playbook/pb_source/docs/_source_types.html.erb
1304
1300
  - app/pb_kits/playbook/pb_source/docs/example.yml
@@ -1309,6 +1305,7 @@ files:
1309
1305
  - app/pb_kits/playbook/pb_star_rating/_star_rating.scss
1310
1306
  - app/pb_kits/playbook/pb_star_rating/docs/_description.md
1311
1307
  - app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.html.erb
1308
+ - app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx
1312
1309
  - app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.html.erb
1313
1310
  - app/pb_kits/playbook/pb_star_rating/docs/example.yml
1314
1311
  - app/pb_kits/playbook/pb_star_rating/docs/index.js
@@ -1428,6 +1425,7 @@ files:
1428
1425
  - app/pb_kits/playbook/pb_time/docs/_description.md
1429
1426
  - app/pb_kits/playbook/pb_time/docs/_footer.md
1430
1427
  - app/pb_kits/playbook/pb_time/docs/_time_default.html.erb
1428
+ - app/pb_kits/playbook/pb_time/docs/_time_default.jsx
1431
1429
  - app/pb_kits/playbook/pb_time/docs/_time_default.md
1432
1430
  - app/pb_kits/playbook/pb_time/docs/_time_timestamp.html.erb
1433
1431
  - app/pb_kits/playbook/pb_time/docs/example.yml
@@ -1441,6 +1439,7 @@ files:
1441
1439
  - app/pb_kits/playbook/pb_timestamp/docs/_footer.md
1442
1440
  - app/pb_kits/playbook/pb_timestamp/docs/_time_stamp_default.md
1443
1441
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb
1442
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx
1444
1443
  - app/pb_kits/playbook/pb_timestamp/docs/example.yml
1445
1444
  - app/pb_kits/playbook/pb_timestamp/docs/index.js
1446
1445
  - app/pb_kits/playbook/pb_timestamp/timestamp.rb
@@ -1474,6 +1473,7 @@ files:
1474
1473
  - app/pb_kits/playbook/pb_title_detail/docs/_description.md
1475
1474
  - app/pb_kits/playbook/pb_title_detail/docs/_footer.md
1476
1475
  - app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.html.erb
1476
+ - app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.jsx
1477
1477
  - app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.md
1478
1478
  - app/pb_kits/playbook/pb_title_detail/docs/example.yml
1479
1479
  - app/pb_kits/playbook/pb_title_detail/docs/index.js
@@ -1640,9 +1640,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
1640
1640
  version: '0'
1641
1641
  required_rubygems_version: !ruby/object:Gem::Requirement
1642
1642
  requirements:
1643
- - - ">"
1643
+ - - ">="
1644
1644
  - !ruby/object:Gem::Version
1645
- version: 1.3.1
1645
+ version: '0'
1646
1646
  requirements: []
1647
1647
  rubyforge_project:
1648
1648
  rubygems_version: 2.7.3
@@ -1,60 +0,0 @@
1
- /* @flow */
2
-
3
- import React, { useCallback } from 'react'
4
- import { useDropzone } from 'react-dropzone'
5
-
6
- import {
7
- buildCss,
8
- noop,
9
- } from '../utilities/props'
10
-
11
- import type { Callback } from '../types.js'
12
-
13
- import {
14
- Body,
15
- Card,
16
- } from '..'
17
-
18
- type FileUploadProps = {
19
- acceptedFiles?: FileList,
20
- className?: String,
21
- onFilesAccepted: Callback,
22
- }
23
-
24
- const FileUpload = ({
25
- acceptedFiles = [],
26
- className,
27
- onFilesAccepted = noop,
28
- }: FileUploadProps) => {
29
- const onDrop = useCallback((files) => {
30
- onFilesAccepted(files)
31
- })
32
-
33
- const {
34
- getRootProps,
35
- getInputProps,
36
- isDragActive,
37
- } = useDropzone({ onDrop })
38
-
39
- return (
40
- <div
41
- className={buildCss('pb_file_upload_kit', className)}
42
- {...getRootProps()}
43
- >
44
- <Card>
45
- <input {...getInputProps()} />
46
- <Body
47
- color="light"
48
- >
49
- <If condition={isDragActive}>
50
- <p>{'Drop the files here ...'}</p>
51
- <Else />
52
- <p>{'Drag & drop some files here, or click to select files'}</p>
53
- </If>
54
- </Body>
55
- </Card>
56
- </div>
57
- )
58
- }
59
-
60
- export default FileUpload
@@ -1,6 +0,0 @@
1
- [class^='pb_file_upload_kit'] {
2
- [class^='pb_card_kit'] {
3
- border: 1px #ccc dashed;
4
- text-align: center;
5
- }
6
- }
@@ -1,34 +0,0 @@
1
- import React, { useState } from 'react'
2
- import {
3
- FileUpload,
4
- List,
5
- ListItem,
6
- } from '../..'
7
-
8
- const AcceptedFilesList = ({files}: FileList) => (
9
- <List>
10
- {files.map(file => (
11
- <ListItem key={file.name}>{file.name}</ListItem>
12
- ))}
13
- </List>
14
- )
15
-
16
- const FileUploadDefault = () => {
17
- const [filesToUpload, setFilesToUpload] = useState([])
18
-
19
- const handleOnFilesAccepted = files => {
20
- setFilesToUpload([...filesToUpload, ...files])
21
- }
22
-
23
- return (
24
- <div>
25
- <AcceptedFilesList files={filesToUpload} />
26
- <FileUpload
27
- acceptedFiles={filesToUpload}
28
- onFilesAccepted={handleOnFilesAccepted}
29
- />
30
- </div>
31
- )
32
- }
33
-
34
- export default FileUploadDefault
@@ -1,7 +0,0 @@
1
- examples:
2
-
3
- rails:
4
-
5
- react:
6
- - file_upload_default: Default List of Files to Upload
7
-
@@ -1 +0,0 @@
1
- export { default as FileUploadDefault } from './_file_upload_default.jsx'
@@ -1,11 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module Playbook
4
- module PbFileUpload
5
- class FileUpload
6
- include Playbook::Props
7
-
8
- partial "pb_file_upload/file_upload"
9
- end
10
- end
11
- end
@@ -1,24 +0,0 @@
1
- <%= pb_rails("label_value", props: {
2
- label: "Role",
3
- value: "Administrator, Moderator",
4
- dark: true
5
- }) %>
6
-
7
- <br>
8
-
9
- <%= pb_rails("label_value", props: {
10
- label: "Email",
11
- value: "anna.black@powerhrg.com",
12
- dark: true
13
- }) %>
14
-
15
- <br>
16
-
17
- <%= pb_rails("label_value", props: {
18
- label: "Bio",
19
- value: "Proin pulvinar feugiat massa in luctus. Donec urna nulla,
20
- elementum sit amet tincidunt nec, mattis nec urna. Cras viverra
21
- lorem odio, id pretium dui interdum ut. Nullam dignissim nisl vitae
22
- orci vehicula condimentum.",
23
- dark: true
24
- }) %>
@@ -1,35 +0,0 @@
1
- import React from 'react'
2
- import { LabelValue } from '../../'
3
-
4
- const LabelValueDark = () => {
5
- return (
6
- <div>
7
- <LabelValue
8
- dark
9
- label="Role"
10
- value="Administrator, Moderator"
11
- />
12
-
13
- <br />
14
-
15
- <LabelValue
16
- dark
17
- label="Email"
18
- value="anna.black@powerhrg.com"
19
- />
20
-
21
- <br />
22
-
23
- <LabelValue
24
- dark
25
- label="Bio"
26
- value="Proin pulvinar feugiat massa in luctus. Donec urna nulla,
27
- elementum sit amet tincidunt nec, mattis nec urna. Cras viverra
28
- lorem odio, id pretium dui interdum ut. Nullam dignissim nisl vitae
29
- orci vehicula condimentum"
30
- />
31
- </div>
32
- )
33
- }
34
-
35
- export default LabelValueDark