@leav/ui 0.2.8 → 0.3.0

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardField.js

@@ -1,60 +1,46 @@
-import {jsx as _jsx, jsxs as _jsxs} from 'react/jsx-runtime';
+import { jsx as _jsx, 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 {ErrorTypes} from '@leav/utils';
-import {useContext, useEffect, useMemo, useReducer} from 'react';
-import {useTranslation} from 'react-i18next';
+import { ErrorTypes } from '@leav/utils';
+import { useContext, useEffect, useMemo, useReducer } from 'react';
+import { useTranslation } from 'react-i18next';
 import styled from 'styled-components';
-import {ErrorDisplay} from '../../../../../components';
+import { ErrorDisplay } from '../../../../../components';
 import CreationErrorContext from '../../../../../components/RecordEdition/EditRecordModal/creationErrorContext';
-import {EditRecordReducerActionsTypes} from '../../../../../components/RecordEdition/editRecordModalReducer/editRecordModalReducer';
-import {useEditRecordModalReducer} from '../../../../../components/RecordEdition/editRecordModalReducer/useEditRecordModalReducer';
-import {useRefreshFieldValues} from '../../../../../hooks/useRefreshFieldValues';
-import {AttributeFormat} from '../../../../../_gqlTypes';
-import {useRecordEditionContext} from '../../hooks/useRecordEditionContext';
-import standardFieldReducer, {
-    computeInitialState,
-    newValueId,
-    StandardFieldReducerActionsTypes
-} from '../../reducers/standardFieldReducer/standardFieldReducer';
+import { EditRecordReducerActionsTypes } from '../../../../../components/RecordEdition/editRecordModalReducer/editRecordModalReducer';
+import { useEditRecordModalReducer } from '../../../../../components/RecordEdition/editRecordModalReducer/useEditRecordModalReducer';
+import { useRefreshFieldValues } from '../../../../../hooks/useRefreshFieldValues';
+import { AttributeFormat } from '../../../../../_gqlTypes';
+import { useRecordEditionContext } from '../../hooks/useRecordEditionContext';
+import standardFieldReducer, { computeInitialState, newValueId, StandardFieldReducerActionsTypes } from '../../reducers/standardFieldReducer/standardFieldReducer';
 import AddValueBtn from '../../shared/AddValueBtn';
 import DeleteAllValuesBtn from '../../shared/DeleteAllValuesBtn';
 import FieldFooter from '../../shared/FieldFooter';
 import ValuesVersionBtn from '../../shared/ValuesVersionBtn';
-import {APICallStatus, FieldScope} from '../../_types';
+import { APICallStatus, FieldScope } from '../../_types';
 import StandardFieldValue from './StandardFieldValue';
-const Wrapper = styled.div`
+const Wrapper = styled.div `
     margin-bottom: ${props => (props.$metadataEdit ? 0 : '1.5em')};
 `;
-function StandardField({element, onValueSubmit, onValueDelete, onDeleteMultipleValues, metadataEdit = false}) {
+function StandardField({ element, onValueSubmit, onValueDelete, onDeleteMultipleValues, metadataEdit = false }) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const {t} = useTranslation();
-    const {readOnly: isRecordReadOnly, record} = useRecordEditionContext();
-    const {state: editRecordState} = useEditRecordModalReducer();
-    const {state: editRecordModalState, dispatch: editRecordModalDispatch} = useEditRecordModalReducer();
-    const {fetchValues} = useRefreshFieldValues(
-        (_b = (_a = editRecordState.record) === null || _a === void 0 ? void 0 : _a.library) === null || _b === void 0
-            ? void 0
-            : _b.id,
-        (_c = element.attribute) === null || _c === void 0 ? void 0 : _c.id,
-        (_d = editRecordState.record) === null || _d === void 0 ? void 0 : _d.id
-    );
+    const { t } = useTranslation();
+    const { readOnly: isRecordReadOnly, record } = useRecordEditionContext();
+    const { state: editRecordState } = useEditRecordModalReducer();
+    const { state: editRecordModalState, dispatch: editRecordModalDispatch } = useEditRecordModalReducer();
+    const { fetchValues } = useRefreshFieldValues((_b = (_a = editRecordState.record) === null || _a === void 0 ? void 0 : _a.library) === null || _b === void 0 ? void 0 : _b.id, (_c = element.attribute) === null || _c === void 0 ? void 0 : _c.id, (_d = editRecordState.record) === null || _d === void 0 ? void 0 : _d.id);
     const isMultipleValues = element.attribute.multiple_values;
-    const {attribute} = element;
+    const { attribute } = element;
     const creationErrors = useContext(CreationErrorContext);
     const isInCreationMode = record === null;
-    const initialState = useMemo(
-        () =>
-            computeInitialState({
-                element,
-                record,
-                isRecordReadOnly,
-                formVersion: editRecordState.valuesVersion,
-                metadataEdit
-            }),
-        []
-    );
+    const initialState = useMemo(() => computeInitialState({
+        element,
+        record,
+        isRecordReadOnly,
+        formVersion: editRecordState.valuesVersion,
+        metadataEdit
+    }), []);
     const [state, dispatch] = useReducer(standardFieldReducer, initialState);
     useEffect(() => {
         var _a;
@@ -78,23 +64,12 @@ function StandardField({element, onValueSubmit, onValueDelete, onDeleteMultipleV
             idValue
         });
         const valueVersion = state.values[state.activeScope].version;
-        const submitRes = await onValueSubmit(
-            [{value: valueToSave, idValue: isSavingNewValue ? null : idValue, attribute}],
-            valueVersion
-        );
+        const submitRes = await onValueSubmit([{ value: valueToSave, idValue: isSavingNewValue ? null : idValue, attribute }], valueVersion);
         if (submitRes.status === APICallStatus.SUCCESS) {
             const submitResValue = submitRes.values[0];
             let resultValue;
             if (state.metadataEdit) {
-                const metadataValue =
-                    (_c =
-                        (_b = ((_a = submitResValue.metadata) !== null && _a !== void 0 ? _a : []).find(
-                            ({name}) => name === element.attribute.id
-                        )) === null || _b === void 0
-                            ? void 0
-                            : _b.value) !== null && _c !== void 0
-                        ? _c
-                        : null;
+                const metadataValue = (_c = (_b = ((_a = submitResValue.metadata) !== null && _a !== void 0 ? _a : []).find(({ name }) => name === element.attribute.id)) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : null;
                 resultValue = {
                     id_value: null,
                     created_at: null,
@@ -107,7 +82,8 @@ function StandardField({element, onValueSubmit, onValueDelete, onDeleteMultipleV
                     metadata: null,
                     attribute
                 };
-            } else {
+            }
+            else {
                 resultValue = submitResValue;
             }
             dispatch({
@@ -116,26 +92,13 @@ function StandardField({element, onValueSubmit, onValueDelete, onDeleteMultipleV
                 idValue
             });
             const newActiveValue = state.metadataEdit
-                ? Object.assign(Object.assign({}, editRecordModalState.activeValue), {
-                      value: Object.assign(Object.assign({}, editRecordModalState.activeValue.value), {
-                          metadata: [
-                              ...((_g =
-                                  (_f =
-                                      (_e = editRecordModalState.activeValue) === null || _e === void 0
-                                          ? void 0
-                                          : _e.value) === null || _f === void 0
-                                      ? void 0
-                                      : _f.metadata) !== null && _g !== void 0
-                                  ? _g
-                                  : []),
-                              {
-                                  name: element.attribute.id,
-                                  value: Object.assign(Object.assign({}, resultValue), {version: null, metadata: null})
-                              }
-                          ]
-                      })
-                  })
-                : null;
+                ? Object.assign(Object.assign({}, editRecordModalState.activeValue), { value: Object.assign(Object.assign({}, editRecordModalState.activeValue.value), { metadata: [
+                            ...((_g = (_f = (_e = editRecordModalState.activeValue) === null || _e === void 0 ? void 0 : _e.value) === null || _f === void 0 ? void 0 : _f.metadata) !== null && _g !== void 0 ? _g : []),
+                            {
+                                name: element.attribute.id,
+                                value: Object.assign(Object.assign({}, resultValue), { version: null, metadata: null })
+                            }
+                        ] }) }) : null;
             editRecordModalDispatch({
                 type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
                 value: newActiveValue
@@ -144,14 +107,7 @@ function StandardField({element, onValueSubmit, onValueDelete, onDeleteMultipleV
         }
         let errorMessage = submitRes.error;
         if (!errorMessage && submitRes.errors) {
-            const attributeError =
-                (_j = ((_h = submitRes === null || submitRes === void 0 ? void 0 : submitRes.errors) !== null &&
-                _h !== void 0
-                    ? _h
-                    : []
-                ).filter(err => err.attribute === attribute.id)) === null || _j === void 0
-                    ? void 0
-                    : _j[0];
+            const attributeError = (_j = ((_h = submitRes === null || submitRes === void 0 ? void 0 : submitRes.errors) !== null && _h !== void 0 ? _h : []).filter(err => err.attribute === attribute.id)) === null || _j === void 0 ? void 0 : _j[0];
             if (attributeError) {
                 errorMessage =
                     attributeError.type === ErrorTypes.VALIDATION_ERROR
@@ -165,12 +121,12 @@ function StandardField({element, onValueSubmit, onValueDelete, onDeleteMultipleV
             error: errorMessage
         });
     };
-    const _handleDelete = async idValue => {
+    const _handleDelete = async (idValue) => {
         dispatch({
             type: StandardFieldReducerActionsTypes.UNEDIT_FIELD,
             idValue
         });
-        const deleteRes = await onValueDelete({id_value: idValue}, attribute.id);
+        const deleteRes = await onValueDelete({ id_value: idValue }, attribute.id);
         if (deleteRes.status === APICallStatus.SUCCESS) {
             dispatch({
                 type: StandardFieldReducerActionsTypes.UPDATE_AFTER_DELETE,
@@ -204,7 +160,7 @@ function StandardField({element, onValueSubmit, onValueDelete, onDeleteMultipleV
             type: StandardFieldReducerActionsTypes.ADD_VALUE
         });
     };
-    const _handleScopeChange = scope => {
+    const _handleScopeChange = (scope) => {
         dispatch({
             type: StandardFieldReducerActionsTypes.CHANGE_VERSION_SCOPE,
             scope
@@ -212,11 +168,7 @@ function StandardField({element, onValueSubmit, onValueDelete, onDeleteMultipleV
     };
     const _handleDeleteAllValues = async () => {
         var _a;
-        const deleteRes = await onDeleteMultipleValues(
-            attribute.id,
-            Object.values(state.values[state.activeScope].values).map(v => v.value),
-            null
-        );
+        const deleteRes = await onDeleteMultipleValues(attribute.id, Object.values(state.values[state.activeScope].values).map(v => v.value), null);
         if (deleteRes.status === APICallStatus.SUCCESS) {
             dispatch({
                 type: StandardFieldReducerActionsTypes.UPDATE_AFTER_DELETE,
@@ -239,97 +191,20 @@ function StandardField({element, onValueSubmit, onValueDelete, onDeleteMultipleV
         });
     };
     if (!element.attribute) {
-        return _jsx(ErrorDisplay, {message: t('record_edition.missing_attribute')});
+        return _jsx(ErrorDisplay, { message: t('record_edition.missing_attribute') });
     }
-    const valuesToDisplay = Object.values(state.values[state.activeScope].values).sort(
-        (valueA, valueB) => valueA.index - valueB.index
-    );
+    const valuesToDisplay = Object.values(state.values[state.activeScope].values).sort((valueA, valueB) => valueA.index - valueB.index);
     const hasValue = valuesToDisplay[0].idValue !== newValueId && valuesToDisplay[0].idValue !== null;
-    const canAddAnotherValue =
-        !state.isReadOnly && isMultipleValues && hasValue && attribute.format !== AttributeFormat.boolean;
+    const canAddAnotherValue = !state.isReadOnly && isMultipleValues && hasValue && attribute.format !== AttributeFormat.boolean;
     const canDeleteAllValues = !state.isReadOnly && hasValue && valuesToDisplay.length > 1;
-    const isAttributeVersionable =
-        (_e = attribute === null || attribute === void 0 ? void 0 : attribute.versions_conf) === null || _e === void 0
-            ? void 0
-            : _e.versionable;
+    const isAttributeVersionable = (_e = attribute === null || attribute === void 0 ? void 0 : attribute.versions_conf) === null || _e === void 0 ? void 0 : _e.versionable;
     const versions = {
-        [FieldScope.CURRENT]:
-            (_g = (_f = state.values[FieldScope.CURRENT]) === null || _f === void 0 ? void 0 : _f.version) !== null &&
-            _g !== void 0
-                ? _g
-                : null,
-        [FieldScope.INHERITED]:
-            (_j = (_h = state.values[FieldScope.INHERITED]) === null || _h === void 0 ? void 0 : _h.version) !== null &&
-            _j !== void 0
-                ? _j
-                : null
+        [FieldScope.CURRENT]: (_g = (_f = state.values[FieldScope.CURRENT]) === null || _f === void 0 ? void 0 : _f.version) !== null && _g !== void 0 ? _g : null,
+        [FieldScope.INHERITED]: (_j = (_h = state.values[FieldScope.INHERITED]) === null || _h === void 0 ? void 0 : _h.version) !== null && _j !== void 0 ? _j : null
     };
-    return _jsxs(
-        Wrapper,
-        Object.assign(
-            {$metadataEdit: metadataEdit},
-            {
-                children: [
-                    valuesToDisplay.map(value =>
-                        _jsx(
-                            StandardFieldValue,
-                            {
-                                value: value,
-                                state: state,
-                                dispatch: dispatch,
-                                onSubmit: _handleSubmit,
-                                onDelete: _handleDelete,
-                                onScopeChange: _handleScopeChange
-                            },
-                            value.idValue
-                        )
-                    ),
-                    (canDeleteAllValues ||
-                        canAddAnotherValue ||
-                        ((_k = attribute === null || attribute === void 0 ? void 0 : attribute.versions_conf) ===
-                            null || _k === void 0
-                            ? void 0
-                            : _k.versionable)) &&
-                        _jsxs(
-                            FieldFooter,
-                            Object.assign(
-                                {
-                                    bordered: true,
-                                    style: {
-                                        flexDirection:
-                                            canAddAnotherValue && !canDeleteAllValues && !isAttributeVersionable
-                                                ? 'row'
-                                                : 'row-reverse'
-                                    }
-                                },
-                                {
-                                    children: [
-                                        _jsxs('div', {
-                                            children: [
-                                                isAttributeVersionable &&
-                                                    _jsx(ValuesVersionBtn, {
-                                                        basic: true,
-                                                        versions: versions,
-                                                        activeScope: state.activeScope,
-                                                        onScopeChange: _handleScopeChange
-                                                    }),
-                                                canDeleteAllValues &&
-                                                    _jsx(DeleteAllValuesBtn, {onDelete: _handleDeleteAllValues})
-                                            ]
-                                        }),
-                                        canAddAnotherValue &&
-                                            _jsx(AddValueBtn, {
-                                                activeScope: state.activeScope,
-                                                onClick: _handleAddValue
-                                            })
-                                    ]
-                                }
-                            )
-                        )
-                ]
-            }
-        )
-    );
+    return (_jsxs(Wrapper, Object.assign({ "$metadataEdit": metadataEdit }, { children: [valuesToDisplay.map(value => (_jsx(StandardFieldValue, { value: value, state: state, dispatch: dispatch, onSubmit: _handleSubmit, onDelete: _handleDelete, onScopeChange: _handleScopeChange }, value.idValue))), (canDeleteAllValues || canAddAnotherValue || ((_k = attribute === null || attribute === void 0 ? void 0 : attribute.versions_conf) === null || _k === void 0 ? void 0 : _k.versionable)) && (_jsxs(FieldFooter, Object.assign({ bordered: true, style: {
+                    flexDirection: canAddAnotherValue && !canDeleteAllValues && !isAttributeVersionable ? 'row' : 'row-reverse'
+                } }, { children: [_jsxs("div", { children: [isAttributeVersionable && (_jsx(ValuesVersionBtn, { basic: true, versions: versions, activeScope: state.activeScope, onScopeChange: _handleScopeChange })), canDeleteAllValues && _jsx(DeleteAllValuesBtn, { onDelete: _handleDeleteAllValues })] }), canAddAnotherValue && _jsx(AddValueBtn, { activeScope: state.activeScope, onClick: _handleAddValue })] })))] })));
 }
 export default StandardField;
-//# sourceMappingURL=StandardField.js.map
+//# sourceMappingURL=StandardField.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/CheckboxInput.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import {IStandardInputProps} from '../../../../../../../components/RecordEdition/EditRecord/_types';
-declare function CheckboxInput({state, fieldValue, onSubmit}: IStandardInputProps): JSX.Element;
+import { IStandardInputProps } from '../../../../../../../components/RecordEdition/EditRecord/_types';
+declare function CheckboxInput({ state, fieldValue, onSubmit }: IStandardInputProps): JSX.Element;
 export default CheckboxInput;

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/CheckboxInput.js

@@ -1,20 +1,14 @@
-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 {Checkbox} from 'antd';
-function CheckboxInput({state, fieldValue, onSubmit}) {
-    const _handleCheckboxChange = e => {
+import { Checkbox } from 'antd';
+function CheckboxInput({ state, fieldValue, onSubmit }) {
+    const _handleCheckboxChange = (e) => {
         onSubmit(String(e.target.checked));
     };
-    const {value} = fieldValue;
-    return _jsx(Checkbox, {
-        className: 'nested-input',
-        disabled: state.isReadOnly,
-        checked: !!(value === null || value === void 0 ? void 0 : value.value),
-        indeterminate: typeof (value === null || value === void 0 ? void 0 : value.value) !== 'boolean',
-        onChange: _handleCheckboxChange
-    });
+    const { value } = fieldValue;
+    return (_jsx(Checkbox, { className: "nested-input", disabled: state.isReadOnly, checked: !!(value === null || value === void 0 ? void 0 : value.value), indeterminate: typeof (value === null || value === void 0 ? void 0 : value.value) !== 'boolean', onChange: _handleCheckboxChange }));
 }
 export default CheckboxInput;
-//# sourceMappingURL=CheckboxInput.js.map
+//# sourceMappingURL=CheckboxInput.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/ColorInput.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import {IStandardInputProps} from '../../../../../../../components/RecordEdition/EditRecord/_types';
-declare function ColorInput({state, fieldValue, onChange, onFocus}: IStandardInputProps): JSX.Element;
+import { IStandardInputProps } from '../../../../../../../components/RecordEdition/EditRecord/_types';
+declare function ColorInput({ state, fieldValue, onChange, onFocus }: IStandardInputProps): JSX.Element;
 export default ColorInput;

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/ColorInput.js

@@ -1,12 +1,12 @@
-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 {ColorPicker} from 'antd';
-function ColorInput({state, fieldValue, onChange, onFocus}) {
-    const {editingValue} = fieldValue;
+import { ColorPicker } from 'antd';
+function ColorInput({ state, fieldValue, onChange, onFocus }) {
+    const { editingValue } = fieldValue;
     const colorValue = '#' + editingValue.toString();
-    const _handleColorChange = value => {
+    const _handleColorChange = (value) => {
         onChange(value.toHex().toUpperCase());
     };
     const colorPickerStyle = {
@@ -16,17 +16,7 @@ function ColorInput({state, fieldValue, onChange, onFocus}) {
         paddingTop: fieldValue.index ? '4px' : '14px',
         paddingLeft: '15px'
     };
-    return _jsx(ColorPicker, {
-        showText: true,
-        disabledAlpha: true,
-        disabled: state.isReadOnly,
-        value: colorValue,
-        style: colorPickerStyle,
-        open: fieldValue.isEditing,
-        size: 'small',
-        onChangeComplete: _handleColorChange,
-        onOpenChange: onFocus
-    });
+    return (_jsx(ColorPicker, { showText: true, disabledAlpha: true, disabled: state.isReadOnly, value: colorValue, style: colorPickerStyle, open: fieldValue.isEditing, size: "small", onChangeComplete: _handleColorChange, onOpenChange: onFocus }));
 }
 export default ColorInput;
-//# sourceMappingURL=ColorInput.js.map
+//# sourceMappingURL=ColorInput.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/DateInput.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import {IStandardInputProps} from '../../../../../../../components/RecordEdition/EditRecord/_types';
-declare function DateInput({state, fieldValue, onFocus, onSubmit, settings}: IStandardInputProps): JSX.Element;
+import { IStandardInputProps } from '../../../../../../../components/RecordEdition/EditRecord/_types';
+declare function DateInput({ state, fieldValue, onFocus, onSubmit, settings }: IStandardInputProps): JSX.Element;
 export default DateInput;

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/DateInput.js

@@ -1,59 +1,23 @@
-import {jsx as _jsx} from 'react/jsx-runtime';
-import {DatePicker, Input} from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DatePicker, Input } from 'antd';
 import dayjs from 'dayjs';
-import {themeVars} from '../../../../../../../antdTheme';
-import {useSharedTranslation} from '../../../../../../../hooks/useSharedTranslation';
-function DateInput({state, fieldValue, onFocus, onSubmit, settings}) {
+import { themeVars } from '../../../../../../../antdTheme';
+import { useSharedTranslation } from '../../../../../../../hooks/useSharedTranslation';
+function DateInput({ state, fieldValue, onFocus, onSubmit, settings }) {
     var _a, _b;
-    const {editingValue} = fieldValue;
-    const {i18n} = useSharedTranslation();
+    const { editingValue } = fieldValue;
+    const { i18n } = useSharedTranslation();
     const attribute = state.formElement.attribute;
-    const isValuesListEnabled = !!((_a =
-        attribute === null || attribute === void 0 ? void 0 : attribute.values_list) === null || _a === void 0
-        ? void 0
-        : _a.enable);
-    const isValuesListOpen = !!((_b = attribute === null || attribute === void 0 ? void 0 : attribute.values_list) ===
-        null || _b === void 0
-        ? void 0
-        : _b.allowFreeEntry);
-    const _handleDateChange = selectedDate => {
+    const isValuesListEnabled = !!((_a = attribute === null || attribute === void 0 ? void 0 : attribute.values_list) === null || _a === void 0 ? void 0 : _a.enable);
+    const isValuesListOpen = !!((_b = attribute === null || attribute === void 0 ? void 0 : attribute.values_list) === null || _b === void 0 ? void 0 : _b.allowFreeEntry);
+    const _handleDateChange = (selectedDate) => {
         const dateToSave = selectedDate ? String(selectedDate.unix()) : null;
         onSubmit(dateToSave);
     };
     const dateValue = editingValue ? dayjs(Number(editingValue) * 1000) : null;
     // If we have a values list, picker must be on top to keep list readable
     const pickerPosition = isValuesListEnabled ? 'topLeft' : null;
-    return !isValuesListEnabled || isValuesListOpen
-        ? _jsx(DatePicker, {
-              className: 'field-wrapper',
-              'data-testid': 'datepicker',
-              disabled: state.isReadOnly,
-              picker: 'date',
-              onChange: _handleDateChange,
-              value: dateValue,
-              autoFocus: true,
-              defaultOpen: true,
-              showTime: !!settings.withTime,
-              onOk: _handleDateChange,
-              popupStyle: {background: themeVars.defaultBg},
-              style: {background: themeVars.defaultBg, width: '100%'},
-              allowClear: false,
-              placement: pickerPosition
-          })
-        : _jsx(
-              Input,
-              {
-                  className: `field-wrapper ${editingValue ? 'has-value' : ''}`,
-                  value: editingValue
-                      ? new Intl.DateTimeFormat(i18n.language).format(new Date(Number(editingValue) * 1000))
-                      : '',
-                  onFocus: onFocus,
-                  disabled: true,
-                  allowClear: true,
-                  autoFocus: true
-              },
-              'editing'
-          );
+    return !isValuesListEnabled || isValuesListOpen ? (_jsx(DatePicker, { className: "field-wrapper", "data-testid": "datepicker", disabled: state.isReadOnly, picker: "date", onChange: _handleDateChange, value: dateValue, autoFocus: true, defaultOpen: true, showTime: !!settings.withTime, onOk: _handleDateChange, popupStyle: { background: themeVars.defaultBg }, style: { background: themeVars.defaultBg, width: '100%' }, allowClear: false, placement: pickerPosition })) : (_jsx(Input, { className: `field-wrapper ${editingValue ? 'has-value' : ''}`, value: editingValue ? new Intl.DateTimeFormat(i18n.language).format(new Date(Number(editingValue) * 1000)) : '', onFocus: onFocus, disabled: true, allowClear: true, autoFocus: true }, "editing"));
 }
 export default DateInput;
-//# sourceMappingURL=DateInput.js.map
+//# sourceMappingURL=DateInput.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/DateRangeInput.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import {IStandardInputProps} from '../../../../../../../components/RecordEdition/EditRecord/_types';
-declare function DateRangeInput({state, fieldValue, onFocus, onSubmit, settings}: IStandardInputProps): JSX.Element;
+import { IStandardInputProps } from '../../../../../../../components/RecordEdition/EditRecord/_types';
+declare function DateRangeInput({ state, fieldValue, onFocus, onSubmit, settings }: IStandardInputProps): JSX.Element;
 export default DateRangeInput;

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/DateRangeInput.js

@@ -1,67 +1,29 @@
-import {jsx as _jsx} from 'react/jsx-runtime';
-import {DatePicker, Input} from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DatePicker, Input } from 'antd';
 import dayjs from 'dayjs';
-import {themeVars} from '../../../../../../../antdTheme';
-import {useSharedTranslation} from '../../../../../../../hooks/useSharedTranslation';
-import {stringifyDateRangeValue} from '../../../../../../../_utils';
-function DateRangeInput({state, fieldValue, onFocus, onSubmit, settings}) {
+import { themeVars } from '../../../../../../../antdTheme';
+import { useSharedTranslation } from '../../../../../../../hooks/useSharedTranslation';
+import { stringifyDateRangeValue } from '../../../../../../../_utils';
+function DateRangeInput({ state, fieldValue, onFocus, onSubmit, settings }) {
     var _a, _b;
-    const {editingValue, displayValue} = fieldValue;
-    const {t} = useSharedTranslation();
+    const { editingValue, displayValue } = fieldValue;
+    const { t } = useSharedTranslation();
     const attribute = state.formElement.attribute;
-    const isValuesListEnabled = !!((_a =
-        attribute === null || attribute === void 0 ? void 0 : attribute.values_list) === null || _a === void 0
-        ? void 0
-        : _a.enable);
-    const isValuesListOpen = !!((_b = attribute === null || attribute === void 0 ? void 0 : attribute.values_list) ===
-        null || _b === void 0
-        ? void 0
-        : _b.allowFreeEntry);
+    const isValuesListEnabled = !!((_a = attribute === null || attribute === void 0 ? void 0 : attribute.values_list) === null || _a === void 0 ? void 0 : _a.enable);
+    const isValuesListOpen = !!((_b = attribute === null || attribute === void 0 ? void 0 : attribute.values_list) === null || _b === void 0 ? void 0 : _b.allowFreeEntry);
     const _handleDateChange = selectedDates => {
         const [dateFrom, dateTo] = selectedDates;
-        const dateToSave = selectedDates ? {from: String(dateFrom.unix()), to: String(dateTo.unix())} : null;
+        const dateToSave = selectedDates ? { from: String(dateFrom.unix()), to: String(dateTo.unix()) } : null;
         onSubmit(dateToSave);
     };
-    const isParsable = typeof editingValue === 'string' && editingValue.length > 0;
-    const editingRangeValue = isParsable ? JSON.parse(editingValue) : editingValue;
+    const editingRangeValue = editingValue;
     const rangeValue = editingRangeValue
         ? [dayjs(Number(editingRangeValue.from) * 1000), dayjs(Number(editingRangeValue.to) * 1000)]
         : null;
     // If we have a values list, picker must be on top to keep list readable
     const pickerPosition = isValuesListEnabled ? 'topLeft' : null;
     const rangeDisplayValue = displayValue;
-    return !isValuesListEnabled || isValuesListOpen
-        ? _jsx(DatePicker.RangePicker, {
-              className: 'field-wrapper',
-              'data-testid': 'datepicker',
-              disabled: state.isReadOnly,
-              picker: 'date',
-              onChange: _handleDateChange,
-              value: rangeValue,
-              autoFocus: true,
-              defaultOpen: true,
-              showTime: !!settings.withTime,
-              onOk: _handleDateChange,
-              popupStyle: {background: themeVars.defaultBg},
-              style: {background: themeVars.defaultBg, width: '100%'},
-              allowClear: false,
-              placement: pickerPosition
-          })
-        : _jsx(
-              Input,
-              {
-                  className: `field-wrapper ${editingValue ? 'has-value' : ''}`,
-                  value:
-                      rangeDisplayValue.from && rangeDisplayValue.to
-                          ? stringifyDateRangeValue(rangeDisplayValue, t)
-                          : '',
-                  onFocus: onFocus,
-                  disabled: true,
-                  allowClear: true,
-                  autoFocus: true
-              },
-              'editing'
-          );
+    return !isValuesListEnabled || isValuesListOpen ? (_jsx(DatePicker.RangePicker, { className: "field-wrapper", "data-testid": "datepicker", disabled: state.isReadOnly, picker: "date", onChange: _handleDateChange, value: rangeValue, autoFocus: true, defaultOpen: true, showTime: !!settings.withTime, onOk: _handleDateChange, popupStyle: { background: themeVars.defaultBg }, style: { background: themeVars.defaultBg, width: '100%' }, allowClear: false, placement: pickerPosition })) : (_jsx(Input, { className: `field-wrapper ${editingValue ? 'has-value' : ''}`, value: rangeDisplayValue.from && rangeDisplayValue.to ? stringifyDateRangeValue(rangeDisplayValue, t) : '', onFocus: onFocus, disabled: true, allowClear: true, autoFocus: true }, "editing"));
 }
 export default DateRangeInput;
-//# sourceMappingURL=DateRangeInput.js.map
+//# sourceMappingURL=DateRangeInput.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/DateRangeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeInput.js","sourceRoot":"","sources":["../../../../../../../../src/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/DateRangeInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DateRangeInput.js","sourceRoot":"","sources":["../../../../../../../../src/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/DateRangeInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardFieldValue/Inputs/EncryptedInput.d.ts

@@ -1,10 +1,4 @@
 /// <reference types="react" />
-import {IStandardInputProps} from '../../../../../../../components/RecordEdition/EditRecord/_types';
-declare function EncryptedInput({
-    state,
-    fieldValue,
-    onChange,
-    onPressEnter,
-    inputRef
-}: IStandardInputProps): JSX.Element;
+import { IStandardInputProps } from '../../../../../../../components/RecordEdition/EditRecord/_types';
+declare function EncryptedInput({ state, fieldValue, onChange, onPressEnter, inputRef }: IStandardInputProps): JSX.Element;
 export default EncryptedInput;