cozy-ui 122.0.1 → 122.1.1

package/transpiled/react/deprecated/Chip/index.d.ts

@@ -0,0 +1,26 @@
+export default Chip;
+export function RoundChip(props: any): JSX.Element;
+export class ChipButton extends React.PureComponent<any, any, any> {
+    constructor(props: Readonly<any>);
+    constructor(props: any, context?: any);
+    render(): JSX.Element;
+}
+declare class Chip extends React.PureComponent<any, any, any> {
+    static defaultProps: {
+        component: string;
+        size: string;
+        variant: string;
+        theme: string;
+    };
+    constructor(props: Readonly<any>);
+    constructor(props: any, context?: any);
+    render(): JSX.Element;
+}
+declare namespace Chip {
+    export { ChipButton as Button };
+    export { RoundChip as Round };
+    export function Separator({ className }: {
+        className: any;
+    }): JSX.Element;
+}
+import React from "react";

package/transpiled/react/deprecated/CompositeRow/index.d.ts

@@ -0,0 +1,34 @@
+export default CompositeRow;
+/**
+ * A ready-made row layout for presenting rich information.
+ *
+ * @deprecated Please use [List](#/List)
+ */
+declare function CompositeRow({ style, className, primaryText, primaryTextClassName, secondaryTextClassName, secondaryText, image, right, actions, dense, ...rest }: {
+    [x: string]: any;
+    style: any;
+    className: any;
+    primaryText: any;
+    primaryTextClassName: any;
+    secondaryTextClassName: any;
+    secondaryText: any;
+    image: any;
+    right: any;
+    actions: any;
+    dense: any;
+}): JSX.Element;
+declare namespace CompositeRow {
+    namespace propTypes {
+        const style: PropTypes.Requireable<object>;
+        const className: PropTypes.Requireable<string>;
+        const primaryText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const secondaryText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const primaryTextClassName: PropTypes.Requireable<string>;
+        const secondaryTextClassName: PropTypes.Requireable<string>;
+        const image: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const actions: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const right: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const dense: PropTypes.Requireable<boolean>;
+    }
+}
+import PropTypes from "prop-types";

package/transpiled/react/deprecated/GridItem/index.d.ts

@@ -0,0 +1,12 @@
+export default GridItem;
+declare function GridItem({ onClick, children }: {
+    onClick: any;
+    children: any;
+}): JSX.Element;
+declare namespace GridItem {
+    namespace propTypes {
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+    }
+}
+import PropTypes from "prop-types";

package/transpiled/react/deprecated/Infos/index.d.ts

@@ -0,0 +1,26 @@
+export function Infos({ description, action, dismissAction, dismissButtonProps, theme, className }: {
+    description: any;
+    action: any;
+    dismissAction: any;
+    dismissButtonProps: any;
+    theme: any;
+    className: any;
+}): JSX.Element;
+export namespace Infos {
+    namespace propTypes {
+        const description: PropTypes.Validator<PropTypes.ReactElementLike>;
+        const action: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        const dismissAction: PropTypes.Requireable<(...args: any[]) => any>;
+        const className: PropTypes.Requireable<string>;
+        const theme: PropTypes.Requireable<string>;
+        const dismissButtonProps: PropTypes.Requireable<object>;
+    }
+    namespace defaultProps {
+        const theme_1: string;
+        export { theme_1 as theme };
+    }
+}
+export default InfosMigration;
+import PropTypes from "prop-types";
+declare const InfosMigration: React.NamedExoticComponent<object>;
+import React from "react";

package/transpiled/react/deprecated/InfosCarrousel/index.d.ts

