@leav/ui 0.3.6-032b1da → 0.3.6-04ab99a

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

@@ -3,79 +3,56 @@ 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) `
+    width: 100%;
     .ant-input-number-input-wrap .ant-input-number-input {
         color: ${({ $shouldHighlightColor }) => $shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'initial'};
     }
 `;
-export const DSInputNumberWrapper = ({ value, onChange, state, attribute, fieldValue, handleSubmit, handleBlur, shouldShowValueDetailsButton = false }) => {
+export const DSInputNumberWrapper = ({ value, presentationValue, onChange, state, attribute, handleSubmit }) => {
     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);
+            onChange(state.inheritedValue.raw_payload);
         }
         else if (state.isCalculatedValue) {
-            onChange(state.calculatedValue.raw_value);
+            onChange(state.calculatedValue.raw_payload);
         }
-        handleSubmit('', state.attribute.id);
+        await handleSubmit(null, state.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)) {
             _resetToInheritedOrCalculatedValue();
             return;
         }
-        if (hasChanged || (!state.isInheritedValue && !state.isCalculatedValue)) {
-            handleSubmit(valueToSubmit, state.attribute.id);
-        }
         onChange(valueToSubmit);
+        setIsFocused(false);
+        await handleSubmit(valueToSubmit, state.attribute.id);
     };
     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: state.isReadOnly, onChange: _handleOnChange, onFocus: _handleFocus, onBlur: _handleOnBlur, "$shouldHighlightColor": !hasChanged && (state.isInheritedNotOverrideValue || state.isCalculatedNotOverrideValue), 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,44 +3,38 @@ 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 }) => {
-    const { t } = useSharedTranslation();
-    const { errors } = Form.Item.useStatus();
-    const { onValueDetailsButtonClick } = useValueDetailsButton({
-        value: fieldValue?.value,
-        attribute
-    });
+export const DSInputWrapper = ({ value, presentationValue, onChange, state, attribute, handleSubmit }) => {
+    if (!onChange) {
+        throw Error('DSInputWrapper should be used inside a antd Form.Item');
+    }
     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 ? value : presentationValue;
+    const _resetToInheritedOrCalculatedValue = async () => {
         setHasChanged(false);
         if (state.isInheritedValue) {
-            onChange(state.inheritedValue.raw_value);
+            onChange(state.inheritedValue.raw_payload);
         }
         else if (state.isCalculatedValue) {
-            onChange(state.calculatedValue.raw_value);
+            onChange(state.calculatedValue.raw_payload);
         }
-        handleSubmit('', state.attribute.id);
+        await handleSubmit(null, state.attribute.id);
     };
-    const _handleOnBlur = (event) => {
+    const _handleFocus = () => setIsFocused(true);
+    const _handleOnBlur = async (event) => {
         if (!hasChanged) {
-            handleBlur();
+            onChange(event);
+            setIsFocused(false);
             return;
         }
         const valueToSubmit = event.target.value;
@@ -48,37 +42,23 @@ export const DSInputWrapper = ({ value, onChange, state, attribute, fieldValue,
             _resetToInheritedOrCalculatedValue();
             return;
         }
-        if (hasChanged || (!state.isInheritedValue && !state.isCalculatedValue)) {
-            handleSubmit(valueToSubmit, state.attribute.id);
-        }
         onChange(event);
+        setIsFocused(false);
+        await handleSubmit(valueToSubmit, state.attribute.id);
     };
-    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') {
             _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(inputValue, state.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(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') }));
 };
 //# 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

@@ -1,34 +1,30 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { KitDatePicker } from 'aristid-ds';
-import { useEffect, useRef } from 'react';
+import { KitDatePicker, KitInput } from 'aristid-ds';
+import { 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 { useValueDetailsButton } from '../../../../../../components/RecordEdition/EditRecordContent/shared/ValueDetailsBtn/useValueDetailsButton';
-import { useLang } from '../../../../../../hooks';
-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, handleBlur, shouldShowValueDetailsButton = false }) => {
-    const { t } = useSharedTranslation();
-    const { lang: availableLangs } = useLang();
+const KitInputStyled = styled(KitInput) `
+    color: ${({ $shouldHighlightColor }) => ($shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'initial')};
+`;
+export const DSRangePickerWrapper = ({ presentationValue, value, onChange, state, attribute, handleSubmit }) => {
+    if (!onChange) {
+        throw Error('DSRangePickerWrapper should be used inside a antd Form.Item');
+    }
+    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 = () => {
+    const { t } = useSharedTranslation();
+    const isErrors = errors.length > 0;
+    const _resetToInheritedOrCalculatedValue = async () => {
         if (state.isInheritedValue) {
             onChange([
                 dayjs.unix(Number(state.inheritedValue.raw_value.from)),
@@ -41,55 +37,48 @@ export const DSRangePickerWrapper = ({ value, onChange, state, attribute, fieldV
                 dayjs.unix(Number(state.calculatedValue.raw_value.to))
             ], state.calculatedValue.raw_value);
         }
-        handleSubmit('', state.attribute.id);
+        await handleSubmit(null, state.attribute.id);
     };
-    const _handleDateChange = (rangePickerDates, ...antOnChangeParams) => {
+    const _handleFocus = () => setIsFocused(true);
+    const _handleDateChange = async (rangePickerDates, ...antOnChangeParams) => {
         if ((state.isInheritedValue || state.isCalculatedValue) && rangePickerDates === null) {
             _resetToInheritedOrCalculatedValue();
             return;
         }
+        if (rangePickerDates) {
+            rangePickerDates = [setDateToUTCNoon(rangePickerDates[0]), setDateToUTCNoon(rangePickerDates[1])];
+        }
         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 = '';
         if (rangePickerDates !== null) {
             const [dateFrom, dateTo] = rangePickerDates;
-            datesToSave.from = String(dateFrom.unix());
-            datesToSave.to = String(dateTo.unix());
+            datesToSave = { from: String(dateFrom.unix()), to: String(dateTo.unix()) };
         }
-        handleSubmit(datesToSave, state.attribute.id);
+        await handleSubmit(datesToSave, state.attribute.id);
     };
     const _handleOpenChange = (open) => {
         if (!open) {
-            handleBlur();
+            setIsFocused(false);
         }
     };
-    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
-                })
-            });
+    // 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;
         }
-        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
-                })
-            });
+        onChange(null, null);
+        if (inputValue === '' && event.type === 'click') {
+            await handleSubmit('', state.attribute.id);
         }
-        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 }));
+    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')] }))] }));
 };
 //# 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":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AACzC,OAAO,EAAoB,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAK3D,OAAO,EAAC,IAAI,EAAC,MAAM,MAAM,CAAC;AAC1B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAC,qBAAqB,EAAC,MAAM,6FAA6F,CAAC;AAClI,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AAWjD,MAAM,8BAA8B,GAAG,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,CAAkC;aAC7F,CAAC,EAAC,qBAAqB,EAAC,EAAE,EAAE,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,SAAS,CAAC;CAClH,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAkD,CAAC,EAChF,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,UAAU,EACV,4BAA4B,GAAG,KAAK,EACvC,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,IAAI,EAAE,cAAc,EAAC,GAAG,OAAO,EAAE,CAAC;IACzC,MAAM,EAAC,MAAM,EAAC,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;IACvC,MAAM,EAAC,yBAAyB,EAAC,GAAG,qBAAqB,CAAC;QACtD,KAAK,EAAE,UAAU,EAAE,KAAK;QACxB,SAAS;KACZ,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,MAAM,EAAO,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,UAAU,CAAC,SAAS,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YAC3C,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,wCAAwC;QACpF,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;IAE3B,MAAM,kCAAkC,GAAG,GAAG,EAAE;QAC5C,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACzB,QAAQ,CACJ;gBACI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;gBACvD,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;aACxD,EACD,KAAK,CAAC,cAAc,CAAC,SAAS,CACjC,CAAC;QACN,CAAC;aAAM,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAC;YACjC,QAAQ,CACJ;gBACI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;gBACxD,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;aACzD,EACD,KAAK,CAAC,eAAe,CAAC,SAAS,CAClC,CAAC;QACN,CAAC;QACD,YAAY,CAAC,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAGX,CAAC,gBAAgB,EAAE,GAAG,iBAAiB,EAAE,EAAE;QACnD,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,iBAAiB,CAAC,IAAI,gBAAgB,KAAK,IAAI,EAAE,CAAC;YACnF,kCAAkC,EAAE,CAAC;YACrC,OAAO;QACX,CAAC;QAED,QAAQ,CAAC,gBAAgB,EAAE,GAAG,iBAAiB,CAAC,CAAC;QAEjD,0EAA0E;QAC1E,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ,IAAI,gBAAgB,KAAK,IAAI,EAAE,CAAC;YACnE,OAAO;QACX,CAAC;QAED,MAAM,WAAW,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,CAAC;QAC3C,IAAI,gBAAgB,KAAK,IAAI,EAAE,CAAC;YAC5B,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,gBAAgB,CAAC;YAC5C,WAAW,CAAC,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;YAC3C,WAAW,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;QAC3C,CAAC;QAED,YAAY,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,IAAa,EAAE,EAAE;QACxC,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,UAAU,EAAE,CAAC;QACjB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,KAAK,CAAC,wBAAwB,EAAE,CAAC;YACjC,OAAO,CAAC,CAAC,uCAAuC,EAAE;gBAC9C,cAAc,EAAE,CAAC,CAAC,mCAAmC,EAAE;oBACnD,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI;oBACrC,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;iBACpC,CAAC;aACL,CAAC,CAAC;QACP,CAAC;aAAM,IAAI,KAAK,CAAC,yBAAyB,EAAE,CAAC;YACzC,OAAO,CAAC,CAAC,wCAAwC,EAAE;gBAC/C,eAAe,EAAE,CAAC,CAAC,mCAAmC,EAAE;oBACpD,IAAI,EAAE,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI;oBACtC,EAAE,EAAE,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE;iBACrC,CAAC;aACL,CAAC,CAAC;QACP,CAAC;QACD,OAAO;IACX,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,oBAAoB,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;IAErF,OAAO,CACH,KAAC,8BAA8B;IAC3B,kFAAkF;;QAAlF,kFAAkF;QAClF,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ,EAC7C,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,UAAU,EAAE,CAAC,KAAK,CAAC,2BAA2B,IAAI,CAAC,KAAK,CAAC,4BAA4B,EACrF,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC/C,WAAW,EAAE,4BAA4B,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,IAAI,EAC5E,YAAY,EAAE,iBAAiB,EAC/B,MAAM,EAAE,UAAU,EAAE,2BACG,KAAK,CAAC,2BAA2B,IAAI,KAAK,CAAC,4BAA4B,GAChG,CACL,CAAC;AACN,CAAC,CAAC"}
