cozy-ui 122.1.0 → 122.1.1

package/transpiled/react/helpers/withBreakpoints.js

@@ -20,6 +20,9 @@ import breakpoints, { getBreakpointsStatus } from "cozy-ui/transpiled/react/help
  * `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

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

@@ -0,0 +1,68 @@
+export default withOffline;
+/**
+ * Provide a `isOffline` props
+ * @param {Component} WrappedComponent
+ */
+declare function withOffline(WrappedComponent: Component): {
+    new (props: Readonly<any>): {
+        state: {
+            isOnline: boolean;
+        };
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        setOnline: () => void;
+        setOffline: () => void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
+        forceUpdate(callBack?: (() => void) | undefined): void;
+        readonly props: Readonly<any> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
+        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+    };
+    new (props: any, context?: any): {
+        state: {
+            isOnline: boolean;
+        };
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        setOnline: () => void;
+        setOffline: () => void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
+        forceUpdate(callBack?: (() => void) | undefined): void;
+        readonly props: Readonly<any> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
+        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+import { Component } from "react";
+import React from "react";

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

@@ -0,0 +1,49 @@
+export default withState;
+/**
+ * Higher Order Component that wraps functional components into stateful components.
+ * Defining a stateful component becomes a matter of setting its initial state
+ * and writing a handful of reducers on that state. The state and the reducers will
+ * be passed as props to the wrapped functional component.
+ * Example:
+ * const ToggleButton = withState(initialState = {
+ *   on: false
+ * }, eventHandlers = setState => ({
+ *   toggle: () => {
+ *     setState(state => ({ on: !state.on })
+ *   }
+ * }))(
+ *   ({ on, toggle }) => (
+ *     <button class={on ? 'on' : 'off'} onClick={toggle}>Go!</button>
+ *   )
+ * )
+ */
+declare function withState(initialState: any, eventHandlers: any): (WrappedComponent: any) => {
+    new (props: any): {
+        state: any;
+        handlers: any;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
+        forceUpdate(callBack?: (() => void) | undefined): void;
+        readonly props: Readonly<any> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
+        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+import React from "react";

package/transpiled/react/hooks/useBrowserOffline.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Checks if the browser is offline
+ *
+ * This is done through the browser API. It cannot garantees that the browser
+ * is able to contact the serveur, nor that the connection is stable enough.
+ *
+ * In Nodejs, where this API doesn't exists, always return `false`.
+ * @returns {boolean}
+ */
+export default function useBrowserOffline(): boolean;

package/transpiled/react/hooks/useBrowserOffline.spec.d.ts

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

package/transpiled/react/hooks/useClientErrors.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Manages the client errors and allows to display them
+ *
+ * Returns a `ClientErrors` React component that takes care
+ * of how to display cozy-client errors (probably displaying a modal)
+ *
+ * Only Quota Errors are managed for now.
+ *
+ * @example
+ * ```
+ * const App = () => {
+ *   const { ClientErrors } = useClientErrors()
+ *
+ *   return <Layout>
+ *      <h1>My app</h1>
+ *      <ClientErrors />
+ *   </Layout>
+ * }
+ * ```
+ *
+ * @param {object} [props] - Props
+ * @param {boolean} [props.handleExceptions] - should cozy-client directly handle errors before forwarding them to the caller?
+ * @returns {{ClientErrors: Function}} React component
+ */
+export default function useClientErrors({ handleExceptions }?: {
+    handleExceptions?: boolean | undefined;
+} | undefined): {
+    ClientErrors: Function;
+};

package/transpiled/react/hooks/useClientErrors.spec.d.ts

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

package/transpiled/react/hooks/useConfirmExit/index.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @typedef useConfirmExitResponse
+ * @property {function} requestToLeave - gets an URL or function,
+ * triggers a confirmation modal and redirect the browser to this URL
+ * or call this function if the user confirms.
+ * @property {function} exitConfirmationModal - React component
+ * that will show a confirmation modal when requested by requestToLeave
+ * and nothing otherwise
+ */
+/**
+ * When provided a message, will warn the user before exiting the page
+ *
+ * When the browser detects a page unload (go to another website or
+ * leave the window/tab), it will show a native popup asking for
+ * confirmation. This popup may show the `message` but will usually
+ * use a native message from the browser.
+ *
+ * If the user confirm he wants to leave, `onLeave` will be executed.
+ * This function may not be able to execute async code.
+ *
+ * @param {bool|function} activate - (return) falsy to deactivate the behaviour
+ * @param {string} message - Confirmation message
+ * @param {string} title - Title of the modal
+ * @param {function} onLeave - will be executed before returning
+ * @returns {useConfirmExitResponse}
+ */
+export default function useConfirmExit({ activate, onLeave, message, title, leaveLabel, cancelLabel }?: bool | Function): useConfirmExitResponse;
+export type useConfirmExitResponse = {
+    /**
+     * - gets an URL or function,
+     * triggers a confirmation modal and redirect the browser to this URL
+     * or call this function if the user confirms.
+     */
+    requestToLeave: Function;
+    /**
+     * - React component
+     * that will show a confirmation modal when requested by requestToLeave
+     * and nothing otherwise
+     */
+    exitConfirmationModal: Function;
+};

package/transpiled/react/hooks/useConfirmExit/index.spec.d.ts

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

package/transpiled/react/hooks/useCycle.d.ts

@@ -0,0 +1,12 @@
+export default useCycle;
+/**
+ * When calling setPrev when we are at index min, goes to max
+ * When calling setNext when we are at index max, goes to min
+ *
+ * @param  {number} initialState - If initialState becomes defined (undefined -> value),
+ * index will be set to value (useful when the initial state is not known yet)
+ * @param  {number} min
+ * @param  {number} max
+ * @return {Array} - [index, setPrev, setNext]
+ */
+declare function useCycle(initialState: number, min: number, max: number): any[];

package/transpiled/react/hooks/useCycle.spec.d.ts

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

package/transpiled/react/hooks/useEventListener.d.ts

@@ -0,0 +1,2 @@
+export default useEventListener;
+declare function useEventListener(element: any, event: any, cb: any): void;

package/transpiled/react/hooks/useEventListener.spec.d.ts

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

package/transpiled/react/hooks/usePeriodicRender.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Force a new render each `duration` ms
+ *
+ * @param {number} duration - in millisecond
+ * @returns {Date} last trigger date for a rerender
+ */
+export default function usePeriodicRender(duration: number): Date;

package/transpiled/react/hooks/usePeriodicRender.spec.d.ts

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

package/transpiled/react/hooks/useRealtime.d.ts

@@ -0,0 +1,2 @@
+export default useRealtime;
+declare function useRealtime(client: any, specs: any, deps: any): void;

package/transpiled/react/hooks/useRealtime.spec.d.ts

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

package/transpiled/react/hooks/useScroll.d.ts

@@ -0,0 +1,14 @@
+export default useScroll;
+/**
+ * Get scrollTop & scrollLeft from scroll event
+ * @param {HTMLElement|React.RefObject} element - Element or Ref to listen scroll event
+ * @param {Object} options
+ * @param {number} options.delay - Delay in ms before calling the callback
+ * @returns {{ scrollTop: number, scrollLeft: number}} - Scroll state
+ */
+declare function useScroll(element: HTMLElement | import("react").RefObject<any>, { delay }?: {
+    delay: number;
+}): {
+    scrollTop: number;
+    scrollLeft: number;
+};

package/transpiled/react/hooks/useScroll.spec.d.ts

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

package/transpiled/react/index.d.ts

@@ -0,0 +1,115 @@
+export { default as Alerter } from "./deprecated/Alerter";
+export { default as Badge } from "./Badge";
+export { default as ButtonClient } from "./deprecated/PushClientButton";
+export { default as Banner } from "./Banner";
+export { default as ButtonAction } from "./deprecated/ButtonAction";
+export { default as BottomDrawer } from "./deprecated/BottomDrawer";
+export { default as BarButton } from "./BarButton";
+export { default as Icon } from "./Icon";
+export { default as Sprite } from "./Icon/Sprite";
+export { default as Sidebar } from "./Sidebar";
+export { default as ListItemText } from "./ListItemText";
+export { default as SelectionBar } from "./SelectionBar";
+export { default as IntentIframe } from "./IntentIframe";
+export { default as IntentDialogOpener } from "./IntentDialogOpener";
+export { default as Spinner } from "./Spinner";
+export { default as Accordion } from "./Accordion";
+export { default as AccordionSummary } from "./AccordionSummary";
+export { default as AccordionDetails } from "./AccordionDetails";
+export { default as Breadcrumbs } from "./Breadcrumbs";
+export { default as Toggle } from "./Toggle";
+export { default as withBreakpoints } from "./helpers/withBreakpoints";
+export { default as useBreakpoints } from "./providers/Breakpoints";
+export { default as useBrowserOffline } from "./hooks/useBrowserOffline";
+export { default as MidEllipsis } from "./MidEllipsis";
+export { default as ActionsMenu } from "./ActionsMenu";
+export { default as Overlay } from "./deprecated/Overlay";
+export { default as Label } from "./Label";
+export { default as Input } from "./Input";
+export { default as Checkbox } from "./Checkbox";
+export { default as Radio } from "./deprecated/Radio";
+export { default as Textarea } from "./Textarea";
+export { default as Field } from "./Field";
+export { default as Avatar } from "./Avatar";
+export { default as IntentHeader } from "./IntentHeader";
+export { default as Panel } from "./Panel";
+export { default as Chip } from "./deprecated/Chip";
+export { default as Empty } from "./Empty";
+export { default as Circle } from "./Circle";
+export { default as Counter } from "./Counter";
+export { default as Infos } from "./deprecated/Infos";
+export { default as InfosCarrousel } from "./deprecated/InfosCarrousel";
+export { default as InputGroup } from "./InputGroup";
+export { default as AppIcon } from "./AppIcon";
+export { default as AppTitle } from "./AppTitle";
+export { default as Filename } from "./Filename";
+export { default as FilePath } from "./FilePath";
+export { default as FilePathLink } from "./FilePathLink";
+export { default as FileInput } from "./FileInput";
+export { default as Card } from "./Card";
+export { default as InlineCard } from "./deprecated/InlineCard";
+export { default as Stack } from "./Stack";
+export { default as PercentageLine } from "./deprecated/PercentageLine";
+export { default as Popup } from "./Popup";
+export { default as IconStack } from "./IconStack";
+export { default as QuotaAlert } from "./deprecated/QuotaAlert";
+export { default as DateMonthPicker } from "./DateMonthPicker";
+export { default as ContactsList } from "./ContactsList";
+export { default as ContactsListModal } from "./ContactsListModal";
+export { default as BarContextProvider } from "./BarContextProvider";
+export { default as BarTitle } from "./BarTitle";
+export { default as UploadQueue } from "./UploadQueue";
+export { default as CozyTheme } from "./providers/CozyTheme";
+export { default as Paper } from "./Paper";
+export { default as ProgressionBanner } from "./ProgressionBanner";
+export { default as SquareAppIcon } from "./SquareAppIcon";
+export { default as FileImageLoader } from "./FileImageLoader";
+export { default as Radios } from "./Radios";
+export { default as FilePicker } from "./FilePicker";
+export { default as Chips } from "./Chips";
+export { default as PieChart } from "./PieChart";
+export { default as DropdownText } from "./DropdownText";
+export { default as CircleButton } from "./CircleButton";
+export { default as Alert } from "./Alert";
+export { default as AlertTitle } from "./AlertTitle";
+export { default as PointerAlert } from "./PointerAlert";
+export { default as Tabs } from "./Tabs";
+export { default as Tab } from "./Tab";
+export { default as CircularChart } from "./CircularChart";
+export { default as Skeleton } from "./Skeleton";
+export { default as InputAdornment } from "./InputAdornment";
+export { default as InputBase } from "./InputBase";
+export { default as SearchBar } from "./SearchBar";
+export { default as Thumbnail } from "./Thumbnail";
+export { default as ButtonBase } from "./ButtonBase";
+export { default as QualificationGrid } from "./QualificationGrid";
+export { default as QualificationItem } from "./QualificationItem";
+export { default as QualificationIconStack } from "./QualificationIconStack";
+export { default as QualificationModal } from "./QualificationModal";
+export { default as Timeline } from "./Timeline";
+export { default as TimelineConnector } from "./TimelineConnector";
+export { default as TimelineContent } from "./TimelineContent";
+export { default as TimelineDot } from "./TimelineDot";
+export { default as TimelineItem } from "./TimelineItem";
+export { default as TimelineOppositeContent } from "./TimelineOppositeContent";
+export { default as TimelineSeparator } from "./TimelineSeparator";
+export { default as Modal } from "./Modal";
+export { default as ActionsBar } from "./ActionsBar";
+export { default as Markdown } from "./Markdown";
+export { default as DatePicker } from "./DatePicker";
+export { Button, ButtonLink } from "./deprecated/Button";
+export { default as I18n, translate, useI18n } from "./providers/I18n";
+export { default as Nav, NavItem, NavIcon, NavText, NavDesktopLimiter, NavLink, genNavLink } from "./Nav";
+export { Media, Img, Bd } from "./deprecated/Media";
+export { Layout, Main, Content } from "./Layout";
+export { default as ActionMenu, ActionMenuItem, ActionMenuHeader, ActionMenuRadio } from "./deprecated/ActionMenu";
+export { default as SelectBox, SelectBoxWithFixedOptions } from "./SelectBox";
+export { PageFooter, PageContent, PageLayout } from "./Page";
+export { OnlyOfficePaywall, PasswordSharingPaywall } from "./Paywall";
+export { default as ViewStack, ModalStack, useViewStack, ViewStackContext } from "./deprecated/ViewStack";
+export { default as NestedSelect, NestedSelectModal } from "./NestedSelect";
+export { default as ExperimentalDialog, ExperimentalDialogActions, ExperimentalDialogTitle } from "./Labs/ExperimentalDialog";
+export { default as Fab, ExtendableFab } from "./Fab";
+export { default as BottomSheet, BottomSheetItem, BottomSheetHeader } from "./BottomSheet";
+export { default as AlertProvider, useAlert } from "./providers/Alert";
+export { ListSkeleton, ListItemSkeleton } from "./Skeletons";

package/transpiled/react/jestLib/I18n.d.ts

@@ -0,0 +1,6 @@
+export function I18nContext(options: any): {
+    t: any;
+    f: ((date: any, formatStr: any, opts?: {}) => string | undefined) | undefined;
+    polyglot: any;
+    lang: any;
+};

package/transpiled/react/legacy/Avatar/helpers.js

@@ -12,6 +12,11 @@ var makeKey = function makeKey(colors, name) {
 
 var colors = [palette['azure'], palette['melon'], palette['blazeOrange'], palette['pomegranate'], palette['mango'], palette['pumpkinOrange'], palette['darkPeriwinkle'], palette['purpley'], palette['lightishPurple'], palette['weirdGreen'], palette['puertoRico'], palette['emerald'], palette['seafoamGreen'], palette['lavender'], palette['brightSun'], palette['fuchsia']];
 var twakeColors = Object.values(colorMapping).filter(Boolean);
+/**
+ * @param {string} name
+ * @returns {string}
+ */
+
 export var nameToColor = function nameToColor() {
   var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
 

package/transpiled/react/legacy/Avatar/index.d.ts

@@ -0,0 +1,43 @@
+export function Avatar({ text, textId, image, size, className, style, disabled, ghost, icon }: {
+    text: any;
+    textId: any;
+    image: any;
+    size: any;
+    className: any;
+    style: any;
+    disabled: any;
+    ghost: any;
+    icon: any;
+}): JSX.Element;
+export namespace Avatar {
+    namespace propTypes {
+        const text: PropTypes.Requireable<string>;
+        const image: PropTypes.Requireable<string>;
+        const size: PropTypes.Requireable<string | number>;
+        const className: PropTypes.Requireable<string>;
+        const disabled: PropTypes.Requireable<boolean>;
+        const icon: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        const ghost: PropTypes.Requireable<boolean>;
+        const style: PropTypes.Requireable<object>;
+    }
+    namespace defaultProps {
+        const text_1: string;
+        export { text_1 as text };
+        const image_1: string;
+        export { image_1 as image };
+        const size_1: string;
+        export { size_1 as size };
+        const className_1: string;
+        export { className_1 as className };
+        const disabled_1: boolean;
+        export { disabled_1 as disabled };
+        export { PeopleIcon as icon };
+        const ghost_1: boolean;
+        export { ghost_1 as ghost };
+        const style_1: {};
+        export { style_1 as style };
+    }
+}
+export default Avatar;
+import PropTypes from "prop-types";
+import PeopleIcon from "../../Icons/People";

package/transpiled/react/legacy/Breadcrumbs/index.d.ts

@@ -0,0 +1,17 @@
+export default Breadcrumbs;
+declare function Breadcrumbs({ items, className, style }: {
+    items: any;
+    className: any;
+    style: any;
+}): JSX.Element;
+declare namespace Breadcrumbs {
+    namespace propTypes {
+        const className: PropTypes.Requireable<string>;
+        const items: PropTypes.Requireable<(PropTypes.InferProps<{
+            name: PropTypes.Validator<string>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            tag: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        }> | null)[]>;
+    }
+}
+import PropTypes from "prop-types";