RubyGems - playbook_ui - Versions diffs - 2.9.2 → 2.9.3 - Mend

playbook_ui 2.9.2 → 2.9.3

Files changed (90) hide show

data/app/pb_kits/playbook/pb_line_graph/lineGraphSettings.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import commonSettings from "../pb_dashboard/commonSettings.js";
+import { commonSettings } from "../pb_dashboard/commonSettings.js";
 import typography from "../tokens/_typography.scss";
 const markerStyles = highchart => {

data/app/pb_kits/playbook/{pb_owner/_owner.html.erb → pb_person/_person.html.erb} RENAMED Viewed

@@ -1,7 +1,7 @@
 <%= content_tag(:div,
     id: object.id,
     data: object.data,
-    class: object.classname("pb_owner_kit")) do %>
+    class: object.classname("pb_person_kit")) do %>
       <%= object.first_name %>
       <%= object.last_name %>
 <% end %>

data/app/pb_kits/playbook/pb_person/_person.jsx ADDED Viewed

@@ -0,0 +1,36 @@
+/* @flow */
+/*eslint-disable react/no-multi-comp, flowtype/space-before-type-colon */
+import React from 'react'
+import classnames from 'classnames'
+import {
+  Body,
+  Title,
+} from '../'
+type PersonProps = {
+  className?: String | Array<String>,
+  dark?: Boolean,
+  firstName: String,
+  lastName: String,
+}
+const Person = ({
+  className,
+  dark=false,
+  firstName,
+  lastName,
+}: PersonProps) => {
+  return (
+    <div className={classnames('pb_person_kit', className)}>
+      <Body tag="span" dark={dark} className="pb_person_first">
+        {`${firstName}`}
+      </Body>
+      <Title text={` ${lastName}`} dark={dark} size={4} className="pb_person_first" />
+    </div>
+  )
+}
+export default Person

data/app/pb_kits/playbook/{pb_owner/_owner.scss → pb_person/_person.scss} RENAMED Viewed

@@ -2,11 +2,11 @@
 @import "../pb_body/body";
 @import "../tokens/spacing";
