playbook_ui 13.31.0.pre.alpha.PLAY10863202 → 13.31.0.pre.alpha.PLAY10863204

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 38a78ffb832c26d9b4a513f4c0885a1b7c1eed316bc0e93a5796ad4dd114cb37
-  data.tar.gz: dae46521d8c237a8f63a2629248660050e4af8690ce28d5bc9c42b1d3be8f6ef
+  metadata.gz: eb0b0eeaa6db40584611bedb1796a2f95dbf7693f4cce865be1ed5c87d1d8819
+  data.tar.gz: 3617a015115e540c14349aa3c5b0e741edb566e8ce5bcd72803f255e7e4f6beb
 SHA512:
-  metadata.gz: 5e83fa306341be3e71ebeac1469c66ede7baa1aff2f0327850249460e83ca9176fa69f13f5f40131006dfb7e819181039776ff7ad7bdbf1553c0f4c15e00d258
-  data.tar.gz: 6394ff34da19c883d673e67cf2dd62550cc65003c8629658995bbb21497b0fd95f497905f89742bdb2cb1c333e7a2de09e6a3b4c2a3aa4bb4fa6e77cbcdbd031
+  metadata.gz: 895e69139eb0eb62e0037cbc89ff412c748d2f2154a0433a86318df38f526b3036e6643b390ba58772d9d06447297b80d52b64753706db6156e7a28454e3d782
+  data.tar.gz: '0093caf11bc2960351ae3045e2db58cacbf46352d5062d0abdc0112e29b5520ebfdef2d534f6d3158a91a4ed42852885549eb71b53014d4fcf8cf6f169b8e2bd'

data/app/pb_kits/playbook/pb_title/_title.tsx

@@ -62,8 +62,7 @@ const Title = (props: TitleProps): React.ReactElement => {
     buildResponsiveSizeCss(),
     className
   )
-  // eslint-disable-next-line jsx-control-statements/jsx-jcs-no-undef
-  const Tag: keyof JSX.IntrinsicElements = `${tag}`
+  const Tag: React.ReactElement | any = `${tag}`
 
   return (
     <Tag

data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx

@@ -20,7 +20,7 @@ import Flex from "../pb_flex/_flex"
 type TooltipProps = {
   aria?: { [key: string]: string },
   className?: string | string[],
-  children: React.ReactNode,
+  children: JSX.Element,
   data?: { [key: string]: string },
   delay?: number | Partial<{open: number; close: number}>,
   htmlOptions?: {[key: string]: string | number | boolean | (() => void)},

data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx

@@ -95,10 +95,10 @@ const TreemapChart = ({
     },
   };
 
-  const [options, setOptions] = useState(() => merge(staticOptions, customOptions));
+  const [options, setOptions] = useState({});
 
   useEffect(() => {
-    setOptions(prevOptions => merge(prevOptions, { series: [{ data: chartData }] }));
+    setOptions(merge(staticOptions, customOptions));
   }, [chartData]);
 
   return (

data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx

@@ -104,8 +104,7 @@ const Typeahead = ({
     multiKit: '',
     onCreateOption: null as null,
     plusIcon: false,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    onMultiValueClick: (_option: SelectValueType): void => undefined,
+    onMultiValueClick: (_option: SelectValueType): any => undefined,
     ...props,
   }
 

data/app/pb_kits/playbook/pb_typeahead/components/ClearIndicator.tsx

@@ -1,19 +1,11 @@
 import React, { useEffect } from 'react'
 import { components } from 'react-select'
 
-type ClearContainerProps = {
-  children: React.ReactNode,
-  selectProps?: {
-    id: string,
-  },
-  clearValue: () => void,
-}
-
-const ClearContainer = (props: ClearContainerProps): React.ReactElement => {
+const ClearContainer = (props: any): React.ReactElement => {
   const { selectProps, clearValue } = props
   useEffect(() => {
     document.addEventListener(`pb-typeahead-kit-${selectProps.id}:clear`, clearValue)
-  }, [clearValue, selectProps.id])
+  }, [])
 
   return (
     <components.ClearIndicator

data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx

@@ -7,14 +7,8 @@ import { SelectValueType } from '../_typeahead'
 
 type Props = {
   data: SelectValueType,
-  removeProps?: {
-    onClick?: React.MouseEventHandler<HTMLSpanElement>,
-    onMouseDown?: React.MouseEventHandler<HTMLSpanElement>,
-    onTouchEnd?: React.TouchEventHandler<HTMLSpanElement>,
-  },
-  selectProps: {
-    multiKit?: string,
-  },
+  removeProps: any,
+  selectProps: any,
 }
 
 const MultiValue = (props: Props): React.ReactElement => {

data/app/pb_kits/playbook/pb_typeahead/components/Option.tsx

@@ -3,22 +3,7 @@ import { components } from 'react-select'
 
 import User from '../../pb_user/_user'
 
-type OptionProps = {
-  children: React.ReactNode,
-  label?: string,
-  data: {
-    imageUrl?: string,
-  },
-  selectProps: {
-    dark?: boolean,
-    valueComponent?: (data: {
-      imageUrl?: string,
-    }) => React.ReactNode,
-  },
-}
-
-
-const Option = (props: OptionProps): React.ReactElement => {
+const Option = (props: any): React.ReactElement => {
   const {
     imageUrl,
   } = props.data

data/app/pb_kits/playbook/pb_typeahead/components/Placeholder.tsx

@@ -4,14 +4,7 @@ import { components } from 'react-select'
 import Flex from '../../pb_flex/_flex'
 import Icon from '../../pb_icon/_icon'
 
-type PlaceholderProps = {
-  children: React.ReactNode,
-  selectProps: {
-    plusIcon?: boolean,
-  },
-}
-
-const Placeholder = (props: PlaceholderProps): React.ReactElement => (
+const Placeholder = (props: any): React.ReactElement => (
   <>
     <Flex
         align="center"

data/app/pb_kits/playbook/pb_typeahead/components/ValueContainer.tsx

@@ -1,11 +1,7 @@
 import React from 'react'
 import { components } from 'react-select'
 
-type ValueContainerProps = {
-  children: React.ReactNode,
-}
-
-const ValueContainer = (props: ValueContainerProps): React.ReactElement => (
+const ValueContainer = (props: any): React.ReactElement => (
   <components.ValueContainer
       className="text_input_value_container"
       {...props}

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

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

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)
 
   /**
    *

data/app/pb_kits/playbook/pb_typeahead/index.ts

@@ -97,7 +97,7 @@ export default class PbTypeahead extends PbEnhancedElement {
     this.resultsElement.innerHTML = ''
   }
 
-  newResultOption(content: DocumentFragment | Node): Element {
+  newResultOption(content: DocumentFragment) {
     const resultOption = (this.resultOptionTemplate as HTMLTemplateElement).content.cloneNode(true) as Element
     resultOption.querySelector('slot[name="content"]').replaceWith(content)
     return resultOption
@@ -186,7 +186,7 @@ export default class PbTypeahead extends PbEnhancedElement {
     )
   }
 
-  get resultsOptionCache(): Map<string, Array<DocumentFragment>> {
+  get resultsOptionCache() {
     return this._resultsOptionCache = (
       this._resultsOptionCache ||
       new Map