playbook_ui 13.12.0.pre.alpha.PLAY1081exporttypes1609 → 13.12.0.pre.alpha.PLAY1081exporttypes1623

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 61fc6d0bff811a2a4c8f69ad42b6bb7cb19f63c1ae6f4d2381f0f9f37566f9ac
-  data.tar.gz: 350186aac935fd297ee648695f792c6a9376fc5f383b7c44875a47ee9547c9ac
+  metadata.gz: 46f33433ea278c19c482396ece3bdf6223f52238fc93599d3a159f0e6b939fb6
+  data.tar.gz: 4beab24697d7a3fde3dd074f3a2489da322d74ea22fea2ed1a59f7d154cf6c58
 SHA512:
-  metadata.gz: 0d77e3f852cd5ee78ead150667b5086112bc2f06d918d1bcdb8aba93ffa5f3058ce1252b02931bad9dac39c02b1692e803d7f0958fc7fe8b6c8eea1629a62ca3
-  data.tar.gz: 7f79ffa699b946af5bb315d21b9577dd493e3db9c39a3805327be1b2aa79e5e5af7d1289885f5780eaaddafdcf26c6420de44c7ffccf6e3f85932eb356561042
+  metadata.gz: 688b18356ad96e519478c0cafbbf763b6bd4190ceb6e94c7fa5cc79d1585a9949cde2a357dd03d33d71f31336833c4e9927447204a926993b1470e8edb886976
+  data.tar.gz: 3bfcaa4c2d0610a062cd947a181c9193e3f6e32db6eb1a29460b8350daeedfb3717d9f4ead430f0d170a12890b38aa843d997229f224d827b905d387cf8a86c1

data/app/pb_kits/playbook/index.js

@@ -130,4 +130,7 @@ export { default as dialogHelper } from './pb_dialog/dialogHelper'
 
 //Theming
 export {default as mapTheme} from './pb_map/pbMapTheme'
-export {default as useCollapsible} from './pb_collapsible/useCollapsible'
+export {default as useCollapsible} from './pb_collapsible/useCollapsible'
+
+// Types
+export * from './types/colors'

data/app/pb_kits/playbook/pb_card/_card.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable react/no-multi-comp */
 
-import React from 'react'
+import React, { ReactNode } from 'react'
 import { get } from 'lodash'
 import classnames from 'classnames'
 
@@ -104,7 +104,7 @@ const Card = (props: CardPropTypes) => {
     })
   }
 
-  const nonHeaderChildren = cardChildren.filter((child: Node) => (get(child, 'type.displayName') !== 'Header'))
+  const nonHeaderChildren = cardChildren.filter((child: ReactNode) => (get(child, 'type.displayName') !== 'Header'))
 
   const tagOptions = ['div', 'section', 'footer', 'header', 'article', 'aside', 'main', 'nav']
   const Tag = tagOptions.includes(tag) ? tag : 'div'

data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from "react";
+/* eslint-disable */
+import React, { useEffect, useState, ReactNode } from "react";
 import classnames from "classnames";
 import HighchartsReact from "highcharts-react-official";
 import highchartsMore from "highcharts/highcharts-more";
@@ -15,11 +16,11 @@ type CircleChartProps = {
   align?: "left" | "right" | "center";
   aria: { [key: string]: string };
   chartData?: [];
-  children?: Node;
+  children?: ReactNode;
   className?: string;
   colors?: string[];
-  dark?: Boolean;
-  data?: Object;
+  dark?: boolean;
+  data?: unknown;
   dataLabelHtml?: string;
   dataLabels?: boolean;
   height?: string;

data/app/pb_kits/playbook/pb_file_upload/_file_upload.tsx

@@ -36,7 +36,7 @@ const FileUpload = (props: FileUploadProps): React.ReactElement => {
     onFilesRejected = noop,
   } = props
 
-  const onDrop = useCallback((files) => {
+  const onDrop = useCallback((files: any) => {
     onFilesAccepted(files)
   }, [onFilesAccepted])
 

data/app/pb_kits/playbook/pb_form_group/_form_group.tsx

@@ -1,13 +1,13 @@
-import React from 'react'
+import React, { ReactNode } from 'react'
 import classnames from 'classnames'
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
 import { globalProps } from '../utilities/globalProps'
 
 type FormGroupProps = {
   aria?: {[key: string]: string},
-  children?: Node,
+  children?: ReactNode,
   className?: string,
-  data?: object,
+  data?: unknown,
   fullWidth?: boolean,
   id?: string,
 }

data/app/pb_kits/playbook/pb_passphrase/_passphrase.tsx

@@ -1,5 +1,5 @@
 /* @flow */
-
+/* eslint-disable */
 import React, { useCallback, useMemo, useState } from "react"
 import classnames from "classnames"
 
@@ -52,7 +52,7 @@ const Passphrase = (props: PassphraseProps) => {
   const [showPassphrase, setShowPassphrase] = useState(false)
 
   const handleChange = useCallback(
-    (e) => (uncontrolled ? setUncontrolledValue(e.target.value) : onChange(e)),
+    (e: any) => (uncontrolled ? setUncontrolledValue(e.target.value) : onChange(e)),
     [uncontrolled, onChange]
   )
 

data/app/pb_kits/playbook/pb_select/_select.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React, { forwardRef } from 'react'
 import classnames from 'classnames'
 
@@ -85,7 +86,7 @@ const Select = ({
   )
 
   const selectWrapperClass = classnames(buildCss('pb_select_kit_wrapper'), { error }, className)
-  const selectBody =(() =>{
+  const selectBody: any =(() =>{
     if (children) return children
     return (
       <select

data/app/pb_kits/playbook/pb_selectable_list/_item.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React, { useState } from "react";
 import classnames from "classnames";
 
@@ -96,9 +97,7 @@ const SelectableListItem = ({
             {children}
           </>
         )}
-        {variant !== "checkbox" && variant !== "radio" && (
-          { children }
-        )}
+        { variant !== "checkbox" && variant !== "radio" && children }
       </div>
     </ListItem>
   );

data/app/pb_kits/playbook/pb_text_input/_text_input.tsx

@@ -127,7 +127,7 @@ const TextInput = (props: TextInputProps, ref: React.LegacyRef<HTMLInputElement>
     </React.Fragment>
   )
 
-  const render = (() => {
+  const render: any = (() => {
     if(children) return children
     if (shouldShowAddOn) return addOnInput