@irontec/ivoz-ui 1.6.2 → 1.7.2

package/components/List/Content/CTA/DeleteRowButton.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Tooltip } from '@mui/material';
 import { useState } from 'react';
 import ConfirmDialog from '../../../../components/shared/ConfirmDialog';
@@ -49,6 +49,13 @@ const DeleteRowButton = (props) => {
     });
     const entity = entityService.getEntity();
     const iden = entity.toStr(row);
-    return (_jsxs(_Fragment, { children: [variant === 'icon' && (_jsx(Tooltip, Object.assign({ title: _('Delete'), placement: 'bottom', enterTouchDelay: 0, arrow: true }, { children: _jsx("span", { children: _jsx(LightButton, Object.assign({ disabled: disabled, onClick: () => !disabled && setShowDelete(true) }, { children: _jsx(StyledDeleteIcon, {}) })) }) }))), variant === 'text' && (_jsx(MoreMenuItem, Object.assign({ className: disabled ? 'disabled' : '', onClick: () => !disabled && setShowDelete(true) }, { children: _('Delete') }))), _jsx(ConfirmDialog, { text: _jsxs("span", { children: [_('You are about to remove'), " ", _jsx("strong", { children: iden })] }), open: showDelete, doubleCheck: entity.deleteDoubleCheck || false, doubleCheckExpectedStr: iden, handleClose: handleHideDelete, handleApply: handleDelete })] }));
+    const isIdenInt = Number.isInteger(parseInt(iden, 10));
+    const printStrongIden = () => {
+        if (!isIdenInt) {
+            return _jsx("strong", { children: iden });
+        }
+        return _jsx(_Fragment, {});
+    };
+    return (_jsxs(_Fragment, { children: [variant === 'icon' && (_jsx(Tooltip, Object.assign({ title: _('Delete'), placement: 'bottom', enterTouchDelay: 0, arrow: true }, { children: _jsx("span", { children: _jsx(LightButton, Object.assign({ disabled: disabled, onClick: () => !disabled && setShowDelete(true) }, { children: _jsx(StyledDeleteIcon, {}) })) }) }))), variant === 'text' && (_jsx(MoreMenuItem, Object.assign({ className: disabled ? 'disabled' : '', onClick: () => !disabled && setShowDelete(true) }, { children: _('Delete') }))), _jsx(ConfirmDialog, { text: _jsxs("span", { children: [_('You are about to remove'), " ", printStrongIden()] }), open: showDelete, doubleCheck: entity.deleteDoubleCheck || false, doubleCheckExpectedStr: iden, handleClose: handleHideDelete, handleApply: handleDelete })] }));
 };
 export default DeleteRowButton;

package/components/form.helper.d.ts

@@ -1,4 +1,7 @@
 import { EntityItem } from '../router/routeMapParser';
+import { PropertySpec } from 'services/api';
 declare type GetMarshallerWhiteListPropsType = Pick<EntityItem, 'filterBy' | 'filterValues' | 'fixedValues'>;
 declare const getMarshallerWhiteList: (props: GetMarshallerWhiteListPropsType) => string[];
-export { getMarshallerWhiteList };
+declare const collectReferences: (obj: any, references?: PropertySpec[]) => PropertySpec[];
+declare const findMatchingColumns: (columnNames: string[], inverseRelations: PropertySpec[]) => string[];
+export { getMarshallerWhiteList, collectReferences, findMatchingColumns };

package/components/form.helper.js

@@ -16,4 +16,40 @@ const getMarshallerWhiteList = (props) => {
     }
     return whitelist;
 };
