@jetshop/ui 5.13.0 → 5.13.10-0

package/DropdownMenu/Button.js

@@ -1,32 +1,32 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { useRef, useEffect } from 'react';
-import { DropdownMenuContext } from './DropdownMenu';
-import { withFlightUI } from '../withFlightUI';
-const Button = (_a) => {
-    var { children } = _a, rest = __rest(_a, ["children"]);
-    const { isOpen, setIsOpen } = React.useContext(DropdownMenuContext);
-    const prevOpenState = useRef(isOpen);
-    const buttonRef = useRef();
-    useEffect(() => {
-        if (!isOpen && prevOpenState.current === true)
-            buttonRef.current.focus();
-        prevOpenState.current = isOpen;
-    }, [isOpen]);
-    const clickHandler = () => {
-        setIsOpen(o => !o);
-        typeof rest.onClick === 'function' && rest.onClick();
-    };
-    return withFlightUI(children, Object.assign({ as: 'button', 'data-flight-dropdown-button': '', 'aria-expanded': isOpen, 'aria-haspopup': 'menu', type: 'button', role: 'button', ref: buttonRef, onClick: clickHandler }, rest));
-};
-export { Button };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useRef, useEffect } from 'react';
+import { DropdownMenuContext } from './DropdownMenu';
+import { withFlightUI } from '../withFlightUI';
+const Button = (_a) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    const { isOpen, setIsOpen } = React.useContext(DropdownMenuContext);
+    const prevOpenState = useRef(isOpen);
+    const buttonRef = useRef();
+    useEffect(() => {
+        if (!isOpen && prevOpenState.current === true)
+            buttonRef.current.focus();
+        prevOpenState.current = isOpen;
+    }, [isOpen]);
+    const clickHandler = () => {
+        setIsOpen(o => !o);
+        typeof rest.onClick === 'function' && rest.onClick();
+    };
+    return withFlightUI(children, Object.assign({ as: 'button', 'data-flight-dropdown-button': '', 'aria-expanded': isOpen, 'aria-haspopup': 'menu', type: 'button', role: 'button', ref: buttonRef, onClick: clickHandler }, rest));
+};
+export { Button };
 //# sourceMappingURL=Button.js.map

package/DropdownMenu/DropdownMenu.d.ts