@@ -0,0 +1,24 @@
+export default InfosCarrousel;
+declare function InfosCarrousel({ children, theme, className, swipeableProps, previousButtonProps, nextButtonProps }: {
+    children: any;
+    theme: any;
+    className: any;
+    swipeableProps: any;
+    previousButtonProps: any;
+    nextButtonProps: any;
+}): JSX.Element;
+declare namespace InfosCarrousel {
+    namespace propTypes {
+        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const theme: PropTypes.Requireable<string>;
+        const className: PropTypes.Requireable<string>;
+        const swipeableProps: PropTypes.Requireable<object>;
+        const previousButtonProps: PropTypes.Requireable<object>;
+        const nextButtonProps: PropTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        const theme_1: string;
+        export { theme_1 as theme };
+    }
+}
+import PropTypes from "prop-types";

package/transpiled/react/deprecated/InlineCard/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @deprecated Please use a `<Paper elevation={1} className='u-dib' />` instead
+ */
+export class InlineCard extends React.PureComponent<any, any, any> {
+    constructor(props: Readonly<any>);
+    constructor(props: any, context?: any);
+    render(): JSX.Element;
+}
+export namespace InlineCard {
+    namespace propTypes {
+        const className: PropTypes.Requireable<string>;
+    }
+}
+export default InlineCard;
+import React from "react";
+import PropTypes from "prop-types";

package/transpiled/react/deprecated/IntentModal/IntentModal.d.ts

@@ -0,0 +1,23 @@
+export default IntentModal;
+/**
+ * Render a modal for the specified intent.
+ *
+ * The modal for an intent takes the majority of the viewport.
+ *
+ * @deprecated Please use IntentIframe with Dialog instead
+ */
+declare class IntentModal extends React.Component<any, any, any> {
+    constructor(props: any, context: any);
+    state: {
+        closable: boolean;
+    };
+    hideCross: () => void;
+    showCross: () => void;
+    dismiss: (evt: any) => void;
+    render(): JSX.Element;
+}
+declare namespace IntentModal {
+    const propTypes: any;
+    const defaultProps: any;
+}
+import React from "react";

package/transpiled/react/deprecated/IntentModal/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./IntentModal";

package/transpiled/react/deprecated/IntentOpener/IntentOpener.d.ts

@@ -0,0 +1,25 @@
+export default IntentOpener;
+/**
+ * Wrapper that adds an `onClick` handler to its children that opens a modal
+ * for the specified intent.
+ *
+ * The modal for an intent takes the majority of the viewport.
+ *
+ * @deprecated Please use IntentDialogOpener instead
+ */
+declare function IntentOpener(props: any): JSX.Element;
+declare namespace IntentOpener {
+    namespace propTypes {
+        const children: PropTypes.Validator<PropTypes.ReactElementLike>;
+        const onComplete: PropTypes.Requireable<(...args: any[]) => any>;
+        const onDismiss: PropTypes.Requireable<(...args: any[]) => any>;
+        const action: PropTypes.Validator<string>;
+        const doctype: PropTypes.Validator<string>;
+        const into: PropTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        const tag: string;
+        const closable: boolean;
+    }
+}
+import PropTypes from "prop-types";

package/transpiled/react/deprecated/IntentOpener/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./IntentOpener";

package/transpiled/react/deprecated/Media/Media.d.ts

@@ -0,0 +1,24 @@
+export function Media({ children, className, align, ...rest }: {
+    [x: string]: any;
+    children: any;
+    className: any;
+    align: any;
+}): JSX.Element;
+export namespace Media {
+    namespace propTypes {
+        const align: PropTypes.Requireable<string>;
+    }
+}
+export function Img({ children, className, style, ...rest }: {
+    [x: string]: any;
+    children: any;
+    className: any;
+    style: any;
+}): JSX.Element;
+export function Bd({ children, className, style, ...rest }: {
+    [x: string]: any;
+    children: any;
+    className: any;
+    style: any;
+}): JSX.Element;
+import PropTypes from "prop-types";

package/transpiled/react/deprecated/Media/index.d.ts

@@ -0,0 +1 @@
+export { Media, Bd, Img } from "./Media";

package/transpiled/react/deprecated/Menus/index.d.ts

