playbook_ui 5.2.0.pre.alpha10 → 5.2.0.pre.alpha15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b1225ea47f826453974d3809f9a5d07ff1632d203265d1d0711ece149ac486a5
-  data.tar.gz: fb3c33eb6f8aaa8412f6287b65506773791018ff09311b63c563879e47a8fdce
+  metadata.gz: 274092c750becaf4daffb7d40f39b9e6bc1e6fcab52d5292b97135fa42f5442c
+  data.tar.gz: 2ab394c9c1a67c6ece74e66f350b49a6a09e7fa4eef8ea89b0fd0b85529ba558
 SHA512:
-  metadata.gz: f71982e1200edb2d19bc8ba1a9669dfdef2b426f0259e488c7342ede1d0c2c2eba173855be8f513928bd5955424d5c35c12c35b5efde14e484d7e49799672c86
-  data.tar.gz: 9c5e7464414de0e5b39a14d6d4f9f993b689b00456e11124d71931587a1b3d52153a724dc56bb8e4b3c3e914511a26ebea8d390bfedf0c3f0e6bcd14c0aaabed
+  metadata.gz: 89c1011123df84fff6eed520e28df406440306ffdc386140d688111e8b68fe56f11c5d0ee742bc6d83013c0b0177c7cd9fd662657484e20627fed380105536c6
+  data.tar.gz: 6aa91b74538221795eb6a9606c95dd8bde9b11f61e29c4d105e37ad7f40dcaec1607b559f327dac36dd25f0a043e0aa2bd5482fab988788639f5c11f475dcd16

data/app/helpers/playbook/pb_kit_helper.rb

@@ -15,6 +15,7 @@ module Playbook
       self.prefix_partial_path_with_controller_namespace = previous
     end
 
+    # deprecated
     def pb_react(kit, props: {}, options: {})
       ::Webpacker::React::Component.new(kit.camelize).render(props, options)
     end

data/app/pb_kits/playbook/pb_foo/_foo.html.erb

@@ -0,0 +1,7 @@
+<%= content_tag(:div,
+    aria: object.aria,
+    class: object.classname,
+    data: object.data,
+    id: object.id) do %>
+  <span>FOO CONTENT</span>
+<% end %>

data/app/pb_kits/playbook/pb_foo/_foo.jsx

@@ -0,0 +1,39 @@
+/* @flow */
+
+import React from 'react'
+import classnames from 'classnames'
+import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
+import { spacing } from '../utilities/spacing.js'
+
+type FooProps = {
+  aria?: object,
+  className?: String,
+  data?: object,
+  id?: String,
+}
+
+const Foo = (props: FooProps) => {
+  const {
+    aria = {},
+    className = 'test_foo',
+    data = {},
+    id,
+  } = props
+
+  const ariaProps = buildAriaProps(aria)
+  const dataProps = buildDataProps(data)
+  const classes = classnames(buildCss('pb_foo'), className, spacing(props))
+
+  return (
+    <div
+        {...ariaProps}
+        {...dataProps}
+        className={classes}
+        id={id}
+    >
+      {className}
+    </div>
+  )
+}
+
+export default Foo

data/app/pb_kits/playbook/pb_foo/_foo.scss

@@ -0,0 +1,3 @@
+.pb_foo {
+
+}

data/app/pb_kits/playbook/pb_foo/docs/_foo_default.html.erb

@@ -0,0 +1 @@
+<%= pb_rails("foo") %>

data/app/pb_kits/playbook/pb_foo/docs/_foo_default.jsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import { Foo } from '../../'
+
+const FooDefault = () => (
+  <div>
+    <Foo />
+  </div>
+)
+
+export default FooDefault

data/app/pb_kits/playbook/pb_foo/docs/example.yml

@@ -0,0 +1,9 @@
+examples:
+  
+  rails:
+  - foo_default: Default
+  
+  
+  react:
+  - foo_default: Default
+  

data/app/pb_kits/playbook/pb_foo/docs/index.js

@@ -0,0 +1 @@
+export { default as FooDefault } from './_foo_default.jsx'

data/app/pb_kits/playbook/pb_foo/foo.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbFoo
+    class Foo
+      include Playbook::Props
+
+      partial "pb_foo/foo"
+    end
+  end
+end

data/app/pb_kits/playbook/vendor.js

@@ -19,3 +19,19 @@ PbTypeahead.start()
 
 import PbTable from './pb_table'
 PbTable.start()
+
+// React-Rendered Rails Kits =====
+
+import WebpackerReact from 'webpacker-react'
+
+import BarGraph from './pb_bar_graph/_bar_graph.jsx'
+import DistributionBar from './pb_distribution_bar/_distribution_bar.jsx'
+import Legend from './pb_legend/_legend.jsx'
+import LineGraph from './pb_line_graph/_line_graph.jsx'
+
+WebpackerReact.setup({
+  BarGraph,
+  DistributionBar,
+  Legend,
+  LineGraph,
+})

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "5.2.0.pre.alpha10"
+  VERSION = "5.2.0.pre.alpha15"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 5.2.0.pre.alpha10
+  version: 5.2.0.pre.alpha15
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-07-30 00:00:00.000000000 Z
+date: 2020-07-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -785,6 +785,14 @@ files:
 - app/pb_kits/playbook/pb_flex/docs/index.js
 - app/pb_kits/playbook/pb_flex/flex.rb
 - app/pb_kits/playbook/pb_flex/flex_item.rb
+- app/pb_kits/playbook/pb_foo/_foo.html.erb
+- app/pb_kits/playbook/pb_foo/_foo.jsx
+- app/pb_kits/playbook/pb_foo/_foo.scss
+- app/pb_kits/playbook/pb_foo/docs/_foo_default.html.erb
+- app/pb_kits/playbook/pb_foo/docs/_foo_default.jsx
+- app/pb_kits/playbook/pb_foo/docs/example.yml
+- app/pb_kits/playbook/pb_foo/docs/index.js
+- app/pb_kits/playbook/pb_foo/foo.rb
 - app/pb_kits/playbook/pb_form/_form.scss
 - app/pb_kits/playbook/pb_form/_form_form_with.html.erb
 - app/pb_kits/playbook/pb_form/_form_simple_form.html.erb