@leav/ui 0.2.6 → 0.2.8

package/dist/components/FloatingMenu/FloatingMenu.js

@@ -1,13 +1,13 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import {jsx as _jsx, Fragment as _Fragment, 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 { EllipsisOutlined } from '@ant-design/icons';
-import { Dropdown, Tooltip } from 'antd';
+import {EllipsisOutlined} from '@ant-design/icons';
+import {Dropdown, Tooltip} from 'antd';
 import Button from 'antd/lib/button';
 import styled from 'styled-components';
-import { useSharedTranslation } from '../../hooks/useSharedTranslation';
-const FloatingMenuWrapper = styled.div `
+import {useSharedTranslation} from '../../hooks/useSharedTranslation';
+const FloatingMenuWrapper = styled.div`
     position: absolute;
     z-index: 1000;
     right: 0;
@@ -25,22 +25,84 @@ const FloatingMenuWrapper = styled.div `
 
     ${p => p.overrideStyle}
 `;
-function FloatingMenu({ actions, moreActions, style, size = 'small' }) {
-    const { t } = useSharedTranslation();
-    return (_jsxs(FloatingMenuWrapper, Object.assign({ "data-testid": "floating-menu", className: "floating-menu", style: style, onClick: e => {
-            e.stopPropagation();
-            e.preventDefault();
-        } }, { children: [actions.map((action, i) => {
-                var _a, _b;
-                return (_jsx(Tooltip, Object.assign({ title: action.title }, { children: (_a = action.button) !== null && _a !== void 0 ? _a : (_jsx(Button, { shape: "circle", size: action.size, icon: action.icon, onClick: action.onClick })) }), (_b = action.title) !== null && _b !== void 0 ? _b : i));
-            }), !!(moreActions === null || moreActions === void 0 ? void 0 : moreActions.length) && (_jsx(Tooltip, Object.assign({ title: t('items_list.table.actions-tooltips.more') }, { children: _jsx(Dropdown, Object.assign({ placement: "bottomRight", menu: {
-                        className: 'floating-menu-overlay',
-                        items: moreActions.map(moreAction => ({
-                            key: moreAction.title,
-                            onClick: moreAction.onClick,
-                            label: (_jsxs(_Fragment, { children: [moreAction.icon, " ", moreAction.title] }))
-                        }))
-                    } }, { children: _jsx(Button, { size: size, icon: _jsx(EllipsisOutlined, {}), "aria-label": t('floating_menu.more_actions'), title: t('floating_menu.more_actions'), shape: "circle" }) })) }), "more_actions"))] })));
+function FloatingMenu({actions, moreActions, style, size = 'small'}) {
+    const {t} = useSharedTranslation();
+    return _jsxs(
+        FloatingMenuWrapper,
+        Object.assign(
+            {
+                'data-testid': 'floating-menu',
+                className: 'floating-menu',
+                style: style,
+                onClick: e => {
+                    e.stopPropagation();
+                    e.preventDefault();
+                }
+            },
+            {
+                children: [
+                    actions.map((action, i) => {
+                        var _a, _b;
+                        return _jsx(
+                            Tooltip,
+                            Object.assign(
+                                {title: action.title},
+                                {
+                                    children:
+                                        (_a = action.button) !== null && _a !== void 0
+                                            ? _a
+                                            : _jsx(Button, {
+                                                  shape: 'circle',
+                                                  size: action.size,
+                                                  icon: action.icon,
+                                                  onClick: action.onClick
+                                              })
+                                }
+                            ),
+                            (_b = action.title) !== null && _b !== void 0 ? _b : i
+                        );
+                    }),
+                    !!(moreActions === null || moreActions === void 0 ? void 0 : moreActions.length) &&
+                        _jsx(
+                            Tooltip,
+                            Object.assign(
+                                {title: t('items_list.table.actions-tooltips.more')},
+                                {
+                                    children: _jsx(
+                                        Dropdown,
+                                        Object.assign(
+                                            {
+                                                placement: 'bottomRight',
+                                                menu: {
+                                                    className: 'floating-menu-overlay',
+                                                    items: moreActions.map(moreAction => ({
+                                                        key: moreAction.title,
+                                                        onClick: moreAction.onClick,
+                                                        label: _jsxs(_Fragment, {
+                                                            children: [moreAction.icon, ' ', moreAction.title]
+                                                        })
+                                                    }))
+                                                }
+                                            },
+                                            {
+                                                children: _jsx(Button, {
+                                                    size: size,
+                                                    icon: _jsx(EllipsisOutlined, {}),
+                                                    'aria-label': t('floating_menu.more_actions'),
+                                                    title: t('floating_menu.more_actions'),
+                                                    shape: 'circle'
+                                                })
+                                            }
+                                        )
+                                    )
+                                }
+                            ),
+                            'more_actions'
+                        )
+                ]
+            }
+        )
+    );
 }
 export default FloatingMenu;
-//# sourceMappingURL=FloatingMenu.js.map
+//# sourceMappingURL=FloatingMenu.js.map

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ButtonSize } from 'antd/lib/button';
+import {ButtonSize} from 'antd/lib/button';
 export interface IFloatingMenuActionWithBtn extends IFloatingMenuActionCommon {
     button?: React.ReactNode;
 }

package/dist/components/FloatingMenu/_types.js

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

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

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

package/dist/components/FloatingMenu/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 FloatingMenu } from './FloatingMenu';
+export {default as FloatingMenu} from './FloatingMenu';
 export * from './_types';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/ImageLoading/ImageLoading.d.ts

