@irontec/ivoz-ui 1.7.3 → 1.7.5

package/components/layout/Header/Breadcrumbs/Breadcrumbs.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import NavigateBeforeRoundedIcon from '@mui/icons-material/NavigateBeforeRounded';
 import MuiBreadcrumbs from '@mui/material/Breadcrumbs';
 import { useStoreState } from 'store';
@@ -6,6 +6,7 @@ import useCurrentPathMatch from '../../../../hooks/useCurrentPathMatch';
 import useRouteChain from '../../../../hooks/useRouteChain';
 import _ from '../../../../services/translations/translate';
 import { StyledCollapsedBreadcrumbsLink, StyledCollapsedBreadcrumbsNavigateNextIcon, StyledCollapsedBreadcrumbsTypography, } from './styles/Links.styles';
+import useParentRow from '../../../../hooks/useParentRow';
 const getEntityItemLink = (routeItem, match) => {
     var _a;
     const baseUrl = process.env.BASE_URL || '/';
@@ -48,11 +49,30 @@ const Breadcrumbs = (props) => {
         const to = routeItems.length > 0 ? getEntityItemLink(routeItem, match) : baseUrl;
         return (_jsxs(StyledCollapsedBreadcrumbsLink, Object.assign({ className: 'back-mobile', to: to }, { children: [_jsx(NavigateBeforeRoundedIcon, {}), " ", appendSegment || title] })));
     }
-    return (_jsxs(MuiBreadcrumbs, Object.assign({ separator: _jsx(StyledCollapsedBreadcrumbsNavigateNextIcon, {}), "aria-label": 'breadcrumb' }, { children: [routeItems.map((routeItem, key) => {
-                const to = getEntityItemLink(routeItem, match);
-                const entity = routeItem.entity;
-                const isLast = key + 1 === routeItems.length;
-                return (_jsxs("span", Object.assign({ style: { display: 'flex', gap: '12px' } }, { children: [_jsx(StyledCollapsedBreadcrumbsLink, Object.assign({ to: to }, { children: entity.title })), isLast && entity.link && !appendSegment && (_jsx("a", Object.assign({ target: '_blank', href: entity.link, rel: 'noreferrer', style: { height: '24px' } }, { children: _jsx("img", { src: 'assets/img/breadcrumb-link.svg' }) })))] }), key));
-            }), appendSegment && (_jsx(StyledCollapsedBreadcrumbsTypography, { children: appendSegment }))] })));
+    const breadcrumbs = [];
+    routeItems.forEach((routeItem, key) => {
+        const to = getEntityItemLink(routeItem, match);
+        const entity = routeItem.entity;
+        const isLast = key + 1 === routeItems.length;
+        const params = Object.values(match.params);
+        const entityId = params[key];
+        const element = (_jsxs("span", Object.assign({ style: { display: 'flex', gap: '12px' } }, { children: [_jsx(StyledCollapsedBreadcrumbsLink, Object.assign({ to: to }, { children: entity.title })), isLast && entity.link && !appendSegment && (_jsx("a", Object.assign({ target: '_blank', href: entity.link, rel: 'noreferrer', style: { height: '24px' } }, { children: _jsx("img", { src: 'assets/img/breadcrumb-link.svg' }) })))] }), key));
+        breadcrumbs.push(element);
+        if (isLast || !entityId) {
+            return;
+        }
+        breadcrumbs.push(_jsx(BreadcrumbItem, { entity: entity, id: entityId }, key));
+    });
+    return (_jsxs(MuiBreadcrumbs, Object.assign({ separator: _jsx(StyledCollapsedBreadcrumbsNavigateNextIcon, {}), "aria-label": 'breadcrumb' }, { children: [breadcrumbs, appendSegment && (_jsx(StyledCollapsedBreadcrumbsTypography, { children: appendSegment }))] })));
+};
+const BreadcrumbItem = ({ entity, id }) => {
+    const item = useParentRow({
+        parentEntity: entity,
+        parentId: id,
+    });
+    if (!item) {
+        return _jsx(_Fragment, {});
+    }
+    return (_jsx(StyledCollapsedBreadcrumbsTypography, { children: entity.toStr(item) }));
 };
 export default Breadcrumbs;

package/components/shared/ConfirmDialog.js

@@ -23,9 +23,7 @@ export default function ConfirmDialog(props) {
         setInputVal(val || '');
     }, []);
     const handleKeyDown = (event) => {
-        if (event.key === 'Tab') {
-            event.stopPropagation();
-        }
+        event.stopPropagation();
     };
     const sumbitEnabled = !doubleCheck || inputVal == doubleCheckExpectedStr;
     return (_jsxs(Dialog, Object.assign({ open: open, TransitionComponent: Transition, keepMounted: true, onClose: handleClose, "aria-labelledby": 'alert-dialog-slide-title', "aria-describedby": 'alert-dialog-slide-description', onKeyDown: handleKeyDown }, { children: [_jsx(CloseRoundedIcon, { className: 'close-icon', onClick: handleClose }), _jsx("img", { src: 'assets/img/delete-dialog.svg', className: 'modal-icon' }), _jsx(DialogTitle, Object.assign({ id: 'alert-dialog-slide-title' }, { children: _('Remove element') })), _jsxs(DialogContent, { children: [_jsx(DialogContentText, Object.assign({ id: 'alert-dialog-slide-description' }, { children: text })), doubleCheck && (_jsx(StyledDialogContentText, Object.assign({ id: 'alert-dialog-double-check-description' }, { children: _('Please type the item name, as shown in bold font above, to continue') }))), doubleCheck && (_jsx(StyledSearchTextField, { type: 'text', hasChanged: false, defaultValue: inputVal, onChange: onChangeHandler }))] }), _jsxs(DialogActions, { children: [_jsx(OutlinedButton, Object.assign({ onClick: handleClose, sx: { flexGrow: '1' }, color: 'error' }, { children: _('No, keep it') })), _jsx(SolidButton, Object.assign({ disabled: !sumbitEnabled, onClick: handleApply, sx: { flexGrow: '1' }, color: 'error' }, { children: _('Yes, delete it') }))] })] })));

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.7.3",
+  "version": "1.7.5",
   "description": "UI library used in ivozprovider",
   "license": "GPL-3.0",
   "main": "index.js",