-[class^=pb_owner_kit] {
+[class^=pb_person_kit] {
   display: flex;
   align-items: baseline;
-  .pb_owner_first {
+  .pb_person_first {
     margin: 0 ($space_xs - 4px) 0 0;
   }
 }

data/app/pb_kits/playbook/pb_person/docs/_person_default.html.erb ADDED Viewed

	@@ -0,0 +1 @@
1	+ <%= pb_rails("person", props: { first_name: "Kyle", last_name: "Fadigan" }) %>

data/app/pb_kits/playbook/pb_person/docs/_person_default.jsx ADDED Viewed

@@ -0,0 +1,13 @@
+import React from "react"
+import {Person} from "../../"
+function PersonDefault() {
+  return (
+    <Person
+      firstName="Kyle"
+      lastName="Fadigan"
+    />
+  )
+}
+export default PersonDefault;

data/app/pb_kits/playbook/pb_person/docs/example.yml ADDED Viewed

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

data/app/pb_kits/playbook/pb_person/docs/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {default as PersonDefault} from './_person_default.jsx';

data/app/pb_kits/playbook/{pb_owner/owner.rb → pb_person/person.rb} RENAMED Viewed

@@ -1,19 +1,23 @@
 # frozen_string_literal: true
 module Playbook
-  module PbOwner
-    class Owner < Playbook::PbKit::Base
-      PROPS = %i[configured_classname
-                 configured_data
-                 configured_id
-                 configured_first_name
-                 configured_last_name].freeze
+  module PbPerson
+    class Person < Playbook::PbKit::Base
+      PROPS = %i[
+        configured_classname
+        configured_data
+        configured_id
+        configured_first_name
+        configured_last_name
+      ].freeze
-      def initialize(classname: default_configuration,
-                     data: default_configuration,
-                     id: default_configuration,
-                     first_name: default_configuration,
-                     last_name: default_configuration)
+      def initialize(
+          classname: default_configuration,
+          data: default_configuration,
+          id: default_configuration,
+          first_name: default_configuration,
+          last_name: default_configuration
+        )
         self.configured_classname = classname
         self.configured_data = data
         self.configured_id = id
@@ -22,7 +26,7 @@ module Playbook
       end
       def first_name
-        pb_first_name = Playbook::PbBody::Body.new(tag: "span", classname: "pb_owner_first") do
+        pb_first_name = Playbook::PbBody::Body.new(tag: "span", classname: "pb_person_first") do
           default_value(configured_first_name, "")
         end
         ApplicationController.renderer.render(partial: pb_first_name, as: :object)
@@ -36,7 +40,7 @@ module Playbook
       end
       def to_partial_path
-        "pb_owner/owner"
+        "pb_person/person"
       end
     private

data/app/pb_kits/playbook/pb_person_contact/_person_contact.html.erb ADDED Viewed

@@ -0,0 +1,12 @@
+<%= content_tag(:div,
+    id: object.id,
+    data: object.data,
+    class: object.classname("pb_person_contact_kit")) do %>
+    <%= object.name %>
+    <% object.contacts.each do |contact| %>
+      <%= pb_rails("contact", props: {
+        contact_type: contact[:contact_type],
+        contact_value: contact[:contact_value],
+      }) %>
+    <% end %>
+<% end %>

data/app/pb_kits/playbook/pb_person_contact/_person_contact.jsx ADDED Viewed

@@ -0,0 +1,49 @@
+/* @flow */
+/*eslint-disable react/no-multi-comp, flowtype/space-before-type-colon */
+import React from 'react'
+import classnames from 'classnames'
+import {
+  Person,
+  Contact,
+} from '../'
+type PersonContactProps = {
+  className?: String | Array<String>,
+  dark?: Boolean,
+  firstName: String,
+  lastName: String,
+  contacts?: Array<{contactType: String, contactValue: String}>,
+}
+const contactsArray = ({contacts=[]}: PersonContactProps) => {
+  return contacts.map((contactObject, index) => {
+    return (
+      <Contact
+        contactType={contactObject.contactType}
+        contactValue={contactObject.contactValue}
+      />
+    );
+  })
+}
+const PersonContact = ({
+  className,
+  dark=false,
+  firstName,
+  lastName,
+  contacts,
+}: PersonContactProps) => {
+  const contactKits = contactsArray({contacts})
+  return (
+    <div className={classnames('pb_person_contact_kit', className)}>
+      <Person firstName={firstName} lastName={lastName} />
+      {contactKits}
+    </div>
+  )
+}
+export default PersonContact

data/app/pb_kits/playbook/{pb_owner_phone/_owner_phone.scss → pb_person_contact/_person_contact.scss} RENAMED Viewed

@@ -1,8 +1,8 @@
 @import "../tokens/spacing";
-@import "../pb_phone/phone";
-@import "../pb_owner/owner";
+@import "../pb_contact/contact";
+@import "../pb_person/person";
-.pb_owner_phone_kit {
+.pb_person_contact_kit {
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;

data/app/pb_kits/playbook/pb_person_contact/docs/_person_contact_default.html.erb ADDED Viewed

@@ -0,0 +1,21 @@
+<%= pb_rails("person_contact", props: {
+  first_name: "Pauline",
+  last_name: "Smith",
+  contacts: [
+    {
+      contact_type: "email",
+      contact_value: "email@example.com"
+    },
+    {
+      contact_value: 5555555555,
+    },
+    {
+      contact_type: "email",
+      contact_value: "email@example.com",
+    },
+    {
+      contact_type: "work",
+      contact_value: "3245627482",
+    }
+  ]
+}) %>

data/app/pb_kits/playbook/pb_person_contact/docs/_person_contact_default.jsx ADDED Viewed

@@ -0,0 +1,34 @@
+import React from "react"
+import {PersonContact} from "../../"
+function PersonContactDefault() {
+  return (
+    <div>
+      <PersonContact
+        firstName="Pauline"
+        lastName="Smith"
+        contacts={[
+          {
+            contactType: "email",
+            contactValue: "email@example.com"
+          },
+          {
+            contactValue: "5555555555",
+          },
+          {
+            contactType: "email",
+            contactValue: "email@example.com",
+          },
+          {
+            contactType: "work",
+            contactValue: "3245627482",
+          }
+        ]}
+      />
+    </div>
+  )
+}
+export default PersonContactDefault;

data/app/pb_kits/playbook/pb_person_contact/docs/example.yml ADDED Viewed

@@ -0,0 +1,8 @@
+examples:
+  rails:
+  - person_contact_default: Default
+  react:
+  - person_contact_default: Default

data/app/pb_kits/playbook/pb_person_contact/docs/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {default as PersonContactDefault} from './_person_contact_default.jsx';

data/app/pb_kits/playbook/pb_person_contact/person_contact.rb ADDED Viewed

@@ -0,0 +1,55 @@
+# frozen_string_literal: true
+module Playbook
+  module PbPersonContact
+    class PersonContact < Playbook::PbKit::Base
+      PROPS = %i[
+        configured_classname
+        configured_data
+        configured_id
+        configured_first_name
+        configured_last_name
+        configured_contacts
+      ].freeze
+      def initialize(
+        classname: default_configuration,
+        data: default_configuration,
+        id: default_configuration,
+        first_name: default_configuration,
+        last_name: default_configuration,
+        contacts: default_configuration
+       )
+        self.configured_classname = classname
+        self.configured_data = data
+        self.configured_id = id
+        self.configured_first_name = first_name
+        self.configured_last_name = last_name
+        self.configured_contacts = contacts
+      end
+      def name
+        person = Playbook::PbPerson::Person.new(first_name: configured_first_name, last_name: configured_last_name)
+        ApplicationController.renderer.render(partial: person, as: :object)
+      end
+      def contacts
+        configured_contacts if is_set? configured_contacts
+      end
+      def to_partial_path
+        "pb_person_contact/person_contact"
+      end
+    private
+      DEFAULT = Object.new
+      private_constant :DEFAULT
+      def default_configuration
+        DEFAULT
+      end
+      attr_accessor(*PROPS)
+    end
+  end
+end

data/app/pb_kits/playbook/props.rb CHANGED Viewed

@@ -5,21 +5,20 @@ require_relative "./props/base"
 require_relative "./props/boolean"
 require_relative "./props/enum"
 require_relative "./props/hash"
+require_relative "./props/number"
 require_relative "./props/number_array"
 require_relative "./props/string"
+require_relative "./props/proc"
 module Playbook
   module Props
     extend ActiveSupport::Concern
-    attr_reader :block
     def initialize(prop_values, &block)
-      @values = prop_values
+      @values = { children: block }.merge(prop_values)
       self.class.props.each do |key, definition|
         definition.validate! @values[key]
       end
-      @block = block_given? ? block : nil
     end
     def prop(name)
@@ -38,6 +37,7 @@ module Playbook
       prop :data, type: Playbook::Props::Hash, default: {}
       prop :classname
       prop :aria, type: Playbook::Props::Hash, default: {}
+      prop :children, type: Playbook::Props::Proc
     end
     class_methods do

data/app/pb_kits/playbook/props/base.rb CHANGED Viewed

@@ -5,10 +5,11 @@ module Playbook
     class Error < StandardError; end
     class Base
-      attr_reader :default
+      attr_reader :default, :required
-      def initialize(default: nil)
+      def initialize(default: nil, required: false)
         @default = default
+        @required = required
       end
       def value(value)
@@ -16,7 +17,10 @@ module Playbook
       end
       def validate!(input_value)
-        validate(value(input_value)) || raise(Playbook::Props::Error, "Invalid value (#{input_value.inspect}) for prop (#{inspect})")
+        raise(Playbook::Props::Error, "#{inspect} is a required prop and needs to be provided a value") if required && input_value.nil?
+        validate(value(input_value)) ||
+          raise(Playbook::Props::Error, "Invalid value (#{input_value.inspect}) for prop (#{inspect})")
       end
       def validate(_value)

data/app/pb_kits/playbook/props/number.rb ADDED Viewed

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+module Playbook
+  module Props
+    class Number < Playbook::Props::Base
+      def validate(value)
+        value.nil? || value.is_a?(Integer)
+      end
+    end
+  end
+end

data/app/pb_kits/playbook/props/proc.rb ADDED Viewed

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+module Playbook
+  module Props
+    class Proc < Playbook::Props::Base
+      def validate(block)
+        block.nil? || block.respond_to?(:call)
+      end
+    end
+  end
+end