@leav/ui 0.3.6-c939f2f → 0.3.6-c9a34f2

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

@@ -1,94 +1,26 @@
 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 { KitInput } from 'aristid-ds';
-import { useEffect, useRef, useState } from 'react';
 import { Form } from 'antd';
-import styled from 'styled-components';
+import { KitInput } from 'aristid-ds';
 import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
-import { useValueDetailsButton } from '../../../../../../components/RecordEdition/EditRecordContent/shared/ValueDetailsBtn/useValueDetailsButton';
-import { useLang } from '../../../../../../hooks';
-import { localizedTranslation } from '@leav/utils';
-const KitInputPasswordStyled = styled(KitInput.Password) `
-    color: ${({ $shouldHighlightColor }) => ($shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'initial')};
-
-    .kit-input-wrapper-helper {
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-    }
-`;
-export const DSInputEncryptedWrapper = ({ value, onChange, state, attribute, fieldValue, handleSubmit, handleBlur, shouldShowValueDetailsButton = false }) => {
+export const DSInputEncryptedWrapper = ({ value, onChange, attribute, handleSubmit, readonly }) => {
     if (!onChange) {
         throw Error('DSInputEncryptedWrapper should be used inside a antd Form.Item');
     }
-    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.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 { t } = useSharedTranslation();
+    const isErrors = errors.length > 0;
     const _handleOnBlur = (event) => {
-        if (!hasChanged) {
-            handleBlur();
-            return;
-        }
         const valueToSubmit = event.target.value;
-        if (valueToSubmit === '' && (state.isInheritedValue || state.isCalculatedValue)) {
-            _resetToInheritedOrCalculatedValue();
-            return;
-        }
-        if (!state.isInheritedValue && !state.isCalculatedValue) {
-            handleSubmit(valueToSubmit, state.attribute.id);
-        }
+        handleSubmit(valueToSubmit, attribute.id);
         onChange(event);
     };
-    const _handleOnChange = (event) => {
-        setHasChanged(true);
+    const _handleOnChange = async (event) => {
         const inputValue = event.target.value;
-        if ((state.isInheritedValue || state.isCalculatedValue) && inputValue === '' && event.type === 'click') {
-            _resetToInheritedOrCalculatedValue();
-            return;
-        }
         onChange(event);
-    };
-    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
-            });
+        if (inputValue === '' && event.type === 'click') {
+            await handleSubmit(null, attribute.id);
         }
-        return;
     };
