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

data/app/pb_kits/playbook/pb_icon/_icon.d.ts

@@ -0,0 +1,29 @@
+import { GlobalProps } from '../utilities/globalProps';
+export declare type IconSizes = "lg" | "xs" | "sm" | "1x" | "2x" | "3x" | "4x" | "5x" | "6x" | "7x" | "8x" | "9x" | "10x" | "";
+declare type IconProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    border?: string;
+    className?: string;
+    customIcon?: {
+        [key: string]: SVGElement;
+    };
+    data?: {
+        [key: string]: string;
+    };
+    fixedWidth?: boolean;
+    flip?: "horizontal" | "vertical" | "both" | "none";
+    icon: string;
+    id?: string;
+    inverse?: boolean;
+    listItem?: boolean;
+    pull?: "left" | "right" | "none";
+    pulse?: boolean;
+    rotation?: 90 | 180 | 270;
+    size?: IconSizes;
+    fontStyle?: 'far' | 'fas' | 'fab' | 'fak';
+    spin?: boolean;
+} & GlobalProps;
+declare const Icon: (props: IconProps) => JSX.Element;
+export default Icon;

data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.d.ts

@@ -0,0 +1,16 @@
+declare type IconCircleProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    dark?: boolean;
+    data?: {
+        [key: string]: string;
+    };
+    icon: string;
+    id?: string;
+    size?: "base" | "xs" | "sm" | "md" | "lg" | "xl";
+    variant?: "default" | "royal" | "blue" | "purple" | "teal" | "red" | "yellow" | "orange" | "green";
+};
+declare const IconCircle: (props: IconCircleProps) => JSX.Element;
+export default IconCircle;

data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.d.ts

@@ -0,0 +1,18 @@
+declare type IconStatValueProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    data?: object;
+    dark?: boolean;
+    icon: string;
+    id?: string;
+    orientation?: "vertical" | "horizontal";
+    size?: "sm" | "md" | "lg";
+    text?: string;
+    unit?: string;
+    value: number;
+    variant?: "default" | "royal" | "blue" | "purple" | "teal" | "red" | "yellow" | "orange" | "green";
+};
+declare const IconStatValue: (props: IconStatValueProps) => JSX.Element;
+export default IconStatValue;

data/app/pb_kits/playbook/pb_icon_value/_icon_value.d.ts

@@ -0,0 +1,14 @@
+declare type IconValueProps = {
+    align?: "left" | "center" | "right";
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    dark?: boolean;
+    data?: object;
+    icon: string;
+    id?: string;
+    text: string;
+};
+declare const IconValue: (props: IconValueProps) => JSX.Element;
+export default IconValue;

data/app/pb_kits/playbook/pb_image/_image.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { GlobalProps } from '../utilities/globalProps';
+declare type ImageType = {
+    alt?: string;
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    onError?: () => void;
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    rounded?: boolean;
+    transition?: "blur" | "fade" | "scale";
+    url?: string;
+} & GlobalProps;
+declare const Image: (props: ImageType) => React.ReactElement;
+export default Image;

data/app/pb_kits/playbook/pb_kit/dateTime.d.ts