-export { getMarshallerWhiteList };
+const collectReferences = (obj, references = []) => {
+    if (isReferenceObject(obj)) {
+        references.push(obj);
+    }
+    Object.keys(obj).forEach((key) => {
+        const value = obj[key];
+        if (isObject(value)) {
+            collectReferences(value, references);
+        }
+    });
+    return references;
+};
+const isObject = (value) => {
+    return value && typeof value === 'object';
+};
+const isReferenceObject = (obj) => {
+    return isObject(obj) && obj.hasOwnProperty('$ref');
+};
+const findMatchingColumns = (columnNames, inverseRelations) => {
+    return columnNames.filter((column) => {
+        const singularColumn = getSingularForm(column);
+        return inverseRelations.some((relation) => {
+            return objectHasMatchingValue(relation, singularColumn);
+        });
+    });
+};
+const getSingularForm = (word) => {
+    return word.endsWith('s')
+        ? word.slice(0, -1).toLowerCase()
+        : word.toLowerCase();
+};
+const objectHasMatchingValue = (obj, target) => {
+    return Object.values(obj).some((value) => {
+        return typeof value === 'string' && value.toLowerCase().includes(target);
+    });
+};
+export { getMarshallerWhiteList, collectReferences, findMatchingColumns };

package/components/shared/ConfirmDialog.js

@@ -22,6 +22,11 @@ export default function ConfirmDialog(props) {
         const val = event.target.value;
         setInputVal(val || '');
     }, []);
+    const handleKeyDown = (event) => {
+        if (event.key === 'Tab') {
+            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' }, { 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') }))] })] })));
+    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/components/shared/ConfirmEditDialog.d.ts

@@ -0,0 +1,10 @@
+import React, { FormEvent } from 'react';
+interface ConfirmEditDialogProps {
+    text: React.ReactNode;
+    open: boolean;
+    formEvent?: FormEvent<HTMLFormElement>;
+    handleClose: () => void;
+    handleSave: (e: FormEvent<HTMLFormElement>) => void;
+}
+export declare const ConfirmEditionDialog: (props: ConfirmEditDialogProps) => JSX.Element;
+export {};

package/components/shared/ConfirmEditDialog.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, forwardRef, } from 'react';
+import Dialog from '@mui/material/Dialog';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogContent from '@mui/material/DialogContent';
+import DialogActions from '@mui/material/DialogActions';
+import Button from '@mui/material/Button';
+import LinearProgress from '@mui/material/LinearProgress';
+import { DialogContentText, Slide } from '@mui/material';
+import CloseRoundedIcon from '@mui/icons-material/CloseRounded';
+import _ from '../../services/translations/translate';
+const Transition = forwardRef(function (props, ref) {
+    return _jsx(Slide, Object.assign({}, props, { direction: 'up', ref: ref }));
+});
+Transition.displayName = 'ConfirmDialogTransition';
+export const ConfirmEditionDialog = (props) => {
+    const { open, handleClose, text, handleSave, formEvent } = props;
+    const TOTAL_TIME = 100;
+    const [progress, setProgress] = useState(TOTAL_TIME);
+    const handleKeyDown = (event) => {
+        if (event.key === 'Tab') {
+            event.stopPropagation();
+        }
+    };
+    useEffect(() => {
+        let timer = null;
+        if (open) {
+            timer = setInterval(() => {
+                setProgress((oldProgress) => {
+                    if (oldProgress === 0) {
+                        return 0;
+                    }
+                    return oldProgress - 5;
+                });
+            }, 250);
+        }
+        setProgress(TOTAL_TIME);
+        return () => {
+            if (timer) {
+                clearInterval(timer);
+            }
+        };
+    }, [open]);
+    return (_jsxs(Dialog, Object.assign({ open: open, TransitionComponent: Transition, keepMounted: true, onClose: handleClose, onKeyDown: handleKeyDown, "aria-labelledby": 'alert-dialog-slide-title', "aria-describedby": 'alert-dialog-slide-description' }, { children: [_jsx(CloseRoundedIcon, { className: 'close-icon', onClick: handleClose }), _jsx("img", { src: 'assets/img/warning-dialog.svg', className: 'modal-icon' }), _jsx(DialogTitle, Object.assign({ id: 'alert-dialog-slide-title' }, { children: _('Save element') })), _jsxs(DialogContent, { children: [_jsx(DialogContentText, Object.assign({ id: 'alert-dialog-slide-description' }, { children: text })), _jsx(LinearProgress, { variant: 'determinate', value: progress })] }), _jsxs(DialogActions, { children: [_jsx(Button, Object.assign({ onClick: () => {
+                            handleClose();
+                        } }, { children: "Cancel" })), _jsx(Button, Object.assign({ hidden: progress !== 0, onClick: () => {
+                            if (formEvent) {
+                                handleSave(formEvent);
+                            }
+                        }, disabled: progress !== 0 }, { children: "Apply" }))] })] })));
+};