@@ -2,5 +2,5 @@
 interface IImageLoadingProps {
     style?: React.CSSProperties;
 }
-declare function ImageLoading({ style }: IImageLoadingProps): JSX.Element;
+declare function ImageLoading({style}: IImageLoadingProps): JSX.Element;
 export default ImageLoading;

package/dist/components/ImageLoading/ImageLoading.js

@@ -1,10 +1,10 @@
-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 { Skeleton } from 'antd';
+import {Skeleton} from 'antd';
 import styled from 'styled-components';
-const CustomSkeletonImage = styled(Skeleton.Image) `
+const CustomSkeletonImage = styled(Skeleton.Image)`
     &&& {
         display: flex;
         justify-content: center;
@@ -18,10 +18,10 @@ const CustomSkeletonImage = styled(Skeleton.Image) `
         }
     }
 `;
-function ImageLoading({ style }) {
+function ImageLoading({style}) {
     // Setting the className manually is a workaround for a probable bug in antd: the active flag is not allowed by TS
     // and ignored at runtime. Check this when upgrading antd (written at v4.20.4).
-    return _jsx(CustomSkeletonImage, { style: Object.assign({}, style), className: "ant-skeleton-active" });
+    return _jsx(CustomSkeletonImage, {style: Object.assign({}, style), className: 'ant-skeleton-active'});
 }
 export default ImageLoading;
-//# sourceMappingURL=ImageLoading.js.map
+//# sourceMappingURL=ImageLoading.js.map

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

@@ -1 +1 @@
-export { default as ImageLoading } from './ImageLoading';
+export {default as ImageLoading} from './ImageLoading';

package/dist/components/ImageLoading/index.js

@@ -1,5 +1,5 @@
 // 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 ImageLoading } from './ImageLoading';
-//# sourceMappingURL=index.js.map
+export {default as ImageLoading} from './ImageLoading';
+//# sourceMappingURL=index.js.map

package/dist/components/ImageMissing/ImageMissing.d.ts

@@ -2,5 +2,5 @@
 interface IImageMissingProps {
     style?: React.CSSProperties;
 }
-declare function ImageMissing({ style }: IImageMissingProps): JSX.Element;
+declare function ImageMissing({style}: IImageMissingProps): JSX.Element;
 export default ImageMissing;

package/dist/components/ImageMissing/ImageMissing.js

@@ -1,11 +1,11 @@
-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 { PictureOutlined } from '@ant-design/icons';
+import {PictureOutlined} from '@ant-design/icons';
 import styled from 'styled-components';
-import { themeVars } from '../../antdTheme';
-const Wrapper = styled.div `
+import {themeVars} from '../../antdTheme';
+const Wrapper = styled.div`
     &&& {
         display: flex;
         justify-content: center;
@@ -14,8 +14,20 @@ const Wrapper = styled.div `
         width: 100%;
     }
 `;
-function ImageMissing({ style }) {
-    return (_jsx(Wrapper, { children: _jsx(PictureOutlined, { style: Object.assign({ display: 'flex', justifyContent: 'center', fontSize: style.height ? `calc(${style.height} * 0.6)` : '120px', color: themeVars.secondaryTextColor }, style) }) }));
+function ImageMissing({style}) {
+    return _jsx(Wrapper, {
+        children: _jsx(PictureOutlined, {
+            style: Object.assign(
+                {
+                    display: 'flex',
+                    justifyContent: 'center',
+                    fontSize: style.height ? `calc(${style.height} * 0.6)` : '120px',
+                    color: themeVars.secondaryTextColor
+                },
+                style
+            )
+        })
+    });
 }
 export default ImageMissing;
-//# sourceMappingURL=ImageMissing.js.map
+//# sourceMappingURL=ImageMissing.js.map

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

@@ -1 +1 @@
-export { default as ImageMissing } from './ImageMissing';
+export {default as ImageMissing} from './ImageMissing';

package/dist/components/ImageMissing/index.js

@@ -1,5 +1,5 @@
 // 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 ImageMissing } from './ImageMissing';
-//# sourceMappingURL=index.js.map
+export {default as ImageMissing} from './ImageMissing';
+//# sourceMappingURL=index.js.map

package/dist/components/ImportModal/ImportModal.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LibraryLightFragment } from '../../_gqlTypes';
+import {LibraryLightFragment} from '../../_gqlTypes';
 export interface IImportModalProps {
     open: boolean;
     onClose: () => void;
@@ -7,5 +7,11 @@ export interface IImportModalProps {
     availableLibraries?: LibraryLightFragment[];
     resultExtraButtons?: JSX.Element[];
 }
-declare function ImportModal({ onClose, library, open, availableLibraries, resultExtraButtons }: IImportModalProps): JSX.Element;
+declare function ImportModal({
+    onClose,
+    library,
+    open,
+    availableLibraries,
+    resultExtraButtons
+}: IImportModalProps): JSX.Element;
 export default ImportModal;