@@ -0,0 +1,24 @@
+declare var _default: React.ComponentType<Pick<Pick<PropTypes.InferProps<{
+    /** Disables the menu */
+    disabled: PropTypes.Requireable<boolean>;
+    /** Specifies a custom component for the opener */
+    component: PropTypes.Requireable<PropTypes.ReactElementLike>;
+    /** placement for the popover */
+    placement: PropTypes.Requireable<string>;
+}>, never> & Partial<Pick<PropTypes.InferProps<{
+    /** Disables the menu */
+    disabled: PropTypes.Requireable<boolean>;
+    /** Specifies a custom component for the opener */
+    component: PropTypes.Requireable<PropTypes.ReactElementLike>;
+    /** placement for the popover */
+    placement: PropTypes.Requireable<string>;
+}>, "disabled" | "placement" | "component">> & Partial<Pick<{
+    disabled: boolean;
+    component: null;
+    placement: string;
+}, never>>, "disabled" | "placement" | "component"> & import("@material-ui/styles/withStyles/withStyles").StyledComponentProps<"root" | "paper">>;
+export default _default;
+export { MenuButton };
+import PropTypes from "prop-types";
+import React from "react";
+import MenuButton from "../Button";

package/transpiled/react/deprecated/Modal/AnimatedContentHeader.d.ts

@@ -0,0 +1,6 @@
+export default AnimatedContentHeader;
+declare class AnimatedContentHeader extends Component<any, any, any> {
+    constructor(props: Readonly<any>);
+    constructor(props: any, context?: any);
+}
+import { Component } from "react";

package/transpiled/react/deprecated/Modal/ModalBackButton.d.ts

@@ -0,0 +1,2 @@
+export default ModalBackButton;
+declare function ModalBackButton(props: any): JSX.Element;

package/transpiled/react/deprecated/Modal/ModalButtons.d.ts

@@ -0,0 +1,17 @@
+export default ModalButtons;
+declare function ModalButtons({ secondaryText, secondaryAction, secondaryType, primaryText, primaryAction, primaryType, children, className }: {
+    secondaryText: any;
+    secondaryAction: any;
+    secondaryType: any;
+    primaryText: any;
+    primaryAction: any;
+    primaryType: any;
+    children: any;
+    className: any;
+}): JSX.Element;
+declare namespace ModalButtons {
+    namespace defaultProps {
+        const primaryType: string;
+        const secondaryType: string;
+    }
+}

package/transpiled/react/deprecated/Modal/ModalContent.d.ts

@@ -0,0 +1,20 @@
+export default ModalContent;
+declare class ModalContent extends React.Component<any, any, any> {
+    constructor(props: any);
+    state: {
+        displayGhostHeader: boolean;
+    };
+    componentWillUpdate(nextProps: any, nextState: any): void;
+    UNSAFE_componentWillUpdate: (nextProps: any) => void;
+    refreshComputedParts(children: any): void;
+    animatedHeader: any;
+    childrenToRender: any;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    handleScroll: () => void;
+    headerHeight: number | undefined;
+    render(): JSX.Element;
+    scrollingContent: HTMLDivElement | null | undefined;
+    contentHeader: HTMLDivElement | null | undefined;
+}
+import React from "react";

package/transpiled/react/deprecated/Modal/ModalCross.d.ts

@@ -0,0 +1,7 @@
+export function ModalCrossIcon(props: any): JSX.Element;
+export default ModalCross;
+declare function ModalCross({ onClick, color, className }: {
+    onClick: any;
+    color: any;
+    className: any;
+}): JSX.Element;

package/transpiled/react/deprecated/Modal/ModalFooter.d.ts

@@ -0,0 +1,5 @@
+export default ModalFooter;
+declare function ModalFooter({ children, className }: {
+    children: any;
+    className: any;
+}): JSX.Element;

package/transpiled/react/deprecated/Modal/ModalHeader.d.ts

