@leav/ui 0.3.6-c50d2b4 → 0.3.6-c904144

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

@@ -5,62 +5,69 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { KitColorPicker } from 'aristid-ds';
 import { useState } from 'react';
 import styled from 'styled-components';
-import { useLang } from '../../../../../../hooks';
-import { localizedTranslation } from '@leav/utils';
+import { ColorFactory } from 'antd/lib/color-picker/color';
+import { EMPTY_INITIAL_VALUE_UNDEFINED } from '../../../antdUtils';
 const KitColorPickerStyled = styled(KitColorPicker) `
     width: 100%;
-    justify-content: start; //TODO: Remove when the component is fixed in DS
 
     .ant-color-picker-trigger-text {
-        color: ${({ $shouldHighlightColor }) => $shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'var(--general-utilities-text-primary)'};
-
         svg {
             color: var(--general-utilities-text-primary);
         }
     }
 `;
-export const DSColorPickerWrapper = ({ value, presentationValue, onChange, state, attribute, handleSubmit }) => {
+export const DSColorPickerWrapper = ({ value, presentationValue, isLastValueOfMultivalues, removeLastValueOfMultivalues, onChange, attribute, label, readonly, handleSubmit, calculatedFlags, inheritedFlags, setActiveValue }) => {
     if (!onChange) {
         throw Error('DSColorPickerWrapper should be used inside a antd Form.Item');
     }
-    const { lang: availableLang } = useLang();
+    const isNewValueOfMultivalues = isLastValueOfMultivalues && value === EMPTY_INITIAL_VALUE_UNDEFINED;
+    const focusedDefaultValue = attribute.multiple_values ? isNewValueOfMultivalues : false;
     const [hasChanged, setHasChanged] = useState(false);
-    const [isFocused, setIsFocused] = useState(false);
-    const [currentColor, setCurrentColor] = useState();
-    const [currentHex, setCurrentHex] = useState(value ?? '');
+    const [isFocused, setIsFocused] = useState(focusedDefaultValue);
+    const [key, setKey] = useState(0);
     const _handleOnOpenChange = async (open) => {
         if (!open) {
             if (!hasChanged) {
                 setIsFocused(false);
+                if (isNewValueOfMultivalues) {
+                    removeLastValueOfMultivalues();
+                }
                 return;
             }
-            onChange(currentColor, currentHex);
+            const valueToSubmit = typeof value !== 'string' && value !== null ? value.toHex() : value?.toString();
+            await handleSubmit(valueToSubmit, attribute.id);
             setIsFocused(false);
-            await handleSubmit(currentColor.toHex(), state.attribute.id);
         }
         else {
             setIsFocused(true);
+            setActiveValue();
         }
     };
     const _handleOnChange = (color, hex) => {
         setHasChanged(true);
-        setCurrentHex(hex);
-        setCurrentColor(color);
         onChange(color, hex);
     };
     const _handleOnClear = async () => {
         setHasChanged(false);
-        if (state.isInheritedValue) {
-            onChange(undefined, state.inheritedValue.raw_value);
+        if (inheritedFlags.isInheritedValue) {
+            setKey(prevKey => prevKey + 1);
+            const inheritedColor = new ColorFactory(inheritedFlags.inheritedValue.raw_payload);
+            onChange(inheritedColor, inheritedFlags.inheritedValue.raw_payload);
+        }
+        else if (calculatedFlags.isCalculatedValue) {
+            setKey(prevKey => prevKey + 1);
+            const calculatedColor = new ColorFactory(calculatedFlags.calculatedValue.raw_payload);
+            onChange(calculatedColor, calculatedFlags.calculatedValue.raw_payload);
         }
-        else if (state.isCalculatedValue) {
-            onChange(undefined, state.calculatedValue.raw_value);
+        else {
+            onChange(undefined, undefined);
         }
-        onChange(null, null);
+        await handleSubmit(null, attribute.id);
         setIsFocused(false);
-        await handleSubmit(null, state.attribute.id);
     };
-    const label = localizedTranslation(state.formElement.settings.label, availableLang);
-    return (_jsx(KitColorPickerStyled, { id: attribute.id, "data-testid": attribute.id, value: currentHex, showText: isFocused || !presentationValue ? true : () => `${presentationValue}`, "aria-label": label, disabled: state.isReadOnly, disabledAlpha: true, allowClear: !state.isInheritedNotOverrideValue && !state.isCalculatedNotOverrideValue, onOpenChange: _handleOnOpenChange, onChange: _handleOnChange, onClear: _handleOnClear, "$shouldHighlightColor": !hasChanged && (state.isInheritedNotOverrideValue || state.isCalculatedNotOverrideValue) }));
+    return (_jsx(KitColorPickerStyled
+    // This is a hack to force the color picker to re-render when needed (e.g. reset to inherited value)
+    // https://react.dev/learn/preserving-and-resetting-state#option-2-resetting-state-with-a-key
+    , { id: attribute.id, autoFocus: isFocused, open: attribute.multiple_values ? isFocused : undefined, "data-testid": attribute.id, value: value, showText: isFocused || !presentationValue ? true : () => `${presentationValue}`, "aria-label": label, disabled: readonly, disabledAlpha: true, allowClear: value && !inheritedFlags.isInheritedNotOverrideValue && !calculatedFlags.isCalculatedNotOverrideValue, onOpenChange: _handleOnOpenChange, onChange: _handleOnChange, onClear: _handleOnClear }, key));
 };
 //# sourceMappingURL=DSColorPickerWrapper.js.map

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

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

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

@@ -3,37 +3,40 @@ 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 { useState } from 'react';
+import { useRef, useState } from 'react';
 import { Form } from 'antd';
 import dayjs from 'dayjs';
 import styled from 'styled-components';
 import { setDateToUTCNoon } from '../../../../../../_utils';
 import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+import { EMPTY_INITIAL_VALUE_STRING } from '../../../antdUtils';
 const KitDatePickerStyled = styled(KitDatePicker) `
     width: 100%;
-    color: ${({ $shouldHighlightColor }) => ($shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'initial')};
 `;
-export const DSDatePickerWrapper = ({ value, presentationValue, onChange, state, attribute, handleSubmit }) => {
+export const DSDatePickerWrapper = ({ value, presentationValue, isLastValueOfMultivalues, removeLastValueOfMultivalues, onChange, attribute, handleSubmit, readonly, calculatedFlags, inheritedFlags, setActiveValue }) => {
     if (!onChange) {
         throw Error('DSDatePickerWrapper should be used inside a antd Form.Item');
     }
-    const [isFocused, setIsFocused] = useState(false);
+    const isNewValueOfMultivalues = isLastValueOfMultivalues && typeof value === 'string' && value === EMPTY_INITIAL_VALUE_STRING;
+    const focusedDefaultValue = attribute.multiple_values ? isNewValueOfMultivalues : false;
     const { errors } = Form.Item.useStatus();
     const { t } = useSharedTranslation();
+    const hasChangedRef = useRef(false);
+    const [isFocused, setIsFocused] = useState(focusedDefaultValue);
     const isErrors = errors.length > 0;
     const _resetToInheritedOrCalculatedValue = async () => {
-        if (state.isInheritedValue) {
-            onChange(dayjs.unix(Number(state.inheritedValue.raw_value)), state.inheritedValue.raw_value);
+        hasChangedRef.current = false;
+        if (inheritedFlags.isInheritedValue) {
+            onChange(dayjs.unix(Number(inheritedFlags.inheritedValue.raw_payload)), inheritedFlags.inheritedValue.raw_payload);
         }
-        else if (state.isCalculatedValue) {
-            onChange(dayjs.unix(Number(state.calculatedValue.raw_value)), state.calculatedValue.raw_value);
+        else if (calculatedFlags.isCalculatedValue) {
+            onChange(dayjs.unix(Number(calculatedFlags.calculatedValue.raw_payload)), calculatedFlags.calculatedValue.raw_payload);
         }
-        await handleSubmit(null, state.attribute.id);
+        await handleSubmit(null, attribute.id);
     };
-    const _handleFocus = () => setIsFocused(true);
-    const _handleBlur = () => setIsFocused(false);
     const _handleDateChange = async (datePickerDate, ...antOnChangeParams) => {
-        if ((state.isInheritedValue || state.isCalculatedValue) && datePickerDate === null) {
+        hasChangedRef.current = true;
+        if ((inheritedFlags.isInheritedValue || calculatedFlags.isCalculatedValue) && datePickerDate === null) {
             _resetToInheritedOrCalculatedValue();
             return;
         }
@@ -41,16 +44,25 @@ export const DSDatePickerWrapper = ({ value, presentationValue, onChange, state,
             datePickerDate = setDateToUTCNoon(datePickerDate);
         }
         onChange(datePickerDate, ...antOnChangeParams);
-        // TODO : validate form with await form.validateFields(state.attribute.id)
-        if (state.formElement.settings.required && datePickerDate === null) {
-            return;
-        }
+        // TODO : validate form with await form.validateFields(attribute.id)
         let dateToSave = '';
         if (!!datePickerDate) {
             dateToSave = String(datePickerDate.unix());
         }
-        await handleSubmit(dateToSave, state.attribute.id);
+        await handleSubmit(dateToSave, attribute.id);
+    };
+    const _handleOpenChange = (open) => {
+        if (!open) {
+            setIsFocused(false);
+            if (!hasChangedRef.current && isNewValueOfMultivalues) {
+                removeLastValueOfMultivalues();
+            }
+        }
+    };
+    const _handleOnFocus = () => {
+        setIsFocused(true);
+        setActiveValue();
     };
-    return (_jsx(KitDatePickerStyled, { id: attribute.id, value: value, format: isFocused || isErrors || !presentationValue ? undefined : () => presentationValue, disabled: state.isReadOnly, allowClear: !state.isInheritedNotOverrideValue && !state.isCalculatedNotOverrideValue, helper: isErrors ? String(errors[0]) : undefined, status: isErrors ? 'error' : undefined, onChange: _handleDateChange, onFocus: _handleFocus, onBlur: _handleBlur, "$shouldHighlightColor": state.isInheritedNotOverrideValue || state.isCalculatedNotOverrideValue, placeholder: t('record_edition.placeholder.enter_a_date') }));
+    return (_jsx(KitDatePickerStyled, { id: attribute.id, autoFocus: isFocused, open: attribute.multiple_values ? isFocused : undefined, value: value, format: isFocused || isErrors || !presentationValue ? undefined : () => presentationValue, disabled: readonly, allowClear: !inheritedFlags.isInheritedNotOverrideValue && !calculatedFlags.isCalculatedNotOverrideValue, helper: isErrors ? String(errors[0]) : undefined, status: isErrors ? 'error' : undefined, onChange: _handleDateChange, onFocus: _handleOnFocus, onOpenChange: _handleOpenChange, placeholder: t('record_edition.placeholder.enter_a_date') }));
 };
 //# sourceMappingURL=DSDatePickerWrapper.js.map

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

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

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

@@ -2,13 +2,16 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Form } from 'antd';
 import { KitInput } from 'aristid-ds';
 import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
-export const DSInputEncryptedWrapper = ({ value, onChange, state, attribute, handleSubmit }) => {
+export const DSInputEncryptedWrapper = ({ value, onChange, attribute, handleSubmit, readonly, setActiveValue }) => {
     if (!onChange) {
         throw Error('DSInputEncryptedWrapper should be used inside a antd Form.Item');
     }
     const { errors } = Form.Item.useStatus();
     const { t } = useSharedTranslation();
     const isErrors = errors.length > 0;
+    const _handleOnFocus = () => {
+        setActiveValue();
+    };
     const _handleOnBlur = (event) => {
         const valueToSubmit = event.target.value;
         handleSubmit(valueToSubmit, attribute.id);
@@ -21,6 +24,6 @@ export const DSInputEncryptedWrapper = ({ value, onChange, state, attribute, han
             await handleSubmit(null, attribute.id);
         }
     };
-    return (_jsx(KitInput.Password, { id: attribute.id, autoComplete: "new-password", "data-testid": "kit-input-password", helper: isErrors ? String(errors[0]) : undefined, status: isErrors ? 'error' : undefined, value: value, placeholder: t('record_edition.placeholder.enter_a_password'), disabled: state.isReadOnly, allowClear: true, onChange: _handleOnChange, onBlur: _handleOnBlur }));
+    return (_jsx(KitInput.Password, { id: attribute.id, autoComplete: "new-password", "data-testid": "kit-input-password", helper: isErrors ? String(errors[0]) : undefined, status: isErrors ? 'error' : undefined, value: value, placeholder: t('record_edition.placeholder.enter_a_password'), disabled: readonly, allowClear: true, onChange: _handleOnChange, onFocus: _handleOnFocus, onBlur: _handleOnBlur }));
 };
 //# sourceMappingURL=DSInputEncryptedWrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DSInputEncryptedWrapper.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSInputEncryptedWrapper.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,IAAI,EAAC,MAAM,MAAM,CAAC;AAG1B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,MAAM,CAAC,MAAM,uBAAuB,GAAkE,CAAC,EACnG,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,YAAY,EACf,EAAE,EAAE;IACD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,MAAM,KAAK,CAAC,gEAAgE,CAAC,CAAC;IAClF,CAAC;IAED,MAAM,EAAC,MAAM,EAAC,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;IACvC,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAEnC,MAAM,aAAa,GAAG,CAAC,KAAmC,EAAE,EAAE;QAC1D,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACzC,YAAY,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC;QAE1C,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,EAAE,KAAoC,EAAE,EAAE;QACnE,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACtC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,IAAI,UAAU,KAAK,EAAE,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC9C,MAAM,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC;QAC3C,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,QAAQ,CAAC,QAAQ,IACd,EAAE,EAAE,SAAS,CAAC,EAAE,EAChB,YAAY,EAAC,cAAc,iBACf,oBAAoB,EAChC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAChD,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACtC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,CAAC,CAAC,6CAA6C,CAAC,EAC7D,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,UAAU,QACV,QAAQ,EAAE,eAAe,EACzB,MAAM,EAAE,aAAa,GACvB,CACL,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"DSInputEncryptedWrapper.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSInputEncryptedWrapper.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,IAAI,EAAC,MAAM,MAAM,CAAC;AAG1B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,MAAM,CAAC,MAAM,uBAAuB,GAAkE,CAAC,EACnG,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,cAAc,EACjB,EAAE,EAAE;IACD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,MAAM,KAAK,CAAC,gEAAgE,CAAC,CAAC;IAClF,CAAC;IAED,MAAM,EAAC,MAAM,EAAC,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;IACvC,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAEnC,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,cAAc,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAmC,EAAE,EAAE;QAC1D,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACzC,YAAY,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC;QAE1C,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,EAAE,KAAoC,EAAE,EAAE;QACnE,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACtC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,IAAI,UAAU,KAAK,EAAE,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC9C,MAAM,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC;QAC3C,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,QAAQ,CAAC,QAAQ,IACd,EAAE,EAAE,SAAS,CAAC,EAAE,EAChB,YAAY,EAAC,cAAc,iBACf,oBAAoB,EAChC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAChD,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACtC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,CAAC,CAAC,6CAA6C,CAAC,EAC7D,QAAQ,EAAE,QAAQ,EAClB,UAAU,QACV,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,aAAa,GACvB,CACL,CAAC;AACN,CAAC,CAAC"}

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

@@ -7,52 +7,58 @@ import { useRef, useState } from 'react';
 import { Form } from 'antd';
 import styled from 'styled-components';
 import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+import { EMPTY_INITIAL_VALUE_STRING } from '../../../antdUtils';
 const KitInputNumberStyled = styled(KitInputNumber) `
     width: 100%;
-    .ant-input-number-input-wrap .ant-input-number-input {
-        color: ${({ $shouldHighlightColor }) => $shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'initial'};
-    }
 `;
-export const DSInputNumberWrapper = ({ value, presentationValue, onChange, state, attribute, handleSubmit }) => {
+export const DSInputNumberWrapper = ({ value, presentationValue, isLastValueOfMultivalues, removeLastValueOfMultivalues, onChange, attribute, handleSubmit, readonly, calculatedFlags, inheritedFlags, setActiveValue }) => {
     if (!onChange) {
         throw Error('DSInputNumberWrapper should be used inside a antd Form.Item');
     }
+    const isNewValueOfMultivalues = isLastValueOfMultivalues && value === EMPTY_INITIAL_VALUE_STRING;
+    const focusedDefaultValue = attribute.multiple_values ? isNewValueOfMultivalues : false;
     const [hasChanged, setHasChanged] = useState(false);
-    const [isFocused, setIsFocused] = useState(false);
+    const [isFocused, setIsFocused] = useState(focusedDefaultValue);
     const inputRef = useRef(null);
     const { errors } = Form.Item.useStatus();
     const { t } = useSharedTranslation();
     const isErrors = errors.length > 0;
     const _resetToInheritedOrCalculatedValue = async () => {
         setHasChanged(false);
-        if (state.isInheritedValue) {
-            onChange(state.inheritedValue.raw_payload);
+        if (inheritedFlags.isInheritedValue) {
+            onChange(inheritedFlags.inheritedValue.raw_payload);
         }
-        else if (state.isCalculatedValue) {
-            onChange(state.calculatedValue.raw_payload);
+        else if (calculatedFlags.isCalculatedValue) {
+            onChange(calculatedFlags.calculatedValue.raw_payload);
         }
-        await handleSubmit(null, state.attribute.id);
+        await handleSubmit(null, attribute.id);
+    };
+    const _handleFocus = () => {
+        setIsFocused(true);
+        setActiveValue();
     };
-    const _handleFocus = () => setIsFocused(true);
     const _handleOnBlur = async (event) => {
         const valueToSubmit = event.target.value;
         if (!hasChanged) {
             onChange(valueToSubmit);
             setIsFocused(false);
+            if (isNewValueOfMultivalues) {
+                removeLastValueOfMultivalues();
+            }
             return;
         }
-        if (valueToSubmit === '' && (state.isInheritedValue || state.isCalculatedValue)) {
+        if (valueToSubmit === '' && (inheritedFlags.isInheritedValue || calculatedFlags.isCalculatedValue)) {
             _resetToInheritedOrCalculatedValue();
             return;
         }
         onChange(valueToSubmit);
+        await handleSubmit(valueToSubmit, attribute.id);
         setIsFocused(false);
-        await handleSubmit(valueToSubmit, state.attribute.id);
     };
     const _handleOnChange = inputValue => {
         setHasChanged(true);
         onChange(inputValue);
     };
-    return (_jsx(KitInputNumberStyled, { ref: inputRef, id: attribute.id, helper: isErrors ? String(errors[0]) : undefined, status: isErrors ? 'error' : undefined, value: value, formatter: v => (isFocused || isErrors || !presentationValue ? `${v}` : `${presentationValue}`), disabled: state.isReadOnly, onChange: _handleOnChange, onFocus: _handleFocus, onBlur: _handleOnBlur, "$shouldHighlightColor": !hasChanged && (state.isInheritedNotOverrideValue || state.isCalculatedNotOverrideValue), placeholder: t('record_edition.placeholder.enter_a_number') }));
+    return (_jsx(KitInputNumberStyled, { ref: inputRef, id: attribute.id, autoFocus: isFocused, helper: isErrors ? String(errors[0]) : undefined, status: isErrors ? 'error' : undefined, value: value, formatter: v => (isFocused || isErrors || !presentationValue ? `${v}` : `${presentationValue}`), disabled: readonly, onChange: _handleOnChange, onFocus: _handleFocus, onBlur: _handleOnBlur, placeholder: t('record_edition.placeholder.enter_a_number') }));
 };
 //# 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.js

@@ -5,60 +5,67 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { KitInput } from 'aristid-ds';
 import { useState } from 'react';
 import { Form } from 'antd';
-import styled from 'styled-components';
 import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
-const KitInputStyled = styled(KitInput) `
-    color: ${({ $shouldHighlightColor }) => ($shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'initial')};
-`;
-export const DSInputWrapper = ({ value, presentationValue, onChange, state, attribute, handleSubmit }) => {
+import { EMPTY_INITIAL_VALUE_STRING } from '../../../antdUtils';
+export const DSInputWrapper = ({ value, presentationValue, isLastValueOfMultivalues, removeLastValueOfMultivalues, onChange, attribute, readonly, handleSubmit, calculatedFlags, inheritedFlags, setActiveValue }) => {
     if (!onChange) {
         throw Error('DSInputWrapper should be used inside a antd Form.Item');
     }
+    const isNewValueOfMultivalues = isLastValueOfMultivalues && value === EMPTY_INITIAL_VALUE_STRING;
+    const focusedDefaultValue = attribute.multiple_values ? isNewValueOfMultivalues : false;
     const [hasChanged, setHasChanged] = useState(false);
-    const [isFocused, setIsFocused] = useState(false);
+    const [isFocused, setIsFocused] = useState(focusedDefaultValue);
     const { errors } = Form.Item.useStatus();
     const { t } = useSharedTranslation();
     const isErrors = errors.length > 0;
-    const valueToDisplay = isFocused || isErrors ? value : presentationValue;
+    const valueToDisplay = isFocused || isErrors || !presentationValue ? value : presentationValue;
     const _resetToInheritedOrCalculatedValue = async () => {
         setHasChanged(false);
-        if (state.isInheritedValue) {
-            onChange(state.inheritedValue.raw_payload);
+        if (inheritedFlags.isInheritedValue) {
+            onChange(inheritedFlags.inheritedValue.raw_payload);
         }
-        else if (state.isCalculatedValue) {
-            onChange(state.calculatedValue.raw_payload);
+        else if (calculatedFlags.isCalculatedValue) {
+            onChange(calculatedFlags.calculatedValue.raw_payload);
         }
-        await handleSubmit(null, state.attribute.id);
+        await handleSubmit(null, attribute.id);
+    };
+    const _handleOnFocus = () => {
+        setIsFocused(true);
+        setActiveValue();
     };
-    const _handleFocus = () => setIsFocused(true);
     const _handleOnBlur = async (event) => {
         if (!hasChanged) {
             onChange(event);
             setIsFocused(false);
+            if (isNewValueOfMultivalues) {
+                removeLastValueOfMultivalues();
+            }
             return;
         }
-        const valueToSubmit = event.target.value;
-        if (valueToSubmit === '' && (state.isInheritedValue || state.isCalculatedValue)) {
+        const inputValue = event.target.value;
+        if (inputValue === '' && (inheritedFlags.isInheritedValue || calculatedFlags.isCalculatedValue)) {
             _resetToInheritedOrCalculatedValue();
             return;
         }
         onChange(event);
+        await handleSubmit(inputValue, attribute.id);
         setIsFocused(false);
-        await handleSubmit(valueToSubmit, state.attribute.id);
     };
     // TODO remove this function to use onClear Prop when ant is updated to 5.20+ (and other inputs too)
     const _handleOnChange = async (event) => {
         setHasChanged(true);
         const inputValue = event.target.value;
-        if ((state.isInheritedValue || state.isCalculatedValue) && inputValue === '' && event.type === 'click') {
+        if ((inheritedFlags.isInheritedValue || calculatedFlags.isCalculatedValue) &&
+            inputValue === '' &&
+            event.type === 'click') {
             _resetToInheritedOrCalculatedValue();
             return;
         }
         onChange(event);
         if (inputValue === '' && event.type === 'click') {
-            await handleSubmit(inputValue, state.attribute.id);
+            await handleSubmit(null, attribute.id);
         }
     };
-    return (_jsx(KitInputStyled, { id: attribute.id, disabled: state.isReadOnly, helper: isErrors ? String(errors[0]) : undefined, status: isErrors ? 'error' : undefined, value: valueToDisplay, allowClear: !state.isInheritedNotOverrideValue && !state.isCalculatedNotOverrideValue, onChange: _handleOnChange, onFocus: _handleFocus, onBlur: _handleOnBlur, "$shouldHighlightColor": !hasChanged && (state.isInheritedNotOverrideValue || state.isCalculatedNotOverrideValue), placeholder: t('record_edition.placeholder.enter_a_text') }));
+    return (_jsx(KitInput, { id: attribute.id, autoFocus: isFocused, disabled: readonly, helper: isErrors ? String(errors[0]) : undefined, status: isErrors ? 'error' : undefined, value: valueToDisplay, allowClear: !inheritedFlags.isInheritedNotOverrideValue && !calculatedFlags.isCalculatedNotOverrideValue, onChange: _handleOnChange, onFocus: _handleOnFocus, onBlur: _handleOnBlur, placeholder: t('record_edition.placeholder.enter_a_text') }));
 };
 //# 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.js

@@ -1,47 +1,60 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } 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 { KitDatePicker, KitInput } from 'aristid-ds';
-import { useState } from 'react';
+import { KitDatePicker } from 'aristid-ds';
+import { useEffect, useRef, useState } from 'react';
 import { Form } from 'antd';
 import dayjs from 'dayjs';
 import styled from 'styled-components';
 import { setDateToUTCNoon } from '../../../../../../_utils';
-import { FaCalendar } from 'react-icons/fa';
 import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+import { EMPTY_INITIAL_VALUE_UNDEFINED } from '../../../antdUtils';
 const KitDatePickerRangePickerStyled = styled(KitDatePicker.RangePicker) `
-    color: ${({ $shouldHighlightColor }) => ($shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'initial')};
+    ${({ $shouldUsePresentationLayout }) => $shouldUsePresentationLayout &&
+    `   &.ant-picker.ant-picker-range {
+                grid-template-columns: 28px 1fr 0px 0px 12px;
+
+                .ant-picker-range-separator,
+                .ant-picker-input:nth-of-type(0) {
+                    display: none;
+                }
+            }
+        `}
 `;
-const KitInputStyled = styled(KitInput) `
-    color: ${({ $shouldHighlightColor }) => ($shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'initial')};
-`;
-export const DSRangePickerWrapper = ({ presentationValue, value, onChange, state, attribute, handleSubmit }) => {
+export const DSRangePickerWrapper = ({ value, presentationValue, isLastValueOfMultivalues, removeLastValueOfMultivalues, onChange, attribute, handleSubmit, readonly, calculatedFlags, inheritedFlags, setActiveValue }) => {
     if (!onChange) {
         throw Error('DSRangePickerWrapper should be used inside a antd Form.Item');
     }
-    const [isFocused, setIsFocused] = useState(false);
+    const isNewValueOfMultivalues = isLastValueOfMultivalues && value === EMPTY_INITIAL_VALUE_UNDEFINED;
+    const focusedDefaultValue = attribute.multiple_values ? isNewValueOfMultivalues : false;
+    const hasChangedRef = useRef(false);
+    const [isFocused, setIsFocused] = useState(focusedDefaultValue);
     const { errors } = Form.Item.useStatus();
     const { t } = useSharedTranslation();
     const isErrors = errors.length > 0;
+    // we slow down the css so that presentationValue does not flash before being hidden
+    const [usePresentationLayout, setUsePresentationLayout] = useState(false);
+    useEffect(() => setUsePresentationLayout(!isFocused && !isErrors), [isFocused, isErrors]);
     const _resetToInheritedOrCalculatedValue = async () => {
-        if (state.isInheritedValue) {
+        hasChangedRef.current = false;
+        if (inheritedFlags.isInheritedValue) {
             onChange([
-                dayjs.unix(Number(state.inheritedValue.raw_value.from)),
-                dayjs.unix(Number(state.inheritedValue.raw_value.to))
-            ], state.inheritedValue.raw_value);
+                dayjs.unix(Number(inheritedFlags.inheritedValue.raw_payload.from)),
+                dayjs.unix(Number(inheritedFlags.inheritedValue.raw_payload.to))
+            ], inheritedFlags.inheritedValue.raw_payload);
         }
-        else if (state.isCalculatedValue) {
+        else if (calculatedFlags.isCalculatedValue) {
             onChange([
-                dayjs.unix(Number(state.calculatedValue.raw_value.from)),
-                dayjs.unix(Number(state.calculatedValue.raw_value.to))
-            ], state.calculatedValue.raw_value);
+                dayjs.unix(Number(calculatedFlags.calculatedValue.raw_payload.from)),
+                dayjs.unix(Number(calculatedFlags.calculatedValue.raw_payload.to))
+            ], calculatedFlags.calculatedValue.raw_payload);
         }
-        await handleSubmit(null, state.attribute.id);
+        await handleSubmit(null, attribute.id);
     };
-    const _handleFocus = () => setIsFocused(true);
     const _handleDateChange = async (rangePickerDates, ...antOnChangeParams) => {
-        if ((state.isInheritedValue || state.isCalculatedValue) && rangePickerDates === null) {
+        hasChangedRef.current = true;
+        if ((inheritedFlags.isInheritedValue || calculatedFlags.isCalculatedValue) && rangePickerDates === null) {
             _resetToInheritedOrCalculatedValue();
             return;
         }
@@ -50,35 +63,28 @@ export const DSRangePickerWrapper = ({ presentationValue, value, onChange, state
         }
         onChange(rangePickerDates, ...antOnChangeParams);
         // TODO : validate form with await form.validateFields(state.attribute.id)
-        if (state.formElement.settings.required && rangePickerDates === null) {
-            return;
-        }
-        let datesToSave = '';
+        let datesToSave = null;
         if (rangePickerDates !== null) {
             const [dateFrom, dateTo] = rangePickerDates;
-            datesToSave = { from: String(dateFrom.unix()), to: String(dateTo.unix()) };
+            datesToSave = JSON.stringify({ from: dateFrom.unix(), to: dateTo.unix() });
         }
-        await handleSubmit(datesToSave, state.attribute.id);
+        await handleSubmit(datesToSave, attribute.id);
     };
     const _handleOpenChange = (open) => {
         if (!open) {
             setIsFocused(false);
+            if (!hasChangedRef.current && isNewValueOfMultivalues) {
+                removeLastValueOfMultivalues();
+            }
         }
     };
-    // TOTO remove this function to use onClear Prop when ant is updated to 5.20+
-    const _handleClear = async (event) => {
-        const inputValue = event.target.value;
-        if ((state.isInheritedValue || state.isCalculatedValue) && inputValue === '' && event.type === 'click') {
-            _resetToInheritedOrCalculatedValue();
-            return;
-        }
-        onChange(null, null);
-        if (inputValue === '' && event.type === 'click') {
-            await handleSubmit('', state.attribute.id);
-        }
+    const _handleOnFocus = () => {
+        setIsFocused(true);
+        setActiveValue();
     };
-    return (_jsxs(_Fragment, { children: [!isFocused && !isErrors && (_jsx(KitInputStyled, { id: attribute.id, prefix: _jsx(FaCalendar, {}), helper: isErrors ? String(errors[0]) : undefined, status: isErrors ? 'error' : undefined, value: presentationValue, onFocus: _handleFocus, onChange: _handleClear, "$shouldHighlightColor": state.isInheritedNotOverrideValue || state.isCalculatedNotOverrideValue, placeholder: t('record_edition.placeholder.enter_a_period') }))
-            //TODO: Léger décalage car l'icon n'est pas exactement le même que celui du DS (MAJ React-icons ?)
-            , (isFocused || isErrors) && (_jsx(KitDatePickerRangePickerStyled, { open: true, autoFocus: true, value: value, disabled: state.isReadOnly, allowClear: !state.isInheritedNotOverrideValue && !state.isCalculatedNotOverrideValue, helper: isErrors ? String(errors[0]) : undefined, status: isErrors ? 'error' : undefined, onChange: _handleDateChange, onOpenChange: _handleOpenChange, "$shouldHighlightColor": state.isInheritedNotOverrideValue || state.isCalculatedNotOverrideValue, placeholder: [t('record_edition.placeholder.start_date'), t('record_edition.placeholder.end_date')] }))] }));
+    const placeholderToDisplay = isFocused
+        ? [t('record_edition.placeholder.start_date'), t('record_edition.placeholder.end_date')]
+        : [t('record_edition.placeholder.enter_a_period'), ''];
+    return (_jsx(KitDatePickerRangePickerStyled, { id: attribute.id, autoFocus: isFocused, open: attribute.multiple_values ? isFocused : undefined, value: value, format: !isFocused && !isErrors && !!presentationValue ? () => presentationValue : undefined, disabled: readonly, allowClear: !inheritedFlags.isInheritedNotOverrideValue && !calculatedFlags.isCalculatedNotOverrideValue, helper: isErrors ? String(errors[0]) : undefined, status: isErrors ? 'error' : undefined, onFocus: _handleOnFocus, onChange: _handleDateChange, onOpenChange: _handleOpenChange, placeholder: placeholderToDisplay, "$shouldUsePresentationLayout": usePresentationLayout }));
 };
 //# sourceMappingURL=DSRangePickerWrapper.js.map