@leav/ui 1.5.1-fdd83a21 → 1.5.2-427ed078

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

@@ -4,11 +4,17 @@
 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, }) => {
+export const useGetPresentationValues = ({ values, format, calculatedValues, inheritedValues, }) => {
     const { t } = useSharedTranslation();
-    const mappedValues = values.length > 0 ? values : [{}];
-    const presentationValues = mappedValues.map(value => {
-        let presentationValue = value.payload || calculatedValue?.payload || inheritedValue?.payload || '';
+    const effectiveValues = values?.length > 0
+        ? values
+        : calculatedValues?.length > 0
+            ? calculatedValues
+            : inheritedValues?.length > 0
+                ? inheritedValues
+                : [];
+    const presentationValues = effectiveValues.map(value => {
+        let presentationValue = value.payload || '';
         switch (format) {
             case AttributeFormat.date_range:
                 if (_isDateRangeValue(presentationValue)) {

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

@@ -1 +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,EAAiC,MAAM,eAAe,CAAC;AAE9E,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,GAMjB,EAA6B,EAAE;IAC5B,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEvD,MAAM,kBAAkB,GAAG,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QAChD,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;QACd,CAAC;QAED,OAAO,iBAAiB,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,OAAO,EAAC,kBAAkB,EAAC,CAAC;AAChC,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {AttributeFormat, type ValueDetailsValueFragment} from '_ui/_gqlTypes';\nimport {type RecordFormElementsValueStandardValue} from '_ui/hooks/useGetRecordForm';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\n\nconst _isDateRangeValue = (value: any): value is {from: string; to: string} =>\n    !!value && typeof value === 'object' && 'from' in value && 'to' in value;\n\ninterface IUseGetPresentationValues {\n    presentationValues: string[];\n}\n\nexport const useGetPresentationValues = ({\n    values,\n    format,\n    calculatedValue,\n    inheritedValue,\n}: {\n    values: ValueDetailsValueFragment[];\n    format: AttributeFormat;\n    calculatedValue: RecordFormElementsValueStandardValue;\n    inheritedValue: RecordFormElementsValueStandardValue;\n}): IUseGetPresentationValues => {\n    const {t} = useSharedTranslation();\n\n    const mappedValues = values.length > 0 ? values : [{}];\n\n    const presentationValues = mappedValues.map(value => {\n        let presentationValue = value.payload || calculatedValue?.payload || inheritedValue?.payload || '';\n\n        switch (format) {\n            case AttributeFormat.date_range:\n                if (_isDateRangeValue(presentationValue)) {\n                    const {from, to} = presentationValue;\n                    presentationValue = t('record_edition.date_range_value', {\n                        from,\n                        to,\n                        interpolation: {\n                            escapeValue: false,\n                        },\n                    });\n                } else {\n                    presentationValue = '';\n                }\n                break;\n        }\n\n        return presentationValue;\n    });\n\n    return {presentationValues};\n};\n"]}
+{"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,EAAiC,MAAM,eAAe,CAAC;AAE9E,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,gBAAgB,EAChB,eAAe,GAMlB,EAA6B,EAAE;IAC5B,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,eAAe,GACjB,MAAM,EAAE,MAAM,GAAG,CAAC;QACd,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,gBAAgB,EAAE,MAAM,GAAG,CAAC;YAC5B,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,eAAe,EAAE,MAAM,GAAG,CAAC;gBAC3B,CAAC,CAAC,eAAe;gBACjB,CAAC,CAAC,EAAE,CAAC;IAEjB,MAAM,kBAAkB,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QACnD,IAAI,iBAAiB,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;QAE5C,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;QACd,CAAC;QAED,OAAO,iBAAiB,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,OAAO,EAAC,kBAAkB,EAAC,CAAC;AAChC,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {AttributeFormat, type ValueDetailsValueFragment} from '_ui/_gqlTypes';\nimport {type RecordFormElementsValueStandardValue} from '_ui/hooks/useGetRecordForm';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\n\nconst _isDateRangeValue = (value: any): value is {from: string; to: string} =>\n    !!value && typeof value === 'object' && 'from' in value && 'to' in value;\n\ninterface IUseGetPresentationValues {\n    presentationValues: string[];\n}\n\nexport const useGetPresentationValues = ({\n    values,\n    format,\n    calculatedValues,\n    inheritedValues,\n}: {\n    values: ValueDetailsValueFragment[];\n    format: AttributeFormat;\n    calculatedValues: RecordFormElementsValueStandardValue[];\n    inheritedValues: RecordFormElementsValueStandardValue[];\n}): IUseGetPresentationValues => {\n    const {t} = useSharedTranslation();\n\n    const effectiveValues =\n        values?.length > 0\n            ? values\n            : calculatedValues?.length > 0\n              ? calculatedValues\n              : inheritedValues?.length > 0\n                ? inheritedValues\n                : [];\n\n    const presentationValues = effectiveValues.map(value => {\n        let presentationValue = value.payload || '';\n\n        switch (format) {\n            case AttributeFormat.date_range:\n                if (_isDateRangeValue(presentationValue)) {\n                    const {from, to} = presentationValue;\n                    presentationValue = t('record_edition.date_range_value', {\n                        from,\n                        to,\n                        interpolation: {\n                            escapeValue: false,\n                        },\n                    });\n                } else {\n                    presentationValue = '';\n                }\n                break;\n        }\n\n        return presentationValue;\n    });\n\n    return {presentationValues};\n};\n"]}

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

@@ -49,7 +49,10 @@ const TreeField = ({ element, readonly, isFormCreationMode, onDeleteMultipleValu
     const label = localizedTranslation(settings.label, lang);
     const form = AntForm.useFormInstance();
     const fieldErrors = form.getFieldError(attribute.id);
-    const isReadOnly = attribute.readonly || !attribute.permissions.edit_value || readonly;
+    // TODO: Temporary const that should be removed (and all it's usages) when we will have a proper way to override multiple values
+    const tmpCantOverrideValues = attribute.multiple_values &&
+        (calculatedFlags.calculatedValues?.length > 1 || inheritedFlags.inheritedValues?.length > 1);
+    const isReadOnly = attribute.readonly || !attribute.permissions.edit_value || readonly || tmpCantOverrideValues;
     const isFieldInError = fieldErrors.length > 0;
     useEffect(() => {
         if (state.activeAttribute?.attribute.id === attribute.id) {

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

@@ -1 +1 @@
-{"version":3,"file":"TreeField.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/TreeField.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAyB,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAClE,OAAO,MAAM,EAAE,EAAC,GAAG,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAA6B,oBAAoB,EAAC,MAAM,aAAa,CAAC;AAC7E,OAAO,EAAC,OAAO,EAAE,SAAS,EAAE,eAAe,EAAC,MAAM,YAAY,CAAC;AAC/D,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,OAAO,EAGH,wBAAwB,GAC3B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,oBAAoB,EAAC,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,0BAA0B,EAAC,MAAM,yDAAyD,CAAC;AACnG,OAAO,EAAC,6BAA6B,EAAC,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAC,oBAAoB,EAAC,MAAM,qEAAqE,CAAC;AACzG,OAAO,EAAC,6BAA6B,EAAC,MAAM,kEAAkE,CAAC;AAC/G,OAAO,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,MAAM,oCAAoC,CAAC;AACjG,OAAO,EAAC,gBAAgB,EAAC,MAAM,4BAA4B,CAAC;AAE5D,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAA0B;qBACxC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;CAChE,CAAC;AAEF,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG3C,CAAC;AAEF,MAAM,0BAA0B,GAAG,MAAM,CAAC,SAAS,CAAC,CAAwB;kBAC1D,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,yCAAyC,CAAC;CAC7F,CAAC;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,eAAe,CAAC,CAAgC;;;;;MAK/E,KAAK,CAAC,EAAE,CACN,KAAK,CAAC,mBAAmB;IACzB,GAAG,CAAA;;;;SAIF;CACR,CAAC;AAIF,MAAM,SAAS,GAAsC,CAAC,EAClD,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,YAAY,GAAG,KAAK,GACvB,EAAE,EAAE;IACD,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACjD,MAAM,EAAC,IAAI,EAAC,GAAG,OAAO,EAAE,CAAC;IACzB,MAAM,EACF,QAAQ,EACR,SAAS,EACT,MAAM,GACT,GAIG,OAAO,CAAC;IAEZ,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAqC,MAAM,CAAC,CAAC;IAE/F,MAAM,eAAe,GAAG,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAC9D,MAAM,cAAc,GAAG,qBAAqB,CAAC,aAAa,CAAC,CAAC;IAC5D,MAAM,KAAK,GAAG,oBAAoB,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACzD,MAAM,IAAI,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC;IACvC,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IAErD,MAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,UAAU,IAAI,QAAQ,CAAC;IACvF,MAAM,cAAc,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,KAAK,CAAC,eAAe,EAAE,SAAS,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,EAAE,CAAC;YACvD,QAAQ,CAAC;gBACL,IAAI,EAAE,6BAA6B,CAAC,gBAAgB;gBACpD,MAAM,EAAE,aAAa;aACxB,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,6BAA6B,CAAC;QAC1B,SAAS;QACT,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,eAAe,EAAE,oBAAoB;QACrC,QAAQ;QACR,aAAa;QACb,gBAAgB,EAAE,CAAC,oBAAoB,CAAC;KAC3C,CAAC,CAAC;IAEH,MAAM,qCAAqC,GAA+C;QACtF,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,WAAW,EAAE,KAAK,CAAC,eAAe,EAAE,SAAS,EAAE,EAAE;QACjD,MAAM,EAAE,wBAAwB,CAAC,aAAa;KACjD,CAAC;IAEF,MAAM,EAAC,SAAS,EAAE,cAAc,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,kBAAkB,EAAC,GACzF,0BAA0B,CAAC;QACvB,WAAW,EAAE,KAAK;QAClB,SAAS;QACT,kBAAkB;QAClB,aAAa;QACb,gBAAgB;QAChB,aAAa;QACb,aAAa;QACb,sBAAsB;QACtB,UAAU;QACV,cAAc;QACd,qCAAqC;KACxC,CAAC,CAAC;IAEP,OAAO,CACH,KAAC,gBAAgB,qBAAgB,YAAY,YACzC,KAAC,OAAO,CAAC,IAAI,IAAC,IAAI,EAAE,SAAS,CAAC,EAAE,EAAE,OAAO,kBACrC,MAAC,qBAAqB,IAClB,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAAC,EAAE,iBAC3B,YAAY,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAC5B,QAAQ,QACR,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5C,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,yBACtC,UAAU,EAC/B,KAAK,EACD,8BACI,KAAC,yBAAyB,cACtB,KAAC,gBAAgB,IAAC,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,GAAI,GAC9D,EAC3B,kBAAkB,IACpB,aAGP,KAAC,YAAY,IACT,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,GACxB,EACD,CAAC,UAAU,IAAI,CACZ,KAAC,0BAA0B,IACvB,IAAI,EAAE,KAAC,MAAM,KAAG,EAChB,OAAO,EAAE,SAAS,EAClB,IAAI,EAAC,GAAG,iBACK,CAAC,aAAa,EAAE,MAAM,YAElC,iBAAiB,GACO,CAChC,EACA,mBAAmB,IACA,GACb,GACA,CACtB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent, useEffect, useState} from 'react';\nimport styled, {css} from 'styled-components';\nimport {type ICommonFieldsSettings, localizedTranslation} from '@leav/utils';\nimport {AntForm, KitButton, KitInputWrapper} from 'aristid-ds';\nimport {FaList} from 'react-icons/fa';\nimport {useLang} from '_ui/hooks';\nimport {type IFormElementProps} from '../../_types';\nimport {\n    type ChildrenAsRecordValuePermissionFilterInput,\n    type RecordFormAttributeTreeAttributeFragment,\n    RecordPermissionsActions,\n} from '_ui/_gqlTypes';\nimport {TREE_FIELD_ID_PREFIX} from '_ui/constants';\nimport {type RecordFormElementsValueTreeValue} from '_ui/hooks/useGetRecordForm';\nimport {TreeNodeList} from './display-tree-node/TreeNodeList';\nimport {useManageTreeNodeSelection} from './manage-tree-node-selection/useManageTreeNodeSelection';\nimport {useOutsideInteractionDetector} from '../shared/useOutsideInteractionDetector';\nimport {useEditRecordReducer} from '_ui/components/RecordEdition/editRecordReducer/useEditRecordReducer';\nimport {EditRecordReducerActionsTypes} from '_ui/components/RecordEdition/editRecordReducer/editRecordReducer';\nimport {computeCalculatedFlags, computeInheritedFlags} from '../shared/calculatedInheritedFlags';\nimport {ComputeIndicator} from '../shared/ComputeIndicator';\n\nconst StyledWrapperDiv = styled.div<{$metadataEdit: boolean}>`\n    margin-bottom: ${props => (props.$metadataEdit ? 0 : '1.5em')};\n`;\n\nconst KitInputExtraAlignLeftDiv = styled.div`\n    margin-right: auto;\n    line-height: 12px;\n`;\n\nconst StyledFieldFooterKitButton = styled(KitButton)<{$hasNoValue: boolean}>`\n    margin-top: ${props => (props.$hasNoValue ? 0 : 'calc((var(--general-spacing-xs)) * 1px)')};\n`;\n\nconst KitInputWrapperStyled = styled(KitInputWrapper)<{$readonlyBackground: boolean}>`\n    .kit-input-wrapper-content {\n        min-height: 48px;\n    }\n\n    ${props =>\n        props.$readonlyBackground &&\n        css`\n            .kit-input-wrapper-content {\n                background-color: var(--general-utilities-neutral-light);\n            }\n        `}\n`;\n\ntype TreeFieldProps = IFormElementProps<ICommonFieldsSettings>;\n\nconst TreeField: FunctionComponent<TreeFieldProps> = ({\n    element,\n    readonly,\n    isFormCreationMode,\n    onDeleteMultipleValues,\n    onValueSubmit,\n    onValueDelete,\n    metadataEdit = false,\n}) => {\n    const {state, dispatch} = useEditRecordReducer();\n    const {lang} = useLang();\n    const {\n        settings,\n        attribute,\n        values,\n    }: {\n        settings: typeof element.settings;\n        attribute?: RecordFormAttributeTreeAttributeFragment;\n        values?: RecordFormElementsValueTreeValue[];\n    } = element;\n\n    const [backendValues, setBackendValues] = useState<RecordFormElementsValueTreeValue[]>(values);\n\n    const calculatedFlags = computeCalculatedFlags(backendValues);\n    const inheritedFlags = computeInheritedFlags(backendValues);\n    const label = localizedTranslation(settings.label, lang);\n    const form = AntForm.useFormInstance();\n    const fieldErrors = form.getFieldError(attribute.id);\n\n    const isReadOnly = attribute.readonly || !attribute.permissions.edit_value || readonly;\n    const isFieldInError = fieldErrors.length > 0;\n\n    useEffect(() => {\n        if (state.activeAttribute?.attribute.id === attribute.id) {\n            dispatch({\n                type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,\n                values: backendValues,\n            });\n        }\n    }, [backendValues]);\n\n    useOutsideInteractionDetector({\n        attribute,\n        activeAttribute: state.activeAttribute,\n        attributePrefix: TREE_FIELD_ID_PREFIX,\n        dispatch,\n        backendValues,\n        allowedSelectors: ['.kit-modal-wrapper'],\n    });\n\n    const childrenAsRecordValuePermissionFilter: ChildrenAsRecordValuePermissionFilterInput = {\n        libraryId: state.libraryId,\n        attributeId: state.activeAttribute?.attribute?.id,\n        action: RecordPermissionsActions.create_record,\n    };\n\n    const {openModal, removeTreeNode, actionButtonLabel, SelectTreeNodeModal, RemoveAllTreeNodes} =\n        useManageTreeNodeSelection({\n            modaleTitle: label,\n            attribute,\n            isFormCreationMode,\n            backendValues,\n            setBackendValues,\n            onValueSubmit,\n            onValueDelete,\n            onDeleteMultipleValues,\n            isReadOnly,\n            isFieldInError,\n            childrenAsRecordValuePermissionFilter,\n        });\n\n    return (\n        <StyledWrapperDiv $metadataEdit={metadataEdit}>\n            <AntForm.Item name={attribute.id} noStyle>\n                <KitInputWrapperStyled\n                    id={TREE_FIELD_ID_PREFIX + attribute.id}\n                    data-testid=\"tree-field\"\n                    label={label}\n                    required={attribute.required}\n                    bordered\n                    status={isFieldInError ? 'error' : undefined}\n                    helper={isFieldInError ? String(fieldErrors[0]) : undefined}\n                    $readonlyBackground={isReadOnly}\n                    extra={\n                        <>\n                            <KitInputExtraAlignLeftDiv>\n                                <ComputeIndicator calculatedFlags={calculatedFlags} inheritedFlags={inheritedFlags} />\n                            </KitInputExtraAlignLeftDiv>\n                            {RemoveAllTreeNodes}\n                        </>\n                    }\n                >\n                    <TreeNodeList\n                        attribute={attribute}\n                        backendValues={backendValues}\n                        removeTreeNode={removeTreeNode}\n                        isReadOnly={isReadOnly}\n                    />\n                    {!isReadOnly && (\n                        <StyledFieldFooterKitButton\n                            icon={<FaList />}\n                            onClick={openModal}\n                            size=\"m\"\n                            $hasNoValue={!backendValues?.length}\n                        >\n                            {actionButtonLabel}\n                        </StyledFieldFooterKitButton>\n                    )}\n                    {SelectTreeNodeModal}\n                </KitInputWrapperStyled>\n            </AntForm.Item>\n        </StyledWrapperDiv>\n    );\n};\n\nexport default TreeField;\n"]}
+{"version":3,"file":"TreeField.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/TreeField.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent, useEffect, useState} from 'react';\nimport styled, {css} from 'styled-components';\nimport {type ICommonFieldsSettings, localizedTranslation} from '@leav/utils';\nimport {AntForm, KitButton, KitInputWrapper} from 'aristid-ds';\nimport {FaList} from 'react-icons/fa';\nimport {useLang} from '_ui/hooks';\nimport {type IFormElementProps} from '../../_types';\nimport {\n    type ChildrenAsRecordValuePermissionFilterInput,\n    type RecordFormAttributeTreeAttributeFragment,\n    RecordPermissionsActions,\n} from '_ui/_gqlTypes';\nimport {TREE_FIELD_ID_PREFIX} from '_ui/constants';\nimport {type RecordFormElementsValueTreeValue} from '_ui/hooks/useGetRecordForm';\nimport {TreeNodeList} from './display-tree-node/TreeNodeList';\nimport {useManageTreeNodeSelection} from './manage-tree-node-selection/useManageTreeNodeSelection';\nimport {useOutsideInteractionDetector} from '../shared/useOutsideInteractionDetector';\nimport {useEditRecordReducer} from '_ui/components/RecordEdition/editRecordReducer/useEditRecordReducer';\nimport {EditRecordReducerActionsTypes} from '_ui/components/RecordEdition/editRecordReducer/editRecordReducer';\nimport {computeCalculatedFlags, computeInheritedFlags} from '../shared/calculatedInheritedFlags';\nimport {ComputeIndicator} from '../shared/ComputeIndicator';\n\nconst StyledWrapperDiv = styled.div<{$metadataEdit: boolean}>`\n    margin-bottom: ${props => (props.$metadataEdit ? 0 : '1.5em')};\n`;\n\nconst KitInputExtraAlignLeftDiv = styled.div`\n    margin-right: auto;\n    line-height: 12px;\n`;\n\nconst StyledFieldFooterKitButton = styled(KitButton)<{$hasNoValue: boolean}>`\n    margin-top: ${props => (props.$hasNoValue ? 0 : 'calc((var(--general-spacing-xs)) * 1px)')};\n`;\n\nconst KitInputWrapperStyled = styled(KitInputWrapper)<{$readonlyBackground: boolean}>`\n    .kit-input-wrapper-content {\n        min-height: 48px;\n    }\n\n    ${props =>\n        props.$readonlyBackground &&\n        css`\n            .kit-input-wrapper-content {\n                background-color: var(--general-utilities-neutral-light);\n            }\n        `}\n`;\n\ntype TreeFieldProps = IFormElementProps<ICommonFieldsSettings>;\n\nconst TreeField: FunctionComponent<TreeFieldProps> = ({\n    element,\n    readonly,\n    isFormCreationMode,\n    onDeleteMultipleValues,\n    onValueSubmit,\n    onValueDelete,\n    metadataEdit = false,\n}) => {\n    const {state, dispatch} = useEditRecordReducer();\n    const {lang} = useLang();\n    const {\n        settings,\n        attribute,\n        values,\n    }: {\n        settings: typeof element.settings;\n        attribute?: RecordFormAttributeTreeAttributeFragment;\n        values?: RecordFormElementsValueTreeValue[];\n    } = element;\n\n    const [backendValues, setBackendValues] = useState<RecordFormElementsValueTreeValue[]>(values);\n\n    const calculatedFlags = computeCalculatedFlags(backendValues);\n    const inheritedFlags = computeInheritedFlags(backendValues);\n    const label = localizedTranslation(settings.label, lang);\n    const form = AntForm.useFormInstance();\n    const fieldErrors = form.getFieldError(attribute.id);\n\n    // TODO: Temporary const that should be removed (and all it's usages) when we will have a proper way to override multiple values\n    const tmpCantOverrideValues =\n        attribute.multiple_values &&\n        (calculatedFlags.calculatedValues?.length > 1 || inheritedFlags.inheritedValues?.length > 1);\n\n    const isReadOnly = attribute.readonly || !attribute.permissions.edit_value || readonly || tmpCantOverrideValues;\n    const isFieldInError = fieldErrors.length > 0;\n\n    useEffect(() => {\n        if (state.activeAttribute?.attribute.id === attribute.id) {\n            dispatch({\n                type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,\n                values: backendValues,\n            });\n        }\n    }, [backendValues]);\n\n    useOutsideInteractionDetector({\n        attribute,\n        activeAttribute: state.activeAttribute,\n        attributePrefix: TREE_FIELD_ID_PREFIX,\n        dispatch,\n        backendValues,\n        allowedSelectors: ['.kit-modal-wrapper'],\n    });\n\n    const childrenAsRecordValuePermissionFilter: ChildrenAsRecordValuePermissionFilterInput = {\n        libraryId: state.libraryId,\n        attributeId: state.activeAttribute?.attribute?.id,\n        action: RecordPermissionsActions.create_record,\n    };\n\n    const {openModal, removeTreeNode, actionButtonLabel, SelectTreeNodeModal, RemoveAllTreeNodes} =\n        useManageTreeNodeSelection({\n            modaleTitle: label,\n            attribute,\n            isFormCreationMode,\n            backendValues,\n            setBackendValues,\n            onValueSubmit,\n            onValueDelete,\n            onDeleteMultipleValues,\n            isReadOnly,\n            isFieldInError,\n            childrenAsRecordValuePermissionFilter,\n        });\n\n    return (\n        <StyledWrapperDiv $metadataEdit={metadataEdit}>\n            <AntForm.Item name={attribute.id} noStyle>\n                <KitInputWrapperStyled\n                    id={TREE_FIELD_ID_PREFIX + attribute.id}\n                    data-testid=\"tree-field\"\n                    label={label}\n                    required={attribute.required}\n                    bordered\n                    status={isFieldInError ? 'error' : undefined}\n                    helper={isFieldInError ? String(fieldErrors[0]) : undefined}\n                    $readonlyBackground={isReadOnly}\n                    extra={\n                        <>\n                            <KitInputExtraAlignLeftDiv>\n                                <ComputeIndicator calculatedFlags={calculatedFlags} inheritedFlags={inheritedFlags} />\n                            </KitInputExtraAlignLeftDiv>\n                            {RemoveAllTreeNodes}\n                        </>\n                    }\n                >\n                    <TreeNodeList\n                        attribute={attribute}\n                        backendValues={backendValues}\n                        removeTreeNode={removeTreeNode}\n                        isReadOnly={isReadOnly}\n                    />\n                    {!isReadOnly && (\n                        <StyledFieldFooterKitButton\n                            icon={<FaList />}\n                            onClick={openModal}\n                            size=\"m\"\n                            $hasNoValue={!backendValues?.length}\n                        >\n                            {actionButtonLabel}\n                        </StyledFieldFooterKitButton>\n                    )}\n                    {SelectTreeNodeModal}\n                </KitInputWrapperStyled>\n            </AntForm.Item>\n        </StyledWrapperDiv>\n    );\n};\n\nexport default TreeField;\n"]}

package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/ComputeIndicator.js

@@ -9,8 +9,8 @@ const ComputeIndicatorWrapper = styled.div `
 `;
 export const ComputeIndicator = ({ calculatedFlags, inheritedFlags }) => {
     const { t } = useSharedTranslation();
-    const shouldDisplayComputedIcon = calculatedFlags.isCalculatedNotOverrideValue || inheritedFlags.isInheritedNotOverrideValue;
-    const shouldDisplayOverridedIcon = calculatedFlags.isCalculatedOverrideValue || inheritedFlags.isInheritedOverrideValue;
+    const shouldDisplayComputedIcon = calculatedFlags.isCalculatedNotOverrideValues || inheritedFlags.isInheritedNotOverrideValues;
+    const shouldDisplayOverridedIcon = calculatedFlags.isCalculatedOverrideValues || inheritedFlags.isInheritedOverrideValues;
     return (_jsxs(ComputeIndicatorWrapper, { children: [shouldDisplayComputedIcon && (_jsx(KitTooltip, { title: t('record_edition.calculated_value'), mouseEnterDelay: TOOLTIP_DEFAULT_DELAY_IN_SECONDS, children: _jsx(FaSquareRootAlt, {}) })), shouldDisplayOverridedIcon && (_jsx(KitTooltip, { title: t('record_edition.overrided_value'), mouseEnterDelay: TOOLTIP_DEFAULT_DELAY_IN_SECONDS, children: _jsx(FaLayerGroup, {}) }))] }));
 };
 //# sourceMappingURL=ComputeIndicator.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/ComputeIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComputeIndicator.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/shared/ComputeIndicator.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,UAAU,EAAC,MAAM,YAAY,CAAC;AACtC,OAAO,EAAC,YAAY,EAAE,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC7D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,gCAAgC,EAAC,MAAM,eAAe,CAAC;AAE/D,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEzC,CAAC;AAOF,MAAM,CAAC,MAAM,gBAAgB,GAA8C,CAAC,EAAC,eAAe,EAAE,cAAc,EAAC,EAAE,EAAE;IAC7G,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,yBAAyB,GAC3B,eAAe,CAAC,4BAA4B,IAAI,cAAc,CAAC,2BAA2B,CAAC;IAC/F,MAAM,0BAA0B,GAC5B,eAAe,CAAC,yBAAyB,IAAI,cAAc,CAAC,wBAAwB,CAAC;IAEzF,OAAO,CACH,MAAC,uBAAuB,eACnB,yBAAyB,IAAI,CAC1B,KAAC,UAAU,IACP,KAAK,EAAE,CAAC,CAAC,iCAAiC,CAAC,EAC3C,eAAe,EAAE,gCAAgC,YAEjD,KAAC,eAAe,KAAG,GACV,CAChB,EACA,0BAA0B,IAAI,CAC3B,KAAC,UAAU,IACP,KAAK,EAAE,CAAC,CAAC,gCAAgC,CAAC,EAC1C,eAAe,EAAE,gCAAgC,YAEjD,KAAC,YAAY,KAAG,GACP,CAChB,IACqB,CAC7B,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent} from 'react';\nimport {type CalculatedFlags, type InheritedFlags} from './calculatedInheritedFlags';\nimport {KitTooltip} from 'aristid-ds';\nimport {FaLayerGroup, FaSquareRootAlt} from 'react-icons/fa';\nimport styled from 'styled-components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {TOOLTIP_DEFAULT_DELAY_IN_SECONDS} from '_ui/constants';\n\nconst ComputeIndicatorWrapper = styled.div`\n    font-size: calc(var(--general-typography-fontSize7) * 1px);\n`;\n\ninterface IComputeIndicatorProps {\n    calculatedFlags: CalculatedFlags;\n    inheritedFlags: InheritedFlags;\n}\n\nexport const ComputeIndicator: FunctionComponent<IComputeIndicatorProps> = ({calculatedFlags, inheritedFlags}) => {\n    const {t} = useSharedTranslation();\n\n    const shouldDisplayComputedIcon =\n        calculatedFlags.isCalculatedNotOverrideValue || inheritedFlags.isInheritedNotOverrideValue;\n    const shouldDisplayOverridedIcon =\n        calculatedFlags.isCalculatedOverrideValue || inheritedFlags.isInheritedOverrideValue;\n\n    return (\n        <ComputeIndicatorWrapper>\n            {shouldDisplayComputedIcon && (\n                <KitTooltip\n                    title={t('record_edition.calculated_value')}\n                    mouseEnterDelay={TOOLTIP_DEFAULT_DELAY_IN_SECONDS}\n                >\n                    <FaSquareRootAlt />\n                </KitTooltip>\n            )}\n            {shouldDisplayOverridedIcon && (\n                <KitTooltip\n                    title={t('record_edition.overrided_value')}\n                    mouseEnterDelay={TOOLTIP_DEFAULT_DELAY_IN_SECONDS}\n                >\n                    <FaLayerGroup />\n                </KitTooltip>\n            )}\n        </ComputeIndicatorWrapper>\n    );\n};\n"]}
+{"version":3,"file":"ComputeIndicator.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/shared/ComputeIndicator.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,UAAU,EAAC,MAAM,YAAY,CAAC;AACtC,OAAO,EAAC,YAAY,EAAE,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC7D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,gCAAgC,EAAC,MAAM,eAAe,CAAC;AAE/D,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEzC,CAAC;AAOF,MAAM,CAAC,MAAM,gBAAgB,GAA8C,CAAC,EAAC,eAAe,EAAE,cAAc,EAAC,EAAE,EAAE;IAC7G,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,yBAAyB,GAC3B,eAAe,CAAC,6BAA6B,IAAI,cAAc,CAAC,4BAA4B,CAAC;IACjG,MAAM,0BAA0B,GAC5B,eAAe,CAAC,0BAA0B,IAAI,cAAc,CAAC,yBAAyB,CAAC;IAE3F,OAAO,CACH,MAAC,uBAAuB,eACnB,yBAAyB,IAAI,CAC1B,KAAC,UAAU,IACP,KAAK,EAAE,CAAC,CAAC,iCAAiC,CAAC,EAC3C,eAAe,EAAE,gCAAgC,YAEjD,KAAC,eAAe,KAAG,GACV,CAChB,EACA,0BAA0B,IAAI,CAC3B,KAAC,UAAU,IACP,KAAK,EAAE,CAAC,CAAC,gCAAgC,CAAC,EAC1C,eAAe,EAAE,gCAAgC,YAEjD,KAAC,YAAY,KAAG,GACP,CAChB,IACqB,CAC7B,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent} from 'react';\nimport {type CalculatedFlags, type InheritedFlags} from './calculatedInheritedFlags';\nimport {KitTooltip} from 'aristid-ds';\nimport {FaLayerGroup, FaSquareRootAlt} from 'react-icons/fa';\nimport styled from 'styled-components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {TOOLTIP_DEFAULT_DELAY_IN_SECONDS} from '_ui/constants';\n\nconst ComputeIndicatorWrapper = styled.div`\n    font-size: calc(var(--general-typography-fontSize7) * 1px);\n`;\n\ninterface IComputeIndicatorProps {\n    calculatedFlags: CalculatedFlags;\n    inheritedFlags: InheritedFlags;\n}\n\nexport const ComputeIndicator: FunctionComponent<IComputeIndicatorProps> = ({calculatedFlags, inheritedFlags}) => {\n    const {t} = useSharedTranslation();\n\n    const shouldDisplayComputedIcon =\n        calculatedFlags.isCalculatedNotOverrideValues || inheritedFlags.isInheritedNotOverrideValues;\n    const shouldDisplayOverridedIcon =\n        calculatedFlags.isCalculatedOverrideValues || inheritedFlags.isInheritedOverrideValues;\n\n    return (\n        <ComputeIndicatorWrapper>\n            {shouldDisplayComputedIcon && (\n                <KitTooltip\n                    title={t('record_edition.calculated_value')}\n                    mouseEnterDelay={TOOLTIP_DEFAULT_DELAY_IN_SECONDS}\n                >\n                    <FaSquareRootAlt />\n                </KitTooltip>\n            )}\n            {shouldDisplayOverridedIcon && (\n                <KitTooltip\n                    title={t('record_edition.overrided_value')}\n                    mouseEnterDelay={TOOLTIP_DEFAULT_DELAY_IN_SECONDS}\n                >\n                    <FaLayerGroup />\n                </KitTooltip>\n            )}\n        </ComputeIndicatorWrapper>\n    );\n};\n"]}

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

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

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

@@ -1,56 +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) {
+    const inheritedValues = fieldValues.filter(fieldValue => fieldValue.isInherited);
+    const overrideValues = fieldValues.filter(fieldValue => !fieldValue.isInherited && !fieldValue.isCalculated && fieldValue.payload !== null);
+    if (inheritedValues.length === 0) {
         return {
-            inheritedValue: null,
-            isInheritedValue: false,
-            isInheritedOverrideValue: false,
-            isInheritedNotOverrideValue: false,
+            inheritedValues: null,
+            isInheritedValues: false,
+            isInheritedOverrideValues: false,
+            isInheritedNotOverrideValues: false,
         };
     }
-    const isInheritedValue = true;
-    if (!overrideValue || overrideValue.payload === null) {
+    if (overrideValues.length === 0) {
         return {
-            inheritedValue,
-            isInheritedValue,
-            isInheritedNotOverrideValue: true,
-            isInheritedOverrideValue: false,
+            inheritedValues,
+            isInheritedValues: true,
+            isInheritedNotOverrideValues: true,
+            isInheritedOverrideValues: false,
         };
     }
     return {
-        inheritedValue,
-        isInheritedValue,
-        isInheritedNotOverrideValue: false,
-        isInheritedOverrideValue: true,
+        inheritedValues,
+        isInheritedValues: true,
+        isInheritedNotOverrideValues: false,
+        isInheritedOverrideValues: true,
     };
 };
 export const computeCalculatedFlags = (fieldValues) => {
-    const calculatedValue = fieldValues.find(fieldValue => fieldValue.isCalculated !== null && fieldValue.isCalculated !== undefined);
-    const overrideValue = fieldValues.find(fieldValue => (fieldValue.isCalculated === null || fieldValue.isCalculated === undefined) &&
-        (fieldValue.isInherited === null || fieldValue.isInherited === undefined));
-    if (calculatedValue === undefined) {
+    const calculatedValues = fieldValues.filter(fieldValue => fieldValue.isCalculated !== null && fieldValue.isCalculated !== undefined);
+    const overrideValues = fieldValues.filter(fieldValue => (fieldValue.isCalculated === null || fieldValue.isCalculated === undefined) &&
+        (fieldValue.isInherited === null || fieldValue.isInherited === undefined) &&
+        fieldValue.payload !== null);
+    if (calculatedValues.length === 0) {
         return {
-            calculatedValue: null,
-            isCalculatedValue: false,
-            isCalculatedOverrideValue: false,
-            isCalculatedNotOverrideValue: false,
+            calculatedValues: null,
+            isCalculatedValues: false,
+            isCalculatedOverrideValues: false,
+            isCalculatedNotOverrideValues: false,
         };
     }
-    const isCalculatedValue = true;
-    if (!overrideValue || overrideValue.payload === null) {
+    if (overrideValues.length === 0) {
         return {
-            calculatedValue,
-            isCalculatedValue,
-            isCalculatedNotOverrideValue: true,
-            isCalculatedOverrideValue: false,
+            calculatedValues,
+            isCalculatedValues: true,
+            isCalculatedNotOverrideValues: true,
+            isCalculatedOverrideValues: false,
         };
     }
     return {
-        calculatedValue,
-        isCalculatedValue,
-        isCalculatedNotOverrideValue: false,
-        isCalculatedOverrideValue: true,
+        calculatedValues,
+        isCalculatedValues: true,
+        isCalculatedNotOverrideValues: false,
+        isCalculatedOverrideValues: true,
     };
 };
 //# sourceMappingURL=calculatedInheritedFlags.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"calculatedInheritedFlags.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/shared/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,CACpC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,YAAY,KAAK,IAAI,IAAI,UAAU,CAAC,YAAY,KAAK,SAAS,CAC1F,CAAC;IACF,MAAM,aAAa,GAAG,WAAW,CAAC,IAAI,CAClC,UAAU,CAAC,EAAE,CACT,CAAC,UAAU,CAAC,YAAY,KAAK,IAAI,IAAI,UAAU,CAAC,YAAY,KAAK,SAAS,CAAC;QAC3E,CAAC,UAAU,CAAC,WAAW,KAAK,IAAI,IAAI,UAAU,CAAC,WAAW,KAAK,SAAS,CAAC,CAChF,CAAC;IAEF,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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type RecordFormElementsValueStandardValue} from '_ui/hooks/useGetRecordForm';\n\ninterface IInheritedNotOverride {\n    isInheritedValue: true;\n    isInheritedOverrideValue: false;\n    isInheritedNotOverrideValue: true;\n    inheritedValue: RecordFormElementsValueStandardValue;\n}\n\ninterface IInheritedOverride {\n    isInheritedValue: true;\n    isInheritedOverrideValue: true;\n    isInheritedNotOverrideValue: false;\n    inheritedValue: RecordFormElementsValueStandardValue;\n}\n\ninterface INotInherited {\n    isInheritedValue: false;\n    isInheritedOverrideValue: false;\n    isInheritedNotOverrideValue: false;\n    inheritedValue: null;\n}\n\nexport type InheritedFlags = INotInherited | IInheritedOverride | IInheritedNotOverride;\n\nexport const computeInheritedFlags = (fieldValues: RecordFormElementsValueStandardValue[]): InheritedFlags => {\n    const inheritedValue = fieldValues.find(fieldValue => fieldValue.isInherited);\n    const overrideValue = fieldValues.find(fieldValue => !fieldValue.isInherited && !fieldValue.isCalculated);\n\n    if (inheritedValue === undefined) {\n        return {\n            inheritedValue: null,\n            isInheritedValue: false,\n            isInheritedOverrideValue: false,\n            isInheritedNotOverrideValue: false,\n        };\n    }\n\n    const isInheritedValue = true;\n\n    if (!overrideValue || overrideValue.payload === null) {\n        return {\n            inheritedValue,\n            isInheritedValue,\n            isInheritedNotOverrideValue: true,\n            isInheritedOverrideValue: false,\n        };\n    }\n\n    return {\n        inheritedValue,\n        isInheritedValue,\n        isInheritedNotOverrideValue: false,\n        isInheritedOverrideValue: true,\n    };\n};\n\ninterface ICalculatedNotOverride {\n    isCalculatedValue: true;\n    isCalculatedOverrideValue: false;\n    isCalculatedNotOverrideValue: true;\n    calculatedValue: RecordFormElementsValueStandardValue;\n}\n\ninterface ICalculatedOverride {\n    isCalculatedValue: true;\n    isCalculatedOverrideValue: true;\n    isCalculatedNotOverrideValue: false;\n    calculatedValue: RecordFormElementsValueStandardValue;\n}\n\ninterface INotCalculated {\n    isCalculatedValue: false;\n    isCalculatedOverrideValue: false;\n    isCalculatedNotOverrideValue: false;\n    calculatedValue: null;\n}\n\nexport type CalculatedFlags = INotCalculated | ICalculatedOverride | ICalculatedNotOverride;\n\nexport const computeCalculatedFlags = (fieldValues: RecordFormElementsValueStandardValue[]): CalculatedFlags => {\n    const calculatedValue = fieldValues.find(\n        fieldValue => fieldValue.isCalculated !== null && fieldValue.isCalculated !== undefined,\n    );\n    const overrideValue = fieldValues.find(\n        fieldValue =>\n            (fieldValue.isCalculated === null || fieldValue.isCalculated === undefined) &&\n            (fieldValue.isInherited === null || fieldValue.isInherited === undefined),\n    );\n\n    if (calculatedValue === undefined) {\n        return {\n            calculatedValue: null,\n            isCalculatedValue: false,\n            isCalculatedOverrideValue: false,\n            isCalculatedNotOverrideValue: false,\n        };\n    }\n\n    const isCalculatedValue = true;\n\n    if (!overrideValue || overrideValue.payload === null) {\n        return {\n            calculatedValue,\n            isCalculatedValue,\n            isCalculatedNotOverrideValue: true,\n            isCalculatedOverrideValue: false,\n        };\n    }\n\n    return {\n        calculatedValue,\n        isCalculatedValue,\n        isCalculatedNotOverrideValue: false,\n        isCalculatedOverrideValue: true,\n    };\n};\n"]}
+{"version":3,"file":"calculatedInheritedFlags.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/shared/calculatedInheritedFlags.ts"],"names":[],"mappings":"AA4BA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,WAAmD,EAAkB,EAAE;IACzG,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IACjF,MAAM,cAAc,GAAG,WAAW,CAAC,MAAM,CACrC,UAAU,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,WAAW,IAAI,CAAC,UAAU,CAAC,YAAY,IAAI,UAAU,CAAC,OAAO,KAAK,IAAI,CACnG,CAAC;IAEF,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO;YACH,eAAe,EAAE,IAAI;YACrB,iBAAiB,EAAE,KAAK;YACxB,yBAAyB,EAAE,KAAK;YAChC,4BAA4B,EAAE,KAAK;SACtC,CAAC;IACN,CAAC;IAED,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO;YACH,eAAe;YACf,iBAAiB,EAAE,IAAI;YACvB,4BAA4B,EAAE,IAAI;YAClC,yBAAyB,EAAE,KAAK;SACnC,CAAC;IACN,CAAC;IAED,OAAO;QACH,eAAe;QACf,iBAAiB,EAAE,IAAI;QACvB,4BAA4B,EAAE,KAAK;QACnC,yBAAyB,EAAE,IAAI;KAClC,CAAC;AACN,CAAC,CAAC;AAyBF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,WAAmD,EAAmB,EAAE;IAC3G,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM,CACvC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,YAAY,KAAK,IAAI,IAAI,UAAU,CAAC,YAAY,KAAK,SAAS,CAC1F,CAAC;IACF,MAAM,cAAc,GAAG,WAAW,CAAC,MAAM,CACrC,UAAU,CAAC,EAAE,CACT,CAAC,UAAU,CAAC,YAAY,KAAK,IAAI,IAAI,UAAU,CAAC,YAAY,KAAK,SAAS,CAAC;QAC3E,CAAC,UAAU,CAAC,WAAW,KAAK,IAAI,IAAI,UAAU,CAAC,WAAW,KAAK,SAAS,CAAC;QACzE,UAAU,CAAC,OAAO,KAAK,IAAI,CAClC,CAAC;IAEF,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChC,OAAO;YACH,gBAAgB,EAAE,IAAI;YACtB,kBAAkB,EAAE,KAAK;YACzB,0BAA0B,EAAE,KAAK;YACjC,6BAA6B,EAAE,KAAK;SACvC,CAAC;IACN,CAAC;IAED,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO;YACH,gBAAgB;YAChB,kBAAkB,EAAE,IAAI;YACxB,6BAA6B,EAAE,IAAI;YACnC,0BAA0B,EAAE,KAAK;SACpC,CAAC;IACN,CAAC;IAED,OAAO;QACH,gBAAgB;QAChB,kBAAkB,EAAE,IAAI;QACxB,6BAA6B,EAAE,KAAK;QACpC,0BAA0B,EAAE,IAAI;KACnC,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type RecordFormElementsValueStandardValue} from '_ui/hooks/useGetRecordForm';\n\ninterface IInheritedNotOverride {\n    isInheritedValues: true;\n    isInheritedOverrideValues: false;\n    isInheritedNotOverrideValues: true;\n    inheritedValues: RecordFormElementsValueStandardValue[];\n}\n\ninterface IInheritedOverride {\n    isInheritedValues: true;\n    isInheritedOverrideValues: true;\n    isInheritedNotOverrideValues: false;\n    inheritedValues: RecordFormElementsValueStandardValue[];\n}\n\ninterface INotInherited {\n    isInheritedValues: false;\n    isInheritedOverrideValues: false;\n    isInheritedNotOverrideValues: false;\n    inheritedValues: null;\n}\n\nexport type InheritedFlags = INotInherited | IInheritedOverride | IInheritedNotOverride;\n\nexport const computeInheritedFlags = (fieldValues: RecordFormElementsValueStandardValue[]): InheritedFlags => {\n    const inheritedValues = fieldValues.filter(fieldValue => fieldValue.isInherited);\n    const overrideValues = fieldValues.filter(\n        fieldValue => !fieldValue.isInherited && !fieldValue.isCalculated && fieldValue.payload !== null,\n    );\n\n    if (inheritedValues.length === 0) {\n        return {\n            inheritedValues: null,\n            isInheritedValues: false,\n            isInheritedOverrideValues: false,\n            isInheritedNotOverrideValues: false,\n        };\n    }\n\n    if (overrideValues.length === 0) {\n        return {\n            inheritedValues,\n            isInheritedValues: true,\n            isInheritedNotOverrideValues: true,\n            isInheritedOverrideValues: false,\n        };\n    }\n\n    return {\n        inheritedValues,\n        isInheritedValues: true,\n        isInheritedNotOverrideValues: false,\n        isInheritedOverrideValues: true,\n    };\n};\n\ninterface ICalculatedNotOverride {\n    isCalculatedValues: true;\n    isCalculatedOverrideValues: false;\n    isCalculatedNotOverrideValues: true;\n    calculatedValues: RecordFormElementsValueStandardValue[];\n}\n\ninterface ICalculatedOverride {\n    isCalculatedValues: true;\n    isCalculatedOverrideValues: true;\n    isCalculatedNotOverrideValues: false;\n    calculatedValues: RecordFormElementsValueStandardValue[];\n}\n\ninterface INotCalculated {\n    isCalculatedValues: false;\n    isCalculatedOverrideValues: false;\n    isCalculatedNotOverrideValues: false;\n    calculatedValues: null;\n}\n\nexport type CalculatedFlags = INotCalculated | ICalculatedOverride | ICalculatedNotOverride;\n\nexport const computeCalculatedFlags = (fieldValues: RecordFormElementsValueStandardValue[]): CalculatedFlags => {\n    const calculatedValues = fieldValues.filter(\n        fieldValue => fieldValue.isCalculated !== null && fieldValue.isCalculated !== undefined,\n    );\n    const overrideValues = fieldValues.filter(\n        fieldValue =>\n            (fieldValue.isCalculated === null || fieldValue.isCalculated === undefined) &&\n            (fieldValue.isInherited === null || fieldValue.isInherited === undefined) &&\n            fieldValue.payload !== null,\n    );\n\n    if (calculatedValues.length === 0) {\n        return {\n            calculatedValues: null,\n            isCalculatedValues: false,\n            isCalculatedOverrideValues: false,\n            isCalculatedNotOverrideValues: false,\n        };\n    }\n\n    if (overrideValues.length === 0) {\n        return {\n            calculatedValues,\n            isCalculatedValues: true,\n            isCalculatedNotOverrideValues: true,\n            isCalculatedOverrideValues: false,\n        };\n    }\n\n    return {\n        calculatedValues,\n        isCalculatedValues: true,\n        isCalculatedNotOverrideValues: false,\n        isCalculatedOverrideValues: true,\n    };\n};\n"]}

package/dist/components/RecordEdition/EditRecordSidebar/EditRecordSidebar.js

@@ -29,7 +29,7 @@ const _getRecordSidebarContent = (state, onMetadataSubmit) => {
         case 'none':
             return null;
         case 'valueDetails':
-            return (_jsxs(StyledDivContentWrapper, { children: [_jsx(AttributeSummary, { attribute: state.activeAttribute.attribute }), _jsx(ValuesSummary, { record: state.record, attributeId: state.activeAttribute.attribute.id, globalValues: state.activeAttribute.globalValues, calculatedValue: state.activeAttribute.calculatedValue })] }));
+            return (_jsxs(StyledDivContentWrapper, { children: [_jsx(AttributeSummary, { attribute: state.activeAttribute.attribute }), _jsx(ValuesSummary, { record: state.record, attributeId: state.activeAttribute.attribute.id, globalValues: state.activeAttribute.globalValues, calculatedValues: state.activeAttribute.calculatedValues })] }));
         case 'valuesVersions':
             return _jsx(ValuesVersions, {});
         default:

package/dist/components/RecordEdition/EditRecordSidebar/EditRecordSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditRecordSidebar.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordSidebar/EditRecordSidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent, useEffect, useMemo, useRef} from 'react';\nimport {type MetadataSubmitValueFunc} from '../EditRecordContent/_types';\nimport {useEditRecordReducer} from '../editRecordReducer/useEditRecordReducer';\nimport RecordSummary from './RecordSummary';\nimport ValuesVersions from './ValuesVersions';\nimport {createPortal} from 'react-dom';\nimport {EditRecordSidebarContentTypeMap, type IEditRecordReducerState} from '../editRecordReducer/editRecordReducer';\nimport {KitSidePanel} from 'aristid-ds';\nimport {type KitSidePanelRef} from 'aristid-ds/dist/Kit/Navigation/SidePanel/types';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {EDIT_RECORD_SIDEBAR_ID} from '_ui/constants';\nimport Breadcrumb from './Breacrumb';\nimport AttributeSummary from './AttributeSummary';\nimport ValuesSummary from './ValuesSummary';\nimport styled from 'styled-components';\nimport {useLang} from '_ui/hooks';\nimport {localizedTranslation} from '@leav/utils';\n\ninterface IEditRecordSidebarProps {\n    onMetadataSubmit: MetadataSubmitValueFunc;\n    sidebarContainer?: HTMLElement;\n}\n\nconst StyledDivContentWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--general-spacing-s) * 1px);\n    height: 100%;\n`;\n\nconst _getRecordSidebarContent = (state: IEditRecordReducerState, onMetadataSubmit: MetadataSubmitValueFunc) => {\n    // TODO: ValuesVersions should be removed or refactored later\n    switch (state.sidebarContent) {\n        case 'none':\n            return null;\n        case 'valueDetails':\n            return (\n                <StyledDivContentWrapper>\n                    <AttributeSummary attribute={state.activeAttribute.attribute} />\n                    <ValuesSummary\n                        record={state.record}\n                        attributeId={state.activeAttribute.attribute.id}\n                        globalValues={state.activeAttribute.globalValues}\n                        calculatedValue={state.activeAttribute.calculatedValue}\n                    />\n                </StyledDivContentWrapper>\n            );\n        case 'valuesVersions':\n            return <ValuesVersions />;\n        default:\n            return <RecordSummary record={state.record} />;\n    }\n};\n\nconst StyledKitSidePanel = styled(KitSidePanel)<{$hideBoxShadow: boolean; $isOpen: boolean}>`\n    ${({$hideBoxShadow}) =>\n        $hideBoxShadow &&\n        `&&& section {\n            box-shadow: none;\n        }`}\n    grid-area: sidebar;\n    display: ${({$isOpen}) => ($isOpen ? 'block' : 'none')};\n`;\n\nexport const EditRecordSidebar: FunctionComponent<IEditRecordSidebarProps> = ({onMetadataSubmit, sidebarContainer}) => {\n    const {t} = useSharedTranslation();\n    const {lang} = useLang();\n    const {state} = useEditRecordReducer();\n    const sidePanelRef = useRef<KitSidePanelRef | null>(null);\n    const sidePanelTitle =\n        state.sidebarContent === EditRecordSidebarContentTypeMap.VALUE_DETAILS\n            ? localizedTranslation(state.activeAttribute?.attribute.label, lang)\n            : (state.record?.label ?? state.record?.id ?? t('record_summary.new_record'));\n\n    const editRecordSidebarContent = (\n        <StyledKitSidePanel\n            ref={sidePanelRef}\n            initialOpen={state.isOpenSidebar && state.enableSidebar}\n            idCardProps={{title: sidePanelTitle}}\n            id={EDIT_RECORD_SIDEBAR_ID}\n            headerExtra={<Breadcrumb />}\n            $hideBoxShadow={!sidebarContainer}\n            $isOpen={state.isOpenSidebar}\n        >\n            {_getRecordSidebarContent(state, onMetadataSubmit)}\n        </StyledKitSidePanel>\n    );\n\n    useEffect(() => {\n        if (sidePanelRef.current && state.enableSidebar) {\n            if (state.isOpenSidebar) {\n                sidePanelRef.current.open();\n            } else {\n                sidePanelRef.current.close();\n            }\n        }\n    }, [state.enableSidebar, state.isOpenSidebar, sidePanelRef.current]);\n\n    if (!state.enableSidebar) {\n        return null;\n    }\n\n    return sidebarContainer === undefined\n        ? editRecordSidebarContent\n        : createPortal(editRecordSidebarContent, sidebarContainer);\n};\n\nexport default EditRecordSidebar;\n"]}
+{"version":3,"file":"EditRecordSidebar.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordSidebar/EditRecordSidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent, useEffect, useMemo, useRef} from 'react';\nimport {type MetadataSubmitValueFunc} from '../EditRecordContent/_types';\nimport {useEditRecordReducer} from '../editRecordReducer/useEditRecordReducer';\nimport RecordSummary from './RecordSummary';\nimport ValuesVersions from './ValuesVersions';\nimport {createPortal} from 'react-dom';\nimport {EditRecordSidebarContentTypeMap, type IEditRecordReducerState} from '../editRecordReducer/editRecordReducer';\nimport {KitSidePanel} from 'aristid-ds';\nimport {type KitSidePanelRef} from 'aristid-ds/dist/Kit/Navigation/SidePanel/types';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {EDIT_RECORD_SIDEBAR_ID} from '_ui/constants';\nimport Breadcrumb from './Breacrumb';\nimport AttributeSummary from './AttributeSummary';\nimport ValuesSummary from './ValuesSummary';\nimport styled from 'styled-components';\nimport {useLang} from '_ui/hooks';\nimport {localizedTranslation} from '@leav/utils';\n\ninterface IEditRecordSidebarProps {\n    onMetadataSubmit: MetadataSubmitValueFunc;\n    sidebarContainer?: HTMLElement;\n}\n\nconst StyledDivContentWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--general-spacing-s) * 1px);\n    height: 100%;\n`;\n\nconst _getRecordSidebarContent = (state: IEditRecordReducerState, onMetadataSubmit: MetadataSubmitValueFunc) => {\n    // TODO: ValuesVersions should be removed or refactored later\n    switch (state.sidebarContent) {\n        case 'none':\n            return null;\n        case 'valueDetails':\n            return (\n                <StyledDivContentWrapper>\n                    <AttributeSummary attribute={state.activeAttribute.attribute} />\n                    <ValuesSummary\n                        record={state.record}\n                        attributeId={state.activeAttribute.attribute.id}\n                        globalValues={state.activeAttribute.globalValues}\n                        calculatedValues={state.activeAttribute.calculatedValues}\n                    />\n                </StyledDivContentWrapper>\n            );\n        case 'valuesVersions':\n            return <ValuesVersions />;\n        default:\n            return <RecordSummary record={state.record} />;\n    }\n};\n\nconst StyledKitSidePanel = styled(KitSidePanel)<{$hideBoxShadow: boolean; $isOpen: boolean}>`\n    ${({$hideBoxShadow}) =>\n        $hideBoxShadow &&\n        `&&& section {\n            box-shadow: none;\n        }`}\n    grid-area: sidebar;\n    display: ${({$isOpen}) => ($isOpen ? 'block' : 'none')};\n`;\n\nexport const EditRecordSidebar: FunctionComponent<IEditRecordSidebarProps> = ({onMetadataSubmit, sidebarContainer}) => {\n    const {t} = useSharedTranslation();\n    const {lang} = useLang();\n    const {state} = useEditRecordReducer();\n    const sidePanelRef = useRef<KitSidePanelRef | null>(null);\n    const sidePanelTitle =\n        state.sidebarContent === EditRecordSidebarContentTypeMap.VALUE_DETAILS\n            ? localizedTranslation(state.activeAttribute?.attribute.label, lang)\n            : (state.record?.label ?? state.record?.id ?? t('record_summary.new_record'));\n\n    const editRecordSidebarContent = (\n        <StyledKitSidePanel\n            ref={sidePanelRef}\n            initialOpen={state.isOpenSidebar && state.enableSidebar}\n            idCardProps={{title: sidePanelTitle}}\n            id={EDIT_RECORD_SIDEBAR_ID}\n            headerExtra={<Breadcrumb />}\n            $hideBoxShadow={!sidebarContainer}\n            $isOpen={state.isOpenSidebar}\n        >\n            {_getRecordSidebarContent(state, onMetadataSubmit)}\n        </StyledKitSidePanel>\n    );\n\n    useEffect(() => {\n        if (sidePanelRef.current && state.enableSidebar) {\n            if (state.isOpenSidebar) {\n                sidePanelRef.current.open();\n            } else {\n                sidePanelRef.current.close();\n            }\n        }\n    }, [state.enableSidebar, state.isOpenSidebar, sidePanelRef.current]);\n\n    if (!state.enableSidebar) {\n        return null;\n    }\n\n    return sidebarContainer === undefined\n        ? editRecordSidebarContent\n        : createPortal(editRecordSidebarContent, sidebarContainer);\n};\n\nexport default EditRecordSidebar;\n"]}

package/dist/components/RecordEdition/EditRecordSidebar/ValuesSummary/ValuesSummary.d.ts

@@ -5,7 +5,7 @@ interface IValuesSummaryProps {
     record: IRecordIdentityWhoAmI | null;
     attributeId: string;
     globalValues?: Array<RecordFormElementsValueStandardValue['payload']>;
-    calculatedValue?: RecordFormElementsValueStandardValue['payload'];
+    calculatedValues?: Array<RecordFormElementsValueStandardValue['payload']>;
 }
 export declare const ValuesSummary: FunctionComponent<IValuesSummaryProps>;
 export default ValuesSummary;

package/dist/components/RecordEdition/EditRecordSidebar/ValuesSummary/ValuesSummary.js

@@ -20,7 +20,7 @@ const stripHtml = (html) => {
     return doc.body.textContent || '';
 };
 const _isDateRangeValue = (value) => !!value && typeof value === 'object' && 'from' in value && 'to' in value;
-export const ValuesSummary = ({ record, attributeId, globalValues = [], calculatedValue, }) => {
+export const ValuesSummary = ({ record, attributeId, globalValues = [], calculatedValues = [], }) => {
     const { t } = useSharedTranslation();
     const stringifyValue = (value) => {
         if (typeof value === 'string') {
@@ -41,12 +41,12 @@ export const ValuesSummary = ({ record, attributeId, globalValues = [], calculat
         return value;
     };
     const stripedGlobalValues = globalValues.map(stringifyValue);
-    const stripedCalculatedValue = stringifyValue(calculatedValue);
+    const stripedCalculatedValues = calculatedValues.map(stringifyValue);
     return (_jsx(StyledDivContentWrapper, { children: _jsx(KitTabs, { items: [
                 {
                     key: 'version_values',
                     label: t('record_summary.values_version'),
-                    tabContent: (_jsx(InformationsWrapper, { children: _jsx(KitTree, { defaultExpandAll: true, selectedKeys: calculatedValue && globalValues.length === 0
+                    tabContent: (_jsx(InformationsWrapper, { children: _jsx(KitTree, { defaultExpandAll: true, selectedKeys: calculatedValues.length > 0 && globalValues.length === 0
                                 ? [calculatedValueKey]
                                 : [globalValueKey], treeData: [
                                 {
@@ -55,13 +55,18 @@ export const ValuesSummary = ({ record, attributeId, globalValues = [], calculat
                                             display: 'flex',
                                             alignItems: 'center',
                                             justifyContent: 'space-between',
-                                        }, children: [_jsxs("span", { children: [_jsx(FaSquareRootAlt, {}), " ", t('record_summary.calculated_value')] }), _jsx(KitBadge, { count: stripedCalculatedValue ? 1 : undefined, color: "primary" })] })),
-                                    children: [
-                                        {
-                                            key: `${calculatedValueKey}-0`,
-                                            title: stripedCalculatedValue ?? (_jsx("i", { children: t('record_summary.no_value') })),
-                                        },
-                                    ],
+                                        }, children: [_jsxs("span", { children: [_jsx(FaSquareRootAlt, {}), " ", t('record_summary.calculated_value')] }), _jsx(KitBadge, { count: stripedCalculatedValues.length, color: "primary" })] })),
+                                    children: stripedCalculatedValues.length > 0
+                                        ? stripedCalculatedValues.map((calculatedValue, index) => ({
+                                            key: `${calculatedValueKey}-${index}`,
+                                            title: calculatedValue,
+                                        }))
+                                        : [
+                                            {
+                                                key: `${calculatedValueKey}-${0}`,
+                                                title: _jsx("i", { children: t('record_summary.no_value') }),
+                                            },
+                                        ],
                                 },
                                 {
                                     key: globalValueKey,

package/dist/components/RecordEdition/EditRecordSidebar/ValuesSummary/ValuesSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValuesSummary.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordSidebar/ValuesSummary/ValuesSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent} from 'react';\nimport {type RecordFormElementsValueStandardValue} from '_ui/hooks/useGetRecordForm';\nimport {KitBadge, KitTabs, KitTree} from 'aristid-ds';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {FaLayerGroup, FaSquareRootAlt} from 'react-icons/fa';\nimport styled from 'styled-components';\nimport {type IRecordIdentityWhoAmI} from '_ui/types';\nimport {RecordHistory} from '../../../RecordHistory/RecordHistory';\n\nconst InformationsWrapper = styled.div`\n    margin-top: calc(var(--general-spacing-s) * 1px);\n`;\n\nconst StyledDivContentWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n`;\n\ninterface IValuesSummaryProps {\n    record: IRecordIdentityWhoAmI | null;\n    attributeId: string;\n    globalValues?: Array<RecordFormElementsValueStandardValue['payload']>;\n    calculatedValue?: RecordFormElementsValueStandardValue['payload'];\n}\n\nconst calculatedValueKey = '0';\nconst globalValueKey = '1';\n\n// https://stackoverflow.com/questions/822452/strip-html-tags-from-text-using-plain-javascript\nconst stripHtml = (html: string): string => {\n    const doc = new DOMParser().parseFromString(html, 'text/html');\n    return doc.body.textContent || '';\n};\n\nconst _isDateRangeValue = (value: any): value is {from: string; to: string} =>\n    !!value && typeof value === 'object' && 'from' in value && 'to' in value;\n\nexport const ValuesSummary: FunctionComponent<IValuesSummaryProps> = ({\n    record,\n    attributeId,\n    globalValues = [],\n    calculatedValue,\n}) => {\n    const {t} = useSharedTranslation();\n\n    const stringifyValue = (value: RecordFormElementsValueStandardValue['payload']): string => {\n        if (typeof value === 'string') {\n            return stripHtml(value);\n        }\n\n        if (typeof value === 'boolean') {\n            return value ? t('global.yes') : t('global.no');\n        }\n\n        if (_isDateRangeValue(value)) {\n            return t('record_edition.date_range_value', {\n                from: value.from,\n                to: value.to,\n                interpolation: {\n                    escapeValue: false,\n                },\n            });\n        }\n\n        return value;\n    };\n\n    const stripedGlobalValues = globalValues.map(stringifyValue);\n    const stripedCalculatedValue = stringifyValue(calculatedValue);\n\n    return (\n        <StyledDivContentWrapper>\n            <KitTabs\n                items={[\n                    {\n                        key: 'version_values',\n                        label: t('record_summary.values_version'),\n                        tabContent: (\n                            <InformationsWrapper>\n                                <KitTree\n                                    defaultExpandAll\n                                    selectedKeys={\n                                        calculatedValue && globalValues.length === 0\n                                            ? [calculatedValueKey]\n                                            : [globalValueKey]\n                                    }\n                                    treeData={[\n                                        {\n                                            key: calculatedValueKey,\n                                            title: (\n                                                <div\n                                                    style={{\n                                                        display: 'flex',\n                                                        alignItems: 'center',\n                                                        justifyContent: 'space-between',\n                                                    }}\n                                                >\n                                                    <span>\n                                                        <FaSquareRootAlt /> {t('record_summary.calculated_value')}\n                                                    </span>\n                                                    <KitBadge\n                                                        count={stripedCalculatedValue ? 1 : undefined}\n                                                        color=\"primary\"\n                                                    />\n                                                </div>\n                                            ),\n                                            children: [\n                                                {\n                                                    key: `${calculatedValueKey}-0`,\n                                                    title: stripedCalculatedValue ?? (\n                                                        <i>{t('record_summary.no_value')}</i>\n                                                    ),\n                                                },\n                                            ],\n                                        },\n                                        {\n                                            key: globalValueKey,\n                                            title: (\n                                                <div\n                                                    style={{\n                                                        display: 'flex',\n                                                        alignItems: 'center',\n                                                        justifyContent: 'space-between',\n                                                    }}\n                                                >\n                                                    <span>\n                                                        <FaLayerGroup /> {t('record_summary.global')}\n                                                    </span>\n                                                    <KitBadge count={stripedGlobalValues.length} color=\"primary\" />\n                                                </div>\n                                            ),\n                                            children:\n                                                stripedGlobalValues.length > 0\n                                                    ? stripedGlobalValues.map((value, index) => ({\n                                                          key: `${globalValueKey}-${index}`,\n                                                          title: value,\n                                                      }))\n                                                    : [\n                                                          {\n                                                              key: `${globalValueKey}-${0}`,\n                                                              title: <i>{t('record_summary.no_value')}</i>,\n                                                          },\n                                                      ],\n                                        },\n                                    ]}\n                                />\n                            </InformationsWrapper>\n                        ),\n                    },\n                    {\n                        key: 'history',\n                        label: t('record_summary.history'),\n                        tabContent: <RecordHistory record={record} attributeId={attributeId} />,\n                    },\n                ]}\n            />\n        </StyledDivContentWrapper>\n    );\n};\n\nexport default ValuesSummary;\n"]}
+{"version":3,"file":"ValuesSummary.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordSidebar/ValuesSummary/ValuesSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent} from 'react';\nimport {type RecordFormElementsValueStandardValue} from '_ui/hooks/useGetRecordForm';\nimport {KitBadge, KitTabs, KitTree} from 'aristid-ds';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {FaLayerGroup, FaSquareRootAlt} from 'react-icons/fa';\nimport styled from 'styled-components';\nimport {type IRecordIdentityWhoAmI} from '_ui/types';\nimport {RecordHistory} from '../../../RecordHistory/RecordHistory';\n\nconst InformationsWrapper = styled.div`\n    margin-top: calc(var(--general-spacing-s) * 1px);\n`;\n\nconst StyledDivContentWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n`;\n\ninterface IValuesSummaryProps {\n    record: IRecordIdentityWhoAmI | null;\n    attributeId: string;\n    globalValues?: Array<RecordFormElementsValueStandardValue['payload']>;\n    calculatedValues?: Array<RecordFormElementsValueStandardValue['payload']>;\n}\n\nconst calculatedValueKey = '0';\nconst globalValueKey = '1';\n\n// https://stackoverflow.com/questions/822452/strip-html-tags-from-text-using-plain-javascript\nconst stripHtml = (html: string): string => {\n    const doc = new DOMParser().parseFromString(html, 'text/html');\n    return doc.body.textContent || '';\n};\n\nconst _isDateRangeValue = (value: any): value is {from: string; to: string} =>\n    !!value && typeof value === 'object' && 'from' in value && 'to' in value;\n\nexport const ValuesSummary: FunctionComponent<IValuesSummaryProps> = ({\n    record,\n    attributeId,\n    globalValues = [],\n    calculatedValues = [],\n}) => {\n    const {t} = useSharedTranslation();\n\n    const stringifyValue = (value: RecordFormElementsValueStandardValue['payload']): string => {\n        if (typeof value === 'string') {\n            return stripHtml(value);\n        }\n\n        if (typeof value === 'boolean') {\n            return value ? t('global.yes') : t('global.no');\n        }\n\n        if (_isDateRangeValue(value)) {\n            return t('record_edition.date_range_value', {\n                from: value.from,\n                to: value.to,\n                interpolation: {\n                    escapeValue: false,\n                },\n            });\n        }\n\n        return value;\n    };\n\n    const stripedGlobalValues = globalValues.map(stringifyValue);\n    const stripedCalculatedValues = calculatedValues.map(stringifyValue);\n\n    return (\n        <StyledDivContentWrapper>\n            <KitTabs\n                items={[\n                    {\n                        key: 'version_values',\n                        label: t('record_summary.values_version'),\n                        tabContent: (\n                            <InformationsWrapper>\n                                <KitTree\n                                    defaultExpandAll\n                                    selectedKeys={\n                                        calculatedValues.length > 0 && globalValues.length === 0\n                                            ? [calculatedValueKey]\n                                            : [globalValueKey]\n                                    }\n                                    treeData={[\n                                        {\n                                            key: calculatedValueKey,\n                                            title: (\n                                                <div\n                                                    style={{\n                                                        display: 'flex',\n                                                        alignItems: 'center',\n                                                        justifyContent: 'space-between',\n                                                    }}\n                                                >\n                                                    <span>\n                                                        <FaSquareRootAlt /> {t('record_summary.calculated_value')}\n                                                    </span>\n                                                    <KitBadge count={stripedCalculatedValues.length} color=\"primary\" />\n                                                </div>\n                                            ),\n                                            children:\n                                                stripedCalculatedValues.length > 0\n                                                    ? stripedCalculatedValues.map((calculatedValue, index) => ({\n                                                          key: `${calculatedValueKey}-${index}`,\n                                                          title: calculatedValue,\n                                                      }))\n                                                    : [\n                                                          {\n                                                              key: `${calculatedValueKey}-${0}`,\n                                                              title: <i>{t('record_summary.no_value')}</i>,\n                                                          },\n                                                      ],\n                                        },\n                                        {\n                                            key: globalValueKey,\n                                            title: (\n                                                <div\n                                                    style={{\n                                                        display: 'flex',\n                                                        alignItems: 'center',\n                                                        justifyContent: 'space-between',\n                                                    }}\n                                                >\n                                                    <span>\n                                                        <FaLayerGroup /> {t('record_summary.global')}\n                                                    </span>\n                                                    <KitBadge count={stripedGlobalValues.length} color=\"primary\" />\n                                                </div>\n                                            ),\n                                            children:\n                                                stripedGlobalValues.length > 0\n                                                    ? stripedGlobalValues.map((value, index) => ({\n                                                          key: `${globalValueKey}-${index}`,\n                                                          title: value,\n                                                      }))\n                                                    : [\n                                                          {\n                                                              key: `${globalValueKey}-${0}`,\n                                                              title: <i>{t('record_summary.no_value')}</i>,\n                                                          },\n                                                      ],\n                                        },\n                                    ]}\n                                />\n                            </InformationsWrapper>\n                        ),\n                    },\n                    {\n                        key: 'history',\n                        label: t('record_summary.history'),\n                        tabContent: <RecordHistory record={record} attributeId={attributeId} />,\n                    },\n                ]}\n            />\n        </StyledDivContentWrapper>\n    );\n};\n\nexport default ValuesSummary;\n"]}

package/dist/components/RecordEdition/editRecordReducer/editRecordReducer.d.ts

@@ -4,7 +4,7 @@ import { type RecordFormElementsValueLinkValue, type RecordFormElementsValueStan
 export interface IRecordPropertyWithAttribute {
     attribute: RecordFormAttributeFragment;
     globalValues?: Array<RecordFormElementsValueStandardValue['payload']>;
-    calculatedValue?: RecordFormElementsValueStandardValue['payload'];
+    calculatedValues?: Array<RecordFormElementsValueStandardValue['payload']>;
 }
 export declare const EditRecordSidebarContentTypeMap: {
     readonly SUMMARY: "summary";

package/dist/components/RecordEdition/editRecordReducer/editRecordReducer.js

@@ -82,8 +82,9 @@ const editRecordReducer = (state, action) => {
                         }
                         return value?.payload;
                     }),
-                    calculatedValue: (() => {
-                        const calculatedOrInheritedValue = action.values?.filter(value => value.isCalculated || value.isInherited)?.[0];
+                    calculatedValues: action.values
+                        ?.filter(value => value.isCalculated || value.isInherited)
+                        .map(calculatedOrInheritedValue => {
                         if (TypeGuards.isRecordFormElementsValuesLinkValue(calculatedOrInheritedValue)) {
                             return (calculatedOrInheritedValue.linkValue.whoAmI.label ??
                                 calculatedOrInheritedValue.linkValue.whoAmI.id);
@@ -93,7 +94,7 @@ const editRecordReducer = (state, action) => {
                                 calculatedOrInheritedValue.treeValue.record.whoAmI.id);
                         }
                         return calculatedOrInheritedValue?.payload;
-                    })(),
+                    }) ?? [],
                 },
                 sidebarContent: newSidebarContent,
             };