@leav/ui 0.2.7 → 0.2.8

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,8 +29,7 @@ const _getGridTemplateAreas = (withPreview, withSubLabel, tile) => {
             `;
         }
         return "'label'";
-    }
-    else {
+    } else {
         if (withPreview) {
             if (withSubLabel) {
                 return `
@@ -57,43 +56,121 @@ 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,36 +23,79 @@ 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,4 +1,11 @@
 /// <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,18 +44,50 @@ 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,10 +19,14 @@ 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;