@@ -0,0 +1,17 @@
+export default ModalHeader;
+export function ModalHeader({ title, children, className, appIcon, appName, appEditor, style, id }: {
+    title: any;
+    children: any;
+    className: any;
+    appIcon: any;
+    appName: any;
+    appEditor: any;
+    style: any;
+    id: any;
+}): JSX.Element;
+export function ModalBrandedHeader({ logo, bg, className, style }: {
+    logo: any;
+    bg: any;
+    className: any;
+    style?: {} | undefined;
+}): JSX.Element;

package/transpiled/react/deprecated/Modal/ModalSection.d.ts

@@ -0,0 +1,5 @@
+export default ModalSection;
+declare function ModalSection({ children, className }: {
+    children: any;
+    className: any;
+}): JSX.Element;

package/transpiled/react/deprecated/Modal/index.d.ts

@@ -0,0 +1,14 @@
+export const BODY_CLASS: "has-modal";
+export default EnhancedModal;
+declare const EnhancedModal: any;
+import ModalContent from "./ModalContent";
+import ModalSection from "./ModalSection";
+import ModalFooter from "./ModalFooter";
+import { ModalHeader } from "./ModalHeader";
+import AnimatedContentHeader from "./AnimatedContentHeader";
+export function ModalTitle(props: any): JSX.Element;
+import ModalButtons from "./ModalButtons";
+import { ModalBrandedHeader } from "./ModalHeader";
+export const ModalDescription: typeof ModalContent;
+import ModalBackButton from "./ModalBackButton";
+export { ModalContent, ModalSection, ModalFooter, ModalHeader, AnimatedContentHeader, ModalButtons, ModalBrandedHeader, ModalBackButton };

package/transpiled/react/deprecated/NarrowContent/index.d.ts

@@ -0,0 +1,2 @@
+export default NarrowContent;
+declare function NarrowContent(props: any): JSX.Element;

package/transpiled/react/deprecated/Overlay/index.d.ts

@@ -0,0 +1,3 @@
+declare var _default: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export default _default;
+import React from "react";

package/transpiled/react/deprecated/PercentageBar/index.d.ts

@@ -0,0 +1,2 @@
+export default PercentageBar;
+declare function PercentageBar(props: any): JSX.Element;

package/transpiled/react/deprecated/PercentageLine/index.d.ts

@@ -0,0 +1,18 @@
+export default PercentageLine;
+/**
+ * @deprecated Use [Progress](#/Progress)
+ */
+declare function PercentageLine({ value, color, className, style }: {
+    value: any;
+    color: any;
+    className: any;
+    style: any;
+}): JSX.Element;
+declare namespace PercentageLine {
+    namespace propTypes {
+        const value: Value;
+        const color: typeof CSS;
+        const className: Additional;
+        const style: Custom;
+    }
+}

package/transpiled/react/deprecated/PushClientButton/index.d.ts

@@ -0,0 +1,16 @@
+export default ButtonClient;
+declare function ButtonClient(props: any): JSX.Element;
+declare namespace ButtonClient {
+    namespace propTypes {
+        const label: PropTypes.Validator<string>;
+        const href: PropTypes.Validator<string>;
+        const className: PropTypes.Requireable<string>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const icon: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+    }
+    namespace defaultProps {
+        const className_1: string;
+        export { className_1 as className };
+    }
+}
+import PropTypes from "prop-types";

package/transpiled/react/deprecated/PushClientButton/index.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/transpiled/react/deprecated/QuotaAlert/index.d.ts

@@ -0,0 +1,7 @@
+export default QuotaAlert;
+/**
+ * @deprecated This component is depreacated, please use [QuotaPaywall](#/Paywall) instead.
+ */
+declare function QuotaAlert({ onClose }: {
+    onClose: any;
+}): JSX.Element;

package/transpiled/react/deprecated/Radio/index.d.ts