-    const label = localizedTranslation(state.formElement.settings.label, availableLang);
-    return (_jsx(KitInputPasswordStyled
-    // @ts-expect-error - ref is not a valid prop for Input.Password but works at runtime
-    , { 
-        // @ts-expect-error - ref is not a valid prop for Input.Password but works at runtime
-        ref: inputRef, autoComplete: "new-password", "data-testid": "kit-input-password", label: label, required: state.formElement.settings.required, status: errors.length > 0 ? 'error' : undefined, onInfoClick: shouldShowValueDetailsButton ? onValueDetailsButtonClick : null, helper: _getHelper(), value: value, disabled: state.isReadOnly, allowClear: !state.isInheritedNotOverrideValue && !state.isCalculatedNotOverrideValue, onBlur: _handleOnBlur, onChange: _handleOnChange, "$shouldHighlightColor": !hasChanged && (state.isInheritedNotOverrideValue || state.isCalculatedNotOverrideValue) }));
+    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, 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":"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"}
+{"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,EACX,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,QAAQ,EAClB,UAAU,QACV,QAAQ,EAAE,eAAe,EACzB,MAAM,EAAE,aAAa,GACvB,CACL,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,15 +1,4 @@
 import { FunctionComponent } from 'react';
-import { IStandardFieldReducerState, IStandardFieldValue } from '../../../reducers/standardFieldReducer/standardFieldReducer';
-import { InputNumberProps } from 'antd';
-import { IProvidedByAntFormItem } from '../../../../../../components/RecordEdition/EditRecordContent/_types';
-import { RecordFormAttributeFragment } from '../../../../../../_gqlTypes';
-interface IDSInputWrapperProps extends IProvidedByAntFormItem<InputNumberProps> {
-    state: IStandardFieldReducerState;
-    attribute: RecordFormAttributeFragment;
-    fieldValue: IStandardFieldValue;
-    handleSubmit: (value: string, id?: string) => void;
-    handleBlur: () => void;
-    shouldShowValueDetailsButton?: boolean;
-}
-export declare const DSInputNumberWrapper: FunctionComponent<IDSInputWrapperProps>;
-export {};
+import { IStandFieldValueContentProps } from './_types';
+import { KitInputNumberProps } from 'aristid-ds/dist/Kit/DataEntry/InputNumber/types';
+export declare const DSInputNumberWrapper: FunctionComponent<IStandFieldValueContentProps<KitInputNumberProps>>;

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

@@ -3,79 +3,53 @@ 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 { useEffect, useRef, useState } from 'react';
+import { useRef, useState } from 'react';
 import { Form } from 'antd';
-import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
 import styled from 'styled-components';
-import { useValueDetailsButton } from '../../../../../../components/RecordEdition/EditRecordContent/shared/ValueDetailsBtn/useValueDetailsButton';
-import { localizedTranslation } from '@leav/utils';
-import { useLang } from '../../../../../../hooks';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
 const KitInputNumberStyled = styled(KitInputNumber) `
-    .ant-input-number-input-wrap .ant-input-number-input {
-        color: ${({ $shouldHighlightColor }) => $shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'initial'};
-    }
+    width: 100%;
 `;
-export const DSInputNumberWrapper = ({ value, onChange, state, attribute, fieldValue, handleSubmit, handleBlur, shouldShowValueDetailsButton = false }) => {
+export const DSInputNumberWrapper = ({ value, presentationValue, onChange, attribute, handleSubmit, readonly, calculatedFlags, inheritedFlags }) => {
     if (!onChange) {
         throw Error('DSInputNumberWrapper should be used inside a antd Form.Item');
     }
-    const { t } = useSharedTranslation();
-    const { lang } = useLang();
-    const { errors } = Form.Item.useStatus();
-    const { onValueDetailsButtonClick } = useValueDetailsButton({
-        value: fieldValue?.value,
-        attribute
-    });
     const [hasChanged, setHasChanged] = useState(false);
+    const [isFocused, setIsFocused] = useState(false);
     const inputRef = useRef(null);
-    useEffect(() => {
-        if (fieldValue.isEditing && inputRef.current) {
-            inputRef.current.focus(); // To automatically open the date picker
-        }
-    }, [fieldValue.isEditing]);
-    const _resetToInheritedOrCalculatedValue = () => {
+    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_value);
+        if (inheritedFlags.isInheritedValue) {
+            onChange(inheritedFlags.inheritedValue.raw_payload);
         }
-        else if (state.isCalculatedValue) {
-            onChange(state.calculatedValue.raw_value);
+        else if (calculatedFlags.isCalculatedValue) {
+            onChange(calculatedFlags.calculatedValue.raw_payload);
         }
-        handleSubmit('', state.attribute.id);
+        await handleSubmit(null, attribute.id);
     };
-    const _handleOnBlur = (event) => {
+    const _handleFocus = () => setIsFocused(true);
+    const _handleOnBlur = async (event) => {
+        const valueToSubmit = event.target.value;
         if (!hasChanged) {
-            handleBlur();
+            onChange(valueToSubmit);
+            setIsFocused(false);
             return;
         }
-        const valueToSubmit = event.target.value;
-        if (valueToSubmit === '' && (state.isInheritedValue || state.isCalculatedValue)) {
+        if (valueToSubmit === '' && (inheritedFlags.isInheritedValue || calculatedFlags.isCalculatedValue)) {
             _resetToInheritedOrCalculatedValue();
             return;
         }
-        if (hasChanged || (!state.isInheritedValue && !state.isCalculatedValue)) {
-            handleSubmit(valueToSubmit, state.attribute.id);
-        }
         onChange(valueToSubmit);
+        await handleSubmit(valueToSubmit, attribute.id);
+        setIsFocused(false);
     };
     const _handleOnChange = inputValue => {
         setHasChanged(true);
         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, 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) }));
+    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: 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.d.ts

@@ -1,15 +1,4 @@
 import { FunctionComponent } from 'react';
-import { IStandardFieldReducerState, IStandardFieldValue } from '../../../reducers/standardFieldReducer/standardFieldReducer';
-import { InputProps } from 'antd';
-import { IProvidedByAntFormItem } from '../../../../../../components/RecordEdition/EditRecordContent/_types';
-import { RecordFormAttributeFragment } from '../../../../../../_gqlTypes';
-interface IDSInputWrapperProps extends IProvidedByAntFormItem<InputProps> {
-    state: IStandardFieldReducerState;
-    attribute: RecordFormAttributeFragment;
-    fieldValue: IStandardFieldValue;
-    handleSubmit: (value: string, id?: string) => void;
-    handleBlur: () => void;
-    shouldShowValueDetailsButton?: boolean;
-}
-export declare const DSInputWrapper: FunctionComponent<IDSInputWrapperProps>;
-export {};
+import { IStandFieldValueContentProps } from './_types';
+import { IKitInput } from 'aristid-ds/dist/Kit/DataEntry/Input/types';
+export declare const DSInputWrapper: FunctionComponent<IStandFieldValueContentProps<IKitInput>>;

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

@@ -3,85 +3,59 @@ 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 { useEffect, useRef, useState } from 'react';
+import { 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';
-const KitInputStyled = styled(KitInput) `
-    color: ${({ $shouldHighlightColor }) => ($shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'initial')};
-`;
-export const DSInputWrapper = ({ value, onChange, state, attribute, fieldValue, handleSubmit, handleBlur, shouldShowValueDetailsButton = false }) => {
+export const DSInputWrapper = ({ value, presentationValue, onChange, attribute, readonly, handleSubmit, calculatedFlags, inheritedFlags }) => {
     if (!onChange) {
         throw Error('DSInputWrapper should be used inside a antd Form.Item');
     }
-    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.focus();
-        }
-    }, [fieldValue.isEditing]);
-    const _resetToInheritedOrCalculatedValue = () => {
+    const [isFocused, setIsFocused] = useState(false);
+    const { errors } = Form.Item.useStatus();
+    const { t } = useSharedTranslation();
+    const isErrors = errors.length > 0;
+    const valueToDisplay = isFocused || isErrors || !presentationValue ? value : presentationValue;
+    const _resetToInheritedOrCalculatedValue = async () => {
         setHasChanged(false);
-        if (state.isInheritedValue) {
-            onChange(state.inheritedValue.raw_value);
+        if (inheritedFlags.isInheritedValue) {
+            onChange(inheritedFlags.inheritedValue.raw_payload);
         }
-        else if (state.isCalculatedValue) {
-            onChange(state.calculatedValue.raw_value);
+        else if (calculatedFlags.isCalculatedValue) {
+            onChange(calculatedFlags.calculatedValue.raw_payload);
         }
-        handleSubmit('', state.attribute.id);
+        await handleSubmit(null, attribute.id);
     };
-    const _handleOnBlur = (event) => {
+    const _handleOnBlur = async (event) => {
         if (!hasChanged) {
-            handleBlur();
+            onChange(event);
+            setIsFocused(false);
             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;
         }
-        if (hasChanged || (!state.isInheritedValue && !state.isCalculatedValue)) {
-            handleSubmit(valueToSubmit, state.attribute.id);
-        }
         onChange(event);
+        await handleSubmit(inputValue, attribute.id);
+        setIsFocused(false);
     };
-    const _handleOnChange = (event) => {
+    // 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;
         }
-        if (inputValue === '' && event.type === 'click') {
-            handleSubmit(inputValue, state.attribute.id);
-        }
         onChange(event);
-    };
-    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
-            });
+        if (inputValue === '' && event.type === 'click') {
+            await handleSubmit(null, attribute.id);
         }
-        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) }));
+    return (_jsx(KitInput, { id: attribute.id, disabled: readonly, helper: isErrors ? String(errors[0]) : undefined, status: isErrors ? 'error' : undefined, value: valueToDisplay, allowClear: !inheritedFlags.isInheritedNotOverrideValue && !calculatedFlags.isCalculatedNotOverrideValue, onChange: _handleOnChange, onFocus: () => setIsFocused(true), 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.d.ts

@@ -1,15 +1,4 @@
 import { FunctionComponent } from 'react';
-import { IStandardFieldReducerState, IStandardFieldValue } from '../../../reducers/standardFieldReducer/standardFieldReducer';
-import { IProvidedByAntFormItem, StandardValueTypes } from '../../../_types';
-import { RangePickerProps } from 'antd/lib/date-picker';
-import { RecordFormAttributeFragment } from '../../../../../../_gqlTypes';
-interface IDSRangePickerWrapperProps extends IProvidedByAntFormItem<RangePickerProps> {
-    state: IStandardFieldReducerState;
-    attribute: RecordFormAttributeFragment;
-    fieldValue: IStandardFieldValue;
-    handleSubmit: (value: StandardValueTypes, id?: string) => void;
-    handleBlur: () => void;
-    shouldShowValueDetailsButton?: boolean;
-}
-export declare const DSRangePickerWrapper: FunctionComponent<IDSRangePickerWrapperProps>;
-export {};
+import { IStandFieldValueContentProps } from './_types';
+import { IKitRangePicker } from 'aristid-ds/dist/Kit/DataEntry/DatePicker/types';
+export declare const DSRangePickerWrapper: FunctionComponent<IStandFieldValueContentProps<IKitRangePicker>>;

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

@@ -3,52 +3,52 @@ 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 { useEffect, useState } from 'react';
 import { Form } from 'antd';
 import dayjs from 'dayjs';
 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 { setDateToUTCNoon } from '../../../../../../_utils';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
 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;
+                }
+            }
+        `}
 `;
-export const DSRangePickerWrapper = ({ value, onChange, state, attribute, fieldValue, handleSubmit, handleBlur, shouldShowValueDetailsButton = false }) => {
+export const DSRangePickerWrapper = ({ presentationValue, value, onChange, attribute, handleSubmit, readonly, calculatedFlags, inheritedFlags }) => {
     if (!onChange) {
         throw Error('DSRangePickerWrapper should be used inside a antd Form.Item');
     }
-    const { t } = useSharedTranslation();
-    const { lang: availableLangs } = useLang();
+    const [isFocused, setIsFocused] = useState(false);
     const { errors } = Form.Item.useStatus();
-    const { onValueDetailsButtonClick } = useValueDetailsButton({
-        value: fieldValue?.value,
-        attribute
-    });
-    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) {
+    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 (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);
         }
-        handleSubmit('', state.attribute.id);
+        await handleSubmit(null, attribute.id);
     };
-    const _handleDateChange = (rangePickerDates, ...antOnChangeParams) => {
-        if ((state.isInheritedValue || state.isCalculatedValue) && rangePickerDates === null) {
+    const _handleDateChange = async (rangePickerDates, ...antOnChangeParams) => {
+        if ((inheritedFlags.isInheritedValue || calculatedFlags.isCalculatedValue) && rangePickerDates === null) {
             _resetToInheritedOrCalculatedValue();
             return;
         }
@@ -57,46 +57,21 @@ export const DSRangePickerWrapper = ({ value, onChange, state, attribute, fieldV
         }
         onChange(rangePickerDates, ...antOnChangeParams);
         // TODO : validate form with await form.validateFields(state.attribute.id)
-        if (state.formElement.settings.required && rangePickerDates === null) {
-            return;
-        }
-        const datesToSave = { from: null, to: null };
+        let datesToSave = null;
         if (rangePickerDates !== null) {
             const [dateFrom, dateTo] = rangePickerDates;
-            datesToSave.from = String(dateFrom.unix());
-            datesToSave.to = String(dateTo.unix());
+            datesToSave = JSON.stringify({ from: dateFrom.unix(), to: dateTo.unix() });
         }
-        handleSubmit(datesToSave, state.attribute.id);
+        await handleSubmit(datesToSave, attribute.id);
     };
     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
-                })
-            });
-        }
-        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
-                })
-            });
+            setIsFocused(false);
         }
-        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 }));
+    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, 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: () => setIsFocused(true), onBlur: () => setIsFocused(false), onChange: _handleDateChange, onOpenChange: _handleOpenChange, placeholder: placeholderToDisplay, "$shouldUsePresentationLayout": usePresentationLayout }));
 };
 //# sourceMappingURL=DSRangePickerWrapper.js.map