@leav/ui 0.3.6-df40eff → 0.3.6-e218b23

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/ValuesList/{MonoValueSelect.js → DSListSelect.js}

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

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

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

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

@@ -1,17 +1,10 @@
 import { RecordFormAttributeStandardAttributeFragment, StandardValuesListFragmentStandardDateRangeValuesListConfFragment, StandardValuesListFragmentStandardStringValuesListConfFragment } from '../../../../../../../_gqlTypes';
 import { IProvidedByAntFormItem } from '../../../../../../../components/RecordEdition/EditRecordContent/_types';
-import { IStandardFieldReducerState, IStandardFieldValue } from '../../../../../../../components/RecordEdition/EditRecordContent/reducers/standardFieldReducer/standardFieldReducer';
-import { IEditRecordReducerActions } from '../../../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
 import { SelectProps } from 'antd';
-import { Dispatch } from 'react';
 export interface IMonoValueSelectProps extends IProvidedByAntFormItem<SelectProps> {
-    state: IStandardFieldReducerState;
-    editRecordDispatch: Dispatch<IEditRecordReducerActions>;
+    presentationValue: string;
     attribute: RecordFormAttributeStandardAttributeFragment;
-    fieldValue: IStandardFieldValue;
-    handleSubmit: (value: string, id?: string) => void;
-    handleBlur: () => void;
-    shouldShowValueDetailsButton?: boolean;
+    handleSubmit: (value: string, id?: string) => Promise<void>;
 }
 export type IStringValuesListConf = StandardValuesListFragmentStandardStringValuesListConfFragment;
 export type IDateRangeValuesListConf = StandardValuesListFragmentStandardDateRangeValuesListConfFragment;

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