@@ -0,0 +1,21 @@
+export default Radio;
+/**
+ * @deprecated Please use [Radios](#/Radios)
+ */
+declare function Radio(props: any): JSX.Element;
+declare namespace Radio {
+    namespace propTypes {
+        const className: PropTypes.Requireable<string>;
+        const value: PropTypes.Requireable<string>;
+        const name: PropTypes.Requireable<string>;
+        const error: PropTypes.Requireable<boolean>;
+        const disabled: PropTypes.Requireable<boolean>;
+        const label: PropTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        const error_1: boolean;
+        export { error_1 as error };
+        export const gutter: boolean;
+    }
+}
+import PropTypes from "prop-types";

package/transpiled/react/deprecated/Radio/index.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/transpiled/react/deprecated/RaisedList/index.d.ts

@@ -0,0 +1,2 @@
+declare function _default(props: any): JSX.Element;
+export default _default;

package/transpiled/react/deprecated/Table/index.d.ts

@@ -0,0 +1,7 @@
+export const Table: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export const TableHead: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export const TableBody: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export const TableRow: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export const TableCell: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export const TableHeader: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/transpiled/react/deprecated/ViewStack/ModalStack.d.ts

@@ -0,0 +1,16 @@
+export default ModalStack;
+/**
+ * Wraps children so that they can push views that will appear as modals.
+ *
+ * - Children receive stack{Pop,Push} methods through `useViewStack`.
+ * - When stackPush(<View />) is called, a modal containing <View/> is displayed
+ * - When stackPop() is called, the modal disappears
+ * - Several modals can be stacked in this manner
+ * - The <Modal /> element wrapping <View /> can receive props via the 2nd
+ * argument of stackPush : `stackPush(<SmallView />, { size: 'xsmall' })`
+ *
+ * Can be used as a replacement of a <ViewStack /> on mobile
+ */
+declare function ModalStack({ children }: {
+    children: any;
+}): JSX.Element;

package/transpiled/react/deprecated/ViewStack/ViewStack.d.ts

@@ -0,0 +1,13 @@
+export default ViewStack;
+/**
+ * Wraps children to builds an animated carrousel where children
+ * can push/pop views.
+ *
+ * - Children receive stack{Pop,Push} methods through `useViewStack`.
+ * - When stackPush(<View />) is called, the carrousel animates to this view
+ * - When stackPop() is called, the carrousel animates to the view just before
+ * - It is possible to await on stackPop() to wait for the animation to finish
+ */
+declare function ViewStack({ children }: {
+    children: any;
+}): JSX.Element;

package/transpiled/react/deprecated/ViewStack/context.d.ts

@@ -0,0 +1,3 @@
+export const ViewStackContext: React.Context<any>;
+export function useViewStack(): any;
+import React from "react";

package/transpiled/react/deprecated/ViewStack/example.d.ts

@@ -0,0 +1,3 @@
+export function Slide({ number }: {
+    number: any;
+}): JSX.Element;

package/transpiled/react/deprecated/ViewStack/hooks.d.ts

@@ -0,0 +1 @@
+export function useStack(initialState: any, options?: {}): any[];

package/transpiled/react/deprecated/ViewStack/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./ViewStack";
+export { default as ModalStack } from "./ModalStack";
+export { useViewStack, ViewStackContext } from "./context";

package/transpiled/react/helpers/acceptedTypes.d.ts

@@ -0,0 +1,3 @@
+export function getCompliantTypes(types: string): string[];
+export function isValidFile(item: object, validTypes: string[]): boolean;
+export function isValidFolder(item: object, validTypes: string[]): boolean;

package/transpiled/react/helpers/acceptedTypes.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/transpiled/react/helpers/appDataset.d.ts