@@ -1,21 +1,21 @@
-import React from 'react';
-import { FlightUIProps } from '../withFlightUI';
-export declare const DropdownMenuContext: React.Context<{
-    isOpen: boolean;
-    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    itemRefs: React.RefObject<any>;
-}>;
-interface DropdownMenuProps extends FlightUIProps {
-    /** The initial open state of the dropdown menu
-     *  @default false
-     * */
-    initialOpen?: boolean;
-    /** Set to true if you'd like to disable all default styling  */
-    unstyled?: boolean;
-}
-export declare const DropdownMenu: React.NamedExoticComponent<DropdownMenuProps>;
-export declare function useDropdownMenu(): {
-    isOpen: boolean;
-    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
-};
-export {};
+import React from 'react';
+import { FlightUIProps } from '../withFlightUI';
+export declare const DropdownMenuContext: React.Context<{
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    itemRefs: React.RefObject<any>;
+}>;
+interface DropdownMenuProps extends FlightUIProps {
+    /** The initial open state of the dropdown menu
+     *  @default false
+     * */
+    initialOpen?: boolean;
+    /** Set to true if you'd like to disable all default styling  */
+    unstyled?: boolean;
+}
+export declare const DropdownMenu: React.NamedExoticComponent<DropdownMenuProps>;
+export declare function useDropdownMenu(): {
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export {};

package/DropdownMenu/DropdownMenu.js

@@ -1,72 +1,72 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { css, cx } from 'linaria';
-import React, { useContext, useRef } from 'react';
-import { withFlightUI } from '../withFlightUI';
-export const DropdownMenuContext = React.createContext(undefined);
-css `
-  global([data-flight-dropdown-open='false'] [data-flight-dropdown-items]) {
-    display: none;
-  }
-`;
-const styles = css `
-  position: relative;
-
-  [data-flight-dropdown-button] {
-    padding: 0.5em 1em;
-    border: 1px solid #c0c0c0;
-    border-radius: 3px;
-  }
-  [data-flight-dropdown-items] {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    background: white;
-    white-space: nowrap;
-    display: block;
-    z-index: 2;
-    outline: none;
-  }
-  [data-flight-dropdown-item] {
-    cursor: pointer;
-    border-top: 1px solid #c0c0c0;
-    white-space: nowrap;
-    padding: 0.5em 1em;
-    :hover {
-      color: blue;
-    }
-  }
-`;
-export const DropdownMenu = React.memo(function DropdownMenu(_a) {
-    var { initialOpen = false, unstyled, children, className } = _a, rest = __rest(_a, ["initialOpen", "unstyled", "children", "className"]);
-    const [isOpen, setIsOpen] = React.useState(initialOpen);
-    const [selectedIndex, setSelectedIndex] = React.useState(0);
-    const itemRefs = useRef([]);
-    const value = React.useMemo(() => {
-        return {
-            isOpen,
-            setIsOpen,
-            selectedIndex,
-            setSelectedIndex,
-            itemRefs
-        };
-    }, [isOpen, selectedIndex]);
-    return withFlightUI(React.createElement(DropdownMenuContext.Provider, { value: value }, typeof children === 'function'
-        ? children({ isOpen, setIsOpen })
-        : children), Object.assign({ as: 'div', 'data-flight-dropdown': '', 'data-flight-dropdown-open': isOpen, unstyled, className: cx(styles, className) }, rest));
-});
-DropdownMenu.displayName = 'withFlightUI(DropdownMenu)';
-export function useDropdownMenu() {
-    const { isOpen, setIsOpen } = useContext(DropdownMenuContext);
-    return { isOpen, setIsOpen };
-}
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { css, cx } from 'linaria';
+import React, { useContext, useRef } from 'react';
+import { withFlightUI } from '../withFlightUI';
+export const DropdownMenuContext = React.createContext(undefined);
+css `
+  global([data-flight-dropdown-open='false'] [data-flight-dropdown-items]) {
+    display: none;
+  }
+`;
+const styles = css `
+  position: relative;
+
+  [data-flight-dropdown-button] {
+    padding: 0.5em 1em;
+    border: 1px solid #c0c0c0;
+    border-radius: 3px;
+  }
+  [data-flight-dropdown-items] {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    background: white;
+    white-space: nowrap;
+    display: block;
+    z-index: 2;
+    outline: none;
+  }
+  [data-flight-dropdown-item] {
+    cursor: pointer;
+    border-top: 1px solid #c0c0c0;
+    white-space: nowrap;
+    padding: 0.5em 1em;
+    :hover {
+      color: blue;
+    }
+  }
+`;
+export const DropdownMenu = React.memo(function DropdownMenu(_a) {
+    var { initialOpen = false, unstyled, children, className } = _a, rest = __rest(_a, ["initialOpen", "unstyled", "children", "className"]);
+    const [isOpen, setIsOpen] = React.useState(initialOpen);
+    const [selectedIndex, setSelectedIndex] = React.useState(0);
+    const itemRefs = useRef([]);
+    const value = React.useMemo(() => {
+        return {
+            isOpen,
+            setIsOpen,
+            selectedIndex,
+            setSelectedIndex,
+            itemRefs
+        };
+    }, [isOpen, selectedIndex]);
+    return withFlightUI(React.createElement(DropdownMenuContext.Provider, { value: value }, typeof children === 'function'
+        ? children({ isOpen, setIsOpen })
+        : children), Object.assign({ as: 'div', 'data-flight-dropdown': '', 'data-flight-dropdown-open': isOpen, unstyled, className: cx(styles, className) }, rest));
+});
+DropdownMenu.displayName = 'withFlightUI(DropdownMenu)';
+export function useDropdownMenu() {
+    const { isOpen, setIsOpen } = useContext(DropdownMenuContext);
+    return { isOpen, setIsOpen };
+}
 //# sourceMappingURL=DropdownMenu.js.map

package/DropdownMenu/Item.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { As, FlightUIProps } from '../withFlightUI';
-export declare const Item: React.FC<{} & FlightUIProps & {
-    /** @default 'li' */
-    as?: As;
-    closeOnSelect?: boolean;
-    /** Function to call when selecting this item */
-    onSelect?: ({ isOpen, setIsOpen }: {
-        isOpen: boolean;
-        setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    }) => void;
-    disabled?: boolean;
-}>;
+import React from 'react';
+import { As, FlightUIProps } from '../withFlightUI';
+export declare const Item: React.FC<{} & FlightUIProps & {
+    /** @default 'li' */
+    as?: As;
+    closeOnSelect?: boolean;
+    /** Function to call when selecting this item */
+    onSelect?: ({ isOpen, setIsOpen }: {
+        isOpen: boolean;
+        setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    }) => void;
+    disabled?: boolean;
+}>;

package/DropdownMenu/Item.js

@@ -1,48 +1,48 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { withFlightUI } from '../withFlightUI';
-import { DropdownMenuContext, useDropdownMenu } from './DropdownMenu';
-export const Item = function Item(_a) {
-    var { onSelect, closeOnSelect, children, disabled, index } = _a, rest = __rest(_a, ["onSelect", "closeOnSelect", "children", "disabled", "index"]);
-    const { itemRefs } = React.useContext(DropdownMenuContext);
-    const { isOpen, setIsOpen } = useDropdownMenu();
-    const itemRef = React.createRef();
-    itemRefs.current[index] = itemRef;
-    const select = () => {
-        closeOnSelect && setIsOpen(false);
-        typeof onSelect === 'function' &&
-            !disabled &&
-            onSelect({ isOpen, setIsOpen });
-    };
-    const handleKeydown = (e) => {
-        if (e.key === 'Enter' || e.key === 'Space' || e.key === ' ') {
-            e.preventDefault();
-            select();
-        }
-        if (e.key === 'ArrowDown') {
-            e.preventDefault();
-            if (itemRefs.current.length - 1 === index)
-                return;
-            itemRefs.current[index + 1].current.focus();
-        }
-        if (e.key === 'ArrowUp') {
-            e.preventDefault();
-            if (index === 0)
-                return;
-            itemRefs.current[index - 1].current.focus();
-        }
-    };
-    const focusItem = () => itemRef.current && itemRef.current.focus();
-    return withFlightUI(children, Object.assign({ as: 'li', ref: itemRef, tabIndex: -1, onClick: select, onKeyDown: handleKeydown, onMouseEnter: focusItem, role: 'menuitem', 'data-flight-dropdown-item': '' }, rest));
-};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { withFlightUI } from '../withFlightUI';
+import { DropdownMenuContext, useDropdownMenu } from './DropdownMenu';
+export const Item = function Item(_a) {
+    var { onSelect, closeOnSelect, children, disabled, index } = _a, rest = __rest(_a, ["onSelect", "closeOnSelect", "children", "disabled", "index"]);
+    const { itemRefs } = React.useContext(DropdownMenuContext);
+    const { isOpen, setIsOpen } = useDropdownMenu();
+    const itemRef = React.createRef();
+    itemRefs.current[index] = itemRef;
+    const select = () => {
+        closeOnSelect && setIsOpen(false);
+        typeof onSelect === 'function' &&
+            !disabled &&
+            onSelect({ isOpen, setIsOpen });
+    };
+    const handleKeydown = (e) => {
+        if (e.key === 'Enter' || e.key === 'Space' || e.key === ' ') {
+            e.preventDefault();
+            select();
+        }
+        if (e.key === 'ArrowDown') {
+            e.preventDefault();
+            if (itemRefs.current.length - 1 === index)
+                return;
+            itemRefs.current[index + 1].current.focus();
+        }
+        if (e.key === 'ArrowUp') {
+            e.preventDefault();
+            if (index === 0)
+                return;
+            itemRefs.current[index - 1].current.focus();
+        }
+    };
+    const focusItem = () => itemRef.current && itemRef.current.focus();
+    return withFlightUI(children, Object.assign({ as: 'li', ref: itemRef, tabIndex: -1, onClick: select, onKeyDown: handleKeydown, onMouseEnter: focusItem, role: 'menuitem', 'data-flight-dropdown-item': '' }, rest));
+};
 //# sourceMappingURL=Item.js.map

package/DropdownMenu/Items.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-import { As, FlightUIProps } from '../withFlightUI';
-export declare const Items: React.FC<{
-    /** By default, the items are not rendered when the dropdownMenu's `isOpen` state is `false`.
-     * Set this to true if you would prefer the list to be hidden with `display: none`
-     * @default false
-     */
-    onlyHide?: boolean;
-    /** Whether the menu should close when clicking outside it.
-     * @default true
-     */
-    closeOnClickOutside?: boolean;
-} & FlightUIProps & {
-    /** @default 'ul' */
-    as?: As;
-}>;
+import React from 'react';
+import { As, FlightUIProps } from '../withFlightUI';
+export declare const Items: React.FC<{
+    /** By default, the items are not rendered when the dropdownMenu's `isOpen` state is `false`.
+     * Set this to true if you would prefer the list to be hidden with `display: none`
+     * @default false
+     */
+    onlyHide?: boolean;
+    /** Whether the menu should close when clicking outside it.
+     * @default true
+     */
+    closeOnClickOutside?: boolean;
+} & FlightUIProps & {
+    /** @default 'ul' */
+    as?: As;
+}>;

package/DropdownMenu/Items.js

@@ -1,53 +1,53 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { Children, useEffect, useRef } from 'react';
-import { useOnClickOutside, useOnEsc } from '../hooks';
-import { withFlightUI } from '../withFlightUI';
-import { DropdownMenuContext } from './DropdownMenu';
-export const Items = (_a) => {
-    var { onlyHide, closeOnClickOutside = true, children } = _a, rest = __rest(_a, ["onlyHide", "closeOnClickOutside", "children"]);
-    const { setIsOpen, itemRefs, isOpen } = React.useContext(DropdownMenuContext);
-    const ref = useRef();
-    const close = () => isOpen && setIsOpen(false);
-    useEffect(() => {
-        if (!isOpen)
-            return;
-        if (itemRefs.current.length > 0) {
-            itemRefs.current[0].current.focus();
-            return;
-        }
-        ref.current.focus();
-    }, [isOpen, itemRefs]);
-    useOnClickOutside({
-        condition: closeOnClickOutside,
-        action: close,
-        ref
-    });
-    useOnEsc({
-        condition: isOpen,
-        action: close
-    });
-    // TODO: full keyboard interactions specified @ https://www.w3.org/TR/wai-aria-practices-1.1/#menu
-    const childrenWithIndex = Children.map(children, (child, index) => {
-        return React.cloneElement(child, {
-            index
-        });
-    });
-    const El = withFlightUI(childrenWithIndex, Object.assign({ as: 'ul', role: 'menu', ref, tabIndex: -1, 'data-flight-dropdown-items': '' }, rest));
-    // Return the element and rely on the CSS to hide
-    if (onlyHide) {
-        return El;
-    }
-    // Otherwise don't render anything when menu is closed
-    return React.createElement(React.Fragment, null, isOpen ? El : null);
-};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { Children, useEffect, useRef } from 'react';
+import { useOnClickOutside, useOnEsc } from '../hooks';
+import { withFlightUI } from '../withFlightUI';
+import { DropdownMenuContext } from './DropdownMenu';
+export const Items = (_a) => {
+    var { onlyHide, closeOnClickOutside = true, children } = _a, rest = __rest(_a, ["onlyHide", "closeOnClickOutside", "children"]);
+    const { setIsOpen, itemRefs, isOpen } = React.useContext(DropdownMenuContext);
+    const ref = useRef();
+    const close = () => isOpen && setIsOpen(false);
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        if (itemRefs.current.length > 0) {
+            itemRefs.current[0].current.focus();
+            return;
+        }
+        ref.current.focus();
+    }, [isOpen, itemRefs]);
+    useOnClickOutside({
+        condition: closeOnClickOutside,
+        action: close,
+        ref
+    });
+    useOnEsc({
+        condition: isOpen,
+        action: close
+    });
+    // TODO: full keyboard interactions specified @ https://www.w3.org/TR/wai-aria-practices-1.1/#menu
+    const childrenWithIndex = Children.map(children, (child, index) => {
+        return React.cloneElement(child, {
+            index
+        });
+    });
+    const El = withFlightUI(childrenWithIndex, Object.assign({ as: 'ul', role: 'menu', ref, tabIndex: -1, 'data-flight-dropdown-items': '' }, rest));
+    // Return the element and rely on the CSS to hide
+    if (onlyHide) {
+        return El;
+    }
+    // Otherwise don't render anything when menu is closed
+    return React.createElement(React.Fragment, null, isOpen ? El : null);
+};
 //# sourceMappingURL=Items.js.map

