@leav/ui 0.4.0-ea3c9e4 → 0.4.0-eccd77a
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/dist/components/CreateDirectory/CreateDirectory.js +1 -1
- package/dist/components/CreateDirectory/CreateDirectory.js.map +1 -1
- package/dist/components/ErrorBoundary/ErrorBoundaryContent/ErrorBoundaryContent.d.ts +2 -2
- package/dist/components/ErrorBoundary/ErrorBoundaryContent/ErrorBoundaryContent.js +4 -3
- package/dist/components/ErrorBoundary/ErrorBoundaryContent/ErrorBoundaryContent.js.map +1 -1
- package/dist/components/Explorer/DataView.js +16 -3
- package/dist/components/Explorer/DataView.js.map +1 -1
- package/dist/components/Explorer/Explorer.d.ts +1 -0
- package/dist/components/Explorer/Explorer.js +4 -2
- package/dist/components/Explorer/Explorer.js.map +1 -1
- package/dist/components/Explorer/TableTagGroup.d.ts +0 -1
- package/dist/components/Explorer/TableTagGroup.js +3 -16
- package/dist/components/Explorer/TableTagGroup.js.map +1 -1
- package/dist/components/Explorer/actions-item/useReplaceItemAction.js +1 -1
- package/dist/components/Explorer/actions-item/useReplaceItemAction.js.map +1 -1
- package/dist/components/Explorer/actions-mass/useDeleteLinkValues.js +3 -3
- package/dist/components/Explorer/actions-mass/useDeleteLinkValues.js.map +1 -1
- package/dist/components/Explorer/actions-primary/useLinkPrimaryAction.d.ts +4 -2
- package/dist/components/Explorer/actions-primary/useLinkPrimaryAction.js +19 -3
- package/dist/components/Explorer/actions-primary/useLinkPrimaryAction.js.map +1 -1
- package/dist/components/Explorer/manage-view-settings/store-view-settings/viewSettingsInitialState.js +1 -1
- package/dist/components/Explorer/manage-view-settings/store-view-settings/viewSettingsInitialState.js.map +1 -1
- package/dist/components/Explorer/useColumnWidth.js +2 -1
- package/dist/components/Explorer/useColumnWidth.js.map +1 -1
- package/dist/components/Explorer/useViewSettingsReducer.d.ts +1 -1
- package/dist/components/Explorer/useViewSettingsReducer.js +30 -16
- package/dist/components/Explorer/useViewSettingsReducer.js.map +1 -1
- package/dist/components/LibraryItemsList/LibraryItemsListTable/Cell/typeGuards.d.ts +4 -0
- package/dist/components/LibraryItemsList/LibraryItemsListTable/Cell/typeGuards.js +4 -1
- package/dist/components/LibraryItemsList/LibraryItemsListTable/Cell/typeGuards.js.map +1 -1
- package/dist/components/RecordEdition/EditRecord/EditRecord.d.ts +1 -0
- package/dist/components/RecordEdition/EditRecord/EditRecord.js +2 -2
- package/dist/components/RecordEdition/EditRecord/EditRecord.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/EditRecordContent.d.ts +1 -0
- package/dist/components/RecordEdition/EditRecordContent/EditRecordContent.js +2 -2
- package/dist/components/RecordEdition/EditRecordContent/EditRecordContent.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/formConstants.d.ts +1 -0
- package/dist/components/RecordEdition/EditRecordContent/formConstants.js +1 -0
- package/dist/components/RecordEdition/EditRecordContent/formConstants.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/action-primary/useRecordSelector.d.ts +2 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/action-primary/useRecordSelector.js +2 -2
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/action-primary/useRecordSelector.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-creation/useLinkRecordsInCreation.js +3 -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/useLinkRecords.js +4 -4
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-edition/useLinkRecords.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-edition/useLinkRecordsInEdition.js +2 -5
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-edition/useLinkRecordsInEdition.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/ExplorerWrapper.js +3 -2
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/ExplorerWrapper.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardField.js +2 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardField.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/TreeField.d.ts +4 -2
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/TreeField.js +67 -215
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/TreeField.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeFieldWrapper.d.ts +265 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeFieldWrapper.js +13 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeFieldWrapper.js.map +1 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeItem.d.ts +10 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeItem.js +51 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeItem.js.map +1 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/useDisplayTreeNode.d.ts +11 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/useDisplayTreeNode.js +8 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/useDisplayTreeNode.js.map +1 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.d.ts +15 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.js +44 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.js.map +1 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/useManageTreeNodeSelection.d.ts +23 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/useManageTreeNodeSelection.js +145 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/useManageTreeNodeSelection.js.map +1 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/useOutsideInteractionDetector.d.ts +2 -2
- package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/useOutsideInteractionDetector.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordModal/EditRecordModal.js +55 -50
- package/dist/components/RecordEdition/EditRecordModal/EditRecordModal.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordPage/EditRecordPage.d.ts +2 -1
- package/dist/components/RecordEdition/EditRecordPage/EditRecordPage.js +6 -3
- package/dist/components/RecordEdition/EditRecordPage/EditRecordPage.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordSidebar/EditRecordSidebar.js +6 -1
- package/dist/components/RecordEdition/EditRecordSidebar/EditRecordSidebar.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordSidebar/ValuesSummary/ValuesSummary.js +3 -0
- package/dist/components/RecordEdition/EditRecordSidebar/ValuesSummary/ValuesSummary.js.map +1 -1
- package/dist/components/RecordEdition/editRecordReducer/editRecordReducer.d.ts +2 -2
- package/dist/components/RecordEdition/editRecordReducer/editRecordReducer.js +22 -3
- package/dist/components/RecordEdition/editRecordReducer/editRecordReducer.js.map +1 -1
- package/dist/components/RecordEdition/hooks/useGetSubmitButtons.d.ts +1 -1
- package/dist/components/RecordEdition/hooks/useGetSubmitButtons.js +3 -3
- package/dist/components/RecordEdition/hooks/useGetSubmitButtons.js.map +1 -1
- package/dist/components/SelectRecordForLinkModal/SelectRecordForLinkModal.js +1 -1
- package/dist/components/SelectRecordForLinkModal/SelectRecordForLinkModal.js.map +1 -1
- package/dist/components/SelectTreeNode/SelectTreeNode.d.ts +3 -1
- package/dist/components/SelectTreeNode/SelectTreeNode.js +4 -4
- package/dist/components/SelectTreeNode/SelectTreeNode.js.map +1 -1
- package/dist/components/SelectTreeNode/SelectTreeNodeContent.d.ts +3 -1
- package/dist/components/SelectTreeNode/SelectTreeNodeContent.js +14 -6
- package/dist/components/SelectTreeNode/SelectTreeNodeContent.js.map +1 -1
- package/dist/components/SelectTreeNode/SelectTreeNodeContentSkeleton.d.ts +2 -0
- package/dist/components/SelectTreeNode/SelectTreeNodeContentSkeleton.js +17 -0
- package/dist/components/SelectTreeNode/SelectTreeNodeContentSkeleton.js.map +1 -0
- package/dist/components/SelectTreeNode/TreeNodeTitle.d.ts +9 -0
- package/dist/components/SelectTreeNode/TreeNodeTitle.js +8 -0
- package/dist/components/SelectTreeNode/TreeNodeTitle.js.map +1 -0
- package/dist/components/SelectTreeNodeModal/SelectTreeNodeModal.js +1 -1
- package/dist/components/SelectTreeNodeModal/SelectTreeNodeModal.js.map +1 -1
- package/dist/components/SimpleErrorBoundary/SimpleErrorBoundaryContent/SimpleErrorBoundaryContent.d.ts +2 -2
- package/dist/components/SimpleErrorBoundary/SimpleErrorBoundaryContent/SimpleErrorBoundaryContent.js +6 -3
- package/dist/components/SimpleErrorBoundary/SimpleErrorBoundaryContent/SimpleErrorBoundaryContent.js.map +1 -1
- package/dist/components/UploadFiles/UploadFiles.js +1 -1
- package/dist/components/UploadFiles/UploadFiles.js.map +1 -1
- package/dist/constants.d.ts +1 -0
- package/dist/constants.js +1 -0
- package/dist/constants.js.map +1 -1
- package/dist/hooks/useAppLang/useAppLang.js.map +1 -1
- package/dist/locales/en/shared.json +2 -0
- package/dist/locales/fr/shared.json +2 -0
- package/dist/types/trees.d.ts +1 -0
- package/package.json +3 -3
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/TreeFieldValue/TreeFieldValue.d.ts +0 -10
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/TreeFieldValue/TreeFieldValue.js +0 -50
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/TreeFieldValue/TreeFieldValue.js.map +0 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/TreeFieldValue/index.d.ts +0 -2
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/TreeFieldValue/index.js +0 -6
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/TreeFieldValue/index.js.map +0 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/ValuesAdd/ValuesAdd.d.ts +0 -9
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/ValuesAdd/ValuesAdd.js +0 -106
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/ValuesAdd/ValuesAdd.js.map +0 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/ValuesAdd/index.d.ts +0 -2
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/ValuesAdd/index.js +0 -6
- package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/ValuesAdd/index.js.map +0 -1
|
@@ -2,231 +2,83 @@ 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 { useEffect, useState } from 'react';
|
|
5
6
|
import { localizedTranslation } from '@leav/utils';
|
|
6
|
-
import { List, Popover, theme } from 'antd';
|
|
7
|
-
import Paragraph from 'antd/lib/typography/Paragraph';
|
|
8
|
-
import { useContext, useEffect, useReducer } from 'react';
|
|
9
7
|
import styled from 'styled-components';
|
|
10
|
-
import {
|
|
11
|
-
import
|
|
12
|
-
import ErrorMessage from '../../../../../components/ErrorMessage';
|
|
13
|
-
import CreationErrorContext from '../../../../../components/RecordEdition/EditRecord/creationErrorContext';
|
|
14
|
-
import { EditRecordReducerActionsTypes } from '../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
|
|
15
|
-
import { useEditRecordReducer } from '../../../../../components/RecordEdition/editRecordReducer/useEditRecordReducer';
|
|
16
|
-
import { useRefreshFieldValues } from '../../../../../hooks/useRefreshFieldValues';
|
|
17
|
-
import { arrayValueVersionToObject } from '../../../../../_utils';
|
|
18
|
-
import getActiveFieldValues from '../../helpers/getActiveFieldValues';
|
|
19
|
-
import { useRecordEditionContext } from '../../hooks/useRecordEditionContext';
|
|
20
|
-
import linkFieldReducer, { computeInitialState, LinkFieldReducerActionsType } from '../../reducers/linkFieldReducer/linkFieldReducer';
|
|
21
|
-
import AddValueBtn from '../../shared/AddValueBtn';
|
|
22
|
-
import DeleteAllValuesBtn from '../../shared/DeleteAllValuesBtn';
|
|
23
|
-
import FieldFooter from '../../shared/FieldFooter';
|
|
24
|
-
import InheritedFieldLabel from '../../shared/InheritedFieldLabel';
|
|
25
|
-
import NoValue from '../../shared/NoValue';
|
|
26
|
-
import UpdatedFieldIcon from '../../shared/UpdatedFieldIcon';
|
|
27
|
-
import ValueDetailsBtn from '../../shared/ValueDetailsBtn';
|
|
28
|
-
import ValuesVersionBtn from '../../shared/ValuesVersionBtn';
|
|
29
|
-
import ValuesVersionIndicator from '../../shared/ValuesVersionIndicator';
|
|
30
|
-
import { APICallStatus, VersionFieldScope } from '../../_types';
|
|
31
|
-
import TreeFieldValue from './TreeFieldValue';
|
|
32
|
-
import ValuesAdd from './ValuesAdd';
|
|
8
|
+
import { AntForm, KitButton, KitInputWrapper } from 'aristid-ds';
|
|
9
|
+
import { TREE_FIELD_ID_PREFIX } from '../../../../../constants';
|
|
33
10
|
import { useLang } from '../../../../../hooks';
|
|
11
|
+
import { FaList } from 'react-icons/fa';
|
|
12
|
+
import { useDisplayTreeNode } from './display-tree-node/useDisplayTreeNode';
|
|
13
|
+
import { useManageTreeNodeSelection } from './manage-tree-node-selection/useManageTreeNodeSelection';
|
|
14
|
+
import { useOutsideInteractionDetector } from '../shared/useOutsideInteractionDetector';
|
|
15
|
+
import { useEditRecordReducer } from '../../../../../components/RecordEdition/editRecordReducer/useEditRecordReducer';
|
|
16
|
+
import { EditRecordReducerActionsTypes } from '../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
|
|
17
|
+
import { computeCalculatedFlags, computeInheritedFlags } from '../shared/calculatedInheritedFlags';
|
|
18
|
+
import { ComputeIndicator } from '../shared/ComputeIndicator';
|
|
34
19
|
const Wrapper = styled.div `
|
|
35
|
-
|
|
36
|
-
border: 1px solid ${themeVars.borderColor};
|
|
37
|
-
margin-bottom: 1.5em;
|
|
38
|
-
border-radius: ${p => p.$themeToken.borderRadius}px;
|
|
39
|
-
background: ${themeVars.defaultBg};
|
|
40
|
-
z-index: ${p => (p.$isValuesAddVisible ? 1 : 'auto')};
|
|
41
|
-
|
|
42
|
-
.ant-list-items {
|
|
43
|
-
max-height: 320px;
|
|
44
|
-
overflow-y: auto;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.ant-list-footer {
|
|
48
|
-
padding: 0;
|
|
49
|
-
border-radius: ${p => p.$themeToken.borderRadius}px;
|
|
50
|
-
}
|
|
20
|
+
margin-bottom: ${props => (props.$metadataEdit ? 0 : '1.5em')};
|
|
51
21
|
`;
|
|
52
|
-
const
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
font-size: 0.9em;
|
|
56
|
-
padding: 0 0.5em;
|
|
57
|
-
color: ${themeVars.secondaryTextColor};
|
|
58
|
-
z-index: 1;
|
|
59
|
-
margin-bottom: 0;
|
|
60
|
-
}
|
|
22
|
+
const KitInputExtraAlignLeft = styled.div `
|
|
23
|
+
margin-right: auto;
|
|
24
|
+
line-height: 12px;
|
|
61
25
|
`;
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
const {
|
|
67
|
-
const
|
|
68
|
-
const
|
|
69
|
-
const [
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
const
|
|
76
|
-
const
|
|
77
|
-
const
|
|
78
|
-
const activeValues = getActiveFieldValues(state);
|
|
79
|
-
const activeVersion = state.values[state.activeScope]?.version;
|
|
80
|
-
const data = activeValues.map(val => ({
|
|
81
|
-
...val,
|
|
82
|
-
key: val.id_value
|
|
83
|
-
}));
|
|
84
|
-
// Cancel value editing if value details panel is closed
|
|
26
|
+
const KitFieldFooterButton = styled(KitButton) `
|
|
27
|
+
margin-top: ${props => (props.$hasNoValue ? 0 : 'calc((var(--general-spacing-xs)) * 1px)')};
|
|
28
|
+
`;
|
|
29
|
+
const TreeField = ({ element, readonly, formIdToLoad, pendingValues, onDeleteMultipleValues, onValueSubmit, onValueDelete, metadataEdit = false }) => {
|
|
30
|
+
const { state, dispatch } = useEditRecordReducer();
|
|
31
|
+
const { lang } = useLang();
|
|
32
|
+
const { settings, attribute, values } = element;
|
|
33
|
+
const [backendValues, setBackendValues] = useState(values);
|
|
34
|
+
const [attributePendingValues, setAttributePendingValues] = useState([]);
|
|
35
|
+
const calculatedFlags = computeCalculatedFlags(backendValues);
|
|
36
|
+
const inheritedFlags = computeInheritedFlags(backendValues);
|
|
37
|
+
const label = localizedTranslation(settings.label, lang);
|
|
38
|
+
const form = AntForm.useFormInstance();
|
|
39
|
+
const fieldErrors = form.getFieldError(attribute.id);
|
|
40
|
+
const isReadOnly = attribute.readonly || readonly;
|
|
41
|
+
const isFieldInError = fieldErrors.length > 0;
|
|
85
42
|
useEffect(() => {
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
}, [
|
|
43
|
+
setAttributePendingValues(pendingValues?.[attribute.id]
|
|
44
|
+
? Object.values(pendingValues?.[attribute.id])
|
|
45
|
+
: []);
|
|
46
|
+
}, [pendingValues, attribute.id]);
|
|
90
47
|
useEffect(() => {
|
|
91
|
-
if (
|
|
92
|
-
dispatch({
|
|
93
|
-
type: LinkFieldReducerActionsType.SET_ERROR_MESSAGE,
|
|
94
|
-
errorMessage: creationErrors[attribute.id].map(err => err.message).join(' ')
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
}, [creationErrors, attribute.id]);
|
|
98
|
-
const renderItem = (value) => {
|
|
99
|
-
const _handleDelete = async () => {
|
|
100
|
-
const deleteRes = await onValueDelete({ id_value: value.id_value }, attribute.id);
|
|
101
|
-
if (deleteRes.status === APICallStatus.SUCCESS) {
|
|
102
|
-
dispatch({
|
|
103
|
-
type: LinkFieldReducerActionsType.DELETE_VALUE,
|
|
104
|
-
idValue: value.id_value
|
|
105
|
-
});
|
|
106
|
-
if (!isInCreationMode) {
|
|
107
|
-
const freshValues = await fetchValues(state.values[state.activeScope].version);
|
|
108
|
-
dispatch({
|
|
109
|
-
type: LinkFieldReducerActionsType.REFRESH_VALUES,
|
|
110
|
-
formVersion: editRecordState.valuesVersion,
|
|
111
|
-
values: freshValues
|
|
112
|
-
});
|
|
113
|
-
}
|
|
114
|
-
return;
|
|
115
|
-
}
|
|
116
|
-
};
|
|
117
|
-
return (_jsxs(_Fragment, { children: [attribute.versions_conf?.versionable && _jsx(ValuesVersionIndicator, { activeScope: state.activeScope }), _jsx(TreeFieldValue, { value: value, attribute: attribute, onDelete: _handleDelete, isReadOnly: isReadOnly })] }));
|
|
118
|
-
};
|
|
119
|
-
const canAddValue = !isReadOnly && (attribute.multiple_values || !activeValues.length);
|
|
120
|
-
const _handleAddValue = () => {
|
|
121
|
-
editRecordDispatch({
|
|
122
|
-
type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
|
|
123
|
-
attribute
|
|
124
|
-
});
|
|
125
|
-
dispatch({
|
|
126
|
-
type: LinkFieldReducerActionsType.SET_IS_VALUES_ADD_VISIBLE,
|
|
127
|
-
isValuesAddVisible: true
|
|
128
|
-
});
|
|
129
|
-
};
|
|
130
|
-
const _handleSubmitSelectTreeNodeModal = async (treeNodes) => {
|
|
131
|
-
const valuesToSave = treeNodes.map(node => ({
|
|
132
|
-
attribute,
|
|
133
|
-
idValue: null,
|
|
134
|
-
value: node
|
|
135
|
-
}));
|
|
136
|
-
const res = await onValueSubmit(valuesToSave, activeVersion);
|
|
137
|
-
if (res.status === APICallStatus.ERROR) {
|
|
138
|
-
dispatch({
|
|
139
|
-
type: LinkFieldReducerActionsType.SET_ERROR_MESSAGE,
|
|
140
|
-
errorMessage: res.error
|
|
141
|
-
});
|
|
142
|
-
}
|
|
143
|
-
else if (res.values) {
|
|
144
|
-
const formattedValues = res.values.map(v => ({
|
|
145
|
-
...v,
|
|
146
|
-
version: arrayValueVersionToObject(v.version),
|
|
147
|
-
metadata: v.metadata?.map(metadata => ({
|
|
148
|
-
...metadata,
|
|
149
|
-
value: {
|
|
150
|
-
...metadata.value,
|
|
151
|
-
version: arrayValueVersionToObject(metadata.value.version ?? [])
|
|
152
|
-
}
|
|
153
|
-
}))
|
|
154
|
-
}));
|
|
155
|
-
dispatch({
|
|
156
|
-
type: LinkFieldReducerActionsType.ADD_VALUES,
|
|
157
|
-
values: formattedValues
|
|
158
|
-
});
|
|
159
|
-
}
|
|
160
|
-
if (res?.errors?.length) {
|
|
161
|
-
const selectedNodesById = treeNodes.reduce((acc, cur) => ({ ...acc, [cur.id]: cur }), {});
|
|
162
|
-
const errorsMessage = res.errors.map(err => {
|
|
163
|
-
const linkedRecordLabel = selectedNodesById[err.input].title || selectedNodesById[err.input].id;
|
|
164
|
-
return `${linkedRecordLabel}: ${err.message}`;
|
|
165
|
-
});
|
|
166
|
-
dispatch({
|
|
167
|
-
type: LinkFieldReducerActionsType.SET_ERROR_MESSAGE,
|
|
168
|
-
errorMessage: errorsMessage
|
|
169
|
-
});
|
|
170
|
-
}
|
|
171
|
-
else {
|
|
172
|
-
dispatch({
|
|
173
|
-
type: LinkFieldReducerActionsType.SET_IS_VALUES_ADD_VISIBLE,
|
|
174
|
-
isValuesAddVisible: false
|
|
175
|
-
});
|
|
176
|
-
}
|
|
177
|
-
};
|
|
178
|
-
const _handleDeleteAllValues = async () => {
|
|
179
|
-
const deleteRes = await onDeleteMultipleValues(attribute.id, activeValues, activeVersion);
|
|
180
|
-
if (deleteRes.status === APICallStatus.SUCCESS) {
|
|
181
|
-
dispatch({
|
|
182
|
-
type: LinkFieldReducerActionsType.DELETE_ALL_VALUES
|
|
183
|
-
});
|
|
184
|
-
if (!isInCreationMode) {
|
|
185
|
-
const freshValues = await fetchValues(state.values[state.activeScope].version);
|
|
186
|
-
dispatch({
|
|
187
|
-
type: LinkFieldReducerActionsType.REFRESH_VALUES,
|
|
188
|
-
formVersion: editRecordState.valuesVersion,
|
|
189
|
-
values: freshValues
|
|
190
|
-
});
|
|
191
|
-
}
|
|
192
|
-
}
|
|
193
|
-
if (deleteRes?.errors?.length) {
|
|
48
|
+
if (state.activeAttribute?.attribute.id === attribute.id) {
|
|
194
49
|
dispatch({
|
|
195
|
-
type:
|
|
196
|
-
|
|
50
|
+
type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
|
|
51
|
+
values: backendValues
|
|
197
52
|
});
|
|
198
53
|
}
|
|
199
|
-
};
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
};
|
|
210
|
-
const
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
};
|
|
221
|
-
const
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
};
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
emptyText: _jsx(NoValue, { canAddValue: canAddValue, onAddValue: _handleAddValue, linkField: true })
|
|
229
|
-
}, footer: ListFooter }), state.isValuesAddVisible && (_jsx(ValuesAdd, { attribute: attribute, onAdd: _handleSubmitSelectTreeNodeModal, onClose: _handleCloseValuesAdd }))] }), state.errorMessage && (_jsx(Popover, { placement: "bottomLeft", open: !!state.errorMessage, content: _jsx(ErrorMessage, { error: state.errorMessage, onClose: _handleCloseError }) }))] }));
|
|
230
|
-
}
|
|
54
|
+
}, [backendValues]);
|
|
55
|
+
useOutsideInteractionDetector({
|
|
56
|
+
attribute,
|
|
57
|
+
activeAttribute: state.activeAttribute,
|
|
58
|
+
attributePrefix: TREE_FIELD_ID_PREFIX,
|
|
59
|
+
dispatch,
|
|
60
|
+
formIdToLoad,
|
|
61
|
+
backendValues,
|
|
62
|
+
pendingValues: attributePendingValues,
|
|
63
|
+
allowedSelectors: ['.kit-modal-wrapper']
|
|
64
|
+
});
|
|
65
|
+
const { openModal, removeTreeNode, actionButtonLabel, SelectTreeNodeModal, RemoveAllTreeNodes } = useManageTreeNodeSelection({
|
|
66
|
+
modaleTitle: label,
|
|
67
|
+
attribute,
|
|
68
|
+
backendValues,
|
|
69
|
+
setBackendValues,
|
|
70
|
+
onValueSubmit,
|
|
71
|
+
onValueDelete,
|
|
72
|
+
onDeleteMultipleValues,
|
|
73
|
+
isReadOnly,
|
|
74
|
+
isFieldInError
|
|
75
|
+
});
|
|
76
|
+
const { TreeNodeList } = useDisplayTreeNode({
|
|
77
|
+
attribute,
|
|
78
|
+
backendValues,
|
|
79
|
+
removeTreeNode
|
|
80
|
+
});
|
|
81
|
+
return (_jsx(Wrapper, { "$metadataEdit": metadataEdit, children: _jsx(AntForm.Item, { name: attribute.id, noStyle: true, children: _jsxs(KitInputWrapper, { id: TREE_FIELD_ID_PREFIX + attribute.id, label: label, required: attribute.required, bordered: true, disabled: isReadOnly, status: isFieldInError ? 'error' : undefined, helper: isFieldInError ? String(fieldErrors[0]) : undefined, extra: _jsxs(_Fragment, { children: [_jsx(KitInputExtraAlignLeft, { children: _jsx(ComputeIndicator, { calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags }) }), RemoveAllTreeNodes] }), children: [TreeNodeList, _jsx(KitFieldFooterButton, { icon: _jsx(FaList, {}), onClick: openModal, size: "m", "$hasNoValue": !backendValues?.length, children: actionButtonLabel }), SelectTreeNodeModal] }) }) }));
|
|
82
|
+
};
|
|
231
83
|
export default TreeField;
|
|
232
84
|
//# 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,
|
|
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;AAE7D,OAAO,EAAwB,oBAAoB,EAAC,MAAM,aAAa,CAAC;AACxE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,OAAO,EAAE,SAAS,EAAE,eAAe,EAAC,MAAM,YAAY,CAAC;AAE/D,OAAO,EAAC,oBAAoB,EAAC,MAAM,eAAe,CAAC;AACnD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,wCAAwC,CAAC;AAC1E,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,OAAO,GAAG,MAAM,CAAC,GAAG,CAA0B;qBAC/B,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;CAChE,CAAC;AAEF,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGxC,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAwB;kBACpD,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,yCAAyC,CAAC;CAC7F,CAAC;AAIF,MAAM,SAAS,GAAsC,CAAC,EAClD,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,YAAY,GAAG,KAAK,EACvB,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,EACT,GAIG,OAAO,CAAC;IAEZ,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAqC,MAAM,CAAC,CAAC;IAC/F,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAqC,EAAE,CAAC,CAAC;IAE7G,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,QAAQ,CAAC;IAClD,MAAM,cAAc,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACX,yBAAyB,CACrB,aAAa,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC;YACzB,CAAC,CAAE,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,CAAmD;YACjG,CAAC,CAAC,EAAE,CACX,CAAC;IACN,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;IAElC,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,YAAY;QACZ,aAAa;QACb,aAAa,EAAE,sBAAsB;QACrC,gBAAgB,EAAE,CAAC,oBAAoB,CAAC;KAC3C,CAAC,CAAC;IAEH,MAAM,EAAC,SAAS,EAAE,cAAc,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,kBAAkB,EAAC,GACzF,0BAA0B,CAAC;QACvB,WAAW,EAAE,KAAK;QAClB,SAAS;QACT,aAAa;QACb,gBAAgB;QAChB,aAAa;QACb,aAAa;QACb,sBAAsB;QACtB,UAAU;QACV,cAAc;KACjB,CAAC,CAAC;IAEP,MAAM,EAAC,YAAY,EAAC,GAAG,kBAAkB,CAAC;QACtC,SAAS;QACT,aAAa;QACb,cAAc;KACjB,CAAC,CAAC;IAEH,OAAO,CACH,KAAC,OAAO,qBAAgB,YAAY,YAChC,KAAC,OAAO,CAAC,IAAI,IAAC,IAAI,EAAE,SAAS,CAAC,EAAE,EAAE,OAAO,kBACrC,MAAC,eAAe,IACZ,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAAC,EAAE,EACvC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAC5B,QAAQ,QACR,QAAQ,EAAE,UAAU,EACpB,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,EAC3D,KAAK,EACD,8BACI,KAAC,sBAAsB,cACnB,KAAC,gBAAgB,IAAC,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,GAAI,GACjE,EACxB,kBAAkB,IACpB,aAGN,YAAY,EACb,KAAC,oBAAoB,IACjB,IAAI,EAAE,KAAC,MAAM,KAAG,EAChB,OAAO,EAAE,SAAS,EAClB,IAAI,EAAC,GAAG,iBACK,CAAC,aAAa,EAAE,MAAM,YAElC,iBAAiB,GACC,EACtB,mBAAmB,IACN,GACP,GACT,CACb,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,265 @@
|
|
|
1
|
+
export declare const TreeFieldWrapper: import("styled-components").IStyledComponent<"web", {
|
|
2
|
+
ref?: import("react").LegacyRef<HTMLDivElement>;
|
|
3
|
+
key?: import("react").Key | null | undefined;
|
|
4
|
+
defaultChecked?: boolean | undefined;
|
|
5
|
+
defaultValue?: string | number | ReadonlyArray<string> | undefined;
|
|
6
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
7
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
8
|
+
accessKey?: string | undefined;
|
|
9
|
+
autoFocus?: boolean | undefined;
|
|
10
|
+
className?: string | undefined;
|
|
11
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
|
|
12
|
+
contextMenu?: string | undefined;
|
|
13
|
+
dir?: string | undefined;
|
|
14
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
15
|
+
hidden?: boolean | undefined;
|
|
16
|
+
id?: string | undefined;
|
|
17
|
+
lang?: string | undefined;
|
|
18
|
+
nonce?: string | undefined;
|
|
19
|
+
placeholder?: string | undefined;
|
|
20
|
+
slot?: string | undefined;
|
|
21
|
+
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
22
|
+
style?: import("react").CSSProperties | undefined;
|
|
23
|
+
tabIndex?: number | undefined;
|
|
24
|
+
title?: string | undefined;
|
|
25
|
+
translate?: "yes" | "no" | undefined;
|
|
26
|
+
radioGroup?: string | undefined;
|
|
27
|
+
role?: import("react").AriaRole | undefined;
|
|
28
|
+
about?: string | undefined;
|
|
29
|
+
content?: string | undefined;
|
|
30
|
+
datatype?: string | undefined;
|
|
31
|
+
inlist?: any;
|
|
32
|
+
prefix?: string | undefined;
|
|
33
|
+
property?: string | undefined;
|
|
34
|
+
rel?: string | undefined;
|
|
35
|
+
resource?: string | undefined;
|
|
36
|
+
rev?: string | undefined;
|
|
37
|
+
typeof?: string | undefined;
|
|
38
|
+
vocab?: string | undefined;
|
|
39
|
+
autoCapitalize?: string | undefined;
|
|
40
|
+
autoCorrect?: string | undefined;
|
|
41
|
+
autoSave?: string | undefined;
|
|
42
|
+
color?: string | undefined;
|
|
43
|
+
itemProp?: string | undefined;
|
|
44
|
+
itemScope?: boolean | undefined;
|
|
45
|
+
itemType?: string | undefined;
|
|
46
|
+
itemID?: string | undefined;
|
|
47
|
+
itemRef?: string | undefined;
|
|
48
|
+
results?: number | undefined;
|
|
49
|
+
security?: string | undefined;
|
|
50
|
+
unselectable?: "on" | "off" | undefined;
|
|
51
|
+
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
52
|
+
is?: string | undefined;
|
|
53
|
+
children?: import("react").ReactNode;
|
|
54
|
+
'aria-activedescendant'?: string | undefined;
|
|
55
|
+
'aria-atomic'?: boolean | "false" | "true" | undefined;
|
|
56
|
+
'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
|
|
57
|
+
'aria-busy'?: boolean | "false" | "true" | undefined;
|
|
58
|
+
'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined;
|
|
59
|
+
'aria-colcount'?: number | undefined;
|
|
60
|
+
'aria-colindex'?: number | undefined;
|
|
61
|
+
'aria-colspan'?: number | undefined;
|
|
62
|
+
'aria-controls'?: string | undefined;
|
|
63
|
+
'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
64
|
+
'aria-describedby'?: string | undefined;
|
|
65
|
+
'aria-details'?: string | undefined;
|
|
66
|
+
'aria-disabled'?: boolean | "false" | "true" | undefined;
|
|
67
|
+
'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
|
|
68
|
+
'aria-errormessage'?: string | undefined;
|
|
69
|
+
'aria-expanded'?: boolean | "false" | "true" | undefined;
|
|
70
|
+
'aria-flowto'?: string | undefined;
|
|
71
|
+
'aria-grabbed'?: boolean | "false" | "true" | undefined;
|
|
72
|
+
'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
|
|
73
|
+
'aria-hidden'?: boolean | "false" | "true" | undefined;
|
|
74
|
+
'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
75
|
+
'aria-keyshortcuts'?: string | undefined;
|
|
76
|
+
'aria-label'?: string | undefined;
|
|
77
|
+
'aria-labelledby'?: string | undefined;
|
|
78
|
+
'aria-level'?: number | undefined;
|
|
79
|
+
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
80
|
+
'aria-modal'?: boolean | "false" | "true" | undefined;
|
|
81
|
+
'aria-multiline'?: boolean | "false" | "true" | undefined;
|
|
82
|
+
'aria-multiselectable'?: boolean | "false" | "true" | undefined;
|
|
83
|
+
'aria-orientation'?: "horizontal" | "vertical" | undefined;
|
|
84
|
+
'aria-owns'?: string | undefined;
|
|
85
|
+
'aria-placeholder'?: string | undefined;
|
|
86
|
+
'aria-posinset'?: number | undefined;
|
|
87
|
+
'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
|
|
88
|
+
'aria-readonly'?: boolean | "false" | "true" | undefined;
|
|
89
|
+
'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
|
|
90
|
+
'aria-required'?: boolean | "false" | "true" | undefined;
|
|
91
|
+
'aria-roledescription'?: string | undefined;
|
|
92
|
+
'aria-rowcount'?: number | undefined;
|
|
93
|
+
'aria-rowindex'?: number | undefined;
|
|
94
|
+
'aria-rowspan'?: number | undefined;
|
|
95
|
+
'aria-selected'?: boolean | "false" | "true" | undefined;
|
|
96
|
+
'aria-setsize'?: number | undefined;
|
|
97
|
+
'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
98
|
+
'aria-valuemax'?: number | undefined;
|
|
99
|
+
'aria-valuemin'?: number | undefined;
|
|
100
|
+
'aria-valuenow'?: number | undefined;
|
|
101
|
+
'aria-valuetext'?: string | undefined;
|
|
102
|
+
dangerouslySetInnerHTML?: {
|
|
103
|
+
__html: string | TrustedHTML;
|
|
104
|
+
} | undefined;
|
|
105
|
+
onCopy?: import("react").ClipboardEventHandler<HTMLDivElement>;
|
|
106
|
+
onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
|
|
107
|
+
onCut?: import("react").ClipboardEventHandler<HTMLDivElement>;
|
|
108
|
+
onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
|
|
109
|
+
onPaste?: import("react").ClipboardEventHandler<HTMLDivElement>;
|
|
110
|
+
onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
|
|
111
|
+
onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement>;
|
|
112
|
+
onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
|
|
113
|
+
onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement>;
|
|
114
|
+
onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
|
|
115
|
+
onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement>;
|
|
116
|
+
onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
|
|
117
|
+
onFocus?: import("react").FocusEventHandler<HTMLDivElement>;
|
|
118
|
+
onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement>;
|
|
119
|
+
onBlur?: import("react").FocusEventHandler<HTMLDivElement>;
|
|
120
|
+
onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement>;
|
|
121
|
+
onChange?: import("react").FormEventHandler<HTMLDivElement>;
|
|
122
|
+
onChangeCapture?: import("react").FormEventHandler<HTMLDivElement>;
|
|
123
|
+
onBeforeInput?: import("react").FormEventHandler<HTMLDivElement>;
|
|
124
|
+
onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement>;
|
|
125
|
+
onInput?: import("react").FormEventHandler<HTMLDivElement>;
|
|
126
|
+
onInputCapture?: import("react").FormEventHandler<HTMLDivElement>;
|
|
127
|
+
onReset?: import("react").FormEventHandler<HTMLDivElement>;
|
|
128
|
+
onResetCapture?: import("react").FormEventHandler<HTMLDivElement>;
|
|
129
|
+
onSubmit?: import("react").FormEventHandler<HTMLDivElement>;
|
|
130
|
+
onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement>;
|
|
131
|
+
onInvalid?: import("react").FormEventHandler<HTMLDivElement>;
|
|
132
|
+
onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement>;
|
|
133
|
+
onLoad?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
134
|
+
onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
135
|
+
onError?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
136
|
+
onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
137
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement>;
|
|
138
|
+
onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
|
|
139
|
+
onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement>;
|
|
140
|
+
onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
|
|
141
|
+
onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement>;
|
|
142
|
+
onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
|
|
143
|
+
onAbort?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
144
|
+
onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
145
|
+
onCanPlay?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
146
|
+
onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
147
|
+
onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
148
|
+
onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
149
|
+
onDurationChange?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
150
|
+
onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
151
|
+
onEmptied?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
152
|
+
onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
153
|
+
onEncrypted?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
154
|
+
onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
155
|
+
onEnded?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
156
|
+
onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
157
|
+
onLoadedData?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
158
|
+
onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
159
|
+
onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
160
|
+
onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
161
|
+
onLoadStart?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
162
|
+
onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
163
|
+
onPause?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
164
|
+
onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
165
|
+
onPlay?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
166
|
+
onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
167
|
+
onPlaying?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
168
|
+
onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
169
|
+
onProgress?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
170
|
+
onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
171
|
+
onRateChange?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
172
|
+
onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
173
|
+
onSeeked?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
174
|
+
onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
175
|
+
onSeeking?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
176
|
+
onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
177
|
+
onStalled?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
178
|
+
onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
179
|
+
onSuspend?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
180
|
+
onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
181
|
+
onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
182
|
+
onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
183
|
+
onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
184
|
+
onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
185
|
+
onWaiting?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
186
|
+
onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
187
|
+
onAuxClick?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
188
|
+
onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
189
|
+
onClick?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
190
|
+
onClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
191
|
+
onContextMenu?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
192
|
+
onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
193
|
+
onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
194
|
+
onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
195
|
+
onDrag?: import("react").DragEventHandler<HTMLDivElement>;
|
|
196
|
+
onDragCapture?: import("react").DragEventHandler<HTMLDivElement>;
|
|
197
|
+
onDragEnd?: import("react").DragEventHandler<HTMLDivElement>;
|
|
198
|
+
onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement>;
|
|
199
|
+
onDragEnter?: import("react").DragEventHandler<HTMLDivElement>;
|
|
200
|
+
onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement>;
|
|
201
|
+
onDragExit?: import("react").DragEventHandler<HTMLDivElement>;
|
|
202
|
+
onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement>;
|
|
203
|
+
onDragLeave?: import("react").DragEventHandler<HTMLDivElement>;
|
|
204
|
+
onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement>;
|
|
205
|
+
onDragOver?: import("react").DragEventHandler<HTMLDivElement>;
|
|
206
|
+
onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement>;
|
|
207
|
+
onDragStart?: import("react").DragEventHandler<HTMLDivElement>;
|
|
208
|
+
onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement>;
|
|
209
|
+
onDrop?: import("react").DragEventHandler<HTMLDivElement>;
|
|
210
|
+
onDropCapture?: import("react").DragEventHandler<HTMLDivElement>;
|
|
211
|
+
onMouseDown?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
212
|
+
onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
213
|
+
onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
214
|
+
onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
215
|
+
onMouseMove?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
216
|
+
onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
217
|
+
onMouseOut?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
218
|
+
onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
219
|
+
onMouseOver?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
220
|
+
onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
221
|
+
onMouseUp?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
222
|
+
onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement>;
|
|
223
|
+
onSelect?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
224
|
+
onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement>;
|
|
225
|
+
onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement>;
|
|
226
|
+
onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement>;
|
|
227
|
+
onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement>;
|
|
228
|
+
onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement>;
|
|
229
|
+
onTouchMove?: import("react").TouchEventHandler<HTMLDivElement>;
|
|
230
|
+
onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement>;
|
|
231
|
+
onTouchStart?: import("react").TouchEventHandler<HTMLDivElement>;
|
|
232
|
+
onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement>;
|
|
233
|
+
onPointerDown?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
234
|
+
onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
235
|
+
onPointerMove?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
236
|
+
onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
237
|
+
onPointerUp?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
238
|
+
onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
239
|
+
onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
240
|
+
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
241
|
+
onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
242
|
+
onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
243
|
+
onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
244
|
+
onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
245
|
+
onPointerOver?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
246
|
+
onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
247
|
+
onPointerOut?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
248
|
+
onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
249
|
+
onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
250
|
+
onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
251
|
+
onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
252
|
+
onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
|
|
253
|
+
onScroll?: import("react").UIEventHandler<HTMLDivElement>;
|
|
254
|
+
onScrollCapture?: import("react").UIEventHandler<HTMLDivElement>;
|
|
255
|
+
onWheel?: import("react").WheelEventHandler<HTMLDivElement>;
|
|
256
|
+
onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement>;
|
|
257
|
+
onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement>;
|
|
258
|
+
onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
|
|
259
|
+
onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement>;
|
|
260
|
+
onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
|
|
261
|
+
onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement>;
|
|
262
|
+
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
|
|
263
|
+
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement>;
|
|
264
|
+
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
|
|
265
|
+
}>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
|
|
2
|
+
// This file is released under LGPL V3
|
|
3
|
+
// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
|
|
4
|
+
import styled from 'styled-components';
|
|
5
|
+
import { INPUT_MAX_HEIGHT } from '../../../formConstants';
|
|
6
|
+
export const TreeFieldWrapper = styled.div `
|
|
7
|
+
max-height: ${INPUT_MAX_HEIGHT};
|
|
8
|
+
overflow-y: scroll;
|
|
9
|
+
display: flex;
|
|
10
|
+
flex-direction: column;
|
|
11
|
+
gap: calc((var(--general-spacing-xxs)) * 1px);
|
|
12
|
+
`;
|
|
13
|
+
//# sourceMappingURL=TreeFieldWrapper.js.map
|