playbook_ui 13.12.0.pre.alpha.PLAY1051removinghighchartsdependency1551 → 13.12.0.pre.alpha.PLAY1081exporttypes1608

data/app/pb_kits/playbook/pb_tooltip/_tooltip.d.ts

@@ -0,0 +1,356 @@
+import React from "react";
+import { Placement } from "@floating-ui/react";
+declare const Tooltip: React.ForwardRefExoticComponent<(Pick<{
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string | string[];
+    children: JSX.Element;
+    data?: {
+        [key: string]: string;
+    };
+    delay?: number | Partial<{
+        open: number;
+        close: number;
+    }>;
+    icon?: string;
+    interaction?: boolean;
+    placement?: Placement;
+    position?: "absolute" | "fixed";
+    text: string;
+    showTooltip?: boolean;
+} & {
+    alignContent?: never;
+} & {
+    alignItems?: never;
+} & {
+    alignSelf?: never;
+} & {
+    borderRadius?: "md" | "lg" | "sm" | "xl" | "xs" | "none" | "rounded";
+} & {
+    cursor?: "none" | "progress" | "text" | "auto" | "default" | "pointer" | "alias" | "cell" | "copy" | "crosshair" | "grab" | "grabbing" | "help" | "move" | "wait" | "contextMenu" | "verticalText" | "noDrop" | "notAllowed" | "eResize" | "nResize" | "neResize" | "nwResize" | "sResize" | "seResize" | "swResize" | "wResize" | "ewResize" | "nsResize" | "neswResize" | "nwseResize" | "colResize" | "rowResize" | "allScroll" | "zoomIn" | "zoomOut";
+} & {
+    dark?: boolean;
+} & {
+    display?: import("../types").DisplayType;
+} & import("../types").DisplaySizes & {
+    flex?: "none" | "auto" | "initial" | "1" | "2" | "3" | "4" | "5" | "0" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+} & {
+    flexDirection?: "column" | "row" | "rowReverse" | "columnReverse";
+} & {
+    flexGrow?: 0 | 1;
+} & {
+    flexShrink?: 0 | 1;
+} & {
+    flexWrap?: "wrap" | "nowrap" | "wrapReverse";
+} & {
+    justifyContent?: never;
+} & {
+    justifySelf?: never;
+} & {
+    lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
+} & {
+    marginRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    margin?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    break?: string;
+    default?: string;
+} & {
+    maxWidth?: import("../types").Sizes;
+} & {
+    numberSpacing?: "tabular";
+} & {
+    order?: 2 | "none" | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | "first" | 11 | 12;
+} & {
+    overflowX?: "auto" | "scroll" | "hidden" | "visible";
+    overflowY?: "auto" | "scroll" | "hidden" | "visible";
+    overflow?: "auto" | "scroll" | "hidden" | "visible";
+} & {
+    paddingRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    padding?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    break?: string;
+    default?: string;
+} & {
+    position?: "fixed" | "relative" | "absolute" | "sticky" | "static";
+} & {
+    shadow?: "none" | "deep" | "deeper" | "deepest";
+} & {
+    textAlign?: "center" | "left" | "right" | "start" | "end" | "justify" | "justifyAll" | "matchParent";
+} & {
+    zIndex?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+} & {
+    hover?: string;
+}, string | number> | Pick<{
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string | string[];
+    children: JSX.Element;
+    data?: {
+        [key: string]: string;
+    };
+    delay?: number | Partial<{
+        open: number;
+        close: number;
+    }>;
+    icon?: string;
+    interaction?: boolean;
+    placement?: Placement;
+    position?: "absolute" | "fixed";
+    text: string;
+    showTooltip?: boolean;
+} & {
+    alignContent?: never;
+} & {
+    alignItems?: never;
+} & {
+    alignSelf?: never;
+} & {
+    borderRadius?: "md" | "lg" | "sm" | "xl" | "xs" | "none" | "rounded";
+} & {
+    cursor?: "none" | "progress" | "text" | "auto" | "default" | "pointer" | "alias" | "cell" | "copy" | "crosshair" | "grab" | "grabbing" | "help" | "move" | "wait" | "contextMenu" | "verticalText" | "noDrop" | "notAllowed" | "eResize" | "nResize" | "neResize" | "nwResize" | "sResize" | "seResize" | "swResize" | "wResize" | "ewResize" | "nsResize" | "neswResize" | "nwseResize" | "colResize" | "rowResize" | "allScroll" | "zoomIn" | "zoomOut";
+} & {
+    dark?: boolean;
+} & {
+    display?: import("../types").DisplayType;
+} & import("../types").DisplaySizes & {
+    flex?: "none" | "auto" | "initial" | "1" | "2" | "3" | "4" | "5" | "0" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+} & {
+    flexDirection?: "column" | "row" | "rowReverse" | "columnReverse";
+} & {
+    flexGrow?: 0 | 1;
+} & {
+    flexShrink?: 0 | 1;
+} & {
+    flexWrap?: "wrap" | "nowrap" | "wrapReverse";
+} & {
+    justifyContent?: never;
+} & {
+    justifySelf?: never;
+} & {
+    lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
+} & {
+    marginRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    margin?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    break?: string;
+    default?: string;
+} & {
+    maxWidth?: import("../types").Sizes;
+} & {
+    numberSpacing?: "tabular";
+} & {
+    order?: 2 | "none" | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | "first" | 11 | 12;
+} & {
+    overflowX?: "auto" | "scroll" | "hidden" | "visible";
+    overflowY?: "auto" | "scroll" | "hidden" | "visible";
+    overflow?: "auto" | "scroll" | "hidden" | "visible";
+} & {
+    paddingRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    padding?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    break?: string;
+    default?: string;
+} & {
+    position?: "fixed" | "relative" | "absolute" | "sticky" | "static";
+} & {
+    shadow?: "none" | "deep" | "deeper" | "deepest";
+} & {
+    textAlign?: "center" | "left" | "right" | "start" | "end" | "justify" | "justifyAll" | "matchParent";
+} & {
+    [key: string]: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+} & {
+    hover?: string;
+}, string | number> | Pick<{
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string | string[];
+    children: JSX.Element;
+    data?: {
+        [key: string]: string;
+    };
+    delay?: number | Partial<{
+        open: number;
+        close: number;
+    }>;
+    icon?: string;
+    interaction?: boolean;
+    placement?: Placement;
+    position?: "absolute" | "fixed";
+    text: string;
+    showTooltip?: boolean;
+} & {
+    alignContent?: never;
+} & {
+    alignItems?: never;
+} & {
+    alignSelf?: never;
+} & {
+    borderRadius?: "md" | "lg" | "sm" | "xl" | "xs" | "none" | "rounded";
+} & {
+    cursor?: "none" | "progress" | "text" | "auto" | "default" | "pointer" | "alias" | "cell" | "copy" | "crosshair" | "grab" | "grabbing" | "help" | "move" | "wait" | "contextMenu" | "verticalText" | "noDrop" | "notAllowed" | "eResize" | "nResize" | "neResize" | "nwResize" | "sResize" | "seResize" | "swResize" | "wResize" | "ewResize" | "nsResize" | "neswResize" | "nwseResize" | "colResize" | "rowResize" | "allScroll" | "zoomIn" | "zoomOut";
+} & {
+    dark?: boolean;
+} & import("../types").DisplaySizes & {
+    flex?: "none" | "auto" | "initial" | "1" | "2" | "3" | "4" | "5" | "0" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+} & {
+    flexDirection?: "column" | "row" | "rowReverse" | "columnReverse";
+} & {
+    flexGrow?: 0 | 1;
+} & {
+    flexShrink?: 0 | 1;
+} & {
+    flexWrap?: "wrap" | "nowrap" | "wrapReverse";
+} & {
+    justifyContent?: never;
+} & {
+    justifySelf?: never;
+} & {
+    lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
+} & {
+    marginRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    margin?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    break?: string;
+    default?: string;
+} & {
+    maxWidth?: import("../types").Sizes;
+} & {
+    numberSpacing?: "tabular";
+} & {
+    order?: 2 | "none" | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | "first" | 11 | 12;
+} & {
+    overflowX?: "auto" | "scroll" | "hidden" | "visible";
+    overflowY?: "auto" | "scroll" | "hidden" | "visible";
+    overflow?: "auto" | "scroll" | "hidden" | "visible";
+} & {
+    paddingRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    padding?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    break?: string;
+    default?: string;
+} & {
+    position?: "fixed" | "relative" | "absolute" | "sticky" | "static";
+} & {
+    shadow?: "none" | "deep" | "deeper" | "deepest";
+} & {
+    textAlign?: "center" | "left" | "right" | "start" | "end" | "justify" | "justifyAll" | "matchParent";
+} & {
+    zIndex?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+} & {
+    hover?: string;
+}, string | number> | Pick<{
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string | string[];
+    children: JSX.Element;
+    data?: {
+        [key: string]: string;
+    };
+    delay?: number | Partial<{
+        open: number;
+        close: number;
+    }>;
+    icon?: string;
+    interaction?: boolean;
+    placement?: Placement;
+    position?: "absolute" | "fixed";
+    text: string;
+    showTooltip?: boolean;
+} & {
+    alignContent?: never;
+} & {
+    alignItems?: never;
+} & {
+    alignSelf?: never;
+} & {
+    borderRadius?: "md" | "lg" | "sm" | "xl" | "xs" | "none" | "rounded";
+} & {
+    cursor?: "none" | "progress" | "text" | "auto" | "default" | "pointer" | "alias" | "cell" | "copy" | "crosshair" | "grab" | "grabbing" | "help" | "move" | "wait" | "contextMenu" | "verticalText" | "noDrop" | "notAllowed" | "eResize" | "nResize" | "neResize" | "nwResize" | "sResize" | "seResize" | "swResize" | "wResize" | "ewResize" | "nsResize" | "neswResize" | "nwseResize" | "colResize" | "rowResize" | "allScroll" | "zoomIn" | "zoomOut";
+} & {
+    dark?: boolean;
+} & import("../types").DisplaySizes & {
+    flex?: "none" | "auto" | "initial" | "1" | "2" | "3" | "4" | "5" | "0" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+} & {
+    flexDirection?: "column" | "row" | "rowReverse" | "columnReverse";
+} & {
+    flexGrow?: 0 | 1;
+} & {
+    flexShrink?: 0 | 1;
+} & {
+    flexWrap?: "wrap" | "nowrap" | "wrapReverse";
+} & {
+    justifyContent?: never;
+} & {
+    justifySelf?: never;
+} & {
+    lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
+} & {
+    marginRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    margin?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    break?: string;
+    default?: string;
+} & {
+    maxWidth?: import("../types").Sizes;
+} & {
+    numberSpacing?: "tabular";
+} & {
+    order?: 2 | "none" | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | "first" | 11 | 12;
+} & {
+    overflowX?: "auto" | "scroll" | "hidden" | "visible";
+    overflowY?: "auto" | "scroll" | "hidden" | "visible";
+    overflow?: "auto" | "scroll" | "hidden" | "visible";
+} & {
+    paddingRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    padding?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    break?: string;
+    default?: string;
+} & {
+    position?: "fixed" | "relative" | "absolute" | "sticky" | "static";
+} & {
+    shadow?: "none" | "deep" | "deeper" | "deepest";
+} & {
+    textAlign?: "center" | "left" | "right" | "start" | "end" | "justify" | "justifyAll" | "matchParent";
+} & {
+    [key: string]: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+} & {
+    hover?: string;
+}, string | number>) & React.RefAttributes<unknown>>;
+export default Tooltip;