@@ -0,0 +1,15 @@
+import { RecordFormAttributeStandardAttributeFragment } from '../../../../../../_gqlTypes';
+import { IProvidedByAntFormItem, ISubmitMultipleResult, StandardValueTypes } from '../../../../../../components/RecordEdition/EditRecordContent/_types';
+import { CalculatedFlags, InheritedFlags } from '../calculatedInheritedFlags';
+export interface IStandFieldValueContentProps<T> extends IProvidedByAntFormItem<T> {
+    presentationValue?: string;
+    attribute?: RecordFormAttributeStandardAttributeFragment;
+    label?: string;
+    isLastValueOfMultivalues?: boolean;
+    removeLastValueOfMultivalues?: () => void;
+    handleSubmit: (value: StandardValueTypes, id?: string) => Promise<void | ISubmitMultipleResult>;
+    readonly: boolean;
+    required: boolean;
+    calculatedFlags: CalculatedFlags;
+    inheritedFlags: InheritedFlags;
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=_types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/_types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,42 @@
+import { RecordFormElementsValueStandardValue } from '../../../../../hooks/useGetRecordForm';
+interface IInheritedNotOverride {
+    isInheritedValue: true;
+    isInheritedOverrideValue: false;
+    isInheritedNotOverrideValue: true;
+    inheritedValue: RecordFormElementsValueStandardValue;
+}
+interface IInheritedOverride {
+    isInheritedValue: true;
+    isInheritedOverrideValue: true;
+    isInheritedNotOverrideValue: false;
+    inheritedValue: RecordFormElementsValueStandardValue;
+}
+interface INotInherited {
+    isInheritedValue: false;
+    isInheritedOverrideValue: false;
+    isInheritedNotOverrideValue: false;
+    inheritedValue: null;
+}
+export type InheritedFlags = INotInherited | IInheritedOverride | IInheritedNotOverride;
+export declare const computeInheritedFlags: (fieldValues: RecordFormElementsValueStandardValue[]) => InheritedFlags;
+interface ICalculatedNotOverride {
+    isCalculatedValue: true;
+    isCalculatedOverrideValue: false;
+    isCalculatedNotOverrideValue: true;
+    calculatedValue: RecordFormElementsValueStandardValue;
+}
+interface ICalculatedOverride {
+    isCalculatedValue: true;
+    isCalculatedOverrideValue: true;
+    isCalculatedNotOverrideValue: false;
+    calculatedValue: RecordFormElementsValueStandardValue;
+}
+interface INotCalculated {
+    isCalculatedValue: false;
+    isCalculatedOverrideValue: false;
+    isCalculatedNotOverrideValue: false;
+    calculatedValue: null;
+}
+export type CalculatedFlags = INotCalculated | ICalculatedOverride | ICalculatedNotOverride;
+export declare const computeCalculatedFlags: (fieldValues: RecordFormElementsValueStandardValue[]) => CalculatedFlags;
+export {};

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

@@ -0,0 +1,55 @@
+export const computeInheritedFlags = (fieldValues) => {
+    const inheritedValue = fieldValues.find(fieldValue => fieldValue.isInherited);
+    const overrideValue = fieldValues.find(fieldValue => !fieldValue.isInherited && !fieldValue.isCalculated);
+    if (inheritedValue === undefined) {
+        return {
+            inheritedValue: null,
+            isInheritedValue: false,
+            isInheritedOverrideValue: false,
+            isInheritedNotOverrideValue: false
+        };
+    }
+    const isInheritedValue = true;
+    if (!overrideValue || overrideValue.payload === null) {
+        return {
+            inheritedValue,
+            isInheritedValue,
+            isInheritedNotOverrideValue: true,
+            isInheritedOverrideValue: false
+        };
+    }
+    return {
+        inheritedValue,
+        isInheritedValue,
+        isInheritedNotOverrideValue: false,
+        isInheritedOverrideValue: true
+    };
+};
+export const computeCalculatedFlags = (fieldValues) => {
+    const calculatedValue = fieldValues.find(fieldValue => fieldValue.isCalculated);
+    const overrideValue = fieldValues.find(fieldValue => !fieldValue.isCalculated && !fieldValue.isInherited);
+    if (calculatedValue === undefined) {
+        return {
+            calculatedValue: null,
+            isCalculatedValue: false,
+            isCalculatedOverrideValue: false,
+            isCalculatedNotOverrideValue: false
+        };
+    }
+    const isCalculatedValue = true;
+    if (!overrideValue || overrideValue.payload === null) {
+        return {
+            calculatedValue,
+            isCalculatedValue,
+            isCalculatedNotOverrideValue: true,
+            isCalculatedOverrideValue: false
+        };
+    }
+    return {
+        calculatedValue,
+        isCalculatedValue,
+        isCalculatedNotOverrideValue: false,
+        isCalculatedOverrideValue: true
+    };
+};
+//# sourceMappingURL=calculatedInheritedFlags.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calculatedInheritedFlags.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/StandardField/calculatedInheritedFlags.ts"],"names":[],"mappings":"AA4BA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,WAAmD,EAAkB,EAAE;IACzG,MAAM,cAAc,GAAG,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAC9E,MAAM,aAAa,GAAG,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,WAAW,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAE1G,IAAI,cAAc,KAAK,SAAS,EAAE,CAAC;QAC/B,OAAO;YACH,cAAc,EAAE,IAAI;YACpB,gBAAgB,EAAE,KAAK;YACvB,wBAAwB,EAAE,KAAK;YAC/B,2BAA2B,EAAE,KAAK;SACrC,CAAC;IACN,CAAC;IAED,MAAM,gBAAgB,GAAG,IAAI,CAAC;IAE9B,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QACnD,OAAO;YACH,cAAc;YACd,gBAAgB;YAChB,2BAA2B,EAAE,IAAI;YACjC,wBAAwB,EAAE,KAAK;SAClC,CAAC;IACN,CAAC;IAED,OAAO;QACH,cAAc;QACd,gBAAgB;QAChB,2BAA2B,EAAE,KAAK;QAClC,wBAAwB,EAAE,IAAI;KACjC,CAAC;AACN,CAAC,CAAC;AAyBF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,WAAmD,EAAmB,EAAE;IAC3G,MAAM,eAAe,GAAG,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAChF,MAAM,aAAa,GAAG,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,YAAY,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAE1G,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;QAChC,OAAO;YACH,eAAe,EAAE,IAAI;YACrB,iBAAiB,EAAE,KAAK;YACxB,yBAAyB,EAAE,KAAK;YAChC,4BAA4B,EAAE,KAAK;SACtC,CAAC;IACN,CAAC;IAED,MAAM,iBAAiB,GAAG,IAAI,CAAC;IAE/B,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QACnD,OAAO;YACH,eAAe;YACf,iBAAiB;YACjB,4BAA4B,EAAE,IAAI;YAClC,yBAAyB,EAAE,KAAK;SACnC,CAAC;IACN,CAAC;IAED,OAAO;QACH,eAAe;QACf,iBAAiB;QACjB,4BAA4B,EAAE,KAAK;QACnC,yBAAyB,EAAE,IAAI;KAClC,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,12 @@
+import { AttributeFormat, ValueDetailsValueFragment } from '../../../../../_gqlTypes';
+import { RecordFormElementsValueStandardValue } from '../../../../../hooks/useGetRecordForm';
+interface IUseGetPresentationValues {
+    presentationValues: string[];
+}
+export declare const useGetPresentationValues: ({ values, format, calculatedValue, inheritedValue }: {
+    values: ValueDetailsValueFragment[];
+    format: AttributeFormat;
+    calculatedValue: RecordFormElementsValueStandardValue;
+    inheritedValue: RecordFormElementsValueStandardValue;
+}) => IUseGetPresentationValues;
+export {};

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

@@ -0,0 +1,37 @@
+// 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 { AttributeFormat } from '../../../../../_gqlTypes';
+import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+const _isDateRangeValue = (value) => !!value && typeof value === 'object' && 'from' in value && 'to' in value;
+export const useGetPresentationValues = ({ values, format, calculatedValue, inheritedValue }) => {
+    const { t } = useSharedTranslation();
+    const presentationValues = values.map(value => {
+        let presentationValue = value.payload || calculatedValue?.payload || inheritedValue?.payload || '';
+        switch (format) {
+            case AttributeFormat.date_range:
+                if (_isDateRangeValue(presentationValue)) {
+                    const { from, to } = presentationValue;
+                    presentationValue = t('record_edition.date_range_value', {
+                        from,
+                        to,
+                        interpolation: {
+                            escapeValue: false
+                        }
+                    });
+                }
+                else {
+                    presentationValue = '';
+                }
+                break;
+            case AttributeFormat.color:
+                if (presentationValue) {
+                    presentationValue = '#' + presentationValue;
+                }
+                break;
+        }
+        return presentationValue;
+    });
+    return { presentationValues };
+};
+//# sourceMappingURL=useGetPresentationValues.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGetPresentationValues.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/StandardField/useGetPresentationValues.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,eAAe,EAA4B,MAAM,eAAe,CAAC;AAEzE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,MAAM,iBAAiB,GAAG,CAAC,KAAU,EAAuC,EAAE,CAC1E,CAAC,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC;AAM7E,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACrC,MAAM,EACN,MAAM,EACN,eAAe,EACf,cAAc,EAMjB,EAA6B,EAAE;IAC5B,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QAC1C,IAAI,iBAAiB,GAAG,KAAK,CAAC,OAAO,IAAI,eAAe,EAAE,OAAO,IAAI,cAAc,EAAE,OAAO,IAAI,EAAE,CAAC;QAEnG,QAAQ,MAAM,EAAE,CAAC;YACb,KAAK,eAAe,CAAC,UAAU;gBAC3B,IAAI,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,CAAC;oBACvC,MAAM,EAAC,IAAI,EAAE,EAAE,EAAC,GAAG,iBAAiB,CAAC;oBACrC,iBAAiB,GAAG,CAAC,CAAC,iCAAiC,EAAE;wBACrD,IAAI;wBACJ,EAAE;wBACF,aAAa,EAAE;4BACX,WAAW,EAAE,KAAK;yBACrB;qBACJ,CAAC,CAAC;gBACP,CAAC;qBAAM,CAAC;oBACJ,iBAAiB,GAAG,EAAE,CAAC;gBAC3B,CAAC;gBACD,MAAM;YACV,KAAK,eAAe,CAAC,KAAK;gBACtB,IAAI,iBAAiB,EAAE,CAAC;oBACpB,iBAAiB,GAAG,GAAG,GAAG,iBAAiB,CAAC;gBAChD,CAAC;gBACD,MAAM;QACd,CAAC;QAED,OAAO,iBAAiB,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,OAAO,EAAC,kBAAkB,EAAC,CAAC;AAChC,CAAC,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/ValuesAdd/ValuesAdd.js

@@ -42,7 +42,7 @@ const BreadcrumbRoot = styled(Breadcrumb) `
 function ValuesAdd({ attribute, onAdd, onClose }) {
     const { t } = useSharedTranslation();
     const { lang } = useLang();
-    const valuesList = attribute?.treeValuesList?.enable ? attribute?.treeValuesList?.values ?? [] : [];
+    const valuesList = attribute.treeValuesList?.enable ? (attribute.treeValuesList.values ?? []) : [];
     const wrapperRef = useRef();
     const [selectedValuesFromTree, setSelectedValuesFromTree] = useState([]);
     const [selectedValuesFromList, setSelectedValuesFromList] = useState([]);
@@ -100,7 +100,7 @@ function ValuesAdd({ attribute, onAdd, onClose }) {
         });
         return (_jsx(BreadcrumbWrapper, { children: _jsx(BreadcrumbRoot, { items: breadcrumbItems, separator: ">" }) }));
     };
-    return (_jsx(_Fragment, { children: _jsxs(Wrapper, { "data-testid": "values-add", ref: wrapperRef, children: [_jsxs(SelectionWrapper, { children: [!!valuesList.length && (_jsxs(_Fragment, { children: [_jsx(Divider, { orientation: "left", children: t('record_edition.values_list') }), _jsx(List, { dataSource: valuesList, onItemClick: _handleItemClick, renderItemContent: _renderListItem, selectable: attribute.multiple_values, selectedItems: selectedValuesFromList, onSelectionChange: _handleSelectionChange, pagination: false })] })), _jsx(Divider, { orientation: "left", children: localizedTranslation(attribute.linked_tree.label, lang) }), _jsx(SelectTreeNode, { tree: attribute.linked_tree, onSelect: _handleSelect, onCheck: _handleCheck, multiple: attribute.multiple_values })] }), attribute.multiple_values && (_jsx(FooterWrapper, { children: _jsxs(Space, { children: [_jsx(Button, { size: "small", onClick: _handleClose, children: t('global.cancel') }), _jsx(Button, { type: "primary", size: "small", onClick: _handleSubmit, children: t('global.submit') })] }) }))] }) }));
+    return (_jsx(_Fragment, { children: _jsxs(Wrapper, { "data-testid": "values-add", ref: wrapperRef, children: [_jsxs(SelectionWrapper, { children: [!!valuesList.length && (_jsxs(_Fragment, { children: [_jsx(Divider, { orientation: "left", children: t('record_edition.values_list') }), _jsx(List, { dataSource: valuesList, onItemClick: _handleItemClick, renderItemContent: _renderListItem, selectable: attribute.multiple_values, selectedItems: selectedValuesFromList, onSelectionChange: _handleSelectionChange, pagination: false })] })), _jsx(Divider, { orientation: "left", children: localizedTranslation(attribute.linked_tree.label, lang) }), _jsx(SelectTreeNode, { treeId: attribute.linked_tree.id, onSelect: _handleSelect, onCheck: _handleCheck, multiple: attribute.multiple_values })] }), attribute.multiple_values && (_jsx(FooterWrapper, { children: _jsxs(Space, { children: [_jsx(Button, { size: "small", onClick: _handleClose, children: t('global.cancel') }), _jsx(Button, { type: "primary", size: "small", onClick: _handleSubmit, children: t('global.submit') })] }) }))] }) }));
 }
 export default ValuesAdd;
 //# sourceMappingURL=ValuesAdd.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/ValuesAdd/ValuesAdd.js.map

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

package/dist/components/SelectTreeNode/SelectTreeNode.d.ts

@@ -1,10 +1,7 @@
-import { SystemTranslation } from '../../types/scalars';
+import { FunctionComponent } from 'react';
 import { ITreeNodeWithRecord } from '../../types/trees';
 interface ISelectTreeNodeProps {
-    tree: {
-        id: string;
-        label?: SystemTranslation | null;
-    };
+    treeId: string;
     selectedNode?: string;
     onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;
     onCheck?: (selection: ITreeNodeWithRecord[]) => void;
@@ -12,5 +9,5 @@ interface ISelectTreeNodeProps {
     canSelectRoot?: boolean;
     selectableLibraries?: string[];
 }
-declare function SelectTreeNode({ tree, onSelect, onCheck, selectedNode: initSelectedNode, multiple, canSelectRoot, selectableLibraries }: ISelectTreeNodeProps): JSX.Element;
-export default SelectTreeNode;
+export declare const SelectTreeNode: FunctionComponent<ISelectTreeNodeProps>;
+export {};

package/dist/components/SelectTreeNode/SelectTreeNode.js

@@ -2,147 +2,29 @@ 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 { DownOutlined } from '@ant-design/icons';
 import { localizedTranslation } from '@leav/utils';
-import { Spin, Tree } from 'antd';
-import { useEffect, useState } from 'react';
 import { useSharedTranslation } from '../../hooks/useSharedTranslation';
-import { useTreeNodeChildrenLazyQuery } from '../../_gqlTypes';
-import { defaultPaginationPageSize, ErrorDisplay } from '../..';
+import { useTreeDataQueryQuery } from '../../_gqlTypes';
+import { ErrorDisplay } from '../..';
 import useLang from '../../hooks/useLang';
-const _constructTreeContent = (data) => data.map(e => ({
-    record: e.record,
-    title: e.record.whoAmI.label || e.record.whoAmI.id,
-    id: e.id,
-    key: e.id,
-    isLeaf: !e.childrenCount,
-    children: []
-}));
-const _getTreeNodeByKey = (key, treeContent) => {
-    for (const node of treeContent) {
-        if (key === node.key) {
-            return node;
-        }
-        const n = _getTreeNodeByKey(key, node.children);
-        if (!!n) {
-            return n;
-        }
-    }
-};
-function SelectTreeNode({ tree, onSelect, onCheck, selectedNode: initSelectedNode, multiple = false, canSelectRoot = false, selectableLibraries }) {
+import { SelectTreeNodeContent } from './SelectTreeNodeContent';
+import { Skeleton } from 'antd';
+export const SelectTreeNode = ({ treeId, onSelect, onCheck, selectedNode, multiple = false, canSelectRoot = false, selectableLibraries }) => {
     const { lang } = useLang();
     const { t } = useSharedTranslation();
-    const rootNode = {
-        title: localizedTranslation(tree.label, lang) || tree.id,
-        record: null,
-        id: tree.id,
-        key: tree.id,
-        isLeaf: false,
-        paginationOffset: 0,
-        children: []
-    };
-    // As we'll fetch children when a node is expanded, we store the whole tree content in a hash map
-    // to make update easier and more efficient
-    const [treeMap, setTreeMap] = useState({
-        [tree.id]: rootNode
+    const { loading, error, data } = useTreeDataQueryQuery({
+        variables: { treeId }
     });
-    const [selectedNode, setSelectedNode] = useState(initSelectedNode);
-    const [fetchError, setFetchError] = useState();
-    // Retrieve tree content
-    const [loadTreeContent, { error, called }] = useTreeNodeChildrenLazyQuery();
-    const _fetchTreeContent = async (key, offset = 0) => {
-        try {
-            const data = await loadTreeContent({
-                variables: {
-                    treeId: tree.id,
-                    node: key && key !== tree.id ? key : null,
-                    pagination: {
-                        limit: defaultPaginationPageSize,
-                        offset
-                    }
-                }
-            });
-            const formattedNodes = _constructTreeContent(data.data.treeNodeChildren.list);
-            const parentMapKey = key ?? tree.id;
-            const newTreeMap = { ...treeMap };
-            const totalCount = data.data.treeNodeChildren.totalCount;
-            const parentElement = newTreeMap[parentMapKey];
-            const showMoreKey = '__showMore' + parentMapKey + offset;
-            parentElement.children = parentElement.children.filter(child => !child.key.match(`__showMore${parentMapKey}`));
-            for (const node of formattedNodes) {
-                const nodeForTreeMap = { ...node, paginationOffset: 0 };
-                newTreeMap[nodeForTreeMap.key] = nodeForTreeMap;
-                parentElement.paginationOffset = offset;
-                parentElement.children.push(nodeForTreeMap);
-            }
-            if (totalCount > parentElement.paginationOffset + defaultPaginationPageSize) {
-                const showMoreElement = {
-                    id: parentMapKey,
-                    key: showMoreKey,
-                    record: null,
-                    title: t('tree-node-selection.show_more'),
-                    isLeaf: false,
-                    paginationOffset: 0,
-                    isShowMore: true,
-                    selectable: false,
-                    children: []
-                };
-                parentElement.children.push(showMoreElement);
-            }
-            setTreeMap(newTreeMap);
-            setFetchError(null);
-        }
-        catch (err) {
-            setFetchError(err.message);
-        }
-    };
-    useEffect(() => {
-        setSelectedNode(initSelectedNode);
-    }, [initSelectedNode]);
-    useEffect(() => {
-        // Load root
-        _fetchTreeContent();
-    }, []);
-    const _handleLoadData = async (nodeData) => {
-        const { id, isShowMore } = nodeData;
-        // Handle offset if we get here through the "show more" element
-        const currentNodeOffset = treeMap[id]?.paginationOffset ?? 0;
-        const paginationOffset = isShowMore
-            ? (treeMap[id]?.paginationOffset ?? 0) + defaultPaginationPageSize
-            : currentNodeOffset;
-        if (id === tree.id && !isShowMore) {
-            // Root has already been loaded
-            return;
-        }
-        await _fetchTreeContent(String(id), paginationOffset);
-    };
-    const _handleSelect = (_, e) => {
-        const node = treeMap[e.node.key];
-        const isRoot = node.id === tree.id;
-        if ((!canSelectRoot && isRoot) ||
-            (!isRoot &&
-                typeof selectableLibraries !== 'undefined' &&
-                selectableLibraries.indexOf(node.record.whoAmI.library.id) === -1)) {
-            return;
-        }
-        if (node) {
-            onSelect(node, e.selected);
-        }
-    };
-    const _handleCheck = (selection) => {
-        const checkedKeys = typeof selection === 'object' ? selection.checked : selection;
-        const nodes = checkedKeys.map(key => treeMap[key]);
-        onCheck(nodes);
-    };
-    if (!called) {
-        return _jsx(Spin, {});
+    if (loading) {
+        return _jsx(Skeleton.Input, {}); //TODO: use DS when export of KitSkeleton is fixed
     }
-    if (error || fetchError) {
-        return _jsx(ErrorDisplay, { message: error?.message ?? fetchError });
+    if (error) {
+        return _jsx(ErrorDisplay, { message: error.message });
     }
-    return (_jsx(Tree, { defaultExpandedKeys: [tree.id], multiple: multiple, selectable: true, selectedKeys: [selectedNode], onSelect: _handleSelect, onCheck: _handleCheck, treeData: [treeMap[rootNode.key]], loadData: _handleLoadData, checkStrictly: true, checkable: multiple, showLine: {
-            showLeafIcon: false
-        }, switcherIcon: _jsx(DownOutlined, { "aria-label": "toggle-children" }) }));
-}
-export default SelectTreeNode;
+    if (!data?.trees.list[0]) {
+        return _jsx(ErrorDisplay, { message: t('error.unknown_tree', { treeId }) });
+    }
+    const label = localizedTranslation(data.trees.list[0].label, lang) || treeId;
+    return (_jsx(SelectTreeNodeContent, { treeData: { id: treeId, label }, onCheck: onCheck, onSelect: onSelect, multiple: multiple, selectedNode: selectedNode, canSelectRoot: canSelectRoot, selectableLibraries: selectableLibraries }));
+};
 //# sourceMappingURL=SelectTreeNode.js.map