playbook_ui 11.2.3 → 11.2.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 82d64d3a520c7686c11f94af071b4e8b4468b8d8d87f577dec65aba9a4f2fb7e
-  data.tar.gz: 99c685c816a9c1a98d31396432efdea39b6326457fe735329c6fcce13edb3341
+  metadata.gz: bd92a1775a844fd8f606c1acd266c5ce645b45dd625195efdcd6a416ed8b5fa7
+  data.tar.gz: 3f27c1389870c46b76d5032b0c06480899095c920ed61d80c331d2f35de9e6fe
 SHA512:
-  metadata.gz: 6c7851307f9349a1ced3fdfe99007dfab302f5e1a9f382c12adba66dd9fef6aa44b4d4797e5e7ec69f78912f21bb5b0908cef85a14f8fc36205a2124adb2c36a
-  data.tar.gz: 943a1cf45bb44e0916fd5e557fc12ed7595c99bb18a99e2724ed3da68cd9eccee27e2a5b17f17c43e2c66158f5d6071280376f756fdb3fd1b9dec7ea30fedf26
+  metadata.gz: 53d6e1bb4c838f0f36a5e53f96c85756f2514c4fa27038f4e3d8f462cc5d7106c9252ee0614d47a5e47f4b68ee3ee22c2bf2c3d72e95d3ccb76d4c021167fba9
+  data.tar.gz: ecef6c648cd16239a594e8f6df5a6cd45699362beb921fb71a42c349b44e2d387327aef0337e89ee11a1b826c40abaacafadd9580bdaf47d5b921f551e9b7284

data/app/pb_kits/playbook/pb_contact/{_contact.jsx → _contact.tsx}

@@ -1,5 +1,3 @@
-/* @flow */
-
 import React from 'react'
 import classnames from 'classnames'
 
@@ -10,7 +8,7 @@ import Body from '../pb_body/_body'
 import Caption from '../pb_caption/_caption'
 import Icon from '../pb_icon/_icon'
 
-const contactTypeMap = {
+const contactTypeMap: { [key: string]: string; } = {
   'cell': 'mobile',
   'email': 'envelope',
   'home': 'phone',
@@ -20,14 +18,17 @@ const contactTypeMap = {
   'extension': 'phone-plus',
 }
 
-const formatContact = (contactString, contactType) => {
+const formatContact = (contactString: string, contactType: string) => {
   if (contactType == 'email') return contactString
+
   const cleaned = contactString.replace(/\D/g, '')
+  const phoneNumber = cleaned.match(/^(1|)?(\d{3})(\d{3})(\d{4})$/)
+
   if(contactType == 'extension') {
     return cleaned.match(/^\d{4}$/)
   }
-  if (contactType !== 'email') {
-    const phoneNumber = cleaned.match(/^(1|)?(\d{3})(\d{3})(\d{4})$/)
+
+  if (phoneNumber) {
     const intlCode = phoneNumber[1] ? '+1 ' : ''
     return [
       intlCode,
@@ -39,12 +40,13 @@ const formatContact = (contactString, contactType) => {
       phoneNumber[4],
     ].join('')
   }
+  
   return null
 }
 
 type ContactProps = {
-  aria?: object,
-  className?: string | array<string>,
+  aria?: { [key: string]: string; },
+  className?: string | string[],
   contactDetail?: string,
   contactType?: string,
   contactValue: string,
@@ -85,16 +87,17 @@ const Contact = (props: ContactProps) => {
             icon={contactTypeMap[contactType] || 'phone'}
         />
         {` ${formatContact(contactValue, contactType)} `}
-        <If condition={contactDetail}>
+        {
+          contactDetail &&
           <Caption
               size="xs"
               tag="span"
               text={contactDetail}
           />
-        </If>
+        }
       </Body>
     </div>
   )
 }
 
-export default Contact
+export default Contact

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "11.2.2"
-  VERSION = "11.2.3"
+  PREVIOUS_VERSION = "11.2.4"
+  VERSION = "11.2.5"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 11.2.3
+  version: 11.2.5
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-08-04 00:00:00.000000000 Z
+date: 2022-08-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -584,8 +584,8 @@ files:
 - app/pb_kits/playbook/pb_collapsible/docs/example.yml
 - app/pb_kits/playbook/pb_collapsible/docs/index.js
 - app/pb_kits/playbook/pb_collapsible/index.js
-- app/pb_kits/playbook/pb_contact/_contact.jsx
 - app/pb_kits/playbook/pb_contact/_contact.scss
+- app/pb_kits/playbook/pb_contact/_contact.tsx
 - app/pb_kits/playbook/pb_contact/contact.html.erb
 - app/pb_kits/playbook/pb_contact/contact.rb
 - app/pb_kits/playbook/pb_contact/contact.test.js