@@ -0,0 +1,67 @@
+export declare const toMinute: (newDate: Date | string, timeZone?: string) => string;
+export declare const toHour: (newDate: Date | string, timeZone?: string) => string;
+export declare const toDay: (newDate: Date | string, timeZone?: string) => number;
+export declare const toDayAbbr: (newDate: Date | string) => string;
+export declare const toWeekday: (newDate: Date | string) => string;
+export declare const toMonth: (newDate: Date | string, timeZone?: string) => string;
+export declare const toMonthNum: (newDate: Date | string) => number;
+export declare const toYear: (newDate: Date | string, timeZone?: string) => number;
+export declare const toTime: (newDate: Date | string, timeZone?: string) => string;
+export declare const toMeridiem: (newDate: Date | string, timeZone?: string) => string;
+export declare const toTimeZone: (newDate: Date | string, timeZone?: string) => string;
+export declare const toTimeWithMeridiem: (newDate: Date | string, timeZone: string) => string;
+export declare const toIso: (newDate: Date | string) => string;
+export declare const fromNow: (newDate: Date | string) => string;
+export declare const toCustomFormat: (newDate: Date | string, format?: string) => string;
+export declare const getYesterdayDate: (newDate: Date | string) => Date;
+export declare const getFirstDayOfWeek: (newDate: Date | string) => Date;
+export declare const getLastDayOfWeek: (newDate: Date | string) => Date;
+export declare const getPreviousWeekStartDate: (newDate: Date | string) => Date;
+export declare const getPreviousWeekEndDate: (newDate: Date | string) => Date;
+export declare const getMonthStartDate: (newDate: Date | string) => Date;
+export declare const getMonthEndDate: (newDate: Date | string) => Date;
+export declare const getPreviousMonthStartDate: (newDate: Date | string) => Date;
+export declare const getPreviousMonthEndDate: (newDate: Date | string) => Date;
+export declare const getQuarterStartDate: (newDate: Date | string) => Date;
+export declare const getQuarterEndDate: (newDate: Date | string) => Date;
+export declare const getPreviousQuarterStartDate: (newDate: Date | string) => Date;
+export declare const getPreviousQuarterEndDate: (newDate: Date | string) => Date;
+export declare const getYearStartDate: (newDate: Date | string) => Date;
+export declare const getYearEndDate: (newDate: Date | string) => Date;
+export declare const getPreviousYearStartDate: (newDate: Date | string) => Date;
+export declare const getPreviousYearEndDate: (newDate: Date | string) => Date;
+declare const _default: {
+    toMinute: (newDate: string | Date, timeZone?: string) => string;
+    toHour: (newDate: string | Date, timeZone?: string) => string;
+    toDay: (newDate: string | Date, timeZone?: string) => number;
+    toDayAbbr: (newDate: string | Date) => string;
+    toWeekday: (newDate: string | Date) => string;
+    toMonth: (newDate: string | Date, timeZone?: string) => string;
+    toMonthNum: (newDate: string | Date) => number;
+    toYear: (newDate: string | Date, timeZone?: string) => number;
+    toTime: (newDate: string | Date, timeZone?: string) => string;
+    toMeridiem: (newDate: string | Date, timeZone?: string) => string;
+    toTimeZone: (newDate: string | Date, timeZone?: string) => string;
+    toTimeWithMeridiem: (newDate: string | Date, timeZone: string) => string;
+    toIso: (newDate: string | Date) => string;
+    fromNow: (newDate: string | Date) => string;
+    toCustomFormat: (newDate: string | Date, format?: string) => string;
+    getYesterdayDate: (newDate: string | Date) => Date;
+    getFirstDayOfWeek: (newDate: string | Date) => Date;
+    getLastDayOfWeek: (newDate: string | Date) => Date;
+    getPreviousWeekStartDate: (newDate: string | Date) => Date;
+    getPreviousWeekEndDate: (newDate: string | Date) => Date;
+    getMonthStartDate: (newDate: string | Date) => Date;
+    getMonthEndDate: (newDate: string | Date) => Date;
+    getPreviousMonthStartDate: (newDate: string | Date) => Date;
+    getPreviousMonthEndDate: (newDate: string | Date) => Date;
+    getQuarterStartDate: (newDate: string | Date) => Date;
+    getQuarterEndDate: (newDate: string | Date) => Date;
+    getPreviousQuarterStartDate: (newDate: string | Date) => Date;
+    getPreviousQuarterEndDate: (newDate: string | Date) => Date;
+    getYearStartDate: (newDate: string | Date) => Date;
+    getYearEndDate: (newDate: string | Date) => Date;
+    getPreviousYearStartDate: (newDate: string | Date) => Date;
+    getPreviousYearEndDate: (newDate: string | Date) => Date;
+};
+export default _default;

data/app/pb_kits/playbook/pb_label_pill/_label_pill.d.ts

@@ -0,0 +1,15 @@
+declare type LabelPillProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    label?: string;
+    pillValue?: string;
+    variant: "error" | "info" | "neutral" | "primary" | "success" | "warning";
+};
+declare const LabelPill: (props: LabelPillProps) => JSX.Element;
+export default LabelPill;

data/app/pb_kits/playbook/pb_label_value/_label_value.d.ts

@@ -0,0 +1,19 @@
+declare type LabelValueProps = {
+    active?: boolean;
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    dark?: boolean;
+    data?: object;
+    date?: Date;
+    id?: string;
+    label: string;
+    value?: string;
+    variant?: "default" | "details";
+    icon?: string;
+    description?: string;
+    title?: string;
+};
+declare const LabelValue: (props: LabelValueProps) => JSX.Element;
+export default LabelValue;

