@leav/ui 0.3.6-df40eff → 0.3.6-e865e1b

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/StandardFieldValue.js

@@ -1,405 +1,19 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { CloseOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
-import { localizedTranslation } from '@leav/utils';
-import { Button, Input, Popover, Space, theme } from 'antd';
-import moment from 'moment';
-import React, { useEffect, useRef } from 'react';
-import styled from 'styled-components';
-import { themeVars } from '../../../../../../antdTheme';
-import { FloatingMenu } from '../../../../../../components';
-import Dimmer from '../../../../../../components/Dimmer';
-import DeleteValueBtn from '../../../../../../components/RecordEdition/EditRecordContent/shared/DeleteValueBtn';
-import InheritedFieldLabel from '../../../../../../components/RecordEdition/EditRecordContent/shared/InheritedFieldLabel';
-import UpdatedFieldIcon from '../../../../../../components/RecordEdition/EditRecordContent/shared/UpdatedFieldIcon';
-import ValueDetailsBtn from '../../../../../../components/RecordEdition/EditRecordContent/shared/ValueDetailsBtn';
-import ValuesVersionBtn from '../../../../../../components/RecordEdition/EditRecordContent/shared/ValuesVersionBtn';
-import ValuesVersionIndicator from '../../../../../../components/RecordEdition/EditRecordContent/shared/ValuesVersionIndicator';
-import { VersionFieldScope } from '../../../../../../components/RecordEdition/EditRecordContent/_types';
-import { EditRecordReducerActionsTypes } from '../../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
-import { useEditRecordReducer } from '../../../../../../components/RecordEdition/editRecordReducer/useEditRecordReducer';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Form } from 'antd';
 import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
 import { AttributeFormat } from '../../../../../../_gqlTypes';