package/DropdownMenu/index.d.ts

@@ -1,4 +1,4 @@
-export { Button as DropdownMenuButton } from './Button';
-export { DropdownMenu, useDropdownMenu } from './DropdownMenu';
-export { Items as DropdownMenuItems } from './Items';
-export { Item as DropdownMenuItem } from './Item';
+export { Button as DropdownMenuButton } from './Button';
+export { DropdownMenu, useDropdownMenu } from './DropdownMenu';
+export { Items as DropdownMenuItems } from './Items';
+export { Item as DropdownMenuItem } from './Item';

package/DropdownMenu/index.js

@@ -1,5 +1,5 @@
-export { Button as DropdownMenuButton } from './Button';
-export { DropdownMenu, useDropdownMenu } from './DropdownMenu';
-export { Items as DropdownMenuItems } from './Items';
-export { Item as DropdownMenuItem } from './Item';
+export { Button as DropdownMenuButton } from './Button';
+export { DropdownMenu, useDropdownMenu } from './DropdownMenu';
+export { Items as DropdownMenuItems } from './Items';
+export { Item as DropdownMenuItem } from './Item';
 //# sourceMappingURL=index.js.map

package/ErrorBoundary/Generic.d.ts

@@ -1,17 +1,17 @@
-import * as React from 'react';
-export interface BoundaryErrorState {
-    error?: Error;
-    info?: React.ErrorInfo;
-}
-export interface BoundaryErrorProps {
-    component?: React.ReactNode;
-    extraInfo?: any;
-}
-export declare const DefaultError: React.FC<BoundaryErrorState>;
-declare class ErrorBoundary extends React.Component<BoundaryErrorProps, BoundaryErrorState> {
-    state: BoundaryErrorState;
-    static defaultProps: Partial<BoundaryErrorProps>;
-    componentDidCatch(error: Error, info: React.ErrorInfo): void;
-    render(): React.ReactNode;
-}
-export default ErrorBoundary;
+import * as React from 'react';
+export interface BoundaryErrorState {
+    error?: Error;
+    info?: React.ErrorInfo;
+}
+export interface BoundaryErrorProps {
+    component?: React.ReactNode;
+    extraInfo?: any;
+}
+export declare const DefaultError: React.FC<BoundaryErrorState>;
+declare class ErrorBoundary extends React.Component<BoundaryErrorProps, BoundaryErrorState> {
+    state: BoundaryErrorState;
+    static defaultProps: Partial<BoundaryErrorProps>;
+    componentDidCatch(error: Error, info: React.ErrorInfo): void;
+    render(): React.ReactNode;
+}
+export default ErrorBoundary;