+{"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/DSRichTextWrapper.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 IDSRichTextWrapperProps extends IProvidedByAntFormItem<InputProps> {
-    state: IStandardFieldReducerState;
-    attribute: RecordFormAttributeFragment;
-    fieldValue: IStandardFieldValue;
-    handleSubmit: (value: string, id?: string) => void;
-    handleBlur: () => void;
-    shouldShowValueDetailsButton?: boolean;
-}
-export declare const DSRichTextWrapper: FunctionComponent<IDSRichTextWrapperProps>;
-export {};
+import { IStandFieldValueContentProps } from './_types';
+import { KitRichTextProps } from 'aristid-ds/dist/Kit/DataEntry/RichText/types';
+export declare const DSRichTextWrapper: FunctionComponent<IStandFieldValueContentProps<KitRichTextProps>>;

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

@@ -2,58 +2,52 @@ 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 { 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';
 import { KitRichText } from 'aristid-ds';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
 const KitRichTextStyled = styled(KitRichText) `
-    color: ${({ $shouldHighlightColor }) => ($shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'initial')};
+    .tiptap.ProseMirror {
+        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
-    });
+export const DSRichTextWrapper = ({ value, presentationValue, onChange, state, attribute, handleSubmit }) => {
+    if (!onChange) {
+        throw Error('DSRichTextWrapper should be used inside a antd Form.Item');
+    }
     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 = () => {
+    const [isFocused, setIsFocused] = useState(false);
+    const { errors } = Form.Item.useStatus();
+    const { t } = useSharedTranslation();
+    const isErrors = errors.length > 0;
+    const valueToDisplay = isFocused || isErrors ? value : presentationValue;
+    const _resetToInheritedOrCalculatedValue = async () => {
         setHasChanged(false);
         if (state.isInheritedValue) {
-            onChange(state.inheritedValue.raw_value);
+            onChange(state.inheritedValue.raw_payload);
         }
         else if (state.isCalculatedValue) {
-            onChange(state.calculatedValue.raw_value);
+            onChange(state.calculatedValue.raw_payload);
         }
-        handleSubmit('', state.attribute.id);
+        await handleSubmit(null, state.attribute.id);
     };
-    const _handleOnBlur = inputValue => {
+    const _handleFocus = () => setIsFocused(true);
+    const _handleOnBlur = async (inputValue) => {
+        const valueToSubmit = isEmptyValue(inputValue) ? '' : inputValue;
         if (!hasChanged) {
-            handleBlur();
+            onChange(valueToSubmit);
+            setIsFocused(false);
             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;
+        setIsFocused(false);
+        await handleSubmit(valueToSubmit, state.attribute.id);
     };
     const _handleOnChange = inputValue => {
         setHasChanged(true);
@@ -63,20 +57,6 @@ export const DSRichTextWrapper = ({ value, onChange, state, attribute, fieldValu
         }
         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 }));
+    return (_jsx(KitRichTextStyled, { id: attribute.id, helper: isErrors ? String(errors[0]) : undefined, status: isErrors ? 'error' : undefined, value: valueToDisplay, disabled: state.isReadOnly, onChange: _handleOnChange, onFocus: _handleFocus, onBlur: _handleOnBlur, "$shouldHighlightColor": !hasChanged && (state.isInheritedNotOverrideValue || state.isCalculatedNotOverrideValue), placeholder: t('record_edition.placeholder.enter_a_text') }));
 };
 //# sourceMappingURL=DSRichTextWrapper.js.map