@leav/ui 0.2.8 → 0.3.0

package/dist/components/EntityCard/EntityCard.js

@@ -1,12 +1,12 @@
-import {jsx as _jsx, jsxs as _jsxs} from 'react/jsx-runtime';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {Typography} from 'antd';
+import { Typography } from 'antd';
 import styled from 'styled-components';
-import {getPreviewSize} from '../../_utils';
-import {PreviewSize} from '../../constants';
-import {EntityPreview} from '../EntityPreview';
+import { getPreviewSize } from '../../_utils';
+import { PreviewSize } from '../../constants';
+import { EntityPreview } from '../EntityPreview';
 const _getGridTemplateAreas = (withPreview, withSubLabel, tile) => {
     if (tile) {
         if (withPreview) {
@@ -29,7 +29,8 @@ const _getGridTemplateAreas = (withPreview, withSubLabel, tile) => {
             `;
         }
         return "'label'";
-    } else {
+    }
+    else {
         if (withPreview) {
             if (withSubLabel) {
                 return `
@@ -56,121 +57,43 @@ const marginBySize = {
     [PreviewSize.medium]: '0.8rem',
     [PreviewSize.big]: '0.8rem'
 };
-const Wrapper = styled.div`
+const Wrapper = styled.div `
     border-left: ${props => (props.$withColor ? `5px solid ${props.$color ? props.$color : 'transparent'}` : 'none')};
     display: grid;
     grid-template-areas: ${props => _getGridTemplateAreas(props.$withPreview, props.$withSubLabel, props.$tile)};
 
     grid-template-columns: ${props => {
-        var _a;
-        if (!props.$withPreview || props.$tile) {
-            return '100%';
-        }
-        const previewSize = getPreviewSize(
-            props.$size,
-            (_a = props === null || props === void 0 ? void 0 : props.$simplistic) !== null && _a !== void 0
-                ? _a
-                : false
-        );
-        const previewColSize = `calc(${previewSize} + calc(2*${marginBySize[props.$size]}))`;
-        return `${previewColSize} calc(100% - ${previewColSize})`;
-    }};
+    var _a;
+    if (!props.$withPreview || props.$tile) {
+        return '100%';
+    }
+    const previewSize = getPreviewSize(props.$size, (_a = props === null || props === void 0 ? void 0 : props.$simplistic) !== null && _a !== void 0 ? _a : false);
+    const previewColSize = `calc(${previewSize} + calc(2*${marginBySize[props.$size]}))`;
+    return `${previewColSize} calc(100% - ${previewColSize})`;
+}};
 `;
-const PreviewWrapper = styled.div`
+const PreviewWrapper = styled.div `
     grid-area: preview;
     margin: ${props => (props.$tile ? '0.3rem 0' : `0 ${marginBySize[props.$size]}`)};
     justify-self: center;
 `;
-const EntityLabel = styled.div`
+const EntityLabel = styled.div `
     grid-area: label;
     font-weight: bold;
     overflow: hidden;
     align-self: ${props => (props.$simplistic || !props.$withSubLabel ? 'center' : 'end')};
     line-height: 1.3em;
 `;
-const SubLabel = styled.div`
+const SubLabel = styled.div `
     grid-area: sub-label;
     font-weight: normal;
     color: rgba(0, 0, 0, 0.4);
     font-size: 0.9em;
     line-height: 1.3em;
 `;
-function EntityCard({
-    entity,
-    size = PreviewSize.medium,
-    tile = false,
-    simplistic = false,
-    withColor = true,
-    withSubLabel = true,
-    withPreview = true,
-    style,
-    previewStyle
-}) {
+function EntityCard({ entity, size = PreviewSize.medium, tile = false, simplistic = false, withColor = true, withSubLabel = true, withPreview = true, style, previewStyle }) {
     var _a;
-    return _jsxs(
-        Wrapper,
-        Object.assign(
-            {
-                'data-testid': 'entity-card',
-                $color: entity.color,
-                style: style,
-                $size: size,
-                $withPreview: withPreview,
-                $withColor: withColor,
-                $withSubLabel: withSubLabel,
-                $tile: tile,
-                $simplistic: simplistic
-            },
-            {
-                children: [
-                    withPreview &&
-                        _jsx(
-                            PreviewWrapper,
-                            Object.assign(
-                                {className: 'preview', $tile: tile, $size: size},
-                                {
-                                    children: _jsx(EntityPreview, {
-                                        label: entity.label,
-                                        color: entity.color,
-                                        image: entity.preview,
-                                        size: size,
-                                        style: previewStyle,
-                                        tile: tile,
-                                        simplistic: simplistic
-                                    })
-                                }
-                            )
-                        ),
-                    _jsx(
-                        EntityLabel,
-                        Object.assign(
-                            {className: 'label', $simplistic: simplistic, $withSubLabel: withSubLabel},
-                            {
-                                children: _jsx(
-                                    Typography.Paragraph,
-                                    Object.assign(
-                                        {
-                                            ellipsis: {rows: 1, tooltip: entity.label},
-                                            style: {
-                                                marginBottom: 0,
-                                                color:
-                                                    (_a = style === null || style === void 0 ? void 0 : style.color) !==
-                                                        null && _a !== void 0
-                                                        ? _a
-                                                        : null
-                                            }
-                                        },
-                                        {children: entity.label}
-                                    )
-                                )
-                            }
-                        )
-                    ),
-                    withSubLabel && _jsx(SubLabel, Object.assign({className: 'sub-label'}, {children: entity.subLabel}))
-                ]
-            }
-        )
-    );
+    return (_jsxs(Wrapper, Object.assign({ "data-testid": "entity-card", "$color": entity.color, style: style, "$size": size, "$withPreview": withPreview, "$withColor": withColor, "$withSubLabel": withSubLabel, "$tile": tile, "$simplistic": simplistic }, { children: [withPreview && (_jsx(PreviewWrapper, Object.assign({ className: "preview", "$tile": tile, "$size": size }, { children: _jsx(EntityPreview, { label: entity.label, color: entity.color, image: entity.preview, size: size, style: previewStyle, tile: tile, simplistic: simplistic }) }))), _jsx(EntityLabel, Object.assign({ className: "label", "$simplistic": simplistic, "$withSubLabel": withSubLabel }, { children: _jsx(Typography.Paragraph, Object.assign({ ellipsis: { rows: 1, tooltip: entity.label }, style: { marginBottom: 0, color: (_a = style === null || style === void 0 ? void 0 : style.color) !== null && _a !== void 0 ? _a : null } }, { children: entity.label })) })), withSubLabel && _jsx(SubLabel, Object.assign({ className: "sub-label" }, { children: entity.subLabel }))] })));
 }
 export default EntityCard;
-//# sourceMappingURL=EntityCard.js.map
+//# sourceMappingURL=EntityCard.js.map

package/dist/components/EntityCard/_types.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=_types.js.map
+//# sourceMappingURL=_types.js.map

package/dist/components/EntityCard/index.d.ts

@@ -1,2 +1,2 @@
-export {default as EntityCard} from './EntityCard';
+export { default as EntityCard } from './EntityCard';
 export * from './_types';

package/dist/components/EntityCard/index.js

@@ -1,6 +1,6 @@
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-export {default as EntityCard} from './EntityCard';
+export { default as EntityCard } from './EntityCard';
 export * from './_types';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/EntityPreview/EntityPreview.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import {IEntityPreviewProps} from './_types';
+import { IEntityPreviewProps } from './_types';
 declare const comp: React.NamedExoticComponent<IEntityPreviewProps>;
 export default comp;

package/dist/components/EntityPreview/EntityPreview.js

@@ -1,4 +1,4 @@
-import {jsx as _jsx} from 'react/jsx-runtime';
+import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
@@ -12,4 +12,4 @@ const comp = React.memo(function EntityPreview(props) {
     return _jsx(EntityPreviewList, Object.assign({}, props));
 });
 export default comp;
-//# sourceMappingURL=EntityPreview.js.map
+//# sourceMappingURL=EntityPreview.js.map

package/dist/components/EntityPreview/EntityPreviewList/EntityPreviewList.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import {IEntityPreviewProps} from '../_types';
-declare function EntityPreviewList({label, color, image, size, style, simplistic}: IEntityPreviewProps): JSX.Element;
+import { IEntityPreviewProps } from '../_types';
+declare function EntityPreviewList({ label, color, image, size, style, simplistic }: IEntityPreviewProps): JSX.Element;
 export default EntityPreviewList;

package/dist/components/EntityPreview/EntityPreviewList/EntityPreviewList.js

@@ -1,20 +1,20 @@
-import {jsx as _jsx, jsxs as _jsxs} from 'react/jsx-runtime';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {getInitials, getInvertColor, stringToColor} from '@leav/utils';
-import {Skeleton} from 'antd';
-import {useState} from 'react';
+import { getInitials, getInvertColor, stringToColor } from '@leav/utils';
+import { Skeleton } from 'antd';
+import { useState } from 'react';
 import styled from 'styled-components';
-import {getPreviewSize} from '../../../_utils';
+import { getPreviewSize } from '../../../_utils';
 import SimplisticEntityPreview from './SimplisticEntityPreview';
-const GeneratedPreview = styled.div`
+const GeneratedPreview = styled.div `
     ${props => props.style || ''}
     background-color: ${props => props.$bgColor};
     color: ${props => props.$fontColor};
-    font-size: ${({$size: size}) => `calc(${getPreviewSize(size)} / 2.6)`};
-    height: ${({$size: size}) => getPreviewSize(size)};
-    width: ${({$size: size}) => getPreviewSize(size)};
+    font-size: ${({ $size: size }) => `calc(${getPreviewSize(size)} / 2.6)`};
+    height: ${({ $size: size }) => getPreviewSize(size)};
+    width: ${({ $size: size }) => getPreviewSize(size)};
     padding: 5px;
     text-align: center;
     display: flex;
@@ -23,79 +23,36 @@ const GeneratedPreview = styled.div`
     border-radius: 50%;
 `;
 GeneratedPreview.displayName = 'GeneratedPreview';
-const ImagePreview = styled.div`
+const ImagePreview = styled.div `
     display: flex;
     justify-content: center;
     align-items: center;
-    height: ${({size}) => getPreviewSize(size)};
-    width: ${({size}) => getPreviewSize(size)};
+    height: ${({ size }) => getPreviewSize(size)};
+    width: ${({ size }) => getPreviewSize(size)};
     overflow: hidden;
     border-radius: 50%;
     border: 1px solid rgba(0, 0, 0, 0.1);
 `;
 ImagePreview.displayName = 'ImagePreview';
-const Image = styled.img`
+const Image = styled.img `
     display: ${p => (p.$loaded ? 'block' : 'none')};
 `;
-function EntityPreviewList({label, color, image, size, style, simplistic = false}) {
+function EntityPreviewList({ label, color, image, size, style, simplistic = false }) {
     const [imageLoaded, setImageLoaded] = useState(false);
     if (simplistic) {
-        return _jsx(SimplisticEntityPreview, {label: label});
+        return _jsx(SimplisticEntityPreview, { label: label });
     }
     if (image) {
-        return _jsxs(
-            ImagePreview,
-            Object.assign(
-                {size: size, style: style},
-                {
-                    children: [
-                        !imageLoaded &&
-                            _jsx(Skeleton.Image, {
-                                style: {
-                                    width: '65%',
-                                    height: '65%',
-                                    background: 'none',
-                                    margin: 'auto'
-                                }
-                            }),
-                        _jsx(Image, {
-                            role: 'img',
-                            $loaded: imageLoaded,
-                            src: image,
-                            alt: 'record preview',
-                            onLoad: () => setImageLoaded(true),
-                            style: Object.assign(
-                                {
-                                    maxHeight: 'auto',
-                                    maxWidth: 'auto',
-                                    width: '100%',
-                                    height: '100%',
-                                    objectFit: 'cover'
-                                },
-                                style
-                            )
-                        })
-                    ]
-                }
-            )
-        );
+        return (_jsxs(ImagePreview, Object.assign({ size: size, style: style }, { children: [!imageLoaded && (_jsx(Skeleton.Image, { style: {
+                        width: '65%',
+                        height: '65%',
+                        background: 'none',
+                        margin: 'auto'
+                    } })), _jsx(Image, { role: "img", "$loaded": imageLoaded, src: image, alt: "record preview", onLoad: () => setImageLoaded(true), style: Object.assign({ maxHeight: 'auto', maxWidth: 'auto', width: '100%', height: '100%', objectFit: 'cover' }, style) })] })));
     }
     const bgColor = color || stringToColor(label);
     const fontColor = getInvertColor(bgColor);
-    return _jsx(
-        GeneratedPreview,
-        Object.assign(
-            {
-                'data-testid': 'generated-preview',
-                className: 'initial',
-                $bgColor: bgColor,
-                $fontColor: fontColor,
-                $size: size,
-                style: Object.assign({}, style)
-            },
-            {children: getInitials(label)}
-        )
-    );
+    return (_jsx(GeneratedPreview, Object.assign({ "data-testid": "generated-preview", className: "initial", "$bgColor": bgColor, "$fontColor": fontColor, "$size": size, style: Object.assign({}, style) }, { children: getInitials(label) })));
 }
 export default EntityPreviewList;
-//# sourceMappingURL=EntityPreviewList.js.map
+//# sourceMappingURL=EntityPreviewList.js.map

package/dist/components/EntityPreview/EntityPreviewList/SimplisticEntityPreview/SimplisticEntityPreview.d.ts

@@ -2,5 +2,5 @@
 interface ISimplisticEntityPreviewProps {
     label: string;
 }
-declare function SimplisticEntityPreview({label}: ISimplisticEntityPreviewProps): JSX.Element;
+declare function SimplisticEntityPreview({ label }: ISimplisticEntityPreviewProps): JSX.Element;
 export default SimplisticEntityPreview;

package/dist/components/EntityPreview/EntityPreviewList/SimplisticEntityPreview/SimplisticEntityPreview.js

@@ -1,12 +1,12 @@
-import {jsx as _jsx} from 'react/jsx-runtime';
+import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {getInitials} from '@leav/utils';
+import { getInitials } from '@leav/utils';
 import styled from 'styled-components';
-import {themeVars} from '../../../../antdTheme';
-import {getPreviewSize} from '../../../../_utils';
-const Wrapper = styled.div`
+import { themeVars } from '../../../../antdTheme';
+import { getPreviewSize } from '../../../../_utils';
+const Wrapper = styled.div `
     border-radius: 50%;
     border: 1px solid ${themeVars.borderColor};
     width: ${props => `calc(${props.$size} + 0.5rem)`};
@@ -15,10 +15,10 @@ const Wrapper = styled.div`
     align-items: center;
     justify-content: center;
 `;
-function SimplisticEntityPreview({label}) {
+function SimplisticEntityPreview({ label }) {
     const initial = getInitials(label, 1);
     const previewSize = getPreviewSize(null, true);
-    return _jsx(Wrapper, Object.assign({$size: previewSize, 'data-testid': 'simplistic-preview'}, {children: initial}));
+    return (_jsx(Wrapper, Object.assign({ "$size": previewSize, "data-testid": "simplistic-preview" }, { children: initial })));
 }
 export default SimplisticEntityPreview;
-//# sourceMappingURL=SimplisticEntityPreview.js.map
+//# sourceMappingURL=SimplisticEntityPreview.js.map

package/dist/components/EntityPreview/EntityPreviewList/SimplisticEntityPreview/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import SimplisticEntityPreview from './SimplisticEntityPreview';
 export default SimplisticEntityPreview;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/EntityPreview/EntityPreviewList/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import EntityPreviewList from './EntityPreviewList';
 export default EntityPreviewList;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/EntityPreview/EntityPreviewTile/EntityPreviewTile.d.ts

@@ -1,11 +1,4 @@
 /// <reference types="react" />
-import {IEntityPreviewProps} from '../_types';
-declare function RecordPreviewTile({
-    label,
-    color,
-    image,
-    style,
-    imageStyle,
-    placeholderStyle
-}: IEntityPreviewProps): JSX.Element;
+import { IEntityPreviewProps } from '../_types';
+declare function RecordPreviewTile({ label, color, image, style, imageStyle, placeholderStyle }: IEntityPreviewProps): JSX.Element;
 export default RecordPreviewTile;

package/dist/components/EntityPreview/EntityPreviewTile/EntityPreviewTile.js

@@ -1,14 +1,14 @@
-import {jsx as _jsx, jsxs as _jsxs} from 'react/jsx-runtime';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {getInitials, getInvertColor, stringToColor} from '@leav/utils';
-import {useState} from 'react';
+import { getInitials, getInvertColor, stringToColor } from '@leav/utils';
+import { useState } from 'react';
 import styled from 'styled-components';
-import {themeVars} from '../../../antdTheme';
-import {ImageLoading} from '../../ImageLoading';
-import {ImageMissing} from '../../ImageMissing';
-const ImagePreviewWrapper = styled.div`
+import { themeVars } from '../../../antdTheme';
+import { ImageLoading } from '../../ImageLoading';
+import { ImageMissing } from '../../ImageMissing';
+const ImagePreviewWrapper = styled.div `
     display: flex;
     justify-content: center;
     align-items: center;
@@ -26,11 +26,11 @@ const ImagePreviewWrapper = styled.div`
     }
 `;
 ImagePreviewWrapper.displayName = 'ImagePreviewTile';
-const ImageComp = styled.img`
+const ImageComp = styled.img `
     display: ${p => (p.$loaded ? 'block' : 'none')};
     border: 1px solid ${themeVars.borderColor};
 `;
-const GeneratedPreviewTile = styled.div`
+const GeneratedPreviewTile = styled.div `
     ${props => props.style || ''}
     background-color: ${props => props.$bgColor};
     color: ${props => props.$fontColor};
@@ -44,50 +44,18 @@ const GeneratedPreviewTile = styled.div`
     border-radius: 0.25rem 0.25rem 0 0;
 `;
 GeneratedPreviewTile.displayName = 'GeneratedPreviewTile';
-function RecordPreviewTile({label, color, image, style, imageStyle, placeholderStyle}) {
+function RecordPreviewTile({ label, color, image, style, imageStyle, placeholderStyle }) {
     const [imageLoaded, setImageLoaded] = useState(false);
     const [hasFailed, setHasFailed] = useState(false);
     if (image) {
-        return _jsxs(
-            ImagePreviewWrapper,
-            Object.assign(
-                {style: Object.assign({position: 'relative'}, style)},
-                {
-                    children: [
-                        !imageLoaded && _jsx(ImageLoading, {}),
-                        !hasFailed
-                            ? _jsx(ImageComp, {
-                                  $loaded: imageLoaded,
-                                  src: image,
-                                  alt: 'record preview',
-                                  style: Object.assign({}, imageStyle),
-                                  onLoad: () => setImageLoaded(true),
-                                  onError: () => {
-                                      setImageLoaded(true);
-                                      setHasFailed(true);
-                                  }
-                              })
-                            : _jsx(ImageMissing, {style: Object.assign({}, style)})
-                    ]
-                }
-            )
-        );
+        return (_jsxs(ImagePreviewWrapper, Object.assign({ style: Object.assign({ position: 'relative' }, style) }, { children: [!imageLoaded && _jsx(ImageLoading, {}), !hasFailed ? (_jsx(ImageComp, { "$loaded": imageLoaded, src: image, alt: "record preview", style: Object.assign({}, imageStyle), onLoad: () => setImageLoaded(true), onError: () => {
+                        setImageLoaded(true);
+                        setHasFailed(true);
+                    } })) : (_jsx(ImageMissing, { style: Object.assign({}, style) }))] })));
     }
     const bgColor = color || stringToColor(label);
     const fontColor = getInvertColor(bgColor);
-    return _jsx(
-        GeneratedPreviewTile,
-        Object.assign(
-            {
-                'data-testid': 'generated-preview',
-                className: 'initial',
-                $bgColor: bgColor,
-                $fontColor: fontColor,
-                style: placeholderStyle
-            },
-            {children: getInitials(label)}
-        )
-    );
+    return (_jsx(GeneratedPreviewTile, Object.assign({ "data-testid": "generated-preview", className: "initial", "$bgColor": bgColor, "$fontColor": fontColor, style: placeholderStyle }, { children: getInitials(label) })));
 }
 export default RecordPreviewTile;
-//# sourceMappingURL=EntityPreviewTile.js.map
+//# sourceMappingURL=EntityPreviewTile.js.map

package/dist/components/EntityPreview/EntityPreviewTile/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import EntityPreviewTile from './EntityPreviewTile';
 export default EntityPreviewTile;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/EntityPreview/_types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import {CSSObject} from 'styled-components';
-import {PreviewSize} from '../../constants';
+import { CSSObject } from 'styled-components';
+import { PreviewSize } from '../../constants';
 export interface IEntityPreviewProps {
     label: string;
     color?: string;

package/dist/components/EntityPreview/_types.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=_types.js.map
+//# sourceMappingURL=_types.js.map

package/dist/components/EntityPreview/index.d.ts

@@ -1,2 +1,2 @@
-export {default as EntityPreview} from './EntityPreview';
+export { default as EntityPreview } from './EntityPreview';
 export * from './_types';

package/dist/components/EntityPreview/index.js

@@ -1,6 +1,6 @@
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-export {default as EntityPreview} from './EntityPreview';
+export { default as EntityPreview } from './EntityPreview';
 export * from './_types';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/ErrorBoundary/ErrorBoundary.js

@@ -1,4 +1,4 @@
-import {jsx as _jsx} from 'react/jsx-runtime';
+import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
@@ -7,7 +7,7 @@ import ErrorBoundaryContent from './ErrorBoundaryContent';
 export class ErrorBoundary extends React.Component {
     constructor(props) {
         super(props);
-        this.state = {error: null, errorInfo: null};
+        this.state = { error: null, errorInfo: null };
     }
     componentDidCatch(error, errorInfo) {
         // Catch errors in any components below and re-render with error message
@@ -19,14 +19,10 @@ export class ErrorBoundary extends React.Component {
     render() {
         if (this.state.errorInfo) {
             // Display error
-            return _jsx(ErrorBoundaryContent, {
-                error: this.state.error,
-                errorInfo: this.state.errorInfo,
-                recoveryButtons: this.props.recoveryButtons
-            });
+            return (_jsx(ErrorBoundaryContent, { error: this.state.error, errorInfo: this.state.errorInfo, recoveryButtons: this.props.recoveryButtons }));
         }
         // No error, just render children
         return this.props.children;
     }
 }
-//# sourceMappingURL=ErrorBoundary.js.map
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/components/ErrorBoundary/ErrorBoundaryContent/ErrorBoundaryContent.d.ts

@@ -1,9 +1,9 @@
-import {ErrorInfo, ReactNode} from 'react';
+import { ErrorInfo, ReactNode } from 'react';
 interface IErrorBoundaryContentProps {
     error?: Error;
     errorInfo?: ErrorInfo;
     recoveryButtons?: ReactNode[];
     showRecoveryButtons?: boolean;
 }
-declare function ErrorBoundaryContent({error, errorInfo, recoveryButtons}: IErrorBoundaryContentProps): JSX.Element;
+declare function ErrorBoundaryContent({ error, errorInfo, recoveryButtons }: IErrorBoundaryContentProps): JSX.Element;
 export default ErrorBoundaryContent;