data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.d.ts

@@ -0,0 +1,27 @@
+declare type TreemapChartProps = {
+    chartData: {
+        name: string;
+        parent?: string | number;
+        value: number;
+        color?: string;
+        id?: string | number;
+    }[];
+    className?: string;
+    colors: string[];
+    dark?: boolean;
+    drillable: boolean;
+    grouped: boolean;
+    height?: string;
+    id: number | string;
+    title?: string;
+    tooltipHtml: string;
+    type?: string;
+    aria?: {
+        [key: string]: string;
+    };
+    data?: {
+        [key: string]: string;
+    };
+};
+declare const TreemapChart: ({ aria, data, chartData, colors, dark, drillable, grouped, height, id, title, tooltipHtml, type, ...props }: TreemapChartProps) => JSX.Element;
+export default TreemapChart;

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

@@ -5,6 +5,7 @@ import { globalProps } from "../utilities/globalProps";
 import { buildAriaProps, buildDataProps } from "../utilities/props";
 
 import HighchartsReact from "highcharts-react-official";
+import Highcharts from "highcharts";
 import { highchartsTheme } from "../pb_dashboard/pbChartsLightTheme";
 import { highchartsDarkTheme } from "../pb_dashboard/pbChartsDarkTheme";
 import mapColors from "../pb_dashboard/pbChartsColorsHelper";