-import { stringifyDateRangeValue } from '../../../../../../_utils';
-import { newValueId, StandardFieldReducerActionsTypes, StandardFieldValueState } from '../../../reducers/standardFieldReducer/standardFieldReducer';
-import ColorInput from './Inputs/ColorInput';
-import TextInput from './Inputs/TextInput';
-import ValuesList from './ValuesList';
-import { useLang } from '../../../../../../hooks';
-import { StandardFieldValueDisplayHandler } from './StandardFieldValueDisplayHandler';
-const ErrorMessage = styled.div `
-    color: ${themeVars.errorColor};
-    font-weight: bold;
-`;
-const FormWrapper = styled.div `
-    position: relative;
-    z-index: ${p => (p.$isEditing ? 2 : 0)};
-`;
-const InputWrapper = styled.div `
-    position: relative;
-
-    && input {
-        background: ${themeVars.defaultBg};
-        transition: none;
-        border-radius: 0;
-        line-height: 2.5em;
-        padding-left: 17px;
-    }
-
-    ${FormWrapper}:not(:last-child) & input:not(:hover) {
-        border-bottom: none;
-    }
-
-    ${FormWrapper}:first-child & input {
-        border-top-left-radius: 5px;
-        border-top-right-radius: 5px;
-    }
-
-    ${FormWrapper}:last-child & input {
-        border-bottom-left-radius: 5px;
-        border-bottom-right-radius: 5px;
-    }
-
-    &.editing input {
-        border-radius: 5px;
-    }
-
-    &.editing .field-wrapper,
-    &.editing .nested-input {
-        z-index: 0;
-    }
-
-    &.format-boolean label {
-        margin-right: 1em;
-    }
-
-    &:not(.format-boolean) label {
-        position: absolute;
-        left: 11px;
-        top: calc(50% - 0.9em);
-        font-size: 1.1em;
-        background: transparent;
-        padding: 0 0.5em;
-        color: ${themeVars.secondaryTextColor};
-        transition: all 0.2s ease;
-        transition-property: left, top, font-size;
-        z-index: 1;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        width: 100%;
-    }
-
-    &:not(.format-boolean):not(.editing):not(.has-value) label {
-        padding-right: 3rem;
-    }
-
-    input:disabled {
-        background: ${themeVars.defaultBg};
-    }
-
-    &.has-value:not(.format-boolean) label,
-    &.editing:not(.format-boolean) label {
-        top: 0px;
-        font-size: 0.9em;
-        background: transparent;
-        text-shadow: 0px 0px 4px #fff;
-        z-index: 2;
-        border-radius: 5px;
-    }
-
-    ${FormWrapper}.first-value &.has-value:not(.format-boolean) input:not(:first-child),
-    ${FormWrapper}.first-value &.editing:not(.format-boolean) input:not(:only-child),
-    ${FormWrapper}.first-value &.editing.format-date_range input,
-    ${FormWrapper}.first-value &.editing.format-date_range .ant-picker-range-separator {
-        padding-top: 1em;
-    }
-
-    &:not(.has-value):not(.editing):not(.format-boolean) input {
-        padding: 9px 0;
-    }
-
-    &:not(:hover) .floating-menu {
-        display: none;
-    }
-
-    .floating-menu {
-        top: 50%;
-        transform: translateY(-50%);
-    }
-`;
-const ActionsWrapper = styled.div `
-    position: absolute;
-    display: flex;
-    width: 100%;
-    flex-direction: column;
-`;
-const ButtonsWrapper = styled.div `
-    display: flex;
-    margin: 0.5em 0;
-    justify-content: flex-end;
-
-    & > button {
-        margin-left: 0.5em;
-    }
-`;
-const RichTextEditorInput = React.lazy(() => import('./Inputs/RichTextEditorInput'));
-const inputComponentByFormat = {
-    [AttributeFormat.text]: null,
-    [AttributeFormat.date]: null,
-    [AttributeFormat.date_range]: null,
-    [AttributeFormat.boolean]: null,
-    [AttributeFormat.numeric]: null,
-    [AttributeFormat.encrypted]: null,
-    [AttributeFormat.extended]: TextInput,
-    [AttributeFormat.color]: ColorInput,
-    [AttributeFormat.rich_text]: RichTextEditorInput
-};
-function StandardFieldValue({ value: fieldValue, onSubmit, onDelete, onScopeChange, state, dispatch }) {
-    const { t, i18n } = useSharedTranslation();
-    const { token } = theme.useToken();
-    const { lang: availableLangs } = useLang();
-    const actionsWrapperRef = useRef();
-    const inputRef = useRef();
-    const { state: editRecordState, dispatch: editRecordDispatch } = useEditRecordReducer();
-    const attribute = state.formElement.attribute;
+import { MonoValueSelect } from './ValuesList/MonoValueSelect';
+import { DSInputWrapper } from './DSInputWrapper';
+import { DSDatePickerWrapper } from './DSDatePickerWrapper';
+import { DSRangePickerWrapper } from './DSRangePickerWrapper';
+import { DSInputNumberWrapper } from './DSInputNumberWrapper';
+import { DSInputEncryptedWrapper } from './DSInputEncryptedWrapper';
+import { DSBooleanWrapper } from './DSBooleanWrapper';
+import { DSRichTextWrapper } from './DSRichTextWrapper';
+import { DSColorPickerWrapper } from './DSColorPickerWrapper';
+function StandardFieldValue({ presentationValue, handleSubmit, attribute, label, listField, required, readonly, calculatedFlags, inheritedFlags }) {
+    const { t } = useSharedTranslation();
     const isValuesListEnabled = !!attribute?.values_list?.enable;
-    const isValuesListOpen = !!attribute?.values_list?.allowFreeEntry;
-    // Scroll to input when editing field
-    useEffect(() => {
-        if (fieldValue.isEditing) {
-            actionsWrapperRef?.current?.scrollIntoView({ block: 'nearest' });
-        }
-    }, [fieldValue.isEditing]);
-    // Cancel value editing if value details panel is closed
-    useEffect(() => {
-        if (editRecordState.activeValue === null && fieldValue.isEditing) {
-            dispatch({
-                type: StandardFieldReducerActionsTypes.CANCEL_EDITING,
-                idValue: fieldValue.idValue
-            });
-        }
-    }, [editRecordState.activeValue]);
-    useEffect(() => {
-        if (fieldValue.isEditing) {
-            editRecordDispatch({
-                type: EditRecordReducerActionsTypes.SET_EDITING_VALUE,
-                value: fieldValue.editingValue
-            });
-        }
-    }, [fieldValue.isEditing, fieldValue.editingValue]);
-    const _handleSubmit = async (valueToSave, id) => {
-        if (valueToSave === '') {
-            return _handleDelete();
-        }
-        const convertedValue = typeof valueToSave === 'object' ? JSON.stringify(valueToSave) : valueToSave;
-        await onSubmit(fieldValue.idValue, convertedValue);
-    };
-    const _handlePressEnter = async () => {
-        if (!isValuesListEnabled) {
-            return _handleSubmit(fieldValue.editingValue);
-        }
-        const valuesList = _getFilteredValuesList();
-        if (!valuesList.length) {
-            return;
-        }
-        return _handleSubmit(valuesList[0].value);
-    };
-    const _handleDelete = async () => {
-        if (fieldValue.idValue === newValueId) {
-            return _handleCancel();
-        }
-        await onDelete(fieldValue.idValue);
-    };
-    const _handleFocus = () => {
-        if (state.isReadOnly || fieldValue.isEditing || attribute.format === AttributeFormat.boolean) {
-            return;
-        }
-        dispatch({
-            type: StandardFieldReducerActionsTypes.FOCUS_FIELD,
-            idValue: fieldValue.idValue
-        });
-        if (!state.metadataEdit) {
-            editRecordDispatch({
-                type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
-                value: { value: fieldValue.value, editingValue: fieldValue.editingValue, attribute }
-            });
-        }
-    };
-    const _handleValueChange = (value) => {
-        dispatch({
-            type: StandardFieldReducerActionsTypes.CHANGE_VALUE,
-            idValue: fieldValue.idValue,
-            value
-        });
-    };
-    const _handleCloseError = () => dispatch({
-        type: StandardFieldReducerActionsTypes.SET_ERROR_DISPLAY,
-        displayError: false,
-        idValue: fieldValue.idValue
-    });
-    const _handleCancel = () => {
-        dispatch({
-            type: StandardFieldReducerActionsTypes.CANCEL_EDITING,
-            idValue: fieldValue.idValue
-        });
-        if (!state.metadataEdit) {
-            editRecordDispatch({
-                type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
-                value: null
-            });
-        }
-    };
-    const _handleClickSubmit = () => {
-        _handleSubmit(fieldValue.editingValue);
-    };
-    const _handleValueCopy = (value) => {
-        inputRef?.current?.focus();
-        _handleValueChange(value);
-    };
-    const _getInput = () => {
-        let inputStyle = {};
-        if (!fieldValue.isEditing &&
-            attribute.format !== AttributeFormat.boolean &&
-            attribute.format !== AttributeFormat.rich_text) {
-            let displayedValue = String(fieldValue.displayValue);
-            let prefixValue;
-            if (attribute.format === AttributeFormat.color &&
-                (fieldValue.value === null || fieldValue.value.payload === null)) {
-                fieldValue.value = null;
-            }
-            const hasValue = fieldValue.value !== null;
-            if (hasValue) {
-                switch (attribute.format) {
-                    case AttributeFormat.encrypted:
-                        displayedValue = '•••••••••';
-                        break;
-                    case AttributeFormat.date:
-                        if (!isNaN(fieldValue.displayValue)) {
-                            displayedValue = new Intl.DateTimeFormat(i18n.language).format(new Date(Number(displayedValue) * 1000));
-                        }
-                        break;
-                    case AttributeFormat.color:
-                        prefixValue = _getColorDisplay();
-                        displayedValue = '#' + displayedValue;
-                        inputStyle = {
-                            paddingLeft: '39px'
-                        };
-                }
-            }
-            return (_jsxs(_Fragment, { children: [prefixValue, _jsx(Input, { style: inputStyle, className: hasValue ? 'has-value' : '', value: displayedValue, onFocus: _handleFocus, disabled: state.isReadOnly }, "display")] }));
-        }
-        const InputComponent = inputComponentByFormat[attribute.format];
-        // This should never happen, unless we have some bad settings in DB
-        if (!InputComponent) {
-            return _jsx("div", { children: t('record_edition.invalid_format') });
-        }
-        return (_jsx(InputComponent, { state: state, fieldValue: fieldValue, onChange: _handleValueChange, onFocus: _handleFocus, onSubmit: _handleSubmit, onPressEnter: _handlePressEnter, settings: state.formElement.settings, inputRef: inputRef }));
-    };
-    const _getColorDisplay = () => {
-        const colorValue = '#' + String(fieldValue.displayValue);
-        const colorPickerStyle = {
-            width: '16px',
-            height: '16px',
-            borderRadius: '2px',
-            backgroundColor: colorValue,
-            marginTop: fieldValue.index ? '15px' : '25px',
-            marginLeft: '5px'
-        };
-        return _jsx("label", { style: colorPickerStyle });
-    };
-    const _getFilteredValuesList = () => {
-        let values = [];
-        if (isValuesListEnabled) {
-            if (attribute.format === AttributeFormat.date_range) {
-                const valuesList = attribute?.values_list?.dateRangeValues ?? [];
-                values = valuesList
-                    .filter(val => fieldValue.state === StandardFieldValueState.PRISTINE || !fieldValue.editingValue)
-                    .map(v => {
-                    const rangeValue = {
-                        from: moment(Number(v.from) * 1000).format('L'),
-                        to: moment(Number(v.to) * 1000).format('L')
-                    };
-                    return {
-                        value: stringifyDateRangeValue(rangeValue, t),
-                        rawValue: { from: v.from, to: v.to }
-                    };
-                });
-            }
-            else {
-                const valuesList = attribute?.values_list?.values ?? [];
-                values = valuesList
-                    .filter(val => fieldValue.state === StandardFieldValueState.PRISTINE ||
-                    !fieldValue.editingValue ||
-                    attribute.format === AttributeFormat.date ||
-                    val.match(new RegExp(String(fieldValue.editingValue), 'i')))
-                    .map(v => ({ value: v, rawValue: v }));
-            }
-        }
-        const hydratedValues = values.map(value => ({
-            ...value,
-            isNewValue: false,
-            canCopy: isValuesListOpen &&
-                attribute.format !== AttributeFormat.date &&
-                attribute.format !== AttributeFormat.date_range
-        }));
-        // Display current value on top of values list as "new value". Don't do that for date range attribute as it
-        // doesn't make much sense
-        if (isValuesListOpen &&
-            String(fieldValue.editingValue) &&
-            attribute.format !== AttributeFormat.date_range &&
-            !(attribute?.values_list?.values ?? []).some(v => v === fieldValue.editingValue)) {
-            hydratedValues.unshift({
-                value: String(fieldValue.editingValue),
-                rawValue: String(fieldValue.editingValue),
-                isNewValue: true,
-                canCopy: false
-            });
-        }
-        return hydratedValues;
-    };
-    const errorContent = (_jsx(ErrorMessage, { children: _jsxs(Space, { size: "small", children: [_jsx(ExclamationCircleOutlined, {}), fieldValue.error, _jsx(Button, { onClick: _handleCloseError, size: "small", icon: _jsx(CloseOutlined, {}), style: { border: 'none' } })] }) }));
-    const isErrorVisible = fieldValue.isErrorDisplayed;
-    const wrapperClasses = `
-        ${attribute.format ? `format-${attribute.format}` : ''}
-        ${fieldValue?.value?.payload ? 'has-value' : ''}
-        ${fieldValue.isEditing ? 'editing' : ''}
-    `;
-    const canDeleteValue = !state.isReadOnly && fieldValue.idValue !== newValueId && attribute.format !== AttributeFormat.boolean;
-    const valuesList = _getFilteredValuesList();
-    const valueActions = [];
-    if (!fieldValue.isEditing) {
-        valueActions.push({
-            button: _jsx(ValueDetailsBtn, { value: fieldValue.value, attribute: attribute, shape: "circle" })
-        });
-    }
-    const hasMultipleValuesDisplay = attribute.multiple_values && !!Object.keys(state.values[state.activeScope].values).length;
-    if (attribute?.versions_conf?.versionable) {
-        const versions = {
-            [VersionFieldScope.CURRENT]: state.values[VersionFieldScope.CURRENT]?.version ?? null,
-            [VersionFieldScope.INHERITED]: state.values[VersionFieldScope.INHERITED]?.version ?? null
-        };
-        if (!hasMultipleValuesDisplay) {
-            valueActions.push({
-                title: t('values_version.title'),
-                button: (_jsx(ValuesVersionBtn, { versions: versions, activeScope: state.activeScope, onScopeChange: onScopeChange }))
-            });
-        }
-    }
-    if (canDeleteValue && !fieldValue.isEditing && fieldValue.displayValue) {
-        valueActions.push({
-            title: t('global.delete'),
-            button: _jsx(DeleteValueBtn, { onDelete: _handleDelete, shape: "circle" })
-        });
-    }
-    const valuesVersionIndicatorStyle = {
-        top: '1px',
-        left: '1px',
-        bottom: hasMultipleValuesDisplay ? '0' : '1px',
-        borderRadius: hasMultipleValuesDisplay ? 'none' : token.borderRadius
-    };
     const attributeFormatsWithDS = [
         AttributeFormat.text,
         AttributeFormat.date_range,
@@ -410,8 +24,57 @@ function StandardFieldValue({ value: fieldValue, onSubmit, onDelete, onScopeChan
         AttributeFormat.rich_text,
         AttributeFormat.color
     ];
-    const attributeFormatsWithoutDS = [AttributeFormat.extended];
-    return (_jsxs(_Fragment, { children: [attributeFormatsWithDS.includes(attribute.format) && (_jsx(StandardFieldValueDisplayHandler, { state: state, attribute: attribute, fieldValue: fieldValue, handleSubmit: _handleSubmit })), attributeFormatsWithoutDS.includes(attribute.format) && (_jsxs(_Fragment, { children: [fieldValue.isEditing && _jsx(Dimmer, { onClick: _handleCancel }), _jsxs(FormWrapper, { "$isEditing": fieldValue.isEditing, className: fieldValue.index === 0 ? 'first-value' : '', children: [_jsx(Popover, { placement: "topLeft", open: isErrorVisible, content: errorContent, children: _jsxs(InputWrapper, { "$isEditing": fieldValue.isEditing, className: wrapperClasses, "data-testid": "input-wrapper", children: [_jsx(ValuesVersionIndicator, { activeScope: state.activeScope, style: valuesVersionIndicatorStyle }), !fieldValue.index && (_jsxs("label", { className: "attribute-label", onClick: _handleFocus, children: [localizedTranslation(state.formElement.settings.label, availableLangs), editRecordState.externalUpdate.updatedValues[attribute?.id] && (_jsx(UpdatedFieldIcon, {})), state.activeScope === VersionFieldScope.INHERITED && (_jsx(InheritedFieldLabel, { version: state.values[VersionFieldScope.INHERITED].version }))] })), _getInput(), !state.metadataEdit && _jsx(FloatingMenu, { actions: valueActions })] }) }), _jsxs(ActionsWrapper, { ref: actionsWrapperRef, children: [fieldValue.isEditing && attribute?.values_list?.enable && (_jsx(ValuesList, { attribute: attribute, valuesList: valuesList, onValueSelect: _handleSubmit, onValueCopy: _handleValueCopy })), fieldValue.isEditing && (_jsxs(ButtonsWrapper, { children: [_jsx(Button, { size: "small", onClick: _handleCancel, style: { background: '#FFF' }, children: t('global.cancel') }), (!isValuesListEnabled || isValuesListOpen) && (_jsx(Button, { type: "primary", size: "small", onClick: _handleClickSubmit, children: t('global.submit') }))] }))] })] })] }))] }));
+    const commonProps = {
+        handleSubmit,
+        attribute,
+        presentationValue,
+        readonly,
+        label,
+        required,
+        calculatedFlags,
+        inheritedFlags
+    };
+    let valueContent;
+    if (isValuesListEnabled) {
+        valueContent = _jsx(MonoValueSelect, { ...commonProps });
+    }
+    else {
+        switch (attribute.format) {
+            case AttributeFormat.text:
+                valueContent = _jsx(DSInputWrapper, { ...commonProps });
+                break;
+            case AttributeFormat.date:
+                valueContent = _jsx(DSDatePickerWrapper, { ...commonProps });
+                break;
+            case AttributeFormat.date_range:
+                valueContent = _jsx(DSRangePickerWrapper, { ...commonProps });
+                break;
+            case AttributeFormat.numeric:
+                valueContent = _jsx(DSInputNumberWrapper, { ...commonProps });
+                break;
+            case AttributeFormat.encrypted:
+                valueContent = _jsx(DSInputEncryptedWrapper, { ...commonProps });
+                break;
+            case AttributeFormat.boolean:
+                valueContent = _jsx(DSBooleanWrapper, { ...commonProps });
+                break;
+            case AttributeFormat.rich_text:
+                valueContent = _jsx(DSRichTextWrapper, { ...commonProps });
+                break;
+            case AttributeFormat.color:
+                valueContent = _jsx(DSColorPickerWrapper, { ...commonProps });
+        }
+    }
+    return (attributeFormatsWithDS.includes(attribute.format) && (_jsx(Form.Item, { name: attribute.id, ...listField, rules: 
+        //TODO: Remove this rule when required is implemented in the backend
+        !attribute.multiple_values
+            ? [
+                {
+                    required,
+                    message: t('errors.standard_field_required')
+                }
+            ]
+            : undefined, noStyle: true, children: valueContent })));
 }
 export default StandardFieldValue;
 //# sourceMappingURL=StandardFieldValue.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/StandardFieldValue.js.map

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

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/ValuesList/MonoValueSelect.d.ts

@@ -1,3 +1,4 @@
 import { FunctionComponent } from 'react';
-import { IMonoValueSelectProps } from './_types';
-export declare const MonoValueSelect: FunctionComponent<IMonoValueSelectProps>;
+import { IStandFieldValueContentProps } from '../_types';
+import { IKitSelect } from 'aristid-ds/dist/Kit/DataEntry/Select/types';
+export declare const MonoValueSelect: FunctionComponent<IStandFieldValueContentProps<IKitSelect>>;

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/ValuesList/MonoValueSelect.js

@@ -2,17 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { useEffect, useMemo, useRef, useState } from 'react';
+import { useMemo, useState } from 'react';
 import { KitSelect, KitTypography } from 'aristid-ds';
 import useSharedTranslation from '../../../../../../../hooks/useSharedTranslation/useSharedTranslation';
 import { AttributeFormat, useSaveAttributeMutation } from '../../../../../../../_gqlTypes';
 import { Form } from 'antd';
-import { useValueDetailsButton } from '../../../../../../../components/RecordEdition/EditRecordContent/shared/ValueDetailsBtn/useValueDetailsButton';
-import { useLang } from '../../../../../../../hooks';
-import { localizedTranslation } from '@leav/utils';
 import moment from 'moment';
 import { stringifyDateRangeValue } from '../../../../../../../_utils';
 import { EditRecordReducerActionsTypes } from '../../../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
+import { useEditRecordReducer } from '../../../../../../../components/RecordEdition/editRecordReducer/useEditRecordReducer';
 const isNewOption = (value, options) => value !== '' && !options.find(option => option.value === value);
 const addOption = (options, optionToAdd) => {
     const newOptions = options;
@@ -24,7 +22,7 @@ const addOption = (options, optionToAdd) => {
     }
     return newOptions;
 };
-export const MonoValueSelect = ({ value, onChange, state, editRecordDispatch, attribute, fieldValue, handleSubmit, handleBlur, shouldShowValueDetailsButton = false }) => {
+export const MonoValueSelect = ({ value, presentationValue, onChange, attribute, required, readonly, handleSubmit, inheritedFlags, calculatedFlags }) => {
     if (!onChange) {
         throw Error('MonoValueSelect should be used inside a antd Form.Item');
     }
@@ -33,23 +31,12 @@ export const MonoValueSelect = ({ value, onChange, state, editRecordDispatch, at
     }
     const { t } = useSharedTranslation();
     const { errors } = Form.Item.useStatus();
-    const { onValueDetailsButtonClick } = useValueDetailsButton({
-        value: fieldValue?.value,
-        attribute
-    });
-    const [isSelectOpen, setIsSelectOpen] = useState(false);
+    const [isFocused, setIsFocused] = useState(false);
     const [searchedString, setSearchedString] = useState('');
-    const { lang: availableLang } = useLang();
-    const selectRef = useRef(null);
     const [saveAttribute] = useSaveAttributeMutation();
+    const { dispatch: editRecordDispatch } = useEditRecordReducer();
     const allowFreeEntry = attribute.values_list.allowFreeEntry;
     const allowListUpdate = attribute.values_list.allowListUpdate;
-    useEffect(() => {
-        if (fieldValue.isEditing && selectRef.current) {
-            selectRef.current.focus();
-            setIsSelectOpen(true);
-        }
-    }, [fieldValue.isEditing]);
     const _getFilteredValuesList = () => {
         let values = [];
         if (attribute.format === AttributeFormat.date_range) {
@@ -82,23 +69,18 @@ export const MonoValueSelect = ({ value, onChange, state, editRecordDispatch, at
         });
     }
     const searchResultsCount = useMemo(() => options.filter(option => option.label.toLowerCase().includes(searchedString.toLowerCase())).length, [searchedString]);
-    const _resetToInheritedOrCalculatedValue = () => {
-        if (state.isInheritedValue) {
-            setTimeout(() => onChange(state.inheritedValue.raw_value, options), 0);
+    const _resetToInheritedOrCalculatedValue = async () => {
+        if (inheritedFlags.isInheritedValue) {
+            setTimeout(() => onChange(inheritedFlags.inheritedValue.raw_value, options), 0);
         }
-        else if (state.isCalculatedValue) {
-            setTimeout(() => onChange(state.calculatedValue.raw_value, options), 0);
+        else if (calculatedFlags.isCalculatedValue) {
+            setTimeout(() => onChange(calculatedFlags.calculatedValue.raw_value, options), 0);
         }
-        handleSubmit('', attribute.id);
-    };
-    const _handleOnBlur = () => {
-        handleBlur();
-        setIsSelectOpen(false);
+        await handleSubmit(null, attribute.id);
     };
     const _handleOnChange = async (selectedValue) => {
-        setIsSelectOpen(false);
         setSearchedString('');
-        if ((state.isInheritedValue || state.isCalculatedValue) && selectedValue === '') {
+        if ((inheritedFlags.isInheritedValue || calculatedFlags.isCalculatedValue) && selectedValue === '') {
             _resetToInheritedOrCalculatedValue();
             return;
         }
@@ -118,28 +100,20 @@ export const MonoValueSelect = ({ value, onChange, state, editRecordDispatch, at
             });
             editRecordDispatch({ type: EditRecordReducerActionsTypes.REQUEST_REFRESH });
         }
-        handleSubmit(selectedValue, attribute.id);
+        await handleSubmit(selectedValue, attribute.id);
         onChange(selectedValue, options);
     };
-    const _handleOnClear = () => {
-        _handleOnChange('');
-        handleBlur();
+    const _handleOnClear = async () => {
+        await _handleOnChange('');
     };
-    const helper = useMemo(() => {
-        if (state.isInheritedOverrideValue) {
-            return t('record_edition.inherited_input_helper', {
-                inheritedValue: state.inheritedValue.raw_value
-            });
+    const _handleOnSearch = async (search) => {
+        setSearchedString(search);
+        if (search) {
+            setIsFocused(true);
         }
-        else if (state.isCalculatedOverrideValue) {
-            return t('record_edition.calculated_input_helper', {
-                calculatedValue: state.calculatedValue.raw_value
-            });
-        }
-        return '';
-    }, [state.isInheritedOverrideValue, state.isCalculatedOverrideValue]);
-    const label = localizedTranslation(state.formElement.settings.label, availableLang);
-    const required = state.formElement.settings.required;
-    return (_jsx(KitSelect, { ref: selectRef, "data-testid": attribute.id, open: isSelectOpen, value: value, required: required, allowClear: !required, label: label, options: options, status: errors.length > 0 && 'error', showSearch: true, helper: helper, onSelect: _handleOnChange, onChange: onChange, onClear: _handleOnClear, onBlur: _handleOnBlur, onSearch: setSearchedString, onInfoClick: shouldShowValueDetailsButton ? onValueDetailsButtonClick : null, dropdownRender: menu => (_jsxs(_Fragment, { children: [searchedString !== '' && searchResultsCount > 0 && (_jsxs("div", { style: { paddingBottom: 'calc(var(--general-spacing-xs) * 1px)' }, children: [_jsx(KitTypography.Text, { size: "fontSize7", children: t('record_edition.press_enter_to') }), _jsx(KitTypography.Text, { size: "fontSize7", weight: "medium", children: t('record_edition.select_this_value') })] })), menu] })), notFoundContent: _jsx("div", { style: { textAlign: 'center' }, children: _jsx(KitTypography.Text, { size: "fontSize5", weight: "medium", children: t('record_edition.search_not_found') }) }) }));
+    };
+    const valueToDisplay = isFocused ? value : presentationValue;
+    const isValueEmpty = value === '';
+    return (_jsx(KitSelect, { id: attribute.id, "data-testid": attribute.id, value: isValueEmpty ? undefined : valueToDisplay, allowClear: !required && value, disabled: readonly, options: options, open: isFocused, status: errors.length > 0 && 'error', showSearch: true, onDropdownVisibleChange: visible => setIsFocused(visible), onSelect: _handleOnChange, onChange: onChange, onClear: _handleOnClear, onSearch: _handleOnSearch, placeholder: t('record_edition.placeholder.select_an_option'), dropdownRender: menu => (_jsxs(_Fragment, { children: [searchedString !== '' && searchResultsCount > 0 && (_jsxs("div", { style: { paddingBottom: 'calc(var(--general-spacing-xs) * 1px)' }, children: [_jsx(KitTypography.Text, { size: "fontSize7", children: t('record_edition.press_enter_to') }), _jsx(KitTypography.Text, { size: "fontSize7", weight: "medium", children: t('record_edition.select_this_value') })] })), menu] })), notFoundContent: _jsx("div", { style: { textAlign: 'center' }, children: _jsx(KitTypography.Text, { size: "fontSize5", weight: "medium", children: t('record_edition.search_not_found') }) }) }));
 };
 //# sourceMappingURL=MonoValueSelect.js.map