data/app/pb_kits/playbook/pb_layout/_layout.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+declare type LayoutPropTypes = {
+    aria?: {
+        [key: string]: string;
+    };
+    children?: React.ReactChild[] | React.ReactChild;
+    className?: string;
+    collapse?: "xs" | "sm" | "md" | "lg" | "xl";
+    dark?: boolean;
+    data?: object;
+    full?: boolean;
+    position?: "left" | "right";
+    responsive?: boolean;
+    size?: "xs" | "sm" | "md" | "base" | "lg" | "xl";
+    variant?: "light" | "dark" | "gradient";
+    transparent?: boolean;
+    layout?: "sidebar" | "collection" | "kanban" | "content" | "masonry";
+};
+declare type LayoutSideProps = {
+    children: React.ReactNode[] | React.ReactNode;
+    className?: string;
+};
+declare type LayoutBodyProps = {
+    children: React.ReactNode[] | React.ReactNode;
+    className?: string;
+};
+declare type LayoutItemProps = {
+    children: React.ReactNode[] | React.ReactNode;
+    className?: string;
+    size?: "sm" | "md" | "lg";
+};
+declare type LayoutHeaderProps = {
+    children: React.ReactNode[] | React.ReactNode;
+    className?: string;
+};
+declare type LayoutFooterProps = {
+    children: React.ReactNode[] | React.ReactNode;
+    className?: string;
+};
+declare const Layout: {
+    (props: LayoutPropTypes): JSX.Element;
+    Side: (props: LayoutSideProps) => JSX.Element;
+    Body: (props: LayoutBodyProps) => JSX.Element;
+    Item: (props: LayoutItemProps) => JSX.Element;
+    Header: (props: LayoutHeaderProps) => JSX.Element;
+    Footer: (props: LayoutFooterProps) => JSX.Element;
+};
+export default Layout;

data/app/pb_kits/playbook/pb_legend/_legend.d.ts

@@ -0,0 +1,14 @@
+declare type LegendProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    color?: string;
+    dark?: boolean;
+    data?: object;
+    id?: string;
+    prefixText?: string;
+    text: string;
+};
+declare const Legend: (props: LegendProps) => JSX.Element;
+export default Legend;

data/app/pb_kits/playbook/pb_lightbox/Carousel/Slide.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare type SlideType = {
+    alt?: string;
+    current?: number;
+    onClick: () => void;
+    onChange?: (index: number) => void;
+    onZoom: (zoom: boolean) => void;
+    zooming: boolean;
+    url: string;
+};
+export default function Slide({ alt, onClick, onZoom, url, zooming, }: SlideType): React.ReactElement;
+export {};

data/app/pb_kits/playbook/pb_lightbox/Carousel/Slides.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare type SlidesType = {
+    urls: Array<string>;
+    current: number;
+    onChange: (index: number) => void;
+    onClick: (index: number) => void;
+    setIndex?: (index: number) => void;
+};
+export default function Slides({ urls, current, onChange, setIndex, }: SlidesType): React.ReactElement;
+export {};

data/app/pb_kits/playbook/pb_lightbox/Carousel/Thumbnail.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare type ThumbnailType = {
+    active?: boolean;
+    alt?: string;
+    onClick: () => void;
+    buttonRef?: React.RefObject<HTMLButtonElement>;
+    url: string;
+    width?: string;
+};
+export default function Thumbnail({ active, alt, width, url, onClick, buttonRef, }: ThumbnailType): React.ReactElement;
+export {};

data/app/pb_kits/playbook/pb_lightbox/Carousel/Thumbnails.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const indexWithinBounds: (current: number, min: number, max: number) => number;
+declare type ThumbnailsType = {
+    current: number;
+    onChange: (index: number) => void;
+    urls: string[];
+};
+export default function Thumbnails({ current, onChange, urls, }: ThumbnailsType): React.ReactElement;
+export {};

data/app/pb_kits/playbook/pb_lightbox/Carousel/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+declare type CarouselType = {
+    initialPhoto?: string;
+    onClose?: () => void;
+    icon?: string;
+    currentIndex: number;
+    photos: {
+        url: string;
+        thumbnail: string;
+    }[];
+    onChange: (index: number) => void;
+    onClick?: (index: number) => void;
+    setIndex?: (index: number) => void;
+};
+export default function Carousel({ currentIndex, photos, onClick, onChange, setIndex, }: CarouselType): React.ReactElement;
+export {};