@@ -12,24 +13,24 @@ import treemap from 'highcharts/modules/treemap'
 
 type TreemapChartProps = {
   chartData: {
-    name: string,
-    parent?: string | number,
-    value: number,
-    color?: string,
-    id?: string | number,
-  }[],
-  className?: string,
-  colors: string[],
-  dark?: boolean,
-  drillable: boolean,
-  grouped: boolean,
-  height?: string,
-  id: number | string,
-  title?: string,
-  tooltipHtml: string,
-  type?: string,
-  aria?: { [key: string]: string },
-  data?: { [key: string]: string },
+    name: string;
+    parent?: string | number;
+    value: number;
+    color?: string;
+    id?: string | number;
+  }[];
+  className?: string;
+  colors: string[];
+  dark?: boolean;
+  drillable: boolean;
+  grouped: boolean;
+  height?: string;
+  id: number | string;
+  title?: string;
+  tooltipHtml: string;
+  type?: string;
+  aria?: { [key: string]: string };
+  data?: { [key: string]: string };
 };
 
 const TreemapChart = ({
@@ -49,6 +50,13 @@ const TreemapChart = ({
 }: TreemapChartProps) => {
   const ariaProps = buildAriaProps(aria);
   const dataProps = buildDataProps(data);
+  const setupTheme = () => {
+    dark
+      ? Highcharts.setOptions(highchartsDarkTheme)
+      : Highcharts.setOptions(highchartsTheme);
+  };  
+  treemap(Highcharts)
+  setupTheme();  
 
   const staticOptions = {
     title: {
@@ -80,26 +88,13 @@ const TreemapChart = ({
   };
 
   const [options, setOptions] = useState({});
-  const [isHighchartsLoaded, setIsHighchartsLoaded] = useState(false);
 
   useEffect(() => {
+    
     setOptions({ ...staticOptions });
-
-    const interval = setInterval(() => {
-      if (window.Highcharts) {
-        clearInterval(interval)
-        dark
-          ? window.Highcharts.setOptions(highchartsDarkTheme)
-          : window.Highcharts.setOptions(highchartsTheme)
-        
-        treemap(window.Highcharts)
-        setIsHighchartsLoaded(true)
-      }
-    }, 0)
   }, [chartData]);
 
   return (
-    isHighchartsLoaded &&
     <HighchartsReact
       containerProps={{
         className: classnames(globalProps(props), "pb_treemap_chart"),
@@ -107,7 +102,7 @@ const TreemapChart = ({
         ...ariaProps,
         ...dataProps,
       }}
-      highcharts={window.Highcharts}
+      highcharts={Highcharts}
       options={options}
     />
   );

data/app/pb_kits/playbook/pb_typeahead/_typeahead.d.ts

@@ -0,0 +1,35 @@
+import { Noop } from '../types';
+/**
+ * @typedef {object} Props
+ * @prop {boolean} async - whether Typeahead should fetch data from
+ * a remote location to populate the options
+ * @prop {string} label - the text for the optional typeahead input label
+ */
+declare type TypeaheadProps = {
+    async?: boolean;
+    className?: string;
+    components?: object;
+    createable?: boolean;
+    dark?: boolean;
+    data?: {
+        [key: string]: string;
+    };
+    error?: string;
+    id?: string;
+    label?: string;
+    loadOptions?: string | Noop;
+    getOptionLabel?: string | (() => any);
+    getOptionValue?: string | (() => any);
+    name?: string;
+};
+export declare type SelectValueType = {
+    label: string;
+    value: string;
+    imageUrl?: string;
+};
+/**
+ * @constant {React.ReactComponent} Typeahead
+ * @param {TypeaheadProps} props - props as described at https://react-select.com/props
+ */
+declare const Typeahead: ({ async, className, components, createable, error, data, getOptionLabel, getOptionValue, id, loadOptions, ...props }: TypeaheadProps) => JSX.Element;
+export default Typeahead;

data/app/pb_kits/playbook/pb_typeahead/components/ClearIndicator.d.ts

@@ -0,0 +1,2 @@
+declare const ClearContainer: (props: any) => JSX.Element;
+export default ClearContainer;

data/app/pb_kits/playbook/pb_typeahead/components/Control.d.ts

@@ -0,0 +1,5 @@
+declare type Props = {
+    selectProps: any;
+};
+declare const TypeaheadControl: (props: Props) => JSX.Element;
+export default TypeaheadControl;

data/app/pb_kits/playbook/pb_typeahead/components/IndicatorsContainer.d.ts

@@ -0,0 +1,2 @@
+declare const IndicatorsContainer: (props: any) => JSX.Element;
+export default IndicatorsContainer;

data/app/pb_kits/playbook/pb_typeahead/components/MenuList.d.ts

@@ -0,0 +1,2 @@
+declare const MenuList: (props: any) => JSX.Element;
+export default MenuList;

data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.d.ts

@@ -0,0 +1,9 @@
+import { SelectValueType } from '../_typeahead';
+declare type Props = {
+    data: SelectValueType;
+    multiValueTemplate: any;
+    removeProps: any;
+    selectProps: any;
+};
+declare const MultiValue: (props: Props) => JSX.Element;
+export default MultiValue;

data/app/pb_kits/playbook/pb_typeahead/components/Option.d.ts

@@ -0,0 +1,2 @@
+declare const Option: (props: any) => JSX.Element;
+export default Option;

data/app/pb_kits/playbook/pb_typeahead/components/Placeholder.d.ts

@@ -0,0 +1,2 @@
+declare const Placeholder: (props: any) => JSX.Element;
+export default Placeholder;

data/app/pb_kits/playbook/pb_typeahead/components/ValueContainer.d.ts

@@ -0,0 +1,2 @@
+declare const ValueContainer: (props: any) => JSX.Element;
+export default ValueContainer;

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

@@ -0,0 +1,39 @@
+import PbEnhancedElement from '../pb_enhanced_element';
+export default class PbTypeahead extends PbEnhancedElement {
+    _searchInput: HTMLInputElement;
+    _resultsElement: HTMLElement;
+    _debouncedSearch: Function;
+    _resultsLoadingIndicator: HTMLElement;
+    _resultOptionTemplate: HTMLElement;
+    _resultsOptionCache: Map<string, Array<DocumentFragment>>;
+    _searchContext: string;
+    static get selector(): string;
+    connect(): void;
+    handleKeydown(event: KeyboardEvent): void;
+    search(): void;
+    resultsCacheUpdate(searchTerm: string, searchContext: string, results: Array<DocumentFragment>): void;
+    resultsCacheClear(): void;
+    get debouncedSearch(): any;
+    showResults(): void;
+    optionSelected(event: MouseEvent): void;
+    clearResults(): void;
+    newResultOption(content: DocumentFragment): Element;
+    focusPreviousOption(): void;
+    focusNextOption(): void;
+    get resultOptionItems(): Element[];
+    get currentSelectedResultOptionItem(): Element;
+    get searchInput(): HTMLInputElement;
+    get searchTerm(): string;
+    get searchContext(): string;
+    set searchContext(value: string);
+    get searchTermAndContext(): string;
+    cacheKeyFor(searchTerm: string, searchContext: string): string;
+    searchInputClear(): void;
+    get searchTermMinimumLength(): string;
+    get searchDebounceTimeout(): string;
+    get resultsElement(): HTMLElement;
+    get resultOptionTemplate(): HTMLElement;
+    get resultsOptionCache(): Map<any, any>;
+    get resultsLoadingIndicator(): HTMLElement;
+    toggleResultsLoadingIndicator(visible: boolean): void;
+}

data/app/pb_kits/playbook/pb_user/_user.d.ts

@@ -0,0 +1,23 @@
+import { GlobalProps } from '../utilities/globalProps';
+declare type UserProps = {
+    align?: "left" | "center" | "right";
+    aria?: {
+        [key: string]: string;
+    };
+    avatar?: boolean;
+    avatarUrl?: string;
+    className?: string;
+    dark?: boolean;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    name?: string;
+    orientation?: "horizontal" | "vertical";
+    size?: "sm" | "md" | "lg";
+    subtitle?: string | Array<Node> | Node;
+    territory?: string;
+    title?: string;
+} & GlobalProps;
+declare const User: (props: UserProps) => JSX.Element;
+export default User;

data/app/pb_kits/playbook/pb_user_badge/_user_badge.d.ts

@@ -0,0 +1,14 @@
+declare type UserBadgeProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    badge?: "million-dollar" | "veteran";
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    size?: "sm" | "md" | "lg";
+};
+declare const UserBadge: (props: UserBadgeProps) => JSX.Element;
+export default UserBadge;

data/app/pb_kits/playbook/pb_user_badge/badges/million-dollar.d.ts

@@ -0,0 +1,2 @@
+declare const MillionDollar: () => JSX.Element;
+export default MillionDollar;

data/app/pb_kits/playbook/pb_user_badge/badges/veteran.d.ts

@@ -0,0 +1,2 @@
+declare const Veteran: () => JSX.Element;
+export default Veteran;