@irontec/ivoz-ui 1.7.2 → 1.7.4

package/components/List/Filter/ContentFilterSelector/ContentFilterRow.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import AddIcon from '@mui/icons-material/Add';
 import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';
 import { Box, useMediaQuery, useTheme } from '@mui/material';
-import { memo, useEffect, useState } from 'react';
+import { memo, useEffect, useMemo, useState } from 'react';
 import { LightButton, TonalButton, } from '../../../../components/shared/Button/Button.styles';
 import { isPropertyFk, isPropertyScalar, } from '../../../../services/api/ParsedApiSpecInterface';
 import { StyledDropdown } from '../../../../services/form/Field/Dropdown/Dropdown.styles';
@@ -18,13 +18,16 @@ export default function ContentFilterRow(props) {
     if (!filters[name]) {
         return null;
     }
-    const filterChoices = {};
-    for (const filter of filters[name]) {
-        filterChoices[filter] = FilterIconFactory({
-            name: filter,
-            includeLabel: true,
-        });
-    }
+    const filterChoices = useMemo(() => {
+        const choices = {};
+        for (const filter of filters[name]) {
+            choices[filter] = FilterIconFactory({
+                name: filter,
+                includeLabel: true,
+            });
+        }
+        return choices;
+    }, [filters, name]);
     const [type, setType] = useState(row.type);
     const [value, setValue] = useState(row.value);
     useEffect(() => {
@@ -74,7 +77,7 @@ export default function ContentFilterRow(props) {
                     setValue('');
                 }, onBlur: () => {
                     /* noop */
-                }, choices: fieldNames, error: false, errorMsg: '', hasChanged: false }), _jsx(StyledDropdownMemo, { name: 'type', label: '', value: type, required: false, disabled: false, onChange: ({ target }) => {
+                }, choices: fieldNames, error: false, errorMsg: '', hasChanged: false }), _jsx(StyledDropdown, { name: 'type', label: '', value: type, required: false, disabled: false, onChange: ({ target }) => {
                     setType(target.value);
                 }, onBlur: () => {
                     /* noop */

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/package.json

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