@leav/ui 0.4.0-72d37f7 → 0.4.0-7a3b9e94
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/__mocks__/common/form.d.ts +632 -0
- package/dist/__mocks__/common/form.js +27 -22
- package/dist/__mocks__/common/form.js.map +1 -1
- package/dist/_gqlTypes/index.d.ts +3181 -2089
- package/dist/_gqlTypes/index.js +1529 -1246
- package/dist/_gqlTypes/index.js.map +1 -1
- package/dist/_queries/records/getRecordFormQuery.js +10 -5
- package/dist/_queries/records/getRecordFormQuery.js.map +1 -1
- package/dist/_queries/trees/treeNodeChildrenQuery.js +12 -2
- package/dist/_queries/trees/treeNodeChildrenQuery.js.map +1 -1
- package/dist/components/Explorer/DataView.js +4 -4
- package/dist/components/Explorer/DataView.js.map +1 -1
- package/dist/components/Explorer/Explorer.d.ts +4 -1
- package/dist/components/Explorer/Explorer.js +3 -2
- package/dist/components/Explorer/Explorer.js.map +1 -1
- package/dist/components/Explorer/ExplorerToolbar.d.ts +2 -1
- package/dist/components/Explorer/ExplorerToolbar.js +5 -4
- package/dist/components/Explorer/ExplorerToolbar.js.map +1 -1
- package/dist/components/Explorer/_queries/useExplorerData.js +2 -2
- package/dist/components/Explorer/_queries/useExplorerData.js.map +1 -1
- package/dist/components/Explorer/_types.d.ts +4 -1
- package/dist/components/Explorer/_types.js.map +1 -1
- package/dist/components/Explorer/actions-primary/useCreatePrimaryAction.d.ts +3 -1
- package/dist/components/Explorer/actions-primary/useCreatePrimaryAction.js +13 -6
- package/dist/components/Explorer/actions-primary/useCreatePrimaryAction.js.map +1 -1
- package/dist/components/Explorer/manage-view-settings/_shared/useTransformFilters.js +4 -0
- package/dist/components/Explorer/manage-view-settings/_shared/useTransformFilters.js.map +1 -1
- package/dist/components/LibraryItemsList/FiltersPanel/Filter/Filter.js +2 -2
- package/dist/components/LibraryItemsList/FiltersPanel/Filter/Filter.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/EditRecordContent.js +59 -27
- package/dist/components/RecordEdition/EditRecordContent/EditRecordContent.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/_types.d.ts +14 -8
- package/dist/components/RecordEdition/EditRecordContent/_types.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/antdUtils.d.ts +6 -0
- package/dist/components/RecordEdition/EditRecordContent/antdUtils.js +7 -1
- package/dist/components/RecordEdition/EditRecordContent/antdUtils.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/helpers/extractFormElements/extractFormElements.d.ts +15 -2
- package/dist/components/RecordEdition/EditRecordContent/helpers/extractFormElements/extractFormElements.js +47 -24
- package/dist/components/RecordEdition/EditRecordContent/helpers/extractFormElements/extractFormElements.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/hooks/useFetchVisibleFormValue.d.ts +13 -0
- package/dist/components/RecordEdition/EditRecordContent/hooks/useFetchVisibleFormValue.js +119 -0
- package/dist/components/RecordEdition/EditRecordContent/hooks/useFetchVisibleFormValue.js.map +1 -0
- package/dist/components/RecordEdition/EditRecordContent/hooks/useTabManagement.d.ts +12 -0
- package/dist/components/RecordEdition/EditRecordContent/hooks/useTabManagement.js +39 -0
- package/dist/components/RecordEdition/EditRecordContent/hooks/useTabManagement.js.map +1 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/Container/Container.d.ts +2 -2
- package/dist/components/RecordEdition/EditRecordContent/uiElements/Container/Container.js +3 -5
- package/dist/components/RecordEdition/EditRecordContent/uiElements/Container/Container.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/FormTabs/FormTabs.js +25 -5
- package/dist/components/RecordEdition/EditRecordContent/uiElements/FormTabs/FormTabs.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/Frame/Frame.d.ts +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/Frame/Frame.js +1 -3
- package/dist/components/RecordEdition/EditRecordContent/uiElements/Frame/Frame.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/LinkField.js +9 -8
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/LinkField.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-creation/useLinkRecordsInCreation.js +2 -2
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-creation/useLinkRecordsInCreation.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-edition/useLinkRecordsInEdition.d.ts +3 -2
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-edition/useLinkRecordsInEdition.js +109 -13
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-edition/useLinkRecordsInEdition.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardField.d.ts +0 -2
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardField.js +63 -72
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardField.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSInputWrapper.js +2 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSInputWrapper.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/StandardFieldValue.d.ts +2 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/StandardFieldValue.js +2 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/StandardFieldValue.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/_types.d.ts +1 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/TreeField.d.ts +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/TreeField.js +24 -19
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/TreeField.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeItem.d.ts +2 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeItem.js +2 -2
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeItem.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/{useDisplayTreeNode.d.ts → TreeNodeList.d.ts} +4 -4
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeList.js +5 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeList.js.map +1 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.d.ts +16 -4
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.js +12 -13
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/useManageTreeNodeSelection.d.ts +3 -2
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/useManageTreeNodeSelection.js +46 -55
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/useManageTreeNodeSelection.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/calculatedInheritedFlags.js +4 -4
- package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/calculatedInheritedFlags.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/useOutsideInteractionDetector.d.ts +3 -3
- package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/useOutsideInteractionDetector.js +8 -8
- package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/useOutsideInteractionDetector.js.map +1 -1
- package/dist/components/RecordEdition/editRecordReducer/editRecordReducer.d.ts +6 -1
- package/dist/components/RecordEdition/editRecordReducer/editRecordReducer.js +5 -1
- package/dist/components/RecordEdition/editRecordReducer/editRecordReducer.js.map +1 -1
- package/dist/components/RecordEdition/index.d.ts +1 -0
- package/dist/components/RecordEdition/index.js +1 -0
- package/dist/components/RecordEdition/index.js.map +1 -1
- package/dist/components/SelectRecordForLinkModal/SelectRecordForLinkModal.d.ts +2 -1
- package/dist/components/SelectRecordForLinkModal/SelectRecordForLinkModal.js +2 -2
- package/dist/components/SelectRecordForLinkModal/SelectRecordForLinkModal.js.map +1 -1
- package/dist/components/SelectTreeNode/SelectTreeNode.d.ts +5 -3
- package/dist/components/SelectTreeNode/SelectTreeNode.js +2 -3
- package/dist/components/SelectTreeNode/SelectTreeNode.js.map +1 -1
- package/dist/components/SelectTreeNode/SelectTreeNodeContent.d.ts +3 -1
- package/dist/components/SelectTreeNode/SelectTreeNodeContent.js +18 -23
- package/dist/components/SelectTreeNode/SelectTreeNodeContent.js.map +1 -1
- package/dist/components/SelectTreeNode/_types.d.ts +17 -0
- package/dist/components/SelectTreeNode/_types.js +2 -0
- package/dist/components/SelectTreeNode/_types.js.map +1 -0
- package/dist/components/{SelectTreeNodeModal/SelectTreeNodeModal.d.ts → SelectTreeNodeModalOld/SelectTreeNodeModalOld.d.ts} +1 -1
- package/dist/components/{SelectTreeNodeModal/SelectTreeNodeModal.js → SelectTreeNodeModalOld/SelectTreeNodeModalOld.js} +4 -2
- package/dist/components/SelectTreeNodeModalOld/SelectTreeNodeModalOld.js.map +1 -0
- package/dist/components/SelectTreeNodeModalOld/index.d.ts +1 -0
- package/dist/components/{SelectTreeNodeModal → SelectTreeNodeModalOld}/index.js +1 -1
- package/dist/components/SelectTreeNodeModalOld/index.js.map +1 -0
- package/dist/components/ValuesVersionConfigurator/VersionTree/VersionTree.js +2 -2
- package/dist/components/ValuesVersionConfigurator/VersionTree/VersionTree.js.map +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.js +2 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useGetRecordForm/useGetRecordForm.d.ts +2 -1
- package/dist/hooks/useGetRecordForm/useGetRecordForm.js +2 -13
- package/dist/hooks/useGetRecordForm/useGetRecordForm.js.map +1 -1
- package/dist/hooks/useIFrameMessenger/messageHandlers.d.ts +2 -1
- package/dist/hooks/useIFrameMessenger/messageHandlers.js +3 -0
- package/dist/hooks/useIFrameMessenger/messageHandlers.js.map +1 -1
- package/dist/hooks/useIFrameMessenger/schema.d.ts +21 -0
- package/dist/hooks/useIFrameMessenger/schema.js +76 -0
- package/dist/hooks/useIFrameMessenger/schema.js.map +1 -0
- package/dist/hooks/useIFrameMessenger/types.d.ts +31 -5
- package/dist/hooks/useIFrameMessenger/types.js.map +1 -1
- package/dist/hooks/useIFrameMessenger/useIFrameMessenger.d.ts +9 -1
- package/dist/hooks/useIFrameMessenger/useIFrameMessenger.js +51 -20
- package/dist/hooks/useIFrameMessenger/useIFrameMessenger.js.map +1 -1
- package/dist/hooks/useIFrameMessengerClient/IFrameMessengerClient.d.ts +7 -0
- package/dist/hooks/useIFrameMessengerClient/IFrameMessengerClient.js +13 -0
- package/dist/hooks/useIFrameMessengerClient/IFrameMessengerClient.js.map +1 -0
- package/dist/hooks/useIFrameMessengerClient/iFrameMessengerClientContext.d.ts +13 -0
- package/dist/hooks/useIFrameMessengerClient/iFrameMessengerClientContext.js +6 -0
- package/dist/hooks/useIFrameMessengerClient/iFrameMessengerClientContext.js.map +1 -0
- package/dist/hooks/useIFrameMessengerClient/useIFrameMessengerClient.d.ts +13 -0
- package/dist/hooks/useIFrameMessengerClient/useIFrameMessengerClient.js +13 -0
- package/dist/hooks/useIFrameMessengerClient/useIFrameMessengerClient.js.map +1 -0
- package/package.json +22 -6
- package/dist/components/RecordEdition/EditRecordContent/hooks/useRecordEditionContext.d.ts +0 -3
- package/dist/components/RecordEdition/EditRecordContent/hooks/useRecordEditionContext.js +0 -7
- package/dist/components/RecordEdition/EditRecordContent/hooks/useRecordEditionContext.js.map +0 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/useDisplayTreeNode.js +0 -8
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/useDisplayTreeNode.js.map +0 -1
- package/dist/components/SelectTreeNodeModal/SelectTreeNodeModal.js.map +0 -1
- package/dist/components/SelectTreeNodeModal/index.d.ts +0 -1
- package/dist/components/SelectTreeNodeModal/index.js.map +0 -1
|
@@ -10,7 +10,7 @@ import { DSInputEncryptedWrapper } from './DSInputEncryptedWrapper';
|
|
|
10
10
|
import { DSBooleanWrapper } from './DSBooleanWrapper';
|
|
11
11
|
import { DSRichTextWrapper } from './DSRichTextWrapper';
|
|
12
12
|
import { DSColorPickerWrapper } from './DSColorPickerWrapper';
|
|
13
|
-
function StandardFieldValue({ presentationValue, handleSubmit, attribute, label, readonly, calculatedFlags, inheritedFlags, listField, removeLastValueOfMultivalues, isLastValueOfMultivalues = false }) {
|
|
13
|
+
function StandardFieldValue({ presentationValue, handleSubmit, attribute, label, readonly, calculatedFlags, inheritedFlags, listField, onFocus, removeLastValueOfMultivalues, isLastValueOfMultivalues = false }) {
|
|
14
14
|
const isValuesListEnabled = !!attribute?.values_list?.enable;
|
|
15
15
|
const attributeFormatsWithDS = [
|
|
16
16
|
AttributeFormat.text,
|
|
@@ -29,6 +29,7 @@ function StandardFieldValue({ presentationValue, handleSubmit, attribute, label,
|
|
|
29
29
|
isLastValueOfMultivalues,
|
|
30
30
|
removeLastValueOfMultivalues,
|
|
31
31
|
readonly,
|
|
32
|
+
onFocus,
|
|
32
33
|
label,
|
|
33
34
|
calculatedFlags,
|
|
34
35
|
inheritedFlags
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StandardFieldValue.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/StandardFieldValue.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,IAAI,EAAoB,MAAM,MAAM,CAAC;AAG7C,OAAO,EAAC,eAAe,EAA+C,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAC,YAAY,EAAC,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"StandardFieldValue.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/StandardFieldValue.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FunctionComponent } from 'react';
|
|
2
|
-
import { IFormElementProps } from '../../_types';
|
|
3
2
|
import { ICommonFieldsSettings } from '@leav/utils';
|
|
3
|
+
import { IFormElementProps } from '../../_types';
|
|
4
4
|
type TreeFieldProps = IFormElementProps<ICommonFieldsSettings>;
|
|
5
5
|
declare const TreeField: FunctionComponent<TreeFieldProps>;
|
|
6
6
|
export default TreeField;
|
|
@@ -3,41 +3,45 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
3
3
|
// This file is released under LGPL V3
|
|
4
4
|
// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
|
|
5
5
|
import { useEffect, useState } from 'react';
|
|
6
|
-
import { localizedTranslation } from '@leav/utils';
|
|
7
6
|
import styled from 'styled-components';
|
|
7
|
+
import { localizedTranslation } from '@leav/utils';
|
|
8
8
|
import { AntForm, KitButton, KitInputWrapper } from 'aristid-ds';
|
|
9
|
-
import { TREE_FIELD_ID_PREFIX } from '../../../../../constants';
|
|
10
|
-
import { useLang } from '../../../../../hooks';
|
|
11
9
|
import { FaList } from 'react-icons/fa';
|
|
12
|
-
import {
|
|
10
|
+
import { useLang } from '../../../../../hooks';
|
|
11
|
+
import { RecordPermissionsActions } from '../../../../../_gqlTypes';
|
|
12
|
+
import { TREE_FIELD_ID_PREFIX } from '../../../../../constants';
|
|
13
|
+
import { TreeNodeList } from './display-tree-node/TreeNodeList';
|
|
13
14
|
import { useManageTreeNodeSelection } from './manage-tree-node-selection/useManageTreeNodeSelection';
|
|
14
15
|
import { useOutsideInteractionDetector } from '../shared/useOutsideInteractionDetector';
|
|
15
16
|
import { useEditRecordReducer } from '../../../../../components/RecordEdition/editRecordReducer/useEditRecordReducer';
|
|
16
17
|
import { EditRecordReducerActionsTypes } from '../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
|
|
17
18
|
import { computeCalculatedFlags, computeInheritedFlags } from '../shared/calculatedInheritedFlags';
|
|
18
19
|
import { ComputeIndicator } from '../shared/ComputeIndicator';
|
|
19
|
-
const
|
|
20
|
+
const StyledWrapperDiv = styled.div `
|
|
20
21
|
margin-bottom: ${props => (props.$metadataEdit ? 0 : '1.5em')};
|
|
21
22
|
`;
|
|
22
|
-
const
|
|
23
|
+
const KitInputExtraAlignLeftDiv = styled.div `
|
|
23
24
|
margin-right: auto;
|
|
24
25
|
line-height: 12px;
|
|
25
26
|
`;
|
|
26
|
-
const
|
|
27
|
+
const StyledFieldFooterKitButton = styled(KitButton) `
|
|
27
28
|
margin-top: ${props => (props.$hasNoValue ? 0 : 'calc((var(--general-spacing-xs)) * 1px)')};
|
|
28
29
|
`;
|
|
29
|
-
const TreeField = ({ element, readonly,
|
|
30
|
+
const TreeField = ({ element, readonly, isCreationForm, pendingValues, onDeleteMultipleValues, onValueSubmit, onValueDelete, metadataEdit = false }) => {
|
|
30
31
|
const { state, dispatch } = useEditRecordReducer();
|
|
31
32
|
const { lang } = useLang();
|
|
32
33
|
const { settings, attribute, values } = element;
|
|
33
|
-
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
setBackendValues(values || []);
|
|
36
|
+
}, [values]);
|
|
37
|
+
const [backendValues, setBackendValues] = useState([]);
|
|
34
38
|
const [attributePendingValues, setAttributePendingValues] = useState([]);
|
|
35
39
|
const calculatedFlags = computeCalculatedFlags(backendValues);
|
|
36
40
|
const inheritedFlags = computeInheritedFlags(backendValues);
|
|
37
41
|
const label = localizedTranslation(settings.label, lang);
|
|
38
42
|
const form = AntForm.useFormInstance();
|
|
39
43
|
const fieldErrors = form.getFieldError(attribute.id);
|
|
40
|
-
const isReadOnly = attribute.readonly || readonly;
|
|
44
|
+
const isReadOnly = attribute.readonly || !attribute.permissions.edit_value || readonly;
|
|
41
45
|
const isFieldInError = fieldErrors.length > 0;
|
|
42
46
|
useEffect(() => {
|
|
43
47
|
setAttributePendingValues(pendingValues?.[attribute.id]
|
|
@@ -57,11 +61,16 @@ const TreeField = ({ element, readonly, formIdToLoad, pendingValues, onDeleteMul
|
|
|
57
61
|
activeAttribute: state.activeAttribute,
|
|
58
62
|
attributePrefix: TREE_FIELD_ID_PREFIX,
|
|
59
63
|
dispatch,
|
|
60
|
-
|
|
61
|
-
backendValues,
|
|
64
|
+
isCreationForm,
|
|
65
|
+
elementValues: backendValues,
|
|
62
66
|
pendingValues: attributePendingValues,
|
|
63
67
|
allowedSelectors: ['.kit-modal-wrapper']
|
|
64
68
|
});
|
|
69
|
+
const childrenAsRecordValuePermissionFilter = {
|
|
70
|
+
libraryId: state.libraryId,
|
|
71
|
+
attributeId: state.activeAttribute?.attribute?.id,
|
|
72
|
+
action: RecordPermissionsActions.create_record
|
|
73
|
+
};
|
|
65
74
|
const { openModal, removeTreeNode, actionButtonLabel, SelectTreeNodeModal, RemoveAllTreeNodes } = useManageTreeNodeSelection({
|
|
66
75
|
modaleTitle: label,
|
|
67
76
|
attribute,
|
|
@@ -71,14 +80,10 @@ const TreeField = ({ element, readonly, formIdToLoad, pendingValues, onDeleteMul
|
|
|
71
80
|
onValueDelete,
|
|
72
81
|
onDeleteMultipleValues,
|
|
73
82
|
isReadOnly,
|
|
74
|
-
isFieldInError
|
|
75
|
-
|
|
76
|
-
const { TreeNodeList } = useDisplayTreeNode({
|
|
77
|
-
attribute,
|
|
78
|
-
backendValues,
|
|
79
|
-
removeTreeNode
|
|
83
|
+
isFieldInError,
|
|
84
|
+
childrenAsRecordValuePermissionFilter
|
|
80
85
|
});
|
|
81
|
-
return (_jsx(
|
|
86
|
+
return (_jsx(StyledWrapperDiv, { "$metadataEdit": metadataEdit, children: _jsx(AntForm.Item, { name: attribute.id, noStyle: true, children: _jsxs(KitInputWrapper, { id: TREE_FIELD_ID_PREFIX + attribute.id, "data-testid": "tree-field", label: label, required: attribute.required, bordered: true, disabled: isReadOnly, status: isFieldInError ? 'error' : undefined, helper: isFieldInError ? String(fieldErrors[0]) : undefined, extra: _jsxs(_Fragment, { children: [_jsx(KitInputExtraAlignLeftDiv, { children: _jsx(ComputeIndicator, { calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags }) }), RemoveAllTreeNodes] }), children: [_jsx(TreeNodeList, { attribute: attribute, backendValues: backendValues, removeTreeNode: removeTreeNode, isReadOnly: isReadOnly }), _jsx(StyledFieldFooterKitButton, { disabled: isReadOnly, icon: _jsx(FaList, {}), onClick: openModal, size: "m", "$hasNoValue": !backendValues?.length, children: actionButtonLabel }), SelectTreeNodeModal] }) }) }));
|
|
82
87
|
};
|
|
83
88
|
export default TreeField;
|
|
84
89
|
//# sourceMappingURL=TreeField.js.map
|
package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/TreeField.js.map
CHANGED
|
@@ -1 +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,EAAoB,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TreeField.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/TreeField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ interface IUseTreeNodeItemProps {
|
|
|
5
5
|
ancestors?: RecordFormElementsValueTreeValue['treeValue']['ancestors'];
|
|
6
6
|
canDelete?: boolean;
|
|
7
7
|
onClickToDelete?: (node: RecordFormElementsValueTreeValue) => void;
|
|
8
|
+
isReadOnly?: boolean;
|
|
8
9
|
}
|
|
9
|
-
declare const TreeNodeItem: ({ color, label, ancestors, canDelete, onClickToDelete }: IUseTreeNodeItemProps) => JSX.Element;
|
|
10
|
+
declare const TreeNodeItem: ({ color, label, ancestors, canDelete, onClickToDelete, isReadOnly }: IUseTreeNodeItemProps) => JSX.Element;
|
|
10
11
|
export default TreeNodeItem;
|
|
@@ -31,9 +31,9 @@ const KitBreadcrumbStyled = styled(KitBreadcrumb) `
|
|
|
31
31
|
`;
|
|
32
32
|
const BREADCRUMB_SEPARATOR = '>';
|
|
33
33
|
const NOT_FOCUSABLE = -1;
|
|
34
|
-
const TreeNodeItem = ({ color, label, ancestors, canDelete, onClickToDelete }) => {
|
|
34
|
+
const TreeNodeItem = ({ color, label, ancestors, canDelete, onClickToDelete, isReadOnly }) => {
|
|
35
35
|
const { t } = useSharedTranslation();
|
|
36
|
-
return (_jsx(KitItemListStyled, { tabIndex: NOT_FOCUSABLE, idCardSubstitute: _jsxs(KitSpace, { direction: "horizontal", children: [_jsx(KitAvatar, { color: color, label: label, shape: "square" }), _jsxs(KitSpace, { direction: "vertical", size: "none", children: [_jsx(KitIdCard, { title: label }), _jsx(KitBreadcrumbStyled, { items: ancestors?.map(ancestor => ({
|
|
36
|
+
return (_jsx(KitItemListStyled, { tabIndex: NOT_FOCUSABLE, disabled: isReadOnly, idCardSubstitute: _jsxs(KitSpace, { direction: "horizontal", children: [_jsx(KitAvatar, { color: color, label: label, shape: "square" }), _jsxs(KitSpace, { direction: "vertical", size: "none", children: [_jsx(KitIdCard, { title: label }), _jsx(KitBreadcrumbStyled, { items: ancestors?.map(ancestor => ({
|
|
37
37
|
title: ancestor.record.whoAmI.label
|
|
38
38
|
})), separator: BREADCRUMB_SEPARATOR })] })] }), actions: canDelete
|
|
39
39
|
? [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeNodeItem.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeItem.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AACtF,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AACvC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;;;;;;;CAO5C,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;;;;;;;;;;;;;;;;;CAiBhD,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAEjC,MAAM,aAAa,GAAG,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"TreeNodeItem.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeItem.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AACtF,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AACvC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;;;;;;;CAO5C,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;;;;;;;;;;;;;;;;;CAiBhD,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAEjC,MAAM,aAAa,GAAG,CAAC,CAAC,CAAC;AAWzB,MAAM,YAAY,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAwB,EAAE,EAAE;IAC9G,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,OAAO,CACH,KAAC,iBAAiB,IACd,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,UAAU,EACpB,gBAAgB,EACZ,MAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,aAC5B,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,QAAQ,GAAG,EACxD,MAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,aACtC,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,EAC3B,KAAC,mBAAmB,IAChB,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;gCAC/B,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK;6BACtC,CAAC,CAAC,EACH,SAAS,EAAE,oBAAoB,GACjC,IACK,IACJ,EAEf,OAAO,EACH,SAAS;YACL,CAAC,CAAC;gBACI;oBACI,GAAG,EAAE,QAAQ;oBACb,IAAI,EAAE,KAAC,OAAO,KAAG;oBACjB,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;oBACzB,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;oBACzB,OAAO,EAAE,eAAe;iBAC3B;aACJ;YACH,CAAC,CAAC,SAAS,GAErB,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
+
import { type FunctionComponent } from 'react';
|
|
1
2
|
import { RecordFormElementsValueTreeValue } from '../../../../../../hooks/useGetRecordForm';
|
|
2
3
|
import { RecordFormAttributeTreeAttributeFragment } from '../../../../../../_gqlTypes';
|
|
3
|
-
interface
|
|
4
|
+
interface IDisplayTreeNodeProps {
|
|
4
5
|
attribute: RecordFormAttributeTreeAttributeFragment;
|
|
5
6
|
backendValues: RecordFormElementsValueTreeValue[];
|
|
6
7
|
removeTreeNode: (nodeValue: RecordFormElementsValueTreeValue) => void;
|
|
8
|
+
isReadOnly: boolean;
|
|
7
9
|
}
|
|
8
|
-
export declare const
|
|
9
|
-
TreeNodeList: JSX.Element;
|
|
10
|
-
};
|
|
10
|
+
export declare const TreeNodeList: FunctionComponent<IDisplayTreeNodeProps>;
|
|
11
11
|
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import TreeNodeItem from './TreeNodeItem';
|
|
3
|
+
import { TreeFieldWrapper } from './TreeFieldWrapper';
|
|
4
|
+
export const TreeNodeList = ({ attribute, backendValues, removeTreeNode, isReadOnly }) => (_jsx(TreeFieldWrapper, { children: backendValues.map((value, index) => (_jsx(TreeNodeItem, { isReadOnly: isReadOnly, color: value.treeValue.record.whoAmI.color, label: value.treeValue.record.whoAmI.label, ancestors: value.treeValue.ancestors, canDelete: (attribute.required && attribute.multiple_values && backendValues.length > 1) || !attribute.required, onClickToDelete: () => removeTreeNode(value) }, index))) }));
|
|
5
|
+
//# sourceMappingURL=TreeNodeList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TreeNodeList.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeList.tsx"],"names":[],"mappings":";AAMA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AASpD,MAAM,CAAC,MAAM,YAAY,GAA6C,CAAC,EACnE,SAAS,EACT,aAAa,EACb,cAAc,EACd,UAAU,EACb,EAAE,EAAE,CAAC,CACF,KAAC,gBAAgB,cACZ,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,KAAC,YAAY,IAET,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAC1C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAC1C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,EACpC,SAAS,EACL,CAAC,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,eAAe,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAExG,eAAe,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,IARvC,KAAK,CASZ,CACL,CAAC,GACa,CACtB,CAAC"}
|
|
@@ -1,14 +1,26 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FunctionComponent } from 'react';
|
|
2
|
+
import { ChildrenAsRecordValuePermissionFilterInput, RecordFormAttributeTreeAttributeFragment } from '../../../../../../_gqlTypes';
|
|
2
3
|
import { RecordFormElementsValueTreeValue } from '../../../../../../hooks/useGetRecordForm';
|
|
3
4
|
import { ITreeNodeWithRecord } from '../../../../../../types';
|
|
4
|
-
|
|
5
|
+
type SelectTreeNodeModalBackendValue = RecordFormElementsValueTreeValue | {
|
|
6
|
+
treeValue: {
|
|
7
|
+
id: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
type SelectTreeNodeModalAttribute = RecordFormAttributeTreeAttributeFragment | {
|
|
11
|
+
multiple_values: boolean;
|
|
12
|
+
linked_tree: {
|
|
13
|
+
id: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
5
16
|
interface ISelectTreeNodeModalProps {
|
|
6
17
|
title: string;
|
|
7
18
|
open: boolean;
|
|
8
|
-
attribute:
|
|
9
|
-
backendValues:
|
|
19
|
+
attribute: SelectTreeNodeModalAttribute;
|
|
20
|
+
backendValues: SelectTreeNodeModalBackendValue[];
|
|
10
21
|
onConfirm: (selectedNodes: ITreeNodeWithRecord[]) => void;
|
|
11
22
|
onClose: () => void;
|
|
23
|
+
childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;
|
|
12
24
|
className?: string;
|
|
13
25
|
}
|
|
14
26
|
export declare const SelectTreeNodeModal: FunctionComponent<ISelectTreeNodeModalProps>;
|
|
@@ -2,21 +2,23 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
2
2
|
// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
|
|
3
3
|
// This file is released under LGPL V3
|
|
4
4
|
// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
|
|
5
|
+
import { useState } from 'react';
|
|
6
|
+
import { FaCheck } from 'react-icons/fa';
|
|
5
7
|
import { faXmark } from '@fortawesome/free-solid-svg-icons';
|
|
6
8
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
9
|
+
import { KitButton, KitModal } from 'aristid-ds';
|
|
7
10
|
import { SelectTreeNode } from '../../../../../../components/SelectTreeNode';
|
|
8
11
|
import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
|
|
9
|
-
import { KitButton, KitModal } from 'aristid-ds';
|
|
10
|
-
import { useState } from 'react';
|
|
11
|
-
import { FaCheck } from 'react-icons/fa';
|
|
12
12
|
const SELECT_TREE_NODE_MODAL_HEIGHT = '563px';
|
|
13
13
|
const SELECT_TREE_NODE_MODAL_WIDTH = '656px';
|
|
14
|
-
export const SelectTreeNodeModal = ({ title, open, attribute, backendValues, onConfirm, onClose, className }) => {
|
|
14
|
+
export const SelectTreeNodeModal = ({ title, open, attribute, backendValues, onConfirm, onClose, childrenAsRecordValuePermissionFilter, className }) => {
|
|
15
15
|
const { t } = useSharedTranslation();
|
|
16
16
|
const [selectedNodes, setSelectedNode] = useState([]);
|
|
17
|
+
const [isMonoValueToReplace, setIsMonoValueToReplace] = useState(false);
|
|
17
18
|
const _handleOnSelect = (node, selected) => {
|
|
18
19
|
if (!attribute.multiple_values) {
|
|
19
20
|
setSelectedNode(selected ? [node] : []);
|
|
21
|
+
setIsMonoValueToReplace(true);
|
|
20
22
|
return;
|
|
21
23
|
}
|
|
22
24
|
if (selected) {
|
|
@@ -26,19 +28,16 @@ export const SelectTreeNodeModal = ({ title, open, attribute, backendValues, onC
|
|
|
26
28
|
setSelectedNode(selectedNodes.filter(selectedValue => selectedValue.id !== node.id));
|
|
27
29
|
}
|
|
28
30
|
};
|
|
29
|
-
const _handleOnCheck = (selection) => {
|
|
30
|
-
setSelectedNode(selection.map(node => node).filter(node => !node?.disabled));
|
|
31
|
-
};
|
|
32
31
|
const _handleOnConfirm = () => {
|
|
33
32
|
onConfirm(selectedNodes);
|
|
34
33
|
onClose();
|
|
35
34
|
};
|
|
36
|
-
return (_jsx(KitModal, { className: className, width: SELECT_TREE_NODE_MODAL_WIDTH, height: SELECT_TREE_NODE_MODAL_HEIGHT, title: title, isOpen: open, close: onClose, footer: _jsxs(_Fragment, { children: [_jsx(KitButton, { icon:
|
|
35
|
+
return (_jsx(KitModal, { className: className, showCloseIcon: true, width: SELECT_TREE_NODE_MODAL_WIDTH, height: SELECT_TREE_NODE_MODAL_HEIGHT, title: title, isOpen: open, close: onClose, footer: _jsxs(_Fragment, { children: [_jsx(KitButton, { icon:
|
|
37
36
|
// We can't used react-icons here because it's doesn't have the faXmark icon
|
|
38
|
-
_jsx(FontAwesomeIcon, { icon: faXmark }), onClick: onClose, children: t('global.close') }), _jsx(KitButton, { type: "primary", icon: _jsx(FaCheck, {}), onClick: _handleOnConfirm, children: t('global.confirm') })] }),
|
|
39
|
-
|
|
40
|
-
...selectedNodes.map(node => node.id)
|
|
41
|
-
|
|
42
|
-
:
|
|
37
|
+
_jsx(FontAwesomeIcon, { icon: faXmark }), onClick: onClose, children: t('global.close') }), _jsx(KitButton, { type: "primary", icon: _jsx(FaCheck, {}), onClick: _handleOnConfirm, children: t('global.confirm') })] }), children: _jsx(SelectTreeNode, { treeId: attribute.linked_tree.id, multiple // We want to be able to set as selected in the tree components, the nodes that are already selected and the disabled nodes
|
|
38
|
+
: true, selectedNodes: [
|
|
39
|
+
...selectedNodes.map(node => node.id),
|
|
40
|
+
...(isMonoValueToReplace ? [] : backendValues.map(value => value.treeValue.id))
|
|
41
|
+
], childrenAsRecordValuePermissionFilter: childrenAsRecordValuePermissionFilter, disabledNodes: backendValues.map(value => value.treeValue.id).concat(attribute.linked_tree.id), onSelect: _handleOnSelect }) }));
|
|
43
42
|
};
|
|
44
43
|
//# sourceMappingURL=SelectTreeNodeModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectTreeNodeModal.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,
|
|
1
|
+
{"version":3,"file":"SelectTreeNodeModal.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
-
import { RecordFormAttributeTreeAttributeFragment } from '../../../../../../_gqlTypes';
|
|
2
|
+
import { ChildrenAsRecordValuePermissionFilterInput, RecordFormAttributeTreeAttributeFragment } from '../../../../../../_gqlTypes';
|
|
3
3
|
import { RecordFormElementsValueTreeValue } from '../../../../../../hooks/useGetRecordForm';
|
|
4
4
|
import { DeleteMultipleValuesFunc, DeleteValueFunc, SubmitValueFunc } from '../../../_types';
|
|
5
5
|
interface IUseManageTreeNodeSelectionProps {
|
|
@@ -12,8 +12,9 @@ interface IUseManageTreeNodeSelectionProps {
|
|
|
12
12
|
onDeleteMultipleValues: DeleteMultipleValuesFunc;
|
|
13
13
|
isReadOnly: boolean;
|
|
14
14
|
isFieldInError: boolean;
|
|
15
|
+
childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;
|
|
15
16
|
}
|
|
16
|
-
export declare const useManageTreeNodeSelection: ({ modaleTitle, attribute, backendValues, setBackendValues, onValueSubmit, onValueDelete, onDeleteMultipleValues, isReadOnly, isFieldInError }: IUseManageTreeNodeSelectionProps) => {
|
|
17
|
+
export declare const useManageTreeNodeSelection: ({ modaleTitle, attribute, backendValues, setBackendValues, onValueSubmit, onValueDelete, onDeleteMultipleValues, isReadOnly, isFieldInError, childrenAsRecordValuePermissionFilter }: IUseManageTreeNodeSelectionProps) => {
|
|
17
18
|
openModal: () => void;
|
|
18
19
|
removeTreeNode: (nodeValue: RecordFormElementsValueTreeValue, skipAfterRemove?: boolean) => Promise<void>;
|
|
19
20
|
actionButtonLabel: string;
|
|
@@ -3,19 +3,19 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
3
3
|
// This file is released under LGPL V3
|
|
4
4
|
// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
|
|
5
5
|
import { useEffect, useState } from 'react';
|
|
6
|
-
import { SelectTreeNodeModal } from './SelectTreeNodeModal';
|
|
7
|
-
import { APICallStatus } from '../../../_types';
|
|
8
|
-
import { arrayValueVersionToObject } from '../../../../../../_utils';
|
|
9
|
-
import { DeleteAllValuesButton } from '../../shared/DeleteAllValuesButton';
|
|
10
6
|
import { AntForm } from 'aristid-ds';
|
|
7
|
+
import { arrayValueVersionToObject } from '../../../../../../_utils';
|
|
11
8
|
import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
|
|
12
|
-
|
|
9
|
+
import { APICallStatus } from '../../../_types';
|
|
10
|
+
import { DeleteAllValuesButton } from '../../shared/DeleteAllValuesButton';
|
|
11
|
+
import { SelectTreeNodeModal } from './SelectTreeNodeModal';
|
|
12
|
+
export const useManageTreeNodeSelection = ({ modaleTitle, attribute, backendValues, setBackendValues, onValueSubmit, onValueDelete, onDeleteMultipleValues, isReadOnly, isFieldInError, childrenAsRecordValuePermissionFilter }) => {
|
|
13
13
|
const { t } = useSharedTranslation();
|
|
14
14
|
const form = AntForm.useFormInstance();
|
|
15
|
-
const [
|
|
15
|
+
const [isModalHidden, setIsModalHidden] = useState(true);
|
|
16
16
|
useEffect(() => {
|
|
17
17
|
if (backendValues.length === 0 && attribute.required) {
|
|
18
|
-
// Set field in error when TreeField is displayed for the first time. Otherwise, errors will be handled by other functions in this file.
|
|
18
|
+
// Set the field in error when TreeField is displayed for the first time. Otherwise, errors will be handled by other functions in this file.
|
|
19
19
|
form.setFields([
|
|
20
20
|
{
|
|
21
21
|
name: attribute.id,
|
|
@@ -24,24 +24,17 @@ export const useManageTreeNodeSelection = ({ modaleTitle, attribute, backendValu
|
|
|
24
24
|
]);
|
|
25
25
|
}
|
|
26
26
|
}, []);
|
|
27
|
-
const
|
|
28
|
-
|
|
27
|
+
const _closeModal = () => {
|
|
28
|
+
setIsModalHidden(true);
|
|
29
29
|
};
|
|
30
|
-
const
|
|
31
|
-
setIsModalVisible(false);
|
|
32
|
-
};
|
|
33
|
-
const addTreeNodes = async (selectedNodes) => {
|
|
30
|
+
const _addTreeNodes = async (selectedNodes) => {
|
|
34
31
|
const valuesToSave = selectedNodes.map(node => ({
|
|
35
32
|
attribute,
|
|
36
|
-
idValue: null,
|
|
33
|
+
idValue: !attribute.multiple_values && backendValues.length > 0 ? backendValues[0].id_value : null,
|
|
37
34
|
value: node
|
|
38
35
|
}));
|
|
39
36
|
// When we will handle computed values, we will need to passe the active version (if still needed)
|
|
40
37
|
const result = await onValueSubmit(valuesToSave, null);
|
|
41
|
-
if (!attribute.multiple_values && backendValues.length > 0) {
|
|
42
|
-
// As we can't replace a single value, we need to remove the previous one
|
|
43
|
-
await removeTreeNode(backendValues[0], true);
|
|
44
|
-
}
|
|
45
38
|
if (result.status === APICallStatus.SUCCESS) {
|
|
46
39
|
const formattedValues = result.values.map(value => ({
|
|
47
40
|
...value,
|
|
@@ -80,32 +73,7 @@ export const useManageTreeNodeSelection = ({ modaleTitle, attribute, backendValu
|
|
|
80
73
|
]);
|
|
81
74
|
}
|
|
82
75
|
};
|
|
83
|
-
const
|
|
84
|
-
const result = await onValueDelete({ id_value: nodeValue.id_value }, attribute.id);
|
|
85
|
-
if (skipAfterRemove) {
|
|
86
|
-
return;
|
|
87
|
-
}
|
|
88
|
-
if (result.status === APICallStatus.SUCCESS) {
|
|
89
|
-
const newBackendValues = backendValues.filter(value => value.id_value !== nodeValue.id_value);
|
|
90
|
-
form.setFieldValue(attribute.id, newBackendValues.map(({ treeValue }) => treeValue.id));
|
|
91
|
-
form.setFields([
|
|
92
|
-
{
|
|
93
|
-
name: attribute.id,
|
|
94
|
-
errors: attribute.required && newBackendValues.length === 0 ? [t('errors.standard_field_required')] : []
|
|
95
|
-
}
|
|
96
|
-
]);
|
|
97
|
-
setBackendValues(newBackendValues);
|
|
98
|
-
}
|
|
99
|
-
if (result.status === APICallStatus.ERROR) {
|
|
100
|
-
form.setFields([
|
|
101
|
-
{
|
|
102
|
-
name: attribute.id,
|
|
103
|
-
errors: [t('error.error_occurred')]
|
|
104
|
-
}
|
|
105
|
-
]);
|
|
106
|
-
}
|
|
107
|
-
};
|
|
108
|
-
const removeAllTreeNodes = async () => {
|
|
76
|
+
const _removeAllTreeNodes = async () => {
|
|
109
77
|
// When we will handle computed values, we will need to passe the active version (if still needed)
|
|
110
78
|
const result = await onDeleteMultipleValues(attribute.id, backendValues, null);
|
|
111
79
|
if (result.status === APICallStatus.SUCCESS) {
|
|
@@ -128,18 +96,41 @@ export const useManageTreeNodeSelection = ({ modaleTitle, attribute, backendValu
|
|
|
128
96
|
]);
|
|
129
97
|
}
|
|
130
98
|
};
|
|
131
|
-
const
|
|
132
|
-
if (!attribute.multiple_values && backendValues.length > 0) {
|
|
133
|
-
return `${t('global.replace')} ${modaleTitle}`;
|
|
134
|
-
}
|
|
135
|
-
return `${t('global.add')} ${modaleTitle}`;
|
|
136
|
-
};
|
|
99
|
+
const label = `${t(!attribute.multiple_values && backendValues.length > 0 ? 'global.replace' : 'global.add')} ${modaleTitle}`;
|
|
137
100
|
return {
|
|
138
|
-
openModal
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
101
|
+
openModal: () => {
|
|
102
|
+
setIsModalHidden(false);
|
|
103
|
+
},
|
|
104
|
+
removeTreeNode: async (nodeValue, skipAfterRemove = false) => {
|
|
105
|
+
const result = await onValueDelete({ id_value: nodeValue.id_value }, attribute.id);
|
|
106
|
+
if (skipAfterRemove) {
|
|
107
|
+
return;
|
|
108
|
+
}
|
|
109
|
+
if (result.status === APICallStatus.SUCCESS) {
|
|
110
|
+
const newBackendValues = backendValues.filter(value => value.id_value !== nodeValue.id_value);
|
|
111
|
+
form.setFieldValue(attribute.id, newBackendValues.map(({ treeValue }) => treeValue.id));
|
|
112
|
+
form.setFields([
|
|
113
|
+
{
|
|
114
|
+
name: attribute.id,
|
|
115
|
+
errors: attribute.required && newBackendValues.length === 0
|
|
116
|
+
? [t('errors.standard_field_required')]
|
|
117
|
+
: []
|
|
118
|
+
}
|
|
119
|
+
]);
|
|
120
|
+
setBackendValues(newBackendValues);
|
|
121
|
+
}
|
|
122
|
+
if (result.status === APICallStatus.ERROR) {
|
|
123
|
+
form.setFields([
|
|
124
|
+
{
|
|
125
|
+
name: attribute.id,
|
|
126
|
+
errors: [t('error.error_occurred')]
|
|
127
|
+
}
|
|
128
|
+
]);
|
|
129
|
+
}
|
|
130
|
+
},
|
|
131
|
+
actionButtonLabel: label,
|
|
132
|
+
SelectTreeNodeModal: isModalHidden ? null : (_jsx(SelectTreeNodeModal, { open: true, title: label, attribute: attribute, backendValues: backendValues, onConfirm: _addTreeNodes, onClose: _closeModal, childrenAsRecordValuePermissionFilter: childrenAsRecordValuePermissionFilter })),
|
|
133
|
+
RemoveAllTreeNodes: backendValues.length > 1 && attribute.multiple_values && !attribute.required ? (_jsx(DeleteAllValuesButton, { handleDelete: _removeAllTreeNodes, disabled: isReadOnly, danger: isFieldInError })) : null
|
|
143
134
|
};
|
|
144
135
|
};
|
|
145
136
|
//# sourceMappingURL=useManageTreeNodeSelection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useManageTreeNodeSelection.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/useManageTreeNodeSelection.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,
|
|
1
|
+
{"version":3,"file":"useManageTreeNodeSelection.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/useManageTreeNodeSelection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const computeInheritedFlags = (fieldValues) => {
|
|
2
|
-
const inheritedValue = fieldValues
|
|
3
|
-
const overrideValue = fieldValues
|
|
2
|
+
const inheritedValue = fieldValues?.find(fieldValue => fieldValue.isInherited);
|
|
3
|
+
const overrideValue = fieldValues?.find(fieldValue => !fieldValue.isInherited && !fieldValue.isCalculated);
|
|
4
4
|
if (inheritedValue === undefined) {
|
|
5
5
|
return {
|
|
6
6
|
inheritedValue: null,
|
|
@@ -26,8 +26,8 @@ export const computeInheritedFlags = (fieldValues) => {
|
|
|
26
26
|
};
|
|
27
27
|
};
|
|
28
28
|
export const computeCalculatedFlags = (fieldValues) => {
|
|
29
|
-
const calculatedValue = fieldValues
|
|
30
|
-
const overrideValue = fieldValues
|
|
29
|
+
const calculatedValue = fieldValues?.find(fieldValue => fieldValue.isCalculated !== null && fieldValue.isCalculated !== undefined);
|
|
30
|
+
const overrideValue = fieldValues?.find(fieldValue => (fieldValue.isCalculated === null || fieldValue.isCalculated === undefined) &&
|
|
31
31
|
(fieldValue.isInherited === null || fieldValue.isInherited === undefined));
|
|
32
32
|
if (calculatedValue === undefined) {
|
|
33
33
|
return {
|
|
@@ -1 +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,
|
|
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,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAC/E,MAAM,aAAa,GAAG,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,WAAW,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAE3G,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,EAAE,IAAI,CACrC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,YAAY,KAAK,IAAI,IAAI,UAAU,CAAC,YAAY,KAAK,SAAS,CAC1F,CAAC;IACF,MAAM,aAAa,GAAG,WAAW,EAAE,IAAI,CACnC,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"}
|
|
@@ -7,11 +7,11 @@ interface IUseOutsideInteractionDetectorProps {
|
|
|
7
7
|
attribute: RecordFormElementFragment['attribute'];
|
|
8
8
|
activeAttribute: IRecordPropertyWithAttribute | null;
|
|
9
9
|
dispatch: Dispatch<IEditRecordReducerActions>;
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
isCreationForm: boolean;
|
|
11
|
+
elementValues: RecordFormElementsValue[];
|
|
12
12
|
pendingValues: RecordFormElementsValue[];
|
|
13
13
|
allowedSelectors?: string[];
|
|
14
14
|
attributePrefix?: typeof LINK_FIELD_ID_PREFIX | typeof STANDARD_FIELD_ID_PREFIX | typeof TREE_FIELD_ID_PREFIX;
|
|
15
15
|
}
|
|
16
|
-
export declare const useOutsideInteractionDetector: ({ attribute, activeAttribute, attributePrefix, dispatch,
|
|
16
|
+
export declare const useOutsideInteractionDetector: ({ attribute, activeAttribute, attributePrefix, dispatch, isCreationForm, elementValues, pendingValues, allowedSelectors }: IUseOutsideInteractionDetectorProps) => void;
|
|
17
17
|
export {};
|