@leav/ui 0.2.6 → 0.2.8

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

@@ -1,46 +1,60 @@
-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;
@@ -64,12 +78,23 @@ function StandardField({ element, onValueSubmit, onValueDelete, onDeleteMultiple
             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,
@@ -82,8 +107,7 @@ function StandardField({ element, onValueSubmit, onValueDelete, onDeleteMultiple
                     metadata: null,
                     attribute
                 };
-            }
-            else {
+            } else {
                 resultValue = submitResValue;
             }
             dispatch({
@@ -92,13 +116,26 @@ function StandardField({ element, onValueSubmit, onValueDelete, onDeleteMultiple
                 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
@@ -107,7 +144,14 @@ function StandardField({ element, onValueSubmit, onValueDelete, onDeleteMultiple
         }
         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
@@ -121,12 +165,12 @@ function StandardField({ element, onValueSubmit, onValueDelete, onDeleteMultiple
             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,
@@ -160,7 +204,7 @@ function StandardField({ element, onValueSubmit, onValueDelete, onDeleteMultiple
             type: StandardFieldReducerActionsTypes.ADD_VALUE
         });
     };
-    const _handleScopeChange = (scope) => {
+    const _handleScopeChange = scope => {
         dispatch({
             type: StandardFieldReducerActionsTypes.CHANGE_VERSION_SCOPE,
             scope
@@ -168,7 +212,11 @@ function StandardField({ element, onValueSubmit, onValueDelete, onDeleteMultiple
     };
     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,
@@ -191,20 +239,97 @@ function StandardField({ element, onValueSubmit, onValueDelete, onDeleteMultiple
         });
     };
     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,14 +1,20 @@
-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,7 +16,17 @@ 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,23 +1,59 @@
-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,29 +1,67 @@
-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 editingRangeValue = editingValue;
+    const isParsable = typeof editingValue === 'string' && editingValue.length > 0;
+    const editingRangeValue = isParsable ? JSON.parse(editingValue) : 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":";AAIA,OAAO,EAAC,UAAU,EAAE,KAAK,EAAC,MAAM,MAAM,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAC,uBAAuB,EAAC,MAAM,YAAY,CAAC;AAEnD,SAAS,cAAc,CAAC,EAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAsB;;IACzF,MAAM,EAAC,YAAY,EAAE,YAAY,EAAC,GAAG,UAAU,CAAC;IAChD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,SAAyD,CAAC;IAC9F,MAAM,mBAAmB,GAAG,CAAC,CAAC,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,MAAM,CAAA,CAAC;IAC7D,MAAM,gBAAgB,GAAG,CAAC,CAAC,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,cAAc,CAAA,CAAC;IAElE,MAAM,iBAAiB,GAAgD,aAAa,CAAC,EAAE;QACnF,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,aAAa,CAAC;QACzC,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACrG,QAAQ,CAAC,UAAU,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,YAA+B,CAAC;IAC1D,MAAM,UAAU,GAA+B,iBAAiB;QAC5D,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;QAC5F,CAAC,CAAC,IAAI,CAAC;IAEX,wEAAwE;IACxE,MAAM,cAAc,GAAG,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAE9D,MAAM,iBAAiB,GAAG,YAA+B,CAAC;IAE1D,OAAO,CAAC,mBAAmB,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAC9C,KAAC,UAAU,CAAC,WAAW,IACnB,SAAS,EAAC,eAAe,iBACb,YAAY,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,MAAM,EAAC,MAAM,EACb,QAAQ,EAAE,iBAAiB,EAC3B,KAAK,EAAE,UAAU,EACjB,SAAS,QACT,WAAW,QACX,QAAQ,EAAE,CAAC,CAAE,QAAmC,CAAC,QAAQ,EACzD,IAAI,EAAE,iBAA0E,EAChF,UAAU,EAAE,EAAC,UAAU,EAAE,SAAS,CAAC,SAAS,EAAC,EAC7C,KAAK,EAAE,EAAC,UAAU,EAAE,SAAS,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,EAAC,EACvD,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,cAAc,GAC3B,CACL,CAAC,CAAC,CAAC,CACA,KAAC,KAAK,IAEF,SAAS,EAAE,iBAAiB,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,EAC7D,KAAK,EAAE,iBAAiB,CAAC,IAAI,IAAI,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAC1G,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,IAAI,EACd,UAAU,QACV,SAAS,UANL,SAAS,CAOf,CACL,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC"}
+{"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,4 +1,10 @@
 /// <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;