playbook_ui 2.9.1 → 2.9.2

data/app/pb_kits/playbook/pb_list/docs/_list_default.jsx

@@ -1,6 +1,8 @@
 import React from "react"
-import List from "../_list.jsx"
-import ListItem from "../_list_item.jsx"
+import {
+  ListItem,
+  List,
+} from "../../"
 
 
 function ListDefault() {

data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx

@@ -2,8 +2,11 @@
 /*eslint-disable react/no-multi-comp, flowtype/space-before-type-colon */
 
 import React from 'react'
-import Icon from '../pb_icon/_icon.jsx'
-import Body from '../pb_body/_body.jsx'
+
+import {
+  Body,
+  Icon,
+} from '../'
 
 type LoadingInlineProps = {
   align?: 'left' | 'center' | 'right',

data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_dark.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import LoadingInline from "../_loading_inline.jsx"
+import {LoadingInline} from "../../"
 
 function LoadingInlineDark() {
   return (

data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_light.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import LoadingInline from "../_loading_inline.jsx"
+import {LoadingInline} from "../../"
 
 function LoadingInlineLight() {
   return (

data/app/pb_kits/playbook/pb_message/docs/_message_default.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Message from "../_message.jsx"
+import Message from "../../"
 
 function MessageDefault() {
   return (
@@ -7,4 +7,4 @@ function MessageDefault() {
   )
 }
 
-export default MessageDefault;
+export default MessageDefault

data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import OnlineStatus from "../_online_status.jsx"
+import {OnlineStatus} from "../../"
 
 function OnlineStatusDefault() {
   return (
@@ -7,4 +7,4 @@ function OnlineStatusDefault() {
   )
 }
 
-export default OnlineStatusDefault;
+export default OnlineStatusDefault

data/app/pb_kits/playbook/pb_owner/docs/_owner_default.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Owner from "../_owner.jsx"
+import {Owner} from "../../"
 
 function OwnerDefault() {
   return (

data/app/pb_kits/playbook/pb_owner_phone/docs/_owner_phone_default.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import OwnerPhone from "../_owner_phone.jsx"
+import {OwnerPhone} from "../../"
 
 function OwnerPhoneDefault() {
   return (
@@ -7,4 +7,4 @@ function OwnerPhoneDefault() {
   )
 }
 
-export default OwnerPhoneDefault;
+export default OwnerPhoneDefault

data/app/pb_kits/playbook/pb_phone/docs/_phone_default.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Phone from "../_phone.jsx"
+import {Phone} from "../../"
 
 function PhoneDefault() {
   return (
@@ -7,4 +7,4 @@ function PhoneDefault() {
   )
 }
 
-export default PhoneDefault;
+export default PhoneDefault

data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_default.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import ProgressSimple from "../_progress_simple.jsx"
+import {ProgressSimple} from "../../"
 
 function ProgressSimpleDefault() {
   return (

data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_default.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import SectionSeparator from "../_section_separator.jsx"
+import {SectionSeparator} from "../../"
 
 function SectionSeparatorDefault() {
   return (

data/app/pb_kits/playbook/pb_source/docs/_source_default.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Source from "../_source.jsx"
+import {Source} from "../../"
 
 function SourceDefault() {
   return (

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import StarRating from "../_star_rating.jsx"
+import {StarRating} from "../../"
 
 function StarRatingDefault() {
   return (
@@ -7,4 +7,4 @@ function StarRatingDefault() {
   )
 }
 
-export default StarRatingDefault;
+export default StarRatingDefault

data/app/pb_kits/playbook/pb_stat_change/_stat_change.jsx

@@ -2,8 +2,11 @@
 
 import React from 'react'
 import classnames from 'classnames'
-import Body from '../pb_body/_body.jsx'
-import Icon from '../pb_icon/_icon.jsx'
+
+import {
+  Body,
+  Icon,
+} from '../'
 
 type StatChangeProps = {
   change?: 'increase' | 'decrease' | 'neutral',

data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import StatChange from "../_stat_change.jsx"
+import {StatChange} from "../../"
 
 function StatChangeDefault() {
   return (

data/app/pb_kits/playbook/pb_stat_value/_stat_value.jsx

@@ -2,7 +2,7 @@
 
 import React from 'react'
 import classnames from 'classnames'
-import Title from '../pb_title/_title.jsx'
+import {Title} from '../'
 
 type StatValueProps = {
   className?: String,

data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_default.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import StatValue from "../_stat_value.jsx"
+import {StatValue} from "../../"
 
 function StatValueDefault() {
   return (

data/app/pb_kits/playbook/pb_table/_table.jsx

@@ -36,6 +36,7 @@ class Table extends React.Component {
     } = this.props;
 
     const css = classnames([
+      'pb_table',
       `table-${size}`,
       container ? `table-card` : null,
       dark ? `table-dark` : null,

data/app/pb_kits/playbook/pb_table/docs/_table_container.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Table from "../_table.jsx"
+import {Table} from "../../"
 
 function TableContainer() {
   return (

data/app/pb_kits/playbook/pb_table/docs/_table_container_dark.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Table from "../_table.jsx"
+import {Table} from "../../"
 
 function TableContainerDark() {
   return (

data/app/pb_kits/playbook/pb_table/docs/_table_dark.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Table from "../_table.jsx"
+import {Table} from "../../"
 
 function TableDark() {
   return (

data/app/pb_kits/playbook/pb_table/docs/_table_disable_hover.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Table from "../_table.jsx"
+import {Table} from "../../"
 
 function TableDisableHover() {
   return (

data/app/pb_kits/playbook/pb_table/docs/_table_lg.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Table from "../_table.jsx"
+import {Table} from "../../"
 
 function TableLg() {
   return (

data/app/pb_kits/playbook/pb_table/docs/_table_md.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Table from "../_table.jsx"
+import {Table} from "../../"
 
 function TableMd() {
   return (

data/app/pb_kits/playbook/pb_table/docs/_table_multiline.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Table from "../_table.jsx"
+import {Table} from "../../"
 
 function TableMultiline() {
   return (

data/app/pb_kits/playbook/pb_table/docs/_table_single_line.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Table from "../_table.jsx"
+import {Table} from "../../"
 
 function TableSingleLine() {
   return (

data/app/pb_kits/playbook/pb_table/docs/_table_sm.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Table from "../_table.jsx"
+import {Table} from "../../"
 
 function TableSm() {
   return (

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

@@ -9,13 +9,13 @@ examples:
     - table_single_line: Force Single Line
     - table_dark: Table Dark
     - table_container_dark: Table Container Dark
-  # react:
-  #   - table_sm: Small
-  #   - table_md: Medium
-  #   - table_lg: Large
-  #   - table_container: Table Container
-  #   - table_disable_hover: Disable Hover
-  #   - table_multiline: Multi-line
-  #   - table_single_line: Force Single Line
-  #   - table_dark: Table Dark
-  #   - table_container_dark: Table Container Dark
+  react:
+    - table_sm: Small
+    - table_md: Medium
+    - table_lg: Large
+    - table_container: Table Container
+    - table_disable_hover: Disable Hover
+    - table_multiline: Multi-line
+    - table_single_line: Force Single Line
+    - table_dark: Table Dark
+    - table_container_dark: Table Container Dark

data/app/pb_kits/playbook/pb_time/docs/_time_default.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Time from "../_time.jsx"
+import {Time} from "../../"
 
 function TimeDefault() {
   return (

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Timestamp from "../_timestamp.jsx"
+import {Timestamp} from "../../"
 
 function TimestampDefault() {
   return (
@@ -7,4 +7,4 @@ function TimestampDefault() {
   )
 }
 
-export default TimestampDefault;
+export default TimestampDefault

data/app/pb_kits/playbook/pb_title/docs/_title_dark.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Title from "../_title.jsx"
+import {Title} from "../../"
 
 function TitleDark() {
   return (

data/app/pb_kits/playbook/pb_title/docs/_title_light.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Title from "../_title.jsx"
+import {Title} from "../../"
 
 function TitleLight() {
   return (

data/app/pb_kits/playbook/pb_title_count/docs/_title_count_default.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import TitleCount from "../_title_count.jsx"
+import {TitleCount} from "../../"
 
 function TitleCountDefault() {
   return (

data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import TitleDetail from "../_title_detail.jsx"
+import {TitleDetail} from "../../"
 
 function TitleDetailDefault() {
   return (

data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Toggle from "../_toggle.jsx"
+import {Toggle} from "../../"
 
 function ToggleDefault() {
   return (
@@ -7,4 +7,4 @@ function ToggleDefault() {
   )
 }
 
-export default ToggleDefault;
+export default ToggleDefault

data/app/pb_kits/playbook/pb_user/docs/_user_default.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import User from "../_user.jsx"
+import {User} from "../../"
 
 function UserDefault() {
   return (

data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_default.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import UserBadge from "../_user_badge.jsx"
+import {UserBadge} from "../../"
 
 function UserBadgeDefault() {
   return (

data/app/pb_kits/playbook/pb_vertical_nav/_vertical_nav.jsx

@@ -1,17 +1,17 @@
-import React, { Component } from "react";
-import PropTypes from "prop-types";
-import VerticalNavItem from "./_item";
-import Caption from "../pb_caption/_caption.jsx";
+import React, { Component } from "react"
+import PropTypes from "prop-types"
+import VerticalNavItem from "./_item"
+import {Caption} from "../"
 
 const propTypes = {
   children: PropTypes.oneOfType([
         PropTypes.arrayOf(PropTypes.node),
         PropTypes.node
     ])
-};
+}
 
 class VerticalNav extends Component {
-  static VerticalNavItem = VerticalNavItem;
+  static VerticalNavItem = VerticalNavItem
   render() {
     return (
       <div className="vertical_nav_list">
@@ -22,10 +22,10 @@ class VerticalNav extends Component {
         </div>
         <ul>{this.props.children}</ul>
       </div>
-    );
+    )
   }
 }
 
-VerticalNav.propTypes = propTypes;
+VerticalNav.propTypes = propTypes
 
-export default VerticalNav;
+export default VerticalNav

data/app/pb_kits/playbook/pb_vertical_nav/docs/_default_nav.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import VerticalNav from "../_vertical_nav.jsx"
+import {VerticalNav} from "../../"
 import VerticalNavItem from "../_item.jsx"
 
 function DefaultNav() {

data/app/pb_kits/playbook/props.rb

@@ -5,27 +5,38 @@ require_relative "./props/base"
 require_relative "./props/boolean"
 require_relative "./props/enum"
 require_relative "./props/hash"
+require_relative "./props/number_array"
 require_relative "./props/string"
 
 module Playbook
   module Props
     extend ActiveSupport::Concern
 
-    def initialize(prop_values)
+    attr_reader :block
+
+    def initialize(prop_values, &block)
       @values = prop_values
       self.class.props.each do |key, definition|
         definition.validate! @values[key]
       end
+      @block = block_given? ? block : nil
     end
 
     def prop(name)
       self.class.props[name].value @values[name]
     end
 
+    def generate_classname(*name_parts)
+      [
+        name_parts.compact.join("_"),
+        prop(:classname),
+      ].compact.join(" ")
+    end
+
     included do
-      prop :id, default: nil
+      prop :id
       prop :data, type: Playbook::Props::Hash, default: {}
-      prop :classname, default: ""
+      prop :classname
       prop :aria, type: Playbook::Props::Hash, default: {}
     end
 
@@ -40,6 +51,10 @@ module Playbook
 
         define_method(name) { prop(name) }
       end
+
+      def partial(path)
+        define_method(:to_partial_path) { path }
+      end
     end
   end
 end