playbook_ui 5.2.0.pre.alpha10 → 5.2.0.pre.alpha11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b1225ea47f826453974d3809f9a5d07ff1632d203265d1d0711ece149ac486a5
-  data.tar.gz: fb3c33eb6f8aaa8412f6287b65506773791018ff09311b63c563879e47a8fdce
+  metadata.gz: ba4b9d0302c466d8b09711cbf8c6692bd99a7d327e05af173b07c1b1b6442319
+  data.tar.gz: 6f588818479d2132e2113246a211bddb4d2dfc30c9ba7fd2a8c11513333e97a7
 SHA512:
-  metadata.gz: f71982e1200edb2d19bc8ba1a9669dfdef2b426f0259e488c7342ede1d0c2c2eba173855be8f513928bd5955424d5c35c12c35b5efde14e484d7e49799672c86
-  data.tar.gz: 9c5e7464414de0e5b39a14d6d4f9f993b689b00456e11124d71931587a1b3d52153a724dc56bb8e4b3c3e914511a26ebea8d390bfedf0c3f0e6bcd14c0aaabed
+  metadata.gz: 41a7897836819170f2a3dd65afe40be337c59e54c4d67a3abe1822d5fb4af018ea173291d46a342138f6993c9c4cbbf435cc73838aef8f5bd56a94e34af068c7
+  data.tar.gz: d3251e65b92357d863a6a2a4814661c275852cc00515093bce1df595718298845ffef53e67c1362e7cc32f44e2250a1f40d80a045b42c1e9bad3ad28369f5213

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/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.alpha11"
 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.alpha11
 platform: ruby
 authors:
 - Power UX
@@ -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