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

playbook_ui 2.9.2 → 2.9.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

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