playbook_ui_docs 13.31.0.pre.alpha.PLAY882formpillprimaryandneutral3201 → 13.31.0.pre.alpha.PLAY10863202

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ebfa493a945249f410d5e192987aaf5b1f131a92caa9260dec29847c522531af
-  data.tar.gz: 7835e74638db154a6129813f566e9e388b6bca378317065d13184dc535fc376f
+  metadata.gz: 7205f191019eeab4d66ece29e57fe8ecb11f7308e040bfd033817b1aec1beef4
+  data.tar.gz: 30ba066009c2db180c9627afb83423309ab1f09822647ed78af9c6d3a27ed731
 SHA512:
-  metadata.gz: b5b8c85ab7dd4b74c30ee36ee154ff7aa4587c839c938a346575d207030ca3f3af421e76e37789f0a681c6960ba225880b24ae938ea3e2d032ef0d95b8f75034
-  data.tar.gz: a8d5348f73fca9857ed443e7523332fc4891712b86deeca62b177b3395809429b2250dbc2431b7421627b12710fe73791180db02fc25fa5ef85e8ec4ca442401
+  metadata.gz: 63cc90516f0e211059d31e0a4422f3f26cea56049471393840ae12c758e0721fd6f7e9ffd6cee3937220b8b7b25e7f76d19c8b3d7ef2ef076381cead095a00b9
+  data.tar.gz: b6e1bc1e318370d91981e983977b2c91afa8c11adeda72b1eea1447beb97524c9b0fe4f9b337928bbc75e8acd4200aaa08bb2534cac1791ee65a71455cdc8737

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx

@@ -5,12 +5,12 @@ import TextInput from '../../pb_text_input/_text_input'
 import Title from '../../pb_title/_title'
 
 const TextInputDefault = (props) => {
+  const [firstName, setFirstName] = useState('')
   const handleOnChangeFirstName = ({ target }) => {
     setFirstName(target.value)
   }
   const ref = React.createRef()
 
-  const [firstName, setFirstName] = useState('')
   const [formFields, setFormFields] = useState({
     firstName: 'Jane',
     lastName: 'Doe',

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx

@@ -1,3 +1,5 @@
+/* eslint-disable react/no-multi-comp */
+
 import React, { useState } from 'react'
 
 import {

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx

@@ -14,6 +14,12 @@ import {
   Typeahead,
 } from '../..'
 
+type TypeAheadWithHighlightProps = {
+  data: {
+    name: String,
+  },
+};
+
 const USERS = [
   {
     name: "Wade Winningham",
@@ -37,7 +43,7 @@ const USERS = [
   },
 ];
 
-const TypeaheadWithHighlight = (props) => {
+const TypeaheadWithHighlight = (props: TypeAheadWithHighlightProps) => {
   const [selectedUser, setSelectedUser] = useState()
 
   const formatOptionLabel = ({name, territory, title}, {inputValue}) => {

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.jsx

@@ -47,8 +47,6 @@ const promiseOptions = (inputValue) =>
 
 const TypeaheadWithPillsAsync = (props) => {
   const [users, setUsers] = useState([])
-  const handleOnChange = (value) => setUsers(formatUsers(value))
-  const formatValue = (users) => formatUsers(users)
   const formatUsers = (users) => {
     const results = () => (users.map((user) => {
       if (Object.keys(user)[0] === 'name' || Object.keys(user)[1] === 'id'){
@@ -59,6 +57,8 @@ const TypeaheadWithPillsAsync = (props) => {
     }))
     return results()
   }
+  const handleOnChange = (value) => setUsers(formatUsers(value))
+  const formatValue = (users) => formatUsers(users)
 
   return (
     <>

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_custom_options.jsx

@@ -48,7 +48,7 @@ const promiseOptions = (inputValue) =>
 
 const TypeaheadWithPillsAsyncCustomOptions = (props) => {
   const [users, setUsers] = useState([])
-  const handleOnChange = (value) => setUsers(value)
+  const handleOnChange = (value) => {setUsers(value)}
 
   /**
    *