@@ -0,0 +1,11 @@
+export const readApplicationDataset: (() => any) & import("lodash").MemoizedFunction;
+export const readCozyData: (() => any) & import("lodash").MemoizedFunction;
+/**
+ * Reads an attribute set by the stack from the DOM
+ *
+ * A cozy app must receives on data from the stack, typically on the
+ * [role=application] node. Here, we try first to read from data-cozy
+ * and we fallback on data-[attrName].
+ */
+export const readCozyDataFromDOM: ((attrName: any) => any) & import("lodash").MemoizedFunction;
+export function resetCache(): void;

package/transpiled/react/helpers/appDataset.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/transpiled/react/helpers/breakpoints.d.ts

@@ -0,0 +1,14 @@
+export function getBreakpointsStatus(breakpoints: any): {
+    [x: string]: boolean;
+};
+export default breakpoints;
+declare namespace breakpoints {
+    const isExtraLarge: number[];
+    const isLarge: number[];
+    const isMedium: number[];
+    const isSmall: number[];
+    const isTiny: number[];
+    const isDesktop: number[];
+    const isTablet: number[];
+    const isMobile: number[];
+}

package/transpiled/react/helpers/createDepreciationLogger.d.ts

@@ -0,0 +1,2 @@
+export default createDepreciationLogger;
+declare function createDepreciationLogger(): (message: any) => void;

package/transpiled/react/helpers/createDepreciationLogger.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/transpiled/react/helpers/getRandomUUID.d.ts

@@ -0,0 +1 @@
+export function getRandomUUID(): string;

package/transpiled/react/helpers/getRandomUUID.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/transpiled/react/helpers/isTwakeTheme.d.ts

@@ -1 +1 @@
-export function isTwakeTheme(): any;
+export function isTwakeTheme(): boolean;

package/transpiled/react/helpers/isTwakeTheme.js

@@ -1,4 +1,9 @@
 import flag from 'cozy-flags';
+/**
+ * Relies on flag and local storage to determine if the Twake theme is enabled
+ * @returns {boolean}
+ */
+
 export var isTwakeTheme = function isTwakeTheme() {
   if (process.env.NODE_ENV === 'test') {
     return false;

package/transpiled/react/helpers/migrateProps.d.ts

@@ -0,0 +1,2 @@
+declare function _default(migrateOptions: any[]): HOC;
+export default _default;

package/transpiled/react/helpers/ref.d.ts

@@ -0,0 +1,2 @@
+export function isRef(obj: any): boolean;
+export function unRef(element: any): any;

package/transpiled/react/helpers/ref.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/transpiled/react/helpers/useProgression.d.ts

@@ -0,0 +1,9 @@
+export default useProgression;
+/**
+ * Useful to simulate a progression from 0 to 100.
+ * Used in the documentation to simulate the behavior of progression bars or spinners for example.
+ * Simulation is disabled during tests, replaced by a fixed value.
+ */
+declare function useProgression(): {
+    progression: number;
+};

package/transpiled/react/helpers/withBreakpoints.d.ts

@@ -0,0 +1,31 @@
+/**
+ * PropTypes to use into the component Proptypes definition
+ */
+export const breakpointsPropTypes: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+export default withBreakpoints;
+import PropTypes from "prop-types";
+/**
+ * HOC providing the `breakpoints` property to its children to help
+ * with responsive web design.
+ *
+ * `breakpoints` values will reflect if the window.innerWidth is under
+ * those breakpoints.
+ *
+ * @param {number[]} bp
+ * @returns {(Wrapped: any) => JSX.Element}
+ *
+ * @Example
+ * ````
+ * // here we define `mobile` as a screen under 1000px
+ * const B = withBreakpoints({ mobile: 1000 })(A)
+ * ````
+ *
+ * `A` will receive `{ breakpoints: { mobile: true }}` if the screen
+ * width is under 1000px.
+ *
+ * `A` will receive `{ breakpoints: { mobile: false }}` if the screen
+ * width is over 1000px;
+ *
+ *
+ */
+declare function withBreakpoints(bp?: number[]): (Wrapped: any) => JSX.Element;