package/entities/DefaultEntityBehavior/Form/Form.js

@@ -6,6 +6,7 @@ import ErrorBoundary from '../../../components/ErrorBoundary';
 import { getMarshallerWhiteList } from '../../../components/form.helper';
 import SaveButton from '../../../components/shared/Button/SaveButton';
 import ErrorMessage from '../../../components/shared/ErrorMessage';
+import { collectReferences, findMatchingColumns, } from '../../../services';
 import FormFieldFactory from '../../../services/form/FormFieldFactory';
 import _ from '../../../services/translations/translate';
 import { StyledGroupGrid, StyledGroupLegend, } from '../../DefaultEntityBehavior.styles';
@@ -14,10 +15,16 @@ import filterFieldsetGroups, { isDetailedFormFieldSpec, } from '../FilterFieldse
 import FormFieldMemo from './FormField';
 import { useFormHandler } from './useFormHandler';
 import { validationErrosToJsxErrorList } from './validationErrosToJsxErrorList';
+import { ConfirmEditionDialog } from '../../../components/shared/ConfirmEditDialog';
 const Form = (props) => {
     var _a;
-    const { entityService, readOnlyProperties, filterBy, fixedValues, filterValues, foreignKeyGetter: foreignKeyGetterLoader, row, match, } = props;
+    const { entityService, readOnlyProperties, filterBy, fixedValues, filterValues, foreignKeyGetter: foreignKeyGetterLoader, row, match, edit, } = props;
     const { fkChoices } = props;
+    const [showConfirm, setShowConfirm] = useState(false);
+    const editDoubleCheck = !edit
+        ? false
+        : props.entityService.getEntity().editDoubleCheck;
+    const [formEvent, setFormEvent] = useState(undefined);
     const [foreignKeyGetter, setForeignKeyGetter] = useState();
     useEffect(() => {
         if (fkChoices) {
@@ -42,6 +49,14 @@ const Form = (props) => {
     const allProperties = entityService.getAllProperties();
     const columns = entityService.getProperties();
     const columnNames = Object.keys(columns);
+    const inverseRelations = collectReferences(columns);
+    const inverseRelationsMatch = findMatchingColumns(columnNames, inverseRelations);
+    let totalEntitiesUsed = 0;
+    inverseRelationsMatch.forEach((value) => {
+        if (Array.isArray(row === null || row === void 0 ? void 0 : row[value])) {
+            totalEntitiesUsed = (row === null || row === void 0 ? void 0 : row[value]).length + totalEntitiesUsed;
+        }
+    });
     let groups = [];
     if (props.groups) {
         groups = filterFieldsetGroups(props.groups);
@@ -95,38 +110,51 @@ const Form = (props) => {
     formik.visibleFields = visibleFields;
     const errorList = validationErrosToJsxErrorList(formik, allProperties);
     const divRef = useRef(null);
+    const entity = entityService.getEntity();
+    const iden = row ? entity.toStr(row) : '';
     const focusOnDiv = () => {
         const node = divRef.current;
         node === null || node === void 0 ? void 0 : node.focus();
     };
     const formFieldFactory = new FormFieldFactory(entityService, formik, formik.handleChange, formik.handleBlur, divRef);
-    return (_jsx("div", { children: _jsxs("form", Object.assign({ onSubmit: (e) => {
-                if (formik.isSubmitting) {
+    const confirmEditionText = () => {
+        if (totalEntitiesUsed) {
+            return (_jsxs("span", { children: [_(`You are about to update`), " ", _jsx("strong", { children: iden }), _jsx("br", {}), _(`This change will affect`), " ", _jsx("strong", { children: totalEntitiesUsed }), ' ', _(`entities`)] }));
+        }
+        return (_jsxs("span", { children: [_(`You are about to update`), " ", _jsx("strong", { children: iden })] }));
+    };
+    return (_jsxs("div", { children: [_jsxs("form", Object.assign({ onSubmit: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
-                    return false;
-                }
-                formik.handleSubmit(e);
-            }, style: { display: 'flex', flexDirection: 'column', gap: '40px' } }, { children: [groups.map((group, idx) => {
-                    const fields = group.fields;
-                    const visible = fields.reduce((acc, fld) => {
-                        const fldName = typeof fld === 'string' ? fld : fld.name;
-                        return acc || visualToggles[fldName];
-                    }, false);
-                    if (!visible) {
-                        return null;
+                    if (formik.isSubmitting) {
+                        return;
+                    }
+                    if (editDoubleCheck) {
+                        setFormEvent(e);
+                        setShowConfirm(true);
+                        return;
                     }
-                    const visibilityStyles = visible
-                        ? { display: 'block' }
-                        : { display: 'none' };
-                    focusOnDiv();
-                    return (_jsxs("div", Object.assign({ ref: divRef, style: Object.assign(Object.assign({}, visibilityStyles), { position: 'relative' }) }, { children: [_jsx(StyledGroupLegend, { children: group.legend }), _jsx(StyledGroupGrid, { children: fields.map((column, idx) => {
-                                    const fldName = typeof column === 'string' ? column : column.name;
-                                    if (fldName === filterBy) {
-                                        return null;
-                                    }
-                                    return (_jsx(ErrorBoundary, Object.assign({ minimalist: true }, { children: _jsx(FormFieldMemo, { column: column, fkChoices: fkChoices || autoloadedFkChoices, visualToggles: visualToggles, readOnlyProperties: readOnlyProperties, formFieldFactory: formFieldFactory }) }), idx));
-                                }) })] }), idx));
-                }), Object.keys(errorList).length > 0 && (_jsxs(_Fragment, { children: [_jsx("br", {}), _jsxs(Alert, Object.assign({ severity: 'error' }, { children: [_jsx(AlertTitle, { children: _('Validation error') }), _jsx("ul", { children: Object.values(errorList).map((error) => error) })] })), _jsx("br", {})] })), _jsx(SaveButton, {}), reqError && _jsx(ErrorMessage, { message: reqError })] })) }));
+                    formik.handleSubmit(e);
+                }, style: { display: 'flex', flexDirection: 'column', gap: '40px' } }, { children: [groups.map((group, idx) => {
+                        const fields = group.fields;
+                        const visible = fields.reduce((acc, fld) => {
+                            const fldName = typeof fld === 'string' ? fld : fld.name;
+                            return acc || visualToggles[fldName];
+                        }, false);
+                        if (!visible) {
+                            return null;
+                        }
+                        const visibilityStyles = visible
+                            ? { display: 'block' }
+                            : { display: 'none' };
+                        focusOnDiv();
+                        return (_jsxs("div", Object.assign({ ref: divRef, style: Object.assign(Object.assign({}, visibilityStyles), { position: 'relative' }) }, { children: [_jsx(StyledGroupLegend, { children: group.legend }), _jsx(StyledGroupGrid, { children: fields.map((column, idx) => {
+                                        const fldName = typeof column === 'string' ? column : column.name;
+                                        if (fldName === filterBy) {
+                                            return null;
+                                        }
+                                        return (_jsx(ErrorBoundary, Object.assign({ minimalist: true }, { children: _jsx(FormFieldMemo, { column: column, fkChoices: fkChoices || autoloadedFkChoices, visualToggles: visualToggles, readOnlyProperties: readOnlyProperties, formFieldFactory: formFieldFactory }) }), idx));
+                                    }) })] }), idx));
+                    }), Object.keys(errorList).length > 0 && (_jsxs(_Fragment, { children: [_jsx("br", {}), _jsxs(Alert, Object.assign({ severity: 'error' }, { children: [_jsx(AlertTitle, { children: _('Validation error') }), _jsx("ul", { children: Object.values(errorList).map((error) => error) })] })), _jsx("br", {})] })), _jsx(SaveButton, {}), reqError && _jsx(ErrorMessage, { message: reqError })] })), _jsx(ConfirmEditionDialog, { text: confirmEditionText(), open: showConfirm, handleClose: () => setShowConfirm(false), formEvent: formEvent, handleSave: (e) => formik.handleSubmit(e) })] }));
 };
 export { Form };

package/entities/EntityInterface.d.ts

@@ -110,5 +110,6 @@ export default interface EntityInterface {
     icon: React.FunctionComponent;
     link?: string;
     deleteDoubleCheck?: boolean;
+    editDoubleCheck?: boolean;
     disableMultiDelete?: boolean;
 }

package/package.json

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

package/services/form/InverseRealtions/InverseRelationHelper.d.ts

@@ -0,0 +1,3 @@
+import { PropertySpec } from 'services/api';
+export declare const collectReferences: (obj: any, references?: PropertySpec[]) => PropertySpec[];
+export declare const findMatchingColumns: (columnNames: string[], inverseRelations: PropertySpec[]) => string[];

package/services/form/InverseRealtions/InverseRelationHelper.js

@@ -0,0 +1,37 @@
+export const collectReferences = (obj, references = []) => {
+    if (isReferenceObject(obj)) {
+        references.push(obj);
+    }
+    Object.keys(obj).forEach((key) => {
+        const value = obj[key];
+        if (isObject(value)) {
+            collectReferences(value, references);
+        }
+    });
+    return references;
+};
+function isObject(value) {
+    return value && typeof value === 'object';
+}
+function isReferenceObject(obj) {
+    return isObject(obj) && obj.hasOwnProperty('$ref');
+}
+export const findMatchingColumns = (columnNames, inverseRelations) => {
+    return columnNames.filter((column) => {
+        const singularColumn = getSingularForm(column);
+        return inverseRelations.some((relation) => {
+            return objectHasMatchingValue(relation, singularColumn);
+        });
+    });
+};
+function getSingularForm(word) {
+    return word.endsWith('s')
+        ? word.slice(0, -1).toLowerCase()
+        : word.toLowerCase();
+}
+// Helper function to check if an object contains a value that includes a target string (case-insensitive)
+function objectHasMatchingValue(obj, target) {
+    return Object.values(obj).some((value) => {
+        return typeof value === 'string' && value.toLowerCase().includes(target);
+    });
+}

package/services/form/InverseRealtions/index.d.ts

@@ -0,0 +1,2 @@
+import { collectReferences, findMatchingColumns } from './InverseRelationHelper';
+export { collectReferences, findMatchingColumns };

package/services/form/InverseRealtions/index.js

@@ -0,0 +1,2 @@
+import { collectReferences, findMatchingColumns, } from './InverseRelationHelper';
+export { collectReferences, findMatchingColumns };

package/services/form/index.d.ts

@@ -1,4 +1,5 @@
 export * from './Field';
+export * from './InverseRealtions';
 export * from './FormFieldFactory/FormFieldFactory.styles';
 export * from './FormFieldFactory';
 export * from './types';

package/services/form/index.js

@@ -1,4 +1,5 @@
 export * from './Field';
+export * from './InverseRealtions';
 export * from './FormFieldFactory/FormFieldFactory.styles';
 export * from './FormFieldFactory';
 export * from './types';

package/translations/ca.json

@@ -30,10 +30,12 @@
   "Please type the item name, as shown in bold font above, to continue": "Escriba el nombre del elemento, tal y como se muestra arriba en negrita, para continuar",
   "Remove element": "Eliminar elemento",
   "Save": "Guardar",
+  "Save element": "Desa element",
   "Select Fields": "Seleccionar campos",
   "Select all": "Seleccionar todo",
   "Sign In": "Entrar",
   "Starts with": "empieza por",
+  "This change will affect": "Aquest canvi afectarà",
   "True": "Verdadero",
   "Upload image": "Subir imagen",
   "Username": "Usuari",
@@ -42,7 +44,9 @@
   "Welcome back!": "Bienvenido de nuevo!",
   "Yes, delete it": "Si, eliminar",
   "You are about to remove": "Esteu a punt d'eliminar-lo",
+  "You are about to update": "Estàs a punt d'actualitzar",
   "You haven’t created any {{entity}} yet.": "Aún no has creado ningún {{entity}}",
+  "entities": "entitats",
   "invalid pattern": "Patrón invalido",
   "required value": "valor requerido",
   "settings": "Configuracions",

package/translations/en.json

@@ -30,10 +30,12 @@
   "Please type the item name, as shown in bold font above, to continue": "Please type the item name, as shown in bold font above, to continue",
   "Remove element": "Remove element",
   "Save": "Save",
+  "Save element": "Save element",
   "Select Fields": "Select Fields",
   "Select all": "Select all",
   "Sign In": "Sign In",
   "Starts with": "Starts with",
+  "This change will affect": "This change will affect",
   "True": "True",
   "Upload image": "Upload image",
   "Username": "Username",
@@ -42,7 +44,9 @@
   "Welcome back!": "Welcome back!",
   "Yes, delete it": "Yes, delete it",
   "You are about to remove": "You are about to remove",
+  "You are about to update": "You are about to update",
   "You haven’t created any {{entity}} yet.": "You haven’t created any {{entity}} yet.",
+  "entities": "entities",
   "invalid pattern": "invalid pattern",
   "required value": "required value",
   "settings": "Settings",

package/translations/es.json

@@ -30,10 +30,12 @@
   "Please type the item name, as shown in bold font above, to continue": "Escriba el nombre del elemento, tal y como se muestra arriba en negrita, para continuar",
   "Remove element": "Eliminar elemento",
   "Save": "Guardar",
+  "Save element": "Guardar elemento",
   "Select Fields": "Seleccionar campos",
   "Select all": "Seleccionar todo",
   "Sign In": "Entrar",
   "Starts with": "empieza por",
+  "This change will affect": "Este cambio afectará",
   "True": "Verdadero",
   "Upload image": "Subir imagen",
   "Username": "Usuario",
@@ -42,7 +44,9 @@
   "Welcome back!": "Bienvenido de nuevo!",
   "Yes, delete it": "Si, eliminar",
   "You are about to remove": "Estás a punto de eliminar",
+  "You are about to update": "Estás a punto de actualizar",
   "You haven’t created any {{entity}} yet.": "Aún no has creado ningún {{entity}}",
+  "entities": "entidades",
   "invalid pattern": "Patrón invalido",
   "required value": "valor requerido",
   "settings": "Configuración",

package/translations/it.json

@@ -30,10 +30,12 @@
   "Please type the item name, as shown in bold font above, to continue": "Please type the item name, as shown in bold font above, to continue",
   "Remove element": "Remove element",
   "Save": "Save",
+  "Save element": "Salva elemento",
   "Select Fields": "Select Fields",
   "Select all": "Select all",
   "Sign In": "Sign In",
   "Starts with": "Starts with",
+  "This change will affect": "Questa modifica influirà",
   "True": "True",
   "Upload image": "Upload image",
   "Username": "Username",
@@ -42,7 +44,9 @@
   "Welcome back!": "Welcome back!",
   "Yes, delete it": "Yes, delete it",
   "You are about to remove": "Stai per rimuovere",
+  "You are about to update": "Stai per aggiornare ",
   "You haven’t created any {{entity}} yet.": "You haven’t created any {{entity}} yet.",
+  "entities": "entità",
   "invalid pattern": "invalid pattern",
   "required value": "required value",
   "settings": "Impostazioni",