data/app/pb_kits/playbook/pb_lightbox/Header/_lightbox_header.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { GlobalProps } from "../../utilities/globalProps";
+declare type LightboxHeaderProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    children?: React.ReactNode[] | React.ReactNode | string;
+    className?: string;
+    closeable?: boolean;
+    data?: {
+        [key: string]: string | number;
+    };
+    icon?: string;
+    id?: string;
+    onClickRight?: () => void;
+    onClose?: () => void;
+    text?: string;
+    navRight?: string;
+    title?: string;
+} & GlobalProps;
+declare const LightboxHeader: (props: LightboxHeaderProps) => React.ReactElement;
+export default LightboxHeader;

data/app/pb_kits/playbook/pb_lightbox/_lightbox.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+declare type LightboxType = {
+    aria?: {
+        [key: string]: string;
+    };
+    children: React.ReactNode[] | React.ReactNode | string;
+    className?: string;
+    currentPhotoIndex?: number;
+    data?: {
+        [key: string]: string | number;
+    };
+    description?: string | any;
+    id?: string;
+    photos: [];
+    initialPhoto?: number;
+    onChange?: (index: number) => {};
+    onClickRight?: () => void;
+    onClose?: () => void;
+    icon: string;
+    navRight?: string;
+    trigger?: string;
+    title?: string | any;
+};
+declare const Lightbox: {
+    (props: LightboxType): React.ReactNode;
+    Header: (props: {
+        aria?: {
+            [key: string]: string;
+        };
+        children?: React.ReactNode | React.ReactNode[];
+        className?: string;
+        closeable?: boolean;
+        data?: {
+            [key: string]: string | number;
+        };
+        icon?: string;
+        id?: string;
+        onClickRight?: () => void;
+        onClose?: () => void;
+        text?: string;
+        navRight?: string;
+        title?: string;
+    } & import("../utilities/globalProps").GlobalProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+};
+export default Lightbox;

data/app/pb_kits/playbook/pb_lightbox/_lightbox_context.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const LightboxContext: React.Context<{}>;

data/app/pb_kits/playbook/pb_lightbox/hooks/useKbdControls.d.ts

@@ -0,0 +1,3 @@
+export declare const useKbdControls: (api: {
+    [key: string]: () => void;
+}) => string;

data/app/pb_kits/playbook/pb_lightbox/hooks/useWindowSize.d.ts

@@ -0,0 +1,6 @@
+declare type WindowSize = {
+    width: number;
+    height: number;
+};
+export declare const useWindowSize: () => WindowSize;
+export {};

data/app/pb_kits/playbook/pb_line_graph/_line_graph.d.ts

@@ -0,0 +1,35 @@
+declare type LineGraphProps = {
+    align?: "left" | "right" | "center";
+    axisTitle?: string;
+    dark?: Boolean;
+    xAxisCategories: [];
+    yAxisMin: number;
+    yAxisMax: number;
+    className?: string;
+    chartData: {
+        name: string;
+        data: number[];
+    }[];
+    gradient?: boolean;
+    id: string;
+    pointStart: number;
+    subTitle?: string;
+    title: string;
+    type?: string;
+    legend?: boolean;
+    toggleLegendClick?: boolean;
+    height?: string;
+    colors: string[];
+    layout?: "horizontal" | "vertical" | "proximate";
+    verticalAlign?: "top" | "middle" | "bottom";
+    x?: number;
+    y?: number;
+    aria?: {
+        [key: string]: string;
+    };
+    data?: {
+        [key: string]: string;
+    };
+};
+declare const LineGraph: ({ aria, data, align, className, dark, gradient, type, id, legend, toggleLegendClick, layout, verticalAlign, x, y, axisTitle, xAxisCategories, yAxisMin, yAxisMax, chartData, pointStart, subTitle, title, height, colors, ...props }: LineGraphProps) => JSX.Element;
+export default LineGraph;

data/app/pb_kits/playbook/pb_line_graph/_line_graph.tsx

@@ -4,38 +4,39 @@ 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";
 
 type LineGraphProps = {
-  align?: "left" | "right" | "center",
-  axisTitle?: string,
-  dark?: Boolean,
-  xAxisCategories: [],
-  yAxisMin: number,
-  yAxisMax: number,
-  className?: string,
+  align?: "left" | "right" | "center";
+  axisTitle?: string;
+  dark?: Boolean;
+  xAxisCategories: [];
+  yAxisMin: number;
+  yAxisMax: number;
+  className?: string;
   chartData: {
-    name: string,
-    data: number[],
-  }[],
-  gradient?: boolean,
-  id: string,
-  pointStart: number,
-  subTitle?: string,
-  title: string,
-  type?: string,
-  legend?: boolean,
-  toggleLegendClick?: boolean,
-  height?: string,
-  colors: string[],
-  layout?: "horizontal" | "vertical" | "proximate",
-  verticalAlign?: "top" | "middle" | "bottom",
-  x?: number,
-  y?: number,
-  aria?: { [key: string]: string },
-  data?: { [key: string]: string },
+    name: string;
+    data: number[];
+  }[];
+  gradient?: boolean;
+  id: string;
+  pointStart: number;
+  subTitle?: string;
+  title: string;
+  type?: string;
+  legend?: boolean;
+  toggleLegendClick?: boolean;
+  height?: string;
+  colors: string[];
+  layout?: "horizontal" | "vertical" | "proximate";
+  verticalAlign?: "top" | "middle" | "bottom";
+  x?: number;
+  y?: number;
+  aria?: { [key: string]: string };
+  data?: { [key: string]: string };
 };
 
 const LineGraph = ({
@@ -67,6 +68,12 @@ const LineGraph = ({
 }: LineGraphProps) => {
   const ariaProps = buildAriaProps(aria);
   const dataProps = buildDataProps(data);
+  const setupTheme = () => {
+    dark
+      ? Highcharts.setOptions(highchartsDarkTheme)
+      : Highcharts.setOptions(highchartsTheme);
+  };
+  setupTheme();
 
   const staticOptions = {
     title: {
@@ -119,24 +126,12 @@ const LineGraph = ({
   }
 
   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)
-        setIsHighchartsLoaded(true)
-      }
-    }, 0)
   }, [chartData]);
 
   return (
-    isHighchartsLoaded &&
     <HighchartsReact
       containerProps={{
         className: classnames(globalProps(props), className),
@@ -144,7 +139,7 @@ const LineGraph = ({
         ...ariaProps,
         ...dataProps,
       }}
-      highcharts={window.Highcharts}
+      highcharts={Highcharts}
       options={options}
     />
   );

data/app/pb_kits/playbook/pb_list/_list.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+declare type ListProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    borderless?: boolean;
+    className?: string;
+    children: React.ReactNode[] | React.ReactNode;
+    dark?: boolean;
+    data?: object;
+    id?: string;
+    layout?: "" | "left" | "right";
+    ordered?: boolean;
+    role?: string;
+    tabIndex?: number;
+    text?: string;
+    size?: string;
+    variant?: string;
+    xpadding?: boolean;
+};
+declare const List: (props: ListProps) => JSX.Element;
+export default List;

data/app/pb_kits/playbook/pb_list/_list_item.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+declare type ListItemProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    children: React.ReactNode[] | React.ReactNode;
+    className?: string;
+    data?: object;
+    id?: string;
+    tabIndex?: number;
+};
+declare const ListItem: (props: ListItemProps) => JSX.Element;
+export default ListItem;

