@leav/ui 0.4.0-e83ff35 → 0.4.0-eb76ab9
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/__mocks__/common/form.js +5 -1
- package/dist/__mocks__/common/form.js.map +1 -1
- package/dist/_gqlTypes/index.d.ts +137 -0
- package/dist/_gqlTypes/index.js +85 -0
- package/dist/_gqlTypes/index.js.map +1 -1
- package/dist/_queries/attributes/attributeDetailsFragment.js +1 -0
- package/dist/_queries/attributes/attributeDetailsFragment.js.map +1 -1
- package/dist/_queries/records/activateRecordsMutation.d.ts +1 -0
- package/dist/_queries/records/activateRecordsMutation.js +15 -0
- package/dist/_queries/records/activateRecordsMutation.js.map +1 -0
- package/dist/_queries/records/getRecordFormQuery.js +4 -0
- package/dist/_queries/records/getRecordFormQuery.js.map +1 -1
- package/dist/components/Explorer/DataView.d.ts +2 -1
- package/dist/components/Explorer/DataView.js +13 -10
- package/dist/components/Explorer/DataView.js.map +1 -1
- package/dist/components/Explorer/Explorer.d.ts +3 -4
- package/dist/components/Explorer/Explorer.js +6 -5
- package/dist/components/Explorer/Explorer.js.map +1 -1
- package/dist/components/Explorer/TableCell.js +19 -8
- package/dist/components/Explorer/TableCell.js.map +1 -1
- package/dist/components/Explorer/_queries/useExplorerData.js +5 -1
- package/dist/components/Explorer/_queries/useExplorerData.js.map +1 -1
- package/dist/components/Explorer/_types.d.ts +4 -2
- package/dist/components/Explorer/_types.js.map +1 -1
- package/dist/components/Explorer/actions-item/{useRemoveItemAction.d.ts → useEditStatusItemAction.d.ts} +2 -2
- package/dist/components/Explorer/actions-item/{useRemoveItemAction.js → useEditStatusItemAction.js} +71 -24
- package/dist/components/Explorer/actions-item/useEditStatusItemAction.js.map +1 -0
- package/dist/components/Explorer/actions-primary/useCreatePrimaryAction.js +1 -0
- package/dist/components/Explorer/actions-primary/useCreatePrimaryAction.js.map +1 -1
- package/dist/components/Explorer/useViewSettingsReducer.js +6 -2
- package/dist/components/Explorer/useViewSettingsReducer.js.map +1 -1
- package/dist/components/LibraryItemsList/FiltersPanel/Filter/Filter.utils.js +2 -2
- package/dist/components/LibraryItemsList/FiltersPanel/Filter/Filter.utils.js.map +1 -1
- package/dist/components/LinkSelect/LinkSelect.d.ts +15 -0
- package/dist/components/LinkSelect/LinkSelect.js +88 -0
- package/dist/components/LinkSelect/LinkSelect.js.map +1 -0
- package/dist/components/LinkSelect/index.d.ts +2 -0
- package/dist/components/LinkSelect/index.js +6 -0
- package/dist/components/LinkSelect/index.js.map +1 -0
- package/dist/components/RecordEdition/EditRecord/EditRecord.d.ts +1 -4
- package/dist/components/RecordEdition/EditRecord/EditRecord.js +15 -28
- package/dist/components/RecordEdition/EditRecord/EditRecord.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordButtons/EditRecordButtons.d.ts +2 -0
- package/dist/components/RecordEdition/EditRecordButtons/EditRecordButtons.js +43 -0
- package/dist/components/RecordEdition/EditRecordButtons/EditRecordButtons.js.map +1 -0
- package/dist/components/RecordEdition/EditRecordButtons/SidebarButton.d.ts +2 -0
- package/dist/components/RecordEdition/EditRecordButtons/SidebarButton.js +25 -0
- package/dist/components/RecordEdition/EditRecordButtons/SidebarButton.js.map +1 -0
- package/dist/components/RecordEdition/EditRecordButtons/index.d.ts +2 -0
- package/dist/components/RecordEdition/EditRecordButtons/index.js +6 -0
- package/dist/components/RecordEdition/EditRecordButtons/index.js.map +1 -0
- package/dist/components/RecordEdition/EditRecordContent/EditRecordContent.js +9 -0
- package/dist/components/RecordEdition/EditRecordContent/EditRecordContent.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/LinkField.d.ts +2 -2
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/LinkField.js +3 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/LinkField.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-edition/useLinkRecordsInEdition.d.ts +2 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-edition/useLinkRecordsInEdition.js +162 -52
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-edition/useLinkRecordsInEdition.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/ValuesList/DSListSelect.js +3 -3
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/ValuesList/DSListSelect.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordModal/EditRecordModal.d.ts +3 -0
- package/dist/components/RecordEdition/EditRecordModal/EditRecordModal.js +5 -10
- package/dist/components/RecordEdition/EditRecordModal/EditRecordModal.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordPage/EditRecordPage.d.ts +1 -0
- package/dist/components/RecordEdition/EditRecordPage/EditRecordPage.js +5 -6
- package/dist/components/RecordEdition/EditRecordPage/EditRecordPage.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordSidebar/Breacrumb/Breadcrumb.js +2 -2
- package/dist/components/RecordEdition/EditRecordSidebar/Breacrumb/Breadcrumb.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordSidebar/EditRecordSidebar.d.ts +0 -1
- package/dist/components/RecordEdition/EditRecordSidebar/EditRecordSidebar.js +13 -12
- package/dist/components/RecordEdition/EditRecordSidebar/EditRecordSidebar.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordSidebar/ValuesVersions/ValuesVersions.js +2 -2
- package/dist/components/RecordEdition/EditRecordSidebar/ValuesVersions/ValuesVersions.js.map +1 -1
- package/dist/components/RecordEdition/constants.d.ts +2 -0
- package/dist/components/RecordEdition/constants.js +6 -0
- package/dist/components/RecordEdition/constants.js.map +1 -0
- package/dist/components/RecordEdition/editRecordReducer/editRecordReducer.d.ts +27 -1
- package/dist/components/RecordEdition/editRecordReducer/editRecordReducer.js +43 -2
- package/dist/components/RecordEdition/editRecordReducer/editRecordReducer.js.map +1 -1
- package/dist/components/RecordEdition/index.d.ts +2 -0
- package/dist/components/RecordEdition/index.js +2 -0
- package/dist/components/RecordEdition/index.js.map +1 -1
- package/dist/components/index.d.ts +0 -1
- package/dist/components/index.js +0 -1
- package/dist/components/index.js.map +1 -1
- package/dist/contexts/LangContext/LangContext.d.ts +1 -2
- package/dist/contexts/LangContext/LangContext.js +2 -2
- package/dist/contexts/LangContext/LangContext.js.map +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useGetRecordForm/useGetRecordForm.js +1 -1
- package/dist/hooks/useGetRecordForm/useGetRecordForm.js.map +1 -1
- package/dist/hooks/useIFrameMessenger/messageHandlers.d.ts +14 -0
- package/dist/hooks/useIFrameMessenger/messageHandlers.js +118 -0
- package/dist/hooks/useIFrameMessenger/messageHandlers.js.map +1 -0
- package/dist/hooks/useIFrameMessenger/types.d.ts +147 -0
- package/dist/hooks/useIFrameMessenger/types.js +2 -0
- package/dist/hooks/useIFrameMessenger/types.js.map +1 -0
- package/dist/hooks/useIFrameMessenger/useIFrameMessenger.d.ts +11 -0
- package/dist/hooks/useIFrameMessenger/useIFrameMessenger.js +73 -0
- package/dist/hooks/useIFrameMessenger/useIFrameMessenger.js.map +1 -0
- package/dist/hooks/useRedirectToLogin/useRedirectToLogin.js +1 -1
- package/dist/hooks/useRedirectToLogin/useRedirectToLogin.js.map +1 -1
- package/dist/locales/en/shared.json +8 -1
- package/dist/locales/fr/shared.json +8 -1
- package/dist/types/attributes.d.ts +2 -1
- package/package.json +1 -2
- package/dist/components/Explorer/actions-item/useRemoveItemAction.js.map +0 -1
|
@@ -4,39 +4,59 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
4
4
|
// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
|
|
5
5
|
import { Explorer } from '../../../../../../components/Explorer';
|
|
6
6
|
import { useEffect, useState } from 'react';
|
|
7
|
-
import { FaList } from 'react-icons/fa';
|
|
8
7
|
import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
|
|
9
8
|
import { ExplorerWrapper } from '../shared/ExplorerWrapper';
|
|
10
|
-
import { LinkActionsButtons } from '../shared/LinkActionsButtons';
|
|
11
9
|
import { DeleteAllValuesButton } from '../../shared/DeleteAllValuesButton';
|
|
12
|
-
import {
|
|
10
|
+
import { RecordFilterCondition, RecordFilterOperator, useGetLibraryByIdQuery, useGetRecordsFromLibraryQuery } from '../../../../../../_gqlTypes';
|
|
11
|
+
import useSaveValueBatchMutation from '../../../../../../components/RecordEdition/EditRecordContent/hooks/useExecuteSaveValueBatchMutation';
|
|
12
|
+
import { AntForm, KitButton } from 'aristid-ds';
|
|
13
13
|
import { EditRecordReducerActionsTypes } from '../../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
|
|
14
14
|
import { useLinkRecords } from './useLinkRecords';
|
|
15
|
+
import LinkSelect from '../../../../../../components/LinkSelect';
|
|
16
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
17
|
+
import { faPlus } from '@fortawesome/free-solid-svg-icons';
|
|
15
18
|
const _shouldUpdateExplorerActions = (ref, explorerActions) => ref?.createAction?.disabled !== explorerActions?.createAction?.disabled ||
|
|
16
19
|
ref?.linkAction?.disabled !== explorerActions?.linkAction?.disabled ||
|
|
17
20
|
ref?.totalCount !== explorerActions?.totalCount;
|
|
18
|
-
export const useLinkRecordsInEdition = ({ libraryId, recordId, attribute, columnsToDisplay, backendValues, setBackendValues, activeAttribute, dispatch, isHookUsed, isReadOnly, isFieldInError,
|
|
21
|
+
export const useLinkRecordsInEdition = ({ libraryId, recordId, attribute, columnsToDisplay, backendValues, setBackendValues, activeAttribute, dispatch, isHookUsed, isReadOnly, isFieldInError, tagDisplayMode, onDeleteMultipleValues }) => {
|
|
19
22
|
const { t } = useSharedTranslation();
|
|
20
|
-
const [explorerActions, setExplorerActions] = useState(null);
|
|
21
23
|
const form = AntForm.useFormInstance();
|
|
24
|
+
const [isExplorerAddButtonClicked, setIsExplorerAddButtonClicked] = useState(false);
|
|
25
|
+
const [explorerActions, setExplorerActions] = useState(null);
|
|
26
|
+
const [fullTextSearchAttributes, setFullTextSearchAttributes] = useState([]);
|
|
27
|
+
const [linkedIds, setLinkIds] = useState([]);
|
|
28
|
+
const [selectOptions, setSelectOptions] = useState([]);
|
|
22
29
|
const { handleDeleteAllValues, handleExplorerCreateValue, handleExplorerLinkValue, handleExplorerMassDeactivateValues, handleExplorerRemoveValue } = useLinkRecords({
|
|
23
30
|
attribute,
|
|
24
31
|
backendValues,
|
|
25
32
|
setBackendValues,
|
|
26
33
|
onDeleteMultipleValues
|
|
27
34
|
});
|
|
35
|
+
// Query to get all records from the linked library
|
|
36
|
+
// Network-only is useful to avoid caching, we have a side effect otherwise
|
|
37
|
+
// When the record is created, if we call getRecordsFromLibrary(), the previous records are returned
|
|
38
|
+
const { data: libraryItems, refetch: getRecordsFromLibrary } = useGetRecordsFromLibraryQuery({
|
|
39
|
+
fetchPolicy: 'network-only'
|
|
40
|
+
});
|
|
41
|
+
// Function to get the library configuration
|
|
42
|
+
const { data: libraryLinked } = useGetLibraryByIdQuery({
|
|
43
|
+
variables: {
|
|
44
|
+
id: attribute.linked_library.id
|
|
45
|
+
}
|
|
46
|
+
});
|
|
28
47
|
useEffect(() => {
|
|
29
|
-
if (
|
|
30
|
-
|
|
31
|
-
form.setFields([
|
|
32
|
-
{
|
|
33
|
-
name: attribute.id,
|
|
34
|
-
errors: [t('errors.standard_field_required')]
|
|
35
|
-
}
|
|
36
|
-
]);
|
|
48
|
+
if (libraryLinked) {
|
|
49
|
+
setFullTextSearchAttributes(libraryLinked.libraries.list[0].fullTextAttributes);
|
|
37
50
|
}
|
|
38
|
-
}, []);
|
|
51
|
+
}, [libraryLinked]);
|
|
52
|
+
// Function to refetch data with current parameters
|
|
53
|
+
const getRecordsRefetch = (customVariables = {}) => getRecordsFromLibrary({
|
|
54
|
+
libraryId: attribute.linked_library.id,
|
|
55
|
+
pagination: { limit: 10, offset: 0 },
|
|
56
|
+
...customVariables
|
|
57
|
+
});
|
|
39
58
|
useEffect(() => {
|
|
59
|
+
setLinkIds(backendValues.map(bv => bv.linkValue.id));
|
|
40
60
|
if (isHookUsed && activeAttribute?.attribute.id === attribute.id) {
|
|
41
61
|
// Update active value used in the sidebar when backendValues change
|
|
42
62
|
dispatch({
|
|
@@ -45,6 +65,36 @@ export const useLinkRecordsInEdition = ({ libraryId, recordId, attribute, column
|
|
|
45
65
|
});
|
|
46
66
|
}
|
|
47
67
|
}, [backendValues]);
|
|
68
|
+
// Update options for LinkSelect when libraryItems update
|
|
69
|
+
useEffect(() => {
|
|
70
|
+
if (libraryItems?.records?.list) {
|
|
71
|
+
setSelectOptions(libraryItems.records.list.map(record => ({
|
|
72
|
+
value: record.id,
|
|
73
|
+
label: record.whoAmI.label ?? record.whoAmI.id,
|
|
74
|
+
idCard: {
|
|
75
|
+
description: record.whoAmI.label ?? record.whoAmI.id,
|
|
76
|
+
avatarProps: {
|
|
77
|
+
size: 'small',
|
|
78
|
+
shape: 'square',
|
|
79
|
+
imageFit: 'contain',
|
|
80
|
+
src: record.whoAmI.preview?.small,
|
|
81
|
+
label: record.whoAmI.label ?? record.whoAmI.id
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
})));
|
|
85
|
+
}
|
|
86
|
+
}, [libraryItems]);
|
|
87
|
+
useEffect(() => {
|
|
88
|
+
if (isHookUsed && backendValues.length === 0 && attribute.required) {
|
|
89
|
+
// Set field in error when LinkField is displayed for the first time. Otherwise, errors will be handled by _removeValues() or _handleExplorerLinkValue()
|
|
90
|
+
form.setFields([
|
|
91
|
+
{
|
|
92
|
+
name: attribute.id,
|
|
93
|
+
errors: [t('errors.standard_field_required')]
|
|
94
|
+
}
|
|
95
|
+
]);
|
|
96
|
+
}
|
|
97
|
+
}, []);
|
|
48
98
|
const _handleExplorerRef = (ref) => {
|
|
49
99
|
if (_shouldUpdateExplorerActions(ref, explorerActions)) {
|
|
50
100
|
setExplorerActions({
|
|
@@ -54,52 +104,112 @@ export const useLinkRecordsInEdition = ({ libraryId, recordId, attribute, column
|
|
|
54
104
|
});
|
|
55
105
|
}
|
|
56
106
|
};
|
|
57
|
-
const
|
|
58
|
-
|
|
59
|
-
|
|
107
|
+
const _openLinkSelect = () => {
|
|
108
|
+
setIsExplorerAddButtonClicked(true);
|
|
109
|
+
};
|
|
110
|
+
const { saveValues } = useSaveValueBatchMutation();
|
|
111
|
+
const _onBlurLinkSelect = async (itemsToLink, itemsToDelete) => {
|
|
112
|
+
// If there is no value to link or to remove, return early
|
|
113
|
+
if (itemsToLink.size === 0 && itemsToDelete.size === 0) {
|
|
114
|
+
setIsExplorerAddButtonClicked(false);
|
|
115
|
+
return;
|
|
60
116
|
}
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
117
|
+
// Convert itemsToLink Set to Array once to avoid repeated conversions
|
|
118
|
+
const itemsToLinkArray = Array.from(itemsToLink);
|
|
119
|
+
// Find values to remove and prepare payload for backend
|
|
120
|
+
const valuesToRemove = backendValues.filter(bv => itemsToDelete.has(bv.linkValue.id));
|
|
121
|
+
const idValuesToRemove = valuesToRemove.map(bv => bv.id_value);
|
|
122
|
+
// Prepare batch operation payload
|
|
123
|
+
const values = [
|
|
124
|
+
// Items to link (create new links)
|
|
125
|
+
...itemsToLinkArray.map(item => ({
|
|
126
|
+
attribute: attribute.id,
|
|
127
|
+
idValue: null,
|
|
128
|
+
value: item
|
|
129
|
+
})),
|
|
130
|
+
// Items to delete (remove existing links)
|
|
131
|
+
...idValuesToRemove.map(item => ({
|
|
132
|
+
attribute: attribute.id,
|
|
133
|
+
idValue: item,
|
|
134
|
+
value: null
|
|
135
|
+
}))
|
|
136
|
+
];
|
|
137
|
+
// Send the values to the backend
|
|
138
|
+
const res = await saveValues({ id: recordId, library: { id: libraryId } }, values, undefined, true);
|
|
139
|
+
const resValues = res.values;
|
|
140
|
+
// Update linked IDs: add new links and remove deleted ones
|
|
141
|
+
const updatedLinkedIds = linkedIds.filter(id => !itemsToDelete.has(id)).concat(itemsToLinkArray);
|
|
142
|
+
setLinkIds(updatedLinkedIds);
|
|
143
|
+
// Extract newly added values from response
|
|
144
|
+
const newlyAddedValues = resValues.filter(v => itemsToLink.has(v.linkValue.id));
|
|
145
|
+
// Update backend values: remove deleted ones and add new ones
|
|
146
|
+
setBackendValues([...backendValues.filter(bv => !itemsToDelete.has(bv.linkValue.id)), ...newlyAddedValues]);
|
|
147
|
+
// Hide linkSelect
|
|
148
|
+
setIsExplorerAddButtonClicked(false);
|
|
149
|
+
};
|
|
150
|
+
// search records that match the text typed in the search bar
|
|
151
|
+
const _onLinkSelectSearch = async (text) => {
|
|
152
|
+
const filters = fullTextSearchAttributes.reduce((acc, attr, index) => {
|
|
153
|
+
// Add OR operator between filters (except before the first filter)
|
|
154
|
+
if (index > 0) {
|
|
155
|
+
acc.push({ operator: RecordFilterOperator.OR });
|
|
156
|
+
}
|
|
157
|
+
// Add the filter condition
|
|
158
|
+
acc.push({
|
|
159
|
+
condition: RecordFilterCondition.CONTAINS,
|
|
160
|
+
field: attr.id,
|
|
161
|
+
value: text
|
|
162
|
+
});
|
|
163
|
+
return acc;
|
|
164
|
+
}, []);
|
|
165
|
+
await getRecordsRefetch({
|
|
166
|
+
filters
|
|
167
|
+
});
|
|
168
|
+
};
|
|
169
|
+
const _onCreateLinkSelect = async () => {
|
|
170
|
+
setIsExplorerAddButtonClicked(false);
|
|
171
|
+
explorerActions?.createAction?.callback();
|
|
172
|
+
};
|
|
173
|
+
const _onDeselect = linkId => {
|
|
174
|
+
const item = backendValues.find(bv => bv.linkValue.id === linkId);
|
|
175
|
+
if (!item) {
|
|
176
|
+
return null;
|
|
64
177
|
}
|
|
65
|
-
return
|
|
178
|
+
return {
|
|
179
|
+
id_value: item.id_value,
|
|
180
|
+
libraryId,
|
|
181
|
+
attribute,
|
|
182
|
+
recordId
|
|
183
|
+
};
|
|
66
184
|
};
|
|
67
185
|
return {
|
|
68
186
|
UnlinkAllRecordsInEdition: isHookUsed &&
|
|
69
187
|
backendValues.length > 1 &&
|
|
70
188
|
attribute.multiple_values &&
|
|
71
189
|
!attribute.required && (_jsx(DeleteAllValuesButton, { handleDelete: handleDeleteAllValues, disabled: isReadOnly, danger: isFieldInError })),
|
|
72
|
-
LinkRecordsInEditionExplorer: isHookUsed &&
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
callback: explorerActions?.createAction?.callback,
|
|
96
|
-
disabled: isReadOnly || explorerActions?.createAction?.disabled
|
|
97
|
-
}, linkButtonProps: {
|
|
98
|
-
icon: _jsx(FaList, {}),
|
|
99
|
-
label: explorerActions?.linkAction?.label,
|
|
100
|
-
callback: explorerActions?.linkAction?.callback,
|
|
101
|
-
disabled: isReadOnly || (attribute.multiple_values && explorerActions?.linkAction?.disabled)
|
|
102
|
-
}, hasNoValue: hasNoValue })] }))
|
|
190
|
+
LinkRecordsInEditionExplorer: isHookUsed &&
|
|
191
|
+
recordId &&
|
|
192
|
+
(tagDisplayMode ? (_jsx(LinkSelect, { tagDisplay: true, options: selectOptions, defaultValues: linkedIds })) : (_jsxs(_Fragment, { children: [_jsx(ExplorerWrapper, { children: _jsx(Explorer, { ref: _handleExplorerRef, defaultViewSettings: {
|
|
193
|
+
attributesIds: columnsToDisplay
|
|
194
|
+
}, entrypoint: {
|
|
195
|
+
type: 'link',
|
|
196
|
+
parentLibraryId: libraryId,
|
|
197
|
+
parentRecordId: recordId,
|
|
198
|
+
linkAttributeId: attribute.id
|
|
199
|
+
}, defaultCallbacks: {
|
|
200
|
+
item: {
|
|
201
|
+
remove: handleExplorerRemoveValue
|
|
202
|
+
},
|
|
203
|
+
mass: {
|
|
204
|
+
deactivate: handleExplorerMassDeactivateValues
|
|
205
|
+
},
|
|
206
|
+
primary: {
|
|
207
|
+
link: handleExplorerLinkValue,
|
|
208
|
+
create: handleExplorerCreateValue
|
|
209
|
+
}
|
|
210
|
+
}, showTitle: false, showSearch: false, selectionMode: attribute.multiple_values ? 'multiple' : 'simple', disableSelection: isReadOnly ||
|
|
211
|
+
!attribute.multiple_values ||
|
|
212
|
+
(attribute.required && attribute.multiple_values && backendValues.length === 1), defaultActionsForItem: [], hidePrimaryActions: true, hideTableHeader: true, iconsOnlyItemActions: true }) }), _jsx(KitButton, { onClick: _openLinkSelect, icon: _jsx(FontAwesomeIcon, { icon: faPlus }) }), isExplorerAddButtonClicked && (_jsx(LinkSelect, { tagDisplay: false, options: selectOptions, defaultValues: linkedIds, onClickCreateButton: _onCreateLinkSelect, onBlur: _onBlurLinkSelect, onParentDeselect: _onDeselect, onSearch: _onLinkSelectSearch }))] })))
|
|
103
213
|
};
|
|
104
214
|
};
|
|
105
215
|
//# sourceMappingURL=useLinkRecordsInEdition.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLinkRecordsInEdition.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-edition/useLinkRecordsInEdition.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AAEjD,OAAO,EAA2C,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACpF,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"useLinkRecordsInEdition.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-edition/useLinkRecordsInEdition.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,11 +7,11 @@ import { KitSelect, KitTypography } from 'aristid-ds';
|
|
|
7
7
|
import useSharedTranslation from '../../../../../../../hooks/useSharedTranslation/useSharedTranslation';
|
|
8
8
|
import { AttributeFormat, useSaveAttributeMutation } from '../../../../../../../_gqlTypes';
|
|
9
9
|
import { Form } from 'antd';
|
|
10
|
-
import moment from 'moment';
|
|
11
10
|
import { stringifyDateRangeValue } from '../../../../../../../_utils';
|
|
12
11
|
import { EditRecordReducerActionsTypes } from '../../../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
|
|
13
12
|
import { useEditRecordReducer } from '../../../../../../../components/RecordEdition/editRecordReducer/useEditRecordReducer';
|
|
14
13
|
import { EMPTY_INITIAL_VALUE_STRING } from '../../../../../../../components/RecordEdition/EditRecordContent/antdUtils';
|
|
14
|
+
import dayjs from 'dayjs';
|
|
15
15
|
const isNewOption = (value, options) => value !== '' && !options.find(option => option.value === value);
|
|
16
16
|
const addOption = (options, optionToAdd) => {
|
|
17
17
|
const newOptions = options;
|
|
@@ -48,8 +48,8 @@ export const DSListSelect = ({ value, presentationValue, isLastValueOfMultivalue
|
|
|
48
48
|
const valuesList = attribute.values_list.dateRangeValues ?? [];
|
|
49
49
|
values = valuesList.map(v => {
|
|
50
50
|
const rangeValue = {
|
|
51
|
-
from:
|
|
52
|
-
to:
|
|
51
|
+
from: dayjs.unix(Number(v.from)).format('DD-MM-YYYY'),
|
|
52
|
+
to: dayjs.unix(Number(v.to)).format('DD-MM-YYYY')
|
|
53
53
|
};
|
|
54
54
|
return {
|
|
55
55
|
value: stringifyDateRangeValue(rangeValue, t),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSListSelect.js","sourceRoot":"","sources":["../../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/ValuesList/DSListSelect.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAoB,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAC,SAAS,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AACpD,OAAO,oBAAoB,MAAM,qDAAqD,CAAC;AACvF,OAAO,EAAC,eAAe,EAAE,wBAAwB,EAAC,MAAM,eAAe,CAAC;AACxE,OAAO,EAAC,IAAI,EAAC,MAAM,MAAM,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"DSListSelect.js","sourceRoot":"","sources":["../../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/ValuesList/DSListSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,5 +15,8 @@ export interface IEditRecordModalProps {
|
|
|
15
15
|
submitButtons?: possibleSubmitButtons;
|
|
16
16
|
withInfoButton?: boolean;
|
|
17
17
|
valuesVersion?: IValueVersion;
|
|
18
|
+
showSidebar?: boolean;
|
|
19
|
+
enableSidebar?: boolean;
|
|
20
|
+
autoHeight?: boolean;
|
|
18
21
|
}
|
|
19
22
|
export declare const EditRecordModal: FunctionComponent<IEditRecordModalProps>;
|
|
@@ -8,11 +8,12 @@ import styled from 'styled-components';
|
|
|
8
8
|
import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
|
|
9
9
|
import { EditRecord } from '../EditRecord';
|
|
10
10
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
11
|
-
import { faXmark
|
|
11
|
+
import { faXmark } from '@fortawesome/free-solid-svg-icons';
|
|
12
12
|
import { useGetSubmitButtons } from '../hooks/useGetSubmitButtons';
|
|
13
13
|
import { useForm } from 'antd/lib/form/Form';
|
|
14
14
|
import { useCreateCancelConfirm } from '../hooks/useCreateCancelConfirm';
|
|
15
15
|
import { v4 as uuidv4 } from 'uuid';
|
|
16
|
+
import { EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS } from '../constants';
|
|
16
17
|
const MODAL_HEIGHT = '80vh';
|
|
17
18
|
const MODAL_WIDTH = '90vw';
|
|
18
19
|
const MODAL_MAX_WIDTH = '1200px';
|
|
@@ -48,14 +49,11 @@ const KitModalStyled = styled(KitModal) `
|
|
|
48
49
|
}
|
|
49
50
|
}
|
|
50
51
|
`;
|
|
51
|
-
export const EditRecordModal = ({ className, open, record, creationFormId, editionFormId, library, onClose, onCreate, onCreateAndEdit, valuesVersion, submitButtons = ['create'], withInfoButton = true }) => {
|
|
52
|
+
export const EditRecordModal = ({ className, open, record, creationFormId, editionFormId, library, onClose, onCreate, onCreateAndEdit, valuesVersion, showSidebar, enableSidebar, submitButtons = ['create'], withInfoButton = true, autoHeight = false }) => {
|
|
52
53
|
const { t } = useSharedTranslation();
|
|
53
54
|
const [antdForm] = useForm();
|
|
54
55
|
const [currentRecord, setCurrentRecord] = useState(record);
|
|
55
56
|
const [clickedSubmitButton, setClickedSubmitButton] = useState(null);
|
|
56
|
-
// Create refs for the buttons to pass them to the EditRecord component
|
|
57
|
-
const refreshButtonRef = useRef(null);
|
|
58
|
-
const valuesVersionsButtonRef = useRef(null);
|
|
59
57
|
const formElementId = useRef(uuidv4());
|
|
60
58
|
const isCreation = !currentRecord;
|
|
61
59
|
const closeButtonLabel = isCreation ? t('global.cancel') : t('global.close');
|
|
@@ -82,12 +80,9 @@ export const EditRecordModal = ({ className, open, record, creationFormId, editi
|
|
|
82
80
|
}
|
|
83
81
|
return onClose();
|
|
84
82
|
};
|
|
85
|
-
return (_jsx(KitModalStyled, { className: className, height: MODAL_HEIGHT, width: MODAL_WIDTH, isOpen: open, close: _handleClose, title: _jsxs(KitSpace, { children: [_jsx(KitTypography.Title, { level: "h2", style: { margin: 0 }, children: currentRecord?.label ?? t('record_edition.new_record') }),
|
|
83
|
+
return (_jsx(KitModalStyled, { className: className, height: autoHeight ? 'auto' : MODAL_HEIGHT, maxHeight: autoHeight ? MODAL_HEIGHT : undefined, width: MODAL_WIDTH, isOpen: open, close: _handleClose, title: _jsxs(KitSpace, { children: [_jsx(KitTypography.Title, { level: "h2", style: { margin: 0 }, children: currentRecord?.label ?? t('record_edition.new_record') }), _jsx("div", { id: EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS })] }), footer: _jsx(KitSpace, { children: [
|
|
86
84
|
_jsx(KitButton, { "aria-label": closeButtonLabel, icon: _jsx(FontAwesomeIcon, { icon: faXmark }), onClick: _handleClose, children: closeButtonLabel }, "close"),
|
|
87
85
|
...displayedSubmitButtons
|
|
88
|
-
] }), closeIcon: _jsx(FontAwesomeIcon, { icon: faXmark }), showCloseIcon: true, destroyOnClose: true, children: _jsx(EditRecord, { antdForm: antdForm, formId: formId, formElementId: formElementId.current, record: currentRecord, library: library, onCreate: _handleCreate, valuesVersion: valuesVersion,
|
|
89
|
-
refresh: refreshButtonRef,
|
|
90
|
-
valuesVersions: valuesVersionsButtonRef
|
|
91
|
-
}, showSidebar: true, withInfoButton: withInfoButton }) }));
|
|
86
|
+
] }), closeIcon: _jsx(FontAwesomeIcon, { icon: faXmark }), showCloseIcon: true, destroyOnClose: true, children: _jsx(EditRecord, { antdForm: antdForm, formId: formId, formElementId: formElementId.current, record: currentRecord, library: library, onCreate: _handleCreate, valuesVersion: valuesVersion, showSidebar: showSidebar, enableSidebar: enableSidebar, withInfoButton: withInfoButton }) }));
|
|
92
87
|
};
|
|
93
88
|
//# sourceMappingURL=EditRecordModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditRecordModal.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordModal/EditRecordModal.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAoB,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AACxE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"EditRecordModal.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordModal/EditRecordModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,12 +7,13 @@ import { KitButton, KitDivider, KitSpace, KitTypography } from 'aristid-ds';
|
|
|
7
7
|
import styled from 'styled-components';
|
|
8
8
|
import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
|
|
9
9
|
import { EditRecord } from '../EditRecord';
|
|
10
|
-
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
11
|
-
import { faXmark, faRotateRight } from '@fortawesome/free-solid-svg-icons';
|
|
12
10
|
import { useGetSubmitButtons } from '../hooks/useGetSubmitButtons';
|
|
13
11
|
import { useForm } from 'antd/lib/form/Form';
|
|
14
12
|
import { useCreateCancelConfirm } from '../hooks/useCreateCancelConfirm';
|
|
15
13
|
import { v4 as uuidv4 } from 'uuid';
|
|
14
|
+
import { EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS } from '../constants';
|
|
15
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
16
|
+
import { faXmark } from '@fortawesome/free-solid-svg-icons';
|
|
16
17
|
const Header = styled.div `
|
|
17
18
|
grid-area: title;
|
|
18
19
|
align-self: center;
|
|
@@ -24,7 +25,7 @@ const Header = styled.div `
|
|
|
24
25
|
align-items: center;
|
|
25
26
|
`;
|
|
26
27
|
const emptyFunction = () => null;
|
|
27
|
-
export const EditRecordPage = ({ record, library, creationFormId, editionFormId, onCreate, onCreateAndEdit, valuesVersion, title, showRefreshButton = true, showHeader = true, submitButtons = ['create'], withInfoButton, onClose = emptyFunction, showSidebar, sidebarContainer }) => {
|
|
28
|
+
export const EditRecordPage = ({ record, library, creationFormId, editionFormId, onCreate, onCreateAndEdit, valuesVersion, title, showRefreshButton = true, showHeader = true, submitButtons = ['create'], withInfoButton, onClose = emptyFunction, enableSidebar, showSidebar, sidebarContainer }) => {
|
|
28
29
|
const { t } = useSharedTranslation();
|
|
29
30
|
const [currentRecord, setCurrentRecord] = useState(record);
|
|
30
31
|
const [clickedSubmitButton, setClickedSubmitButton] = useState(null);
|
|
@@ -42,8 +43,6 @@ export const EditRecordPage = ({ record, library, creationFormId, editionFormId,
|
|
|
42
43
|
}
|
|
43
44
|
return onClose();
|
|
44
45
|
};
|
|
45
|
-
// Create refs for the buttons to pass them to the EditRecord component
|
|
46
|
-
const refreshButtonRef = useRef(null);
|
|
47
46
|
const closeButtonLabel = isCreation ? t('global.cancel') : t('global.close');
|
|
48
47
|
const _handleCreate = (newRecord) => {
|
|
49
48
|
setCurrentRecord(newRecord);
|
|
@@ -57,6 +56,6 @@ export const EditRecordPage = ({ record, library, creationFormId, editionFormId,
|
|
|
57
56
|
}
|
|
58
57
|
};
|
|
59
58
|
const formId = isCreation ? creationFormId : editionFormId;
|
|
60
|
-
return (_jsxs(_Fragment, { children: [showHeader && (_jsxs(_Fragment, { children: [_jsxs(Header, { children: [title !== undefined ? (title) : (_jsx(KitTypography.Title, { level: "h2", style: { margin: 0 }, children: currentRecord?.label ?? t('record_edition.new_record') })),
|
|
59
|
+
return (_jsxs(_Fragment, { children: [showHeader && (_jsxs(_Fragment, { children: [_jsxs(Header, { children: [title !== undefined ? (title) : (_jsx(KitTypography.Title, { level: "h2", style: { margin: 0 }, children: currentRecord?.label ?? t('record_edition.new_record') })), _jsx("div", { id: EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS, "data-testid": EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS }), _jsx(KitButton, { onClick: _handleClose, icon: _jsx(FontAwesomeIcon, { icon: faXmark }), children: closeButtonLabel }), _jsx(KitSpace, { children: displayedSubmitButtons })] }), _jsx(KitDivider, { noMargin: true, color: "lightGrey" })] })), _jsx(EditRecord, { antdForm: antdForm, formId: formId, formElementId: formElementId.current, record: currentRecord, library: library, valuesVersion: valuesVersion, onCreate: _handleCreate, containerStyle: { height: 'calc(100% - 82px)' }, withInfoButton: withInfoButton, enableSidebar: enableSidebar, showSidebar: showSidebar, sidebarContainer: sidebarContainer })] }));
|
|
61
60
|
};
|
|
62
61
|
//# sourceMappingURL=EditRecordPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditRecordPage.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordPage/EditRecordPage.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAA+B,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACrE,OAAO,EAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAC1E,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"EditRecordPage.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordPage/EditRecordPage.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAA+B,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACrE,OAAO,EAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAC1E,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAC,mBAAmB,EAAC,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAC,OAAO,EAAC,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAC,sBAAsB,EAAC,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAC,EAAE,IAAI,MAAM,EAAC,MAAM,MAAM,CAAC;AAClC,OAAO,EAAC,0CAA0C,EAAC,MAAM,cAAc,CAAC;AACxE,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,OAAO,EAAC,MAAM,mCAAmC,CAAC;AAqB1D,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CASxB,CAAC;AAEF,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;AAEjC,MAAM,CAAC,MAAM,cAAc,GAA4C,CAAC,EACpE,MAAM,EACN,OAAO,EACP,cAAc,EACd,aAAa,EACb,QAAQ,EACR,eAAe,EACf,aAAa,EACb,KAAK,EACL,iBAAiB,GAAG,IAAI,EACxB,UAAU,GAAG,IAAI,EACjB,aAAa,GAAG,CAAC,QAAQ,CAAC,EAC1B,cAAc,EACd,OAAO,GAAG,aAAa,EACvB,aAAa,EACb,WAAW,EACX,gBAAgB,EACnB,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAA0C,MAAM,CAAC,CAAC;IACpG,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC,CAAC;IAC/F,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAC1D,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;IACvC,MAAM,UAAU,GAAG,CAAC,aAAa,CAAC;IAElC,MAAM,kBAAkB,GAAG,CAAC,MAAyB,EAAE,EAAE;QACrD,sBAAsB,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,mBAAmB,CAC9C,aAAa,EACb,aAAa,CAAC,OAAO,EACrB,UAAU,EACV,kBAAkB,CACrB,CAAC;IACF,MAAM,CAAC,QAAQ,CAAC,GAAG,OAAO,EAAE,CAAC;IAE7B,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,IAAI,UAAU,IAAI,QAAQ,CAAC,eAAe,EAAE,EAAE,CAAC;YAC3C,OAAO,iBAAiB,EAAE,CAAC;QAC/B,CAAC;QAED,OAAO,OAAO,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IAE7E,MAAM,aAAa,GAAG,CAAC,SAA2C,EAAE,EAAE;QAClE,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAE5B,IAAI,eAAe,IAAI,mBAAmB,KAAK,eAAe,EAAE,CAAC;YAC7D,eAAe,CAAC,SAAS,CAAC,CAAC;YAC3B,OAAO;QACX,CAAC;QAED,IAAI,QAAQ,IAAI,mBAAmB,KAAK,QAAQ,EAAE,CAAC;YAC/C,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpB,OAAO;QACX,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC;IAE3D,OAAO,CACH,8BACK,UAAU,IAAI,CACX,8BACI,MAAC,MAAM,eACF,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACnB,KAAK,CACR,CAAC,CAAC,CAAC,CACA,KAAC,aAAa,CAAC,KAAK,IAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,CAAC,EAAC,YAC7C,aAAa,EAAE,KAAK,IAAI,CAAC,CAAC,2BAA2B,CAAC,GACrC,CACzB,EACD,cACI,EAAE,EAAE,0CAA0C,iBACjC,0CAA0C,GACzD,EACF,KAAC,SAAS,IAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI,YACrE,gBAAgB,GACT,EACZ,KAAC,QAAQ,cAAE,sBAAsB,GAAY,IACxC,EACT,KAAC,UAAU,IAAC,QAAQ,QAAC,KAAK,EAAC,WAAW,GAAG,IAC1C,CACN,EACD,KAAC,UAAU,IACP,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,CAAC,OAAO,EACpC,MAAM,EAAE,aAAa,EACrB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,aAAa,EACvB,cAAc,EAAE,EAAC,MAAM,EAAE,mBAAmB,EAAC,EAC7C,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,GACpC,IACH,CACN,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
5
5
|
import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
|
|
6
6
|
import { KitBreadcrumb } from 'aristid-ds';
|
|
7
7
|
import { useEditRecordReducer } from '../../editRecordReducer/useEditRecordReducer';
|
|
8
|
-
import { EditRecordReducerActionsTypes } from '../../editRecordReducer/editRecordReducer';
|
|
8
|
+
import { EditRecordReducerActionsTypes, EditRecordSidebarContentTypeMap } from '../../editRecordReducer/editRecordReducer';
|
|
9
9
|
import { localizedTranslation } from '@leav/utils';
|
|
10
10
|
import { useLang } from '../../../../hooks';
|
|
11
11
|
export const Breadcrumb = () => {
|
|
@@ -28,7 +28,7 @@ export const Breadcrumb = () => {
|
|
|
28
28
|
e.preventDefault();
|
|
29
29
|
dispatch({
|
|
30
30
|
type: EditRecordReducerActionsTypes.SET_SIDEBAR_CONTENT,
|
|
31
|
-
content:
|
|
31
|
+
content: EditRecordSidebarContentTypeMap.SUMMARY
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
34
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordSidebar/Breacrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAGzC,OAAO,EAAC,oBAAoB,EAAC,MAAM,8CAA8C,CAAC;AAClF,OAAO,
|
|
1
|
+
{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordSidebar/Breacrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAGzC,OAAO,EAAC,oBAAoB,EAAC,MAAM,8CAA8C,CAAC;AAClF,OAAO,EACH,6BAA6B,EAC7B,+BAA+B,EAClC,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AACjD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,MAAM,CAAC,MAAM,UAAU,GAAsB,GAAG,EAAE;IAC9C,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,IAAI,EAAC,GAAG,OAAO,EAAE,CAAC;IACzB,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEjD,IAAI,KAAK,GAAyB,EAAE,CAAC;IAErC,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;QAC3B,KAAK,MAAM,CAAC;QACZ,KAAK,gBAAgB;YACjB,MAAM;QACV,KAAK,cAAc;YACf,KAAK,GAAG;gBACJ;oBACI,KAAK,EAAE,CAAC,CAAC,gCAAgC,EAAE;wBACvC,MAAM,EAAE,oBAAoB,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC;qBACzD,CAAC;oBACF,IAAI,EAAE,EAAE;oBACR,OAAO,EAAE,CAAC,CAAC,EAAE;wBACT,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,QAAQ,CAAC;4BACL,IAAI,EAAE,6BAA6B,CAAC,mBAAmB;4BACvD,OAAO,EAAE,+BAA+B,CAAC,OAAO;yBACnD,CAAC,CAAC;oBACP,CAAC;iBACJ;gBACD;oBACI,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC;iBACvC;aACJ,CAAC;YACF,MAAM;QACV;YACI,KAAK,GAAG;gBACJ;oBACI,KAAK,EAAE,CAAC,CAAC,gCAAgC,EAAE;wBACvC,MAAM,EAAE,oBAAoB,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC;qBACzD,CAAC;iBACL;aACJ,CAAC;YACF,MAAM;IACd,CAAC;IACD,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;AAC3C,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -2,7 +2,6 @@ import { FunctionComponent } from 'react';
|
|
|
2
2
|
import { MetadataSubmitValueFunc } from '../EditRecordContent/_types';
|
|
3
3
|
interface IEditRecordSidebarProps {
|
|
4
4
|
onMetadataSubmit: MetadataSubmitValueFunc;
|
|
5
|
-
open: boolean;
|
|
6
5
|
sidebarContainer?: HTMLElement;
|
|
7
6
|
}
|
|
8
7
|
export declare const EditRecordSidebar: FunctionComponent<IEditRecordSidebarProps>;
|
|
@@ -7,7 +7,7 @@ import { useEditRecordReducer } from '../editRecordReducer/useEditRecordReducer'
|
|
|
7
7
|
import RecordSummary from './RecordSummary';
|
|
8
8
|
import ValuesVersions from './ValuesVersions';
|
|
9
9
|
import { createPortal } from 'react-dom';
|
|
10
|
-
import {
|
|
10
|
+
import { EditRecordSidebarContentTypeMap } from '../editRecordReducer/editRecordReducer';
|
|
11
11
|
import { KitSidePanel, KitSpace } from 'aristid-ds';
|
|
12
12
|
import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
|
|
13
13
|
import { EDIT_RECORD_SIDEBAR_ID } from '../../../constants';
|
|
@@ -35,30 +35,31 @@ const StyledKitSidePanel = styled(KitSidePanel) `
|
|
|
35
35
|
`&&& section {
|
|
36
36
|
box-shadow: none;
|
|
37
37
|
}`}
|
|
38
|
+
grid-area: sidebar;
|
|
39
|
+
display: ${({ $isOpen }) => ($isOpen ? 'block' : 'none')};
|
|
38
40
|
`;
|
|
39
|
-
export const EditRecordSidebar = ({ onMetadataSubmit,
|
|
41
|
+
export const EditRecordSidebar = ({ onMetadataSubmit, sidebarContainer }) => {
|
|
40
42
|
const { t } = useSharedTranslation();
|
|
41
43
|
const { lang } = useLang();
|
|
42
|
-
const { state
|
|
44
|
+
const { state } = useEditRecordReducer();
|
|
43
45
|
const sidePanelRef = useRef(null);
|
|
44
|
-
const sidePanelTitle = state.sidebarContent ===
|
|
46
|
+
const sidePanelTitle = state.sidebarContent === EditRecordSidebarContentTypeMap.VALUE_DETAILS
|
|
45
47
|
? localizedTranslation(state.activeAttribute?.attribute.label, lang)
|
|
46
48
|
: (state.record?.label ?? state.record?.id ?? t('record_summary.new_record'));
|
|
47
|
-
const editRecordSidebarContent = (_jsx(StyledKitSidePanel, { ref: sidePanelRef, initialOpen:
|
|
49
|
+
const editRecordSidebarContent = (_jsx(StyledKitSidePanel, { ref: sidePanelRef, initialOpen: state.isOpenSidebar && state.enableSidebar, idCardProps: { title: sidePanelTitle }, id: EDIT_RECORD_SIDEBAR_ID, headerExtra: _jsx(Breadcrumb, {}), "$hideBoxShadow": !sidebarContainer, "$isOpen": state.isOpenSidebar, children: _getRecordSidebarContent(state, onMetadataSubmit) }));
|
|
48
50
|
useEffect(() => {
|
|
49
|
-
if (sidePanelRef.current) {
|
|
50
|
-
if (
|
|
51
|
+
if (sidePanelRef.current && state.enableSidebar) {
|
|
52
|
+
if (state.isOpenSidebar) {
|
|
51
53
|
sidePanelRef.current.open();
|
|
52
|
-
dispatch({
|
|
53
|
-
type: EditRecordReducerActionsTypes.SET_SIDEBAR_CONTENT,
|
|
54
|
-
content: state.sidebarContent === 'none' ? 'summary' : state.sidebarContent
|
|
55
|
-
});
|
|
56
54
|
}
|
|
57
55
|
else {
|
|
58
56
|
sidePanelRef.current.close();
|
|
59
57
|
}
|
|
60
58
|
}
|
|
61
|
-
}, [
|
|
59
|
+
}, [state.enableSidebar, state.isOpenSidebar, sidePanelRef.current]);
|
|
60
|
+
if (!state.enableSidebar) {
|
|
61
|
+
return null;
|
|
62
|
+
}
|
|
62
63
|
return sidebarContainer === undefined
|
|
63
64
|
? editRecordSidebarContent
|
|
64
65
|
: createPortal(editRecordSidebarContent, sidebarContainer);
|