@irontec/ivoz-ui 1.5.2 → 1.6.0

package/components/List/Content/Empty.js

@@ -3,8 +3,9 @@ import { Link } from 'react-router-dom';
 import _ from '../../../services/translations/translate';
 import { SolidButton } from '../../shared/Button/Button.styles';
 import { useTranslation } from 'react-i18next';
-import { Fade } from '@mui/material';
+import { Box, Fade } from '@mui/material';
 import { useStoreState } from '../../../store';
+import { MultiselectMoreChildEntityLinks } from './Shared/MultiselectMoreChildEntityLinks';
 export const Empty = (props) => {
     const { entityService, className } = props;
     const { t } = useTranslation();
@@ -22,10 +23,17 @@ export const Empty = (props) => {
         singularTitle = t(translationKey, { count: 1 }).toLowerCase();
         pluralTitle = t(translationKey, { count: 2 }).toLowerCase();
     }
+    const globalActions = Object.values(entity.customActions).filter((action) => action.global);
     return (_jsx(Fade, Object.assign({ in: true, style: {
             transitionDelay: '750ms',
         }, unmountOnExit: true }, { children: _jsxs("section", Object.assign({ className: className }, { children: [_jsx("img", { src: 'assets/img/empty.svg', alt: '' }), _jsx("h3", { children: _('No {{entity}} yet', { entity: pluralTitle }) }), _jsx("p", { children: _('You haven’t created any {{entity}} yet.', {
                         entity: singularTitle,
-                    }) }), create && (_jsx(Link, Object.assign({ to: location.pathname + '/create' }, { children: _jsx(SolidButton, { children: _('New {{entity}}', { entity: singularTitle }) }) })))] })) })));
+                    }) }), create && (_jsxs(Box, Object.assign({ className: 'empty-actions' }, { children: [globalActions &&
+                            globalActions.length < 2 &&
+                            globalActions
+                                .map((item) => item.action)
+                                .map((Action, key) => {
+                                return (_jsx(Action, { rows: [], selectedValues: [], entityService: entityService }, key));
+                            }), globalActions && globalActions.length > 1 && (_jsx(MultiselectMoreChildEntityLinks, { childActions: globalActions, selectedValues: [], rows: [], entityService: entityService })), _jsx(Link, Object.assign({ to: location.pathname + '/create' }, { children: _jsx(SolidButton, { children: _('New {{entity}}', { entity: singularTitle }) }) }))] })))] })) })));
 };
 export default Empty;

package/components/List/Content/Empty.styles.js

@@ -20,5 +20,12 @@ export const StyledEmpty = styled(Empty)(() => {
         '& img': {
             maxWidth: '100%',
         },
+        '& .empty-actions': {
+            display: 'flex',
+            flexDirection: 'row',
+            '& a': {
+                marginLeft: '8px',
+            },
+        },
     };
 });

package/components/List/List.js

@@ -23,7 +23,7 @@ import useFirstColumn from './Content/hook/useFirstColumn';
 import { criteriaToArray, queryStringToCriteria } from './List.helpers';
 import useQueryStringParams from './useQueryStringParams';
 const List = function (props) {
-    const { path, foreignKeyResolver, entityService, routeMap, className, List: EntityListDecorator, } = props;
+    const { path, foreignKeyResolver, entityService, routeMap, className, List: EntityListDecorator } = props;
     const location = useLocation();
     const match = useCurrentPathMatch();
     const params = useParams();

package/entities/DefaultEntityBehavior/List.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ListContent } from '../../components/List/Content/';
 const List = (props) => {
-    return _jsx(ListContent, Object.assign({}, props));
+    return (_jsx(ListContent, Object.assign({}, props)));
 };
 export default List;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@irontec/ivoz-ui",
-  "version": "1.5.2",
+  "version": "1.6.0",
   "description": "UI library used in ivozprovider",
   "license": "GPL-3.0",
   "main": "index.js",