data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.d.ts

@@ -0,0 +1,13 @@
+declare type LoadingInlineProps = {
+    align?: "left" | "center" | "right";
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+};
+declare const LoadingInline: (props: LoadingInlineProps) => JSX.Element;
+export default LoadingInline;

data/app/pb_kits/playbook/pb_map/_map.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { GlobalProps } from '../utilities/globalProps';
+declare type MapProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    children?: React.ReactChild[] | React.ReactNode;
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    zoomBtns?: boolean;
+    flyTo?: boolean;
+    zoomInClick?: () => {};
+    zoomOutClick?: () => {};
+    flyToClick?: () => {};
+} & GlobalProps;
+declare const Map: {
+    (props: MapProps): JSX.Element;
+    Controls: ({ zoomBtns, zoomInClick, zoomOutClick, flyTo, flyToClick, children, }: {
+        zoomBtns?: boolean;
+        flyTo?: boolean;
+        zoomInClick?: () => {};
+        zoomOutClick?: () => {};
+        flyToClick?: () => {};
+        children?: React.ReactNode | React.ReactNode[];
+    }) => JSX.Element;
+};
+export default Map;

data/app/pb_kits/playbook/pb_map/_map_controls.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+declare type MapControlTypes = {
+    zoomBtns?: boolean;
+    flyTo?: boolean;
+    zoomInClick?: () => {};
+    zoomOutClick?: () => {};
+    flyToClick?: () => {};
+    children?: React.ReactNode | React.ReactNode[];
+};
+declare const MapControls: ({ zoomBtns, zoomInClick, zoomOutClick, flyTo, flyToClick, children, }: MapControlTypes) => JSX.Element;
+export default MapControls;