@leav/ui 0.3.6-23e93ac → 0.3.6-24f63f4

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

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { KitInputNumber } from 'aristid-ds';
-import { useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { Form } from 'antd';
 import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
 import styled from 'styled-components';
@@ -15,7 +15,7 @@ const KitInputNumberStyled = styled(KitInputNumber) `
         color: ${({ $shouldHighlightColor }) => $shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'initial'};
     }
 `;
-export const DSInputNumberWrapper = ({ value, onChange, state, attribute, fieldValue, handleSubmit, shouldShowValueDetailsButton = false }) => {
+export const DSInputNumberWrapper = ({ value, onChange, state, attribute, fieldValue, handleSubmit, handleBlur, shouldShowValueDetailsButton = false }) => {
     if (!onChange) {
         throw Error('DSInputNumberWrapper should be used inside a antd Form.Item');
     }
@@ -27,18 +27,33 @@ export const DSInputNumberWrapper = ({ value, onChange, state, attribute, fieldV
         attribute
     });
     const [hasChanged, setHasChanged] = useState(false);
-    const _resetToInheritedValue = () => {
+    const inputRef = useRef(null);
+    useEffect(() => {
+        if (fieldValue.isEditing && inputRef.current) {
+            inputRef.current.focus(); // To automatically open the date picker
+        }
+    }, [fieldValue.isEditing]);
+    const _resetToInheritedOrCalculatedValue = () => {
         setHasChanged(false);
-        onChange(state.inheritedValue.raw_value);
+        if (state.isInheritedValue) {
+            onChange(state.inheritedValue.raw_value);
+        }
+        else if (state.isCalculatedValue) {
+            onChange(state.calculatedValue.raw_value);
+        }
         handleSubmit('', state.attribute.id);
     };
     const _handleOnBlur = (event) => {
+        if (!hasChanged) {
+            handleBlur();
+            return;
+        }
         const valueToSubmit = event.target.value;
-        if (valueToSubmit === '' && state.isInheritedValue) {
-            _resetToInheritedValue();
+        if (valueToSubmit === '' && (state.isInheritedValue || state.isCalculatedValue)) {
+            _resetToInheritedOrCalculatedValue();
             return;
         }
-        if (hasChanged || !state.isInheritedValue) {
+        if (hasChanged || (!state.isInheritedValue && !state.isCalculatedValue)) {
             handleSubmit(valueToSubmit, state.attribute.id);
         }
         onChange(valueToSubmit);
@@ -47,11 +62,20 @@ export const DSInputNumberWrapper = ({ value, onChange, state, attribute, fieldV
         setHasChanged(true);
         onChange(inputValue);
     };
-    const label = localizedTranslation(state.formElement.settings.label, lang);
-    return (_jsx(KitInputNumberStyled, { required: state.formElement.settings.required, label: label, onInfoClick: shouldShowValueDetailsButton ? onValueDetailsButtonClick : null, status: errors.length > 0 ? 'error' : undefined, helper: state.isInheritedOverrideValue
-            ? t('record_edition.inherited_input_helper', {
+    const _getHelper = () => {
+        if (state.isInheritedOverrideValue) {
+            return t('record_edition.inherited_input_helper', {
                 inheritedValue: state.inheritedValue.raw_value
-            })
-            : undefined, value: value, onChange: _handleOnChange, disabled: state.isReadOnly, onBlur: _handleOnBlur, "$shouldHighlightColor": !hasChanged && state.isInheritedNotOverrideValue }));
+            });
+        }
+        else if (state.isCalculatedOverrideValue) {
+            return t('record_edition.calculated_input_helper', {
+                calculatedValue: state.calculatedValue.raw_value
+            });
+        }
+        return;
+    };
+    const label = localizedTranslation(state.formElement.settings.label, lang);
+    return (_jsx(KitInputNumberStyled, { ref: inputRef, required: state.formElement.settings.required, label: label, onInfoClick: shouldShowValueDetailsButton ? onValueDetailsButtonClick : null, status: errors.length > 0 ? 'error' : undefined, helper: _getHelper(), value: value, onChange: _handleOnChange, disabled: state.isReadOnly, onBlur: _handleOnBlur, "$shouldHighlightColor": !hasChanged && (state.isInheritedNotOverrideValue || state.isCalculatedNotOverrideValue) }));
 };
 //# sourceMappingURL=DSInputNumberWrapper.js.map

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

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

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

@@ -8,6 +8,7 @@ interface IDSInputWrapperProps extends IProvidedByAntFormItem<InputProps> {
     attribute: RecordFormAttributeFragment;
     fieldValue: IStandardFieldValue;
     handleSubmit: (value: string, id?: string) => void;
+    handleBlur: () => void;
     shouldShowValueDetailsButton?: boolean;
 }
 export declare const DSInputWrapper: FunctionComponent<IDSInputWrapperProps>;

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

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { KitInput } from 'aristid-ds';
-import { useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { Form } from 'antd';
 import styled from 'styled-components';
 import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
@@ -13,7 +13,7 @@ import { localizedTranslation } from '@leav/utils';
 const KitInputStyled = styled(KitInput) `
     color: ${({ $shouldHighlightColor }) => ($shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'initial')};
 `;
-export const DSInputWrapper = ({ value, onChange, state, attribute, fieldValue, handleSubmit, shouldShowValueDetailsButton = false }) => {
+export const DSInputWrapper = ({ value, onChange, state, attribute, fieldValue, handleSubmit, handleBlur, shouldShowValueDetailsButton = false }) => {
     const { t } = useSharedTranslation();
     const { errors } = Form.Item.useStatus();
     const { onValueDetailsButtonClick } = useValueDetailsButton({
@@ -22,18 +22,33 @@ export const DSInputWrapper = ({ value, onChange, state, attribute, fieldValue,
     });
     const [hasChanged, setHasChanged] = useState(false);
     const { lang: availableLang } = useLang();
-    const _resetToInheritedValue = () => {
+    const inputRef = useRef(null);
+    useEffect(() => {
+        if (fieldValue.isEditing && inputRef.current) {
+            inputRef.current.focus();
+        }
+    }, [fieldValue.isEditing]);
+    const _resetToInheritedOrCalculatedValue = () => {
         setHasChanged(false);
-        onChange(state.inheritedValue.raw_value);
+        if (state.isInheritedValue) {
+            onChange(state.inheritedValue.raw_value);
+        }
+        else if (state.isCalculatedValue) {
+            onChange(state.calculatedValue.raw_value);
+        }
         handleSubmit('', state.attribute.id);
     };
     const _handleOnBlur = (event) => {
+        if (!hasChanged) {
+            handleBlur();
+            return;
+        }
         const valueToSubmit = event.target.value;
-        if (valueToSubmit === '' && state.isInheritedValue) {
-            _resetToInheritedValue();
+        if (valueToSubmit === '' && (state.isInheritedValue || state.isCalculatedValue)) {
+            _resetToInheritedOrCalculatedValue();
             return;
         }
-        if (hasChanged || !state.isInheritedValue) {
+        if (hasChanged || (!state.isInheritedValue && !state.isCalculatedValue)) {
             handleSubmit(valueToSubmit, state.attribute.id);
         }
         onChange(event);
@@ -41,17 +56,29 @@ export const DSInputWrapper = ({ value, onChange, state, attribute, fieldValue,
     const _handleOnChange = (event) => {
         setHasChanged(true);
         const inputValue = event.target.value;
-        if (state.isInheritedValue && inputValue === '' && event.type === 'click') {
-            _resetToInheritedValue();
+        if ((state.isInheritedValue || state.isCalculatedValue) && inputValue === '' && event.type === 'click') {
+            _resetToInheritedOrCalculatedValue();
             return;
         }
+        if (inputValue === '' && event.type === 'click') {
+            handleSubmit(inputValue, state.attribute.id);
+        }
         onChange(event);
     };
-    const label = localizedTranslation(state.formElement.settings.label, availableLang);
-    return (_jsx(KitInputStyled, { required: state.formElement.settings.required, label: label, onInfoClick: shouldShowValueDetailsButton ? onValueDetailsButtonClick : null, status: errors.length > 0 ? 'error' : undefined, helper: state.isInheritedOverrideValue
-            ? t('record_edition.inherited_input_helper', {
+    const _getHelper = () => {
+        if (state.isInheritedOverrideValue) {
+            return t('record_edition.inherited_input_helper', {
                 inheritedValue: state.inheritedValue.raw_value
-            })
-            : undefined, value: value, disabled: state.isReadOnly, allowClear: !state.isInheritedNotOverrideValue, onBlur: _handleOnBlur, onChange: _handleOnChange, "$shouldHighlightColor": !hasChanged && state.isInheritedNotOverrideValue }));
+            });
+        }
+        else if (state.isCalculatedOverrideValue) {
+            return t('record_edition.calculated_input_helper', {
+                calculatedValue: state.calculatedValue.raw_value
+            });
+        }
+        return;
+    };
+    const label = localizedTranslation(state.formElement.settings.label, availableLang);
+    return (_jsx(KitInputStyled, { ref: inputRef, required: state.formElement.settings.required, label: label, onInfoClick: shouldShowValueDetailsButton ? onValueDetailsButtonClick : null, status: errors.length > 0 ? 'error' : undefined, helper: _getHelper(), value: value, disabled: state.isReadOnly, allowClear: !state.isInheritedNotOverrideValue && !state.isCalculatedNotOverrideValue, onBlur: _handleOnBlur, onChange: _handleOnChange, "$shouldHighlightColor": !hasChanged && (state.isInheritedNotOverrideValue || state.isCalculatedNotOverrideValue) }));
 };
 //# sourceMappingURL=DSInputWrapper.js.map

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

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

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

@@ -8,6 +8,7 @@ interface IDSRangePickerWrapperProps extends IProvidedByAntFormItem<RangePickerP
     attribute: RecordFormAttributeFragment;
     fieldValue: IStandardFieldValue;
     handleSubmit: (value: StandardValueTypes, id?: string) => void;
+    handleBlur: () => void;
     shouldShowValueDetailsButton?: boolean;
 }
 export declare const DSRangePickerWrapper: FunctionComponent<IDSRangePickerWrapperProps>;

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

@@ -3,6 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { KitDatePicker } from 'aristid-ds';
+import { useEffect, useRef } from 'react';
 import { Form } from 'antd';
 import dayjs from 'dayjs';
 import styled from 'styled-components';
@@ -13,7 +14,7 @@ import { localizedTranslation } from '@leav/utils';
 const KitDatePickerRangePickerStyled = styled(KitDatePicker.RangePicker) `
     color: ${({ $shouldHighlightColor }) => ($shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'initial')};
 `;
-export const DSRangePickerWrapper = ({ value, onChange, state, attribute, fieldValue, handleSubmit, shouldShowValueDetailsButton = false }) => {
+export const DSRangePickerWrapper = ({ value, onChange, state, attribute, fieldValue, handleSubmit, handleBlur, shouldShowValueDetailsButton = false }) => {
     const { t } = useSharedTranslation();
     const { lang: availableLangs } = useLang();
     const { errors } = Form.Item.useStatus();
@@ -21,13 +22,30 @@ export const DSRangePickerWrapper = ({ value, onChange, state, attribute, fieldV
         value: fieldValue?.value,
         attribute
     });
-    const _handleDateChange = (rangePickerDates, ...antOnChangeParams) => {
-        if (state.isInheritedValue && rangePickerDates === null) {
+    const inputRef = useRef();
+    useEffect(() => {
+        if (fieldValue.isEditing && inputRef.current) {
+            inputRef.current.nativeElement.click(); // To automatically open the date picker
+        }
+    }, [fieldValue.isEditing]);
+    const _resetToInheritedOrCalculatedValue = () => {
+        if (state.isInheritedValue) {
             onChange([
                 dayjs.unix(Number(state.inheritedValue.raw_value.from)),
                 dayjs.unix(Number(state.inheritedValue.raw_value.to))
             ], state.inheritedValue.raw_value);
-            handleSubmit('', state.attribute.id);
+        }
+        else if (state.isCalculatedValue) {
+            onChange([
+                dayjs.unix(Number(state.calculatedValue.raw_value.from)),
+                dayjs.unix(Number(state.calculatedValue.raw_value.to))
+            ], state.calculatedValue.raw_value);
+        }
+        handleSubmit('', state.attribute.id);
+    };
+    const _handleDateChange = (rangePickerDates, ...antOnChangeParams) => {
+        if ((state.isInheritedValue || state.isCalculatedValue) && rangePickerDates === null) {
+            _resetToInheritedOrCalculatedValue();
             return;
         }
         onChange(rangePickerDates, ...antOnChangeParams);
@@ -43,14 +61,35 @@ export const DSRangePickerWrapper = ({ value, onChange, state, attribute, fieldV
         }
         handleSubmit(datesToSave, state.attribute.id);
     };
-    const label = localizedTranslation(state.formElement.settings.label, availableLangs);
-    return (_jsx(KitDatePickerRangePickerStyled, { value: value, onChange: _handleDateChange, label: label, required: state.formElement.settings.required, disabled: state.isReadOnly, allowClear: !state.isInheritedNotOverrideValue, status: errors.length > 0 ? 'error' : undefined, onInfoClick: shouldShowValueDetailsButton ? onValueDetailsButtonClick : null, helper: state.isInheritedOverrideValue
-            ? t('record_edition.inherited_input_helper', {
+    const _handleOpenChange = (open) => {
+        if (!open) {
+            handleBlur();
+        }
+    };
+    const _getHelper = () => {
+        if (state.isInheritedOverrideValue) {
+            return t('record_edition.inherited_input_helper', {
                 inheritedValue: t('record_edition.date_range_from_to', {
                     from: state.inheritedValue.value.from,
                     to: state.inheritedValue.value.to
                 })
-            })
-            : undefined, "$shouldHighlightColor": state.isInheritedNotOverrideValue }));
+            });
+        }
+        else if (state.isCalculatedOverrideValue) {
+            return t('record_edition.calculated_input_helper', {
+                calculatedValue: t('record_edition.date_range_from_to', {
+                    from: state.calculatedValue.value.from,
+                    to: state.calculatedValue.value.to
+                })
+            });
+        }
+        return;
+    };
+    const label = localizedTranslation(state.formElement.settings.label, availableLangs);
+    return (_jsx(KitDatePickerRangePickerStyled
+    // @ts-expect-error - ref is not a valid prop for RangePicker but works at runtime
+    , { 
+        // @ts-expect-error - ref is not a valid prop for RangePicker but works at runtime
+        ref: inputRef, value: value, onChange: _handleDateChange, label: label, required: state.formElement.settings.required, disabled: state.isReadOnly, allowClear: !state.isInheritedNotOverrideValue && !state.isCalculatedNotOverrideValue, status: errors.length > 0 ? 'error' : undefined, onInfoClick: shouldShowValueDetailsButton ? onValueDetailsButtonClick : null, onOpenChange: _handleOpenChange, helper: _getHelper(), "$shouldHighlightColor": state.isInheritedNotOverrideValue || state.isCalculatedNotOverrideValue }));
 };
 //# sourceMappingURL=DSRangePickerWrapper.js.map

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

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

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/{DSInputPasswordWrapper.d.ts → DSRichTextWrapper.d.ts}

@@ -3,12 +3,13 @@ import { IStandardFieldReducerState, IStandardFieldValue } from '../../../reduce
 import { InputProps } from 'antd';
 import { IProvidedByAntFormItem } from '../../../../../../components/RecordEdition/EditRecordContent/_types';
 import { RecordFormAttributeFragment } from '../../../../../../_gqlTypes';
-interface IDSInputWrapperProps extends IProvidedByAntFormItem<InputProps> {
+interface IDSRichTextWrapperProps extends IProvidedByAntFormItem<InputProps> {
     state: IStandardFieldReducerState;
     attribute: RecordFormAttributeFragment;
     fieldValue: IStandardFieldValue;
     handleSubmit: (value: string, id?: string) => void;
+    handleBlur: () => void;
     shouldShowValueDetailsButton?: boolean;
 }
-export declare const DSInputPasswordWrapper: FunctionComponent<IDSInputWrapperProps>;
+export declare const DSRichTextWrapper: FunctionComponent<IDSRichTextWrapperProps>;
 export {};

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

@@ -0,0 +1,82 @@
+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 { useEffect, useRef, useState } from 'react';
+import { Form } from 'antd';
+import styled from 'styled-components';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+import { useValueDetailsButton } from '../../../../../../components/RecordEdition/EditRecordContent/shared/ValueDetailsBtn/useValueDetailsButton';
+import { useLang } from '../../../../../../hooks';
+import { localizedTranslation } from '@leav/utils';
+import { KitRichText } from 'aristid-ds';
+const KitRichTextStyled = styled(KitRichText) `
+    color: ${({ $shouldHighlightColor }) => ($shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'initial')};
+`;
+const isEmptyValue = value => !value || value === '<p></p>';
+export const DSRichTextWrapper = ({ value, onChange, state, attribute, fieldValue, handleSubmit, handleBlur, shouldShowValueDetailsButton = false }) => {
+    const { t } = useSharedTranslation();
+    const { errors } = Form.Item.useStatus();
+    const { onValueDetailsButtonClick } = useValueDetailsButton({
+        value: fieldValue?.value,
+        attribute
+    });
+    const [hasChanged, setHasChanged] = useState(false);
+    const { lang: availableLang } = useLang();
+    const inputRef = useRef(null);
+    useEffect(() => {
+        if (fieldValue.isEditing && inputRef.current) {
+            inputRef.current.children[0].focus();
+        }
+    }, [fieldValue.isEditing]);
+    const _resetToInheritedOrCalculatedValue = () => {
+        setHasChanged(false);
+        if (state.isInheritedValue) {
+            onChange(state.inheritedValue.raw_value);
+        }
+        else if (state.isCalculatedValue) {
+            onChange(state.calculatedValue.raw_value);
+        }
+        handleSubmit('', state.attribute.id);
+    };
+    const _handleOnBlur = inputValue => {
+        if (!hasChanged) {
+            handleBlur();
+            return;
+        }
+        const valueToSubmit = isEmptyValue(inputValue) ? '' : inputValue;
+        if (valueToSubmit === '' && (state.isInheritedValue || state.isCalculatedValue)) {
+            _resetToInheritedOrCalculatedValue();
+            return;
+        }
+        if (hasChanged || (!state.isInheritedValue && !state.isCalculatedValue)) {
+            handleSubmit(valueToSubmit, state.attribute.id);
+        }
+        onChange(valueToSubmit);
+        return;
+    };
+    const _handleOnChange = inputValue => {
+        setHasChanged(true);
+        if (state.isInheritedValue && isEmptyValue(inputValue)) {
+            _resetToInheritedOrCalculatedValue();
+            return;
+        }
+        onChange(inputValue);
+    };
+    const _getHelper = () => {
+        if (state.isInheritedOverrideValue) {
+            return t('record_edition.inherited_input_helper', {
+                inheritedValue: state.inheritedValue.raw_value
+            });
+        }
+        else if (state.isCalculatedOverrideValue) {
+            return t('record_edition.calculated_input_helper', {
+                calculatedValue: state.calculatedValue.raw_value
+            });
+        }
+        return;
+    };
+    const label = localizedTranslation(state.formElement.settings.label, availableLang);
+    return (_jsx(KitRichTextStyled, { ref: inputRef, required: state.formElement.settings.required, label: label, onInfoClick: shouldShowValueDetailsButton ? onValueDetailsButtonClick : null, status: errors.length > 0 ? 'error' : undefined, helper: _getHelper(), value: value, disabled: state.isReadOnly, onChange: _handleOnChange, onBlur: _handleOnBlur, "$shouldHighlightColor": (!hasChanged && state.isInheritedNotOverrideValue) || state.isCalculatedNotOverrideValue }));
+};
+//# sourceMappingURL=DSRichTextWrapper.js.map

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

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

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

@@ -8,7 +8,7 @@ function CheckboxInput({ state, fieldValue, onSubmit }) {
         onSubmit(String(e.target.checked));
     };
     const { value } = fieldValue;
-    return (_jsx(Checkbox, { className: "nested-input", disabled: state.isReadOnly, checked: !!value?.value, indeterminate: typeof value?.value !== 'boolean', onChange: _handleCheckboxChange }));
+    return (_jsx(Checkbox, { className: "nested-input", disabled: state.isReadOnly, checked: !!value?.payload, indeterminate: typeof value?.payload !== 'boolean', onChange: _handleCheckboxChange }));
 }
 export default CheckboxInput;
 //# sourceMappingURL=CheckboxInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxInput.js","sourceRoot":"","sources":["../../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/Inputs/CheckboxInput.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,QAAQ,EAAC,MAAM,MAAM,CAAC;AAI9B,SAAS,aAAa,CAAC,EAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAsB;IACrE,MAAM,qBAAqB,GAAG,CAAC,CAAsB,EAAE,EAAE;QACrD,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,EAAC,KAAK,EAAC,GAAG,UAAU,CAAC;IAE3B,OAAO,CACH,KAAC,QAAQ,IACL,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EACvB,aAAa,EAAE,OAAO,KAAK,EAAE,KAAK,KAAK,SAAS,EAChD,QAAQ,EAAE,qBAAqB,GACjC,CACL,CAAC;AACN,CAAC;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CheckboxInput.js","sourceRoot":"","sources":["../../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/Inputs/CheckboxInput.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,QAAQ,EAAC,MAAM,MAAM,CAAC;AAI9B,SAAS,aAAa,CAAC,EAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAsB;IACrE,MAAM,qBAAqB,GAAG,CAAC,CAAsB,EAAE,EAAE;QACrD,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,EAAC,KAAK,EAAC,GAAG,UAAU,CAAC;IAE3B,OAAO,CACH,KAAC,QAAQ,IACL,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,EACzB,aAAa,EAAE,OAAO,KAAK,EAAE,OAAO,KAAK,SAAS,EAClD,QAAQ,EAAE,qBAAqB,GACjC,CACL,CAAC;AACN,CAAC;AAED,eAAe,aAAa,CAAC"}

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

@@ -1,13 +1,13 @@
 import { AnyPrimitive } from '@leav/utils';
-import { FieldScope } from '../../../../../../components/RecordEdition/EditRecordContent/_types';
+import { VersionFieldScope } from '../../../../../../components/RecordEdition/EditRecordContent/_types';
 import { IdValue, IStandardFieldReducerState, IStandardFieldValue, StandardFieldDispatchFunc } from '../../../reducers/standardFieldReducer/standardFieldReducer';
 interface IStandardFieldValueProps {
     value: IStandardFieldValue;
     state: IStandardFieldReducerState;
     dispatch: StandardFieldDispatchFunc;
-    onSubmit: (idValue: IdValue, value: AnyPrimitive) => void;
+    onSubmit: (idValue: IdValue, value: AnyPrimitive) => Promise<void>;
     onDelete: (idValue: IdValue) => void;
-    onScopeChange: (scope: FieldScope) => void;
+    onScopeChange: (scope: VersionFieldScope) => void;
 }
 declare function StandardFieldValue({ value: fieldValue, onSubmit, onDelete, onScopeChange, state, dispatch }: IStandardFieldValueProps): JSX.Element;
 export default StandardFieldValue;

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

@@ -4,12 +4,10 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // 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, Form, Input, Popover, Space, theme } from 'antd';
+import { Button, Input, Popover, Space, theme } from 'antd';
 import moment from 'moment';
 import React, { useEffect, useRef } from 'react';
 import styled from 'styled-components';
-import { DSInputWrapper } from './DSInputWrapper';
-import { DSRangePickerWrapper } from './DSRangePickerWrapper';
 import { themeVars } from '../../../../../../antdTheme';
 import { FloatingMenu } from '../../../../../../components';
 import Dimmer from '../../../../../../components/Dimmer';
@@ -19,7 +17,7 @@ import UpdatedFieldIcon from '../../../../../../components/RecordEdition/EditRec
 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 { FieldScope } from '../../../../../../components/RecordEdition/EditRecordContent/_types';
+import { VersionFieldScope } from '../../../../../../components/RecordEdition/EditRecordContent/_types';
 import { EditRecordReducerActionsTypes } from '../../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
 import { useEditRecordReducer } from '../../../../../../components/RecordEdition/editRecordReducer/useEditRecordReducer';
 import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
@@ -30,10 +28,7 @@ import ColorInput from './Inputs/ColorInput';
 import TextInput from './Inputs/TextInput';
 import ValuesList from './ValuesList';
 import { useLang } from '../../../../../../hooks';
-import { DSDatePickerWrapper } from './DSDatePickerWrapper';
-import { DSBooleanWrapper } from './DSBooleanWrapper';
-import { DSInputPasswordWrapper } from './DSInputPasswordWrapper';
-import { DSInputNumberWrapper } from './DSInputNumberWrapper';
+import { StandardFieldValueDisplayHandler } from './StandardFieldValueDisplayHandler';
 const ErrorMessage = styled.div `
     color: ${themeVars.errorColor};
     font-weight: bold;
@@ -195,12 +190,18 @@ function StandardFieldValue({ value: fieldValue, onSubmit, onDelete, onScopeChan
             });
         }
     }, [fieldValue.isEditing, fieldValue.editingValue]);
+    const _uneditField = () => {
+        dispatch({
+            type: StandardFieldReducerActionsTypes.CANCEL_EDITING,
+            idValue: fieldValue.idValue
+        });
+    };
     const _handleSubmit = async (valueToSave, id) => {
         if (valueToSave === '') {
             return _handleDelete();
         }
         const convertedValue = typeof valueToSave === 'object' ? JSON.stringify(valueToSave) : valueToSave;
-        onSubmit(fieldValue.idValue, convertedValue);
+        await onSubmit(fieldValue.idValue, convertedValue);
     };
     const _handlePressEnter = async () => {
         if (!isValuesListEnabled) {
@@ -216,7 +217,8 @@ function StandardFieldValue({ value: fieldValue, onSubmit, onDelete, onScopeChan
         if (fieldValue.idValue === newValueId) {
             return _handleCancel();
         }
-        onDelete(fieldValue.idValue);
+        await onDelete(fieldValue.idValue);
+        _uneditField();
     };
     const _handleFocus = () => {
         if (state.isReadOnly || fieldValue.isEditing || attribute.format === AttributeFormat.boolean) {
@@ -272,7 +274,7 @@ function StandardFieldValue({ value: fieldValue, onSubmit, onDelete, onScopeChan
             let displayedValue = String(fieldValue.displayValue);
             let prefixValue;
             if (attribute.format === AttributeFormat.color &&
-                (fieldValue.value === null || fieldValue.value.value === null)) {
+                (fieldValue.value === null || fieldValue.value.payload === null)) {
                 fieldValue.value = null;
             }
             const hasValue = fieldValue.value !== null;
@@ -369,7 +371,7 @@ function StandardFieldValue({ value: fieldValue, onSubmit, onDelete, onScopeChan
     const isErrorVisible = fieldValue.isErrorDisplayed;
     const wrapperClasses = `
         ${attribute.format ? `format-${attribute.format}` : ''}
-        ${fieldValue?.value?.value ? 'has-value' : ''}
+        ${fieldValue?.value?.payload ? 'has-value' : ''}
         ${fieldValue.isEditing ? 'editing' : ''}
     `;
     const canDeleteValue = !state.isReadOnly && fieldValue.idValue !== newValueId && attribute.format !== AttributeFormat.boolean;
@@ -383,8 +385,8 @@ function StandardFieldValue({ value: fieldValue, onSubmit, onDelete, onScopeChan
     const hasMultipleValuesDisplay = attribute.multiple_values && !!Object.keys(state.values[state.activeScope].values).length;
     if (attribute?.versions_conf?.versionable) {
         const versions = {
-            [FieldScope.CURRENT]: state.values[FieldScope.CURRENT]?.version ?? null,
-            [FieldScope.INHERITED]: state.values[FieldScope.INHERITED]?.version ?? null
+            [VersionFieldScope.CURRENT]: state.values[VersionFieldScope.CURRENT]?.version ?? null,
+            [VersionFieldScope.INHERITED]: state.values[VersionFieldScope.INHERITED]?.version ?? null
         };
         if (!hasMultipleValuesDisplay) {
             valueActions.push({
@@ -411,15 +413,11 @@ function StandardFieldValue({ value: fieldValue, onSubmit, onDelete, onScopeChan
         AttributeFormat.numeric,
         AttributeFormat.encrypted,
         AttributeFormat.date,
-        AttributeFormat.boolean
+        AttributeFormat.boolean,
+        AttributeFormat.rich_text
     ];
-    const attributeFormatsWithoutDS = [AttributeFormat.color, AttributeFormat.extended, AttributeFormat.rich_text];
-    return (_jsxs(_Fragment, { children: [attributeFormatsWithDS.includes(attribute.format) && (_jsxs(Form.Item, { name: attribute.id, rules: [
-                    {
-                        required: state.formElement.settings.required,
-                        message: t('errors.standard_field_required')
-                    }
-                ], children: [attribute.format === AttributeFormat.text && (_jsx(DSInputWrapper, { state: state, handleSubmit: _handleSubmit, attribute: attribute, fieldValue: fieldValue, shouldShowValueDetailsButton: editRecordState.withInfoButton })), attribute.format === AttributeFormat.date && (_jsx(DSDatePickerWrapper, { state: state, handleSubmit: _handleSubmit, attribute: attribute, fieldValue: fieldValue, shouldShowValueDetailsButton: editRecordState.withInfoButton })), attribute.format === AttributeFormat.date_range && (_jsx(DSRangePickerWrapper, { state: state, handleSubmit: _handleSubmit, attribute: attribute, fieldValue: fieldValue, shouldShowValueDetailsButton: editRecordState.withInfoButton })), attribute.format === AttributeFormat.numeric && (_jsx(DSInputNumberWrapper, { state: state, handleSubmit: _handleSubmit, attribute: attribute, fieldValue: fieldValue, shouldShowValueDetailsButton: editRecordState.withInfoButton })), attribute.format === AttributeFormat.encrypted && (_jsx(DSInputPasswordWrapper, { state: state, handleSubmit: _handleSubmit, attribute: attribute, fieldValue: fieldValue, shouldShowValueDetailsButton: editRecordState.withInfoButton })), attribute.format === AttributeFormat.boolean && (_jsx(DSBooleanWrapper, { state: state, 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 === FieldScope.INHERITED && (_jsx(InheritedFieldLabel, { version: state.values[FieldScope.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 attributeFormatsWithoutDS = [AttributeFormat.color, 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') }))] }))] })] })] }))] }));
 }
 export default StandardFieldValue;
 //# sourceMappingURL=StandardFieldValue.js.map